.header-box .banner {
  background-image: url("../../images/service/data-analysis/banner-mobile.png");
  background-size: cover;
  height: 812px;
}
.server-box {
  padding-bottom: 47px;
  height: auto;
  background-image: url('../../images/service/server-bg-mobile.png');
}
.server-box .server {
  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;
}
.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: 70px;
}
.card-box .card {
  width: 327px;
  flex-direction: column;
}
.card-box .card .item {
  width: 100%;
  box-shadow: 0px 0px 32px 1px rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
}
.card-box .card .item.both-sides {
  margin: 0;
  margin-bottom: 20px;
}
.card-box .card .item.both-sides::before {
  display: none;
}
.card-box .card .item.both-sides::after {
  display: none;
}
.card-box .card .item .head {
  align-items: center;
}
.card-box .card .item .head .title h3 {
  font-size: 20px;
}
.card-box .card .item .head .title .line {
  width: 94px;
}
.card-box .card .item .head .icon {
  width: 64px;
  height: 64px;
}
.card-box .card .item .desc {
  font-size: 16px;
  margin-top: 26px;
}