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

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

@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:1660px) {
    .m {
        padding: 0 9rem
    }
}

@media(max-width:1600px) {
    .m {
        padding: 0 8rem
    }

    .wap {
        display: none
    }
    .n_404 img {
        width: 27rem;
    }
}



@media(max-width:1440px) {
    .m {
        padding: 0 7rem
    }

    .s_about .right {
        width: 39rem
    }


    .s_shuzi ul li p {
        font-size: .9375rem
    }

    .s_pro .bd {
        grid-auto-rows: 20rem
    }

    .s_about .bd {
        gap: 4rem
    }

    .lianxi_box .box1 .right {
        width: 30rem
    }
}

@media(max-width:1360px) {
    .m {
        padding: 0 6rem
    }
}

@media(max-width:1280px) {
    .m {
        padding: 0 5rem
    }

    .n_fangan01 {
        margin-top: -22vw
    }
}

@media(max-width:1200px) {
    #nav {
        margin-right: 1.5rem
    }

    #header {
        display: none
    }

    #m_header {
        display: block
    }

    #nav_btn_box {
        display: block
    }

    .n_title {
        display: none
    }

    #m_n_nav {
        display: block
    }

    .web {
        display: none
    }

    .wap {
        display: block
    }

    span.wap {
        display: inline
    }

    body {
        padding-top: 4.5rem
    }

    .wym {
        padding-top: 0;
    }

    #banner .swiper-container {
        height: calc(100vh - 4.5rem)
    }

    .m {
        padding: 0 4rem
    }

    .s_about .tt h3 {
        font-size: 2.5rem
    }

    .s_shuzi ul li span {
        font-size: 2.75rem
    }


    #banner .txt h3 {
        font-size: 3rem
    }

    .online_q .btn2 {
        width: 3rem;
        height: 3rem;
        border-radius: .5rem
    }

    .online_q .open.phone {
        right: 3.5rem
    }

    .online_q .btn2:before {
        border-radius: .5rem
    }

    .n_faxq {
        margin-top: 0;
    }
}

@media(max-width:1100px) {
    .m {
        padding: 0 3rem
    }


    #banner .swiper-container {
        height: 50rem
    }

    .n_video .m {
        flex-direction: column;
    }
}

@media(min-width:1350px) and (max-width:1600px) {
    .bycs.on {
        width: calc(100% - 600px);
    }

}

@media(min-width:1100px) and (max-width:1350px) {
    .bycs.on {
        width: calc(100% - 480px);
    }

}

@media(min-width:768px) and (max-width:1100px) {
    .bycs.on {
        width: calc(100% - 380px);
    }

    .bycs.on .byc_tit {
        padding: 2.125rem 1rem;
        ;
    }

    .bycs .byc_tit .yincang {
        gap: .5rem;
    }

    #certify .swiper-slide {
        width: 29.4rem;
    }
}

@media(max-width:768px) {
    .pad_top2 {
        padding-top: 4rem !important
    }

    .pad_bot2 {
        padding-bottom: 4rem !important
    }

    .pad_top {
        padding-top: 5rem !important
    }

    .pad_bot {
        padding-bottom: 5rem !important
    }

    .xs_jianju {
        margin-left: -5px !important;
        margin-right: -5px !important
    }

    .xs_jianju li {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .m {
        padding: 0 30px
    }


}

@media(max-width:480px) {
    .pad_top {
        padding-top: 3.5rem !important
    }

    .pad_bot {
        padding-bottom: 3.5rem !important
    }

    .pad_top2 {
        padding-top: 3.5rem !important
    }

    .pad_bot2 {
        padding-bottom: 3.5rem !important
    }

    .m {
        padding: 0 15px
    }

    #banner .swiper-container {
        height: 37rem
    }

    #banner .txt h3 {
        font-size: 1.75rem;
        line-height: 1.5
    }

    #banner .txt p {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }


    .online_q .btn2 {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: .375rem
    }

    .online_q .open.phone {
        right: 3rem
    }

    .online_q .btn2:before {
        border-radius: .375rem
    }

    .bubble01 img,
    .bubble02 img {
        transform: scale(.5)
    }


}

@media(min-width:1921px) {
    .bannerpage .m {
        max-width: 100% !important
    }

    .bannerpage .fenshi {
        left: 9rem
    }
}

.wap {
    display: none
}

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

@media(max-width:1360px) {
    .map_buju {
        width: 600px
    }
}

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

@media(max-width:1200px) {
    #nav {
        margin-right: 1.5rem
    }

    .headerbox {
        display: none
    }

    #m_header {
        display: block
    }

    #nav_btn_box {
        display: block
    }

    .n_title {
        display: none
    }

    #m_n_nav {
        display: block
    }

    .web {
        display: none
    }

    .wap {
        display: block
    }

    span.wap {
        display: inline
    }

    .online_q {
        display: none
    }

    .zidh {
        display: none
    }

    #menu {
        display: none
    }

}

@media(max-width:1100px) {

    #foot .foot_logo,
    .foot_nav {
        display: none;
    }

    .foot_lx {
        width: 100%;
        justify-content: space-between;
    }
}

@media(min-width:1100px) {
    .page a:hover {
        border: 1px solid #6f75d6;
        background: #6f75d6;
        color: #fff
    }

    .page a:hover svg path {
        fill: #fff
    }

    .wycs.on {
        width: calc(100% - 541px);

        flex-shrink: 0;
    }

    .wycs.on .wyc_tit div {
        transform: translate(2rem, 5rem);
    }
}

@media(max-width:992px) {

    .n_new .m,
    .n_newxq .m,
    .n_renew .m,
    .n_alxqbot .m {
        grid-template-columns: 1fr;
    }

    .n_newright,
    .reright,
    .alxqbotyou {
        display: none;
    }
}

@media(max-width:860px) {
    #banner .txt h6 {
        font-size: 1.25rem;
    }

    #banner .txt h4 {
        font-size: 1.875rem;
    }

    #banner .txt p {
        font-size: 1.125rem;
    }

    .btn_liaojie a {
        min-width: 8.5625rem;
        height: 2.9375rem;
    }

    #banner .m {
        flex-direction: column;
        align-items: center;
        gap: 2rem;
        justify-content: center;
    }

    #banner .txt {
        height: auto;
        align-items: center;
        justify-content: center;
    }

    #banner .m a img {
        position: relative;
        left: -11%;
    }


    .byc {
        flex-direction: column;
        gap: 1rem;
        height: auto;
    }

    .bycs,
    .bycs.on {
        width: 100%;
    }

    .bycs .byc_tit::before,
    .bycs .byc_tit .yincang {
        display: none;
    }

    .bycs.on .byc_tit>h4,
    .bycs.on .byc_tit p {
        color: #fff;
    }

    .bycs.on>.bl img,
    .bycs.on .byc_tit>h4 i {
        opacity: 1;
    }

    .bycs>.bl,
    .bycs.on>.bl {
        height: 100%;
        width: 100%;
        position: absolute;
    }

    .bycs .byc_tit {
        position: relative;
        max-width: 20rem;
        padding: 3.125rem 1.625rem !important;
    }

    .bycs+.bycs {
        margin-left: 0;
    }

    .bycs>.bl img {
        left: auto;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
        width: 12rem;
    }

    .bycs.on .byc_tit>h4,
    .bycs .byc_tit>h4 {
        font-size: 1.375rem;
    }

    .bycs .byc_tit>h4 i {
        bottom: -6rem;
        left: 0;
        right: auto;
    }

    .sltit .s_tit {
        text-align: center;
    }

    .sltit a {
        display: none;
    }

    .s_newbox,
    .s_about .m {
        grid-template-columns: 1fr;
    }

    .s_about .m {
        gap: 2.625rem;
    }

    .s_hb .cx-item,
    .s_hb .cxlogo,
    .s_hb .pic {
        display: none;
    }

    .s_hb {
        height: auto;
    }

    .s_hb .m {
        display: block;
        padding-bottom: 0;
    }

    .s_hb .hbbox {
        display: block;
    }

    .s_hb .hbbox .hbprev {
        left: 35%;
        right: auto;
    }

    .s_hb .hbbox .hbnext {
        left: auto;
        right: 35%;
    }

    .hbbox .swiper-button-white {
        top: auto;
        bottom: -2rem;
    }

    .n_zizhi .ul {
        grid-template-columns: 1fr 1fr;
    }

    .wyc {
        display: flex;
        gap: 15px;
        flex-direction: column;

    }

    .wycs {
        width: 100%;
    }

    .wycs+.wycs {
        margin-left: 0;
    }

    .wycs .wyc_tit {
        flex-direction: row;
        align-items: center;
        padding: 2rem;
        position: relative;
    }

    .wycs>.wl {
        position: absolute;
        width: 100%;
    }

    .n_falist .m>ul>li,
    .n_falist .m>ul li:nth-child(even) {
        flex-direction: column;
    }

    .n_jjfa ul {
        grid-template-columns: 1fr 1fr;
    }

    .n_comjj .company {
        flex-direction: column-reverse;
        gap: 1rem;
    }

    .lcbox {
        display: none;
    }

    .licheng_slide_wap {
        display: block;
    }

    .n_licheng {
        background: url(../images/n_weblichengbg.jpg)no-repeat;
        background-size: cover;
        width: 100%;
        position: relative;
        height: auto;
    }

    .n_biaog ul {
        grid-template-columns: 1fr 1fr;
    }

    .cpyslist>div .m {
        flex-direction: column !important;
    }

    .bycs.on .byc_tit p,
    .bycs.on .byc_tit>h4 i {
        display: none;
    }
}

@media(max-width:768px) {
    .pad_top {
        padding-top: 5rem !important
    }

    .pad_bot {
        padding-bottom: 5rem !important
    }

    .m {
        padding: 0 50px
    }

    #fw .swiper-slide img {
        margin-top: -5rem;
        width: 7rem;
    }

    .n_fuwu .fwyz .yzimg,
    .fwwx .wximg {
        display: none;
    }

    .fs_slide_for .li {
        grid-template-columns: 1fr;
    }

    .fs_slide_for .fscon {
        padding: 2rem;
    }

    .wycs>.wl {
        height: 20.25rem;
    }

    .wycs .wyc_tit div img {
        width: 5rem;
    }

    .n_dzimg {
        display: none;
    }

    .n_dz ul {
        margin-top: 0;
    }

    .ly-left img,
    .modal-left img {
        display: none;
    }

    .modal .modal-body .modal-con,
    .ly-con {
        flex-direction: column;
    }

    .modal-con form ul,
    .ly-con form ul {
        grid-template-columns: 1fr;
    }

    .modal-con form ul li:nth-child(3),
    .ly-con form ul li:nth-child(3) {
        grid-column-start: 1;
        grid-column-end: 2;
    }

    .modal .modal-body .modal-con,
    .ly-con {
        gap: 0;
    }

    .modal-con .modal-left h5,
    .modal-con .modal-left p {
        padding-left: 0;
        text-align: center;
    }

    .n_faxq .m {
        flex-direction: column;
    }

    .n_faxq .faxqleft {
        position: relative;
        top: 0;
        max-width: 100%;
    }

    .n_faxq .faxqright>h4 {
        font-size: 1.625rem;
    }

    .n_faxq .faxqright {
        padding: 2.5rem 1.875rem;
    }

    .tjbox .prevtj {
        right: auto;
        left: 0;
    }

    .tjbox .nexttj {
        right: 0;
        left: auto;
    }

    .tjbox .swiper-button-white {
        background: #6f75d6;
        border: 2px solid #6f75d6;
    }

    .tjbox .swiper-button-white .iconfont {
        color: #fff;
    }

    .n_prozl .m>ul {
        grid-template-columns: 1fr;
    }

    .n_zltp {
        flex-direction: column;
        gap: 2rem;
    }

    .n_zltp ul {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-items: center;
    }

    .n_zltp ul li,
    .n_zltp ul li a {
        width: 100%;
    }

    .n_alxqtop .bgxq {
        flex-direction: column;
    }

    .n_alxqtop .bgxq .img {
        max-width: 100%;
    }

    .n_alxqtop .bgxq .bgxqcon {
        padding: 2rem;
    }

    .n_alxqtop .sjsj {
        gap: 2rem;
        justify-content: space-between;
    }

    .other ul {
        grid-template-columns: 1fr 1fr;
    }

    .loud {
        grid-template-columns: 1fr;
    }

    .loud>div .louda h5 {
        font-size: 1.5rem;
    }

    .n_wwwmap ul li .mapbot {
        height: auto;
        gap: 1.875rem 1.5rem;
        padding: 1.5rem 2rem;
    }

    .n_wwwmap ul li>div {
        flex-wrap: wrap;
    }
}

@media(max-width:480px) {
    .pad_top {
        padding-top: 4rem !important
    }

    .pad_bot {
        padding-bottom: 4rem !important
    }

    .pad_top2 {
        padding-top: 3rem !important
    }

    .pad_bot2 {
        padding-bottom: 3rem !important
    }

    .m {
        padding: 0 15px
    }

    body.nei {
        padding-top: 4.5rem;
    }

    .n_banner {
        height: 18rem;
        background-position: -30rem 0 !important;
        background-size: cover;

    }

    /* .n_banner::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgb(217 228 255 / 70%);
        left: 0;
        top: 0;
    } */

    .n_banner .m {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .n_banner .m img,
    .cloud img {
        width: 60%;
        display: none;
    }

    .cloud h5 {
        font-size: 1.5rem;
    }

    .cloud {
        padding: 2.5rem 0;
    }

    .cloud a {
        margin-top: 1rem;
    }

    .n_banner .m div h4 {
        font-size: 1.75rem;
        max-width: 12rem;
    }

    .n_banner .m div p {
        font-size: 1rem;
        display: none;
    }

    .sltit {
        justify-content: center;
        margin-bottom: 2.125rem;
    }

    .s_tit h4 {
        font-size: 1.625rem !important;
    }

    .s_tit h6 {
        font-size: 1rem;
    }

    .s_ceshi .pc {
        display: none;
    }

    .s_ceshi .web {
        display: block;
        text-align: left;
    }

    .s_ceshi p {
        margin: 2.125rem 0;
    }

    #certify {
        padding: 0 0 5.625rem;
    }

    #certify .swiper-slide {
        max-width: 20.5rem;
    }

    #certify .csico1 {
        left: -5%;
        bottom: 15%;
        width: 5rem;
    }

    #certify .csico2 {
        right: 3%;
        bottom: 15%;
        width: 5rem;
    }

    #certify .arr i {
        font-size: 2.25rem;
    }

    #certify .arr {
        width: 3.1875rem;
        height: 3.1875rem;
        border-radius: 50%;
        border: 1px solid #b8b9c9;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 0;
        top: auto;
    }

    #certify .arr_right {
        right: 35%;
    }

    #certify .arr_left {
        left: 35%;
    }

    .s_baiye {
        padding-top: 4rem;
    }

    .s_shij #shijian .sjcon {
        height: auto;
        padding: 1.25rem;
    }

    #shijian .sjcon .dz,
    #shijian .sjsj,
    #shijian .sjcon>i {
        display: none;
    }

    #shijian .sjcon p {
        margin: 1.5rem 0 0;
    }

    #shijian .sjcon .sjlogo i {
        margin: 0 0.625rem
    }

    .s_shij #shijian .swiper-slide:hover .img_db:after {
        padding-top: 69.17%;
    }

    #shijian .sjcon .sjlogo img {
        max-width: 3.625rem;
    }

    .s_shij #shijian .swiper-slide:hover .sjcon {
        height: auto;
    }

    .s_shij .sjbox .sjprev {
        left: 0;
    }

    .s_shij .sjbox .sjnext {
        right: 0;
    }

    .s_shij .sjbox .swiper-button-white {
        margin-top: -6rem;
        display: none;
    }

    .ljweb {
        display: flex;
    }

    .s_newcool li a .img {
        max-width: 9rem;
    }

    .s_newcool li a {
        gap: .875rem;
    }

    .s_newbox .s_newhot .hotcon {
        padding: 1.25rem;
    }

    .s_about .s_ableft ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
        margin-top: 1.5rem;
    }

    .s_about .s_ableft ul li .counter {
        font-size: 2.875rem;
    }

    .s_about .s_ableft ul li {
        line-height: 1.4375rem;
    }

    .s_newbox .s_newhot {
        gap: 1rem;
    }

    .s_newhot .hotcon i {
        display: block;
    }

    .s_newhot .hotcon p {
        display: none;
    }

    .n_new .n_newleft ul li a {
        flex-direction: column;
        gap: .625rem;
    }

    .n_new .n_newleft ul li a .img {
        max-width: 100%;
    }

    .n_newleft {
        padding: 3rem 2rem 3rem
    }

    .page {
        flex-direction: column;
        align-items: flex-start;
    }

    .ar_title h4 {
        font-size: 1.5rem;
    }

    .n_zizhi .ul .li a {
        padding: 1.5rem;
        gap: .5rem;
    }

    .page a {
        min-width: 2.5rem;
        height: 2.5rem;
    }

    .n_fuwu .fwyz .yzcon ul,
    .n_falist .m>ul li .falistcon ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
    }

    .fs_slide_nav {
        grid-template-columns: 1fr 1fr;
    }

    .wycs.on .wyc_tit p {
        font-size: 1rem;
    }

    .wycs .wyc_tit h4 {
        font-size: 1.5rem;
    }

    .pxbox li {
        flex-direction: column;
    }

    .pxbox li .pxbg {
        max-width: 100%;
        flex-direction: row;
        align-items: center;
    }

    .pxbox li .img {
        border-radius: 1.125rem;
    }

    .n_head {
        text-align: center !important;
        font-size: 1.75rem !important;
    }

    .add1 {
        width: 2.5rem;
        height: 3rem;
    }

    .n_dz ul li a {
        font-size: 1rem;
    }

    .modal-con .modal-left h5,
    .ly-con .ly-left h5 {
        font-size: 1.75rem;
    }

    .n_falist .m>ul>li {
        gap: 1.75rem;
    }

    .n_falist .m>ul li .falistcon h5,
    .n_video h5 {
        font-size: 1.625rem;
    }

    .n_fuwu .fwyz .yzcon ul li,
    .n_falist .m>ul li .falistcon ul li {
        align-items: flex-start;
    }

    .n_bgal .bgalbox .bgprev {
        right: auto;
        left: 35%;
    }

    .n_bgal .bgalbox .bgnext {
        right: 35%;
        left: auto;
    }

    .n_bgal {
        padding: 3rem 0;
    }

    .n_jjfa ul {
        grid-template-columns: 1fr;
    }

    .n_jjfa ul li a img {
        display: none;
    }

    .n_jjfa ul li a {
        padding: 2rem;
    }

    .n_comjj .company ul {
        gap: 1.5rem 1.125rem;
    }

    .n_comjj .company ul li p {
        margin: .5rem 0;
    }

    .n_comjj .company ul li .counter,
    .n_comjj .company ul li em {
        font-size: 1.875rem;
    }

    .releft ul li a .recon::before {
        left: -0.875rem;
    }

    .releft ul li a .recon,
    .n_renew .releft ul li a {
        gap: 1.5rem;
    }

    .n_prozl .m>ul li a {
        padding: 2rem;
    }

    .n_alxqtop {
        padding: 3rem 0;
    }

    .n_alxqtop .bgxq .bgxqcon .bgname h5 {
        font-size: 1.5rem;
    }

    .n_biaog ul {
       /* grid-template-columns: 1fr;*/grid-template-columns: 0.fr;
    }

    .n_videobox {
        max-width: 100%;
        min-height: 18.6875rem;
        height: 18.6875rem;
    }

    .cpt {
        margin-bottom: .5rem;
        font-size: 1.5rem;
    }

    .other ul li {
        padding: 0.9375rem;
    }

    .loud>div .louda {
        gap: 1rem;
    }

    .loud>div .louda h5 {
        font-size: 1.25rem;
    }

    .loud>div .louda a {
        width: 8.875rem;
        height: 3rem;
    }

    .foot_lx dt {
        font-size: 1.375rem;
    }

    .bycs>.bl img {
        width: 9rem;
        right: 1rem;
        /* height: 8rem; */
        max-height: 87%;
        object-fit: contain;
    }

    .s_newhot .hotcon h5 {
        font-size: 1.125rem;
    }

    #banner .m>img {
        opacity: 0;
        max-height: 14rem;
        margin: -1rem auto 0;
    }

    #fw .swiper-slide {
        height: 11.75rem;
    }

    .n_new .n_newleft ul li {
        box-shadow: 0 0 10px 10px rgba(0, 92, 161, 0.06);
        border-radius: .625rem;
    }

    .n_new .n_newleft ul li .new_listcon {
        padding: 1.25rem 1rem;
    }

    .page .box {
        gap: .625rem 0;
        width: 100%;
        justify-content: center;
    }

    .page .jump {
        margin-top: .625rem;
        display: none;
    }

    .page a:last-child {
        display: none;
    }

    .listhree {
        display: flex !important;
        justify-content: space-between;
    }

    .cpimg ul {
        grid-template-columns: 1fr 1fr;
    }

    .cpimg ul li:last-child {
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .cpimg .cpshadow {
        min-height: auto;
    }

    .cpyslist>div .m {
        gap: 1.5rem;
    }
    #foot .box2 .lianjie, #foot .lj {
        gap: 0.875rem 1rem;
        line-height: 2rem;
    }
}