.bbend{margin-bottom: 20px; box-shadow: 0px 3px 6px 0px rgba(44, 44, 44, 0.1);}
.pro_box{width: 120px;padding: 20px 0;float: left;margin-right: 50px;cursor: pointer;position: relative;}
.lis{font-size: 16px;}
.h6{width: 12px;height: 6px;display: block;position: absolute;bottom: 0;left: 50%;margin-left: -6px;}
@media only screen and (max-width:1550px){
	.bbend{height: 45px;  margin-bottom: 20px;}
	.pro_box{width: 120px;font-size: 16px; padding:5px 0;margin-right: 30px;}
	.lis{font-size: 16px}
	.h6{width: 12px;height: 6px;}
}
@media only screen and (max-width:1100px){
	.bbend{height: 85px;  margin-bottom: 15px;}
	.pro_box{width: 120px;font-size: 16px; padding:5px 0;margin-right: 30px;}
	.lis{font-size: 16px}
	.h6{width: 12px;height: 6px;}
}
@media only screen and (max-width:800px){
	.bbend{height: 65px;  margin-bottom: 15px;}
	.pro_box{width: 120px;height: 35px; font-size: 14px; padding: 0;margin-right: 15px;}
	.lis{font-size: 14px}
	.h6{width: 12px;height: 6px;margin-top: 5px;}
}
@media only screen and (max-width:550px){
	.bbend{height: 58px;  margin-bottom: 15px;}
	.pro_box{width: 110px;height: 30px; font-size: 12px;margin-right: 5px;}
	.lis{font-size: 12px}
	.h6{width: 12px;height: 6px;margin-top: 3px;}
}
@media only screen and (max-width:375px){
	.bbend{height: 85px;  margin-bottom: 10px;}
	.pro_box{width: 110px;height: 30px; font-size: 12px;margin-right: 5px;}
	.lis{font-size: 12px}
	.h6{width: 12px;height: 6px;margin-top:2px;}
}