@media screen and (max-width: 640px) and (min-width: 0px) {
  .box2 {
    display: -webkit-flex;
    flex-direction: column;
  }

  .productListBox {
    display: flex;
    flex-direction: column;
  }

  .productList {
    overflow: hidden;
  }

  .productList a {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
  }

  .productList .img {
    position: relative;
    width: 100%;
    height: 300px;
  }

  .productList .img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .productList .text {
    bottom: auto;
    top: auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

.productListBox .cur .text {
    bottom: 0;
    top: 0;
    width: 350px;
    margin: 0 auto;
}

  .box3 .box3Top {
    display: flex;
    position: relative;
    flex-direction: column;
  }

  .box3Top>div {
    width: 100% !important;
  }

  .aboutRight {
    margin: 45px 0;
  }
}

@media screen and (max-width: 400px) and (min-width: 0px) {}