.professional {
  padding-top: 4.375vw;
}
.professional-introduction .card-item,
.professional-dssExpert h2,
.professional-dssExpert .dssExpert-text,
.professional-dssExpert .dssExpert-list,
.dssExpert-list a,
.software-interest h2,
.software-interest .interestItem,
.professionalDsscard .professional-dsscard{
  opacity: 0;
}
.software-whatDss .whatDss-titleOrVideo .overview-list .overview-item{
  display: block !important;
}
.software-whatDss .whatDss-titleOrVideo .whatDss-title h2 {
  font-size: 2.0833vw;
}
.professional .professional-introduction {
  padding: 0 0 4.1667vw;
}
.software-whatDss {
  padding-bottom: 0;
}
.software-interest {
  margin-top: 0;
}
.software-interest .interestList .interestItem .interestItem-imgBox {
  width: 8.4375vw;
  height: 8.4375vw;
}
.professional .professional-introduction .introduction {
  display: flex;
  align-items: center;
  gap: 4.1667vw;
}

.professional .professional-introduction .introduction .introduction-left {
  flex: 1;
}

.professional .professional-introduction .introduction .introduction-left .introduction-title {
  font-size: 2.0833vw;
  line-height: 150%;
  margin-bottom: 1.25vw;
  color: #231815;
}

.professional .professional-introduction .introduction .introduction-left .introduction-text {
  font-size: 0.8333vw;
  line-height: 150%;
  color: #231815;
}

.professional .professional-introduction .introduction .introduction-right {
  width: 37.5vw;
  height: 21.0938vw;
  border-radius: 1.25vw;
  overflow: hidden;
}

.professional .professional-introduction .introduction .introduction-right .introduction-img {
  width: 100%;
  height: 100%;
}

.professional .professional-introduction .cardbox {
  display: flex;
  gap: 0.8333vw;
  align-items: center;
  padding-top: 2.0833vw;
}

.professional .professional-introduction .cardbox .card-item {
  text-align: center;
  width: 18.125vw;
  height: 23.3333vw;
  padding: 4.1667vw 1.25vw;
  border-radius: 0.8333vw;
  background: #FAFAFA;
  width: calc((100% - 2.5vw) / 4);
}

.professional .professional-introduction .cardbox .card-item .card-img {
  width: 4.1667vw;
  height: 4.1667vw;
}

.professional .professional-introduction .cardbox .card-item .card-title {
  font-size: 1.25vw;
  line-height: 150%;
  margin-bottom: 1.25vw;
  margin-top: 2.0833vw;
  color: #231815;
}

.professional .professional-introduction .cardbox .card-item .card-text {
  font-size: 0.8333vw;
  line-height: 150%;
  color: #231815;
}

.professional .professionalDsscard {
  padding-bottom: 3.6458vw;
}

.professional .professional-dsscard {
  display: flex;
  align-items: center;
  background: rgba(58, 102, 251, 0.06);
  padding: 2.0833vw;
  gap: 2.0833vw;
  border-radius: 1.25vw;
}

.professional .professional-dsscard .dsscard-left {
  width: 37.5vw;
  height: 21.0938vw;
  border-radius: 1.25vw;
  overflow: hidden;
}

.professional .professional-dsscard .dsscard-left img {
  width: 100%;
  height: 100%;
}

.professional .professional-dsscard .dsscard-right {
  flex: 1;
}

.professional .professional-dsscard .dsscard-right .dsscard-title {
  font-size: 2.0833vw;
  line-height: 150%;
  color: #231815;
}

.professional .professional-dsscard .dsscard-right .dsscard-text {
  font-size: 0.8333vw;
  line-height: 150%;
  color: #231815;
  margin: 1.25vw 0;
}

.professional .professional-dsscard .dsscard-right .dsscard-list {
  margin-bottom: 2.0833vw;
  color: #231815;
  font-family: Montserrat;
  font-size: 0.8333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 150% */

}
.professional .professional-dsscard .dsscard-right .dsscard-list li{
  position: relative;
  padding-left: 0.625vw;          /* 腾出圆点位置 */
  list-style: none;           /* 去掉默认黑点 */
  margin-left: 0.625vw;
}
.professional .professional-dsscard .dsscard-right .dsscard-list li::before{
   content: '';
  position: absolute;
  left: 0;
  top: 0.5em;                 /* 纵向居中 */
  width: 3px;
  height: 3px;
  background: #333;           /* 圆点颜色 */
  border-radius: 50%;         /* 正圆 */
}
.professional .professional-dsscard .dsscard-right .dsscard-list .dsscard-list-text {
  font-size: 0.8333vw;
  line-height: 150%;
  color: #231815;
}

.professional .professional-dsscard .dsscard-right .dsscard-list .dsscard-item {
  font-size: 0.8333vw;
  line-height: 150%;
  color: #231815;
  padding-left: 1.0417vw;
  position: relative;
}

.professional .professional-dsscard .dsscard-right .dsscard-list .dsscard-item::before {
  content: "·";
  position: absolute;
  font-size: 1.0417vw;
  left: 0;
  width: 1.0417vw;
  text-align: center;
  font-weight: bold;
}

.professional .professional-dsscard .dsscard-right .dsscard-btn {
  width: fit-content;
  border-radius: 1.25vw;
  border: 0.0521vw solid #231815;
  display: flex;
  align-items: center;
  text-align: center;
  padding: 0.4167vw 0.8333vw;
  gap: 0.4167vw;
  font-size: 0.8333vw;
  font-family: "Montserrat-SemiBold";
}

.professional .professional-dsscard .dsscard-right .dsscard-btn .iconfont {
  background: #3A66FB;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  line-height: normal;
  font-size: 1.0417vw;
  font-weight: 600;
}

.professional .professional-dsscard .dsscard-right .dsscard-btn:hover {
  background: #3A66FB;
  border: 0.0521vw solid #3A66FB;
  color: #fff;
}

.professional .professional-dsscard .dsscard-right .dsscard-btn:hover .iconfont {
  background: #fff;
  color: #3A66FB;
}

.professional .professional-dssExpert {
  background: #FAFAFA;
  padding: 4.1667vw 0;
}

.professional .professional-dssExpert .dssExpert-title {
  font-size: 2.0833vw;
  max-width: 56.25vw;
  text-align: center;
  margin: auto;
}

.professional .professional-dssExpert .dssExpert-text {
  font-size: 0.8333vw;
  max-width: 56.25vw;
  text-align: center;
  margin: 1.25vw auto 2.0833vw;
}

.professional .professional-dssExpert .dssExpert-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25vw;
  margin-bottom: 0;
}

.professional .professional-dssExpert .dssExpert-list .dssExpert-item {
  border-radius: 1.25vw;
  background: #FFF;
  text-align: center;
  padding: 2.0833vw;
  width: calc((100% - 2.5vw) / 3);
  height: 23.75vw;
  border-radius: 1.25vw;
  overflow: hidden;
  position: relative;
}

.professional .professional-dssExpert .dssExpert-list .dssExpert-item:nth-child(-n+2) {
  padding: 4.1667vw;
  width: calc(50% - 0.625vw);
  height: 21.875vw;
}

.professional .professional-dssExpert .dssExpert-list .dssExpert-item .dssExpert-img {
  width: 4.1667vw;
  height: 4.1667vw;
}

.professional .professional-dssExpert .dssExpert-list .dssExpert-item .dssExpert-item-title {
  font-size: 1.25vw;
  line-height: 150%;
  color: #231815;
  margin: 2.0833vw 0 0.8333vw;
}

.professional .professional-dssExpert .dssExpert-list .dssExpert-item .dssExpert-item-text {
  font-size: 0.8333vw;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  /* 限制为3行 */
  overflow: hidden;
  text-overflow: ellipsis;
}

.professional .professional-dssExpert .dssExpert-list .dssExpert-item .iconfont {
  width: 2.0833vw;
  height: 2.0833vw;
  line-height: 2.0833vw;
  background: #231815;
  border-radius: 1.0417vw;
  position: absolute;
  right: 1.25vw;
  bottom: 1.25vw;
  color: #fff;
  font-size: 1.3458vw;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  cursor: pointer;
  font-weight: bolder;
}

.professional .professional-dssExpert .dssExpert-list .dssExpert-item:nth-child(-n+2) .iconfont {
  right: 2.0833vw;
  bottom: 2.0833vw;
}

.professional .professional-dssExpert .dssExpert-list .dssExpert-item .dssExpert-hover {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  padding: 4.1667vw 2.0833vw;
  text-align: left;
  z-index: 9;
  border-radius: 1.25vw;
  display: none;
  transition: opacity 0.4s ease;
}
.professional .professional-dssExpert .dssExpert-list .dssExpert-item .dssExpert-hover p {
  position: relative;
  padding-left: 0.7292vw; /* 为小圆点留出空间 */
}

.professional .professional-dssExpert .dssExpert-list .dssExpert-item .dssExpert-hover p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5208vw;
  width: 0.1563vw;
  height: 0.1563vw;
  background-color: #231815; /* 小圆点颜色 */
  border-radius: 50%;
}
.professional .professional-dssExpert .dssExpert-list .dssExpert-item:nth-child(-n+2) .dssExpert-hover {
  padding: 4.1667vw;
}

.professional .professional-dssExpert .dssExpert-list .dssExpert-item .dssExpert-hover .dssExpert-hover-title {
  font-size: 1.25vw;
  line-height: 150%;
  color: #231815;
  margin-bottom: 0.8333vw;
}

.professional .professional-dssExpert .dssExpert-list .dssExpert-item .dssExpert-hover .dssExpert-hover-text {
  position: relative;
  padding-left: 1.0417vw;
  font-size: 0.8333vw;
  line-height: 150%;
  color: #231815;
}

.professional .professional-dssExpert .dssExpert-list .dssExpert-item .dssExpert-hover .dssExpert-hover-text::before {
  content: "·";
  position: absolute;
  font-size: 1.0417vw;
  left: 0;
  width: 1.0417vw;
  text-align: center;
  font-weight: bold;
}
.professional .professional-dssExpert .dssExpert-list .dssExpert-item .dssExpert-hover p{
  color: #231815;
  font-family: Montserrat;
  font-size: 0.8333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; 
}
/* .professional .professional-dssExpert .dssExpert-list .dssExpert-item .CircleMinus {
  opacity: 0;
} */

/* .professional .professional-dssExpert .dssExpert-list .dssExpert-item:hover .dssExpert-hover {
  opacity: 1;
} */

/* .professional .professional-dssExpert .dssExpert-list .dssExpert-item:hover .CirclePlus {
  opacity: 0;
}

.professional .professional-dssExpert .dssExpert-list .dssExpert-item:hover .CircleMinus {
  opacity: 1;
} */

.professional .professional-dssExpert .dssExpert-btn {
  border-radius: 1.25vw;
  border: 0.0521vw solid #231815;
  display: flex;
  align-items: center;
  padding: 0.4167vw 0.8333vw;
  gap: 0.4167vw;
  font-size: 0.8333vw;
  font-family: "Montserrat-SemiBold";
  width: 8.0208vw;
  margin: 2.0833vw auto 0;
}

.professional .professional-dssExpert .dssExpert-btn .iconfont {
  background: #3A66FB;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  line-height: 1.25vw;
  font-size: 1.0417vw;
  font-weight: 600;
  width: 1.25vw;
}

.professional .professional-dssExpert .dssExpert-btn:hover {
  background: #3A66FB;
  border: 0.0521vw solid #3A66FB;
  color: #fff;
}

.professional .professional-dssExpert .dssExpert-btn:hover .iconfont {
  background: #fff;
  color: #3A66FB;
}

.professional .professional-related {
  padding: 4.1667vw 0;
}

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


.professional .interest {
  padding: 4.1667vw 0;
  background: #FAFAFA;
}

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

.professional .interest .interest-list {
  display: flex;
  align-items: center;
  gap: 0.8333vw;
}

.professional .interest .interest-list .interest-item {
  width: calc(25% - 0.625vw);
  height: 28.2292vw;
  border-radius: 0.8333vw;
  background: #fff;
  padding: 2.0833vw 1.25vw;
  text-align: center;
  position: relative;
  color: #231815;
}

.professional .interest .interest-list .interest-item .interest-img {
  width: 8.4375vw;
  height: 8.4375vw;
}

.professional .interest .interest-list .interest-item .interest-head {
  font-size: 1.25vw;
  line-height: 150%;
  margin: 0.8333vw 0 2.0833vw;
}

.professional .interest .interest-list .interest-item .interest-text {
  font-size: 0.8333vw;
  line-height: 150%;
  text-align: left;
}

.professional .interest .interest-list .interest-item .interest-more {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 2.0833vw;
}

.professional .interest .interest-list .interest-item .interest-more p {
  font-size: 0.8333vw;
  line-height: 150%;
  font-family: "Montserrat-SemiBold";
}

.professional .interest .interest-list .interest-item .interest-more .iconfont {
  font-size: 1.25vw;
  font-weight: 600;
}

.professional .interest .interest-list .interest-item:hover {
  /* color: #3A66FB; */
  box-shadow: 0 0.1042vw 1.8229vw rgba(35, 24, 21, 0.10);
}

.professional .interest .interest-list .interest-item:hover .interest-img {
  transform: scale(1.1);
}

.professional .interest .interest-list .interest-item:hover .interest-more {
  color: #3A66FB;
}
@media screen and (max-width: 768px) {
  .professional {
    padding-top: 0;
  }
  .professional-introduction .card-item,
.professional-dssExpert h2,
.professional-dssExpert .dssExpert-text,
.professional-dssExpert .dssExpert-list,
.dssExpert-list a,
.software-interest h2,
.software-interest .interestItem,
.professionalDsscard .professional-dsscard{
  opacity: 1;
}
  .professional .professional-introduction {
    padding-bottom: 10.6667vw;
  }
  .software-whatDss .whatDss-titleOrVideo .whatDss-title h2 {
    font-size: 8.5333vw;
  }
  .professional .professional-introduction .cardbox {
    padding-top: 4.2666vw;
    margin-right: -6.4vw;
  }
  #mobile-list-swiper {
    width: 100%;
    height: 113.066vw;
    position: relative;
  }
  #mobile-list-swiper .swiper {
    width: 100%;
    height: 100%;
    padding-right: 6.4vw;
  }

  #mobile-list-swiper .swiper .swiper-slide {
    width: 64vw !important;
    height: 96vw;
    padding: 10.6667vw 6.4vw;
    border-radius: 4.266vw;
  }

  #mobile-list-swiper .product-selection-next,
  #mobile-list-swiper .product-selection-prev {
    position: absolute;
    bottom: 0 !important;
    top: unset !important;
    left: unset !important;
    width: 10.6667vw !important;
    height: 10.6667vw !important;
    border-radius: 50%;
    background: #FAFAFA;
  }

  #mobile-list-swiper .product-selection-prev {
    right: 23.4667vw !important;
  }

  #mobile-list-swiper .product-selection-next {
    right: 6.4vw !important;
  }
  #mobile-list-swiper .product-selection-next::after, #mobile-list-swiper .product-selection-prev::after {
    color: #231815;
    font-size: 3.2vw !important;
    font-weight: bold;
  }
  .professional .professional-introduction .cardbox .card-item .card-img {
    width: 17.066vw;
    height: 17.066vw;
  }
  .professional .professional-introduction .cardbox .card-item .card-title {
    font-size: 4.2666vw;
    margin: 6.4vw 0 6.4vw;
  }
  .professional .professional-introduction .cardbox .card-item .card-text {
    font-size: 3.733vw;
  }

  .professional .professional-dssExpert {
    padding: 10.667vw 0;
  }
  .professional .professional-dssExpert .dssExpert-title {
    max-width: 100%;
    font-size: 8.533vw;
  }
  .professional .professional-dssExpert .dssExpert-text {
    max-width: 100%;
    font-size: 3.733vw;
    margin: 5.333vw auto 6.4vw;
  }
  .professional .professional-dssExpert .dssExpert-list {
    gap: 2.1333vw;
  }
  .professional .professional-dssExpert .dssExpert-list .dssExpert-item {
    width: 100%;
    height: 29.333vw;
    padding: 6.4vw;
    display: flex;
    align-items: flex-start;
    transition: height .6s ease;
  }
  .professional .professional-dssExpert .dssExpert-list .dssExpert-item:nth-child(-n+2) {
    width: 100%;
    height: 29.333vw;
    padding: 6.4vw;
  }
  .professional .professional-dssExpert .dssExpert-list .dssExpert-item .dssExpert-img {
    width: 10.667vw;
    height: 10.667vw;
    margin-right: 2.1333vw;
  }
  .professional .professional-dssExpert .dssExpert-list .dssExpert-item .dssExpert-item-title {
    max-width: 50.667vw;
    font-size: 3.733vw;
    margin: 0;
    margin-bottom: 1.066vw;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .professional .professional-dssExpert .dssExpert-list .dssExpert-item .dssExpert-item-text {
    max-width: 50.667vw;
    font-size: 3.2vw;
    text-align: left;
    -webkit-line-clamp: 2;
  }
  .professional .professional-dssExpert .dssExpert-list .dssExpert-item .mob-dssExpert {
    position: unset;
    max-width: 50.667vw;
    font-size: 3.2vw;
    text-align: left;
    color: #9FA0A0;
    padding: 0;
    display: none;
  }

  .professional .professional-dssExpert .dssExpert-list .dssExpert-item .iconfont {
    width: 6.4vw;
    height: 6.4vw;
    font-size: 3.2vw;
    border-radius: 50%;
    line-height: normal;
    top: 8.533vw;
    right: 6.4vw;
  }
  .professional .professional-dssExpert .dssExpert-list .dssExpert-item:nth-child(-n+2) .iconfont {
    top: 8.533vw;
    right: 6.4vw;
  }
  .professional .professional-dssExpert .dssExpert-btn {
    width: fit-content;
    margin-top: 6.4vw;
    padding: 2.1333vw  4.2666vw;
    border-radius: 6.4vw;
    font-size: 3.2vw;
  }
  .professional .professional-dssExpert .dssExpert-btn .iconfont {
    font-size: 4.2666vw;
    margin-left: 1.066vw;
    line-height: normal;
    width: auto;
  }
  .professional .professional-dssExpert .dssExpert-btn:hover {
    background: #fff;
    border: 0.0521vw solid #231815;
    color: #231815;
  }
  .professional .professional-dssExpert .dssExpert-btn:hover .iconfont {
    background: #3A66FB;
    color: #fff;
  }

 
  .software-interest {
    padding-top: 10.666vw;
    padding-bottom: 27.3vw;
    /* margin-bottom: 6.4vw; */
  }
  .softwareProductTitle {
    font-size: 8.533vw;
    text-align: left;
  }
  .interest-mob .swiper-slide {
    background: #FFF;
    border-radius: 2.1333vw;
    width: 64vw;
    margin-right: 16px;
  }
  .professional .professional-dsscard {
    flex-direction: column;
    padding: 6.4vw 4.2666vw;
    gap: 4.2666vw;
    border-radius: 4.2666vw;
  }
  .professional .professional-dsscard .dsscard-left {
    width: 100%;
    height: 44.266vw;
    border-radius: 4.2666vw;
  }
  .professional .professional-dsscard .dsscard-right .dsscard-title {
    font-size:  8.533vw;
  }
  .professional .professional-dsscard .dsscard-right .dsscard-text {
    font-size: 3.733vw;
    margin: 5.333vw 0;
  }
  .professional .professional-dsscard .dsscard-right .dsscard-list {
    margin-bottom: 6.4vw;
  }
  .professional .professional-dsscard .dsscard-right .dsscard-list li{
    margin-left: 2.1333vw;
    padding-left: 2.1333vw;
  }
  .professional .professional-dsscard .dsscard-right .dsscard-list .dsscard-list-text {
    font-size: 3.733vw;
  }
  .professional .professional-dsscard .dsscard-right .dsscard-list .dsscard-item {
    font-size: 3.733vw;
    padding-left: 1.6vw;
  }
  .professional .professional-dsscard .dsscard-right .dsscard-list .dsscard-item::before {
    font-size: 4.2666vw;
  }

  .professional .professional-dsscard .dsscard-right .dsscard-btn {
    padding: 2.1333vw 4.2666vw;
    gap: 1.066vw;
    border-radius: 6.4vw;
    font-size: 3.2vw;
    margin: 0 auto;
  }
  .professional .professional-dsscard .dsscard-right .dsscard-btn .iconfont {
    font-size: 4.2666vw;
  }
  .professional .professional-dssExpert .dssExpert-list .dssExpert-item .dssExpert-hover .dssExpert-hover-title {
    font-size: 3.733vw;
  }
  .professional .professional-dssExpert .dssExpert-list .dssExpert-item .dssExpert-hover .dssExpert-hover-text {
    font-size: 3.2vw;
  }
  .professional .professional-dssExpert .dssExpert-list .dssExpert-item:nth-child(-n+2) .dssExpert-hover {
    padding: 0;
    padding-top: 1.066vw;
  }
  .professional .professional-dssExpert .dssExpert-list .dssExpert-item .dssExpert-hover .dssExpert-hover-text {
    padding-left: 0;
  }
  .professional .professional-dssExpert .dssExpert-list .dssExpert-item .dssExpert-hover {
    position: unset;
    padding: 0;
    padding-top: 1.066vw;
  }
  .professional .professional-dssExpert .dssExpert-list .dssExpert-item .dssExpert-hover p {
    padding-left: 1.6vw;
  }
  .professional .professional-dssExpert .dssExpert-list .dssExpert-item .dssExpert-hover p::before {
    width: 0.8vw;
    height: 0.8vw;
    top: 1.6vw;
    background-color: #9FA0A0;
  }
  .interest-mob .interest-prev-btn::after, .interest-mob .interest-next-btn::after{
    color: #231815;
  }
}