/* banner图 */

.bannerList {
    overflow: hidden;
    position: relative;
}

.bannerList li {
    width: 100%;
}

.bannerList li .imgBox {
    width: 100%;
    padding-bottom: 56.25%;
}
#J_banner5 li .imgBox {
    padding-bottom: 51.2%;
}

.bannerList li .imgBox video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    object-fit: fill;
}

.bannerList li .imgBox .play {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../Image/play2.png) no-repeat center center;
    z-index: 2;
    transition: 0.6s;
    cursor: pointer;
    opacity: 0.6;
}

.bannerList li .imgBox .play:hover {
    transform: scale(1.2)
}
#J_banner {
    display: block;
}
#J_banner5 {
    display: none;
}
@media (max-width: 768px) {
    .bannerList li .imgBox {
        padding-bottom: 160%;
    }
}

.fanganList {
    overflow: hidden;
    position: relative;
}

.fanganList li {
    width: 100%;
}

.fanganList li .imgBox {
    width: 100%;
    padding-bottom: 45%;
}

.fanganList li .imgBox span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    font-size: 22px;
    transition: 0.4s;
    transform: translateY(100%);
}

.fanganList li:hover .imgBox span {
    transform: translateY(0);
}

@media (max-width: 1600px) {
    .fanganList li .imgBox span {
        font-size: 1.5vw;
    }
}

@media (max-width: 768px) {
    .fanganList li .imgBox span {
        transform: translateY(0);
        height: 2.5em;
        line-height: 2.5em;
        font-size: 12px;
    }

    .fanganList .swiper-pagination {
        position: relative;
        bottom: 0;
    }
}