@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: #f2f2f2; height: 45px; line-height: 45px;}
.top p{display: block; font-size: 14px; color: #666;}
.top ul li{float: left; padding: 0 34px; border-left: solid 1px #d9d9d9;}
.top ul li a{display: block; font-size: 14px; color: #666; padding-left: 26px;}
.top ul li a.icon1{background: url(../images/top-icon1.png) no-repeat left center;}
.top ul li a.icon2{background: url(../images/top-icon2.png) no-repeat left center;}
.top ul li a.icon3{background: url(../images/top-icon3.png) no-repeat left center;}
.top ul li a:hover{color: #199B3D;}

.head{height: 140px;}
.head .logo{margin-top: 26px;}
.head .logo h1 {line-height: 0px;}
.head .wechat{background: url(../images/wx.png)  no-repeat right center; padding-right: 100px; height: 93px; margin-top: 25px;}
.head .wechat span{display: block; font-size: 15px; line-height: 15px; color: #555555; margin: 10px 0;letter-spacing:3px;}
.head .wechat strong{display: block; font-size:29px; line-height: 20px; color: #FC4041; font-family: arial; margin-bottom: 11px;}
.head .wechat b{display: block; font-size: 15px; line-height: 15px; color: #199A3D;}


.nav{background: #199B3D; height:60px;}
.nav ul li{float: left; position: relative; width: 171px;}
.nav ul li>a{display: block; font-size:16px; line-height: 60px; color: #fff; text-align: center; }
.nav ul li.on>a{background: #EA3A34;}
.nav ul li:hover>a{background: #EA3A34; } 
.nav ul li .hide{background-color: #fff;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);float: left;font-size: 14px;left: 0px;display: none;width: 171px;opacity: 0.9;position: absolute;text-align: center;z-index: 22;}
.nav ul li .hide em a{ display:block; font-size: 14px;line-height:40px;font-weight: normal; text-align:center; height:40px; color: #333; border-bottom: dashed 1px #bcbbbb;}
.nav ul li .hide em:last-child a{border-bottom: none;}
.nav ul li .hide em a:hover{ color: #EA3A34; 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; top: 0; width: 100%; top: 0; z-index: 222;}


/*首页banner*/
.banner{position:relative;}
.banner-hd {height:600px;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:12px;height:12px; 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: #199B3D;  } /*当前项*/


/*搜索*/
.search{ background: #EEEEEE;height:70px;line-height: 70px;margin-bottom:20px;}
.search-left span em{margin-right:10px;font-size:15px;color:#16944E;font-weight:bold;line-height: 62px;border-top:3px solid #16944E;height:67px;float:left}
.search-left span{color:#333;font-weight:bold;font-size:15px;float:left}

.search-nr a{color:#666666;font-size:15px;margin:0 15px;font-weight: normal;}
.search-nr a:hover{color:#16944E}

.search-right{width:340px;height:40px;border-radius:40px; background: #fff;margin-top:15px;}
.search-right input{float:left}
.search-right .text{width:290px;border:none; background: none;line-height:40px;text-indent:20px;}
.search-right .submit{margin-right:8px;width:40px;height:40px; background: none;border:none; background: url(../images/search.png) no-repeat center center;}
/*搜索*/

/*产品中心*/
.product{margin-bottom: 50px;}
.ny-left{width: 260px;border:2px solid #16944E;}
.column-title{background: url(../images/pro-icon.png) no-repeat 27px center rgba(23,157,66,1); padding-top: 24px; height: 74px; padding-left: 97px;}
.column-title h3{display: block; font-size: 34px; line-height: 34px; font-weight: bold; margin-bottom: 2px;}
.column-title span{display: block; font-size: 14px;}
.ctitle1{padding:10px 0}
.ctitle1>li{float: left; margin-top: 1px; width: 260px;}
.ctitle1>li>a{display: block; background: url(../images/pro-icon-hui.png) no-repeat 190px center #f2f2f2; font-size: 16px; line-height: 50px; color: #4c4c4c;width:226px;margin:5px auto;text-indent: 16px;}
.ctitle1 .ctitle2{ padding:5px 0 8px 19px; display: none;}
.ctitle1 li:first-child .ctitle2{display: block;}
.ctitle1 .ctitle2 li a {display: block; font-size: 14px; line-height: 32px; color: #666; background: url(../images/pro-icon1.png) no-repeat left center; padding-left:25px;}
.ctitle1>li.on>a,.ctitle1>li:hover>a{background: url(../images/pro-icon-bai.png) no-repeat 190px center; background-color:#179D42; color: #fff; font-weight: bold;}
.ctitle1 .ctitle2 li:hover a{color:#16944E}

.ctitle1 .ctitle2 li a {display: block; font-size: 14px; line-height: 32px; color: #666; background: url(../images/ctitle2.png) no-repeat left center; padding-left: 14px;}
.ctitle1>li.on>a,.ctitle1>li:hover>a{background: url(../images/ctitle1-on.png) no-repeat 224px center #208e87; color: #fff;}
.ctitle1 .ctitle2 li.on a,.ctitle1 .ctitle2 li:hover a{background: url(../images/ctitle2-on.png) no-repeat left center; color: #208e87; font-weight: bold;}

.class-contact{background: url(../images/class-contact.png) no-repeat center; height: 70px; width: 260px; margin-top: 1px; padding-top: 30px;}
.class-contact .tel{background: url(../images/class-tel.png) no-repeat 15px center; padding-left: 78px;}
.class-contact .tel span{display: block; font-size: 15px; line-height: 15px; margin-bottom: 10px;}
.class-contact .tel strong{display: block; font-size: 24px; line-height: 17px; font-family: arial;}

.product-right{width: 915px;}
.product-title{width:895px; background: #f2f2f2; height: 50px; line-height: 50px; margin-bottom: 20px;}
.product-title h3{display: inline-block; font-size: 15px; color: #333; padding-left: 15px;font-weight:bold}
.product-title a{font-size: 16px; color: #199B3D;transition: 0.6s;}
.product-title a:hover{margin-right: 10px;}

.product-list ul li{float: left; width: 280px; margin-left: 20px; border: solid 1px #E6E6E6; margin-bottom: 20px; background:#f5f5f5;}
.product-list ul li .pic{width: 280px;height:200px;overflow: hidden;}
.product-list ul li .pic img{width:100%;transition: all .3s;}
.product-list ul li:hover .pic img{transform: scale(1.1);}
.product-list ul li .info em{display: block;font-size:16px;color:#333333;font-weight:bold;padding:10px 0 5px 0}
.product-list ul li .info{width:245px;margin:0 auto;padding-bottom:10px;}
.product-list ul li .info p{color:#777777}
.product-list ul li:hover .info em{color:#199B3D}
.product-list ul li:hover{ background: #eee;}


/*优势分割*/
.split{ background: url(../images/zx-bg1.jpg) no-repeat center center;height:189px;width:100%;}

.split-con{padding-top:40px;}
.split-left h2{font-size:32px;color:#fff;font-weight:bold}
.split-left p{width: 475px;height:40px;line-height:40px; background: #10783B;color:#fff;text-align: center;font-size:16px}

.split-right .split-tel{ background: url(../images/fg-tel.png) no-repeat center left;padding-left:55px;float:left}
.split-right .split-tel em{color:#fff;font-size:16px;display: block;}
.split-right .split-tel b{font-size:28px;color:#fff;line-height: 28px;display: block;}
.split-right{margin-top:25px;}
.split-right .split-more{float:left;margin-top:10px;margin-left:20px;}
.split-right .split-more a{font-size:16px;width:161px;height:43px;text-indent:25px;line-height:43px;text-align: center;background:url(../images/zx-icon.png) no-repeat center left 20px;background-color: #EA3A34; display: block;color:#fff}



/*关于我们*/
.about{background: #fff;margin:50px 0}
.about .pic{width: 500px;}
.about .info{width: 570px; position: relative;}
.about .info h3{margin:20px 0 30px 0}
.about .info h3 span{display: block; font-weight:bold;color:#333;font-size:22px;line-height:22px;}
.about .info h3 em{display: block;font-size:13px;color:#999999;margin-top:5px; }
.about .info strong{display: block; font-size: 16px; line-height: 16px; color: #333; margin-bottom: 11px;}
.about .info p{display: block; font-size: 14px; line-height: 30px; color: #808080; margin-bottom: 30px;}
.about .info a{border-radius:30px;display: inline-block; width: 157px; height: 42px; background:url(../images/about-more.png) no-repeat center right 27px #199B3D;text-indent: 30px; font-size: 16px; line-height: 42px; color: #fff; margin-right: 15px; transition:0.6s;}
.about .info .about-zx{background: #ef9e1b;}
.about .info a:hover{border-radius: 8px;}



/*在线咨询*/
.zx-service{position:fixed; right:0px; top:321px;z-index: 10000; }
.service-box{background-color: #fff; border-radius:6px; width:108px;}
.service-box span{display:block; margin-bottom: 8px;}
.service-box span.text{margin-bottom: 0; background:#199B3D; height:40px; line-height:40px; text-align:center; color:#fff; font-size:16px; position:relative; border-top-left-radius: 6px; border-top-right-radius: 6px;}
.service-box ul{border:1px solid #efefef; border-top: none;}
.service-box li{border-bottom:1px solid #efefef; text-align:center; position:relative;}
.service-box li em{font-size:14px;color: #757575;}
.service-box li a{display:block; padding: 14px 0 6px;}
.service-box li a:hover em{color:#199B3D; }
.service-box ul li:last-child a{padding: 14px 0 22px;}
.service-box li p{position:absolute; left:-150px; width:124px; top:0;display:none; border: solid 1px #f5f5f5;}
.service-box li p b{display: block; background: #f5f5f5; font-size: 14px; line-height: 30px; color: #333; text-align: center; font-weight: normal;}
.service-box li:hover p{display:block; }
.service-arrow{background:#199B3D; height:40px; line-height:40px; text-align:center; color:#fff; font-size:16px;  border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;cursor:pointer; }
.service-arrow a{display:block; color: #fff;}


/*优势*/
.winner{padding-bottom:150px}
.winner .title{font-size:40px;font-weight:bold;color:#138644;text-align: center;}
.winner .title em{color:#EE433C;font-weight: bold;}
.winner-con{ background: url(../images/ys-bg.jpg) no-repeat center bottom;height:600px;padding-top:30px;}
.winner-con .winner-bgfff{background: rgba(255,255,255,0.9);height:430px;    margin-top: 50px;}
.winner-pk{width:1106px;margin:0 auto; background: url(../images/vs.png) no-repeat center center;}
.winner-left{width:553px}
.winner-right{width:553px;}
.winner-left h2{ background: url(../images/vs-pc1.png) no-repeat center left;width: 553px;height:51px;line-height:51px;color:#fff;font-size:22px;font-weight:bold;float:left;text-align: center;}
.winner-right h2{ background: url(../images/vs-pc2.png) no-repeat center left;width: 553px;height:51px;line-height:51px;color:#fff;font-size:22px;font-weight:bold;float: right;text-align: center;}
.winner-left h2 img{ vertical-align: middle;}
.winner-left h2 img{ vertical-align: middle;}

.winner-left h3,.winner-right h3{font-size:22px;color:#333333;font-weight:bold;margin-top: 20px;border-bottom:1px solid #DDDDDD;width:390px;}
.win-all h2 img{vertical-align: middle;margin:0 15px ;}
.win-all h2{margin:30px 0 15px 0}
.win-all h3{padding:5px 0;margin:10px 0 5px 0}
.win-all h3,.win-all p{width:453px;}
.win-all div{width:453px;font-size:16px;height:50px}

.winner-right p{width:453px;float:right}
.winner-right div,.winner-right h3{float:right}

.winner-list ul{ overflow: hidden;}
.winner-bgfff .hide{ display: none;}
.winner-list li{cursor: pointer;float:left; background: url(../images/ys-iconbg.png) no-repeat center center;width: 149px;height:173px;text-align: center;margin:35px 45px;}
.winner-list li span,.winner-list li b{ display: block;}
.winner-list li span{width:70px;height:50px;display: block;margin:40px auto 0 auto}
.winner-list li b{font-size:20px;font-weight:bold;color:#1DA946;margin-top:10px;}
.winner-list li:hover,.winner-list li.on{ background: url(../images/ys-iconbg-blue.png) no-repeat center center;}
.winner-list li:hover b,.winner-list li.on b{color:#fff}
.winner-list li .w-i-1 { background: url(../images/ys-icon1-green.png) no-repeat center center;}
.winner-list li .w-i-2 { background: url(../images/ys-icon2-green.png) no-repeat center center;}
.winner-list li .w-i-3 { background: url(../images/ys-icon3-green.png) no-repeat center center;}
.winner-list li .w-i-4 { background: url(../images/ys-icon4-green.png) no-repeat center center;}
.winner-list li .w-i-5 { background: url(../images/ys-icon5-green.png) no-repeat center center;}

.winner-list li:hover .w-i-1{ background: url(../images/ys-icon1-fff.png) no-repeat center center;}
.winner-list li:hover .w-i-2{ background: url(../images/ys-icon2-fff.png) no-repeat center center;}
.winner-list li:hover .w-i-3{ background: url(../images/ys-icon3-fff.png) no-repeat center center;}
.winner-list li:hover .w-i-4{ background: url(../images/ys-icon4-fff.png) no-repeat center center;}
.winner-list li:hover .w-i-5{ background: url(../images/ys-icon5-fff.png) no-repeat center center;}


.winner-list li.on .w-i-1{ background: url(../images/ys-icon1-fff.png) no-repeat center center;}
.winner-list li.on .w-i-2{ background: url(../images/ys-icon2-fff.png) no-repeat center center;}
.winner-list li.on .w-i-3{ background: url(../images/ys-icon3-fff.png) no-repeat center center;}
.winner-list li.on .w-i-4{ background: url(../images/ys-icon4-fff.png) no-repeat center center;}
.winner-list li.on .w-i-5{ background: url(../images/ys-icon5-fff.png) no-repeat center center;}

/*四大优势*/
.ys-title{margin-bottom: 20px;}
.ys-title h2{font-size:36px;font-weight:bold;color:#e5322d;text-align: center;}
.ys-title h2 span{color:#10783B}
.ys-title p{color:#fff;width:740px;margin:0 auto; background: #199B3D;height:40px;line-height:40px;margin:0 auto;text-align: center;}

.ys-four-div{background: url(../images/ys-bg1.png) no-repeat center center;height:400px;}
.ys-four-left{margin:70px 0 0 80px}
.ys-four-left h3{ background:url(../images/ys01.png) no-repeat center left;padding-left:65px;}
.ys-four-left h3 b,.ys-four-left h3 em{display: block;}
.ys-four-left h3 b{font-size:24px;font-weight:bold;line-height:24px;color:#1DA946}
.ys-four-left h3 em{font-size:14px;color:#abbcc6;margin-top:5px}
.ys-four-left ul{margin:28px 0;margin-left:10px;}
.ys-four-left ul li{color:#666666;font-size:15px;margin-bottom:10px}
.ys-four-left ul li:before{content: '';width:5px;height:5px;border-radius:100%; background: #10783B;float:left;margin-top:10px;margin-right:15px;}
.ys-four-more a{margin-right:30px;float:left;width:160px;height:50px;line-height:50px;text-align: center;font-size:16px;color:#fff}
.ys-four-more{ overflow: hidden;}
.ys-more1{ background: #EA3A34;}
.ys-more2{ background: #199B3D;}
.ys-four-right{margin:10px 50px 0 0}


.ys-four-div2 .ys-four-left h3{ background:url(../images/ys02.png) no-repeat center left;padding-left:75px;}
.ys-four-div2 .ys-four-left{margin:70px 80px 0 80px}
.ys-four-div2 .ys-four-right{margin:10px 50px 0 80px}

.ys-four-div3 .ys-four-left h3{ background:url(../images/ys03.png) no-repeat center left;padding-left:70px;}
.ys-four-div3 .ys-four-left{margin:70px 0px 0 80px}
.ys-four-div3 .ys-four-right{margin:38px 50px 0 23px}

.ys-four-div4 .ys-four-left h3{ background:url(../images/ys04.png) no-repeat center left;padding-left:75px;}
.ys-four-div4 .ys-four-left{margin:70px 65px 0 10px}
.ys-four-div4 .ys-four-right{margin:25px 10px 0 77px}

.ys-four-tel1{ background: url(../images/ys-tel.png) no-repeat center left;padding:10px 60px}
.ys-four-tel1 em,.ys-four-tel1 span{display: block;}
.ys-four-tel1 em{color:#333;font-size:16px;line-height:16px;}
.ys-four-tel1 span{font-size:28px;color:#168d35;line-height: 28px;}
.ys-four-more1{width:160px;height:50px;line-height:50px;text-align: center;font-size:16px; background: #EA3A34;color:#fff}


/*电话咨询*/
.tel-bg{ background: url(../images/tel-bg.jpg) no-repeat center center; height:275px;margin:30px 0 0 0}
.tel-zx div{color:#fff;text-align: center;width:570px;margin:8px 0}
.tel-zx div:nth-child(1){font-size:26px;font-weight:bold;padding-top:55px;}
.tel-zx div:nth-child(2),.tel-zx div:nth-child(3){font-size:18px;}
.tel-zx div:nth-child(3) span{font-size:24px;font-weight:bold}
.tel-zx div:nth-child(4){margin-top:10px;}
.tel-zx div:nth-child(4) a{width:150px;height:45px; background: #fff;text-align: center;line-height:45px;display: inline-block;border-radius:8px;font-size:15px;margin:0 20px;}
.tel-zx div:nth-child(4) a:nth-child(1){ background: #D50002;color:#fff}
.tel-zx div:nth-child(4) a:hover{box-shadow: 1px 1px 10px #333;}

/*施工现场*/
.title{margin:30px 0}
.title span,.title b{display: block;text-align: center;}
.title b{font-size:36px;color:#009B59;}
.title span{font-size:16px;width:375px;margin:0 auto;color:#666666;height:35px;line-height:35px;}
.title span{border-top:1px solid #999999;border-bottom:1px solid #999999}
.winner .title{margin-bottom:0}
.constr{ position: relative;}
.constr-list{ overflow: hidden;width:1200px}
.constr-list ul li{width:290px;float:left;margin:5px;}
.constr-list ul li .pic{width:290px;height:195px;overflow: hidden;}
.constr-list ul li .pic img{transition: all .4s;}
.constr-list ul li .info{height:50px;line-height:50px;text-align: center; background: #EEEEEE;}
.constr-list ul li:hover .pic img{transform: scale(1.1);}
.constr-list ul li:hover .info{ background: #009B57;color:#fff}
.constr .hd a{ position: absolute;top:60%;cursor: pointer;}
.constr .hd .next{left:-4%}
.constr .hd .prev{right:-4%}


/*新闻中心*/
.news{padding:30px 0;margin-top:50px}
.news-left{width:735px;}
.news-left-title{border-bottom:1px solid #DDDDDD;padding:10px 0;margin-bottom:20px;}
.news-left-title span{font-size:20px;}
.news-left-title b{font-size:22px;font-weight:bold;color:#199B3D;font-family:arial}
.news-left-title a{font-size:14px;color:#888888;float:right;margin-top:15px;}
.news-left-title a:hover{color:#199B3D}

.news-left-dl{overflow: hidden;border-bottom:1px dashed #DDDDDD;padding-bottom:20px;margin-bottom:10px}
.news-left-dl dt,.news-left-dl dd{float:left}
.news-left-dl dt{width:192px;}
.news-left-dl dd{width:475px;margin-left:30px;}
.news-left-dl dd h2{font-size:16px;color:#333;margin-top:10px;}
.news-left-dl dd:hover h2{color:#9E8640}
.news-left-dl dd em{font-size:14px;color:#777;margin-top:10px;display: block;}
.news-left-dl dd p{color:#777;margin-top:10px;}

.news-left-ul li{float:left;width:340px;border-bottom:1px dashed #DDDDDD;margin-right:27px;height:70px;line-height:70px;}
.news-left-ul li h2{font-size:15px;color:#666666;width:260px;float:left;margin-left:15px}
.news-left-ul li h2:hover{color:#9E8640}
.news-left-ul li em{float:right;width:40px;float:right}
.news-left-ul li:before{content: '';float:left;width:13px;height:3px; background: #199B3D;margin-top:33px;}

.news-right{ background: #F3F3F3;border-radius:10px;width:408px}
.news-right .news-left-title{width:360px;margin:0 auto 0px auto}
.news-question dl{width:360px;margin:0 auto;padding:25px 0;border-bottom:1px dashed #EEEEEE}
.news-question dl dt,.news-question dl dd{overflow: hidden;}
.news-question dl span{float:left;width:26px;height:26px;text-align: center;line-height:26px;border-radius:100%;color:#fff;margin-right:10px}
.news-question dl dt span{ background: #199B3D;}
.news-question dl dd span{ background: #666666;}
.news-question dl p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical ;}
.news-question dl dt{margin-bottom:10px;}
.news-question dl dt p{color:#333333;font-size:16px}
.news-question dl dd p{color:#777777}
.news-question dl:hover dt p{color:#199B3D}

/*工程施工现场*/
.case{ background: url(../images/case-bg.jpg) no-repeat center center;height:470px}
.case .title{padding-top:40px;}
.case .title b{color:#fff}
.case .title span{border-color:#fff;color:#fff}

.case .container{ position: relative;}
.case-list{ overflow: hidden;width:1200px;margin-top:50px}
.case-list ul li{width:290px;float:left;margin:5px;}
.case-list ul li .pic{width:290px;height:195px;overflow: hidden;}
.case-list ul li .pic img{transition: all .4s;}
.case-list ul li .info{height:50px;line-height:50px;text-align: center; background: #EEEEEE;}
.case-list ul li:hover .pic img{transform: scale(1.1);}
.case-list ul li:hover .info{ background: #EA3A34;color:#fff}
.case .hd a{ position: absolute;top:60%;cursor: pointer;z-index:9999}
.case .hd .next{left:-4%}
.case .hd .prev{right:-4%}

/*合作伙伴*/
.partner{ background: #FAFAFA;padding:30px 0}
.partner .par-title{padding-bottom:30px;}
.partner .par-title span{font-size:24px;font-weight:bold;color:#333333}
.partner .par-title em{font-size:13px;color:#888888}
.partner-list ul{overflow: hidden;}
.partner-list ul li{float:left;width:220px;height:90px;margin-right:20px;}

/*底部*/
.footer{ background: #222222;padding-bottom:30px}
.foot1-top{overflow: hidden;padding:30px 0;border-bottom:1px solid #393939}
.foot1-top dl{float:left;margin:0 38px;}
.foot1-top dl dt{float:left}
.foot1-top dl dd{float:right;margin-top:7px;}
.foot1-top dl dd em{font-size:18px;color:#fff;line-height:18px;}
.foot1-top dl dd span{display: block;font-size:14px;color:#888888;line-height:14px;margin-top:5px;}

.foot-div{margin-top:17px;}
.foot-left{width:315px; background: url(../images/foot-dibu.png) no-repeat center top;margin-top:20px;}
.foot-left h2 span,.foot-left h2 b,.foot-left h2 em{color:#fff;display: block;}
.foot-left h2 span{font-size:14px;}
.foot-left h2 b{font-size: 27px;line-height:27px;margin-top:5px;}
.foot-left h2 em{font-size:12px;color:#999;margin-top:5px;}
.foot-right{width:855px;}
.foot-top{padding:20px 0}
.foot-bottom{margin-top:10px;}
.foot-div p,.foot-div p a{color:#fff}
.foot-right {color:#DFE1EA}
.foot-right a{color:#DFE1EA;width:105px;text-align: center;display: inline-block;}
.foot-right a:hover{color:#fff}
.foot-right .foot-a-l{ overflow: hidden;width:657px;margin-left:27px;}
.foot-right .foot-a-l span{float:left;width:240px;margin:4px 0}
.foot-right .foot-a-r{width:125px;margin-right:30px;}
.foot-right .foot-a-r dt,.foot-right .foot-a-r dd{float:left;color:#fff}
.foot-right .foot-a-r dd{writing-mode:tb-rl;letter-spacing:3px;float:right}
.foot-right .foot-a-l span:nth-child(6){width:400px}

/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#FF001C url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#FF001C url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#FF001C url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#FF001C url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}


/*内页*/
.ny-banner,.ny-banner .banner-hd{height:400px;overflow: hidden;}
.ny-main{margin:30px 0}
.ny-left{width:260px;}
.ny-right{width:900px;}

.position{width:872px;padding-bottom:15px;border-bottom:1px solid #ddd;margin-bottom:10px; background: url(../images/home.png) no-repeat left top 7px;padding-left:29px;}
.position a{font-size:16px;}
.ny-right .product-list ul li{margin:9px;}

.ctitle1 .ctitle2 li a {display: block; font-size: 14px; line-height: 32px; color: #666; background: url(../images/ctitle2.png) no-repeat left center; padding-left: 14px;}
.ctitle1>li.on>a,.ctitle1>li:hover>a{background: url(../images/ctitle1-on.png) no-repeat 224px center #199B3D; color: #fff;}
.ctitle1 .ctitle2 li.on a,.ctitle1 .ctitle2 li:hover a{background: url(../images/ctitle2-on.png) no-repeat left center; color: #199B3D; font-weight: bold;}

/*产品详情*/
.ny-right  .pro1 .pro-list-pic{width: 332px;}
.ny-right  .pro1 .spec-preview img{display: block;}
.ny-right  .pro1 .descript1{width: 520px;}
.ny-right  .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #2d2d2d;display: block;border-bottom: 1px solid #c0ccd6; padding: 10px 0 15px; margin-bottom: 10px;}
.ny-right  .pro1 .descript1 p{width: 520px;font-size: 13px;color: #666;line-height: 28px;margin: 10px 0;text-align: justify;}
.ny-right  .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #333; }
.ny-right  .pro1 .descript1 a.consult:hover{background-color: #199B3D;}
.ny-right  .pro1 .descript1 p.haoma{ color: #333;font-size: 15px;display: block; margin: 20px 0;}
.ny-right  .pro1 .descript1 p.haoma em {display: inline-block;color: #199B3D;font-size: 25px;font-weight: bold; vertical-align: middle;}
.ny-right  .pro1 .share{overflow: hidden;margin-top: 15px;}
.ny-right  .pro1 .share ul li{float: left;margin: 0 5px;}
.ny-right  .detail {margin-bottom: 15px;}
.ny-right  .detail .de-title{border-bottom: solid 3px #199B3D; 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:#199B3D;}



/*新闻中心*/
.ny-news-list li{padding:15px 10px;transition: all .6s;border-bottom:1px dashed #ddd}
.ny-news-list .news-img{width:192px;height:140px;}
.ny-news-list .news-int{width:665px;}

.ny-news-list .news-int b{ display: block;font-weight:normal;font-size:16px;color:#333}
.ny-news-list .news-int b abbr{float:right;font-size:14px;margin-right:10px;}
.ny-news-list .news-int p{color:#888;line-height:26px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical ;margin-top:10px;}
.ny-news-list .news-int i{ display: block;color:#8D8D8D;font-style: normal;margin-top:0px;width:100px;height:45px;line-height:45px;transition: all .6s;}

.ny-news-list li:hover{border-color:#10783B;box-shadow: 1px 1px 20px #ddd;}
.ny-news-list li:hover b{color:#10783B}
.ny-news-list li:hover i{ background:none;text-align: center;width:none;color:#10783B;padding-left:10px;}


/*案例中心*/

.ny-case-list ul li{width:290px;float:left;margin:5px;}
.ny-case-list ul li .pic{width:290px;height:195px;overflow: hidden;}
.ny-case-list ul li .pic img{transition: all .4s;}
.ny-case-list ul li .info{height:50px;line-height:50px;text-align: center; background: #EEEEEE;}
.ny-case-list ul li:hover .pic img{transform: scale(1.1);}
.ny-case-list ul li:hover .info{ background: #EA3A34;color:#fff}

/*合作伙伴*/

.ny-par-list ul{overflow: hidden;}
.ny-par-list ul li{float:left;width:220px;height:90px;margin:2px; background:#fff;border:1px solid #eee;box-sizing: border-box;overflow: hidden;}


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

.ny-right .product-list ul li p a{display: inline-block; width: 100px; height: 32px; font-size: 14px; line-height: 32px; color: #fff; border-radius: 5px; background: #199B3D; margin:9px 8px 5px;text-align: center;}
.ny-right .product-list ul li p a.pro-zx{background: #EA3A34;}



.flex-cc{display: flex; align-items: center; justify-content: center}
.product-list ul li .info{text-align: center; padding-bottom: 15px}
.product-list ul li .info em{padding: 10px 0}
.product-list ul li .info span{display: inline-block; width: 100px; font-size: 14px; line-height: 30px; color: #fff; border-radius: 5px; margin: 0 5px; }
.product-list ul li .info p{display: none}

.ny-main .product-list ul li .info p{display: block}