@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:14px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{max-width:1200px; margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.col-black{color: #333;}
.col-red{color: #be0000;}
.gray{background: #f3f3f3;}
.dno{ display: none;}
img{display: block;}
/* CSS Document */

/*公共头部*/
.top{background: #eee; border-bottom: solid 1px #ddd; ;}
.top p{ color: #777; line-height: 39px}
.top-nav{margin-top: 13px;}
.top-nav ul li{float: left;}
.top-nav ul li a{display: block; line-height: 15px; color: #777; padding: 0 15px; border-right: solid 1px #777;}
.top-nav ul li:last-child a{border-right: none; padding-right: none;}
.top-nav ul li a:hover{color: #154a98;}

.head {height: 118px;}
.head .logo{margin-top: 32px; max-width: 888px;}
.head .logo h1 {line-height: 0px;}
.head .head-tel{background: url(../images/head-tel.png) no-repeat left center; padding-left: 61px; margin-top: 36px;}
.head .head-tel span{display: block; line-height: 14px; color: #333; margin: 4px 0 7px;}
.head .head-tel strong{font-size: 26px; line-height: 19px; color: #e60113;}


/*导航*/
.nav{background: #154a98; }
.nav ul li{float: left; position: relative; transition: all .3s;}
.nav ul li>a{display: block; font-size: 16px;  color: #fff; line-height: 60px;  padding:0 53px; background: url(../images/nav-li.png) no-repeat right center; z-index: 3; position: relative;}
.nav ul li:last-child a{background: transparent;}
.nav ul li:before{content: '';width:100%;height:0px;transition: all .3s; background: #DF7811; position: absolute; top: 100%; z-index: 2; left: 0%;}
.nav ul li:hover:before,.nav ul li.on:before{  height: 60px; top: 0;}
.nav ul li .hide{background-color: #fff;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);float: left;top: 60px; left: 0px;display: none;width: 170px;opacity: 0.8;position: absolute;z-index: 3;}
.nav ul li .hide em a{ display:block; font-size: 15px;line-height:35px;text-align:center; height:35px; color: #333;}
.nav ul li .hide em a:hover{background: #fff; color: #154a98; transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear;-webkit-transition:background-color 0.3s linear;-o-transition :background-color 0.3s linear;}
.nav ul li:hover .hide{display: block;}
.navfixed{background: #154a98; z-index: 222;position: fixed; top: 0; width: 100%;}




/*banner*/
.banner img{width: 100%;}
#banner-num {bottom:3%;}
#banner-num  .swiper-pagination-bullet{width: 14px; height: 14px; background: #fff; opacity: 1;}
#banner-num .swiper-pagination-bullet-active {background: #cf0202;}


/*关键词&搜索*/
.pannel{background: #f7f7f7; margin-bottom: 57px;}
.keyword ul em{display: inline-block; float: left; font-size: 16px; line-height: 52px; color: #333;}
.keyword ul li{float: left;}
.keyword ul li a{display: block; font-size: 15px; line-height: 52px; padding: 0 20px;}
.keyword ul li a:hover{color: #154a98;}

.search{margin-top: 9px; position: relative;}
.search .search-text{display: block; width: 270px; height: 32px; border: solid 1px #e5e5e5; padding-left: 9px;  color: #b1b1b1; line-height: 32px; font-family: "Microsoft YaHei"; outline: none;}
.search .search-btn{position: absolute; top: 8px; right: 9px; background: url(../images/search-btn.png) no-repeat center; width: 17px; height: 17px; outline: none; border: none; cursor: pointer;}


/*推荐产品*/
.title h3{display: block; font-size: 32px; line-height: 32px; color: #154a98; font-weight: bold;  margin-bottom: 16px;}
.title span{font-size: 16px; line-height: 16px; color: #666;}
.recom-pro{margin-bottom: 79px;}
.recom-pro .title{margin-bottom: 60px;}
.recom-pro .title h3{background: url(../images/product-title.png) no-repeat center;}

.recom-class{width: 218px;}
.recom-class li{margin-bottom: 3px;}
.recom-class li .class-name1{background: #eee; height: 100px; cursor: pointer;}
.recom-class li .class-name1 span{display: block; color: #999; line-height: 11px; padding-top: 35px; margin-bottom: 10px;}
.recom-class li .class-name1 em{font-size: 16px; line-height: 18px; color: #333;}
.recom-class li .class-name2 {display: none;}
.recom-class li .class-name2 li a{display: block; font-size: 16px; line-height: 54px; color: #666; text-align: center; border-bottom: solid 1px #f0f0f0;}
.recom-class li .class-name2 li:last-child a{border-bottom: none;}
.recom-class li:first-child .class-name2{display:none;}
.recom-class li.on .class-name1{background: #154a98;}
.recom-class li.on .class-name1 span{ color:  #fff; opacity: 0.6;}
.recom-class li.on .class-name1 em{color: #fff;}
.recom-class li:hover .class-name1{background: #154a98;}
.recom-class li:hover .class-name1 span{ color:  #fff; opacity: 0.6;}
.recom-class li:hover .class-name1 em{color: #fff;}
.recom-class li .class-name2 li.on2 a{color: #154a98;}
.recom-class li .class-name2 li:hover a{color: #154a98;}


.recom-right{width: 953px;}
.recom-xq{background: #eee; padding: 9px 45px 9px 11px; margin-bottom: 27px;}
.recom-xq .pic{width: 424px;}
.recom-xq .pic img{width: 100%;}
.recom-xq .info em{display: block; font-size: 18px; line-height: 18px; color: #046bd4; margin-top: 20px;}
.recom-xq .info p{line-height: 28px; color: #666; width: 437px; margin: 17px 0 23px;}
.recom-xq .info .buttom{display: inline-block; width: 30%; font-size: 15px; line-height: 40px; color: #fff; text-align: center; background: #232323; margin-right: 30px;}
.recom-xq .info .recom-more{background: #154a98;}

/* Bounce To Right */
a.hvr-bounce-to-right {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;background: #f2c40f;color: #fff;}
a.hvr-bounce-to-right:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background:#DF7811;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
a.hvr-bounce-to-right:hover,a.hvr-bounce-to-right:focus,a.hvr-bounce-to-right:active {color: white;}
a.hvr-bounce-to-right:hover:before,a.hvr-bounce-to-right:focus:before,a.hvr-bounce-to-right:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
a.hvr-bounce-to-right2:before{background: #cf0202;}

.recom-list{overflow: hidden;}
.recom-list ul li{float: left; width: 305px; margin-right: 20px;}
.recom-list ul li .pic{width: 100%;}
.recom-list ul li .pic img{width: 100%;}
.recom-list ul li  em{display: block;  padding: 0 5%;  background: url(../images/arrow.png) no-repeat 257px center #f6f6f6; font-size: 16px; line-height: 65px; color: #666;}
.recom-list ul li:hover  em{background: url(../images/arrow-on.png) no-repeat 257px center #154a98; color: #fff;}


/*PE管为什么选择常通*/
.why-title{margin-bottom: 45px;}
.why-title h3{background: url(../images/why-title.png) no-repeat center;}
.why{background: url(../images/why-bg.jpg) no-repeat center; height: 600px; margin-bottom: 59px;}
.why ul li{float: left; width: 300px; border-right: solid 1px rgba(255,255,255,0.2); box-sizing: border-box; height: 600px;overflow: hidden;  position: relative;}
.why ul li:last-child{border-right: none;}
.why ul li .item{padding-left: 32px; padding-top: 32px; margin-top: 440px; height: 128px; position: relative;}
.why ul li .item em{ font-size: 18px; line-height: 18px; color: #fff; position: relative; }
.why ul li .item em:after{content: '';width:23px;height:3px;transition: all .3s; background: #fff; position: absolute;  left: 0%; top: 34px;}
.why ul li .item p{ line-height: 26px; color: #fff; opacity: 0.7; margin-top: 24px;}
.why ul li .info{background: #154a98; height: 497px;bottom: -497px;position: absolute; transition: 0.5s; }
.why ul li .info em{display: block; width: 272px; padding-left: 27px; font-size: 18px; line-height: 48px; color: #fff; background: #be0000;  margin-bottom: 25px;}
.why ul li .info span{display: block; width: 245px; height: 90px; border: solid 3px #fff; border-left: none; border-right: none; margin-left: 27px; padding-left: 4px;  font-size: 25px; line-height: 36px; color: #fff; padding-top: 14px;}
.why ul li .info p{ line-height: 25px; color: #fff;width: 235px; padding-left: 27px; margin: 36px 0 54px;}
.why ul li .info img{ margin: 0 auto;}
.why ul li:hover .info{bottom: 0;}


/*工厂展示*/
.factory{margin-bottom: 57px;}
.factory .title{margin-bottom:5%;}
.factory .title h3{background: url(../images/factory-title.png) no-repeat center; }
.factory-bd{position: relative;}
.factory-bd .prev1,.factory-bd .next1{position: absolute; top: 85px; width: 45px; height: 37px; z-index: 2; cursor: pointer; transition:all 0.5s;}
.factory-bd .prev1{background: url(../images/factory-prev.png) no-repeat center #154a98; left: -30px;}
.factory-bd .next1{background: url(../images/factory-next.png) no-repeat center #154a98; right: -30px;}
.factory-bd .prev1:hover{background: url(../images/factory-prev.png) no-repeat center #DF7811; left: -30px;}
.factory-bd .next1:hover{background: url(../images/factory-next.png) no-repeat center #DF7811; right: -30px;}
.factory-list{overflow: hidden;}
.factory-list ul li{float: left; width: 290px; margin-right: 14px; }
.factory-list ul li .pic{width: 100%; overflow: hidden;}
.factory-list ul li .pic img{width: 100%;}
.factory-list ul li .pic img{display: block; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.factory-list ul li:hover .pic img{-webkit-transform: scale3d(1.2,1.2,1);transform: scale3d(1.2,1.2,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.factory-list ul li em{display: block; background: #eee; padding: 0 10px; width: 270px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size:16px; line-height: 40px; color: #666; text-align: center;}
.factory-list ul li:hover em{background: #154a98; color: #fff;}


/*走进常通*/
.about{background: url(../images/about-bg.jpg) no-repeat center; width: 100%; height: 439px; margin-bottom: 61px;}
.about-fl{padding-top: 87px;}
.about-fl h3{font-size: 35px; line-height: 35px; color: #f4f4f4;}
.about-fl span{display: block; margin: 16px 0 29px; font-size: 13px; line-height: 10px; color: #f4f4f4; font-style: italic; text-transform: uppercase;}
.about-fl i{display: block; width: 29px; height: 2px; background: #fff; }
.about-fl p{line-height: 27px; color: #fff; margin: 23px 0 31px; width: 290px;}
.about-more{-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;display:block;width:142px;height:38px;border:1px solid #fff;font-weight:normal;line-height:38px;color:#fff!important;text-align: center; }
.about-more:before{content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #154a98;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.about-more:hover,.about-more:focus,.about-more:active{color: #fff!important;border-color:#154a98!important;}
.about-more:hover:before, .about-more:focus:before, .about-more:active:before{-webkit-transform: scaleX(1);transform: scaleX(1);}

.about-list {padding-top: 64px;}
.about-list ul li{float: left; background: url(../images/about-li.png) no-repeat right center; width: 280px; text-align: center; height: 168px; padding-top: 100px;}
.about-list ul li:last-child{padding-right: 0; background: transparent;}
.about-list ul li span{display: block; line-height: 38px; height: 38px; color: #fff;}
.about-list ul li span abbr{display: inline-block; font-size: 50px;  line-height: 38px;  font-family: arial;}
.about-list ul li span em{display: inline-block; font-size:26px;line-height: 26px; margin-left: 10px;}
.about-list ul li span em.num{font-size: 50px;  line-height: 38px; }
.about-list ul li b{display: block; font-size:20px;line-height: 20px; color: #fff; font-weight:normal;text-align: center;margin-top:22px;}


/*四大核心优势 实力见证品质*/
.ads{margin-bottom: 63px;}
.ads .title{margin-bottom: 56px;}
.ads .title h3{background: url(../images/ys-title.png) no-repeat center;}
.ads-item1{position: relative; margin-bottom: 40px;}
.ads-item1 .pic{width: 480px; padding: 7px 6px; border: solid 1px #eee;}
.ads-item1 .pic img{width: 100%;}
.ads-item1 .info{width: 668px;}
.ads-item1 .info h3{font-size: 22px; line-height: 22px; color: #333; font-weight: bold; position: relative; padding-left: 80px; margin-bottom: 33px;}
.ads-item1 .info h3:before{content: ''; width: 61px; height: 1px; background: #333; position: absolute; left: 0; top: 10px; }
.ads-item1 .info .text{line-height: 28px; color: #666; }
.ads-item1 .info .text1{width: 378px;  margin: 4px 0  140px;}
.ads-item1 .ads-text{position: absolute; top: 243px; background: #2a7dd1; padding-left: 73px; left: 321px;  width: 515px;}
.ads-item1 .ads-text em{display: block; font-size: 22px; line-height: 59px; color: #fff; font-weight: bold; position: relative; padding-left: 92px;}
.ads-item1 .ads-text em:before{content: ''; width: 61px; height: 1px; background: #fff; position: absolute; left: 0; top: 27px; }

.ads-left{width: 819px;}
.ads-item2 {margin-bottom: 0;}
.ads-item2 .info{width: 440px; margin-left: 22px; }
.ads-item2 .info h3{margin-bottom: 15px;}
.ads-item2 .info .text{width: 335px;}

.ads-item2-1 .info{width: 418px; margin-top: 54px;}
.ads-item2-2 .info{width: 356px; margin-top: 88px;}

.ads-item3{width: 310px; height: 588px;background: #f4f4f4;}
.ads-item3 h3{font-size: 21px; line-height: 21px; color: #2a7dd1; font-weight: bold; padding-top: 71px;}
.ads-item3 span{display: block; line-height: 14px; color: #333; margin:12px 0 59px;}
.ads-item3 strong{font-size: 26px; line-height: 20px; color: #2a7dd1; text-transform: uppercase;}
.ads-item3 i{display: block; width: 39px; height: 1px; background: #154a98; margin: 21px auto 37px; }
.ads-item3 img{margin: 0 auto 24px;}
.ads-item3 p{line-height: 14px; color: #666; margin-bottom: 64px;}
.ads-item3 ul {width: 111px; margin: 0 auto; position: relative;}
.ads-item3 ul li{display: block; float: left; margin: 0 3px; width: 31px;  }
.ads-item3 ul li a{display: block;}
.ads-item3 ul li .zx-qq{display: block; background: url(../images/zx-icon1.jpg) no-repeat center; height: 31px;}
.ads-item3 ul li .zx-tel{display: block; background: url(../images/zx-icon2.jpg) no-repeat center; height: 31px;}
.ads-item3 ul li .zx-email{display: block; background: url(../images/zx-icon3.jpg) no-repeat center; height: 31px;}
.ads-item3 ul li .zx-hm{display: none; position: absolute; left: 3px; margin: 8px 0 0; background: url(../images/zx-hm.png) no-repeat top center;font-size: 13px; line-height: 26px; color: #2a7dd1; text-align: center; padding-top: 8px; width: 106px;}
.ads-item3 ul li:hover .zx-hm{display: block;}


/*新闻资讯*/
.news{margin-bottom: 40px;}
.news .title{margin-bottom: 5%;}
.news .title h3{background: url(../images/news-title.png) no-repeat center; }.news-left{border:1px solid #E3E0E0;padding:25px 20px  10px;width:729px;}
.news-l-ul{ overflow: hidden;margin-bottom:20px;}
.news-l-ul li {border-radius:50px;display: inline-block;width:135px;text-align: center;line-height:43px;border:1px solid #B1B1B1;font-size:16px; cursor: pointer;}
.news-l-ul li:hover ,.news-l-ul li.on { background: #154a98;color:#fff}
.news-l-ul li{width:135px;float:left;margin-right:15px;}
.news-span-2{float:right}
.news-span-2 a:hover{color:#154a98}

.news-l-dl{ overflow: hidden;zoom:1}
.news-l-dl dt{width:307px;float:left}
.news-l-dl dt img{width: 100%;}
.news-l-dl dd{width:380px;float:right}
.news-l-dl dd span,.news-l-dl dd b{ display: block;}
.news-l-dl dd b{font-size:18px;font-weight:normal;margin:10px 0}
.news-l-dl dd span{line-height:26px;font-size:13px;}
.news-l-dl dd a{}

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {top: -12px;right: -12px;bottom: -12px;left: -12px;opacity: 0;}
}

@keyframes hvr-ripple-out {
  100% {top: -12px;right: -12px;bottom: -12px;left: -12px;opacity: 0;}
}

a.hvr-ripple-out {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;width:101px;height:37px; background: #154a98;color:#fff;line-height: 37px;text-align: center;display:block;border-radius:20px;margin-top:10px;}
a.hvr-ripple-out:before {content: '';position: absolute;border: #154a98 solid 6px;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s; border-radius:20px;}
a.hvr-ripple-out:hover:before,a.hvr-ripple-out:focus:before,a.hvr-ripple-out:active:before {-webkit-animation-name: hvr-ripple-out;animation-name: hvr-ripple-out;border-radius:20px;}

.news-l-em{margin-top:20px;}
.news-l-em li{padding-left:20px;font-size:15px;margin:10px 0;position: relative;}
.news-l-em li:before{content: '';position: absolute;left:0;top:6px;width:13px;height:13px;border:1px solid #909090;border-radius: 100%;transition: all .6s;}
.news-l-em li em{float:right;color:#888}
.news-l-em li:hover a,.news-l-em li:hover em{color:#154a98}
.news-l-em li:hover:before{ background: #154a98;}

.news-right{border:1px solid #E3E0E0;padding:25px 20px 10px;width:370px;height: 461px;}
.news-r-h5 span{ display: inline-block;width:134px;height:43px;text-align: center;line-height:43px; background: #154a98;color:#fff;font-size:16px;border-radius:50px}
.news-r-h5 a{float:right;line-height:43px;font-size:16px; }

.news-menu{ overflow: hidden;height:390px;margin-top:20px;}
.news-menu ul{padding-top:10px;}
.news-menu ul li{border-bottom:1px dashed #eee;padding:10px 0}
.news-menu ul li span{ display: block;margin:8px 0;overflow: hidden;}
.news-menu ul li span b{text-align: center;display: inline-block;width:26px;height:26px;border-radius:100%;color:#fff;font-weight: normal;margin-right:8px;line-height:26px;}
.news-menu ul li span b,.news-menu ul li span em{float:left}
.news-menu ul li span em{width:310px}
.new-m-span1 b{ background: #154a98;}
.new-m-span2 b{ background: #ff7a01;}
.new-m-span1{font-size:15px}
.new-m-span2{font-size:13px;}
.news-menu ul li:hover .new-m-span1{color:#154a98}


/*公共底部*/
.foot{background: #222;  padding:35px 0 46px;}
.foot-left{background: url(../images/foot-bg.png) no-repeat 75px center; padding-left: 7px;}
.foot-left em{display: block; line-height: 43px; color: #fff;}
.foot-left strong{display: block; font-size: 27px; line-height: 20px; color: #be0000; font-family: arial; margin-bottom: 18px;}
.foot-left span{display: block; font-size: 12px; line-height: 9px; color: #fff; opacity: 0.5; margin-bottom: 34px; text-transform: uppercase;}
.foot-left p{font-size: 13px; line-height: 25px; color: #fff; opacity: 0.8;}
.foot-left p a{color: #fff; opacity: 0.8;}

.foot-nav {padding: 19px 0; margin-bottom: 16px;}
.foot-nav ul li{float: left;}
.foot-nav ul li a{display: block; font-size: 14px; line-height: 14px; color: #fff; opacity: 0.8; border-right: solid 1px #fff; padding: 0 21px;}
.foot-nav ul li:last-child a{padding-right: 0; border-right: none;}

.foot-text dl{float: left; margin-right:9%;}

.foot-text dl  dd{font-size: 13px; line-height: 25px; color: #fff; opacity: 0.8;}
.foot-text dl  img{margin-right: 14px;}
.foot-text dl  em{display: block;font-size: 13px; writing-mode: tb-rl;color: #fff; margin-top: 6px; letter-spacing:4px;}

.foot-left p a:hover,.foot-nav ul li a:hover{opacity: 1;}


/*内页banner*/
.ny-banner{width: 100%; }
.ny-banner img{width: 100%;}

/*内页分类&面包屑*/
.ny-pannel{position: relative; border-bottom: solid 1px #eee;}
.ctitle1>li{float: left;  border-right: solid 1px #eee; }
.ctitle1>li>a{display: block; font-size: 15px; line-height: 59px; padding: 0 37px;}
/*.ctitle1 .ctitle2 {position: absolute; top: 59px; background: #f3f3f3; left: 0; width: 100%; z-index: 2; height: 50px; }
.ctitle1 .ctitle2 li{float: left; }
.ctitle1 .ctitle2 li a {display: block;font-size: 15px;line-height: 50px;color: #666; padding: 0 37px;}
*/
.ctitle1>li.on>a{background: #df7811; color: #fff;}

.ctitle1>li:hover>a{background: #df7811; color: #fff;}
/*.ctitle1 .ctitle2 li.on2 a{color: #154a98;}
.ctitle1 .ctitle2 li:hover a{color: #154a98;}
*/
.position span{display: block; padding-left: 50px; font-size: 13px;line-height: 59px;background: url(../images/ny-home.png) no-repeat 20px center;}
.position span a.on{color: #154a98;}
.position span a:hover{color: #154a98;}



.ny-main{margin: 2%  0 10%;}



/*内页走进常通*/
.about-position{  background-image: -moz-linear-gradient(90deg, rgb(255,255,255) 0%, rgb(237,237,237) 30%, rgb(214, 214, 214) 100%); background-image: -webkit-linear-gradient(90deg, rgb(255,255,255) 0%, rgb(237,237,237) 30%, rgb(214, 214, 214) 100%); background-image: -ms-linear-gradient(90deg, rgb(255,255,255) 0%, rgb(237,237,237) 30%, rgb(214, 214, 214) 100%);}
.about-position span{display: block; padding-left: 50px; font-size: 13px;line-height: 50px;background: url(../images/ny-home.png) no-repeat 20px center;}
.about-position span a.on{color: #154a98;}
.about-position span a:hover{color: #154a98;}

.ny-about .pic{width: 100%;}
.ny-about .pic img{width: 100%;}
.ny-about .about-info{ margin: 2% auto 3%;}
.ny-about .about-info em{font-size: 30px; color: #154a98; opacity: 0.8;}
.ny-about .about-info span{display: block; font-size: 18px; color: #666;}
.ny-about .about-info p{font-size: 16px; line-height: 30px; color: #888; width: 80%; margin: 1% auto 2.5%;}
.ny-about-more{display: block; width: 15%; background: #5899dd; margin: 0 auto; font-size: 15px; color: #fff; text-align: center; padding: 0.5% 0%; transition: all linear .4s;-webkit-transition: all linear .4s;-moz-transition: all linear .4s;-ms-transition: all linear .4s;-o-transition: all linear .4s;}
.ny-about-more:hover{background: #DF7811;}

.ny-about-bg1{background: url(../images/ny-about-bg.jpg) no-repeat center; width: 100%; padding-top: 70px; height: 381px;}
.ny-about-bg1 p{font-size: 22px; line-height: 50px; }
.ny-about-more1{display: block; width: 100%; background: #5899dd; font-size: 16px; color: #fff; text-align: center; padding: 1% 0%; }
.ny-about-more1:hover{font-weight: bold;}

.ny-about-bg2{background: url(../images/ny-about-bg2.jpg) no-repeat center; width: 100%; padding-top: 126px; height: 487px;}
.ny-about-bg2 .info{padding-left: 1%;}
.ny-about-bg2 .info em{display: block; font-size: 30px; color: #154a98; margin-bottom: 2.5%;}
.ny-about-bg2 .info p{font-size: 16px; line-height: 38px; color: #666;}
.ny-about-more2{display: block; width: 15%; background: #5899dd; margin-top: 3%; font-size: 15px; color: #fff; text-align: center; padding: 0.5% 0%; transition: all linear .4s;-webkit-transition: all linear .4s;-moz-transition: all linear .4s;-ms-transition: all linear .4s;-o-transition: all linear .4s;}
.ny-about-more2:hover{background: #DF7811;}


/*内页公司简介*/
.company-ads{ padding: 3% 0 3.5%;}
.company-ads strong{font-size: 50px; color: #154a98;}
.company-ads p{font-size: 22px; line-height: 35px; color: #444; font-weight: bold;}

.company-content{margin: 2% 0 4%;}
.company-content .pic img{width: 100%;}
.company-content .info1{margin-bottom:4.5%; }
.company-content .text{margin-top: 1.8%;}
.company-content .text p{font-size: 15px; line-height: 32px; color: #666; text-indent: 2rem;}
.company-content .text p em{font-size: 17px; color: #df7811;}

.company-content .info1 .pic{width: 35%;}
.company-content .info1 .text{width: 60%;}

.company-content .info2 .pic{width: 32%;}
.company-content .info2 .text{width: 65%;}

.develop{padding: 2% 0  5%;}
.develop-title h3{font-size: 32px; color: #2f599f; font-weight: bold;}
.develop-title span{font-size: 16px; color: #666;}

.develop-list{background: url(../images/develop-list.png) no-repeat left top; padding-left: 80px; padding-top: 65px; width: 890px; margin: 0 auto; height: 561px;}
.develop-list ul li{float: left; padding: 20px 0 20px 40px; width: 850px; background: #fff;margin-bottom: 15px;}
.develop-list ul li strong{font-size: 16px; color: #535353;}
.develop-list ul li p{line-height: 22px; color: #666;}
.develop-list ul li:hover{background: #ff0000; }
.develop-list ul li:hover strong,.develop-list ul li:hover p{color: #fff;}


/*内页产品中心列表页*/
.ny-left  {width:18.2%;}
.ny-left  .ctitle1>li{width: 100%; border-right: none;}
.ny-left  .ctitle1>li>a{display: block; background: #154a98; font-size: 18px; line-height: 55px; color: #fff; text-align: center;}
.ny-left  .ctitle1>li.on>a{background: #154a98; color: #fff;}
.ny-left  .ctitle1>li:hover>a{background: #154a98; color: #fff;}
.ny-left  .ctitle1 li .ctitle2 {display: block;}
.ny-left  .ctitle1 li .ctitle2 li a{display: block; font-size: 16px; line-height: 45px; color: #666; text-align: center; border-bottom: solid 1px #f0f0f0;}
.ny-left  .ctitle1 li .ctitle2 li.on a{color: #154a98;}
.ny-left  .ctitle1 li .ctitle2 li:hover a{color: #154a98;}

.product-list {width: 79%;}
.product-list  ul li{float: left; width: 32%; margin-left: 1.3%; margin-bottom: 3%;}

.product-list  ul li .pic{width: 100%; border: solid 1px #f6f6f6; box-sizing: border-box; border-bottom: none;}
.product-list  ul li .pic img{width: 100%;}
.product-list  ul li  em{display: block;  padding: 2% 5%;  background: url(../images/arrow.png) no-repeat 95% center #f6f6f6; font-size: 16px; color: #666;}
.product-list  ul li:hover  em{background: url(../images/arrow-on.png) no-repeat 95% center #154a98; color: #fff;}
.ny-list {overflow: hidden;}
.ny-list ul li{float: left; width: 23.5%; margin-right: 1.5%; margin-bottom: 2.5%;}

.ny-list ul li .pic{width: 100%; overflow: hidden;}
.ny-list ul li .pic img{width: 100%;}
/*.product-list li .pic img{display: block; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.product-list li:hover .pic img{-webkit-transform: scale3d(1.2,1.2,1);transform: scale3d(1.2,1.2,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.product-list ul li  em{display: block;  padding: 3%  5%;  background: url(../images/arrow.png) no-repeat 95% center #f6f6f6; font-size: 16px; color: #666;}
.product-list ul li:hover  em{background: url(../images/arrow-on.png) no-repeat 95%center #154a98; color: #fff;}*/


/*产品详情*/
.pro-content .pro1 .pro-list-pic{width:41%;}
.pro-content .descript1{width:59%}
.pro-content .pro1 .spec-preview img{display: block;}
.pro-content .pro1 .descript1 strong.title1{line-height: 35px;font-size: 27px; color: #333;display: block;}
.pro-content .pro1 .descript1 p{width:100%;font-size: 15px;color: #6a6a6a;line-height: 33px;margin:25px 0 10px 0;}
.pro-content .pro1 .descript1 p b{font-weight:bold}
.pro-content .pro1 .descript1 a.consult{display: inline-block; width:285px; height:70px; font-size:22px; color: #fff; line-height: 70px; text-align: center; background: #EF001D;border-radius:8px; margin-right: 5%;}
.pro-content .pro1 .descript1 a.consult:hover{background-color:#EF001D;}
.pro-content .pro1 .descript1 p.haoma{color: #333;font-size: 15px;border-top:1px solid  #E5E5E5;padding-top:20px;display: block;}
.pro-content .pro1 .descript1 p.haoma em{display: block;color: #EF001D;font-size: 25px;}
.returnbt{display: inline-block;}
.returnbt input{display: block; background: #000;  width: 123px; font-size: 16px; line-height: 41px; color: #fff; text-align: center; border: none; outline: none; font-family: "Microsoft YaHei"; }

.pro-content .detail{width:100%}
.pro-content .detail .de-title{margin-bottom: 1%;}
.pro-content .detail .de-title a{display: block;width: 98%; font-size: 16px;line-height: 45px;color: #333; margin-top: 25px;background:#D8D8D8;padding-left: 2%;}



/*内页企业招聘列表页*/
.job-list ul li{float: left; margin-bottom: 1%;  width: 100%;}
.job-list ul li .job-title{ padding: 1% 2%; background: url(../images/job-icon.png) no-repeat 98% center  #ddd;}
.job-list ul li .job-title em{font-size: 19px; color: #646464;}
.job-list ul li .job-iconc{ background: url(../images/job-iconc.png) no-repeat 98% center  #ddd;}

.job-list ul li .job-info{background: #f2f2f2; padding: 2% 3% 3%; display: none;}
.job-list ul li:first-child .job-info{display: block;}


/*内页合作案例列表页*/
.case-list ul li em{display: block;  padding: 2%  5%;  background:#eee; font-size: 16px; color: #666; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case-list ul li .pic{border: solid 1px #eee; border-bottom: none; box-sizing: border-box;}
/* Rectangle Out */
.case-list ul li em.hvr-rectangle-out {vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.case-list ul li em.hvr-rectangle-out:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background:#154a98;-webkit-transform: scale(0);transform: scale(0);-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.case-list ul li em.hvr-rectangle-out:hover,.case-list ul li em.hvr-rectangle-out:focus,.case-list ul li em.hvr-rectangle-out:active { color: white;}
.case-list ul li em.hvr-rectangle-out:hover:before,.case-list ul li em.hvr-rectangle-out:focus:before,.case-list ul li em.hvr-rectangle-out:active:before {-webkit-transform: scale(1);transform: scale(1);}


/*内页新闻资讯列表页*/
.ny-news-list ul li{float: left; width: 100%; border: solid 1px #e5e5e5;box-sizing: border-box; padding: 1% 2% 1% 1%; position: relative; margin-bottom: 2%;}
.ny-news-list ul li .pic{width: 20%;}
.ny-news-list ul li .pic img{width: 100%;}
.ny-news-list ul li .info{width: 77%; margin-top: 0.8%;}
.ny-news-list ul li .info em{font-size: 18px; color: #434343; }
.ny-news-list ul li .info span{font-size: 14px; color: #979797; }
.ny-news-list ul li .info p{font-size: 14px; line-height: 27px; color: #888; margin-top: 1.2%;}
.ny-news-list ul li::before{ display: block; height: 100%; content: ""; background: #f0f0f0;position:absolute;top: 0; left: 0; width: 0;transition:width 0.25s;-moz-transition:width  0.25s; /* Firefox 4 */-webkit-transition:width  0.25s; /* Safari and Chrome */-o-transition:width  0.25s; /* Opera */ z-index: -1;} 
.ny-news-list ul li:hover::before{width: 100%; }
.ny-news-list ul li:hover{border: solid 1px #f0f0f0; }
.ny-news-list ul li:hover .info em{color: #154a98;}


/*内页答疑解惑列表页*/
.problem-list ul{padding-top:10px;}
.problem-list ul li{background: #eee; padding: 10px; margin-bottom: 1%;}
.problem-list ul li span{ display: block;margin:8px 0;overflow: hidden;}
.problem-list ul li span b{text-align: center;display: inline-block;width:26px;height:26px;border-radius:100%;color:#fff;font-weight: normal;margin-right:8px;line-height:26px;}
.problem-list ul li span b,.problem-list ul li span em{float:left}
.problem-list ul li span em{width:88%;}
.problem-list ul li .new-m-span1 b{ background: #154a98;}
.problem-list ul li .new-m-span2 b{ background: #ff7a01;}
.problem-list ul li .new-m-span1{font-size:15px}
.problem-list ul li .new-m-span2{font-size:13px;}
.problem-list ul li:hover .new-m-span1{color:#154a98}


/*内页工厂设备列表页*/
.ny-factory-list ul li em{display: block;  padding: 2%  5%;  background:#eee; font-size: 16px; color: #666; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;transition: all linear .6s;-webkit-transition: all linear .6s;-moz-transition: all linear .6s;-ms-transition: all linear .6s;-o-transition: all linear .6s;}
.ny-factory-list ul li:hover em{background: #154a98; color: #fff;}


/*内页联系我们页面*/
#allmap {width: 100%; padding: 15%  0 20%; margin-bottom: 3.5%;}
.contact-form{width: 50%; overflow: hidden;}
.contact-title {display: block; font-size: 20px; color: #444; margin-bottom: 3%;}
.contact-form input{display: block; border: solid 1px #ddd; box-sizing: border-box; width: 100%; font-size: 15px; color: #b3b3b3; padding: 2% 0 2% 2%; margin-bottom: 2%; font-family: "Microsoft YaHei"; outline: none;}
.contact-form .input-text{display: inline-block; width: 48%; margin-right: 3%;}
.contact-form .input-tel{margin-right: 0;}
.contact-form textarea{display: block; border: solid 1px #ddd; box-sizing: border-box; width: 100%; font-size: 15px; color: #b3b3b3; padding: 2%; margin-bottom: 3%; font-family: "Microsoft YaHei"; outline: none;}
.contact-form .submit{display: block; width:35%; background: #e40c19; font-size: 16px; color: #fff; text-align: center; padding: 2.5% 2%; border: none; border-radius: 12px; cursor: pointer;}
.contact-form .submit:hover{background: #DF7811;}

.contact-list{width: 36%;}
.contact-list ul li{display: block; float: left; font-size: 16px; color: #7d7d7d; width: 100%; padding: 1% 0 1% 9%;}
.contact-list ul li.icon1{background: url(../images/contact-icon1.png) no-repeat left center;}
.contact-list ul li.icon2{background: url(../images/contact-icon2.png) no-repeat left center;}
.contact-list ul li.icon3{background: url(../images/contact-icon3.png) no-repeat left center;}
.contact-list ul li.icon4{background: url(../images/contact-icon4.png) no-repeat left center;}
.contact-list ul li.icon5{background: url(../images/contact-icon5.png) no-repeat left center;}
.contact-list ul li.icon6{background: url(../images/contact-icon6.png) no-repeat left center;}


/*内页表格*/
.ny-table{border-collapse:collapse; }
.ny-table tr td{padding: 1% 0;}


.infor img{display: inline-block; }

@media screen and (min-width:200px)  and  (max-width:1200px)  {
.infor img{width: 100%;}
}