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

    .w1600 {
        padding: 0 10rem
    }

    #header .nav {
        padding-left: 7rem
    }
}

@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:1760px) {
    #header .nav{gap: 3.1875rem;}
    #header .nav .nav_xl .nav_xl_box a::after{margin: 0 1rem;}
    .n_lx .box .right{width: 90%;}
}
@media(max-width:1540px) {

    .n_job .ln_box li .box h2,
    .n_job .ln_box li .box p {
        font-size: 1.25rem
    }

    #banner .jt{
        left: 6.25rem
    }

    .ban_shu{
        right:6.25rem;
    }

    .s_fwpt .s_fwpt_div {
        height: 50.625rem
    }

    .n_ys li .txt{
        padding: 3rem;
    }
}

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

    .n_job .ln_box li {
        width: 16.75rem
    }

    .n_lx .box .right .ewm img {
        max-width: 6.25rem
    }

    .n_lx .box .right .ewm {
        bottom: 7%;
        right: 3%
    }


    .n_ys li .img {
        height: 18.75rem
    }

    .n_ys li .txt {
        padding: 3rem
    }

    .n_product_show .right .top .img {
        max-width: 25rem;
        margin-right: 3rem
    }

    #banner .jt{
        left: 30px
    }
    .ban_shu{
        right: 30px;
    }

    .s_fwpt .s_fwpt_div {
        height: 42.625rem
    }

    .s_fwzc ul{
        bottom: -33.25rem
    }
}

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

    #m_header {
        display: block
    }

    #nav_btn_box {
        display: block
    }
    .n_nes_xq .w1600{
        flex-wrap: wrap;
        gap: 2rem;
    }
    .n_nes_xq .right{
        padding-left: 0;
        max-width: none;
    }
    .n_nes_xq .left{
        width: 100%;
        padding-right: 0;
        border-right: 0;
    }
}

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

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

    .n_nav {
        display: none
    }

    #m_n_nav {
        display: block
    }

    #menu {
        display: none
    }

    #n_banner {
        height: 200px
    }

    .n_nes_xq .left .title {
        flex-wrap: wrap;
        gap: 2rem
    }

    .n_nes_xq .right {
        padding-top: 0;
    }

    .n_nes_xq .left {
        padding: 3rem 0;
        border: 0
    }

    .n_nes_xq .left .title h2 {
        width: 100%;
        font-size: 1.875rem
    }

    .n_news .xw_box .li {
        grid-column: span 3;
        flex-wrap: wrap;
        gap: 1.5rem
    }

    .n_news .xw_box .li .box,
    .n_news .xw_box .li .img {
        width: 100% !important
    }

    .n_news .xw_box .li::after,
    .n_news .xw_box .li::before {
        display: none !important
    }

    .pages .box {
        margin-top: 15%
    }

    .n_title h3 {
        font-size: 2.25rem
    }

    .n_title {
        padding: 2.75rem 0
    }

    .n_job .ln_box {
        flex-wrap: wrap
    }

    .n_job .ln_box li,
    .n_job .ln_box li.on {
        width: 100% !important;
        height: 15rem
    }

    .job_box {
        padding-top: 0;
        padding-bottom: 2.75rem
    }

    .job_box #list_slide dt p {
        display: none
    }

    .job_box #list_slide dt h2 {
        width: 70%
    }

    .job_box #list_slide dt {
        padding: 1.5rem
    }

    .job_box dl .down .box {
        flex-wrap: wrap;
        gap: 2rem
    }

    .job_box #list_slide dd.down {
        padding: 1.5rem
    }

    .job_box dl .down .box .left {
        width: 100%;
        margin-right: 0
    }

    .n_lx .box {
        flex-wrap: wrap;
        gap: 2rem
    }

    .n_lx .box .left,
    .n_lx .box .right {
        width: 100%
    }

    .n_lx .box .left .img {
        border-radius: .625rem
    }

    .n_lx .box .right {
        padding: 1.25rem
    }

    .n_lx .box .right h2 {
        font-size: 1.75rem
    }

    .n_lx .box .right .ewm {
        position: unset;
    }

    .n_zx {
        padding: 2.75rem 0
    }

    .n_zx h2 {
        font-size: 2.125rem
    }

    .n_zx ul {
        padding: 1.25rem
    }

    .n_zx ul li {
        grid-column: span 3
    }

    footer .down {
        flex-wrap: wrap;
        gap: 2rem
    }

    footer .down .left .box {
        flex-wrap: wrap;
        gap: 1rem
    }

    footer .copy {
        text-align: left
    }

    footer .down .right {
        width: 100%
    }

    footer .top .left .logo {
        max-width: 9.5rem
    }

    .n_about .top {
        flex-wrap: wrap;
        gap: 2rem
    }

    .n_about .top .ar_article {
        margin-left: 0
    }

    .n_about .n_shuzi {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }
    .n_about .sz .counter{
        font-size: 2rem;
    }
    .n_about .n_shuzi .line{
        margin: .5rem 0;
    }
    .n_about .n_shuzi p{
        white-space: nowrap;
    }

    .n_about,
    .n_licheng,
    .n_ys {
        padding: 2.75rem 0
    }

    .n_licheng .fzlcSwiper .box {
        flex-wrap: wrap;
        gap: 1rem
    }

    .n_licheng .fzlcSwiper .box .txt h2 {
        font-size: 3rem
    }

    .n_licheng .fzlcSwiper .box .img {
        max-width: none;
        margin-right: 0
    }

    .n_licheng .fzlcSwiper .jt {
        top: 37%
    }

    .n_licheng .fzlcSwiper {
        margin-bottom: 3rem
    }

    .n_licheng::before {
        bottom: 7.25rem
    }

    .n_ys ul {
        grid-template-columns: repeat(1, 1fr)
    }

    .n_ys ul li:nth-child(2) {
        display: flex;
        flex-direction: column-reverse;
        gap: .625rem
    }

    .n_ys li:nth-child(2) .txt {
        margin: 0
    }

    .n_ys li .txt {
        height: 11.75rem;
        padding: 2rem
    }

    .n_fwxm .box {
        flex-wrap: wrap;
        gap: 2rem
    }

    .n_fwxm .right {
        margin: 0
    }

    .n_fwxm {
        padding: 2.75rem 0
    }

    .n_fwxm .left h2,
    .n_fwsq .box h2 {
        font-size: 2.125rem
    }

    .n_fwsq .box {
        width: 100%;
        background: none;
        height: auto;
        padding: 0;
        background-image: none !important;
    }

    .n_fwsq .ar_article {
        max-height: none;
        overflow: hidden
    }

    .n_fwsq {
        padding: 2.75rem 0
    }

    .n_product .w1600{
        flex-wrap: wrap;
        gap: 2rem;
    }

    .n_product .left {
        max-width: none;
    }

    .n_product_show .right .top {
        flex-wrap: wrap;
        gap: 2rem;
        padding: 1.25rem
    }

    .n_product_show .right .top .txt h2 {
        margin-bottom: 1rem
    }

    .n_product_show .right .top .txt p {
        margin-bottom: 2rem
    }

    .n_product_show .right .txt .more {
        padding: 1rem 2rem
    }

    .n_product_show .ar_article h2 {
        font-size: 1.5rem
    }

    .n_product {
        padding: 2.75rem 0
    }

    .n_product .right .top {
        padding: 1.25rem
    }

    .n_product .right li .txt h2 {
        margin-bottom: .5rem
    }

    .n_product .right li .txt p {
        margin-bottom: 1.5rem
    }

    .n_product .right li {
        padding: 2rem 0
    }

    .n_product .pages .box {
        justify-content: center
    }

    .s_news ul {
        grid-template-columns: repeat(1, 1fr)
    }

    .s_news ul li {
        padding: 1.5rem
    }

    .s_news {
        padding: 2.75rem 0
    }

    .s_title {
        flex-wrap: wrap;
        gap: 2rem;
        margin-bottom: 3rem
    }

    .s_title h2 {
        font-size: 2.125rem;
        margin-bottom: 1rem;
        line-height: 1.5
    }

    .s_fwzc ul {
        bottom: unset;
        left: 0;
        top: 19.125rem;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }

    .s_fwzc li a{
        background-color: #a051ba;
        padding: 1.25rem;
        border: 0;
        justify-content: center
    }

    .s_fwzc li .ico {
        display: none
    }

    .s_fwzc li p {
        display: none
    }

    .s_fwzc li .txt h3 {
        font-size: 1.5rem;
        margin-bottom: 0;
        text-align: center
    }

    .s_fwzc .s_fwzc_div {
        margin-top: 8.25rem;
        height: 15.75rem
    }

    .s_fwzc li:last-child {
        padding-bottom: 1.25rem
    }

    .s_fwzc {
        padding-top: 2.75rem
    }

    .s_fwpt li h3 {
        font-size: 1.125rem
    }

    .s_fwpt ul {
        flex-wrap: wrap;
        gap: 1rem
    }

    .s_fwpt li {
        width: calc(33.33% - 1rem)
    }

    .s_fwpt li::after {
        display: none
    }

    .s_fwpt .s_fwpt_div .txt h5,
    .s_about .top h2 {
        font-size: 2.125rem
    }

    .s_about ul {
        display: none
    }

    .s_about {
        padding: 2.75rem 0
    }

    .s_about .top p {
        width: 100%
    }

    .s_about .img {
        width: 14.875rem;
        height: 13.9375rem;
        bottom: -2.75rem;
        right: 0.25rem
    }

    #banner .swiper .swiper-wrapper .swiper-slide .box .img {
        height: 50vh
    }

    #banner .swiper .swiper-wrapper .swiper-slide .box .mask .txt p {
        font-size: 2.5rem
    }

    #banner .swiper .swiper-wrapper .swiper-slide .box .mask .txt h3 {
        font-size: 1.75rem;
        margin-bottom: 2rem
    }

    #banner .swiper .swiper-wrapper .swiper-slide .box .mask {
        top: 40%
    }

    #banner .jt {
        left: 15px
    }
    .ban_shu{
        right: 15px;
    }

    .n_job .ln_box li.on .box h2, .n_job .ln_box li .box p{
        display: block !important;
    }
    .n_job .ln_box li .box h2{
        margin-bottom: 1rem;
    }
    .n_job .ln_box li .box p{
        line-height: 1.5;
    }
    .n_job .ln_box li .box{z-index: 3;}
    .n_job .ln_box li{position: relative;}
    .n_job .ln_box li::before{
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.3);
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
    }
}

@media(max-width:480px) {
    .file-btn{
        display:flex;
        justify-content: space-between;
        margin-top: 3rem;
        width: 100%;
        flex-wrap: wrap;
        row-gap: 1rem;
    }
    .file-btn a{
        margin: 0!important;
    }
}