.banner {
  position: relative;
  height: 400px;
  background-image: url(../../img/mainBusiness/antAchievement/head-banner.jpg);
  background-position: 50% 0%;
  background-repeat: no-repeat;
  text-align: center;
}

.banner .banner-text {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.banner .banner-text .text-title {
  color: white;
  font-size: 56px;
  font-weight: bold;
  letter-spacing: 5px;
  margin-top: 0px;
  margin-bottom: 25px;
}

.banner .banner-text .sub-title {
  color: white;
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 56px;
}

.banner .banner-text .apply-btn {
  padding: 5px 20px;
  color: #fff;
  font-size: 18px;
  border: 1px solid #fff;
  border-radius: 15px;
}

.banner .banner-text .apply-btn:hover {
  background: #fff;
  color: #10347E;
}

.bg-grey {
  background: #fbf9fa;
}

.features-title {
  font-size: 30px;
  color: #0388cc;
  font-weight: bold;
  text-align: center;
  letter-spacing: 5px;
}

.features-eng {
  font-size: 18px;
  color: #0388cc;
  text-transform: uppercase;
  text-align: center;
  margin: 30px 0px 65px 0px;
}

.mt40 {
  margin-top: 40px;
}

.mb56 {
  margin-bottom: 56px;
}

.pt50 {
  padding-top: 50px;
}

.mt15 {
  margin-top: 15px;
}

.mb15 {
  margin-bottom: 15px;
}

.mayijixiao-container {
  padding: 64px 0px 64px 0px;
}

.mayijixiao-container .features-list .features-item {
  width: 136px;
  height: 136px;
  font-size: 18px;
  color: #0388cc;
  text-align: center;
  border: 1px solid #0388cc;
  background: #fff;
  border-radius: 50%;
  float: left;
  position: relative;
  z-index: 1;
}

.mayijixiao-container .features-list .features-item .text {
  width: 50px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.mayijixiao-container .features-list .features-item:hover {
  z-index: 5;
  -webkit-transform: scale(1.3, 1.3);
      -ms-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3);
}

.mayijixiao-container .features-list .features-item:not(:first-child) {
  margin-left: -12px;
}

.mayijixiao-container .features-list .bg-blue {
  background: #0388cc;
  color: #fff;
}

.mayijixiao-container .three-features .features-1 {
  width: 330px;
}

.mayijixiao-container .three-features .features-2 {
  width: 400px;
}

.mayijixiao-container .three-features .features-3 {
  width: 275px;
}

.mayijixiao-container .three-features .features-dec {
  float: left;
  padding: 0px 19px 0px 19px;
}

.mayijixiao-container .three-features .features-dec .head-box {
  position: relative;
  margin-bottom: 25px;
}

.mayijixiao-container .three-features .features-dec .head-box p {
  font-size: 23px;
  color: #0388cc;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.mayijixiao-container .three-features .features-dec .head-box:before {
  content: "";
  width: 2px;
  height: 36px;
  background: #0388cc;
  display: inline-block;
  position: absolute;
  top: 10px;
  left: -19px;
}

.mayijixiao-container .three-features .features-dec .eng-dec {
  color: #0388cc;
  font-size: 14px;
  margin-bottom: 30px;
}

.mayijixiao-container .three-features .features-dec .circle-arrow {
  width: 45px;
  height: 45px;
  display: block;
  border-radius: 50%;
  background: #c7c7c7;
  text-align: center;
}

.mayijixiao-container .three-features .features-dec .circle-arrow .fa {
  color: #fff;
  font-size: 30px;
  line-height: 45px;
}

.mayijixiao-container .sub-dec {
  font-size: 18px;
  color: #0388cc;
  text-transform: uppercase;
}

.mayijixiao-container .manage-shop {
  position: relative;
  height: 500px;
}

.mayijixiao-container .manage-shop .feature-image {
  position: absolute;
  top: 100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
}

.function-summary {
  position: relative;
  background-repeat: no-repeat;
  background-position: 490px 55px;
}

.function-summary h1 {
  display: inline-block;
  margin: 0px;
  font-size: 36px;
  color: #0388cc;
  font-weight: bold;
  text-transform: uppercase;
  vertical-align: middle;
}

.function-summary .text-content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.function-summary .sub-text {
  width: 265px;
  display: inline-block;
  margin-left: 15px;
  font-size: 16px;
  color: #0388cc;
  text-transform: uppercase;
  vertical-align: middle;
}

.summary-01 {
  height: 220px;
  background-image: url(../../img/mainBusiness/antAchievement/chart-02.png);
  background-position: 580px 56px;
}

.summary-01 .text-content {
  left: 115px;
}

.summary-02 {
  height: 409px;
  background-image: url(../../img/mainBusiness/antAchievement/chart-03.jpg);
  background-position: 50px 50px;
}

.summary-02 .text-content {
  right: 160px;
}

.summary-02 .text-content h1 {
  float: right;
}

.summary-02 .text-content .sub-text {
  margin-top: 35px;
  margin-right: -55px;
  text-align: right;
}

.summary-02 .text-content .sub-text .small-text {
  display: block;
  margin-right: 80px;
}

.summary-02 .text-content .sub-text .strong-text {
  display: inline-block;
  font-size: 18px;
  text-align: left;
}

.summary-03 {
  height: 359px;
  background-image: url(../../img/mainBusiness/antAchievement/chart-04.png);
  background-position: 580px 100px;
}

.summary-03 .text-content {
  left: 180px;
}

.buynow {
  margin: 40px 0 40px 0;
  text-align: center;
}

.buynow .price {
  font-size: 18px;
  color: #c83842;
  margin-right: 20px;
}

.buynow a {
  display: inline-block;
  width: 120px;
  line-height: 36px;
  border-radius: 18px;
  font-size: 18px;
  border: 1px solid #c83842;
  color: #fff;
  background-color: #c83842;
  transition: 0.2s;
}

.buynow a:hover {
  background: #E00A1A;
}