@charset "utf-8";

/* 公共样式 */
@font-face {
  font-family: "SourceHanSansCN-ExtraLight";
  src: url("SourceHanSansCN-ExtraLight.woff2") format("woff2"),
       url("SourceHanSansCN-ExtraLight.woff") format("woff"),
	   url("SourceHanSansCN.otf") format("truetype"),
       url("SourceHanSansCN-ExtraLight.ttf") format("truetype"),
       url("SourceHanSansCN-ExtraLight.eot") format("embedded-opentype"),
       url("SourceHanSansCN-ExtraLight.svg") format("svg");
  font-weight:100;
  font-style: normal;
}
body{ background:#fff; font-family:'思源黑体 CN', "SourceHanSansCN-ExtraLight" , "Noto Sans CJK SC", "Source Han Sans CN" , "华文细黑", 'PingFang SC', 'STHeiti', -apple-system, PingFangSC-Light, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", '微软雅黑 Light', Arial, sans-serif, 'Microsoft Yahei'; color: #595959; font-size: 12px; line-height: 20px; width: 100%; font-weight:100;}
ul,li{list-style:none; margin: 0; padding: 0;}
img{ width:100%; height:auto;}
.m-b{ margin-bottom: 3%; }
.mt{ margin-top: 5px; }
.mt10{ margin-top: 10px; }
.mt15{ margin-top: 15px; }
.mb{ margin-bottom: 5px; }
.mt120{ margin-top: 0px;}
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.ml-15{ margin-left: -15px; }
.pb20{ padding-bottom: 20px; }
.decorate{ display: block; height: 20px; border-bottom: #1672c5 2px solid; width: 8%; margin: 0 auto;}
.decorate_bai{ border-bottom: #fff 2px solid;}
.spacing{ padding: 0 15px; }
.lh180{ line-height: 180%; }
input[type=radio]{ width: 16px; height: 16px; }
.error{ color: #e03434; }
.c99{ color: #999; }
.cheng{ color: #ff7214; }
a{ color: #444; text-decoration: none; outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{ color: #00a0e9; text-decoration: none;}
button{outline:0 none !important; blr:expression(this.onFocus=this.blur());}
code{ color:#bf2323; font-size:1.4em; font-family:'Microsoft Yahei',Arial; background:none;}
.left{ float: left;}
.right{float: right;}
h3{ font-size: 18px;}

.san{color:#CCCCCC;}


/* 导航样式重置 */
.containerqp{ width: 90%; margin: 0 auto; height:100px; position: relative;}
.logo{ position: absolute; right: 0; top:6px;}
.nav>li{ font-size: 23px; margin:0;}
.navbar{ position: fixed; width: 100%; background: #fff; top: 0; transition: all 0.5s; -webkit-transition: all 0.5s;}
.navbar-collapse{ padding-right: 0;}
.navbar-default{z-index: 99;}
.navbar-default .navbar-nav>li>a{ color: #242424;}
.navbar-default .navbar-nav>li>a:hover{ color: #a4a4a4; font-weight:100;}
.navbar-brand{ padding: 25px 15px 0; display: block;}
.navbar-nav{ margin-top: 32px;}
.nav>li>a { padding: 10px 30px;}
.topH{ height: 100px;}
.modaltop{ top: 2%;}
.swiper-wrapper{ width: 100%; height: 840px;}

.case-list{ width: 100%; overflow: hidden;}
.case-list li{ float: left; width: 32.97%; margin-top: .4%; margin-left: .4%;}
.case-list li:nth-child(1),.case-list li:nth-child(4),.case-list li:nth-child(7),.case-list li:nth-child(10),.case-list li:nth-child(13),.case-list li:nth-child(16),.case-list li:nth-child(19),.case-list li:nth-child(22),.case-list li:nth-child(25),.case-list li:nth-child(28),.case-list li:nth-child(31),.case-list li:nth-child(34),.case-list li:nth-child(37),.case-list li:nth-child(40),.case-list li:nth-child(43),.case-list li:nth-child(46),.case-list li:nth-child(49),.case-list li:nth-child(52),.case-list li:nth-child(55),.case-list li:nth-child(58),.case-list li:nth-child(61),.case-list li:nth-child(64),.case-list li:nth-child(67),.case-list li:nth-child(70),.case-list li:nth-child(73),.case-list li:nth-child(76),.case-list li:nth-child(79),.case-list li:nth-child(82),.case-list li:nth-child(85),.case-list li:nth-child(88),.case-list li:nth-child(91),.case-list li:nth-child(94),.case-list li:nth-child(97),.case-list li:nth-child(100){ margin-left: 0;}
.case-list li a span{ display: none;}
.case-list li a{ display: block; width: 100%; height: 100%; position: relative; filter: grayscale(100%); outline:none;blr:expression(this.onFocus=this.blur());}
.case-list li a:hover{ filter: none;}
/*.case-list li a:hover span{ display: block; width: 100%; height: 100%; background: #000; opacity:0.8; position: absolute; top: 0; left:0;}*/
.more{ width: 32.73%; line-height: 50px; font-size: 20px; text-align: center; display: block; margin: 30px auto; background: #eee;}
.more span{ font-size: 30px;}
.more:hover{background: #7d7d7d; color: #fff;}
.aboutus{ width: 100%; margin-top: 120px;}
.abutus-lr{ line-height: 30px; font-size: 16px; text-align: center;}
.abutus-lr h2{ font-size: 36px; padding-top: 120px; padding-bottom: 60px; font-weight: 100; color: #333;}
.bts{ font-size: 36px; padding-top: 160px; padding-bottom: 120px; text-align: center;font-weight: 100; color: #333;}
.jiang{ padding-top: 100px;}
.zhuan{margin-left:-3%;}
.zsrlist{ width: 100%; overflow: hidden;}
.zsrlist .left{ width: 26%;}
.zsrlist .right{ width: 70%; font-size: 14px; line-height: 22px;}
.zsrlist .right h4{ font-size: 20px;margin-top: 0; margin-bottom: 20px; font-weight:100;}
.zsrlistul{ width: 100%;}
.zsrlistul li{ float: left; width: 24.33%; margin-left: 9%; margin-bottom: 45px; text-align: center;}
.zsrlistul li p{ font-size: 16px; line-height: 60px; clear:both;}
.zsrlistul .left{max-width:163px;}
.honor{ line-height: 26px; font-size: 14px;}
.honor li:nth-child(2),.honor li:nth-child(3){ padding-left: 70px;}
.publication .zi{ text-align:left; font-size:14px; line-height:30px;}
.publication a{ display: block; outline:none;blr:expression(this.onFocus=this.blur());}
.publication .zi h4{ font-size: 16px; margin-bottom: 0; font-weight:100;}
.publication .col-sm-3{margin:0 0 110px 0;}
.publication .col-sm-3 img{ width:250px;}

/* 首页 */
.swiper-container{ width: 100%; height: auto;}
footer{ background: #efefef; padding: 170px 5%; margin-top: 80px;}
footer .row{font-size:16px;}
footer img{ width: 100px;}
footer h3{ margin-top: 0; font-size:26px; color:#212121;}
footer small{letter-spacing:6px; font-size:15px;}
footer .tel{font-size:16px; color:#1d1d1d; margin:30px 0 0 0;}
.bottom{ margin-top:160px;}
footer .x{ padding-left: 20px;}
footer .x:nth-child(1){ padding-left: 0;}
.jquery-lightbox-mode-image{ overflow: hidden;}



/*.nav li.curr a{ font-weight: bold; color: #000;}*/

.example{ margin-top: 120px;}
.example ol{position:relative;width: 80px;height: 20px;top:-30px;left:60px;}
.example ol li{float:left;width: 10px;height: 10px;margin: 5px;background: #fff;}
.example ol li.seleted{background: #1AA4CA;}

#return-top{position:fixed;bottom:6%;right:30px; width:30px;height:30px;text-align:center; display:none; transition: all 0.5s; -webkit-transition: all 0.5s;}
#return-top a{ text-indent: -9999px; display: block; background: url(../images/top.png) no-repeat; background-size: 90% auto; width:30px;height:30px; outline:none;blr:expression(this.onFocus=this.blur());}
.w700{ width: 1000px;}
.h600{ height: 700px; overflow: auto;}
.topT{ top: 6%;}
.tc-bt{ padding: 20px 20px 10px; font-size: 14px; color: #666;}
.tc-bt h2{ font-size: 24px; color: #333; margin-top: 0; font-weight:100;}
.tc-lr{ padding: 20px; font-size: 14px;}
.tc-lr img{width:auto;}
.mlr{ margin-right:10px; margin-top: 10px;}

/*滚动条宽度*/  
::-webkit-scrollbar {  
    width: 4px;  
}  
   
/* 轨道样式 */  
::-webkit-scrollbar-track {  
  
}  
   
/* Handle样式 */  
::-webkit-scrollbar-thumb {  
    background: rgba(0,0,0,0.2);   
}  
  
/*当前窗口未激活的情况下*/  
::-webkit-scrollbar-thumb:window-inactive {  
    background: rgba(0,0,0,0.1);   
}  
  
/*hover到滚动条上*/  
::-webkit-scrollbar-thumb:vertical:hover{  
    background-color: rgba(0,0,0,0.3);  
}  
/*滚动条按下*/  
::-webkit-scrollbar-thumb:vertical:active{  
    background-color: rgba(0,0,0,0.7);  
}

@media (max-width:1500px){
.containerqp{ width: 90%; margin: 0 auto; height:80px; position: relative;}	
.nav>li{ font-size: 20px; margin:0;}
.topH{ height: 80px;}
.containerqp img{width:65px;}
.moli{font-size:14px;}
footer .tel{font-size:14px; color:#1d1d1d; margin:60px 0 0 0;}
.abutus-lr h2{ font-size: 33px; padding-top: 110px; padding-bottom: 55px; font-weight: 100; color: #333;}
.abutus-lr p{ font-size: 16px;}
.bts{ font-size: 33px; padding-top: 130px; padding-bottom: 100px; text-align: center;font-weight: 100; color: #333;}
.zsrlist .left{ width: 26%;}
.publication .col-sm-3 img{max-width:210px;}
.zsrlistul .left{max-width:150px; margin-left:6%;}
.zsrlistul li{font-size:14px;}
.publication .zi{ text-align:left; font-size:12px; line-height:30px;}
.publication .zi h4{ font-size: 14px; margin-bottom: 0; font-weight:100;}
}
@media (max-width:1400px){
.containerqp{ width: 90%; margin: 0 auto; height:70px; position: relative;}	
.nav>li{ font-size: 18px; margin:0;}
.topH{ height: 70px;}
.containerqp img{width:57px;}
.abutus-lr h2{ font-size: 30px; padding-top: 100px; padding-bottom: 50px; font-weight: 100; color: #333;}
.abutus-lr p{ font-size: 15px;}
.bts{ font-size: 30px; padding-top: 120px; padding-bottom: 100px; text-align: center;font-weight: 100; color: #333;}
.zsrlist .left{ width: 25%;}
.publication .col-sm-3 img{max-width:200px;}
.zsrlistul .left{max-width:120px;}
.zsrlistul li{font-size:13px;}
.publication .zi{ text-align: left; font-size:12px; line-height:30px;}
.publication .zi h4{ font-size: 14px; margin-bottom: 0; font-weight:100;}
}
@media (max-width:1200px){
	.zsrlist .left{ width: 24%;}
	.zsrlist .right{ width: 72%; font-size: 12px; line-height: 20px;}
	.zsrlist .right h4{ font-size: 16px;}
	.zsrlistul li{ float: left; width: 31.33%; margin-left: 3%; margin-bottom: 15px;}
	.zsrlistul li:nth-child(1),.zsrlistul li:nth-child(4){ margin-left: 0;}
	.zsrlistul li p{ text-align: center; font-size: 11px; line-height: 40px;}
	.mt120{ margin-top: 40px;}
	.honor{ line-height: 23px; font-size: 10px;}
	.moli{font-size:12px;}
	footer .tel{font-size:12px; color:#1d1d1d;}
	.honor li:nth-child(2),.honor li:nth-child(3){ padding-left: 30px;}
	.abutus-lr h2{ font-size: 28px; padding-top: 90px; padding-bottom: 46px; font-weight: 100; color: #333;}
	.abutus-lr p{ font-size: 14px;}
	.bts{ font-size: 28px; padding-top: 110px; padding-bottom: 90px; text-align: center;font-weight: 100; color: #333;}
	.publication .col-sm-3 img{margin-left:-10px; max-width:190px;}
	.zsrlistul .left{max-width:110px;}
	.zsrlistul li{font-size:12px;}
	.publication .zi{ text-align: left; font-size:11px; line-height:30px;}
.publication .zi h4{ font-size: 13px; margin-bottom: 0; font-weight:100;}
}
@media (max-width:1024px){
	.zsrlistul .left{max-width:100px; margin-left:12%}
	.zsrlistul li{font-size:12px;}
}
@media (max-width:850px){
	.honor li:nth-child(2),.honor li:nth-child(3){ padding-left: 0px;}
	.zsrlist .left{ width: 23%;}
	.zsrlist .right{ width: 73%; font-size: 10px; line-height: 20px;}
	.zsrlist .right h4{ font-size: 16px;}
	.zsrlistul li{ float: left; width: 31.33%; margin-left: 3%; margin-bottom: 15px;}
	.zsrlistul li:nth-child(1),.zsrlistul li:nth-child(4){ margin-left: 0;}
	.zsrlistul li{text-align: center;}
	.zsrlistul li p{  font-size: 11px; line-height: 40px;}
	.zsrlistul .left{max-width:80px; margin-left:3%}
	.mt120{ margin-top: 40px;}
	.honor{ line-height: 23px; font-size: 10px;}
	.modal-dialog {min-width: 200px; margin: 30px auto;}
	footer h3{ margin-top: 0; font-size:18px; color:#212121; padding:0 0 0 2%;}
	footer small{margin:0 0 0 -2%}
	footer .tel{font-size:12px; color:#1d1d1d; margin:60px 0 0 0;}
	.publication .col-sm-3 img{ width: 100%;}
	.publication .zi{ text-align: left; font-size:10px; line-height:30px;}
.publication .zi h4{ font-size: 12px; margin-bottom: 0; font-weight:100;}
footer img{ width: 70px;}
	}
@media (max-width:414px){
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	    margin-top: 3px;
	    background: #fff;
	    width: 100%;
	    overflow: hidden;
	}
	.topH{ height: 70px;}
	.navbar-nav{ margin-top: 20px;}
	.containerqp{ width: 100%; height:70px;}
	.navbar { position: fixed; min-height: 70px;}
	.logo{top: 14px;}
	.logo img{ width: 50%;}
	.case-list li{ float: none; width: 100%; margin-left: 0; margin-top: 5px;}
	.abutus-lr{ font-size: 14px;}
	.abutus-lr h2{ font-size: 22px; padding-top: 70px; padding-bottom: 40px;}
	.abutus-lr p{ text-align: left;}
	.zsrlist .left{ width: 100%; clear:both; margin:0 0 30px 0; padding-left: 40px;}
	.zsrlist .left img{width:34%;}
	.zsrlist .right{ width:100%; font-size: 12px; line-height: 20px; padding-left: 40px;}
	.zsrlist .right h4{ font-size: 16px;}
	.mt120{ margin-top: 60px;}
	.bts{ font-size: 22px; padding-top: 60px; padding-bottom: 40px; font-weight:100;}
	.col-sm-4{ padding-left: 40px; font-size: 12px;}
	.publication .col-sm-3{ text-align:left; margin-bottom: 25px;}
	.publication .col-sm-3 a{width:175px; margin-left:-2%;}
	.publication .rig{padding-left:6%;}
	.publication .col-sm-3 img{ width: 175px;}
	.publication .zi{ text-align:left; font-size:12px; line-height:30px; margin-left:-7%;}
	.publication .zi h4{ font-size: 12px; margin-bottom: 0; font-weight:100;}
	.zsrlistul{ margin-top: 50px;}
	.zsrlistul li{ float: left; width: 31.33%; margin-left: 3%; margin-bottom: 15px;}
	.zsrlistul li:nth-child(1),.zsrlistul li:nth-child(4){ margin-left: 0;}
	.zsrlistul li p{ text-align: center; font-size: 12px; line-height: 60px;}
	.zsrlistul .left{max-width:163px; margin-left:-2%}
	.swiper-container{ /*height: 160px;*/}
	footer{ text-align: center; padding: 50px 5%;}
	footer h3{font-size:16px;}
	footer h3 small{ display: block; padding-top: 15px; font-size:12px;}
	footer .x{ display: block; padding-left: 0; margin-top: 30px;}
	footer .x2{ display: block; padding-left: 0; margin: 50px 0;}
	footer .y{ display: none;}
	.bottom{ margin-top: 40px; font-size: 9px;}
	.swiper-pagination-bullet{ width: 30px;}
	.moli{ text-align:left; line-height:30px; padding:0 0 0 25%;}
	.container { padding-left: 20px; padding-right: 20px;}
	.w700{ width: 300px;}
	.h600{ height: 420px; overflow: auto;}
	.topT{ top: 6%;}
	.tc-bt h2{ font-size: 16px; color: #333; margin-top: 0;}
	.tc-lr img{width:85%;}
	.honor .col-sm-4{ padding-left: 40px; font-size: 12px;}
	.honor li:nth-child(2),.honor li:nth-child(3){ padding-left: 40px;}
	footer .row{font-size:14px;}
	.modaltop{ top: 4%;}
	#return-top{ right: 5px;}
	.honor{margin:0 0 0 2%;}
	.swiper-wrapper{ width: 100%; height: 390px;}
	.jiang{ padding-top: 10px;}
}
@media (max-width:380px){
.moli{ text-align: center;}
.honor{margin:0 0 0 -4%;}
.publication .zi{ text-align:left; font-size:8px; line-height:24px; }
.publication .zi h4{ font-size: 10px; margin-bottom: 0; font-weight:100;}
.publication .col-sm-3 a{width:145px;}
.publication .col-sm-3 img{ width: 145px;}
.zsrlist .right{ width:100%; font-size: 11px; line-height: 20px; padding-left: 30px;}
.zsrlist .left{ width: 100%; clear:both; margin:0 0 30px 0; padding-left: 30px;}
.honor .col-sm-4{ padding-left: 30px; font-size: 12px;}
.honor li:nth-child(2),.honor li:nth-child(3){ padding-left: 30px;}
.moli{ text-align:left; line-height:30px; padding:0 0 0 20%;}
}
@media (max-width:320px){
.zsrlistul li p{ text-align: center; font-size: 12px; line-height: 60px; letter-spacing:-1px;}
.publication .zi{ text-align:left; font-size:5px; line-height:30px; letter-spacing:-1px;}
.publication .zi h4{ font-size:6px; margin-bottom: 0; font-weight:100; letter-spacing:-1px;}
.zsrlist .left{ width: 100%; clear:both; margin:0 0 30px 0; padding-left:0px;}
.zsrlist .right{ width:100%; font-size: 10px; line-height: 20px; padding-left:0px;}
.honor .col-sm-4{ padding-left: 10px; font-size: 12px;  padding-right: 10px;}
.honor li:nth-child(2),.honor li:nth-child(3){ padding-left: 10px;}
.moli{ text-align:left; line-height:30px; padding:0 0 0 18%;}
}