@media screen and (max-width: 1024px) {
	.header .nav .center, .wrap .center, .swipers {
		width: 90% !important;
	}
	
	.wrap .center .photo {
		background-size: cover;
		background-position: left;
		height: 400px;
	}
	.swiper-container {
		width: 100%;
	}
	.swiper-button-next, .swiper-button-prev {
		display: none !important;
	}

	
	
	
}
@media screen and (max-width: 768px) {
	body {
		background-size: cover;
	}
    .wrap .center .game, .wrap, .wrap .center .game .right, .wrap .center .game .right .ziliao, .slideTxtBox, .swiper-container1 {
		width: 100% !important;
		margin-top: 0;
	}
	.videolist, .slideTxtBox, .wrap .center .game .right .ziliao {
		display: block;
		float: unset !important;
	}
	.videolist img {
		width: 100%;
		object-fit: contain;
	}
	.slideTxtBox {
		width: 100%;
		margin: 0;
		margin-top: 30px;
	}
	.wrap .center .game .right .ziliao {
		background-size: cover;
		background-position: left;
		padding-top: 10px;
	}
	.wrap .center .game .right .ziliao>ul {
		position: relative;
		margin-left: 0;
		height: 318px;
		display: flex;
		overflow: hidden;
		overflow-x: auto;
	}
	.swiper-container1 {
		margin-top: 30px;
		padding-top: 50px !important;
	}
	.wrap .center .photo>a {
		padding: 0;
	}
	.wrap .center .photo {
		height: 350px;
	}
	
	.swipers {
		margin-top: 40px !important;
	}
	.gg .center {
		flex-wrap: wrap;
	}
	.gg .center li {
		width: 100%;
		margin: 10px 0;
		text-align: center;
	}
	.gg li h1 {
		margin-bottom: 5px;
	}
}
@media screen and (max-width: 768px) {
	.swipers {
    margin-top: 0 !important;
}


}