.aboutus{background: url(../images/aboutbg.jpg) no-repeat;}
.title{padding-top:110px}
.title h3{font-size: 32px; text-align: center;}
.title .line{height:1px; background:#ddd;width:80px;display: inline-block;}
.title .w200{width:400px;text-align: center;display: block;margin:0 auto}
.title span.txt{display: inline-block;font-size: 28px;padding:0 10px 0 }

/*关于我们*/
.aboutbox{margin-top:60px;min-height: 650px;}
.ebox{width:300px;height: 240px; text-align: center;position: relative;overflow: hidden;float: left;}
.w_box-001,.w_box-003{background: rgba(255,255,255,1);}
.w_box-001 .ut1{font-size: 24px;color: #333; position: absolute;top:95px;left:52px;width:196px}
.w_box-001 .ut2{font-size: 12px;color: #999; position: absolute;top:130px;left:52px;width:196px}

.w_box-002 img{transition: all 0.6s;vertical-align: middle; border: 0;}
.w_box-002 img:hover {transform: scale(1.1);}
.w_box-003 h3{text-align: left;padding:30px 20px 0;font-size: 22px;}
.w_box-003 .con{padding:10px 20px;text-align: left;line-height: 22px;color: #666;}

.w_box-004{background: rgba(56,119,85,1)}
.w_box-004 a{transition: all 0.6s;vertical-align: middle; border: 0; color: #fff;font-size: 80px;display: block;line-height: 220px;}
.w_box-004 a:hover {transform: scale(1.1);}
.w_box-004:hover{background: rgba(56,119,85,.9);}

.w_box-005{background: rgba(56,119,85,1)}
.w_box-005 a{transition: all 0.6s;vertical-align: middle; border: 0; color: #fff;font-size: 50px;display: block;line-height: 240px;}
.w_box-005 a:hover {transform: scale(1.1);}
.w_box-005:hover{background: rgba(56,119,85,.9);}

.ebox2{width:600px;height: 240px; text-align: center;position: relative;overflow: hidden;float: left;}
.w_box-007 img{transition: all 0.6s;vertical-align: middle; border: 0;}
.w_box-007 img:hover {transform: scale(1.1);}
.w_box-007 h3{text-align: left;padding:30px 20px 0;font-size: 22px;}
.w_box-007 .con{padding:10px 20px;text-align: left;line-height: 22px;color: #666;}


/*工艺技术*/
.productind{padding-bottom: 120px;}
.picScroll-left{ width:1300px;  overflow:hidden; position:relative; margin-left:-50px;margin-top:60px;}
.picScroll-left .hd{ overflow:hidden;  height:80px;position: absolute;top:200px;width:1300px}
.picScroll-left .hd .prev{ display:block;  width:39px; height:80px; float:left;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow2.png") no-repeat;}
.picScroll-left .hd .next{ display:block;  width:39px; height:80px;  margin-right:0px; overflow:hidden;
			 cursor:pointer; background:url("../images/arrow3.png") no-repeat;right: 0;position: absolute;}

.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .bd{ padding:0 0;  margin-left:50px }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 7px; float:left; _display:inline; overflow:hidden; text-align:center; width:288px; height:420px;position: relative; }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:288px; height:420px; display:block;border:0 }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;}
.protitle{position: absolute;z-index: 12;color: #fff;top:185px;width: 100%;text-align: center;transition: all 0.1s;  }
.protitle a{color: #fff;}
.protitle h3{font-size: 22px; opacity: .9;padding-bottom: 10px;}
.protitle p{font-size: 14px; opacity: .6;}
.picScroll-left .shade{background: rgba(0,0,0,.6);position: absolute;top:0;left: 0;height: 100%;width:100%;z-index: 8;transition: all 0.2s; }
.picScroll-left .shad2{background: rgba(56,119,85,.8);position: absolute;top:-210px;left: 0;height: 50%;width:100%;z-index: 8;transition: all 0.2s; }
.picScroll-left .picbox{position: absolute;z-index: 11;color: #fff; top: 420px;width:70%;text-align: center;left:15%;transition: all 0.2s; }
.picScroll-left .picbox dd{margin:8px auto;border:1px solid #fff;border-radius: 50px;line-height: 30px;}

.picScroll-left .bd ul li:hover .shade{background: rgba(0,0,0,.6);position: absolute;top:210px;left: 0;height: 100%;width:100%;z-index: 8;transition: all 0.2s; }
.picScroll-left .bd ul li:hover .protitle{position: absolute;z-index: 12;color: #fff;top:80px;width: 100%;text-align: center;transition: all 0.1s 0.1s ease-out ;  }
.picScroll-left .bd ul li:hover .shad2{background: rgba(56,119,85,.8);position: absolute;top:0;left: 0;height: 50%;width:100%;z-index: 8;transition: all 0.2s 0.2s ease-out ; }
.picScroll-left .bd ul li:hover .picbox{position: absolute;z-index: 11;color: #fff; top: 230px;width:70%;text-align: center;left:15%;transition: all 0.2s 0.2s ease-out ; }


/*工程案例*/
.anlibox{background: url(../images/anlibg.jpg) no-repeat;padding-bottom: 60px;}

.anltit{display: block;text-align: center;margin:50px auto 30px}
.anltit li{display: inline-block;text-align: center;background: #999;width:155px;height: 45px;border-radius: 50px;line-height: 45px;color: #fff;margin:0 10px}
.anltit li a{color: #fff;display: block;}
.anltit li:hover{background: #387755;}
.anltit li.active{background: #387755;}

.anlibox .tab ul{margin-left:-22px}
.anlibox .tab ul li{width:334px;background: #fff;padding:25px;margin-left: 22px;float: left;margin-bottom:30px;position: relative;}
.anlibox .tab ul li .img{width:334px;height: 255px;overflow: hidden;position: relative;}
.anlibox .tab ul li .img img{width:334px;height: 255px;}
.anlibox .tab ul li{transition: all 0.2s;}
.anlibox .tab ul li .con h3{font-size: 16px; line-height: 35px;color:#387755;font-weight: bold;}
.anlibox .tab ul li .con .line{height: 2px ;width:80px;background: #387755;}
.anlibox .tab ul li .cont{padding-top:5px;color: #666;line-height: 22px;height: 44px;overflow: hidden;}
.anlibox .tab ul li:hover{box-shadow: 0 0 20px #ddd;transform: scale(1.05);}
.anlibox .tab ul li .shade{background: rgba(0,0,0,0);position: absolute;transition: all 0.2s;top:0;width:334px;height: 255px;}
.anlibox .tab ul li:hover .shade{width:334px;height: 255px; top: 0;transition: all 0.2s 0.2s bounce-up;background: rgba(0,0,0,0.3); }


/*新闻资讯*/
.news{padding-bottom: 60px;}
.newsbox{margin-top:60px}
.inew{width:580px;float: right;margin-top:-10px}
.inew li{padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #ddd;}
.inew .idata {float: left;font-family: "arial black";width:90px}
.inew .idata h3{font-size: 50px;font-weight: bold;color: #333;}
.inew .idata p{font-size: 14px;}
.inew .newcon h3{font-size: 16px;font-weight: bold; line-height: 40px;}
.inew .newcon .ntxt{height: 40px;overflow: hidden;}
.inew li{transition: all 0.6s;padding:10px}
.inew li:hover {transform: scale(1.05);box-shadow: 0 0 10px #999;padding:10px}