@media screen and (max-width:1680px){
    header.on .nav a{margin: 0 10px;}
    header .nav a b{font-size: 17px;}

    
}
@media screen and (max-width:1440px){
    h5{font-size: 1.4vw;}
    header .tel, header .lang{display: none;}
    header .nav{margin-right: 0;}
 
}

@media screen and (max-width:1200px){
    h3{font-size: 3vw;}
    .cont{width: 92%;}
    h5{font-size: 1.8vw;}
    header{display: none;}
    .m-header{display: block;}

    
}
@media screen and (max-width:980px){
    h5{font-size: 2.4vw;}
    h4{font-size: 2.6vw;}
    h3{font-size: 3.6vw;}



}
@media screen and (max-width:760px){
    h5{font-size: 4.4vw;}
    h4{font-size: 4.6vw;}
    h3{font-size: 5.4vw;}
    h2{font-size: 5.6vw;}
   
    /* 首页 */
    .inx-01{height: 110vw;}
    .inx-01 .img-box{display: block;height: 110vw;}
    .inx-01 video{display: none;}
    .inx-01 .txt-box h2{width: max-content;}
    .inx-01 .txt-box a{padding: 0px 30px;font-size: 16px;}
    .client-2{display: none;}
    .padding{padding: 30px 0;}
    .inx-02 .box .left{width: 100%;}
    .inx-02 .box .left .lable-list .lable{font-size: 15px;line-height: 24px;padding: 8px;box-sizing: border-box;}
    .inx-02 .box .right{width: 100%;}
    .inx-02 .box .right .swi-btn div{width: 40px;height: 40px;}
    .inx-02 .box .right .swi-btn div svg{width: 18px;height: 18px;}
    .inx-03{height: max-content;}
    .inx-03 .left{width: 100%;}
    .inx-03 .right{display: none;}
    .inx-03>.info-box{display: none}
    .title-box h5{font-size: 4vw;}
    .inx-03 .left .info p em{font-size: 18px;}
    .inx-03 .left .info p{font-size: 15px;line-height: 26px;}
    .inx-03 .left a{padding: 0 30px;}
    .inx-05 .tit-box{flex-wrap: wrap;}
    .inx-05 .tit-box .link-box{width: 100%;margin-top: 3vw;}
    .inx-05 .tit-box .link-box a{padding: 15px 0;width: 32%;text-align: center;font-size: 16px;margin-left: 0;}
    .inx-05 .left{width: 100%;}
    .inx-05 .left .img-box {height: max-content;}
    .inx-05 .left .info{padding:15px;}
    .inx-05 .left .info p{font-size: 15px;line-height: 26px;}
    .inx-05 .right{width: 100%;padding: 15px;margin-top: 3vw;}
    .inx-05 .right a{flex-wrap: wrap;}
    .inx-05 .right a .type{width: 100%;}
    .inx-05 .right a h5{width: 100%;margin: 3vw 0;}
    .inx-05 .right a .type{font-size: 15px;}
    .inx-06 .left{display: none;}
    .inx-06 .right{width: 100%;padding-left: 0;}
    .inx-06 .right .oth-img p{text-align: center;}
    .inx-06 .right .oth-img img{margin: 0 auto;}

    /* 关于 */
    .oth-banner{height: auto;}
    .oth-banner .img-box{min-height: auto;height: 300px;}
    .mbx{display: none;}
    .ab-01 .left .info p:first-child{font-size: 18px;line-height: 30px;}
    .ab-01 .left .info p{font-size: 15px;line-height: 26px;}
    .ab-02 .info-list .info{flex-wrap: wrap;}
    .ab-02 .info-list .info h3{font-size: 4.8vw;}
    .ab-02 .info-list .info:first-child .list{width: 100%;margin-top: 3vw;}
    .ab-02 .info-list .info .list .item img{width: 20px;height: 20px;}
    .ab-02 .info-list{flex-wrap: wrap;}
    .ab-02 .info-list .info{width: 100%;}
    .ab-03 .swiper .swiper-slide{height: 80vw;width: 80%;}
    .ab-03 .swiper{margin-top: 10vw;}
    .ab-03 .swiper .swiper-slide .box .info{font-size: 15px;}
    .ab-03 .swiper .swiper-slide .box .time{font-size: 24px;}
    .ab-03 .swiper .swiper-slide .box{width: 100%;}
    .str-01 .left{width: 100%;}
    .str-01 .info p{font-size: 15px;line-height: 26px;}
    .str-01 .left .num-list .num-item p{font-size: 16px;}
    .str-01 .left .num-list .num-item .num h3{font-size: 5vw;}
    .str-01 .right{width: 100%;}
    .str-02 .left{width: 100%;}
    .str-02 .right{width: 100%;overflow: hidden;margin-top: 3vw;height: 40vw;}
    .ab-04 .top{flex-wrap: wrap;}
    .ab-04 .top .zhu{display: none;}
    .ab-04 .list .item{width: 25vw;height: 14vw;}
    .ab-03 .swi-btn div{width: 40px;height: 40px;}
    .ab-03 .swi-btn div svg{width: 18px;height: 18px;}
    .pro-list .item .img-box{width: 100%;}
    .pro-list .item .info-box{width: 100%;}
    .pro-list .item .info-box table{width: 100%!important;overflow: hidden;}
    .pro-list .item .info-box table tr{width: 100%;}
    .pro-list .item .info-box table tr:first-child td{font-size: 16px;}
    .pro-list .item .info-box table td{box-sizing: border-box;padding: 2px;max-width: 20vw;}
    .pro-list .item .info-box .oth-info{flex-wrap: wrap;}
    .pro-list .item .oth-info a{margin-top: 5vw;}
    .pro-info .left{width: 100%;}
    .cat-pro{display: none;}
    .pro-content{width: 100%;margin-top: 5vw;}
    .pro-content .content-box table{width: 100%!important;}
    .pro-content .content-box table tbody{width: 100%!important;}
    .pro-content .content-box table tr{width: 100%;}
    .pro-content .content-box td{padding: 2px;box-sizing: border-box;}
    .pro-content .list .item .img-box{width: 100%;height: auto;}
    .pro-content .list .item .info{width: 100%;margin-top: 4vw;}

    .app .lable-list a{padding: 15px 0;text-align: center;width: 32%;}
    .news-list .top-news .swiper .swiper-slide a .img-box{width: 100%;}
    .news-list .top-news .swiper .swiper-slide a{padding: 15px;}
    .news-list .top-news .swiper .swiper-slide a .img-box{height: 45vw;}
    .news-list .top-news .swiper .swiper-slide a .info .box p{margin-top: 15px;}
    .news-list .top-news .swiper .swiper-slide a .info{width: 100%;margin-top: 20px;}
    .news-list .top-news .swiper .swiper-slide a .info h5{font-size: 4.5vw;}
    .news-list .top-news .swiper .swiper-slide a .info .box p{width: 100%;}
    .news-list .top-news .new-tabBtn{bottom: 5px;right: 5px;}
    .newsList a .time{width: 100%;margin-bottom: 15px;}
    .newsList a .more{font-size: 16px;margin-top: 15px;}
    .newsList a h5{width: 100%;}
    .newsList a em{font-size: 16px;margin-top: 15px;}
    .newsList a{padding: 30px 10px;}
    .news-dail-back{display: none;}
    .news-dail-tit h4{font-size: 5vw;}
    .oth-banner.news-ban{height: 400px;}
    .oth-banner.news-ban .pic-txt h1{font-size: 5.4vw;}
    .oth-banner .pic-txt p{font-size: 16px;}
    .web10-box .cont{width: 90%;}

    .m-header a{height: 32px;}
    .m-nav-box .m-nav-item a{line-height: 50px;font-size: 4.4vw;}
    .m-nav-box.active .m-nav-item a{height: 50px;}
    .m-nav-box .m-nav-item .m-nav-top{height: 50px;}
    .m-nav-box .m-nav-item .m-nav-list a{line-height: 40px;font-size: 3.6vw;height: 0;}
    .m-nav-box .m-nav-item .m-nav-list.active a{height: 40px;}
    .contact-box .left{width: 100%;}
    .contact-box .cont>.img-box{width: 100%;margin-top: 20vw;}
    .contact-box .left .info h4{font-size: 15px;}
    .contact-box .left .info h5{font-size: 17px;}
}