.banner-1 {
    min-height: 649px;
    padding-top: 72px;
    background: url('../image/556.png') no-repeat;
    background-size: cover;
}

.banner-1-content {
    max-width: 1350px;
    margin: 0 auto;
    padding: 0 20px;
}

.banner-1-content-left {
    width: 500px;
}

.banner-1-content-left-title{
    margin-top: 81px;
    font-weight: bold;
    font-size: 56px;
}

#banner1Title {
    white-space: nowrap;
}

.banner-1-content-left-desc {
    margin-top: 28px;
    font-weight: 400;
    font-size: 18px;
    color: #5B6271;
    line-height: 36px;
}

.banner-1-content-left-btn {
    margin-top: 53px;
    width: 230px;
    height: 60px;
    border-radius: 31px;
    background-color: #2B60EB;
    color: #FFFFFF;
    font-size: 22px;
    cursor: pointer;
}

.swiper-container {
    white-space: nowrap;
    position: relative !important;
    /*left: 810px;*/
    width: 840px;
    height: 512px;
    margin-top: 41px;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    transition-property: opacity;
    transition-duration: 10ms; /* 调整为所需的持续时间 */
}

.swiper-slide-active {
    opacity: 1; /* 完全不透明 */
}

.swiper-slide-next, .swiper-slide-prev {
    opacity: 0; /* 半透明或其他透明度值 */
}


.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0 !important;
    cursor: pointer;
}

.swiper-pagination-bullet {
    width: 20px !important;
    height: 10px !important;
    border-radius: 4px !important;
    background: #666666 !important;
}

.swiper-pagination-bullet-active {
    width: 30px !important;
    background: #2B60EB !important;
}

.animation-1, .animation-2, .animation-3, .animation-4, .animation-5, .animation-6 {
    position: absolute;
}

.animation-1 {
    width: 165px;
    margin-top: 112px;
    margin-left: -422px;
}

.animation-2 {
    width: 220px;
    margin-top: 19px;
    margin-left: -350px;
}

.animation-3 {
    width: 695px;
    margin-top: 31px;
    margin-left: -260px;
}

.animation-4 {
    width: 240px;
    margin-top: 15px;
    margin-left: 174px;
}

.animation-5 {
    width: 240px;
    margin-top: 185px;
    margin-left: 13px;
}

.animation-6 {
    width: 330px;
    margin-top: 240px;
    margin-left: 50px;
}

.animation2-1, .animation2-2, .animation2-3, .animation2-4, .animation2-5, .animation2-6 {
    position: absolute;
}

.animation2-1 {
    width: 779px;
    margin-top: -4px;
    margin-left: -360px;
}

.animation2-2 {
    width: 444px;
    margin-top: 109px;
    margin-left: -282px;
}

.animation2-3 {
    width: 172px;
    margin-top: 180px;
    margin-left: -285px;
}

.animation2-4 {
    width: 200px;
    margin-top: 230px;
    margin-left: -285px;
}

.animation2-5 {
    width: 307px;
    margin-top: 280px;
    margin-left: -284px;
}
.animation2-6 {
    width: 45px;
    margin-top: 291px;
    margin-left: -11px;
}