@charset "utf-8";


.new_banner {
    max-width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin: 100px auto 0;
}
.new_banner .swiper-container {
    width: 100%;
    height: auto;
}
.new_banner .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto !important;
    background: #fff;
}
.new_banner .swiper-slide img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
    display: block;
}
/* 默认文字遮罩样式 (会被大屏 Media Query 隐藏) */
.new_banner .texts {
    width: 100%;
    padding: 0 5%;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    height: 50px;
    display: flex;
    align-items: center;
    z-index: 10;
}
.new_banner .texts .tit {
    max-width: 65%;
    font-size: 16px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
/* 分页器基础重置 (Reset) */
.new_banner .swiper-pagination {
    padding: 0 !important;
    margin: 0 !important;
    z-index: 50 !important;
    box-sizing: border-box !important;
    pointer-events: auto !important;
    transform: none !important; /* 禁止Swiper默认居中 */
}
/* 分页器小圆点/文字块基础样式 */
.new_banner .swiper-pagination-bullet {
    opacity: 1;
    margin: 0 6px !important;
    background: rgba(255, 255, 255, .5);
}
.new_banner .swiper-pagination-bullet-active {
    background: #fff;
}


@media screen and (max-width: 1400px) {
    .new_banner .texts {
        padding: 0 2%;
    }
}
@media screen and (max-width: 1100px) {
    .new_banner {
        margin: 90px auto 0;
    }
}
/* 大屏 PC (屏幕 > 1100px，隐藏旧标题，显示底部黑色通栏，文字均分) */
@media screen and (min-width: 1101px) {
    /* 隐藏图片内的旧标题 */
    .new_banner .swiper-slide .texts {
        display: none !important;
    }
    /* 底部通栏容器 */
    .new_banner .swiper-pagination {
        display: flex !important;
        flex-direction: row !important;
        background: rgba(0, 0, 0, 0.6) !important;
        height: 50px !important;
        line-height: 50px !important;
        border-radius: 0 !important;
        /* 强制定位 */
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
    }
    /* 文字项样式 */
    .new_banner .swiper-pagination .swiper-pagination-bullet {
        flex: 1 !important;         /* 均分宽度 */
        width: auto !important;
        height: 100% !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: rgba(255, 255, 255, 0.7) !important;
        text-align: center;
        margin: 0 !important;
        padding: 0 5px !important;
        font-size: 14px !important; /* 显示文字 */
        display: block !important;
        position: relative;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 50px;
        cursor: pointer;
    }
    /* 分隔线 */
    .new_banner .swiper-pagination .swiper-pagination-bullet:after {
        content: "";
        position: absolute;
        right: 0;
        top: 15px;
        height: 20px;
        width: 1px;
        background: rgba(255, 255, 255, 0.2);
    }
    .new_banner .swiper-pagination .swiper-pagination-bullet:last-child:after {
        display: none;
    }
    /* 激活状态 */
    .new_banner .swiper-pagination .swiper-pagination-bullet-active {
        background: #74956c !important; /* 绿色高亮 (维持您提供的原代码颜色) */
        color: #fff !important;
    }
}
/* 中屏/笔记本/平板 (769px - 1100px，显示左侧旧标题，右下角显示圆点) */
@media screen and (min-width: 769px) and (max-width: 1100px) {
    /* 恢复图片上的标题 */
    .new_banner .swiper-slide .texts {
        display: flex !important;
    }
    /* 圆点容器定位到右下角 */
    .new_banner .swiper-pagination {
        display: flex !important;
        justify-content: flex-end !important;
        width: auto !important;
        height: auto !important;
        background: none !important;
        left: auto !important;
        right: 20px !important;
        bottom: 20px !important;
    }
    /* 将文字块强制变回圆点 */
    .new_banner .swiper-pagination .swiper-pagination-bullet {
        width: 10px !important;
        height: 10px !important;
        border-radius: 50% !important;
        background: rgba(255, 255, 255, 0.5) !important;
        margin: 0 5px !important;
        flex: none !important;
        /* 隐藏文字 */
        font-size: 0 !important;
        color: transparent !important;
    }
    .new_banner .swiper-pagination .swiper-pagination-bullet-active {
        background: #fff !important;
        opacity: 1 !important;
    }
}
/* 手机移动端 (屏幕 <= 768px，显示居中标题，彻底隐藏下方导航) */
@media only screen and (max-width: 768px) {
    .new_banner {
        width: 100%;
        padding-right: 0;
        padding-bottom: 0;
    }
    .new_banner .texts {
        height: 40px;
    }
    .new_banner .texts .tit {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
    /* 隐藏所有JS生成的分页器 */
    .new_banner .swiper-pagination {
        display: none !important;
    }
    /* 确保原标题层显示 */
    .new_banner .swiper-slide .texts {
        display: flex !important;
    }
}