.ffff{
    color:#fff;
  }
  .w1200{
    width: 1200px;
    margin: 0 auto;
  }
  .w1400{
    width: 1400px;
    margin: 0 auto;
  }
  .text-center{
    text-align:center;
  }
  .font-wb{
    font-weight: bold;
  }
  .line-h20{
    line-height:20px;
  }
  .line-h25{
    line-height:25px;
  }
  .button:hover{
    cursor:pointer;
  }
  .w-nowrap{
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
  }
  .arial {
      font-family: Arial, Helvetica, sans-serif;
  }
.box1280 {
    width: 1280px;
    margin: 0 auto;
}   
#backToTop{
    position: fixed;
    bottom: 50px;
    right: 80px;
    display:none;
    cursor: pointer;
  }
.flex-box {
    display: flex;
}
.row-flex-box {
    flex-direction: row;
    justify-content: space-between;
}
.column-flex-box {
    flex-direction: column;
    justify-content: space-between;
}
.business-title {
    color: #1D2129;
    font-weight: bold;
    font-size: 2.125rem;
    text-align: center;
    margin-bottom: 35px;
    line-height: 1.27;
    letter-spacing: 0.05em;
}
.inner-page .business-title {
    margin-bottom: 1.875rem;
    
}
.number-list .number-type {
    border-right: 2px solid #0065E0;
    padding-bottom: 6px;
}
.number-type b {
    font-weight: bold;
    position: relative;
}
.number-type b::after {
    position: absolute;
    content: '+'; 
    top: -18px;
    right: -28%;
}

.fdep-page  .number-type b::after,
.trade-settlement-page .number-type b::after{
  content:'';
}

.number-type.no-add b::after {
    content: ''; 
}
.intro-right {
    color: #47506B;
    font-size: 1rem;
    line-height: 2.06rem;
}
.intro-right-link {
    color: #86909C;
}
.blue-text1 {
    color: #0071be;
    border-color: #0071be;
}
.blue-text2 {
    color: #4774b9;
    border-color:#4774b9;
}
.blue-text3 {
    color: #33a1db;
    border-color:#33a1db;
}
.blue-text4 {
    color: #43bcc5;
    border-color: #43bcc5;
}
.list-circle {
    position: relative;
}
.list-circle li {
    position: relative;
    text-indent: 23px;
}
.list-circle li:before {
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    background-color: #47506B;
    border-radius: 50%;
    top: 45%;
    left: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.hide1 {
    display: none;
}
.show {
    display: block;
}
* {
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .clearfix:before,
  .clearfix:after{
    display: table;
    content: " ";
  }
  .clearfix:after{
    clear: both;
  }
  .f-right {
      float: right;
  }
  .f-left {
      float: left;
  }
  body, input, select, textarea, button {
      font-family: microsoft yahei,simsun,Arial,Helvetica,sans-serif;
  }
  .text-center{
    text-align:center;
  }
  .font-wb{
    font-weight: bold;
  }
  .line-h20{
    line-height:20px;
  }
  .line-h25{
    line-height:25px;
  }
  .button:hover{
    cursor:pointer;
  }
  .ffff{
    color:#fff;
  }
  .w-nowrap{
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
  }

.index-home-page {
    margin-top: 70px;
}
.inner-banner .number-type b::after {
    top: 0.8rem;
}
.circle-type-text {
    color: #1D2129;
    font-size: 16px;
    line-height: 40px;  
    position: relative;
    padding-left: 26px;
    /* width: 320px; */
}
.circle-type-text::before {
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    background-color: #1D2129;
    border-radius: 50%;
    top: 0.5rem;
    left: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.value-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 32.3%;
}
.value-box .value-icon {
    display: inline-block;
    width: 72px;
    height: 72px;
    background: #0065E0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
}
.value-box .value-icon::before {
    position: absolute;
    content: '';
    width: 90px;
    height: 90px;
    background: #0065E026;
    top: -9px;
    left: -9px;
    border-radius: 50%;
}

.value-box .value-title {
    color: #004EA2;
    font-weight: bold;
    font-size: 1.25rem;
    text-align: center;
    margin: 1.875rem 0 1.25rem;
}
.value-box .value-text {
    color: #1D2129;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    width: 100%;
    background: #F9FCFF;
    padding: 1.25rem;
}

.banner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* 交易结算通信业务 */

.business-intro {
    justify-content: space-between;
}
.business1 {
    padding: 30px 0 60px;
}
.business1 .intro-left {
    color: #0065E0;
    font-size: 1.25rem;
    width: 15.625%;
}
.business1 .number-type b {   
    font-size: 4.2rem;
    margin-right: 6px;
}
.business1 .number-type b::after {
    font-size: 1.875rem;
    top: 0.625rem;
}
.business1 .intro-right {
    width: 82.8%;
}
.business1 .intro-left-text {
    margin-top: 4px;
}
.business1 .intro-left-text p {
    line-height: 1.27;
}
.business1-img {
    width: 100%;
    /* height: 525px; */
}
.vantage-point-list {
    width:22.7%;
    flex-wrap: wrap;
    /* justify-content: space-between; */
}
.vantage-point-item {
    width: 100%;
    /* height: 108px; */
    border-radius: 10px;
    padding: 8.3% 38px;
    background: linear-gradient(110deg,rgba(244, 249, 255, 0.9) 0%, #F4F9FF 46%);
}
.business1-serve-companys .vantage-point-item:not(:last-child) {
    margin-bottom: 17px;
}

.vp-icon {
    display: inline-block;
    width: 3.375rem;
    height: 3.375rem;
    vertical-align: text-bottom;
    margin-right: 10px;
    background-size: cover;
    background-repeat: no-repeat;
}

.vp-text {
    display: inline-block;
}
.vp-text span {
    display: block;
}
.vp-title {
    color: #272C40;
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1.65;
}
.vp-detail {
    color: #47506B;
    font-size: 1.125rem;
    line-height: 1.4;
}
.index-home-page .vp-title {
    line-height: normal;
}
.index-home-page .vp-detail {
    font-size: 1rem;
    line-height: 2.06;
}
/* 数据中心业务 */

.business2-top-box {
    padding: 60px 0;
}
.business2-bottom-box {
    /* background: #F2F8FF; */
}
.address-list {
    justify-content: space-between;
    margin: 23px 0 54px;
}
.address-item {
    /* width: 409px; */
    width: 32%;
    /* height: 170px; */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.address-item img {
    width: 100%;
    height: auto;
}

.address-item-right {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 36%;
    color: #fff;
    padding: 26px 14.5px 26px;
    font-size: 0.75rem;
}
.address-item-right span {
    display: block;
}
.address-item-right .address-title {
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 18px;
}
.address-location {
    font-size: 0.875rem;
    line-height: 1.22;
    height: 2rem;
    margin: 10px 0 15px;
}
.address-location span {
    font-size: 0.875rem;
}
.address-count {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 6px;
    margin-bottom: 6px;
}
.address-count b{
    font-weight: bold;
    font-size: 1.0625rem;
    line-height: normal;
}
.business3 .business2-info {
    box-shadow: 0px 6px 18px 0px #DFE9F7;
}
.business2-info-title {
    display: inline-block;
    width: 50%;
    /* height: 4.18rem; */
    border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    -o-border-radius: 10px 10px 0px 0px;
    color: #1D2129;
    
    font-size: 1.5rem;
    text-align: center;
    line-height: 2.5;
    cursor: pointer;
    position: relative;
    background: #DCE8FF;

}
.business2-info-title:first-of-type {
    border-radius: 10px 0px 0px 0px;
    -webkit-border-radius: 10px 0px 0px 0px;
    -moz-border-radius: 10px 0px 0px 0px;
    -ms-border-radius: 10px 0px 0px 0px;
    -o-border-radius: 10px 0px 0px 0px;
}
.business2-info-title:last-child {
    border-radius: 0px 10px 0px 0px;
    -webkit-border-radius: 0px 10px 0px 0px;
    -moz-border-radius: 0px 10px 0px 0px;
    -ms-border-radius: 0px 10px 0px 0px;
    -o-border-radius: 0px 10px 0px 0px;
}
.business2-info-title:first-of-type.active::after {
    content: '';
    position: absolute;
    right: -26px;
    top: 0;
    width: 27px;
    height: 100%;    
    background: linear-gradient(1148deg,  #fff 50%, transparent 50%);
    z-index: 10;
}
.business2-info-title:last-child.active::after {
    content: '';
    position: absolute;
    left: -20px;
    top: 0;
    width: 21px;
    height: 100%;
    /* background: linear-gradient(254deg,  #fff 50%, transparent 50%); */
    background: linear-gradient(-254deg, transparent 50%, #fff 50%);
}
.business2-info-title:hover {   
    color: #0065E0;
}
.business2-info-title.active {
    background: #fff;
    font-weight: bold;
}
.business2-info-detail {
    border-radius: 0px 0px 10px 10px;
    background: #FFFFFF;
    /* box-shadow: 0px 6px 18px 0px #DFE9F7; */
    /* height: 387px; */
    display: none;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -ms-border-radius: 0px 0px 10px 10px;
    -o-border-radius: 0px 0px 10px 10px;
}
.business2-info-detail1 dl {
    width: 50%;
    padding: 40px 38px 40px 50px;
    
}
.business2-info-detail1 dt {
    color: #1D2129;
    font-weight: bold;
    font-size: 1.375rem;
    line-height: 1.5;
}
.business2-info-detail1 dd {
    color: #47506B;
    font-size: 1rem;
    line-height: 1.625;
    margin-left: 53px;
    /* height: 104px; */
}
.business2-info-detail1 dl dd:first-of-type {
    margin-bottom: 2rem;
}
.bid-icon {
    display: inline-block;
    width: 38px;
    height: 38px;
    margin-right: 15px;
    vertical-align: middle;
}

.business2-info-detail2 {
    padding: 36px 0 36px;
    display: none;
}
.business2-info-detail2.show {
    display: block;
}
.business2-info-detail1.show {
    display: block;
}
.business2-info-detail2-content {
    position: relative;
    /* height: 289px; */
    width: 91.7%;
    margin: auto;
}
.detail-list {
    width: 44.5%;
    height: 289px;
    background-color: #F9FCFF;
    display: inline-block;
    background-repeat: no-repeat;
}
.detail-list li {
    color: #47506B;
    font-size: 1rem; 
    line-height: 2.06rem; 
}

.detail-list1 li {
    text-align: right;
    margin: 17px 0 25px 0;
}
.detail-list2 li {
    /* margin: 0 0 24px; */
    margin: 17px 0 25px 0;
}
.detail-icon {
    position: absolute;
    left: 50%;
    top: 14px;
    margin-left: -135px;
}
.detail-icon img {
    width: 270px;
    height: 270px;
}
.business2-bottom-box-title {
    color: #3D3D3D;
    font-weight: bold;
    font-size: 1.625rem;
    text-align: center;
    line-height: 36px;
}
.south-center-img {
    position: relative;
    width: 100%;
    /* width: 1280px; */
    height: 560px;
}
.south-center-img .function-positioning {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -54px;
    z-index: 1;
    background-size: contain;
    background-position: center;
}

/* 金融数据交换业务 */
/* .first-prize {
    width: 256px;
} */
.business3 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.first-prize {
    /* width: 21%; */
    text-align: center;
    margin-top: -1.625rem;
}
.first-prize b {
    color: #004EA2;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
}
.first-prize img {
    width: 42.6%;
    height: auto;
    margin: 20px auto 12px;
}       
.first-prize p {
    color: #AC2F32;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
}
.business3 .intro-right {
    /* width: 894px; */
    width: 100%;
}
.business3 .finance-data-content {
    justify-content: space-between;
    margin-top: 30px;
}
.business3 .business2-info-detail1 {
    padding: 60px 40px 40px;
}

.finance-data-content1 {
    position: relative;
}
.fdep-num {
    opacity: 1;
    border-radius: 10px 50px 50px 10px;
    color: #fff;
    font-size: 1.25rem;
    width: 47.6%;
    height: 88px;
    line-height: 88px;
    text-align: right;
    padding-right: 58px;
    font-weight: bold;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -44px;
}
.fdep-num .number-type {
    font-size: 1.125rem;
    border-bottom: none;
    padding-bottom: 0;   
    vertical-align: middle;
}
.fdep-num .number-type b {
    font-size: 2.625rem;
    margin-right: 23px;
    font-family: Arial, Helvetica, sans-serif;
}
.fdep-num .number-type b::after {
    top: -32px;
    right: -21%;
    font-size: 1.25rem;
    font-family: Arial, Helvetica, sans-serif;
}
.fdep-num1 {
    margin-right: 50px;
    margin-top: -204px;
    background: linear-gradient(270deg, #4774B9 29%, rgba(255, 255, 255, 0) 100%);
}
.fdep-num2 {
    background: linear-gradient(270deg, #33A1DB 29%, rgba(255, 255, 255, 0) 100%);
}
.fdep-num3 {
    margin-right: 50px;
    margin-top: 116px;
    background: linear-gradient(270deg, #43BCC5 29%, rgba(255, 255, 255, 0) 100%);
}
.adv-list {
    width: 580px;
    height: 220px;
    border-radius: 5px;
    background: #F9FCFF;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.adv-list ul {
    width: 63%;
    margin: 3.4rem 0 0 1.25rem;
}
/* .adv-list2 ul:last-child {
    margin-left: 7.5rem;
} */
.adv-title {
    width: 54.3%;
    border-radius: 142px;
    background: #0065E0;
    opacity: 1;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.25rem;
    text-align: center;
    line-height: 2;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.adv-list .circle-type-text{
    font-size: 1rem;
    line-height: 1.25;
    margin-bottom: 1.25rem;
}



/* 交易结算业务页面 start*/
.inner-banner {
    width: 100%;
    height: 360px;
    position: relative;
}
.inner-banner-text {
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    justify-content: space-between;
    padding: 3.75rem 0;
}
.inner-banner-text2 {
    padding-top: 9.6rem;
}

.banner-intro-box {
    width: 71.8%;
}

.banner-intro-box h4 {
    color: #292F3C;
    font-weight: bold;
    font-size: 34px;
    margin-bottom: 1.25rem;
}
.business-page .banner-intro-box h4 {
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
}
.banner-intro-box p {
    color: #47506B;
    font-size: 1.125rem;
    line-height: 26px;
}
.banner-intro-box2 {
    width: 71.8%;
    color: #fff;
    font-size: 0.875rem;

}
.banner-intro-box2 h4{
    font-size: 3.125rem;
    font-weight: bold;
    margin-bottom: 1rem;
}
.banner-intro-box2 a {
    color: #fff;
}
.banner-intro-box2 div>span:last-child {
    opacity: 0.8;
}
.top-content {
    margin-top: -3.75rem;
    border-radius: 4px;
    background: #FFFFFF;
    position: relative;
}
.banner-point-box {
    width: 16.3%;
    margin-right: 4.6%; 
}
.banner-intro-box .btn {
    width: 152px;
    height: 40px;
    background-color: #0065E0;
    border-radius: 8px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    margin-top: 20px;
    cursor: pointer;
}
.banner-intro-box .btn:hover {
    background-color: #004ea2;
}
.banner-intro-box .btn img{
    width: 18px;
}
.banner-point-box .number-type {
    color: #004EA2;
    font-weight: bold;
    font-size: 1.5rem;
    border-bottom-color: #004EA2;
    border-width: 4px;
    padding-bottom: 0;
}
.banner-point-box .number-type b{
    color: #004EA2;
    font-family: Arial;
    font-weight: bold;
    font-size: 7.5rem;
    line-height: 1;
    margin-right: 1.3rem
}
.banner-point-box .number-type b::after {
    font-size: 2.125rem;
}
.banner-point-box .intro-left-text {
    color: #004EA2;
    font-size: 1.25rem;
    line-height: 1.5;
    margin-top: 0.625rem;
    font-weight: bold;
}
.banner-adv {
    position: absolute;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0px 6px 18px 0px #DFE9F7;
    width: 100%;
    bottom: 0;
    margin-bottom: -3.125rem;
    left: 0;
}
.banner-adv .vantage-point-item {
    width: 25%;
    padding: 21px 40px;
    border-radius: 10px;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
/* 第一个模块 服务资本市场 */
.serve-company-box {
    /* padding-bottom: 60px; */
    margin-top: 50px;
}
.serve-company {
  
    height: 29rem;
    padding-top: 42px;
    /* margin-bottom: 40px; */
    position: relative;
}
.serve-company img {
    width: 100%;
    height: auto;
}
.business1-serve-companys {
    margin-top: 40px;
    justify-content: space-between;
}


.s-c-title {
    color: #3D3D3D;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.45;
    letter-spacing: 0px;
    text-align: center;
    margin: 20px 0 20px;
}
.s-c-title span {
    color: #0065E0;
}
.company-list {
    padding: 0 20px;
    position: relative;
    height: 100%;
}
.company-list div {
    display: inline-block;
    /*width: 30%;
    border-radius: 110px;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    box-shadow: 0px 4px 10px 0px #1277F119;
    font-size: 1.125rem;
    line-height: 2.93rem;
    text-align: center;
    margin: 0 0 20px 2.3%;
    */
    width: 17.6%;
    height: 3.5rem;
    border-radius: 97px;
    background: linear-gradient(137deg, #64C1FF 0%, #008AFC 100%);
    -webkit-background: linear-gradient(137deg, #64C1FF 0%, #008AFC 100%);
    -moz-background: linear-gradient(137deg, #64C1FF 0%, #008AFC 100%);
    -ms-background: linear-gradient(137deg, #64C1FF 0%, #008AFC 100%);
    -o-background: linear-gradient(137deg, #64C1FF 0%, #008AFC 100%);
    border: 2px solid #FFFFFF;
    box-shadow: 0px 3px 15px 0px #F7FBFF;;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 2.9;
    letter-spacing: 0px;
    text-align: center;
    position: absolute;
}
.company-list div.company-list-item1,
.company-list div.company-list-item3,
.company-list div.company-list-item5 {
    left: 8.8%;
    top: 50%;
    margin-top: -23px;
}
.company-list div.company-list-item2,
.company-list div.company-list-item4,
.company-list div.company-list-item6 {
    right: 8.8%;
    top: 50%;
    margin-top: -23px;
}
.company-list div.company-list-item1,
.company-list div.company-list-item2 {
    margin-top: -133px;
}
.company-list div.company-list-item5,
.company-list div.company-list-item6 {
    margin-top: 87px;
}
.company-list div.company-list-item3 {
    margin-left: -30px
}
.company-list div.company-list-item4 {
    margin-right: -30px
}
.serve-company>div {
    text-align: center;
}

.company-item {
    width: 185px;
    height: 102px;
    display: inline-block;
    color: #272C40;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    padding: 38px 0;
    position: relative;
}
.company-item:not(:last-child) {
    margin-right: 20px;
}
.company-item2 {
    top: 10px;
}
.company-item3 {
    top: -30px;
}
.company-item4 {
    top: 20px;
}

.company-topic {
    display: inline-block;
    font-size: 36px;
    text-align: center;
    line-height: 50px;
    position: relative;
    top: 20px;
    padding: 0 20px;
}
.company-topic span {
    color: #0065E0;
}
.s-company-text {
    position: absolute;
    width: 100%;
    top: 20%;
}
.company-bottom {
    margin-top: 12px;
}
.company-bottom .company-item-type1 {
    padding: 20px 0;
    margin-left: 20px;
    line-height: 32px; 
}
.business-survey {
    padding: 60px 0;
    background: #F8FBFF;
}
.business-survey-detail img {
    width: 100%;
    height: auto;
} 
/* 
card-box 卡片布局


*/
.card-box {
    display: flex;
    align-items: stretch;
    height: 100%;
}
.card-box.card-box-row > div {
    /* height: 100%; */
    /* flex: 1; */
}
.card-radius {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
}

.card-box-row {
    flex-direction: row;
}
.card-point {
    background: #0065E0;
    color: #fff;
}
.linear-card-point {
    background: linear-gradient(270deg, #5DCAFF 0%, #0065E0 72%);
}

.card-point-row {
    display: flex;
    flex-direction: row;
    /* justify-content: center; */
    align-items: center;
    font-size: 1.5rem;
    padding-left: 20px;
}
.card-point-row .card-point-title {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.25rem;
    margin-left: 6px;
}
.card-point-row .card-point-icon {
    display: inline-block;
    width: 40px;
    height: 40px;       
}
.card-point-row img {
    cursor: pointer;
}
.card-box-row .card-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    justify-content: space-evenly;
    background-color: #fff;
}
.card-point-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.75rem;
}
.card-box-column .card-point {
    height: 54px;
    /* height: 15.9%; */
    height: 3.375rem;

}
.card-point-column .card-point-icon {
    display: inline-block;
    width: 60px;
    height: 60px;
}
.card-box-column .card-content {
    display: flex;
    /* flex: 1; */
    flex-direction: row;
    /* height: 100%; */
    justify-content: center;
    align-items: center;
    background-color: #fff;
}
.card-point-column .card-point-icon+ .card-point-title{
    margin-top: 20px;
}
.card-point-column .card-point-title {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.75rem;   
}

.card-point-text {
    text-align: center;
} 
.card-box-column {
    flex-direction: column;
}
.product-intro-tab-panel {
    width: 47%;    
    margin-bottom: 30px;
    margin-right: 30px;
}
.product-intro-tab-panel .card-box {
    border: 1px solid #5095E8;
}
.product-intro-tab-panel .card-radius {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.product-intro-tab-panel .card-point {
    width: 22.4%;
}
.product-intro-tab-panel .card-content {
    padding: 20px 20px;
    background: #ECF2FFCC;
}
.product-intro-tab-panel .intro-section-title {
    opacity: 1;
    color: #004EA2;
    font-weight: bold;
    font-size: 1.25rem;
    margin-bottom: 5px;
    line-height: 1.4;
}
.product-intro-tab-panel .intro-section-content {
    color: #47506B;
    font-size: 1rem;
    line-height: 1.375;
    margin-bottom: 10px;
}
.product-intro-tab-panel .intro-section:last-child .intro-section-content {
    margin-bottom: 0;
}

.tab-content1 .product-intro-tab-panel-type {
    height: 280px;
}
.tab-content2 .product-intro-tab-panel-type {
    height: 130px;
}
.tab-content3 .product-intro-tab-panel-type {
    height: 130px;
}
.tab-content4 .product-intro-tab-panel-type {
    height: 130px;
}
.tab-content5 .product-intro-tab-panel-type {
    height: 150px;
}
.tab-nav {
    justify-content:space-around;
    padding: 0 85px;
    margin-bottom: 5px;
}
.tab-nav .tab-btn {
    color: #47506B;
    font-size: 1.25rem;
    line-height: 1.3;
    text-align: center;
    padding-bottom: 10px;
    margin: 15px 0 25px;
    cursor: pointer;
}
.tab-nav .tab-btn:hover {
    color: #0065E0;
}
.tab-nav .tab-btn.active {
    color: #0065E0;
    font-weight: bold;
    border-bottom: 4px solid #0065E0;
}
.tab-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: -50px;
    border: none;
    /* margin-bottom: -60px; */
    /* visibility: hidden; */
}
.tab-content.active {
    visibility: visible
}
.product-intro {
    padding: 60px 0;
}
/* 交易结算业务页面 end */

/* 数据中心业务页面start */
.history-box {
    padding: 40px 0 60px;
    
}
.history-box .address-list {
    margin: 0;
    width: 35.1%;
}
.history-box .address-item {
    margin-bottom: 2.75rem;
    width: 100%;
    height: 11.25rem;
    background-image: none;
}
.history-box .address-item img {
    width: 66.6%;
    height: 100%;
}
.history-box .address-item-right {
    background: #0065E0;   
    font-size: 1rem; 
    padding: 20px 14.5px 20px;
}
.history-box .address-location {
    margin: 0.375rem 0 2rem;
}
.history-box .address-location span, .history-box .address-location {
    font-size: 1rem;
    line-height: 1.375;  
   
}
.history-box .address-count b {
    font-size: 1.5rem;
    line-height: 0.9;  
}
.history-box .address-item:last-child {
    margin-bottom: 0px;
}

.map-year {
    display: flex;
    align-items: center;
    margin: 1.875rem 0 4.3rem -9px;
}
.map-year:last-child {
    margin-bottom: 1.75rem;
}

.map-year .map-year-text {
    color: #004EA2;
    font-weight: bold;
    font-size: 2.25rem;
    line-height: 0.8;
    margin: 0 10px 0
}
.map-year .map-year-detail {
    opacity: 1;
    color: #47506B;
    font-size: 1rem;
    line-height: 1.5;
    text-align: left;
}
.business2-info2 {
    background: #F8FBFF;
    padding: 60px 0;
}
.data-center-page .business2-info-detail {
    box-shadow: 0px 6px 18px 0px #DFE9F7;
}
.south-tec-center {
    padding: 60px 0 40px;
}
.south-tec-center .intro-right {
    font-size: 1.125rem;
    line-height: 1.3;
    margin-bottom: 1rem;
}

.positioning-item div {
    color: #0065E0;
    font-size: 1.25rem;
    width: 100%;
    height: 66px;
    line-height: 66px;
    margin: 30px 0;
    position: relative;
    font-weight: bold;
}
.data-center-page .positioning-item div {
    height: 3.75rem;
    line-height: 3;
}
.data-center-page .south-center-img .function-positioning {
    top: 0;
}

.data-center-page .positioning-center-text span {
    font-weight: bold;
    font-size: 1.7rem;
    line-height: 1.3;
    color: #004EA2;
}
.data-center-page .south-center-img {
    height: 32.5rem;
}
.data-center-page .positioning-text {
    font-size: 1.125rem;
    line-height: 1.3;
    width: 11.875rem;
}

.positioning-right-item div {
    text-align: right;
    padding-right: 30px;   
}

.positioning-center {
    align-items: center;
    margin-left: -28px;
}
.positioning-center-text {
    text-align: center;  
}
.positioning-center-text span {
    color: #0065E0;
    font-weight: bold;
    font-size: 2.25rem;
    line-height: 40px;
}
.positioning-text {
    color: #47506B;
    font-size: 1rem;
    line-height: 22px;
    text-align: center;
    width: 211px;
}
.positioning-center-text {
    width: 50%;
}
.product-box {
    margin-bottom: 60px
}
.product-box .card-box {
    width: 48.8%;
    /* height: 339px; */
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0px 6px 18px 0px #DFE9F7;
}
.product-box .card-point-row .card-point-title {
    font-size: 1.5rem;
}
.product-box .intro-section-title {
    font-weight: bold;
    margin-bottom: 0.625rem;
    color: #3D3D3D;
    font-size: 1.125rem;
    line-height: 1;
}

.product-box .intro-section-content {
    color: #47506B;
    font-size: 1rem;
    line-height: 1.5;   
    margin-bottom: 1.25rem;
}
.product-box .intro-section-content:last-child {
    margin-bottom: 0;
}
.product-box .card-content {
    /* padding: 20px 20px; */
}
.product-box .card-wrap {
    padding: 20px 20px;
    height: 14.68rem;
}
.product-box .card-content img {
    margin-left: 20px;
}

.use-item {
    width: 100%;
}
.use-item .card-box {
    width: 100%;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0px 6px 18px 0px #DFE9F7;
    margin-bottom: 20px;
}
.use-item .card-box:last-child {
    margin-bottom: 0px;
}
.use-item .card-point {
    width: 29.4%;
}
.use-item .card-content {
    padding: 1rem;
}
.use-item .intro-section {
    color: #47506B;
    font-size: 1rem;
    line-height: 1.625;
    /* padding: 20px; */
}
.use-item .intro-section li {
    display: inline-block;
    width: 48%;
}
.user-item .list-circle li:before {
    width: 5px;
    height: 5px;
}
.use-img {
    width: 35.7%;
    height: 100%;
}
.use-img .card-point {
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
}
.use-img .card-content {
    height: 100%;
}
.use-img .card-content img{
    width: 100%;
    height: 100%;
}
.use-img .card-point-title {
    font-size: 1.125rem
}
.use-box .line2 {
    width: 7.5%;   
    height: auto;
    margin: 31px 0;
}
.product-use {
    background-color: #F8FBFF;
    padding: 60px 0 60px;
}
.section {
    opacity: 0;
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.section.visible {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
/* 数据中心业务页面 end */

/* 深证云业务 start */
.solution2-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.solution2-item {
    width: 31.25%;
    border-radius: 15px;
    background: #FFFFFF;
    box-shadow: 0px 6px 18px 0px #DFE9F7;
    padding: 2.5rem 1.5rem;
}

.solution2-title {
    color: #1D2129;
    font-weight: bold;
    font-size: 1.375rem;
    line-height: 2;
    text-align: center;
    margin: 1.4rem 0 0.9rem;
}
.solution2-text {
    color: #47506B;
    font-size: 16px;
    line-height: 1.5;
}
.sscc-cloud-page .inner-banner {
    /* height: 400px; */
    position: relative;
}
.sscc-cloud-page .inner-banner .number-type b::after {
   top: -11px;
}
.sscc-logo {
    display: inline-block;
    width: 332px;
    height: 32px;
    vertical-align: bottom;
    margin-left: 30px;
}
.sscc-cloud-page .inner-banner-text .banner-intro-box p {
    margin-top: 10px;
    line-height: 1.6;
}
.number-list {
    position: absolute;
    bottom: -3.75rem;
    /* width: 1280px; */
    /* height: 135px; */
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0px 6px 18px 0px #DFE9F7;
    color: #004EA2;
    padding: 25px 40px;
    left: 0;
}
.number-list .number-item {
    display: flex;
    align-items: center;
    height: 50px;
}
.number-list .number-type {
    font-size: 1.125rem;
    font-weight: bold;
    padding-right: 20px;
}
.number-list .number-type b{
    font-size: 3.125rem;
    font-family: Arial, Helvetica, sans-serif;
}
.number-list .number-type b:after {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.25rem;
    font-weight: bold;
}
.number-list .intro-left-text{
    font-size: 1.125rem;
    line-height: 1.1rem;
    margin-left: 20px;
}
.plateform-specialty {
    margin-top: 130px;
    padding-bottom: 60px;
}
.specialty-list {
    margin-bottom: 60px;
}
.specialty-item {
    color: #3D3D3D;
    font-size: 1.125rem;
    line-height: 1.3;
    width: 23.8%;
 
    position: relative;
}

.specialty-item img {
    width: 100%;
    height: 100%;
}
.specialty-item-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 7.5% 0 0 6.5%;
}

.specialty-item div {
    display: inline-block;
    vertical-align: middle;
}
.specialty-item .specialty-item-title {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 100%;
    background: #0065E0;
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: bold;
    text-align: center;
    padding-top: 0.9rem;
    line-height: 1.4rem;
    margin-right: 0.5rem;
}
.subhead {
    color: #004EA2;
    font-size: 1.5rem;
    letter-spacing: 0px;
    text-align: center; 
    margin-bottom: 1.875rem;  
    font-weight: bold; 
}
.center-item {
    width: 32%;
}
.center-item img {
    width: 100%;
    /* height: 190px; */
}
.center-item .card-box {
    height: auto;
}
.center-item .card-point {
    width: 26.8%;
}
.center-item .card-point-title {
    color: #FFFFFF;
    font-weight:  bold;
    font-size: 1.25rem;
    width: 100%;
    line-height: 1.3;
    text-align: center;
}
.center-item .card-box .card-content {
    background: #ECF2FF;
    line-height: 1.625;
    padding: 0.68rem 0 0.68rem 0.68rem;
}
.center-item .list-circle li {
    text-indent: 1.5625rem;
}
.center-item .list-circle li:before {
    left: 10px;
}
.serve-framework img {
    width: 100%;
}
.serve-framework, .solution-box{
    padding: 50px 0 60px;
    background: #F8FBFF;
}
.serve-functional-zone {
    padding: 60px 0;
}
.zone-item {
    width: 23.5%;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0px 6px 18px 0px #DFE9F7;
}
.zone-item img {
    width: 100%;
    height: auto;
}
.zone-text {
    text-align: center;
    padding: 1.5rem 1.3rem 1.25rem;
}
.zone-text b{
    color: #0065E0;
    font-weight: Bold;
    font-size: 1.5rem;
}
.zone-text p {
    color: #47506B;
    font-size: 1rem;
    line-height: 1.5;
    text-align: left;
    margin: 1rem 0 0.8rem;
    min-height: 4.5rem;
}
.zone-text .zone-point {
    color: #1D2129;
    font-weight: Bold;
    font-size: 1.125rem;    
    text-align: center;
    line-height: 1.2;
}
.solution-list {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.solution-bg {
    position: absolute;
    top: 30%;
    left: 32.7%;
    width: 35.4%;
    /* height: 150px; */
}
.solution-item {
    position: relative;
    width: 43.75%;
    /* height: 124px; */
    padding-top: 1.25rem;
}
.solution-item:nth-child(3), .solution-item:nth-child(4) {
    margin-top: 3.75rem;
}
.solution-title {
    position: absolute;
    width: 42.8%;
    /* height: 40px; */
    border-radius: 142px;
    background: #0065E0;
    color: #fff;
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 2;
    text-align: center;
    top: 0px;
    left: 28.5%;
}
.solution-text {
    width: 100%;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0px 6px 18px 0px #DFE9F7;
    color: #47506B;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 2.18rem 1.875rem 1.31rem;
}
.mark-text {
    color: #0065E0;
}
.cloud-products {
    padding: 50px 0 60px;
    padding-bottom: 35px;
}
.cloud-products-list {
    flex-wrap: wrap;
}
.cloud-products-list .card-point-row .card-point-title {
    font-size: 1.375rem;
}
.cloud-products-list .card-point {
    background: linear-gradient(270deg, #5DCAFF 0%, #0065E0 72%);
    height: 3.125rem
}
.cloud-products-list .card-box {
    width: 48.8%;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0px 6px 18px 0px #DFE9F7;
    margin-bottom: 1.56rem;
}
.cloud-products-list .card-content {
    padding: 1.25rem 1.56rem;
    align-items: flex-start;
}
.cloud-products-list .intro-section-content {
    color: #47506B;
    font-size: 1rem;
    line-height: 1.5;
    margin-right: 1.56rem;
}
.cloud-products-list img {
    width: 15rem;
    height: 6.875rem;
    /* height: 110px; */
}
/* 深证云业务 end */

/* fdep业务start */
.fdep-page .banner-intro-box {
    width: 79%;
}
.fdep-page .inner-banner-text {
    padding: 5rem 0;
}
.fdep-page .banner-intro-box p {
    margin: 5px 0 15px;
    line-height: 28px;
}
.fdep-page .banner-point-box {
    width: 21.5%;
    margin-top: 0.5rem;
}
.fdep-logo {
    display: inline-block;
    width: 15.9rem;
    height: 2.125rem;
    vertical-align: sub;
    margin-left: 30px;
}
.finance-data {
    padding: 28px 0 18px;
}

.fdep-page .platform-content {
    background: #F8FBFF;
    padding: 60px 0 60px;
}
.fdep-page .platform-content .business2-info-detail {
    box-shadow: 0px 6px 18px 0px #DFE9F7;
}
.fdep-page .platform-content .business2-info-detail1 {
    padding: 3.75rem 2.5rem 2.5rem;
}

.fdep-products {
    padding: 60px 0;
}
.subhead-text {
    color: #47506B;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
}
.fdep-products .subhead-text {
    width: 68.75%;
    text-align: center;
    margin: 0 auto;
}
.fdep-products1 .subhead-text {
    width: 95%;
    text-align: left;
    line-height: 1.625;
}
.fdep-map {
    width: 95%;
    height: auto;
    margin: 20px 0;
}
.fdep-page .tab-list {
    margin-top: 15px;
}
.fdep-page .tab-nav {
    padding: 0 25.7%;
}
.fdep-page .card-point {
    height: 3.125rem;
    background: linear-gradient(270deg, #5DCAFF 0%, #0065E0 72%);
}
.fdep-page .card-point-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
}

.fdep-page .card-box {
    width: 100%;
}
.fdep-page .card-point-title {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.25rem;
    text-align: left;
    line-height: 3.125rem;
    margin-left: 10px;
}
.fdep-page .tab-panel {
    width: 47%;
    margin-right: 1.875rem;
    /* margin-right: 30px; */
    margin-top: 30px;
}
/* .fdep-page .tab-panel.tab-panel1,
.fdep-page .tab-panel.tab-panel2,
.fdep-page .tab-panel.tab-panel8,
.fdep-page .tab-panel.tab-panel9,
.fdep-page .tab-panel.tab-panel10,
.fdep-page .tab-panel.tab-panel11 {
    margin-top: 0px;
} */

.fdep-page .card-box {
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0px 6px 18px 0px #DFE9F7;
    
}
.fdep-page .tab-content {
    margin-right: -3rem;
}
.fdep-page .card-content {
    padding: 20px;
    align-items: unset;
}
.fdep-page .intro-section {
   width: 100%;
}
.fdep-use-box:first-child {
    margin-bottom: 20px;
}
.fdep-use-box span {
    color: #1d2129;
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 1.3;
    text-align: center;
    vertical-align: top;
}
.fdep-use-box div {
    display: inline-block;
    width: 84%;
    margin-left: 10px;
} 
.fdep-use-box div p {
    color: #47506B;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0px;
    text-align: left;
} 
.f-p-left {
    width: 60%;
}
.f-p-right {
    width: 40%;
}
.fdep-address-item {
    /* border-radius: 10px; */
    background: #FFFFFF;
    /*box-shadow: 0px 6px 18px 0px #DFE9F7;
    */width: 100%;
    /*padding: 24px;
     */
}
.fdep-address-item img {
    width: 46.8%;
    height: 10rem;
}
.fdep-address-item .address-info p:first-of-type {
    color: #004EA2;
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 1.375;
    text-align: left;
    margin: 10px 0;
}
.address-info {
    display: inline-block;
    padding-left: 20px;
    width: 53.2%;
    background: #EDF2FB;
}
.fdep-address-item>div:first-of-type {
    display: flex;
    flex-direction: row;
    margin-bottom: 0.125rem;
}
.address-number {
    width: 33%;
    /* height: 90px; */
    background: #0065E0;
    color:#fff;
    margin-right: 2px;
    padding: 11px 20px;
}
.address-number p {
    font-weight: bold;
}
.address-number-info {
    width: 67%;
    /* height: 90px; */
    background: #0065E0;
    color:#fff;
    font-size: 1rem;
    line-height: 1.5;
    padding: 21px 15px 0;
}
.address-number .number-type {
    font-size: 1.125rem;
    border: none;
    padding: 10px 0 0;
}
.address-number .number-type b {
    font-size: 3rem;
    line-height: 1;
    margin: 10px 20px 0 0;
}
.address-number .number-type b::after {
    font-size: 1.125rem;
    top: 8px;
}
.des-text {
    font-size: 1rem;
    line-height: 1.5;
    color: #47506B;
}
.circle1 {
    background: #F1F8FF;
    border: 2px solid #0065E0;
    border-radius:  100% ;
    -webkit-border-radius:  100% ;
    -moz-border-radius:  100% ;
    -ms-border-radius:  100% ;
    -o-border-radius:  100% ;
    width: 11.7%;
    height: 9.375rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.circle1.border-dashed {
    border-style: dashed;
}
.circle2 {
    color: #fff;
    background: #0065E0;
    width: 80%;
    height: 80%;
    border-radius:  100% ;
    -webkit-border-radius:  100% ;
    -moz-border-radius:  100% ;
    -ms-border-radius:  100% ;
    -o-border-radius:  100% ;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.product-item .circle1 {
    /* width: 15.2%; */
    width: 5.5rem;
    height: 5.5rem;
    border-width: 1px;
}
.product-item .circle2 {
    font-size: 2.25rem;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
.product-item {
    display: flex;
    flex-direction: row;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0px 6px 18px 0px #DFE9F7;
    width: 48.8%;
    padding: 1.25rem;
    margin-bottom: 1.875rem;
    align-items: center;
}
.fdep-product-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.fdep-product-list .product-right {
    width: 81%;
    margin-left: 20px;
}
.fdep-product-list .product-right div {
    color: #1D2129;
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: bold;
    margin-bottom: 0.625rem;
}
.fdep-product-title {
    border-radius: 104px;
    background: #0065E0;
    border: 1px solid #0065E0;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.375rem;
    line-height: 1.6;
    letter-spacing: 0px;
    text-align: center;
    width: 15.6%;
    /* height: 38px; */
    margin: 40px auto 20px;
}
/* fdep业务 end */

/* 金融科技创新业务 start */
.fintech-box1 {
    padding: 60px 0 40px;
}
.fintech-box4 {
    padding: 60px 0;
}
.fintech-box1 .chain-icon {
    display: inline-block;
    width: 5.75rem;
    height: 5.75rem;
    margin: 0 18px 0 39px;
}

.fintech-box1 .chain-text {
    color: #1D2129;
    font-weight: bold;
    font-size: 1.125rem;
    text-align: left;
    white-space: nowrap;
}
.block-chain1 .des-text {
    width: 61.4%;
}
.block-chain1  .flex-box {
    align-items: center;
}
.block-chain1 .block-chain1-top{
    padding: 0 75px;
    margin-bottom: 40px;
}
.fintech-box1 .card-box {
    width: 48.8%;
    height: 10.625rem;
    border-radius: 15px;
    background: #FFFFFF;
    box-shadow: 0px 6px 18px 0px #DFE9F7;
    padding: 30px;
}
.fintech-box1 .card-point-column .card-point-icon {
    width: 88px;
    height: 88px;
}
.fintech-box1 .card-point {
    width: 25.6%;
    /* height: 1320px; */
}
.fintech-box1 .card-content {
    padding: 27px 0 27px 22px;
}
.fintech-box1 .intro-section-title {
    color: #1D2129;
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 0.625rem;
}
.fintech-box1 .intro-section-content {
    font-size: 1rem;
    line-height: 1.625;
    color: #47506B;
}

.fintech-box2 {
    padding: 0 0 60px 0;
}
.fintech-box2 .circle1:nth-child(1),
.fintech-box2 .circle1:nth-child(5) {
    border-color: #0CA3EC;
}
.fintech-box2 .circle1:nth-child(1) .circle2,
.fintech-box2 .circle1:nth-child(5) .circle2{
    background: #0CA3EC;  
}
.fintech-box2 .circle1:nth-child(3),
.fintech-box2 .circle1:nth-child(7) {
    border-color:#0075C1;
}
.fintech-box2 .circle1:nth-child(3) .circle2,
.fintech-box2 .circle1:nth-child(7) .circle2{
    background: #0075C1;  
}
.fintech-box2 .circle2 span:first-of-type {
    width: 3.25rem;
    height: 3.25rem;
    display: inline-block;
}
.fintech-box2 .circle2 span:nth-child(2) {
    color: #FFFFFF;
    font-size: 1.5rem;
    line-height: 1.16;
    font-weight: bold;
    text-align: center;
}
.fintech-box2 .fintech-line {
    width: 14.2rem;
    height: 2px;
    position: relative;
    background: #1071B2;
}
.fintech-box2 .fintech-line::before {
    content: '';
    position: absolute;
    width: 22px;
    height: 22px;
    background: #1071B2;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    top: -10px;
    left: 109px;
}
.fintech-box2 .flex-box {
    align-items: center;
}

.card-module-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: -1.875rem;
}
.card-module {
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0px 6px 18px 0px #DFE9F7;
    padding: 2.8rem 1.25rem 1.25rem;
    position: relative;
    margin: 1.875rem 1.56rem 1.875rem 0;
}
.card-module-title {
    border-radius: 10px;
    background: #0065E0;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 2.5rem;    
    text-align: center;    
    width: 24.3%;
    height: 3.75rem;
    line-height: 1.5;
    position: absolute;
    top: -1.875rem;

}
.fintech-box3 .card-module {
    width: 30.6%;
    margin: 1.875rem 1.56rem 1.56rem 0;
}
.fintech-title {
    margin: 0 auto 30px;
}
.fintech-box3 {
    padding: 60px 0;
    background: #F8FBFF;
}
.fintech-subtitle {
    color: #1D2129;
    font-weight: bold;
    font-size: 24px;
    text-align: left;
    margin: 30px 65px 10px;
}
.short-text {
    margin: 0 65px;
}
.fintech-box4 .card-module-title {
    width: 28.48%;
    height: 6.25rem;
    border-radius: 0;
    line-height: 10px;
    padding: 28px 0;
    font-family: Arial, Helvetica, sans-serif;
}
.eng-name {
    color: #FFFFFF;
    font-family: Arial;
    font-weight: bold;
    font-size: 1.3rem;
    line-height: 0.75;
    text-align: center;
}
.chine-name {
    color: #FFFFFF;
    font-size: 1.0625rem;
    line-height: normal;
    letter-spacing: 0px;
    text-align: center;
    font-weight: bold;
}

.fintech-box4 .card-module-logo {
    position: absolute;
    right: 40px;
    top: 20px;
}

.fintech-box4 .card-module-list {
    margin-top: 1.875rem;
}
.fintech-box4 .card-module {
    width: 47.8%;
    margin-top: 1.875rem;
    padding: 5.25rem 1.25em 1.25em;
}

/* 金融科技创新业务 end */




/* footer */
.g-footer {
    font-size: 1rem;
    line-height: 50px;
    text-align: center;
    width: 100%;
    height: 50px;
    background: #232B3D;
    color: #FFFFFFB2;
}
/*菜单样式 start*/

  
  .clear{
    clear:both;
  }


.mask{
    display:none;
    position:fixed;
    background-color:#000;
    opacity:0.6;
    filter: alpha(opacity=60)!important;
    width:100%;
    height:100%;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:99;
}

.mask2{
  display:none;
  position:fixed;
  background-color:rgb(0 0 0 / 60%);
  /* opacity:0.6; */
  filter: alpha(opacity=60)!important;
  width:100%;
  height:100%;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:9999;
}

.mask2 .modal-dialog2{
  /* width: 450px; */
  position: fixed;
  top: calc(50% - 100px);
  width: 600px;
  left: calc(50% - 300px);
  z-index: 100;
  margin-top: 0!important;
  border-radius: 6px;
  overflow: hidden;
}

.modal-dialog2 .modal-footer {
  padding: 20px;
  border-top: 2px solid #e5e5e5;
  text-align: right;
}
.modal-dialog2 .input-control {
  height: 38px;
  /* margin: 0 55px; */
  border: 1px solid #ccc;
  padding-left: 10px;
  line-height: 38px;
  border-radius: 5px;
}

.verifyCode-errinfo{
  margin-top: 4px;
  font-size: 14px;
  color: red;
}

.btn-primary{
  background: #335EF2;
  color: white;
  margin-left: 20px;
  border: 0;
  padding: 7px 29px;
  border-radius: 4px;
}

/*login start*/
#mask {
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
  }
  .login-panel {
    background: #fff;
    width: 474px;
    height: 515px;
    /* position: absolute; */
    position: fixed;
    /*right: 10%;
    top: 13px;
    */right: 50%;
    top: 20%;
    margin-right: -237px;
    border: 1px solid #ddd;
    z-index: 999;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px;
  }
  .login-panel .title-tab {
    display: flex;
    justify-content: space-around;
    padding: 0 55px;
  }
  .qrcode-login {
    display: flex;
    justify-content: center;
  }
  
  .qrcode-login .code .img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  
  
  .qrcode-login .err-box {
    position: absolute;
    top: 40%;
    left: 40%;
  }
  
  .qrcode-login .err-box .qr-errinfo{
    margin-left: -23px;
      margin-top: 7px;
  }
  
 
  .qrcode-login p {
    position: absolute;
    bottom: 14px;
    font-size: 14px;
    color: #666;
    width: 210px;
    left: 20%;
  }
  .expire-bkg {
    background-color: #999;
    opacity: 0.2;
  }
  .code .qrcode-expire {
    position: absolute;
      top: 45%;
      font-size: 12px;
      cursor: pointer;
  }
  .qrcode-login .code{
    position: relative;
    width: 261px;
    height: 261px;
    display: flex;
    justify-content: center;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .login-title {
    position: relative;
      height: 63px;
      text-align: center;
      font-size: 18px;
      margin: 0;
      padding-top: 24px;
      cursor: pointer;
  }
  .login-title.tab-click::after {
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    position: absolute;
    left: 40%;
    background-color: #337ab7;
    margin-top: 7px;
   
  }
  .login-tips{
    width: 100%;
    position: absolute;
    line-height: 20px;
    top: 107px;
  
    font-size: 14px;
    color: red;
    background-color: #f2dede;
    border: 1px solid #eed3d7;
    /* height: 42px; */
    /* max-height: 45px;
    line-height: 45px; */
    min-height: 20px;
    text-align: center;
    padding-left:8px;
  }
  .login-panel .login-main input {
      width: 364px;
      height: 38px;
      margin: 0 55px;
      /* margin-top: 10px; */
      border: 1px solid #ccc;
      padding-left: 10px;
      line-height: 38px;
  }
  #bindwechat-tab {
    display: flex;
    justify-content: center;
  }
  .login-panel .login-main .login-span{
    display:none;
    position:absolute;
    left:30px;
    top:20px;
    font-size:14px;
    color:#999;
  }
  /* .login-panel .login-main input.yzm {
      width: 165px;
      margin-right: 10px;
  } */
  .yzmBtnDisAll {
      position: absolute;
      display: inline-block;
      /* width: 105px;
      height: 38px;
      background: #fff;
      color: #ddd;
      border: 1px solid #ddd;
      display: inline-block;
      text-align: center; */
      color: #ddd;
      line-height: 38px;
      top: 1px;
      right: 67px;
  }
  .login-panel .yzmBtnDisAll.allow-click{
      /* border: 1px solid #2b85e0; */
      color:#335EF2;
  }
  .login-panel .yzmBtnDisAll.allow-click:hover{
    opacity: 0.8;
    cursor:pointer;
  }
  .login-panel .login-main span.btn-login-dis {
      width: 85px;
      height: 34px;
      background: silver;
      color: #999;
      border: 1px solid silver;
      display: none;
      text-align: center;
      line-height: 34px;
  }
  .login-panel .login-footer input {
    width: 364px;
    height: 40px;
    margin: 42px 55px 30px;
    background: #335EF2;
    border: 1px solid #335EF2;
    color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
  }
  .loginInputBox {
    position: relative;
    margin-top: 20px;
  }
  .login-panel .loginInputBox input {
    padding-left: 35px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }
  .login-panel .loginInputBox .input-left-icon {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 67px;
    top: 12px;
  }

  .login-panel .loginInputBox input:focus {
    border: 1px solid #335EF2;
  }
  .login-panel .loginInputBox .input-right-icon {
    width: 16px;
    height: 20px;
    position: absolute;
    top: 12px;
    right: 65px;
    cursor: pointer;
  }

  /* .footer-link {
    color: #335EF2;
    text-align: right;
    font-size: 14px;
    margin-right: 55px;
    cursor: pointer;
  } */
  .login-box-title .login-box-title-p {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #000;
    margin-top: 50px;
  } 
  .login-box-title .login-box-title-p img {
    display: inline-block;
    width: 22px;
    height: 22px;
  }
  .wx-login-title p:nth-child(2) {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin: 16px auto 50px
  }
  .account-login-title p:nth-child(2) {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin: 16px auto 30px
  }
  .close-login {
    margin-top: 0 !important;
    color: #666666;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    font-size: 24px;
    font-weight: 400;
    transform: translateY(-2px);
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: pointer;
  }
  .close-login:hover {
    color: #335EF2;
  }


/* 通知公告 start */


.news-list-page .news-list-content {
    background: #F5F8FBB2;
    padding: 0 0 105px;
    
}
.index-breadcrumb {
    color: #1D2129;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0px;
    text-align: left;
    padding: 20px 0 10px;
}
.index-breadcrumb a {
    color: #1D2129; 
}
.index-breadcrumb .cur-page-name {
    color: #86909C;
    font-size: 14px;
    text-align: left;
    
}
.index-breadcrumb a:hover{
    color: #0065E0;
    cursor: pointer;
}
.news-list-page .news-list-box {
    width: 100%;
    padding: 25px 0;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0px 6px 18px 0px #DFE9F7;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    /* height: 798px; */
}
.news-list-page .news-list-box li {
    cursor: pointer;
    padding: 0 40px;    
}
.news-list-page .news-list-box li div:not(.last-news) {
    border-bottom: 1px solid #DAE4F2;
}

.news-list-page .news-list-box li:hover {
    background: #F3F9FF7F;
}
.news-list-page .news-list-box li:hover a {
    color: #0065E0;
}
.news-list-page .news-list-box li a.circle-type-text::before {
    top: 1.875rem;
    width: 0.2rem;
    height: 0.2rem;
}
.news-list-page .news-list-box li a{
    color: #47506B;
    font-size: 1rem;
    line-height: 3.875;
}
.news-list-page .news-list-box li span {
    color: #86909C;
    font-size: 1rem;
    line-height: 3.875;
}
.news-list-page .news-detail-container {
    width: 100%;
    padding: 25px 40px;
    border-radius: 10px;
    background: #FFFFFF;
    /* box-shadow: 0px 6px 18px 0px #DFE9F7; */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    /* min-height: 798px; */
}
.news-list-page .news-detail-container h4 {
    color: #1D2129;
    font-weight: bold;
    font-size: 1.75rem;
    line-height: 2.2;
    text-align: center;
}
.news-list-page .news-detail-container .cur-news-date{
    color: #86909C;
    font-size: 1rem;
    padding: 10px 0 20px;
    text-align: center;
}
#downloadFile {
    background: #F3F9FF7F;
    padding: 7px;
}
#downloadFile a {
    color: #47506B;
    font-size: 1rem;
    line-height: 2.25;
    text-align: left;
}
#downloadFile a:hover {
    color: #0065E0;
}
.news-link {
    color: #47506B;
    font-size: 1rem;
    line-height: 2.25;
}
.news-detail p {
    color: #1D2129;
    font-size: 1rem;
    line-height: 2.25;
}
/* 通知公告 end */

/* 下载中心 start */

.down-list-content {
    background: #F9FBFD;;
    padding-bottom: 55px;
    /* position: relative; */
}
.down-tip {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
}

.down-list-wrap {
    /* position: relative; */
    display: flex;
        width: 100%;
}

.left-down-list {
    flex: 0 0 auto;
    padding: 20px 10px 20px 0;
    /* min-width: 260px;
    max-width: 320px; */
    width: 278px;
    background: #fff;
    white-space: nowrap;
    overflow: scroll;
    text-overflow: ellipsis;
    border-radius: 4px 0 0 4px;
}
.right-down-list {
    flex: 1;
    min-width: 0;
    border-left: 1px solid #bfc1c4;
}

.opera-box {
    padding: 1.3rem;
    font-size: 0.875rem;
    color:#1d2129;
}
.downlist-page {
    font-size: 14px;
    position: relative;
}
.downlist-page .index-breadcrumb {
    border-bottom: 1px solid #DAE4F2;
}
.downlist-table {
    width: 100%;
    /* padding: 0 1.25rem; */
    position: relative;
}
.downlist-table .gray-wrap {
    width: 100%;
    position: absolute;
    background: rgb(250, 252, 255);
    height: 40px;
}
.downlist-table table {
    width: 100%;
    table-layout: fixed;
}
.right-down-list table thead {
    border-radius: 4px;
    
}
.right-down-list .table-bordered tbody tr:hover  td{
    background: #F4F8FFB2;
}
.right-down-list table thead tr {
    border: none !important;
}
.right-down-list table thead tr td{
    font-size: 0.875rem;
    background: #FAFCFF;
    padding: 10px 20px;
    text-align: center;
    color: #47506B;
    border: none !important;
    /* border-left: none !important; */
}
.right-down-list table tbody  {
    padding: 0 20px;
}
.right-down-list table tbody tr td {
    font-size: 0.875rem;
    padding: 0.625rem 1.25rem;
    color: #48516e;
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
    border-color: #DAE4F2 !important;
}
.right-down-list table tbody tr:last-child td {
    border: none !important;
}
.down-file-name {
    color: #0065E0;
    font-weight: bold;
    font-size: 0.93rem;
}
#paginator {
    display: inline-block;
}
.bottom-wrap {
    align-items: center;
}
.bottom-wrap span:first-child {
    line-height: 4.2;
    font-size: 0.875rem;
}
/* .tree {
    font-family: Arial, sans-serif;
} */
#pagination {
    font-size: 0.875rem;
}
.tree>div>.tree-node-box {
    font-weight: bold;
}
.tree .tree-node-children{
    font-weight: normal;
 }
.tree-node-box {
    margin-left: 20px;
    cursor: pointer;
}
.tree-node-content {
    padding: 5px;
    border-radius: 3px;
    line-height: 35px;
    white-space: nowrap;
    font-size: 0.875rem;
}
.tree-node-children .tree-node-content {
    line-height: 1.7;
    white-space: normal;
}
.tree-node-content:hover {
    color: #0065E0;
    /* background-color: #f0f0f0; */
}
.tree-selected {
    color: #0065E0;
    background-color: #fff;
    /* font-weight: bold; */
}
.tree-toggle {
    display: inline-block;
    width: 1.2rem;
    text-align: center;
    margin-right: 5px;
    height: 1.5rem;
    vertical-align: middle;
}
.tree-leaf {
    display: inline-block;
    width: 1rem;
    margin-left: -0.8rem;
    /* margin-right: 5px; */
}
.tree-icon {
    display: inline-block;
    margin-right: 5px;
}

/* 下载中心 end */


.product-tabs .el-tabs__nav-scroll{
    overflow: auto;
}
.product-tabs .el-tabs__nav{
    transform: none !important;
}
.product-tabs .el-tabs__header{
    margin: 0;
}
.product-tabs .el-tabs__nav-wrap.is-scrollable{
    padding: 0;
}
.product-tabs .el-tabs__nav-next,
.product-tabs .el-tabs__nav-prev{
    display: none;
}
.product-tabs .el-tabs__nav-scroll::-webkit-scrollbar{
    display: none;
}
.product-tabs .el-tabs__item{
    color: #171A1D;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    padding: 0 !important;
}
.product-tabs .el-tabs__item.is-active{
    color: #0060C5;
    font-weight: bold;
}
.product-tabs .el-tabs__active-bar{
    height: 3px;
    background-color: transparent;
}
.product-tabs .el-tabs__active-bar::after{
    content: "";
    width: 38px;
    height: 3px;
    border-radius: 1.5px;
    background: #0060C5;
    position: absolute;
    left: 50%;
    transform:translateX(-50%)
}
.product-tabs .el-tabs__nav-wrap::after{
    background-color:#fff;
}

  /* 移动端 */
  .cus-content-box{
    padding: 15px;
    background: #F5F6FA;
  }

  .flex-vertical-center {
      display: flex;
      align-items: center;
  }

  .flex1 {
      flex: 1;
  }

  /* pages/businessIntroduction/businessIntroduction.wxss */

  .van-tab--active .van-ellipsis {
      color: #335EF2;
  }

  .van-ellipsis {
      overflow: visible !important;
      text-overflow: unset !important;
  }

  .van-tab[data-index|="3"] {
      flex-basis: 30% !important;
  }

  .van-tab[data-index|="4"] {
      flex-basis: 30% !important;
  }

  .panel {
      padding: 14px;
      background-color: #FFFFFF;
      border-radius: 6px;
      box-shadow: 0px 4px 10px 0px rgba(212, 220, 226, 0.3);
  }

  .panel-title {
      display: flex;
      align-items: center;
      margin-bottom: 15px;
  }

  .panel-text-indent {
      text-indent: 2rem;
  }

  .panel-title .panel-title-text {
      font-size: 17px;
      font-weight: bold;
      margin-left: 10px;
  }

  .panel-title .panel-title-line {
      width: 4px;
      height: 18px;
      border-radius: 3px;
      background: #0060C5;
  }

  .panel-text {
      font-size: 14px;
      font-weight: normal;
      line-height: 22px;
      color: #86909C;
  }

  .panel-sub-title {
      font-size: 15px;
      font-weight: 600;
      color: #1D2129;
      margin-bottom: 8px;
  }

  .circle-point {
      display: flex;
      align-items: center;
      width: 100%;
  }

  .circle-point::before {
      content: "";
      height: 4px;
      width: 4px;
      min-width: 4px;
      border-radius: 50%;
      background-color: #595757;
      margin-right: 8px;
      margin-left: 8px;
      display: block;
  }

  .circle-point-white {
      display: flex;
      align-items: end;
      width: 100%;
      position: relative;
      padding-left: 40px;
  }

  .circle-point-white::before {
      content: "";
      height: 4px;
      width: 4px;
      min-width: 4px;
      border-radius: 50%;
      background-color: #fff;
      display: block;
      position: absolute;
      top: 8px;
      left: 25px;
  }

  .circle-point-black {
      display: flex;
      align-items: end;
      width: 100%;
      position: relative;
      padding-left: 16px;
  }

  .circle-point-black::before {
      content: "";
      height: 4px;
      width: 4px;
      min-width: 4px;
      border-radius: 50%;
      background-color: #595757;
      display: block;
      position: absolute;
      top: 8px;
      left: 0;
  }

  .circle-box {
      width: 40px;
      height: 40px;
      background: #fff;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: white;
      border: 1px solid #0060C5;
      margin-right: 10px;
  }

  .circle {
      width: 34px;
      height: 34px;
      background: #0060C5;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: white;
      font-family: Arial, sans-serif;
      font-size: 18px;
  }

  .szy-6 {
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATcAAABdCAMAAAD35NGIAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAZhQTFRFAAAAXKPRHofHn8nn7fH6O5bOAHjAsdLrGoXGttHtNZLNEoHEYKnXz+Lz6e/5wNrvhbzg7fH56u776vT0UaHTn8nn5vLy7fL70eX07fH6y+DyGobGA3rBstPrHYfHlMPkWaXWF4PFrtHrKY3K7vH6rtDr7PH6l8Xl7fD66vH47fH65+75gbrgEIDEEYHEgrrgtdTsb7Hb7+/37O/5ps3p4uv34Or3bK/aB3vCB3zCbrDb3un2frjfFILFMI/Mw9nvHIbGBnvCGoXGUaHUudbtNJPNP5jPZKvYlMTk0uPzVqTVAnnAWKXW1eX0qs/pIYnIkMHjRZrOYJ/fZKjWerjb5+/3vNfrstXtTZ/SQZrPF4XHT6DUwtvwQJnQw9zwp83pVaPVYanY7vH67vH86/D6stLqUqTT7u757PD5msjnxNzwJYvJGYTGIIjIXKPYKY3KD4DEUaLU0+T05O35OZXOaK7RJ43LuNbt7vH77PL67fH7p83oHofHa6/a////7PH4m8fmdrTd1+X0EIDEUaLRH4jHJ4zJZqrd/wcZVwAAAIh0Uk5TACeg3//////yHE32///////nPBj1/xSLkdf/8v//////9///26T//5gk8/////////sgUP////////////1kL8L+///////////////////8Pwg4MiAmK2Bqe7f///////3Pk2hJVyyI5v//6YEngvb//89ZFpz862DH//+yBGzw///vLMWiD0/4//sAAAJ6SURBVHic7d0/bIxxHMfx3+eibdrEQIVWUko0CAsdTMLSRUwWEjujScRikkiExSYxWwxGgw6tzVKLpQYRfxJKlcUl0jrP767+XNuH5jP0+zzJ+5X0nuvlhk8+vevvsz1KSYX8WPwscf3/tfG9r5mUBoramgnrlfvSZw1KC9FRamdzj3bMR4eoo20a/hidoYa2S5uiM9TSkHpa0RnqqKHeH9EZ6kj05qE3j/qWoiPUEuepZZjeLA16szTYbxb2m4f9ZqI3D/vNw3lqYb952G8e9puH/eZhv5nozcN+83CeWvrpzcJ+87DfPOw3z05689Cbh/3m4Ty1sN887DcP+83DfvOw30z05mG/eThPLew3D/vNw37zsN887DcTvXm0+110hFriPLWw3zzsN09Do2+jM9QR+83DfjPRm4f95uE8tbDfPOw3D/vNw37zsN9M9OZhv3k4Ty3sNw/7zcN+87DfPOw3E7152G8ezlML+83DfvOw3zzsNw/7zaQ9n6p184VderP6xZHW641P8i+jGvvwLTpEt71qvu9+Zai/9TImS6l9OqgX0SFW2i/N/vntgBZny98b4nC+s8x4c0DPopOscFSa6Twb1+JMbJZVjhWtPVFKJ/INU6ZTOll88MYirznH5HK4Celx+/HR77ynij9vaL7l6+kvWx4m5URnFH+XoLyJCk9f/arp3NzUWd1vPz2vjvkK3M0opQc5kjbq071eF6V7h57//cqFXNmdqDwlKtdb8ekf6e7pkm7FhSlTwd5Suizd7jw70ntcN2LDrK2SvRXf1sGb+XJFujsXnWVNFe0tXcv/1Ba2fq3gV7Stqr2ldF2TE7oanaLMT9nw8s+NwdYjAAAAAElFTkSuQmCC") no-repeat;
      background-size: 100% 102px;
  }

  .szy-8 {
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATcAAABZCAYAAABbq2OsAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAVASURBVHic7d1fTJUFGMfx530RzlGSAyGFrnNSmFMLDMTKqZU1TS6ImhcuxVY5LxyztrJ0dmVujeGy2WpcOLS2IhdzNjGbWXMaQm3yL5XEIIxzCBUlOPzxAL6+bxcld/0br771+P3cnT2Hw+/qt/fhPBuG/KGrv3+KT3ybxTEKRGR2Tlm9RKIjN8bSWDxPQgH/2Gvmt+E82ddpOMawLU5LXlnDuZmpiecykhMrd63MjIrLXqpsTduWP2Oh7TjzRez5g6P2/bll9em/xqx4EZFgwCdNxXlj7w9HhyW3rGHsNfPba97cPdS6Zl9L7dJQ4rY9RXPbRUQMEZGsnSeXLbwn6bOSZTMSBfgblu3IjppOqQlH5fuLQ/astEkHjqzO3p6amvDdeD/78V1Na1uvxNb0D1tLjq/LMUIB39hs2LLFP8Ec76+AQl0Do/LW8Q450tYbmzIxfvmPmx6uNtZ81DLri/YrjTvyMycWzk71OiP+Z3quXpPWnpgsCCaJYcgx67q8cldKQtO//ZzLvbElr3/VsbuucyBjXV66rLhviiQmxN2MyFBs/w9X5J3azljV6jn3GqGSbz98IiP5+R35mV7nghJvHuuoHByMbbmxHvyVC72x6T7TfM8Ro2Bo9DqFhnEbtmzxx8e9ba5/aOqS9Q9O8zoPFBmx7JX7W/vPPrCzbuOfveeFD877571bv9W2jdOOGAUiQrHBFb//6cLJN3qio47XYaBP3S8DsvFwuwT8cSf3rZqzcmrKxJ9vzJ4sP/VoQ9dAeead/pnlz8ySaZMTPEwKpSzKDTeNZTsSjo5IRop/UAxjqxk/YV/p0fOv7qrrevmNx0LyYm661xGhVGl1RCg33FLRYUuGrtk8reGmSi2pFbO0OuJ1DtxGAv4JFBtuCXP7CcoNgD5cRAJQZ9PiIOUGQJ/NjwTF3LQ46HUOAHAd35YCUIm1FIA6pdURyg2APttPRLhzA6ATd24AVGItBaDOquw0yg2APu8XzBRzVXaa1zkAwHXcuQFQibUUgDp7T3VTbgD02XCoTcy9p7q9zgEArjM3HGrzOgMAuI61FIA63LkBUIk7NwBqcecGQCXWUgDq1ISjlBsAfQormsWsCUe9zgEArjMLK5q9zgAArmMtBaDOolAS5QZAn6qiLDEXhZK8zgEAruPODYBKrKUA1OHODYBK3LkBUIs7NwAqsZYCUCcY8FFuAPRpKs4TMxjweZ0DAFzHnRsAlVhLAagTjo5QbgD0yS2rFzMcHfE6BwC4zswtq/c6AwC4jrUUgDrcuQFQiTs3AGpx5wZAJdZSACpRbgDUSS2ppdwA6GSmltR6nQEAXMeTGwCVKDcA6vRsWUi5AdCJOzcAKvHkBkAlyg2AOty5AVCLOzcAKvHkBkAlyg2AOo3F8yg3APqEAn4xGsP9Tijg9zoLALiKI14AKrGWAlAnp6yecgOgTyQ6ImYO/7cUgEJmhP84D0Ah1lIA6nDnBkAl7twAqMWdGwCVWEsBqFNYcYZyA6BPTbhfzMKKM17nAADXmTXhfq8zAIDrzDjD8DoDALjqwOosy0y/I77v7OWrXmcBANcsnp7UYh58LvvjOWmTvM4CAK5xbOeQ0dvrJNumdVbESfc6EACMR1VLj+xuuBg7+GzONDMlxeizHecpEeNief0FOXNpSIYt2+uMAPCPhaMjsuHzNnnty/ZY98Do8pQUo2/s24Sv2wfvXvvp6VLLcVZcGrg2eUFwslQVZY398ImOqDz9SfPY60WhJObMmTP/L8yto+19kY2Hf/pmaShx256iue0iIr8BtAFKKoK8jFsAAAAASUVORK5CYII=") no-repeat;
      background-size: 100% 97px;
  }

  /* 交易结算-产品介绍 */

  .tra-icon {
      width: 38px;
      height: 38px;
  }

  .tra-icon-bar {
      height: 1px;
      background: #595757;
  }

  .tra-icon-text-bold {
      font-size: 14px;
      font-weight: bold;
      margin-right: 8px;
  }

  .tra-pro-box {
      background-color: #F4F4F5;
  }

  .tra-pro-box-title {
      display: flex;
      align-items: center;
      height: 47px;
      padding: 0px 12px;
      border-bottom: 3px solid #004EA2;
  }

  .tra-pro-box-title-img {
      height: 27px;
      width: 27px;
  }

  .tra-pro-box-title-text {
      font-size: 17px;
      font-weight: bold;
      color: #004EA2;
      margin-left: 8px;
  }

  .tra-pro-box-double-title {
      font-size: 14px;
      font-weight: bold;
      color: #004EA2;
      margin-left: 8px;
      line-height: 14px;
  }

  .tra-pro-box-pad {
      padding: 10px 12px 22px 12px;
  }

  .tra-pro-box-title-sub {
      font-size: 14px;
      font-weight: 600;
      color: #004EA2;
      margin-bottom: 5px;
  }

  .tra-pro-box-content {
      color: #595757;
      font-size: 14px;
      font-weight: 300;
  }

  /* 数据中心 */

  .s-img {
      width: 100%;
      margin-bottom: 10px;
      /* height: 324rpx; */
  }

  /* 深证云 */

  .y-pro-title {
      height: 32px;
      background: linear-gradient(270deg, #5DCAFF 0%, #0065E0 72%);
      font-size: 15px;
      font-weight: 600;
      color: #FFFFFF;
      padding-left: 10px;
      line-height: 32px;
      margin-bottom: 5px;
  }

  .y-pro-content {
      font-size: 14px;
      font-weight: 300;
      color: #595757;
      margin: 10px 0;
  }

  .y-img {
      width: 100%;
      height: 300rpx;
  }

  /* .y-pro-img { height: 121px;width: 100%; } */

  .y-pro-img {
      height: 242rpx;
      width: 100%;
  }

  .y-plan-title {
      font-size: 16px;
      color: #0065E0;
      font-weight: bold;
      margin-bottom: 4px;
  }

  .y-plan-content {
      font-size: 14px;
      color: #595757;
      line-height: 20px;
  }

  /* 金融数据交换 */

  .finance-pro-type {
      color: #1D2129;
      font-weight: 600;
      font-size: 15px;
      margin: 10px 0;
  }

  .finance-pro-box-title {
      height: 44px;
      background: linear-gradient(270deg, #5DCAFF 0%, #0065E0 72%);
      font-size: 17px;
      font-weight: 600;
      color: #FFFFFF;
      padding-left: 10px;
      line-height: 44px;
      display: flex;
      align-items: center;
  }

  .finance-pro-box-title-img {
      width: 24px;
      height: 24px;
  }

  .finance-pro-box {
      background: #F4F4F5;
      padding: 5px 15px 0 15px
  }

  .finance-pro-box-title-sub {
      font-size: 15px;
      font-weight: bold;
      color: #004EA2;
      line-height: 30px;
  }

  .finance-pro-box-content-box {
      background: #F4F4F5;
      padding: 5px 15px 15px 15px
  }

  .finance-pro-box-content {
      font-size: 14px;
      color: #595757;
      line-height: 22px;
  }

  .finance-introduce-title-box {
      display: flex;
      height: 58px;
      align-items: center;
      margin: 0 15px;
      border-bottom: 1px solid #004EA2;
  }

  .finance-introduce-title-text {
      color: #0060C5;
      font-size: 17px;
      font-weight: bold;
  }

  .finance-introduce-content {
      color: #595757;
      line-height: 22px;
      font-size: 14px;
      padding: 15px;
  }

  .f-first-text {
      position: absolute;
      bottom: -45px;
      width: 169px;
      left: -27px;
      font-size: 13px;
      text-align: center;
      color: #B00000;
      font-weight: normal;
      line-height: 18px;
  }

  /* 金融科技创新 */

  .f-range {
      background: #F4F4F5;
      position: relative;
      margin-top: 34px;
  }

  .f-range-title {
      width: 48px;
      height: 48px;
      border-radius: 4px;
      background: #0060C5;
      color: #fff;
      text-align: center;
      line-height: 48px;
      position: absolute;
      left: 12px;
      top: -24px;
      font-size: 24px;
      font-family: Arial;
  }

  .f-range-content {
      font-size: 15px;
      color: #595757;
      line-height: 20px;
      padding: 30px 12px 10px;
  }

  .f-pic-box {
      position: relative;
      background: #F4F4F5;
      padding: 0 12px 10px 12px;
      margin-top: 40px;
  }

  .f-pic-title {
      width: 130px;
      height: 70px;
      background: #004EA2;
      position: absolute;
      top: -25px;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      padding: 10px 0;
  }


  .mt20px {
      margin-top: 20px;
  }

  .mt10px {
      margin-top: 10px;
  }

  .mt12px {
      margin-top: 12px;
  }

  .mt15px {
    margin-top: 15px;
  }

  .ml10rpx {
      margin-left: 10px;
  }

  .mb5px {
      margin-bottom: 5px;
  }

  .ml10px {
      margin-left: 10px;
  }

  .mr10px {
      margin-right: 10px;
  }

  .pl10px {
      padding-left: 10px;
  }

  .pr10px {
      padding-right: 10px;
  }

  .fs19px {
      font-size: 19px;
  }

  .fs17px {
      font-size: 17px;
  }

  .fs16px {
      font-size: 16px;
  }

  .fs15px {
      font-size: 15px;
  }

  .fs14px {
      font-size: 14px;
  }

  .fs13px {
    font-size: 13px;
  }

  .fs12px {
    font-size: 12px;
  }

  .l12px {
      left: 12px;
  }

  .r12px {
      right: 12px;
  }

  .fwb {
      font-weight: bold
  }

  /* 卡片hover效果 */
  .cloud-products-list .card-box:hover,
  .product-box .card-box:hover,
  .fdep-page .tab-panel:hover,
  .product-card:hover,
  .product-card2:hover{
    transform: translateY(-10px);
    transition: all 0.3s ease;
  }
  .cloud-products-list .card-box:hover .card-point,
  .product-box .card-box:hover .linear-card-point,
  .fdep-page .tab-panel:hover .linear-card-point{
    background: linear-gradient(270deg, #0065E0 0%, #0065E0 72%);
    transition: all 0.3s ease;
  }
  .cloud-products-list .card-box:hover .card-point img,
  .product-box .card-box:hover .linear-card-point img,
  .fdep-page .tab-panel:hover .linear-card-point img{
    margin-right: -10px;
    transition: all 0.3s ease;
  }
  .product-card:hover .card-top-titel{
      color: #0065E0;
  }