.banners {
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
}
.banner-pic {
    width: 100vw; 
    height: 26.04vw;
    background-size: cover; 
    background-position: center;
}
.pics_wrap .font-box {
    width: calc(100% - 7.29vw);
    height: calc(100% - 5.21vw);
    position: absolute;
    top: 56%;
    left: 50%;
    transform: translate(-50%,-50%);
}

    .pics_wrap .font-box .container {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
    }

    .pics_wrap .font-box .font1 i {
        background-color: #fff;
        width: 100%;
        height: 0.03vw;
        display: block;
    }

@media(min-width:992px) {
    .pics_wrap .font-box .font1 .title {
        padding: 0.63vw;

    }

    .pics_wrap .font-box .font1 {
        font-size: 30px;
    }

    .xbanner li img {
        height: 26.04vw;
        width: 100%;
    }
}

@media(max-width:992px) {
    .pics_wrap .font-box .font1 .title {
        padding: 0.63vw;
    }

    .pics_wrap .font-box .font1 {
        font-size: 30px;
    }

    .pics_wrap .font-box .container {
        justify-content: center;
    }
    .banner-pic {
       height:200px;
    }
    .xbanner li img {
        height: auto;
        width: 100%;
    }
}

@media(max-width:468px) {
    .pics_wrap .font-box .font1 .title {
        padding: 0.21vw 0;
    }

    .pics_wrap .font-box {
        position: absolute;
        top: 68%;
        left: 50%;
    }

        .pics_wrap .font-box .imgbox img {
            display: none;
        }

    .pics_wrap .font-box {
        width: 100%;
    }

       

    .pics_wrap .html5zoo-nav-0 {
        display: none !important;
    }

    .pics_wrap .font-box .container {
        justify-content: center;
    }

    
}