#list .box2{position: relative;overflow: hidden;margin: 50px -13px -13px -13px;}
#list .box2 ul{flex-wrap: wrap;flex-direction: row;display:flex;}
#list .box2 li{padding: 13px;height: auto;}
#list .box2 li a{cursor: default;}
#list .box2 li .img{border-radius: 16px; border: 1px solid #0000000d;padding-top: 68%;}
#list .box2 li .img:hover {background: var(--primary-color);color: var(--text-white);}
#list .img{font-size:0;-webkit-transform: translate3d(0, 0, 0);overflow: hidden;}
#list .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: contain;background: #fff;}
#list .swiper-pagination{margin-top: 60px;}

@media (min-width:767px) and (max-width:1199px){
	#list .box2{margin: 65px -10px -10px -10px;}
	#list .box2 li {padding: 10px;}
	#list .box2 li .img {border-radius: 10px;}
}
@media (min-width:767px) and (max-width:850px){
	#list .box2{margin: 65px -13px -13px -13px;}
	#list .box2 li {padding: 13px;}
	#list .swiper-pagination {margin-top: 40px;}
}
@media (max-width:850px){
	#list .pub_Btn{margin-top: 60px;width: 100%;}
	
}
@media (max-width:767px){
	#list .box2{margin: 45px -8px -8px -8px;}
	#list .pub_Btn{margin-top: 40px;}
	#list .box2 li {padding: 4px;}
	#list .box2 li .img {border-radius: 8px;}
	#list .swiper-pagination{margin-top: 35px;}
}

/*轮播点*/
.swiper-pagination{position: relative!important;}
.swiper-pagination span{width: 12px;height: 12px;background: #fff;opacity: 1;border-radius: 5px;margin: 0 8px;transition: 0.5s;border-radius: 50%;border:1px solid #FF8F66!important;}
.swiper-pagination .swiper-pagination-bullet-active{background:#FF8F66;}
@media (max-width: 768px){
	.swiper-pagination span{width: 9px;height: 9px;margin: 0 3px;}
}
