.banner img.pc {
  display: block !important;
}
@media (min-width: 1920px) {
  .main .about2,
  .main .about3,
  .main .power,
  .main .product1,
  .main .product2,
  .main .app .list,
  .main .map,
  .main .contacts {
    background-size: 100% auto;
  }
  .index .about,
  .index .profession,
  .index .recommended,
  .index .products,
  .index .global,
  .index .news {
    background-size: 100% auto;
  }
}
@media (min-width: 1241px) and (max-width: 1500px) {
  .w {
    max-width: 1240px;
  }
  html {
    font-size: 14px;
    --f14: 14px;
    --f18: 16px;
    --f20: 18px;
    --f22: 20px;
    --f28: 22px;
    --f32: 28px;
    --h-32: -28px;
    --f40: 30px;
    --f50: 40px;
    --f60: 50px;
    --f65: 55px;
    --f70: 60px;
    --f80: 70px;
    --f110: 100px;
    --f130: 110px;
    --f140: 120px;
    --f160: 130px;
    --h20: 20px;
    --h30: 30px;
    --h40: 40px;
    --h50: 50px;
    --h80: 80px;
    --h100: 100px;
    --h150: 150px;
    --h200: 200px;
    --h350: 350px;
    --h-200: -150px;
    --ffb: "Futura Md BT Bold";
    --ff: "Futura Md BT";
    --w500: 440px;
    --w640: 540px;
    --w670: 570px;
    --t60: 50px;
    --t130: 100px;
  }
}
@media (min-width: 1025px) and (max-width: 1240px) {
  .w {
    max-width: 1024px;
  }
  html {
    font-size: 12px;
    --f14: 14px;
    --f18: 16px;
    --f20: 18px;
    --f22: 20px;
    --f28: 20px;
    --f32: 22px;
    --h-32: -22px;
    --f40: 28px;
    --f50: 30px;
    --f60: 35px;
    --f65: 42px;
    --f70: 48px;
    --f80: 50px;
    --f110: 70px;
    --f130: 80px;
    --f140: 90px;
    --f160: 100px;
    --h20: 20px;
    --h30: 25px;
    --h40: 30px;
    --h50: 40px;
    --h80: 50px;
    --h100: 80px;
    --h150: 100px;
    --h160: 100px;
    --h200: 150px;
    --h300: 200px;
    --h-300: -200px;
    --h350: 350px;
    --h-200: -150px;
    --ffb: "Futura Md BT Bold";
    --ff: "Futura Md BT";
    --w230: 200px;
    --w400: 300px;
    --w500: 400px;
    --w640: 540px;
    --w670: 570px;
    --t60: 40px;
    --t130: 70px;
  }
}
@media (max-width: 1024px) {
  .banner img.pc {
    display: none !important;
  }
.banner .w .tab .flex{
width:50%
}
  .w {
    max-width: 95%;
    padding: 0 2.5%;
  }
  body {
    font-size: 14px;
  }
  html {
    --f14: 14px;
    --f18: 0.4rem;
    --f20: 0.5rem;
    --f22: 0.6rem;
    --f28: 0.7rem;
    --f32: 0.7rem;
    --h-32: -0.7rem;
    --f40: 0.7rem;
    --f50: 1rem;
    --f60: 0.9rem;
    --f65: 0.9rem;
    --f70: 0.9rem;
    --f80: 0.9rem;
    --f110: 1rem;
    --f130: 1.2rem;
    --f140: 1.1rem;
    --f160: 1.1rem;
    --h20: 20px;
    --h30: 30px;
    --h40: 0.6rem;
    --h50: 0.6rem;
    --h80: 0.8rem;
    --h100: 1.2rem;
    --h150: 1.5rem;
    --h160: 1.5rem;
    --h200: 1.5rem;
    --h250: 1.5rem;
    --h300: 2rem;
    --h350: 2rem;
    --h-200: -1rem;
    --h-300: -4rem;
    --ffb: "Futura Md BT Bold";
    --ff: "Futura Md BT";
    --w230: 200px;
    --w400: 0;
    --w640: 100%;
    --w670: 100%;
    --w60: 100%;
    --w45: 100%;
    --w48: 100%;
    --w32: 100%;
    --hm: 0.5rem;
    --t60: 0.9rem;
    --t130: 1.2rem;
  }
  .home-swiper .swiper-pagination {
    bottom: 10px;
  }
  .index .recommended .swiper-slide p {
    width: 100%;
  }
  .index .recommended .swiper-slide .img {
    position: relative;
    right: 0;
    bottom: 0;
    margin-top: var(--t60);
    width: 100%;
  }
  .banner {
    --f28: 0.6rem;
    background: top center;
    background-size: auto 100%;
  }
  .banner .w .t {
    padding: 0.5rem 1rem;
  }
  .banner .tb {
    margin-top: 0.5rem;
  }
  .banner .info {
    position: relative;
    padding-top: 4rem;
  }
  .banner .info h2 .search {
    display: none;
  }
  .index .about .w .left p {
    display: inline;
    margin-right: 10px;
  }
  .index .news .list .info ul li {
    display: none;
  }
  .index .news .list .info ul li:first-child {
    display: block;
  }
  .main .product1 h1 {
    --f130: 1rem;
  }
  .main .product1 .view .view-swiper {
    width: 100%;
  }
  .main .product1 .view .view-swiper .swiper-slide {
    padding-top: 70%;
  }
  .main .product1 .view .button {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0;
  }
  .main .product1 .view .button a {
    width: 45%;
    font-size: 14px;
  }
  .main .product2 {
    --h300: 4rem;
  }
  .main .app .list img {
    order: 0;
  }
  .main .app .list .info {
    order: 1;
    margin-top: 1rem;
  }
  .main .contacts .tel > div {
    width: 48%;
  }
  footer .w {
    flex-wrap: wrap;
  }
  footer .w .cus {
    font-size: 14px;
    text-align: center;
    width: 100%;
  }
  footer .w .code {
    padding: 1rem 0;
    width: 100%;
    text-align: center;
  }
  footer .w .code h1 {
    font-size: 14px;
  }
  footer .w .logo {
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
  footer .w .logo img {
    max-width: 50%;
  }
}