@media(min-width:3000px) {
    html {
        font-size: 16px
    }
	    .pad_top {
        padding-top: 4rem;
    }
}



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

.wap {
    display: none
}

@media(max-width:1440px) {
  

    #foot .box1 {
        gap: 3.5rem
    }

    .s_news .bd .right {
        width: 40rem
    }

    .s_news01 ul li .img {
        width: 17rem;
        height: 10.5rem
    }

    .s_news02 .img {
        height: 21.6875rem
    }

    .n_xiangmu ul {
        gap: 3.5rem
    }

    .n_banner {
        height: 36rem
    }

    .pad_top {
        padding-top: 0rem
    }

    .pad_bot {
        padding-bottom: 0rem
    }

    .n_case_xq .bd {
        gap: 6rem
    }

    .pro_bn .pic img {
        max-height: 38rem
    }

    .js_chengguo ul {
        gap: 5.5rem 6rem
    }

    .js_fuwu .bd ul {
        gap: 2rem
    }

    .js_zizhu .center img {
        width: 34rem
    }
}

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

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

    .pad_top {
        padding-top: 5rem
    }

    .pad_bot {
        padding-bottom: 5rem
    }

    #logo {
        margin-right: 2.5rem
    }

    .n_about .box1,
    .about_shuzi .m {
        gap: 7rem
    }
}

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

    #header {
        display: none
    }

    #m_header {
        display: block
    }

    #nav_btn_box {
        display: block
    }

    .n_nav {
        display: none
    }

    #m_n_nav {
        display: block
    }

    .web {
        display: none
    }

    .wap {
        display: block
    }

    span.wap {
        display: inline
    }

    .online_q {
        display: none
    }

    body {
        padding-top: 4.5rem !important
    }

    .m {
        padding: 0 6rem
    }

    .s_liaojie .m {
        gap: 7rem
    }

    .btn_language>a {
        height: 4.5rem
    }

    .n_xiangmu ul {
        gap: 2.5rem
    }

    .n_banner {
        height: 30rem
    }

    .n_xiazai ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem
    }

    .right_con {
        width: 20rem
    }

    .main_con .line {
        margin: 0 2rem
    }

    .n_about .box1,
    .about_shuzi .m {
        flex-direction: column;
        gap: 0
    }

    .pro_bn .txt h2 {
        font-size: 3rem
    }

    .js_zizhu .center img {
        width: 27rem
    }
}

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

    .sim_function .img,
    .pro_gongneng01 .bd {
        height: 37rem
    }

    .sim_function .txt {
        width: 38rem
    }

    #banner .img ,
    .hmFocus_item {
        height: 40vh
    }

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

    .s_about .m {
        gap: 5.5rem
    }

    .s_buju .center {
        position: relative;
        top: 0;
        left: 0;
        width: 100%
    }

    .s_buju .left {
        width: auto
    }

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

    .sim_function .txt {
        padding: 5rem 3rem
    }

    .foot_nav {
        display: none
    }

    .foot_lianxi {
        margin-top: 0
    }

    .foot_logo {
        margin-bottom: 2rem
    }

    .foot_social {
        margin-top: 1.25rem
    }

    .s_news .bd .right {
        width: 28rem
    }

    .s_news01 ul li .img {
        width: 14rem;
        height: 9.5rem
    }

    .s_news02 .img {
        height: 18.6875rem
    }

    .n_case_xq .bd {
        flex-direction: column;
        gap: 4rem
    }

    .about_cyl .arr_left {
        left: 2rem
    }

    .about_cyl .arr_right {
        right: 2rem
    }

    .js_zizhu ul li .con {
        width: 17.5rem
    }

    .js_chengguo ul {
        gap: 3.5rem 4rem
    }
}

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

    .pad_bot {
        padding-bottom: 20px !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
    }

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

    .btn_liaojie {
        width: 12rem
    }

    .btn_border {
        width: 12rem
    }

    .s_liaojie .m {
        flex-direction: column
    }

    .s_about .m {
        flex-direction: column
    }

    .s_about .right {
        width: 100%
    }

    .s_shuzi ul {
        display: flex;
        justify-content: space-between;
        gap: 1rem
    }

    .s_shuzi ul li {
        width: auto
    }

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

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

    .s_tt h2 {
        font-size: 2.5rem
    }

    .sim_function .txt {
        width: 29rem
    }

    .sim_function .txt h4 {
        font-size: 2rem
    }

    .s_buju .hd ul li {
        gap: 1rem
    }

    .s_buju .hd ul {
        grid-template-columns: repeat(2, 1fr)
    }

    .s_buju .outbox {
        align-items: flex-end
    }

    .s_news .bd {
        flex-direction: column-reverse;
        gap: 2rem
    }

    .s_news .bd .right {
        width: 100%
    }

    .s_news02 .img {
        height: auto
    }

    .s_news01 ul li .img {
        height: auto
    }

    #foot .box1 {
        flex-direction: column;
        gap: 2rem;
        padding: 3rem 0
    }

    #foot .box1 .left .m {
        padding: 0 30px !important
    }

    #foot .box1 .right .m {
        padding: 0 30px !important
    }

    #foot .box1 .left,
    #foot .box1 .right {
        padding: 0 !important
    }

    .s_lianxi .tt h4 {
        font-size: 2.75rem
    }

    .n_tt {
        margin-bottom: 3rem
    }

    .n_tt h3 {
        font-size: 2.5rem
    }

    .n_zizhi ul.ul2 {
        grid-template-columns: repeat(2, 1fr)
    }

    .main_con {
        flex-direction: column;
        gap: 1.5rem
    }

    .right_con {
        width: 100%
    }

    .n_news02 ul {
        grid-template-columns: 1fr 1fr
    }

    .lc_box .lc_txt {
        width: 22rem;
        left: 3rem;
        top: 3rem;
        height: 26rem
    }

    .lc_box .lc_pic {
        height: 25rem
    }

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

    .n_lianxi .img {
        border-radius: .9375rem .9375rem 0 0
    }

    .n_lianxi .txt {
        border-radius: 0 0 .9375rem .9375rem
    }

    .n_chengzhang .arrbox .arr {
        width: 3.5rem;
        height: 3.5rem
    }

    .about_shuzi .right ul li .box span {
        font-size: 3rem
    }

    .about_shuzi .right ul li .ico {
        width: 4rem;
        height: 4rem
    }

    .about_cyl .hd .swiper {
        margin: 0 3rem
    }

    .about_cyl .item .box {
        gap: 2.5rem
    }

    .about_cyl .item .txt h4 {
        font-size: 1.75rem;
        margin-bottom: 1rem
    }

    .about_cyl .item .txt .cyl_shuzi ul {
        gap: 2rem
    }

    .about_cyl .hd a {
        padding: .5rem 1rem 1.25rem
    }

    .about_cyl .hd {
        margin-bottom: 3rem
    }

    .about_cyl .item .box {
        flex-direction: column !important
    }

    .about_cyl .item .txt,
    .about_cyl .item .img {
        width: 100%
    }

    .pro_ys .outbox .bd img {
        width: 16rem
    }

    .pro_ys .outbox .hd ul li .box .ico {
        width: 5rem;
        height: 5rem;
        padding: 10px
    }

    .pro_ys .outbox .hd ul li .box .txt {
        width: 10rem
    }

    .pro_ys .outbox .hd ul li .box .txt h4 {
        font-size: 1.25rem
    }

    .pro_ys .outbox .hd ul li:nth-child(1) {
        top: 3rem
    }

    .pro_ys .outbox .hd ul li:nth-child(2) {
        top: 3rem
    }

    .pro_ys .outbox .hd ul li:nth-child(3) {
        bottom: 4rem
    }

    .pro_ys .outbox .hd ul li:nth-child(4) {
        bottom: 4rem
    }

    .pro_bn {
        height: 40rem
    }

    .pro_bn .txt h2 {
        font-size: 2.5rem
    }

    .pro_bn .pic img {
        max-height: 24rem
    }

    .fa_tt h3 {
        font-size: 2.25rem
    }

    .fa_tt i {
        width: 2rem
    }

    .n_fangan .arrbox .arr {
        width: 3.75rem;
        height: 3.75rem
    }

    .pro_zizhi .hd ul {
        gap: 4rem
    }

    .js_zizhu .center img {
        width: 22rem
    }

    .js_zizhu ul li .con {
        width: 15.5rem
    }

    .js_zizhu ul li h4 {
        font-size: 1.75rem;
        margin-bottom: 1rem
    }

    .js_zizhu ul li:nth-child(3) {
        top: calc(100% + 2rem)
    }

    .js_zizhu .bd {
        margin-bottom: 15rem
    }

    .js_xietong .tt {
        font-size: 2rem;
        margin-bottom: 2.25rem
    }

    .js_fuwu .bd ul {
        grid-template-columns: 1fr 1fr
    }

    .js_yanfa ul {
        gap: 1.75rem
    }

    .js_fuwu .hd ul {
        gap: 3rem
    }
}