.carousel_box {
    background: #1a1e32;
    padding-top: 60px;
    padding-bottom: 60px;
}

.carousel_box_inner .carousel_title_h2 {
    text-align: center;
    color: #fff;
}

.carousel_box_inner .carousel_font {
    carousel_font-size: 18px;
    color: #fff;
    margin-top: 15px;
    text-align: center;
}

.carousel_bannerBox {
    margin-top: 80px;
    width: 100%;
    height: 500px;
    position: relative;
    overflow: hidden;
}

.carousel_bannerBox .carousel_list {
    max-width: 1400px;
    height: 450px;
    position: absolute;
    left: 50%;
    margin-left: -700px;
    width: 100%;
}

ul,
ol,
li {
    carousel_list-style: none;
    padding: 0;
    margin: 0;
}

.carousel_bannerBox li {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.3s ease-out;
    width: 1200px;
}

/* 桌面端位置样式 */
.carousel_bannerBox .p1 {
    transform: translate3d(-224px, 0, 0) scale(0.5);
    opacity: 0.8;
    z-index: 1;
}

.carousel_bannerBox .p2 {
    transform: translate3d(-200px, 0, 0) scale(0.7);
    opacity: 0.8;
    z-index: 2;
}

.carousel_bannerBox .p3 {
    transform: translate3d(100px, 0, 0) scale(1);
    z-index: 3;
    opacity: 1;
}

.carousel_bannerBox .p4 {
    transform: translate3d(200px, 0, 0) scale(0.7);
    transform-origin: 100% 50%;
    opacity: 0.8;
    z-index: 2;
}

/* 移动端位置样式 */
.carousel_bannerBox .mobile-active {
    transform: translateX(0) scale(1);
    opacity: 1;
    z-index: 3;
    width: 100%;
}

.carousel_bannerBox .mobile-inactive {
    opacity: 0;
    z-index: 1;
}

.carousel_bannerBox li .carousel_con {
    background: url('/assets/images/carousel_bg.png') no-repeat left top #fff;
    background-size: contain;
    padding-left: 34%;
    height: 500px;
    padding-right: 3%;
    position: relative;
}

.carousel_con .carousel_logo {
    margin-bottom: 15px;
    max-width: 180px;
}

.carousel_con h6 {
    color: #8792a4;
    carousel_font-size: 18px;
    margin-right: 12px;
}

.carousel_con p.carousel_name {
    carousel_font-size: 15px;
    color: #555;
    text-align: right;
    margin-bottom: 20px;
}

.carousel_pan_shuzhi {
    display: inline-block;
    text-align: center;
    padding-right: 15px;
    padding-left: 15px;
}

.carousel_pan_shuzhi h5 {
    color: #4371ff;
    carousel_font-size: 26px;
}

.carousel_pan_shuzhi p {
    carousel_font-size: 14px;
    color: #555;
}

.carousel_button {
    color: #555555;
    background: #f7f8fa;
    border-radius: 3px;
    padding: 8px 15px;
    carousel_font-size: 15px;
    display: inline-block;
    position: absolute;
    right: 30px;
    bottom: 75px;
}

.carousel_bannerBox .btn {
    position: absolute;
    top: 50%;
    margin-top: -50px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 60px;
    carousel_font-size: 20px;
    color: #555;
    text-decoration: none;
    text-align: center;
    background: #f0f0f0;
    cursor: pointer;
    z-index: 5;
}

.carousel_bannerBox .prev {
    left: 20px;
}

.carousel_bannerBox .next {
    right: 20px;
}

/* 新增下标按钮样式 */
.pagination {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    z-index: 10;
    gap: 8px;
}

.pagination span {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: all 0.3s ease;
}

.pagination span.active {
    background-color: #fff;
    transform: scale(1.2);
}
@media (min-width: 993px) {
    .carousel_bannerBox li {
        display: block !important; /* 强制覆盖移动端的display:none */
        opacity: 1 !important; /* 确保透明度重置 */
    }
}

/* 响应式设计 - 992px以下 */
@media (max-width: 992px) {
    .carousel_bannerBox {
        height: auto;
        margin-top: 40px;
        padding-bottom: 40px;
    }

    .carousel_bannerBox .carousel_list {
        position: relative;
        left: 0;
        margin-left: 0;
        width: 100%;
        height: auto;
        transform: none;
    }

    .carousel_bannerBox li {
        padding: 0 20px;
        position: relative;
        width: 100%;
        display: none;
        transform: none !important;
        opacity: 1 !important;
        margin-bottom: 20px;
    }

    .carousel_bannerBox .mobile-active {
        display: block;
    }

    .carousel_bannerBox li .carousel_con {
        padding-left: 0;
        background: #fff !important;
        text-align: center;
        padding-top: 30px;
        height: auto;
        min-height: 400px;
        padding-bottom: 60px;
    }

    .carousel_con .carousel_logo {
        max-width: 150px;
    }

    .carousel_con h6 {
        carousel_font-size: 16px;
    }

    .carousel_con .carousel_name {
        carousel_font-size: 14px;
    }

    .carousel_pan_shuzhi h5 {
        carousel_font-size: 22px;
    }

    .carousel_title_h2 {
        carousel_font-size: 32px;
    }

    .carousel_font {
        carousel_font-size: 16px;
    }

    /* 隐藏按钮 */
    .carousel_bannerBox .btn {
        display: none;
    }
}

/* 768px以下 */
@media (max-width: 768px) {
    .carousel_bannerBox li .carousel_con {
        padding-left: 0;
        background: #fff !important;
        text-align: center;
        padding-top: 30px;
    }

    .carousel_con .carousel_logo {
        max-width: 120px;
    }

    .carousel_con h6 {
        carousel_font-size: 14px;
    }

    .carousel_pan_shuzhi h5 {
        carousel_font-size: 20px;
    }

    .carousel_pan_shuzhi p {
        carousel_font-size: 12px;
    }

    .carousel_button {
        bottom: 60px;
        carousel_font-size: 14px;
        padding: 6px 12px;
    }

    .carousel_title_h2 {
        carousel_font-size: 28px;
    }
}

/* 576px以下 */
@media (max-width: 576px) {
    .carousel_bannerBox li .carousel_con {
        padding-left: 0;
        background: #fff !important;
        text-align: center;
        padding-top: 30px;
    }

    .carousel_con .carousel_logo {
        max-width: 100px;
        margin: 0 auto 15px;
    }

    .carousel_con h6 {
        carousel_font-size: 13px;
        margin: 0 10px 15px;
    }

    .carousel_con .carousel_name {
        carousel_font-size: 13px;
    }

    .carousel_pan_shuzhi {
        display: block;
        width: 100%;
        padding: 10px;
        border-right: none !important;
    }

    .carousel_pan_shuzhi h5 {
        carousel_font-size: 18px;
    }

    .carousel_button {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 20px;
    }

    .carousel_title_h2 {
        carousel_font-size: 24px;
    }

    .carousel_font {
        carousel_font-size: 14px;
    }

    .carousel_box {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}