.section-title {
  line-height: 50px;
  font-size: 36px;
  font-weight: normal;
  color: #000;
  text-align: center;
}

.section-bannner {
  height: 460px;
  background-image: url(../images/value-added-service-banner.png), linear-gradient(90deg, #004f8d 50%, #005e9f 50%);
  background-repeat: no-repeat, no-repeat;
  background-size: 1920px auto, 100% 100%;
  background-position: center top, center center;
}
.section-bannner .section-content {
  padding: 74px 0 0 7px;
}
.section-bannner .banner-title {
  line-height: 65px;
  font-family: 'AlibabaPuHuiTi_2_95_ExtraBold';
  font-size: 46px;
  font-weight: normal;
  color: #fff;
}
.section-bannner .banner-sub-title {
  line-height: 48px;
  font-family: 'AlibabaPuHuiTi_2_55_Regular';
  font-size: 34px;
  font-weight: normal;
  color: #fff;
  margin-top: 62px;
}

.section-services {
  min-height: 686px;
  background-color: #F3F4F9;
  background-image: url(../images/bg-earth.png);
  background-repeat: no-repeat;
  background-size: 1299px 686px;
  background-position: calc(50% + 310px) bottom;
}
.section-services .section-container {
  padding: 68px 0 96px;
}
.section-services .section-content {
  padding-top: 77px;
}
.section-services .services-list > li {
  width: 100%;
  background-color: rgba(255,255,255,0.96);
  border-radius: 8px;
  border: 1px solid #1763FF;
}
.section-services .services-list > li + li {
  margin-top: 50px;
}
.section-services .list-item-top {
  height: 70px;
  background-color: #356DEE;
  background-image: url(../images/services-top-bg.png);
  background-repeat: no-repeat;
  background-size: auto 70px;
  background-position: right center;
  border-radius: 8px 8px 0 0;
}
.section-services .services-item-title {
  line-height: 30px;
  font-family: 'AlibabaPuHuiTi_2_85_Bold';
  font-size: 22px;
  font-weight: 600;
  color: #fff;
  padding: 0 0 0 30px;
}
.section-services .list-item-bottom {
  padding: 33px 28px 28px 30px;
}
.section-services .services-detail-list > li {
  line-height: 25px;
  font-family: 'AlibabaPuHuiTi_2_55_Regular';
  font-size: 18px;
  color: #15223C;
}
.section-services .services-detail-list > li::before {
  content: "\e659";
  font-family: "iconfont" !important;
  font-size: 16px;
  color: #15223C;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 7px;
}
.section-services .services-detail-list > li + li {
  margin-top: 6px;
}
.section-services .more-icon {
  display: inline-block;
  width: 44px;
  height: 7px;
  background-image: url(../images/icon-more-1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-right: 6px;
}
.section-services .more-btn {
  line-height: 30px;
  font-family: 'AlibabaPuHuiTi_2_85_Bold';
  font-size: 22px;
  color: #0E2F56;
}
.section-services .more-btn:hover {
  cursor: pointer;
}

@media (min-width: 1601px) and (max-width: 1800px) {
  .section-title {
    line-height: 47px;
    font-size: 34px;
  }
  .section-bannner {
    height: 431px;
    background-size: 1798px auto, 100% 100%;
  }
  .section-bannner .section-content {
    padding: 69px 0 0 6px;
  }
  .section-bannner .banner-title {
    line-height: 61px;
    font-size: 43px;
  }
  .section-bannner .banner-sub-title {
    line-height: 45px;
    font-size: 32px;
    margin-top: 58px;
  }
  .section-services {
    min-height: 642px;
    background-size: 1216px 642px;
    background-position: calc(50% + 290px) bottom;
  }
  .section-services .section-container {
    padding: 64px 0 90px;
  }
  .section-services .section-content {
    padding-top: 72px;
  }
  .section-services .services-list > li + li {
    margin-top: 47px;
  }
  .section-services .list-item-top {
    height: 66px;
    background-size: auto 66px;
  }
  .section-services .services-item-title {
    line-height: 28px;
    font-size: 21px;
    padding: 0 0 0 28px;
  }
  .section-services .list-item-bottom {
    padding: 31px 26px 26px 28px;
  }
  .section-services .services-detail-list > li {
    line-height: 23px;
    font-size: 17px;
  }
  .section-services .services-detail-list > li::before {
    font-size: 15px;
    margin-right: 6px;
  }
  .section-services .services-detail-list > li + li {
    margin-top: 5px;
  }
  .section-services .more-icon {
    width: 41px;
    height: 6px;
    margin-right: 5px;
  }
  .section-services .more-btn {
    line-height: 28px;
    font-size: 21px;
  }
}

@media (min-width: 1401px) and (max-width: 1600px) {
  .section-title {
    line-height: 41px;
    font-size: 30px;
  }
  .section-bannner {
    height: 381px;
    background-size: 1590px auto, 100% 100%;
  }
  .section-bannner .section-content {
    padding: 61px 0 0 5px;
  }
  .section-bannner .banner-title {
    line-height: 54px;
    font-size: 38px;
  }
  .section-bannner .banner-sub-title {
    line-height: 40px;
    font-size: 28px;
    margin-top: 51px;
  }
  .section-services {
    min-height: 568px;
    background-size: 1075px 568px;
    background-position: calc(50% + 257px) bottom;
  }
  .section-services .section-container {
    padding: 56px 0 79px;
  }
  .section-services .section-content {
    padding-top: 64px;
  }
  .section-services .services-list > li + li {
    margin-top: 41px;
  }
  .section-services .list-item-top {
    height: 58px;
    background-size: auto 58px;
  }
  .section-services .services-item-title {
    line-height: 25px;
    font-size: 18px;
    padding: 0 0 0 25px;
  }
  .section-services .list-item-bottom {
    padding: 27px 23px 23px 25px;
  }
  .section-services .services-detail-list > li {
    line-height: 21px;
    font-size: 15px;
  }
  .section-services .services-detail-list > li::before {
    font-size: 14px;
    margin-right: 5px;
  }
  .section-services .services-detail-list > li + li {
    margin-top: 4px;
  }
  .section-services .more-icon {
    width: 36px;
    height: 5px;
    margin-right: 4px;
  }
  .section-services .more-btn {
    line-height: 25px;
    font-size: 18px;
  }
}

@media (max-width: 1400px) {
  .section-title {
    line-height: 36px;
    font-size: 26px;
  }
  .section-bannner {
    height: 322px;
    background-size: 1345px auto, 100% 100%;
  }
  .section-bannner .section-content {
    padding: 52px 0 0 4px;
  }
  .section-bannner .banner-title {
    line-height: 46px;
    font-size: 32px;
  }
  .section-bannner .banner-sub-title {
    line-height: 34px;
    font-size: 24px;
    margin-top: 43px;
  }
  .section-services {
    min-height: 481px;
    background-size: 910px 481px;
    background-position: calc(50% + 217px) bottom;
  }
  .section-services .section-container {
    padding: 48px 0 67px;
  }
  .section-services .section-content {
    padding-top: 54px;
  }
  .section-services .services-list > li + li {
    margin-top: 35px;
  }
  .section-services .list-item-top {
    height: 49px;
    background-size: auto 49px;
  }
  .section-services .services-item-title {
    line-height: 21px;
    font-size: 15px;
    padding: 0 0 0 21px;
  }
  .section-services .list-item-bottom {
    padding: 23px 20px 20px 21px;
  }
  .section-services .services-detail-list > li {
    line-height: 18px;
    font-size: 13px;
  }
  .section-services .services-detail-list > li::before {
    font-size: 13px;
    margin-right: 4px;
  }
  .section-services .services-detail-list > li + li {
    margin-top: 3px;
  }
  .section-services .more-icon {
    width: 30px;
    height: 4px;
    margin-right: 3px;
  }
  .section-services .more-btn {
    line-height: 21px;
    font-size: 15px;
  }
}