.banner_box {
    height: 1160px !important;
    background: url('../img/banner.png') no-repeat;
    background-size: 100% 100%
}

.banner_box .tab_left {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 20;
    cursor: pointer
}

.banner_box .tab_left img {
    height: 60%;
    width: auto;
    margin-right: 10px
}

.banner_box .tab_left span {
    font-size: 14px;
    font-weight: 600
}

.banner_box .tab_btn {
    text-align: center;
    width: 140px;
    height: 40px;
    border-radius: 40px;
    /* border: 2px solid #7E67FF; */
    /* transition: background .3s */
    background: #4F6BFE;
}

/* .banner_box .tab_btn:hover {
    background-color: #4F6BFE;
    border: none;
    color: #fff
} */

.banner_box .tab_btn .btn {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px
}

.banner_box .tab_box {
    display: flex;
    color: #fff;
    margin: 0 auto;
    /* height: calc(100% - 58px); */
    flex-direction: column;
    align-items: center;
}

.banner_box .box_bg {
    width: 556px;
    height: 449px;
    background: url('../img/box.png') no-repeat;
    background-size: 100% 100%;
    display: none !important
}

.banner_box .box_info {
    margin: 0 auto;
}

.banner_box .box_info .info_logo {
    width: 116px;
}

.banner_box .info_t1 {
    display: flex;
    align-items: center;
    font-size: 55px;
    font-weight: bold;
    margin-bottom: 7px
}

.banner_box .info_t1 .t1_bg1 {
    width: 46px;
    height: 46px;
    background: url('../img/bg1.png') no-repeat;
    background-size: cover;
    margin: 0 11px
}

.banner_box .info_t1 .t1_bg2 {
    width: 80px;
    height: 60px;
    background: url('../img/bg2.png') no-repeat;
    background-size: cover
}

.banner_box .info_t2 {
    font-size: 34px;
    font-weight: bold;
    color: #000;
    margin-top: 12px;
}

.banner_box .info_desc {
    font-size: 16px;
    margin: 18px 0 41px;
    color: #20184E;
}

.banner_box .info_tips {
    font-size: 14px;
    color: #605a82;
}

.banner_box .info_button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 44px;
    background: #fff;
    border-radius: 47px;
    color: #fff;
    margin: 49px 0 11px 0;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    background: #4F6BFE;
    transition: all .3s
}

.banner_box .info_button img {
    width: 20px;
    margin-right: 7px
}

.banner_box .info_button:hover {
    background-color: #4862E9
}

.banner_box .info_img {
    background-image: url('../img/bg91.png');
    background-size: cover;
    background-repeat: no-repeat;
    height: 590px;
    width: 999px;
    margin-top: 50px;
}

.card_swiper {
    position: relative
}

.card_bg {
    width: 100%;
    height: 100%;
    background: rgba(119, 24, 237, 0.22);
    opacity: .5;
    filter: blur(171px);
    position: absolute;
    left: 0;
    top: 0
}

.header_tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 100px 0 90px;
    text-align: center;
    width: 100%;
    height: 58px;
    z-index: 10;
    color: #7E67FF;
    transition: all .3s ease
}

.header_tab.sticky {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3)
}

.features-page {
    padding-top: 60px
}

.features-page .p_box {
    position: relative;
    max-width: 508px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 60px
}

.features-page .p_box .box_t {
    color: #20184E;
    font-weight: bold;
    font-size: 29px;
    margin-bottom: 20px
}

.features-page .p_box .box_desc {
    font-size: 14px;
    color: #666;
    line-height: 22px;
    font-size: 16px
}

.features-page .p_box .box_desc .desc_bg {
    width: 60%;
    height: 60%;
    background: rgba(119, 24, 237, 0.52);
    opacity: .8;
    filter: blur(109px);
    position: absolute;
    left: 20%;
    top: 30%
}

.features-page>#img_box>section {
    position: relative
}

.features-page>#img_box>section:nth-of-type(2)::after {
    content: '';
    background: url('../img/g1.png') no-repeat;
    width: 107px;
    height: 280px;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 0
}

.features-page>#img_box>section:nth-of-type(3)::after {
    content: '';
    background: url(../img/g2.png) no-repeat;
    width: 100%;
    height: 120%;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: -55px;
    z-index: -1
}

.features-page>#img_box>section:nth-of-type(6)::after {
    content: '';
    background: url('../img/g3.png') no-repeat;
    width: 107px;
    height: 280px;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0
}

.card_t {
    display: none
}

.pillar__highlights {
    margin-bottom: 68px
}

.common-button--primary {
    background: #7E67FF;
    width: 90px;
    height: 27px;
    border-radius: 23px
}

.common-button--primary:hover {
    background-color: #4862E9
}

.common-heading__title {
    color: #20184E
}

.common-heading__description {
    color: #666
}

.block-side-by-side {
    justify-content: center
}

.pillar__highlights .common-heading {
    max-width: 350px
}

.block-container__container {
    padding: 0
}

.block-container__container .common-background--gray {
    background-color: transparent
}

.block-side-by-side__media {
    width: 46%;
    margin-right: 0;
    margin-left: 0
}

.mini-card-list__cards {
    background: url('../img/shadow2.png') no-repeat;
    background-size: 100% 100%
}

@media (min-width:980px) {
    .banner_box {
        height: 490px
    }

    .banner_box .box_bg {
        width: 504px;
        height: 408px
    }

    .banner_box .info_t1 {
        font-size: 50px;
        margin-bottom: 6px
    }

    .banner_box .info_t1 .t1_bg1 {
        width: 41px;
        height: 41px;
        margin: 0 10px
    }

    .banner_box .info_t1 .t1_bg2 {
        width: 72px;
        height: 54px
    }

    .banner_box .info_t2 {
        font-size: 31px
    }

    .banner_box .info_desc {
        font-size: 14px;
        margin: 16px 0 37px
    }

    .banner_box .info_button {
        width: 163px;
        height: 40px;
        border-radius: 43px;
        margin: 44px 0 10px 0;
        font-size: 14px
    }

    .banner_box .info_button img {
        width: 18px;
        margin-right: 6px
    }

    .header_tab {
        padding: 0 91px 0 82px;
        height: 53px
    }

    .features-page {
        padding-top: 54px
    }

    .features-page .p_box {
        max-width: 460px;
        margin-bottom: 54px
    }

    .features-page .p_box .box_t {
        font-size: 26px;
        margin-bottom: 18px
    }

    .features-page .p_box .box_desc {
        font-size: 13px;
        line-height: 20px
    }

    .pillar__highlights {
        margin-bottom: 62px
    }

    .common-button--primary {
        width: 82px;
        height: 24px;
        border-radius: 21px
    }

    .pillar__highlights .common-heading {
        max-width: 318px
    }
}

@media (min-width:1080px) {
    .banner_box {
        height: 541px
    }

    .banner_box .box_bg {
        width: 556px;
        height: 449px
    }

    .banner_box .info_t1 {
        font-size: 55px;
        margin-bottom: 7px
    }

    .banner_box .info_t1 .t1_bg1 {
        width: 46px;
        height: 46px;
        margin: 0 11px
    }

    .banner_box .info_t1 .t1_bg2 {
        width: 80px;
        height: 60px
    }

    .banner_box .info_t2 {
        font-size: 34px
    }

    .banner_box .info_desc {
        font-size: 16px;
        margin: 18px 0 41px
    }

    .banner_box .info_button {
        width: 180px;
        height: 44px;
        border-radius: 47px;
        margin: 49px 0 11px 0;
        font-size: 16px
    }

    .banner_box .info_button img {
        width: 20px;
        margin-right: 7px
    }

    .header_tab {
        padding: 0 100px 0 90px;
        height: 58px
    }

    .features-page {
        padding-top: 60px
    }

    .features-page .p_box {
        max-width: 508px;
        margin-bottom: 60px
    }

    .features-page .p_box .box_t {
        font-size: 29px;
        margin-bottom: 20px
    }

    .features-page .p_box .box_desc {
        font-size: 14px;
        line-height: 22px
    }

    .pillar__highlights {
        margin-bottom: 68px
    }

    .common-button--primary {
        width: 90px;
        height: 27px;
        border-radius: 23px
    }

    .pillar__highlights .common-heading {
        max-width: 350px
    }
}

@media (min-width:1180px) {
    .banner_box {
        height: 591px
    }

    .banner_box .box_bg {
        width: 608px;
        height: 492px
    }

    .banner_box .info_t1 {
        font-size: 60px;
        margin-bottom: 8px
    }

    .banner_box .info_t1 .t1_bg1 {
        width: 50px;
        height: 50px;
        margin: 0 12px
    }

    .banner_box .info_t1 .t1_bg2 {
        width: 87px;
        height: 65px
    }

    .banner_box .info_t2 {
        font-size: 37px
    }

    .banner_box .info_desc {
        font-size: 17px;
        margin: 19px 0 45px
    }

    .banner_box .info_button {
        width: 197px;
        height: 48px;
        border-radius: 51px;
        margin: 54px 0 12px 0;
        font-size: 17px
    }

    .banner_box .info_button img {
        width: 22px;
        margin-right: 8px
    }

    .header_tab {
        padding: 0 109px 0 99px;
        height: 63px
    }

    .features-page {
        padding-top: 66px
    }

    .features-page .p_box {
        max-width: 555px;
        margin-bottom: 66px
    }

    .features-page .p_box .box_t {
        font-size: 31px;
        margin-bottom: 22px
    }

    .features-page .p_box .box_desc {
        font-size: 15px;
        line-height: 24px
    }

    .pillar__highlights {
        margin-bottom: 74px
    }

    .common-button--primary {
        width: 98px;
        height: 30px;
        border-radius: 25px
    }

    .pillar__highlights .common-heading {
        max-width: 382px
    }
}

@media (min-width:1280px) {
    .banner_box {
        height: 642px
    }

    .banner_box .box_bg {
        width: 660px;
        height: 534px
    }

    .banner_box .info_t1 {
        font-size: 66px;
        margin-bottom: 9px
    }

    .banner_box .info_t1 .t1_bg1 {
        width: 55px;
        height: 55px;
        margin: 0 13px
    }

    .banner_box .info_t1 .t1_bg2 {
        width: 93px;
        height: 70px
    }

    .banner_box .info_t2 {
        font-size: 40px
    }

    .banner_box .info_desc {
        font-size: 18px;
        margin: 21px 0 50px
    }

    .banner_box .info_button {
        width: 213px;
        height: 52px;
        border-radius: 56px;
        margin: 58px 0 13px 0;
        font-size: 19px
    }

    .banner_box .info_button img {
        width: 24px;
        margin-right: 8px
    }

    .header_tab {
        padding: 0 118px 0 108px;
        height: 68px
    }

    .features-page {
        padding-top: 72px
    }

    .features-page .p_box {
        max-width: 600px;
        margin-bottom: 72px
    }

    .features-page .p_box .box_t {
        font-size: 34px;
        margin-bottom: 24px
    }

    .features-page .p_box .box_desc {
        font-size: 16px;
        line-height: 26px
    }

    .pillar__highlights {
        margin-bottom: 81px
    }

    .common-button--primary {
        width: 106px;
        height: 33px;
        border-radius: 28px
    }

    .pillar__highlights .common-heading {
        max-width: 415px
    }
}

@media (min-width:1380px) {
    .banner_box {
        height: 691px
    }

    .banner_box .box_bg {
        width: 710px;
        height: 574px
    }

    .banner_box .info_t1 {
        font-size: 74px;
        margin-bottom: 9px
    }

    .banner_box .info_t1 .t1_bg1 {
        width: 59px;
        height: 59px;
        margin: 0 14px
    }

    .banner_box .info_t1 .t1_bg2 {
        width: 102px;
        height: 77px
    }

    .banner_box .info_t2 {
        font-size: 41px
    }

    .banner_box .info_desc {
        font-size: 18px;
        margin: 23px 0 52px
    }

    .banner_box .info_tips {
        font-size: 18px
    }

    .banner_box .info_button {
        width: 230px;
        height: 56px;
        border-radius: 60px;
        margin: 62px 0 14px 0;
        font-size: 20px
    }

    .banner_box .info_button img {
        width: 26px;
        margin-right: 9px
    }

    .header_tab {
        padding: 0 120px 0 110px;
        height: 67px
    }

    .features-page {
        padding-top: 77px
    }

    .features-page .p_box {
        max-width: 650px;
        margin-bottom: 77px
    }

    .features-page .p_box .box_t {
        font-size: 34px;
        margin-bottom: 26px
    }

    .features-page .p_box .box_desc {
        font-size: 17px;
        line-height: 26px
    }

    .pillar__highlights {
        margin-bottom: 81px
    }

    .common-button--primary {
        width: 115px;
        height: 35px;
        border-radius: 29px
    }

    .pillar__highlights .common-heading {
        max-width: 447px
    }
}

@media (min-width:1580px) {
    .banner_box {
        height: 789px
    }

    .banner_box .box_bg {
        width: 811px;
        height: 656px
    }

    .banner_box .info_t1 {
        font-size: 85px;
        margin-bottom: 10px
    }

    .banner_box .info_t1 .t1_bg1 {
        width: 67px;
        height: 67px;
        margin: 0 16px
    }

    .banner_box .info_t1 .t1_bg2 {
        width: 116px;
        height: 88px
    }

    .banner_box .info_t2 {
        font-size: 47px
    }

    .banner_box .info_desc {
        font-size: 19px;
        margin: 26px 0 59px
    }

    .banner_box .info_tips {
        font-size: 18px
    }

    .banner_box .info_button {
        width: 263px;
        height: 64px;
        border-radius: 68px;
        margin: 72px 0 16px 0;
        font-size: 23px
    }

    .banner_box .info_button img {
        width: 29px;
        margin-right: 10px
    }

    .header_tab {
        padding: 0 137px 0 126px;
        height: 76px
    }

    .features-page {
        padding-top: 88px
    }

    .features-page .p_box {
        max-width: 740px;
        margin-bottom: 88px
    }

    .features-page .p_box .box_t {
        font-size: 39px;
        margin-bottom: 30px
    }

    .features-page .p_box .box_desc {
        font-size: 18px;
        line-height: 28px
    }

    .pillar__highlights {
        margin-bottom: 92px
    }

    .common-button--primary {
        width: 131px;
        height: 40px;
        border-radius: 33px
    }

    .pillar__highlights .common-heading {
        max-width: 511px
    }
}

@media (min-width:1780px) {
    .banner_box {
        height: 890px
    }

    .banner_box .box_bg {
        width: 915px;
        height: 740px
    }

    .banner_box .info_t1 {
        font-size: 91px;
        margin-bottom: 12px
    }

    .banner_box .info_t1 .t1_bg1 {
        width: 76px;
        height: 76px;
        margin: 0 18px
    }

    .banner_box .info_t1 .t1_bg2 {
        width: 131px;
        height: 99px
    }

    .banner_box .info_t2 {
        font-size: 56px
    }

    .banner_box .info_desc {
        font-size: 21px;
        margin: 29px 0 67px
    }

    .banner_box .info_tips {
        font-size: 23px
    }

    .banner_box .info_button {
        width: 297px;
        height: 72px;
        border-radius: 77px;
        margin: 81px 0 18px 0;
        font-size: 26px
    }

    .banner_box .info_button img {
        width: 33px;
        margin-right: 12px
    }

    .header_tab {
        padding: 0 155px 0 142px;
        height: 85px
    }

    .features-page {
        padding-top: 99px
    }

    .features-page .p_box {
        max-width: 834px;
        margin-bottom: 99px
    }

    .features-page .p_box .box_t {
        font-size: 44px;
        margin-bottom: 34px
    }

    .features-page .p_box .box_desc {
        font-size: 20px;
        line-height: 30px
    }

    .pillar__highlights {
        margin-bottom: 104px
    }

    .common-button--primary {
        width: 148px;
        height: 45px;
        border-radius: 37px
    }

    .pillar__highlights .common-heading {
        max-width: 576px
    }
}

@media (min-width:1980px) {
    .banner_box {
        height: 991px
    }

    .banner_box .box_bg {
        width: 1017px;
        height: 822px
    }

    .banner_box .info_t1 {
        font-size: 107px;
        margin-bottom: 13px
    }

    .banner_box .info_t1 .t1_bg1 {
        width: 85px;
        height: 85px;
        margin: 0 20px
    }

    .banner_box .info_t1 .t1_bg2 {
        width: 147px;
        height: 111px
    }

    .banner_box .info_t2 {
        font-size: 61px
    }

    .banner_box .info_desc {
        font-size: 23px;
        margin: 32px 0 74px
    }

    .banner_box .info_tips {
        font-size: 26px
    }

    .banner_box .info_button {
        width: 330px;
        height: 81px;
        border-radius: 86px;
        margin: 92px 0 20px 0;
        font-size: 29px
    }

    .banner_box .info_button img {
        width: 37px;
        margin-right: 13px
    }

    .header_tab {
        padding: 0 172px 0 158px;
        height: 95px
    }

    .features-page {
        padding-top: 110px
    }

    .features-page .p_box {
        max-width: 928px;
        margin-bottom: 110px
    }

    .features-page .p_box .box_t {
        font-size: 49px;
        margin-bottom: 38px
    }

    .features-page .p_box .box_desc {
        font-size: 21px;
        line-height: 31px
    }

    .pillar__highlights {
        margin-bottom: 115px
    }

    .common-button--primary {
        width: 164px;
        height: 50px;
        border-radius: 41px
    }

    .pillar__highlights .common-heading {
        max-width: 641px
    }
}

@media (min-width:2180px) {
    .banner_box {
        height: 1091px
    }

    .banner_box .box_bg {
        width: 1121px;
        height: 906px
    }

    .banner_box .info_t1 {
        font-size: 118px;
        margin-bottom: 14px
    }

    .banner_box .info_t1 .t1_bg1 {
        width: 94px;
        height: 94px;
        margin: 0 22px
    }

    .banner_box .info_t1 .t1_bg2 {
        width: 162px;
        height: 123px
    }

    .banner_box .info_t2 {
        font-size: 68px
    }

    .banner_box .info_desc {
        font-size: 25px;
        margin: 34px 0 82px
    }

    .banner_box .info_tips {
        font-size: 28px
    }

    .banner_box .info_button {
        width: 363px;
        height: 89px;
        border-radius: 95px;
        margin: 102px 0 22px 0;
        font-size: 32px
    }

    .banner_box .info_button img {
        width: 40px;
        margin-right: 14px
    }

    .header_tab {
        padding: 0 189px 0 174px;
        height: 104px
    }

    .features-page {
        padding-top: 121px
    }

    .features-page .p_box {
        max-width: 1022px;
        margin-bottom: 121px
    }

    .features-page .p_box .box_t {
        font-size: 54px;
        margin-bottom: 42px
    }

    .features-page .p_box .box_desc {
        font-size: 23px;
        line-height: 33px
    }

    .pillar__highlights {
        margin-bottom: 126px
    }

    .common-button--primary {
        width: 180px;
        height: 54px;
        border-radius: 45px
    }

    .pillar__highlights .common-heading {
        max-width: 706px
    }
}



.bbb01 {
    width: 466px;
    height: 220px;
    background: #ffffff;
    border-radius: 14px;
    padding: 28px;
}


.bbb02 {
    width: 64px;
    height: 64px;
    background: #D9D9D9;
    border-radius: 12px;
    margin-right: 15px;
}


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


.bbb04 {
    height: 64px;
}


.bbb05 {
    margin-top: 4px;
    font-weight: bold;
    font-size: 20px;
    color: #20184E;
}

.bbb06 {
    margin-top: 4px;
    font-weight: 400;
    font-size: 14px;
    color: #999;
}

.bbb07 {
    margin-top: 16px;
    font-weight: 400;
    font-size: 14px;
    color: #666;
}

.bbb08 {
    gap: 21px;

    margin-bottom: 22px;
    flex-wrap: wrap;
    justify-content: center;
}

.bbb09 {
    margin-top: 76px;
}




.ccc01 {
    margin-top: 24px;
    font-weight: bold;
    font-size: 44px;
    color: #20184E;
    height: 64px;
}

.ccc02 {
    /* margin-top: 8px; */
    font-weight: 400;
    font-size: 18px;
    color: #20184E;
    height: 29px;
}

.ccc03 {
    display: flex;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 52px;
    background: #4F6bfe;
    border-radius: 60px;
    margin-top: 36px;
    gap: 8px;

}

.ccc03 a {
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
}

.ccc04 {
    margin-top: 16px;
    font-weight: 400;
    font-size: 16px;
    color: #605a82;
    height: 26px;
}



.ddd01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url('../img/bg92.png');
    background-size: cover;
    /* background-position: center; */
    background-position-x: center;
    background-position-y: 20%;
    background-repeat: no-repeat;
    /* margin-bottom: 156px; */
    padding-bottom: 156px;
}

.ddd02 {
    margin-top: 120px;
    margin-bottom: 91px;
}

.header_tab {
    height: 60px !important;
}

.zzz01 {
    font-weight: 600 !important;
    font-size: 18px !important;
    color: #20184E;
}

.zzz02 {
    display: flex;
    justify-content: center;
    /* margin: 0 auto; */
}

.tab_box.sticky {
    padding-top: 60px !important;
}