.pre-tit{
    width: 509px;
    height: 70px;
    color: #030a1a;
    font-size: 38px;
    font-weight: 700;
    line-height: 70px;
  }
  .pre-tit2{
    width: 560px;
  height: 63px;
  font-size: 15px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #212121;
  line-height: 21px;
  }

  .page_banner_bank{
    width:100%;
    /* height:418px; */
    height:auto;
    overflow:hidden;
    background-position:top center;
    background-repeat:no-repeat;
    position: relative;
  }
  .bank-pic{
    margin-bottom: 102px;
    margin-left: 30x;
  
  }
  
  .banner-bank{
    margin-top: 0;
    /* display:block; */
    height: 480px !important;
    margin-left: 10px;
    background: url(/static/images/solution/生态合作@2x.png);
  }  
  .env_logo{
    margin-right: 20px;
  }
  .way-layout2{
    position: absolute;
    left: 245px;
    top:244px;
  }
  .way-layout3{
    position: absolute;
    left: 245px;
    top:337px;
    width: 121px;
    height: 40px;
    background: #1A62FF;
    border-radius: 2px;
    display: flex;
  }

  .change-database {
    padding-top: 150px !important;
  }

  .way-layout{
    left: 245px;
    top: 153px;
    position: absolute;
  }
  .tiyan{
    position: absolute;
    color: #FFFFFF;
    text-align: center;
    line-height: 40px;
    margin-left: 30px;
  
  }
  body {
    background: rgb(252, 252, 252);
  }
  .api-content {
    padding-bottom: 80px;
  }
  .advantage {
    width: 100%;
    height: unset;
    background: unset;
    overflow: hidden;
    position: relative;
  }
  .advantage-item {
    flex-grow: 1;
    height: 400px;
    overflow: auto;
  }
  .advantage-item-title {
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #9B9B9B;
    cursor: pointer;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgba(155, 155, 155, 0.2);
  }
  .advantage-item-title span {
    display: inline-block;
    height: 24px;
    color: black;
    width: 100%;
    line-height: 24px;
    border-right: 1px solid rgba(155, 155, 155, 0.2);
  }
  .advantage-item:nth-child(1) .advantage-item-title {
    margin-left: 0;
  }
  .advantage-item:last-child(1) .advantage-item-title {
    margin-right: 0;
  }
  .advantage-item--on .advantage-item-title {
    color: #0054C7;
    border-bottom: 1px solid #0054C7;
    font-family: Source Han Sans CN,PingFangSC-Semibold, sans-serif;
  }
  .advantage-item--on .advantage-item-content {
    display: flex;
  }
  .advantage-item-content {
    display: none;
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    padding: 40px 0;
    justify-content: space-between;
    align-items: center;
  }
  .advantage-item-left {
    margin-right: 116px;
  }
  .advantage-item-desc {
    line-height: 34px;
    margin-bottom: 24px;
    font-size: 17px;
    margin-right: 20px;
  }
  .advantage-item-bales {
    display: flex;
    margin-bottom: 55px;
  }
  .advantage-item-label {
    margin-right: 40px;
    color: #0054C7;
  }
  .advantage-item-right {
    position: relative;
    right: 60px;
    width: 246px;
    height: 254px;
    flex-shrink: 0;
    margin-left: 30px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .advantage-more {
    display: inline-block;
    padding: 0 15px;
    line-height: 36px;
    color: #fff;
    background: #0054C7;
    font-size: 16px;
    border-radius: 3px;
    cursor: pointer;
  }
  .advantage-item-image-1 {
    background-image: url(/static/images/common_new/api/advantage_image_1.png);
  }
  .advantage-item-image-2 {
    background-image: url(/static/images/common_new/api/advantage_image_2.png);
  }
  .advantage-item-image-3 {
    background-image: url(/static/images/common_new/api/advantage_image_3.png);
  }
  .advantage-item-image-4 {
    background-image: url(/static/images/common_new/api/advantage_image_4.png);
  }
  .advantage-item-image-5 {
    background-image: url(/static/images/common_new/api/advantage_image_5.png);
  }
  .advantage-item-image-6 {
    background-image: url(/static/images/common_new/api/advantage_image_6.png);
  }
  
  .apply-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    height: 384px;
    background: #fff;
    margin-left: 10px;
    box-shadow: 1px 3px 8px 0 rgba(0,50,107,0.20);
    padding-top: 50px;
  }
  .apply-item:nth-child(1) {
    margin-left: 0;
  }
  [class*="apply-icon"] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .apply-item-icon {
    width: 102px;
    height: 102px;
    margin-bottom: 35px;
  }
  .apply-icon-1 {
    background-image: url(/static/images/common_new/api/ic_API_1.png);
  }
  .apply-icon-2 {
    background-image: url(/static/images/common_new/api/ic_API_2.png);
  }
  .apply-icon-3 {
    background-image: url(/static/images/common_new/api/ic_API_3.png);
  }
  .apply-item-title {
    font-size: 16px;
    color: #4A4A4A;font-weight: 600;
    margin-bottom: 10px;
  }
  .apply-item-desc {
    font-size: 14px;
    color: #878787;
    line-height: 25px;
  }
  .apply-item-desc p {
    width: 284px;
  }

  .anli-content-a{
      width: 100%;
      height: 293px;
      background-color: #F5F7FC;
      padding: 10px 92px;
  }
  .anli-content-a:hover{
    /* box-shadow: 7px 4px 8px 7px rgba(220, 223, 229, 1); */
    
}
.anli-content-b:hover{
  /* box-shadow: 7px 4px 8px 7px rgba(220, 223, 229, 1); */
  
}
    .anli-content-b{
    width: 100%;
    height: 261px;
    padding: 10px 92px;
    position: relative;
    }
    .anli-content-a-top{
        margin-top: 16px;
        width: 100%;
    }
    .anli-content-a-content{
        font-size: 26pt;
        color: #212121;
        font-family: PingFangSC-Semibold;
        text-align: left;
        white-space: nowrap;
        line-height: 50px;
      
    }
    .anli-content-b-content{
        font-size: 22pt;
        color: #212121;
        font-family: PingFangSC-Semibold;
        text-align: left;
        white-space: nowrap;
        line-height: 50px;

    }
    .anli-content-b-pic{
      float: right;

  }
    .anli-content-c{
        width: 100%;
        height: 332px;
        padding: 10px 92px;
        margin-bottom: 20px;
    }
    .anli-content-c:hover{
      /* box-shadow: 7px 4px 8px 7px rgba(220, 223, 229, 1); */
      
  }
    .anli-content-a-pic{
        float: left;
        margin-right: 23px;
    }
    .anli-content-a-bottom{
        /* color: #394151; */
        /* font-family: PingFangSC-Semibold; */
        text-align: left;
        font-size: 18px;
        margin-top: 38px;
    }
    .anli-content-b-bottom{
      /* color: #1860F0; */
      font-family: PingFangSC-Semibold;
      text-align: left;
      font-size: 16px;
      margin-top: 8px;
      width: 719px;
      float: left;
    }
    .yinying{
        box-shadow: 0px 4px 8px 0px rgba(220, 223, 229, 1);

    }
    .anli-content-b-right{
        float: right;
        position: absolute;
        margin: -55px 41px 0 718px;
    }
    .mar-top{
        margin-top: 20px;
    }
    .anli-content-c-content{
        position: relative;
        width: 100%;
        height: 200px;
        margin-top: 7px;
        /* border: solid pink; */
    }
    .anli-content-c-left{
        width: 165px;
        height: 88px;
        color: #1860F0;
        font-size: 18pt;
        padding: 24px 0px;
        float: left;
        border-bottom:1px solid #9B9B9B;
    }
    .anli-content-c-lef{
        width: 164px;
        height: 0;
        color: #1860F0;
        font-size: 18pt;
        padding: 0 0px;
        padding-top: 146px;
        position: absolute;
        top: -100px;
    ;
    }
    .anli-content-c-right{
      width: 804px;
      height: 88px;
      /* border: solid pink; */
      font-size: 13pt;
      /* float: left; */
      padding: 2px 10px 0 0px;
      border-bottom: 1px solid #9B9B9B;
      line-height: 124%;
      color: #394151;
    }
    .anli-content-c-righ{
      width: 854px;
      height: 85px;
      position: absolute;
      /* border: solid pink; */
      font-size: 13pt;
      float: left;
      padding: 0 10px 0 162px;
      color: #394151;
      margin-top: 12px;
    }
    .renzheng{
      height: 652px;
      width: 100%;
      background-color: #F5F7FC;
      margin-top: -50px;
      /* padding: 0 200px 80px; */

    }
    .ren-title{
        text-align: center;
        padding-top: 76px;
    }


    .ren-item{
        width: 399px;
        height: 335px;
        background-color: #fff;
        float: left;
        border: 1.5px solid #F5F7FC;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        margin-top: 42px;
    }
    .ren-item:hover{
      /* box-shadow: 7px 4px 8px 7px rgba(220, 223, 229, 1); */
      
  }
    .ren-left{
        margin-left: -401px;
    }
    .ren-item-a{
        color: #212121;
        font-size: 19pt;
        margin-bottom: 19pt;


    }
    .ren-item-b{
        color: #767D8B;
        font-size: 12pt;
        margin-bottom: 10pt;
        text-align: center;
        width: 100%;
        
    }
    
    .content-flex{
        display: flex;
        justify-content: center;
        align-items: center;

    }
    /* .ren-item-first ::before{
      content: "";
      position: absolute;
   
      border-radius: 50%;
      width: 20px;
      height: 20px;
      background-color: black;
    } */

    .ren-item-c{
      margin-bottom: 72px;
    }
    .ren-item-pic{
      display: flex;
      justify-content:center;
      width: 100%;
      border:solid #0054C7;
    }