@charset "utf-8";


@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 (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {
    /* .s_news .hd ul li:hover a:before { border-image: linear-gradient(to right, #ff0410 0%, #e896b2 75%, #f5d8db 100%) 4;} */
    /* .s_news .hd ul li:hover a:after {width: 100%;left: 0;right: auto;} */
    /* .s_news .hd ul li:hover a {color: #fff;} */
}

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

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

@media (min-width: 1660px) {}

@media screen and (min-width:1200px) and (max-width:1440px) {}

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

@media (max-width: 1600px) {
    /*#n_main .m {
        padding-left: 80px;
    }*/
    .foot_nav {
        max-width: 900px;
    }
}

.web {}

.wap {
    display: none;
}

@media (max-width: 1440px) {
    .modal-content {
        width: 90%;
    }

}

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

@media (max-width: 1280px) {
    .foot_nav {
        width: 59%;
    }
}

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

    #header {
        display: none !important;
    }

    #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;
    }

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

    .fp-viewing-page1 .menu-handler {
        opacity: 1;
        visibility: visible;
    }


    .foot_nav {
        display: none;
    }

    #m_header .top_menu:last-child {
        margin-right: 5rem;
    }

    .n_banner {
        margin-top: 0;
    }
}

@media (min-width: 1280px) {

    .n_makelist .site_blocks .swiper .no-trslate {
        transform: translate(0, 0) !important;
        justify-content: center;
    }

    .n_makelist .site_blocks .swiper .no-trslate .swiper-slide:last-child {
        margin-right: 0 !important;
    }
}

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

@media (min-width:1200px) and (max-width:1800px) {
    .site_system {
        width: 7rem;
    }
}

@media (min-width: 1100px) {
    .page .on {
        background: #e5424d;
        border: 1px solid #e5424d;
        color: #fff;
    }
    .n_yfpt .m {
        padding-right: 0;
        padding-left: 0;
        margin-right: 0;
        max-width: 1660px !important;
      }
}

/*==========================导航和banner变成手机模式============================*/

@media (max-width: 992px) {


    #foot .lj {
        line-height: 1;
        gap: .75rem;
        flex-wrap: wrap;
    }

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

    #online_q {
        display: none;
    }

    #banner {
        padding: 0;
    }

    .fullPage section {
        height: 100vh;
    }

    .s_titles h4 {
        font-size: 2.25rem;
		
    }

    .web_new {
        display: block !important;
    }

    .pc_new {
        display: none !important;
    }

    .n_newcenter .m .impnew {
        flex-direction: column;
    }

    .imptu {
        margin-right: 0;
        border-bottom: 2px solid #e2e2e2;
    }

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

    .n_newxq .xqright {
        display: none;
    }

    .n_newxq .n_xqbox {
        grid-template-columns: 1fr;
        padding: 2.375rem 1.5rem
    }

    .n_build .n_ln {
        grid-template-columns: 1fr;
    }

    .fangzhen {
        background: url(../images/whbg.jpg)0 3rem no-repeat;
        position: relative;
        width: 100%;
        background-size: cover;
        padding-bottom: 3rem;
        padding-top: 0rem;
    }

    .fangzhen .sanfz {
        margin-top: 2.75rem;
    }
    #banner .bottom {
        width: 100%;
    }
    .n_yfpt #wenzi {
        margin-top: 0;
    }
    .n_yfpt #wenzi li{
        flex-direction: column;
      }
      .n_yfpt #wenzi p {
        margin-bottom: 3rem;
      }
      .ptbox {
        position: relative;
        top: 0;
        margin-top: 3rem;
      }
}

@media (min-width:768px) {
    .slide_for .li+.li {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .slide_for .li.hide {
        opacity: 0;
        visibility: hidden;
    }
}

@media (max-width: 860px) {
    .n_society .shehui {
        grid-template-columns: 1fr 1fr;
    }

#n_main .buju::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 18%;
    right: 0;
    top: 77.65%;
    border: 1px dashed #00000024;
    border-radius: 18rem;
}

    .mubiao .mbcenter {
        width: 27.625rem !important;
        height: 27.625rem !important;
        margin: auto;
    }

    .mubiao .sanmb .mbcenter::before {
        content: '';
        position: absolute;
        width: 120%;
        height: 120%;
        background: url(../images/qywhquan.png)no-repeat;
        background-size: cover;
        transform: translate(-50%, -50%);
        animation: spins 15s linear infinite;
    }

    .mubiao {
        padding-bottom: 0;
    }

    .mubiao .sanmb {
        width: auto;
        height: auto;
    }

    .mubiao .sanmb::before {
        display: none;
    }

    .mubiao .sanmb ul,
    .mubiao .sanmb ul li ,
    .n_cpgl .cpgly ul ,
    .n_cpgl .cpgly ul li {
        position: relative;
        left: 0 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        transform: translate(0, 0) !important;
        padding: 0 !important;
        width: 100% !important;
    }

    .mubiao .sanmb ul li::before,
    .mubiao .sanmb ul li::after {
        display: none;
    }

    .n_honor #list_slides dd ul {
        grid-template-columns: 1fr 1fr;
    }

    .n_honor #list_slides dd {
        padding: 2.25rem 1rem;
    }

    .n_contact .n_city {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .n_liuyan form , 
    .tc_ewm #formbd {
        padding: 2rem;
    }

    .n_liuyan form ,
    .tc_ewm #formbd {
        grid-template-columns: 1fr;
    }

    .n_liuyan form div:nth-child(4) ,
    .tc_ewm #formbd div:nth-child(4) {
        grid-column-start: auto;
        grid-column-end: auto;
    }

    .zsbox::before {
        display: none;
    }

    .zsbox ul {
        padding: 0;
    }

    .zsbox ul li .zsyuan {
        width: 7.25rem;
        height: 7.25rem;
        padding: 0;
    }

    .zsbox ul {
        grid-template-columns: 1fr 1fr;
        gap: 1.875rem 5.25rem
    }

    .zsbox ul li {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .zsbox ul li .bhnum {
        width: 100%;
    }

    .zsbox ul li h5 {
        display: block;
    }


    .zsbox ul li:nth-child(10) {
        order: 6;
    }

    .zsbox ul li:nth-child(9) {
        order: 7;
    }

    .zsbox ul li:nth-child(8) {
        order: 8;
    }

    .zsbox ul li:nth-child(7) {
        order: 9;
    }

    .zsbox ul li:nth-child(6) {
        order: 10;
    }

    .zsbox ul li:nth-child(11) {
        order: 11;
    }

    .zsbox ul li:nth-child(12) {
        order: 12;
    }

    .zsbox ul li:nth-child(13) {
        order: 13;
    }

    .zsbox ul li:nth-child(14) {
        order: 14;
    }

    .zsbox ul li:nth-child(15) {
        order: 15;
    }

    .zsbox ul li .zsyuan div i,
    .zsbox ul li .zsyuan div svg {
        display: none;
    }
    .n_cpgl .cpgly ul li .cpico {
        display: none;
    }
    .n_cpgl .cpgly::before {
        display: none;
    }
    .n_cpgl .cpgly>div::before {
        width: 21.0625rem;
        height: 16.5rem
    }

    .n_cpgl .cpgly {
        width: auto;
        height: auto;
        padding: 0;
        flex-direction: column;
        gap: 4rem;
    }

    .n_cpgl .cpgly>div {
        width: 15.3125rem;
        height: 15.3125rem;
    }
    .n_cpgl .cpgly ul {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    .n_cpgl .cpgly ul li p {
        text-align: left !important;
        margin-right: 0 !important;
        margin-left: 2rem !important;
        margin-top: 1rem;
        width: auto;
        height: auto;
    }
    .n_cpgl .cpgly ul li:nth-child(odd) .cpk::before {
        transform: rotateY(180deg);
    }
    .n_cpgl .cpgly ul li .cpk {
        justify-content: flex-start !important;
        padding-right: 0 !important;
        padding-left: 2rem;
    }
    .n_cpgl .cpgly ul li .cpk::before {
        left: 0;
    }
    .n_cpgl .cpgly ul li {
        align-items: flex-start;
        flex-direction: row !important;
    }
    .n_cpgl  .cpgly ul li .cpk  .webcp {
        display: block;
        font-size: 1.125rem;
    }
    .n_cpgl  .cpgly ul li .cpk .pccp {
        display: none;
    }
    .n_contact .n_city .img_db:after {
        padding-top: 62.89%;
    }
    .n_contact .n_city li .img {
        max-width: 100%;
        width: 100%;
    }
    .n_contact .n_city li {
        flex-direction: column;
    }
    .n_honor .ul {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {

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

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


    .m {
        padding: 0 50px;
    }

    .qr-scanner {
        display: none;
    }


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

    .s_kind .hd {
        width: 100%;
    }



    .s_partner ul li:nth-child(1),
    .s_partner ul li:nth-child(9) {
        grid-column-start: auto;
        grid-column-end: auto;
    }

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

    .s_partner ul li {
        padding: 2rem 1rem;
    }

    .imgtu h5,
    .impcon h5 {
        font-size: 1.25rem;
    }

    .impcon {
        border-left: none;
        width: 100%;
    }

    .impcon ul li {
        padding: 1.5rem 0;
    }

    .n_banner {
        height: 17rem;
    }

    .n_banner .m {
        padding-bottom: 3rem;
    }

    #n_main .duoxx {
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-items: center;
    }

    .n_fuli ul {
        grid-template-columns: repeat(3, 1fr);
    }

    .n_fuli ul li {
        padding: 2rem 0.5rem;
    }

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

    .n_level .js_slide_nav {
        flex-wrap: wrap;
    }

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

    .n_build .n_ln li .lnimg {
        width: 10.6875rem;
    }

    .n_build .n_ln li {
        gap: 1.25rem;
        padding: 2.375rem 1.125rem;
    }

    .n_build #list_slide dd .content {
        flex-direction: column-reverse;
        gap: 1rem;
    }

    #list_slide .content .right,
    #list_slide .content .left,
    #list_slide .content .scrollbox {
        width: 100%;
        padding-right: 0;
    }

    .n_build #list_slide dt {
        padding: 1.5rem 2rem;
        height: auto;
    }

    .n_build #list_slide dt h3 {
        grid-template-columns: 1fr;
        gap: 10px;
        align-items: flex-start;
    }

    .n_build #list_slide dt h3 span {
        text-align: left !important;
    }

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

    .pc_jishu {
        display: none !important;
    }

    .web_jishu {
        display: block;
    }

    #js_ry .swiper-slide a {
        padding: 1.5rem 2rem;
    }

    .n_yfpt::before {
        display: none;
    }

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

    .mubiao .sanmb ul li h5,
    .n_company .m>h5 {
        font-size: 1.75rem;
    }

    .n_honor #list_slides dd ul li a {
        padding: 2.25rem 1rem 2rem;
    }

    .n_company .m .vsbox {
		display:flex;
        flex-direction: column;
    }

    .n_company .comgd {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0 1rem;
        align-items: flex-start;
    }

    .n_company .comgd li .counter {
        font-size: 1.875rem;
    }

    .bjbox::before {
        background: url(../images/web_bujuquanbg.png)no-repeat;
        background-size: 100% 100%;
        width: 60%;
        height: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .khbox::before {
        background: url(../images/n_webkehuquan.png)no-repeat;
        background-size: 100% 100%;
        width: 60%;
        height: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .khbox ul li div {
        background: #157c3a;
        border-radius: 2rem;
        padding: 1rem;
    }
    .khbox ul li {
        border-radius: 0;
        padding: 0;
        border: none;
    }

    .khbox ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 5.5rem 5rem;
        margin: 0;
    }

    /* .bjbox .pc_bj {
        display: none;
    } */
    .bjbox ul  {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 9.5rem 0
    }

    .bjbox ul li {
        width: 9.4375rem;
        height: 9.4375rem;
    }

    .bjbox ul li:nth-child(1) ,
    .khbox ul li:nth-child(1){
        order: 2;
    }

    .bjbox ul li:nth-child(2) ,
    .khbox ul li:nth-child(2){
        order: 4;
    }

    .bjbox ul li:nth-child(3) ,
    .khbox ul li:nth-child(3) {
        order: 6;
    }

    .bjbox ul li:nth-child(4){
        order: 1;
    }

    .bjbox ul li:nth-child(5) {
        order: 3;
    }

    .bjbox ul li:nth-child(6) {
        order: 5;
    }
    .khbox ul li:nth-child(4) {
        order: 8;
    }
    .khbox ul li:nth-child(6) {
        order: 3;
    }
    .khbox ul li:nth-child(5) {
        order: 1;
    }
    .khbox ul li:nth-child(7) {
        order: 5;
    }

    .khbox ul li:nth-child(8) {
        order: 7;
    }

    .bjbox {
        margin: 0;
    }

    .bjbox ul li.bot p {
        top: -3rem;
    }

    .n_makely ul li {
        grid-template-columns: 1fr !important;
    }

    .n_makely ul li:nth-child(even) .makecon {
        order: 1;
    }

    .n_gys .gysbg ul {
        grid-template-columns: 1fr;
        gap: 3.125rem;
    }

    .n_gys .gysbg ul li::before {
        transform: rotate(90deg) !important;
        left: 45% !important;
        bottom: -2.25rem !important;
        top: auto !important;
    }

    .n_gys .gysbg ul li:nth-child(5)::before {
        display: none;
    }

    .n_gys .gysbg ul li:nth-child(1) {
        order: 1;
    }

    .n_gys .gysbg ul li:nth-child(2) {
        order: 2;
    }

    .n_gys .gysbg ul li:nth-child(3) {
        order: 3;
    }

    .n_gys .gysbg ul li:nth-child(4) {
        order: 4;
    }

    .n_gys .gysbg ul li:nth-child(5) {
        order: 8;
    }

    .n_gys .gysbg ul li:nth-child(6) {
        order: 7;
    }

    .n_gys .gysbg ul li:nth-child(7) {
        order: 6;
    }

    .n_gys .gysbg ul li:nth-child(8) {
        order: 5;
    }

    .n_detection .jiank .sige {
        grid-template-columns: 1fr 1fr;
    }
    .n_partner .huoban {
        grid-template-columns: 1fr 1fr;
    }
    .n_partner .huoban>div:first-child, .n_partner .huoban>div:nth-child(8) {
        grid-column-start: auto;
        grid-column-end: auto;
    }
    #n_main .duoxx li,
    #n_main .duoxx a {
        width: 100%;
        padding: 0;
    }
    .shiying .m>ul {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 480px) {

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

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

    .pad_top3 {
        padding-top: 1.75rem !important;
    }

    .pad_bot3 {
        padding-bottom: 1.75rem !important;
    }

    .m {
        padding: 0 15px !important;
    }

    #banner .swiper-container {
        height: 100vh;
    }

    #banner .txt {
        padding-bottom: 0;
        font-size: 2rem;
        text-align: center;
		
    }

    .draw_h {
        width: 3rem !important;
        height: 3rem !important;
    }

    .modal-body {
        padding: 2.75rem;
    }

    .close svg {
        width: 1.75rem;
        height: 1.75rem;
    }

    /* .close {
        top: .5rem;
        right: .5rem;
    } */


    .nextpage {
        display: none;
    }

    .s_fuwu .bd h4 {
        font-size: 1.625rem;
    }

    .s_kind .hd .box {
        height: 9rem;
        padding: 2rem 1.25rem;
        gap: 1rem;
    }

    #thumbs .my-slide-thumb-active .box {
        height: calc(9rem + 2.8125rem);
        padding-top: 2rem;
    }

    .s_kind .hd .box h5 {
        font-size: 1.5rem;
    }

    #thumbs .my-slide-thumb-active .box h5 {
        font-size: 1.375rem;
    }

    .s_kind .bd .txtbox h4 {
        font-size: 2rem;
    }

    .s_titles h4 {
        font-size: 1.75rem;
    }

    .outbox .arr {
        top: -5rem;
    }

    .outbox .arr_right {
        right: 1rem;
    }

    .outbox .arr_left {
        right: 5rem;
        left: auto;
    }

    .s_partner ul li {
        height: 5.5rem;
    }

    .foot_contact ul {
        justify-content: center;
    }

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

    .copyright {
        text-align: center;
    }

    .s_newcenter ul li .s_newcon h5 {
        font-size: 1.25rem;
    }

    .n_banner h4 {
        font-size: 1.875rem;
    }

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

    .nclist li .nccon {
        padding: 1.875rem 1.25rem;
    }

    .n_newxq .xqleft .ar_title h4 {
        font-size: 1.625rem;
    }

    .n_level {
        height: auto;
    }

    .js_slide_for .li div {
        margin-top: 0 !important;
        padding-top: 10px;
        height: 4.375rem;
    }

    .js_slide_for {
        margin-top: 2rem;
    }

    .js_slide_for .li {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
        justify-items: center;
    }

    .js_slide_for .li div:nth-child(8n+1) {
        order: 8;
    }

    .js_slide_for .li div:nth-child(8n+2) {
        order: 7;
    }

    .js_slide_for .li div:nth-child(8n+3) {
        order: 6;
    }

    .js_slide_for .li div:nth-child(8n+4) {
        order: 5;
    }

    .js_slide_for .li div:nth-child(8n+5) {
        order: 4;
    }

    .js_slide_for .li div:nth-child(8n+6) {
        order: 3;
    }

    .js_slide_for .li div:nth-child(8n+7) {
        order: 2;
    }

    .js_slide_for .li div:nth-child(8n+8) {
        order: 1;
    }

    .n_tits {
        font-size: 1.75rem;
    }

    .n_build .n_ln li .lncon h5 {
        font-size: 1.5rem;
    }

    .n_build .n_ln li .lncon img {
        width: 2.5rem;
    }

    #list_slide .content .scrollbox {
        height: auto;
    }

    .n_build #list_slide dd {
        padding: 2rem;
    }

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

    #js_ry .swiper-slide a .honorcon h5 {
        font-size: 1.125rem;
    }

    #js_ry .swiper-slide a .img {
        height: 12rem;
    }

    #js_ry .swiper-slide a {
        gap: 2.5rem;
    }

    #yf_check .swiper-slide .img {
        height: 20rem;
    }

    .n_society .shehui {
        grid-template-columns: 1fr;
    }

    .fangzhen .sanfz h5 {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .mubiao .mbcenter {
        width: 18.625rem !important;
        height: 18.625rem !important;
        margin-bottom: 4rem;
    }

    .mubiao .sanmb ul {
        display: grid;
        gap: 1rem;
    }

    .mubiao .sanmb ul li h5 {
        margin-bottom: .25rem;
    }

    .n_honor #list_slides dd ul li p {
        font-size: 1.125rem;
    }

    .n_company .comgd li p {
        line-height: 1.5rem;
    }

    .n_company .comgd li em {
        font-size: 1.25rem;
        line-height: 1rem;
    }

    .btn_video2 {
        width: 5rem;
        height: 5rem;
    }

    .btn_video2 svg {
        width: 1.75rem;
    }

    .ghbox img {
        display: none;
    }

    .ghbox ul li .dt {
        border-bottom: 1px dotted rgba(255, 255, 255, .2);
    }

    .ghbox ul li .dt {
        padding: 1.5rem !important;
        height: auto;
        border-radius: 10px 10px 0 0;
    }

    .ghbox ul li .dd {
        padding: 1.5rem !important;
        height: auto;
        border-radius: 0 0 10px 10px;
    }

    .ghbox ul {
        margin-top: 0;
        position: static;
        display: block;
        padding-top: 0;
    }

    .ghbox ul li {
        overflow: visible;
        position: relative;
    }

    .ghbox ul li:nth-child(1)>div {
        background: #8ba9f5;
    }

    .ghbox ul li:before {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        background: #8ba9f5;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-radius: 0 0 5px 0;
        position: absolute;
        left: 50%;
        top: 100%;
        transform: translateX(-50%) translateY(-50%) rotate(45deg);
    }

    .ghbox ul li:nth-child(2):before,
    .ghbox ul li:nth-child(2)>div {
        background: #668ef2;
    }

    .ghbox ul li:nth-child(3):before,
    .ghbox ul li:nth-child(3)>div {
        background: #4473e8;
    }

    .ghbox ul li:nth-child(4)>div {
        background: #2a58ca;
    }

    .ghbox ul li:nth-child(4):before {
        display: none;
    }

    .ghbox ul li+li {
        margin-top: 1px;
    }

    .ghbox ul li:nth-child(1) {
        z-index: 5;
    }

    .ghbox ul li:nth-child(2) {
        z-index: 4;
    }

    .ghbox ul li:nth-child(3) {
        z-index: 3;
    }

    .ghbox ul li:nth-child(4) {
        z-index: 2;
    }

    .ghbox ul li .dt h4 {
        font-size: 1.875rem;
    }

    .n_makely ul li .makecon {
        padding: 2rem 1.75rem;
    }

    .n_makely ul li .makecon h5 {
        font-size: 1.75rem;
    }

    #n_main .duoxx {
        grid-template-columns: 1fr 1fr ;
    }



    .n_makelist .site_blocks>a {
        top: -18rem;
    }

    .n_makelist .dhbox {
        top: 4rem;
    }

    .n_makelist .sitetop {
        padding: 2.375rem 1.5rem 2.5rem;
    }

    .n_makelist .sitebot ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .n_makelist .site_blocks {
        gap: 1.75rem;
    }

    .n_makelist .sitetop .swiper-slide .spk {
        padding: 2.5rem;
    }

    .n_makelist .sitetop .swiper-slide {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }

    .n_makelist .sitebot table,
    .n_cplist table {
        width: 800px !important;
    }

    .sitebot .slide_for .li,
    .n_cplist .tablecon {
        overflow-x: scroll;
    }

    .n_makelist .sitebot table tr {
        grid-template-columns: .5fr 1fr 1.5fr .5fr;
        gap: 1rem;
        align-items: center;
    }

    .n_cplist .tablecon table tr {
        grid-template-columns: .5fr 1fr 1.75fr 1.25fr .5fr;
        gap: 1rem;
    }

    .n_makelist .sitetop h5 {
        font-size: 1.875rem;
    }

    .n_contact .n_city li .dzcon h5 {
        font-size: 1.5rem;
    }

    .n_contact .n_city li .dzcon {
        padding: 1.875rem 1.25rem 1.25rem;
        height: auto;
    }

    .n_contact .maps .img_db:after {
        padding-top: 86.96%;
    }

    .n_contact .maps .ico {
        width: 6rem;
    }

    .n_contact .maps .ico1 {
        left: 21.5%;
        bottom: 20%;
    }

    .n_contact .maps .ico2 {
        left: 72.5%;
        top: 1%;
    }

    .n_liuyan form div #light ,
    .tc_ewm #formbd div #light {
        position: relative;
        font-size: 1rem;
        line-height: 1.5;
        color: #e5424d;
        top: 0;
        transform: translate(0, 0);
        right: 0rem;
        margin-top: .5rem;
        margin-left: 0rem;
    }

    .n_gys .gysbg ul li .gybot {
        padding-left: 5rem;
        justify-content: flex-start;
        height: 4.125rem;
    }

    .n_gys .gysbg ul li .gytop {
        font-size: 1.125rem;
        /* height: 2.75rem; */
        width: 100%;
    }

    .n_detection .jiank ul li {
        height: 7.375rem;
        padding: 0 1rem;
        justify-content: flex-start;
        gap: 1rem;
    }

    .n_detection .jiank ul li .icoyuan {
        width: 3.5rem;
        height: 3.5rem;
    }

    .n_detection .jiank ul h5 {
        font-size: 1.125rem;
    }

    .n_detection .jiank .erge {
        grid-template-columns: 1fr;
    }

    .n_detection .jiank ul h6 {
        font-size: 1.125rem;
    }

    .n_detection .jiank .m>h5,
    .n_detection .zhizs .m>h5 {
        font-size: 1.75rem;
    }

    .mubiao .sanmb ul li h5,
    .n_company .m>h5 {
        font-size: 1.5rem;
        width: 100%;
    }
    .n_makelist>.m {
        gap: 4rem;
    }
    .n_banner h6 {
        font-size: 1rem;
        display: none;
    }
    body {
        padding-top: 0;
    }
    .s_kind .bd .txtbox {
        width: 100%;
    }
    .n_detection .jiank ul p {
        display: none;
    }
    .n_level .js_slide_nav {
        display: grid;
        grid-template-columns: 1fr;
    }
    .n_banner>.m {
        padding-bottom: 5rem;
        justify-content: flex-end;
    }
    .n_makelist .sitebot ul li {
        padding: 0 .5rem;
    }
    .n_company .m>h5::before {
        right: -1rem;
    }
    .mubiao .sanmb {
        padding: 2.6875rem 0;
    }
    .tc_ewm ,
    .n_ggbg .tc_ewm {
        width: 90%;
        padding: 3rem 2rem;
    }
    .tc_ewm .pic form ,
    .n_ggbg .tc_ewm form {
        flex-direction: column;
    }
    .tc_ewm .pic form input {
        width: 100%;
    }
    .foot_contact ul li div {
        width: 8.0625rem;
        height: 8.0625rem;
    }
    .foot_contact  {
        width: 100%;
    }
    .foot_contact .foot_phone {
        width: 17rem;
    }
    .n_company .m>h5::before {
        width: 31px;
        height: 22px;
        left: 0;
        right: auto;
    }
    .n_company .m>h5 {
        justify-content: flex-end;
    }
    .n_ggbg .tc_ewm {
        background: transparent;
    }
    .tc_ewm  .pic .close {
        right: 4%;
        top: 2%;
    }
    .n_honor .ul .li1 a::before {
        bottom: 3.625rem;
    }
    .n_honor .ul .li1 .img {
        padding: 0.9375rem;
        height: 9.0625rem;
        background-size: 100% 100%;
    }
    .n_honor .ul a p {
        font-size: .9375rem;
    }
    .n_honor .ul a i {
        margin: 2.5rem auto 1rem;
    }
    .n_banner h4 {
        display: none;
    }
}



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