/* 幻灯片 */
	.cases-banner-wrapper{
		width: 100%;
		position: relative;
	}
	
	.cases-banner-wrapper .cases-banner .swiper-slide{
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	
	.cases-banner-wrapper .cases-banner .swiper-slide::after{
		content: "";
		display: block;
		background-color: rgba(21, 21, 21, 0.3);
		position: absolute;
		top: 0%;
		right: 0%;
		bottom: 0%;
		left: 0%;
		z-index: 0;
	}
	
	.cases-banner-wrapper .cases-banner .swiper-slide .phone-img{
		width: 100%;
		display: none;
		height: 87.140vh;
		filter: blur(5.2px);
		transform: scale(1.02);
		background-repeat:no-repeat;
		background-position: center;
		background-size: cover;
	}
	
	.cases-banner-wrapper .cases-banner .swiper-slide .computer-img{
		width: 100%;
		display: block;
		height: 134.615vh;
		filter: blur(5.2px);
		transform: scale(1.02);
		background-repeat:no-repeat;
		background-position: center;
		background-size: cover;
	}
	
	.cases-banner-wrapper .cases-banner .swiper-slide .content-wrapper{
		width: 60%;
		position: absolute;
		top: 26.458%;
		left: 11.902%;
		z-index: 1;
	}
	
	.cases-banner-wrapper .cases-banner .swiper-slide .content-wrapper .content .text .title-chinese{
		line-height: 1;
		font-size: 36px;
		color: rgba(255, 255, 255, 1);
	}
	
	.cases-banner-wrapper .cases-banner .swiper-slide .content-wrapper .content .text .title-english{
		line-height: 1;
		font-size: 30px;
		margin-top: 0.791%;
		color: rgba(255, 255, 255, 1);
	}
	
	.cases-banner-wrapper .cases-banner .swiper-slide .content-wrapper .content .text .explain{
		font-size: 16px;
		line-height: 26px;
		margin-top: 1.186%;
		color: rgba(255, 255, 255, 1);
	}
	
	.cases-banner-wrapper .cases-banner .swiper-slide .content-wrapper .content .button a{
		width: 12.649%;
		display: block;
		font-size: 14px;
		line-height: 40px;
		text-align: center;
		margin-top: 2.372%;
		border-radius: 20px;
		color: rgba(29, 32, 136, 1);
		background-color: rgba(255, 255, 255, 1);
	}

	/* 缩略图 */
	.cases-banner-wrapper .thumbnails-wrapper{
		width: 100%;
		position: absolute;
		bottom: 16.144%;
	}
	
	.cases-banner-wrapper .thumbnails-wrapper .thumbnails-of-cases-banner{
		width: 100%;
		--swiper-navigation-size: 30px;
		background-color: rgba(255, 255, 255, 0.2);
	}
	
	.cases-banner-wrapper .thumbnails-wrapper .thumbnails-of-cases-banner .swiper-slide{
		width: 16.666%;
		padding: 2.500% 0%;
		color: rgba(255, 255, 255, 1);
	}
	
	.cases-banner-wrapper .thumbnails-wrapper .thumbnails-of-cases-banner .swiper-slide .image{
		width: 26.898%;
		margin: 0% auto;
	}
	
	.cases-banner-wrapper .thumbnails-wrapper .thumbnails-of-cases-banner .swiper-slide .image .image-when-selected{
		padding: 50%;
		display: none;
		background-repeat:no-repeat;
		background-position: center;
		background-size: cover;
	}
	
	.cases-banner-wrapper .thumbnails-wrapper .thumbnails-of-cases-banner .swiper-slide .image .image-when-not-selected{
		padding: 50%;
		display: block;
		background-repeat:no-repeat;
		background-position: center;
		background-size: cover;
	}
	
	.cases-banner-wrapper .thumbnails-wrapper .thumbnails-of-cases-banner .swiper-slide .text{
		width: 90%;
		line-height: 1;
		font-size: 20px;
		margin: 0% auto;
		 overflow: hidden;
		text-align: center;
		margin-top: 11.250%;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	/* 幻灯片选中 */
	.cases-banner-wrapper .thumbnails-wrapper .thumbnails-of-cases-banner .swiper-slide.swiper-slide-thumb-active{
		color: rgba(229, 173, 88, 1);
		background-color: rgba(255, 255, 255, 0.2);
	}
	
	.cases-banner-wrapper .thumbnails-wrapper .thumbnails-of-cases-banner .swiper-slide.swiper-slide-thumb-active .image .image-when-selected{
		display: block;
	}
	
	.cases-banner-wrapper .thumbnails-wrapper .thumbnails-of-cases-banner .swiper-slide.swiper-slide-thumb-active .image .image-when-not-selected{
		display: none;
	}

	/* 按钮悬停 */
	.cases-banner-wrapper .cases-banner .swiper-slide .content-wrapper .content .button.current-hover-item a{
		color: rgba(255, 255, 255, 1);
		background-color: rgba(29, 32, 136, 1);
	}

/* 响应 1680 */
@media screen and (max-width: 1680px) {
/* 幻灯片 */
	.cases-banner-wrapper .cases-banner .swiper-slide .content-wrapper .content .text .title-chinese{
		font-size: 32px;
	}
	
	.cases-banner-wrapper .cases-banner .swiper-slide .content-wrapper .content .text .title-english{
		font-size: 26px;
	}
	
	.cases-banner-wrapper .cases-banner .swiper-slide .content-wrapper .content .text .explain{
		font-size: 15px;
		line-height: 24px;
	}
	
	.cases-banner-wrapper .cases-banner .swiper-slide .content-wrapper .content .button a{
		font-size: 13px;
		line-height: 35px;
		border-radius: 17.5px;
	}

/* 缩略图 */	
	.cases-banner-wrapper .thumbnails-wrapper .thumbnails-of-cases-banner .swiper-slide .text{
		font-size: 18px;
	}
}

/* 响应 1440 */
@media screen and (max-width: 1440px) {
/* 幻灯片 */
	.cases-banner-wrapper .cases-banner .swiper-slide .content-wrapper .content .text .title-chinese{
		font-size: 28px;
	}
	
	.cases-banner-wrapper .cases-banner .swiper-slide .content-wrapper .content .text .title-english{
		font-size: 22px;
	}
	
	.cases-banner-wrapper .cases-banner .swiper-slide .content-wrapper .content .text .explain{
		font-size: 14px;
		line-height: 22px;
	}
	
	.cases-banner-wrapper .cases-banner .swiper-slide .content-wrapper .content .button a{
		font-size: 12px;
		line-height: 30px;
		border-radius: 15px;
	}

/* 缩略图 */	
	.cases-banner-wrapper .thumbnails-wrapper .thumbnails-of-cases-banner{
		--swiper-navigation-size: 25px;
	}
	
	.cases-banner-wrapper .thumbnails-wrapper .thumbnails-of-cases-banner .swiper-slide .text{
		font-size: 16px;
	}
}

/* 响应 1280 */
@media screen and (max-width: 1280px) {
/* 幻灯片 */
	.cases-banner-wrapper .cases-banner .swiper-slide .content-wrapper .content .text .title-chinese{
		font-size: 24px;
	}
	
	.cases-banner-wrapper .cases-banner .swiper-slide .content-wrapper .content .text .title-english{
		font-size: 18px;
	}
	
	.cases-banner-wrapper .cases-banner .swiper-slide .content-wrapper .content .text .explain{
		font-size: 13px;
		line-height: 20px;
	}

/* 缩略图 */	
	.cases-banner-wrapper .thumbnails-wrapper .thumbnails-of-cases-banner .swiper-slide .text{
		font-size: 14px;
	}
}

/* 响应 1000 */
@media screen and (max-width: 1000px) {
/* 幻灯片 */
	.cases-banner-wrapper .cases-banner .swiper-slide .content-wrapper .content .text .title-chinese{
		font-size: 20px;
	}
	
	.cases-banner-wrapper .cases-banner .swiper-slide .content-wrapper .content .text .title-english{
		font-size: 14px;
	}
	
	.cases-banner-wrapper .cases-banner .swiper-slide .content-wrapper .content .text .explain{
		font-size: 12px;
		line-height: 18px;
		margin-top: 0.980%;
	}
	
	.cases-banner-wrapper .cases-banner .swiper-slide .content-wrapper .content .button a{
		width: 19.589%;
		line-height: 25px;
		margin-top: 2.939%;
		border-radius: 12.5px;
	}

/* 缩略图 */	
	.cases-banner-wrapper .thumbnails-wrapper{
		bottom: 6.819%;
	}
	
	.cases-banner-wrapper .thumbnails-wrapper .thumbnails-of-cases-banner{
		--swiper-navigation-size: 20px;
	}
	
	.cases-banner-wrapper .thumbnails-wrapper .thumbnails-of-cases-banner .swiper-slide{
		width: 25%;
	}
	
	.cases-banner-wrapper .thumbnails-wrapper .thumbnails-of-cases-banner .swiper-slide .text{
		font-size: 12px;
	}
}

/* 响应 750 */
@media screen and (max-width: 750px) {
/* 幻灯片 */
	.cases-banner-wrapper{
		margin-top: 61px;
	}
	
	.cases-banner-wrapper .cases-banner{
		--swiper-navigation-size: 30px;
	}
	
	.cases-banner-wrapper .cases-banner .swiper-slide .phone-img{
		display: block;
	}
	
	.cases-banner-wrapper .cases-banner .swiper-slide .computer-img{
		display: none;
	}
	
	.cases-banner-wrapper .cases-banner .swiper-slide .content-wrapper{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		top: 0%;
		right: 0%;
		bottom: 0%;
		left: 0%;
	}
	
	.cases-banner-wrapper .cases-banner .swiper-slide .content-wrapper .content{
		width: 80%;
	}
	
	.cases-banner-wrapper .cases-banner .swiper-slide .content-wrapper .content .text .title-chinese{
		font-size: 24px;
	}
	
	.cases-banner-wrapper .cases-banner .swiper-slide .content-wrapper .content .text .title-english{
		font-size: 20px;
	}
	
	.cases-banner-wrapper .cases-banner .swiper-slide .content-wrapper .content .button a{
		width: 26.144%;
	}

/* 缩略图 */
	.cases-banner-wrapper .thumbnails-wrapper{
		display: none;
	}
}