@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: 1160px; 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:1160px; 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 */


/*公共头部*/
.head{height: 140px; position: fixed; top: 0; width: 100%; background: #fff; z-index: 222;}
.logo{margin-top: 50px;}
.head .logo h1 {line-height: 0px;}

.head  #nav {position: relative;}
.head .nav ul li{float: left; padding: 49px 22px 39px; position: relative;}
.head .nav ul li em{display: block;font-size: 16px; color: #333; text-align: center;}
.head .nav ul li em span{display: block; font-size: 14px;  font-family: arial;}
.head .nav ul li:hover{background: #197cbf;}
.head .nav ul li:hover em{color: #fff;}
.head .nav ul li.on{background: #197cbf;}
.head .nav ul li.on em{color: #fff;}

.head .nav ul li .hide{position: absolute; display: none; z-index: 222;  padding-top:39px; left:0;}
.head .nav ul li .hide em{float: left; background: #fff;opacity: 0.8;}
.head .nav ul li .hide em a{display:block; font-size: 15px;line-height:45px; text-align:center;  color: #333; width: 122px;}
.head .nav ul li .hide em a:hover{color: #197cbf;  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;}





.head-zw{height: 118px;}


/*首页banner*/
.banner{position:relative;}
.banner-hd {height:588px;position: relative; overflow:hidden; width: 100%;}
.banner-hd  ul{height:100%;margin: 0 auto;}
.banner-hd ul a{display: block; 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:48px;height:10px;  color: #FFFFFF;margin:0 5px; cursor:pointer; float: left; background: #f3f3f3;}
.banner-hd .num li.on {background: #f74334;  } /*当前项*/


/*关于我们*/
.about{background: url(../images/about-bg.png) no-repeat center top; margin: 53px 0 60px; height: 396px;}
.about-title{margin-bottom: 127px;}
.about-title h3{display: inline-block; font-size: 24px; line-height: 24px; color: #333;}
.about-title h3 em{display: inline-block;  color: #197cbf; line-height: 24px; margin: 0 5px;}
.about-title h3 i{display: inline-block; width: 145px; height: 1px; background: #c6c6c6; vertical-align: middle;}
.about-info{ background: rgba(25,124,191,0.85); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c8197cbf,endcolorstr=#c8197cbf); padding: 41px 0 0px 18px; width: 953px; height: 204px;}
.about-info p{display: block; font-size: 14px; line-height: 30px; color: #fff; width: 923px; margin-bottom: 25px;}
.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:143px;height:37px;border:1px solid #fff;font-weight:normal;font-size: 14px; line-height:37px;color:#fff!important;text-align: center; }
.about-more:before{content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #f74334;-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:#f74334!important;}
.about-more:hover:before, .about-more:focus:before, .about-more:active:before{-webkit-transform: scaleX(1);transform: scaleX(1);}


/*产品中心*/
.product{background: #e7e7e7; padding: 77px 0 40px;}
.product .ny-left{padding: 0 6.5px 24px;}


.ny-left{width: 267px; background: #197cbf; padding: 33px  6.5px 24px;}
.column-title{padding-top: 25px;}
.column-title h3{display: block; font-size: 22px; line-height: 22px; color: #fff; margin-bottom: 10px;}
.column-title em{display: block; font-size: 22px; line-height: 16px; color: #cceaff; margin-bottom: 20px;}



.ctitle1{background: #fff; border-radius: 6px; padding: 17px 0; }
.ctitle1 li{width: 266px; margin-left: 1px; margin-bottom: 7px;}
.ctitle1 li a {display: block; background: url(../images/ctitle-li.png) no-repeat 24px center #ececec;font-size: 16px;line-height: 49px; color: #333; padding-left: 49px;}
.ctitle1 li.on a {background: url(../images/ctitle-li-on.png) no-repeat 24px center #5e5e5e; color: #fff;}
.ctitle1 li:hover a {background: url(../images/ctitle-li-on.png) no-repeat 24px center #5e5e5e; color: #fff;}

.index-form{background: #fff; padding: 12px 0; width: 267px;}
.index-form ul li{float: left; margin-bottom: 8px;}
.index-form ul li span{display: block; width: 53px; font-size: 14px; line-height: 29px; color: #333; text-align: center;}
.index-form input,.index-form textarea{font-family: "Microsoft YaHei"; outline: none; border: none;}
.index-form ul li input{display: block; padding-left: 10px; width: 190px; background: #eee; font-size: 13px; line-height: 29px; color: #333;}
.index-form ul li textarea{display: block; padding-left: 10px; width: 190px; background: #eee; font-size: 13px; color: #333; height: 100px;}
.index-form em{display: block; font-size: 13px; line-height: 20px; color: #939393; width: 251px; margin: 2px auto 10px;}
.index-form .index-buttom{display: inline-block; cursor: pointer; width: 80px; height: 30px; background: #eee; font-size: 14px; line-height: 30px; color: #333; text-align: center; border-radius: 4px; margin: 0 11px;}
.index-form .submit{background: #197cbf; color: #fff;}


.product-more{display: block; background: #fff; width: 201px; font-size: 15px; line-height: 46px; color: #197cbf; text-align: center; margin: 36px auto 0; border-radius: 4px;transition: 0.5s;}
.product-more:hover{background: #f74334; color: #fff;}

.ny-right{width: 869px;}
.product-list  ul{width: 879px;}
.product-list  ul li{float: left; width: 283px; margin-right: 10px; margin-bottom: 24px;}
.product-list  ul li .pic{width: 283px; height: 239px; margin-bottom: 1px;}
.product-list  ul li .info{ background: #fff; padding: 20px 14px 18px;}
.product-list  ul li .info em{display: block; font-size: 18px; line-height: 18px; color: #333; margin-bottom: 10px;}
.product-list  ul li .info p{display: block; font-size: 14px; line-height: 24px; color: #666; margin-bottom: 23px;}
.product-list  ul li .info .pro-more{display: block; font-size: 15px; line-height: 11px; color: #666; }

.product-list  ul li:hover .info{background: #197cbf;}
.product-list  ul li:hover .info em,.product-list  ul li:hover .info p,.product-list  ul li:hover .info .pro-more{color: #fff;}
.product-list  ul li:hover .info .pro-more{text-decoration: underline;}


/*联系我们*/
.contact{margin: 58px 0 84px;}
.contact-title {background: url(../images/contact-title.png) no-repeat center; margin-bottom: 51px;}
.contact-title h3{display: block; font-size: 24px; line-height: 24px; color: #333; text-align: center;}
.contact-title h3 em{ color: #197cbf; margin-left: 10px;}

.map{width: 421px; height: 366px; border: solid 1px #bbb; margin-right: 29px;}
.contact .content{margin-right: 56px;}
.contact .content .pic{width: 336px; height: 189px;}
.contact .content .info{width: 334px; border: solid 1px #bbb; border-top: none; padding: 21px 0 17px;}
.contact .content .info p{display: block; font-size: 15px; line-height: 35px; color: #333; margin-left: 15px;}

.contact-zx{width: 303px;}
.contact-zx span{display: block; font-size: 22px; line-height: 22px; color: #333; }
.contact-zx em{display: block; margin: 26px 0 24px; font-size: 16px; line-height: 16px; color: #666; }
.contact-zx strong{display: block; background: url(../images/contact-tel.png) no-repeat 15px center #f74334; border-radius: 4px; padding-left: 67px; font-size: 24px; line-height: 57px; color: #fff;}
.contact-zx .order-button{display: block; margin: 9px 0 16px; background: #e1e1e1; border-radius: 4px;  font-size: 16px; line-height: 57px; color: #333; text-align: center; font-weight: bold;}

/* Shutter Out Horizontal */
a.hvr-shutter-out-horizontal {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.3s;transition-duration: 0.3s;background: #ff9900;color: #fff;}
a.hvr-shutter-out-horizontal:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #197cbf;border-radius: 4px;-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;}
a.hvr-shutter-out-horizontal:hover,a.hvr-shutter-out-horizontal:focus,a.hvr-shutter-out-horizontal:active {color: white;}
a.hvr-shutter-out-horizontal:hover:before,a.hvr-shutter-out-horizontal:focus:before,a.hvr-shutter-out-horizontal:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);}


.contact-zx p{display: block; font-size: 14px; line-height: 30px; color: #666; }


/*公共底部*/
.foot{background: #1c1b19; height: 315px;}
.foot-logo{width: 261px; margin-top: 95px;}
.foot-nav{background: #3d3d3d; width: 213px; padding-left: 35px; padding-top: 42px; height: 218px;}
.foot-nav ul li{}
.foot-nav ul li em{display: block; background: url(../images/foot-nav-li.png) no-repeat left center; padding-left: 28px; font-size: 16px; line-height: 35px; color: #fff; -webkit-transition: 0.4s linear; -moz-transition: 0.4s linear; -ms-transition: 0.4s linear; -o-transition: 0.4s linear; transition: 0.4s linear;} 
.foot-nav ul li em span{font-size: 14px; color: #7e7e7e; margin-left: 14px;}
.foot-nav ul li:hover em{margin-left: 15px; }

.foot-ys{height: 260px; padding-left: 50px; width: 599px;}
.foot-ys-list{margin: 32px 0 39px;}
.foot-ys-list ul li{float: left; background: url(../images/foot-ys-icon.png) no-repeat center; width: 88px; font-size: 16px; line-height: 101px; color: #f74334; text-align: center; margin-right: 31px;}
.foot-ys p{display: block; font-size: 14px; line-height: 14px; color: #9e9e9e; margin-bottom: 10px;}
.foot-ys p a{color: #9e9e9e;}
.foot-ys p a:hover{text-decoration: underline;}


/*在线咨询*/
.zx-service{position:fixed; right:0px; top:321px;z-index: 10000; }
.service-box{background-color: #fff; border-radius:5px; width:90px; margin-bottom:8px;box-shadow: 0px 2px 3px  #929ea9;}
.service-box span{display:block;}
.service-box span.text{ background:url(../images/kf01.png) no-repeat; height:47px; line-height:40px; text-align:center; color:#fff; font-size:16px; position:relative; z-index:10;}
.service-box ul{margin-top: -7px;}
.service-box li{border-bottom:1px solid #efefef; text-align:center; position:relative;}
.service-box li em{font-size:12px;color: #757575;}
.service-box li a{display:block; padding-top:6px; padding-bottom:3px;}
.service-box li:first-child a{padding-top: 14px;}
.service-box li:last-child a{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.service-box li a:hover{background:#f9f9f9;}
.service-box li a:hover em{color:#197cbf; }
.service-box ul li:last-child{border:none;}
.service-box li p{position:absolute; left:-154px; width:150px; top:0; background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);display:none; font-size:18px; font-weight:bold;color: #197cbf;padding: 10px 0px;}
.service-box li:hover p{display:block; }
.service-arrow{box-shadow: 0px 2px 2px #d6d6d6;border:1px solid #ddd;  border-radius:5px;  width:90px; background:url(../images/kf05.png) no-repeat center center #fff; height:40px; cursor:pointer; }
.service-arrow a{display:block; width:90px; height:45px;}


/*内页样式*/
.ny-hd{height: 450px;}
.ny-main{margin-top: 25px; margin-bottom:100px;}

.ny-contact{background:#464646;height: 75px;padding-left: 30px;padding-top: 24px;margin-top:20px }
.ny-contact em{display: block; font-size: 14px;line-height: 14px;color: #fff;margin-bottom: 10px;}
.ny-contact p{background: url(../images/ny-contact-tel.png)no-repeat left center;font-size: 20px;line-height: 28px;font-weight: bold; color: #fff; padding-left:38px;}

.ny-right .position{display: block;margin-top: 30px; margin-bottom: 25px; border-bottom: solid 1px #ddd;position: relative;}
.ny-right .position span{display: block; padding-left: 50px; font-size: 13px;line-height: 40px;background: url(../images/ny-home.png) no-repeat 20px center;border-bottom: solid 1px #197cbf; z-index: 3;position: absolute;bottom: -1px;left: 0;}
.ny-right .position span a.on{color: #176798;}
.ny-right .position span a:hover{color: #176798;}


/*内页产品列表*/
.ny-product-list ul li{border: solid 1px #e7e7e7;  margin-right: 8px;}
.ny-product-list ul li .pic{margin-bottom: 0; border-bottom: solid 1px #e7e7e7; overflow: hidden;}
.ny-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;}
.ny-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;}


/*产品详情*/
.ny-right  .pro1 .pro-list-pic{width: 332px;}
.ny-right  .pro1 .spec-preview img{display: block;}
.ny-right  .pro1 .descript1{width: 500px;}
.ny-right  .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #2d2d2d;display: block;}
.ny-right  .pro1 .descript1 p{width: 500px;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: #197cbf; }
.ny-right  .pro1 .descript1 a.consult:hover{background-color: #f74334;}
.ny-right  .pro1 .descript1 p.haoma{font-size: 18px; font-weight: bold; color: #f74334;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 #197cbf; margin-bottom: 15px;}
.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:#197cbf;}


/*在线下单*/
.order-border{border: solid 1px #e2e2e2; width: 908px; padding:17px 19px 39px; margin: 0 auto 40px;}
.order-border strong{display: block; font-size: 20px; line-height: 20px; color: #333; margin-bottom: 26px; margin-left: 10px;}
.order-border em{display: block; background: #d9f0ff; font-size: 15px; line-height: 38px; color: #484848; font-weight: bold; padding-left: 16px; margin-bottom: 23px;}
.order-border  ul li{margin-bottom: 20px;}
.order-border  dl{margin-left: 19px;}
.order dl dt{float: left; margin-right: 36px; position: relative; margin-bottom: 14px;}
.order dl dt span{display: inline-block; font-size: 15px; line-height: 15px; color: #666; margin-left: 5px; }
.order dl dt img{position: absolute; top: 20px; border: solid 1px #ccc; display: none; z-index: 2}
.order dl dt:hover img{display: block;}
.order ul li:nth-child(3) dl dt,.order ul li:nth-child(4) dl dt,.order ul li:nth-child(5) dl dt{width: 25%; margin-right: 0;}
.order b{display: block; font-size: 14px; line-height: 14px; color: #666; font-weight: normal; margin-bottom: 26px;}  
.order textarea{width: 100%; border-radius: 4px; height: 205px; border: solid 1px #d7d7d7; font-size: 13px; line-height: 26px; color: #666; text-indent: 2rem; font-family: "Microsoft YaHei";}
.submit{display: block; width: 154px; height: 42px; background: #197cbf; font-size: 16px; line-height: 42px; color: #fff; text-align: center; margin: 0 auto; border: none; outline: none;font-family: "Microsoft YaHei"; cursor: pointer; border-radius: 4px; }
.submit:hover{background: #f74334;}

.order2 dl{margin-bottom: 35px;}
.order2 dl dt{margin-right: 36px; display: inline-block;}
.order2 dl dt span{display: inline-block; font-size: 13px; line-height: 32px; color:#666; margin-right: 20px;}
.order2 dl dt input{display: inline-block; font-size: 13px; line-height: 30px; height:30px;  border: solid 1px #d7d7d7; padding-left: 16px;  border-radius: 4px;  outline: none;font-family: "Microsoft YaHei"; }
.order2 dl dt .input1{ color: #bebebe; width: 242px; }
.order2 dl dt select{display: inline-block; font-size: 13px; line-height: 32px;  height:32px; color: #464646; padding-left: 16px; width: 118px; border-radius: 12px; outline: none; margin-right: 13px; appearance: none;-moz-appearance: none;-webkit-appearance: none; background: url(../images/select-icon.png) no-repeat 90% center;}
.order2 dl dt .input2{color: #464646; width: 118px; border-radius: 12px;  margin-right: 8px;}
.order2 dl dt b{display: inline-block; font-size: 14px; line-height: 32px; color:#a1a1a1; font-weight: normal;}
.order2 dl dt .input3{ width:562px; border-radius: 4px; color: #bebebe;}
.order2 .input4{display: block; width: 96%; height: 143px; background: #f8f8f8; outline: none; border: none; padding: 0 2%;}



.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;}