@charset "UTF-8";
.product-four .col {
  /* width: 588px;
  height: 374px; */
  margin-bottom: 25px;
  background-size: contain;
  .layer_17 {
    position: relative;
    color: white;
  }
  .box_38 {
    font-size: 26px;
    margin: 255px 20px 0 20px;
    display: flex;
    justify-content: space-between;
    .info_27 {
      font-size: 20px;
    }
  }
  .text-wrapper_12 {
    padding: 20px 0 20px 20px;
    font-size: 20px;
    text-align: left;
  }
}

@media (min-width: 1400px) {
  .swiper-icon {
    right: 5%;
    padding: 66px 0 0 0;
  }
  .swiper-content {
    margin-left: 10%;
    padding: 66px 0 0 0;
  }
  .index-product .col {
    max-width: 588px !important;
  }
}

@media (max-width: 1400px) {
  .swiper-icon {
    right: 0%;
    padding: 66px 0 0 0;
  }
  .swiper-content {
    margin-left: 10%;
    padding: 66px 0 0 0;
  }
  .index-product .col {
    max-width: 500px !important;
  }
}

@media (max-width: 1200px) {
  .swiper-icon {
    right: -20%;
    padding: 66px 0 0 0;
  }
  .swiper-content {
    margin-left: 10%;
    padding: 66px 0 0 0;
  }

  /* 首页安全产品 */
  .index-product .col {
    max-width: 330px !important;
    /* 不平铺 */
    background-repeat: no-repeat;
    /* 居中显示 */
    background-position: center;
    /* 拉伸占满整个容器 */
    background-size: cover;
  }
  .index-product .box_38 {
    margin: 151px 20px 0 20px !important;
    font-size: 18px !important;
  }
  .index-product .info_27 {
    font-size: 13px !important;
  }
  .index-product .icon_15 {
    width: 18px !important;
  }
  .index-product .info_28 {
    font-size: 13px !important;
    margin-bottom: 10px;
  }

  /* iOS样式 */
  /* @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .index-product .box_38 {
      margin: 50% 20px 0 20px !important;
      font-size: 18px !important;
    }
  } */
  /* Android样式 */
  /* @media screen and (max-device-width: 480px) {
    body {
      background-color: #ffffff;
    }
  } */
}
@media (max-width: 992px) {
  .swiper-icon {
    right: -30%;
    padding: 66px 0 0 0;
  }
  .swiper-content {
    margin-left: 10%;
    padding: 66px 0 0 0;
  }
  .health-sub-content {
    padding: 80px 20px !important;
  }

  .index-product .col {
    max-width: 330px !important;
  }

  .index-product .box_38 {
    margin: 151px 20px 0 20px !important;
    font-size: 18px !important;
  }
  .index-product .info_27 {
    font-size: 13px !important;
  }
  .index-product .icon_15 {
    width: 18px !important;
  }
  .index-product .info_28 {
    font-size: 13px !important;
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .swiper-icon {
    right: -40%;
    padding: 120px 0 0 0;
    bottom: 40px;
    /* right: -70%;
    padding: 150px 0 0 0;
    bottom: 40px; */
  }
  /* 图片缩放 */
  .health-sub-content {
    padding: 80px 20px !important;
  }
  .health-content-title {
    padding: 0 !important;
  }
  .aboutus-banner-content h1 {
    font-size: 64px !important;
  }

  .index-product .container {
    max-width: 100%;
  }

  .index-product .col {
    max-width: 280px !important;
  }
  .index-product .box_38 {
    margin: 140px 10px 0 10px !important;
    font-size: 13px !important;
  }
  .index-product .info_27 {
    font-size: 10px !important;
  }
  .index-product .icon_15 {
    width: 13px !important;
  }
  .index-product .info_28 {
    font-size: 8px !important;
    margin-bottom: 10px;
  }
  .index-product .text-wrapper_12 {
    padding: 0px 0 10px 10px !important;
  }
}
@media (max-width: 576px) {
  .health-sub-content {
    padding: 100px 20px !important;
  }
  .banner .btn-5 {
    padding: 7px 20px !important;
  }
  .banner .btn-outline {
    padding: 6px 60px !important;
  }
  .banner .swiper-icon {
    right: -60%;
    padding: 170px 0 0 0;
    bottom: 40px;
  }
  .banner .swiper-content {
    text-align: center;
  }
  .banner {
    .swiper-content {
      margin: 0 33px;
      text-align: center;
    }
    .swiper-content h1 {
      font-size: 32px !important;
    }
    .swiper-content p {
      margin-top: 16px !important;
    }
    h1 {
      font-size: 33px !important;
    }
    button {
      font-size: 33px !important;
    }
  }
  .carousel-control-prev,
  .carousel-control-next {
    display: none !important;
  }

  /* 产品咨询 */
  .contact-us .beautify-contact .beautify-contact-text {
    font-size: 1rem !important;
  }
  .contact-us .beautify-contact .beautify-contact-label {
    font-size: 1.2rem !important;
  }
  .contact-us .beautify-contact .beautify-contact-label div {
    font-size: 0.8rem !important;
  }
  /* 顶部导航 */
  .navigation-link-box .nav-item .nav-link {
    font-size: 0.8rem !important;
    padding: 0.5rem 0;
  }

  .ashe-cpts-body {
    .ashe-cpts {
      width: 50% !important;
    }
  }
  .partner-banner-content p {
    font-size: 50px !important ;
  }
  .partner-banner-content h1 {
    font-size: 23px !important ;
  }
  .aboutus-banner-content h1 {
    font-size: 44px !important;
  }

  .index-product {
    color: white;
  }
  .index-product .container {
    max-width: 100%;
  }
  .index-product .col {
    max-width: 240px !important;
  }
  .index-product .first-img {
    background-image: url(/img/index/tup.png) !important;
    /* 不平铺 */
    background-repeat: no-repeat;
    /* 居中显示 */
    background-position: center;
    /* 拉伸占满整个容器 */
    background-size: cover;
  }
  .index-product .second-img {
    background-image: url(/img/index/tup2.png) !important;
    /* 不平铺 */
    background-repeat: no-repeat;
    /* 居中显示 */
    background-position: center;
    /* 拉伸占满整个容器 */
    background-size: cover;
  }
  .index-product .three-img {
    background-image: url(/img/index/tup3.png) !important;

    /* 不平铺 */
    background-repeat: no-repeat;
    /* 居中显示 */
    background-position: center;
    /* 拉伸占满整个容器 */
    background-size: cover;
  }
  .index-product .four-img {
    background-image: url(/img/index/tup4.png) !important;

    /* 不平铺 */
    background-repeat: no-repeat;
    /* 居中显示 */
    background-position: center;
    /* 拉伸占满整个容器 */
    background-size: cover;
  }
  .index-product .box_38 {
    margin: 150px 10px 0 10px !important;
    font-size: 13px !important;
  }
  .index-product .info_27 {
    font-size: 10px !important;
  }
  .index-product .icon_15 {
    width: 13px !important;
  }
  .index-product .info_28 {
    font-size: 8px !important;
    margin-bottom: 10px;
  }
  .index-product .text-wrapper_12 {
    padding: 0px 0 10px 10px !important;
  }
}

@media (max-width: 476px) {
  .index-product {
    color: white;
  }

  .index-product .container {
    max-width: 100%;
  }
  .index-product .col {
    max-width: 180px !important;
    padding-left: 0;
    padding-right: 0;
  }
  .index-product .first-img {
    background-image: url(/img/index/tup.png) !important;
    /* 不平铺 */
    background-repeat: no-repeat;
    /* 居中显示 */
    background-position: center;
    /* 拉伸占满整个容器 */
    background-size: cover;
  }
  .index-product .second-img {
    background-image: url(/img/index/tup2.png) !important;
    /* 不平铺 */
    background-repeat: no-repeat;
    /* 居中显示 */
    background-position: center;
    /* 拉伸占满整个容器 */
    background-size: cover;
  }
  .index-product .three-img {
    background-image: url(/img/index/tup3.png) !important;

    /* 不平铺 */
    background-repeat: no-repeat;
    /* 居中显示 */
    background-position: center;
    /* 拉伸占满整个容器 */
    background-size: cover;
  }
  .index-product .four-img {
    background-image: url(/img/index/tup4.png) !important;

    /* 不平铺 */
    background-repeat: no-repeat;
    /* 居中显示 */
    background-position: center;
    /* 拉伸占满整个容器 */
    background-size: cover;
  }
  .index-product .box_38 {
    margin: 140px 10px 0 10px !important;
    font-size: 10px !important;
  }
  .index-product .info_27 {
    font-size: 8px !important;
  }
  .index-product .icon_15 {
    width: 8px !important;
  }
  .index-product .info_28 {
    font-size: 6px !important;
    margin-bottom: 10px;
  }
  .index-product .text-wrapper_12 {
    padding: 0px 0 10px 10px !important;
  }
}
