.header-box .banner {
  height: 812px;
  background-image: url("../../images/service/system-manage/banner-mobile.png");
  background-size: cover;
  width: 375px;
}
.server-box {
  height: 830px;
  background-image: url('../../images/service/server-bg-mobile.png');
}
.server-box .server {
  width: 100vw;
  flex-direction: column;
}
.server-box .server .left {
  padding: 0 24px;
}
.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: 0 24px;
  margin-top: 64px;
}
.advantage .cn {
  font-size: 32px;
  margin-bottom: 24px;
}
.advantage .desc {
  font-size: 16px;
  text-align: center;
}
.card-box {
  padding: 0 24px;
  margin-top: 83px;
  margin-bottom: 17px;
}
.card-box .card {
  width: 327px;
  flex-direction: column;
}
.card-box .card .item {
  width: 100%;
  margin-bottom: 48px;
}
.card-box .card .item .desc {
  width: 100%;
}