.softwareProduct {
  /* margin-top: 4.4vw; */
  padding-top: 4.14vw;
}
.software-banner {
    margin-top: 0;
}
.softwareProduct .timeline-box h2,
.softwareProduct .timeline-box #timeline,
.softwareProduct .software-whereDss h2,
.softwareProduct .software-whereDss p,
.softwareProduct .software-whereDss .whereDss-target,
.softwareProduct .smartRetail h2,
.softwareProduct .smartRetail .smartRetail-swiper,
.softwareProduct .smartRetail .smartRetail-prev-btn,
.softwareProduct .smartRetail .smartRetail-next-btn,
.softwareProduct .software-interest h2,
.softwareProduct .software-interest .interestItem {
  opacity: 0;
}
/* softwareProductTitle 公用大标题样式 */
.softwareProduct .softwareProductTitle {
  max-width: 56.25vw;
  margin: 0 auto;
  color: #231815;
  text-align: center;
  font-family: "Montserrat-SemiBold";
  font-size: 3.125vw /* 60px -> 3.125vw */;
  font-style: normal;
  line-height: 150%; /* 150% */
  text-transform: capitalize;
}
/* viewMore 公共样式 */
.softwareProduct .viewBtnBox{
  text-align: center;
}
.softwareProduct .viewMore {
  border: 0.0521vw solid #231815;
  font-family: "Montserrat-SemiBold" !important;
  padding: 0.4167vw /* 8px -> 0.4167vw */ 0.8333vw /* 16px -> 0.8333vw */;
  color: #231815;
  font-size: 0.8333vw /* 16px -> 0.8333vw */;
  line-height: 150%;
  border-radius: 1.25vw /* 24px -> 1.25vw */;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  cursor: pointer;
  margin: 0 auto;
  width: auto;
}
.softwareProduct .viewMore i {
  background: #3a66fb;
  border-radius: 50%;
  color: #fff;
  font-size: 1.25vw /* 24px -> 1.25vw */;
  line-height: 1.25vw /* 24px -> 1.25vw */;
  margin-left: 0.4167vw /* 8px -> 0.4167vw */;
  font-weight: bolder;
}
.softwareProduct .viewMore:hover {
  background: #3a66fb;
  border-color: #3a66fb;
  color: #fff;
}
.softwareProduct .viewMore:hover i {
  background: #fff;
  color: #3a66fb;
}
.set-bg:nth-child(even) .whereDss-next-btn, .set-bg:nth-child(even) .whereDss-prev-btn{
  background: #fff;
}
/* bookDemo按钮样式 */
.softwareProduct .bookDemo {
  font-family: "Montserrat-SemiBold" !important;
  background: #3a66fb;
  color: #fff;
  border-radius: 1.25vw /* 24px -> 1.25vw */;
  padding: 0.4167vw /* 8px -> 0.4167vw */ 2.0833vw /* 40px -> 2.0833vw */;
  font-size: 0.8333vw /* 16px -> 0.8333vw */;
  font-style: normal;
  line-height: 150%; /* 150% */
  margin-top: 2.0833vw /* 40px -> 2.0833vw */;
  position: relative;
}
.softwareProduct .bookDemo::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: rgba(35, 24, 21, 0.2);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.2s;
  border-radius: 2.6042vw;
}
.softwareProduct .bookDemo:hover::before {
  opacity: 1;
}
/* 头部面包屑 start */
.softwareProductHead {
  border-bottom: 0.0521vw /* 1px -> 0.0521vw */ solid rgba(35, 24, 21, 0.1);
  border-top: 0.0521vw /* 1px -> 0.0521vw */ solid rgba(35, 24, 21, 0.1);
  padding-top: 0.4167vw /* 8px -> 0.4167vw */;
  padding-bottom: 0.4167vw /* 8px -> 0.4167vw */;
  position: fixed;
  z-index: 999;
  top: 5.68vw;
  background: #fff;
  width: 100%;
}
.softwareProductHead .softwareProductHeadbox {
  display: flex;
  justify-content: space-between;
}
.softwareProductHead .softwareProductHeadbox .softwareProductTitle {
  margin: 0;
  color: #231815;
  font-family: "Montserrat-SemiBold";
  font-size: 2.0833vw /* 40px -> 2.0833vw */;
  font-style: normal;
  line-height: 150%; /* 150% */
  text-transform: capitalize;
}
.softwareProductHead .softwareProductHeadbox .softwareProductCrumbs {
  color: #231815;
  font-family: Montserrat;
  font-size: 0.8333vw /* 16px -> 0.8333vw */;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 150% */
  display: flex; /* 横向排列 li */
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: center;
  gap: 1.25vw /* 24px -> 1.25vw */;
}
.softwareProductHead .softwareProductHeadbox .softwareProductCrumbs a {
  flex: 1; /* 三等分 */
  position: relative; /* 给伪元素定位 */
  text-align: center;
}
.softwareProductHead
  .softwareProductHeadbox
  .softwareProductCrumbs
  a:not(:last-child) {
  padding-right: 1.25vw /* 24px -> 1.25vw */;
}
.softwareProductHead
  .softwareProductHeadbox
  .softwareProductCrumbs
  a:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 20%; /* 上下留白，可改 */
  bottom: 20%;
  right: 0;
  width: 0.0521vw /* 1px -> 0.0521vw */; /* 线宽 */
  background: #231815; /* 线颜色，改成需要的 */
}
/* 头部面包屑 end */
/* whatDss-vedio start */
.softwareProduct .hatDss-titleOrVideoBox {
  padding: 4.1667vw /* 80px -> 4.1667vw */ 0;
}
.softwareProduct .whatDss-titleOrVideo {
  max-width: 75vw;
  margin: 0 auto;
  display: flex;
  gap: 1.25vw /* 24px -> 1.25vw */;
}
.softwareProduct .whatDss-titleOrVideo .whatDss-title {
  max-width: 33.3333vw;
  background: #fff;
  border-radius: 1.25vw /* 24px -> 1.25vw */;
  width: 50%;
}
.softwareProduct .whatDss-titleOrVideo .vertical-tit {
  max-width: 56.0417vw;
  background: #fafafa;
  padding-top: 6.25vw !important;
  padding-left: 6.25vw !important;
}
.softwareProduct .whatDss-titleOrVideo .vertical-tit h2 {
  width: 33.3333vw;
}
.softwareProduct .whatDss-titleOrVideo .vertical-tit p {
  width: 33.3333vw;
}
.softwareProduct .whatDss-titleOrVideo .whatDss-title h2 {
  color: #231815;
  font-family: "Montserrat-SemiBold";
  font-size: 2.0833vw /* 60px -> 3.125vw */;
  font-style: normal;
  line-height: 150%; /* 150% */
  text-transform: capitalize;
}
.softwareProduct .whatDss-titleOrVideo .whatDss-title p {
  color: #231815;
  font-family: Montserrat;
  font-size: 0.8333vw /* 16px -> 0.8333vw */;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 150% */
  margin-top: 1.25vw /* 24px -> 1.25vw */;
}
.softwareProduct .whatDss-titleOrVideo .whatDss-video {
  border-radius: 1.25vw /* 24px -> 1.25vw */;
  width: 50%;
  overflow: hidden;
  position: relative;
}
.softwareProduct .whatDss-titleOrVideo .whatDss-video .video-item {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.softwareProduct .whatDss-titleOrVideo .whatDss-video .small-play {
  width: 4.1667vw /* 80px -> 4.1667vw */;
  height: 4.1667vw /* 80px -> 4.1667vw */;
  line-height: 4.1667vw /* 80px -> 4.1667vw */;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  background: #3a66fb;
  color: #fff;
  border-radius: 50%;
  z-index: 99;
}
.softwareProduct .whatDss-titleOrVideo .whatDss-video .small-play .iconfont {
  font-size: 1.3906vw;
}

/* 公用 Solutions end */
/* Explore DSS 模块 start */
/* Explore DSS ---- whatDss start*/
.softwareProduct .exploreDSS .whatDss {
  width: 100%;
  border-radius: 1.25vw /* 24px -> 1.25vw */;
}
.softwareProduct .exploreDSS .whatDss.has-whatDss-detail {
  padding: 2.0833vw /* 40px -> 2.0833vw */ 1.25vw /* 24px -> 1.25vw */ 2.0833vw
    1.25vw !important;
  background: #fafafa;
}
.softwareProduct .exploreDSS .whatDss.has-whatDss-detail .whatDss-title {
  padding: 5.7292vw 2.9167vw;
}
.softwareProduct .exploreDSS .whatDss.has-whatDss-detail .whatDss-titleOrVideo {
  margin-top: 0;
}
.softwareProduct .exploreDSS .whatDss.vertical-bg {
  padding: 0 !important;
  background: #fff;
  margin-bottom: 4.1667vw !important;
}
.softwareProduct .exploreDSS .whatDss .whatDss-detail {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 1.25vw /* 24px -> 1.25vw */;
  margin-top: 1.25vw /* 24px -> 1.25vw */;
}
.softwareProduct .exploreDSS .whatDss .whatDss-detail .whatDss-detai-item img {
  height: 13.125vw /* 252px -> 13.125vw */;
  width: 100%;
  border-radius: 0.8333vw /* 16px -> 0.8333vw */;
}
.softwareProduct .exploreDSS .whatDss .whatDss-detail .whatDss-detai-item h3 {
  color: #231815;
  font-family: "Montserrat-SemiBold";
  font-size: 1.6667vw /* 32px -> 1.6667vw */;
  font-style: normal;
  line-height: 150%; /* 150% */
  text-transform: capitalize;
  margin: 1.25vw /* 24px -> 1.25vw */ 0 1.25vw;
  padding-left: 0.8333vw;
}
.softwareProduct .exploreDSS .whatDss .whatDss-detail .whatDss-detai-item p {
  color: #231815;
  font-family: Montserrat;
  font-size: 0.8333vw /* 16px -> 0.8333vw */;
  font-style: normal;
  font-weight: 400;
  line-height: 183%; /* 150% */
  margin-bottom: 0 /* 8px -> 0.4167vw */;
  padding-left: 0.8333vw;
}
.softwareProduct .exploreDSS .whatDss-number {
  height: 9.5833vw /* 184px -> 9.5833vw */;
  overflow: hidden;
  position: relative;
  margin-top: 2.0833vw /* 40px -> 2.0833vw */;
}
.softwareProduct .exploreDSS .whatDss-number img {
  width: 100%;
  height: 100%;
  position: absolute;
}
.softwareProduct .exploreDSS .whatDss-msk {
  background: rgba(35, 24, 21, 0.4);
  backdrop-filter: blur(0.3125vw);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
}
.softwareProduct .exploreDSS .whatDss-number-detail {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  padding: 2.0833vw /* 40px -> 2.0833vw */ 6.0938vw /* 117px -> 6.0938vw */;
  display: flex;
  justify-content: space-between;
}
.softwareProduct .exploreDSS .whatDss-number-detail h3 {
  color: #fff;
  font-family: "Montserrat-SemiBold";
  font-size: 2.5vw /* 48px -> 2.5vw */;
  font-style: normal;
  line-height: 150%; /* 150% */
  text-transform: capitalize;
}
.softwareProduct .exploreDSS .whatDss-number-detail p {
  color: #fff;
  font-family: Montserrat;
  font-size: 0.8333vw /* 16px -> 0.8333vw */;
  font-style: normal;
  line-height: 150%; /* 150% */
  margin-top: 0.4167vw /* 8px -> 0.4167vw */;
}
.timeline-box {
  background-color: #fafafa;
  padding: 4.1667vw 0;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.timeline-box h2 {
  max-width: 56.25vw !important;
  color: #231815;
  text-align: center;
  font-size: 3.125vw;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  text-transform: capitalize;
  margin-bottom: 2.0833vw;
}
#timeline {
  width: 100%;
  display: flex;
  gap: 4.1667vw;
  /* width: 83.3333vw; */
  padding-left: 12.5vw;
  padding-right: 4.1667vw;
  /* max-width: 75vw !important; */
}
#timeline .timeline {
  position: relative;
  width: 21.6667vw;
  height: 29.4792vw;
  max-height: 29.4792vw;
  padding: 0 0 0 1.0417vw;
  box-sizing: border-box;
  display: flex;
  gap: 2.0833vw;
  flex-direction: column;
  padding-top: 1.25vw;
}
#timeline .line {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0.2083vw;
  background: #ddd;
  border-radius: 0.2083vw;
}
#timeline .bar {
  position: absolute;
  left: 0;
  width: 0.2083vw;
  height: 5.7813vw;
  background: #007cff;
  transition: top 0.3s, height 0.3s;
  border-radius: 0.2083vw;
  z-index: 2;
}
#timeline .item {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  flex: 0 0 auto;
  height: 2vw;
  display: flex;
  align-items: start;
  transition: height 0.6s linear;
}

#timeline .title {
  color: #9fa0a0;
  font-size: 1.25vw;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%; /*  */
}
#timeline .desc {
  color: #9fa0a0;
  /* Large1-R-16 */
  font-size: 0.8333vw;
  font-style: normal;
  line-height: 150%; /*  */
  max-height: 0;
  transition: max-height 0.6s linear;
}
#timeline .item.active {
  flex: 1;
}
#timeline .active .title {
  color: #231815;
}
#timeline .active .desc {
  max-height: fit-content;
  transition: all 0.3s ease;
  margin-top: 1.25vw;
}

#timeline .image-box {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.8333vw;
  background: rgba(58, 102, 251, 0.06);
  padding: 0.8333vw;
}
#timeline .image-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 0.4167vw;
}

/* Explore DSS ---- whatDss end*/
/* 共用 why choose DSS start */
.softwareProduct .whyChooseDSS {
  max-width: 100%;
  background: #02051c;
  margin: 0 2.0833vw;
  padding: 4.1667vw 10.4167vw /* 200px -> 10.4167vw */ 4.1667vw;
  border-radius: 0.8333vw;
  overflow: hidden;
  padding-top: 0 !important;
}
.softwareProduct .whyChooseDSS .whyChooseDSSHead {
  margin-top: 4.1667vw;
}
.softwareProduct .DSS-7116-specification {
  margin: 4.1667vw auto 0;
}
.softwareProduct .whyChooseDSS .softwareProductTitle {
  color: #fff;
}
.softwareProduct .whyChooseDSS .whyChooseDSS-Subtitle {
  max-width: 56.25vw;
  color: #fff;
  text-align: center;
  font-family: Montserrat;
  font-size: 0.8333vw /* 16px -> 0.8333vw */;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 150% */
  margin: 0 auto;
  margin-top: 1.3021vw /* 25px -> 1.3021vw */;
  margin-bottom: 2.0833vw;
}

/* 共用 why choose DSS 下 Explore DSS 模块 start */
.softwareProduct .whyChooseDSS .whyChooseDSS-tab {
  margin: 2.3438vw /* 45px -> 2.3438vw */ auto;
  display: flex;
  background: #fff;
  width: 28.9583vw /* 556px -> 28.9583vw */;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2.0833vw /* 40px -> 2.0833vw */;
  padding: 0.2083vw /* 4px -> 0.2083vw */;
}
.softwareProduct .whyChooseDSS .whyChooseDSS-tab .whyChooseDSS-tab-item {
  white-space: nowrap;
  font-family: "Montserrat-SemiBold";
  font-size: 0.8333vw /* 16px -> 0.8333vw */;
  font-style: normal;
  line-height: 150%; /* 150% */
  text-transform: capitalize;
  color: #fff;
  padding: 0.625vw 1.0417vw /* 20px -> 1.0417vw */;
  cursor: pointer;
}
.softwareProduct .whyChooseDSS .whyChooseDSS-tab .whyChooseDSS-tab-item.active {
  background: #3a66fb;
  color: #fff;
  border-radius: 2.0833vw /* 40px -> 2.0833vw */;
}
.softwareProduct .whyChooseDSS .whyChooseDSS-ExploreDSS {
  margin-bottom: 2.0833vw;
}
.softwareProduct
  .whyChooseDSS
  .whyChooseDSS-ExploreDSS
  .whyChooseDSS-ExploreDSS-item {
  margin-top: 1.0417vw;
  border-radius: 0.8333vw /* 16px -> 0.8333vw */;
  border: 0.0521vw /* 1px -> 0.0521vw */ solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 0 1.25vw /* 24px -> 1.25vw */ 0 rgba(255, 255, 255, 0.24) inset;
  backdrop-filter: blur(0.1042vw /* 2px -> 0.1042vw */);
  display: flex;
  padding: 2.0833vw /* 40px -> 2.0833vw */;
  gap: 4.5833vw /* 88px -> 4.5833vw */;
}
.softwareProduct
  .whyChooseDSS
  .whyChooseDSS-ExploreDSS
  .whyChooseDSS-ExploreDSS-item:nth-child(even) {
  flex-direction: row-reverse;
}
.softwareProduct
  .whyChooseDSS
  .whyChooseDSS-ExploreDSS
  .whyChooseDSS-ExploreDSS-item:nth-child(odd) {
  flex-direction: row;
}
.softwareProduct .whyChooseDSS .whyChooseDSS-ExploreDSS .detail-item-txt {
  width: 52%;
  padding: 2.0833vw /* 40px -> 2.0833vw */;
}
.softwareProduct .whyChooseDSS .whyChooseDSS-ExploreDSS .detail-item-txt h3 {
  color: #fff;
  font-family: "Montserrat-SemiBold";
  font-size: 1.25vw /* 24px -> 1.25vw */;
  font-style: normal;
  line-height: 150%; /* 150% */
}
.softwareProduct .whyChooseDSS .whyChooseDSS-ExploreDSS .detail-item-txt p {
  margin-top: 1.25vw /* 24px -> 1.25vw */;
  color: #fff;
  text-overflow: ellipsis;
  font-family: Montserrat;
  font-size: 0.8333vw /* 16px -> 0.8333vw */;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 150% */
}
.softwareProduct .whyChooseDSS .whyChooseDSS-ExploreDSS .detail-item-img {
  width: 47%;
  height: 17.0833vw /* 328px -> 17.0833vw */;
  background: #4f5e88;
  border-radius: 0.8333vw /* 16px -> 0.8333vw */;
  padding: 0.4167vw /* 8px -> 0.4167vw */;
}
.softwareProduct .whyChooseDSS .whyChooseDSS-ExploreDSS .detail-item-img img {
  width: 100%;
  height: 100%;
  border-radius: 0.8333vw /* 16px -> 0.8333vw */;
}
.softwareProduct .whyChooseDSS .viewMore {
  margin: 2.0833vw auto 0;
  color: #fff;
  border-color: #fff;
}
.softwareProduct .whyChooseDSS .viewMore:hover {
  border-color: #3a66fb;
}
/* 共用 why choose DSS 下 Explore DSS 模块 start */
/* 共用 why choose DSS 下剩余四个模块 start */
.softwareProduct .whyChooseDSS .whyChooseDSS-sameDSS {
}
.softwareProduct
  .whyChooseDSS
  .whyChooseDSS-sameDSS
  .whyChooseDSS-sameDSS-item {
}
.softwareProduct
  .whyChooseDSS
  .whyChooseDSS-sameDSS
  .whyChooseDSS-sameDSS-item
  .whyChooseDSS-sameDSS-item-txt
  h3 {
  color: #fff;
  font-family: "Montserrat-SemiBold";
  font-size: 1.25vw /* 24px -> 1.25vw */;
  font-style: normal;
  line-height: 150%; /* 150% */
}
.softwareProduct
  .whyChooseDSS
  .whyChooseDSS-sameDSS
  .whyChooseDSS-sameDSS-item
  .whyChooseDSS-sameDSS-item-txt
  p {
  color: #fff;
  font-family: Montserrat;
  font-size: 0.8333vw /* 16px -> 0.8333vw */;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 150% */
}
.softwareProduct
  .whyChooseDSS
  .whyChooseDSS-sameDSS
  .whyChooseDSS-sameDSS-item
  .whyChooseDSS-sameDSS-item-img
  img {
  width: 100%;
  height: 100%;
}
.softwareProduct
  .whyChooseDSS
  .whyChooseDSS-sameDSS
  .whyChooseDSS-sameDSS-item
  .whyChooseDSS-sameDSS-item-txt,
.softwareProduct
  .whyChooseDSS
  .whyChooseDSS-sameDSS
  .whyChooseDSS-sameDSS-item
  .whyChooseDSS-sameDSS-item-img {
  border-radius: 1.25vw;
  border: 0.0521vw /* 1px -> 0.0521vw */ solid
    var(--brand-color-white-50, rgba(255, 255, 255, 0.5));
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 0 1.25vw /* 24px -> 1.25vw */ 0 rgba(255, 255, 255, 0.24) inset;
  backdrop-filter: blur(0.1042vw /* 2px -> 0.1042vw */);
  overflow: hidden;
}

/* DSS Professional 模块 和 DSS7116D/DSS7116DR 模块*/
/* .DSS-Professional  ---- DSS Professional 模块 */
/* .DSS-7116 ---- DSS7116D/DSS7116DR 模块 */
.softwareProduct .whyChooseDSS .DSS-Professional .whyChooseDSS-sameDSS-item,
.softwareProduct .whyChooseDSS .DSS-7116 .whyChooseDSS-sameDSS-item {
  width: 100%;
  display: flex;
  gap: 1.25vw /* 24px -> 1.25vw */;
  margin-top: 2.0833vw /* 40px -> 2.0833vw */;
}
.softwareProduct
  .whyChooseDSS
  .DSS-Professional
  .whyChooseDSS-sameDSS-item:nth-child(odd),
.softwareProduct
  .whyChooseDSS
  .DSS-7116
  .whyChooseDSS-sameDSS-item:nth-child(even) {
  flex-direction: row;
}
.softwareProduct
  .whyChooseDSS
  .DSS-Professional
  .whyChooseDSS-sameDSS-item:nth-child(even),
.softwareProduct
  .whyChooseDSS
  .DSS-7116
  .whyChooseDSS-sameDSS-item:nth-child(odd) {
  flex-direction: row-reverse;
}

.softwareProduct
  .whyChooseDSS
  .DSS-Professional
  .whyChooseDSS-sameDSS-item
  .whyChooseDSS-sameDSS-item-txt {
  width: 70%;
  padding: 4.1667vw /* 80px -> 4.1667vw */;
}
.softwareProduct
  .whyChooseDSS
  .DSS-Professional
  .whyChooseDSS-sameDSS-item
  .whyChooseDSS-sameDSS-item-txt
  p,
.softwareProduct
  .whyChooseDSS
  .DSS-7116
  .whyChooseDSS-sameDSS-item
  .whyChooseDSS-sameDSS-item-txt
  p {
  margin-top: 0.8333vw /* 16px -> 0.8333vw */;
}
.softwareProduct
  .whyChooseDSS
  .DSS-Professional
  .whyChooseDSS-sameDSS-item
  .whyChooseDSS-sameDSS-item-img {
  width: 20.8333vw /* 400px -> 20.8333vw */;
  height: 20.8333vw /* 400px -> 20.8333vw */;
  width: 30%;
}

.softwareProduct
  .whyChooseDSS
  .DSS-7116
  .whyChooseDSS-sameDSS-item
  .whyChooseDSS-sameDSS-item-txt {
  width: 55%;
  padding: 4.1667vw /* 80px -> 4.1667vw */;
}
.softwareProduct
  .whyChooseDSS
  .DSS-7116
  .whyChooseDSS-sameDSS-item
  .whyChooseDSS-sameDSS-item-img {
  width: 33.3333vw /* 640px -> 33.3333vw */ /* 400px -> 20.8333vw */;
  height: 20.8333vw /* 400px -> 20.8333vw */ /* 400px -> 20.8333vw */;
  width: 45%;
}
/* .DSS-Express ---- DSS Express 模块 */
.softwareProduct .DSS-Express {
  display: flex;
  gap: 1.25vw /* 24px -> 1.25vw */;
}
.softwareProduct .DSS-Express .whyChooseDSS-sameDSS-item {
  display: flex;
  gap: 1.25vw /* 24px -> 1.25vw */;
}
.softwareProduct .DSS-Express .whyChooseDSS-sameDSS-item:nth-child(even) {
  flex-direction: column;
}
.softwareProduct .DSS-Express .whyChooseDSS-sameDSS-item:nth-child(odd) {
  flex-direction: column-reverse;
}
.softwareProduct
  .DSS-Express
  .whyChooseDSS-sameDSS-item
  .whyChooseDSS-sameDSS-item-txt {
  padding: 2.0833vw /* 40px -> 2.0833vw */;
}
/* 共用 why choose DSS 下剩余四个模块 end */
/* 共用 why choose DSS end */
/* Specification ---- DSS7116D/DSS7116DR 模块 start */

.softwareProduct .DSS-7116-specification h2 {
  color: #fff;
  text-align: center;
}
.softwareProduct .DSS-7116-specification .specificationDetail {
  margin-top: 2.0833vw /* 40px -> 2.0833vw */;
  display: flex;
  gap: 3.6458vw;
}
.softwareProduct
  .DSS-7116-specification
  .specificationDetail
  .specificationDetailImg {
  width: 50%;
  position: relative;
}
.softwareProduct
  .DSS-7116-specification
  .specificationDetail
  .specificationDetailImg
  img {
  width: 200%;
}
.softwareProduct
  .DSS-7116-specification
  .specificationDetail
  .specificationDetailList {
}
.softwareProduct
  .DSS-7116-specification
  .specificationDetail
  .specificationDetailList
  .specificationsUl {
  border-radius: 1.25vw /* 24px -> 1.25vw */;
  overflow: hidden;
}
.softwareProduct
  .DSS-7116-specification
  .specificationDetail
  .specificationDetailList
  .deviceChannelsUl {
  margin-top: 2.0833vw /* 40px -> 2.0833vw */;
  border-radius: 1.25vw /* 24px -> 1.25vw */;
  overflow: hidden;
}
.softwareProduct
  .DSS-7116-specification
  .specificationDetail
  .specificationDetailList
  li {
  padding: 0.9375vw /* 18px -> 0.9375vw */ 2.0833vw /* 40px -> 2.0833vw */;
  display: flex;
  gap: 2.0833vw /* 40px -> 2.0833vw */;
  align-items: center;
}
.softwareProduct
  .DSS-7116-specification
  .specificationDetail
  .specificationDetailList
  li:first-child {
  background: #333 !important;
}
.softwareProduct
  .DSS-7116-specification
  .specificationDetail
  .specificationDetailList
  li:nth-of-type(even) {
  background: #011026;
}
.softwareProduct
  .DSS-7116-specification
  .specificationDetail
  .specificationDetailList
  li:nth-of-type(odd) {
  background: #1c1e33;
}
.softwareProduct
  .DSS-7116-specification
  .specificationDetail
  .specificationDetailList
  li
  div {
  color: #fff;
  font-family: Montserrat;
  font-size: 0.8333vw /* 16px -> 0.8333vw */;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 150% */
}
.softwareProduct
  .DSS-7116-specification
  .specificationDetail
  .specificationDetailList
  li
  div:first-child {
  white-space: nowrap;
  flex: 0 0 6.25vw;
  text-align: left;
}
.softwareProduct
  .DSS-7116-specification
  .specificationDetail
  .specificationDetailList
  li
  div:last-child {
  flex: 1; /* 右侧自动填满剩余空间 */
}
.softwareProduct
  .DSS-7116-specification
  .specificationDetail
  .specificationDetailList
  li
  .specificationsTitle {
  font-family: "Montserrat-SemiBold";
}
/* Specification ---- DSS7116D/DSS7116DR 模块 end */
/* Explore DSS ---- chooseProduct start*/
.softwareProduct .chooseProduct {
  background: #fafafa;
  width: 100%;
  margin-top: 4.1667vw;
  padding: 4.1667vw /* 80px -> 4.1667vw */ 12.5vw /* 240px -> 12.5vw */;
}

.softwareProduct .set-bg:nth-child(odd).chooseProduct {
  margin-top: 0;
}
.softwareProduct .chooseProduct .chooseProductSubtitle {
  max-width: 56.25vw;
  margin: 0 auto;
  color: #231815;
  text-align: center;
  font-family: Montserrat;
  font-size: 0.8333vw /* 16px -> 0.8333vw */;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 150% */
  margin-top: 1.25vw /* 24px -> 1.25vw */;
}
.softwareProduct .chooseProduct .chooseProductDetail {
  margin-top: 2.0833vw /* 40px -> 2.0833vw */;
  display: flex;
}
.softwareProduct .chooseProduct .chooseProductDetail ul {
  width: 25%;
  margin-bottom: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  border-right: 0.0521vw solid #efefef;
}
.softwareProduct .chooseProduct .chooseProductDetail ul:first-child {
  border-radius: 0.8333vw 0 0 0.8333vw;
  overflow: hidden;
  border: 0.0521vw /* 1px -> 0.0521vw */ solid #efefef;
}
.softwareProduct .chooseProduct .chooseProductDetail ul:last-child {
  border-radius: 0 0.8333vw 0.8333vw 0;
  overflow: hidden;
  border: 0.0521vw /* 1px -> 0.0521vw */ solid #efefef;
  border-left: none;
}
.softwareProduct .chooseProduct .chooseProductDetail li {
  /* outline: 0.0521vw solid #efefef; */
  padding: 0.8333vw /* 16px -> 0.8333vw */ 2.0833vw /* 40px -> 2.0833vw */;
  border-bottom: 0.0521vw solid #efefef;
  flex: 1 0 auto;
}
.softwareProduct
  .chooseProduct
  .chooseProductDetail#chooseProductDetail-pc
  ul
  li:first-child {
  border-top: 0.0521vw solid #efefef;
}
.softwareProduct
  .chooseProduct
  .chooseProductDetail#chooseProductDetail-pc
  ul:first-child
  li:first-child {
  border-top: none;
}
.softwareProduct
  .chooseProduct
  .chooseProductDetail#chooseProductDetail-pc
  ul:last-child
  li:first-child {
  border-top: none;
}
.softwareProduct
  .chooseProduct
  .chooseProductDetail#chooseProductDetail-pc
  ul:first-child
  li:last-child {
  border-bottom: none;
}
.softwareProduct
  .chooseProduct
  .chooseProductDetail#chooseProductDetail-pc
  ul:last-child
  li:last-child {
  border-bottom: none;
}
.softwareProduct .chooseProduct .chooseProductDetail li:first-child {
  padding: 1.4063vw /* 27px -> 1.4063vw */ 2.0833vw /* 40px -> 2.0833vw */ !important;
}
.softwareProduct .chooseProduct .chooseProductDetail li:nth-child(even) {
  background: #fafafa;
}
.softwareProduct .chooseProduct .chooseProductDetail li:nth-child(odd) {
  background: #ffffff;
}

.softwareProduct
  .chooseProduct
  .chooseProductDetail
  li
  .chooseProductDetail-item {
  color: #231815;
  font-family: Montserrat;
  font-size: 0.7292vw /* 14px -> 0.7292vw */;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 157.143% */
}
.softwareProduct
  .chooseProduct
  .chooseProductDetail
  li
  .chooseProductDetail-item
  .iconfont {
  color: #3a66fb;
  font-size: 0.8333vw /* 16px -> 0.8333vw */;
  line-height: 0.8333vw /* 16px -> 0.8333vw */;
  margin-right: 0.4167vw /* 8px -> 0.4167vw */;
}
.softwareProduct
  .chooseProduct
  .chooseProductDetail
  li
  .chooseProductDetail-item.failed {
  color: #9fa0a0;
}
.softwareProduct
  .chooseProduct
  .chooseProductDetail
  li
  .chooseProductDetail-item.failed
  .iconfont {
  color: #9fa0a0;
}
.softwareProduct
  .chooseProduct
  .chooseProductDetail
  li
  .chooseProductDetail-item.notPass,
.softwareProduct
  .chooseProduct
  .chooseProductDetail
  li
  .chooseProductDetail-item.notPass
  .icon-icon_failed {
  color: #9fa0a0 !important;
}
.softwareProduct
  .chooseProduct
  .chooseProductDetail
  li
  .chooseProductDetail-title {
  font-family: "Montserrat-SemiBold";
  margin-bottom: 0.4167vw;
  font-size: 1.25vw /* 24px -> 1.25vw */;
}
.softwareProduct
  .chooseProduct
  .chooseProductDetail
  li
  .chooseProductDetail-subTitle {
  font-size: 0.8333vw /* 16px -> 0.8333vw */;
}
.softwareProduct .chooseProduct .chooseProductDetail li:last-child {
  display: flex;
  justify-content: space-between;
}
.softwareProduct .chooseProduct .chooseProductDetail .chooseProductDetail-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.softwareProduct
  .chooseProduct
  .chooseProductDetail
  .chooseProductDetail-btn
  .btn-viewMore {
  border: 0;
  font-family: "Montserrat-SemiBold" !important;
  padding: 0;
  color: #231815;
  font-size: 0.8333vw /* 16px -> 0.8333vw */;
  line-height: 150%;
  border-radius: 1.25vw /* 24px -> 1.25vw */;
  display: flex;
  align-items: center;
  width: 7.9167vw /* 152px -> 7.9167vw */ /* 130px -> 6.7708vw */;
  white-space: nowrap;
  cursor: pointer;
}
.softwareProduct
  .chooseProduct
  .chooseProductDetail
  .chooseProductDetail-btn
  .btn-viewMore
  i {
  background: none;
  color: #3a66fb;
  border-radius: 50%;
  color: #fff;
  font-size: 1.25vw /* 24px -> 1.25vw */;
  line-height: normal /* 24px -> 1.25vw */;
  margin-left: 0.4167vw /* 8px -> 0.4167vw */;
}
.softwareProduct .chooseProduct .chooseProductDetail li .btn-viewMore,
.softwareProduct .chooseProduct .chooseProductDetail li .btn-download {
  font-family: "Montserrat-SemiBold";
  font-size: 0.8333vw /* 16px -> 0.8333vw */;
  font-style: normal;
  line-height: 150%; /* 150% */
  white-space: nowrap;
}
.softwareProduct .chooseProduct .chooseProductDetail li .btn-viewMore {
  color: #3a66fb;
}
.softwareProduct .chooseProduct .chooseProductDetail li .btn-viewMore:hover {
  color: #3a66fb;
  background: transparent;
  border-color: #fff;
}
.softwareProduct
  .chooseProduct
  .chooseProductDetail
  li
  .btn-viewMore:hover
  .iconfont {
  color: #3a66fb;
  background: transparent;
}
.softwareProduct
  .chooseProduct
  .chooseProductDetail
  li
  .btn-viewMore
  .iconfont {
  color: #231815;
}
.softwareProduct .chooseProduct .chooseProductDetail li .btn-download:hover,
.softwareProduct
  .chooseProduct
  .chooseProductDetail
  li
  .btn-download:hover
  .iconfont {
  color: #3a66fb;
}
.softwareProduct .chooseProduct .chooseProductDetail li .btn-download,
.softwareProduct
  .chooseProduct
  .chooseProductDetail
  li
  .btn-download
  .iconfont {
  color: #231815;
}
.softwareProduct .chooseProduct .chooseProductDetail li .btn-viewMore .iconfont,
.softwareProduct
  .chooseProduct
  .chooseProductDetail
  li
  .btn-download
  .iconfont {
  font-weight: 600;
  margin-left: 0.2083vw /* 4px -> 0.2083vw */;
}
.softwareProduct .chooseProductNotes {
  color: #9fa0a0;
  font-family: Montserrat;
  font-size: 0.8333vw /* 16px -> 0.8333vw */;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 150% */
  margin-top: 1.25vw /* 24px -> 1.25vw */;
}

/* Explore DSS ---- chooseProduct end*/
/* Explore DSS 模块 end */
/* 共用 where DSS Makes start */
.softwareProduct .whereDss {
  margin-top: 4.1667vw /* 80px -> 4.1667vw */;
  overflow: hidden;
}
.softwareProduct .whereDss .whereDssSubTitle {
  color: #231815;
  text-align: center;
  font-family: Montserrat;
  font-size: 0.8333vw /* 16px -> 0.8333vw */;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 150% */
}
.softwareProduct .whereDss .swipers-whereDss {
  margin-top: 2.0833vw /* 40px -> 2.0833vw */;
  /* overflow: visible; */
}
.softwareProduct .whereDss .swiper-container {
  position: relative;
}
.softwareProduct .whereDss .swiper-wrapper .swiper-slide {
  margin: 0 2.0833vw /* 40px -> 2.0833vw */ 2.0833vw /* 40px -> 2.0833vw */ 0;
  overflow: hidden;
  border-radius: 1.25vw /* 24px -> 1.25vw */;
  width: 29.1667vw /* 560px -> 29.1667vw */;
  height: 38.8542vw /* 746px -> 38.8542vw */;
}
.softwareProduct .whereDss .swipers-whereDss .whereDss-target {
  position: relative;
  width: 100%;
  height: 100%;
}
.softwareProduct .whereDss .swipers-whereDss .whereDss-target img {
  width: 100%;
  height: 100%;
}
.softwareProduct .whereDss .swipers-whereDss .whereDss-Txt {
  width: 25vw;
  position: absolute;
  color: #fff;
  font-family: "Montserrat-SemiBold";
  font-size: 1.25vw /* 24px -> 1.25vw */;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 150% */
  left: 2.0833vw /* 40px -> 2.0833vw */;
  bottom: 1.7708vw /* 34px -> 1.7708vw */;
}
.softwareProduct .whereDss .swiper-button-next,
.softwareProduct .whereDss .swiper-button-prev {
  width: 3.3333vw !important;
  height: 3.3333vw !important;
  background: #fafafa;
  border-radius: 1.5625vw;
  bottom: -2.6833vw /* -40px -> -2.0833vw */ !important;
  opacity: 1 !important;
  color: #231815 !important;
  font-weight: bold;
}
.softwareProduct .whereDss .swiper-button-prev {
  top: auto !important;
  right: 4.375vw !important;
  left: auto !important;
}

.softwareProduct .whereDss .swiper-button-next {
  top: auto !important;
  right: 0 !important;
  left: auto !important;
}
.softwareProduct .whereDss .swiper-button-next.swiper-button-disabled,
.softwareProduct .whereDss .swiper-button-prev.swiper-button-disabled {
  color: #9fa0a0 !important;
}

.softwareProduct .whereDss .swiper-button-next:after,
.softwareProduct .whereDss .swiper-button-prev:after {
  font-size: 0.7365vw !important;
}
/* 共用 where DSS Makes end */
/* 共用 Suitable Scenario start */
.softwareProduct .suitableScenario {
  margin-top: 4.1667vw /* 80px -> 4.1667vw */;
}
.softwareProduct .suitableScenario h2 {
  padding-top: 4.1667vw;
}
.softwareProduct .suitableScenario .suitableScenarioSubTitle {
  color: #231815;
  text-align: center;
  font-family: Montserrat;
  font-size: 0.8333vw /* 16px -> 0.8333vw */;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 150% */
  margin-top: 1.25vw /* 24px -> 1.25vw */;
  max-width: 56.25vw;
}
.softwareProduct .suitableScenario .suitableScenario-List {
  margin-top: 2.0833vw /* 40px -> 2.0833vw */;
  display: flex;
  gap: 1.25vw /* 24px -> 1.25vw */;
}
.softwareProduct
  .suitableScenario
  .suitableScenario-List
  .suitableScenario-item {
  background: #fafafa;
  padding: 1.25vw /* 24px -> 1.25vw */;
  border-radius: 1.25vw /* 24px -> 1.25vw */;
  text-align: center;
  transition: all 0.4s ease;
  height: 26.354vw;
  width: 14.583vw;
}
.softwareProduct
  .set-bg:nth-child(even)
  .suitableScenario
  .suitableScenario-List
  .suitableScenario-item {
  background: #fff;
}
.softwareProduct
  .set-bg:nth-child(even)
  .suitableScenario
  .suitableScenario-List {
  padding-bottom: 4.1667vw;
}
.softwareProduct
  .suitableScenario
  .suitableScenario-List
  .suitableScenario-item.active {
  width: 27.5vw;
}
.softwareProduct
  .suitableScenario
  .suitableScenario-List
  .suitableScenario-item
  .suitableScenario-item-imgbox {
  border-radius: 1.25vw /* 24px -> 1.25vw */;
  overflow: hidden;
}
.softwareProduct
  .suitableScenario
  .suitableScenario-List
  .suitableScenario-item
  img {
  width: 100%;
  height: 14.0625vw /* 270px -> 14.0625vw */;
}
.softwareProduct
  .suitableScenario
  .suitableScenario-List
  .suitableScenario-item
  h3 {
  color: #231815;
  font-family: "Montserrat-SemiBold";
  font-size: 1.25vw /* 24px -> 1.25vw */;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 150% */
  text-align: left;
  margin-top: 0.8333vw /* 16px -> 0.8333vw */;
}
.softwareProduct
  .suitableScenario
  .suitableScenario-List
  .suitableScenario-item
  p {
  color: #9fa0a0;
  font-family: Montserrat;
  font-size: 0.8333vw /* 16px -> 0.8333vw */;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 150% */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* 限制行数为3 */
  -webkit-box-orient: vertical;
  text-align: left;
  margin-top: 0.8333vw /* 16px -> 0.8333vw */;
}
/* 共用 Suitable Scenario end */
/* 共用 Related Resources start */
.softwareProduct .relatedResources {
  padding: 4.1667vw /* 80px -> 4.1667vw */ 0;
}
.softwareProduct .relatedResources .relatedResourcesList {
  display: flex;
  gap: 1.25vw;
  margin: 2.0833vw /* 40px -> 2.0833vw */ 0;
  flex-wrap: wrap;
}
.softwareProduct .relatedResources .relatedResourcesList .relatedResourcesItem {
  border-radius: 1.25vw /* 24px -> 1.25vw */;
  background: #fff;
  cursor: pointer;
  padding: 0.8333vw /* 16px -> 0.8333vw */ 1.25vw /* 24px -> 1.25vw */;
  color: #231815;
  display: flex;
  align-items: center;
  flex: 0 0 calc((100% - 1.25vw) / 2); /* 两列，减去一个 gap */
  transition: all 0.3s linear;
}
.softwareProduct
  .relatedResources
  .relatedResourcesList
  .relatedResourcesItem
  .relatedResources-date,
.softwareProduct
  .relatedResources
  .relatedResourcesList
  .relatedResourcesItem
  .relatedResources-name {
  font-family: Montserrat;
  font-size: 0.7292vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1458vw; /* 157.143% */
}
.softwareProduct
  .relatedResources
  .relatedResourcesList
  .relatedResourcesItem
  .relatedResources-date {
  color: #9fa0a0;
  border-right: 0.0521vw solid rgba(35, 24, 21, 0.1);
  padding-right: 1.25vw /* 24px -> 1.25vw */;
  margin-right: 1.25vw /* 24px -> 1.25vw */;
}
.softwareProduct
  .relatedResources
  .relatedResourcesList
  .relatedResourcesItem
  .relatedResources-name {
  margin-right: 2.0833vw /* 40px -> 2.0833vw */;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 限制行数为3 */
  -webkit-box-orient: vertical;
  word-break: break-all;
  flex: 1;
}
.softwareProduct
  .relatedResources
  .relatedResourcesList
  .relatedResourcesItem
  .iconfont {
  color: #9fa0a0;
  line-height: 2.0833vw /* 40px -> 2.0833vw */;
  font-size: 2.0833vw /* 40px -> 2.0833vw */;
  margin-right: 1.25vw /* 24px -> 1.25vw */;
}
.softwareProduct
  .relatedResources
  .relatedResourcesList
  .relatedResourcesItem
  .icon-icon_Dowload {
  color: #231815;
  font-size: 1.25vw /* 24px -> 1.25vw */;
  line-height: 1.25vw /* 24px -> 1.25vw */;
  margin-right: 0 !important;
}
.softwareProduct
  .relatedResources
  .relatedResourcesList
  .relatedResourcesItem:hover {
  color: #3a66fb !important;
  filter: drop-shadow(0 0.1042vw 0.4167vw rgba(35, 24, 21, 0.1));
}
.softwareProduct
  .relatedResources
  .relatedResourcesList
  .relatedResourcesItem:hover
  .relatedResources-date,
.softwareProduct
  .relatedResources
  .relatedResourcesList
  .relatedResourcesItem:hover
  .iconfont {
  color: #3a66fb !important;
}
/* 共用 Related Resources end */
/* 共用 interest start */
.softwareProduct .interest {
  background: #fff;
  padding: 4.1667vw /* 80px -> 4.1667vw */ 0;
}
.softwareProduct .interest .interestList {
  display: flex;
  gap: 0.8333vw /* 16px -> 0.8333vw */;
  justify-content: center;
  margin-top: 2.0833vw /* 40px -> 2.0833vw */;
}
.softwareProduct .interest .interestList .interestItem {
  padding: 2.0833vw /* 40px -> 2.0833vw */ 1.25vw /* 24px -> 1.25vw */;
  border-radius: 0.8333vw /* 16px -> 0.8333vw */;
  background: #fafafa;
  width: 18.125vw /* 348px -> 18.125vw */;
  height: 28.2292vw /* 542px -> 28.2292vw */;
  position: relative;
}
.softwareProduct .interest .interestList .interestItem .interestItem-imgBox {
  width: 7.1875vw /* 138px -> 7.1875vw */;
  height: 5.1042vw /* 98px -> 5.1042vw */;
  margin: 1.6667vw 0 2.5vw /* 32px -> 1.6667vw */ auto;
}
.softwareProduct .interest .interestList .interestItem img {
  width: 100%;
}
.softwareProduct .interest .interestList .interestItem .interestItem-title {
  color: #231815;
  text-align: center;
  font-family: "Montserrat-SemiBold";
  font-size: 1.25vw /* 24px -> 1.25vw */;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 150% */
}
.softwareProduct .interest .interestList .interestItem .interestItem-txt {
  color: #231815;
  font-family: Montserrat;
  font-size: 0.8333vw /* 16px -> 0.8333vw */;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 150% */
  margin-top: 2.0833vw /* 40px -> 2.0833vw */;
}
.softwareProduct .interest .interestList .interestItem .interestItem-viewMore {
  color: #231815;
  font-family: "Montserrat-SemiBold";
  font-size: 0.8333vw;
  font-style: normal;
  line-height: 150%; /* 150% */
  position: absolute;
  bottom: 2.0833vw /* 40px -> 2.0833vw */;
  left: 1.25vw /* 24px -> 1.25vw */;
}
.softwareProduct
  .interest
  .interestList
  .interestItem
  .interestItem-viewMore
  .iconfont {
  font-size: 1.25vw /* 24px -> 1.25vw */;
  line-height: 1.25vw /* 24px -> 1.25vw */;
  font-weight: 600;
  margin-left: 0.2083vw /* 4px -> 0.2083vw */;
}
.softwareProduct
  .interest
  .interestList
  .interestItem
  .interestItem-viewMore:hover {
  color: #3a66fb;
}
.softwareProduct
  .interest
  .interestList
  .interestItem
  .interestItem-viewMore:hover
  .iconfont {
  color: #3a66fb;
}
.smartRetail .swipers-smartRetail {
  position: relative;
}
.smartRetail .smartRetail-swiper {
  margin-top: 2.0833vw;
  position: relative;
  overflow: visible;
}
.smartRetail .smartRetail-swiper .swiper-wrapper {
  width: 100%;
  max-width: 100%;
  align-items: stretch;
  /* gap: 4.1667vw; */
}
.smartRetail .smartRetail-swiper .swiper-wrapper .swiper-slide {
  max-width: 36.875vw !important;
  padding: 3.3333vw 4.1667vw 5.2083vw;
  border-radius: 1.25vw;
  border: 0.0521vw solid rgba(58, 102, 251, 0.64);
  background: #fff;
  position: relative;
  height: unset;
}
.smartRetail {
  background: #fafafa;
  margin-top: 4.1667vw;
  padding-top: 4.1667vw;
  padding-bottom: 8.3333vw;
  overflow: hidden;
}

.smartRetail .smartRetail-swiper .swiper-wrapper .swiper-slide-active {
  opacity: 1;
}
.smartRetail-title {
  font-family: "Montserrat-SemiBold" !important;
  color: #231815;
  /* Heading7-S-24 */
  font-size: 1.25vw;
  font-style: normal;
  line-height: 150%; /* 150% */
  margin-bottom: 1.25vw;
}
.smartRetail-desc {
  width: 100%;
  color: #9fa0a0;
  /* Large1-R-16 */
  font-size: 0.8333vw;
  font-style: normal;
  line-height: 150%; /*  */
}
.smartRetail-mask {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: all 0.3s linear;
}

.swiper-slide-next .smartRetail-mask-hide {
  position: absolute;
  right: 1%;
  bottom: 0;
  width: 30%;
  border-radius: 1.25vw;
  height: 98%;
  background: #fff;
  z-index: 4;
  opacity: 1;
}
.swiper-slide-prev .smartRetail-mask-hide {
  position: absolute;
  left: 1%;
  bottom: 0;
  border-radius: 1.25vw;
  width: 30%;
  height: 98%;
  background: #fff;

  z-index: 4;
  opacity: 1;
}
.swiper-slide-active .smartRetail-mask-hide {
  opacity: 0;
}
.swiper-slide-next .smartRetail-mask::after {
  content: "";
  position: absolute;
  left: -70%;
  right: 0;
  bottom: 0;
  width: 150%;
  height: 98%;
  z-index: 4;
}
.swiper-slide-prev .smartRetail-mask::after {
  content: "";
  position: absolute;
  right: -70%;
  bottom: 0;
  width: 150%;
  height: 98%;
}
.swiper-slide-prev .smartRetail-mask::after {
  background: linear-gradient(
    to right,
    rgba(255, 255, 255),
    rgba(255, 255, 255, 0.6)
  );
}
.swiper-slide-next .smartRetail-mask::after {
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255)
  );
}
.smartRetail .smartRetail-swiper .swiper-button-next {
  right: 46.875vw;
  left: auto;
}
.smartRetail .smartRetail-swiper .swiper-button-prev {
  left: 47.2923vw;
  right: auto;
}
.smartRetail .smartRetail-swiper .swiper-button-next:after,
.smartRetail .smartRetail-swiper .swiper-button-prev:after {
  font-size: 0.6333vw;
  color: #231815;
  transition: all 0.1s ease-in-out;
  font-weight: 600;
}
.smartRetail .smartRetail-swiper .swiper-button-next,
.smartRetail .smartRetail-swiper .swiper-button-prev {
  bottom: -4.1667vw;
  top: auto;
  width: 2.0833vw;
  height: 2.0833vw;
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.1s ease-in-out;
  opacity: 0.8 !important;
}
.smartRetail .smartRetail-swiper .swiper-button-next:hover,
.smartRetail .smartRetail-swiper .swiper-button-prev:hover {
  background-color: #3a66fb;
  color: #fff !important;
  opacity: 1 !important;
}
.smartRetail .smartRetail-swiper .swiper-button-next:hover:after,
.smartRetail .smartRetail-swiper .swiper-button-prev:hover:after {
  color: #fff !important;

}
.software-interest .interestList .interestItem {
  background: #fff;
  border-radius: 0.8333vw;
}
.softwareProduct
  .software-interest.set-bg:nth-child(odd)
  .interestList
  .interestItem {
  background: #fafafa;
}
.software-interest {
  background: #fafafa;
}
.professional-related {
  padding: 4.1667vw 0;
}

.professional-related .professional-related-title {
  text-align: center;
  font-size: 3.125vw;
  line-height: 150%;
  margin-bottom: 2.0833vw;
  color: #231815;
}

.professional-related .professional-related-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.25vw;
}

.professional-related .professional-related-list .professional-related-item {
  height: 5.2083vw;
  width: calc(50% - 0.625vw);
  display: flex;
  align-items: center;
  gap: 1.25vw;
  padding: 0.8333vw 1.25vw;
  background: #fafafa;
  border-radius: 0.625vw;
  transition: all 0.3s linear;
}

.professional-related
  .professional-related-list
  .professional-related-item
  .related-day {
  min-width: 4.1667vw;
  font-size: 0.7292vw;
  line-height: 150%;
  color: #9fa0a0;
  white-space: nowrap;
}

.professional-related
  .professional-related-list
  .professional-related-item
  .xian {
  width: 0.0521vw;
  height: 100%;
  background: rgba(35, 24, 21, 0.1);
  flex-shrink: 0;
}

.professional-related
  .professional-related-list
  .professional-related-item
  .related {
  flex: 1;
  display: flex;
  align-items: center;
}

.professional-related
  .professional-related-list
  .professional-related-item
  .related
  .related-title {
  width: 21.3542vw;
  word-wrap: break-word;
  margin: 0 2.0833vw 0 1.25vw;
  font-size: 0.7292vw;
  line-height: 150%;
  color: #231815;
}

.professional-related
  .professional-related-list
  .professional-related-item
  .related
  .icontype {
  font-size: 2.0833vw;
  color: #9fa0a0;
}

.professional-related
  .professional-related-list
  .professional-related-item
  .related
  .dowload {
  font-size: 1.25vw;
  color: #231815;
}

.professional-related
  .professional-related-list
  .professional-related-item:hover {
  box-shadow: 0 0.1042vw 1.8229vw rgba(35, 24, 21, 0.1);
  background: #fff;
}

.professional-related
  .professional-related-list
  .professional-related-item:hover
  .xian {
  background: rgba(58, 102, 251, 0.2);
}

.professional-related
  .professional-related-list
  .professional-related-item:hover
  .related-day,
.professional-related
  .professional-related-list
  .professional-related-item:hover
  .related
  .related-title,
.professional-related
  .professional-related-list
  .professional-related-item:hover
  .related
  .iconfont {
  color: #3a66fb;
}

.professional-related .professional-related-more {
  display: flex;
  padding: 0.4167vw 0.8333vw;
  justify-content: center;
  align-items: center;
  gap: 0.4167vw;
  border-radius: 1.25vw;
  border: 0.0521vw solid #231815;
  width: max-content;
  max-width: 8.3333vw;
  margin: 2.0833vw auto 0;
  color: #231815;
}

.professional-related .professional-related-more .related-more-text {
  font-size: 0.8333vw;
  line-height: 150%;
  font-family: "Montserrat-SemiBold";
}

.professional-related .professional-related-more .iconfont {
  background: #3a66fb;
  text-align: center;
  border-radius: 0.625vw;
  color: #fff;
  line-height: 1.25vw;
  font-size: 1.0417vw;
  font-weight: 600;
}

.professional-related .professional-related-more:hover {
  background: #3a66fb;
  border: 0.0521vw solid #3a66fb;
  color: #fff;
}

.professional-related .professional-related-more:hover .iconfont {
  background: #fff;
  color: #3a66fb;
}
.softwareProduct .whatDss-titleOrVideo .whatDss-title {
  margin-top: 2.0833vw;
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2.0833vw);
    -ms-transform: translateY(2.0833vw);
    transform: translateY(2.0833vw);
  }
  /* 60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  } */

  50% {
    opacity: 1;

    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@media (max-width: 768px) {
  .softwareProduct .timeline-box h2,
  .softwareProduct .timeline-box #timeline,
  .softwareProduct .software-whereDss h2,
  .softwareProduct .software-whereDss p,
  .softwareProduct .software-whereDss .whereDss-target,
  .softwareProduct .smartRetail h2,
  .softwareProduct .smartRetail .smartRetail-swiper,
  .softwareProduct .smartRetail .smartRetail-prev-btn,
  .softwareProduct .smartRetail .smartRetail-next-btn,
  .softwareProduct .software-interest h2,
  .softwareProduct .software-interest .interestItem {
    opacity: 1;
  }
  .software-banner {
    padding: 19.2vw 6.4vw 0;
  }
  .softwareProduct .whatDss-titleOrVideo .whatDss-title {
    margin-top: 0;
  }
  .softwareProductHead {
    padding: 0;
    width: 100%;
    position: fixed;
    top: 12.8vw !important;
    background: #fff;
    z-index: 10;
    border: 0;
  }
  .softwareProductHead .softwareProductHeadbox {
    width: 100%;
    height: 12.8vw;
    padding: 2.1333vw 6.4vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #231815;
    font-family: "Montserrat-SemiBold";
    font-style: normal;
    line-height: 150%;
    border-bottom: 0.2667vw solid rgba(35, 24, 21, 0.1);
  }
  .softwareProductHead .softwareProductHeadbox .softwareProductTitle {
    width: 44.2667vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 4.8vw;
    line-height: 150%;
    margin: 0;
  }
  .softwareProductHead .softwareProductHeadbox .current-menu {
    display: flex;
    align-items: center;
  }
  .softwareProductHead
    .softwareProductHeadbox
    .current-menu
    .current-menu-name {
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    font-size: 3.2vw;
  }
  .softwareProductHead .softwareProductHeadbox .current-menu .open-icon {
    font-size: 6.4vw;
    line-height: normal;
    margin-left: 1.0667vw;
    transition: all 0.3s ease;
  }
  .softwareProductHead .softwareProductCrumbs {
    width: 100%;
    height: auto;
    background: #fafafa;
    padding: 4.2667vw 0;
    position: fixed;
    top: 25.6vw;
    z-index: 11;
    display: none;
  }
  .softwareProductHead .softwareProductCrumbs .mob-menu-item.active {
    color: #3a66fb;
    background: rgba(58, 102, 251, 0.06);
  }
  .softwareProductHead .softwareProductCrumbs .mob-menu-item {
    width: 100%;
    padding: 2.1333vw 10.6667vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #231815;
    font-size: 3.7333vw;
    font-style: normal;
    line-height: 150%;
    font-family: "Montserrat-SemiBold";
  }
  .software-whereDss {
    margin-top: 0;
  }
  .softwareProductHead .softwareProductHeadbox .current-menu .open-icon.active {
    transform: rotate(180deg);
  }
  #timeline {
    flex-direction: column;
    padding: 0 6.4vw;
    gap: 10.6667vw;
    max-width: 100% !important;
    margin-bottom: 10.6667vw;
  }
  .timeline-box h2 {
    max-width: 100% !important;
    font-size: 8.533vw;
    max-width: fit-content;
    margin-bottom: 6.4vw;
    text-align: left;
  }
  #timeline .image-box img {
    height: 42.6667vw;
    object-fit: cover;
  }
  #timeline .title {
    font-size: 4.8vw;
  }
  #timeline .timeline {
    width: 100%;
    height: auto;
    max-height: 100%;
    gap: 6.4vw;
    padding: 4.2666vw 0 0 4.2667vw;
  }
  #timeline .item {
    height: 7.4667vw;
    transition: none;
  }
  #timeline .item.active {
    height: 75%;
  }
  #timeline .desc {
    font-size: 3.7333vw;
  }
  #timeline .active .desc {
    margin-top: 2.1333vw;
    transition: none;
  }
  #timeline .line {
    width: 1.0667vw;
    height: 100%;
  }
  #timeline .bar {
    width: 1.0667vw;
    height: 29.6vw;
  }
  .softwareProduct .softwareProductTitle {
    font-size: 8.5333vw;
    max-width: 100%;
    margin-bottom: 0;
    text-align: left;
  }
  .smartRetail-title {
    font-size: 4.8vw;
  }
  .smartRetail-desc {
    font-size: 3.7333vw;
  }
  .smartRetail .smartRetail-swiper .swiper-wrapper .swiper-slide {
    width: 59.733vw !important;
    max-width: 59.733vw !important;
    border-radius: 6.4vw;
    padding: 10.6667vw 6.4vw 12.8vw;
  }
  .swiper-slide-active .smartRetail-mask-hide {
    opacity: 0;
  }
  .swiper-slide-next .smartRetail-mask-hide {
    display: none;
  }
  .swiper-slide-prev .smartRetail-mask::after,
  .swiper-slide-next .smartRetail-mask::after {
    display: none;
  }
  .smartRetail {
    padding: 10.6667vw 6.4vw 27.7333vw;
    margin-top: 0;
  }
  .smartRetail-title {
    margin-bottom: 6.4vw;
  }
  .smartRetail .smartRetail-swiper .swiper-button-next,
  .smartRetail .smartRetail-swiper .swiper-button-prev {
    width: 10.6667vw;
    height: 10.6667vw;
    bottom: -17.0667vw;
  }
  .smartRetail .smartRetail-swiper .swiper-button-next:after,
  .smartRetail .smartRetail-swiper .swiper-button-prev:after {
    font-size: 3.2vw !important;
    font-weight: bold;
    color: #231815 !important;
  }
  .smartRetail .smartRetail-swiper .swiper-button-prev {
    left: auto;
    right: 17.0667vw;
  }
  .smartRetail .smartRetail-swiper .swiper-button-next {
    right: 0;
    left: auto;
  }
  .softwareProduct {
    margin-top: 0;
  }
  .interest-mob .interest-prev-btn::after,
  .interest-mob .interest-next-btn::after {
    color: #231815 !important;
  }
  .softwareProduct .whatDss-titleOrVideo {
    max-width: 100%;
    padding: 0 6.4vw;
    gap: 6.4vw;
  }
  .softwareProduct .whatDss-titleOrVideo .whatDss-title h2 {
    font-size: 8.533vw;
  }
  .softwareProduct .whatDss-titleOrVideo .whatDss-title {
    max-width: 100%;
    width: 100%;
  }
  .softwareProduct .whatDss-titleOrVideo .whatDss-title p {
    font-size: 3.733vw;
    margin-top: 6.4vw;
  }
  .software-whatDss .whatDss-titleOrVideo .overview-list {
    margin-top: 0;
  }
  .smartRetail .smartRetail-swiper {
    margin-top: 6.4vw;
  }
  .timeline-box {
    padding-top: 10.6667vw;
    padding-bottom: 0;
  }
  .software-interest {
    margin-top: 0;
    padding-top: 10.667vw;
  }
  .softwareProduct .exploreDSS .whatDss {
    background: #fff;
    padding: 0 !important;
  }
  .softwareProduct .chooseProduct .chooseProductSubtitle {
    font-size: 3.733vw;
    max-width: 100%;
    margin: 0 auto;
    text-align: left;
  }
  .softwareProduct .chooseProductNotes {
    font-size: 3.7333vw;
    margin-top: 6.4vw;
  }
  .softwareProduct .suitableScenario {
    margin-top: 0;
  }
  .softwareProduct .suitableScenario .suitableScenarioSubTitle {
    font-size: 3.733vw;
    margin: 5.3vw auto;
    text-align: left;
    max-width: 100%;
  }
  .softwareProduct .DSS-7116-specification {
    margin-top: 0;
  }
  .softwareProduct .DSS-7116-specification h2 {
    font-size: 8.533vw;
    text-align: left;
  }
  .softwareProduct .DSS-7116-specification .specificationDetail {
    margin-top: 10.667vw;
    gap: 0;
  }
  .softwareProduct
    .DSS-7116-specification
    .specificationDetail
    .specificationDetailImg {
    display: none;
  }
  .softwareProduct
    .DSS-7116-specification
    .specificationDetail
    .specificationDetailList {
    width: 100%;
  }
  .softwareProduct .exploreDSS .whatDss.has-whatDss-detail .whatDss-title {
    background: #fafafa;
  }
  .softwareProduct .chooseProduct {
    margin-top: 0;
  }
  .softwareProduct .whatDss-titleOrVideo .vertical-tit h2 {
    width: 100%;
  }
  .softwareProduct .exploreDSS .whatDss.has-whatDss-detail {
    padding: 0 !important;
    /* padding-bottom:  21.3333vw!important; */
  }
  .softwareProduct .whyChooseDSS {
    border-radius: 2.1333vw;
  }
  .softwareProduct .suitableScenario h2 {
    padding-top: 0;
  }
}