.banner-container .banner-item a {
    display: block;
    height: 100%
}

@media (min-width:768px) {
    .banner-container .banner-item {
        height: 360px
    }
}

.banner {
    position: relative
}

.banner .banner-btn {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 1.6533333333rem;
    z-index: 2
}

.banner .banner-btn a {
    position: relative;
    display: block;
    width: 50%;
    height: 1.6533333333rem
}

.banner .banner-btn a img {
    position: absolute;
    display: block;
    width: .48rem;
    height: .48rem
}

.banner .banner-btn a.btn1 {
    width: 56%;
    background: url(/images/index/platform_btn1_m.png) no-repeat;
    background-size: 100% 100%
}

.banner .banner-btn a.btn1 img {
    right: 1.0666666667rem;
    top: .6133333333rem
}

.banner .banner-btn a.btn2 {
    width: 44%;
    background: url(/images/index/platform_btn2_m.png) no-repeat;
    background-size: 100% 100%
}

.banner .banner-btn a.btn2 img {
    right: .5333333333rem;
    top: .6133333333rem
}

@media (min-width:992px) {
    .banner .banner-btn {
        width: 1200px;
        height: 128px
    }

    .banner .banner-btn a {
        height: 128px
    }

    .banner .banner-btn a img {
        width: 36px;
        height: 36px;
        transition: all .3s ease-in-out
    }

    .banner .banner-btn a.btn1 {
        width: 50%;
        background: url(/images/index/platform_btn1.png) no-repeat center/cover
    }

    .banner .banner-btn a.btn1 img {
        right: 178px;
        top: 40px
    }

    .banner .banner-btn a.btn2 {
        width: 50%;
        background: url(/images/index/platform_btn2.png) no-repeat center/cover
    }

    .banner .banner-btn a.btn2 img {
        right: 180px;
        top: 50px
    }

    .banner .banner-btn a:hover img {
        right: 174px;
        transition: all .3s ease-in-out
    }
}

.index-title {
    padding: .5333333333rem 0 0 0;
    text-align: center
}

@media (min-width:992px) {
    .index-title {
        padding: 50px 0 0 0
    }
}

.platform {
    position: relative;
    padding-top: 1.0133333333rem;
    padding-bottom: .5333333333rem;
    background: url(/images/index/platform_bg_m.png) no-repeat center/cover
}

@media (min-width:992px) {
    .platform {
        padding-top: 40px;
        height: 890px;
        background: url(/images/index/platform_bg.jpg) no-repeat center center
    }
}

@media (max-width:992px) {
    .platform .index-title img {
        width: 56%
    }
}

.platform .platform-main {
    margin-top: .5333333333rem;
    padding: 0 .4666666667rem;
    overflow: hidden
}

.platform .platform-main ul li .item-img {
    position: relative;
    width: 100%
}

.platform .platform-main ul li .item-img .img-m {
    width: 100%
}

.platform .platform-main ul li .item-img .item-img-tit {
    position: absolute;
    right: .4rem;
    top: .64rem;
    padding-right: .56rem;
    line-height: .32rem;
    font-size: .32rem;
    color: #fff
}

.platform .platform-main ul li .item-img .item-img-tit::after {
    content: "";
    position: absolute;
    right: 0;
    top: -.0533333333rem;
    width: .4266666667rem;
    height: .4266666667rem;
    background: url(/images/index/plarform_img_tit_arrow.png) no-repeat center/cover;
    transition: all .3s linear
}

.platform .platform-main ul li .item-content {
    padding: .8rem .5333333333rem .5333333333rem .5333333333rem;
    background: url(/images/index/plarform_item_bg.png) no-repeat center/cover
}

.platform .platform-main ul li .item-content .title {
    margin-bottom: .1333333333rem;
    font-size: .4266666667rem;
    color: #313233;
    font-weight: 700
}

.platform .platform-main ul li .item-content .title a {
    color: #313233;
    text-decoration: none
}

.platform .platform-main ul li .item-content .title span {
    margin-left: .4266666667rem;
    font-size: .32rem;
    color: #dfe2e6
}

.platform .platform-main ul li .item-content .txt {
    margin-bottom: .4rem;
    line-height: .64rem;
    font-size: .32rem;
    color: #626466
}

.platform .platform-main ul li .item-content .txt a {
    color: #cd4428;
    text-decoration: underline
}

.platform .platform-main ul li .item-content .btn-openAccount {
    position: relative;
    display: block;
    width: 4rem;
    height: 1.3333333333rem;
    background: url(/images/index/btn_openAccount_m.png) no-repeat center/cover
}

.platform .platform-main ul li .item-content .btn-openAccount span {
    position: absolute;
    right: .96rem;
    top: .48rem;
    display: block;
    width: .3733333333rem;
    height: .3733333333rem;
    background: url(/images/index/icon_openAccount.png) no-repeat center/cover
}

.platform .platform-main ul li.active .item-img .item-img-tit::after {
    transform: rotate(180deg);
    transition: all .3s linear
}

.platform .platform-main ul li.active .item-img .arrow {
    position: absolute;
    left: 1.8666666667rem;
    bottom: 0;
    display: block;
    width: .5333333333rem;
    height: .2666666667rem;
    background: url(/images/index/plarform_arrow_m.png) no-repeat center/cover
}

@media (max-width:992px) {
    .platform .platform-main ul li.item2 .item-content {
        display: none
    }
}

@media (min-width:992px) {
    .platform .platform-main {
        margin-top: 20px;
        padding: 0
    }

    .platform .platform-main ul {
        display: flex
    }

    .platform .platform-main ul li {
        display: flex;
        flex: none;
        height: 600px
    }

    .platform .platform-main ul li .item-img {
        width: 300px;
        height: 600px;
        z-index: 2
    }

    .platform .platform-main ul li .item-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: none;
        padding: 0 100px 0 80px;
        width: 600px;
        background: url(/images/index/plarform_item_bg.png) no-repeat right center
    }

    .platform .platform-main ul li .item-content .title {
        margin-bottom: 10px;
        font-size: 28px
    }

    .platform .platform-main ul li .item-content .title span {
        margin-left: 20px;
        font-size: 20px
    }

    .platform .platform-main ul li .item-content .txt {
        margin-bottom: 24px;
        line-height: 36px;
        font-size: 16px
    }

    .platform .platform-main ul li .item-content .txt a {
        text-decoration: underline
    }

    .platform .platform-main ul li .item-content .btn-openAccount {
        width: 250px;
        height: 80px;
        background: url(/images/index/btn_openAccount.png) no-repeat
    }

    .platform .platform-main ul li .item-content .btn-openAccount span {
        right: 82px;
        top: 34px;
        display: block;
        width: 14px;
        height: 14px;
        transition: all .3s linear
    }

    .platform .platform-main ul li .item-content .btn-openAccount:hover span {
        right: 76px;
        transition: all .3s linear
    }

    .platform .platform-main ul li.active {
        width: 900px;
        z-index: 1
    }

    .platform .platform-main ul li.active .item-img {
        position: relative
    }

    .platform .platform-main ul li.active .item-img .arrow {
        position: absolute;
        left: auto;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        display: block;
        width: 20px;
        height: 40px;
        background: url(/images/index/plarform_arrow.png) no-repeat
    }
}

.choose {
    background: #fff
}

@media (min-width:992px) {
    .choose {
        height: 1050px;
        background: url(/images/index/choose_bg.jpg) no-repeat center center
    }
}

@media (max-width:992px) {
    .choose .index-title img {
        width: 72%
    }
}

.choose .choose-tab {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
    border-bottom: 1px solid #ebeced
}

.choose .choose-tab .tab-item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: .8rem;
    font-size: .3733333333rem;
    color: #626466;
    font-weight: 700;
    cursor: pointer
}

.choose .choose-tab .tab-item.active {
    color: #c59346
}

.choose .choose-tab .tab-item.active::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -.1333333333rem;
    width: 3.3333333333rem;
    height: .16rem;
    transform: translateX(-50%);
    background: url(/images/index/tab_active.png) no-repeat center/cover
}

@media (min-width:992px) {
    .choose .choose-tab {
        width: 480px;
        border-bottom: none
    }

    .choose .choose-tab .tab-item {
        height: 50px;
        font-size: 16px
    }

    .choose .choose-tab .tab-item.active::after {
        bottom: -12px;
        width: 100%;
        height: 12px
    }
}

.choose .tab-con {
    padding: .9333333333rem .2666666667rem 0 .2666666667rem
}

.choose .tab-con .choose-item {
    margin-bottom: 1.3333333333rem
}

@media (max-width:992px) {
    .choose .tab-con .choose-item.col-6 {
        padding: 0
    }
}

.choose .tab-con .choose-item .item-img {
    margin-bottom: .1333333333rem;
    text-align: center
}

.choose .tab-con .choose-item .item-img img {
    width: 1.0666666667rem
}

.choose .tab-con .choose-item .item-tit {
    margin-bottom: .1066666667rem;
    font-size: .32rem;
    color: #313233;
    text-align: center
}

.choose .tab-con .choose-item .item-txt {
    line-height: .4266666667rem;
    font-size: .24rem;
    text-align: center;
    color: #939699
}

@media (min-width:992px) {
    .choose .tab-con {
        padding: 50px 0 0 0
    }

    .choose .tab-con .choose-item {
        padding: 35px 0 70px 0;
        height: 360px;
        margin-bottom: 0;
        border-right: 1px solid #e3e3e6;
        border-bottom: 1px solid #e3e3e6
    }

    .choose .tab-con .choose-item:nth-child(3n+3) {
        border-right: none
    }

    .choose .tab-con .choose-item:nth-child(4) {
        border-bottom: none
    }

    .choose .tab-con .choose-item:nth-child(5) {
        border-bottom: none
    }

    .choose .tab-con .choose-item:nth-child(6) {
        border-bottom: none
    }

    .choose .tab-con .choose-item:hover {
        border-bottom: 10px solid #d9a04c;
        box-shadow: 0 15px 30px 0 rgba(201, 204, 208, .8)
    }

    .choose .tab-con .choose-item .item-img img {
        width: 80px
    }

    .choose .tab-con .choose-item .item-tit {
        position: relative;
        padding-bottom: 32px;
        margin-bottom: 22px
    }

    .choose .tab-con .choose-item .item-tit::after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        width: 40px;
        height: 2px;
        background: #c59346
    }

    .choose .tab-con .choose-item .item-txt {
        line-height: 24px;
        font-size: 14px
    }
}

.qualification {
    background: #f2f6fa
}

@media (min-width:992px) {
    .qualification {
        height: 560px;
        background: url(/images/index/qualification_bg.jpg) no-repeat center center
    }
}

@media (max-width:992px) {
    .qualification .index-title img {
        width: 64%
    }
}

@media (max-width:992px) {
    .qualification .qualification-main {
        padding: 0 0 0 .48rem
    }
}

.qualification .qualification-swiper {
    padding: .4rem .48rem .6666666667rem 0
}

.qualification .qualification-swiper .qualification-item {
    height: 3.7333333333rem;
    background: #fff;
    box-shadow: 2px 4px 10px 0 rgba(212, 215, 219, .8)
}

.qualification .qualification-swiper .qualification-item a {
    display: block;
    color: #626466;
    text-align: center;
    text-decoration: none
}

.qualification .qualification-swiper .qualification-item a img {
    width: 3.2rem
}

.qualification .qualification-swiper .qualification-item a .qualification-name {
    display: inline-block;
    padding: .16rem .2666666667rem 0 .2666666667rem;
    line-height: .4266666667rem;
    font-size: .2666666667rem;
    text-align: left
}

.qualification .qualification-swiper .qualification-item .ckxq {
    display: none
}

@media (min-width:992px) {
    .qualification .qualification-swiper {
        padding: 46px 0 0 0;
        overflow: initial
    }

    .qualification .qualification-swiper .qualification-item {
        position: relative;
        margin-right: 26px;
        width: 280px;
        height: 300px;
        box-shadow: none
    }

    .qualification .qualification-swiper .qualification-item:last-child {
        margin-right: 0
    }

    .qualification .qualification-swiper .qualification-item:hover {
        box-shadow: 5px 9px 20px 0 rgba(212, 215, 219, .8)
    }

    .qualification .qualification-swiper .qualification-item:hover .ckxq {
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 280px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        color: #fff;
        text-align: center;
        background: linear-gradient(90deg, #c78e30, #ebc576)
    }

    .qualification .qualification-swiper .qualification-item:hover .ckxq span {
        position: relative;
        padding-right: 40px
    }

    .qualification .qualification-swiper .qualification-item:hover .ckxq span::after {
        content: "";
        position: absolute;
        right: 0;
        top: 4px;
        width: 28px;
        height: 16px;
        background: url(/images/index/qua_arrow.png) no-repeat
    }

    .qualification .qualification-swiper .qualification-item a {
        text-decoration: none
    }

    .qualification .qualification-swiper .qualification-item a img {
        width: 280px
    }

    .qualification .qualification-swiper .qualification-item a .qualification-name {
        display: inline-block;
        padding: 13px 36px 0 36px;
        line-height: 24px;
        font-size: 14px
    }
}

@media (min-width: 992px) {
    .platform .platform-main ul li .item-content .btn-appAccount {
        width: 250px;
        height: 80px;
        background: url(/images/index/btn_appAccount.png) no-repeat;
    }
}