* {
    z-index: 1;
    font-family: "Microsoft YaHei", Tahoma, Arial, "Helvetica Neue", "Hiragino Sans GB", Simsun, sans-self !important;
    background-repeat: no-repeat
}

html {
    font-size: 16px
}

body {
    margin: 0;
    padding: 0;
    background-color: #f3f4f6;
    overflow-x: hidden;
    position: relative;
    min-width: 1200px;
    text-align: left
}

ul {
    margin: 0;
    padding: 0;
    list-style: none
}

li {
    display: inline-block
}

a {
    color: #000;
    margin: 0;
    padding: 0;
    text-decoration: none !important
}

.color-black {
    color: #322e2f
}

.color-white {
    color: #fff !important
}

.color-red {
    color: #e7563a !important
}

.color-orange {
    color: #ff6727 !important
}

.color-gray {
    color: #7f7f7f !important
}

.content {
    position: relative;
    width: 1200px;
    margin: 0 auto
}

.section-text-1 {
    font-size: 22px
}

.section-text-2 {
    font-size: 40px;
    margin: 10px 0 0 0;
    letter-spacing: 1px
}

.section-text-3 {
    font-size: 18px;
    margin: 40px 0 0 0;
    line-height: 30px
}

.section {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 0
}

.swiper-pagination-bullet {
    width: 35px !important;
    height: 35px !important;
    margin: 0 20px 15px 20px !important
}

.swiper-button-next,
.swiper-button-prev {
    width: 50px !important;
    height: 140px !important;
    background-size: 50px 140px !important
}

.section-1 {
    height: 735px;
    background-image: url(../images/pc/section_1.jpg)
}

.section-1 .content .text {
    position: absolute;
    width: 900px;
    top: 230px;
    left: 50px
}

.section-1 .content .text .text-1 {
    font-size: 60px;
    letter-spacing: 2px
}

.section-1 .content .text .text-2 {
    font-size: 30px;
    margin: 20px 0 0 0;
    letter-spacing: 2px
}

.section-1 .content .text .text-3 {
    font-size: 24px;
    margin: 20px 0 0 0;
    letter-spacing: 4px
}

.section-1 .content .text .download {
    font-size: 20px;
    width: 245px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    display: inline-block;
    margin: 60px 0 0 0;
    background-color: #ff6727;
    letter-spacing: 2px;
    border-radius: 2px
}

.section-1 .content .text .text-4 {
    color: #8e8e8e;
    font-size: 15px;
    width: 245px;
    margin: 10px 0 0 0;
    text-align: center
}

.section-2 {
    height: 640px;
    background-image: url(../images/pc/section_2.jpg)
}

.section-2 .content .text {
    width: 800px;
    position: absolute;
    top: 190px;
    left: 50px
}

.section-3 {
    height: 788px;
    background-image: url(../images/pc/section_3.jpg)
}

.section-3 .content .text {
    position: absolute;
    width: 600px;
    top: 190px;
    left: 650px
}

.section-4 {
    height: 558px;
    background-image: url(../images/pc/section_4.jpg)
}

.section-4 .content .text {
    position: absolute;
    width: 800px;
    top: 170px;
    left: 50px
}

.section-5 {
    height: 798px;
    background-image: url(../images/pc/section_5.jpg)
}

.section-5 .content .text .text-1 {
    position: absolute;
    font-size: 40px;
    width: 100%;
    top: 130px;
    text-align: center
}

.section-5 .content .text .text-2,
.section-5 .content .text .text-3,
.section-5 .content .text .text-4 {
    position: absolute;
    font-size: 22px;
    width: 100px;
    top: 600px;
    text-align: center
}

.section-5 .content .text .text-2 {
    left: 130px
}

.section-5 .content .text .text-3 {
    left: 545px
}

.section-5 .content .text .text-4 {
    left: 955px
}

.section-5 .content .text .text-5,
.section-5 .content .text .text-6,
.section-5 .content .text .text-7 {
    position: absolute;
    font-size: 18px;
    width: 300px;
    top: 640px;
    text-align: center
}

.section-5 .content .text .text-5 {
    left: 30px
}

.section-5 .content .text .text-6 {
    left: 445px
}

.section-5 .content .text .text-7 {
    left: 855px
}

.section-6 {
    height: 1044px;
    background-image: url(../images/pc/section_6.jpg)
}

.section-6 .content .text {
    position: absolute;
    width: 100%;
    top: 170px;
    text-align: center
}

.section-7 {
    height: 1294px;
    background-image: url(../images/pc/section_7.jpg)
}

.section-7 .content .text {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 130px
}

.section-7 .content .text .download-2 {
    font-size: 20px;
    width: 280px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: block;
    margin: 110px auto 0 auto;
    letter-spacing: 1px;
    border: 1px solid #ff6727;
    border-radius: 50px
}

.section-8 {
    height: 799px;
    background-image: url(../images/pc/section_8.jpg)
}

.section-8 .content .text {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 140px
}

.section-9 {
    height: 1011px;
    background-image: url(../images/pc/section_9.jpg)
}

.section-9 .content .text {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 140px
}

.section-9 .content .text .text-4,
.section-9 .content .text .text-5,
.section-9 .content .text .text-6,
.section-9 .content .text .text-7 {
    position: absolute;
    width: 150px;
    font-size: 20px;
    top: 600px;
    text-align: center
}

.section-9 .content .text .text-4 {
    left: 100px
}

.section-9 .content .text .text-5 {
    left: 385px
}

.section-9 .content .text .text-6 {
    left: 665px
}

.section-9 .content .text .text-7 {
    left: 945px
}

.section-10 {
    height: 1142px;
    background-image: url(../images/pc/section_10.jpg)
}

.section-10 .content .text {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 120px
}

.section-11 {
    height: 635px;
    background-image: url(../images/pc/section_11.jpg)
}

.section-11 .content .text {
    position: absolute;
    width: 600px;
    top: 210px;
    left: 650px
}

.section-12 {
    height: 712px;
    background-image: url(../images/pc/section_12.jpg)
}

.section-12 .content .text {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0
}

.section-12 .content .text .text-1 {
    position: absolute;
    font-size: 40px;
    width: 100%;
    text-align: center;
    top: 150px
}

.section-12 .content .text .text-2,
.section-12 .content .text .text-3,
.section-12 .content .text .text-4 {
    position: absolute;
    font-size: 20px;
    width: 400px;
    top: 540px
}

.section-12 .content .text .text-2 {
    left: -20px
}

.section-12 .content .text .text-3 {
    left: 395px
}

.section-12 .content .text .text-4 {
    left: 820px
}

.section-13 {
    height: 1198px;
    background-image: url(../images/pc/section_13.jpg)
}

.section-13 .content .text {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 120px
}

.section-13 .content .text .feature-open {
    position: absolute;
    top: 540px;
    background-image: url(../images/pc/feature_open_background.png) !important
}

.section-14 {
    height: 0;
    background-color: #fff
}

.section-15 {
    height: 750px;
    background-image: url(../images/pc/section_15.jpg)
}

.section-15 .content .text .text-1 {
    position: absolute;
    font-size: 50px;
    top: 160px;
    left: 100px
}

.section-15 .content .text .text-2 {
    position: absolute;
    font-size: 28px;
    text-align: center;
    top: 310px;
    left: 60px;
    line-height: 50px
}

.section-15 .content .text .text-3 {
    position: absolute;
    font-size: 28px;
    top: 560px;
    left: 260px
}

.section-16 {
    height: 507px;
    background-image: url(../images/pc/section_16.jpg)
}

.section-16 .content .text {
    width: 100%;
    height: 510px;
    position: absolute;
    top: 150px;
    text-align: center
}

.section-16 .content .text .text-1 {
    font-size: 48px
}

.section-16 .content .text .download {
    display: block;
    font-size: 20px;
    width: 245px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    margin: 80px auto 0 auto;
    background-color: #ff6727;
    border-radius: 2px
}

.moreTrade-content .popover,
.download-content .popover {
    position: absolute;
    top: 100%;
    left: 0;
    width: 245px;
    padding-top: 20px;
    z-index: 5;
    display: none;
}

@keyframes popover-animation {
    0% {
        top: 130%;
        opacity: 0;
    }

    100% {
        top: 100%;
        opacity: 1;
    }
}

@keyframes up-popover-animation {
    0% {
        bottom: 130%;
        opacity: 0;
    }

    100% {
        bottom: 100%;
        opacity: 1;
    }
}

.moreTrade-content .popover::after,
.download-content .popover::after,
.download-content .popover::before {
    content: "";
    display: block;
    z-index: 3;
    width: 16px;
    height: 16px;
    background-color: #fff;
    position: absolute;
    top: 10px;
    left: calc(50% - 8px);
    transform: rotate(45deg);
    border-top-left-radius: 3px;
}

.moreTrade-content .popover::before,
.download-content .popover::before {
    box-shadow: 0px 2px 8px rgb(0 0 0 / 25%);
    z-index: 1;
}

.c-mb-16 {
    margin-bottom: 16px;
}

.download-button .button-text {
    font-size: 14px;
    line-height: 20px;
    color: #333333;
}

.moreTrade {
    margin-left: 16px;
    font-size: 20px;
    height: 68px;
    width: 245px;
    display: inline-block;
    box-sizing: border-box;
    color: #f8510b;
    background: #FFFFFF;
    border: 1px solid #FF6626;
    border-radius: 4px;
    line-height: 68px;
    text-align: center;
    cursor: pointer;
}

.section-16 .content .text .text-2 {
    color: #8e8e8e;
    font-size: 15px;
    width: 100%;
    margin: 10px 0 0 0;
    text-align: center
}

.moreTrade-content .popover-content,
.download-content .popover-content {
    background: #F7F8FA;
    padding: 16px;
    box-sizing: border-box;
    width: 232px;
    position: relative;
}

.footer {
    z-index: 0;
}

.footer,
.section-2 {
    position: inherit !important;
}

.moreTrade-content .popover .popover-inner,
.download-content .popover .popover-inner {
    position: absolute;
    top: 18px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 25%);
    border-radius: 4px;
    padding: 20px;
    z-index: 2;
}

.download-button.tertiary>.inner .button-text {
    color: #FFFFFF;
}

.download-button.tertiary {
    display: block;
}

.download-button.tertiary>.inner {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    height: 40px;
    background: #FF6626;
}

.download-button.fifthly>.inner {
    display: flex;
    align-items: center;
    cursor: pointer;
    height: unset;
    background: unset;
    border: unset;
    border-radius: unset;
    justify-content: flex-start
}

.download-button .inner::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(../images/pc/i-1.png);
    background-size: cover;
    margin-right: 4px;
}

.download-button.tertiary>.inner::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-size: cover;
    margin-right: 4px;
    background-image: url(../images/pc/i-2.png);
}

.section-1 {
    overflow: inherit !important;
}

.moreTrade-content .popover-title,
.download-content .popover-title {
    font-weight: 600;
    font-size: 20px;
    text-align: left;
    line-height: 28px;
    color: #000000;
    margin-bottom: 4px;
}

.moreTrade-content .popover-info,
.download-content .popover-info {
    font-size: 12px;
    line-height: 17px;
    color: #666666;
    margin-bottom: 12px;
    text-align: left;
}

.moreTrade-content .popover-info a,
.download-content .popover-info a {
    color: #666666;
    box-shadow: 0 1px !important;
}

.download-content,
.moreTrade-content {
    display: inline-block;
    position: relative;
}

.moreTrade-content.hover .popover,
.download-content.hover .popover {
    display: block;
    animation: popover-animation .3s;
}

.c-flex {
    display: flex;
}

.moreTrade-content .popover-warning,
.download-content .popover-warning {
    font-size: 12px;
    line-height: 17px;
    color: #999999;
}

.c-mr-20 {
    margin-right: 20px;
}

.c-flex-auto {
    flex: auto;
}

.moreTrade-content .inner {
    height: 40px;
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #FF6626;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.c-mb-20 {
    margin-bottom: 20px;
}

.section-16 {
    height: 507px;
    overflow: initial !important;
}

.case-section-1 {
    height: 459px;
    background-image: url(../images/pc/section_1_1.jpg)
}

.case-section-1 .content .text {
    position: absolute;
    width: 100%;
    text-align: left
}

.case-section-1 .content .text .text-1 {
    position: absolute;
    color: #e6c9a1;
    font-size: 60px;
    top: 185px;
    left: 50px
}

.case-section-1 .content .text .text-2 {
    position: absolute;
    color: #e6c9a1;
    font-size: 60px;
    top: 185px;
    left: 480px
}

.case-section-1 .content .text .text-3 {
    position: absolute;
    color: #e6c9a1;
    font-size: 60px;
    top: 185px;
    left: 870px
}

.case-section-2 {
    height: 1112px;
    background-image: url(../images/pc/section_2_2.jpg)
}

.case-section-2 .content .text {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 130px;
    left: 0
}

.case-section-2 .content .text .text-1 {
    color: #e6c9a1;
    font-size: 60px;
    letter-spacing: 2px
}

.case-section-2 .content .text .text-2 {
    margin: 760px auto 0 auto
}

.case-section-2 .content .text .text-2 a {
    color: #e6c9a1;
    font-size: 22px;
    letter-spacing: 2px
}

@media screen and (min-width: 1920px) {
    .case-section-1 {
        background-color: #333333;
        background-size: contain
    }
}