

.swiper-container-wap{width: 100%;height: auto;margin-top: 13.2vw;}
.swiper-container-wap img{width: 100% !important;height: auto !important}

.swiper-container-wap .swiper-pagination{position: absolute;z-index: 9;text-align: center}
.swiper-container-wap .swiper-pagination-bullet{width: 2vw;height: 2vw}


@media screen and (max-width: 768px) {
    .swiper-container,.ser-left-content{display: none}
    .swiper-container-wap,.ser-wap-info{display: block}


    .ab_list,.ser_list,.fenbu_list,.news_list,.join_list{height: 36vw}

    .h-about-bg{width: 120vw;position: absolute;bottom: 0;top: auto}
    .ab-title, .bumen-title, .news-title{height: 6vw}
    .ser-title{height: 8vw}
    .join-title{height: 8.6vw}

    .ab_txt,.ser_txt,.bumen-title,.news-title,.join-title{padding-top: 6vw}
    .ab-title b, .bumen-title b, .join-title b,.ser-title b, .news-title b{font-size: 4.8vw;}
    .ab-title span, .bumen-title span,.ser-title span, .join-title span,.news-title span{font-size: 4.8vw;}

    .news-title span{right: 22vw}

    .ab-title span, .bumen-title span{left: 22vw}
    .ser-title span{right: 27.2vw}
    .join-title span{left: 22vw;display: block;width: 30vw}

    .h-ab-big, .h-bumen-big,.ser-show, .join-show, .h-ab-big, .h-bumen-big, .h-news-big{padding: 1vw 0;font-size: 2.6vw;line-height: 4.8vw}

    .h-ab-content, .ser-content, .news-content, .fenbu-content, .join-content{width: 92vw}
    .fenbu-ul{top: 12.8vw}
    .fenbu-ul a{width: 12vw;height: 10vw;margin-left: 1vw;font-size: 1.4vw;font-weight: normal}
    .fenbu-ul a p{padding-top: 2vw;font-size: 3.2vw}
    .home_main img{height: 36vw !important;width: auto}
    .news-map{left: -40vw}
    .join-img{right: -15vw}


}
@media screen and (min-width: 769px) {
    .swiper-container,.ser-left-content{display: block}
    .swiper-container-wap,.ser-wap-info{display: none}
}