.hzhb-box ul li{float:left;position:relative;}
.hzhb-box ul li a{width:100%;height:100%;display:block;position:absolute;text-align:center;display:flex;flex-direction:column;justify-content:center;}
.hzhb-box ul li a:before{content:"";width:100%;height:100%;background:url(../images/bg6.png) no-repeat center;background-size:contain;top:0;left:0;position:absolute;-webkit-animation:gogogo 5s infinite linear;}

/*媒体查询*/
@media (min-width:1201px){
	.hzhb-box{padding-bottom:200px;}
	.hzhb-box ul li{width:14.28%;}
	.hzhb-box ul li:nth-child(2n) a{top:50%;}
	.hzhb-box ul li:nth-child(9n) a{top:50%;}
	.hzhb-box ul li:nth-child(10n) a{top:0;}
	.hzhb-box ul li:nth-child(11n) a{top:50%;}
	.hzhb-box ul li:nth-child(12n) a{top:0;}
	.hzhb-box ul li:nth-child(13n) a{top:50%;}
	.hzhb-box ul li:nth-child(8n) a{top:100%;}
	.hzhb-box ul li:nth-child(14n) a{top:100%;}

}

@media (max-width: 1199px) and (min-width:992px){
	.hzhb-box{padding-bottom:50px;}
	.hzhb-box ul li{width:20%;}
	.hzhb-box ul li:nth-child(2n) a{top:50%;}
	.hzhb-box ul li:nth-child(7n) a{top:50%;}
	.hzhb-box ul li:nth-child(9n) a{top:50%;}
	.hzhb-box ul li:nth-child(6n) a{top:0;}
	.hzhb-box ul li:nth-child(8n) a{top:0;}
	.hzhb-box ul li:nth-child(10n) a{top:0;}
	.hzhb-box ul li:nth-child(12n) a{display:none;}
	.hzhb-box ul li:nth-child(14n) a{top:0;left:100%;}
}

@media (max-width: 991px) and (min-width:768px){
	.hzhb-box{padding-bottom:50px;}
	.hzhb-box ul li{width:25%;}
	.hzhb-box ul li a{transform:rotate(90deg);}
	.hzhb-box ul li a img{transform:rotate(-90deg);}
	.hzhb-box ul li:nth-child(8n) a{top:200%;left:-50%;}
	.hzhb-box ul li:nth-child(8n+5) a{left:50%;}
	.hzhb-box ul li:nth-child(9n+6) a{left:50%;}
	.hzhb-box ul li:nth-child(10n+7) a{left:50%;}
	.hzhb-box ul li:nth-child(14n) a{left:50%;}
}

@media (max-width: 767px) and (min-width:480px){
	.hzhb-box{padding-bottom:50px;}
	.hzhb-box ul li{width:33.33%;}
	.hzhb-box ul li a{transform:rotate(90deg);}
	.hzhb-box ul li a img{transform:rotate(-90deg);}
	.hzhb-box ul li:nth-child(4n) a{left:50%;}
	.hzhb-box ul li:nth-child(5n) a{left:50%;}
	.hzhb-box ul li:nth-child(6n) a{opacity:0;}
	.hzhb-box ul li:nth-child(8n) a{left:0;}
	.hzhb-box ul li:nth-child(11n) a{left:50%;}
	.hzhb-box ul li:nth-child(12n) a{left:0;top:100%;opacity:1;}
}

@media (max-width:479px){
	.hzhb-box{padding-bottom:50px;}
	.hzhb-box ul li{width:50%;}
	.hzhb-box ul li a{transform:rotate(90deg);}
	.hzhb-box ul li a img{transform:rotate(-90deg);}
	.hzhb-box ul li:nth-child(4n+3) a{left:50%;}
	.hzhb-box ul li:nth-child(4n) a{display:none;}
}