.kht-ban::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 38px;
    bottom: 0;
    left: 0;
    background:url(/static/images/banner_bot.png) center/cover no-repeat;
}
.kht-main{
    padding: 10rem 0;
    background: linear-gradient(to top, #e7effb 0%, #ffffff 100%);
    position: relative;
    z-index: 2;
}
#particles-js {
    position: relative;
    z-index: 0;
    height: 1200px;
}
#particles-js canvas {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.kht-main-tit{
    text-align: center;
    margin-bottom: 50px;
}
.kht-main-con{
    position: relative;
    z-index: 9;
    background-color: rgba(255, 255, 255, .8);
    border-radius: 20px;
    box-sizing: border-box;
    padding: 80px;
    overflow: hidden;
    opacity: 0.8;
}
.kht-swiper{
    width: 100%;
    overflow: hidden;
}
.kht-swiper .swiper-button-next:after,
.kht-swiper .swiper-button-prev::after {
    font-size: 20px;
}


.kht-swiper .swiper-button-next,
.kht-swiper .swiper-button-prev {
    width: 60px;
    height: 60px;
    color: #001eb4;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
    top: calc(50% - 40px);
    transition: all .36s;
}

.kht-swiper .swiper-button-next {
    right: -100px;
}

.kht-swiper .swiper-button-prev {
    left: -100px;
}

.kht-swiper:hover .swiper-button-next {
    right: 50px;
}

.kht-swiper:hover .swiper-button-prev {
    left: 50px;
}