@media screen and (min-width: 320px){
	
	.pro-info-box img{width: 100%;}
	
	.pro-tit{text-align: center;}
	.pro-tit h3{color: #000000; font-size: 26px;padding-bottom: 15px;}
	.pro-tit b{color: #00706a;font-size: 20px;}
	.pro-list li{margin: 20px 0;}
	.pro-list ul{overflow: hidden;margin: 0 -15px;}
	.pro-list li .pro-list-bor{border: #dfdfdf 3px solid;}
	
	
	.pro-list-kg img{transition: .6s;}
	.pro-list li div p{text-align: center;background:#f5f5f5 ;line-height: 50px;color: #222222;padding:0 10px;}

	.btn-more {text-align: center;}
	
	.btn-more a{width: 125px;height: 40px;line-height: 40px;border:#dfdfdf 1px solid;border-radius: 20px;display: block;}
	.btn-more a:hover{border:#00706a 1px solid;}

	.pro-style p{padding: 0px 15px; background: #f5f5f5; line-height: 77px;border-bottom: #dfdfdf 3px solid;color: #000000;text-align: center;height: 77px;}
		.pro-swiper-box{padding: 20px 0;}
		.pro-swiper-bg{position: absolute;top: -1135%;left: 50%;margin-left:-33px;margin-top: -33px;height: 66px;width: 66px;border-radius: 100%;background: #000; opacity: .7;}
		.pro-style i,.pro-i{opacity: 0; position: absolute;top: -1135%;left: 50%;font-size: 33px;color: #fff;font-weight: bold;margin-left: -15px;margin-top: -15px;}
		
		
		
		
		
		
}