@charset "utf-8";
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul { margin:0 auto; padding: 0;  font-family: 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; word-break: break-all; word-wrap: break-word; }
body, button, input, select, table, textarea { margin: 0; -webkit-appearance : none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, sam { display: block; }
body {  margin: 0 auto 0; font-family: "Microsoft YaHei";   color: #00132b; line-height: 1.5; font-size: 14px; -webkit-overflow-scrolling:touch; overflow-scrolling:touch;}
h1, h2, h3, h4, h5, h6 { font-size:12px; }
fieldset, img { border: 0 }
img { max-width: 100%; vertical-align: top; }
ol, ul { list-style: none }
address, em, i { font-style: normal }
a { text-decoration: none; color: #323232; }
a:hover{ color: #d00;}
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { padding: 0; box-sizing: border-box; }
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;}

.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; height:0; }
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
*:before,*:after {  -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} 
 
.font12 { font-size: 12px;}
.font13 { font-size: 13px;}
.font14 { font-size: 14px;}
.font15 {font-size: 15px;}
.font16 {font-size: 16px;}
.font18 {font-size: 18px;}
.font20 {font-size: 20px;}
.font22 {font-size: 22px;}
.font24 {font-size: 24px;}
.font26 {font-size: 26px;}
.font28 {font-size: 28px;}
.font30 {font-size: 30px;}

.mt5{margin-top: 5px; }
.mt10{margin-top: 10px; }
.mt15{margin-top: 15px; }
.mt20{margin-top: 20px; }
.mt25{margin-top: 25px; }
.mt30{margin-top: 30px; }
.ml5{ margin-left: 5px; }
.ml10{ margin-left: 10px; }
.ml15{ margin-left: 15px; }
.ml20{ margin-left: 20px; }
.mr5{  margin-right: 5px; }
.mr10{  margin-right: 10px; }
.mr15{  margin-right: 15px; }
.mr20{  margin-right: 20px; }
.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb20{ margin-bottom: 20px; } 

.f_bord{ font-weight: 700;}
.pt5{padding-top: 5px; }
.pt10{padding-top: 10px; }
.pt15{padding-top: 15px; }
.pt20{padding-top: 20px; }
.pt25{padding-top: 25px; }
.pl5{ padding-left: 5px; }
.pl10{ padding-left: 10px; }
.pl15{ padding-left: 15px; }
.pl20{ padding-left: 20px; }
.pl25{ padding-left: 25px; }
.pr5{  padding-right: 5px; }
.pr10{  padding-right: 10px; }
.pr15{  padding-right: 15px; }
.pr20{  padding-right: 20px; }
.pb5{ padding-bottom:5px; }
.pb10{ padding-bottom: 10px; }
.pb15{ padding-bottom: 15px; }
.pb20{ padding-bottom: 20px; } 

.ptb10{ padding: 10px 0;}
.ptb15{ padding:15px 0;}
.mtb10{ margin: 10px 0;}
.mtb15{ margin:15px 0;}
.p12{ padding: 12px;}

.wp1{ padding: 10px;}
.wp15{ padding: 15px;}
.wp2{ padding: 20px;}
.wm1{ margin: 10px;}
.wm15{ margin: 15px;}
.wm2{ margin: 20px;}
.t-c{ text-align: center;}
.t-r{ text-align: right;}
.t-l{ text-align: left;}
 

 
.fl{ float: left;}
.fr{ float: right;}
.opal95{filter:alpha(Opacity=95);-moz-opacity:0.95;opacity: 0.95;}
.opal8{filter:alpha(Opacity=8);-moz-opacity:0.8;opacity: 0.8;}

[class*="bj-lr-"] { padding: 0 1rem;  }
[class*="bj-tb-"] { margin: 1rem 0;  }
.w_100{ float: left; width: 100%;}
.wapper{-webkit-box-sizing: border-box; box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;  
  width: 100%;
  max-width: 1200px;
  padding: 0;
}
.wapper:before,.wapper:after {
  content: " ";
  display: table;
}
.wapper:after {
  clear: both;
}
.txt_over{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.img_cover{object-fit: cover; height:100%; width: 100%; }

.w-1 {  width: 8.33333333%;  }
.w-2 {  width: 16.66666667%;  }
.w-3 {  width: 25%;  }
.w-4 {  width: 33.33333333%;  }
.w-5 {  width: 41.66666667%;  }
.w-6 {  width: 50%;  }
.w-7 {  width: 58.33333333%;  }
.w-8 {  width: 66.66666667%;  }
.w-9 {  width: 75%;  }
.w-10 {  width: 83.33333333%;  }
.w-11 {  width: 91.66666667%;  }
.w-12 {  width: 100%;  }
.wli-1 > li {  width: 100%;  }
.wli-1 > li:nth-of-type(n) { clear: none;  }
.wli-1 > li:nth-of-type(1n + 1) { clear: both;  }
.wli-2 > li {  width: 50%;  }
.wli-2 > li:nth-of-type(n) { clear: none;  }
.wli-2 > li:nth-of-type(2n + 1) { clear: both;  }
.wli-3 > li {  width: 33.33333333%;  }
.wli-3 > li:nth-of-type(n) { clear: none;  }
.wli-3 > li:nth-of-type(3n + 1) { clear: both;  }
.wli-4 > li {  width: 25%;  }
.wli-4 > li:nth-of-type(n) { clear: none;  }
.wli-4 > li:nth-of-type(4n + 1) { clear: both;  }
.wli-5 > li {  width: 20%;  }
.wli-5 > li:nth-of-type(n) { clear: none;  }
.wli-5 > li:nth-of-type(5n + 1) { clear: both;  }
.wli-6 > li {  width: 16.66666667%;  }
.wli-6 > li:nth-of-type(n) { clear: none;  }
.wli-6 > li:nth-of-type(6n + 1) { clear: both;  }
.wli-7 > li {  width: 14.28571429%;  }
.wli-7 > li:nth-of-type(n) { clear: none;  }
.wli-7 > li:nth-of-type(7n + 1) { clear: both;  }
.wli-8 > li {  width: 12.5%;  }
.wli-8 > li:nth-of-type(n) { clear: none;  }
.wli-8 > li:nth-of-type(8n + 1) { clear: both;  }
.wli-9 > li {  width: 11.11111111%;  }
.wli-9 > li:nth-of-type(n) { clear: none;  }
.wli-9 > li:nth-of-type(9n + 1) { clear: both;  }
.wli-10 > li {  width: 10%;  }
.wli-10 > li:nth-of-type(n) { clear: none;  }
.wli-10 > li:nth-of-type(10n + 1) { clear: both;  }
.wli-11 > li {  width: 9.09090909%;  }
.wli-11 > li:nth-of-type(n) { clear: none;  }
.wli-11 > li:nth-of-type(11n + 1) { clear: both;  }
.wli-12 > li {  width: 8.33333333%;  }
.wli-12 > li:nth-of-type(n) { clear: none;  }
.wli-12 > li:nth-of-type(12n + 1) { clear: both;  }
 
[class*="wli-"] > li{ float: left;}

.transitionf{transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
/*新闻产品图片的比例值*/
.nwImg{   height: 0; padding-bottom: 68%;/**图片的比例值**/overflow: hidden;   width: 100%;  }

.cpImg{ height: 0; padding-bottom: 75%;/**图片的比例值**/ overflow: hidden; width: 100%;}

.nwImg img,.cpImg img{	width: 100%; height: auto; } 


.head_H{ height: 200px;}
.none{ display: none;}
@media (max-width: 1380px) {
.ph_none{ display: none;}   
.none{ display: block;}
.head_H{ height: 68px;}
}
 
.fixed-top {    position: fixed;    top: 0;    right: 0;    left: 0;    z-index: 1030;}

#wapper{ width: 1200px; margin: 0 auto;}
.mar_t15{ margin-top: 15px;}
.fl{ float: left;}
.fr{ float: right;}

header{  background: #fff; box-shadow: 0 2px 5px rgba(8,1,3,.2); transition: all 0.5s; height:105px; line-height:105px;  z-index: 997; padding:  15px 0 15px 0; }
.container{ width: 90% !important;    margin:0 auto;    max-width: 1920px;    min-width: 1200px;}
header img{ width: auto; height:60px; margin-top: 5px;}
header h1 { width:60%; float:right; height: 40px; line-height: 40px; text-align: right; margin-top:18px;  }
header h1 a{ font-size: 18px; display: table-cell; width: 1%; text-align: center;}
header h1 .selOn,header h1 a:hover{ background-color: #abd9f3; color: #fff;  }
header h1 .selOnIndex,header h1 .selOnIndex:hover{ background-color: #01a9e8; color: #fff;  }
/* 导航菜单 */
 

 
/* 幻灯显示 */
 
 
.banner{ width:100%;  position:relative;  min-height:72vh; float: left; }
.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.banner .bd ul{ width:100% !important;  }
.banner .bd li{ width:100% !important;  min-height:72vh; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden; text-align:center;  }
.banner .bd li a{ display:block; min-height:72vh; }
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.banner .hd ul{ text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; border-radius: 5px; margin:0 2px; overflow:hidden; background:#fff;filter:alpha(opacity=70);opacity:0.7;  line-height:999px; }
.banner .hd ul .on{ background:#1351A4; width: 32px;  } 

footer{ background-color: #424242; margin-top: 15px; float: left; width: 100%; padding: 25px 0 100px;color: #fff;}
.fLogo{  float: left; width: 28%;  padding-bottom: 15px; color: #fff; margin-bottom: 15px; text-align:center;}
.fLogo img{   padding: 2px; background-color: #fff; margin-top:50px;  border: 1px solid #fff; float: left; margin-right:15px;} 
footer .w-5{ padding-right: 80px;}
footer .w-5 ul li{ font-size: 15px; line-height:36px;}
footer .w-5 ul .font20 { font-size:24px; margin-left:-20px; margin-top:45px;}
footer .w-5 ul{ background:url(../png/f_icon.png) left  105px no-repeat; padding-left: 25px; float: left; width:72%; background-size: 18px;}

footer .wli-3 a{ color: #fff;}
footer .wli-3 li { padding-left: 30px; border-left: 1px solid #B4B4B4; padding-top: 10px; margin-top: 15px;}
footer .wli-3 li a{ display: block;	}
footer .wli-3 li h3{ margin-bottom: 15px; position: relative;}
footer .wli-3 li h3 span{  color: #666; font-weight: 700; position: absolute; left: -45px; background-color: rgba(0,0,0,.8); width: 30px; height: 30px; border-radius: 50%; text-align: center;}
footer .wli-3 li>a{ line-height: 32px; font-size: 16px;}

.bottom{ background-color: #00A9E7;  position: fixed; bottom: 0; left: 0; float: left; width: 100%; height:66px; line-height: 66px; text-align: right;}
.bottom h5{ width: 1200px; margin: 0 auto; }
.bottom h5 span{ float: left; padding-left:110px;font-size: 24px;color: #ffe400;}
 
.bottom h5 a{ font-size: 14px; color: #fff;}
/*浮动客服*/
.toolbar{position: fixed;top: 50%;right: 1%;margin-top: -163px;z-index: 100;width: 80px;}
.toolbar dd{position: relative;float: left;width: 80px;height: 80px;background: #e60212;margin-top: 2px;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;}
.toolbar dd:first-child{margin-top: 0;}
.toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(../toolbar.html) no-repeat center 0;}
.toolbar dd.qq i{background-position-y: 0;}
.toolbar dd.tel i{background-position-y: -30px;}
.toolbar dd.code i{background-position-y: -60px;}
.toolbar dd.top i{background-position-y: -90px;}
.toolbar dd span{display: block;color: #fff;}
.toolbar dd.tel .box{position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background: #e60212;opacity: 0;transition: all .5s;}
.toolbar dd.tel .box p{font-size: 14px;margin: 15px auto 7px;}
.toolbar dd.tel .box h3{font-size: 18px;font-weight: bold;}
.toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #e60212;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;}
.toolbar dd.code .box{position: absolute;top: 0;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background: #e60212;opacity: 0;transition: all .5s;}
.toolbar dd.code .box img{width: 140px;height: 140px;padding: 11px;}
.toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #e60212;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;}
.toolbar dd:hover{background: #333;}
.toolbar dd.tel:hover .box{opacity: 1;right: 80px;}
.toolbar dd.code:hover .box{opacity: 1;right: 80px;}


.npage{  text-align:center; color: #333;   padding:10px 0; margin:10px 0; float:left; width:100%; }
.npage a{ margin:0 5px; border:1px solid #00A9E7 ; padding:5px 8px;}
.npage a:hover,.npage .currents1{ background-color:#2b2b2b ; border:1px solid #2b2b2b ;color:#fff;}

 
/*微信弹窗*/
#wxnr {
	width: 100%;
	height: 100%;
	max-width: 640px;
	min-width: 320px;
	position: fixed;
	top: 0;
	z-index: 1000;
	display: none;
	background: rgba(0,0,0,.6);
}
#wxnr .nrdf {
	margin: auto;
	position: absolute;
	top: 30%;
	left: 0;
	right: 0;
	width: 70%; 
	padding:25px 15px;  
	text-align: center;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 2px 6px #777;
	-webkit-box-shadow: 0px 2px 6px #777;
	-moz-box-shadow: 0px 2px 6px #777;
	border-radius: 10px;
}
#wxnr img {
	width: 80%; 
	display: block;
	margin: 0 auto;
}
 
#wxnr i {
	position: absolute;
	top: -5px;
	right: -5px;
	width: 28px;
	height: 28px;
	font-size: 15px;
	line-height:28px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-style: normal;
	background: #333;
	border-radius: 1rem;
	cursor: pointer;
}
#wxnr span {
	display: inline-block;
	padding: 0 18px;
	line-height: 32px;
	background-color: #006cd8;
	color: #fff;
	border-radius:3px;
	cursor: pointer;
}
#wxnr span.wx {
	padding-left: 10px;
	background-image: url(../wx.html);
	background-size: 0.28rem;
	background-position: 0.1rem center;
	background-repeat: no-repeat;
}
/*复制提示*/
#weixin {
	position: fixed;
	top: 50%;
	margin-top: 10px;
	z-index: 9999999;
	font-size: 16px;
	color: #fff;
	width: 90%;
	right: 5%; 
	text-align: center;
	background: rgba(0, 0, 0, 0.8);
	border: 2px solid #333;
	border-radius: 10px;
	display: none;
}