.swiper-container {
  overflow: hidden;
}
section + section {
  margin-top: 88rem;
}
.section1 {
  margin-top: 40rem;
}
.expert-global-list-wrapper,
.expert-list-wrapper {
  margin-top: 48rem;
}
.expert-list {
  display: flex;
  flex-wrap: wrap;
  gap: 56rem 32rem;
}
.expert-list .swiper-slide{
  /* display: block; */
  width: calc(25% - 24rem);
}
.expert-item{

}
.img-box {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 285rem;
  border-radius: 46rem;
  overflow: hidden;
}
.img-box::before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 210rem;
  background-color: #f9f6f2;
  border-radius: 46rem 50% 46rem 46rem;
  z-index: -1;
  transition: all 0.47s;
}

.img-box::after {
  position: absolute;
  right: 0;
  top: 50rem;
  font-family: "iconfont" !important;
  content: "\e616";
  font-size: 40rem;
  z-index: -1;
  transition: all 0.47s;
  color: #f9f6f2;
}
.expert-item-img {
  height: 100%;
  width: auto;
  object-fit: cover;
}

.expert-item:hover .img-box::before {
  background-color: #e6ddcf;
  /* height: 240rem; */
}
.expert-item:hover .img-box::after {
  color: #a52933;
  transform: rotateY(180deg);
}
.expert-item-content {
  margin-top: 32rem;
}
.expert-item-name {
  display: block;
  color: #232222;
  font-size: 20rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  white-space: nowrap; /* 禁止换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 溢出时显示省略号 */
}
.expert-item-name:hover{
  color: #232222;
}
.expert-item-intro {
  margin-top: 7rem;
  color: #6a6967;
  font-family: "Source Han Sans CN";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: -webkit-box; /* 关键：使用弹性盒模型 */
  -webkit-box-orient: vertical; /* 垂直方向排列 */
  -webkit-line-clamp: 1; /* 限制显示2行 */
  overflow: hidden; /* 隐藏超出部分 */
  text-overflow: ellipsis; /* 超出显示... */
}

.expert-btn-text {
  margin-top: 16rem;
  display: inline-block;
  margin-top: 5rem;
  color: #b2afad;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.expert-btn-text::after {
  font-family: "iconfont" !important;
  content: "\e624";
  color: #b2afad;
  font-size: 14rem;
  margin-left: 4rem;
  line-height: normal;
}
.expert-item:hover .expert-btn-text::after,
.expert-item:hover .expert-btn-text {
  color: #a52933;
}
@media (max-width: 996px) {
  .img-box {
    height: 300rem;
  }

  .img-box::before {
    height: 210rem;
  }
  .expert-list{
    flex-wrap: nowrap;
    gap: 0;
    flex-direction: row;
  }
  .expert-item:hover .img-box::before {
    height: 224rem;
  }
  .expert-item-name {
    font-size: 32rem;
  }
  .expert-item-intro {
    font-size: 28rem;
  }
  .expert-btn-text {
    margin-top: 28rem;
  }
  .expert-btn-text::after,
  .expert-btn-text {
    font-size: 28rem;
  }

}