@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: url(../images/top-bg.jpg) no-repeat center; border-bottom: solid 1px #dadada; line-height: 40px;}
.top p{color: #666;}
.top ul{margin-top: 14px;}
.top ul li{float: left;}
.top ul li a{display: block; font-size: 14px; line-height: 14px; color: #fff; padding: 0 8px; border-right: solid 2px #fff;}


.head{height: 110px;}
.logo{margin-top: 25px;}
.head .logo h1 {line-height: 0px;}

.head-tel{background: url(../images/head-tel.png) no-repeat left center; padding-left: 60px; margin-top: 35px;}
.head-tel span{display: block; font-size: 15px; line-height: 15px; color: #333; margin: 6px 0 7px;}
.head-tel strong{display: block; font-size: 27px; line-height: 20px; color: #ff0000;}

.nav{background: #176335; height: 51px; z-index: 3;position: relative;}
.nav ul li{float: left; position: relative; }
.nav ul li>a{display: block; font-size:15px; line-height: 51px; color: #fff; text-align: center; width: 171px;}
.nav ul li.on>a{background: #fb8d21;}
.nav ul li:hover>a{background: #fb8d21; } 
.nav ul li .hide{background-color: #fff;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);float: left;font-size: 14px;left: 0px;display: none;width: 171px;opacity: 0.8;position: absolute;text-align: center;z-index: 10000;}
.nav ul li .hide em a{ display:block; font-size: 15px;line-height:35px;font-weight: normal; text-align:center; height:35px; color: #333;}
.nav ul li .hide em a:hover{background: #fff; color: #fb8d21; 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;}
.navfixed{position: fixed; width: 100%; top: 0; z-index: 222;}


/*首页banner*/
.banner{position:relative;}
.banner-hd {height:566px;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:10px;height:10px; 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: #fb8d21;  } /*当前项*/


/*关于我们*/
.title em{display: block; font-size: 40px; line-height: 29px; color: #333; margin-bottom: 19px;}
.title h3{display: block; font-size: 28px; line-height: 28px; color: #176335;}
.about{margin:56px 0 82px;}
.about p{display: block; width: 100%; font-size: 15px; line-height: 30px; color: #666; text-align: center; margin: 30px 0 27px; margin-right: 0;}

.about-link{width: 810px; padding: 23px 0 17px; border-top: solid 1px #dadada; border-bottom: solid 1px #dadada; text-align: center; margin: 0 auto 44px;}
.about-link ul li{display: inline-block; margin: 0 20px;}
.about-link ul li em{display: block; font-size: 15px; line-height: 25px; color: #666; padding-left: 40px;}
.about-link ul li .about-icon1{background: url(../images/about-icon1.png) no-repeat left center;}
.about-link ul li .about-icon2{background: url(../images/about-icon2.png) no-repeat left center;}
.about-link ul li .about-icon3{background: url(../images/about-icon3.png) no-repeat left center;}
.about-link ul li:hover em{color: #176335;}
.about-link ul li:hover .about-icon1{background: url(../images/about-icon1-on.png) no-repeat left center;}
.about-link ul li:hover .about-icon2{background: url(../images/about-icon2-on.png) no-repeat left center;}
.about-link ul li:hover .about-icon3{background: url(../images/about-icon3-on.png) no-repeat left center;}

.more a{ display: block;width:148px;font-size: 14px; line-height:40px; color: #666; text-align: center; border:1px solid #666;margin:0 auto;position: relative; overflow: hidden;transition: all .6s;}
.more a:after{height: 100%; width: 148px;   background:#fb8d21; content: '';display: block;transform: rotate(50deg); position: absolute; top: 0;left: -190px;z-index: 99;transform: skewX(-45deg) translateX(0);transition: all .6s;}
.more a:hover:after{left:0;}
.more a:hover{color:#fff}
.more a em{ position: relative;z-index:9999}


/*产品专区*/
.product{background: url(../images/product-bg.jpg) no-repeat center; padding-top: 63px; height: 613px; margin-bottom: 39px;}
.product .title{margin-bottom: 65px;}
.product .title em,.product .title h3{color: #fff;}
.product-list{overflow: hidden; margin-bottom: 69px;}
.product-list ul li{float: left; width: 281px; margin-right: 26px;}
.product-list ul li .pic{width: 281px; height: 243px; 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; background: #176335; font-size: 16px; line-height: 53px; color: #fff; text-align: center;}
.product-list ul li:hover em{background: #fb8d21;}
.product .more a{border: solid 1px #fff; color: #fff;}


/*新闻资讯*/
.news{padding-bottom: 50px; border-bottom: solid 1px #176335;}
.news .title{margin-bottom: 39px;}
.latest-news{width: 513px; margin-bottom: 33px;}
.latest-news .pic{width: 513px; height: 185px;}
.latest-news .date{background: #176335; width: 91px; height: 127px; padding-top: 40px;}
.latest-news .date b{display: block; font-size: 18px; }
.latest-news .date i{display: block; width: 38px; height: 1px; background: #fff; margin: 0 auto;}
.latest-news .date strong{display: block; font-size: 22px; }
.latest-news .info{background: #e2ecf8; padding:0 145px 0 14px; width: 263px; height: 167px;}
.latest-news .info em{display: block; font-size: 15px; line-height: 30px; color: #333; margin: 13px 0 8px;}
.latest-news .info i{display: block; width: 59px; height: 2px; background: #176335; margin-bottom: 14px;}
.latest-news .info p{display: block; font-size: 13px; line-height: 26px; color: #666;}
.latest-news .info em:hover{color: #176335;}

.news-list{width: 639px; background: #fcfcfc; padding: 15px 14px 17px 34px;}
.news-list ul li{float: left; line-height: 62px;  border-bottom: solid 1px #dadada; width: 100%;}
.news-list ul li  em{display: inline-block; font-size: 13px; color: #333; margin-right: 22px;}
.news-list ul li  p{display: inline-block; font-size: 15px; color: #333; }
.news-list ul li span{display: inline-block; font-size: 15px; color: #333; margin-right: 30px;}
.news-list ul li:hover  em{color: #1f6bc0;}
.news-list ul li:hover  p{color: #176335;}
.news-list ul li:hover span{color: #176335;}


/*合作案例*/
.case{background: url(../images/case-bg.jpg) no-repeat center; padding-top: 45px; height: 523px;}
.case .title{margin-bottom: 31px;}
.case-list{overflow: hidden; margin-bottom: 37px;}
.case-list ul li{float: left; padding: 10px 9px 0; width: 270px; border: solid 1px #d9d9d9; border-radius: 4px; margin-right: 13px;}
.case-list ul li .pic{width: 270px; height: 210px; 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; font-size:15px; line-height: 55px; color: #333; text-align: center; }
.case-list ul li:hover{border: solid 1px #176335;}
.case-list ul li:hover em{color: #176335;}

/*公共底部*/
.foot{background: #161616; height: 243px;}
.foot-top{height: 165px; border-bottom: solid 1px #454545;}
.foot-top dl {float: left;}
.foot-top dl dt{margin: 33px 0 36px; font-size: 18px; line-height: 18px; color: #fff;}
.foot-top dl p{display: block; font-size: 15px; color: #fff; padding-left: 21px;}
.foot-top dl p.foot-icon1{background: url(../images/foot-icon1.png) no-repeat left center;}
.foot-top dl p.foot-icon2{background: url(../images/foot-icon2.png) no-repeat left center;}
.foot-top dl.foot-nav{width: 439px; margin-left: 71px;}
.foot-top dl a{float: left; display: block; font-size: 15px; line-height: 30px; color: #fff; width: 60px; margin-right: 27px;}
.foot-top dl a:hover{color: #fb8d21;}

.search input{outline: none; border: none; font-family: "Microsoft YaHei";}
.search-text{display: inline-block; padding-left: 23px; height: 54px; background: #f0f0f0;  font-size: 14px; line-height: 54px; color: #666;}
.search-btn{display: inline-block; width: 85px; height: 54px; background: #fb8d21; font-size: 14px; line-height: 54px; color: #fff; text-align: center; cursor: pointer;}

.foot-copy p{display: block; font-size: 15px; line-height: 77px; color: #fff;}
.foot-copy p a{color: #fff;}
.foot-copy p a:hover{color: #fb8d21;}


/*在线咨询*/
.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:#176335; }
.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: #176335;padding: 10px 0px;}
.service-box li p.zx-tel{width: 180px; left: -184px;}
.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-left{width: 267px; background: #176335; padding: 33px  6.5px 24px;}
.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: 36px;}

.ctitle1{background: #fff; border-radius: 6px; padding: 17px 0 14px; }
.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;}

.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{width: 890px;}
.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: #176335;}
.ny-right .position span a:hover{color: #176335;}



/*内页产品列表页*/
.ny-product-list ul{width: 918px;}
.ny-product-list ul li{width: 276px; margin-right: 30px; margin-bottom: 26px;}
.ny-product-list ul li .pic{width: 274px; height: 237px; border: solid 1px #ccc; border-bottom: none;}
.ny-product-list ul li em{line-height: 45px;}

/*产品详情*/
.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: 16px;color: #333333;line-height: 30px;}
.ny-right  .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #176335; }
.ny-right  .pro1 .descript1 a.consult:hover{background-color: #fb8d21;}
.ny-right  .pro1 .descript1 p.haoma{font-size: 18px; font-weight: bold; color: #fb8d21;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 #176335; margin-bottom: 20px;}
.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:#176335;}


/*内页合作案例*/
.ny-case-list ul{width: 918px;}
.ny-case-list ul li{width: 256px; margin-right: 30px; margin-bottom: 26px;}
.ny-case-list ul li .pic{width: 256px; height: 199px;}
.ny-case-list ul li em{line-height: 40px;}


/*内页公司新闻列表*/
.ny-news-list ul li{overflow: hidden;padding-bottom: 22px;border: none;border-bottom: solid 1px #f0f0f0; margin-bottom: 20px;}
.ny-news-list ul li .date{width: 82px;padding: 14px 7px;border:solid #dbdbdb 1px;border-radius: 5px;}
.ny-news-list ul li .date span{display: block;border-bottom: solid #dbdbdb 1px;font-size: 40px;line-height: 40px;color: #176335; padding-bottom: 8px;}
.ny-news-list ul li .date p{font-size: 17px;line-height: 17px;color: #747474; margin-top: 15px;}
.ny-news-list ul li .descript{overflow: hidden;width: 770px;}
.ny-news-list ul li .descript strong{width:600px; font-size: 16px;line-height: 38px;color: #232323;font-weight: bold;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.ny-news-list ul li .descript strong:hover{color: #176335; }
.ny-news-list ul li .descript p{color: #5f5f5f;font-size: 14px;line-height: 22px;}


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