.card-section{
    padding: 50px;
}
/*@1*/
.card-sec1{
    position: relative;
    height: 560px;
    width: 100%;
    background: url(../assets/images/card/card.png) no-repeat center top;
    background-position-y: -40px;
    z-index: -1;
}
.card-sec1 .container{
    position: absolute;
    bottom: 290px;
    left: 50%;
    margin-left: -615px;
    color: #ffffff;
    text-align: left;
}
.card-sec1 .container .card-sec1-content h2{
    margin-bottom: 40px;
    font-size: 32px;
}
.card-sec1 .container .card-sec1-title{
    display: inline-block;
    margin-right: 20px;
}

.card-sec1 .container h2{
    margin-bottom: 30px;
}
.card-sec1 .container .card-sec1-content:last-child{
    font-size: 14px;
    color: #ccc;
    margin-bottom: 10px;
}
.card-sec1-content .card-sec-title{
    font-size: 32px;
}
.wap .card-sec1-content .card-sec-title{

    font-size: 1.5rem;
}
/*@2*/
.card-sec-2{
    background-color: #F9FAFC;
    padding: 50px 0 80px;
}
.wap .card-sec-2{
    padding: 35px;
}
.card-sec-2 .container{
    background-color: #ffffff;
    max-width: 1200px;
    text-align: center;
    margin-top: -110px;
    z-index: 99;

}
.wap .card-sec-2 .container{
    max-width: 1200px;
    border-right: 1px solid #ffffff;
    text-align: center;
    margin-top: 0px;
    z-index: 99;
    background: url(../assets/images/card/cardSec2Bg.png) no-repeat center top / cover;
}
.card-sec-2 .container p{
    margin-bottom: 0.5rem;
    color: #333333;
    font-size: 14px;
}


.card-sec-2 .container>div:nth-of-type(1){
    padding: 60px 0;
    border-bottom:1px solid rgba(240,240,240,1) ;
    color: #000000;
    text-align: center;
}
.card-sec-2 .container>div:nth-of-type(1) img{
    display: block;
    margin: 0 auto;
    margin-bottom: 25px;
}

.wap .card-sec-2 .container>div:nth-of-type(1){
    padding: 20px 0;
}

.wap .card-sec-2 .container>div:nth-of-type(1) p{
    text-indent: 2rem;
}
.wap .card-sec-2 .container>div:nth-of-type(1){
    text-align: left;
}

.card-sec-2 .container>div:nth-of-type(2){
    height: auto;
    overflow: hidden;
    padding: 20px 10px 0;
}
.wap .card-sec-2 .container>div:nth-of-type(2){

    padding: 20px 0;
}
.card-sec-2 .container .card-sec-2-2{
    height: auto;
}
.wap .card-sec-2 .container .card-sec-2-2 {
    width: 100%;
}
.card-sec-2 .container .card-sec-2-2 h2{
    margin-bottom: 25px;
    text-align: left;
    font-size: 16px;
}
.card-sec-2 .card-sec-2-2parts{
    padding: 20px;
    position: relative;
    background: rgba(250,249,252,1);
    border-radius: 3px;
    margin-bottom: 80px;
    width: 49%;
    border: 1px solid #e6e6e6;
    float: left;
    height: 150px;
    display: flex;
}
.wap .card-sec-2 .card-sec-2-2parts{
    padding: 10px;
    width: 100%;
}
.card-sec-2 .card-sec-2-2parts:hover{

    border: 1px solid #e6e6e6;
    -webkit-box-shadow: 0 5px 15px rgba(100, 100, 100, .5);
    -moz-box-shadow: 0 5px 15px rgba(100, 100, 100, .5);
    box-shadow: 0 5px 15px rgba(100, 100, 100, .5);
}
.card-sec-2 .card-sec-2-2parts .card-sec-2-img{
    margin: 5px 10px 0 0;
    width: 12px;
    height: 11px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 3px solid rgba(24,117,240,1);
    background-color: #ffffff;
}
.wap .card-sec-2 .card-sec-2-2parts .card-sec-2-img{
    display: none;
}
.card-sec-2 .container .card-sec-2-2>div:last-child{
    float: right;
}
.card-sec-2 .container .card-sec-2-2>div b{
    /*width: 4px;*/
    /*height: 10px;*/
    /*background-color: rgba(51,51,51,1);*/
    /*position: absolute;*/
    /*top: 22px;*/
    /*left: 16px;*/
}
.card-sec-2 .container .card-sec-2-2 .card-sec-2-2parts{

}
.card-sec-2 .container .card-sec-2-2>div p{
    margin-bottom: 15px;
    text-align: left;

}

/*@3*/

.leftNum{
    float: left;
}
.rightNum{
    float: right;
}


.card-sec-3{
    background-color: #ffffff;
    padding-top: 0;
    padding-bottom: 0;
}

.card-sec-3 .card-sec4-content{
    text-align: left;
}

.card-sec-3 .card-sec4-content .depositDetail{
    /*padding: 0px;*/
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}
.card-sec-3 .card-sec4-content .depositDetail>div{
    padding: 0px;
    border-left: 1px solid #f4f5f9;
}
.wap .card-sec-3 .card-sec4-content .depositDetail>div{
    padding: 0px;
    border: 0 ;
}
.card-sec-3 .card-sec4-content .depositDetail>div:last-child{

    border-right: 1px solid #f4f5f9;
}
.wap .card-sec-3 .card-sec4-content .depositDetail {
    padding: 0px;
    /*margin: 10px 0;*/
    display: block;
    overflow: hidden;
}
.card-sec-3 .card-sec4-content .depositDetail div .deposit-threeContent{
    height: 400px;
    padding: 30px;
    overflow: hidden;
    color: #666666;
}
.wap .card-sec-3 .card-sec4-content .depositDetail div .deposit-threeContent{
    height: auto;
    padding: 30px 0;
}
.wap .card-sec-3 .card-sec4-content .depositDetail>div{
    padding:0;
    margin-bottom: 10px;
    border-right: 0;
}


.card-sec-3 .card-sec4-content .depositDetail .deposit-threeContent .deposit-threeC-detail{
    width: 100%;
    display: flex;
}
.card-sec-3 .card-sec4-content .depositDetail .deposit-threeContent .deposit-threeC-detail i{
    width: 15px;
    height: 15px;
    display: block;
    background: url(../assets/images/card/cardSec3Icon1.png) no-repeat center top / cover;

    border-radius:50%;
    margin-top: 5px;
    margin-right: 10px;
}

.card-section .card-sec4-content .deposit-threeContent  h2{
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    color: rgba(51,51,51,1);
    margin-bottom: 25px;
}
.card-section .card-sec4-content  p{
    font-size: 0.9rem;
    line-height: 24px;
    color: #666666;
}

.card-sec-4{
    background: url(../assets/images/card/sec4Bg.jpg) no-repeat center top / cover;
}
.card-section   .sec-4-port h2{
    margin-bottom:75px;
    color: #fff;
    font-size: 24px;
    text-align: center;
}
.wap .card-section  .sec-4-port h2 {
    margin-bottom: 20px;
    font-size: 24px;
    text-align: center;
}

.card-section   .deposit-threeContent-entrence {
    width: 35%;
    margin: 0 auto;
}
.wap .card-section  .deposit-threeContent-entrence {
    width: 90%;
    margin: 0 auto;
    padding-top: 25px;
}
.card-section   .deposit-threeContent-entrence .deposit-threeContentEntre-link{
    display: flex;
}
.card-section   .deposit-threeContent-entrence .deposit-threeContentEntre-link div{
    text-align: center;
    margin-bottom: 20px;
}
.card-section   .deposit-threeContent-entrence .deposit-threeContentEntre-link div a{
    color: #fff;
    line-height: 38px;
}

.wap .card-section  .deposit-threeContent-entrence .deposit-threeContentEntre-link div a {
    line-height: 0;
}
.card-section   .deposit-threeContent-entrence .deposit-threeContentEntre-link div i{
    display: inline-block;
    width: 64px;
    height: 64px;
    margin-bottom: 5px;
}
.card-section   .deposit-threeContent-entrence .deposit-threeContentEntre-link div p a{
    font-size: 1rem;
}
.card-section   .deposit-threeContent-entrence .deposit-threeContentEntre-link div:hover p a{
    color: #1875f0;
}
.card-section   .deposit-threeContent-entrence .deposit-threeContentEntre-link div:nth-of-type(1) i{
    background: url(../assets/images/card/cardSec3D.png) no-repeat center top / cover;
}
.card-section   .deposit-threeContent-entrence .deposit-threeContentEntre-link div:nth-of-type(1):hover i{
    background: url(../assets/images/card/cardSec3D1.png) no-repeat center top / cover;
}
.card-section   .deposit-threeContent-entrence .deposit-threeContentEntre-link div:nth-of-type(2) i{
    background: url(../assets/images/card/cardSec3E.png) no-repeat center top / cover;
}
.card-section   .deposit-threeContent-entrence .deposit-threeContentEntre-link div:nth-of-type(2):hover i{
    background: url(../assets/images/card/cardSec3E1.png) no-repeat center top / cover;
}


/*.card-sec4 .card-sec4-content .card-sec-title{*/
    /*color:#000000;*/
/*}*/
/*.card-sec4 .card-sec4-content hr{*/
    /*width: 30px;*/
    /*border: 1px solid #c6d2da;*/
/*}*/
/*.card-sec4 .card-sec4-content .deposit{*/
    /*width: 49%;*/
    /*padding: 30px;*/
    /*border: 1px solid #e5e5e5;*/
/*}*/
/*.card-sec4 .card-sec4-content .deposit1{*/
    /*border-top-width: 2px;*/
    /*border-top-color: #0090ff;*/
/*}*/
/*.card-sec4 .card-sec4-content .deposit2{*/
    /*border-top-width: 2px;*/
    /*border-top-color: #494f58;*/
/*}*/
/*.card-sec4 .card-sec4-content .deposit i{*/
    /*display: inline-block;*/
    /*width: 100px;*/
    /*height: 100px;*/
    /*margin-bottom: 30px;*/
/*}*/
/*.card-sec4 .card-sec4-content .deposit div.depositBtn{*/
    /*margin: 30px auto;*/
    /*width: 150px;*/
    /*height: 40px;*/
    /*border: 1px solid #e5e5e5;*/
    /*text-align: center;*/
/*}*/
/*.card-sec4 .card-sec4-content  div.depositBtn a{*/
    /*color: #000;*/
    /*line-height: 38px;*/
/*}*/
/*.card-sec4 .card-sec4-content .deposit.deposit1 i{*/
    /*background: url("../assets/images/card/depositIcon1.png") no-repeat;*/
/*}*/
/*.card-sec4 .card-sec4-content .deposit.deposit2 i{*/
    /*background: url("../assets/images/card/depositIcon2.png") no-repeat;*/
/*}*/



/*.card-section .halfContent{*/
    /*width: 49%;*/
    /*overflow: hidden;*/
/*}*/


/*.card-section .card-sec4-content.depositDetail{*/
    /*text-align: left;*/
    /*margin-bottom: 50px;*/
/*}*/
/*.card-section .card-sec4-content.depositDetail h2{*/
    /*margin-top: 30px;*/
    /*margin-bottom: 20px;*/
    /*color: #000000;*/
    /*text-align: center;*/
/*}*/
/*.card-section .card-sec4-content.depositDetail p{*/
    /*font-size: 0.9rem;*/
/*}*/

/*.card-section .card-sec4-content.depositDetail i{*/
    /*display: inline-block;*/
    /*width: 48px;*/
    /*height: 43px;*/
    /*margin-bottom: 10px;*/
/*}*/
/*.card-sec4-content.depositDetail .deposit4,.card-sec4-content.depositDetail .deposit8{*/
    /*height: 220px;*/
    /*padding: 20px;*/
    /*background-color: #e9ecef;*/
/*}*/
/*.card-sec4-content.depositDetail .deposit4{*/
    /*border-radius:  0 0 0 50px;*/
/*}*/
/*.card-sec4-content.depositDetail .deposit8{*/
    /*border-radius:  0 0 50px 0;*/
/*}*/
/*.card-sec4-content.depositDetail .deposit5,.card-sec4-content.depositDetail .deposit7{*/
    /*height: 320px;*/
    /*padding: 20px;*/
    /*background-color: #dee2e6;*/
/*}*/
/*.card-sec4-content.depositDetail .deposit5{*/
    /*border-radius: 0 0 0 35px;*/
/*}*/
/*.card-sec4-content.depositDetail .deposit5 p{*/
    /*margin-bottom: 1.5rem;*/
/*}*/
/*.card-sec4-content.depositDetail .deposit7{*/
    /*border-radius: 0 0 35px 0;*/
/*}*/



/*.card-sec4-content.depositDetail .deposit7 p{*/
    /*margin-bottom: 5px;*/
/*}*/

/*.card-sec4-content.depositDetail .deposit7 .deposit7-Img {*/
    /*text-align: center;*/
/*}*/
/*.card-sec4-content.depositDetail .deposit7 .deposit7-Img img{*/
    /*display: inline-block;*/
/*}*/
/*.card-sec4-content.depositDetail .deposit8 .depositBtn{*/
    /*margin: 30px auto;*/
    /*width: 150px;*/
    /*height: 40px;*/
    /*border: 1px solid #ced4da;*/
    /*text-align: center;*/
/*}*/
/*.card-section .card-sec4-content.depositDetail .deposit4 i{*/
    /*background: url("../assets/images/card/depositIcon3.png");*/
/*}*/
/*.card-section .card-sec4-content.depositDetail .deposit5 i{*/
    /*background: url("../assets/images/card/depositIcon4.png");*/
/*}*/
/*.card-section .card-sec4-content.depositDetail .deposit7 i{*/
    /*background: url("../assets/images/card/depositIcon5.png");*/
/*}*/
/*.card-section .card-sec4-content.depositDetail .deposit8 i{*/
    /*background: url("../assets/images/card/depositIcon6.png");*/
/*}*/
.card-sec5{
    text-align: center;
    background-color: #f0f4f7;
}
.card-sec5 .card-sec5-content .card-sec-title{
    color: #000000;
}
.card-sec5 .card-sec5-content .card-sec-title+hr{
    width: 30px;
    border: 1px solid #c4d0da;
}
.card-sec5 .card-sec5-content .row{
    margin-top: 30px;
}
.card-sec5 .card-sec5-content .row>div{
    margin: 20px;
}



/*wap端*/
.wap .card-section{
    padding: 0;
}
.wap .card-sec1{
    height: 400px;
}
.wap .card-sec1 .container{
    left: 0;
    margin-left: 0;
    bottom: 100px;
}
.wap .card-sec1 .container .card-sec1-content p{
    font-size: 0.9rem;
}
.wap .card-section.card-sec2 .container{
    padding: 0;
}
.wap .card-sec2 .card-sec2-content .develop{
    display: none;
}
.wap .card-sec2 .card-sec2-content .developItems{
    display: none;
}
.wap .card-sec2 .card-sec2-content .developPic{
    display: block;
    height: 300px;
    background: url(../assets/images/card/developPic.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.wap .card-sec6 {
    padding: 10px 0 50px 0;
}
.wap .card-sec6 .container{
    text-align: left;
    padding: 0;
}
.wap .card-sec6 .topIcon ul li{
    width: 32%;
}
.wap .card-sec6 .topIcon ul li p{
    font-size: 0.9rem;
    margin-top: 10px;
}
.wap .card-sec3 .card-sec3-content p{
    font-size: 0.9rem;
}
.card-sec3 .card-sec3-content .numTitle{
    margin-bottom: 20px;
}
.wap .card-section .card-sec4-content .deposit3,.wap .card-section .card-sec4-content .deposit6{
    width: 100%;
}

.wap .card-sec4-content.depositDetail .deposit4, .wap .card-sec4-content.depositDetail .deposit5, .wap  .card-sec4-content.depositDetail .deposit7, .wap  .card-sec4-content.depositDetail .deposit8{
border-radius: 0;
}
.wap .card-sec4-content.depositDetail .deposit7 p{
    margin-bottom: 1rem;
}

.wap .card-sec3 .card-sec3-content .num{
    width: 100%;
    height: 100px;
    margin-top: 10px;
    margin-bottom: 20px;
    background: url(../assets/images/card/kuang1.png) no-repeat;
    background-size: contain
}
.wap .card-sec3 .card-sec3-content .num .numTitle{
    margin-top: -5px;
    margin-bottom: -10px;
}
.wap .card-sec3 .card-sec3-content .num .numTitle+p{
    padding: 10px;
}
.wap .card-sec4 .card-sec4-content .deposit{
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
}
.wap .card-sec4 .card-sec4-content .deposit i{
    width: 50px;
    height:50px;
    float: left;
    margin-bottom: 0;
    background-size: contain;
}
.wap .card-sec4 .card-sec4-content .deposit div{
    display: inline-block;
    width: 80%;
    font-size: 1rem;
    text-align: left;
    float: left;
    margin-left: 5px;
}
.wap .card-sec4 .card-sec4-content .deposit div.depositBtn{
    display: none;
}
.wap .card-sec4 .card-sec4-content .deposit i+div h5{
    font-size: 1.1rem;
}
.wap .card-sec4 .card-sec4-content .deposit i+div p{
    font-size: 0.9rem;
}



.wap .card-section .depositDetail .halfContent{
    width: 100%;
    height: auto;
    margin-top: 10px;
}
.wap .card-section .depositDetail .halfContent i{
    float: left;
    margin-right: 10px;
}
.wap .card-section .depositDetail .halfContent i+div{
    display: inline-block;
    margin-top: 5px;
}
.wap .card-sec5 .card-sec5-content .row>div{
    width: 49%;
    margin: 10px 0;
}