.bdage {
    margin-bottom: 30px;
}

@media (max-width:1400px) {
    .propart.propart-07 .propart07 li {
        width: 32%;
    }

    .propart.propart-07 .propart07 li img {
        width: 100%;
    }
}

@media (max-width:1000px) {

    .propart.propart-01 .propart01 .swiper-wrapper .swiper-slide p,
    .propart.propart-03 .propart03 .swiper-wrapper .swiper-slide p {
        display: inline;
    }

    .propart04 .swiper-button-next,
    .propart04 .swiper-button-prev {
        top: 31%;
    }

    .propart.propart-06 .propart06 li {
        margin-bottom: 0px;
    }

    .propart-02 {
        background-size: auto !important;
    }

    .propart.propart-03 .propart03 .swiper-wrapper .swiper-slide p {
        font-size: 12px;
    }

    .inban-pro {
        background: url({$eyou.field.image_list.1.image_url}) center/cover !important;
        height: 60vh;

    }


    .inban-pro .ban-a .text h3 {
        font-size: 30px;
        line-height: 30px;
    }

    .inban-pro .ban-a.ban-a-p p {
        font-size: 20px;
        line-height: 20px;
    }

    .inban-pro .ban-a .text .icon-play {
        font-size: 40px;
    }

    video {
        display: block;
    }

    .mark .videobox {
        padding: 5px;
        width: 85%;
        max-width: 85%;
    }

    .imgbox {
        overflow-x: scroll;
    }

    .propart.propart-02 .propart02 .imgbox img {
        max-width: 800px;
        width: 800px;
    }

    .propart.propart-04 .propart04 .swiper-wrapper .swiper-slide .text {
        position: relative;
        background-color: rgba(0, 0, 0, 0.5);


    }

    .propart.propart-04 .propart04 .swiper-wrapper .swiper-slide::after {
        content: none;
    }

    .propart.propart-04 .propart04 .swiper-wrapper .swiper-slide {
        display: flex;
        flex-direction: column;
    }

    .propart.propart-04,
    .propart.propart-07 {
        background-position: center;
    }

    .propart.propart-04 .propart04 .swiper-wrapper .swiper-slide .text {
        transform: none;
        left: 0;
        height: 150px;
        display: block;
        width: 100%;

        min-width: 100%;
    }

    .propart.propart-04 .propart04 .swiper-wrapper .swiper-slide img {
        height: 55vw;
        pointer-events: none !important;
    }

    .propart.propart-04 .propart04 .swiper-wrapper .swiper-slide .text {
        top: 0 !important;
        transform: none !important;
        left: 0 !important;
        height: 150px !important;
        display: block !important;
        width: 100% !important;
        min-width: 100% !important;
    }


    .propart.propart-04 .propart04 .swiper-wrapper .swiper-slide:hover .text {
        top: 0 !important;
        transform: none !important;
    }

    .propart.propart-07 .propart07 li {
        width: 45%;
    }

    .propart.propart-07 .propart07 li,
    .propart.propart-07 .propart07 li:last-child,
    .propart.propart-07 .propart07 li:nth-last-child(2),
    .propart.propart-07 .propart07 li:nth-last-child(3),
    .propart.propart-07 .propart07 li:nth-last-child(4) {
        margin-bottom: 20px;
    }

    .bdage {
        display: none;
    }

    .propart-04 {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}