@keyframes magnifyText {
	from {
		width: 108%;
		height: 104%;
	}

	to {
		width: 100%;
		height: 100%;
	}
}

@keyframes upText {
	from {
		margin-top: 8vw;
	}

	to {
		margin-top: 5vw;
	}
}
@media (min-width: 768px) {
	.swiper {
		width: 100%;
		height: 31.25vw;
		overflow: hidden;
		box-sizing: content-box;
	}
	.swiper div{
	    box-sizing: content-box;
	}
	
	.swiper .swiper-slide {
		position: relative;
		display: flex;
		justify-content: center;
	}
	
	.swiper .swiper-slide img {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		transition: all 1s;
		animation: magnifyText 1s;
		animation-delay: 1s;
		box-sizing: content-box;
	}
	
	.swiper .swiper-text {
		width: 72.91vw;
		height: 31.25vw;
		display: flex;
		flex-direction: column;
		justify-content: center;
		position: relative;
		z-index: 2;
		margin: 0 auto;
		margin-top: 5vw;
		transition: all 1s;
		animation: upText 1s;
		animation-delay: 1s;
	}
	
	.swiper .swiper-text h1 {
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 600;
		font-size: 2.08vw;
		color: #FFFFFF;
	}
	
	.swiper .swiper-text p {
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		font-size: 0.94vw;
		color: #FFFFFF;
		margin-top: 1.04vw;
	}
}
@media (max-width: 768px) {
    .swiper .swiper-slide img {
		left: -86vw;
	}
}