.five-e-wrap {
  padding-bottom: 2.0833vw;
}
.products-title {
  margin: 6.25vw auto 2.0833vw
}
.five-e-wrap .five-e-banner.five-e-wrap {
  padding-bottom: 4.1667vw;
}
/* title start */
.five-e-wrap .five-e-title {
  margin: 6.4583vw auto 2.0833vw;
  font-family: "Montserrat-SemiBold";
  font-size: 4.1667vw;
  line-height: 150%;
  letter-spacing: 0%;
  translate: none;
  animation-fill-mode: backwards !important;
  will-change: transform, opacity;
}
.five-e-wrap .five-e-subtitle {
  font-size: 3.125vw;
  text-align: center;
  line-height: 150%;
  font-family: "Montserrat-SemiBold";
  padding-top: 1.25vw;
  padding-bottom: 0.8333vw;
}
.five-e-wrap .five-e-small-title {
  font-size: 1.25vw;
  text-align: center;
  color: #999;
}
.five-e-wrap .five-e-description {
  font-size: 0.8333vw;
  line-height: 150%;
  font-weight: 400;
  color: #333;
  margin-top: 0.8333vw;
}
.five-e-wrap .products-title {
  font-size: 4.1667vw;
}
/* title end */


/* banner start */
.five-e-wrap .five-e-banner {
  width: 100%;
  height: 20.8333vw;
  translate: none;
  animation-fill-mode: backwards !important;
}
/* banner end */


/* 锚点颜色重置 start */
.five-e-wrap .publicMenu-tab .publicactive-tab-hover.active {
  border-bottom: 0.0521vw solid #3A66FB !important;
  color: #3A66FB !important;
}
.five-e-wrap .publicMenu-tab a:hover {
  color: #3A66FB !important;
}
.five-e-wrap .publicMenu-tab .publicactive-tab-hover::after {
  background-color: #3A66FB !important;
}
/* 锚点颜色重置 end */


/* Overview start */
.five-e-wrap .five-e-overview {
  margin-top: 2.9167vw;
}
.five-e-wrap .five-e-overview .video {
  width: 100%;
  margin: 6.25vw auto;
  position: relative;
}
.five-e-wrap .five-e-overview .video .video-item {
  width: 100%;
}
.five-e-wrap .five-e-overview .video .play {
  width: 3.6458vw;
  height: 3.6458vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 50%;
}
.five-e-wrap .five-e-overview .video .play .iconfont {
  font-size: 4.1667vw;
  color: #3A66FB;
}
.five-e-wrap .five-e-overview .video .play:hover .iconfont {
  color: #3556CD;
}
.five-e-wrap .five-e-overview .overview-video {
  margin: 1.0417vw auto;
  max-width: 52.0833vw;
}
/* Overview end */


/* Easy Connection start */
.five-e-wrap .five-e-easy-connection {
  margin-top: 3.125vw;
}
.five-e-wrap .temp-offset .five-e-easy-connection {
  margin-top: 0;
  padding-top: 5.2083vw;
}
.five-e-wrap .connection-icon-img {
  text-align: center;
}
.five-e-wrap .icon-img {
  max-width: 4.1667vw;
}
.five-e-wrap .five-e-easy-connection .easy-connection-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1.0417vw;
}
.five-e-wrap .five-e-easy-connection .easy-connection-list .easy-connection-item {
  width: calc(50% - 0.5208vw);
  position: relative;
  margin-bottom: 1.0417vw;
  overflow: hidden;
}
.five-e-wrap .five-e-easy-connection.template-four .easy-connection-list .easy-connection-item:first-child {
  width: 100%;
  margin-right: 0;
}
.five-e-wrap .five-e-easy-connection .easy-connection-list .easy-connection-item .easy-connection-link {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
}
.five-e-wrap .five-e-easy-connection .easy-connection-list .easy-connection-item .img-box {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s;
}
.five-e-wrap .five-e-easy-connection .easy-connection-list .easy-connection-item .text-box {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFFFFF;
  line-height: 150%;
  padding: 0 1.0417vw;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.five-e-wrap .five-e-easy-connection .easy-connection-list .easy-connection-item .text-box .sub-title {
  font-size: 0.9375vw;
  padding-bottom: 0.8333vw;
}
.five-e-wrap .five-e-easy-connection .easy-connection-list .easy-connection-item .text-box .sub-desc {
  max-height: 5.3125vw;
  font-size: 0.7292vw;
  font-weight: 400;
  height: 0;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.five-e-wrap .five-e-easy-connection .easy-connection-list .easy-connection-item:hover .img-box {
  transform: scale(1.1);
}
.five-e-wrap .five-e-easy-connection .easy-connection-list .easy-connection-item:hover .text-box {
  background: rgba(0,0,0, 0.6);
}
.five-e-wrap .five-e-easy-connection .easy-connection-list .easy-connection-item:hover .text-box .sub-desc {
  /* height: unset; */
  height: 5.3125vw;
  padding: 0.2083vw 0 1.1458vw;
}
/* template 2模版 */
.five-e-wrap .five-e-easy-connection.template-two .easy-connection-list {
  justify-content: flex-start;
}
.five-e-wrap .five-e-easy-connection.template-two .easy-connection-list .easy-connection-item {
  width: calc((100% - 1.0417vw * 2) / 3);
  margin-right: 1.0417vw;
}
.five-e-wrap .five-e-easy-connection.template-two .easy-connection-list .easy-connection-item:nth-child(3n) {
  margin-right: 0;
}
/* template 3模版 */
.five-e-wrap .five-e-easy-connection.template-three .easy-connection-list .easy-connection-item:nth-child(n+3) {
  width: calc(33.33% - 0.7292vw);
}
.five-e-wrap .five-e-easy-connection.template-three .easy-connection-list .easy-connection-item:nth-child(-n+2) {
  width: calc(50% - 0.5208vw);
  margin-right: 0;
}
/* Easy Connection end */

@media screen and (max-width: 1440px) {
  .five-e-wrap .five-e-easy-connection .easy-connection-list .easy-connection-item:hover .text-box .sub-desc {
    max-height: 6.3125vw;
    height: 5.8vw;
    -webkit-line-clamp: 3;
  }
  .five-e-wrap .publicMenu-sticky .publicMenu {
    padding-top: 0;
  }
  .five-e-wrap .five-e-subtitle {
    font-size: 3.6111vw;
  }
  .five-e-wrap .five-e-banner {
    height: 25vw;
  }
  .five-e-wrap .five-e-easy-connection .easy-connection-list .easy-connection-item:hover .text-box {
    padding-bottom: 1vw;
  }
}

@media screen and (max-width: 768px) {
  .five-e-wrap .products-title {
    font-size: 8.5333vw;
    margin: 19.2vw auto 6.4vw;
  }
  .five-e-wrap .five-e-banner {
    height: 33.6vw;
  }
  .five-e-wrap h1 {
    font-size: 9.6vw;
  }
  .five-e-wrap .five-e-subtitle {
    font-size: 8.5333vw;
    padding-top: 0;
    padding-bottom: 0;
  }
  .five-e-wrap .five-e-description {
    font-size: 3.7333vw;
  }
  .five-e-wrap .five-e-overview {
    margin-top: 0;
  }
  .five-e-wrap .five-e-easy-connection .easy-connection-list {
    margin-bottom: 10.6667vw;
  }
  .five-e-wrap .five-e-easy-connection .easy-connection-list .easy-connection-item {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .five-e-wrap .five-e-overview .video .play {
    width: 9.6vw;
    height: 9.6vw;
  }
  .five-e-wrap .five-e-overview .video .play .iconfont {
    font-size: 10.6667vw;
  }
  .five-e-wrap .icon-img {
    max-width: 16vw;
  }
  .five-e-wrap .five-e-small-title {
    font-size: 3.7333vw;
  }
  .five-e-wrap .five-e-easy-connection.template-two .easy-connection-list .easy-connection-item {
    width: 100%;
    margin-right: 0;
  }
  .five-e-wrap .five-e-easy-connection .easy-connection-list .easy-connection-item .img-box {
    height: 48vw;
  }
  .five-e-wrap .five-e-easy-connection .easy-connection-list .easy-connection-item .text-box .sub-title {
    padding-bottom: 2.1333vw;
    font-size: 3.7333vw;
  }
  .five-e-wrap .five-e-easy-connection .easy-connection-list .easy-connection-item .text-box .sub-desc {
    font-size: 3.2vw;
  }
  .five-e-wrap .five-e-easy-connection .easy-connection-list .easy-connection-item:hover .text-box .sub-desc {
    height: 0;
    padding: 0;
  }
  .five-e-wrap .five-e-easy-connection .easy-connection-list .easy-connection-item:hover .img-box {
    transform: scale(1);
  }
  .five-e-wrap .five-e-easy-connection .easy-connection-list .easy-connection-item:hover .text-box {
    background: none;
  }
  .five-e-wrap .five-e-overview .overview-video {
    max-width: 100%;
  }
  .five-e-wrap .five-e-easy-connection {
    margin-top: 10.6vw;
  }
}