@media (max-width: 1023px) {
  main {
    background: #fff;
    width: 100%;
    margin: 0;
    padding: 0;
    /* min-height: 78.3vh; */
    min-height: calc(100vh - 118px - 85px);
  }
  .company-box {
    padding: 20px 25px;
  }
  .company-box ul li {
    font-size: 12px;
  }
  .content-box {
    /* padding: 33px 25px; */
    padding: 15px 32px;
  }
  .client-container .title {
    font-size: 15px;
    margin-bottom: 15px;
  }
  .client-container .title::after {
    width: 20px;
    height: 1px;
    top: 25px;
  }
  .client-container .logo-box {
    /* margin: 0 -25px; */
    width: 100%;
  }

  .logo-box .right-logo .logo-item {
    /* width: 77px;
    height: 80px; */
    min-height: 100px;
    /* min-width: 110px; */
  }
  .logo-box .right-logo .logo-item img {
    /* width: 80%; */
    /* filter: grayscale(0);
    -webkit-filter: grayscale(0); */
  }
  .client-container {
    margin-bottom: 0;
  }

  .logo-box .right-logo .logo-item.ysl img {
    width: 40%;
  }

  body footer {
    padding: 35px 25px 25px 25px;
    letter-spacing: 0;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
  }

  .foot-left {
    display: block !important;
  }
  .md-index-content {
    display: block;
  }

  .md-swiper-img {
    display: block;
  }
  .pc-swiper-img {
    display: none;
  }
  .swiper-slide:hover .linkBtn {
    width: 90px;
  }
  .md-header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .relation {
    margin: 0 !important;
  }
  .qr-code {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .logo-box .right-logo .logo-item {
    width: 25%;
  }

  /* .logo-box .right-logo .logo-item {
    border-right: 1px solid #fff;
  }
  .logo-box .right-logo .logo-item {
    width: 50%;
  }

  .logo-box .right-logo {
    justify-content: flex-start;
  } */
}
@media (max-width: 585px) {
  .logo-box .right-logo .logo-item {
    width: 33%;
  }
}
@media (max-width: 425px) {
  .logo-box .right-logo .logo-item {
    border-right: 1px solid #fff;
  }
  .logo-box .right-logo .logo-item {
    width: 50%;
  }

  .logo-box .right-logo {
    justify-content: flex-start;
  }
}
/* @media (max-width: 360px) {
  .logo-box .right-logo {
    justify-content: center;
  }
} */