.why-grid{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 0.583rem;
  .reason{
    text-align: center;
    background-color: #ffffff;
    padding:2.5rem 1.8rem;
    transition: all .3s ease;
    cursor: pointer;
    .iconfont{
      display: block;
      color: #0671b9;
      font-size: 2rem;
      margin: 1rem 0;
      transition: all .3s ease;
    }
    h3{
      padding: 1.25rem 0;
      margin: 0;
      font-size: 1rem;
      text-align: center;
      transition: all .3s ease;
      color: #010101;
    }
    p{
      margin: 0;
      font-size: 0.667rem;
      line-height: 1rem;
      color: #666666;
      transition: all .3s ease;
    }
    
    &:hover{
      background-color: #0671b9;
      .iconfont,
      h3,
      p{
        color: #fff;
      }
    }
  }
}
.advantage{
  display: flex;
  align-items: center;
  gap: 4rem;
  margin-bottom: 4rem;
  .desc{
    width: 36%;
    padding: 1rem 0;
    h3{
      font-size: 1.25rem;
      font-weight: normal;
      color: #000000;
      padding-bottom: 1.2rem;
    }
    p{
      font-family: HarmonyOS_Sans_SC;
      font-size: 0.667rem;
      font-weight: normal;
      font-stretch: normal;
      line-height: 1.25rem;
      letter-spacing: 0rem;
      color: #666666;
    }
  }

}
.wenhua{
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 0.583rem;
  li{
    background-color: #ffffff;
    padding: 3.6rem 2rem;
    text-align: center;
    h3{
      font-size: 1rem;
      font-weight: normal;
      margin-bottom: 1rem;
      &::after{
        content: '';
        display: block;
        width: 1.667rem;
        height: 0.042rem;
        background-color: #c7000a;
        margin: 0.5rem auto;
      }
    }
    p{
      font-size: 0.667rem;
      font-weight: normal;
      font-stretch: normal;
      line-height: 1.5rem;
      letter-spacing: 0rem;
      white-space: pre-line;
      color: #666666;
    }
    &:hover{
      color: #fff;
      background-color: #0671b9;
      p{
        color: #fff;
      }
    }
  }
}
.fenc{
  width: 100%;
}
.product_swiper{
  .swiper-slide{
    background-color: #fff;
    border: solid 0.042rem #e5e5e5;
    .img-box{
      width: 100%;
      overflow: hidden;
      padding: 2rem;
      box-sizing: border-box;
      img{
        display:block;
        width: 100%;
        margin: 0;
      } 
      p{
        font-size: 0.667rem;
        color: #666666;
        text-align: center;
        padding-top: 2rem;
        transition: all .3s ease;
      }
    }
     
  }
}
@media (max-width: 992px) {

  .why-grid{
    grid-template-columns: repeat(2,1fr);
  }
  .wenhua{
    grid-template-columns: repeat(2,1fr);
  }
  .advantage{
    flex-direction: column;
    gap: 0;
    .img-box{
      width: 100%;
      img{
        display: block;
        width: 100%;
        height: unset;
      }
    }
    .desc{
      width: 100%;
    }
  }
  .new_swiper,
  .product_swiper{
    border: 1px solid #eeeeee;
    .swiper-slide{
      border: unset;
    }
  }
}