/* 大盒子 .lunbo */

ul,
ol {
    margin: 0;
}

@media (min-width:750px) {
    .lunbo {
        /* 相对定位 */
        position: relative;
        margin-top: 0px;
    }
    .lunbobox1 {
        height: 35.15vw;
    }
    .lunbobox2 {
        height: 30px;
        width: 100%;
        background-color: #f3f3f3;
    }
    .bg {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        /* 宽：body 高：和图片一样 */
        width: 100%;
        height: 56.25vw;
        /* 图片作为背景 和img里的图片一样 */
        background: url("../img/lunbo_bg\ \(1\).webp") no-repeat;
        background-size: 100% 35.15vw;
        filter: blur(10px);
        z-index: -2;
    }
    .lunbo .content {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        height: 35.15vw;
        width: 93.75vw;
    }
    .lunbo ul {
        position: absolute;
        bottom: 1.17vw;
        right: 6vw;
        height: 32.8125vw;
        width: 20.7vw;
    }
    .lunbo ul li {
        /* position: relative; */
        height: 3.125vw;
        width: 100%;
        padding-right: 1.56vw;
        /* 未被选中 */
        background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6));
        z-index: 99;
        cursor: default;
    }
    .lunbo img {
        /* 图片 定位到中间 */
        position: absolute;
        top: -1.17vw;
        left: -57.2vw;
        /* 图片 16:9 */
        height: 35.15vw;
        width: 62.5vw;
        z-index: -99;
    }
    .lunbo h3,
    .lunbo p {
        display: block;
        text-align: right;
    }
    .lunbo h3 {
        line-height: 3.125vw;
        font-size: 1.41vw;
        font-weight: normal;
        white-space: nowrap;
    }
    .lunbo p {
        display: none;
        line-height: 1.56vw;
        font-size: 1vw;
    }
    .lunbo .current {
        margin-top: 0;
        padding-top: 0;
        height: 4.6875vw;
        width: 100%;
        padding-left: 0;
        /* 被选中 */
        background: linear-gradient(to right, transparent, rgba(167, 167, 167, 0.4), rgba(167, 167, 167, 0.5));
    }
    .lunbo .current h3 {
        display: block;
        font-size: 1.71875vw;
    }
    .lunbo .current p {
        display: block;
        line-height: 1.56vw;
        font-size: 1vw;
    }
}

@media (max-width:750px) {
    .lunbo {
        position: relative;
        margin-top: 0px;
        height: 66.25vw;
    }
    .lunbo .bg,
    .lunbobox1,
    .lunbobox2 {
        display: none;
    }
    .lunbo .content {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        transform: translateX(0);
        height: 66.25vw;
        width: 100vw;
    }
    .lunbo ul {
        position: absolute;
        bottom: 0;
        right: 0;
        height: 10vw;
        width: 100vw;
    }
    .lunbo ul li {
        /* position: relative; */
        float: left;
        height: 10.5vw;
        margin-top: -.5vw;
        padding-top: .5vw;
        width: 6vw;
        padding-right: 0;
        padding-left: 3vw;
        /* 未被选中 */
        background: linear-gradient(to bottom, transparent, rgba(114, 114, 114, 0.3), rgba(59, 59, 59, 0.8));
        z-index: 99;
        cursor: default;
    }
    .lunbo img {
        /* 图片 定位到中间 */
        position: absolute;
        top: -56.25vw;
        left: 0;
        /* 图片 16:9 */
        height: 56.25vw;
        width: 100vw;
        z-index: -99;
    }
    .lunbo h3,
    .lunbo p {
        display: none;
        text-align: left;
    }
    .lunbo h3 {
        line-height: 5vw;
        font-size: 4vw;
        font-weight: normal;
        white-space: nowrap;
    }
    .lunbo p {
        display: none;
        line-height: 5vw;
        font-size: 3vw;
    }
    .lunbo .current {
        margin-top: -4vw;
        padding-top: 4vw;
        height: 14vw;
        width: 46vw;
        padding-left: 3vw;
        /* 被选中 */
        background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.6));
    }
    .lunbo .current h3 {
        display: block;
        font-size: 4vw;
    }
    .lunbo .current p {
        display: block;
        line-height: 5vw;
        font-size: 3vw;
    }
}