img {
  max-width: 100%;
}

.bp-banner {
  position: relative;
  width: 100%;
  height: 360px;
  text-align: center;
  background: rgba(200, 200, 200, 0.1)
}

.bp-banner .banner-title-wrap {
    position: absolute;
    left: 50%;
    top: 136px;
    color: rgba(0, 0, 0, 0.8);
    letter-spacing: 0
  }

.bp-banner .banner-title-wrap .title {
      font-size: 32px;
    }

.bp-banner .banner-title-wrap .small-title {
      font-size: 20px;
    }

.bp-banner .banner-img {
    height: 100%;
    max-height: 100%;
  }

.bp-banner .bp-make-btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: 380px;
    border: 0;
    width: 186px;
    height: 50px;
    background: #2200c8;
    text-align: center;
    color: var(--whiteColor);
    cursor: pointer;
  }

.clearfix {
  zoom: 1
}

.clearfix::after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
  }

.main-content {
  width: 100%;
  padding-bottom: var(--footerHeight)
}

.main-content .iconfont {
    font-size: 48px;
    color: #190dc0;
  }

.main-content .content-limit {
    width: var(--contentWidth);
    margin: 0 auto;
  }

.main-content .service-title-24 {
    margin-top: 0;
    margin-bottom: 36px;
    font-size: var(--titleFs2);
    color: rgba(0, 0, 0, 0.8);
  }

.main-content .service-title-20 {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.8);
  }

.main-content .col-25 {
    float: left;
    width: 25%;
  }

.main-content .col-50 {
    float: left;
    width: 50%;
  }

.main-content .margin-for-second-part {
    margin-top: 60px;
  }

.main-content .margin-for-forth-part {
    margin: 60px auto 20px;
  }

.main-content .p-v-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

.main-content .white-color {
    color: #fff !important;
  }

.main-content .service-title-18 {
    margin-top: 23px;
    font-size: var(--titleFs3);
    font-weight: bold;
    color: rgba(0, 0, 0, 0.8);
  }

.main-content .service-title-14 {
    margin-top: 23px;
    font-size: var(--bodyFs6);
    font-weight: bold;
    color: rgba(0, 0, 0, 0.8);
  }

.main-content .service-body-14 {
    font-weight: normal;
    font-size: var(--bodyFs6);
    line-height: 21px;
    color: rgba(0, 0, 0, 0.6);
  }

.horizontal-two-part-wrap {
  width: 100%;
  text-align: left
}

.horizontal-two-part-wrap.padding-for-first-part {
    padding: 64px 0 60px;
  }

.horizontal-two-part-wrap .right-desc {
    margin-top: 0;
    font-size: var(--bodyFs6);
    color: rgba(0, 0, 0, 0.6);
  }

.horizontal-two-part-wrap.bd-top {
    border-top: 1px solid #d8d8d8;
  }

.horizontal-two-part-wrap.bd-bottom {
    border-bottom: 1px solid #d8d8d8;
  }

.bp-service-bg {
  margin-top: 38px;
  margin-bottom: 60px;
  width: 100%;
  height: 280px;
  background: url('/assets/img/institute/bg2.png') no-repeat center center;
  background-size: cover;
  font-size: var(--bodyFs6);
  color: rgba(0, 0, 0, 0.8)
}

.bp-service-bg .child-bp-service {
    float: left;
    margin-left: 230px;
    width: 84px;
    line-height: 21px;
    text-align: left
  }

.bp-service-bg .child-bp-service .top-part {
      margin: 25px 0;
    }

.bp-service-bg .child-bp-service .blue-level-name {
      padding-top: 20px;
      padding-bottom: 8px;
      font-size: var(--bodyFs1);
      font-weight: bold;
      color: #2200c8;
    }

.bp-service-bg .child-bp-service .bottom-part {
      margin-top: 0;
      color: rgba(0, 0, 0, 0.6);
    }

.solution-part {
  padding: 60px 0;
  background: #f5f8fa;
  color: var(--whiteColor);
  font-size: var(--bodyFs6)
}

.solution-part .left-top-data-wrap {
    padding: 21px 24px;
    width: 100%;
    height: 160px;
    background: #001432;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

.solution-part .left-bottom-research-wrap {
    padding: 21px 24px;
    width: 100%;
    height: 160px;
    background: #798491;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

.solution-part .middle-consult-wrap {
    height: 320px;
    padding: 181px 16px 41px;
    background: #b5c0cd;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

.solution-part .right-report-wrap {
    position: relative;
    height: 320px
  }

.solution-part .right-report-wrap:hover {
      img {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1);
        -webkit-transition: -webkit-transform 0.2s ease-in-out;
        transition: -webkit-transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
      }
    }

.solution-part .right-report-wrap .mask-report-text {
      position: absolute;
      bottom: 0;
      padding: 21px 33px 41px 24px;
      height: 160px;
      background: rgba(0, 20, 50, 0.6);
      -webkit-box-sizing: border-box;
              box-sizing: border-box
    }

.solution-part .right-report-wrap .mask-report-text::before {
        content: '';
        position: absolute;
        top: -12px;
        left: 0;
        display: block;
        width: 0;
        height: 0;
        border: 12px solid transparent;
        border-left-color: #b5c0cd;
      }

.advantage-part-wrap .advantage-desc {
    margin-top: -18px;
    font-size: var(--bodyFs6);
    color: rgba(0, 0, 0, 0.6);
    line-height: 21px;
  }

.advantage-part-wrap .advantage-block {
    float: left;
    margin-top: 38px;
    width: 33.33%;
    height: 260px;
    text-align: left
  }

.advantage-part-wrap .advantage-block .desc {
      font-size: var(--bodyFs4);
      color: rgba(0, 0, 0, 0.8);
      margin-top: 15px;
      margin-bottom: 25px;
    }

.advantage-part-wrap .advantage-block .title {
      font-size: 18px;
      color: rgba(0, 0, 0, 0.8);
      margin-top: 25px;
      margin-bottom: 15px;
    }

.advantage-part-wrap .advantage-block .details {
      width: 302px;
      font-size: var(--bodyFs6);
      line-height: 21px;
      color: rgba(0, 0, 0, 0.6);
    }

.understand-investor-wrap {
  width: 100%;
  height: 240px;
  overflow: hidden;
  background: url('/assets/img/institute/bg3.png') no-repeat center center;
  background-size: cover;
  -webkit-box-sizing: border-box;
          box-sizing: border-box
}

.understand-investor-wrap::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background: rgba(0, 20, 50, 0.85);
  }

.understand-investor-wrap .investor-content {
    position: relative;
    top: -243px;
    line-height: 21px;
    padding-top: 50px;
    padding-bottom: 50px;
  }

.importance-wrap {
  padding-top: 60px;
  padding-bottom: 37px;
  background: #a4a9b3
}

.importance-wrap .horizontal-two-part-wrap {
    padding: 24px 0
  }

.importance-wrap .horizontal-two-part-wrap .service-title-18 {
      margin-top: 0;
    }

.core-wrap .margin-for-core-one {
    margin: 20px 0 24px;
  }

.process-wrap {
  padding-top: 60px;
  padding-bottom: 48px;
  background: #f5f8fa
}

.process-wrap .list-wrap {
    position: relative;
    float: left;
    padding-top: 48px;
    padding-left: 24px;
    padding-right: 24px;
    width: 224px;
    height: 320px;
    background: #fff;
    -webkit-box-shadow: 4px 0 4px rgba(121, 132, 145, 0.1) inset;
            box-shadow: 4px 0 4px rgba(121, 132, 145, 0.1) inset;
    -webkit-box-sizing: border-box;
            box-sizing: border-box
  }

.process-wrap .list-wrap::after {
      content: '';
      position: absolute;
      top: 50%;
      right: -12px;
      z-index: 2;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      margin-top: -6px;
      display: block;
      width: 0;
      height: 0;
      border: 12px solid transparent;
      border-right-color: #fff;
      border-top-color: #fff;
      -webkit-box-shadow: 3px -3px 4px rgba(121, 132, 145, 0.1);
              box-shadow: 3px -3px 4px rgba(121, 132, 145, 0.1);
    }

.process-wrap .list-wrap:first-child {
      border-left: 4px solid #190dc0;
      -webkit-box-shadow: 4px 0 4px rgba(121, 132, 145, 0) inset;
              box-shadow: 4px 0 4px rgba(121, 132, 145, 0) inset;
    }

.process-wrap .list-wrap:last-child {
      margin-right: 0
    }

.process-wrap .list-wrap:last-child::after {
        content: '';
        display: none;
      }

.case-logos {
  max-width: 100%;
  margin-bottom: 32px;
}

.nav-active-section {
  color: #fff;
  font-size: var(--bodyFs6)
}

.nav-active-section .apply-btn {
    cursor: pointer;
    background: #2200c8;
    border-radius: 2px;
    width: 120px;
    height: 32px;
    border: 0;
    color: #fff;
    font-size: 14px;
    margin-left: 40px;
  }