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

    .w1600 {
        padding: 0 10rem;
    }
}

@media(min-width:1700px) and (max-width:1900px){
    #header .nav_box{
        gap: 2.375rem;
    }
    .n_hz_lx{
        margin-top: -21.375rem;
    }
}

@media(min-width:1200px) and (max-width:1700px){
    html {
        font-size: 14px
    }
    #header .nav_box{
        gap: 2.375rem;
    }
    .s_about .box .left .ar_article{
        margin-bottom: 0.8125rem;
    }
    .s_about .box .left{
        padding: 3.25rem 0 0.0625rem 0;
    }
    .n_join .join_box .join_show .ar_article p{
        padding-left: 1rem;
    }
}

@media(min-width:768px) and (max-width:1560px) {
    html {
        font-size: 14px
    }
    .w1600 {
        padding: 0 5rem;
    }
    #banner{
        height: auto;
    }
    .s_about .box .left{
        padding: 2rem 0 0.0625rem 0;
    }
    #banner .video_box{
        top: 70vh;
    }

}

@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:1280px) {
    .w1600 {
        padding: 0 5rem;
    }
    html {
        font-size: 14px
    }
    #header .nav_box{
        gap: 2rem;
    }
    #banner .pagination{
        display: none;
    }
    .s_rukou ul li a{
        width: 90%;
    }
    .s_rukou ul li:nth-child(2) a{
        padding-left: 10%;
    }
    .n_lx .flex_box .left{
        padding: 2.5rem 2rem;
    }
    .n_lx .flex_box .left h2{
        font-size: 1.5rem;
    }
}

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

    #m_header {
        display: block;
    }

    #nav_btn_box {
        display: block;
    }

    .w1600 {
        padding: 0 1.875rem;
    }
}

@media(max-width:1100px) {
    

}

@media(max-width:768px) {
    .sj{
        display: block !important;
        overflow-x: auto;
        white-space: nowrap;
        padding-bottom: 1rem;
    }
    .n_join .join_box .join_show .box{
        width: 100%;
    }
    .sj li{
        display: inline-block;
        padding: .9375rem 1.25rem;
    }
    #online_q{
        display: none;
    }
    #m_n_nav {
        display: block;
    }
    .w1600 {
        padding: 0 .9375rem;
    }

    #banner{
        margin-top: 5rem;
        height: 100%;
    }

    #banner img{
        height: 30rem;
    }
    #banner .txt{
        top: 15vh;
        text-align: center;
        left: 0;
        width: 100%;
        padding: 0 2rem;
    }
    #banner .txt h2{
        font-size: 2.25rem;
        line-height: 1.5;
    }
    .s_about .box{
        flex-wrap: wrap;
    }
    .s_about .box .left .title_box{
        width: 100%;
        justify-content: space-between;
    }
    .s_about .box .left .title p{
        font-size: 2rem;
        line-height: 1;
    }
    .s_about .box .left .title_box img{
        max-width: 3rem;
    }
    .s_about .box .left .ar_article{
        margin-bottom: 3rem;
    }
    .s_about .box .left li .sz_box .counter{
        font-size: 2.75rem;
    }
    .s_about .box .right ul{
        margin-top: 0;
    }
    .s_about .box .right li a{
        padding: 2.5rem;
    }
    .s_about .box .right{
        background-position-x: 6.25rem;
    }

    .s_szbl{
        padding: 4rem 0;
    }
    .s_szbl ul{
        grid-template-columns: repeat(1, 1fr);
    }
    .s_szbl ul li .img{
        height: 11.25rem;
    }

    .s_szbl ul li .txt .ico{
        max-width: 2.5rem;
    }
    .s_szbl ul li .txt{
        font-size: 1rem;
    }
    .s_lcfa .pagination{
        margin-top: 3rem;
    }
    .s_title p{
        margin-bottom: 3rem;
    }
    .s_news .content-div .news_box{
        flex-wrap: wrap;
        gap: 2rem;
    }
    .s_news .left,
    .s_news .right{
        width: 100%;
    }
    .s_news .right li a .time{
        padding: 1rem;
    }
    .s_news .right li .right1{
        width: 90%;
        padding-right: 1rem;
    }
    .s_news .content-div{
        margin-bottom: 3rem;
    }
    .s_rukou ul{
        grid-template-columns: repeat(1, 1fr);
    }
    .s_rukou ul li a{
        width: 100%;
        padding: 2rem 0;
    }

    .s_rukou ul li a .txt{
        width: 70%;
    }

    .s_rukou ul li a .ico{
        max-width: 3.125rem;
    }
    .s_rukou ul li a h2{
        font-size: 1.5rem;
        margin-bottom: 0.875rem;
    }
    .s_rukou ul li:nth-child(2) a{
        padding: 2rem 0;
    }
    .s_rukou ul li:nth-child(1),.s_rukou ul li:nth-child(2){
        padding: .5rem 3rem;
    }
    .s_rukou ul li a .more{
        display: none;
    }
    footer .left{
        flex-wrap: wrap;
        gap: 2rem;
        width: 100%;
    }
    footer .left .tel{
        width: 100%;
    }
    footer .right{
        display: none;
    }
    footer .link{
        flex-wrap: wrap;
        gap: 2rem;
    }
    footer .link .link_box{
        line-height: 2;
    }
    footer .left form button{
        margin-left: 0;
    }
    footer .left form{
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }
    footer .left form textarea{
        grid-column: span 1;
    }
    .ej{
        display: none;
    }
    .n_demo{
        padding: 6rem 0;
    }

    .n_demo form{
        grid-template-columns: repeat(1, 1fr);
    }
    .n_demo .form-item.xuan{
        grid-column: span 1;
    }
    .n_demo form button{
        position: relative;
        margin-top: 1.25rem;
    }
    .n_join .join_box .top p{
        display: none;
    }
    .n_join .join_box .top h2{
        width: 70%;
    }
    .n_join .join_box .join_show{
        flex-wrap: wrap;
    }
    .n_join .join_box .center{
        padding: 2rem;
    }
    .n_join .join_box .join_show .ar_article{
        max-height: 100%;
        padding-right: 0;
    }
    .n_join .join_box .lx{
        flex-wrap: wrap;
    }
    .n_news .top{
        flex-wrap: wrap;
    }
    .n_news .top .imgSwiper{
        width: 100%;
    }
    .n_news .top .txtSwiper
    {
        width: 100%;
        padding: 2rem;
    }
    .n_news .top .txtSwiper .txt h2{
        margin-bottom: 2rem;
    }
    #n_banner{
        height: 20rem;
        padding-top: 6rem;
    }
    #n_banner .txt h2{
        font-size: 1.875rem;
    }
    .n_news .news_box li>a{
        flex-wrap: wrap;
        gap: 2rem;
    }
    .n_news .news_box li>a .img,
    .n_news .news_box li>a .txt_box .txt{
        width: 100%;
    }
    .n_news .news_box li>a .txt_box{
        width: 100%;
        flex-wrap: wrap;
        gap: 2rem;
    }
    .n_news .news_box li>a .time{
        margin: 0;
        width: 100%;
    }
    #page{
        flex-wrap: wrap;
    }
    .n_news_show .news_show_box{
        padding: 1.25rem;
    }
    .n_news_show .news_show_box .right{
        display: none;
    }
    .n_news_show .news_show_box .left{
        width: 100%;
        padding-right: 0;
        border: 0;
    }
    .n_wenhua li{
        flex-wrap: wrap;
        gap: 2rem;
    }
    .n_wenhua li .txt,
    .n_wenhua li .img{
        width: 100%;
    }
    .n_wenhua li .txt .yw,
    .n_wenhua li .txt .ico{
        display: none;
    }
    .n_wenhua li:nth-child(odd) .txt,
    .n_wenhua li:nth-child(even) .txt{
        padding: 0;
        align-items: flex-start;
    }
    .n_wenhua{
        padding: 5rem 0;
    }
    .n_lx .flex_box{
        flex-wrap: wrap;
    }
    .n_lx .flex_box .left{
        padding: 2rem;
        width: 100%;
    }
    .n_case ul li a{
        flex-wrap: wrap;
    }
    .n_case ul li a .img,
    .n_case ul li a .txt{
        width: 100%;
    }
    .n_case ul li a .txt{
        padding: 1.5rem;
    }
    .n_case ul li a::before,
    .n_case ul li a .txt::before{
        display: none;
    }
    .n_about .box{
        flex-wrap: wrap;
        gap: 2rem;
    }
    .n_about .box .title,
    .n_about .box .txt{
        width: 100%;
    }
    .n_about .sz li{
        padding: 0;
        border-right: 0;
    }
    .n_about .sz{
        justify-content: space-between;
    }
    .n_about .sz .sz_box p{
        font-size: 2.5rem;
    }
    #n_banner.n_ban_box .txt h2{
        font-size: 2.5rem;
    }
    #n_banner.n_ban_box .txt p{
        width: 100%;
    }

    .n_case_show{
        margin-top: -6rem;
    }
    .n_case_show1 #show_title{
        flex-wrap: wrap;
    }
    .n_case_show1 #show_title li{
        width: 50%;
        padding: 0 1.25rem;
        height: 5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1.5;
    }
    .n_case_show1 #show_box .show-div .box1 .title h2 img{
        max-width: 1.875rem;
        transform: translateY(-0.375rem);
    }
    .n_case_show1 #show_box .show-div .box1 .title h2{
        font-size: 1.875rem;
    }
    .n_case_show1 #show_box .show-div .box1 ul{
        grid-template-columns: repeat(2, 1fr);
    }
    .n_case_show1 #show_box .show-div .box1 ul li:nth-child(odd){
        transform: translateY(0);
    }
    .n_case_show1 #show_box .book{
        padding-top: 3rem;
        padding-bottom: 0;
    }
 
    .n_case_show1 #show_box .book .button{
        top: 50%;
        display: none;
    }
    .n_case_show1 .box2{
        padding-top: 3rem;
    }
    .n_case_show1 #show_box .show-div .box2 .box{
        flex-wrap: wrap;
    }
    .n_case_show1 #show_box .show-div .box2 .img{
        width: 100%;
    }
    .n_case_show1 #show_box .show-div .box2 .txt{
        width: 100%;
        padding: 1rem;
    }
    .n_case_show1 #show_box .show-div .box2 .txt .ico{
        display: none;
    }
    .n_case_show1 #show_box .show-div .box4 .txt h2{
        font-size: 1.25rem;
        line-height: 1.5;
    }
    .n_case_show1 #show_box .show-div .box1 h3,
    .n_case_show1 #show_box .show-div .box2 .w1600 h2,
    .n_case_show1 #show_box .show-div .box4 .title h2{
        padding-left: 1rem;
        font-size: 1.875rem;
    }
    .n_lc .showSwiper .swiper-slide{
        flex-wrap: wrap;
        flex-direction: column-reverse;
        gap: 2rem;
    }
    .n_lc .showSwiper .year{
        font-size: 5rem;
        margin-top: 0;
        padding-left: 1rem;
    }
    .n_lc .showSwiper .box{
        width: 100%;
    }
    .n_lc .showSwiper{
        width: 100%;
    }
    .n_lc .yearSwiper{
        display: none;
    }

    .n_czhz .box1 h2 img{
        max-width: 1.875rem;
        margin-right: 1rem;
    }
    .n_czhz .box1 h2{
        font-size: 1.875rem;
    }
    .n_czhz .box2 h2,
    .n_hz_zx .left h2{
        font-size: 1.875rem;
        padding-left: 1rem;
    }
    .n_czhz .box2 ul{
        grid-template-columns: repeat(2, 1fr);
    }
    .n_czhz .box2 ul li:last-child{
        grid-column: span 2;
        display: flex;
    }
    .n_czhz .box2 ul li .txt{
        text-align: center;
        line-height: 1.5;
    }
    .n_hz_lx .box h2{
        font-size: 1.875rem;
        text-align: center;
        line-height: 1.5;
    }
    .n_hz_lx{
        padding: 16.6875rem 0 4.875rem 0;
    }
    .n_hz_zx{
        padding: 5rem 0;
    }
    .n_hz_zx .box{
        flex-wrap: wrap;
        gap: 2rem;
    }
    .n_hz_zx .left h2{
        margin-bottom: 2rem;
    }
    .n_hz_zx .left p{
        padding-left: 1rem;
        margin-bottom: 2rem;
    }
    .n_hz_zx .left span{
        padding-left: 1rem;
    }
    .n_hz_zx form{
        width: 100%;
    }
    .n_js_box li a{
        flex-wrap: wrap;
        gap: .5rem;
    }
    .n_js_box li a h2{
        width: 100%;
        font-size: 1.25rem;
    }
    .n_js_box li a p{
        width: 50%;
        padding: 0;
    }
    .n_js_box li a p::before{
        display: none;
    }
    .n_pro .box{
        flex-wrap: wrap;
    }
    .n_pro .box .left,
    .n_pro .txt{
        width: 100%;
    }
    .n_pro .box .left .proSwiper .swiper-slide{
        border: 1px solid #efefef;
    }
    .n_pro .txt h2{
        font-size: 1.875rem;
        line-height: 1.5;
    }
    .n_pro .txt .ms p{
        margin-bottom: 2rem;
    }
    .n_pro .txt .rukou{
        flex-wrap: wrap;
        gap: 2rem;
    }
    .n_pro .txt .rukou .a_box a{
        padding: 1.0625rem 1.5rem;
    }
    .n_pro .txt .rukou img.on,
    .n_pro .txt .rukou img{
        display: none !important;
    }
    .n_pro2 ul li{
        padding: 1.25rem 1rem;
        line-height: 1.5;
        text-align: center;
        gap: .5rem;
        justify-content: flex-start;
    }
    .n_pro2 ul{
        grid-template-columns: repeat(2, 1fr);
    }
    .n_pro4 .box{
        flex-wrap: wrap;
    }
    .n_pro4 .box a{
        padding: 1.25rem 1rem;
    }
    .n_pro3{
        margin-top: 0;
    }
    .n_pro4{
        padding: 1rem 0;
    }
    .n_pro2 ul li .img{
        max-width: 2rem;
    }
    .n_case_show1 #show_title{
        display: block;
        overflow-x: auto;
        width: 100%;
        white-space: nowrap;
        overflow-y: hidden;
    }
    .n_case_show1 #show_title li{
        display: inline-block;
        width: auto;
        padding: 1.25rem;
        height: auto;
    }
}