@media (max-width: 1520px){
	.index-box4 .swiper-button-prev{
		left: 0;
	}
	.index-box4 .swiper-button-next{
		right: 0;
	}
	.index-box5 .hot .item .hover-box .t3{
		margin-top: 2rem;
	}
	.footer .box img{
		position: relative;
		margin-top: 2rem;
	}
	.zl-list{
		margin-top: -20rem;
	}
}

@media (max-width: 1200px){
	.zl-list{
		margin-top: 0rem;
		padding: 2rem 0rem;
	}
}

@media (max-width: 960px) {
	.index-box .left,
	.index-box .right{
		width: 100%;
		margin: 0;
	}
	.index-box .right{
		margin-top: 2rem;
	}
	.index-box3 ul li{
		width: 49%;
		margin-right: 2%;
	}
	.index-box3 ul li:nth-child(2n){
		margin-right: 0;
	}
	.index-box5 .hot .item .hover-box .t3{
		-webkit-line-clamp: 3;
	}
	.page {
		text-align: center;
	}
	
	.page a {
		margin-bottom: 2rem;
	}
}

@media (max-width: 640px){
	html,body{
		font-size: 50%;
	}
	.index-title .box{
		width: 90%;
	}
	.index-title span{
		font-size: 2.8rem;
	}
	.index-box2{
		margin: 4rem 0;
	}
	.index-box2 .picMarquee-left{
		margin-top: 2rem;
	}
	.index-box2 .picMarquee-left .bd ul li{
		width: 100%;
	}
	.index-box2 .picMarquee-left .bd ul li img{
		height: 240px;
		width: 100%;
	}
	.index-box3 ul li{
		width: 49.5%;
		margin-right: 1%;
	}
	.index-box3 ul li:nth-child(2n){
		margin-right: 0;
	}
	.index-box4 .img{
		width: 100%;
		padding: 2rem;
	}
	.index-box4 .swiper-button-prev{
		left: 0;
		width: 5rem;
		height: 5rem;
		background-size: 100% 100%;
		top: 56%;
	}
	.index-box4 .swiper-button-next{
		right: 0;
		width: 5rem;
		height: 5rem;
		background-size: 100% 100%;
		top: 56%;
	}
	.index-box4{
		height: auto;
		background-size: cover;
		padding: 4rem 0;
	}
	.index-box5 .hot .item{
		width: 100%;
		margin-right: 0;
		margin-bottom: 2rem;
	}
	.index-box5{
		margin: 4rem 0;
	}
	.index-box5 ul li {
		width: 100%;
		margin-right: 0;
		margin-top: 2rem;
	}
	.page .s1{
		display: none;
	}
	.index-box2 .picMarquee-left .hd .next,
	.index-box2 .picMarquee-left .hd .prev{
		width: 40px;
		height: 40px;
	}
}