@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:13px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;min-width: 1200px; overflow-x: hidden;}
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{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;}

/* CSS Document */


/*公共头部*/
.top{background: #838383; height: 23px;}
.top p{font-size: 12px; line-height: 23px; color: #dbdbdb;}
.top ul{padding: 5px 0;}
.top ul li{float: left;}
.top ul li a{display: block; font-size: 12px; line-height: 13px; color: #dbdbdb; padding: 0 4px; border-right: solid 1px #868686;}
.top ul li a:hover{color: #fff;}

.head{height: 97px; background: #ffffff;}
.logo{margin-top: 23px; margin-right: 20px;}
.head .logo h1 {line-height: 0px;}

.nav{padding-top: 18px; margin-left: 5%;}
.nav ul li{float: left; position: relative;margin: 0 12px; }
.nav ul li a{display: block; font-size:15px; line-height: 59px; color: #333333; }
.nav ul li a:after{content: ''; width: 0; height: 2px; background: #018fff; position: absolute; bottom: 0px; left: 50%; transition: all .3s;}
.nav ul li:hover a:after,.nav ul li.on a:after{width:100%;left:0%;}

.head-tel strong{display: block; font-size: 17px; line-height: 97px; color: #333333;}

.headfixed{height: 97px; background: #ffffff; position: fixed; z-index: 222; top: 0; width: 100%;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);}


/*首页banner*/
.banner{position:relative;}
.banner-hd {height:680px;position: relative; overflow:hidden; width: 100%;}
.banner-hd  ul{height:100%;margin: 0 auto;}
.banner-hd  ul li{height:100%;}

/*数字按钮样式*/
.banner-hd .num { overflow:hidden;  position:absolute; bottom:5%; margin:0 auto;left:0;right:0;text-align:center;zoom:1; z-index:3 ;}
.banner-hd .num ul{display: inline-block;}
.banner-hd .num li {width:15px;height:15px; margin:0 5px; cursor:pointer; float: left; background: #fff; -webkit-border-radius:50%; -moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius: 50%;}
.banner-hd .num li.on {background: #f3a000;  } /*当前项*/


/*关键词*/
.keyword {padding: 31px 0 25px;}
.keyword ul em{display: inline-block; font-size: 13px; line-height: 13px; color: #373737; margin-right: 20px;}
.keyword ul li {float: left;}
.keyword ul li a{display: block; font-size: 13px; line-height: 13px; color: #373737; margin: 0 10px;}
.keyword ul li a:hover{color: #4a3530;}

.search{margin-top: 15px;}
.search input{ border: none; outline: none; font-family: "Microsoft YaHei";}
.search  .search-text{display: inline-block; padding-left: 15px; width: 285px; background: #e8e8e8; font-size: 13px; line-height: 40px; color: #bebebe; height: 40px;}
.search  .search-btn{display: inline-block;  background: url(../images/search-btn.jpg) no-repeat center; width: 40px; height: 40px;}


/*产品中心*/
.product{background: #f2f2f2; padding: 28px 0  45px; display: block;}
.indexProduct .ny-left {display: none;}
.indexProduct .ny-right {width: 100%;}
.indexProduct .product-title {box-sizing: border-box; width: 100%;}
.indexProduct .product-list ul {width: 100%;}
.indexProduct .product-list ul li {width: calc(100% /4 - 15px);}
.indexProduct .product-list ul li:nth-child(4n) {margin-right: 0;}
.indexProduct .product-list ul li .pic {width: 100%;}
.indexProduct .product-list ul li .pic img {width: 100%; object-fit: cover;}
.indexProduct .product-list ul li em {width: 100%; box-sizing: border-box;}

.ny-left{width: 280px;}
.column-title{display: block;  padding: 32px 0 28px; background: #018fff; }
.column-title strong{display: block; font-size: 32px; line-height: 32px; margin-bottom: 15px;}
.column-title span{font-size: 13px; line-height: 13px; }

.ctitle1{background: #fff; padding: 24px 26px 10px;}
.ctitle1 li{float: left; margin-bottom: 13px; width: 100%;}
.ctitle1 li a {display: block; background: url(../images/ctitle-li.png) no-repeat 196px center #eee;font-size: 15px;line-height: 45px; color: #393939; border-radius: 18px; padding-left: 23px; cursor: pointer;}
.ctitle1 li.on a {color: #fff;background: url(../images/ctitle-li-on.png) no-repeat 196px center #018fff;}
.ctitle1 li:hover a {color: #fff;background: url(../images/ctitle-li-on.png) no-repeat 196px center #018fff;}

.pro-contact{background: url(../images/pro-contact.jpg) no-repeat center; padding: 14px  0 0 27px; height: 81px;}
.pro-tel{background: url(../images/pro-tel.png) no-repeat left top; padding-left: 53px;}
.pro-tel em{display: block; font-size: 12px; line-height: 12px; margin-bottom: 11px;}
.pro-tel strong{display: block; font-size: 20px; line-height: 28px; margin-bottom: 9px;}

.ny-right{width: 883px;}
.product-title{padding: 0 15px; background: #fff; margin-bottom: 17px; width: 853px;}
.product-title em{display: block; font-size: 17px; line-height: 60px; color: #393939; background: url(../images/product-title.png) no-repeat left center; padding-left: 30px;}
.product-title a{display: block; font-size: 15px; line-height: 60px; color: #4a3530; text-transform: uppercase;}
.product-title a:hover{text-decoration: underline;}

.product-list ul{width: 900px;}
.product-list ul li{float: left; width: 281px; margin-right: 19px; margin-bottom: 15px;}
.product-list ul li .pic{width: 281px; height: 249px; overflow: hidden;}
.product-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;}
.product-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,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; font-size: 15px; line-height: 49px; color: #434343; text-align: center; background: #fff; padding: 0 10px; width: 261px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.product-more{display: block; background: #4a3530; width: 211px; height: 51px; font-size: 13px; line-height: 51px; color: #fff; text-align: center; margin: 11px auto 0;}

/* Rectangle Out */
a.hvr-rectangle-out {display: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;background:#018fff;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;color: #fff;}
a.hvr-rectangle-out:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #d1d0d0;-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;}
a.hvr-rectangle-out:hover,a.hvr-rectangle-out:focus,a.hvr-rectangle-out:active {color: white;}
a.hvr-rectangle-out:hover:before,a.hvr-rectangle-out:focus:before,a.hvr-rectangle-out:active:before {-webkit-transform: scale(1);transform: scale(1);}


/*免费咨询热线*/
.contact{background: url(../images/contact-bg.jpg) no-repeat center; height: 230px;}
.contact .logo{margin-right: 72px; margin-top: 90px;}
.contact .ten{background: url(../images/ten-bg.png) no-repeat left center; padding-left: 54px; padding-top: 20px; margin-top: 55px;}
.contact .ten strong{display: block;  font-size: 29px; line-height: 54px;margin-bottom: 20px; height: 54px;}
.contact .ten strong b{display: inline-block; font-size: 66px; line-height: 54px;}
.contact .ten em{display: block; font-size: 13px; line-height: 13px;}
.contact .text em{display: block; background: #018fff; font-size: 15px; line-height: 38px; width: 202px; margin-top: 72px;}
.contact .text span{display: block; font-size: 14px; line-height: 40px; }
.contact .text strong{display: block; font-size: 27px; margin-bottom: 10px; margin-top: 8px;}


/*六大理由*/
.title{}
.title strong{display: block; font-size: 33px; line-height: 33px; color: #262a30; margin-bottom: 15px;}
.title strong b{display: inline-block; color: #018fff; background: url(../images/title-icon.png) no-repeat  right  top; padding-right: 16px; }
.title span{display: block; font-size: 14px; line-height: 14px; color: #7b7b7b;}
.title p{display: block; font-size: 14px; line-height: 25px; color: #4a3530; margin: 39px auto 33px; width: 650px;}
.title img{display: block; margin: 0 auto 46px;}


.why{margin: 40px 0 44px;}
.why-btn{margin-left: 45px; margin-bottom: 20px;}

.why-btn ul li{float: left; padding:  9px 109px 0 28px; border-left: solid 1px #e0e0e0; height: 97px; cursor: pointer;}
.why-btn ul li .icon{display: block; background-position: top center; height: 22px; overflow: hidden; }
.why-btn ul li .icon1{background: url(../images/icon1.png) no-repeat;}
.why-btn ul li .icon2{background: url(../images/icon2.png) no-repeat;}
.why-btn ul li .icon3{background: url(../images/icon3.png) no-repeat;}
.why-btn ul li .icon4{background: url(../images/icon4.png) no-repeat;}
.why-btn ul li .icon5{background: url(../images/icon5.png) no-repeat;}
.why-btn ul li .icon6{background: url(../images/icon6.png) no-repeat;}
.why-btn ul li em{display: block; margin: 13px 0 18px; font-size: 14px; line-height: 14px; color: #404040;}
.why-btn ul li span{display: block; font-size: 16px; line-height: 16px; color: #525252; background: url(../images/why-num.png) no-repeat ; padding-left: 50px;  }

.why-btn ul li.on,.why-btn ul li:hover {border-left: solid 1px #018fff; }
.why-btn ul li.on .icon,.why-btn ul li:hover .icon{background-position: bottom left; }
.why-btn ul li.on em,.why-btn ul li:hover em{color: #018fff;}
.why-btn ul li.on span,.why-btn ul li:hover span{background: url(../images/why-num-on.png) no-repeat ; color: #018fff;}

.why-bg1{background: url(../images/why-bg1.jpg) no-repeat center; height: 402px;}
.why-bg2{background: url(../images/why-bg2.jpg) no-repeat center; height: 402px;}
.why-bg3{background: url(../images/why-bg3.jpg) no-repeat center; height: 402px;}
.why-bg4{background: url(../images/why-bg4.jpg) no-repeat center; height: 402px;}
.why-bg5{background: url(../images/why-bg5.jpg) no-repeat center; height: 402px;}
.why-bg6{background: url(../images/why-bg6.jpg) no-repeat center; height: 402px;}

.why-list .info{width: 523px; margin-top: 65px;}
.why-list .info em{display: block; font-size: 20px; line-height: 51px; color: #585858; border-bottom: solid 1px #b0b0b0;}
.why-list .info p{display: block; font-size: 14px; line-height: 28px; color: #585858; margin: 17px 0 77px;}

.why-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:146px;height:40px;border:1px solid #a2a2a2;font-weight:normal;font-size: 14px; line-height:40px;color:#5a5a5a!important;text-align: center; }
.why-more:before{content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #018fff;-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;}
.why-more:hover,.why-more:focus,.why-more:active{color: #fff!important;border-color:#018fff!important;}
.why-more:hover:before, .why-more:focus:before, .why-more:active:before{-webkit-transform: scaleX(1);transform: scaleX(1);}


/*新闻动态*/
.news .title{margin-bottom: 36px;}
.news-list ul li{float: left; border: solid 1px #e6e6e6; margin-right: 7px; margin-bottom: 19px; padding: 7px 13px 10px 6px;}
.news-list ul li .pic{width: 259px; height: 169px; margin-right: 20px;}
.news-list ul li .info{width: 295px;}
.news-list ul li .info em{display: block; font-size: 17px; line-height: 17px; color: #595959; margin-top: 10px; width: 240px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-list ul li .info p{display: block; font-size: 14px; line-height: 24px; color: #6a6a6a; margin: 15px 0 35px;}
.news-list ul li .info span{display: block; font-size: 14px; line-height: 11px; color: #808080;}
.news-list ul li:hover .info em{color: #018fff;}

.news-more{display: block; background: #4a3530; width: 195px; height: 48px; font-size: 14px; line-height: 48px; color: #fff; text-align: center; margin: 22px auto 58px;}





/*公共底部*/
.foot{background: #313131; padding-top: 14px; height: 138px;}
.foot-nav{width: 704px; border-bottom: solid 1px #6b6b6b; padding: 17px 0;}
.foot-nav ul li{float: left;}
.foot-nav ul li a{display: block; padding: 0 16px; font-size: 14px; line-height: 14px; color: #8d8d8d; border-right: solid 1px #8d8d8d;}

.foot p{display: block; font-size: 14px; line-height: 14px; color: #8d8d8d; margin-top: 18px;}
 
.wechat{float: left; margin-top: 12px; margin-left: 25px; width: 79px;}
.wechat:nth-child(2) {display: none;}
.wechat em{display: block; font-size: 13px; line-height: 30px; color: #9e9e9e; text-align: center;}

/*友情链接*/
.links {background: #313131; padding-bottom: 15px;}
.links ul em{display: inline-block; font-size: 13px;color: #8d8d8d; font-weight: bold;} 
.links ul li a{float: left; display: block; font-size: 13px;color: #8d8d8d; margin-right: 15px;}
.links ul li a:hover{color: #fff;}

.foot-copy{background: #191919;}
.foot-copy p{display: block; font-size: 14px; line-height: 41px; color: #8d8d8d; }
.foot-copy p a{color: #8d8d8d;}
.foot-nav ul li a:hover,.foot-copy p a:hover{color: #fff;}


/*内页样式*/
.ny-hd{height: 450px;}
.ny-main{ padding: 25px 0 100px; background: #f2f2f2;}


.position span a{display: inline-block; font-size: 13px; color: #5c5c5c; }
.position span a.on{color: #4a3530;}
.position span a:hover{color: #4a3530;}


/*内页产品列表*/
.ny-case-list ul li:nth-child(3n){margin-right: 0px;}
/* .ny-case-list ul li:nth-child(4n){margin-right: 40px;} */

/*产品详情*/
.ny-right  .pro1 .pro-list-pic{width: 332px;}
.ny-right  .pro1 .spec-preview img{display: block;}
.ny-right  .pro1 .descript1{width: 533px;}
.ny-right  .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #2d2d2d;display: block;}
.ny-right  .pro1 .descript1 p{width: 533px;font-size: 13px;color: #8e8e8e;line-height: 25px;}
.ny-right  .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #4a3530; }
.ny-right  .pro1 .descript1 a.consult:hover{background-color: #f3a000;}
.ny-right  .pro1 .descript1 p.haoma{font-size: 18px; font-weight: bold; color: #018fff;line-height: 35px;margin-top: 10px; margin-bottom: 10px;}
.ny-right  .pro1 .share{overflow: hidden;margin-top: 15px;}
.ny-right  .pro1 .share ul li{float: left;margin: 0 5px;}
.ny-right  .detail .de-title{border-bottom: solid 3px #4a3530; margin-bottom: 10px;}
.ny-right  .detail .de-title a{display: block;width: 130px; font-size: 16px;line-height: 45px;color: #fff; text-align: center; margin-top: 35px;background:#4a3530;}


/*内页新闻列表页*/
.ny-news-list ul li{float: left;  margin-bottom: 20px; width: 100%; background: #fff;}
.ny-news-list ul li .pic{display: block; width: 213px; height: 139px;}
.ny-news-list ul li .info{width: 641px; margin-right: 10px;}
.ny-news-list ul li .info .ny-news-title{padding: 14px 0; border-bottom: solid 1px #d4d4d4; margin-bottom: 4px;}
.ny-news-list ul li .info .ny-news-title em{display: block; font-size: 16px; line-height: 16px; color: #333;  width: 500px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.ny-news-list ul li .info .ny-news-title span{display: block; font-size: 14px; line-height: 16px; color: #333; font-family: arial;}
.ny-news-list ul li .info p{display: block; font-size: 13px; line-height: 28px; color: #888; }
.ny-news-list ul li .info .ny-news-title em:hover{color:#018fff;}

/*客户案例*/
.case-list ul{width: 900px;}
.case-list ul li{float: left; width: 281px; margin-right: 19px; margin-bottom: 15px; position: relative;}
.case-list ul li .pic{width: 281px; height: 249px; overflow: hidden;}
.case-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;}
.case-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.case-list ul li em{display: block; position: absolute; bottom: 0; font-size: 15px; line-height: 49px; color: #fff; text-align: center; background: rgba(0,0,0,0.5); padding: 0 10px; width: 261px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case-list ul li:hover em{display: none;}

.ny-right  .pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.ny-right .pagelist a,
.ny-right  .pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.ny-right  .pagelist span.current {color: #f30;border: 1px solid #ddd;}