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

.section-banner {
  height: 460px;
  background-image: url(../images/support-benner.png), linear-gradient(90deg, #003b93 50%, #007e99 50%);
  background-repeat: no-repeat, no-repeat;
  background-size: 1920px auto, 100% 100%;
  background-position: center top, center center;
}
.section-banner .section-content {
  padding-top: 200px;
}
.section-banner .banner-title {
  line-height: 56px;
  font-family: "AlibabaPuHuiTi_2_95_ExtraBold";
  font-size: 40px;
  color: #fff;
  text-align: center;
}

.section-support {
  background-color: #fff;
}
.section-support .section-container {
  padding-top: 90px;
}
.section-support .section-content {
  padding: 70px 0 40px 0;
}
.section-support .support-list > li {
  width: 1300px;
  height: 324px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 190px 190px;
  background-position: 1080px 104px;
  border-radius: 14px;
  -webkit-box-shadow: 0px 0px 9px 2px rgba(228,228,228,0.5);
  box-shadow: 0px 0px 9px 2px rgba(228,228,228,0.5);
  padding: 24px 46px;
  margin: 0 auto;
}
.section-support .support-list > li:nth-child(1) {
  background-image: url(../images/icon-services-2.png);
}
.section-support .support-list > li:nth-child(2) {
  background-image: url(../images/icon-services-1.png);
}
.section-support .support-list > li:nth-child(3) {
  background-image: url(../images/icon-services-4.png);
}
.section-support .support-list > li + li {
  margin-top: 50px;
}
.section-support .support-item-title {
  line-height: 30px;
  font-family: 'AlibabaPuHuiTi_2_75_SemiBold';
  font-size: 22px;
  color: #000;
}
.section-support .contact-list {
  padding-top: 40px;
}
.section-support .contact-list > li + li {
  margin-top: 20px;
}
.section-support .contact-icon {
  display: inline-block;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  margin-right: 36px;
}
.section-support .contact-icon.whatsapp {
  background-image: url(../images/icon-whatsapp.png);
}
.section-support .contact-icon.telegram {
  background-image: url(../images/icon-telegram.png);
}
.section-support .contact-text {
  line-height: 37px;
  font-family: 'AlibabaPuHuiTi_2_55_Regular';
  font-size: 26px;
  color: #15223C;
  opacity: 0.6;
}

.section-document {
  background-color: #fff;
  background-image: url(../images/support-document-bg.png);
  background-repeat: no-repeat;
  background-size: 353px 192px;
  background-position: calc(50% + 598px) bottom;
}
.section-document .section-container {
  padding-top: 68px;
}
.section-document .section-content {
  min-height: 400px;
  padding-top: 60px;
}
.section-document .section-title a:hover {
  color: #11a8cd;
  text-decoration: underline;
}

@media (min-width: 1601px) and (max-width: 1800px) {
  .section-title {
    line-height: 47px;
    font-size: 34px;
  }
  .section-banner {
    height: 431px;
    background-size: 1798px auto, 100% 100%;
  }
  .section-banner .section-content {
    padding-top: 188px;
  }
  .section-banner .banner-title {
    line-height: 52px;
    font-size: 37px;
  }
  .section-support .section-container {
    padding-top: 84px;
  }
  .section-support .section-content {
    padding: 66px 0 38px 0;
  }
  .section-support .support-list > li {
    width: 1217px;
    height: 303px;
    background-size: 178px 178px;
    background-position: 1011px 97px;
    padding: 22px 43px;
  }
  .section-support .support-list > li + li {
    margin-top: 47px;
  }
  .section-support .support-item-title {
    line-height: 28px;
    font-size: 21px;
  }
  .section-support .contact-list {
    padding-top: 37px;
  }
  .section-support .contact-list > li + li {
    margin-top: 19px;
  }
  .section-support .contact-icon {
    width: 41px;
    height: 41px;
    margin-right: 35px;
  }
  .section-support .contact-text {
    line-height: 35px;
    font-size: 24px;
  }
  .section-document {
    background-size: 331px 180px;
    background-position: calc(50% + 560px) bottom;
  }
  .section-document .section-container {
    padding-top: 64px;
  }
  .section-document .section-content {
    min-height: 375px;
    padding-top: 56px;
  }
}

@media (min-width: 1401px) and (max-width: 1600px) {
  .section-title {
    line-height: 41px;
    font-size: 30px;
  }
  .section-banner {
    height: 381px;
    background-size: 1590px auto, 100% 100%;
  }
  .section-banner .section-content {
    padding-top: 167px;
  }
  .section-banner .banner-title {
    line-height: 46px;
    font-size: 33px;
  }
  .section-support .section-container {
    padding-top: 75px;
  }
  .section-support .section-content {
    padding: 58px 0 33px 0;
  }
  .section-support .support-list > li {
    width: 1077px;
    height: 268px;
    background-size: 157px 157px;
    background-position: 894px 86px;
    padding: 20px 38px;
  }
  .section-support .support-list > li + li {
    margin-top: 41px;
  }
  .section-support .support-item-title {
    line-height: 25px;
    font-size: 18px;
  }
  .section-support .contact-list {
    padding-top: 33px;
  }
  .section-support .contact-list > li + li {
    margin-top: 17px;
  }
  .section-support .contact-icon {
    width: 36px;
    height: 36px;
    margin-right: 30px;
  }
  .section-support .contact-text {
    line-height: 31px;
    font-size: 22px;
  }
  .section-document {
    background-size: 292px 159px;
    background-position: calc(50% + 495px) bottom;
  }
  .section-document .section-container {
    padding-top: 56px;
  }
  .section-document .section-content {
    min-height: 331px;
    padding-top: 50px;
  }
}

@media (max-width: 1400px) {
  .section-title {
    line-height: 36px;
    font-size: 26px;
  }
  .section-banner {
    height: 322px;
    background-size: 1345px auto, 100% 100%;
  }
  .section-banner .section-content {
    padding-top: 142px;
  }
  .section-banner .banner-title {
    line-height: 40px;
    font-size: 28px;
  }
  .section-support .section-container {
    padding-top: 63px;
  }
  .section-support .section-content {
    padding: 49px 0 28px 0;
  }
  .section-support .support-list > li {
    width: 911px;
    height: 227px;
    background-size: 133px 133px;
    background-position: 757px 73px;
    padding: 17px 32px;
  }
  .section-support .support-list > li + li {
    margin-top: 35px;
  }
  .section-support .support-item-title {
    line-height: 21px;
    font-size: 15px;
  }
  .section-support .contact-list {
    padding-top: 28px;
  }
  .section-support .contact-list > li + li {
    margin-top: 14px;
  }
  .section-support .contact-icon {
    width: 31px;
    height: 31px;
    margin-right: 26px;
  }
  .section-support .contact-text {
    line-height: 26px;
    font-size: 18px;
  }
  .section-document {
    background-size: 247px 134px;
    background-position: calc(50% + 419px) bottom;
  }
  .section-document .section-container {
    padding-top: 48px;
  }
  .section-document .section-content {
    min-height: 280px;
    padding-top: 42px;
  }
}