@media screen and (min-width: 769px) {
  .wrap {
    display: none !important;
  }
  .website .web .web-title br {
    display: none;
  }
  .applet1 .title h4 br {
    display: none;
  }
  .case-detail .detail-con .tt .rg-logo {
    padding: 0 25px;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }

  .container,
  .page-w {
    width: 100%;
  }

  @-webkit-keyframes returnToNormal {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(30%, 0, 0);
      transform: translate3d(30%, 0, 0);
      -moz-transform: translate3d(30%, 0, 0);
      -ms-transform: translate3d(30%, 0, 0);
      -o-transform: translate3d(30%, 0, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }

  @keyframes returnToNormal {
    0% {
      opacity: 0;
      transform: translate3d(30%, 0, 0);
      -webkit-transform: translate3d(30%, 0, 0);
      -moz-transform: translate3d(30%, 0, 0);
      -ms-transform: translate3d(30%, 0, 0);
      -o-transform: translate3d(30%, 0, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }

  .sitemap {
    display: none !important;
  }

  .wrap-header {
    height: 4.4rem;
  }

  .wrap-header .wrap-top {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 4.4rem;
    padding: 0.5rem 4%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    z-index: 999;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  }

  .wrap-header .wrap-top img {
    max-height: 100%;
  }

  .wrap-header .wrap-top a {
    line-height: 3rem;
    height: 90%;
    box-sizing: border-box;
  }

  /* .wrap-header .wrap-top .wrap-menu .line {
    width: 28px;
    height: 2px;
    background-color: #000;
    display: block;
    margin: 6px 0;
    transition: transform .3s ease-in-out, opacity .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out, opacity .3s ease-in-out;
    -o-transition: transform .3s ease-in-out, opacity .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out, opacity .3s ease-in-out;
    -ms-transition: transform .3s ease-in-out, opacity .3s ease-in-out;
  }

  .wrap-header .wrap-top .wrap-menu.cur .line:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
    -webkit-transform: translateY(8px) rotate(45deg);
    -ms-transform: translateY(8px) rotate(45deg);
    -o-transform: translateY(8px) rotate(45deg);
    -moz-transform: translateY(8px) rotate(45deg);
  }

  .wrap-header .wrap-top .wrap-menu.cur .line:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
    -webkit-transform: translateY(-8px) rotate(-45deg);
    -moz-transform: translateY(-8px) rotate(-45deg);
    -ms-transform: translateY(-8px) rotate(-45deg);
    -o-transform: translateY(-8px) rotate(-45deg);
  }

  .wrap-header .wrap-top .wrap-menu.cur .line:nth-child(2) {
    opacity: 0;
  }

  .wrap-header .wrap-top .wrap-menu.cur .line {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
  } */

  .hamburger {
    padding: 0;
    height: 18px;
    opacity: 1;
    padding: 15px 0;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
  }

  .hamburger-box {
    position: relative;
    width: 25px;
    height: 18px;
    display: block;
  }

  .hamburger--3dx-r .hamburger-box {
    perspective: 80px;
  }

  .hamburger--3dx-r .hamburger-inner {
    -webkit-transition: -webkit-transform 0.6s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    transition: transform 0.6s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  }



  .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
  }

  .hamburger-inner,
  .hamburger-inner::before,
  .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
  }

  .hamburger-inner::before,
  .hamburger-inner::after {
    content: "";
    display: block;
  }

  .hamburger-inner::after {
    bottom: -8px;
    left: 0px;
  }

  .hamburger-inner::before {
    top: -8px;
    left: 0px;
  }

  .hamburger-inner,
  .hamburger-inner::before,
  .hamburger-inner::after {
    width: 26px;
    height: 2px;
    background: #444;
  }

  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background: #222;
    left: 0;
    -webkit-transition: -webkit-transform 0.6s 0s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    transition: transform 0.6s 0s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  }

  .hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent !important;
    /* transform: rotateY(-180deg); */
  }

  .hamburger--3dx-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg);
  }

  .hamburger--3dx-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
    transform: translate3d(0, -8px, 0) rotate(-45deg);
  }

  .wrap-header .wrap-nav {
    position: fixed;
    left: 100%;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin-right: 0;
    padding: 6rem 4% 4rem;
    background-color: #ecf0f4;
    z-index: 99;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: left 0.3s ease-in-out;
    -moz-transition: left 0.3s ease-in-out;
    -ms-transition: left 0.3s ease-in-out;
    -o-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
    overflow-y: scroll;
    text-align: left;
  }

  .wrap-header .wrap-nav.open {
    left: 0;
  }

  .wrap-header .wrap-nav .first {
    position: relative;
  }

  .wrap-header .wrap-nav .first>a {
    display: block;
    width: 100%;
    white-space: normal;
    font-size: 1.4rem;
    line-height: 3;
    border-bottom: 1px solid #dcdddd;
    color: #333;
  }

  .wrap-header .wrap-nav .first>a::before {
    position: absolute;
    right: 0;
    top: 0;
    content: '\e6d8';
    font-family: iconfont;
    color: #666;
    transition: all .5s;
  }

  .wrap-header .wrap-nav .first>a.cur::before {
    transform: rotate(90deg);
  }

  .wrap-header .wrap-nav .second {
    display: none;
    padding: 20px;
  }

  .wrap-header .wrap-nav .second a {
    display: block;
    line-height: 2.5;
    font-size: 1.2rem;
  }

  .wrap-header .wrap-nav.open .first {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: returnToNormal;
    animation-name: returnToNormal;
  }

  .banner .swiper-slide {
    height: calc(100vh - 4rem);
  }

  .banner .swiper-button-prev,
  .banner .swiper-button-next {
    display: none;
  }

  .banner .banner-txt1 {
    left: 10%;
    top: 35%;
  }

  .banner .banner-txt h3 {
    font-size: 34px;
    letter-spacing: 4px;

  }
  .banner .banner-txt2 h3 i {
    margin: 15px 0 0;
  }
  .banner .banner-txt .txt {
    font-size: 16px;
    line-height: 1.75;
  }

  .banner .banner-txt .txt br {
    display: none;
  }

  .banner .banner-txt2 {
    width: 92%;
  }

  .banner .banner-txt1 {
    padding-right: 6%;
  }

  .banner .banner-nav {
    height: 4rem;
  }

  .banner .banner-nav .page-w {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
  }

  .banner .banner-nav .page-w::-webkit-scrollbar {
    display: none;
  }

  .banner .banner-nav a {
    display: inline-block;
    line-height: 4rem;
    width: 11rem;
    font-size: 1rem;
  }

  .banner .banner-nav a::before {
    display: none;
  }

  .banner .banner-nav a::after {
    height: 1.4rem;
    margin-top: -0.7rem;
  }

  .banner .banner-nav a:last-child::after {
    display: none;
  }

  .main-service {
    padding-left: 4%;
    padding-top: 3rem;
    padding-bottom: 4rem;
  }

  .main-service .tt {
    font-size: 1.2rem;
    padding-left: 2.5rem;
  }

  .main-service .tt::before {
    width: 1.5rem;
    right: auto;
    left: 0;
  }

  .main-service h5 {
    margin-top: 1.5rem;
    font-size: 1.6rem;
    font-weight: bold;
  }

  .main-service .m-serlist {
    display: block;
    margin-top: 1.6rem;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
  }

  .main-service .m-serlist::-webkit-scrollbar {
    display: none;
  }

  .main-service .m-serlist .list {
    display: inline-block;
    width: 82%;
    margin-right: 5px;
    vertical-align: top;
  }
  .main-service .m-serlist .list:last-child {
    margin-right: 0;
  }
  .main-service .m-serlist .list .tit {
    padding: 1.5rem 0 1rem;
    font-size: 1.4rem;
  }

  .main-service .m-serlist .list p {
    font-size: 1rem;
  }

  .main-service .m-serlist .list .li0 {
    margin-top: 1.2rem;
    font-size: 0.9rem;
  }

  .main-service .m-serlist .list .more {
    margin-top: 2rem;
  }
  .main-service .m-serlist .list .vd-bt-msg {
    padding-left: 1.2rem;
  }

  .main-case .title {
    position: relative;
    width: 100%;
    padding: 0;
  }

  .main-case .title .lik {
    display: none;
    justify-content: space-between;
    margin: 0;
    padding: 1.5rem 4%;
    background-color: #fff;
  }

  .main-case .title .lik i {
    display: none;
  }

  .main-case .title .lik a {
    width: 24.3%;
    font-size: 1rem;
    line-height: 2.2rem;
    text-align: center;
    background-color: #f3f3f3;
  }

  .main-case .title .case-base {
    /* display: none; */
    position: absolute;
    right: 4%;
    top: 0;
    width: 8rem;
    line-height: 2.8rem;
    font-size: 1rem;
    border-radius: 1.4rem;
    -webkit-border-radius: 1.4rem;
    -moz-border-radius: 1.4rem;
    -ms-border-radius: 1.4rem;
    -o-border-radius: 1.4rem;
    margin-top: 1.3rem;
  }

  .main-case .hr {
    display: block;
    padding: 2rem 0;
    padding-left: 2.5rem;
    font-size: 1.2rem;
    margin-left: 4%;
  }

  .main-case .hr::before {
    width: 1.5rem;
    right: auto;
    left: 0;
  }
  .main-case .mb-case {
    padding: 0 4%;
  }
  .main-case .mb-case .item {
    display: block;
    font-size: 0;
  }

  .main-case .mb-case .item>img {
    width: 100%;
  }

  .main-case .mb-case .item .info {
    padding: 3rem 6%;
    background-color: #242424;
    margin-bottom: 1px;
  }
  .main-case .mb-case .item .icon-more {
    display: inline-block;
    margin-top: 1.5rem;
    color: #fff;
    font-size: 1.8rem;
  }

  .main-case .mb-case .item h6 {
    margin-bottom: 1.2rem;
    font-size: 1.3rem;
    color: #fff;
  }

  .main-case .mb-case .item p {
    /* margin-top: 1.2rem; */
    font-size: 0.9rem;
    color: #999;
    line-height: 2;
  }

  .main-coop {
    padding: 2.5rem 4% 10rem;
  }

  .main-coop h5 {
    margin-top: 1.4rem;
    font-size: 1.6rem;
    padding-right: 10%;
    line-height: 1.5;
    font-weight: bold;
  }

  .main-coop table tbody {
    padding-bottom: 2px;
  }
  .main-coop table .pic {
    height: auto;
    line-height: 1;
  }

  .main-coop table td {
    position: relative;
    width: 50%;
    padding: 0;
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    border: none;
  }

  .main-coop table td::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #dcdddd;
    content: '';
    z-index: 3;
  }

  .main-coop table .pic-bd strong {
    font-size: 4rem;
  }

  .main-coop table .pic-bd p {
    font-size: 1rem;
  }

  .main-coop table .pic-bd i {
    font-size: 2rem;
  }

  .main-coop .brand-list {
    margin-top: 2rem;
  }

  .hr {
    padding-left: 2.5rem;
    font-size: 1.2rem;
  }

  .hr::before {
    width: 1.5rem;
    right: auto;
    left: 0;
  }

  .main-company {
    padding: 2rem 0;
    background: url("../images//wrap-main-bg.jpg") no-repeat center;
    background-size: cover;
  }

  .main-company .container {
    padding: 0 4%;
    box-sizing: border-box;
  }

  .main-company .ttp {
    padding: 2rem 0;
    flex-wrap: wrap;
    top: -10rem;
  }

  .main-company .ttp .it {
    width: 50%;
  }

  .main-company .ttp .it:nth-child(-n + 2) {
    margin-bottom: 1.5rem;
  }

  .main-company .ttp strong {
    font-size: 3rem;
  }

  .main-company .ttp p {
    font-size: 1rem;
  }

  .main-company .page-w {
    position: relative;
    top: -4rem;
    padding: 0 4%;
    box-sizing: border-box;
  }

  .main-company .cont {
    padding: 0;
    margin-top: -2rem;
  }

  .main-company .cont h5 {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 1.75;
    letter-spacing: 0;
    font-weight: bold;
  }

  .main-company .cont h5 br {
    display: none;
  }

  .main-company .cont .more {
    width: 8rem;
    line-height: 2.8rem;
    margin-top: 4rem;
    font-size: 1rem;
    border-radius: 1.4rem;
    -webkit-border-radius: 1.4rem;
    -moz-border-radius: 1.4rem;
    -ms-border-radius: 1.4rem;
    -o-border-radius: 1.4rem;
  }

  .main-news {
    padding: 3rem 4%;
  }

  .main-news .title {
    padding-bottom: 1.5rem;
  }

  .main-news .title .hr {
    display: block;
    float: none;
  }

  .main-news .title .Title-nav {
    margin-top: 1.5rem;
    display: flex;
    justify-content: flex-start;
  }

  .main-news .title .Title-nav a {
    margin: 0 1.3% 0.6rem 0;
    height: 2.5rem;
    width: 24%;
    line-height: 2.5rem;
    background-color: #f3f3f3;
    text-align: center;
    font-size: 1rem;
  }
  .main-news .title .Title-nav a:nth-child(4n) {
    margin-right: 0;
  }
  .main-news .title .Title-nav a.on {
    background: #000;
    color: #fff;
  }

  .main-news .title .Title-nav a::after {
    display: none;
  }

  .main-news .title .Title-nav .bar {
    display: none;
  }

  .main-news .cont {
    padding: 0;
  }

  .main-news .cont .m-news-list .it {
    padding: 1.5rem 0;
  }

  .main-news .cont .m-news-list .it .time {
    width: 100%;
    font-size: 0.8rem;
    transition: margin 0.4s;
    -webkit-transition: margin 0.4s;
    -moz-transition: margin 0.4s;
    -ms-transition: margin 0.4s;
    -o-transition: margin 0.4s;
  }

  .main-news .cont .m-news-list .it:hover .time {
    margin-left: 10px;
  }

  .main-news .cont .m-news-list .it .text {
    width: calc(100% - 60px);
  }

  .main-news .cont .m-news-list .it .text p {
    display: none;
  }

  .main-news .cont .m-news-list .it .text h6 {
    margin-top: 0.5rem;
  }

  .main-news .cont .m-news-list .it .text h6 a {
    white-space: normal;
    font-size: 1.2rem;
    line-height: 1.5;
  }

  .main-news .cont .m-news-list .it .more {
    width: 1.5rem;
  }

  .main-news .more-nws {
    margin-top: 2rem;
  }

  .main-news .more-nws a {
    width: 8rem;
    line-height: 2.8rem;
    font-size: 1rem;
    border-radius: 1.4rem;
    -webkit-border-radius: 1.4rem;
    -moz-border-radius: 1.4rem;
    -ms-border-radius: 1.4rem;
    -o-border-radius: 1.4rem;
  }

  .main-adv {
    padding: 3rem 0 0;
  }

  .main-adv .adv1 {
    padding: 0 4%;
  }
  .main-adv .adv1 .m-lf {
    width: 100%;
  }

  .main-adv .adv1 .m-lf h5 {
    margin-top: 1.5rem;
    font-size: 1.6rem;
  }

  .main-adv .adv1 .m-rg {
    width: 100%;
    margin-top: 25px;
  }

  .main-adv .adv1 .m-rg li {
    padding: 1.5rem 0;
  }

  .main-adv .adv1 .m-rg li .tt {
    font-size: 1.2rem;
  }

  .main-adv .adv1 .m-rg li .tt i {
    width: 1.6rem;
    height: 1.6rem;
    line-height: 1.6rem;
  }

  .main-adv .adv1 .m-rg .more-se {
    margin-top: 2rem;
    text-align: center;
  }

  .main-adv .adv1 .m-rg .more-se a {
    display: inline-block;
    width: 8rem;
    line-height: 2.8rem;
    font-size: 1rem;
    border-radius: 1.4rem;
    -webkit-border-radius: 1.4rem;
    -moz-border-radius: 1.4rem;
    -ms-border-radius: 1.4rem;
    -o-border-radius: 1.4rem;
    color: #fff;
    background-color: #000000;
  }

  .main-adv .adv2 {
    margin-top: 2.5rem;
  }

  .main-adv .adv2 .m-contact {
    height: auto;
    padding: 2.5rem 0 2.8rem;
    background: url("../images/wrap-contact-bg.jpg") no-repeat center;
    background-size: cover;
  }

  .main-adv .adv2 .m-contact .adv-bg {
    display: none;
  }

  .main-adv .adv2 .m-contact .ct {
    position: relative;
    width: 88%;
    margin: 0 auto;
    left: auto;
    top: auto;
    padding: 6px;
    font-size: 1rem;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }

  .main-adv .adv2 .m-contact .ct .ct-box {
    padding: 3rem 0 1.5rem;
  }

  .main-adv .adv2 .m-contact .ct .ct-box h5 {
    font-size: 1.1rem;
    line-height: 1.5;
    width: 80%;
    margin: 0 auto;
    letter-spacing: 0;
  }

  .main-adv .adv2 .m-contact .ct .ct-box .call {
    margin-top: 1.2rem;
  }

  .main-adv .adv2 .m-contact .ct .ct-box .call a {
    width: 8rem;
    line-height: 2.8rem;
    font-size: 1rem;
    border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    -ms-border-radius: 1.5rem;
    -o-border-radius: 1.5rem;
  }

  .top-photo {
    height: auto;
  }

  .top-photo .container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  .top-photo .container .lf {
    width: 90%;
    left: 5%;
    top: 35%;
  }

  .top-photo .container .lf h4 {
    font-size: 1.4rem;
    line-height: 1.75;
    letter-spacing: 0;
  }

  .top-photo .container .lf span {
    margin-top: 3rem;
    width: 3rem;
  }

  .top-photo .container .rg {
    width: 100%;
    padding: 0;
    bottom: 0;
    top: auto;
    height: auto;
  }

  .top-photo .container .rg .bx {
    position: absolute;
    display: flex;
    justify-content: space-around;
    top: auto;
    bottom: 0;
    width: 100%;
    padding: 2rem 2.5rem;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    box-sizing: border-box;
    background: url(../images/wap-bk.png) repeat;
  }

  .top-photo .container .rg .lik:nth-child(2) {
    margin: 0;
  }

  .top-photo .container .rg .lik img {
    height: 2.7rem;
  }

  .about-com {
    padding: 3rem 4% 0;
  }

  .about-com .newsedge {
    padding: 0;
  }

  .about-com .newsedge .lf {
    position: static;
    top: auto;
    width: 100%;
    background: none !important;
    height: auto;
  }

  .about-com .newsedge .rg {
    padding: 2.5rem 2rem 3rem;
    top: -4.2rem;
    margin: 0 0.6rem;
  }

  .about-com .newsedge .rg .tt {
    display: block;
  }

  .about-com .newsedge .rg .tt h5 {
    padding-right: 1rem;
    padding-bottom: 1.5rem;
    font-size: 1.4rem;
  }

  .about-com .newsedge .rg .tt .ins-link-box {
    display: none;
  }

  .about-com .newsedge .rg .txt {
    margin-top: 1.2rem;
    font-size: 1rem;
  }

  .customer {
    padding: 0 4% 3rem;
  }

  .customer .content {
    margin-top: 1.5rem;
  }

  .customer .lf {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .customer .lf a {
    width: 48%;
    line-height: 2.8rem;
    font-size: 1rem;
    margin: 0;
  }

  .customer .rg {
    width: 100%;
    margin-top: 1.5rem;
    background-color: #fff;
  }

  .customer .rg li {
    float: none;
    width: 50%;

  }

  .customer .rg ol {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .office {
    padding: 0 4%;
    padding-top: 1rem;
  }

  .office .title {
    margin-top: 1.4rem;
    font-size: 1.4rem;
    line-height: 1.750;
    font-weight: bold;
    letter-spacing: 0;
  }

  .office ol {
    margin-top: 2rem;
  }

  .office ol li {
    padding-top: 35%;
    margin-bottom: 4px;
    width: calc(50% - 2px) !important;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .office ol li:nth-child(1) {
    width: 100% !important;
  }

  .office ol li span,
  .office ol li .bg {
    display: none !important;
  }

  .office ol li img {
    display: none;
  }

  .contact {
    padding: 2.5rem 4%;
  }

  .contact ol {
    display: block;
    margin-top: 1rem;
  }

  .contact ol li {
    padding: 1.8rem 0;
    width: 100%;
    border-bottom: 1px solid #dcdddd;
    border-right: none;
  }

  .contact ol li .let {
    display: flex;
    justify-content: space-between;
    padding-left: 3.2rem;
  }

  .contact ol li .let .lk {
    margin-top: 1.5rem;
    font-size: 1rem;
  }

  .contact ol li .let .lk span {
    font-weight: normal;
  }

  .contact ol li .let .lk p {
    margin-bottom: 1rem;
  }

  .contact ol li .let .lk:nth-child(1) {
    width: 55%;
  }

  .contact ol li .let .lk:nth-child(2) {
    width: 45%;
  }

  .contact ol .li3 {
    padding: 1.8rem 0;
    text-align: left;
  }

  .contact ol .li3 .let3 {
    padding-left: 3.2rem;
    margin-top: 1.5rem;
  }

  .contact ol .li3 .let3 .addr {
    font-size: 1rem;
    font-weight: normal;
  }

  .contact ol .li3 .let3 .add-link {
    margin-top: 1rem;
    text-align: left;
  }

  .contact ol .li3 .let3 .add-link a {
    text-align: center;
  }

  .contact ol .li4 {
    text-align: left;
  }

  .contact ol .li4 .let {
    display: block;
    margin-top: 1.5rem;
  }

  .contact ol .li4 .let p {
    display: inline-block;
    margin-left: 10px;
    font-size: 1rem;
  }

  .contact .t-tit {
    padding-left: 3.2rem;
    font-weight: normal;
    font-size: 1.3rem;
  }

  .contact .t-tit img {
    width: 2.5rem;
  }

  .newsedge-company {
    padding-bottom: 4rem;
  }

  .newsedge-company .company-add {
    display: block;
    margin: 0;
    padding: 0 4%;
  }

  .newsedge-company .company-add .list {
    width: 100%;
    padding-top: 3rem;
    margin-top: 0;
  }

  .newsedge-company .company-add .list h5 {
    padding-bottom: 1.2rem;
    font-size: 2rem;
  }

  .newsedge-company .company-add .list .c-name {
    margin: 1.4rem 0 1rem;
    font-size: 1.3rem;
    font-weight: normal;
  }

  .newsedge-company .company-add .list p {
    font-size: 1rem;
  }

  .case {
    padding: 0 4% 3rem;
  }

  .case .case-nav {
    padding: 2rem 0 1rem;
    border: none;
  }

  .case .case-nav .Title-nav {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .case .case-nav .Title-nav .bar {
    display: none;
  }

  .case .case-nav .Title-nav .titleSel {
    margin: 0 1.3% 0.6rem 0;
    height: 2.5rem;
    width: 24%;
    line-height: 2.5rem;
    background-color: #f3f3f3;
    text-align: center;
    font-size: 1rem;
  }

  .case .case-nav .Title-nav .titleSel:nth-child(4n) {
    margin-right: 0;
  }

  .case .case-nav .Title-nav .titleSel.on {
    color: #fff;
    background-color: #000;
  }

  .case .sort-nav {
    display: none;
  }

  .case .cont li {
    width: 100%;
    margin-right: 0;
  }

  .case .cont li:nth-child(1) {
    width: 100%;
  }

  .case .cont li .bg {
    background: none !important;
    padding: 0 !important;
  }

  .case .cont li .bg img {
    width: 100%;
  }

  .case .cont li .more {
    display: none;
  }

  .case .cont li .info {
    padding: 1.5rem 0 2.3rem;
    margin: 0;
  }

  .case .cont li h6 {
    font-size: 1.2rem;
  }

  .case .cont li p {
    font-size: 1rem;
    padding: 0;
    margin-top: 1.2rem;
  }

  .Pagination {
    display: none;
  }

  .Load-More {
    padding: 2rem 0;
    text-align: center;
  }

  .Load-More a {
    display: inline-block;
    width: 11rem;
    line-height: 3rem;
    font-size: 1rem;
    background-color: #f3f3f3;
    color: #999999;
  }

  .Top {
    height: 30rem;
  }

  .Top .title {
    position: absolute;
    left: 10%;
    top: 15%;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.5;
    color: #FFF;
  }

  .Top .tips {
    top: 28%;
    font-size: 1rem;
    padding-left: 2.5rem;
  }

  .Top .tips::before {
    width: 1.8rem;
  }

  .wrap-Top {
    position: relative;
  }

  .wrap-Top img {
    width: 100%;
  }

  .wrap-Top .Top-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 15% 10% 10% 10%;
    color: #fff;
    box-sizing: border-box;
  }

  .wrap-Top .Top-text .title {
    font-size: 1.8rem;
    line-height: 1.75;
    font-weight: bold;
  }

  #service .wrap-Top .Top-text .title {
    font-size: 1.2rem;
    font-weight: bold;
  }

  .wrap-Top .Top-text .tips {
    position: relative;
    padding-left: 2.5rem;
    font-size: 1rem;
    margin-top: 1rem;
  }

  .wrap-Top .Top-text .ts {
    margin-top: 0.5rem;
    font-size: 1.1rem;
    line-height: 1.5;
  }

  .wrap-Top .Top-text .tips::before {
    position: absolute;
    left: 0;
    top: 50%;
    content: '';
    width: 1.8rem;
    height: 1px;
    background-color: #fff;
  }

  .wrap-Top .Top-text .bar {
    width: 5rem;
    height: 1px;
    margin-top: 2rem;
    background-color: #fff;
  }

  .case-detail .detail-con {
    width: 100%;
    top: 0;
  }

  .case-detail .detail-con .tt {
    display: block;
    padding: 1.5rem 1rem 2.5rem;
    background: #fff;
  }

  .case-detail .detail-con .tt .lf-txt {
    width: 100%;
    padding: 1.2rem 0 0;
    border: none;
    font-size: 1rem;
  }

  .case-detail .detail-con .tt .lf-txt a {
    width: 8.5rem;
    margin-top: 2.5rem;
    line-height: 2.4rem;
    border-radius: 1.7rem;
    -webkit-border-radius: 1.7rem;
    -moz-border-radius: 1.7rem;
    -ms-border-radius: 1.7rem;
    -o-border-radius: 1.7rem;
  }

  .case-detail .detail-con .tt .rg-logo {
    display: block;
    width: 100%;
    padding-bottom: 1rem;
    border-bottom: 1px solid #dcdddd;
    text-align: left;
  }

  .case-detail .detail-con .tt .rg-logo img {
    max-width: 40%;
  }

  .case-detail .detail-con .content {
    margin: 0 -4%;
    padding: 2rem 4%;
    border-top: 1rem solid #efefef;
  }

  .case-detail .detail-con .detail-foo {
    display: block;
    border-top: none;
    margin-top: 2rem;
  }

  .case-detail .detail-con .detail-foo .fk {
    width: 100%;
    padding: 4.5rem 0 3.5rem;
  }

  .case-detail .detail-con .detail-foo .fk .i-bg {
    max-width: 30%;
  }

  .case-detail .detail-con .detail-foo .fk h6 {
    font-size: 1.2rem;
  }

  .case-detail .detail-con .detail-foo .fk h5 {
    font-size: 1.5rem;
  }

  .case-detail .detail-con .detail-foo .foo-lf {
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
  }

  .case-detail .detail-con .detail-foo .foo-lf a {
    width: 8rem;
    line-height: 2.5rem;
    margin-top: 2.5rem;
  }

  .case-detail .detail-con .detail-foo .foo-rg {
    margin-top: 3rem;
  }

  .case-detail .detail-con .detail-foo .foo-rg a {
    margin-top: 2rem;
    font-size: 1rem;
  }

  .case-detail .wrap-cb {
    position: relative;
    top: -6rem;
    padding: 0 4%;
  }

  .website .web1 {
    padding: 2.5rem 4%;
  }

  .website .web1 ol {
    margin: 0;
    flex-wrap: wrap;
  }

  .website .web1 ol li {
    width: 50%;
    padding: 0;
    text-align: center;
    border: none;
  }

  .website .web1 ol li .ig {
    position: static;
    left: auto;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }

  .website .web1 ol li .ig img {
    max-width: 45%;
  }

  .website .web1 ol li .txt {
    display: none;
  }

  .website .web1 ol li h6 {
    margin-top: 1rem;
    padding: 0;
    border: none;
    font-size: 1.1rem;
    white-space: nowrap;
  }

  .website .web .web-title {
    font-size: 1.6rem;
    font-weight: bold;
  }

  .website .web3 {
    padding: 3rem 4%;
  }

  .website .web3 ul {
    display: block;
    margin-top: 2rem;
  }

  .website .web3 ul li {
    width: 100%;
    padding: 1rem 0 1.5rem;
    border-right: none;
  }

  .website .web3 ul li h6 {
    font-size: 1.3rem;
  }

  .website .web3 ul li .txt {
    margin-top: 1rem;
    font-size: 1rem;
    height: auto;
  }

  .website .web3 ul li:nth-child(n+4) {
    border-bottom: 1px solid #dcdddd;
  }

  .website .web4 {
    padding: 3rem 0;
    background: url("../images/wrap-sales.jpg") no-repeat center;
    background-size: cover;
  }

  .website .web4 .wrap-sales {
    margin-top: 4rem;
  }

  .website .web4 .wrap-sales ul {
    padding: 0 4%;
    white-space: nowrap;
    overflow-x: scroll;
    font-size: 0;
  }

  .website .web4 .wrap-sales ul::-webkit-scrollbar {
    display: none;
  }

  .website .web4 .wrap-sales ul li {
    padding: 2rem 1rem;
    width: 16rem;
    margin-right: 5px;
    margin-bottom: 5px;
    box-sizing: border-box;
    display: inline-block;
    background-color: #fff;
  }

  .website .web4 .wrap-sales ul li:nth-child(4),
  .website .web4 .wrap-sales ul li:last-child {
    margin-right: 0;
  }

  .website .web4 .wrap-sales ul .liner {
    display: inline-block;
    width: 2rem;
    height: 1px;
    background-color: #000;
  }

  .website .web4 .wrap-sales ul h6 {
    margin: 1rem 0;
    font-size: 1.1rem;
  }

  .website .web4 .wrap-sales ul p {
    font-size: 1rem;
    line-height: 1.75;
    white-space: normal;
  }

  .web-list .bx {
    padding: 0;
  }

  .web-list .bx .web-msg {
    padding: 3rem 8%;
  }

  .web-list .bx .web-msg h6 {
    padding-bottom: 1.8rem;
    font-size: 1.5rem;
  }

  .web-list .bx .web-msg .txt {
    margin-top: 2rem;
    font-size: 1rem;
  }

  .web-list .bx .web-msg .ico-ls {
    display: none;
  }

  .applet2 .applet-let-more a {
    width: 10rem;
    line-height: 3rem;
    border-radius: 3rem;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    -ms-border-radius: 3rem;
    -o-border-radius: 3rem;
  }
  .web-list .bx .wrap-web-img {
    padding: 0 8% 3rem;
  }

  .web-list .bx .wrap-web-img .act {
    margin-top: 3rem;
    text-align: center;
    font-size: 1rem;
  }

  .web-list .bx .wrap-web-img .act .act-bc {
    display: inline-block;
    overflow: hidden;
  }

  .web-list .bx .wrap-web-img .act span {
    float: left;
    font-size: 1rem;
    line-height: 2.5rem;
    text-align: center;
    width: 5rem;
  }

  .web-list .bx .wrap-web-img .cb1 {
    background-color: #000000;
    border-radius: 1.25rem 0px 0px 1.25rem;
    color: #fff;
    -webkit-border-radius: 1.25rem 0px 0px 1.25rem;
    -moz-border-radius: 1.25rem 0px 0px 1.25rem;
    -ms-border-radius: 1.25rem 0px 0px 1.25rem;
    -o-border-radius: 1.25rem 0px 0px 1.25rem;
  }

  .web-list .bx .wrap-web-img .cb2 {
    border-radius: 0px 1.25rem 1.25rem 0px;
    -webkit-border-radius: 0px 1.25rem 1.25rem 0px;
    -moz-border-radius: 0px 1.25rem 1.25rem 0px;
    -ms-border-radius: 0px 1.25rem 1.25rem 0px;
    -o-border-radius: 0px 1.25rem 1.25rem 0px;
    background-color: #fff;
  }

  .web-list:nth-child(2n) .bx {
    padding: 0;
  }

  .web-list:nth-child(2n) .bx .cb2 {
    background-color: #f3f3f3 !important;
  }

  .scrollbar_box {
    margin-top: 2rem;
    padding: 0 4%;
  }

  .scrollbar_box .scrollbar {
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.4);
  }

  .scrollbar_box .scrollbar span {
    position: relative;
    top: 0px;
    display: block;
    width: 45%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.8);
  }

  .app .app-dev {
    padding: 2.5rem 0;
  }

  .app .app-dev .title {
    font-size: 1.6rem;
    line-height: 1.75;
  }

  .app .app-dev .content {
    display: block;
    padding: 1rem 4%;
    margin-top: 3rem;
    white-space: nowrap;
    overflow-x: scroll;
  }

  .app .app-dev .content::-webkit-scrollbar {
    display: none;
  }

  .app .app-dev .content .item {
    display: inline-block;
    width: 65%;
    padding: 3rem 5%;
    margin-right: 4%;
    white-space: normal;
  }

  .app .app-dev .content .item img {
    max-width: 40%;
  }

  .app .app-dev .content .item h6 {
    margin: 2rem 0 2rem;
    font-size: 1.2rem;
  }

  .app .app-dev .content .item p {
    font-size: 1rem;
  }

  .app .app-dev .content .item:last-child {
    margin-right: 0;
  }

  .app .app-cs {
    padding: 0;
    margin: 8rem 0 0;
  }

  .app .app-cs #ImgUrl {
    display: none;
  }

  .app .app-cs .ig {
    position: relative;
    width: 60%;
    max-width: 60%;
    top: -5rem;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }

  .app #wrapImgUrl {
    padding: 1rem 4% 0;
    overflow-x: scroll;
    white-space: nowrap;
  }

  .app #wrapImgUrl span {
    display: inline-block;
    margin-right: 2rem;
    font-size: 1.2rem;
  }

  .app #wrapImgUrl span:last-child {
    margin-right: 0;
  }

  .app #wrapImgUrl::-webkit-scrollbar {
    display: none;
  }

  .app .app-ios-and {
    padding: 3rem 4%;
  }

  .app .app-ios-and .content {
    display: block;
  }

  .app .app-ios-and .content .item {
    width: 100%;
    padding: 3rem 0;
    margin-bottom: 10px;
  }

  .app .app-ios-and .content .item h6 {
    margin-top: 1.5rem;
    font-size: 1.4rem;
  }

  .service-process {
    padding-top: 3rem;
  }

  .service-process .title {
    font-size: 1.8rem;
  }

  .service-process .tips {
    padding: 0 4%;
    margin-top: 1.5rem;
    font-size: 1rem;
  }

  .service-process .tips br {
    display: none;
  }

  .service-process .content {
    margin-top: 3rem;
  }

  .service-process .content .f-cb {
    font-size: 0;
    white-space: nowrap;
    overflow-x: scroll;
    background: url(../images/icon/line.png) no-repeat left top 5.5rem;
  }
  .process-line {
    top: 5.5rem;
  }

  .service-process .content .f-cb::-webkit-scrollbar {
    display: none;
  }

  .service-process .content .f-cb li {
    float: none;
    display: inline-block;
    width: 6.6rem;
  }

  .service-process .content .f-cb li img {
    width: 50%;
  }

  .service-process .content .f-cb li .btn {
    width: auto;
  }

  .service-process .content .f-cb li .btn .light {
    width: 1.5rem;
    height: 1.5rem;
    margin: 2rem auto;
  }

  .service-process .content .f-cb li span {
    font-size: 1rem;
  }

  .service-process .content .f-cb li h6 {
    font-size: 16px;
  }

  .Case {
    padding: 5rem 4% 4rem;
  }

  .Case .title {
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 2.5rem;
  }

  .Case .item img {
    width: 100%;
  }

  .Case .item .info {
    padding: 1rem 0 0;
  }

  .Case .item .info h6 {
    font-size: 1.2rem;
  }

  .Case .item .info p {
    margin-top: 0.8rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #999;
  }

  .wrap-pagination {
    position: static;
    width: 100%;
    margin-top: 2rem;
    text-align: center;
  }

  .wrap-pagination .swiper-pagination-bullet {
    width: 30px;
    height: 2px;
    margin: 0 4px;
    opacity: 1;
    background-color: #b5b5b6;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
  }

  .wrap-pagination .swiper-pagination-bullet-active {
    background-color: #000;
  }

  .Advantage {
    padding: 1rem 4% 3rem;
  }

  .Advantage .title {
    font-size: 1.6rem;
  }

  .Advantage .des {
    padding: 2rem 0;
    width: 100%;
    font-size: 1rem;
  }

  .Advantage .works {
    display: flex;
    justify-content: space-between;
    font-size: 1rem;
  }

  .Advantage .works .num {
    margin-bottom: 1rem;
    font-size: 2.5rem;
  }

  .Advantage .img-group {
    width: 100%;
    padding: 1.5rem 0 2rem;
  }

  .Advantage .btn a {
    width: 8rem;
    height: 2.5rem;
    font-size: 1rem;
    line-height: 2.5rem;
  }

  #service .nav {
    display: none;
  }

  #service .interactive {
    width: 100%;
    padding: 4rem 4% 3rem;
    box-sizing: border-box;
  }

  #service .interactive .title {
    font-size: 1.6rem;
  }

  #service .interactive .c-swiper-container .slider {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }

  #service .interactive .c-swiper-container .tl {
    display: block;
    margin: 2rem 0;
    font-size: 1rem;
  }

  #service .interactive .Title-nav {
    margin-top: 2rem;
  }

  #service .interactive .Title-nav .titleSel {
    font-size: 1.2rem;
    line-height: 3.5rem;
    height: 3.5rem;
  }

  #service .procedure {
    padding: 4rem 0;
    height: auto;
  }

  #service .procedure .title {
    font-size: 1.6rem;
  }

  #service .procedure .subtitle {
    width: 90%;
    margin: 2rem auto 0;
    font-size: 1rem;
  }

  #service .procedure .wrap-sx {
    white-space: nowrap;
    overflow-x: scroll;
  }

  #service .procedure .wrap-sx::-webkit-scrollbar {
    display: none;
  }

  #service .procedure .sx {
    padding: 0 4%;
    margin-top: 3rem;
    width: fit-content;
  }

  #service .procedure .sx .item {
    width: 8rem;
    /* margin-right: 2rem; */
  }
  #service .procedure .sx .item img{
    width: 5rem;
  }
  #service .procedure .sx .item .to-next {
    width: 2.5rem;
    top: 2.5rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
  #service .procedure .sx .item:nth-child(1) .tl{
    width: 5rem;
    text-align: center;
  }

  #service .procedure .sx::after {
    left: 4%;
    top: 2.5rem;
  }

  #service .procedure .sx img {
    width: 80%;
    margin-bottom: 2rem;
  }

  #service .procedure .sx .tl {
    margin-bottom: 2rem;
    font-size: 1.2rem;
  }

  #service .procedure .sx .text1,
  #service .procedure .sx .text2 {
    font-size: 1rem;
  }

  #service .advantage {
    width: 100%;
    padding: 3rem 4% 2rem;
    box-sizing: border-box;
  }

  #service .advantage .title {
    font-size: 1.6rem;
  }

  #service .advantage .list {
    padding-top: 2rem;
  }

  #service .advantage .list .photo {
    width: 100%;
  }

  #service .advantage .list .info {
    position: static;
    top: auto;
    width: 100%;
    padding: 5% 5% 8%;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }

  #service .advantage .list .info .tl {
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.5;
  }

  #service .advantage .list .info .bar {
    margin: 1.5rem 0;
  }

  #service .advantage .list .info .des {
    display: block;
    width: 100%;
    font-size: 1rem;
  }

  #service .advantage .list .item {
    margin-bottom: 1rem;
  }

  #school .school-network-info {
    padding: 3rem 4%;
  }

  #school .school-network-info .title {
    font-size: 1.6rem;
  }

  #school .school-network-info .des {
    width: 95%;
    margin: 1.5rem auto 0;
    font-size: 1rem;
  }

  #school .school-network-info .plate {
    margin: 3rem -4% 0;
    padding: 1rem 4%;
    overflow-x: scroll;
    white-space: nowrap;
  }

  #school .school-network-info .plate::-webkit-scrollbar {
    display: none;
  }

  #school .school-network-info .plate .item {
    width: 48%;
    margin-right: 4%;
    padding: 1.5rem 1rem 1rem;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.06);
  }

  #school .school-network-info .plate .item img {
    max-width: 60%;
  }

  #school .school-network-info .plate .item .tl {
    font-size: 15px;
    line-height: 1.5;
  }

  #school .school-network-info .plate .item .bar {
    margin: 1rem auto;
  }

  #school .school-network-info .plate .item .num {
    font-size: 15px;
  }

  #school .publish {
    padding: 0 4% 4rem;
  }

  #school .publish .title {
    font-size: 1.6rem;
  }

  #school .publish .tab-bar {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 2rem;
  }

  #school .publish .tab-bar .item {
    width: 40%;
    margin-right: 0;
    margin-bottom: 1.3rem;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1rem;
  }

  #school .publish .wrap-cont .list {
    display: none;
    padding: 2rem 10% 0;
  }

  #school .publish .wrap-cont .list.cur {
    display: block;
  }

  #school .publish .wrap-cont .pk {
    margin-top: 3rem;
    font-size: 1rem;
    line-height: 3;
  }

  #school .publish .wrap-cont .pk p {
    position: relative;
    padding-left: 2rem;
  }

  #school .publish .wrap-cont .pk p::before {
    position: absolute;
    left: 0;
    top: 50%;
    content: '';
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: translateY(-50%);
    background-color: #1e67f6;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }

  #school .procedure {
    height: auto;
    padding: 4rem 6%;
    background: url("../images/wrap-gx-bg.jpg") no-repeat;
    background-size: cover;
  }

  #school .procedure .title {
    font-size: 1.6rem;
  }

  #school .procedure .cont {
    margin-top: 2rem;
  }

  #school .procedure .cont .item {
    height: auto;
    width: 100%;
    padding: 1.5rem 0;
    border-right: none;
    border-bottom: 1px solid #666;
  }

  #school .procedure .cont .item p {
    min-height: auto;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 2.5;
  }

  .Introduce {
    padding: 3rem 4%;
  }

  .Introduce .title {
    font-size: 1.6rem;
  }

  .Introduce .wrap-plate {
    padding: 1rem 0 2rem;
    text-align: center;
  }

  .Introduce .wrap-plate .tl {
    margin: 1rem 0;
    font-size: 1.2rem;
    font-weight: bold;
  }

  .Introduce .wrap-plate .des {
    width: 80%;
    margin: 0 auto;
    font-size: 1rem;
    line-height: 1.75;
    color: #999999;
  }

  .wrap-o2o-pagination {
    position: static;
    margin-top: 2rem;
  }

  .wrap-o2o-pagination .swiper-pagination-bullet {
    width: 33.33%;
    height: 1px;
    background-color: #dcdddd;
    opacity: 1;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
  }

  .wrap-o2o-pagination .swiper-pagination-bullet-active {
    background-color: #000;
  }

  #o2o .field {
    height: auto;
    padding-top: 0;
  }

  #o2o .field .left {
    padding: 0 4% 4rem;
    width: 100%;
    box-sizing: border-box;
  }

  #o2o .field .title {
    margin-bottom: 1rem;
    font-size: 1.6rem;
  }

  #o2o .field .des {
    font-size: 1rem;
    color: #999;
    line-height: 1.75;
  }

  #o2o .field .wrap-o2o-tel {
    margin: 0 -4%;
  }

  #o2o .field .wrap-o2o-tel img {
    width: 100%;
  }

  #o2o .field .list {
    width: 100%;
    padding-top: 2rem;
  }

  #o2o .field .list .item {
    margin-bottom: 2rem;
    font-size: 1rem;
  }

  #o2o .field .list .item .photo {
    margin-bottom: 1rem;
  }

  #o2o .field .wrap-more {
    text-align: center;
  }

  #o2o .field .wrap-more a {
    display: inline-block;
    width: 10rem;
    height: 3rem;
    margin-top: 2rem;
    line-height: 3rem;
    font-size: 1rem;
    border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    -ms-border-radius: 1.5rem;
    -o-border-radius: 1.5rem;
  }

  .case-service {
    padding: 3rem 4% 2rem;
  }

  .case-service .title {
    font-size: 1.6rem;
  }

  .case-service .tips {
    margin-top: 1.5rem;
    padding: 0 2%;
    font-size: 1rem;
    line-height: 1.75;
  }

  .case-service .content {
    margin-top: 3rem;
    flex-wrap: wrap;
  }

  .case-service .content .list {
    width: 100%;
    padding: 6%;
    margin-bottom: 1rem;
    margin-right: 0;
  }

  .case-service .content .list .info h6 {
    font-size: 1.2rem;
  }

  .case-service .content .list .info .txt {
    margin-top: 0.5rem;
    font-size: 1rem;
    line-height: 1.75;
  }

  .case-service .content .list .ig {
    width: 3rem;
  }

  .four-section {
    display: block;
  }

  .four-section .item {
    border-right: none;
    border-bottom: 1px solid #fff;
  }

  .four-section .item>img {
    width: 100%;
  }

  .four-section .item .mg h6 {
    padding-bottom: 1.5rem;
    font-weight: normal;
    font-size: 1.4rem;
  }

  .four-section .item .mg h6::after {
    height: 1px;
    width: 40px;
  }

  .four-section .item .mg>img {
    width: 3rem;
    max-width: 55px;
    height: auto;
  }

  .wrap-service-process .content .f-cb {
    background: url(../images/icon/line.png) no-repeat left top 5rem;
  }
  .wrap-service-process .content .process-line {
    top: 5rem;
  }

  .wrap-service-process .content .f-cb li {
    width: 40%;
  }

  .wrap-service-process .content .f-cb li img {
    width: 35%;
  }

  .wrap-service-process .content .f-cb li .btn .light {
    margin: 1rem auto;
  }

  .wrap-service-process .content .f-cb li .btn p {
    padding: 0 4%;
    white-space: normal;
  }

  #online-retailers .distribution .main1 .title {
    padding: 2.5rem 4%;
    font-size: 1.6rem;
    line-height: 1.75;
  }

  #online-retailers .distribution .main1 .plate {
    padding: 0 4%;
  }

  #online-retailers .distribution .main1 .plate .item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 5% 6%;
    margin-bottom: 1rem;
    border-radius: 6px;
    text-align-last: left;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
  }

  #online-retailers .distribution .main1 .plate .item::before {
    height: 0;
    width: 2px;
  }

  #online-retailers .distribution .main1 .plate .item:hover::before {
    width: 2px;
    height: 100%;
  }

  #online-retailers .distribution .main1 .plate img {
    max-width: 6rem;
  }

  #online-retailers .distribution .main1 .plate .tl {
    font-size: 1.2rem;
    font-weight: bold;
    margin: 0 0 10px;
    text-align: left;
  }

  #online-retailers .distribution .main1 .plate .des {
    width: auto;
    font-size: 1rem;
    line-height: 1.75;
  }

  #online-retailers .distribution .main1 .plate .pk {
    padding-left: 1rem;
  }

  #online-retailers .distribution .main2,
  #online-retailers .distribution .main3 {
    padding: 3rem 4%;
    box-sizing: border-box;
  }

  #online-retailers .distribution .main2 .left,
  #online-retailers .distribution .main3 .left {
    margin: 0;
    width: 100%;
    text-align-last: auto;
  }

  #online-retailers .distribution .main2 .title,
  #online-retailers .distribution .main3 .title {
    font-size: 1.6rem;
    line-height: 1.75;
  }

  #online-retailers .distribution .main2 .bar,
  #online-retailers .distribution .main3 .bar {
    margin: 1rem 0 2rem;
  }

  #online-retailers .distribution .main2 .des,
  #online-retailers .distribution .main3 .des {
    font-size: 1rem;
    line-height: 1.75;
    text-align: left;
  }

  #online-retailers .distribution .main2 .wrap-more,
  #online-retailers .distribution .main3 .wrap-more {
    text-align: center;
  }

  #online-retailers .distribution .main2 .wrap-more .btn,
  #online-retailers .distribution .main3 .wrap-more .btn {
    display: inline-block;
    width: 10rem;
    height: 3rem;
    margin-top: 2rem;
    line-height: 3rem;
    font-size: 1rem;
    border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    -ms-border-radius: 1.5rem;
    -o-border-radius: 1.5rem;
  }

  #online-retailers .distribution .main3 {
    text-align-last: auto;
  }

  #online-retailers .distribution .main3 .left {
    min-width: auto;
  }

  #online-retailers .distribution .main3 .left img {
    padding: 0 10%;
    box-sizing: border-box;
  }

  #online-retailers .distribution .main3 .right {
    width: 100%;
    margin: 0;
  }

  #online-retailers .distribution .main3 .btn {
    display: none;
  }

  #online-retailers .distribution .main3 .text {
    margin-top: 3rem;
    height: auto;
  }

  #online-retailers .distribution .main3 .text p {
    display: block;
    min-height: auto;
    padding: 1rem 0;
    font-size: 1rem;
    line-height: 1.75;
  }

  #online-retailers .distribution .main3 .item {
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    font-size: 1rem;
  }

  #online-retailers .distribution .main3 .item:nth-child(1) {
    top: 30%;
    left: 0;
  }

  #online-retailers .distribution .main3 .item:nth-child(2) {
    top: 15%;
    left: 30%;
  }

  #online-retailers .distribution .main3 .item:nth-child(3) {
    top: -4%;
    left: 60%;
  }

  #online-retailers .distribution .main3 .item:nth-child(4) {
    top: 42%;
    left: 77%;
  }

  #online-retailers .lbfx {
    padding: 3rem 4%;
  }

  #online-retailers .lbfx .title {
    font-size: 1.6rem;
    line-height: 1.75;
  }

  #online-retailers .lbfx .subtitle {
    font-size: 1rem;
    line-height: 2.5;
  }

  #online-retailers .lbfx .cont {
    padding-top: 1rem;
  }

  #online-retailers .lbfx .cont .item {
    padding: 4%;
    width: 48%;
    margin-right: 4%;
    margin-top: 1rem;
  }

  #online-retailers .lbfx .cont .item:nth-child(2n) {
    margin-right: 0;
  }

  #online-retailers .lbfx .cont .item .tl {
    padding: 10px 0;
    font-size: 15px;
    line-height: 1;
  }

  #online-retailers .lbfx .cont .item .des {
    width: 100%;
    font-size: 12px;
    line-height: 1.75;
  }

  #dynamic {
    padding-bottom: 20px;
  }

  #dynamic .nav {
    margin-top: 1rem;
    padding: 0 4%;
    box-sizing: border-box;
  }

  #dynamic .Title-nav {
    display: flex;
    justify-content: space-between;
  }

  #dynamic .Title-nav .titleSel {
    height: 3.5rem;
    line-height: 3.5rem;
    margin: 0;
    font-size: 15px;
  }

  #dynamic .ad {
    padding: 2rem 4% 1rem;
    box-sizing: border-box;
    background-color: #fff;
  }

  #dynamic .ad .photo {
    width: 100%;
  }

  #dynamic .ad .info {
    padding: 0;
    width: 100%;
    margin-left: 0;
  }

  #dynamic .ad .info .name {
    margin: 10px 0 0;
    font-size: 15px;
    line-height: 1.75;
  }

  #dynamic .ad .info .des {
    display: none;
  }

  #dynamic .ad .info .t {
    font-size: 12px;
  }

  #dynamic .list {
    padding: 0 4%;
    box-sizing: border-box;
  }

  #dynamic .list .item {
    width: 100%;
    padding-bottom: 15px;
    margin-right: 0;
    margin-top: 15px;
  }

  #dynamic .list .item h6 {
    margin: 10px 0 5px;
    height: auto;
  }

  #dynamic .list .item .name {
    width: 100%;
    min-height: auto;
    font-size: 15px;
    line-height: 1.75;
  }

  #dynamic .list .item .t {
    font-size: 12px;
  }

  #dynamic .list .item img {
    width: 100%;
  }

  #dynamic .list .item .photo {
    display: block;
  }

  .group-box {
    justify-content: space-between;
  }

  .group-box .group {
    width: 48%;
    margin-right: 0;
  }

  .group-box .group h5 {
    font-size: 1.2rem;
  }

  .group-box .group p {
    font-size: 1rem;
  }

  #school .publish .cont {
    margin-top: 0;
  }

  .honor {
    padding: 0 4% 2rem;
  }

  .honor .content {
    margin-top: 1.4rem;
  }

  .applet1 {
    padding: 2rem 4%;
  }

  .applet1 .title h4 {
    font-size: 1.6rem;
  }

  .applet1 .title .tips {
    margin-top: 1rem;
    font-size: 1.2rem;
  }

  .applet1 .plate {
    margin-top: 2rem;
    flex-wrap: wrap;
  }

  .applet1 .plate .item {
    width: 48%;
    padding: 2rem 1rem;
    margin-bottom: 1rem;
  }

  .applet1 .plate .item img {
    max-width: 60%;
  }

  .applet1 .plate .item h6 {
    margin-top: 1.5rem;
    font-size: 1rem;
  }

  .applet2 .web-list .bx .up-down {
    margin-top: 0;
  }

  .applet3 {
    padding: 3rem 0;
  }
  .applet3 a {
    line-height: 45px;
  }
  .applet4 {
    padding: 3rem 4%;
  }

  .applet4 .title h4 {
    font-size: 1.6rem;
  }

  .applet4 .content {
    margin-top: 2.5rem;
  }

  .applet4 .ap-step {
    display: block;
  }

  .applet4 .ap-step .item {
    width: 100%;
    padding: 10%;
    margin-bottom: 1rem;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    height: 18rem;
    white-space: normal;
  }

  .applet4 .ap-step .item h5 {
    margin-top: 1rem;
    font-size: 1.2rem;
  }

  .applet4 .ap-step .item .txt {
    margin-top: 1rem;
    font-size: 1rem;
  }

  .talk-with-us {
    margin-top: 3rem;
  }

  .talk-with-us a {
    width: 100%;
  }

  .banner .banner-txt2 h3 {
    display: flex;
    justify-content: space-between;
  }

  .banner .banner-txt2 .txt {
    letter-spacing: 10px;
  }

  .web-list:nth-child(2n) .bx .web-msg {
    padding: 3rem 8%;
  }

  .pop-ma {
    right: 50%;
    bottom: 0;
    margin-right: -90px;
  }

  .web-list:nth-child(2n) .pop-ma {
    left: auto;
    right: 50%;
    bottom: 0;
    margin-right: -90px;
  }

  .website .web1 ol li>div {
    padding: 3rem 0 1rem;
    border: none;
  }
  .Advantage .btn {
    padding: 2px 0;
  }

  .case .cont li a,
  .case .cont ol {
    margin: 0;
  }
  .case .cont li p {
    height: auto;
  }
  #dynamicDetail {
    padding: 4rem 4%;
    margin-top: 0;
  }
  #dynamicDetail .detail-title {
    padding-bottom: 2rem;
  }
  #dynamicDetail .detail-title .tt {
    font-size: 1.6rem;
  }
  #dynamicDetail .detail-title .other-msg {
    margin-top: 2rem;
  }
  #dynamicDetail .detail-title .other-msg span {
    padding: 0 20px;
  }
  #dynamicDetail .detail-title .other-msg .share {
    display: none;
  }
  #dynamicDetail .detail-title .other-msg .uptime {
    border-right: none;
  }
  #dynamicDetail .detail-content{
    padding: 2rem 0;
  }
  #dynamicDetail .pre-next .go-back {
    position: static;
    margin-top: 2rem;
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;

  }
  #dynamicDetail .pre-next .same-page a {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  #dynamicDetail .pre-next {
    font-size: 15px;
  }
  #dynamicDetail .pre-next .same-page {
    margin-top: 20px;
  }
  #service .procedure .sx .to-next {
    left: 5.3rem;
  }
  #service .procedure .sx .text-box {
    width: 90%;
    overflow: hidden;
  }
  #service .procedure .sx::after{
    width: 88%;
  }
  #problem {
    width: 100%;
    padding: 3rem 4% 2rem;
    box-sizing: border-box;
  }
  #problem .problem-nav {
    width: 100%;
    float: none;
    white-space: nowrap;
    overflow-x: scroll;
    font-size: 0;
  }
  #problem .problem-nav a {
    display: inline-block;
    width:36%;
    padding: 0;
    text-align: center;
    font-size: 16px;
    line-height: 36px;
    font-weight: normal;
  }
  #problem .problem-content {
    width: 100%;
    float: none;
  }
  #problem .problem-list .item {

    margin-bottom: 0;
    width: 100%;
    margin-right: 0;
    padding: 1.5rem 0;
  }
  #problem .problem-list .item:first-child {
    margin-top: 2rem;
  }

  body {
    padding-bottom: 40px;
  }

  .m-block {
    display: block;
  }

  .bot-fix {
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ff5e1e;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 10001;
  }

  .bot-fix .li {
    width: 33.3%;
    text-align: center;
    cursor: pointer;
    position: relative;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
  }

  .formBox {
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
    padding: 3%;
    background: #ff5e1e;
    z-index: 10002;
  }

  .innerBox {
    margin: 0 auto;
    padding: 1.3rem 5.5% 1.4rem;
    /* width: 95%; */
    background: #ffffff;
  }

  .formList label {
    position: relative;
    display: block;
    margin-bottom: 2rem;
    text-align: center;
    font-size: 1.4rem;
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  }

  .formList label span {
    position: absolute;
    top: 0.2rem;
    right: 2rem;
    display: block;
    color: #525252;
    font-size: 1.3rem;
    vertical-align: middle;
  }

  .formList input {
    box-sizing: border-box;
    display: block;
    margin: 1rem auto;
    padding: 0.6rem 0 0.6rem 1.5rem;
    width: 100%;
    color: #333333;
    font-size: 1.2rem;
    border: 1px solid #999;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
  }
  .formSubmit {
    margin-top: 1.5rem;
  }
  .formSubmit input {
    display: inline-block;
    padding: 0.5rem 2rem;
    background: #ff5e1e;
    color: #ffffff;
    font-size: 1.2rem;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
  }
  .formSubmit span {
    padding-left: 1.2rem;
    font-size: 0.8rem;
    color: #ff5e1e;
  }
}