.technology-active {
  width: 100%;
}
.technology-active .technology-top {
  width: 100%;
  margin: 0 auto 0;
  border-bottom: 0.0521vw solid rgba(35, 24, 21, 0.10);
}
.technology-active .technology-top .technology-title-box {
  max-width: 75vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  color: #231815;
  font-family: Montserrat;
  
  font-style: normal;
}
.technology-active .carousel-item {
  width: 100%;
}
/* 面包屑和banner 位置互换 动画delay 时间互换 */
.technology-active .crumbs  {
  animation-delay: 0.45s;
}
.technology-active .carousel {
  animation-delay: 0.7s;
}
.technology-active .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.technology-active .technology-top .technology-title-box .technology-title {
  font-size: 2.0833vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%; /* 150% */
  padding: 0.4167vw 0;
  /* animation: public-title-animation 2s forwards; */
}
/* watch-video */
.technology-active .container .watch-video {
  width: 100%;
  padding-bottom: 6.25vw;
}
.technology-active .container .watch-video .technology-active-title {
  color:#231815;
  text-align: center;

  /* Heading2-80 */
  font-family: "Montserrat-SemiBold";
  font-size: 4.1667vw;
  font-style: normal;
  line-height: 150%; /* 150% */
  margin-bottom: 4.1667vw;
}
.technology-active .container .watch-video .watch-video-top {
  display: flex;
  margin-bottom: 2.0833vw;
  color: #231815;

  /* Heading3-60 */
  font-family: Montserrat;
  font-style: normal;
  
}
.technology-active .container .watch-video .watch-video-top .watch-video-title {
  flex: 1;

  /* Heading3-60 */
  font-size: 3.125vw;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%; /* 150% */
}
.technology-active .container .watch-video .watch-video-top .watch-video-desc {
  width: 44.7917vw;
  color:#9FA0A0;

  /* Large1-R-16 */
  font-size: 0.8333vw;
  font-weight: 400;
  line-height: 150%; /* 150% */
}
.technology-active .container .watch-video .watch-video-bottom {
  width: 100%;
  height: 33.75vw;
  position: relative;
}
.technology-active .container .watch-video .watch-video-bottom video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.technology-active .container .watch-video .watch-video-bottom .play {
  width: 4.1667vw;
  height: 4.1667vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
/* benefits  */
.technology-active .benefits-box {
  width: 100%;
  background: #fafafa;
  padding: 4.1667vw 0;
}
.technology-active .benefits-box .benefits {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25vw;
  background: #fafafa;
}
.technology-active .benefits-box .benefits .benefits-item {
  width: 100%;
  height: 24.6875vw;
  display: flex;
  flex-direction: column;
  color: #231815;
  font-style: normal;
  background: #fff;
}
.technology-active .benefits-box .benefits .first-item {
  padding: 4.1667vw;
}
.technology-active .benefits-box .benefits .first-item .first-item-title {
  /* Heading3-60 */
  font-size: 3.125vw;
  font-family: "Montserrat-SemiBold";
  line-height: 150%; /* 150% */
}
.technology-active .benefits-box .benefits .benefits-item .iconfont {
  font-size: 4.1667vw;
  line-height: normal;
  color: #0C5DAE;
  margin-bottom: 2.0833vw;
}
.technology-active .benefits-box .benefits .benefits-item:hover .benefits-item-img img {
  transform: scale(1.2);
}
.technology-active .benefits-box .benefits .benefits-item .benefits-item-img {
  width: 36.875vw;
  height: 13.2292vw;
  overflow: hidden;
  position: relative;
}
.technology-active .benefits-box .benefits .benefits-item .benefits-item-img img, video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  transition: all 0.3s;
}
.technology-active .benefits-box .benefits .benefits-item .benefits-item-img .small-play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.technology-active .benefits-box .benefits .benefits-item .benefits-item-img .small-play:hover .iconfont {
  color: #3556CD;
}
.technology-active .benefits-box .benefits .benefits-item .benefits-item-img .small-play .iconfont {
  width: 2.0833vw;
  height: 2.0833vw;
  margin: 0;
  color: #3A66FB;
  background: #FFF;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.technology-active .benefits-box .benefits .benefits-item .benefite-item-bottom {
  padding: 1.25vw;
}
.technology-active .benefits-box .benefits .benefits-item .benefite-item-bottom .benefits-item-title {
  /* Heading7-S-24 */
  font-size: 1.25vw;
  font-family: "Montserrat-SemiBold";
  line-height: 150%; /* 150% */
  margin-bottom: 0.8333vw;
}
.technology-active .benefits-box .benefits .benefits-item .benefite-item-bottom .benefits-item-desc {
  color: rgba(35, 24, 21, 0.60);
  /* Large1-R-16 */
  font-family: Montserrat;
  font-size: 0.8333vw;
  font-weight: 400;
  line-height: 150%; /* 150% */
  margin-bottom: 1.25vw;
}

/* Solutions and Products */
.technology-active .solutions-products .solutions-products-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.0833vw;
  padding-top: 6.25vw;
}
.technology-active .solutions-products .solutions-products-top .solutions-products-title {
  color:#231815;
  /* Heading3-60 */
  font-size: 3.125vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold";
  line-height: 150%; /* 150% */
}
.technology-active .solutions-products .solutions-products-top .solutions-top-tab {
  max-width: 18.5938vw;
  /* overflow-x: auto; */
  display: flex;
  padding-bottom: 0.9375vw;
}
.technology-active .solutions-products .solutions-products-top .solutions-top-tab::-webkit-scrollbar {
  height: 0.1042vw;
}

/* 自定义滚动条轨道的样式 */
.technology-active .solutions-products .solutions-products-top .solutions-top-tab::-webkit-scrollbar-track {
  background-color: #eee; /* 轨道区域的背景颜色 */
  border-radius: 2.6042vw; /* 轨道区域的圆角 */
}

/* 自定义滚动条滑块的样式 */
.technology-active .solutions-products .solutions-products-top .solutions-top-tab::-webkit-scrollbar-thumb {
  background-color: rgba(35, 24, 21, .5); /* 滚动区域的颜色 */
  border-radius: 2.6042vw; /* 滚动区域的圆角 */
}

.technology-active .solutions-products .solutions-products-top .solutions-top-tab .top-tab-item {
  width: auto;
  margin-right: 2.0833vw;
  white-space: nowrap;
  color:#231815;

  /* Heading7-S-24 */
  font-size: 1.25vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold";
  line-height: 150%; /* 150% */
  cursor: pointer;
  position: relative;
}
.technology-active .solutions-products .solutions-products-top .solutions-top-tab .top-tab-item::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.0521vw;
  background-color: #3a66fb;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s ease-out;
}
.technology-active .solutions-products .solutions-products-top .solutions-top-tab .top-tab-item:hover {
  color: #3A66FB;
}
.technology-active .solutions-products .solutions-products-top .solutions-top-tab .top-tab-active {
  color: #3A66FB;
}
.technology-active .solutions-products .solutions-products-top .solutions-top-tab .top-tab-active::after {
  height: 0.0521vw;
  transform: scaleX(1);
}
.technology-active .solutions-products .solutions-products-top .solutions-top-tab .top-tab-item:hover::after {
  transform: scaleX(1);
}
.technology-active .solutions-products .solutions-products-content {
  width: 100%;
  padding-bottom: 2.0833vw;
  background: #fafafa;
}
.technology-active .solutions-products .solutions-products-content .content .solutions-content-tab {
  width: 100%;
  margin-bottom: 2.0833vw;
  display: flex;
  background: #FFF;
}
.technology-active .solutions-products .solutions-products-content .content .solutions-content-tab .content-tab-item {
  width: auto;
  color:#231815;
  /* Large1-R-16 */
  font-family: Montserrat;
  font-size: 0.8333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 150% */
  background: #FFF;
  padding: 0.8333vw 2.0833vw;
}
.technology-active .solutions-products .solutions-products-content .content .solutions-content-tab .content-tab-item:hover {
  color: #3A66FB;
  font-weight: 600;
}
.technology-active .solutions-products .solutions-products-content .content .solutions-content-tab .content-tab-active {
  color: #3A66FB;
  background: #fafafa;
  font-weight: 600;
}
.technology-active .solutions-products .solutions-products-content .content .content-item {
  padding: 0 2.0833vw;
  display: flex;
}
.technology-active .solutions-products .solutions-products-content .content .content-item .content-item-left {
  margin-right: 2.0833vw;
  width: 32.8125vw;
  height: 32.8125vw;
  padding: 1.1979vw 1.1458vw;
  background: #FFF;
}
.technology-active .solutions-products .solutions-products-content .content .content-item .content-item-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right {
  flex: 1;
  max-width: 35.9375vw;
}
.technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .right-item-title {
  color:#231815;

  /* Heading7-S-24 */
  font-family: "Montserrat-SemiBold";
  font-size: 1.25vw;
  font-style: normal;
  line-height: 150%; /* 150% */
  margin-bottom: 0.8333vw;
}
.technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .right-item-desc-box {
  min-height: 6.25vw;
}
.technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .right-item-desc-box .right-item-desc-item {
  color: #231815;
  /* Large1-R-16 */
  font-family: Montserrat;
  font-size: 0.8333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 150% */
  display: inline-flex;
}

.technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .right-item-desc-box .right-item-desc-item::before {
  content: "•";
  display: inline-block;
  margin: 0 0.5208vw;
  font-size: 0.8333vw;
  vertical-align: middle;
} 

.technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .product-title {
  color:#231815;
  /* Heading7-S-24 */
  font-size: 1.25vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold";
  line-height: 150%; /* 150% */
  margin-top: 1.25vw;
  margin-bottom: 0.8333vw;
}
.technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .product-selection-tab {
  width: 100%;
  display: flex;
  overflow-x: auto;
  padding-bottom: 0.625vw;
}
.product-selection-tab::-webkit-scrollbar {
  height: 4px;
}

/* 自定义滚动条轨道的样式 */
.product-selection-tab::-webkit-scrollbar-track {
  background-color: #fff; /* 轨道区域的背景颜色 */
  border-radius: 2.6042vw; /* 轨道区域的圆角 */
}
.swiper-button-lock {
  display: flex!important;
}
/* 自定义滚动条滑块的样式 */
.product-selection-tab::-webkit-scrollbar-thumb {
  background-color: rgba(35, 24, 21, .1); /* 滚动区域的颜色 */
  border-radius: 2.6042vw; /* 滚动区域的圆角 */
  cursor: pointer;
}
.technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .product-selection-tab .selection-tab-item {
  width: auto;
  height: 2.0833vw;
  padding: 0.4167vw 0.8333vw;
  border-radius: 1.5625vw;
  color: #231815;

  /* Large2-S-16 */
  font-family: "Montserrat-SemiBold";
  font-size: 0.8333vw;
  font-style: normal;
  line-height: 150%; /* 150% */
  border: 0.0521vw solid #231815;
  margin-right: 1.25vw;
  cursor: pointer;
}
.technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .product-selection-tab .selection-tab-item:hover {
  background:#3A66FB;
  border-color: #3A66FB;
  color: #FFF;
}
.technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .product-selection-tab .selection-tab-active {
  background:#3A66FB;
  border-color: #3A66FB;
  color: #FFF;
}
.technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .swiper-container {
  max-width: 35.9375vw;
  position: relative;
  display: none;
  overflow: hidden;
  height: 14.4792vw;
  margin-top: 0.625vw;
}
.technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .swiper-container .swiper {
  width: 35.9375vw;
  height: auto;
  overflow: visible;
}
.technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .swiper-container.active {
  display: block;
}
.technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .swiper-container .swiper .swiper-slide {
  width: 17.3438vw!important;
  height: 11.5625vw;
  background: #FFF;
  padding: 1.25vw;
  display: flex;
  flex-direction: column;
  position: relative;
  outline: none;
  will-change: transform;
}
.technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .swiper-container .swiper .swiper-slide .swiper-slide-title {
  color: #231815;

  /* Heading7-S-24 */
  font-size: 1.25vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold";
  line-height: 150%; /* 150% */
}
.technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .swiper-container .swiper .swiper-slide .swiper-slide-img {
  width: 5vw;
  height: 5vw;
  overflow: hidden;
  position: absolute;
  right: 1.25vw;
  bottom: 1.25vw;
}
.technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .swiper-container .swiper .swiper-slide:hover .swiper-slide-img img {
  transform: scale(1.2);
  cursor: pointer;
}
.technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .swiper-container .swiper .swiper-slide .swiper-slide-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  transition: all 0.3s;
}
.technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .swiper-container .swiper .swiper-slide .iconfont {
  position: absolute;
  left: 1.25vw;
  bottom: 1.25vw;
  font-size: 1.25vw;
  color: #231815;
  line-height: normal;
}

.swiper-container .product-selection-next,
.swiper-container .swiper-button-prev {
  position: absolute;
  bottom: -2.9167vw;
  right: 0;
  top: unset;
  left: unset;
  width: 2.0833vw;
  height: 2.0833vw;
  border-radius: 50%;
  background: #FFF;
}
.swiper-container .swiper-button-prev {
  right: 2.9167vw;
}
.swiper-container .swiper-button-next::after,
.swiper-container .swiper-button-prev::after {
  color: #666;
  font-size: 0.625vw;
  font-weight: bold;
}
/* Typical Scenarios */
.technology-active .typical {
  margin-top: 6.25vw;
}
.technology-active .typical .typical-title {
  color:#231815;
  /* Heading3-60 */
  font-size: 3.125vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold";
  line-height: 150%; /* 150% */
  margin-bottom: 2.0833vw;
}
.technology-active .typical .typical-content {
  display: flex;
  margin-bottom: 4.1667vw;
}
.technology-active .typical .two-row {
  flex-wrap: wrap;
}
/* 一行三个 */
.technology-active .typical .typical-content .three-item {
  flex: 0 0 calc((100% - 2 * 1.25vw) / 3);
  margin-right: 1.25vw;
}
/* 一行2个 */
.technology-active .typical .typical-content .two-item {
  flex: 0 0 calc((100% - 1.25vw) / 2);
  margin-right: 1.25vw;
}
.technology-active .typical .two-row .two-item:nth-child(even){
  margin-right: 0;
  margin-bottom: 1.25vw;
}
/* 一行1个 */
.technology-active .typical .typical-content .one-item {
  width: 100%;
  display: flex;
  margin-right: 0;
}
.technology-active .typical .typical-content .related-links-item:last-child {
  margin-right: 0;
}
.technology-active .typical .typical-content .typical-item {
  position: relative;
}
.technology-active .typical .typical-content .typical-item:last-child {
  margin-right: 0;
}

.technology-active .typical .typical-content .typical-item .typical-item-img {
  width: 100%;
  height: 20.7292vw;
  overflow: hidden;
}
.technology-active .typical .typical-content .one-item .typical-item-img {
  width: 36.875vw;
  margin-right: 1.25vw;
}
.technology-active .typical .typical-content .two-item .typical-item-img {
  height: 20.7292vw;
}
.technology-active .typical .typical-content .typical-item .typical-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.technology-active .typical .typical-content .typical-item .typical-item-bottom {
  width: 100%;
  height: 12.2917vw;
  background: #FAFAFA;
  padding: 1.25vw 0.8333vw;
  display: flex;
  flex-direction: column;
}
.technology-active .typical .typical-content .two-item .typical-item-bottom {
  height: 9.6875vw;
}
.technology-active .typical .typical-content .one-item .typical-item-bottom {
  flex: 1;
  padding: 2.0833vw;
  height: 100%;
}
.technology-active .typical .typical-content .typical-item .typical-item-bottom .typical-item-title {
  max-width: 100%;
  /* Large1-S-18 */
  font-family: "Montserrat-SemiBold";
  font-size: 0.9375vw;
  font-style: normal;
  line-height: 150%;
  /* 155.556% */
  color: #231815;
  margin-bottom: 0.8333vw;
  -webkit-line-clamp: 3;
}
.technology-active .typical .typical-content .one-item .typical-item-bottom .typical-item-title {
  -webkit-line-clamp: 2;
}
.technology-active .typical .typical-content .two-item .typical-item-bottom .typical-item-title {
  -webkit-line-clamp: 2;
}
.technology-active .typical .typical-content .typical-item .typical-item-bottom .typical-item-desc {
  max-width: 100%;
  color: #231815;
  /* Large3-R-14-22 */
  font-family: Montserrat;
  font-size: 0.7292vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 157.143% */
  -webkit-line-clamp: 4;
}
.technology-active .typical .typical-content .two-item .typical-item-bottom .typical-item-desc {
  -webkit-line-clamp: 3;
}
.technology-active .typical .typical-content .one-item .typical-item-bottom .typical-item-desc {
  -webkit-line-clamp: 8;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 1!important;
}
.swiper-button-next.swiper-button-disabled::after,
.swiper-button-prev.swiper-button-disabled::after {
  opacity: .35;
}
@media screen and (max-width: 1440px) { 
  .technology-active .carousel-item {
    width: 100%;
  } 
  .technology-active .benefits-box .benefits .benefits-item .benefits-item-img {
    width: 36.6667vw;
    height: 13.1944vw;
  }
  .technology-active .benefits-box .benefits .benefits-item .benefite-item-bottom {
    padding: 1.1111vw;
  }
  .technology-active .solutions-products .solutions-products-top {
    padding-top: 8.3333vw;
  }
  .technology-active .solutions-products .solutions-products-top .solutions-products-title {
    max-width: 44.6528vw;
  }
  .technology-active .solutions-products .solutions-products-content .content .content-item .content-item-left {
    width: 31.9444vw;
    height: 43.75vw;
    padding: 0;
    margin-right: 1.6667vw;
  }
  .technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .right-item-desc-box .right-item-desc-item {
    font-size: 0.9722vw;
  }
  .technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .product-title {
    margin-top: 2.7778vw;
  }
  .technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .swiper-container .swiper .swiper-slide{
    width: 17.0833vw!important;
    height: 13.1944vw;
    padding: 1.6667vw 1.1111vw;
  }
  .technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .swiper-container .swiper .swiper-slide .swiper-slide-title {
    font-size: 1.1111vw;
  }
  .technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .swiper-container {
    max-width: 35.8333vw;
    height: 17.0833vw;
  }
  .technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .right-item-desc-box {
    min-height: 12.2222vw;
  }
  .technology-active .typical .typical-content .typical-item .typical-item-img {
    height: 20.6944vw;
  }
  .technology-active .typical .typical-content .one-item .typical-item-img {
    width: 36.6667vw;
    height: 20.6944vw;
  }
  .technology-active .typical .typical-content .typical-item .typical-item-title {
    bottom: 1.1111vw;
  }
  .technology-active .typical .typical-content {
    margin-bottom: 8.3333vw;
  }
  .technology-active .benefits-box .benefits .benefits-item {
    height: 28.4722vw;
  }
}
@media screen and (max-width: 768px) { 
  .technology-active .benefits-box {
    padding-bottom: 9.6vw;
  }
  .technology-active .benefits-box .benefits {
    grid-template-columns: repeat(1, 1fr);
    gap:2.1333vw;
  }
  .technology-active .benefits-box .benefits .first-item {
    padding: 4.2667vw;
    height: auto;
  }
  .technology-active .benefits-box .benefits .benefits-item {
    height: auto;
  }
  .technology-active .benefits-box .benefits .first-item .iconfont {
    font-size: 10.6667vw;
    line-height: normal;
    margin-bottom: 1.0667vw;
  }
  .technology-active .benefits-box .benefits .benefits-item .iconfont {
    font-size: 10.6667vw;
  }
  .technology-active .benefits-box .benefits .benefits-item .benefits-item-img .small-play .iconfont {
    width: 8vw;
    height: 8vw;
  }
  .technology-active .benefits-box .benefits .benefits-item .benefits-item-img {
    width:100%;
    height: 44.2667vw;
  }
  .technology-active .benefits-box .benefits .benefits-item .benefite-item-bottom {
    padding: 0;
    padding-top: 4.2667vw;
  }
  .technology-active .benefits-box .benefits .benefits-item .benefite-item-bottom .benefits-item-title {
    margin-bottom: 2.1333vw;
    font-size: 4.2667vw;
  }
  .technology-active .benefits-box .benefits .benefits-item .benefite-item-bottom .benefits-item-desc {
    font-size: 3.7333vw;
  }

  .technology-active .solutions-products .solutions-products-top {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 8.5333vw;
    padding-top: 10.6667vw;
  }
  .technology-active .solutions-products .solutions-products-top .solutions-products-title {
    margin-bottom: 4.2667vw;
    padding-top: 10.6667vw;
  }
  .technology-active .solutions-products .solutions-products-top .solutions-top-tab .top-tab-item {
    font-size: 4.8vw;
    padding-bottom: 2.1333vw;
    margin-right: 10.6667vw;
  }
  .technology-active .solutions-products .solutions-products-top .solutions-top-tab {
    padding-bottom: 0;
  }

  .technology-active .solutions-products .solutions-products-content .content .card {
    width: 100%;
    border: 0;
    padding-bottom: 4.2667vw;
  } 
  .technology-active .solutions-products .solutions-products-content .content .card:last-child {
    padding-bottom: 0;
  }
  .technology-active .solutions-products .solutions-products-content .content .card .card-header {
    border-radius: 0;
    width: 100%;
    padding: 4.2667vw;
    border: 0;
    background: #FAFAFA;
  }
  .technology-active .solutions-products .solutions-products-content .content .card .card-header .card-header-title {
    max-width: 65.8667vw;
    text-align: left;
    /* Large2-S-16 */
    font-family: "Montserrat-SemiBold";
    font-size: 4.2667vw;
    font-style: normal;
    line-height: 150%; /* 150% */
  }
  .technology-active .solutions-products .solutions-products-content .content .card .card-header .btn-link {
    width: 100%;
    text-decoration: none;
    color: #231815;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    font-family: "Montserrat-SemiBold";
    font-size: 4.8vw;
    font-style: normal;
    line-height: 150%;
    background: #FAFAFA;
  }
  .technology-active .solutions-products .solutions-products-content .content .card .card-header .active {
    color: #3A66FB;
  }
  .technology-active .solutions-products .solutions-products-content .content .card .card-header .btn-link .iconfont { 
    font-size: 6.4vw;
    line-height: normal;
  }
  .technology-active .solutions-products .solutions-products-content .content .card .card-body {
    padding: 0;
    background: #FAFAFA;
    padding: 4.2667vw;
  }
  .technology-active .solutions-products .solutions-products-content .content .card .card-body .content-item {
    flex-direction: column;
    padding: 0;
  }
  .technology-active .solutions-products .solutions-products-content .content .card .card-body .content-item .content-item-left {
    width: 100%;
    height: 137.3333vw;
    margin: 0;
    margin-bottom: 10.6667vw;
    padding: 0;
  }
  .technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .right-item-title {
    font-size: 4.2667vw;
    margin-bottom: 4.2666vw;
  }
  .technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .right-item-desc-box .right-item-desc-item {
    font-size: 3.7333vw;
  }
  .technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .right-item-desc-box .right-item-desc-item::before {
    margin: 0 1.0667vw;
    font-size: 4.2666vw;
  }
  .technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .right-item-desc-box {
    margin-bottom: 10.6667vw;
  }
  .technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .product-title {
    font-size: 4.2667vw;
    margin-bottom: 4.2667vw;
  }
  .technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .product-selection-tab .selection-tab-item {
    height: 6.9333vw;
    margin-right: 0;
    padding: 1.0667vw 4.2667vw;
    font-size: 3.2vw;
    border-radius: 8vw;
  }
  .technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .product-selection-tab {
    margin-bottom: 2.1333vw;
    flex-wrap: wrap;
    gap: 2.1333vw 4.2667vw;
  }
  .technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .swiper-container .swiper .swiper-slide .swiper-slide-title {
    font-size: 4.2667vw;
  }
  .technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .swiper-container .swiper .swiper-slide {
    width: 78.6667vw!important;
    height: 53.3333vw;
    padding: 4.2667vw;
  }
  .technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .swiper-container .swiper {
    width: 100%;
  }
  .technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .swiper-container .swiper .swiper-slide .swiper-slide-img {
    width: 25.6vw;
    height: 25.6vw;
    right: 4.2667vw;
    bottom: 4.2667vw;
  }
  .technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .swiper-container .swiper .swiper-slide .iconfont {
    left: 6.4vw;
    bottom: 6.4vw;
    font-size: 6.4vw;
  }
  .swiper-container .product-selection-next, .swiper-container .swiper-button-prev {
    width: 10.6667vw;
    height: 10.6667vw;
    bottom: -17.0667vw;
  }
  .swiper-container .swiper-button-prev {
    right: 14.9333vw;
  }
  .swiper-container .swiper-button-next::after, .swiper-container .swiper-button-prev::after {
    font-size: 3.2vw;
  }
  .technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right .swiper-container {
    max-width: 100%;
    height: 76.8vw;
  }
  .technology-active .solutions-products .solutions-products-content {
    padding-bottom: 0;
  }

  .technology-active .typical {
    margin-top: 10.6667vw;
    padding:0 6.4vw;
  }
  .technology-active .typical .typical-title {
    margin-bottom: 6.4vw;
  }
  .technology-active .typical .typical-content {
    display: flex;
    margin-bottom: 21.3333vw;
  }
  .technology-active .typical .typical-content .typical-item .typical-item-bottom .typical-item-title {
    font-size: 4.2667vw;
    bottom: 21.3333vw;
    margin-bottom: 4.2667vw;
  }

   #typical-swiper {
    width: 100%;
    height: 160.5333vw;
    position: relative;
  }
  #typical-swiper .swiper {
    width: 100%;
    height: 100%;
  }
  .technology-active .typical .typical-content .typical-item {
    width: 100%;
  }
  #typical-swiper .typical-selection-next,
  #typical-swiper .typical-selection-prev {
    position: absolute;
    bottom: 0;
    right: 0;
    top: unset;
    left: unset;
    width: 10.6667vw;
    height: 10.6667vw;
    border-radius: 50%;
  }
  #typical-swiper .typical-selection-prev {
    right: 17.0667vw;
  }
  #typical-swiper .typical-selection-next::after,
  #typical-swiper .typical-selection-prev::after {
    color: #231815;
    font-size: 3.2vw;
    font-weight: bold;
  }
  .technology-active .typical .typical-content .typical-item .typical-item-img {
    width: 100%;
    height: 65.6vw;
  }
  .technology-active .container .watch-video {
    padding-bottom: 0;
  }
  .technology-active .benefits-box {
    padding-top: 0;
  }
  .technology-active .benefits-box .benefits {
    padding-top: 10.6667vw;
  }
  .technology-active .benefits-box .benefits .card {
    width: 100%;
    border: 0;
  } 
  .technology-active .benefits-box .benefits .card:last-child {
    padding-bottom: 0;
  }
  .technology-active .benefits-box .benefits .card .card-header {
    border-radius: 0;
    width: 100%;
    padding: 4.2667vw;
    border: 0;
    background: #FFF;
  }
  .technology-active .benefits-box .benefits .card .card-header .card-header-title {
    max-width: 65.8667vw;
    text-align: left;
    /* Large2-S-16 */
    font-family: "Montserrat-SemiBold";
    font-size: 4.2667vw;
    font-style: normal;
    line-height: 150%; /* 150% */
  }
  .technology-active .benefits-box .benefits .card .card-header .btn-link {
    width: 100%;
    text-decoration: none;
    color: #231815;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    font-family: "Montserrat-SemiBold";
    font-size: 4.8vw;
    font-style: normal;
    line-height: 150%;
    background: #FFF;
  }
  .technology-active .benefits-box .benefits .card .card-header .active {
    color: #3A66FB;
  }
  .technology-active .benefits-box .benefits .card .card-header .btn-link .iconfont { 
    font-size: 6.4vw;
    line-height: normal;
  }
  .technology-active .benefits-box .benefits .card .card-body {
    padding: 0;
    background: #FFF;
    padding: 4.2667vw;
  }
  .technology-active .typical .typical-content .typical-item:hover .typical-item-img img {
    transform: scale(1);
  }
  .technology-active .technology-top .technology-title-box .technology-title {
    font-size: 10.6667vw;
    padding: 2.1333vw 0;
    padding-top: 0;
  }
  .technology-active .container .watch-video .technology-active-title {
    margin-bottom: 10.6667vw;
  }
  .technology-active .container .watch-video .watch-video-top {
    flex-direction: column;
  }
  .technology-active .typical .typical-content .typical-item .typical-item-bottom .typical-item-desc {
    -webkit-line-clamp: 6;
    font-size: 3.7333vw;
  }
  .technology-active .typical .typical-content .typical-item .typical-item-bottom {
    height: 77.8667vw;
    padding: 6.4vw 4.2667vw;
  }
  .technology-active .technology-top .technology-title-box {
    max-width: 100%;
  }
  .technology-active .technology-top {
    margin: 12.8vw auto 0;
    border-bottom: 0.2667vw solid rgba(35, 24, 21, 0.10);
  }
  .technology-active .solutions-products .solutions-products-content .content .content-item .content-item-right {
    max-width: 100%;
  }
}