@media(min-width:1601px) {
  html {
    font-size: 16px
  }
}
@media(min-width:1400px) and (max-width:1600px) {
  html {
    font-size: 12px
  }
  .mybtn01:before {
    height: 99%
  }
  .s_tonghang .bd .left {
    width: 29rem
  }
}
@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:1100px) {
  .page a:hover {
    background: #00949c;
    border: 1px solid #00949c;
    color: #fff
  }
}
.wap {
  display: none
}
@media(max-width:1440px) {
  .liuyan .lyfw {
    gap: 3rem
  }
  .m {
    padding: 0 7rem
  }
  .asidebar {
    right: 0
  }
  .s_coop2 ul {
    grid-template-columns: repeat(4, 1fr);
    max-width: 46rem;
    margin: 0 auto
  }
  #banner .txt {
    max-width: 60%
  }
  .s_links .con {
    gap: 0 1.5rem
  }
  .n_procenter .cp_list ul li a {
    font-size: 1.25rem
  }
  .n_lianxi ul li::before {
    width: 12.1875rem
  }
  .yeji_zhengshu .hb_next {
    right: -3rem
  }
  .yeji_zhengshu .hb_prev {
    left: -3rem
  }
  .n_licheng ul li:nth-child(1) {
    left: 8%;
    top: 64%
  }
  .n_licheng ul li:nth-child(2) {
    left: 24.8%;
    top: 61%
  }
  .n_licheng ul li:nth-child(3) {
    left: 41.6%;
    top: 54%
  }
  .n_licheng ul li:nth-child(4) {
    left: 58.4%;
    top: 42%
  }
  .n_licheng ul li:nth-child(5) {
    left: 75.2%;
    top: 24%
  }
  .n_licheng ul li:nth-child(6) {
    left: 92%;
    top: -1%
  }
  .n_fuwu08 .img, .n_slide1, .n_slide3 {
    width: 20rem
  }
  .n_fuwu02 ul li .pic {
    height: 15rem
  }
  .n_fuwu02 ul li p {
    font-size: 1.25rem;
    margin-top: .5rem
  }
  .flowpath .qdbox .qbbefore {
    top: 46%
  }
}
@media(max-width:1360px) {
  .n_bannerbox::before {
    left: 0
  }
}
@media(max-width:1280px) {
  .s_about .right {
    padding-top: 0
  }
  .n_procenter .cp_list ul li a {
    font-size: 1.125rem
  }
  .n_fuwu05 .bd ul li .box {
    padding: 2rem
  }
}
@media(max-width:1200px) {
  body {
    padding-top: 4.5rem
  }
  #banner .swiper {
    height: calc(100vh - 4.5rem)
  }
  #banner .txt h3 {
    font-size: 3.25rem
  }
  #banner .txt h5 {
    margin-bottom: 5rem
  }
  .s_tt h3 {
    font-size: 2.5rem
  }
  #header {
    display: none
  }
  #m_header {
    display: block
  }
  #nav_btn_box {
    display: block
  }
  .n_title {
    display: none
  }
  #m_n_nav {
    display: block
  }
  .s_shuzi {
    width: 50rem;
    padding-right: 6rem
  }
  .n_fuwu08 .txt {
    padding: 4rem 2rem
  }
  .n_fuwu08 .img, .n_slide1, .n_slide3 {
    width: 16rem
  }
  .web, .zidh {
    display: none
  }
  .wap {
    display: block
  }
  span.wap {
    display: inline
  }
  #banner .swiper-button-white {
    display: none
  }
  .m {
    padding: 0 80px
  }
  .n_banner {
    height: 20rem
  }
  #n_main .dh {
    display: none
  }
  .n_join .m > ul {
    margin-bottom: -12rem
  }
  #pcnav {
    display: none
  }
  .flowpath .qdbox .qbbefore {
    display: none
  }
  .flowpath .qdbox #lc .lcname {
    position: relative;
    left: 0;
    top: 0;
    transform: translate(0, 0)
  }
  .flowpath .qdbox #lc .swiper-slide {
    gap: 2rem
  }
  .flowpath .qdbox #lc .swiper-slide:nth-child(odd) .lcname {
    margin-top: 0
  }
  .n_lianxi ul li::before {
    width: 11rem
  }
  .n_bannerbox::before {
    left: -2rem;
    width: 33.375rem;
    height: 20.625rem
  }
  .n_bannerbox .m {
    margin-left: 3rem
  }
}
@media(max-width:1100px) {
  .liuyan .lyfw {
    grid-template-columns: 1fr
  }
  .foot_logo {
    display: none
  }
  .foot_lianxi dd span {
    margin-bottom: 5px
  }
  .s_yeji2 .left {
    width: 39rem
  }
  .s_buju .left ul {
    gap: 3.5rem 2rem
  }
  .s_about .left {
    width: 41rem;
    flex-shrink: 0
  }
  .s_about .right {
    margin-left: -8rem
  }
  .s_fuwu .bd .right {
    padding: 5rem 3rem
  }
  #banner .swiper {
    height: 64rem
  }
  #banner .txt {
    max-width: 80%
  }
  .n_lianxi ul li::before {
    width: 8.5rem
  }
  .yeji_pro .box {
    gap: 1.5rem
  }
  .n_licheng .about_hd {
    position: static
  }
  .n_licheng ul li:nth-child(1) {
    left: 8%;
    top: 64%
  }
  .n_licheng ul li:nth-child(2) {
    left: 24.8%;
    top: 63%
  }
  .n_licheng ul li:nth-child(3) {
    left: 41.6%;
    top: 59%
  }
  .n_licheng ul li:nth-child(4) {
    left: 58.4%;
    top: 50%
  }
  .n_licheng ul li:nth-child(5) {
    left: 75.2%;
    top: 37%
  }
  .n_licheng ul li:nth-child(6) {
    left: 89%;
    top: 24%
  }
  .n_licheng ul li .txt p {
    width: 457px
  }
  .n_chuangxin li .img {
    height: 40rem
  }
  .n_fuwu02 ul li .pic {
    height: 13rem
  }
  .n_fuwu03 ul li {
    width: 15rem
  }
  .n_fuwu03 ul li .box div span {
    font-size: 2.5rem
  }
  .n_fuwu03 ul li .box div {
    font-size: 1.5rem
  }
  .n_fuwu04 ul li {
    width: 50%
  }
  .n_fuwu05 .bd ul li .box {
    padding: 2rem 1rem
  }
  .n_fuwu07 .bd {
    gap: 3rem
  }
  .n_fuwu07 .txt h3 {
    font-size: 3rem
  }
}
@media(max-width:992px) {
  .m {
    padding: 0 60px
  }
  .n_licheng2 .bd {
    display: none
  }
  .licheng_slide_wap {
    display: block
  }
  .n_licheng2 .about_hd {
    margin-bottom: 3rem
  }
  .n_licheng2 .about_hd .arrowbox {
    display: none
  }
}
@media(max-width:860px) {
  .n_jiejue .jj_scale {
    display: none
  }
  .n_right {
    display: none
  }
  .n_newxq .m {
    grid-template-columns: 1fr
  }
  .ar_title h4 {
    font-size: 1.5rem
  }
  .n_market .gundong {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    justify-items: center
  }
  .n_market .bjtro {
    flex-direction: column;
    gap: 1rem
  }
  .n_market .bjtro h4 {
    max-width: 100%;
    font-size: 1.375rem
  }
  .n_market .m > h4, .n_partner .m > h4 {
    font-size: 1.875rem
  }
  .n_newcenter ul {
    grid-template-columns: 1fr 1fr
  }
  .n_probox {
    grid-template-columns: 1fr
  }
  .n_probox .n_proleft {
    position: relative;
    top: 0
  }
  .n_prolist .choice {
    grid-template-columns: repeat(3, 1fr)
  }
}
@media(max-width:768px) {
  .pad_top {
    padding-top: 5rem !important
  }
  .pad_bot {
    padding-bottom: 5rem !important
  }
  .m {
    padding: 0 30px
  }
  .liuyan .lyfw form {
    grid-template-columns: 1fr;
    padding: 2rem
  }
  .liuyan .lyfw form div:nth-child(4), .liuyan .lyfw form div:nth-child(5) {
    grid-column-start: auto;
    grid-column-end: auto;
    grid-row-start: auto;
    grid-row-end: auto
  }
  .n_honor .ul, .n_procenter .cp_list ul {
    grid-template-columns: 1fr 1fr
  }
  .n_market .gundong li .counter {
    font-size: 2rem
  }
  .n_procenter .prolist {
    grid-template-columns: 1fr
  }
  .n_procenter .prolist li a img {
    width: 60%
  }
  .n_procenter .prolist li a {
    flex-direction: column
  }
  .n_procenter .prolist li a > div {
    max-width: 100%
  }
  .n_procenter .cp_list ul li a {
    font-size: 1.125rem;
    padding: 0 2rem;
    line-height: 2.75rem
  }
  .n_search {
    padding: 2rem 0
  }
  .n_search {
    max-width: 100%
  }
  .n_procenter .prolist li a h5 {
    font-size: 1.375rem;
    margin-bottom: 2rem
  }
  .flowpath .qdbox::before {
    display: none
  }
  #banner .swiper {
    height: 51rem
  }
  .s_hangye .bd ul li .box .txt {
    padding: 3rem 2rem
  }
  .s_hangye .bd ul {
    grid-auto-rows: 19rem
  }
  .s_yeji .mask {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
  }
  .s_yeji .mask .mybtn01 {
    margin-left: 0;
    margin-top: 2.5rem
  }
  .s_coop ul li .img:after {
    padding-top: 50%
  }
  .s_fuwu .right h4 {
    font-size: 2rem;
    margin-bottom: 1rem
  }
  .s_news .bd {
    flex-direction: column
  }
  .s_news .left {
    width: 100%
  }
  .s_about .bd {
    flex-direction: column-reverse;
    gap: 0
  }
  .s_about .left {
    width: 100%
  }
  .s_about .right {
    margin: 0;
    padding-bottom: 0;
    width: 100%
  }
  .s_about .txt {
    text-align: center
  }
  .s_about .right .m {
    padding: 0 30px !important
  }
  .s_about .txt .btnbox {
    justify-content: center
  }
  .s_about .txt .con {
    margin-bottom: 3rem
  }
  #box ul {
    display: grid;
    grid-template-columns: repeat(6, 1fr)
  }
  #box ul li {
    width: 100% !important
  }
  #box ul li:nth-child(1) {
    grid-column: 1/3
  }
  #box ul li:nth-child(2) {
    grid-column: 3/5
  }
  #box ul li:nth-child(3) {
    grid-column: 5/7
  }
  #box ul li:nth-child(4) {
    grid-column: 1/4
  }
  #box ul li:nth-child(5) {
    grid-column: 4/7
  }
  #box li .box {
    height: 22rem
  }
  .s_buju .left h3 {
    font-size: 1.75rem
  }
  .s_buju .bd {
    flex-direction: column;
    gap: 3rem
  }
  .s_buju .left .box {
    width: 100%
  }
  .s_yeji2 {
    flex-direction: column;
    height: auto
  }
  .s_yeji2 .left {
    height: 26rem;
    margin-top: -4rem;
    width: 100%;
    position: relative;
    z-index: 9
  }
  .s_yeji2 .right {
    padding: 3rem 0 3rem
  }
  .s_yeji2 .right:before {
    transform: none
  }
  .n_lianxi ul {
    padding: 0;
    gap: 5rem 2rem;
    display: grid;
    grid-template-columns: 1fr 1fr
  }
  .n_lianxi ul li::before {
    display: none
  }
  .n_lianxi ul li .contactcon {
    position: relative;
    width: auto;
    top: 2rem
  }
  .yeji_pro .box img {
    width: 60%
  }
  .yeji_pro .box {
    flex-direction: column
  }
  .yeji_pro .box > div {
    max-width: 100%
  }
  .yeji_pro .box {
    font-size: 1.25rem;
    padding: 2rem 2rem
  }
  .yeji_pro .box h5 {
    font-size: 1.375rem;
    margin-bottom: 2rem
  }
  .yeji_pro .pagination {
    margin-top: 2rem
  }
  .yeji_pro .pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 8px !important
  }
  .yeji_zhengshu .hb_next {
    right: -1rem
  }
  .yeji_zhengshu .hb_prev {
    left: -1rem
  }
  .yeji_zhengshu .bd {
    padding: 0 3rem
  }
  .flowpath .m {
    padding: 0 30px
  }
  .n_licheng ul li:nth-child(1) {
    left: 9%
  }
  .n_licheng ul li:nth-child(3) .txt {
    transform: translateX(-4.6875rem)
  }
  .n_licheng ul li:nth-child(3) .txt p {
    left: 0;
    right: auto
  }
  .n_chuangxin li:nth-child(1) .txt {
    padding-right: 8rem
  }
  .n_chuangxin li:nth-child(2) .txt {
    padding-left: 8rem
  }
  .n_chuangxin li .img {
    height: 30rem
  }
  .n_chuangxin li .txt {
    padding-top: 8rem
  }
  .n_shiming ul li .mask .txt h4 {
    font-size: 1.375rem
  }
  .n_shiming ul li.on .mask .txt h4 {
    font-size: 1.5rem
  }
  .n_shiming ul li .mask {
    padding: 2.5rem 1.75rem
  }
  .n_fuwu02 ul li .pic {
    height: 10rem
  }
  .n_fuwu02 ul {
    gap: 1rem
  }
  .n_fuwu03 ul {
    grid-template-columns: 1fr 1fr;
    row-gap: 3rem;
    max-width: 600px
  }
  .n_fuwu03 ul li {
    justify-self: center
  }
  .n_fuwu04 ul {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center
  }
  .n_fuwu04 ul li {
    width: 400px;
    max-width: 100%
  }
  .n_fuwu04 ul .fuwu_arr {
    width: 60px;
    height: 60px;
    transform: rotate(90deg);
    margin-bottom: -2rem
  }
  .n_fuwu05 .bd ul {
    grid-template-columns: 1fr 1fr
  }
  .n_fuwu05 .bd ul li:before, .n_fuwu05 .bd ul li:after {
    display: none
  }
  .n_fuwu06 .bd ul li .con {
    padding: 3rem 2rem 2rem
  }
  .n_fuwu06 .bd ul {
    flex-direction: column;
    align-items: center
  }
  .n_fuwu06 .bd ul li {
    max-width: inherit;
    width: 400px;
    max-width: 100%
  }
  .n_fuwu07 .bd {
    flex-direction: column
  }
  .n_fuwu07 .bd {
    gap: 0
  }
  .n_slide1, .n_slide3 {
    display: none
  }
  .n_fuwu08 .img {
    width: 20rem
  }
}
@media(max-width:480px) {
  .flowpath .m {
    padding: 0 15px
  }
  .flowpath .qdbox {
    padding-bottom: 0 !important
  }
  .pad_top, .pad_top2, .pad_top3 {
    padding-top: 3rem !important
  }
  .pad_bot, .pad_bot2, .pad_bot3 {
    padding-bottom: 3rem !important
  }
  .s_pro .m, .m {
    padding: 0 15px
  }
  .n_jiejue {
    padding: 2.875rem 0 2.75rem
  }
  .liuyan .ly_tit h5 {
    font-size: 1.875rem
  }
  .liuyan .ly_tit p {
    font-size: 1rem;
    margin-top: 1rem
  }
  .liuyan .lyfw .lyleft h4, .liuyan .lyfw .lyleft .hour24hz {
    display: none
  }
  .liuyan .lyfw {
    gap: 1.25rem
  }
  .liuyan .lyfw .lyleft .hour24 h6 {
    font-size: 1.5rem
  }
  #n_banner {
    height: 13.25rem
  }
  #n_banner .ny_prev {
    left: 1.125rem;
    right: auto
  }
  #n_banner .ny_next {
    left: auto;
    right: 1.125rem
  }
  #n_banner .swiper-button-white {
    width: 2.5rem;
    height: 2.5rem
  }
  #n_banner .swiper-button-white svg {
    width: 1.25rem
  }
  .n_jiejue .ar_article h5 {
    font-size: 1.875rem
  }
  .n_honor .ul {
    gap: 2rem
  }
  .n_honor .ul .li a::before {
    bottom: 2.5rem
  }
  .page .box {
    margin-top: 3.75rem
  }
  .n_hbbox .hb_prev {
    left: 0;
    right: auto
  }
  .n_hbbox .hb_next {
    left: auto;
    right: 0
  }
  .n_newcenter ul {
    grid-template-columns: 1fr
  }
  .n_probox .n_proleft ul {
    grid-template-columns: 1fr 1fr
  }
  .n_probox .n_proleft ul li:first-child a p, .n_probox .n_proleft ul li:nth-child(2) a p {
    border-top: 0
  }
  .n_probox .n_proleft .prohead {
    height: 4.125rem;
    padding-right: 0
  }
  .n_probox .n_proleft ul li a {
    padding: 0 1.25rem
  }
  .n_proxq .xqtop {
    flex-direction: column-reverse;
    gap: 1.5rem
  }
  .n_proxq .xqhead {
    flex-direction: column-reverse;
    align-items: center
  }
  .ar_article .tablecon {
    overflow-x: scroll
  }
  .tablecon table {
    width: 800px !important
  }
  .n_prolist .choice {
    grid-template-columns: 1fr 1fr
  }
  .select-list {
    top: 40px !important
  }
  .flowpath .qdbox #lc .swiper-slide:nth-child(odd) {
    margin-top: 0
  }
  .flowpath .qdbox #lc p {
    min-height: 9.75rem
  }
  .flowpath h5 {
    font-size: 1.875rem
  }
  .flowpath .qdbox #lc h5 {
    font-size: 2.5rem
  }
  .flowpath .qdbox #lc .lcname {
    font-size: 1.125rem;
    width: 9.25rem
  }
  .n_industry .inbigimg {
    height: auto;
    padding: 5rem 2rem
  }
  .n_industry ul {
    grid-template-columns: 1fr 1fr
  }
  #banner .txt {
    max-width: 100%
  }
  #banner .txt h3 {
    font-size: 2rem
  }
  #banner .txt h4 {
    font-size: 1.25rem
  }
  #banner .txt > i {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
  }
  #banner .txt h5 {
    font-size: 1.125rem;
    margin-bottom: 3rem
  }
  .mybtn01 {
    width: 8rem;
    height: 3rem;
    margin-left: -.5rem
  }
  .mybtn01 i {
    margin-left: .5rem
  }
  .mybtn01:after {
    width: 1.125rem;
    right: -.5rem
  }
  .asidebar {
    transform: scale(.7);
    bottom: 6rem;
    transform-origin: right bottom
  }
  .asidebar .btn0 {
    display: none
  }
  .asidebar .btn0#gotop {
    display: block
  }
  #banner .arrbox .arr {
    width: 3rem;
    height: 3rem
  }
  #banner .pagination {
    padding: 0 1rem
  }
  #banner .swiper {
    height: 35rem
  }
  #banner .arrbox {
    bottom: 6rem
  }
  #banner .pagination {
    bottom: 3rem
  }
  .s_search form {
    height: 4rem;
    margin-top: -2rem
  }
  .hotsearch {
    padding: 0;
    gap: .5rem
  }
  .s_tt h3 {
    font-size: 1.75rem
  }
  .s_tt p {
    font-size: 1.0625rem
  }
  .s_tt {
    margin-bottom: 2rem
  }
  .hdtabnav li a {
    height: 5.5rem
  }
  .hdtabnav li a .ico {
    width: 2rem;
    height: 2rem
  }
  .hdtabnav li a h4 {
    font-size: 1.0625rem
  }
  .s_pro .box .txt h5 {
    font-size: 1rem;
    margin-bottom: .5rem
  }
  .s_pro .box .txt .con {
    font-size: .875rem;
    line-height: 1.75rem;
    height: 5.25rem
  }
  .s_pro .box .txt {
    padding: 1rem 1rem 0
  }
  .pro_arr {
    width: 3rem;
    height: 3rem
  }
  .s_pro .mybtn01 {
    margin-top: 2rem
  }
  .s_hangye .bd ul {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 12rem;
    gap: 5px
  }
  .s_hangye .bd ul li:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/1
  }
  .s_hangye .bd ul li:nth-child(3) {
    grid-column: 2/3;
    grid-row: 1/3
  }
  .s_hangye .bd ul li:nth-child(4) {
    grid-column: 1/2;
    grid-row: 2/3
  }
  .s_hangye .bd ul li:nth-child(2) {
    grid-column: 1/3;
    grid-row: 3/4
  }
  .s_hangye .bd ul li:nth-child(5) {
    grid-column: 1/2;
    grid-row: 4/5
  }
  .s_hangye .bd ul li:nth-child(6) {
    grid-column: 2/3;
    grid-row: 4/5
  }
  .s_hangye .bd ul li .box .txt {
    padding: 1.5rem 1rem
  }
  .s_hangye .bd ul li .box .tt h4 {
    font-size: 1.375rem;
    margin-bottom: 3px;
    line-height: 1.5
  }
  .s_hangye .bd ul li .box .tt p {
    font-size: 12px
  }
  .s_hangye .bd ul li .box .img img {
    opacity: .8
  }
  .s_tonghang .bd {
    flex-direction: column
  }
  .s_yeji {
    height: 19rem
  }
  .s_yeji .mask {
    padding: 3rem 2rem
  }
  .s_fuwu .bd {
    flex-direction: column
  }
  .s_fuwu .bd .left {
    width: 100%
  }
  .f_nav .box h4 {
    font-size: 1.125rem
  }
  .f_nav {
    height: 6.5rem
  }
  .f_nav .box .ico {
    width: 2.25rem;
    height: 2.25rem
  }
  .s_fuwu .bd .right {
    padding: 3rem 2rem
  }
  .s_fuwu .right h4 {
    font-size: 1.625rem;
    line-height: 1.5
  }
  .s_fuwu .right .txtovh3 {
    margin-bottom: 1.5rem
  }
  .s_fuwu .arrbox {
    margin-top: 2.5rem
  }
  .s_fuwu .arr {
    width: 3rem;
    height: 3rem
  }
  .s_news01 ul {
    grid-template-columns: 1fr
  }
  .s_news01 ul li .box {
    gap: 1.5rem;
    padding: 2rem 1.5rem
  }
  .s_news01 ul li .txt i {
    margin: .75rem 0
  }
  .s_news02 ul li .box {
    padding: 1.5rem
  }
  .s_about .txt h3 {
    font-size: 1.5rem
  }
  .s_about .right .m {
    padding: 0 15px !important
  }
  .s_about .txt .btnbox {
    gap: 1.5rem
  }
  .s_shuzi ul li div span {
    font-size: 1.5rem
  }
  .s_shuzi {
    width: 100%;
    padding-right: 15px
  }
  .s_shuzi ul li p {
    font-size: 12px
  }
  #box li .ico {
    width: 3.5rem;
    height: 3.5rem
  }
  #box li .box {
    padding: 2rem
  }
  #box li .ico img {
    max-width: 1.75rem;
    max-height: 1.75rem
  }
  #box li .box {
    height: 13rem
  }
  .map_buju .item .mapico {
    height: 1.5rem
  }
  .s_yeji2 {
    padding: 0 15px
  }
  .s_yeji2 .right:before {
    left: -15px
  }
  .s_yeji2_bg {
    right: -119px
  }
  .s_yeji2 .left .txt h3 {
    font-size: 1.5rem;
    padding-top: 2rem
  }
  .s_news02 ul {
    gap: 10px
  }
  .s_news02 ul li .box {
    border-radius: 8px
  }
  .s_news01 ul li .box {
    border-radius: 8px
  }
  .s_news01 ul {
    gap: 10px
  }
  .liuyan .lyfw form button {
    line-height: 3rem
  }
  #foot .box1 {
    display: none
  }
  #foot .box2 {
    flex-direction: column;
    gap: 2rem
  }
  .foot_lianxi dd p b {
    font-size: 1.125rem
  }
  .foot_lianxi dd p {
    font-size: 1rem
  }
  .foot_share {
    justify-content: center
  }
  .copyright {
    text-align: center
  }
  .foot_zizhi {
    margin-top: 1.5rem
  }
  .foot_zizhi ul {
    justify-content: center
  }
  .s_links .m {
    flex-direction: column
  }
  .s_links .con {
    gap: 0 1rem
  }
  .wap_foot_nav {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    position: fixed;
    z-index: 990;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid #ddd
  }
  .wap_foot_nav .btn0 .box i {
    color: #00949c;
    font-size: 1.75rem
  }
  .wap_foot_nav .btn0 .box p {
    font-size: .875rem;
    margin-top: 5px
  }
  .wap_foot_nav .btn0 {
    position: relative
  }
  .wap_foot_nav .btn0 .box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 4rem;
    align-items: center
  }
  .wap_foot_nav .ewm {
    display: flex;
    align-items: center
  }
  .wap_foot_nav .ewm img {
    width: 80px;
    flex-shrink: 0;
    max-width: inherit;
    height: 80px
  }
  .wap_foot_nav h5 {
    white-space: nowrap;
    font-size: 1.25rem;
    font-family: Roboto-Black
  }
  .wap_foot_nav .ewm .txt {
    font-size: .8125rem;
    flex-shrink: 0;
    white-space: nowrap
  }
  .wap_foot_nav .open.phone {
    position: absolute;
    background: #fff;
    text-align: left;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border: 1px solid #e1e6f0;
    border-radius: .5rem;
    width: auto;
    min-height: 3.125rem;
    border-radius: 3px;
    left: 50%;
    transform: translateX(-50%);
    padding: .5rem 1rem;
    min-height: 4.75rem;
    display: flex;
    align-items: center;
    bottom: 100%;
    transition: .6s;
    opacity: 0;
    visibility: hidden
  }
  .wap_foot_nav .open.phone span {
    font-size: 12px;
    display: block;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: .5rem;
    opacity: .7;
    font-weight: normal
  }
  .wap_foot_nav .btn0:hover .open.phone {
    transition: .5s;
    -webkit-transition: .5s;
    opacity: 1;
    visibility: visible
  }
  .asidebar .btn0 p {
    display: none
  }
  .asidebar .btn0 {
    width: 4rem;
    height: 4rem
  }
  body {
    padding-bottom: 5rem
  }
  .n_lianxi ul li .contactcon h6, .contactbg ul li p {
    font-size: 1rem
  }
  .n_lianxi a {
    margin-bottom: 0;
    height: 15rem
  }
  .n_lianxi ul {
    margin-bottom: 0
  }
  .n_lianxi .ditubox {
    margin-top: 1rem
  }
  .n_lianxi .s_tt h3 {
    font-size: 1.5rem;
    margin-bottom: 3rem
  }
  .n_lianxi ul li .contacts {
    width: 5rem;
    height: 5rem
  }
  .n_bannerbox .m {
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center
  }
  .n_bannerbox .m .position {
    display: none
  }
  .n_bannerbox .m h4 {
    margin-top: 0
  }
  .n_bannerbox .ny_next {
    right: 10px
  }
  .n_bannerbox .ny_prev {
    left: 10px
  }
  .n_bannerbox .swiper-button-white {
    width: 2rem;
    height: 2rem
  }
  .n_bannerbox .swiper-button-white svg {
    width: 1rem;
    height: 1rem
  }
  .n_bannerbox .m {
    margin: 0 2rem;
    width: calc(100% - 4rem);
    left: 0;
    transform: none
  }
  .n_bannerbox .m h4 {
    font-size: 2rem
  }
  .n_bannerbox .m h6 {
    font-size: 1rem;
    opacity: .8
  }
  .n_bannerbox::before {
    width: 22rem;
    display: none
  }
  .yeji_zhengshu .li a i {
    margin: 1rem auto 1.75rem
  }
  .yeji_zhengshu .li a p {
    font-size: 1rem;
    margin-top: 1.5rem
  }
  .yeji_zhengshu .li a::before {
    bottom: 1rem
  }
  .yeji_zhengshu .swiper-button-white {
    width: 3rem;
    height: 3rem;
    padding: 12px
  }
  .yeji_title h1 {
    font-size: 1.75rem
  }
  .yeji_title div span {
    font-size: 1.0625rem
  }
  .n_licheng {
    display: none
  }
  .n_licheng_wap {
    display: block
  }
  .about_hd {
    margin-bottom: 2rem
  }
  .n_licheng_wap ul li .year {
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 9.375rem;
    margin-bottom: 1rem
  }
  .n_licheng_wap ul li .year i {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: #fe9edf
  }
  .n_licheng_wap ul li .year span {
    font-size: 1.5rem;
    color: #000;
    font-weight: bold;
    position: relative;
    z-index: 9
  }
  .n_licheng_wap ul li .txt {
    transition: .3s;
    position: relative;
    font-size: 1rem;
    line-height: 2rem;
    color: #000
  }
  .n_licheng_wap ul li .txt p {
    padding-bottom: 1rem;
    border-bottom: 2px solid #1339fb
  }
  .n_licheng_wap ul li {
    margin-top: 2rem
  }
  .n_about h1 {
    font-size: 1.5rem;
    margin-bottom: 1.25rem
  }
  .about_tt h3 {
    font-size: 1.75rem
  }
  .about_tt {
    margin-bottom: 2rem
  }
  .n_chuangxin li .txt p {
    font-size: 1rem
  }
  .n_chuangxin li:nth-child(1) .txt {
    padding-top: 3rem
  }
  .n_shiming ul {
    flex-wrap: wrap
  }
  .n_shiming ul li {
    width: 100% !important;
    flex-grow: 0
  }
  .n_shiming ul li .mask .txt p {
    height: 3rem
  }
  .n_shiming ul li .box {
    height: 18rem
  }
  .n_shiming ul li.on .mask .txt h4 {
    font-size: 1.375rem
  }
  .n_chuangxin li .txt span {
    font-size: 3rem
  }
  .n_shiming ul li .mask .txt .ico {
    width: 3rem;
    height: 2.5rem;
    margin-bottom: 1.5rem
  }
  .fuwu_tt span {
    font-size: 4rem
  }
  .fuwu_tt h3 {
    font-size: 1.875rem !important
  }
  .fuwu_tt p {
    font-size: 1rem;
    line-height: 1.7
  }
  .n_fuwu01 ul {
    grid-template-columns: 1fr 1fr;
    gap: 10px
  }
  .n_fuwu01 ul li .txt h4 {
    font-size: 1.25rem
  }
  .n_fuwu01 ul li .txt p {
    font-size: 1rem
  }
  .n_fuwu01 ul li .txt {
    padding-bottom: 1.5rem
  }
  .n_fuwu01 ul li:nth-child(1) {
    grid-column: 1/2
  }
  .n_fuwu01 ul li:nth-child(1) .img {
  }
  .fuwu_tt {
    margin-bottom: 2.25rem
  }
  .n_fuwu02 ul {
    display: grid;
    grid-template-columns: 1fr 1fr
  }
  .n_fuwu02 ul li:last-child {
    grid-column: 1/3
  }
  .n_fuwu02 ul li:last-child .pic {
    margin: 0 auto;
    display: flex;
    justify-content: center
  }
  .n_fuwu02 ul li:last-child .pic img {
    margin-bottom: 0
  }
  .n_fuwu02 ul li p {
    font-size: 1.125rem
  }
  .n_fuwu03 ul li {
    width: 12rem
  }
  .n_fuwu03 ul li .box i {
    font-size: 3rem
  }
  .n_fuwu03 ul li .box div {
    font-size: 1rem;
    margin-bottom: 3px
  }
  .n_fuwu03 ul li .box div span {
    font-size: 1.75rem
  }
  .n_fuwu03 ul li .box p {
    font-size: 1rem
  }
  .n_fuwu03 ul li .drawcircle circle {
    stroke-width: 2;
    stroke-dashoffset: -240
  }
  .n_fuwu03 ul li:nth-child(1).aos-animate svg.drawcircle circle {
    stroke-dasharray: 150, 390;
    stroke-dashoffset: -240
  }
  .n_fuwu03 ul li:nth-child(2).aos-animate svg.drawcircle circle {
    stroke-dasharray: 240, 390;
    stroke-dashoffset: -240
  }
  .n_fuwu03 ul li:nth-child(3).aos-animate svg.drawcircle circle {
    stroke-dasharray: 360, 390;
    stroke-dashoffset: -240
  }
  .n_fuwu03 ul li:nth-child(4).aos-animate svg.drawcircle circle {
    stroke-dasharray: 400, 390;
    stroke-dashoffset: -240
  }
  .fuwu_tt h3 {
    font-size: 1.5rem !important
  }
  .n_fuwu05 .bd ul li h4 {
    font-size: 1.25rem
  }
  .n_fuwu05 .bd ul li p {
    font-size: 1rem;
    height: auto
  }
  .n_fuwu05 .bd ul li .dot {
    display: none
  }
  .n_fuwu05 .bd ul li .box {
    padding: 2rem 1rem !important
  }
  .n_fuwu05 .bd ul li .ico i {
    font-size: 2.5rem
  }
  .n_fuwu04 ul li .box span {
    font-size: 3rem
  }
  .n_fuwu04 ul li .box i {
    margin: .5rem auto
  }
  .n_fuwu04 ul li .box h4 {
    font-size: 1.25rem
  }
  .n_fuwu04 ul li .box {
    padding: 2rem 1.625rem 2rem
  }
  .n_fuwu04 ul .fuwu_arr {
    width: 40px;
    height: 40px
  }
  .n_fuwu07 .txt h3 {
    font-size: 2.25rem;
    line-height: 1.5
  }
  .n_fuwu07 {
    height: auto;
    padding-bottom: 8rem !important;
    background: url(../image/n_fuwu07_bg_wap.jpg) center no-repeat;
    background-size: cover
  }
  .n_fuwu07 .txt .con {
    font-size: 1rem
  }
  .n_fuwu08 .box {
    gap: 0
  }
  .n_fuwu08 .img {
    width: 10rem
  }
  .n_fuwu08 .m {
    padding: 0
  }
  .n_fuwu08 .txt {
    padding: 2rem 15px
  }
  .n_fuwu08 .txt h4 {
    font-size: 1.5rem
  }
  .n_fuwu08 .txt h5 {
    font-size: 1rem;
    margin: 8px 0 10px
  }
  .n_fuwu08 .txt i {
    display: none
  }
  .n_fuwu08 .txt p {
    font-size: 1rem;
    line-height: 1.7
  }
  .n_fuwu08 .txt .tt {
    margin-bottom: 0
  }
  .n_fuwu08 .txt .pagination {
    margin-top: 1rem
  }
  .wap_foot_nav .open.phone {
    padding: 12px
  }
  .hdtabnav li a:after {
    transition: 0s
  }
  .s_tonghang .bd .left {
    width: 100%
  }
}
@media (max-width: 480px) {
  .foot_ewm {
    display: none;
  }
  .asidebar .btn01 {
    display: block;
  }
  .liuyan .lyfw .lyleft .hour24 {
    display: none;
  }
  .s_yeji .img {
    width: 100%;
  }
  .s_yeji .mask {
    height: 100%;
    background: rgba(0, 0, 0, .7);
    justify-content: center;
  }
  .s_buju .left .box {
    display: none;
  }
  .s_buju .left .m_box_1 {
    display: block;
  }
  .s_about .txt h3 {
    font-size: 1.25rem;
  }
  .s_about .txt {
    display: none;
  }
  .s_about .m_txt_1 {
    display: block;
  }
  .s_news .bd {
    display: none;
  }
  .s_news .m_bd_1 {
    display: block;
  }
  .s_news02 ul {
    grid-template-rows: repeat(2, 1fr);
  }
  .s_news01 ul li .box {
    margin-bottom: 10px;
  }
  .s_fuwu .arrbox {
    justify-content: flex-end;
  }
  .s_fuwu .right .box .txtovh3 {
    margin-bottom: 0;
  }
  .n_probox .n_proleft .prohead {
    background: url(../image/m_cpleft.png) no-repeat;
    background-size: cover;
  }
  .n_fuwu08 .m {
    padding: 0 15px;
  }
  .s_pro_wap {
    padding-bottom: 0 !important;
  }
  .s_fuwu .arrbox {
    margin-top: 1.5rem;
  }
  .s_fuwu .bd .right {
    padding: 3rem 2rem 1.5rem 2rem;
  }
}