.lui-banner{
    height: 500px;
    background: #fff;
    .banner-box{
        height: 500px;
        overflow: hidden;
        .banner-img{
            width: 1200px;
            margin: 0 auto;
            display: block;
            height: 444px;
            background: #fff;
            img{
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
    }
    .swiper-container{
        width: 100%;
        height: 100%;
        overflow: inherit;
        .swiper-pagination-bullets{
            bottom: 70px;
        }
        .swiper-pagination-bullet{
            width: 12px;
            height: 12px;
        }
        .swiper-button-prev{
            left: 50%;
            margin-left: -650px;
            margin-top: -25px;
            width: 48px;
            height: 48px;
            background: url("#{$dir}/h_banner_prev.png") no-repeat;
        }
        .swiper-button-next{
            right: 50%;
            margin-right: -650px;
            margin-top: -25px;
            width: 48px;
            height: 48px;
            background: url("#{$dir}/h_banner_next.png")  no-repeat;
        }
        .swiper-pagination-bullet{
            background: #fff;
            opacity:0.5;
            filter:alpha(opacity=50);
        }
        .swiper-pagination-bullet-active{
            background: #fde53d;
            opacity:1;
            filter:alpha(opacity=100);
        }
    }
}