.kvSlider{margin-bottom:65px;position: relative;}
.kvSlider::before{content:"";display:block;padding-top:calc( 450 / 1280 * 100%)}
.kvSlider .slider-swiper{position:absolute;overflow:hidden;left:0;right:0;top:0;bottom:0;}
.kvSlider .slider-swiper .swiper-slide{z-index:1;}
.kvSlider .slider-swiper .swiper-slide.swiper-slide-active{z-index:3;opacity:1;}


.kvSlider .swiper-slide .kv-swiper-box{display:flex;width:100%;height:100%;}
.kvSlider .swiper-slide .kv-swiper-box .box-item{width:calc(100% / 3);transition:all linear .3s;position: relative;outline:0;margin:0;}
.kvSlider .swiper-slide .box-item{height:100%;overflow:hidden;}
.kvSlider .swiper-slide .box-item a{display:block;width:100%;height:100%;position: relative;overflow:hidden;z-index:1;}
.kvSlider .swiper-slide .box-item a .kv_img{width:100%;height:100%;object-fit:cover;transition:all ease-out 1s;transform: scale(1.01);outline:0;}
.kvSlider .swiper-slide .box-item a::before{content:"";position: absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.1);opacity:0;transition:all .3s;z-index:2;}
.kvSlider .swiper-slide .box-item a .mask{position: absolute;left:30px;bottom:30px;z-index:3;}
.kvSlider .swiper-slide .box-item a .mask .logo-icon{margin-bottom:15px;transition:all .7s .4s;transform: translateX(-15px);opacity:0;}
.kvSlider .swiper-slide .box-item a .mask .logo-icon img{height:50px;}
.kvSlider .swiper-slide .box-item a .mask .logo-live{color:#fff;padding:0 15px;display:inline-block;height:26px;line-height:26px;text-align:center;font-size:14px;background:#f4ae59;border-radius:6px;}
.kvSlider .swiper-slide .box-item a .mask .tit{font-size:22px;line-height:30px;color:#fff;margin-bottom:15px;transition:all .7s .5s;transform: translateX(-15px);opacity:0;}
.kvSlider .swiper-slide .box-item a .mask .more{font-size:16px;line-height:20px;color:rgba(255,255,255,.64);transition:all .7s .8s;transform: translateX(-15px);opacity:0;}
.kvSlider .swiper-slide .box-item a .mask .more em{padding-left:25px;background:url(../img/index/date.png) no-repeat left center;margin-right:10px;background-size:16px;}
.kvSlider .swiper-slide .box-item.close{transform: translateX(30px);}

.kvSlider .swiper-slide.slider-active .box-item a .mask .logo-icon{transform: translateX(0);opacity:1;}
.kvSlider .swiper-slide.slider-active .box-item a .mask .tit{transform: translateX(0);opacity:1;}
.kvSlider .swiper-slide.slider-active .box-item a .mask .more{transform: translateX(0);opacity:1;}


.kvSlider .swiper-slide .box-item a:hover{z-index:2;}
.kvSlider .swiper-slide .box-item a:hover .kv_img{transform: scale(1.07)}
.kvSlider .swiper-slide .box-item a:hover::before{opacity:1;}

.kvSlider .swiper-slide .kv-swiper-box .box-item.over{opacity:1;}
.kvSlider .swiper-slide .kv-swiper-box .box-item:nth-child(1){transition:all .8s}
.kvSlider .swiper-slide .kv-swiper-box .box-item:nth-child(2){transition:all .8s .2s}
.kvSlider .swiper-slide .kv-swiper-box .box-item:nth-child(2) .logo-icon{transition:all .7s .7s;}
.kvSlider .swiper-slide .kv-swiper-box .box-item:nth-child(2) a .mask .tit{transition:all .7s .9s;}
.kvSlider .swiper-slide .kv-swiper-box .box-item:nth-child(2) a .mask .more{transition:all .7s 1.2s;}
.kvSlider .swiper-slide .kv-swiper-box .box-item:nth-child(3){transition:all .8s .4s}
.kvSlider .swiper-slide .kv-swiper-box .box-item:nth-child(3) .logo-icon{transition:all .7s .9s;}
.kvSlider .swiper-slide .kv-swiper-box .box-item:nth-child(3) a .mask .tit{transition:all .7s 1.1s;}
.kvSlider .swiper-slide .kv-swiper-box .box-item:nth-child(3) a .mask .more{transition:all .7s 1.4s;}


.kvSlider .swiper-slide{pointer-events:auto!important;}
.kvSlider .swiper-slide.slider-active{z-index:3;pointer-events:auto;}
.kvSlider .swiper-slide.slider-active .kv-swiper-box .box-item:nth-child(1){transform: translate(0);opacity:1;}
.kvSlider .swiper-slide.slider-active .kv-swiper-box .box-item:nth-child(2){transform: translate(0);opacity:1;}
.kvSlider .swiper-slide.slider-active .kv-swiper-box .box-item:nth-child(3){transform: translate(0);opacity:1;}


.kvSlider .swiper-slide.swiper-slide-active .kv-swiper-box .box-item.cur{transform:translate(0);opacity:1;}
.kvSlider .dot{position: absolute;left:50%;transform: translateX(-50%);bottom:-24px;height:2px;}
.kvSlider .dot span{display:inline-block;width:80px;height:2px;background:#e2e2e2;border-radius:0;opacity:1;margin-right:16px;position: relative;outline:0;}
.kvSlider .dot span:last-child{margin-right:0;}
.kvSlider .dot span::before{content:"";position: absolute;left:0;top:0;bottom:0;background:#005eb8;}
.kvSlider .dot span.active::before{animation: widthchange 6s forwards;}


.kvSliderSp{display:none;width:100%;position: relative;padding-bottom:20px;}
.kvSliderSp .slider-swiper{position: relative;overflow:hidden;}
.kvSliderSp .swiper-container-fade .swiper-slide{pointer-events:auto;}
.kvSliderSp .swiper-slide a{display:block;width:100%;height:100%;position: relative;overflow:hidden;z-index:1;}
.kvSliderSp .swiper-slide a .kv_img{display:block;width:100%;}
.kvSliderSp .swiper-slide a::before{content:"";position: absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.1);opacity:0;transition:all .3s;z-index:2;}
.kvSliderSp .swiper-slide a .mask{position: absolute;left:20px;bottom:20px;z-index:3;}
.kvSliderSp .swiper-slide a .mask .logo-icon{margin-bottom:8px;transition:all .7s .4s;transform: translateX(-15px);opacity:0;}
.kvSliderSp .swiper-slide a .mask .logo-icon img{height:40px;}
.kvSliderSp .swiper-slide a .mask .logo-live{color:#fff;padding:0 10px;display:inline-block;height:22px;line-height:22px;text-align:center;font-size:12px;background:#f4ae59;border-radius:6px;}
.kvSliderSp .swiper-slide a .mask .tit{font-size:18px;line-height:28px;color:#fff;margin-bottom:8px;transition:all .7s .5s;transform: translateX(-15px);opacity:0;}
.kvSliderSp .swiper-slide a .mask .more{font-size:14px;line-height:20px;color:rgba(255,255,255,.64);transition:all .7s .8s;transform: translateX(-15px);opacity:0;}
.kvSliderSp .swiper-slide a .mask .more em{padding-left:18px;background:url(../img/index/date.png) no-repeat left center;margin-right:5px;background-size:12px;}
.kvSliderSp .swiper-slide a.close{transform: translateX(30px);}
.kvSliderSp .swiper-slide{z-index:1;}
.kvSliderSp .swiper-slide.slider-active{z-index:12}
.kvSliderSp .swiper-slide.slider-active a .mask .logo-icon{transform: translateX(0);opacity:1;}
.kvSliderSp .swiper-slide.slider-active a .mask .tit{transform: translateX(0);opacity:1;}
.kvSliderSp .swiper-slide.slider-active a .mask .more{transform: translateX(0);opacity:1;}
.kvSliderSp .dot{position: absolute;left:50%;transform: translateX(-50%);bottom:0;height:2px;width:100%;font-size:0;text-align:center;}
.kvSliderSp .dot span{display:inline-block;width:28px;height:2px;background:#e2e2e2;border-radius:0;opacity:1;margin-right:8px;position: relative;}
.kvSliderSp .dot span:last-child{margin-right:0;}
.kvSliderSp .dot span::before{content:"";position: absolute;left:0;top:0;bottom:0;background:#005eb8;}
.kvSliderSp .dot span.active::before{animation: widthchange 6s forwards;}


@-webkit-keyframes widthchange {
	0% {
		width:0;
	}

	100% {
		width:100%;
	}
}

@-moz-keyframes widthchange {
	0% {
		width:0;
	}

	100% {
		width:100%;
	}
}

@keyframes widthchange {
	0% {
		width:0;
	}

	100% {
		width:100%;
	}
}

@media only screen and (min-width: 1600px){
	.kvSlider::before{padding-top:530px}
}

@media only screen and (max-width: 768px){
	.kvSlider{display:none;}
	.kvSliderSp{display:block;}
}