@charset "utf-8";
#product{margin-bottom:80px}
#product ul{margin-top:30px}
#product ul li{float:left;width:25%;box-sizing:border-box;padding:0 7px}
#product ul li a{display:block;box-sizing:border-box}
#product ul li a:hover{border:1px solid}
#product ul li h4{text-align:center;font-size:20px;line-height:50px;color:#333}
#product ul li p{line-height:25px;color:#333;font-size:14px;padding:0 5px;height:75px;overflow:hidden}
#product ul li img{display:block;width:100%;margin:17px 0 0 0}
#about{padding:60px 0;background:url(../images/ibg.jpg) fixed}
#about .about{padding-top:47px;padding-bottom:23px;background:rgba(0,0,0,0.5)}
.title2{color:#fff;text-align:center;font-size:26px;line-height:30px}
.title2 b{}
.title2 p{line-height:30px;font-size:16px;position:relative}
.title2 p:before{content:'';display:block;width:180px;height:3px;background:#fff;position:absolute;left:50%;top:15px;margin-left:-293px}
.title2 p:after{content:'';display:block;width:180px;height:3px;background:#fff;position:absolute;right:50%;top:15px;margin-right:-293px}
.about{max-width:1200px;margin:0 auto}
.about>p{line-height:34px;margin:26px 30px 0 30px;color:#fff}
.about>ul{padding:0 31px}
.about>ul li{float:left;max-width:355px;margin:35px 1.5%;width:30%}
.about>ul li img{display:block;width:100%}
#hezuo{padding-bottom:54px}
#hezuo ul{margin-top:31px}
#hezuo li{float:left;width:16.6%;padding:5px 7px;box-sizing:border-box}
#hezuo li img{border:1px solid #ccc;max-width:100%;display:block}
#hezuo p{text-align:center}
@media only screen and (min-width:100px) and (max-width:640px){
	#product ul li{width:100%}
	#hezuo li{width:33.2%}
	#foot dl{width:46%;margin:0 2%;height:270px;overflow:hidden}
	.bot_product{height:270px}
	.title2 p:after,.title2 p:before{display:none}
}