@media (max-width: 600px) {
  * {
    transition: all 0.25s ease-out;
  }
  .fluid-container {
    max-width: 100%;
    min-width: 100%;
  }
  .content-container {
    width: 100%;
  }
  .nav {
    padding-left: 0.16rem;
    padding-right: 0.12rem;
  }
  .nav ul li {
    padding: 0 0.12rem;
  }
  .main-box {
    flex-direction: column;
    align-items: center;
  }
  .main-box .intro {
    margin-top: 12vw;
  }
  .main-box .phone > img {
    width: 90vw;
    height: auto;
  }

  .feat-list {
    flex-direction: column;
    align-items: center;
  }
  .feat-list .feat-item {
    width: 90vw;
  }
  .feat-list .feat-item + .feat-item {
    margin-top: 2vw;
  }
  .feat-list .feat-item .feat-desc {
    font-size: 12px;
  }

  .slogan {
    padding: 0 12vw;
    margin-top: 12vw;
  }
  .slogan .slogan-text {
    line-height: 1.5;
  }

  .footer .copyright {
    display: block;
    margin-bottom: 2vw;
  }
  .footer, .footer .copyright, .footer a {
    font-size: 12px;
    line-height: 1;
  }
}