/* CSS Document */

.about{ width:90%; padding:80px 5%; position:relative; overflow:hidden; background:#f5f5f5 }
.ableft{ width:45%; float:left; margin-right:3%;}
.ableft img{ width:100%;}
.abright{ width:52%; float:left;}
.abtit{ width:100%; position:relative; overflow:hidden; margin-bottom:20px; height:60px; background:url(../images/abbg.jpg) 110px center no-repeat}
.abtit em{ font-style:normal; font-size:21px; color:#000; line-height:30px; font-family:Arial;}
.abtit h2{ font-size:16px; line-height:30px; color:#189c51}
.batxt{ width:100%; font-size:16px; line-height:30px; margin-bottom:10px;}
.ablist{ width:100%; position:relative; overflow:hidden;}


.ablist li{ float:left; width:60px; margin-right:40px; padding-right:40px; text-align:center; border-right:1px solid #d3d3d3}
.ablist li img{ width:50px; display:block; margin:0 auto;}
.ablist li h2{ width:100%; height:20px; line-height:20px; font-size:12px;}


.case{ width:90%; padding:80px 5%; position:relative; overflow:hidden;}
.caselei{ width:100%; position:relative; overflow:hidden; text-align:center; }
.caselei li{ width:220px; margin-right:7.5%; padding-right:7.5%; display: inline-block;  position:relative; overflow:hidden; }

.caselei li img{ width:75px; float:left; margin-right:15px; margin-top:20px;}
.caselei li em{ font-style:normal; font-weight:200; font-size:21px; color:#000;text-align: left; line-height:30px; font-family:Arial;width:120px;}
.caselei li h2{ font-size:21px; line-height:30px; margin-top:5px;text-align: left; color:#000}
.caselei li i{ position:absolute; display:block; top:30px; height:60px; width:1px; background:#d3d3d3; right:0;}
.caselei li:nth-child(3n+0){ margin-right:0; padding-right:0;}
.caselei li:nth-child(3n+0) i{ display:none;}
.center{ width:100%; position:relative; overflow:hidden; margin-top:50px;}
.tit{ width:100%; position:relative; height:50px; overflow:hidden;}
.tit h2{ width:100%; font-size:28px; color:#000; line-height:50px;}
.tit a{ position:absolute; right:2%; top:0; line-height:50px; font-size:18px; color:#cccccc;}
.project{ width:70%; float:left; position:relative; overflow:hidden;}
.prolist li{ width:32%; float:left; margin-right:7px;}
.prolist li .pic{ width:100%; position:relative;}
.prolist li .pic img{ width:100%; vertical-align:middle;}
.prolist li .pic .protxt{ width:90%; display:none; height:100%; padding:0% 5% 0% 5%; position:absolute; left:0; top:0; background:url(../images/bgc.png); color:#fff; font-size:16px; line-height:30px; overflow:hidden;}
.prolist li .pic .protxt p{/* margin-top:20%; height:70%; overflow:hidden;*/}
.prolist li .pic .protxt a{ color:#fff; display:block; width:100%; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.protxt a:nth-child(1){ margin-top:50px; }

.prolist li h2{ font-size:21px; height:35px; line-height:35px; color:#00923f; overflow:hidden; white-space:nowrap;}

.prolist li h2 em{ font-style:normal; font-size:14px; color:#808080; margin-left:5px;}
.prolist li:hover  .protxt{ display:block;
} 

.news{ width:29%; float:right; position:relative; overflow:hidden;}
.news .tit{ border-bottom:2px solid #d3d3d3}
.newstop{ width:100%; position:relative; margin-top:10px;}
.newstop h2{ width:100%; height:40px; font-size:18px; color:#000; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:10px;}
.newstop p{ width:100%; height:75px; font-size:16px; line-height:24px; overflow:hidden;}
.newstop a{ display:block; width:170px; height:50px; background:#136eb8; color:#fff; text-align:center; line-height:50px; margin-top:10px;}

.newslist{ width:100%; position:relative; overflow:hidden; margin-top:20px;}
.newslist li{ width:100%; height:40px; line-height:40px; font-size:16px;}
.newslist li h2{ width:70%; float:left; white-space:nowrap;font-size:16px; overflow:hidden; text-overflow:ellipsis; }
.newslist li span{ width:30%; display:block; float:right; text-align:right; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.link{ width:100%; position:relative; overflow:hidden; border:1px solid #d3d3d3; height:130px; margin-top:50px;}
.link li{ width:14.1%; float:left; border-right:1px solid #d3d3d3; text-align:center; height:130px;}
.link li img{ height:100px; margin-top:15px; vertical-align:middle;}
.link li:last-child{ border-right:0;}
.pic{ overflow:hidden;}
.pic img{transition: all 0.6s }
.pic:hover img{ transform: scale(1.2); }





@media(max-width:1750px){
.caselei li{margin-right:6%; padding-right:6%; }



}
@media(max-width:1650px){
.caselei li{margin-right:5%; padding-right:5%; }



}
@media(max-width:1400px){
.caselei li{margin-right:4%; padding-right:4%; }

}
@media(max-width:1300px){
.caselei li{margin-right:3%; padding-right:3%; }

}
@media(max-width:900px){
.about{ width:94%; padding:20px 3%;}
.ableft{ width:100%; float:none; margin-right:0%;}
.ableft img{ width:100%;}
.abright{ width:100%; float:none;}
.abtit{ width:100%; position:relative; overflow:hidden; margin-bottom:10px; height:50px; background:url(../images/abbg.jpg) 90px center no-repeat;}
.abtit em{ font-style:normal; font-size:16px; color:#000; line-height:25px; font-family:Arial;}
.abtit h2{ font-size:14px; line-height:25px; color:#189c51}
.batxt{ width:100%; font-size:12px; line-height:21px; }
.ablist{ width:100%; position:relative; overflow:hidden;}
.ablist li{ float:left; width:60px; margin-right:13px; padding-right:13px;}

.case{ width:94%; padding:20px 3%;}
.caselei{ width:100%; position:relative; overflow:hidden; }
.caselei li{ width:30%; margin-right:2%; padding-right:2%; margin-bottom:20px;  float:left; position:relative; overflow:hidden; }

.caselei li img{ width:45px; float:none; margin:0 auto; display:block; margin-top:20px;}
.caselei li em{  font-size:16px;line-height:24px; width:100%;}
.caselei li h2{ font-size:16px; line-height:24px;width:100%; text-align:center;}
.caselei li i{ height:110px;}
.caselei li:nth-child(3n+0){ margin-right:0; padding-right:0;}
.caselei li:nth-child(3n+0) i{ display:none;}

.center{ margin-top:30px;}
.tit{ height:30px;}
.tit h2{ width:100%; font-size:18px;  line-height:30px;}
.tit a{ line-height:30px; font-size:14px; }
.project{ width:100%; float:none;}
.prolist li{ width:32%; float:left; margin-right:1.3%;}
.prolist li .pic{ width:100%; position:relative;}
.prolist li .pic img{ width:100%; vertical-align:middle;}
.prolist li .pic .protxt{ display:none;}
.prolist li:nth-child(4){ margin-right:0;}

.protxt a:nth-child(1){ margin-top:50px; }

.prolist li h2{ font-size:12px; height:auto; line-height:20px; white-space:normal; }

.prolist li h2 em{ font-size:10px; display:block;line-height:15px; margin-left:0px;}


.news{ width:100%; float:none; margin-top:30px;}
.newstop{ width:100%; position:relative; margin-top:10px;}
.newstop h2{ width:100%; height:30px; font-size:14px; color:#000; line-height:30px; }
.newstop p{ width:100%; max-height:75px; font-size:12px; line-height:20px; overflow:hidden;}
.newstop a{ display:block; width:80px; height:35px;line-height:35px; }

.newslist{ width:100%; position:relative; overflow:hidden; margin-top:10px;}
.newslist li{ width:100%; height:30px; line-height:30px; font-size:14px;}
.newslist li h2{ width:70%; float:left; white-space:nowrap;font-size:14px; overflow:hidden; text-overflow:ellipsis; }
.newslist li span{ width:30%; display:block; float:right; text-align:right; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.link{ height:60px; margin-top:30px;}
.link li{ width:19.6%; height:60px;}
.link li img{ height:auto; width:100%; margin-top:8px; vertical-align:middle;}
.link li:nth-child(5){ border-right:none;}


}