body{position: relative;}



.banner_warp{position: relative;}
.slider_banner{overflow: hidden;position: relative;}
.slider_banner .swiper-slide{position: relative;}



.slider_banner-phone{display: none;}
.slider_banner-phone .swiper-button-next{background-image: none;width: 47px;height:105px;background-color:rgba(0,0,0,.5);display: flex;justify-content: center;align-items: center;right: 0;}
.slider_banner-phone .swiper-button-prev{background-image: none;width: 47px;height:105px;background-color:rgba(0,0,0,.5);display: flex;justify-content: center;align-items: center;left: 0;}
.slider_banner-phone .swiper-button-next::after{content: ' ';display: inline-block;width: 10px;height: 25px;background: url(../images/next.webp) no-repeat center/cover;}
.slider_banner-phone .swiper-button-prev::after{content: ' ';display: inline-block;width: 10px;height: 25px;background: url(../images/pre.webp) no-repeat center/cover;}
.slider_banner-phone .swiper-button-next:hover,.swiper-button-prev:hover{background-color: #A1CC3A;}

.kv{position: relative;}
.kv .info{text-align: center;color: #fff;min-height: 800px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.kv .info .title{font-size:clamp(60px,10vw,124px);font-family: 'Bebas';}
.kv .info ul{display: flex;flex-wrap: wrap;gap: 10px;margin:0 auto;justify-content: center;}
.kv .info ul a{color:#fff;font-size:16px;padding: 0px 30px;display:block;height:44px;line-height:44px;text-align: center;transition: all .3s;}
.kv .info ul a:hover{background-color:#000 !important;}

.kv1{background:url(../images/index/kv1.webp) no-repeat center/cover}
.kv2{background:url(../images/index/kv2.webp) no-repeat center/cover}
.kv3{background:url(../images/index/kv3.webp) no-repeat center/cover}


.kv4{background-color: #66508F;padding:8% 0 5%;color:#fff}
.kv4 .title_warp{text-align: center;}
.kv4 .title{font-size:clamp(30px,10vw,50px);font-family: 'Pop_B';text-transform: uppercase;}
.kv4 .desc{font-size:16px;margin-top:1%}
.kv4 .list{display: flex;flex-wrap: wrap;gap: 20px;margin-top: 3%;justify-content: center;align-items: center;}
.kv4 .item{background-color: #331060;padding:10px 20px}




@media only screen and (max-width: 1660px) {
}
@media only screen and (max-width: 950px) {
	
	.slider_banner {display:none}
	.slider_banner-phone{display: block;overflow: hidden;}
	.slider_banner-phone img{width:100%}

	.kv{position: relative;}
	.kv>img{width: 100%;height: auto;object-fit: cover;}
	.kv .info ul{flex-direction: column;gap: 10px;width: 80%;}
	.kv4 .list{margin-top:10%}
	.kv4 .jt{display: none;}
	.kv4 .item{width: 100%;text-align: center}
}