@media (max-width:1500px ) {

    header .headPc .content .menu{margin-left: 150px;margin-right: 50px;}
    @media (max-width:1250px ) {
        header .headPc .content .menu{margin-left: 50px;margin-right: 20px;}
        header .headPc .content .left{max-width: 180px}
        header .headPc .content .left img{max-width: 180px}

        .index3 .num-list .item{margin-top: 30px;}

        .index4 .list-box .swiper-slide{width: 100%;}
        .index4 .list-box .white-box{margin-right: 0;}
        .index4 .list-box .img-box{margin-left: 0;}
        .index4 .list-box .swiper-slide.swiper-slide-active .img-box::before{left: 0;}
        .index4 .list-box .swiper-slide.swiper-slide-active .index4-next-prev{display: none}
        .index4 .list-box .swiper-slide .white-box{visibility: unset}
        .index4 .list-box .swiper-slide.swiper-slide-next{margin-left:0}

        .index5 .list .item{transform: unset;margin-top: 25px;}


        .index7 .module .right .item{flex-direction: column;}
        .index7 .module .right .body{width: 100%;}
        .index7 .module .right .img{width: auto;height: auto}
        .index7 .module .right .img img{height: auto;width: auto;max-width: 100%;margin: 0 auto}
        .index7 .module .right .item:nth-of-type(even) .body,
        .index7 .module .right .item:nth-of-type(even) .img{order: unset}
        .index8 .list .item{margin-top: calc(var(--bs-gutter-x) * 0.5);}

        /*inside*/

        .common-banner .text{margin-top: unset;}
        .common-banner .text .h3{font-size: 22px;}
        .common-banner .text .text{font-size: 16px;}
    }


    @media (max-width:1000px ) {
        header{padding-bottom: 80px;}
        header .headPc{display: none}
        header .mHeadBox{display: block}
        header .mHead{padding: 20px 0;z-index: 50;width: 100%;margin: 0 auto;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);display: flex;align-items: center;justify-content: space-between;background-color: #f6f9fb;}
        header .mHeadBox{position: fixed;top: 0;left: 0;width: 100%;}
        header .mHeadBox.active{background-color: #3A52E6;top: 0}
        header .mHeadBox.active .hc-nav-trigger span,
        header .mHeadBox.active .hc-nav-trigger span::before,
        header .mHeadBox.active .hc-nav-trigger span::after{background-color: #fff;}
        header .mHead .hc-nav-trigger{top: unset;}
        header .mHead .hc-nav-trigger{position: relative;}
        header .mHead .hc-nav-trigger span,
        header .mHead .hc-nav-trigger span::before,
        header .mHead .hc-nav-trigger span::after{background-color: #01477b;}
        header .mHead .hc-offcanvas-nav .nav-title+.nav-close a:not(.has-label){top: -66px}
        header .mHead .toggle{right: 10px;}
        header .mHead .logo{margin-left: 10px;}
        header .mHead .logo img{max-height: 40px}

        .hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a{border-radius:unset;border: none}
        .hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link{border-top: none}
        .hc-offcanvas-nav a.nav-next{border: none}

        .hc-offcanvas-nav ul.bottom-nav{position:absolute;left:0;right:0;bottom:0;z-index:10;width:100%;display:flex;flex-wrap:nowrap;align-items:stretch;border-top:1px solid rgba(0,0,0,0.15)}
        .hc-offcanvas-nav ul.bottom-nav li{flex:auto}
        .hc-offcanvas-nav ul.bottom-nav li a{padding:10px;text-align:center;height:100%;border-bottom:none}
        .hc-offcanvas-nav ul.bottom-nav li img{width: 20px;}
        .hc-offcanvas-nav ul.second-nav .img{margin-right: 8px;}
        .hc-offcanvas-nav li:not(.custom-content) a{display: flex}


        .page-about-1 .flex-box{flex-direction: column}
        .page-about-1 .left{width: 100%;margin-right: 0;}
        .page-about-1 .img{width: 100%;height: auto;margin-top: 20px;}
        .page-about-1 .img img{max-width: 100%;width: auto;height: auto}

        .page-about-4{margin-top: 50px;}
        .page-about-4 .flex-box{flex-direction: column}
        .page-about-4 .right{margin-left: 0;margin-top: 50px;}
        .page-about-5 .item .right{width: 0;}
        .page-about-5 .list .item:nth-of-type(even) .left{order: unset}
        .page-about-5 .list .item:nth-of-type(even) .right{order: unset}
        .page-about-5 .item .left{border-right: unset;width: 100%;}
        .page-about-5 .list .item:nth-of-type(even) .left .item-body{margin-left: unset;}
        .page-about-5 .list .item:nth-of-type(even) .left{border-left: unset}

        .en-index1{height: auto;padding: 100px 0;}
        .en-index1 .left{width: 80%;margin: 0 auto}
        .en-index1 .right{display: none}
        .en-index1 .container{justify-content: center}
        .en-index1 .container .flex-box{width: 100%;}

        .en-index2 .list .item .left{margin-right: 0;}
        .en-index2 .list .item:nth-of-type(even) .left{margin-left: 0;}
        .en-index2 .list .item .right{margin-top: 20px;}
        .en-index2 .list .item .right img{width: auto;height: auto;max-width: 100%  }
        .en-index2 .list .item:nth-of-type(even) .left{order: unset}
        .en-index2 .list .item:nth-of-type(even) .right{order: unset}
        .en-index3 .body{width: 100%;}
        .en-index4 .col-xl-3:not(:first-of-type) .item::before{display: none;}
        .en-index6 .right{margin-left: 0;margin-top: 30px;width: 100%;}
        .en-index6 .left,
        .en-index7 .news-box .left,
        .en-index7 .news-box .right{width: 100%;}
        .en-index7 .news-box .right{height: auto;margin-top: 30px;}
        .en-index7 .news-box .left{margin-right: 0;}
        .en-index7 .news-box .right img{max-width: 100%;height: auto}
        .en-index-footer .footer-box .menu-box{flex-wrap: wrap;}
        .en-index-footer .footer-box a{width: calc(50% - 10px);box-sizing: border-box;border: 1px solid #4e9ca1;margin: 5px}
        .en-index-footer .footer-box{padding: 60px 0}
        .en-index-footer .footer-box .time{justify-content: center;margin-top: 30px;}
    }
    @media (max-width:768px ) {
        .common-banner .text{width: 85%;margin: 0 auto}
        .index2 .search-box .left{width: 100%;}
        .index2 .search-box .left .img-box{margin-left: 0;}
        .index2 .search-box .left .tit{white-space: nowrap}
        .index2 .search-box{flex-direction: column}
        .index2 .search-box .right{width: 100%;}
        .index2 .search-box .btn{width: 100%;padding: 10px 0}
        .index3 .num-list .num{margin-top: 0;}
        .index3 .num-list .item-text{font-size: 18px;margin-top: 8px;padding-bottom: 8px;}
        .index3 .num-list .counter{font-size: 22px;}

        .index2 .about{padding-top: 60px;}
        .index2 .about .title .en{font-size: 60px;}
        .index2 .about .title .cn,
        .index4 .title{font-size: 20px;}
        .index2 .about .body{padding-top: 30px;}
        .index2 .about .body .h2,
        .index4 .text-box .text{font-size: 18px;}
        .index2 .about .body .text{font-size: 16px;}
        .index2 .about .body .text{line-height: 1.6rem;margin-top: 10px;}
        .index2 .about .body .big-img img{max-width: 100%}
        .index2 .about .body .big-img .more-btn{top: -15px}
        .index4 .text-box{padding-top: 15px;}

        .index3{padding: 35px 0}
        .index4{margin-top: 20px;}
        .index4 .list-box{padding: 20px 0;margin-top: 30px;background-image: unset}
        .index4 .list-box .item{width: 95%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);margin: 0 auto}
        .index4 .list-box .swiper-slide.swiper-slide-active .white-box{padding: 35px;box-sizing: border-box}
        .index4 .list-box .white-box .h2{font-size: 20px;}
        .index5 .title{font-size: 20px;}
        .index5 .text-box .text{font-size: 18px;}
        .index5 .list .item{transform: unset;margin-top: 25px;}
        .index5 .list .item .t{font-size: 16px;}
        .index5 .list .item .desc{font-size: 14px;}

        .index6 .list{flex-direction: column}
        .index6 .list .item{margin-top: 15px;}
        .index6 .item .tit{font-size: 20px;}
        .index6 .item .desc{font-size: 16px;}
        .index7 .module .left{display: none}
        .index7 .title,.index8 .top .title{font-size: 20px;}
        .list-service1 .top .desc{font-size: 16px;}
        .list-service1 .top .tit{font-size: 20px;}
        .single-service-body .body-box{flex-direction: column}
        .single-service-body .left,.list-news-1 .list .left,.list-news-1 .list .right{width: 100%;}
        .single-service-body .right{width: 100%;margin-left: 0;margin-top: 30px;}
        .list-news-1 .list .item{flex-direction: column}
        .list-news-1 .list .right{margin-left: 0;}
        .list-news-1 .list img{max-width: 100%;margin: 0 auto;width: auto;height: auto}
        .common-banner.order{}
        .common-banner .img img{height: 500px;object-fit: cover}
        .common-banner.order .input-box{flex-direction: column;position: relative}
        .common-banner.order .input-box input{width: 100%;}
        .common-banner.order .input-box .btn-box{position: absolute;bottom: calc( -100% - 15px);left: 50%;transform: translateX(-50%)}
        .common-banner.order .btn{white-space: nowrap}
    }

    @media (max-width:540px ) {
        .container-sm, .container{padding:0 10px;box-sizing: border-box}
        .common-banner.order .input-box input{width: 100%;font-size: 14px;}
    }

}