@charset "utf-8";
html, body { color: #666; background-color: #fff; font-size: 14px; }
.w1200 { width: 1200px; margin: 0 auto; }
.w1300 { width: 1300px; margin: 0 auto; }
.w1000 { width: 1000px; margin: 0 auto; }
.w1160 { width: 1160px; margin: 0 auto; }
.pt50 { padding-top: 50px; }
a { color: #666; transition: color 0.3s ease 0s; }
    a:hover { color: #4b73b0; }
ul:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.mt15 { margin-top: 15px; }
.mb15 { margin-bottom: 15px; }
.img a img { vertical-align: middle; width: 100%; }
.img a i { display: inline-block; height: 100%; width: 0; vertical-align: middle; }


.tit-box h4 { font-size: 24px; line-height: 30px; color: #555; margin-right: 10px; display: inline-block; }
.tit-box .intr { font-size: 14px; color: #bbb; line-height: 26px; display: inline-block; }
.tit-box .line { display: block; width: 10px; height: 2px; background-color: #4b73b0; margin-top: 6px; line-height: 2px; }
.tit-box .more { display: inline-block; line-height: 32px; margin-top: 16px; padding-left: 25px; background: url(../images/ico_09.png) no-repeat left center; font-size: 12px; }

.tit01 { box-sizing: border-box; text-align: center; font-size: 45px; color: #333333; display: block; font-weight: normal; }
    .tit01 a { color: #333333; }
    .tit01 i { font-weight: bold; color: #4b73b0;font-style:normal; }
    .tit01 span { text-align: center; font-size: 20px; color: #666666; display: block; font-weight: normal; }




.i-wrap { background: #fff; max-width: 1300px; margin: 0 auto; }

.header { padding-top: 33px; z-index: 200; position: fixed; top: 0px; left: 0px; width: 100%; }
    .header .w1200 { background: rgba(238,238,238,0.95); }
    .header .header-bar { height: 86px; z-index: 2; position: relative; box-shadow: 1px 1px 1px 2px rgba(0,0,0,0.13); }
    .header .ico { display: inline-block; height: 86px; line-height: 80px; font-size: 30px; font-weight: bold; color: #4b73b0; margin-left: 20px; }
    .header .sub-list { display: none; }
    .header .nav-list { padding: 0 21px; }
        .header .nav-list li { float: left; height: 86px; position: relative; display: block; cursor: pointer; }
            .header .nav-list li .afrist { color: #000000; margin: 31px 21px; display: block; line-height: 22px; font-weight: bold; font-size: 14px; position: relative; }
                .header .nav-list li .afrist:after { position: absolute; bottom: -33px; left: 0; display: block; width: 0; height: 5px; content: ''; -webkit-transition: all .4s; transition: all .4s; background-color: #4b73b0; }
            .header .nav-list li:hover .afrist:after { width: 100%; }
                    .header .nav-list li .afrist span { }
            .header .nav-list .sub-list a:hover,
            .header .nav-list li:hover .afrist { color: #155fa0; }
            .header .nav-list li .sub-list { display: none; background: rgba(238,238,238,0.95); padding: 0 42px 12px 21px; position: absolute; left: 0px; top: 86px; /*width: 100%;*/ margin-left: -21px; }

            .header .nav-list li:hover .sub-list { display: block; transform-origin: 0 0; -webkit-transform-origin: 0 0; animation: c-slideInDown .2s; -webkit-animation: c-slideInDown .2s; /* Safari 与 Chrome */ }


        .header .nav-list .sub-list a { color: #000000; margin: 6px 0 6px 21px; display: block; padding: 5px 0; line-height: 22px; white-space: nowrap; }
            .header .nav-list .sub-list a span { vertical-align: middle; }
    .header .navbar,
    .header .other-list { float: left; }
        .header .other-list span { display: none; font-size: 0px; }
    .header .other-list { border-left: solid 1px #000000; padding: 0 0 0 36px; height: 25px; line-height: 25px; margin: 32px 17px 0 0; }
.header-search { height: 21px; position: relative; border: 0px solid #e4e4e4; padding: 2px 5px; background: #fff; }
    .header-search .text { width: 130px; height: 21px; line-height: 21px; color: #444; float: left; border: none; }
    .header-search .btn { width: 18px; height: 18px; background: url(../images/pc_ico_search.png) no-repeat; float: right; border: none; margin-top: 2px; cursor: pointer; text-indent: -9999px; }








.search_bg { background: #4b73b0; top; width: 100%; height: 41px; padding: 10px 0; }
.hotsearch { width: 1200px; margin-right: auto; margin-left: auto; line-height: 41px; }
    .hotsearch dl dt { float: left; color: #fff; }
    .hotsearch dl dd { float: left; padding-left: 10px; }
        .hotsearch dl dd a { font-size: 14px; color: #fff; }
            .hotsearch dl dd a:hover { }
    .hotsearch dl { float: left; display: block; width: 680px; height: 41px; overflow: hidden; }
.productsearch { float: right; width: 500px; height: 36px; margin-top: 2px; }
    .productsearch input { border: 0; padding: 0px; margin: 0px; }
    .productsearch .s_text { width: 415px; display: block; float: left; line-height: 36px; background: #fff; padding-left: 10px; padding-left: 10px; }
    .productsearch .s_btn { cursor: pointer; display: block; float: left; height: 36px; width: 65px; font-size: 14px; font-weight: 700; color: #FFF; background: #3f3f3f; line-height: 36px; }
        .productsearch .s_btn:hover { background: #1976d2; }
.flex-control-nav { }

.flex-control-nav { position: absolute; left: 50%; bottom: 50px; width: 10px; z-index: 5; cursor: pointer; padding: 0px; margin-left: 0; margin-left: -500px; }
    .flex-control-nav a { width: 10px; height: 10px; display: block; border-radius: 100px; background: #000000; float: left; margin: 0 0 10px; text-indent: -9999px; }
        .flex-control-nav a.flex-active { background: #ff9600; }












.flex-direction-nav { display: block; }
.flex-prev { display: block; background: url(../images/banner_left.png) center center no-repeat; font-size: 0; width: 58px; height: 58px; position: absolute; left: 60px; top: 50%; margin-top: -29px; z-index: 99; }
.flex-next { display: block; background: url(../images/banner_right.png) center center no-repeat; font-size: 0; width: 58px; height: 58px; position: absolute; right: 60px; top: 50%; margin-top: -29px; z-index: 999; }
.flexslider { position: relative; width: 100%; height: 600px; margin: 0 auto 0; overflow: hidden; }
.slides { }
    .slides li .banner_img { width: 1920px; height: 600px; }
    .slides li { position: relative; }
        .slides li img { transition: 8s ease 0s; }
.slides { width: 1920px; height: 600px; position: absolute; left: 50%; margin-left: -960px; }
/*.slides li.flex-active-slide img { transition: 8s ease 0s; transform: scale(1.15,1.15); }*/

.sban-wrap { height: 350px; margin-top: 132px; }
.sban { height: 350px; background: url(../images/loadings.gif) no-repeat center; }
    .sban .imglist li.active { animation: bannerIn 15s forwards; }

.d-tit { text-align: center; margin-bottom: 50px; }
    .d-tit h3 { font-size: 36px; font-weight: 700; color: #555; padding: 10px 0px; line-height: 30px; font-family: "PN-BOLD" }
    /*.d-tit h3 span { color: #4b73b0; }*/
    .d-tit em { font-size: 14px; line-height: 26px; text-transform: uppercase; color: #595959; font-style: normal; }
    .d-tit h4 { font-size: 16px; line-height: 30px; color: #595959; font-style: normal; }
    /*.d-tit h3::after { width: 5px; height: 24px; background: #00a1e9; content: '.'; display: block; position: absolute; left: 0; top: 3px; }*/
    .d-tit span { color: #bfbfbf; text-transform: uppercase; height: 25px; line-height: 25px; font-size: 12px; padding-bottom: 28px; position: relative; display: block; }
        .d-tit span::after { width: 24px; height: 6px; background: #4b73b0; content: ''; display: block; position: absolute; left: 50%; top: 36px; margin-left: -12px; }
    .d-tit p { line-height: 28px; color: #7f7f7f; }

.tit-box h4 { font-size: 24px; line-height: 30px; color: #555; margin-right: 10px; display: inline-block; }
.tit-box .intr { font-size: 14px; color: #bbb; line-height: 26px; display: inline-block; }
.tit-box .line { display: block; width: 10px; height: 2px; background-color: #4b73b0; margin-top: 6px; line-height: 2px; }
.tit-box .more { display: inline-block; line-height: 32px; margin-top: 16px; padding-left: 25px; background: url(../images/ico_09.png) no-repeat left center; font-size: 12px; }

.i-fir-wrap { padding-top: 90px; padding-bottom: 10px; background: #fff; overflow: hidden; }
.i-category a { display: inline-block; margin-right: 3px; font-size: 13px; line-height: 30px; text-align: center; padding: 0 20px; float: left; }
    .i-category a.active, .i-category a:hover { color: #fff; background: #4b73b0; }

.product_ct { position: relative; }
    .product_ct .pprev { position: absolute; top: 50%; margin-top: -37px; left: -100px; cursor: pointer; width: 50px; height: 50px; z-index: 3; background: #D6D6D6 url(../images/proprev.png) no-repeat center; }
    .product_ct .pnext { position: absolute; top: 50%; margin-top: -37px; right: -100px; cursor: pointer; width: 50px; height: 50px; z-index: 3; background: #D6D6D6 url(../images/pronext.png) no-repeat center; }
        .product_ct .pprev:hover, .product_ct .pnext:hover { background-color: #4b73b0; }


.up-graybox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); transition: all 0.4s ease 0s; }
    .up-graybox .bgbox { display: block; width: 100%; height: 100%; background-color: #000; opacity: 0.4; filter: alpha(opacity=40); }
    .up-graybox .stit { font-size: 16px; line-height: 30px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -15px; color: #fff; }
    .up-graybox .line { display: inline-block; width: 100px; height: 1px; background-color: #f2f2f2; position: absolute; left: 50%; margin-left: -50px; transition: all 0.6s ease 0s; }
    .up-graybox .linet { top: 0; }
    .up-graybox .lineb { bottom: 0; }
    .up-graybox .out-ico { display: none; width: 26px; height: 26px; position: absolute; right: 20px; top: 20px; }
    .up-graybox:hover .line { width: 6px; margin-left: -3px; opacity: 0.6; filter: alpha(opacity=60); }

img.up-pic { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; }
.product_ct ul { width: 1232px; }
.product_ct li { width: 276px; transition: box-shadow 0.3s ease 0s; margin-right: 32px; float: left; margin-bottom: 32px; }
.product_ct .img { display: block; width: 274px; position: relative; overflow: hidden; border: 1px solid #f2f2f2; }
    .product_ct .img img.up-pic { transform: translateZ(0px); transition: transform 0.3s ease 0s; }
.product_ct .up-graybox { z-index: 3; }
.product_ct .img:hover img.up-pic { transform: scale(1.05, 1.05); transition: transform 0.6s ease 0s; }
.product_ct .img:hover .up-graybox { opacity: 1; filter: alpha(opacity=1); }
.product_ct .cont-wrap { width: 86.5%; padding: 10px 6.5%; border: 1px solid #f2f2f2; margin-top: -1px; height: 32px; background: #4b73b0; text-align: center; }
.product_ct li:hover .cont-wrap { background: #0571d0; }
.product_ct .tit { line-height: 32px; font-size: 14px; }
    .product_ct .tit a { display: inline-block; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.product_ct li:hover .tit a { color: #fff; }
.product_ct .intr { display: block; line-height: 26px; font-size: 12px; height: 52px; overflow: hidden; }
.product_ct li:hover .intr { color: #fff; }

.p_more { width: 185px; height: 35px; display: block; margin: 30px auto; background: url(../images/more.jpg) no-repeat; -webkit-transition: all 0.5s ease-in-out 0s; }
    .p_more:hover { background: url(../images/more_hover.jpg) no-repeat; }
.more { display: inline-block; width: 24px; height: 8px; background: url(../images/ico_08.png) no-repeat right center; }
    .more:hover { background: url(../images/ico_08_h.png) no-repeat right center; }


.i-img-wrap { background: url(../images/img01.jpg) no-repeat center; width: 100%; height: 360px; }

.i-sec-wrap { background: url(../images/new_bg1.jpg) no-repeat center; overflow: hidden; padding-top: 50px;margin-bottom:50px; }
.i-news { padding-top: 40px; }
    .i-news i, .i-news em { font-style: normal; }
.news { width: 511px; float: left; }
    .news h2 { height: 40px; line-height: 40px; margin-bottom: 20px; position: relative; font-size: 20px; color: #4b73b0; background: url(../images/newsico.png) no-repeat left center; padding-left: 30px; font-weight: normal; }
        .news h2 i { color: #4b73b0; }
        .news h2 span { float: right; color: #333; font-size: 14px; }
    .news dl { width: 511px; border-bottom: 1px solid #f5f5f5; }
        .news dl dt { width: 511px; overflow: hidden; position: relative; }
            .news dl dt img { width: 511px; display: block; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
                .news dl dt img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
        .news dl dd { padding-top: 15px; }
            .news dl dd h3 { font-size: 16px; color: #333333; font-weight: bold; height: 42px; line-height: 42px; }
                .news dl dd h3 a { color: #333333; }
            .news dl dd p { font-size: 14px; text-align: justify; color: #666666; line-height: 24px; padding: 10px 0; }

    .news .news2 { padding-top: 10px; }
    .news em { font-size: 14px; color: #666666; height: 35px; line-height: 35px; display: block; }
        .news em a { color: #666666; }
        .news em i { font-size: 14px; color: #fff; width: 16px; height: 16px; line-height: 16px; background: #424242; display: inline-block; text-align: center; font-weight: normal; margin-right: 10px; }
        .news em span { font-size: 12px; color: #666666; float: right; font-weight: normal; }

.wt { width: 607px; overflow: hidden; font-family: "Microsoft Yahei"; float: right; }
    .wt h2 { height: 40px; line-height: 40px; margin-bottom: 20px; position: relative; font-size: 20px; color: #4b73b0; background: url(../images/wtico.png) no-repeat left center; padding-left: 30px; font-weight: normal; }
        .wt h2 i { color: #4b73b0; }
        .wt h2 span { float: right; color: #333; font-size: 14px; }

.wt_c dl { padding-bottom: 20px; border-bottom: 1px solid #d6d6d6; }
.wt_c dt { line-height: 30px; font-size: 16px; font-weight: bold; margin-bottom: 20px; }
    .wt_c dt em { width: 81px; height: 28px; line-height: 28px; color: #fff; display: inline-block; text-align: center; font-weight: normal; border-radius: 30px; background: #e8bd15; margin-right: 10px; }
    .wt_c dt a { color: #333333; }
.wt_c dd { line-height: 26px; font-size: 14px; margin-top: 10px; }

.wt_c ul { padding-top: 20px; height: 161px; }
.wt_c li { padding-left: 15px; background: url(../images/wtico1.png) no-repeat left center; font-size: 14px; color: #666666; height: 35px; line-height: 35px; display: block; }
    .wt_c li a { color: #666666; }
    .wt_c li span { font-size: 12px; color: #666666; float: right; font-weight: normal; }
.mores { width: 607px; }
    .mores img { width: 461px; height: 130px; float: left; }
    .mores em { width: 143px; height: 130px; float: left; text-align: center; font-size: 16px; color: #fff; background: url(../images/wtmore.png) no-repeat; padding-top: 35px; box-sizing: border-box; }














.i-sec-wrap .nmore { width: 160px; height: 33px; line-height: 33px; background: #4b73b0; margin: 30px auto; display: block; text-align: center; color: #fff; }
    .i-sec-wrap .nmore:hover { background: #494949; }









.footer-wrap { background: url(../images/foot_bg.jpg) no-repeat bottom center; padding-top: 36px; padding-bottom: 10px; line-height: 2; }
    .footer-wrap ul li { text-align: left; margin-right: 9% }
        .footer-wrap ul li .link { margin-bottom: 20px }
            .footer-wrap ul li .link a { position: relative; font-size: 18px; color: #fff; font-family: "PN-REG"; text-transform: uppercase }
                .footer-wrap ul li .link a::after { content: ' '; position: absolute; left: 50%; bottom: -6px; width: 28px; height: 2px; margin-left: -14px; background-color: #e60606; opacity: 0; filter: alpha(opacity=0); transform: scale(0, 1); transition: transform 0.4s }
        .footer-wrap ul li .sm-link { margin-bottom: 8px; }
            .footer-wrap ul li .sm-link a { font-size: 14px; font-family: PN-REG; color: rgba(255, 255, 255, 0.6); text-transform: uppercase; transition: color 0.4s; }
                .footer-wrap ul li .sm-link a:hover { color: #fff; }
        .footer-wrap ul li.last .link { font-size: 18px; color: #fff; font-family: "PN-REG"; text-transform: uppercase; }
        .footer-wrap ul li.last.fr { margin-right: 0; width: 315px; }
.footer-right-address { font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, 0.6); }
    .footer-right-address .footer-company, .footer-right-address .work-h5, .footer-right-address .ser-line { color: #fff; margin-top: 1rem; }
    .footer-right-address .footer-add-h5 { padding-left: 15px; color: #e60039; margin-top: 1rem; background: url(../images/add2.png) no-repeat left center; }
    .footer-right-address .footer-company { font-size: 20px; margin-bottom: 15px; }
    .footer-right-address li { margin-bottom: 20px; }
        .footer-right-address li img { width: 40px; height: 40px; float: left; margin-right: 17px; margin-top: 6px; margin-bottom: 10px; }
        .footer-right-address li span { font-size: 14px; display: block; color: #fff; line-height: 26px; }
            .footer-right-address li span.tel { font-size: 18px; }






.footer-wrap .btm .w1200 { padding: 5px 0; border-top: 1px solid #1a1a1a; font-size: 12px; font-family: "PN-BOLD"; color: #616161; }
.footer-wrap .btn .w1200 a { color: #999; }
.weblinks { width: 1200px; margin-right: auto; margin-left: auto; line-height: 40px; }
    .weblinks dt { display: block; float: left; width: 100px; }
        .weblinks dt strong { color: #464646; }
            .weblinks dt strong img { margin-top: -3px; margin-right: 5px; height: 18px; }
    .weblinks dd { display: block; float: left; width: 1100px; }
    .weblinks span { padding-right: 10px; padding-left: 10px; }
    .weblinks a { text-decoration: none; }
        .weblinks a:hover { color: #4b73b0; text-decoration: none; }










.yb_conct { position: fixed; z-index: 9999999; top: 200px; right: -127px; cursor: pointer; transition: all .3s ease; }
.yb_bar ul li { width: 180px; height: 53px; font: 16px/53px 'Microsoft YaHei'; color: #fff; text-indent: 54px; margin-bottom: 3px; border-radius: 3px; transition: all .5s ease; overflow: hidden; }
.yb_bar .yb_top { background: #4b73b0 url(../images/rightbar.png) no-repeat 0 0; }
.yb_bar .yb_phone { background: #4b73b0 url(../images/rightbar.png) no-repeat 0 -57px; }
.yb_bar .yb_QQ { text-indent: 0; background: #4b73b0 url(../images/rightbar.png) no-repeat 0 -113px; }
.yb_bar .yb_ercode { background: #4b73b0 url(../images/rightbar.png) no-repeat 0 -169px; }
.hd_qr { padding: 0 29px 25px 29px; }
.yb_QQ a { display: block; text-indent: 54px; width: 100%; height: 100%; color: #fff; }

.fenye {margin:50px 0px;height:20px;text-align:center;}
.fenye li{list-style-type:none;}
.fenye li{display:inline;text-align:center; height:18px;line-height:18px;background-color:#fff;margin:10px 10px 10px 0px;}
.fenye li.c{background-color:#294573;color:#fff;text-align:center; height:35px;line-height:35px;border:1px solid #000;margin:10px 10px 10px 0px;border:1px solid #000;padding:10px;}
.fenye li a{padding:10px;border:1px solid #000;}
.fenye a:hover{background-color:#294573;text-decoration:none;color:#fff;padding:10px;}

.newslist_sub li { padding: 22px 0 9px; border-bottom: 1px solid #f0f0f0; overflow: hidden; }
    .newslist_sub li:first-child { padding-top: 0; }
    .newslist_sub li .date { float: left; margin-right: 20px; margin-left: 7px; text-align: center; line-height: 2; color: #fff; background: #fcfcfc; border: 1px solid #ddd; }
        .newslist_sub li .date .date-day { font-size: 30px; color: #111; }
        .newslist_sub li .date .date-yearMonth { color: #999; border-top: 1px solid #ddd; padding: 3px 7px; margin: 0 7px; }
    .newslist_sub li .news-com .news-h { margin-bottom: 10px; line-height: 1.5; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; overflow: hidden; }
    .newslist_sub li .news-com .news-sum { line-height: 2; height: 4em; overflow: hidden; color: #aaa;}
    .newslist_sub li:hover .date { background: #4b73b0; border-color: #4b73b0; }
        .newslist_sub li:hover .date .date-day { color: #fff; }
        .newslist_sub li:hover .date .date-yearMonth { border-color: #fff; color: #fff; }




.newsinfo-hd { text-align: center; padding: 20px 0; border-bottom: 1px solid #d9d9d9; }
    .newsinfo-hd h2 { font-size: 24px; font-weight: bold; text-align: center; line-height: 1.4; margin-bottom: 18px; }
    .newsinfo-hd p { line-height: 14px; }
    .newsinfo-hd span { display: inline-block; padding-left: 25px; margin: 0 12px; background: url("../img/icon12.jpg") no-repeat; }
        .newsinfo-hd span.data { background-position: 0 -2px; }
        .newsinfo-hd span.atc { background-position: 0 100%; }
.newsinfo-bd { position: relative; width: 100%; overflow: hidden; padding: 20px 0 80px; line-height: 30px; }
    .newsinfo-bd img { max-width: 100%;max-width:640px; }
.newsinfo-page { border-top: 1px solid #d9d9d9; padding-top: 15px; }
    .newsinfo-page p { height: 30px; line-height: 30px;width:80%;float:left; }
    .newsinfo-page .back { display: inline-block; width: 80px; float: right; height: 40px; line-height: 40px; border: 1px solid #e4e4e4; /*background: url("../img/icon13.jpg") no-repeat 11px 0;*/ text-align: center; color: #fff; background-color: #4b73b0; }
        .newsinfo-page .back:hover { color: #fff; background-color: #4b73b0; border-color: #4b73b0; }

.news_h4 { width: 126px; overflow: hidden; font-size: 18px; height: 30px; line-height: 30px; text-align: center; color: #fff; padding: 5px 0; background: url(../images/bg_06.png) -40px center no-repeat; }


.race_ly_list .reply { text-align: left; padding: 16px 0 18px 0; margin: 0 20px 0 19px; color: #000; border-bottom: 1px dotted #afafb0; zoom: 1; z-index: 1; position: relative; }

.race_ly_list .innerFace { padding: 0 2px 0 50px; zoom: 1; }
.race_ly_list .author { float: left; display: block; color: #1e50a2; vertical-align: middle; position: relative; }
.race_ly_list .innerFace .userFace { position: absolute; z-index: 3; left: -48px; top: 2px; padding-bottom: 4px; width: 48px; }
.userFace img { width: 40px; float: left; height: 53px; }
.race_ly_list .postTime { color: #666; float: right; display: block; white-space: nowrap; zoom: 1; }
.race_ly_list .body { font-size: 14px; padding: 12px 0; clear: both; zoom: 1; white-space: normal; word-break: break-all; }

.news_list_pic ul { overflow: hidden; margin-bottom: 10px; }
.news_list_pic li { overflow: hidden; padding: 36px 0; margin-bottom: 10px; }
.news_list_pic .n-img { float: left; padding-right: 60px; width: 300px; text-align: center; }
    .news_list_pic .n-img img { width: 300px;  transition: 500ms;}
.news_list_pic li:hover .n-img img { transform: scale(1.1); }
.news_list_pic h3 { font-size: 18px; color: #333; line-height: 22px; margin-bottom: 2%; }
    .news_list_pic h3 a { font-size: 18px; }
.news_list_pic .n-txt { color: #666; line-height: 22px; font-size: 14px; }
.news_list_pic .newsdate { font-size: 14px; color: #999; line-height: 22px; margin-top: 2%; padding-left: 380px; background: url(../img/clock.png) no-repeat left center; background-size: 16px 16px; }
/*.news_list_pic ul { overflow: hidden; margin-bottom: 10px; }
.news_list_pic li { overflow: hidden; padding: 10px 0; margin-bottom: 10px; }
.news_list_pic .n-img { float: left; padding-right: 35px; width: 300px; text-align: center; height: 225px; overflow: hidden; }
    .news_list_pic .n-img img { width: 300px; }
.news_list_pic .n_content { height: 100px; }
.news_list_pic .n_more { margin-top: 20px; }*/

.pic_list { width: 100%; overflow: hidden; }
    .pic_list ul {width:1224px; }
    .pic_list li { float: left; width: 280px; margin: 0 24px 24px 0; border: 1px solid #eee; }
        .pic_list li:hover { box-shadow: 0 0 5px #4b73b0; }
        .pic_list .g-img { width: 280px; height: 375px; overflow: hidden; text-align: center; position: relative; display: block; }
    .pic_list .g-img-box { width: 280px; height: 180px; overflow: hidden; }
        .pic_list .g-img-box img { width: 280px; }
    .pic_list .g-img .ti { height: 60px; line-height: 60px; color: #000; font-size: 18px; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00FFFFFF', endColorstr='#00FFFFFF'); background: rgba(255,255,255,0); }
    .pic_list a:hover.g-img .ti { color: #004793; }
.eye-lay { position: absolute; left: 0; top: 0; width: 280px; height: 315px; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#33000000', endColorstr='#33000000'); background: rgba(0,0,0,0.2); z-index: 2; opacity: 0; webkit-transition: opacity .2s linear; transition: opacity .2s linear; opacity: 1\9; display: none\9; }
    .eye-lay .eye-ico { position: absolute; left: 50%; top: 50%; width: 56px; height: 30px; background: url("../images/eye.png") no-repeat; margin: -15px 0 0 -30px; }
a:hover .eye-lay { opacity: 1; display: block\9; }






.sub-gongdi-list { padding: 20px 0 0px; width: 1200px; overflow: hidden; }
    .sub-gongdi-list ul { width: 1220px; }
    .sub-gongdi-list li { float: left; width: 285px; margin-right: 20px; background: #fff; transition: all .2s linear; -webkit-transition: all .2s linear; }
        .sub-gongdi-list li.hover { margin-top: -10px; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1); box-shadow: 0 15px 30px rgba(0,0,0,.1); }
        .sub-gongdi-list li.row-last { margin-right: 0; }
        .sub-gongdi-list li img { width: 285px; height: 285px; vertical-align: middle; }
        .sub-gongdi-list li h3 { font-size: 20px; color: #222; }
        .sub-gongdi-list li .tip { color: #999; font-size: 14px; margin-top: 10px; }



.teamlist { margin-left: -45px; }
    .teamlist .one_team { float: left; margin-left: 45px; width: 266px; text-align: center; position: relative; cursor: pointer; margin-top: 45px; }
    .teamlist .t_img { width: 200px; height: 200px; overflow: hidden; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin: 0px auto; }
    .teamlist .one_team img { width: 200px; vertical-align: top; }
    .teamlist .one_team p { color: #333; margin: 10px auto 5px; }
    .teamlist .team_name { display: block; width: 266px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.px20 { padding: 0px 20px; }
.p12 { padding: 10px 20px; }
.sjs-detail-wrap { margin-top: 20px; border: 1px solid #eee; position: relative; overflow: hidden; width: 1198px; zoom: 1; padding-bottom: 20px; }
.sjs-content { margin-top: 10px; margin-left: 301px; position: relative; zoom: 1; min-height: 500px; }
.sjs-detail-wrap .sjs-img { position: absolute; top: 0; left: 0; width: 266px; height: 100%; border-right: 1px solid #eee; padding: 25px 17px 0 17px; }

/*内容*/
.sjs-box .sjs-name { overflow: hidden; padding: 20px; }
    .sjs-box .sjs-name h1 { font-size: 32px; font-weight: normal; margin-bottom: 5px; line-height: 36px; display: inline; margin-right: 10px; float: left; }
        .sjs-box .sjs-name h1 a { color: #000; }
    .sjs-box .sjs-name span { padding-top: 18px; display: block; }
/*内容*/
.sjs-box .sjs-info { overflow: hidden; background-color: #f5f5f5; margin: 10px 0px 10px 0px; font-size: 12px; line-height: 24px; }
    .sjs-box .sjs-info li { height: 24px; line-height: 24px; }
        .sjs-box .sjs-info li span { padding-right: 10px; }
        .sjs-box .sjs-info li strong { font-weight: 100; padding-right: 10px; }
.sjs-box .sjs_ginfo { }
    .sjs-box .sjs_ginfo h3 { font-weight: 100; height: 40px; font-size: 14px; line-height: 40px; border-bottom: 1px dotted #ddd; color: #333; }
    .sjs-box .sjs_ginfo p { padding: 10px 0px; line-height: 22px; }
/*内容*/
.user-content { overflow: hidden; padding: 20px; }
    .user-content .nav-tabs { height: 31px; width: 100%; overflow: hidden; top: 1px; position: relative; }
.nav-tabs a { background: #f2f2f2; border: 1px solid #ddd; border-bottom: 0; padding: 5px 15px 4px; display: inline-block; line-height: 20px; float: left; margin-right: 5px; }
    .nav-tabs a.on, .nav-tabs a:hover { border-width: 1px 1px 0px 1px; background: #fff; position: relative; top: 0px; padding: 5px 15px 6px; color: #666; }
.sjs-anli-list { overflow: hidden; border: 1px solid #ddd; min-height: 100px; }
    .sjs-anli-list ul { }
    .sjs-anli-list li { float: left; width: 270px; height: 232px; margin: 20px 7px 0px 8px; display: inline; }
        .sjs-anli-list li .g-img { width: 270px; height: 188px; overflow: hidden; display: block; }
            .sjs-anli-list li .g-img img { width: 270px; }
        .sjs-anli-list li .tlt { width: 270px; text-align: center; height: 44px; line-height: 44px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.team-main ul { width: 887px; }
    .team-main ul li { width: 276px; height: 415px; float: left; margin-top: 19px; margin-right: 19px; overflow: hidden; }
        .team-main ul li div { position: relative; z-index: 2; width: 246px; height: 105px; background: #f0f0f0; padding-top: 20px; padding-left: 30px; }
            .team-main ul li div h2 { font-size: 20px; }
            .team-main ul li div p { margin-top: 0px; font-size: 14px; line-height: 25px; color: #666666; }
        .team-main ul li .hoverid { cursor: pointer; transition: all 0.6s; transform: scale(1.05); }
.des { width: 1200px !important; /* height: 300px!important; */ background: #333333!important; margin: 0 !important; float: left; padding: 50px; }
    .des p { width: 1100px; color: white; font-size: 15px; line-height: 20px; /*margin-top: 40px;margin-left: 40px;*/ }