@charset "utf-8";
/* css 重置 */
ul{list-style:none;}
img{border:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}

/* banner-box */
.banner-box{width:100%;height:900px;position:relative;overflow:hidden;margin-top: 90px}
.banner-box .bd{ width:100% !important; height: 100%}
.banner-box .bd ul{width: unset !important}
.banner-box .bd li .m-width {width:100%;margin:0 auto;overflow:hidden; height: 100%}
.banner-box .bd li{width:100% !important;height:100%;}
.banner-box .bd li a{display:block;background-size:auto;}

.banner-btn{width:100%;position:absolute;top:430px;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:0px;background:url(/frontend/web/assets/img/foot.png) no-repeat 0 0;}
.banner-btn a.next{right:0px;background:url(/frontend/web/assets/img/foot.png) no-repeat -49px 0;}

.banner-box .hd {position:absolute;top:400px;width: 100%; display: flex; justify-content: center;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#DA324D;}
.banner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position:center;
}

.banner-box-1 {
    margin-top: unset;
    height: 468px;
}

.banner-box-1 .hd {
    top: 140px;
}

.banner-btn-1 {
    top:250px;
}

.banner-box-1 .title {
    position: absolute;
    bottom: 0px;
    padding: 10px;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: #ffffff;
    font-size: 18px;
    top: unset !important;
    left: unset !important;
}

.banner-box-1 .title a {
    -webkit-line-clamp: 1;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media screen and (max-width: 667px) {
    .banner-box {
        height: 300px;
        margin-top: 60px;
    }
    .banner-btn {
        top: 100px;
    }
    .banner-box .hd {
        top: 170px;
    }
    .banner-box-1 {
        height: 300px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .banner-btn-1 {
        top: 130px;
    }
    .banner-box-1 .hd {
        top: 90px;
    }
    .prev, .next {
        scale: 0.5;
    }

    #c_magiccube_009-1718335974012 .content-box {
        min-height: unset;
        margin-bottom: 10px;
    }
}