@media screen and (max-width: 576px) {
  .wap-menu .logo {
    width: 100px;
  }
  .wap-menu .btn {
    font-size: 0.5em;
  }
  
  .index .section h1 {
    font-size: 2em;
  }
  .index .section1 {
    padding-top: 80px;
    padding-bottom: 450px;
    background-position: -120px;
  }
  .index .section1 p {
    font-size: 1em;
  }
  .index .section1 a {
    font-size: 1em;
  }

  .index .section2 .box p {
    font-size: 12px;
  }

  .index .section4 .container {
    position: unset;
  }
  .index .section4 .swiper-button-prev {
    left: 0;
  }
  .index .section4 .swiper-button-next {
    right: 0;
  }

  .index .section5 h3 {
    font-size: 1em;
  }
  .index .section5 p {
    font-size: 1em;
  }
  .index .section5 p.title {
    font-size: 1.5em;
    margin-bottom: 0.2em;
  }

  .index .section6 h1 {
    font-size: 1.2em;
  }
  .index .section6 p {
    font-size: 1em;
  }
  .index .section6 span {
    font-size: 0.8em;
  }
  .index .section6 span::before {
    right: 150px;
  }

  .index .section7 {
    padding: 3em 0;
  }
  .index .section7 .box p {
    font-size: 1em;
  }
  .index .section7 .box h1 {
    font-size: 3em;
  }
  
  footer {
    padding: 3em 0;
  }
  footer .left {
    /* text-align: center; */
  }
  footer .middle a {
    /* font-size: 0.5em; */
  }
  footer .left .info {
    padding-top: 40px;
    margin-top: 0.5rem;
  }
  footer .left p {
    /* font-size: 0.5em; */
    text-align: center;
  }
  footer .copyright {
    font-size: 0.5em;
  }
  

  .bottom-buttons a.btn {
    font-size: 12px;
  }

  .product .section1 {
    padding-top: 100px;
    padding-bottom: 50px;
  }
  .product .section1 h1 {
    font-size: 2em;
    font-weight: bolder;
  }
  .product .section1 h3 {
    font-size: 1em;
    font-family: 'HanSansCN-Bold';
    font-weight: bolder;
  }
  .product .section1 p {
    font-size: 1em;
    font-family: 'HanSansCN-Normal';
  }
  .product .section1 a {
    font-size: 1.5em;
  }

  .product .section3 h1 {
    font-size: 2em;
  }
  .product .section3 h3 {
    font-size: 1.2em;
    
  }
  .product .section3 p {
    font-size: 1em;
  }

  /* about */
  .service .section1 {
    padding-top: 0;
    padding-bottom: 0;
    background-position: top;
    background-size: 100%;
    background-color: #0049e4;
  }
  .service .section1 .box {
    margin-top: 22em;
  }
  .service .section1 .box h1 {
    font-size: 1.5em;
  }
  .service .section1 .box p {
    font-size: 1em;
  }
  .about .section2 h3 {
    font-size: 2em;
  }
  .about .section2 .text {
    height: 80px;
  }
  .about .section2 .text p {
    font-size: 1em;
  }
  .about .section3 .box {
    padding: 2em 0;
  }
  .about .section3 h1 {
    font-size: 1.5em;
  }
  .about .section3 p {
    font-size: 1em;
  }

  .search .result .box {
    width: 100%;
    padding: 1em;
  }

  .search .section1 .box h1 {
    font-size: 1.5em;
  }
  .search .section1 .box .form {
    width: 100%;
  }
  .search .section1 .box input {
    height: 50px;
  }
  .search .section1 .box .form img {
    width: 15px;
    height: 15px;
    top: 18px;
  }
  .search .section1 .box .form button {
    height: 50px;
    font-size: 1em;
  }
  .search .result .box .cancel {
    width: 15px;
    height: 15px;
    right: 5px;
    top: 5px;
  }
  .search .result {
    padding: 0 10px;
  }
  .search .result .box .pics .info {
    bottom: 3em;
  }

  .apply .section1 .box .form {
    padding: 1.5em 1em;
  }
  .apply .section1 .box .button  {
    width: 80%;
  }
  
  .apply .section1 .box {
    margin-top: 20vh;
    margin-bottom: 20vh;
  }
  .section1 .box select {
    padding: 0.8em 0.6em !important
  }
}