@media screen and (max-width: 968px) {
    .service-content .section-foot ul li{
        width: calc(100% / 5);
    }
    .service-content .section-foot ul li .title-box{
        left: calc(50% - (100vw * 60 / 850));
        width: calc(100vw * 120 / 850);
    }
    .service-content .section-foot ul .active .tringle{
        top: calc(-100vw * 55 / 850);
    }
    .service-content .section-foot ul li .select-image{
        left: calc(50% - (100vw * 55 / 850));
        top: calc(-100vw * 35 / 850);
        width: calc(100vw * 110 / 850);
        height: calc(100vw * 35 / 850);
    }

}
@media screen and (max-width: 700px) {
    .service-content #section-swiper .swiper-slide .list-box .slide-title{
        width: calc(100vw * 156 / 700);
    }
    .service-content #section-swiper .swiper-slide-active .list-box .slide-title{
        width: calc(100vw * 184 / 700);
    }
    .service-content #section-swiper .swiper-slide .list-box .text-list-2 li{
      
        height: calc(100vw * 120 / 700);
    }
    .service-content #section-swiper .swiper-slide .list-box .text-list-3 li{
        height: calc(100vw * 120 / 700);
    }
    .service-content .section-foot ul li .title-box{
        left: calc(50% - (100vw * 60 / 700));
        width: calc(100vw * 120 / 700);
    }
}