@charset "utf-8";
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {-webkit-text-size-adjust: 100%;}
body {padding: 0;margin: 0 auto;font-size: 16px; color: #666666;background-color: #fff;font-family: "Arial","Microsoft YaHei";min-width: 320px;
    -webkit-text-size-adjust: none;
    /*取出点击出现半透明的灰色背景*/
    -webkit-tap-highlight: rgba(0,0,0,0);
    /*控制内容的可选择性*/
    /*-webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;*/
}


input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
.ul,dl,dt,dd{ padding: 0; margin: 0}
.ul,
.ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
table td {border-collapse: collapse;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333333;text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
a:hover {color: #0952a4;text-decoration: none;}
a:focus {color: #222222;outline: none;-moz-outline: none;}
a:active {color: #222222;}

pre{
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
    margin:0;
    font-family: "Microsoft YaHei";
    text-align:justify;
    text-justify:inter-ideograph;
}
img, object {
    border: none;
    max-width: 100%;
    border: 0;
    overflow: hidden;
    vertical-align: middle;
}

.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:""; display:block; height:0; clear:both; }

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.dot2,
.dot3,
.dot4{display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.dot2{-webkit-line-clamp: 2;}
.dot3{-webkit-line-clamp: 3;}
.dot4{-webkit-line-clamp: 4;}

.ytable{ display:table; width:100%;table-layout: fixed;}
.ytable-cell{ display:table-cell; vertical-align:middle;}

.bg_cover{background-size: cover;background-position: center center;background-repeat: no-repeat;}
.bg_contain{background-size: contain;background-position: center center;background-repeat: no-repeat;}


.auto-1600{width:96%; max-width: 1600px; margin: auto; position: relative}

.mp{ margin: 0; padding: 0}

.lh_30{ line-height: 30px;}
.lh_32{ line-height: 32px;}
.lh_36{ line-height: 36px;}
.lh_40{ line-height: 40px;}

.fs_16{ font-size: 16px;}
.fs_18{ font-size: 18px;}
.fs_20{ font-size: 20px;}
.fs_24{ font-size: 24px;}
.fs_30{ font-size: 30px;}
.fs_36{ font-size: 36px;}
@media(max-width:1200px){
.lh_30{ line-height: 28px;}
.lh_32{ line-height: 30px;}
.lh_36{ line-height: 32px;}
.lh_40{ line-height: 38px;}

.fs_18{ font-size: 17px;}
.fs_20{ font-size: 18px;}
.fs_24{ font-size: 20px;}
.fs_30{ font-size: 24px;}
.fs_36{ font-size: 30px;}
}
@media(max-width:768px){
.lh_30{ line-height: 26px;}
.lh_32{ line-height: 28px;}
.lh_36{ line-height: 30px;}
.lh_40{ line-height: 36px;}

.fs_15{ font-size: 15px;}
.fs_18{ font-size: 16px;}
.fs_20{ font-size: 17px;}
.fs_24{ font-size: 18px;}
.fs_30{ font-size: 20px;}
.fs_36{ font-size: 24px;}
}

.fw_no{ font-weight: normal}

.NoRrecord{ padding: 20px 25px; white-space: nowrap;}

.color_999{ color: #999999}
.color_666{ color: #666}

.zoomimg .pic { overflow: hidden;}
.zoomimg .pic .ispic{ display: block; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.zoomimg:hover .pic .ispic{ -webkit-transform: scale(1.1,1.1);  -moz-transform: scale(1.1,1.1);  -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}

.head_h{ height: 90px;}
.header{ position:fixed; width: 100%; z-index: 100; background: rgba(255,255,255,0.95);border-bottom: 1px solid #efefef;}
.header .logo{ padding: 23px 0 23px 5%;}


.header .nav{ position: absolute; top: 0; right: 180px;}
.header .nav a{ color: #333333}
.header .nav a:hover{ opacity: 0.8}
.header .nav li{ display: inline-block}
.header .nav b{font-weight: normal;display: block}
.header .nav b a{display: block;line-height:90px; padding: 0 30px }
.header .sub{ padding: 10px 0; display: block; position: absolute; display: none; background: rgba(255,255,255,0.95); min-width: 100%;   box-shadow: 0px 3px 10px #cccccc7d;}
.header .sub span{ display: block; padding: 5px 20px; }
.header .other{ position: absolute; right: 0; top: 0}
.header .box{ position: relative;width: 90px; height: 90px; top: 0; display: inline-block}
.header .other .icon{ position: absolute; left: 50%; top: 50%;-webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.header .search{ border-left: solid 1px #ebebeb}
.header .open-search{ position: relative; display: block; background: url("../images/icon_search.png") no-repeat center center;width:32px; height:32px;cursor: pointer; }
.header .open-search.on{background: #004ea2;}
.header .open-search.on:before,
.header .open-search.on:after{position: absolute; content:''; width: 100%; height: 2px; left: 0; top: 50%; margin-top: -1px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);background: #fff;}
.header .open-search.on:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}

.header .top-search{position: absolute; z-index: 20;top: 90px; right: 0; overflow: hidden;display: none; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.header .top-search .text{color: #999; width: 100%; line-height: 50px;height: 50px;background: #fff; border: 0; padding: 0 50px 0 20px;}
.header .top-search .text.focus{color: #ff0000;}
.header .top-search .btn{position: absolute;right: 0;height: 100%;width: 50px; background: url("../images/icon_search2.png") no-repeat center center #004ea2;}
@media(max-width:1600px){
.header .nav b a{ padding: 0 20px }
}
@media(max-width:1400px){
.header .box{ width: 70px}
.header .nav{ right: 140px}
.header .nav b a{ padding: 0 15px }
.header .logo{ padding-left: 2%}
}
@media(max-width:1300px){
.header .box{ width: 50px}
.header .nav{ right: 100px}
.header .nav b a{ padding: 0 10px }
}
@media(min-width:1140px){
.header .top-search{width:30vw; min-width: 300px;border-radius: 0 0 5px 5px;}
.header .nav li.aon b a{ color: #fff; background: #004ea2}
.header .nav li:hover b a{color: #fff; background: #004ea2}
}
@media(max-width:1140px){
.header{background-color: #fff;}
.header .other{ right: 60px;}
.header .top-search{ width: 300px; top: 60px}
.header .top-search .text{background: rgba(0,0,0,0.5);color: #fff;}
.header .nav{position: fixed; top: 0px; right: 0;width: 0; padding: 0; overflow: hidden;bottom: 0;transition: 0.3s; z-index: 95; transition: 0.3s; }
.menu-show{overflow: hidden;}
.menu-show .header .nav{width: 240px;}
.header .nav ul{width: 240px; height: 100%; overflow: auto; padding: 100px 20px 20px 20px;background: rgba(0,0,0,0.85);}
.header .nav li{ display: block}
.header .nav li b{ display: block; padding-right: 40px; border-bottom: 1px solid rgba(255,255,255,0.5);position: relative;overflow: hidden; }
.header .nav li b a{ color: #fff; padding: 0; line-height: 40px;}
.header .nav li b .op{position: absolute;right:0; top: 0; height: 100%;width: 40px; transition: 0.3s;}
.header .nav li b .op.click{transform: rotate(45deg);}
.header .nav li b .op:before,
.header .nav li b .op:after{position: absolute; content: '';background: #fff; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.header .nav li b .op:before{width: 40%; height: 2px;}
.header .nav li b .op:after{height: 40%; width: 2px;}
.header .nav li a{color: #fff;}
.header .nav li .sub{padding:10px 0; position: relative}
.header .nav li .sub span{border-bottom: solid 1px #4c4c4c}

.header .open-menu{width: 40px; height: 30px;position: absolute;right: 2%; top: 50%; margin-top: -15px; z-index: 110;}
.header .open-menu i{position: absolute; width: 70%; height: 3px; background: #e60012; left:15%; top: 50%; margin-top: -1.5px; transition: 0.3s;}
.header .open-menu i:nth-child(2){margin-top: -8px;}
.header .open-menu i:nth-child(3){ margin-top: 6px;}
.header .open-menu.on i:nth-child(1){opacity: 0;}
.header .open-menu.on i:not(:nth-child(1)){transform: rotate(45deg); margin-top: -1.5px;}
.header .open-menu.on i:nth-child(3){transform: rotate(-45deg);}
}
@media(max-width:640px){
.header .logo{ padding-top: 15px; padding-bottom: 15px;}
.header .logo img{ height: 30px;}
.head_h{ height: 60px;}
.header .box{ width: 35px; height: 60px}
.header .other{ right: 50px;}
}

.banner{ position: relative}
.banner .txt{ text-align: center;color: #fff; position: absolute; /*width: 100%;*/ top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.banner span{ display: block}
.banner .cn{ font-size:2.4vw;letter-spacing: 1vw;padding-left: 1vw;}
.banner .en{font-size:16px; text-transform: uppercase; opacity: 0.7; padding: 10px 0;letter-spacing: 0.5vw;padding-left: 0.5vw;}
.banner .pic{
  text-align: center;
}
.menu_location{ padding: 20px 0; line-height: 40px; margin-bottom: 3%; background: #f8f9fa;}
.location{ font-size: 14px; color: #cecece; padding-left: 12px; background: url("../images/icon_location.png") no-repeat left}
.location a{ color: #999999; padding: 0px 10px;}
.location span{ color: #999999; padding-left: 10px;}
.menu{  position: relative;}
.menu li { font-size: 16px; position: relative; z-index: 10}
.menu li a{ display: block;}
.menu li:last-child{ margin-right: 0}
.menu .column{ display: none}

@media(min-width:768px){
.menu ul{ display: block!important;}
.menu li{ float: left; margin-right: 18px;}
.menu li.aon a{ color: #004ea2; }
.menu li.aon a:after{ content: ''; display: block; position: absolute; left: 0;  bottom: -20px; width: 100%; height: 2px;background: #004ea2}
}
@media(min-width:1024px){
.location{ float: right}
.menu{ float: left}
.menu li{margin-right: 30px;}
}
@media(min-width:1340px){
.menu li{margin-right: 48px;}
}
@media(max-width:768px){
.menu .column{ color: #004ea2; font-size: 18px; position: relative;display: block; padding: 5px 0px; margin: 0;}
.menu .column:after{ content: ''; display: block; height: 2px;
background: rgb(0,117,193); /* Old browsers */
background: -moz-linear-gradient(left, rgba(0,117,193,1) 0%, rgba(25,200,250,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,117,193,1) 0%,rgba(25,200,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,117,193,1) 0%,rgba(25,200,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075c1', endColorstr='#19c8fa',GradientType=1 ); /* IE6-9 */
}
.menu .column:before{ content: ''; width:20px; height: 20px; position: absolute; right: 2%; transition: 0.4s; background: url(../images/icon_menu.png) no-repeat left}
.menu .column.on:before{ background-position: right}
.menu ul{ z-index: 20; background: #fff; box-shadow: 0 10px 10px 2px #eee; display: none; position: absolute; width:100%; left: 0;}
.menu ul li{font-size: 14px; padding:5px 0;width: 100%; border-bottom: dotted 1px #ddd}
.menu ul li a{ display: block; padding: 0 20px}
}

.footer{ background: #010d1a; padding-top: 3%}
.footer,
.footer a{ color: #fff}

.footer .info{ float: right; /* width:33%; */display: flex;justify-content: space-between;}
.footer .info .applet{width: 35%; text-align: center;}
.footer .info .applet img{margin-bottom: 5%; border-radius:50%; }
.footer .info b{ padding: 15px 0; display: block; font-size: 1.9vw; color: #e81122; border-bottom: solid 1px #0e1926}
.footer .column{ float: left; width: 65%; padding-bottom: 4%; border-bottom: solid 1px #0e1926}
.footer .column li{ float: left; width: 16%;}
.footer .column b{ font-weight: normal;font-size: 18px; display: block; padding-bottom: 15px;}
.footer .column .sub a{ color: rgba(255,255,255,0.4)}
.footer .column span{ display: block; padding: 7px 0}
.footer .other{font-size: 15px; padding: 2% 0; line-height: 24px;}
.footer .other,
.footer .other a{color: rgba(255,255,255,0.25)}
.footer .share{ padding-top: 5%}
.footer .share li{position: relative;display: inline-block; padding-right: 10px;}
.footer .share li a{ width: 48px; height: 48px; display: inline-block; background-color: rgba(255,255,255,0.1) ;background-size: 60%; border-radius: 100px;background-position: center;
    background-repeat: no-repeat;}
.footer .share li a.bds_dy{background-image: url('../images/dy.png');}
.footer .share li a.bds_sp{background-image: url('../images/sp.png');}
.footer .share li a.bds_tb{background-image: url('../images/tb.png');}
.footer .share li a.bds_xcx{background-image: url('../images/xcx.png');}
.footer .share li a.bds_xhs{background-image: url('../images/xhs.png');}
.footer .share li .img{display: none;position: absolute;left: 50%;width: 150px;bottom: 60px;background-color: #fff;padding: 15px;box-sizing: border-box;z-index: 34;transform: translateX(-50%);}
.footer .share li .img img{width: 100%;}
.footer .share li:hover .img{display: block;}
/* .footer .share li a.bds_weixin{ background-position: left}
.footer .share li a.bds_tsina{ background-position: center}
.footer .share li a.bds_sqq{ background-position: right} */
.footer .caidan{ float: left}
.footer .caidan a{ margin-right: 25px; display: inline-block}
.footer .copyright{ float: right}
.footer a:hover{ color: #d90513!important;}
@media(max-width:960px){
.footer .info,
.footer .column { float: none; width: auto}
.footer .info b{ display: inline-block; padding-left: 10px; font-size: 24px}
.footer .info{display: inherit;}
.footer .info .applet{width: auto;text-align: inherit;display: flex;align-items: center;margin: 2% 0;}
.footer .info .applet img{width: 120px; margin-bottom: 0;margin-right: 5%;}

.footer .column .sub{ display: none; font-size: 14px;}
.footer .column ul li { float: none; width: 100%;border-bottom:solid 1px #161f29; }
.footer .column ul li b{ padding:10px 0; position: relative}
.footer .column ul li b a{ font-size: 15px}
.footer .column ul li b:before{ content: ''; position: absolute; right: 4%; top: 14px; width: 10px; height: 10px; border-right: solid 2px #717171; border-bottom: solid 2px #717171; transform: rotate(45deg); transition: 0.5s}
.footer .column ul li.on b:before{transform: rotate(-135deg); top: 20px; }
.footer .column ul li b i{ cursor:pointer; left:0; top:0; width:100%; height:100%; display:block; position:absolute}
.footer .caidan,
.footer .copyright{ float: none;}
.footer .caidan a{ margin-right: 10px;}
.footer .other{ font-size: 13px;}
}
.Pages{ text-align: center; padding: 4% 0}
.Pages span,
.Pages .a_first,
.Pages .a_end{ display: none}
.Pages span.p_page{ display: block}
.Pages em{font-style:normal; display: inline-block; padding: 0 30px}
.Pages a{ overflow: hidden; display: inline-block; border: solid 1px #fff; margin:0 2px; line-height:48px; min-width: 50px; padding: 0px 8px; border-radius: 100px;}
.Pages a.a_cur{ background: #004ea2; color: #fff; border-color: #004ea2; box-shadow: 0 0 20px 2px rgb(0,100,182,0.24)}
.Pages a.a_prev,
.Pages a.a_next{ text-indent: -120px; border-color: #004ea2; background: url("../images/pages_icon.png") no-repeat}
.Pages a.a_prev:hover,
.Pages a.a_next:hover{ background-color: #004ea2;background-image: url("../images/pages_icon2.png")}
.Pages a.a_prev{ background-position: left center}
.Pages a.a_next{ background-position: right center}

.sitemap { padding-bottom: 5%}
.sitemap li{ padding:10px 0; border-bottom:dotted 1px #e4e4e4}
.sitemap li b{ padding: 10px 0; display:block; font-size:16px; font-weight:normal;}
.sitemap li span{ opacity:0.8; display:inline-block; white-space:nowrap; padding-right:20px;}

.link_list{ padding-bottom: 4%}
.link_list li{ float: left; width: 20%; padding: 1%; text-align: center;}
.link_list li a{ display: block; padding: 10px; box-shadow: 0 0 10px rgba(138,138,138,0.3)}
.link_list .pic{ position: relative; padding-bottom: 40%; overflow: hidden;}
.link_list .pic img{ position: absolute; max-height: 100%; margin: auto; left: 0; right: 0; top: 0; bottom: 0}
.link_list .name{ padding: 10px 0}
@media(max-width:640px){
.link_list li{ width: 50%; }
}

.search_list{ padding-bottom: 4%}
.search_list li{ padding: 1.5% 0; border-bottom: solid 1px #eee}
.search_list li span,
.search_list li em{ color: #999}
.search_list li em{ font-style: normal}
.search_list li span{ float: right; padding-left: 15px;}

.font_list{ padding-bottom: 4%}
.font_list li{/* padding: 1.5% 0;*/     height: 50px;
    line-height: 50px;
    border-bottom: 1px dashed #eee;background: url(../images/TextList002-news_li.jpg) no-repeat 5px center;
    padding-left: 20px;}
.font_list li span{ color: #999}
.font_list li span{ float: right; padding-left: 15px;}

.single_article{ padding-bottom: 6%;}

.news_list li { position: relative; padding: 2.5% 0; border-bottom: solid 1px #f0f1f2;transition: all .3s;}
.news_list li .box{ position: relative; padding-right: 4%; width: 88%}
.news_list li .box:before{ content: ''; position:absolute; right: 0; width: 1px; height: 100%; background: #e3e4e5}
.news_list li .pic{ float: left; width:24.108%; padding-left: 2%;}
.news_list li .pic img{max-height: 220px;}
.news_list li .txt{ float: right; width: 72%}
.news_list li h3{ padding: 2% 0}
.news_list li time{ right: 0; color: #999999; position: absolute; text-align: center; }
.news_list li time b{ color: #666666; font-size:2.7vw; font-weight: normal; padding: 8% 0; display: block}
.news_list li .jt{ display: block; margin-top: 20px; width: 22px; height: 10px; transition: 0.3s; opacity: 0.8; background: url("../images/icon_jt.png") no-repeat -68px}
.news_list li:hover .jt{ background-position: 0;opacity: 1; }
.news_list li:hover h3 a{ color: #fff}

.news_list li:hover{background-color:#004ea2;}
.news_list li:hover p{color: #fff;}

.news_list li:hover time{color: #fff; opacity: 0.8;}
.news_list li:hover time b{color: #fff;}

.notice-list li .pic {display: none;}
.notice-list li .txt {width: 98%;}
@media(min-width:640px){
.news_list li time{ width: 12%;top:50%;-webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
}
@media(max-width:640px){
.news_list li .box{ width: 100%; padding-right: 0}
.news_list li .box:before{ display: none}
.news_list li .pic{ padding-top: 3%}
.news_list li time{ bottom: 3%; padding-right: 25px;}
.news_list li time b{ font-size: 20px; right: 0; position: absolute; padding: 0}
}

.news_main{ background: #f8f9fa;}
.news_info{ background: #fff; padding:5% 20% 5% 8%; transform:translateY(-6%); margin-top: -5%}
.news_info .title{ max-width: 1060px;}
.news_info .title h1{ line-height: 150%; padding: 2% 0; color: #333333;}
.news_info .title p{ color: #004ea2}
.news_info .info{ color: #666666; padding:2% 0; max-width: 1060px;}

.info_pn{ position: absolute; right: 5%; top:0;}
.info_pn span{ line-height: 32px; position: relative; padding:15px 0px 15px 35px; display: block}
.info_pn span:before{ content: ''; width: 20px; height: 32px; position: absolute; left: 0; background: no-repeat left; transition: 0.4s}
.info_pn span:hover:before{ background-position: right}
.info_pn .prev:before{background-image: url("../images/ny_prev.png")}
.info_pn .next:before{background-image: url("../images/ny_next.png")}
.info_pn .back:before{background-image: url("../images/ny_list.png")}
.info_pn .share:before{background-image: url("../images/ny_share.png")}
@media(max-width:960px){
.news_info{padding:3%; margin-top: 0;transform:translateY(-2%);}

.info_pn { position: relative; text-align: center; padding-bottom: 4%}
.info_pn span{ text-align: left; padding:10px 0px 10px 25px; font-size: 14px; display: inline-block; width: 22%; max-width:90px; margin: auto;}
}

.info_pn .bdsharebuttonbox a{ float: none!important; margin: 0!important; background: no-repeat!important}
.info_pn .bdsharebuttonbox:after{ display: none!important}
.bdshare_popup_bg,
.bdshare_popup_box{ left: auto!important; right: 4%;}

.about_article{ padding-bottom: 6%; padding-top: 2%}
.about_article .left_txt{ float: left; width: 40%;}
.about_article .right_txt{ float: right; width: 60%;}
.about_article .year{ color: #004ea2;width: 30%; float: left;}
.about_article .img{width: 60%; float: left; padding-left: 3%;}
.about_article .year em{ display: block; line-height: 130%; font-size:80px; font-weight:bold}
.about_article .year em:after{ content: ''; display: block; margin-top: 5%; width: 20%; height: 1px; background: #004ea2}
.about_article .company{ color: #333333; padding-bottom: 3%}
.about_article .info_box2{ position: relative; margin: 4% 0}
.about_article .roll_num{ padding:2.5% 5%; background: rgba(230,0,18,0.92); position: absolute; width: 60%; right: 0; bottom: 0;}
.about_article .roll_num li{border-right: solid 1px rgba(255,255,255,0.4);color: #fff; float: left; width: 25%; padding-left: 23px;}
.about_article .roll_num li:last-child{ border-right: none}
.about_article .roll_num li b{ font-size: 36px; font-weight: normal; padding-right: 10px;}
.about_article .roll_num li span{ padding-top:8px; display:block;}
@media(max-width:1200px){
/* .about_article .right_txt{width: 80%;} */
.about_article .roll_num{ font-size: 14px; padding: 1%; width: 100%}
.about_article .roll_num li b{ font-size: 30px;}

}
@media(max-width:768px){
.about_article .roll_num{ position: relative}
.about_article .roll_num li{ width: 50%}
.about_article .roll_num li b{ font-size: 20px;}
.about_article .roll_num li:nth-child(1),
.about_article .roll_num li:nth-child(2){ margin-bottom: 3%}
.about_article .year em{ font-size: 24px}
.about_article .left_txt{width: 100%; float: none;}
.about_article .right_txt{float: none ; width: 100%;}
.about_article .year{ width: 24%; }
.about_article .img{width: 70%; }
}

.leader_article{ padding-bottom: 6%; padding-top: 2%}
.leader_article .name{ color: #333; border-bottom: solid 2px #004ea2; margin-bottom: 2px;}
.leader_article .name span{ padding-right: 5px;}
.leader_article .txt{ padding: 3% 0; border-top: solid 1px #004ea2;}
.leader_article .pic img{box-shadow:20px 20px 0 0 #f8f9fa}
.leader_article .info{ padding-top: 10%}
@media(min-width:768px){
.leader_article .pic{ float: left; width: 30%}
.leader_article .info{ float: right; width: 60%; padding-top: 0}
}

.organization_article{ padding: 3% 0}
.organization_article .pic{ text-align: center}

.culture_article .title{ font-weight: normal; padding: 20px 0; color: #333}

.culture_article .info_box1 { padding-top: 2%; padding-bottom: 4%}
.culture_article .info_box1 .info li{ padding:5% 0 5% 125px; position: relative}
.culture_article .info_box1 .info li .icon{ position: absolute; left: 0;width: 90px; height: 90px; }
.culture_article .info_box1 .info li .icon img{ position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0}
.culture_article .info_box1 .info li .icon:before{ content: ''; position: absolute; width: 100%; height: 100%; background: url("../images/culture_icon.png");animation: icon 5s linear infinite;}
@keyframes icon{
  0%{}
  100%{transform: rotate(360deg)}
}
.culture_article .info_box2 { position: relative}
.culture_article .info_box3 { padding: 4% 0}
.culture_article .info_box3 .title{ text-align: center; padding-bottom: 3%}
.culture_article .info_box3 .txt ul{ padding-top: 5%; padding-bottom: 2%}
.culture_article .info_box3 .txt ul li{ padding: 10px 0;}
.culture_article .info_box3 .txt ul li b{ color: #333; position: relative; padding-left: 18px;}
.culture_article .info_box3 .txt ul li b:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -2.5px; border-radius: 100px; width: 5px; height: 5px; background: #004ea2;}
.culture_article .info_box4{ background: #f8f9fa; padding: 5% 0}
.culture_article .info_box4 .title{ padding-bottom:10px}

@media(min-width:1100px){
.culture_article .info_box3 .info{ float: left; width: 50%}
.culture_article .info_box3 .pic{ float: right; width: 50%}
}
@media(min-width:960px){
.culture_article .info_box1 .info{ float: left; width: 40%}
.culture_article .info_box1 .pic{ float: right; width: 48.75%}

.culture_article .info_box2 .box{ position: absolute; width: 100%; top: 50%; padding: 0 8.333%; color: #fff;-webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.culture_article .info_box2 .info .title{ color: #fff}
.culture_article .info_box2 .info{ float: right; max-width: 710px;}
.culture_article .info_box2 .info .txt{ font-size: 18px}
.culture_article .info_box4 .info{ float: right; width: 28%; padding-top: 1%}
.culture_article .info_box4 .pic{ float: left; width: 70%}
}
@media(min-width:640px){
.culture_article .info_box3 .txt ul{ width: 48%;}
.culture_article .info_box3 .txt ul:nth-child(1){ float: left}
.culture_article .info_box3 .txt ul:nth-child(2){ float: right}
}
@media(max-width:960px){
.culture_article .info_box1 .info li{padding:2% 0 2% 100px; }
.culture_article .info_box2 .info{ padding: 2%}
}

@media(max-width:640px){
.culture_article .info_box3 .txt ul{ max-width: 300px; margin: auto}
}


.network_main{ margin-top: -3%; background:#002f71 url("../images/index_network_bg.jpg") no-repeat center bottom; background-size: 100%;}
.network_main .ind_title{ color: #fff}
.network_main .main{ display: table; padding:10% 0; }
.network_main .box{ display: table-cell; vertical-align: middle}
.network_main .left_info{ width: 52%; padding: 0 8.333%}
.network_main .left_info .txt{ padding: 2% 0; color: #fff; opacity: 0.6}
.network_main .left_info .roll_num li{ margin-top:10%; border-left: solid 2px #e60012;color: #fff; float: left; width: 50%; padding-left: 23px;}
.network_main .left_info .roll_num li b{ font-size: 56px; font-weight: normal;}
.network_main .left_info .roll_num li span{ padding-top: 12px; display:block;opacity: 0.6}
.network_main .right_map{ width: 48%}
.network_main .map{ position: relative}
.network_main .map a{ position: absolute; width: 6px; height: 6px;}
.network_main .map a:before{ content: ''; position: relative; z-index: 5; display: block; width: 100%; height: 100%;background: #e60012;border-radius: 100px;}
.network_main .map b{ position: absolute; color: #fff; white-space: nowrap; bottom: -26px; right:-12px; font-weight: normal}
.network_main .map i:before,
.network_main .map i:after{ content: ''; position: absolute; left:50%; top:50%; border-radius: 100px; background:#97a1ad; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.network_main .map i:before{ opacity: 0.5;width: 360%; height: 360%; }
.network_main .map i:after{ opacity: 0.3;width: 680%; height: 680%; }
.network_main .map .shandong{ left: 63.541%; top: 43.432%}
.network_main .map .jiangsu{ left: 67.708%; top: 48.728%}
.network_main .map .hubei{ left: 59.166%; top: 52.966%}
.network_main .map .zhejiang{ left: 68.041%; top: 55.449%}
.network_main .map .sichuan{ left: 44.386%; top: 54.237%}
.network_main .map .jiangxi{ left: 64.0625%; top: 56.991%}
.network_main .map .hunan{ left: 57.812%; top: 58.686%}
.network_main .map .fujian{ left: 67.916%; top: 59.851%}
.network_main .map .guangxi{ left: 52.291%; top: 65.677%}
.network_main .map .guangdong{ left: 60.416%; top: 68.220%}
.network_main .map .hainan{ left: 55%; top: 75.423%}
.network_main .map .yuenan{ left: 52.291%; top: 83.262%}
.network_main .map .guangdong{ width: 10px; height: 10px;}
.network_main .map .anhui{left: 61%; top: 48%;}
.network_main .map .xianggang{left: 59%; top: 71%;}
/* .network_main .map .guangdong b{ opacity: 0} */
.network_main .map .guangdong i:after{ animation: test 1s linear infinite;}
@keyframes test{
  0%{opacity:0;width: 360%; height: 360%; }
  40%{opacity:0.5;width:500%; height: 500%; }
  60%{opacity:1;width: 680%; height: 680%; }
  100%{opacity:0;width: 1000%; height: 1000%; }
}
@media(max-width:1200px){
.network_main .left_info{ padding: 0 5%}
.network_main .left_info .roll_num li b{ font-size: 40px;}
}
@media(max-width:1024px){
.network_main .box{ display: block; width: 100%}
}
@media(max-width:768px){
.network_main .left_info .roll_num li b{ font-size: 30px;}
.network_main .map b{ font-size: 12px}
.network_main .map i:before{width: 160%; height: 160%;}
.network_main .map i:after{ width: 360%; height: 360%;}
.network_main .map .guangdong{width: 7px; height: 7px;}
@keyframes test{
  0%{opacity:0;width: 160%; height: 160%; }
  40%{opacity:0.5;width:260%; height: 260%; }
  60%{opacity:1;width: 360%; height: 360%; }
  100%{opacity:0;width: 500%; height: 500%; }
}
}

.company_list ul{ margin-left: -1%; margin-right: -1.176%;}
.company_list li{ float: left; width: 20%; padding: 1.176%}
.company_list li a{ cursor: pointer; display: block; position: relative;}
.company_list li a .bg_cover { width: 100%; height: 100%; padding-bottom: 55%;}
.company_list li .ytable{ position: absolute; height: 100%}
.company_list li .ytable-cell{ padding: 0 2%}
.company_list li b{ font-weight: normal;text-align: center; padding-top: 10px;}
@media(max-width:1200px){
.company_list li{ width: 25%}
}
@media(max-width:960px){
.company_list li{ width: 33.333%}
}
@media(max-width:640px){
.company_list li{ width:50%}
}

.company_info{ display: none;position: fixed; width: 100%; height: 100%; top: 0; z-index: 101; background: rgba(0,0,0,0.2)}
.company_info .ytable{ height: 100%}
.company_info .box{ width: 94%; max-width: 1078px; margin: auto; background: #fff; position: relative; padding: 3.5%; box-shadow: 0 0 36px 0 rgba(0,0,0,0.2)}
.company_info .company{ color: #333}
.company_info .txt{ max-height: 300px; overflow-y: auto}
.company_info .add{ padding: 3% 0}
.company_info .yb{ display: block}
.company_info .close{ cursor: pointer;width: 40px; height: 40px; display: block; position:absolute; right: 2%; top: 4%; border: solid 2px #ebebeb; border-radius: 100px; background: url(../images/close.png) no-repeat center center}
.company_info .close:hover{ background-color: #FF0004}
@media(min-width:640px){
.company_info .info{ float: right; width: 63%}
.company_info .pic{ float: left; width: 32%}
.company_info .yb{ float: right}
.company_info .add{ padding-bottom: 0}
}
.history_list { position: relative; background: #f5f6f7 url("../images/history_bg.png") no-repeat right bottom;display: none;}
.history_list .slider-nav{ position: relative}
.history_list .slider-nav li{ position: relative; font-size: 24px; line-height: 56px;  text-align: center; border: none;}
.history_list .slider-nav li span{ position: relative; z-index: 2;}
.history_list .slider-nav .slick-current{ color: #004ea2;}
.history_list .slider-for{ padding: 3%}
.history_list .slider-for .year{ padding: 20px 0; color: #004ea2; border-bottom: solid 1px #e6e7e8}
.history_list .slider-for .year span{ font-size:30px; padding-right: 10px;}
.history_list .slider-for ul{ padding: 3% 0}
.history_list .slider-for li{ padding: 15px 20px; position: relative}
.history_list .slider-for li:before{ content: ''; position:absolute; width: 5px; height: 5px; left: 0; top: 25px; border-radius: 100px; background: #999999}
.history_list .slick_arrow_jt { display: none}
@media(min-width:1024px){
.history_list .slider-nav{float: left;width:20.625%; padding: 4.2% 0;color: #fff; background: #004ea2;}
.history_list .slider-nav .slick-current:before{ left: 0; top: 5%; content: ''; position: absolute; width: 80%; height: 90%; background: #fff; border-radius: 0 100px 100px 0}
.history_list .slider-nav .slick-arrow{ background: none; border: none;-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);}
.history_list .slider-nav .slick-prev{ top: 5%; left: 50%; margin-left: -20px;}
.history_list .slider-nav .slick-next{ bottom: 5%; top: auto; right: 50%; margin-right: -20px; }
.history_list .slider-nav .slick-prev:before{background: url("../images/history_jt.png") no-repeat top}
.history_list .slider-nav .slick-next:before{background: url("../images/history_jt.png") no-repeat bottom}
.history_list .slider-for{float: right;width:79.357%;}
.history_list .slider-for .year span{font-size: 54px;}
.history_list .slick_arrow_jt{ display: block}
.history_list .slick_arrow_jt .slick-arrow{ top: 18%;}
.history_list .slick_arrow_jt .slick-prev{ left: auto; right: 8%;}
.history_list .slick_arrow_jt .slick-next{right: 3%}
}

.honor_list{ padding-top: 4%; padding-bottom: 12%}
.honor_list ul { margin-left: -20px; margin-right: -20px;}
.honor_list ul li{ padding: 20px; position: relative}
.honor_list ul li .pic a{ display: block; position: relative;padding-bottom: 70%; background: #f5f6f7}
.honor_list ul li .pic img{ position: absolute; max-height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto;transition: all ease-in-out 0.5s;}
.honor_list ul li .txt{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; padding: 5% 0;background: rgba(248, 151, 40, 0.9);transform: scale(0); transition: all ease-in-out 0.5s;}
.honor_list ul li .txt h3{ position: absolute; width: 100%; top: 50%; }
.honor_list ul li .txt h3 a{color: #fff; font-weight: bold;}
.honor_list ul li:hover .txt{ transform: scale(1);}
.honor_list ul li:hover .pic img{transform: scale(1.2);}
@media(max-width:1024px){
.honor_list ul { margin-left: -10px; margin-right: -10px;}
.honor_list ul li{ padding: 10px}
}
@media(max-width:768px){

.honor_list ul { margin-left: 0; margin-right: 0;}
.honor_list ul li{ padding: 10px}
}

.course_list{ padding-top: 2%; padding-bottom: 4%}
.course_list .list{ padding: 0 8%}
.course_list .item{ position: relative;}
.course_list .year{ position: relative; z-index: 2; padding: 2% 0; color: #004ea2; border-bottom: solid 1px #e8e9eb}
.course_list .year span{ font-size: 26px; padding-right: 10px;}
.course_list .ul{ position: relative; z-index: 2; padding-top: 4%}
.course_list .ul li{ line-height: 26px; padding: 5px 15px; position: relative}
.course_list .ul li:before{ content: ''; position:absolute; width: 4px; height: 4px; left: 0; top: 12px; border-radius: 100px; background: #999999}
.course_list .slick-current .year,
.course_list .item:hover .year{ color: #e60012;}
.course_list .slick-list{ background: url("../images/course_line.png") repeat-x left bottom}
.course_list .slick-list:before{ content: ''; position: absolute; bottom: 0px; height: 7px; width: 100%; background: #cccccc}
.course_list .slick-track{padding-bottom: 80px; }
.course_list .slick-track:before{ content: ''; position: absolute; bottom: 0px; height: 7px; width: 40%; background: #004ea2}
.course_list .year_num { padding: 15px 3%}
.course_list .year_num .first{ float: left}
.course_list .year_num .last{ float: right}
@media(min-width:640px){
.course_list .list{ padding: 0 3%}
.course_list .slick-track{ display: table;}
.course_list .item{ padding: 45px;display: table-cell; float: none; }
.course_list .item:before{ content: ''; position: absolute; left: 5%; top: 0; width: 90%; height:100%; background: #f5f6f7;}
.course_list .year span{ font-size: 36px; }
}
@media(max-width:640px){
.course_list .slick-track{ padding-bottom: 0}
.course_list .item{ padding-bottom: 80px}
.course_list .slick-track:before{ display: none}
.course_list .list:before{ z-index: 5; content: ''; position: absolute; bottom: 0px; height: 7px; width: 40%; background: #004ea2}
}
/******/
.z46{font-size: 46px;}
.z16{font-size: 16px;}
@media(max-width:1366px){
    .z46{font-size: 36px;}
}
@media(max-width:1024px){
    .z46{font-size: 30px;}
}
@media(max-width:768px){
    .z16{font-size: 14px;}
    .z46{font-size: 24px;}
}


/* 联系我们 */
.contact{position: relative; background-color: #000;}
.map-box{padding-top: 42.71%; opacity: 0.8; }
.contact .info-box{position: absolute; width: 100%; bottom: 0;z-index: 20; left: 50%;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);}
.contact .info-box .ytable{background-color: #fff;padding: 3.75% 6.25% 3.75% 2%;}
.contact .hot-line{width: 40.625%; color: rgb(51, 51, 51);}
.contact .hot-line span{display: block;}
.contact .hot-line .red{  color: rgb(232, 17, 34);}
.contact .address{width: 37.5%;}
.contact .address p{line-height: 2; margin: 0;  color: rgb(51, 51, 51);}
.contact .qrcode span{width: 20px; display: inline-block; vertical-align: middle; margin-left: 10px;}

@media(max-width:1366px){
    .contact .info-box .ytable{padding: 2%;}
}
@media(max-width:1024px){
    .contact .info-box{position: relative;}
    .contact .hot-line{width: 35%;}
    .map-box{height: 400px;}
}
@media(max-width:768px){
    .contact .info-box .ytable,.contact .ytable-cell{display: block; width: 100%;}
    .contact .ytable-cell{ border-bottom: 1px solid #eee;padding: 2%;}
}

.join-list .item {margin-bottom: 15px;}
.join-list .item:last-child {margin-bottom: 0;}
.join-list .item .info {background-color: #f5f6f7; min-height: 80px; padding: 28px 55px; position: relative;}
.join-list .item .info .post {display: inline-block; vertical-align: top; font-size: 18px; font-weight: 500; line-height: 24px; width: 34%; padding-right: 2%; margin: 0;}
.join-list .item .info .base {display: inline-block; vertical-align: top; line-height: 24px; color: #666; width: 30%;}
.join-list .item .info .base span::after {content: ""; display: inline-block; vertical-align: middle; width: 6px; height: 14px; background: url(../images/line.png) no-repeat; margin: 0 28px 0 30px;}
.join-list .item .info .base span:last-child:after {display: none;}
.join-list .item .info .other {position: absolute; right: 46px; top: 25px; height: 30px; line-height: 30px;}
.join-list .item .info .other .time {color: #999; font-weight: 500;}
.join-list .item .open {display: inline-block; vertical-align: top; height: 30px; width: 30px; margin-left: 30px; cursor: pointer; position: relative;}
.join-list .item .open i:nth-child(1) {position: absolute; left: 8px; top: 14px; width: 14px; height: 2px; background-color: #999;}
.join-list .item .open i:nth-child(2) {position: absolute; left: 14px; top: 8px; width: 2px; height: 14px; background-color: #999;}
.join-list .item.active .info {background-color: #004ea2; color: #fff;}
.join-list .item.active .info .base,
.join-list .item.active .info .other .time {color: #fff;}
.join-list .item.active .open i:nth-child(1),
.join-list .item.active .open i:nth-child(2) {background-color: #fff ;}
.join-list .item.active .open i:nth-child(2) {display: none;}
.join-list .item .detail-content {background-color: #f5f6f7; padding: 55px 60px 60px; display: none;}
.join-list .item .detail-content dl {margin-bottom: 40px;}
.join-list .item .detail-content dl dt {color: #333; line-height: 24px; padding-left: 22px; margin-bottom: 20px; position: relative;}
.join-list .item .detail-content dl dt::after {content: ""; position: absolute; left: 0; top: 6px; width: 12px; height: 12px; border: 2px solid #0c56a6; border-radius: 50%; box-sizing: border-box;}
.join-list .item .detail-content dl dd {color: #666; line-height: 24px; margin-bottom: 8px; padding-left: 22px;}
.join-list .item .detail-content .opeartion .btn {display: inline-block; vertical-align: top; background-color: #004ea2; width: 176px; height: 56px; line-height: 56px; text-align: center; color: #fff;}
.join-list .item .detail-content .opeartion .btn::after {content: ""; display: inline-block; vertical-align: middle; width: 22px; height: 10px; background: url(../images/icon_btn.png) no-repeat; margin-bottom: 2px; margin-left: 15px;}
.join-list .item .detail-content .opeartion .email {display: inline-block; margin-left: 20px; margin-top: 16px;}

.join .news_list{padding-bottom: 3%;}
.join .news_list li{width: 50%; float: left; padding-left: 2;}
.join .news_list li h3{font-size: 16px;}
.join .news_list li p{font-size: 14px; height: 4em;}

/* .join-tit{text-align: center; margin-bottom: 3%;}
.join-tit span{display: inline-block; width: 160px; line-height: 55px; text-align: center; background-color: #004ea2; color: #fff;} */

@media (max-width: 1024px){
  .join .news_list li{width: 100%; float: none;}
  /* .join-tit span{width: 120px; line-height: 40px;} */
}

@media (max-width: 992px) {
  .join-list .item .info .base {display: block; width: 100%; margin-top: 6px;}
}
@media (max-width: 640px) {
  .join-list .item .info {padding: 15px 10px;}
  .join-list .item .info .post {width: 60%;}
  .join-list .item .info .base span::after {margin: 0 12px 0 10px;}
  .join-list .item .info .other {top: 12px; right: 10px;}
  .join-list .item .open {margin-left: 10px;}
  .join-list .item .detail-content {padding: 20px 10px;}
}
.product-container{padding-bottom: 3%;}
/* .list-wrap {overflow: hidden;} */
.product-list {margin: 0 -1.5% !important;}
.product-list .item {float: left; width: 25%; padding: 0.5% 0.5%;}
.product-list .item a {display: block; background-color: #f2f6fa; padding: 25px 25px 44px; transition: 0.3s ease;}
.product-list .item .image .bg_cover {padding-top: 129.2517%; margin: 0; transition: all .5s;}
.product-list .item .name {color: #333; font-size: 18px; font-weight: 500; text-align: center; margin: 14px 0 0; line-height: 1.5; height: 1.5em;}
.product-list .item a:hover {box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);}
.product-list .item a:hover .image .bg_cover{transform: scale(1.1);}
.product-details {padding-bottom: 120px;}
.product-info {display: table; table-layout: fixed;}
.product-info > div {display: table-cell; vertical-align: top; width: 50%;}
.product-info .image{position: relative; padding-top: 38%;}
.product-info .image img{display: block ; position: absolute; left: 0;top: 0; right: 0; bottom: 0; margin: auto;  height: 100%;}
.product-info .image .bg_cover {padding-top: 75%; margin: 0;}
.product-info .info {vertical-align: middle; padding: 20px 0 20px 5.5%;}
.product-info .info .name {font-size: 30px; font-weight: 500; margin: 0;}
.product-info .info .intro {color: #666; line-height: 2; margin: 16px 0 0;}
.product-info .info .attr {color: #666; margin: 45px 0 0;}
.product-info .info .btn {display: block; width: 176px; height: 56px; line-height: 56px; text-align: center; background-color: #004ea2; color: #fff; margin-top: 100px;}

.join-nav ul{text-align: center;  padding-bottom: 3%;}
.join-nav ul li{display: inline-block;font-size:16px; line-height:55px; padding:0 10px;}
.join-nav ul li a{color:#666; border:solid 1px #eeeeee; display:block; min-width:160px;transition: all 0.2s;}

.join-nav ul li a:hover,
.join-nav ul li.active a{ color:#fff; background-color:#004ea2; border-color:#004ea2}

@media (max-width: 1200px) {
  .product-list .item {width: 33.3333%;}
}
@media (max-width: 768px) {
  .product-list {margin: 0 -1% !important;}
  .product-list .item {width: 50%; padding: 0%;}
  .product-list .item a {padding: 15px 15px 24px;}
  .product-details {padding-bottom: 40px;}
  .product-info {display: block;}
  .product-info > div {display: block; width: 100%;}
  .product-info .info {padding: 20px 0;}
  .product-info .info .name {font-size: 24px;}
  .product-info .info .attr {margin-top: 20px;}
  .product-info .info .btn {margin-top: 50px;}
  .product-info .image{padding-top: 0;}
  .product-info .image img{position: static; display: block ; margin: 0 auto; }
  .join-nav ul li{line-height: 40px; padding: 0;}
  .join-nav ul li a{min-width: 100px; font-size: 14px;}
}
.expert-container {padding-bottom: 104px;}
.expert-container .tips {line-height: 1.6; margin: 0 0 30px;}
.scroll .mCSB_inside>.mCSB_container {margin-right: 16px;}
.scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #004ea2;}
.scroll .mCSB_scrollTools .mCSB_draggerRail {background-color: rgba(0, 78, 162, 0.2);}
.expert-list {margin: 0 -20px !important;}
.expert-list .item {float: left; width: 50%; padding: 20px;}
.expert-list .item .inner {background-color: #f5f6f7; overflow: hidden;}
.expert-list .item .image {width: 240px; float: left;}
.expert-list .item .image .bg_cover {padding-top: 125%; margin: 0;}
.expert-list .item .text {margin-left: 240px; padding: 44px 38px 20px;}
.expert-list .item .text .scroll {height: 198px;}
.expert-list .item .text .name {color: #333; font-size: 20px; font-weight: 500; margin: 0 0 12px;}
.expert-list .item .text .intro {font-size: 15px; line-height: 30px; margin: 0;}
.expert-list .itemOne{float: none;margin: 0 auto; width: 70%;}
.expert-list .itemOne .image{width: 100%;float: none; width: 40%; float: left;}
.expert-list .itemOne .text{margin-left: 0;padding: 20px; width: 60%; float: left;}
.expert-list .itemOne .image .bg_cover{padding-top: 62%;}
@media (max-width: 992px) {
  .expert-list {margin: 0 !important;}
  .expert-list .item {width: 100%; padding: 20px 0;}
}
@media (max-width: 768px) {
  .expert-container {padding-bottom: 40px;}
  .expert-list {margin: 0 !important;}
  .expert-list .item {width: 100%; padding: 5px 0;}
  .expert-list .item .image {width: 140px;}
  .expert-list .item .text {margin-left: 140px; padding: 15px 10px;}
  .expert-list .item .text .scroll {height: 107px;}
}

.equipment-container {padding-bottom: 126px;}
.equipment-container .section {display: table; table-layout: fixed; width: 100%;}
.equipment-container .section > div {display: table-cell; vertical-align: top; width: 50%;}
.equipment-container .section .text {vertical-align: middle; padding: 20px 0 20px 78px;}
.equipment-container .section .text .title {color: #333; font-size: 30px; font-weight: 500; margin: 0 0 20px;}
.equipment-container .section .text p {line-height: 30px; margin: 0;}
.equipment-container .section .images .item {position: relative;}
.equipment-container .section .images .item::before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/mask.png) no-repeat center bottom; background-size: cover; z-index: 2;}
.equipment-container .section .images .image {padding-top: 56.25%; margin: 0;}
.equipment-container .section .images .item .label {position: absolute; left: 0; bottom: 0; color: #fff; z-index: 100; padding: 0 0 18px 30px; width: 50%;}
.equipment-container .section .images .slick-dots li {width: 8px; height: 8px; margin: 0 6px; padding: 0; border-radius: 50%; background-color: transparent; border: 2px solid rgba(255,255,255,0.6);}
.equipment-container .section .images .slick-dots {font-size: 0; position: absolute; right: 24px; bottom: 24px; width: auto;}
.equipment-container .section .images .slick-dots li.slick-active {background-color: #fff; border-color: #fff;}
.equipment-container .section .images .slick-dots li button {display: none;}
.equipment-container .section:nth-child(even) .text {padding-left: 0; padding-right: 78px; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%);}
.equipment-container .section:nth-child(even) .images-wrap {-webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%);}
@media (max-width: 992px) {
  .equipment-container .section {display: block;}
  .equipment-container .section > div {display: block; width: 100%; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important;}
  .equipment-container .section .text {padding: 20px 0 !important;}
}
@media (max-width: 768px) {
  .equipment-container {padding-bottom: 40px;}
  .equipment-container .section .text .title {font-size: 24px;}
}


.news-top{ padding-top: 6.25%; padding-bottom: 2.08%; background-color: #f7f7f7;}
.news-top .left{width: 32.5%;float: left; border: 1px solid #ddd;}
.news-top .left .pic{overflow: hidden;}
.news-top .left .pic a{display: block;}
.news-top .left .pic figure{padding-top: 55.6%;  width: 100%; margin: 0 ; transition: all .5s; height: 288px; background-size: cover; background-position: center center ;background-repeat: no-repeat;}  
.news-top .left .txt{padding: 20px 30px 20px ; transition: all .5s;}
.news-top .left .time{font-size: 16px;line-height: 1.5;}
.news-top .left h1{font-size: 20px; height: 1.5em; font-weight: normal; margin: 0 ;line-height: 1.5;}
.news-top .left p{font-size: 16px; line-height: 1.5 ; color: #666; height: 4.5em; margin: 15px 0;}
.news-top .left:hover .pic figure{transform: scale(1.1);}
.news-top .left:hover .txt{background-color: #004ea2;}

.news-top .left:hover .time{color: #fff;}
.news-top .left:hover h1{color: #fff;}
.news-top .left:hover p{color: #fff; opacity: 0.8;}

.news-top .right{width: 64.5% ; float: right;}
.news-top .right .item{padding: 30px; border: 1px solid #ddd; margin-bottom: 17px;transition: all .5s;}
.news-top .right .item:last-of-type{margin-bottom: 0;}
.news-top .right .item .txt{width: 61.5%; padding-right: 3.5%; }

.news-top .right .time{font-size: 16px; line-height: 1.5;}
.news-top .right h1{font-size: 20px; height: 1.5em; font-weight: normal; margin: 0 ;line-height: 1.5; margin: 15px 0;}
.news-top .right p{font-size: 16px; line-height: 1.5 ; color: #666; height: 4.5em; margin: 15px 0;}

.news-top .right .pic{overflow: hidden; }
.news-top .right .pic a{display: block;}
.news-top .right figure{padding-top: 46.33%; height: 100%;  width: 100%; margin: 0; height: 173.27px;background-size: cover; background-position: center center ;background-repeat: no-repeat;}
.news-top .right .item:hover{background-color: #004ea2;}
.news-top .right .item:hover .time{color: #fff;}
.news-top .right .item:hover h1{color: #fff;}
.news-top .right .item:hover p{color: #fff; opacity: 0.8;}


.product-banner{ margin-bottom: 2%;}

.product-banner figure{padding-top: 35.71%; background-color: #eee; background-position: center center; background-size: cover; background-repeat: no-repeat; display: block; width: 100%; margin: 0;}
.product-banner .video-box{ position: relative;}
.product-banner .video-box .play-btn{position: absolute; left: 50%; top: 50%; width: 48px; height: 48px; margin: -24px 0 0 -24px;background: url("../images/icon_play2.png") no-repeat center; cursor: pointer;}
.product-banner .video-box .video{position: absolute; width: 100%; height: 100%; left: 0; top: 0;  display: none; background-color: #000;}
.product-banner .video-box .video video{position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: contain;}
.product-banner .video-box .video .close-btn{width: 30px; height: 30px; background: rgba(0,0,0,0.2) url(../images/close.png) center center no-repeat; position: absolute; right: 2%; top: 2%; cursor: pointer;z-index: 2;}
    
.product-banner .item{position: relative;}
.product-banner .txt{position: absolute; left: 10%; top: 50%; transform: translateY(-50%); max-width: 800px;}
.product-banner .txt h1{color: #fff; font-size: 48px;margin: 0; padding-bottom: 5%;}
.product-banner .des{font-size: 16px;  line-height: 2; color: #fff;}
.product-banner .des p{margin: 0;}
.product-container h1{font-size: 24px; text-align: center; font-weight: normal;}

.join-page{padding-bottom: 0;}
#joinNews{padding-top: 4%;}
.singlepage{padding: 2% 0;}
.singlepage p{margin: 0 ; line-height: 1.5;}
@media (max-width: 1140px){
    .news-top .left .pic figure{height: 248px;}
    .news-top .right h1{margin: 0;}
    .news-top .right figure{height: 152.27px;}
    .news-top .right p{margin: 13px 0;}
    .news-top .left .txt{padding: 15px 20px 15px; }
    .news-top .right .item{padding: 27.5px;}
    .product-banner .txt h1{font-size: 28px;}
}
@media (max-width: 768px){
    .news-top .left,.news-top .right{float: none; width: 100%; margin-bottom: 2%;}
    .news-top .left .pic figure,.news-top .right figure{height: auto;}
    .news-top .right figure{padding-top: 62.33%; height: 100%;}
    /* .news-top .right .item .pic,.news-top .right .item,.news-top .right .item .pic a{height: 100%;} */
    .news-top .left .txt{padding: 4% 5% 4%;}
    .news-top .right .item{padding: 3%;}
    .news-top .right h1{font-size: 18px;}
    .news-top .right p{margin:  5px 0;}
    .product-banner .txt h1{font-size: 24px;}
}

/*科研成果*/
.box202104081149.power{padding: 7.2% 0 10.9%; background:#1042a1 url(../images/technology-power.jpg) no-repeat center bottom; background-size:cover;margin-top: -3%;}
.box202104081149.power .title{font-size: 36px;color: #fff;text-align: center;}
.box202104081149.power .img{margin-top: 3%;text-align: center;}
.box202104081149.power .img img{max-width: 100%;}
.box202104081149.power .kyll_icon{padding:5% 0;text-align:center;position:relative;background:url(../images/kyll_bg.png) no-repeat center center;background-size: 100% auto ;max-width:933px;margin:auto;}
.box202104081149.power .kyll_icon ul{font-size: 0;margin: 0 -10px;}
.box202104081149.power .kyll_icon ul li{padding: 2% 2%;display:inline-block;width:25%;color:#fff;font-size:16px;vertical-align: top;}
.box202104081149.power .kyll_icon ul li figure{ padding:15px 0;margin: 0;}
.box202104081149.power .kyll_icon ul li span{ display:block; padding:10px 0;}
.box202104081149.power .kyll_icon ul li b{ font-size:30px;}
@media screen and (max-width: 768px){
.box202104081149.power .title{font-size: 26px;}
.box202104081149.power .kyll_icon ul li{ font-size:12px;}
.box202104081149.power .kyll_icon ul li b{ font-size:20px;}
.box202104081149.power .kyll_icon ul li figure{ padding:0}
.box202104081149.power .kyll_icon ul li figure img{ width:30px;}
.box202104081149.power .kyll_icon ul li span{ padding:0}
}

.f-honor .info {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 40px;
}

.f-honor .honor_list {
  overflow: hidden;
}

.f-honor .honor_list li {
  float: left;
  width: 25%;
  padding: 20px;
  cursor: pointer;
  
}

.f-honor .honor_list li .pic {
  padding-top: 75%;
  background-repeat: no-repeat;
  background-position: center;
  transition: .5s;
  background-size: 100% 100%;
}

.f-honor .honor_list li:hover .pic {
  transform: scale(1.2);
}

@media (max-width: 1200px) {
  .f-honor .honor_list li {
    width: 33.3333%;
  }  
}

@media (max-width: 860px) {
  .f-honor .honor_list li {
    width: 50%;
  }  
}
/*发展历程*/
.qui-history{max-width: 800px;margin: 3% auto;padding: 7px 0;position: relative;max-height: 1200px;overflow: hidden;}
.qui-history2{position: relative;}
.qui-history .DLLIST{position: relative;z-index: 1;}
.qui-history .DLLIST .dt{color: #004ea2;float: left;font-size: 20px;position: relative;margin-top: 25px;}
.qui-history .DLLIST .dt:after{content: '';position: absolute;width: 8px;height: 8px;border-radius: 50%;left: 115px;background: #fff;border: 1px solid #004ea2;top: 50%;margin-top: -4px;}
.qui-history .DLLIST .quiinfo{margin-left: 240px;border: 1px solid #004ea2;padding: 25px;border-radius: 5px;margin-bottom: 25px;box-shadow: 0 0 10px rgba(0, 78, 162, .3);}
.qui-history .DLLIST:last-child .quiinfo{margin-bottom: 0;}
.qui-history .DLLIST .quiimg{/*max-width: 400px;*/margin-bottom: 20px;}
.qui-history .DLLIST .quiimg img{display: block;width: 100%;}
.qui-history .DLLIST .dd{line-height: 26px;}
/*.qui-history .DLLIST .dd:last-child{padding-bottom:0}*/
.qui-history2:after{content: '';width: 1px;height: 100%;background: #004ea2;left: 120px;position: absolute;top: 0;z-index: 0;}
.qui-history:after{content: '';width: 14px;height: 7px;bottom: 0;left: 113px;position: absolute;background:#fff url(../images/hisbtn2.png) center no-repeat;z-index: 2;}
.qui-history:before{content: '';width: 14px;height: 7px;top: 0;left: 113px;position: absolute;background:#fff url(../images/hisbtn1.png) center no-repeat;z-index: 2;}

.qui-history .quimore{position: absolute;text-align: center;font-size: 16px;bottom: 0;left: 0;width: 100%;background-image: linear-gradient(to top, #fff, transparent);z-index: 10;padding: 35px 0 20px;}

.qui-history .quimore span{display: inline-block;vertical-align: top;background:#004ea2;color: #fff;line-height: 36px;padding: 0 25px;border-radius: 5px;}


@media (max-width: 640px) {
.qui-history .DLLIST .quiinfo{padding: 10px;margin-bottom: 15px;margin-left: 100px;font-size: 14px;}
.qui-history .DLLIST .quiimg{margin-bottom: 10px;}
.qui-history .DLLIST .dd{line-height: 24px;}
.qui-history2:after{left: 70px;}
.qui-history:before{left: 63px;}
.qui-history:after{left: 63px;}
.qui-history .DLLIST .dt:after{left: 65px;}
}