.application_banner {
  background-color: #f3f9fe;
  position: relative;
  padding: 2.5rem 0 1.8rem;
}
.application_banner .flex {
  margin-top: -1rem;
}
.application_banner .head {
  flex: 1;
  max-width: 74.4rem;
  padding-bottom: 0.9%;
  margin: 5rem 0;
}
.application_banner .head h1 {
  line-height: 7.4rem;
  font-weight: 600;
}
.application_banner strong {
  margin-bottom: 1.8rem;
}
.application_banner p {
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: var(--text);
  max-width: 61.8rem;
  margin-top: 2.9rem;
}
.application_banner .img {
  width: 42.612%;
  --h: 99.64974%;
}
.application_products {
  background-color: #f7f7f7;
  padding: 9.4rem 0 12.5rem;
}
.application_products p {
  font-size: 1.8rem;
  line-height: 3.2rem;
  color: var(--text);
  margin-top: 1.9rem;
}
.application_products .application_products_swiper {
  overflow: hidden;
  margin-top: 4rem;
}
.application_products .application_products_swiper .swiper-slide {
  width: 33.2rem;
}
.application_products .cat_item a {
  background-color: #fff;
}
.page_application {
  padding-bottom: 17.6rem;
}
@media screen and (min-width: 769px) and (max-width: 896px) {
  .application_banner .flex {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .application_banner {
    padding: 2rem 0;
  }
  .application_banner .flex {
    margin-top: 2rem;
    gap: 2rem 1rem;
  }
  .application_banner .head {
    max-width: unset;
    padding: 0;
    width: 100%;
    margin: 0;
  }
  .application_banner .head h1 {
    line-height: 1.3;
  }
  .application_products {
    padding: 4rem 0;
    overflow: hidden;
  }
  .application_products .application_products_swiper {
    overflow: unset;
    margin-top: 2rem;
  }
  .application_products .application_products_swiper .swiper-slide {
    width: 282px;
  }
  .application_products .swiper_btns {
    display: none;
  }
  .page_application {
    padding-bottom: 4rem;
  }
}
@media screen and (max-width: 576px) {
  .application_banner .img {
    width: 100%;
    order: -1;
  }
}