﻿
.service{float: left; width: 930px  }
.service .aboutcon img{ width: 450px; float: left; display: block; height: 270px }
.service .aboutcon span{ margin-left: 500px; overflow: hidden; display: block; font-size: 14px; color: #666; line-height: 25px; padding-top:2px; height:378px; overflow: hidden;text-indent:24px}
.servicelist{float: left; width: 240px; margin-left: 30px; margin-top: 50px }
.servicelist li{  position: relative;  }


.iconlist li{ float: left; border: 1px solid #ebebeb; margin-right: 20px; width: 110px; text-align: center; margin-bottom: 10px; height: 100px; font-size: 16px  }
.iconlist li img{ width: 65px }
.iconlist li:nth-child(2n){ margin-right: 0 } 




.longimg img{ width: 100%; margin-top: 30px }


/*产品*/
.indexpor{overflow: hidden; }
.indexpor .indextit{ margin-top: -5px; padding-top: 50px; color: #fff }
.check_tit{ text-align: center; margin-bottom: 30px; float: left; margin-top: -50px; color: #CCC;  }
.check_tit em{ cursor: pointer; margin:0 5px 20px 5px;
 text-align: center; font-size: 16px;   transition: 0.5s; color: #000; width: 100px; transition:0.5s; font-weight: normal;}
.check_tit em:hover,.check_tit em.on{ color: #29923b; font-weight: bold;  }


.probox .more{  width:300px; height: 200px; left: 900px; top:230px; z-index: 100;background: #29923b  }
.probox .more a{ display: block; margin: 15px;  border: 5px solid #fff;color: #000; height: 170px; line-height: 170px }
.probox .more a:hover{ background: #e94100 }

.check_con ul{ clear:both; overflow: hidden; padding-top: 10px }


.check_con ul li{ float:left;  overflow: hidden; display: block; width: 100%;   transition: 0.8s; margin-right: 29px  }
.check_con ul li:nth-child(3n){ margin-right: 0 }
.check_con ul li img{ height: 300px; width: 100%; overflow: hidden;}
.check_list  li a{ display: block; margin-bottom:20px;   }
.check_list  li a strong{  width: 100%; line-height: 30px;   font-size: 15px; color: #000;   }
 .check_list  li a strong span{ font-size: 14px; display: block; font-weight:normal; color: #999; line-height: 20px; height: 40px; overflow: hidden;}


.indexpor{ float: left; width: 580px; margin-right: 40px; margin-top: 20px }
.indexpor span a{ margin-top: -30px; }
.indexpor:nth-child(2n){ margin-right: 0 }

.Box dl dt{ float: left; width: 150px }
.Box dl dt img{ width: 100%; height: 100px }
.Box dl dd{ float: left; width: 430px; padding-left: 30px }
.Box dl dd span{ font-size: 16px; }
.Box dl dd p{ font-color:#666; line-height: 25px; height: 50px; overflow: hidden; margin-top: 25px }

/*首页标题*/
.indextit{margin-top:30px; margin-bottom: 20px; border-bottom: 1px solid #cdcdcd; line-height: 30px}
.indextit span{font-size:18px; display: block; color: #29923b; font-weight: bold; margin: 10px 0;  
	line-height: 20px; border-left: 3px solid #29923b; padding-left: 10px}
.indextit span a{ font-weight: normal; color: #ccc; font-size: 14px; float: right; }
.indextit a:hover{  color: #29923b; }
.indexleft{ float: left; width: 930px;  }
.indexright{ float: right; width: 270px; }
.indexright div{ overflow: hidden; display: block; }
.indexleft>div{ float: left; width: 510px; margin-right: 20px;height: 300px; overflow: hidden;   }


.about,.contact{ width: 380px!important; }

.about dt,.news dt{ float: left; width: 200px; margin-right: 10px }
.about dt img,.news dt img{ width: 100%; height: 200px; margin-right: 20px; }
.about dd,.news dd{ float: left; width: 170px }
.about dd strong,.news dd strong{ display: block; font-size: 16px; line-height: 30px }
.about dd p,.news dd p{ line-height: 22px }


.newscon .news{ float: left; width: 370px; margin-right: 45px }
.newscon .news:nth-child(3n){ margin-right: 0 }
.newscon .news dt img{ height: 100px; margin-right: 20px; }
.newscon .news dd{ float: left; width: 100%; height: 100px; overflow: hidden;  overflow: hidden; }
.newscon .news dd strong{ margin-bottom: 10px }
.newscon .news dd p{ height: 40px; overflow: hidden; }
.newscon .news dl{ border-bottom: 1px solid #ccc; padding-bottom: 10px; overflow: hidden; margin-bottom: 10px }


.servicelist ul.newlist{  font-size: 13px }
.news ul.newlist{ height: 315px; overflow: hidden; }
ul.newlist li{ background: url(../images/listicon0.png) no-repeat left 13px; display: block; line-height: 35px; color: #ccc;  height: 35px;
 overflow: hidden; border-bottom:1px dashed #e1e1e1   }
ul.newlist li span{ margin-right: 10px; color: #999 }
ul.newlist li em{ color: #666; font-size: 14px;  overflow: hidden; margin-left: 15px }
.contact li{ line-height: 35px; color: #666; height: 35px; overflow: hidden; }
.contact li span{ color: #000; font-size: 15px }

.contrue p{ height: 90px; overflow: hidden; line-height: 30px }










.rightnew{}
.rightnew h3{ font-size: 20px; border-left: 5px  solid #4bb344; padding-left: 20px; margin: 30px 0  }
.newscon a:hover span{color: #4bb344}
.leftnew img{width: 500px;height: 353px}
.rightnew dl{display: block;margin-bottom: 20px;height: 106px;overflow: hidden; width: 580px; float: left; margin-right: 0; }
.rightnew dl:nth-child(2n){margin-right:40px}
.rightnew dl dt{float: left;width: 200px; overflow: hidden;}
.rightnew dl dd{float: right;width:350px}
.rightnew dl dd span{ font-size: 17px; line-height: 40px; color: #000 }
.rightnew dl dd em{ float: right; line-height: 40px }
.rightnew dl dd p{ font-size: 14px; color: #999; line-height: 30px }
.rightnew dl dt img{width: 200px;height: 120px;overflow: hidden; 
    transform: scale(1);  
    transition: all 1s ease 0s;  
    -webkit-transform: scale(1);  
    -webkit-transform: all 1s ease 0s;  }      
.rightnew dl:hover dt img{transform: scale(1.3);  
    transition: all 1s ease 0s;  
    -webkit-transform: scale(1.3);  
    -webkit-transform: all 1s ease 0s;}







