@charset "utf-8";




.good800{ background:#F2F2F2; height:600px; margin-top:50px;color:#5D5D5D;  margin:0 auto;}







.good5{ background:#fff; height:130px; margin-top:50px;color:#5D5D5D; width:980px; margin:0 auto;}
.good5 .title{text-align: center;font-size: 40px;padding-top: 30px; padding-bottom:20px; font-weight:bold;}
.good5 .sub_title{text-align:center; line-height:30px; font-size:18px; font-weight:bold;padding-bottom:10px;border-top:1px solid #5D5D5D; padding-top:20px;}


.good5 .box {height:180px;padding-top:30px;padding-bottom:30px;overflow:hidden; }
.good5 .box ul{ height:180px; margin:0 auto; overflow:hidden;position:relative;}
.good5 .box li{width:25%;height:180px;overflow:hidden;float:left;text-align:center;;cursor:pointer;}
.good5 .box li div{position:relative;}
.good5 .box li img{margin-bottom:5px; height:100px;}
.good5 .box li h3{font-size:22px;margin-bottom:5px;font-weight: normal; }
.good5 .box li h4{height:30px;line-height:28px;margin:0 auto;font-size: 16px;color:#C6AE48;font-weight: normal;margin-bottom: 10px; }
.good5 .box li p{font-size: 14px;line-height:22px;color: #666;}
.good5 .box li a:hover{text-decoration:none;color:#000000;}



.cases a{ width:290px; margin-left:5px; margin-right:5px;height:206px; margin-bottom:10px;display:block;float:left;overflow:hidden;text-decoration:none;}
.cases a:hover{text-decoration:none;}
.cases a img{width:100%;height:206px;}
.cases  span {color: #fff;cursor: pointer;height: 275px;font-size: 16px;display: block;position: relative;top: 0px;text-align: center;background-color:#80807F;
background: rgba(194,194,194,0.8) none repeat scroll;filter: alpha(opacity=50);background-image: url(/images/web/home/see_bg.png);background-position: center;background-repeat: no-repeat;}
.cases a:hover span{top:-210px;line-height:170px;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;}
.cases #more { background-image: url(/images/web/home/more.png);background-position: center;background-repeat: no-repeat;background-color: #80807F;text-align: center;color: #fff;font-size: 20px;cursor: pointer;}
.cases #more p {line-height: 450px;}
.cases #more:hover{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;background-color:#6B6C6B;}






.company{ padding-top:50px;}
.company .bg{ height:675px;background: url(/images/web/home/company.jpg) center no-repeat; }
.company .bg .info{ width:600px; height:285px; display:block; position:relative; left:580px; padding-top:20px; padding-right:20px;}
.company .bg .info .tit span{ font-size:28px; display:block;}
.company .bg .info .tit em{ font-size:16px; font-style:normal;}
.company .bg .info .txt{ line-height:25px; font-size:14px; padding-top:10px;}
.company .bg .info .txt p{ text-indent:25px;}

.company .about{height:375px; position:relative;background-color: #F5F7FA;
background: rgba(226,228,232,0.8) none repeat scroll;
filter: alpha(opacity=80);}
.company .about .box{ padding:50px;}
.company .box .left { width:450px;}
.company .box .left .tit{  border-bottom:1px solid #999; margin-bottom:20px; padding-bottom:15px; color:#999;}
.company .box .left .tit span{font-size: 28px;color: #3c3b3b;}
.company .about .img img{ position:relative; top:-20px;}

.news {padding-bottom: 40px; background:#fff}

.news .title{ height:35px; line-height:35px; border-bottom:1px solid #e8e8e8;font: bold 18px/20px "Microsoft Yahei"; }
.news .title span{ border-bottom:3px solid #0E7736; height:34px; display:block; width:80px;}

.news .main{ width:870px;float:left;}
.news .main a{ word-spacing:normal;}
.news .main .box{ height:360px;}

.news .main .list{ padding-top:15px;}
.news .main .list .left{ background:#F6F6F6; width:260px; height:330px; overflow:hidden;}
.news .main .list .left div{display:block; overflow:hidden; margin:10px; line-height:25px;}
.news .main .list .left div span{ height:160px; display:block; overflow:hidden;border:1px solid #eee;}
.news .main .list .left div img{ width:100%; min-height:160px;} 
.news .main .list .left div b{ font-size:14px; font-weight:normal; line-height:20px; height:20px; overflow:hidden; display:block; margin-bottom:5px; margin-top:10px;}
.news .main .list .left div p{ text-indent:25px; height:110px; overflow:hidden;font-size:14px ;color:#999; line-height:22px;}

.news .main .list .right{ width:590px; overflow:hidden;}
.news .main .list .right div{display:block; height:83px; overflow:hidden;margin:12px; line-height:25px; border-bottom:1px solid #e8e8e8; padding-bottom:12px;}
.news .main .list .right div span{ height:80px; display:block; overflow:hidden; float:left; width:100px; margin-right:10px;}
.news .main .list .right div img{ width:100%;min-height:80px;}  
.news .main .list .right div b{ font-size:14px;  font-weight:normal; line-height:33px; height:33px; overflow:hidden; display:block;}
.news .main .list .right div p{ text-indent:25px; height:55px; overflow:hidden;font-size:14px; color:#999}

.news .side{ width:290px; float:right;}
.news .side .box{ height:380px; overflow:hidden;}
.news .side .box ul{ padding:3px 0px}
.news .side .box li{ line-height:33px; height:33px; overflow:hidden; font-size:14px; border-bottom:1px dashed #eee;}



.service{ height:350px;background: url(/images/web/home/service/bg.jpg) center; background-size:1400px; }
.service .info{ width:290px; height:350px; background:#619F32 ; position:relative; left:80px; top:50px;}
.service .info:hover{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease; background:#518B25; cursor:pointer;}
.service .info .box{ padding:30px; color:#fff;}
.service .info .box .tit{ font-size:26px; padding-bottom:10px}
.service .info .box .sub_tit{ font-size:20px; border:1px solid #fff; padding:5px;}
.service .info .box .txt{ padding-top:10px;}
.service .info .box .txt p{ text-indent:30px; line-height:22px; font-size:14px;} 


.team{ width:1000px; margin:0 auto;}
.team span{ width:33%; float:left; text-align:center;}
.team span img{ cursor:pointer;}
.team .tit{color: #619F32;font-size: 28px;}
.team .sub_tit{ color:#999; font-size:18px;}



.work { height:285px; overflow:hidden;}
.work span{ float:left; width:190px; height:285px; cursor:pointer; margin-left:5px; margin-right:5px;}
.work span img{ width:100%; height:285px;}

.work span div{color: #fff;
cursor: pointer;
height: 285px;
font-size: 16px;
line-height:35px;
display: block;
position: relative;
top: 0px;
text-align: center;
background-color: #619F32;
background: rgba(97,159,50,0.8) none repeat scroll;
filter: alpha(opacity=80);
background-position: center;
background-repeat: no-repeat; top:-35px;}
.work span:hover div{top:-285px;
	line-height:285px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
}