.huirui-banner .swiper-slide img{
    width: 100%;
    aspect-ratio: 1920/802;
    object-fit: cover;
    z-index: -1;
}
.huirui-banner .swiper-slide{
    position: relative;
}
.huirui-banner .swiper-slide .huirui-dark-button{
    position: absolute;
    left: 8%;
    bottom: 18%;
}
.huirui-banner .swiper-slide .banner-con{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.huirui-banner .swiper-slide .banner-con .banner-list{
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 50px;
}
.banner-con .banner-list div{
    max-width: 858px;
    padding: 60px;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.5);
}
.banner-con .banner-list .banner-title{
    color: var(--text-color-white);
    font-family: var(--font-title-family);
    font-size: var(--font-banner-size);
    font-style: var(--font-style);
    font-weight: var(--font-title-weight);
    line-height: 104.839%; /* 104.839% */
}
.banner-con .banner-list .banner-desc{
    color: var(--text-color-white);
    font-family: var(--desc-font-family);
    font-size: 26px;
    font-style: var(--font-style);
    font-weight: var(--desc-font-weight);
    line-height: 138.462%; /* 138.462% */
    margin-top: 26px;
}
.banner-con .banner-list a{
    margin-top: 60px;
    color: var(--text-color-white);
}
.banner-con .banner-list a:hover{
    color: var(--text-color-white) !important;
}
.huirui-banner .swiper-pagination{
    bottom: 50px;
}
.huirui-banner .swiper-pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background: #F9FAFB;
    border-radius: 10px;
    margin: 0 5px;
}
.huirui-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: var(--second-color);
}
.huirui-banner .huirui-button-prev,
.huirui-banner .huirui-button-next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.huirui-banner .huirui-button-prev{
    left: 10px;
}
.huirui-banner .huirui-button-next{
    right: 10px;
}


@media screen and (max-width: 1200px) {
    .banner-con .banner-list div{
        padding: 30px;
    }
    .banner-con .banner-list .banner-desc{
        font-size: 22px;
    }
    .huirui-banner .swiper-pagination{
        bottom: 30px;
    }
}
@media screen and (max-width: 992px){
    .huirui-banner .swiper-slide a{
        padding: 5px 15px;
    }
}
@media screen and (max-width: 768px) {
    .banner-con .banner-list .banner-desc{
        display: none;
    }
    .banner-con .banner-list a{
        margin-top: 10px;
    }
    .huirui-banner .swiper-pagination{
        display: none;
    }
    .huirui-banner .swiper-slide a{
        bottom: 5px !important;
    }
}