/*CSS Reset */
*,*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html{font-size: 62.5%;-webkit-text-size-adjust: 100%;}
body{position: relative; font-size:1.4rem; line-height: 1.3; font-family:PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif; color: #333;}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
button, input, optgroup, select, textarea { color: inherit; font: inherit;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%; font-weight: normal;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button,input[type="submit"]{cursor:pointer;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{outline:0;}
body{background:#fff;}
a{color:#666; transition: all .3s;}
a:hover{color:#333;}
img{max-width: 100%; height:auto;vertical-align:middle;}

/*Conmon Style*/
.w1200{max-width: 1200px; margin: 0 auto;}
.f-w100{width: 100%; margin: 0 auto;}
.mb30{margin-bottom: 30px;}
.mt30{margin-top: 30px;}
.mb60{margin-bottom: 60px;}
.mt60{margin-top: 60px;}
.mt15{margin-top: 15px;}
.mb15{margin-bottom: 15px;}
.pb15{padding-bottom: 15px;}
.pt15{padding-top: 15px;}
.f-plr15{padding-left: 15px; padding-right: 15px;}
.f-pr{position:relative;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-oh{overflow:hidden;}
.f-dn{display:none;}
.f-db{display:block;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-cb:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-fs12{font-size: 1.2rem;}
.f-fs14{font-size: 1.4rem;}
.f-fs16{font-size: 1.6rem;}
.f-fs18{font-size: 1.8rem;}
.f-fs20{font-size: 2rem;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.f-ti2{text-indent:2em;}
.f-csp{cursor:pointer;}
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
	/* 单行文本截断 */
.f-text-truncate{	
	word-wrap: normal; /* for IE */  
    text-overflow: ellipsis;  
    white-space: nowrap;
    overflow: hidden;
}
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.img {vertical-align: middle; border: 0; max-width: 100%; height: auto;}
/*header*/
.head-top{background-color: #3b3e42; height: 40px; line-height: 40px;}
.header_top_tel strong{
  font-family:"iconfont" !important;
  font-size:24px;
  font-style:normal;
  font-style: italic;
  font-weight:normal;
  line-height:42px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.head-top .dec , .head-top .search{width: 50%;}
.head-top .dec span{color: #fc0200;}
.search a{background: #fa0105; padding: 0 10px;}
.search-o{position: absolute; top: 0; left: 0; width: 100%;}
.search-o button{background: transparent; border: none;width: 5%;}
input.search_text{height: 100%; border: none;width: 90%;background: #3b3e42;color: #fff; line-height: 24px;}

.logo{width: 280px; height: 80px; padding: 20px 0;}
.logo p{max-width: 255px; margin-top: 5px;}
.logo strong{font-size: 3rem;}
.logo span{font-size: 1.6rem;}
.logo span:before{content: "—"; display: inline-block; margin-right: 5px;}
.logo span:after{content: "—"; display: inline-block; margin-left: 5px;}
.head {height:100px;}
.head .tel{width: 220px; line-height: 25px; height: 60px; padding: 35px 0;}
.head .tel img{margin-right: 5px;}
.head .tel span{font-size: 1.6rem;}
.head .tel em{font-size: 2.6rem; color: #de302d;}
.menu{ margin-right:-45px;height:100px; width:680px;}
.menu li{float: left; margin-top:50px; height:20px;line-height:20px; width: 14.28%; font-size: 1.6rem; font-weight:500; padding:0; cursor: pointer; border-right:solid #333 1px;}
.menu li.last{ border-right:none;}
.menu li:hover >a{color: #3f92f7;}
.drop-menu{position: absolute; left: 0; top: 100px; z-index: 10; width: 100%; height: auto; background: rgba(22,30,47,.88); line-height: 1.5; opacity: 0; visibility: hidden; transition: all .3s linear;}
.drop-menu a{color: #fff;}
.drop-menu a:hover{ color: #3f92f7;}
.menu .drop-hover:hover .drop-menu{visibility: visible; opacity: 1;}
.drop-menu dl{width: 18.5%; position: relative; float: left; padding-left: 3%;}
.drop-menu dl:before{content: ""; height: 380px; width: 1px; background: #636874; left: 0; top: 0; position: absolute;}
.drop-menu dl:last-child:after{content: ""; height: 380px; width: 1px; background: #636874; right: 0; top: 0; position: absolute;}
.drop-menu .hot{width: 24%;}
.drop-menu dt{font-size: 1.6rem;}
.drop-menu dd{font-size: 1.4rem; margin-bottom: 20px; font-weight: 300; }
.drop-menu dd a , .drop-menu dt a{color: #fff;}
.drop-menu .hot a:before{content: "";background: url(../img/hot.svg) no-repeat center center; display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-right: 5px;}

/*Footer*/
.footer.bgc{background: #333333; padding-top: 50px; color: #F7F7F7;}
.footer a{color: #F7F7F7;}
.footer .footer-nav{width: 65%; border-right: 1px solid #FFFDEF;}
.footer .footer-us{width: 30%;}
.footer .footer-nav dl{float: left; width: 20%;}
.footer .footer-nav dt a{font-size: 1.8rem;}
.footer .footer-nav dd{margin-top: 10px;}
.footer .footer-nav dd a{font-size: 1.4rem; line-height: 24px; height: 24px;}
.footer .footer-nav dd a:hover{text-decoration: underline;}
.footer .footer-search{margin-top: 40px;}
.footer .footer-search input{border: 1px solid #666; background: rgba(0,0,0,0); height: 40px; line-height: 30px; color: #666; padding: 5px;}
.footer .footer-search input[type=text]{width: 65%; }
.footer .footer-search input[type=submit]{width: 15%; margin-left: -1px;}
.footer .footer-search input[type=submit]:hover{color: #999;}

.footer .footer-us .tel p{font-size: 1.5rem; display: inline-block; line-height: 18px; height: 18px; border-left: 3px solid #F7F7F7; padding-left: 8px;}
.footer .footer-us .tel span{font-size: 1.8rem; display:block; margin-top: 10px;}
.footer .footer-ads{margin-top: 15px;}
.footer .footer-ads p{line-height: 24px;}
.footer .footer-qr{margin-top: 15px;}
.footer .footer-qr > p{margin-bottom: 10px;}
.footer .footer-qr .l{margin-right: 25px;}
.footer .footer-qr .r p{font-size: 1.5rem; margin-bottom: 15px;}

.footer .footer-b{line-height: 24px; padding: 15px 0; margin-top: 30px; font-size: 1.2rem; color: #999999;}
.footer .footer-b.bgc{background: #282828;}
.footer .footer-b a{color: #999999; display: inline-block; margin-right: 5px; float: left;}
.footer .footer-b a:after{content: "|"; display: inline-block; margin-left: 5px;}
.footer .footer-b a:last-child:after{display: none;}
/*Footer END*/

/*面包屑导航*/
.crm{padding-left:21px; line-height:56px; font-size: 1.2rem;height:56px; background:url(../img/location.jpg) left center no-repeat;}
/*面包屑导航 END*/

/*menu search begin*/
#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top:0px;
  left: 0;
  width:80%;
  max-height: 0;
  overflow: hidden;
  background-color: #e1e4e7;
  z-index: 100;
}
#search-form.open {
  max-height: 60px;
}
#search-form fieldset {
  position: relative;
  margin: 0 60px 0 0;
  padding: 0;
  border: none;
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 60px;
}
#search-form input[type="search"] {
  width: 100%;
  padding: 0 5px 0 22px;
  background: transparent;
  border: none;
}
#search-form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #516270;
  background: #c6cacd;
  border: none;
  cursor: pointer;
}
/* btn */
.hamburger{font:inherit;display:none;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger:hover{opacity:.7}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}
.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}
/*menu search end*/

/*product nav begin*/
.p-nav{background: #FAFAFA;}
.p-nav dl{ width:100%; background:#F8F8F8; border-bottom:dashed #CCCCCC 1px; height:60px; line-height:60px; clear:both;}
.p-nav dl.last{ border-bottom:none;clear:both; }
.p-nav dl dt{ float:left; font-size:1.6rem; font-weight:bolder;padding:0 30px;}
.p-nav dl dd{ float:left; width:10%; text-align:center;}
.p-nav dl dd a{}
.p-nav dl dd a:focus{background:#C00; color:#FFF; display:block;}
/*product nav end*/

/*product list begin*/
.p-list{ margin:-40px auto 40px auto;}
.p-list dl{ float:left; width:30%; height:auto; margin:20px;}
.p-list dl dd{ float:left; width:100%;}
.p-list dl dt{ float:left; width:100%;text-align:center; height:36px; line-height:36px;}
/*product list end*/

/*product news begin*/
.p-news{margin:20px auto; clear:both;}
.p-news-bt{ width:100%; height:60px; line-height:60px; text-align:center; font-size:3.6rem; font-weight:500; background:url(../img/bt_bg.gif) center bottom no-repeat;}
.p-news-bg{ margin:5px auto; background: #EFEFEF; height:660px; padding:26px 0;}
.p-news dl{ float:left;width:47%; margin:18px; background:#fff;}
.p-news dl dd.pic{float:left;width:40%;height:146px; overflow:hidden;}
.p-news dl dt{float:left;width:58%; margin-left:11px; padding:10px 6px; font-size:1.6rem; font-weight:bold; }
.p-news dl dt a{color:#333;}
.p-news dl dd.info{float:left;width:58%;margin-left:11px; padding:4px 6px; font-size:1.4rem; color:#999;}
/*product news end*/

/*product pinpai begin*/
.p-pp{margin:20px auto; padding:80px 0; clear:both;width:100%;height:440px; background: url(../img/pp_bg.jpg) left center no-repeat;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;}
.p-pp-bt{width:100%; text-align:center; font-size:3.8rem; color:#FFF; z-index:999;}
.p-pp-info{ margin:16px auto;width:100%; text-align:center; font-size:1.5rem; color:#FFF; height:40px; line-height:40px; z-index:999;}
.p-pp-case dl{ float:left; width:25%; margin-top:60px;}
.p-pp-case dl dd.icon{ float: left; margin-left:120px; }
.p-pp-case dl dt a{float:left; width:100%;height:34px; line-height:34px; text-align:center;color:#fff;}
.p-pp-case dl dt a:hover{float:left; width:100%;height:34px; line-height:34px; text-align:center;color:#fff;}
/*product pinpai end*/


/*contact bar begin*/
.m-online-bt{ margin:65px auto 40px auto; background:url(../img/cbg.gif) left bottom no-repeat; font-size:2.4rem; height:42px; line-height:42px;}
.m-online{border: 1px solid #dcdcdc; padding: 25px 0; margin-bottom: 50px; clear:both;}
.m-online li{display: inline-block; float: left; width: 25%; text-align: center; border-right: 1px solid #dcdcdc;}
.m-online li:last-child{border-right: none;}
.m-online li a{font-size: 1.6rem; line-height: 40px; height: 40px; display: inline-block;}
.m-online li a i{font-size: 3rem; vertical-align: top;}
/*contact bar end*/

/*Product index选项卡  Begin*/
.nTab{width:100%;margin:0 auto;overflow:hidden}
.none {display:none;}
.nTab .TabTitle li{float:left;cursor:pointer;height:auto;line-height:30px;font-weight:500;text-align:center;width:25%; display:block; border-right:solid #EAEAEA 1px;}
.nTab .TabTitle li a{text-decoration:none;}
.nTab .TabTitle .active{background:#8fc320;color:#fff; border-bottom:solid #090 2px;}
.nTab .TabTitle .normal{background:#F5F5F5;color:#fff}
.nTab .TabContent{clear:both; max-height:434px;overflow:hidden; background:#fff; display:block}

.nTab .TabContent dl dd.pic{float:left;margin:6px 2px 0 auto;width:50%; height:100%;}
.nTab .TabContent dl dd{float:left; margin:6px 0 3px 6px; padding:22px;width:24.4%; height:205px;background:#f5f5f5; line-height:24px;}
.nTab .TabContent dl dd strong{ background:url(../img/dmb.gif) left center no-repeat; padding-left:28px;}

.nTab .TabTitle dl dd{ width:100%;}
.nTab .TabTitle dl dt{ width:100%; text-align:center; font-size:1.6rem; height:36px; line-height:28px;}

.nTab .TabTitle1 li{float:left;cursor:pointer;padding:40px 0;height:12px;line-height:12px;text-align:center;width:16.66666667%;background:#f5f5f5; border-right: solid #FFF 1px;border-bottom:solid #f5f5f5 2px;}
.nTab .TabTitle1 li a{text-decoration:none;}
.nTab .TabTitle1 .active{ border-bottom:solid #F00 2px;}
.nTab .TabTitle1 .normal{background:#f5f5f5;color:#666;}

.p-hot{ margin-top:20px;width:100%;height:156px; clear:both;}
.p-hot h1{background: url(../img/hotbg.png) center bottom no-repeat; font-size:3.4rem; height:80px; line-height:80px; text-align:center; color:#666;}
.p-hot ul{ margin:10px auto;width:160px;}
.p-hot ul li{ float:left; width:80px;}
.p-hot ul li.red {color:#C00;width:70px;margin-left:10px;}
.p-hot ul li.red a{color:#C00;}
.p-hot ul li.red a:hover{color:#F00;}
/*Product index选项卡  END*/

.p-all dl{ float:left; margin:16px 11px;width:48%;background:#f5f5f5;}
.p-all dl dt{float:left;padding:30px 0 10px 30px; width:41%;background:#f5f5f5; font-size:2.0rem; font-weight:500;}
.p-all dl dd.pic{ float:left; width:58.5%;background:#fafafa;}
.p-all dl dd.info{float:left;width:41%; max-height:210px;padding:0 30px;font-size:1.5rem; line-height:1.8rem; text-align:justify; color:#999; overflow:hidden; }
.p-all dl dd.more{float:left; margin:22px 0 0 30px;width:81px; height:26px; border:solid #CCC 1px;border-radius:5px; text-align:center; line-height:26px; }
.p-all dl dd.chat a{float:left;margin:22px 0 0 20px;width:81px; height:26px; border:solid #F00 1px; border-radius:5px; text-align:center; line-height:26px; color:#FFF;background:#C00;}
.p-all dl dd.chat a:hover{color:#fff;background:#f00;}

.p-other{ width:100%;border:solid #F00 1px;}
.img_div {position:relative; float:left;margin:15px 0 15px 9px;width:19%; height:auto;}
.mask {position: absolute; top: 0; left: 0;  width:100%; height:100%; background: rgba(101, 101, 101, 0.6); color: #ffffff;  opacity: 0;}
.mask h3 { margin-top:120px;text-align: center; font-size:3.0rem;}
.img_div a:hover .mask {opacity:1;}
.p-wrap-clear{ width:100%; height:30px; clear:both;}

.g-auto{margin-left: auto; margin-right: auto;}
.g-p-h5{padding-left: 5px; padding-right: 5px;}
.g-p-h15{padding-left: 15px; padding-right: 15px;}
.g-p-v15{padding-bottom: 15px; padding-top: 15px;}
.g-p-v30{padding-bottom: 30px; padding-top: 30px;}
.g-mt10{margin-top: 10px;}.g-mb10{margin-bottom: 10px;}
.g-mt15{margin-top: 15px;}.g-mb15{margin-bottom: 15px;}
.g-mt30{margin-top: 30px;}.g-mb30{margin-bottom: 30px;}
.g-mt60{margin-top: 60px;}.g-mb60{margin-bottom: 60px;}
.g-pt10{padding-top: 10px;}.g-pb10{padding-bottom: 10px;}
.g-pt15{padding-top: 15px;}.g-pb15{padding-bottom: 15px;}
.g-pt30{padding-top: 30px;}.g-pb30{padding-bottom: 30px;}
.g-pt60{padding-top: 60px;}.g-pb60{padding-bottom: 60px;}
.g-mw1200{max-width: 1200px; margin-left: auto; margin-right: auto;}
.g-mw1400{max-width: 1400px; margin-left: auto; margin-right: auto;}
.g-full{max-width: 100%; margin-left: auto; margin-right: auto; }
.g-mt90{margin-top: 90px;}

/*products*/
.box-pro .pro-title{width: 55%; padding: 10px 30px 30px 0; margin-bottom: 30px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(241,251,253,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(241,251,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(241,251,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1fbfd',GradientType=1 ); /* IE6-9 */
}
.box-pro .pro-img{width: 40%; }
.box-pro .pro-title h2{font-size: 3rem; margin-bottom: 20px;}
.box-pro .pro-title p{line-height: 24px; margin-top: 8px;}
.box-pro .pro-title .online {margin-top: 25px; position: relative;}
.box-pro .pro-title .online > a{font-size: 1.6rem; line-height: 30px; padding: 8px 0; display: block; text-align: center;}
.box-pro .pro-title .online > a:hover{opacity: .9;}
.box-pro .pro-title .online > a i{font-size: 2.4rem; vertical-align: middle;}
.box-pro .pro-title .online a.chat{background: #ff3f3c; color: #fff; margin-right: 10px; width: 150px;}
.box-pro .pro-title .online a.tel{background: #424355; color: #fff; width: 190px;}
.box-pro .pro-title .download {position: absolute; bottom: 0; right: 0;}
.box-pro .pro-title .download a i{font-size: 2.6rem; }

.article-pro .subMenu { width:100%;height: 50px;z-index: 1000; background: #fff;}
.article-pro .subMenu.fxd{background: rgba(0,0,0,.3);}
.article-pro .subMenu .inner { margin-left: -0.1%; padding: 0;}
.article-pro .subNavBtn {display: block;height: 50px; line-height: 30px; float: left; text-decoration: none;font-size: 14px;width: 16.566666666667%; margin-left: 0.1%; text-align: center;color: #444; background: #EFEFEF; padding: 10px 0;}
.article-pro .subMenu a:hover {background: #FF3F3C; color: #fff;}

.subMenu2 { width:100%;height:50px;z-index: 1000;}
.fixnav{position: fixed;top: 0px;left: 0px;background:url(../img/sildmenu_bg.jpg) center center no-repeat;}
.subMenu2 .inner { margin-left: -0.1%; padding: 0;}
.subMenu2 a:hover {background: #FF3F3C; color: #fff;}

.article-pro .content .active {background: #FF3F3C; color: #fff;}
.article-pro .section {width: 100%;/*max-width: 1600px;min-width: 960px;*/z-index: 10;position: relative;margin: 0 auto;padding: 0 0 20px 0;height:auto;}
.inner {margin:0 auto;position: relative;/*min-height: 50px;*/padding:30px 0; height:auto;}
.article-pro .section h3{color: #008cdb; font-size: 2.2rem; border-bottom: 1px solid #e7e7e7; padding-bottom: 8px; margin-bottom: 25px;}
.article-pro .s2-bg{background: #f6f6f6;}
.article-pro .section article p , .article-pro .section article div , .article-pro .section article img{margin-bottom: 15px; line-height: 24px; font-size: 1.4rem;}
.article-pro .section article img{display: block; margin: 0 auto; border: solid 1px #EBEBEB;}
.article-pro .section article {line-height: 1.5;}
.article-pro .s4 ul{margin-left: -2%; text-align: center; }
.article-pro .s4 li{width: 23%; margin-left: 2%; float: left;}
.article-pro .s4 figcaption , .article-pro .s5 figcaption{font-size: 1.4rem; margin-top: 15px;}
.article-pro .s5 ul{margin-left: -2%;}
.article-pro .s5 li{width: 23%; margin-left: 2%; float: left;}
.article-pro .s5 li img{border: solid 1px #EBEBEB;}

.m-order{margin-top: 30px; margin-bottom: 50px;}
.m-order h3{color: #4495d4; font-size: 2rem; border-bottom: 1px solid #e7e7e9; padding-bottom: 15px;}
.m-order p{margin: 15px 0; padding: 0 30px; color: #666;}
.m-order .submit{margin-left: -5%;}
.m-order input[type=text]{width: 45%; margin-left: 5%; float: left; height: 35px; line-height: 35px; border: 1px solid #e5e5e5; padding: 5px; margin-bottom: 15px;}
.m-order input[type=code]{width: 45%; margin-top:15px; float: left; height: 35px; line-height: 35px; border: 1px solid #e5e5e5; padding: 5px;}
.m-order textarea{width: 100%; border: 1px solid #e5e5e5; padding: 5px;}
.m-order .btn{width: 190px; margin: 30px auto 0;} 
.m-order .btn input{text-align: center; font-size: 1.6rem; color: #fff; width: 90px; height: 35px; line-height: 35px; border: none; float: left;}
.m-order .btn input[type=submit]{background: #ff3f3c; margin-right: 10px;}
.m-order .btn input[type=reset]{background: #999999;}

.wrap-valve4{ height:260px;}
.wrap-valve4 ul{margin-left: -2.3333%;}
.wrap-valve4 li{float: left; margin-left: 2.3333%; width: 31%; text-align:center; line-height:40px;}
.has-mask{position: relative; display: block;}
figure:hover .has-mask:after {content: '';display: block; background: rgba(0,0,0,0.2);width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

.wrap-valve5{ height:260px;}
.wrap-valve5 img{border: 1px solid #dbdbdb;}
.wrap-valve5 ul{margin-left: -1%;}
.wrap-valve5 li{float: left; width: 24%; margin-left: 1%; text-align:center; line-height:40px;}
/*contact*/
.f-fwn{font-weight:normal;}
.f-tac{text-align:center;}
.s-white{color: #fff;}
.f-fwn{font-weight:normal;}
.f-fs3{font-size:16px;}
.f-cb:after,.f-cbli li:after,.g-full:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.contact h2{font-size: 4rem;}
.map{height: 500px;}
.map .bgc{background-color: #3f92f7; width:70%; height: 500px; position: absolute; left: 0; top: 0; z-index: -1;}
.map .text{font-size: 1.8rem; margin-top: 10%;}
.map p{margin-top: 10px;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}


.contact-form{padding-bottom: 90px;}
.contact-form .w50{width: 50%; float: left;}
.contact-form label{width: 100px; display: inline-block; }
.contact-form input[type='text']{padding: 7px; line-height: 26px; background: #fff; border: 1px solid #dcdcdc; font-size: 1.6rem; vertical-align: middle; width: 80%;}
.contact-form textarea{font-size: 1.6rem; padding: 15px; vertical-align: top; border: 1px solid #dcdcdc; width: 90%; height: 170px; }
.contact-form .btn input{color: #fff;border: none; border-radius: 30px;line-height: 45px; font-size: 1.8rem;}
.contact-form input[type='submit']{background: #f24b4b;   width: 70%; margin-left: 9%; }
.contact-form input[type='reset']{width: 20%; margin-left: 1%; background: #828282;}

.fixedMenu{position: fixed; right: 2px; top: 29%; z-index: 99;}
.fixedMenu li{width: 76px; height: 84px; background: #3f92f7; position: relative; padding: 8px; }
.fixedMenu li:after{content: "";position: absolute; display: inline-block; width: 90%; left: 5%; bottom: 0; height: 1px; background: #fff;}
.fixedMenu li:first-child{border-radius: 10px 10px 0 0;}
.fixedMenu li:last-child{border-radius: 0 0 10px 10px;}
.fixedMenu li:last-child:after{display: none;}
.fixedMenu a{color: #fff;}
.fixedMenu img{display: block; margin: 0 auto 3px;}
.fixedMenu .fiexed_qr{position: absolute; top: 0; left: -100px; z-index: 99; width: 100px; height: 100px; max-width: none; visibility: hidden; opacity: 0;}
.fixedMenu .qr_hover:hover .fiexed_qr{display: block; opacity: 1; visibility: visible;}


/*about*/
.about h2{font-size: 4.8rem;}
.about1 h2{color: #3f92f7;}
.about1-1 .text{background: url(../img/about1_1bg.jpg) repeat left top; width: 67%; padding: 4.4% 3%; line-height: 2;}
.about1-1 .img{width: 33%;}
.about1-2{margin-top: 45px;}
.about1-2 .text{position: absolute; right: 0; top: 0; background: url(../img/about1_1bg.jpg) repeat left top; width: 46%; height: 100%; padding-left: 5%;}
.about-test{margin-top: 110px; padding-top: 110px; padding-bottom: 150px; background: url(../img/about_testbg.jpg) no-repeat left top;}
.about-test h2+p{max-width: 680px; margin-left: auto; margin-right: auto;}
.about-test ul{margin-left: -3%;}
.about-test li{margin-left: 3%; width: 30.3333%;}
.about-test li img{border: 7px solid #fff;}
.about-test li:after{content: ""; height: 100%; width: 1px; background: #717171; position: absolute; right: -5%; top: 0;}
.about-test li:last-child:after{display: none;}
.about-info{background: url(../img/about_infobg.jpg) no-repeat left top; padding: 120px 0;}
.about-info p.a , .about-info p.b{font-size: 2.4rem;}
.about-info span{color: #3f92f7; font-size: 6rem; text-shadow: 2px 0 1px #000000;}
.about-word {background: url(../img/about_wordbg.jpg) no-repeat left top;padding: 100px 0;}

.about-word .thumb , .about-word .text{width: 49%;}
.about-word .thumb ul{margin-left: -2%;}
.about-word .thumb li{margin-left: 2%; width: 48%;}
.about-word .thumb li:nth-child(n+3){margin-top: 20px;}
.about-word .text{padding-top: 4%; }
.about-word .text b{font-size: 1.8rem; font-weight: 600;}
.about-ce{background: url(../img/about_cebg.jpg) no-repeat  center top; padding: 115px 0;}
.about-partner{padding-top: 100px;}
.about-partner ul{margin: 50px 0 150px; margin-left: -2%;}
.about-partner li{margin-left: 2%; width: 18%;}
.about-partner li img{border: 1px solid #f5f5f5;}

/*service*/
.service-row1{background: url(../img/service_bg.jpg) no-repeat center center;  height: 500px;}
.service-row1 .l , .service-row1 .r{width: 50%; padding: 5%;}
.service-row1 em{font-size: 4rem; font-weight: normal;}
.service-row1 .dec{font-size: 3rem;}
.service-row1 .dec:before{content: ""; position: absolute; right: 50%; top: 49%; width: 200px; height: 1px; background: #fff; display: inline-block;}
.service-row1 .text{margin-top: 45px;}
.service-row1 .r{padding-top: 15%;}
.service-row2 h1{font-size: 4rem;}
.service-row2 h1+p{margin: 45px auto 0; max-width: 680px; }
.service-row2 ul{margin-left: -2.3333%; margin-top: 45px;}
.service-row2 li{width: 31%; margin-left: 2.3333%; background: #d5d5d5; height: 249px; padding: 4% 3%;}
.service-row2 li:after{position: absolute; bottom: 0; right:5%; color: #adadad; font-size: 8rem; line-height: 1.2;}
.service-row2 li:hover{background: #de302d; color: #fff;}
.service-row2 li:hover:after{color: #fff;}
.service-row2 li:nth-child(1):after{content: '1'; }
.service-row2 li:nth-child(2):after{content: '2'; }
.service-row2 li:nth-child(3):after{content: '3'; }
.service-row2 li:nth-child(4):after{content: '4'; }
.service-row2 li:nth-child(5):after{content: '5'; }
.service-row2 li:nth-child(6):after{content: '6'; }
.service-row3{background: url(../img/service_form_bg.jpg) no-repeat left top;}
.service-row3 em{font-size: 4rem;}
.service-row3 .w50{width: 50%; float: left;}
.service-row3 .w100{margin-top: 25px;}
.service-row3 label{width: 80px; display: inline-block;}
.service-row3 input[type='text']{padding: 7px; line-height: 26px; background: #fff; border: none; font-size: 1.6rem; vertical-align: middle; width: 80%;}
.service-row3 textarea{font-size: 1.6rem; padding: 15px; vertical-align: top; border: none; width: 90%; height: 170px;}
.service-row3 input[type='submit']{background: #f24b4b; color: #fff; border: none; border-radius: 30px; width: 90%; margin-left: 7%; line-height: 45px; font-size: 1.8rem; margin-top: 25px;}
.service-row4 strong{font-size: 2.4rem; margin-bottom: 25px;}
.service-row4 section{border-left: 13px solid #bababa; margin-top: 1px; padding: 3% 0 3.5% 3%;}
.service-row4 section:hover{border-left-color: #de302d;}
.service-row4 .list-case {width: 55%;}, .service-row4 .thumb{width: 43%;}
.tab-content div{display: none;}
.tab-content .tab-content-bar{display: block;}


/*index_case*/
.i-case .tt .l{color: #3f92f7;  width: 400px; height: 400px; border: 1px solid #3f92f7; background: #fff; margin-top: 120px; margin-bottom: 160px; padding-top: 30px;}
.i-case .tt .l:after{content: ""; width: 0; height: 0; border-right:210px  solid #2570cb; border-top:320px solid transparent; border-bottom: 320px solid transparent; position: absolute; right: -80px; top: -120px; z-index: -1;}
.i-case .tt .l em{font-size: 3.6rem; margin-bottom: 15px;}
.i-case .tt .l p{font-size: 1.8rem; margin-top: 15px;}
.i-case .tt .r{background: #3F92F7; color: #fff; width: 691px; height: 640px; padding-right: 30px;}
.i-case .tt .r dt{font-size: 3.6rem; margin-bottom: 25px; margin-top: 60px;}
.i-case .tt .r dd{font-size: 1.8rem; margin-top: 15px;}
.i-case-list figcaption{margin-top: 20px; font-size: 1.8rem;}
.i-case-list .more{margin-top: 20px; border: 1px solid #747474; padding: 15px 0; width: 100%;}
.i-case-list ul , .i-case-work ul{margin-left: -2.3333%;}
.i-case-list li , .i-case-work li{margin-left: 2.3333%; width: 31%; margin-top: 45px;}
.i-case-work strong{font-size: 2.4rem;}

.article-hot-valves .tt strong{font-size: 2.4rem;}
.article-hot-valves figure img{border: 1px solid #dbdbdb;}
.article-hot-valves figcaption{margin-top: 20px;}
.article-hot-valves ul{margin-left: -2%;}
.article-hot-valves li{width: 23%; margin-left: 2%;}

/*index-news*/
.index-news .row2{background: #f9f7fa;}
.index-news h1 , .index-news h2{font-size: 3rem; border-bottom: 1px solid #bbbbbb;}
.index-news h3{font-size: 1.8rem; font-weight: normal; }
.index-news time{color: #787878;}

.index-news .row1 .l , .index-news .row1 .r{width: 49%;}
.index-news .row1 .l h3{margin-top: 20px;}
.index-news .row1 .l p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.index-news .thumb{width: 20%;}
.index-news .list-item{width: 78%;}
.index-news .row1 .r li{margin-bottom: 35px;}
.index-news .row1 .r li:last-child{margin-bottom: 0;}
.index-news .row2 ul{margin-left: -2.3333%;}
.index-news .row2 li{width: 31%; margin-left: 2.3333%; margin-top:42px; border-left: 12px solid #3f92f7; padding-left: 10px;}

.index-news .row3 h1+div{margin-left: -2%;}
.index-news .row3 figure{width: 31.3333%; margin-left: 2%;}
.index-news .row3 figcaption{margin-top: 20px;}
.index-news .more{padding: 13px 55px; display: inline-block; border: 1px solid #747474;}

/*list-news*/
.list-news .news-nav ul{padding: 0 10%; text-align: center;}
.list-news .news-nav li{width: 23%; margin: 0 1%; float: left;}
.list-news .news-nav li a{line-height: 24px; font-size: 1.6rem; padding: 12px 0; border: 1px solid #dcdcdc; display: inline-block; width: 100%;}
.list-news .news-nav li a:hover , .list-news .news-nav li.active a{background: #ff3f3c; color: #fff; border-color: #ff3f3c;}
.list-news .special{margin-top: 50px;}
.list-news .special .f-fl{width: 35%; height: 235px;}
.list-news .special .f-fr{width: 63%; color: #777; position: relative; height: 235px;}
.list-news .special .f-fr h3 a{font-size: 2.4rem;}
.list-news .special .f-fr span{display: block; margin-top: 15px;}
.list-news .special .f-fr p{margin-top: 15px; line-height: 24px;}
.list-news .special .f-fr a.more{display: inline-block; border: 1px solid #e0e0e0; line-height: 24px; padding: 5px 15px; position: absolute; left: 0; bottom: 0;}
.list-news ul.list-item{margin-top: 50px;}
.list-news ul.list-item li{border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; padding: 25px 15px; color: #777; margin-bottom: -1px;}
.list-news ul.list-item li h3 a{font-size: 2rem; font-weight: normal;}
.list-news ul.list-item li span , .list-news ul.list-item li p{margin-top: 15px;}
.list-news .list-page {width:580px; margin: 30px auto 0;}
.list-news .list-page li{display: inline-block; float: left;}
.list-news .list-page li a{padding: 5px;}
.list-news .list-page li a:hover , .list-news .list-page li a.active{color: #ff3f3e;}

/*artcile-news*/
.article-news .top h2{font-size: 2.4rem; font-weight: normal;}
.article-news .top p{color: #555; margin-top: 15px;}
.article-news .top span:first-child{margin-right: 10px;}
.article-news article{border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 25px 0; margin-top: 30px;}

.article-news article p{margin-bottom: 15px; text-indent: 2em; line-height: 24px;}
.article-news article img{display: block; margin: 0 auto; margin-bottom: 15px;}
.article-news .page{padding: 25px 15px;}

/* 表格优化 */
table {
  max-width: 100%;
  background-color: transparent;
  empty-cells: show;
}
table code {
  white-space: normal;
}
th {
  text-align: left;
}
.am-table {
  width: 100%;
  margin-bottom: 1.6rem;
  border-spacing: 0;
  border-collapse: separate;
}
.am-table > thead > tr > th,
.am-table > tbody > tr > th,
.am-table > tfoot > tr > th,
.am-table > thead > tr > td,
.am-table > tbody > tr > td,
.am-table > tfoot > tr > td {
  padding: 0.7rem;
  line-height: 1.6;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.am-table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 1px solid #ddd;
}
.am-table > caption + thead > tr:first-child > th,
.am-table > colgroup + thead > tr:first-child > th,
.am-table > thead:first-child > tr:first-child > th,
.am-table > caption + thead > tr:first-child > td,
.am-table > colgroup + thead > tr:first-child > td,
.am-table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.am-table > tbody + tbody tr:first-child td {
  border-top: 2px solid #ddd;
}
/* Bordered version */
.am-table-bordered {
  border: 1px solid #ddd;
  border-left: none;
}
.am-table-bordered > thead > tr > th,
.am-table-bordered > tbody > tr > th,
.am-table-bordered > tfoot > tr > th,
.am-table-bordered > thead > tr > td,
.am-table-bordered > tbody > tr > td,
.am-table-bordered > tfoot > tr > td {
  border-left: 1px solid #ddd;
  /*&:first-child {
          border-left: none;
        }*/
}
.am-table-bordered > tbody > tr:first-child > th,
.am-table-bordered > tbody > tr:first-child > td {
  border-top: none;
}
.am-table-bordered > thead + tbody > tr:first-child > th,
.am-table-bordered > thead + tbody > tr:first-child > td {
  border-top: 1px solid #ddd;
}
/* Border-radius version */
.am-table-radius {
  border: 1px solid #ddd;
  border-radius: 2px;
}
.am-table-radius > thead > tr:first-child > th:first-child,
.am-table-radius > thead > tr:first-child > td:first-child {
  border-top-left-radius: 2px;
  border-left: none;
}
.am-table-radius > thead > tr:first-child > th:last-child,
.am-table-radius > thead > tr:first-child > td:last-child {
  border-top-right-radius: 2px;
  border-right: none;
}
.am-table-radius > tbody > tr > th:first-child,
.am-table-radius > tbody > tr > td:first-child {
  border-left: none;
}
.am-table-radius > tbody > tr > th:last-child,
.am-table-radius > tbody > tr > td:last-child {
  border-right: none;
}
.am-table-radius > tbody > tr:last-child > th,
.am-table-radius > tbody > tr:last-child > td {
  border-bottom: none;
}
.am-table-radius > tbody > tr:last-child > th:first-child,
.am-table-radius > tbody > tr:last-child > td:first-child {
  border-bottom-left-radius: 2px;
}
.am-table-radius > tbody > tr:last-child > th:last-child,
.am-table-radius > tbody > tr:last-child > td:last-child {
  border-bottom-right-radius: 2px;
}
/* Zebra-striping */
.am-table-striped > tbody > tr:nth-child(odd) > td,
.am-table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
/* Hover effect */
.am-table-hover > tbody > tr:hover > td,
.am-table-hover > tbody > tr:hover > th {
  background-color: #e9e9e9;
}
.am-table-compact > thead > tr > th,
.am-table-compact > tbody > tr > th,
.am-table-compact > tfoot > tr > th,
.am-table-compact > thead > tr > td,
.am-table-compact > tbody > tr > td,
.am-table-compact > tfoot > tr > td {
  padding: 0.4rem;
}
.am-table-centered > thead > tr > th,
.am-table-centered > tbody > tr > th,
.am-table-centered > tfoot > tr > th,
.am-table-centered > thead > tr > td,
.am-table-centered > tbody > tr > td,
.am-table-centered > tfoot > tr > td {
  text-align: center;
}
.am-table > thead > tr > td.am-active,
.am-table > tbody > tr > td.am-active,
.am-table > tfoot > tr > td.am-active,
.am-table > thead > tr > th.am-active,
.am-table > tbody > tr > th.am-active,
.am-table > tfoot > tr > th.am-active,
.am-table > thead > tr.am-active > td,
.am-table > tbody > tr.am-active > td,
.am-table > tfoot > tr.am-active > td,
.am-table > thead > tr.am-active > th,
.am-table > tbody > tr.am-active > th,
.am-table > tfoot > tr.am-active > th {
  background-color: #ffd;
}
.am-table > thead > tr > td.am-disabled,
.am-table > tbody > tr > td.am-disabled,
.am-table > tfoot > tr > td.am-disabled,
.am-table > thead > tr > th.am-disabled,
.am-table > tbody > tr > th.am-disabled,
.am-table > tfoot > tr > th.am-disabled,
.am-table > thead > tr.am-disabled > td,
.am-table > tbody > tr.am-disabled > td,
.am-table > tfoot > tr.am-disabled > td,
.am-table > thead > tr.am-disabled > th,
.am-table > tbody > tr.am-disabled > th,
.am-table > tfoot > tr.am-disabled > th {
  color: #999999;
}
.am-table > thead > tr > td.am-primary,
.am-table > tbody > tr > td.am-primary,
.am-table > tfoot > tr > td.am-primary,
.am-table > thead > tr > th.am-primary,
.am-table > tbody > tr > th.am-primary,
.am-table > tfoot > tr > th.am-primary,
.am-table > thead > tr.am-primary > td,
.am-table > tbody > tr.am-primary > td,
.am-table > tfoot > tr.am-primary > td,
.am-table > thead > tr.am-primary > th,
.am-table > tbody > tr.am-primary > th,
.am-table > tfoot > tr.am-primary > th {
  color: #0b76ac;
  background-color: rgba(14, 144, 210, 0.115);
}
.am-table > thead > tr > td.am-success,
.am-table > tbody > tr > td.am-success,
.am-table > tfoot > tr > td.am-success,
.am-table > thead > tr > th.am-success,
.am-table > tbody > tr > th.am-success,
.am-table > tfoot > tr > th.am-success,
.am-table > thead > tr.am-success > td,
.am-table > tbody > tr.am-success > td,
.am-table > tfoot > tr.am-success > td,
.am-table > thead > tr.am-success > th,
.am-table > tbody > tr.am-success > th,
.am-table > tfoot > tr.am-success > th {
  color: #5eb95e;
  background-color: rgba(94, 185, 94, 0.115);
}
.am-table > thead > tr > td.am-warning,
.am-table > tbody > tr > td.am-warning,
.am-table > tfoot > tr > td.am-warning,
.am-table > thead > tr > th.am-warning,
.am-table > tbody > tr > th.am-warning,
.am-table > tfoot > tr > th.am-warning,
.am-table > thead > tr.am-warning > td,
.am-table > tbody > tr.am-warning > td,
.am-table > tfoot > tr.am-warning > td,
.am-table > thead > tr.am-warning > th,
.am-table > tbody > tr.am-warning > th,
.am-table > tfoot > tr.am-warning > th {
  color: #F37B1D;
  background-color: rgba(243, 123, 29, 0.115);
}
.am-table > thead > tr > td.am-danger,
.am-table > tbody > tr > td.am-danger,
.am-table > tfoot > tr > td.am-danger,
.am-table > thead > tr > th.am-danger,
.am-table > tbody > tr > th.am-danger,
.am-table > tfoot > tr > th.am-danger,
.am-table > thead > tr.am-danger > td,
.am-table > tbody > tr.am-danger > td,
.am-table > tfoot > tr.am-danger > td,
.am-table > thead > tr.am-danger > th,
.am-table > tbody > tr.am-danger > th,
.am-table > tfoot > tr.am-danger > th {
  color: #dd514c;
  background-color: rgba(221, 81, 76, 0.115);
}
.am-scrollable-horizontal {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
}
.am-scrollable-vertical {
  height: 240px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  resize: vertical;
}