﻿@charset "utf-8";
/* CSS Document */
#page { margin: 0px auto; width: 100%; overflow: hidden; min-height: 100%; max-width: 800px; margin-bottom: -50px; }
    #page:after { content: ""; display: block; }
    #page:after { height: 50px; }
.header { position: relative; z-index: 10; height: 50px; padding-left: 3.75%; background: url(../img/bg_header.png) repeat-x; background-size: auto 50px; }
a.logo { display: inline-block; width: 230px; height: 50px; background: url(../img/logo.png) no-repeat; background-size: auto 50px; }
a.nav { display: inline-block; width: 40px; height: 50px; background: url(../img/sign01.png) no-repeat; background-size: auto 50px; }
    a.nav.hover { background: url(../img/sign02.png) no-repeat; background-size: auto 50px; }
.subnav { position: absolute; right: 0; top: 47px; width: 156px; padding: 4px 0; background: #323232; display: none; }
    .subnav a { display: inline-block; width: 142px; padding-left: 13px; border-left: 1px solid #1b1b1b; border-bottom: 1px solid #272626; border-top: 1px solid #464545; background: url(../img/bg_sign03.png) no-repeat 95% center #323232; background-size: auto 100%; line-height: 40px; color: #fff; }
        .subnav a.first { border-top: none; }
        .subnav a.last { border-bottom: none; }
        .subnav a:hover { background-color: #1e1e1e; border-left: 1px solid #ed0000; }
.footer { padding-bottom: 12px; line-height: 22px; color: #666; text-align: center; }
    .footer a { display: inline-block; padding: 0 22px; color: #666; }


.body_footer { width: 100%; height: 50px; padding-top: 5px; background: linear-gradient(#000, #fff) #fff; background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fff)); background: -moz-linear-gradient(top, #fff, #fff); /* Firefox */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#eee, grandientType=0); bottom: 0; border-top: 1px solid #ddd; margin: 0px auto; }
    .body_footer ul { width: 100%; height: 45px; line-height: 45px; }
        .body_footer ul li { width: 25%; float: left; color: #fff; }
            .body_footer ul li a { width: 100%; height: 45px; display: block; }
            .body_footer ul li img { vertical-align: top; }
            .body_footer ul li a:hover { background: #fff; }
            .body_footer ul li dl { width: auto; margin: 0 auto; text-align: center; }
            .body_footer ul li dt { width: auto; height: 25px; overflow: hidden; }
            .body_footer ul li dd { width: auto; height: 20px; font-size: 12px; color: #333; line-height: 20px; overflow: hidden; }






.banner { position: relative; z-index: 1; overflow: hidden; top: -4px; margin-bottom: -4px; }
    .banner .swiper-slide img { width: 100%; }
    .banner .pagination { position: absolute; left: 0; bottom: 5%; z-index: 2; width: 100%; height: 14px; text-align: center; }
        .banner .pagination span { display: inline-block; width: 14px; height: 14px; background: url(../img/bg_sign01.png) no-repeat; background-size: 50% auto; overflow: hidden; margin-right: 0px; }
            .banner .pagination span.swiper-active-switch { background-position: 0 -14px; }
.index-box1 { width: 93.75%; margin: 20px auto; }
.index-box { width: 93.75%; margin: 20px auto; border: 1px solid #e7e7e7; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.3); }
    .index-box .main { padding: 2px 2.3%; }
    .index-box .title { height: 36px; font-size: 14px; line-height: 36px; color: #333; }
        .index-box .title a { display: inline-block; width: 21px; height: 36px; background: url(../img/sign03.jpg) no-repeat -3px 0; background-size: auto 36px; }
.index-intro { position: relative; overflow: hidden; width: 100%; margin-top: 2px; }
    .index-intro .swiper-slide { position: relative; overflow: hidden; width: 100%; }
    .index-intro ul { width: 100%; }
    .index-intro li { width: 31.4%; margin-right: 2.9%; line-height: 24px; text-align: center; }
        .index-intro li.last { margin-right: 0; }
        .index-intro li p { color: #333; font-weight: bold; }
    .index-intro .pagination { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: 25px; text-align: center; }
        .index-intro .pagination span { display: inline-block; width: 14px; height: 25px; margin-right: 0; background: url(../img/bg_sign02.jpg) no-repeat; }
            .index-intro .pagination span.swiper-active-switch { background-position: -14px 0; }
.index-news .title { padding: 0 2.3%; border-bottom: 1px solid #ebe7e7; }
.index-news .list { padding-bottom: 3.6%; }
.index-news ul { width: 100%; }
.index-news li { position: relative; width: 95.4%; padding: 3.5% 2.3%; border-bottom: 1px solid #ebe7e7; }
    .index-news li.nobor { border: none; }
.index-news .img { display: inline-block; width: 40%; padding: 1%; border: 1px solid #e5e5e5; }
.index-news .intro { float: left; width: 52%; margin-left: 5%; padding-top: 1%; line-height: 20px; color: #4c4c4c; }
.index-news .more { display: inline-block; position: absolute; right: 4%; bottom: 8%; width: 60px; border-radius: 3px; background: #777c81; color: #fff; text-align: center; }
/* contact start */
.contact { margin: 20px 0 10px; border-top: 1px solid #ddd; width: 100%; height: auto; overflow: hidden; color: #222; font: 20px/50px "STHeiti", "Arial"; text-align: center; }
/* contact end */
/*Inside*/
.menu-tips { position: relative; top: -4px; z-index: 1; overflow: hidden; height: 38px; margin-bottom: -4px; background: url(../img/bg_menu.jpg) repeat-x; background-size: auto 100%; }
    .menu-tips ul { width: 100%; }
    .menu-tips li { width: 25%; height: 38px; background: url(../img/bg_li01.jpg) no-repeat right center; background-size: auto 100%; line-height: 38px; text-align: center; }
        .menu-tips li.last { background: none; }
        .menu-tips li a { display: inline-block; width: 100%; color: #fff; }
            .menu-tips li a.on, .menu-tips li a:hover { background: url(../img/bg_sign10.png) no-repeat center bottom; background-size: auto 100%; }
        .menu-tips li span { padding-right: 14px; background: url(../img/bg_sign09.png) no-repeat right center; background-size: auto 150%; }
.menu { position: relative; top: -4px; margin-bottom: -4px; z-index: 1; overflow: hidden; background: #0e52b0; }
    .menu ul { width: 100%; margin-left: -1px; }
    .menu li { width: 32.6%; border-left: 1px solid #2058b0; border-right: 1px solid #0f49a1; background: -webkit-linear-gradient(top, #1951a9, #2d6bc0); }
        .menu li.nobor { width: 33.1%; border-right: 0; }
    .menu a { display: inline-block; width: 100%; line-height: 38px; color: #fff; text-align: center; }
    .menu li a.on, .menu li a:hover { background: url(../img/bg_sign10.png) no-repeat center bottom; background-size: auto 75%; }
.path { position: relative; height: 48px; padding: 13.5px 14px 13.5px 11px; background: url(../img/bg_path.jpg) repeat-x; background-size: auto 100%; line-height: 23px; margin-top: 5px; }
    .path a { display: inline-block; color: #666; }
        .path a.home { padding-left: 16px; background: url(../img/bg_sign07.png) no-repeat left center; background-size: auto 50%; }
        .path a.back { display: inline-block; position: absolute; right: 14px; top: 25px; width: 24px; height: 24px; background: url(../img/bg_sign08.png) no-repeat; background-size: auto 100%; }
    .path h2 { font-size: 16px; line-height: 48px; color: #333; }
.inside-body { background: #efeff4; }
.inside-main { width: 88%; padding: 6px 9px; border: 1px solid #e7e7e8; margin: 15px auto; background: #fff; line-height: 22px; color: #555; }
    .inside-main h2 { font-weight: normal; font-size: 15px; line-height: 36px; color: #333; }
    .inside-main p.c3 { color: #333; }
    .inside-main .btn { margin: 20px 0 10px; }
        .inside-main .btn a { display: inline-block; width: 70px; padding-left: 10px; background: url(../img/bg_sign04.png) no-repeat 90% center #144ea9; background-size: auto 100%; line-height: 30px; color: #fff; }
.menu-bottom { margin: 0px auto 20px; border-top: 1px solid #c8c7cc; }
    .menu-bottom a.tit { display: inline-block; width: 93.75%; padding-left: 6.25%; border-bottom: 1px solid #c8c7cc; background: url(../img/bg_sign05.jpg) no-repeat 90% 0 #fff; background-size: auto 200%; font-size: 13px; line-height: 43px; color: #333; }
        .menu-bottom a.tit:hover, .menu-bottom a.tit.on { color: #fff; background-position: 90% -43px; background-color: #3767ba; background-size: auto 200%; }
    .menu-bottom .sub-menu { position: relative; padding: 8px 0; display: none; }
        .menu-bottom .sub-menu span { display: inline-block; position: absolute; right: 10%; top: 50%; width: 15px; height: 9px; margin-top: -5px; background: url(../img/bg_sign06.jpg) no-repeat; background-size: auto 100%; }
        .menu-bottom .sub-menu a { display: inline-block; width: 93.75%; padding-left: 6.25%; line-height: 22px; color: #333; }
            .menu-bottom .sub-menu a.on { color: #3767ba; }
.page { margin-top: 15px; text-align: center; }
    .page a { display: inline-block; width: 20px; line-height: 20px; color: #333; border: 1px solid #ddd; }
        .page a:hover, .page a.on { color: #fff; background: #225cb5; border: 1px solid #225cb5; }
.turn { margin-top: 25px; border-top: 1px solid #ddd; padding: 5px 0; line-height: 26px; }
    .turn a { color: #666; }
    .turn span { font-family: "宋体"; }

/*Other*/
.about-main { width: 93.75%; padding: 15px 10px 30px; background: #fff; border-bottom: 1px solid #e8e8e8; margin: 0px auto; line-height: 2em; }
.honor-list { width: 95%; margin: 15px 0; }
    .honor-list li { width: 45%; height: 145px; margin: 0 0 5% 5%; display: inline; background: #fff; }
        .honor-list li .img { position: relative; overflow: hidden; height: 93px; }
    .honor-list p { padding: 6px 10px; line-height: 20px; }
.paper-box { width: 93.75%; border: 1px solid #e7e7e8; background: #fff; margin: 20px auto 0; }
    .paper-box h2 { padding-left: 9px; margin-bottom: -13px; font-weight: normal; font-size: 13px; line-height: 36px; color: #333; }
    .paper-box .rec { padding: 18px 9px; border-bottom: 1px solid #dfdfe1; }
    .paper-box .times { float: left; width: 12.7%; height: 65px; background: #1a54ab; font-size: 13px; line-height: 65px; color: #fff; text-align: center; }
    .paper-box .img { position: relative; overflow: hidden; float: left; width: 34.8%; height: 65px; }
        .paper-box .img img { max-width: 200%; }
    .paper-box .intro { float: right; width: 42%; height: 57px; padding: 8px 16px 0 0; background: url(../img/bg_sign12.png) no-repeat right center; background-size: auto 100%; }
        .paper-box .intro p { line-height: 25px; color: #333; }
        .paper-box .intro span { padding-left: 20px; background: url(../img/bg_sign11.png) no-repeat left center; background-size: auto 100%; line-height: 22px; color: #999; }
    .paper-box .list { padding: 10px 9px 16px; }
        .paper-box .list ul, .paper-box .list li { width: 100%; }
        .paper-box .list a { display: inline-block; padding-left: 18px; background: url(../img/bg_sign13.png) no-repeat 7px center; background-size: auto 75%; line-height: 28px; color: #666; }
.news-main { width: 93.75%; padding: 6px 0; }
.news-imglist ul { width: 100%; }
.news-imglist li { width: 94%; padding: 15px 3%; border-bottom: 1px solid #dfdfe1; background: url(../img/bg_sign12.png) no-repeat 95% center; background-size: auto 50%; }
.news-imglist .img { display: inline-block; position: relative; overflow: hidden; float: left; width: 40%; height: 65px; margin-right: 5%; }
.news-imglist p { padding-top: 8px; color: #333; }
.news-imglist .time { display: inline-block; padding-left: 20px; background: url(../img/bg_sign11.png) no-repeat left center; background-size: auto 75%; line-height: 22px; color: #999; }
.news-list { padding: 10px 9px 16px; }
    .news-list ul, .news-list li { width: 100%; }
    .news-list a { display: inline-block; padding-left: 18px; background: url(../img/bg_sign13.png) no-repeat 7px center; background-size: auto 75%; line-height: 28px; color: #666; }
.newsinfo-main .title { font-weight: bold; font-size: 14px; line-height: 28px; color: #333; text-align: center; }
.newsinfo-main .time { text-align: center; padding-bottom: 10px; }
.jobs-list { margin-top: 5px; padding: 5px 0; border-top: 1px solid #ddd; }
    .jobs-list ul, .jobs-list li { width: 100%; }
    .jobs-list li { margin-bottom: 5px; }
    .jobs-list p { font-size: 14px; line-height: 26px; color: #333; }
    .jobs-list span { font-size: 12px; color: #999; }
.study-list li { width: 48%; height: 70px; padding-right: 2%; }
    .study-list li p.tips { font-size: 13px; line-height: 22px; }
table.jobslist td { padding: 5px 0; line-height: 18px; text-align: center; }
    table.jobslist td a { float: left; color: #666; text-align: left; }
.jobsintro-main h2 { padding-bottom: 4px; font-weight: bold; font-size: 14px; line-height: 28px; }
.jobsintro td { padding-bottom: 10px; }
.duty-rec h2 { font-weight: bold; color: #333; }
.duty-rec p { color: #666; }
.duty-list { padding: 10px 0; line-height: 26px; }
    .duty-list span { color: #999; }
    .duty-list a { padding-left: 10px; color: #333; }
    .duty-list ul li { float: none;; }
.party-list li.last { border-bottom: none; }
.contact-main h2 { font-weight: bold; color: #ff2a95; }
table.message { margin: 25px 0; }
    table.message td { font-size: 14px; padding-bottom: 10px; }
    table.message input { width: 140px; padding: 0 5px; height: 24px; border: 1px solid #999; }
        table.message input.submit { width: 100px; height: 30px; border: none; background: #3767ba; font-size: 14px; color: #fff; }
    table.message span { padding-left: 10px; font-size: 12px; color: #ff2a95; }
    table.message textarea { width: 180px; height: 60px; padding: 0 5px; border: 1px solid #999; }

.case_sub { margin: 0; padding: 0; height: auto; overflow: hidden; }
    .case_sub ul { margin: 0; padding: 0;width:100%; }
        .case_sub ul li { float: left; display: block; width: 50%; oveflow: hidden; text-align: center; }
.case_sub_img { margin: 5px; padding: 4px; border: 1px solid #ddd; overflow: hidden; }
.case_sub_name { color: #333; font: bold 12px/20px "STHeiti", "Arial"; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.paginator { font: 12px Arial, Helvetica, sans-serif; padding: 30px 0px 10px 0; margin: 0px; }
    .paginator a { text-decoration: none; color: #1D71C7; background: #fff; border: 1px solid #e5e5e5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 3px 6px; padding-bottom: 2px; margin-right: 3px; }
        .paginator a:visited { padding: 1px 6px; border: solid 1px #ddd; text-decoration: none; }
    .paginator .cpb { background: #1D71C7; border: 1px solid #016E83; color: #fff; border-radius: 3px; padding: 3px 6px; padding-bottom: 2px; margin-right: 3px; }
    .paginator a:hover { background: #1D71C7; border: 1px solid #016E83; color: #fff; }
.back-top { text-align: center; }
    .back-top a { display: inline-block; width: 21%; padding: 0 3% 0 12%; border: 2px solid #d6d6d6; border-radius: 2px; background: url(../img/sign05.jpg) no-repeat 10% center #e9e9e9; font-size: 14px; color: #555; margin-top: 3%; }