@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
    }

    .n_dgbot .third_img_ALL .quan2 {
        left: 10%;
        top: 10%;
    }
    .n_dgbot .third_img_ALL .quan1 {
        left: 27%;
        top: 27%;
    }
    #n_licheng .swiper-slide:nth-child(even) div {
        margin-top: 3rem;
    }
    #n_licheng .swiper-slide:nth-child(odd) div {
        margin-top: 18rem;
        padding-top: 1.5rem;
    }
    #header>.m {
        gap: 5rem;
    }
    #foot .box1{gap: 5rem;}
    
}

.wap {
    display: none
}

@media(max-width:1440px) {
    .m {
        padding: 0 7rem
    }
    #foot .right{max-width: 735px;}
}

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

@media(max-width:1280px) {
    .m {
        padding: 0 5rem
    }
    .n_dgbot .third_img_ALL {
        height: 42.125rem;
    }
    .n_dgbot .m {
        gap: 3.75rem;
    }
    .n_dgbot .third_img_ALL .quan2 {
        width: 70%;
        left: 14%;
        top: 20%;
    }
    .n_dgbot .third_img_ALL .quan1 {
        left: 26%;
        top: 33%;
        width: 45%;
    }
    .n_dgbot .third_img_ALL .quan3 {
        left: 4%;
        top: 9%;
    }
}

@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
    }

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

    .m {
        padding: 0 4rem
    }


}

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

    #foot .box1 {
        flex-direction: column;
        padding-bottom: 2rem
    }

    #foot .box1 .line {
        display: none
    }

    #foot .box1 .left .foot_phone {
        margin: 1.5rem 0;
    }

    #foot .box2 .m {
        flex-direction: column;
        gap: 1rem;
    }

    .xq_qicai .xq_con {
        flex-direction: column;
        padding: 0 3rem;
    }

    .xq_qicai .m .left_con {
        padding: 4rem 0;
    }

    .xq_qicai .m .right_con {
        border: 0;
        padding: 0;
        padding-bottom: 4rem;
        width: 100%;
    }

    .xq_qicai .m .right_con {
        padding-top: 0 !important;
        margin-top: 0;
    }
}



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

    .bannerpage .fenshi {
        left: 9rem
    }
}

.wap {
    display: none
}

@media(max-width:1440px) {
    .n_lianxi .lx_left .m {
        padding-right: 6rem !important;
    }

    .n_lianxi .lx_right .m {
        padding-left: 6rem !important;
    }
}

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

    .n_lianxi .lx_left .m {
        padding-right: 5rem !important;
    }

    .n_lianxi .lx_right .m {
        padding-left: 5rem !important;
    }
}

@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
    }

    #dh {
        display: none
    }

    #menu {
        display: none
    }

    #pcnav {
        display: none;
    }

    .n_banner {
        margin-top: 0;
    }

    .n_kcfw .position {
        display: none;
    }

    .n_kcfw .kccon {
        padding-top: 3rem;
    }
    .n_dgbot .m {
        flex-direction: column;
    }
    .n_dgbot .third_img_ALL .quan3 {
        left: 0;
        top: 0;
        width: 100%;
    }
}

@media(max-width:1100px) {
    .foot_nav {
        display: none;
    }

}

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

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

    .slide_for .li.hide {
        opacity: 0;
        visibility: hidden;
        z-index: -1;
    }

    .slide_for .li+.li {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .page .on,
    .page a:hover {
        background: #384c8b;
        border: 1px solid #384c8b;
        color: #fff;
    }

    .fwalxqtop .m {
        margin-right: 0;
        padding-right: 0;
        padding-left: 0;
    }

    .n_lianxi .lx_left .m {
        padding-right: 10rem !important;
        max-width: 800px;
        margin-right: 0;
        padding-left: 0;
    }

    .n_lianxi .lx_right .m {
        padding-left: 10rem !important;
        max-width: 800px;
        margin-left: 0;
        padding-right: 0;
    }
    .mode_commit .m {
        max-width: 77.5rem;
        padding: 0;
        margin: 0;
    }
}

@media(max-width:992px) {

    .slide_for .li.hide {
        display: none !important;
    }

    #banner .txt {
        padding-bottom: 10rem;
        justify-content: center;
    }

    #banner .mouse {
        display: none;
    }

    .s_about .m {
        flex-direction: column;
        gap: 2.25rem;
    }

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

    .n_kcfw .kcbox {
        grid-template-columns: 1fr;
    }

    .n_kcfw .kcbox ul {
        position: relative;
        top: 0;
        width: 100%;
    }
}

@media(max-width:860px) {
    .s_modebg {
        flex-direction: column;
        height: auto;
        gap: 2rem;
    }

    .s_modebg .s_mode_nav li {
        padding: 2rem;
    }

    .s_modebg .s_mode_nav li div h5 {
        font-size: 1.75rem;
        line-height: 2rem;
    }

    .s_modebg .s_mode_for .li {
        padding: 2rem 1rem;
    }

    .s_modebg .s_mode_for .s_keji li div {
        flex-direction: column;
        gap: 1rem;
    }

    .s_modebg .s_mode_for .s_keji li,
    .s_modebg .s_mode_for .s_keji li div {
        align-items: flex-start;
    }

    .s_modebg .s_mode_for .s_keji {
        gap: 2rem;
    }

    .s_modebg .s_mode_for .s_keji::before {
        height: 100%;
        top: 55%;
    }

    .s_modebg .s_mode_for .s_keji li i {
        margin-top: 1rem;
    }

    .s_modebg .s_mode_for .s_daxue {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1.625rem 1rem;
    }

    .s_modebg .s_mode_for .s_daxue li {
        width: 7.4375rem;
        height: 7.4375rem;
    }

    .s_modebg .s_mode_for .ljmore {
        margin-right: 0;
    }

    .s_modebg .s_mode_for h4 {
        margin-bottom: 2rem;
        font-size: 2rem;
    }

    .s_modebg .s_mode_for .s_tixi {
        gap: 1.75rem;
    }

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

    .s_tit h5 {
        font-size: 2rem;
    }

    .s_tit p {
        text-align: center;
        font-size: 1rem;
    }

    .byc {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
    }

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

    .byc_tit p {
        display: none;
    }

    .bycs>.bl {
        height: 16.25rem;
    }

    .bycs::before {
        display: none;
    }

    .byc .bycs.on .byc_tit,
    .bycs .byc_tit {
        padding: 2rem 2.5rem
    }

    .bycs.on::after {
        opacity: 1;
    }

    .fwalbox .fwalnext {
        left: auto;
        right: 0;
    }

    .fwalbox .fwalprev {
        right: auto;
        left: 0;
    }

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

    .s_bottom .s_xxbox .s_newbox a .newtext {
        padding: 0 1rem 0 9rem;
    }

    .s_bottom .s_xxbox .s_newbox a .newtext p {
        font-size: 1.25rem;
    }

    .s_fwal .tsmore,
    .s_infor .tsmore {
        margin: 2rem auto 0;
    }

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

    .n_hotswiper #hotswiper .swiper-slide a {
        grid-template-columns: 1fr;
    }

    .n_hotswiper #hotswiper .swiper-slide a .hotcon {
        padding: 2.5rem 2rem;
    }

    .n_newcenter .zxlist {
        grid-template-columns: 1fr 1fr;
    }
    .n_about .about_top {
        flex-direction: column;
        gap: 2.5rem;
    }
    .n_about .about_left h5 {
        font-size: 2rem;
    }
    .n_about .about_left i {
        margin-top: 1rem;
    }
    .n_history .licheng_slide_wap {
        display: block;
    }
    .historybox {
        display: none;
    }
}

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

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

    .m {
        padding: 0 50px
    }

    .s_about .m .s_aboutcon h5 {
        font-size: 2rem;
    }

    .s_about .m ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .s_about .m ul li .wzs div span {
        font-size: 3rem;
    }

    .s_about .m ul li .wzs div em {
        line-height: 1.4375rem;
        font-size: 2rem;
    }

    .s_about .m ul li:nth-child(even) {
        justify-content: flex-start;
    }

    .s_about .m ul li p {
        font-size: 1.125rem;
    }

    .s_bottom .s_xxbox .s_coolbox li a {
        gap: 1.5rem;
        padding: 1.75rem;
    }

    .s_bottom .s_xxbox .s_coolbox li a .s_coolcon h5 {
        font-size: 1.375rem;
    }

    .n_zhengce .m .zhengce {
        flex-direction: column;
    }

    .n_zhengce .m .newzc {
        max-width: 100%;
        padding: 2rem 1.5rem;
    }

    .fwalxqtop .fwalcon h4 {
        font-size: 1.875rem;
    }

    .n_lianxi .lx_left .m {
        padding-right: 2rem !important;
    }

    .n_lianxi .lx_right .m {
        padding-left: 2rem !important;
    }

    .n_lianxi .lx_tt h6 {
        font-size: 1.625rem;
        line-height: 1.5;
    }

    .n_lianxi .lx_tt h5 {
        font-size: 2rem;
        line-height: 1.5;
    }

    .n_kcfw .kcxq {
        padding: 2rem 1.5rem;
    }

    .n_kcbd .kfbd form {
        grid-template-columns: repeat(2, 1fr);
    }

    .n_kcbd .kfbd {
        padding: 0;
    }
    .n_dgbot .third_img_ALL div p {
        font-size: 1.5rem;
    }
    .mode_intro .n_modecon {
        flex-direction: column;
    }
    .mode_intro .n_modeleft ul {
        grid-template-columns: 1fr 1fr;
        margin-top: 1rem;
    }
    .mode_intro .n_modecon {
        gap: 2.5rem;
    }
    .mode_intro .n_modeleft ul {
        gap: 1.5rem;
    }
    .mode_intro .n_modeleft h5 {
        font-size: 1.875rem;
        line-height: 1.5;
    }
    .mode_intro .n_modeleft ul li em {
        line-height: 2.5rem;
    }
    .mode_intro .n_modeleft ul li .counter {
        font-size: 3rem;
    }
    .mode_moshi .modelist ul {
        grid-template-columns: 1fr 1fr;
    }
    .modeswiperbox .modejsbox {
        position: relative;
        width: 100%;
        height: 100%;
        opacity: 1;
        left: 0;
        top: 0;
    }
    .modeswiperbox #modesgallery {
        width: auto;
    }
    .modeswiperbox .prevmode {
        right: auto;
        left: 0;
    }
    .modeswiperbox .swiper-button-white {
        bottom: auto;
        top: 7.5rem;
    }
    .modeswiperbox .swiper-button-white {
        background: #fff;
        border: 1px solid #fff;
    }
    .n_history .historybox {
        padding: 0;
    }
    .n_honor #honorswiper .swiper-slide {
        grid-template-columns: 1fr 1fr;
    }
    .tc_ewm {
        height: 80%;
        padding: 3.5rem 2rem 2rem;
    }
    .pic {
        overflow: auto;
        padding-right: 1rem;
    }
}

@media(max-width:480px) {

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

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

    .m {
        padding: 0 15px
    }

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

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

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

    #banner .txt h6 {
        font-size: 1.625rem;
        /* display: none; */
    }

    .s_about {
        background-size: 150%;
        margin-top: -4.5rem
    }

    .s_about .m .s_aboutcon>i {
        margin: 0.75rem 0 1.5rem;
    }

    .tsmore {
        margin-top: 2rem;
    }

    .copyright {
        text-align: center;
    }

    #foot .box2 {
        padding: 0rem 0 2rem;
    }

    .n_zhengce .m .newzc h5 {
        font-size: 1.75rem;
        line-height: 2.25rem;
        margin: 1.75rem 0 1.75rem;
    }

    .n_zhengce .m ul {
        padding: 1.75rem;
    }

    .n_banner {
        height: 16.125rem;
    }

    .n_banner h5 {
        font-size: 2.125rem;
    }

    .n_banner h6 {
        font-size: 1.375rem;
        line-height: 2rem;
    }

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

    .fwalxqtop .m {
        gap: 2rem;
    }

    .xq_qicai .xq_con {
        padding: 0 1.5rem;
    }

    .ar_title .time {
        width: 5.5rem;
        height: 5.875rem;
        margin-right: 1rem;
    }

    .ar_title h3 {
        line-height: 1.5;
        font-size: 1.375rem;
    }

    .ar_fot .btn_page {
        width: 6rem;
        gap: 3px;
        height: 3rem;
    }

    #share-21.social-share .social-share-icon {
        margin: 0 2px !important;
        width: 3rem;
        height: 3rem;
    }

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

    .lx_tt {
        margin-bottom: 2rem;
    }

    .form_liuyan .button {
        width: 8.5rem;
    }

    .n_kcfw .kcxq .heads h6,
    .n_kcbd .kfbd .kfbdtou h6 {
        font-size: 1.5rem;
        line-height: 1.5;
    }

    .n_kcfw .kcxq .heads h5,
    .n_kcbd .kfbd .kfbdtou h5 {
        font-size: 2rem;
        line-height: 1.5;
    }

    .n_kcfw .kcbox {
        gap: 1.75rem;
    }

    .n_kcbd .kfbd .bd {
        padding: 1.5rem 2rem 3rem;
    }

    .n_kcbd .kfbd form {
        grid-template-columns: 1fr;
    }

    .n_kcbd .kfbd .textareabox {
        grid-column: 1/2;
    }

    .n_kcbd .kfbd form .button {
        height: 3.5rem;
    }

    .n_hotswiper .swiper-pagination {
        bottom: 50%;
        justify-content: flex-end;
    }

    .n_newcenter .zxlist {
        grid-template-columns: 1fr;
    }

    .n_newcenter .zxlist li a .zxcon {
        padding: 2rem 1.5rem;
    }

    .dgtit h5 {
        font-size: 1.875rem;
        line-height: 2rem;
        margin: 0.5rem 0 1.5rem;
    }

    .dgtit h6 {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .n_dgbot .m .dgtit h5 {
        max-width: 100%;
    }
    .n_dgbot .third_img_ALL {
        height: 28.125rem;
    }
    .n_dgbot .third_img_ALL .quan1 {
        left: 30%;
        top: 30%;
        width: 40%;
    }
    .n_dgbot .third_img_ALL .quan2 {
        left: 15%;
        top: 15%;
        width: 70%;
    }
    .n_dgbot .third_img_ALL div:nth-child(1) ,
    .n_dgbot .third_img_ALL div:nth-child(7) {
        width: 8.1875rem;
        height: 8.1875rem;
    }
    .n_dgbot .third_img_ALL div:nth-child(2) {
        width: 7.875rem;
        height: 7.875rem
    }
    .n_dgbot .third_img_ALL div:nth-child(3) {
        width: 7.375rem;
        height: 7.375rem;
    }
    .n_dgbot .third_img_ALL div:nth-child(4) {
        width: 7.0625rem;
        height: 7.0625rem;
    }
    .n_dgbot .third_img_ALL div:nth-child(5) {
        width: 8.25rem;
        height: 8.25rem;
    }
    .n_dgbot .third_img_ALL div:nth-child(6) {
        width: 9.1875rem;
        height: 9.1875rem;
    }
    .n_dgbot .third_img_ALL div p {
        font-size: 1.375rem;
    }
    .n_dgbot .m {
        gap: 2.75rem;
    }
    .mode_moshi .modelist ul {
        grid-template-columns: 1fr;
    }
    #modesthumbs h6 {
        text-align: center;
        font-size: 1.125rem;
    }
    .modeswiperbox {
        padding-bottom: 0 !important;
    }
    .historybox  .prevlc {
        left: 4rem;
    }
    .historybox  .nextlc {
        right: 4rem;
    }
    #n_licheng p{
        font-size: 1.125rem;
    }
    .n_honor #honorswiper .swiper-slide div:first-child a {
        padding: 4.5rem;
    }
    .n_honor #honorswiper .swiper-slide div:not(:first-child) a {
        padding: 2.8125rem 2.75rem 4.375rem;
    }
    .n_honor #honorswiper .swiper-slide div:first-child p, .n_honor #honorswiper .swiper-slide div:not(:first-child) p {
        font-size: 1rem;
        bottom: 1rem;
    }
    #eleswiper .swiper-slide .img {
        height: 17rem;
    }
    .pic h5 {
        font-size: 1.875rem;
    }
    .fwalxqtop .fwalcon ul {
        gap: 1rem;
    }
    .fwalbox .swiper-button-white i {
        color: #fff;
    }
    .s_bottom .s_xxbox .s_coolbox ,
    .s_bottom .s_xxbox {
        gap: 1.5rem;
    }
    .form_liuyan .group {
        flex-direction: column
    }
    .mode_intro .n_modeleft ul li:nth-child(3) {
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .mode_moshi .modelist {
        max-height: 30.1875rem;
    }
    .s_modebg .s_mode_nav li p {
        display: none;
    }
    .s_modebg .s_mode_nav li div h5 {
        font-size: 1.5rem;
    }
    .n_kcfw .kcbox ul {
        grid-template-columns: 1fr 1fr;
    }
    .s_modebg .s_mode_nav li div img {
        display: none;
    }
    .s_modebg {
        gap: 0;
    }
    .s_modebg .s_mode_nav {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .s_modebg .s_mode_nav li:last-child {
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .s_modebg .s_mode_nav li div {
        justify-content: center;
    }
}