@media screen and (max-width: 1024px) {
  .main-in {
    width: 90%;
  }

  .index {
    padding-top: 80px;
  }
  .index .product {
    top: -20px;
    position: relative;
  }
  .index .product a {
    width: 100%;
    margin-top: 20px;
  }
  .index .product a:first-child {
    margin: 0;
  }
  .index .recomment {
    padding-top: 20px;
  }
  .index .recomment .nav {
    margin: 20px;
  }
  .index .recomment .productimg {
    width: calc(100% - 20px);
  }
  .index .recomment .productimg a .hover {
    position: relative;
    opacity: 1;
    height: auto;
  }
  .index .recomment .productimg a .hover .in {
    top: 0;
  }
  .index .recomment .productimg a .hover .in .more {
    display: none;
  }
  .index .recomment .productimg a .hover .in .title {
    margin: 20px 0;
  }
  .index .txt {
    margin: 20px;
  }
  .index .txt .info {
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .index .txt .info p {
    height: auto;
  }
  .index .content {
    background: #f3f3f3;
  }
  .index .content .back {
    display: none;
  }
  .index .content .main-in {
    flex-wrap: wrap;
  }
  .index .content .main-in .c-form {
    margin: 20px 0 0;
  }
  .index .news {
    padding: 20px;
    box-shadow: none;
  }
  .index .news .list .new {
    width: 100%;
    margin-bottom: 20px;
  }

  .all-product .list a {
    width: 100%;
  }

  .product .link {
    margin: 20px 0 40px;
  }
  .product .list .content {
    margin: 0;
    width: 100%;
  }
  .product .list .content a {
    width: 100%;
    margin-bottom: 20px;
  }

  .news .new .flex {
    display: block;
  }
  .news .new .flex img {
    width: 100%;
  }
  .news .new .flex .info {
    padding: 5%;
  }
  .news .new .flex .info .title {
    margin: 10px 0 0;
  }
  .news .new .flex .info .desc {
    display: none;
  }

  .message .form form, .message .form img {
    width: 100%;
    margin: 0;
  }

  .about .brand .title {
    font-size: 30px;
    line-height: 1.5;
  }
  .about .brand .info {
    width: 100%;
  }
  .about .brand .video {
    background: no-repeat;
  }
  .about .brand .video video {
    margin: 0;
    width: 100%;
  }
  .about .honor .left, .about .honor .swiper {
    width: 100%;
  }
  .about .honor .left {
    text-align: center;
  }
  .about .honor .swiper {
    margin-top: 20px;
  }

  .productview .top {
    flex-wrap: wrap;
  }
  .productview .top .exzoom {
    width: 100%;
  }
  .productview .top .info {
    width: 100%;
  }
  .productview .top .info .title {
    margin-top: 20px;
  }
  .productview .top .info .info {
    margin: 10px 0;
  }
  .productview .maininfo {
    width: 100%;
  }

  .footer {
    padding: 0;
    text-align: center;
  }
  .footer .main-in {
    width: 100%;
  }
  .footer .top {
    display: block;
    padding: 20px 0;
  }
  .footer .top .nav {
    margin: 10px auto;
    border: none;
    width: 90%;
  }
  .footer .top .nav a {
    text-align: center;
  }
  .footer .top .qr {
    display: none;
  }
  .footer .copyright {
    display: block;
    padding: 10px 0;
    margin: 0;
    line-height: 1.5;
  }
}