/**
 * Banner显示修复样式
 * 解决首页banner不显示的问题
 */

/* 确保banner容器正确显示 */
.banner {
    height: 400px !important;
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    overflow: hidden !important;
}

/* 确保swiper容器正确显示 */
.banner .mySwiper1 {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
    top: 0 !important;
    left: 0 !important;
}

/* 确保swiper-wrapper正确显示 */
.banner .swiper-wrapper {
    width: 100% !important;
    height: 100% !important;
}

/* 确保swiper-slide正确显示 */
.banner .swiper-slide {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 确保图片正确显示 */
.banner .swiper-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* 确保搜索框在前景 */
.banner .bx {
    position: relative !important;
    z-index: 10 !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* 分页器样式 */
.banner .swiper-pagination {
    position: absolute !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 10 !important;
}

.banner .swiper-pagination-bullet {
    background: #fff !important;
    opacity: 0.5 !important;
}

.banner .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #D4AF37 !important;
}