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

    #foot .box1 {
        gap: 3.5rem
    }

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

    .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: 6rem
    }

    .pad_bot {
        padding-bottom: 6rem
    }

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

    #foot .box2 {
        display: none;
    }
    
    #foot .box3 {
        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: 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
    }

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

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

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

    .m {
        padding: 0 15px
    }

    .n_banner {
        height: 12rem
    }

    .n_banner h3 {
        margin-bottom: 1rem;
        font-size: 1.875rem
    }

    .pro_gongneng01 .hdtabnav ul li .ico {
        width: 2.25rem;
        height: 2.25rem
    }

    .sim_function {
        flex-direction: column
    }

    .sim_function .img,
    .pro_gongneng01 .bd {
        height: auto
    }

    .sim_function .img {
        width: 100%
    }

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

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

    .pro_gongneng01 .arr {
        width: 3rem;
        height: 3rem;
        top: 23rem;
        border: 0;
        background: rgba(255, 255, 255, 0.9)
    }

    .sim_function .txt h4 {
        margin-bottom: 1.25rem
    }

    .sim_function .txt .con {
        margin-bottom: 1.25rem
    }

    .pro_gongneng01 .bd {
        padding-bottom: 0
    }

    .sim_function .txt .arr2 {
        width: 2.75rem;
        height: 2.75rem
    }

    #m_header .top_menu_box .search_btn {
        margin-right: 0
    }

    #banner .txt h3 {
        font-size: 1.875rem;
        margin-bottom: 1rem
    }

    .btn_liaojie {
        width: 10rem
    }

    .btn_border {
        width: 10rem
    }

    #banner .txt p {
        font-size: 1.25rem;
        margin-bottom: 1.5rem
    }

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

    .s_liaojie .left h3 {
        font-size: 2rem;
        line-height: 3rem;
        margin: 1rem 0 1rem
    }

    .s_liaojie .left h2 {
        font-size: 1.5rem
    }

    .s_liaojie .m {
        gap: 2.5rem
    }

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

    .s_shuzi ul li:nth-child(even) {
        justify-self: flex-start
    }

    .pro_gongneng01 .arr {
        display: none
    }

    .s_buju .outbox {
        flex-direction: column;
        align-items: center;
        gap: 2.5rem
    }

    .s_buju .hd ul {
        gap: 2rem
    }

    .s_tt {
        margin-bottom: 2.5rem
    }

    .s_buju .left {
        width: 100%
    }

    .s_hd {
        flex-direction: column;
        align-items: flex-start;
        gap: 2rem
    }

    .btn_liaojie3 {
        width: 10rem
    }

    .s_news .bd {
        gap: 1rem
    }

    .s_news01 ul li {
        padding: 1.25rem 0
    }

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

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

    .foot_logo h3 {
        font-size: 1.125rem
    }

    .foot_logo img {
        width: 7.25rem
    }

    .foot_ewm .img {
        width: 8rem
    }

    #foot .box2 .m {
        flex-direction: column
    }

    .foot_link {
        width: 100%
    }

    .foot_lianxi {
        gap: 2rem;
        align-items: flex-end
    }

    #foot .box1 {
        gap: .75rem
    }

    #foot .box2 .m {
        gap: 1rem
    }

    .s_buju .right {
        width: 100%
    }

    .s_news01 ul li .img {
        width: 11rem
    }

    .s_news01 ul li .txt p {
        display: none
    }

    .s_news01 ul li .txt h4 {
        -webkit-line-clamp: 2;
        line-height: 1.7;
        font-size: 1.125rem
    }

    .s_lianxi .tt h4 {
        font-size: 2.5rem;
        line-height: 1.5;
        margin-bottom: 2rem
    }

    .s_lianxi .btn_border {
        width: 10rem;
        height: 3rem
    }

    .s_news02 .txt {
        padding: 2rem
    }

    #banner .arr {
        display: none
    }

    #m_header .top_menu_box {
        margin-right: 2rem
    }

    .btn_liaojie2 span {
        width: 3.5rem;
        height: 3.5rem
    }

    .s_tt h2 {
        font-size: 2rem
    }

    .s_about .tt h4 {
        margin-bottom: .75rem
    }

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

    .s_about .con {
        margin-bottom: 1.5rem
    }

    .hdtabnav ul li a h4 {
        font-size: 1rem;
        margin-top: .5rem
    }

    .s_buju .center {
        width: 879px
    }

    .s_buju {
        padding-bottom: 0 !important
    }

    .s_news {
        padding-top: 0 !important
    }

    .page .box {
        gap: 6px
    }

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

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

    .n_tt {
        margin-bottom: 2rem
    }

    .n_tt h3 {
        font-size: 2rem
    }

    .n_banner .m h3 {
        font-size: 2.25rem;
        margin-bottom: 0
    }

    .n_banner .m p {
        font-size: 1.125rem
    }

    .n_xiangmu .txt h4 {
        font-size: 1.25rem
    }

    .n_xiangmu .txt {
        padding: 1.25rem 10px;
        line-height: 2rem
    }

    .page .box {
        margin-top: 2.5rem
    }

    .n_case_xq .tt h3 {
        font-size: 1.625rem;
        line-height: 1.5
    }

    .n_case_xq .bd {
        gap: 2rem
    }

    .case_shuzi {
        gap: 10px
    }

    .case_shuzi li div {
        width: 7.5rem;
        height: 7.5rem
    }

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

    .n_xiazai ul li .txt .bot {
        margin-top: 2rem
    }

    .n_xiazai ul li
</original_code>```

```