.section .heading {
    margin-top: 0;
    margin-bottom: 1vw;
}

.section .subheading {
    line-height: 2.25vw;
    margin-bottom: 2.5vw;
}

.section .desc.left-border {
    margin-bottom: 0.89vw;
    line-height: 1.2;
}

.section {
    padding: 5.2vw 0;
}

.section #parallax-item-9 {
    width: 1.67vw;
    height: 1.67vw;
}

.section div.bg {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.section div.bg.right {
    justify-content: flex-end;
    padding-right: 187.5px;
}

.section div.bg.left {
    justify-content: flex-start;
    padding-left: 187.5px;
}

.section .desc.left-border {
    width: 100%;
}

.section-text-pad-left {
    padding-left: 11vw;
}


.section.section-1 {
    padding-top: 12.29vw;
}

.section.section-1 .heading {
}

.section.section-1 .desc {
    margin-top: 32px;
}

.section.section-1 .action {
    padding-top: 5vw;
}

.section.section-1 #parallax-item-4 {
    left: -90px;
    top: 80px;
}


.section.section-1 #parallax-item-8 {
    left: 100%;
    margin-left: -2.3vw;
    top: 22.5vw;
    background-image: url("../imgs/product/badge-purple-1.png");
}

.section.section-1 #parallax-item-12 {
    left: 50%;
    margin-left: -2.9vw;
    top: 14.74vw;
}

.section.section-1 .desc p {
    margin-bottom: 0.5em;
}

.section.section-1 div.bg {
    width: 32.5vw;
    height: 26.71875vw;
    background: url("../imgs/product/item-1.png") no-repeat;
    background-size: 100% 100%;
    float: right;
}

.section.section-1 a.myb-btn {
    margin-top: 8vw;
}

.section.section-2 #parallax-item-8 {
    top: 80px;
    left: 50%;
}

.section.section-2 #parallax-item-9 {
    bottom: 180px;
    top: unset;
    left: 40%;
}

.section.section-2 div.bg {
    height: 35vw;
    width: 58.54vw;
    background: url('../imgs/product/section-2-chart.png') no-repeat left center, url("../imgs/product/section-2-bg.png") no-repeat right;
    background-size: auto 26.67vw, 48.44vw 100%;
}

.section.section-2 div.bg img {
    width: 43.44vw;
    height: 26.67vw;
}

.section.section-3 #parallax-item-8 {
    left: 50%;
    bottom: 280px;
    top: unset;
}

.section.section-3 div.bg {
    width: 50vw;
    height: 34.9vw;
    background: url("../imgs/product/section-3-chart.png") no-repeat right center, url("../imgs/product/section-3-bg.png") no-repeat left;
    background-size: auto 29.43vw, auto 100%;
}

.section.section-3 div.bg img {
    width: 38.85vw;
    height: 29.43vw;
}

.section.section-4 #parallax-item-8 {
    left: 160px;
    top: 100px;
}

.section.section-4 #parallax-item-9 {
    left: 50%;
    bottom: 100px;
    top: unset;
}

.section.section-4 div.bg {
    width: 54.74vw;
    height: 35vw;
    background: url("../imgs/product/section-4-chart.png") no-repeat left center, url("../imgs/product/section-4-bg.png") no-repeat right;
    background-size: 41.25vw 26.67vw, 48.44vw 35vw;
}

.section.section-5 #parallax-item-8 {
    bottom: 180px;
    top: unset;
    left: 50%;
}

.section.section-5 div.bg {
    width: 50.83vw;
    height: 34.9vw;
    background: url("../imgs/product/section-5-chart.png") no-repeat right center, url("../imgs/product/section-5-bg.png") no-repeat left;
    background-size: auto 28.85vw, auto 100%;
}


.section.section-6 #parallax-item-8 {
    background-image: url("../imgs/product/badge-yellow-2.png");
    left: 100px;
    bottom: 280px;
    top: unset;
}

.section.section-6 #parallax-item-9 {
    background-image: url("../imgs/product/badge-yellow-1.png");
    left: 50%;
    top: 50px;
}

.section.section-6 div.bg {
    width: 57.5vw;
    height: 35vw;
    background: url("../imgs/product/section-6-chart.png") no-repeat left center, url("../imgs/product/section-6-bg.png") no-repeat right;
    background-size: auto 28.28vw, auto 100%;
}


/*warning*/
.section.section-warning {
    padding-bottom: 0;
}

.section.section-warning .subheading {
    margin-bottom: .5vw;
}

.section.section-warning .section-warning-bg {
    border-radius: 50% / 100% 100% 0 0;
    margin-left: -50%;
    margin-right: -50%;
    text-align: center;
    background: #F7F9FF;
    padding: 10vw 50%;
}

.section.section-warning .action {
    padding-top: 1vw;
}

.section.section-warning .action.action-mb {
    display: none;
}

.section.section-warning .action .myb-btn {
    margin: 0 1vw;
    cursor: text;
}

.section.section-warning .action .myb-btn:nth-child(2) {
    background-color: #849FFF;
}

.section.section-warning .action .myb-btn:nth-child(3) {
    background-color: #F7C83F;
}

.section.section-warning span.iconfont.iconyujing {
    font-size: 1.3em;
    color: #f23b3b;
}

.section.section-warning .section-warning-block-1, .section.section-warning .section-warning-block-2 {
    position: absolute;
    z-index: 0;
}

.section.section-warning .section-warning-block-1 {
    width: 20.94vw;
    height: 20.63vw;
    background: url("../imgs/product/section-w-block-1.png") no-repeat;
    background-size: 100% 100%;
}

.section.section-warning .section-warning-block-2 {
    width: 20.1vw;
    height: 18.91vw;
    background: url("../imgs/product/section-w-block-2.png") no-repeat;
    background-size: 100% 100%;
    right: 0;
    bottom: -5vw;
}

.section.section-warning .image {
    position: relative;
}

.section.section-warning .image img {
    margin-top: 2.8vw;
    max-width: 100%;
}

/*section banner*/
.section.section-banner {
    background-color: #6586fc;
    color: #fff;
    padding: 0;
}

.section.section-banner .heading, .section.section-banner .subheading {
    color: #fff;
}

.section.section-banner .desc.left-border {
    border-color: #fff;
}

.section.section-banner {
    height: 35vw;
    overflow: hidden;
}

.section.section-banner .section-banner-text {
    padding-bottom: 5vw;
}

.section.section-banner div.bg {
    background: #5378FA;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    border-radius: 70% / 100% 0 0 100%;
    height: 45vw;
    margin-top: -5vw;
    padding-bottom: 5vw;
}

.section.section-banner div.bg img {
    width: 43.7vw;
    height: 28.28vw;
}

/** section 7 - 9 **/
.section.section-7 {
    padding-top: 10.4vw;
    background-color: #F7F9FF;
}

.section.section-7 div.bg {
    width: 52.55vw;
    height: 26.93vw;
    background: url("../imgs/product/section-7-bg.png") no-repeat right;
    background-size: 100% 100%;
}

.section.section-7 div.bg img {
    width: 39.22vw;
    height: 21.77vw;
}

.section.section-8 {
    background-color: #F7F9FF;
}

.section.section-8 #parallax-item-8 {
    background-image: url("../imgs/product/badge-purple-1.png");
    top: 40px;
}

.section.section-8 div.bg {
    position: relative;
    width: 100%;
    height: 27.45vw;
    overflow: visible;
    background: url("../imgs/product/section-8-bg.jpg") no-repeat right;
    background-size: 31.04vw 27.45vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    float: right;
}

.section.section-8 div.bg div.img1 img {
    width: 27.19vw;
    height: 15.89vw;
    margin-top: -1.15vw;
}

.section.section-8 div.bg div.img2 img {
    width: 18.54vw;
    height: 13.44vw;
    margin-top: -1.3vw;
}

.section.section-8 div.bg div.img3 img {
    position: absolute;
    width: 6.41vw;
    height: 6.41vw;
    right: 2.5vw;
    bottom: 2.5vw;
}

.section.section-9 {
    background-color: #F7F9FF;
}

.section.section-9 #parallax-item-8 {
    top: 40px;
    left: 55%;
}

.section.section-9 div.bg {
    position: relative;
    width: 100%;
    height: 35.1vw;
    background: url("../imgs/product/section-9-bg.jpg") no-repeat left;
    background-size: 31.72vw 35.1vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    float: left;
    justify-content: space-around;
}

.section.section-9 .icon-list .list-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 30px;
    height: 4.5vw;
    margin-bottom: 10px;
}

.section.section-9 .icon-list .list-item span {
    margin-left: 20px;
    font-size: 14px;
}

@media (max-width: 1280px) {
    .section div.bg.left {
        padding-left: 150px;
    }

    .section div.bg.right {
        padding-right: 150px;
    }
}

@media (max-width: 900px) {
    .section {
        padding: 10.665vw 0;
    }

    .section-text-pad-left {
        padding-left: 8vw;
    }

    .section .flex-item-1 {
        width: 100%;
    }

    .section .heading {
        font-size: 5.03597vw;
    }

    .section .subheading {
        margin-bottom: 6vw;
    }

    .section .desc.left-border {
        margin-bottom: 2vw;
        font-size: 3.2vw;
    }

    .section div.bg.right {
        float: right;
        padding-right: 0;
    }

    .section div.bg.left {
        float: left;
    }

    .section div.bg {
        margin-top: 10.27vw;
    }

    .section.section-1 {
        padding-top: 37.33vw;
    }

    .section.section-1 .action {
        margin-top: 6.8vw;
        padding-top: 0;
    }

    .section.section-1 a.myb-btn {
        margin-top: 0;
        display: inline-block;
        font-size: 3.47vw;
        padding: 10px 20px;
    }

    .section.section-1 #parallax-item-4 {
        left: 5vw;
        top: -6.93vw;
        width: 4.4vw;
        height: 4.4vw;
    }

    .section.section-1 #parallax-item-8 {
        width: 4.4vw;
        height: 4.53vw;
        margin-left: -11vw;
        top: 37.5vw;
    }

    .section.section-1 #parallax-item-12 {
        bottom: -11vw;
        top: unset;
        width: 3.07vw;
        height: 3.07vw;
        left: 11vw;
    }

    .section.section-1 div.bg {
        margin-top: 9.2vw;
        width: 83.2vw;
        height: 68.4vw;
    }

    .section.section-2 h1.heading {
        display: flex;
        flex-direction: row;
        font-size: 6.13vw;
    }

    .section.section-2 div.bg {
        width: 92.27vw;
        height: 89.87vw;
        background: url(../imgs/product/section-2-chart.png) no-repeat left center, url(../imgs/product/section-2-bg-m.png) no-repeat right;
        background-size: auto 52vw, 86.27vw 100%;
    }

    .section.section-2 #parallax-item-8 {
        width: 2.93vw;
        height: 2.93vw;
        left: unset;
        right: 16vw;
    }

    .section.section-2 #parallax-item-9 {
        bottom: 23vw;
        left: 12vw;
        width: 3vw;
        height: 3vw;
        right: unset;
    }

    .section.section-3 div.bg {
        width: 94.8vw;
        height: 89.33vw;
        background: url(../imgs/product/section-3-chart.png) no-repeat right center, url(../imgs/product/section-3-bg-m.png) no-repeat left;
        background-size: auto 69vw, auto 100%;
    }

    .section.section-3 div.row-flex-mobile-clear,
    .section.section-5 div.row-flex-mobile-clear,
    .section.section-7 div.row-flex-mobile-clear,
    .section.section-9 div.row-flex-mobile-clear {
        display: flex !important;
        flex-direction: column-reverse;
        align-items: flex-start !important;
    }

    .section.section-4 div.bg {
        width: 92.27vw;
        height: 89.87vw;
        background: url(../imgs/product/section-4-chart.png) no-repeat left center, url(../imgs/product/section-4-bg-m.png) no-repeat right;
        background-size: auto 54vw, 86.27vw 100%;
    }

    .section.section-4 #parallax-item-8 {
        width: 2.93vw;
        height: 2.93vw;
        left: unset;
        right: 16vw;
        top: 3vw;
    }

    .section.section-4 #parallax-item-9 {
        bottom: 23vw;
        left: 12vw;
        width: 3vw;
        height: 3vw;
        right: unset;
    }

    .section.section-5 div.bg {
        width: 92.27vw;
        height: 89.87vw;
        background: url(../imgs/product/section-5-chart.png) no-repeat right center, url(../imgs/product/section-5-bg-m.png) no-repeat left;
        background-size: auto 69vw, 86.27vw 100%;
    }

    .section.section-5 #parallax-item-8 {
        bottom: 23vw;
        right: 12vw;
        width: 3vw;
        height: 3vw;
        left: unset;
    }

    .section.section-6 div.bg {
        width: 92.27vw;
        height: 89.87vw;
        background: url(../imgs/product/section-6-chart.png) no-repeat left center, url(../imgs/product/section-6-bg-m.png) no-repeat right;
        background-size: auto 56vw, 86.27vw 100%;
    }

    .section.section-6 #parallax-item-9 {
        top: 14vw;
        right: 30vw;
        width: 3vw;
        height: 3vw;
        left: unset;
    }

    .section.section-6 h1.heading {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .section.section-6 h1.heading div {
        white-space: nowrap;
    }

    .section.section-warning .section-warning-bg {
        border-radius: 80% / 100% 100% 0 0;
        padding-top: 20.27vw;
    }

    .section.section-warning .section-warning-bg h1.heading span:last-child {
        display: inline-block;
    }

    .section.section-warning .action {
        padding-left: 8vw;
        display: none;
    }

    .section.section-warning .action.action-mb {
        margin-top: 9.4vw;
        display: flex;
        flex-wrap: wrap;
    }

    .section.section-warning .action .myb-btn:nth-child(2) {
        background-color: #F7C83F;
    }

    .section.section-warning .action .myb-btn:nth-child(3) {
        background-color: #849FFF;
    }

    .section.section-warning .action .myb-btn {
        margin-top: 4.4vw;
        white-space: nowrap;
        padding: 10px 18px;
        font-size: 2.93vw;
    }

    .section.section-warning .section-warning-block-1 {
        width: 40.93vw;
        height: 40.63vw;
        left: 0;
        margin-left: -20vw;
        margin-top: -6vw;
    }

    .section.section-warning .section-warning-block-2 {
        width: 51.6vw;
        height: 40.63vw;
        right: 0;
        margin-right: -33vw;
        margin-bottom: 1vw;
    }

    .section.section-banner {
        height: 100%;
        padding-top: 17.6vw;
        background: url("../imgs/product/section-b-m.jpg") no-repeat right bottom;
        background-color: #6586fc;
        background-size: 89.83vw 98.59vw;
    }

    .section.section-banner .section-banner-text {
        padding-bottom: 0;
    }

    .section.section-banner div.bg {
        margin-top: 7.87vw;
        height: 76.26146789vw;
        background: url(../imgs/product/section-b-chart-m.png) no-repeat center bottom;
        background-size: 100% 100%;
        border-radius: unset;
    }

    .section.section-banner div.bg img {
        display: none;
    }

    .section.section-7 .wrapper-pad-right {
        padding-left: 8vw;
        padding-right: 0;
    }

    .section.section-7 div.bg {
        width: 100%;
        height: 51.24643197vw;
        background: url('../imgs/product/section-7-chart.png') no-repeat center center, url(../imgs/product/section-7-bg.png) no-repeat center center;
        background-size: 84vw auto, 100% 100%;
    }

    .section.section-7 div.bg img {
        display: none;
    }

    .section.section-8 {
        background-color: #fff;
    }

    .section.section-8 div.bg {
        margin-left: -50px;
        margin-right: -50px;
        width: calc(100% + 100px);
        height: 79.2vw;
        background: url(../imgs/product/section-8-bg.jpg) no-repeat 25vw center;
        background-size: 89.558032787vw 79.2vw;
    }

    .section.section-8 div.bg div.img1 {
        padding-top: 4.53vw;
        padding-left: 2.53vw;
    }

    .section.section-8 div.bg div.img1 img {
        width: 68.85vw;
        height: unset;
    }

    .section.section-8 div.bg div.img2 {
        padding-left: 8.13vw;
    }

    .section.section-8 div.bg div.img2 img {
        width: 48vw;
        height: auto;
    }

    .section.section-8 div.bg div.img3 img {
        width: 11.56vw;
        height: 11.56vw;
        right: 3.5vw;
        bottom: 11.5vw;
    }

    .section.section-8 #parallax-item-8 {
        width: 3vw;
        height: 3vw;
        left: 80%;
        top: 0;
    }

    .section.section-9 div.bg {
        height: 110.673234811vw;
        background-size: calc(100% - 100px) 92vw;
        margin-left: -50px;
        margin-right: -50px;
        width: calc(100% + 100px);
    }

    .section.section-9 .icon-list .list-item {
        padding: 0px 16px;
        height: 14.5vw;
        margin-top: 8px;
        margin-bottom: unset;
    }
}

@media (max-width: 768px) {
    .section .heading {
        font-size: 6.13vw;
        margin-bottom: 4.93vw;
    }

    .section .subheading {
        font-size: 3.73vw;
        line-height: 5.33vw;
    }
}