/*PC端*/
/*M端*/
.container-fluid {
  padding-top: 0.6rem;
}
.container-fluid .part-tit {
  font-family: Arial;
}
.container-fluid .part-tit h3 {
  font-size: 2.6042vw;
}
.container-fluid .part-tit p {
  font-family: "Verdana";
  font-size: 1.8229vw;
}
.b-lazy {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.banner {
  height: 45.9375vw;
  background: url("../../image/product/icewave-salts/banner.jpg") 100% no-repeat;
  background-size: cover;
  background-position: center;
}
.part1 {
  height: 46.875vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.part1 .part1-box {
  width: 81.1458vw;
  height: 35.1563vw;
}
.part1 .part-item {
  float: left;
  position: relative;
  overflow: hidden;
  border-radius: 1.0417vw;
}
.part1 .part-item img {
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.part1 .part-item p {
  position: absolute;
  font-family: Arial;
  font-weight: bold;
  font-size: 1.8229vw;
  color: #fff;
}
.part1 .part-item:hover img {
  transform: scale(1.1);
}
.part1 .part-item-1 {
  width: 32.6042vw;
  height: 35.1563vw;
}
.part1 .part-item-1 p {
  top: 1.8229vw;
  left: 2.8125vw;
}
.part1 .part-item-2 {
  width: 46.8229vw;
  height: 16.6146vw;
  float: right;
  margin-bottom: 1.4583vw;
}
.part1 .part-item-2 p {
  top: 1.8229vw;
  left: 2.2917vw;
}
.part1 .part-item-3 {
  width: 22.7083vw;
  height: 17.0313vw;
  margin-left: 1.5625vw;
}
.part1 .part-item-3 p {
  top: 1.3021vw;
  left: 2.2917vw;
}
.part1 .part-item-4 {
  width: 22.7083vw;
  height: 17.0313vw;
  float: right;
}
.part1 .part-item-4 p {
  top: 1.3021vw;
  left: 2.2917vw;
}
.part2 {
  height: 46.875vw;
  padding-top: 2.0833vw;
}
.part2 .part-tit {
  text-align: center;
  color: #292929;
}
.part2 .pro-box {
  width: 71.0938vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 1.5625vw auto;
  row-gap: 3.125vw;
}
.part2 .pro-item {
  position: relative;
  width: 9.2708vw;
  height: 16.8229vw;
}
.part2 .pro-item .bg {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  opacity: 0;
}
.part2 .pro-item .pro-img {
  position: absolute;
  width: 4.2708vw;
  height: 13.8021vw;
  top: 1.4583vw;
  left: 50%;
  transform: translateX(-50%);
}
.part2 .pro-item p {
  position: absolute;
  font-size: 1.1458vw;
  line-height: 1.3542vw;
  color: #292929;
  font-family: Arial;
  top: 17.1875vw;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  text-align: center;
}
.part2 .pro-item:hover .bg {
  opacity: 1;
}
.part3 {
  height: 55.4167vw;
  padding-top: 3.6458vw;
}
.part3 .part-box {
  display: flex;
  padding-left: 9.4792vw;
  column-gap: 8.5938vw;
}
.part3 .part-tit h3 {
  margin-bottom: 1.8229vw;
}
.part4 {
  height: 49.5313vw;
  padding-top: 2.8646vw;
  position: relative;
}
.part4 .part-tit h3 {
  text-align: center;
}
.part4 .msg-box {
  margin-top: 32.8125vw;
  display: flex;
  padding-left: 19.1667vw;
  column-gap: 8.125vw;
}
.part4 .msg-box .msg-item {
  width: 28.4375vw;
  height: 3.125vw;
  line-height: 3.125vw;
  font-family: Arial;
  text-align: center;
  color: #ffffff;
  font-size: 1.8229vw;
  border-radius: 1.5625vw;
  background-color: #3f7ae7;
}