@font-face {
    font-family: xiaomi;
    src: url("../fonts/xiaomi.ttf");
}
@font-face {
    font-family: Arial;
    src: url("../fonts/Arial-BoldMT.otf");
}
body {
    font-family: "xiaomi", "Microsoft YaHei", sans-serif;
}
._page1 {
    height: 50vw;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
._page1 .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
._page1 .wrap .title {
    text-align: center;
    margin: 7.60416667vw 0 0 0;
}
._page1 .wrap .title h1 {
    font-size: 2.5vw;
    font-weight: bold;
    color: #FFFFFF;
    margin: 0 0 0.78125vw;
}
._page1 .wrap .title .dis {
    display: flex;
    align-items: center;
    justify-content: center;
}
._page1 .wrap .title .dis p {
    font-size: 1.45833333vw;
    font-weight: bold;
    color: #FFFFFF;
}
._page1 .wrap .title .dis p:first-child {
    color: #EC6817;
}
._page1 .wrap .title .dis div {
    width: 0.20833333vw;
    height: 0.20833333vw;
    background: #FFFFFF;
    margin: 0 0.625vw;
}
._page1 .wrap .img {
    width: 50.78125vw;
    position: absolute;
    bottom: -23.64583333vw;
    left: 52%;
    transform: translateX(-50%);
}
._page1 .wrap .img img {
    width: 100%;
}
._page1 .wrap .bottom {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 3.75vw;
}
._page1 .wrap .bottom .list {
    text-align: center;
}
._page1 .wrap .bottom .list:not(:last-child) {
    margin: 0 18.69791667vw 0 0;
}
._page1 .wrap .bottom .list span {
    font-size: 1.14583333vw;
    font-weight: bold;
    color: #FFFFFF;
    margin: 0 0 0.52083333vw;
    display: block;
}
._page1 .wrap .bottom .list p {
    font-size: 0.9375vw;
    font-weight: 400;
    color: #FFFFFF;
    opacity: 0.5;
}
._page1 .wrap .position_text {
    font-size: 0.72916667vw;
    font-weight: 300;
    color: #FFFFFF;
    opacity: 0.5;
    position: absolute;
    left: 1.77083333vw;
    bottom: 1.45833333vw;
}
._page2 {
    height: 50vw;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 0 0 0 13.54166667vw;
}
._page2 .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
._page2 .content {
    position: relative;
    top: 17.08333333vw;
    text-align: left;
}
._page2 .content .text {
    margin: 0 0 2.291666666666667vw;
}
._page2 .content .text h1 {
    font-size: 2.5vw;
    font-weight: bold;
    color: #FFFFFF;
    margin: 0 0 1.04166667vw;
}
._page2 .content .text p {
    font-size: 1.14583333vw;
    font-weight: 400;
    color: #fff;
}
._page2 .content .text p span {
    color: #EC6817;
    display: inline-block;
}
._page2 .content .pick {
    font-size: 0.72916667vw;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.35416667vw;
}
._page3 {
    height: 50vw;
    position: relative;
    z-index: 1;
    background: #06152C;
    display: flex;
    justify-content: center;
}
._page3 .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
._page3 .wrap {
    margin: 7.03125vw 0 0 0;
    position: relative;
    z-index: 1;
}
._page3 .wrap .circle {
    width: 47.86458333vw;
    max-width: unset;
    max-height: unset;
    z-index: -1;
    position: absolute;
    left: 50%;
    top: -3.4375vw;
    transform: translateX(-50%);
}
._page3 .wrap .title {
    text-align: center;
    margin: 0 0 1.66666667vw;
}
._page3 .wrap .title h1 {
    font-size: 2.5vw;
    font-weight: bold;
    color: #FFFFFF;
    margin: 0 0 0.625vw;
}
._page3 .wrap .title p {
    font-size: 1.14583333vw;
    font-weight: 400;
    color: #FFFFFF;
}
._page3 .wrap .content {
    position: relative;
}
._page3 .wrap .content .img {
    width: 20.05208333vw;
    margin: 0 auto 0.46875vw;
}
._page3 .wrap .content .img img {
    width: 100%;
}
._page3 .wrap .content .point {
    position: absolute;
    bottom: 5vw;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 59.0625vw;
}
._page3 .wrap .content .point .list .num {
    font-size: 2.08333333vw;
    font-weight: bold;
    color: #1472C5;
    margin: 0 0 0.67708333vw;
    line-height: 1.82291667vw;
}
._page3 .wrap .content .point .list p {
    font-size: 1.14583333vw;
    font-weight: 400;
    color: #FFFFFF;
}
._page3 .wrap .content .point .list:first-child {
    text-align: right;
}
._page3 .wrap .content .point .list:last-child {
    text-align: left;
}
._page3 .wrap .content .point .list:last-child .num {
    color: #EC6918;
}
._page3 .wrap .content .text {
    font-size: 0.72916667vw;
    font-weight: 300;
    color: #FFFFFF;
    opacity: 0.5;
    margin: 0.46875vw 0 0 0;
}
._page4 {
    height: 50vw;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
}
._page4 .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
._page4 .wrap {
    margin: 6.77083333vw 0 0 0;
}
._page4 .wrap .title {
    text-align: center;
    margin: 0 0 3.02083333vw;
}
._page4 .wrap .title h1 {
    font-size: 2.5vw;
    font-weight: bold;
    color: #333333;
    margin: 0 0 0.57291667vw;
}
._page4 .wrap .title p {
    font-size: 1.14583333vw;
    font-weight: 400;
    color: #333333;
}
._page4 .wrap .content {
    display: flex;
    justify-content: center;
    margin: 0 0 2.23958333vw;
}
._page4 .wrap .content .l {
    width: 17.34375vw;
    margin: 0 12.8125vw 0 0;
    object-fit: contain;
}
._page4 .wrap .content .r {
    width: 21.5625vw;
    height: auto;
    object-fit: contain;
}
._page4 .wrap .text {
    font-size: 0.72916667vw;
    font-weight: 300;
    color: #FFFFFF;
    text-align: center;
}
._page5 {
    height: 50vw;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
}
._page5 .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
._page5 .wrap {
    width: 72.91666667vw;
    margin: 4.47916667vw 0 0 0;
}
._page5 .wrap .content {
    display: flex;
    justify-content: space-between;
    margin: 0 0 2.55208333vw;
}
._page5 .wrap .content .text {
    margin: 13.28125vw 0 0 0;
}
._page5 .wrap .content .text span {
    font-size: 2.5vw;
    font-weight: bold;
    color: #333333;
    margin: 0 0 1.04166667vw;
    display: block;
    line-height: 2.34375vw;
}
._page5 .wrap .content .text p {
    font-size: 1.14583333vw;
    font-weight: 400;
    color: #333333;
}
._page5 .wrap .content .img {
    width: 38.90625vw;
}
._page5 .wrap .content .img img {
    width: 100%;
}
._page5 .wrap .position_text {
    font-size: 0.72916667vw;
    font-weight: 300;
    color: #333333;
}
._page6 {
    height: 50vw;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
}
._page6 .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
._page6 .wrap {
    width: 41.66666667vw;
    margin: 8.22916667vw 0 0 0;
}
._page6 .wrap .title {
    text-align: center;
    margin: 0 0 5.10416667vw;
}
._page6 .wrap .title h1 {
    font-size: 2.5vw;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 2.39583333vw;
    margin: 0 0 0.88541667vw;
}
._page6 .wrap .title p {
    font-size: 1.14583333vw;
    font-weight: 400;
    color: #FFFFFF;
}
._page6 .wrap .content {
    padding: 0 1.30208333vw;
    display: flex;
    justify-content: space-between;
    position: relative;
}
._page6 .wrap .content .img {
    position: absolute;
    top: 2.60416667vw;
    left: 0;
    width: 100%;
    clip-path: inset(0 100% 0 0);
    transition: 1.5s;
}
._page6 .wrap .content .img.aos-animate {
    clip-path: inset(0 0% 0 0);
}
._page6 .wrap .content .list {
    text-align: center;
}
._page6 .wrap .content .list .num {
    font-weight: bold;
    font-size: 0.9375vw;
    color: #FFFFFF;
    margin: 0 0 1.875vw;
}
._page6 .wrap .content .list .num p {
    font-size: 1.45833333vw;
    display: inline-block;
}
._page6 .wrap .content .list .pick {
    font-size: 0.9375vw;
    font-weight: 400;
    color: #FFFFFF;
}
._page7 {
    height: 50vw;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
}
._page7 .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
._page7 .wrap {
    margin: 7.55208333vw 0 0 0;
}
._page7 .wrap .title {
    text-align: center;
    margin: 0 0 3.22916667vw;
}
._page7 .wrap .title h1 {
    font-size: 2.5vw;
    font-weight: bold;
    color: #FFFFFF;
    margin: 0 0 0.67708333vw;
    line-height: 2.39583333vw;
}
._page7 .wrap .title p {
    font-size: 1.14583333vw;
    font-weight: 400;
    color: #FFFFFF;
}
._page7 .wrap .img {
    width: 16.45833333vw;
    margin: auto;
    display: block;
}
._page8 {
    height: 50vw;
    position: relative;
    z-index: 1;
}
._page8 .swiper {
    width: 100%;
    height: 100%;
}
._page8 .swiper .swiper-slide img {
    width: 100%;
    height: 100%;
}
._page8 .position {
    position: absolute;
    width: 39.0625vw;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    padding: 6.82291667vw 2.60416667vw 0 6.5625vw;
    z-index: 5;
}
._page8 .position .text {
    margin: 0 0 7.23958333vw;
}
._page8 .position .text h1 {
    font-size: 2.5vw;
    font-weight: bold;
    color: #FFFFFF;
    margin: 0 0 1.04166667vw;
}
._page8 .position .text p {
    font-size: 1.14583333vw;
    font-weight: 400;
    color: #FFFFFF;
}
._page8 .position .content {
    display: flex;
}
._page8 .position .content .line {
    width: 0.10416667vw;
    height: 20.36458333vw;
    background: rgba(255, 255, 255, 0.1);
}
._page8 .position .content .line div {
    width: 0.10416667vw;
    height: 8.33333333vw;
    background: #EC6817;
    transition: 1s;
}
._page8 .position .content .pick {
    margin: 0.3125vw 0 0 2.23958333vw;
}
._page8 .position .content .pick .list {
    font-size: 1.14583333vw;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 1.66666667vw;
    opacity: 0.3;
    cursor: pointer;
    transition: 0.7s;
}
._page8 .position .content .pick .list:not(:last-child) {
    margin: 0 0 5.57291667vw;
}
._page8 .position .content .pick .list.on {
    opacity: 1;
}
._page9 {
    height: 50vw;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
}
._page9 .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
._page9 .wrap {
    text-align: center;
    margin: 10.41666667vw 0 0 0;
}
._page9 .wrap .title {
    font-size: 2.5vw;
    font-weight: bold;
    color: #fff;
    margin: 0 0 0.88541667vw;
}
._page9 .wrap .title p {
    color: #EC6817;
    display: inline-block;
}
._page9 .wrap .text {
    font-size: 1.14583333vw;
    font-weight: 400;
    color: #FFFFFF;
}
._page9 .position_top {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 3.69791667vw;
    font-size: 0.72916667vw;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
}
._page10 {
    height: 50vw;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    background: linear-gradient(0deg, #F2F5FF, #D7DAE3);
}
._page10 .wrap {
    display: flex;
    justify-content: center;
    margin: 10.26041667vw 0 0 0;
}
._page10 .wrap .item:not(:last-child) {
    margin: 0 10.52083333vw 0 0;
}
._page10 .wrap .item .text {
    width: 21.25vw;
    position: relative;
    margin: 0 0 1.40625vw;
}
._page10 .wrap .item .text p {
    font-size: 36.45833333vw;
    font-weight: bold;
    font-family: "Arial", sans-serif !important;
    color: #333333;
    opacity: 0.05;
    position: relative;
    left: -1.97916667vw;
    line-height: 27.03125vw;
}
._page10 .wrap .item .text img {
    position: absolute;
    top: 5.20833333vw;
}
._page10 .wrap .item .bottom {
    text-align: center;
}
._page10 .wrap .item .bottom span {
    font-size: 1.45833333vw;
    font-weight: bold;
    color: #333333;
    margin: 0 0 0.26041667vw;
    display: block;
}
._page10 .wrap .item .bottom p {
    font-size: 1.14583333vw;
    font-weight: 400;
    color: #333333;
}
._page10 .wrap .item .bottom p strong {
    color: #EC6817;
    font-weight: normal;
}
._page10 .wrap .item:nth-child(3) .text img {
    left: 1.04166667vw;
    top: 7.3vw;
}
@media screen and (max-width: 1024px) {
    ._page1 {
        height: 177.86666667vw;
    }
    ._page1 .wrap .title {
        margin: 39.06666667vw 0 0 0;
    }
    ._page1 .wrap .title h1 {
        font-size: 6.4vw;
        margin: 0 0 1.33333333vw;
    }
    ._page1 .wrap .title .dis p {
        font-size: 3.73333333vw;
    }
    ._page1 .wrap .img {
        display: none;
    }
    ._page1 .bg {
        display: none;
    }
    ._page1 .sj_bg {
        display: block!important;
    }
    ._page1 .wrap .bottom {
        bottom: 18.13333333vw;
        display: flex;
        justify-content: space-between;
        padding: 0 4vw;
    }
    ._page1 .wrap .bottom .list:not(:last-child) {
        margin: 0;
    }
    ._page1 .wrap .bottom .list span {
        font-size: 2.93333333vw;
        margin: 0 0 1.33333333vw;
    }
    ._page1 .wrap .bottom .list p {
        font-size: 2.4vw;
    }
    ._page1 .wrap .position_text {
        bottom: 5.73333333vw;
        left: 0;
        width: 100%;
        text-align: center;
        font-size: 1.86666667vw;
    }
    ._page2 {
        height: 177.86666667vw;
        padding: 0;
    }
    ._page2 .content .text {
        margin: 0;
        text-align: center;
    }
    ._page2 .content .text h1 {
        font-size: 6.4vw;
        margin: 0 0 1.33333333vw;
    }
    ._page2 .content .text p {
        font-size: 2.93333333vw;
    }
    ._page2 .content .pick {
        position: absolute;
        bottom: 8.4vw;
        left: 0;
        width: 100%;
        padding: 0 4vw;
        font-size: 1.86666667vw;
        line-height: 3.46666667vw;
        display: none;
    }
    ._page2 .content .pick.sj_pick {
        display: block!important;
    }
    ._page2 .bg {
        display: none;
    }
    ._page2 .bg.sj_bg {
        display: block!important;
    }
    ._page2 .content {
        position: static;
        margin-top: 25.06666667vw;
    }
    ._page3 {
        height: 177.86666667vw;
    }
    ._page3 .wrap .circle {
        display: none;
    }
    ._page3 .wrap .content .img {
        display: none;
    }
    ._page3 .bg {
        display: block!important;
    }
    ._page3 .wrap {
        margin: 26.53333333vw 0 0 0;
        position: static;
    }
    ._page3 .wrap .title {
        margin: 0;
    }
    ._page3 .wrap .title h1 {
        font-size: 6.4vw;
        margin: 0;
    }
    ._page3 .wrap .title p {
        font-size: 2.93333333vw;
    }
    ._page3 .wrap .content {
        position: static;
    }
    ._page3 .wrap .content .point .list .num {
        font-size: 5.33333333vw;
        margin: 0 0 1.73333333vw;
    }
    ._page3 .wrap .content .point .list p {
        font-size: 2.93333333vw;
    }
    ._page3 .wrap .content .point {
        bottom: 41.86666667vw;
        width: 100%;
        padding: 0 15.73333333vw 0 14.13333333vw;
    }
    ._page3 .wrap .content .text {
        font-size: 1.86666667vw;
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: 9.86666667vw;
        transform: none;
        margin: 0;
        left: 0;
    }
    ._page4 {
        height: 177.86666667vw;
    }
    ._page4 .bg {
        display: none;
    }
    ._page4 .bg.sj_bg {
        display: block!important;
    }
    ._page4 .wrap .content {
        display: none;
    }
    ._page4 .wrap .title {
        margin: 0;
    }
    ._page4 .wrap .title h1 {
        font-size: 6.4vw;
        margin: 0;
    }
    ._page4 .wrap .title p {
        font-size: 2.93333333vw;
    }
    ._page4 .wrap {
        margin: 36vw 0 0 0;
    }
    ._page4 .wrap .text {
        position: absolute;
        bottom: 8.93333333vw;
        left: 0;
        width: 100%;
        font-size: 1.86666667vw;
    }
    ._page5 {
        height: 177.86666667vw;
    }
    ._page5 .bg {
        display: none;
    }
    ._page5 .bg.sj_bg {
        display: block!important;
    }
    ._page5 .wrap .content .img {
        display: none;
    }
    ._page5 .wrap .content {
        margin: 0;
        justify-content: center;
    }
    ._page5 .wrap {
        width: 100%;
        margin: 39.46666667vw 0 0 0;
        text-align: center;
    }
    ._page5 .wrap .content .text {
        margin: 0;
        text-align: center;
    }
    ._page5 .wrap .content .text span {
        font-size: 6.4vw;
        line-height: 1;
        margin: 0 0 1.33333333vw;
    }
    ._page5 .wrap .content .text p {
        font-size: 2.93333333vw;
    }
    ._page5 .wrap .position_text {
        line-height: 3.46666667vw;
        font-size: 1.86666667vw;
        position: absolute;
        width: 100%;
        bottom: 7.2vw;
        padding: 0 5.33333333vw;
        text-align: left;
    }
    ._page6 {
        height: 177.86666667vw;
    }
    ._page6 .bg {
        display: none;
    }
    ._page6 .bg.sj_bg {
        display: block!important;
    }
    ._page6 .wrap {
        width: 100%;
        margin: 23.06666667vw 0 0 0;
    }
    ._page6 .wrap .title {
        margin: 0 0 16.13333333vw;
    }
    ._page6 .wrap .title h1 {
        font-size: 6.4vw;
        margin: 0 0 1.33333333vw;
        line-height: 1;
    }
    ._page6 .wrap .title p {
        font-size: 2.93333333vw;
    }
    ._page6 .wrap .content {
        padding: 0 6.93333333vw;
    }
    ._page6 .wrap .content .list .num {
        font-size: 2.4vw;
        margin: 0 0 4.8vw;
    }
    ._page6 .wrap .content .list .num p {
        font-size: 3.73333333vw;
    }
    ._page6 .wrap .content .list .pick {
        font-size: 2.4vw;
    }
    ._page6 .wrap .content .img {
        clip-path: none;
        width: calc(100% - 10.66666667vw);
        left: 50%;
        top: 6.93333333vw;
        transform: translateX(-50%);
    }
    ._page7 {
        height: 177.86666667vw;
    }
    ._page7 .bg {
        display: none;
    }
    ._page7 .bg.sj_bg {
        display: block!important;
    }
    ._page7 .wrap .img {
        display: none;
    }
    ._page7 .wrap .title {
        margin: 0;
    }
    ._page7 .wrap {
        margin: 27.46666667vw 0 0 0;
    }
    ._page7 .wrap .title h1 {
        font-size: 6.4vw;
        margin: 0 0 1.33333333vw;
        line-height: 1;
    }
    ._page7 .wrap .title p {
        font-size: 2.93333333vw;
    }
    ._page8 {
        height: 177.86666667vw;
    }
    ._page8 .swiper .swiper-slide img {
        display: none;
    }
    ._page8 .swiper .swiper-slide img.sj_img {
        display: block!important;
    }
    ._page8 .position {
        width: 100%;
        background: transparent;
        padding: 0;
    }
    ._page8 .position .text {
        text-align: center;
        margin: 12.93333333vw 0 0 0;
    }
    ._page8 .position .text h1 {
        font-size: 6.4vw;
        margin: 0 0 2.66666667vw;
        line-height: 1;
    }
    ._page8 .position .text p {
        font-size: 2.93333333vw;
    }
    ._page8 .position .content {
        flex-direction: column;
        margin: 6.26666667vw 4vw 0 4vw;
    }
    ._page8 .position .content .line {
        width: 100%;
        height: 0.26666667vw;
        margin: 0 0 4vw;
    }
    ._page8 .position .content .pick {
        margin: 0 ;
        display: flex;
        justify-content: space-between;
    }
    ._page8 .position .content .pick .list {
        font-size: 2.93333333vw;
        line-height: 4.26666667vw;
        text-align: center;
        font-weight: 200;
    }
    ._page8 .position .content .line div {
        height: 100%;
    }
    ._page9 {
        height: 177.86666667vw;
    }
    ._page9 .bg {
        display: none;
    }
    ._page9 .bg.sj_bg {
        display: block!important;
    }
    ._page9 .wrap {
        margin: 45.73333333vw 0 0 0;
    }
    ._page9 .wrap .title {
        font-size: 6.4vw;
        line-height: 1;
        margin: 0 0 1.33333333vw;
    }
    ._page9 .wrap .text {
        font-size: 2.93333333vw;
        font-weight: 400;
        color: #FFFFFF;
    }
    ._page9 .position_top {
        font-size: 1.86666667vw;
        position: absolute;
        bottom: 8.66666667vw;
    }
    ._page10 {
        height: auto;
    }
    ._page10 .wrap {
        flex-direction: column;
        margin: 15.2vw 0 14vw 0;
    }
    ._page10 .wrap .item:not(:last-child) {
        margin: 0 0 9.33333333vw;
    }
    ._page10 .wrap .item .text p {
        font-size: 93.33333333vw;
        line-height: 69.2vw;
        left: 0;
    }
    ._page10 .wrap .item .text {
        width: fit-content;
        margin: 0 0 2.8vw;
    }
    ._page10 .wrap .item .text img {
        top: 50%;
        transform: translateY(-50%);
    }
    ._page10 .wrap .item .bottom span {
        font-size: 3.73333333vw;
    }
    ._page10 .wrap .item .bottom p {
        font-size: 2.93333333vw;
        line-height: 4.26666667vw;
    }
}
/*# sourceMappingURL._page2.css.map */