@media(min-width:1601px) {
    html {
        font-size: 16px
    }

    .w1600 {
        padding: 0 10rem;
    }
}

@media(min-width:1400px) and (max-width:1600px) {
    html {
        font-size: 14px
    }

    .w1600 {
        padding: 0 6.25rem;
    }
}

@media(min-width:640px) and (max-width:1399px) {
    html {
        font-size: 13px
    }
}

@media(min-width:481px) and (max-width:639px) {
    html {
        font-size: 13px
    }
}

@media(min-width:329px) and (max-width:480px) {
    html {
        font-size: 13px
    }
}

@media(max-width:1320px) {
    .w1600 {
        padding: 0 30px;
    }

}

@media(max-width:1200px) {
    #header {
        display: none;
    }

    #m_header {
        display: block;
    }

    #nav_btn_box {
        display: block;
    }
    .n_nav{
        display: none;
    }
    #m_n_nav{
        display: block;
    }

}

@media(max-width:768px) {
    .w1600 {
        padding: 0 15px;
    }

   
    .n_nav{
        display: none;
    }

    #m_n_nav {
        display: block;
    }

    #menu{
        display: none;
    }

    #banner .swiper{
        height: 31.25rem;
    }

    .s_product .cp_box{
        grid-template-columns:repeat(1, 1fr);
        gap: 2rem;
    }
    .s_about{
        background-position-x: 0%;
    }
    .s_about ul{
        display: none;
    }
    .s_about .txt,.s_fuwu .left>p{
        margin-bottom: 4.5rem;
    }
    .s_fuwu .box,.s_fuwu li a{
        flex-wrap: wrap;
        gap: 3rem;
    }
    .s_fuwu .right{
        gap: 1.5rem;
    }
    .s_fuwu li a{
        padding: 2rem;
    }
    .s_fuwu li .txt p{
        display: none;
    }
    .s_fuwu li .img{
        max-width: 2.1875rem;
    }
    .s_news .s_news_box{
        flex-wrap: wrap;
        gap: 2rem;
    }
    .s_news .w1600{
        width: 100%;
        padding-right: 15px;
    }
    .s_news .news_box{
        width: 100%;
        padding: 0 15px;
    }
    .s_news .s_title{
        margin-bottom: 4.5rem;
    }
    #news_li{
        height: auto;
        display: flex;
        align-items: center;
        gap: 2rem;
    }
    .s_news #news_li li .s_more{
        display: none !important;
    }
    .s_news #news_li li>a{
        margin-bottom: 0;
    }
    .s_news .newsSwiper .swiper-wrapper{
        padding-bottom: 2rem;
    }
    #banner .swiper .txt_box{
        width: 100%;
        top: 60%;
    }
    #n_banner{
        height: 20.75rem;
    }
    .n_about .ar_article h3{
        font-size: 2.5rem;
    }
    .n_about .box{
        flex-wrap: wrap;
        gap: 2rem;
    }
    .n_about .box .right{
        width: 100%;
    }
    .n_lc .title{
        align-items: flex-start;
        justify-content: flex-start;
    }
    .n_lc .lcSwiper{
        margin-top: -3rem;
    }
    .n_lc .swiper-wrapper .swiper-slide,
    .n_lc .swiper-wrapper .swiper-slide-active{
        margin-top: 9rem !important;
    }
    .n_lc .swiper-wrapper .swiper-slide .txt .ar_article{
        max-height: 100%;
    }
    .n_lc{
        height: 44.9375rem;
    }
    .n_wenhua ul{
        flex-wrap: wrap;
        gap: 2rem;
    }
    .n_wenhua li.on{
        width: 100%;
        flex-shrink: unset;
    }
    .n_wenhua li{
        height: auto;
    }
    .n_honor ul{
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }
    .n_honor a .img{
        width: 100%;
    }
    .n_honor a img{
        max-width: 19.5625rem;
        max-height: 18.25rem;
    }
    .n_news2 ul{
        grid-template-columns: repeat(1, 1fr); 
    }
    .n_news2 ul li a,
    .n_news_show .w1600 .box{
        padding: 1.5rem;
    }
    .n_news_show .box .right{
        display: none;
    }
    .n_news_show .box .left{
        width: 100%;
        padding-right: 0;
    }
    .n_news_show .w1600 .box::before{
        display: none;
    }
    .n_news_show .top{
        flex-wrap: wrap;
    }
    .n_news_show .box .left .top h2{
        width: 100%;
    }
    .n_hezuo ul{
        grid-template-columns: repeat(2, 1fr);
    }
    .n_hezuo ul li:first-child, .n_hezuo ul li:nth-child(8), .n_hezuo ul li:nth-child(16){
        grid-column: span 1;
    }
    .n_hezuo ul li img{
        max-width: 9.625rem;
        max-height: 5.9375rem; 
    }
    .n_pro ul{
        grid-template-columns: repeat(1, 1fr);
    }
    .n_pro_show .left,
    .n_pro_show .box .title a{
        display: none;
    }
    .n_pro_show .box .title h2{
        width: 100%;
    }
    .n_pro_show .box1{
        flex-wrap: wrap;
        gap: 2rem;
    }
    .n_news ul{
        grid-template-columns: repeat(1, 1fr);
    }
    .n_news ul li a{
        padding: 1rem;
    }
    .ar_article img{
        display: none;
    }
    .n_page h1{
        line-height: 1.25;
    }
    .n_fangan li{
        width: 48%;
        text-align: center;
    }
    .n_fangan li a{
        display: block;
    }
    .n_fangan .box1 .title{
        flex-wrap: wrap;
        gap: 2rem;
    }
    .n_fangan .box1 .title h2{
        margin-left: 0;
    }
    .n_fangan #list_slide dl .top h2 .iconfont,
    .n_fangan #list_slide dl.on .top h2::before,
    .n_fangan #list_slide dl .down .ar_article::before{
        display: none;
    }
    .n_fangan p.bt{
        padding: 1.25rem 4.125rem 1.25rem 1.875rem;
    }
    .n_case ul{
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem;
    }
    .n_case_show .txt_box{
        flex-wrap: wrap;
        gap: 2rem;
    }
    .n_zbq .box1 .zbSwiper .swiper-slide{
        grid-template-columns: repeat(2, 1fr);
    }
    .n_zbq .box1 .zbSwiper .swiper-slide .box:last-child{
        grid-row: auto;
        grid-column: span 2;
    }

    .n_zbq .box1 .zbSwiper .box{
        padding: 2rem 1rem;
    }
    .n_zbq .box1 .zbSwiper .swiper-slide .box:last-child{
        background-size: cover;
    }
    .n_fwlc .box2{
        flex-wrap: wrap;
        gap: 2rem;
    }
    .n_fwlc .box2 .img_box{
        width: 100%;
        max-width: 100%;
        margin: 0;
    }
    .n_fwlc .box2 .txt_box::before{
        display: none;
    }
    .n_fwlc .box2 .txt_box{
        height: auto;
    }
    .n_qwfw .box1{
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
    .n_qwfw .box1 .txt{
        padding: 1rem;
    }
    .n_qwfw .box1 .txt p{
        display: none;
    }
    .n_qwfw .box1 .txt h2{
        margin-bottom: 0;
        text-align: center;
    }
    .n_qwfw .box1 li:nth-child(3){
        display: flex;
        grid-column: span 2;
    }
    .n_qwfw .box1 li:nth-child(3) .img{
        width: 50%;
        height: 10.25rem;
        flex-shrink: 0;
    }
    .n_qwfw .box1 li:nth-child(3) .txt{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .n_qwfw .box2{
        flex-wrap: wrap;
        gap: 2rem;
    }
    .n_qwfw .box2 .img{
        width: 100%;
        margin: 0;
    }
    .n_zbq .box1 .zbSwiper .box .p{
        display: none;
    }
    .n_net .box1{
        flex-wrap: wrap;
    }
    .n_net .box1 .img_box{
        width: 100%;
    }
    .n_net .box1 .txt{
        width: 100%;
        padding: 2rem;
        height: auto;
    }
    .n_net .box2{
        margin-top: 5rem;
    }
    .n_net .box2 .map{
        margin-top: 3rem;
    }
    .n_job .box .left{
        display: none;
    }
    .n_job #list_slide dt,
    .n_job #list_slide dd.down{
        padding: 1.5rem;
    }
    .n_lx .box{
        flex-wrap: wrap;
    }
    .n_lx .right .title h2{
        font-size: 2rem;
    }
    .n_lx .right form{
        grid-template-columns: repeat(1, 1fr); 
        gap: 2rem;
    }
    .n_lx .right form .txt{
        grid-column: span 1;
    }




    .s_product,.s_about,s_fuwu,.s_news,.n_about,.n_wenhua,.n_news,.n_news_show,.n_case,.n_qwfw,.n_job{
        padding: 4.5rem 0;
    }
    .n_about .n_shuzi,
    .n_about .box .left,
    #n_banner .box,
    footer .left,
    footer .right .ewm{
        display: none;
    }
    
}

@media(max-width:480px) {
    
}