@media screen and (max-width: 1200px) {
  .banner .content-tit {
    font-size: 2.874rem;
  }
  .banner .content-mintit {
    font-size: 1.486rem;
  }
  .banner .banner-content {
    top: 43.24%;
    text-align: center;
  }
  .banner .banner-content .content-tit {
    margin-bottom: 3.2%;
  }
  .us-box .us {
    width: 93.6%;
    display: block;
  }
  .us-box .us .us-left {
    width: 100%;
    margin-bottom: 9.83%;
  }
  .us-box .us .us-left .img-box {
    width: 95.86%;
  }
  .us-box .us .us-left .gray-block {
    width: 95.86%;
    height: 100%;
    top: 6.93%;
    left: 4.14%;
  }
  .us-box .us .us-content {
    width: 100%;
    padding: 0;
  }
  .service-box {
    margin-top: 47.2%;
  }
  .service-box .mask-buttom {
    width: 88.4%;
    top: -12.02%;
    left: 5.6%;
  }
  .service-box .mask-buttom ul {
    display: flex;
    flex-wrap: wrap;
    position: relative;
  }
  .service-box .mask-buttom ul .mask-buttom-li {
    width: 48%;
    padding: 12.6% 0;
  }
  .service-box .mask-buttom ul .line {
    position: absolute;
    width: 0.2rem;
  }
  .service-box .mask-buttom ul .line-1 {
    height: 33%;
    opacity: 1;
    top: 9%;
  }
  .service-box .mask-buttom ul .line-2 {
    opacity: 1;
    width: 33%;
    height: 0.2rem;
    right: 10%;
  }
  .service-box .mask-buttom ul .line-3 {
    height: 33%;
    opacity: 1;
    bottom: 9%;
  }
  .service-box .mask-buttom ul .line-4 {
    position: absolute;
    left: 10%;
    display: block;
    width: 33%;
    height: 0.2rem;
    background: #D8D8D8;
  }
  .service-box .item-top {
    padding: 69.33% 0 8%;
  }
  .service-box .service {
    width: 92.6%;
    padding-bottom: 11.47%;
    flex-wrap: wrap;
  }
  .service-box .service .service-item {
    width: 48.38%;
    padding-bottom: 62.2%;
  }
  .service-box .service .service-item:nth-child(n-2) {
    margin-bottom: 3.17%;
  }
  .service-box .service .service-item:nth-child(n-2) .service-text {
    width: 72.05%;
  }
  .service-box .service .service-item:nth-child(n+3) .service-text {
    width: 80.2%;
  }
  .culture-box .culture {
    width: 93.6%;
    padding: 4.4% 0;
    flex-wrap: wrap;
  }
  .culture-box .culture .cul-tab {
    width: 93%;
    margin: 0 auto;
    order: 1;
  }
  .culture-box .culture .cul-tab-item {
    margin-bottom: 9.2%;
  }
  .culture-box .culture .img-box {
    width: 100%;
    margin-bottom: 5.7%;
  }
  .culture-box .swiper-container-box {
    display: none;
  }
  .development-box {
    display: none;
  }
  .cooperate-box {
    padding: 10.67% 5.33%;
  }
  .cooperate-box .cooperate {
    grid-template-columns: repeat(3, 28.5%);
  }
  .cooperate-box .cooperate .cooperate-item:not(:nth-child(n+13)) {
    margin-bottom: 17.22%;
  }
}