.solutions {
  padding-top: 4.375vw;
  color: #231815;
}

.solutions .solutions-title {
  max-width: 75vw;
  margin: 0 auto;
  color: #231815;
  font-family: Montserrat;
  font-size: 4.1667vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  text-transform: capitalize;
  margin-bottom: 2.0833vw;
  text-transform: capitalize;
  animation: public-title-animation 2s forwards;
  /* 初始状态不启动动画 */
}

.public-solutions-banner img {
  max-width: 100%;
  height: 33.0208vw;
}
.public-solutions-banner p span {
  font-size: 4.1667vw;
}
.solutions .solution-overview {
  padding: 4.1667vw 0 0;
  max-width: 61.4583vw;
  margin: 0 auto;
}

.solutions .solution-overview h2 {
  color: #231815;
  text-align: center;
  font-family: Montserrat;
  font-size: 3.125vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  text-transform: capitalize;
  margin-bottom: 1.25vw;
}

.solutions .solution-overview p {
  color: #231815;
  text-align: center;
  font-family: Montserrat;
  font-size: 0.8333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.solutions .solutions-by-industry {
  padding-top: 6.25vw;
}

.solutions .solutions-by-industry h2 {
  color: #231815;
  text-align: center;
  font-family: Montserrat;
  font-size: 3.125vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  text-transform: capitalize;
  margin-bottom: 2.0833vw;
}

.solutions .solutions-by-industry .swiper {
  /* --swiper-theme-color: #ff6600; */
  /* 设置Swiper风格 */
  --swiper-navigation-color: #231815;
  /* 单独设置按钮颜色 */
  --swiper-navigation-size: 1.5625vw;
  /* 设置按钮大小 */
  background: #fafafa;
}

.solutions .solutions-by-industry .swiper-button-next,
.solutions .solutions-by-industry .swiper-button-prev {
  height: 100%;
  bottom: 0;
  top: unset;
}

.solutions .solutions-by-industry .swiper-button-next {
  background: linear-gradient(270deg,
      #fafafa 60.49%,
      rgba(250, 250, 250, 0) 100%);
  right: 0;
  padding-left: 3.125vw;
  padding-right: 1.5625vw;
}

.solutions .solutions-by-industry .swiper-button-prev {
  background: linear-gradient(270deg,
      rgba(250, 250, 250, 0) 0%,
      #fafafa 60.49%);
  left: 0;
  padding-left: 1.5625vw;
  padding-right: 3.125vw;
}

.solutions .solutions-by-industry .swiper-button-next.swiper-button-disabled,
.solutions .solutions-by-industry .swiper-button-prev.swiper-button-disabled {
  display: none;
}

.solutions .solutions-by-industry .swiper-button-next:after,
.solutions .solutions-by-industry .swiper-button-prev:after {
  font-size: 1.25vw;
}

.swiper-slide {
  width: auto !important;
  position: relative;
  padding: 1.25vw 2.0833vw;
  font-family: Montserrat;
  font-size: 1.25vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  cursor: pointer;
}

.swiper-slide:hover {
  color: #80a171;
}

.swiper-slide.active {
  color: #80a171;
  background: #fff;
}

.swiper-slide.active::after {
  content: "";
  position: absolute;
  left: -0.0521vw;
  right: 0;
  bottom: 0;
  height: 0.2083vw;
  background-color: #80a171;
  transform: scaleX(1);
}

.swiper-slide.hover-effect::after {
  background-color: #80a171;
  height: 0.2083vw;
}

.solutions .solutions-by-industry ul {
  background: #fafafa;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.solutions .solutions-by-industry ul li {
  position: relative;
  padding: 1.25vw 2.0833vw;
  font-family: Montserrat;
  font-size: 1.25vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  cursor: pointer;
}

.solutions .solutions-by-industry ul li:hover {
  color: #80a171;
  background: #fff;
}

.solutions .solutions-by-industry ul li.active {
  color: #80a171;
  background: #fff;
}

.solutions .solutions-by-industry ul li.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.2083vw;
  background-color: #80a171;
  transform: scaleX(1);
}

.solutions .solutions-by-industry ul li.hover-effect::after {
  background-color: #80a171;
  height: 0.2083vw;
}

.solutions .solutions-by-industry .solutions-by-industry-box {
  background: #fafafa;
  padding: 2.0833vw;
  display: none;
  gap: 1.9792vw;
}

.solutions .solutions-by-industry .solutions-by-industry-box.active {
  display: flex;
}

.solutions .solutions-by-industry .solutions-by-industry-box .solutions-by-industry-box-left {
  width: 45.3646vw;
  height: 25.5208vw;
}

.solutions .solutions-by-industry .solutions-by-industry-box .solutions-by-industry-box-left img {
  width: 100%;
  height: 100%;
}

.solutions .solutions-by-industry .solutions-by-industry-box .solutions-by-industry-box-right {
  flex: 1;
}

.solutions .solutions-by-industry .solutions-by-industry-box .solutions-by-industry-box-right .biaoti {
  font-size: 1.6667vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  text-transform: capitalize;
  margin-top: 2.0833vw;
  margin-bottom: 0.8333vw;
  position: relative;
}

.solutions .solutions-by-industry .solutions-by-industry-box .solutions-by-industry-box-right .biaoti .iconfont {
  margin-left: 0.4167vw;
  font-size: 2.0833vw;
  font-weight: bold;
}

.solutions .solutions-by-industry .solutions-by-industry-box .solutions-by-industry-box-right p {
  font-family: Montserrat;
  font-size: 0.8333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 2.0833vw;
}

.solutions .solutions-by-industry .solutions-by-industry-box .solutions-by-industry-box-right .text {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  font-size: 0.7292vw;
  font-style: normal;
  text-transform: capitalize;
  margin-bottom: 1.25vw;
  color: #231815;
  font-family: "Montserrat-SemiBold" !important;
}

.solutions .solutions-by-industry .solutions-by-industry-box .solutions-by-industry-box-right .text .iconfont {
  font-size: 0.8333vw;
  margin-left: 0.2083vw;
  font-weight: bold;
}

.solutions .solutions-by-industry .solutions-by-industry-box .solutions-by-industry-box-right .hover-effect::after {
  background-color: #80a171;
}

.solutions .solutions-by-scenarios {
  padding-top: 6.25vw;
  margin-bottom: 1.0417vw;
}

.solutions .solutions-by-scenarios h2 {
  text-align: center;
  font-family: Montserrat;
  font-size: 3.125vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  text-transform: capitalize;
  margin-bottom: 2.0833vw;
}

.solutions .solutions-by-scenarios .publicImg-box {
  max-height: 42.1875vw;
  overflow: hidden;
  transition: max-height 1s ease;
  padding-bottom: 0;
}

.solutions .solutions-by-scenarios .publicImg-box .publicImg-box-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25vw;
}

.solutions .solutions-by-scenarios .publicImg-box .publicImg-box-item {
  flex: 0 0 calc((100% - 2 * 1.25vw) / 3);
  height: 13.2292vw;
}

.solutions .solutions-by-scenarios .publicImg-box .publicImg-box-item img {
  height: 100%;
}

.solutions .solutions-by-scenarios .publicImg-box .publicImg-box-item .publicImg-box-mask {
  background: rgba(35, 24, 21, 0.6);
}

.solutions .solutions-by-scenarios .publicImg-box .publicImg-box-item:hover img {
  transform: scale(1.1);
}

.solutions .solutions-by-scenarios .publicImg-box .publicImg-box-item .publicImg-box-text {
  font-size: 1.6667vw !important;
  width: max-content;
  max-width: 80%;
}

.solutions .solutions-by-scenarios .publicImg-box .hidden {
  display: block;
  max-height: 0;
  /* 初始高度为0 */
  overflow: hidden;
  /* 隐藏超出部分 */
  /* transition: max-height 1s ease; */
  /* 添加过渡效果 */
}

.solutions .solutions-by-scenarios .publicImg-box .hidden.show {
  max-height: 13.2292vw;
  /* 展开后的高度 */
}

.solutions .solutions-by-scenarios .solutions-more {
  display: flex;
  justify-content: center;
  margin-top: 1.25vw;
}

.solutions .solutions-by-scenarios .solutions-more .solutions-more-but {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8.4375vw;
  padding: 0.4167vw 0.4167vw 0.4167vw 1.25vw;
  border-radius: 1.5625vw;
  border: 0.0521vw solid #231815;
  font-size: 0.8333vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  background: #fff;
  cursor: pointer;
}

.solutions .solutions-by-scenarios .solutions-more .solutions-more-but p {
  height: 1.25vw;
  width: 1.25vw;
  background: #80a171;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-family: "Montserrat-SemiBold" !important;
  margin-left: 0.8333vw;
}

.solutions .solutions-by-scenarios .solutions-more .solutions-more-but p .iconfont {
  font-size: 0.8333vw;
  line-height: 1.25vw;
}

.solutions .solutions-by-scenarios .solutions-more .solutions-more-but:hover {
  background: #80a171;
  color: #fff;
  border: 0.0521vw solid #80a171;
}

.solutions .solutions-by-scenarios .solutions-more .solutions-more-but:hover p {
  background-color: #fff !important;
}

.solutions .solutions-by-applications {
  padding-top: 5.2083vw;
}

.solutions .solutions-by-applications h2 {
  text-align: center;
  font-size: 3.125vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  text-transform: capitalize;
  margin-bottom: 1.25vw;
}

.solutions .solutions-by-applications ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 2.0833vw;
}

.solutions .solutions-by-applications ul li {
  font-size: 0.8333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  cursor: pointer;
  text-wrap: nowrap;
  margin-top: 0.8333vw;
}

.solutions .solutions-by-applications ul li:hover {
  color: #80a171;
  font-weight: 600;
}

.solutions .solutions-by-applications ul li.active {
  color: #80a171;
  font-weight: 600;
}

.solutions .solutions-by-applications ul .xian {
  margin: 0 1.25vw;
  width: 0.0521vw;
  height: 0.625vw;
  background: var(--BrandColor_black, #231815);
  margin-top: 0.8333vw;
}

.solutions .solutions-by-applications .publicImg-box {
  padding-bottom: 6.25vw;
  display: none;
}

.solutions .solutions-by-applications .publicImg-box.active {
  display: flex;
}

.solutions .solutions-by-applications .publicImg-box .publicImg-box-item:hover img {
  transform: scale(1.1);
}

.solutions .solutions-by-applications .publicImg-box .publicImg-box-item .publicImg-box-text {
  font-size: 1.25vw;
  width: max-content;
  max-width: 80%;
}

@media screen and (max-width: 1440px) {
  /* .solutions .solutions-title {
    max-width: 75vw;
  } */

  /* .solutions .public-solutions-banner img {
    max-width: 88.8889vw;
    height: 31.9444vw;
  } */

  .solutions .solution-overview {
    max-width: 75vw;
  }

  .solutions .solutions-by-industry .solutions-by-industry-box {
    gap: 1.6667vw;
  }

  .solutions .solutions-by-industry .solutions-by-industry-box .solutions-by-industry-box-left {
    width: 44.7917vw;
    height: 28.4722vw;
  }

  .solutions .solutions-by-industry .solutions-by-industry-box .solutions-by-industry-box-left img {
    height: 100%;
  }

  .solutions .solutions-by-industry .solutions-by-industry-box .solutions-by-industry-box-right .biaoti {
    margin-top: 0;
  }

  .solutions .solutions-by-industry .solutions-by-industry-box .solutions-by-industry-box-right {
    /* max-width: calc(100% - 47.5694vw); */
  }

  .solutions .solutions-by-scenarios .publicImg-box {
    max-height: 44.1667vw;
  }

  .solutions .solutions-by-scenarios .publicImg-box .publicImg-box-item {
    height: 13.6111vw;
  }

  .solutions .solutions-by-scenarios .solutions-more .solutions-more-but {
    width: 9.4375vw;
  }
}

@media (max-width: 768px) {
  .solutions .solutions-title {
    margin: 0 auto;
    font-size: 32vw;
  }

  .solutions .solution-overview {
    padding: 21.3333vw 0 0;
    margin: 0 auto;
  }

  .solutions .solution-overview h2 {
    font-size: 16vw;
  }

  .solutions .solution-overview p {
    font-size: 4.2667vw;
  }

  .solutions .solutions-by-industry h2 {
    font-size: 16vw;
  }

  .solutions .solutions-by-industry .swiper-button-next,
  .solutions .solutions-by-industry .swiper-button-prev {
    height: 100%;
  }

  .solutions .solutions-by-industry .swiper-button-next:after,
  .solutions .solutions-by-industry .swiper-button-prev:after {
    font-size: 6.4vw;
  }

  .swiper-slide {
    padding: 6.4vw 10.6667vw;
    font-size: 6.4vw;
  }

  .swiper-slide.active::after {
    height: 1.0667vw;
  }

  .swiper-slide.hover-effect::after {
    height: 1.0667vw;
  }

  .solutions .solutions-by-industry ul li {
    padding: 6.4vw 10.6667vw;
    font-size: 6.4vw;
  }

  .solutions .solutions-by-industry ul li.active::after {
    height: 1.0667vw;
  }

  .solutions .solutions-by-industry ul li.hover-effect::after {
    height: 1.0667vw;
  }

  .solutions .solutions-by-industry .solutions-by-industry-box {
    padding: 10.6667vw;
  }

  .solutions .solutions-by-industry .solutions-by-industry-box .solutions-by-industry-box-left {
    height: 130.6667vw;
  }

  .solutions .solutions-by-industry .solutions-by-industry-box .solutions-by-industry-box-left img {
    height: 100%;
  }

  .solutions .solutions-by-industry .solutions-by-industry-box .solutions-by-industry-box-right .biaoti {
    font-size: 8.5333vw;
  }

  .solutions .solutions-by-industry .solutions-by-industry-box .solutions-by-industry-box-right .biaoti .iconfont {
    font-size: 10.6667vw;
  }

  .solutions .solutions-by-industry .solutions-by-industry-box .solutions-by-industry-box-right p {
    font-size: 4.2667vw;
  }

  .solutions .solutions-by-industry .solutions-by-industry-box .solutions-by-industry-box-right .text {
    font-size: 3.7333vw;
  }

  .solutions .solutions-by-industry .solutions-by-industry-box .solutions-by-industry-box-right .text .iconfont {
    font-size: 4.2667vw;
  }

  .solutions .solutions-by-scenarios h2 {
    font-size: 16vw;
  }

  .solutions .solutions-by-scenarios .publicImg-box .publicImg-box-item {
    height: 67.7333vw;
  }

  .solutions .solutions-by-scenarios .publicImg-box .publicImg-box-item .publicImg-box-text {
    font-size: 8.5333vw !important;
  }

  .solutions .solutions-by-scenarios .solutions-more .solutions-more-but {
    padding: 2.1333vw 2.1333vw 2.1333vw 6.4vw;
    border-radius: 8vw;
    font-size: 4.2667vw;
  }

  .solutions .solutions-by-scenarios .solutions-more .solutions-more-but p {
    height: 6.4vw;
    border-radius: 50%;
  }

  .solutions .solutions-by-scenarios .solutions-more .solutions-more-but p .iconfont {
    font-size: 4.2667vw;
  }

  .solutions .solutions-by-applications h2 {
    font-size: 16vw;
  }

  .solutions .solutions-by-applications ul li {
    font-size: 4.2667vw;
  }

  .solutions .solutions-by-applications ul .xian {
    margin: 0 6.4vw;
    height: 3.2vw;
  }

  .solutions .solutions-by-applications .publicImg-box .publicImg-box-item .publicImg-box-text {
    font-size: 6.4vw;
  }

  .solutions .public-solutions-banner img {
    height: 122.6667vw;
  }
}