.header-box .banner {
  background-image: url('../../images/service/staff-manage/banner-mobile.png');
  background-size: cover;
  height: 812px;
}
.server-box {
  padding: 0 24px;
  height: 830px;
  background-image: url('../../images/service/server-bg-mobile.png');
}
.server-box .server {
  width: 327px;
  flex-direction: column;
}
.server-box .server .left .info-head .en {
  font-size: 24px;
}
.server-box .server .left .info-head .cn {
  font-size: 32px;
  margin-top: -15px;
}
.server-box .server .left .info-head .min-title {
  margin-top: 44px;
  font-size: 28px;
}
.server-box .server .left .info-content {
  width: 327px;
  font-size: 16px;
}
.server-box .server .left .info-content .light {
  font-size: 16px;
  font-weight: bold;
}
.server-box .server .img {
  margin-top: 44px;
  width: 375px;
  height: 255px;
}
.advantage {
  width: 100vw;
  padding: 64px 24px 88px;
  background-color: #ffffff;
}
.advantage .cn {
  font-size: 32px;
  margin-bottom: 24px;
}
.advantage .desc {
  font-size: 16px;
  text-align: center;
}
.card-box {
  padding: 0 24px;
  margin-bottom: 64px;
}
.card-box .card {
  width: 327px;
  flex-direction: column;
}
.card-box .card .item {
  width: 100%;
  height: 478px;
  margin-bottom: 20px;
}
.card-box .card .item img {
  width: 88px;
  height: 88px;
}
.card-box .card .item h3 {
  font-size: 20px;
  margin-top: 65px;
}
.card-box .card .item .line {
  width: 68px;
}
.card-box .card .item .desc {
  padding: 0 16px;
  width: 327px;
  text-align: center;
}