.newS_item {
    position: relative
}

.newS_content {
    position: absolute;
    top: 32%;
    left: 19%;
    width: 35%
}

.newS_title {
    font-family: S-Bold;
    font-size: 3.25rem;
    line-height: 1;
    color: #fff;
    position: relative
}

.newS_title version {
    font-size: 1.5rem;
    position: absolute;
    top: 8%;
    border-radius: .5rem;
    left: 20rem;
    border: .2rem solid white;
    padding: .5rem 1rem
}

.newS_title div {
    font-family: S-Regular;
    font-size: 1.25rem;
    line-height: 1.5
}

.color_orange {
    color: #f8741c
}

.newS_move {
    font-family: S-Bold;
    font-size: 2.5rem;
    color: #f8751d;
    margin: 1rem 0 2.5rem;
    line-height: 1;
    overflow: hidden;
    height: 3rem;
    cursor: pointer
}

.color_sq {
    background-image: linear-gradient(75deg, #f8741c, #ff9853);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    height: 3rem
}

.color_pro {
    color: #ff7b33;
    height: 3rem
}

.color_go,
.color_ox {
    color: #fff;
    height: 3rem
}

.color_se2 {
    background-image: linear-gradient(to right, #3287fb, #02f6ff, #cd94ff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    height: 3rem
}

.color_oneo {
    color: #31eb40;
    height: 3rem
}

.color_cart {
    color: #f53431
}

.newS_more {
    font-family: S-Regular;
    font-size: 1rem;
    color: #fff;
    cursor: pointer;
    transition: all .2s
}

.fontS_25 {
    font-size: 2.5rem
}

.newS_more:hover {
    font-size: 1.1rem;
    color: red
}

.newSwiper {
    position: relative
}

.newSwiper .newSwiper-pagination {
    position: absolute;
    bottom: 2%;
    z-index: 2;
    text-align: center
}

.newSwiper .swiper-pagination-bullet {
    width: .4rem;
    height: .4rem;
    background: #fff;
    opacity: .4;
    margin: 0 .3rem !important
}

.newSwiper .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1
}

.newSwiper-button-prev,
.newSwiper-button-next {
    position: absolute;
    top: 41%;
    z-index: 2;
    width: 2rem;
    cursor: pointer
}

.newSwiper-button-prev {
    left: 0%
}

.newSwiper-button-next {
    right: 0%
}

.newS_butHover {
    height: 5rem;
    line-height: 5rem;
    display: flex;
    align-items: center;
    transition: all .3s
}

.newS_butHover img {
    opacity: .6
}

.moveSwiper {
    height: 100%
}

.newH_ban2 {
    margin: .6rem 0;
    position: relative
}

.newH_ban3 {
    position: relative
}

.newH2_content {
    position: absolute;
    top: 24%;
    left: 57%;
    color: #000;
    font-family: S-Medium;
    transition: all 1s;
    opacity: 0;
    transform: translateY(20%)
}

.newH3_content {
    position: absolute;
    top: 5%;
    left: 0;
    color: #fff;
    font-family: S-Medium;
    transition: all 1s;
    opacity: 0;
    transform: translateY(20%);
    width: 100%;
    text-align: center
}

.newH2_title {
    font-family: S-Medium;
    font-size: 1.5rem;
    line-height: 1
}

.newH2_title div {
    font-family: S-Bold;
    font-size: 2rem;
    line-height: 1.3
}

.newH2_info {
    line-height: 1.5;
    font-family: S-Regular;
    font-size: 1rem;
    margin: 1rem auto
}

.newH2_more {
    font-size: 1rem;
    font-family: S-Regular;
    transition: all .2s
}

.newH2_more a {
    color: inherit;
    transition: all .2s
}

.newH2_more a:hover {
    font-size: 1.1rem;
    color: red
}

.newH_ban4 {
    background: #fff;
    padding: 10rem 0
}

.newH4_title {
    width: 100%;
    text-align: center;
    font-size: 3rem;
    font-family: S-Bold;
    line-height: 1;
    color: #000;
    opacity: 0;
    transition: all 1s;
    transform: translateY(20%)
}

.newH4_items {
    width: 62.5%;
    margin: 4rem auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.newH4_href {
    width: 18%
}

.newH4_item {
    width: 100%;
    text-align: center;
    font-family: S-Bold;
    font-size: 1rem;
    color: #000;
    cursor: pointer;
    transition: all .3s;
    overflow: hidden
}

.newH4_img {
    border-radius: 1rem;
    background: #f5f5f5;
    margin-bottom: .6rem
}

.newH5_item video {
    width: 99%;
    margin: 0 auto;
    display: block
}

.newH5Swiper {
    width: 100%;
    overflow: hidden;
    position: relative
}

.newH5Swiper .newH5Swiper-button-prev,
.newH5Swiper .newH5Swiper-button-next {
    position: absolute;
    z-index: 2;
    top: 48%;
    width: 2rem;
    cursor: pointer
}

.newH5Swiper .newH5Swiper-button-prev {
    left: 20%
}

.newH5Swiper .newH5Swiper-button-next {
    right: 20%
}

.newH5_item {
    position: relative;
    height: auto;
    overflow: hidden
}

.newH5_content {
    position: absolute;
    bottom: 6%;
    width: 90%;
    display: flex;
    justify-content: space-between;
    left: 5%;
    align-items: flex-end
}

.newH5_title {
    font-family: S-Bold;
    font-size: 2rem;
    color: #fff;
    line-height: 1;
    z-index: 2
}

.newH5_mask {
    position: absolute;
    width: 99%;
    height: 100%;
    left: .5%;
    z-index: 1;
    top: 0;
    background: #0009
}

.opacity {
    opacity: 0
}

.newH5_play {
    width: 10rem;
    font-family: S-Medium;
    font-size: .9rem;
    color: #000;
    line-height: 1;
    cursor: pointer;
    background: #fff;
    text-align: center;
    padding: .5rem 1rem;
    border-radius: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2
}

.newH5_play img {
    width: 1.4rem;
    margin-left: .5rem;
    transition: all .3s
}

.newH5Swiper-pagination {
    width: 100%;
    text-align: center;
    margin: 1rem auto;
    position: absolute;
    bottom: 0 !important;
    z-index: 22
}

.newH5Swiper .swiper-pagination-bullet {
    width: .4rem;
    height: .4rem;
    background: #fff;
    opacity: .4
}

.newH5Swiper .swiper-pagination-bullet-active {
    opacity: 1
}

.newH_ban6 {
    background: #fff;
    padding: 8rem 0 6rem
}

.newH6_title {
    width: 100%;
    text-align: center;
    font-size: 3rem;
    line-height: 1;
    font-family: S-Bold;
    color: #000;
    opacity: 0;
    transition: all 1s;
    transform: translateY(20%)
}

.newH6_line {
    display: flex;
    justify-content: space-around;
    margin-bottom: 1rem
}

.newH6_item {
    display: flex;
    align-items: center;
    border-radius: 5rem;
    width: 30rem;
    padding: .8rem;
    background: #1d1d1d;
    font-family: S-Medium;
    color: #fff;
    font-size: .9rem;
    line-height: 1.3;
    height: fit-content;
    cursor: pointer
}

.newH6_logo {
    font-family: S-Bold;
    font-size: 2rem;
    color: #fff;
    line-height: 3.5rem;
    width: 3.5rem;
    text-align: center;
    border-radius: 50%;
    margin-right: 1.5rem;
    overflow: hidden
}

.newH6_logo_black {
    background: #000
}

.newH6_logo_yellow {
    background: #f4d316
}

.newH6_logo img {
    border-radius: 50%;
    display: block
}

.mt_1 {
    margin-top: -1rem
}

.mt_2 {
    margin-top: -2rem
}

.mt_3 {
    margin-top: -3rem
}

.mt1 {
    margin-top: 1rem
}

.mt4 {
    margin-top: 4rem
}

.newH6swiper {
    margin-top: 8rem
}

.newH6_text {
    width: 82%
}

.newH6swiper .swiper-wrapper {
    transition-timing-function: linear
}

.newH6_info {
    width: 40%;
    margin: 2rem auto 0;
    text-align: center;
    font-family: S-Medium;
    color: #999;
    font-size: .8rem;
    line-height: 1.3
}

.box3 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.box3_item {
    width: 49.8%;
    position: relative
}

.color_black {
    color: #000
}

.box2Swiper {
    position: relative;
    margin: 1rem 0
}

.box2Swiper .box2Swiper-pagination {
    position: absolute;
    bottom: 2%;
    z-index: 2;
    text-align: center
}

.box2Swiper .swiper-pagination-bullet {
    width: .4rem;
    height: .4rem;
    background: #fff;
    opacity: .4;
    margin: 0 .3rem !important
}

.box2Swiper .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1
}

.box2Swiper-button-prev,
.box2Swiper-button-next {
    position: absolute;
    top: 41%;
    z-index: 2;
    width: 2rem;
    cursor: pointer
}

.box2Swiper-button-prev {
    left: 0%
}

.box2Swiper-button-next {
    right: 0%
}

.showup {
    opacity: 1;
    transform: translateY(0)
}

@media (max-width:750px) {
    .newS_title version {
        font-size: .875rem;
        top: -42%;
        left: 50%;
        transform: translate(-50%);
        border: .1rem solid white;
        padding: .2rem .5rem
    }

    .box2Swiper .swiper-pagination-bullet {
        width: .6rem;
        height: .6rem;
        background: #fff;
        opacity: .4;
        margin: 0 .5rem !important
    }

    .box2Swiper .swiper-pagination-bullet-active {
        background: #fff;
        opacity: 1
    }

    .box2_item {
        width: 90%;
        margin: 0 auto;
        border-radius: 1rem;
        overflow: hidden
    }

    .color_go {
        color: #000
    }

    .box3 {
        display: block
    }

    .box3_item {
        width: 100%
    }

    .MnewSwiper {
        position: relative
    }

    .MnewSwiper .MnewSwiper-pagination {
        position: absolute;
        bottom: 2%;
        z-index: 2;
        text-align: center
    }

    .MnewSwiper .swiper-pagination-bullet {
        width: .6rem;
        height: .6rem;
        background: #fff;
        opacity: .4;
        margin: 0 .5rem !important
    }

    .MnewSwiper .swiper-pagination-bullet-active {
        background: #fff;
        opacity: 1
    }

    .newS_content {
        top: 8%;
        left: 0%;
        width: 100%;
        text-align: center
    }

    .newS_title {
        font-size: 2rem
    }

    .newS_title div {
        font-size: 1rem;
        line-height: 2
    }

    .newS_move {
        font-size: 1.5rem;
        margin: .5rem auto 0;
        height: 2rem
    }

    .newS_more {
        font-size: 14px;
        width: 100%;
        position: absolute;
        bottom: 8%;
        text-align: center
    }

    .newS_more:hover {
        font-size: 14px
    }

    .newH2_content,
    .newH3_content {
        top: 5%;
        width: 100%;
        left: 0;
        text-align: center;
        position: static;
        color: #000;
        margin: 3rem auto 1.5rem
    }

    .newH2_title {
        font-size: 1rem
    }

    .newH2_title div {
        font-size: 2rem
    }

    .newH2_info {
        font-size: 12px;
        margin: .5rem auto
    }

    .newH2_more {
        font-size: .875rem;
        border: 1px solid black;
        width: 9rem;
        margin: 1rem auto 0;
        border-radius: 2rem;
        padding: 0;
        height: 2.5rem;
        line-height: 2.5rem
    }

    .newH2_more a:hover {
        font-size: 1rem;
        color: #000
    }

    .newH4_title {
        font-size: 1.5rem;
        opacity: 1;
        transform: translateY(0)
    }

    .newH_ban4 {
        padding: 3rem 0
    }

    .Mban4Swiper {
        width: 90%;
        margin: 2rem auto 0
    }

    .newH4_item {
        width: 94%;
        font-size: 12px
    }

    .newH4_img {
        border-radius: .5rem;
        margin-bottom: .5rem
    }

    .MnewH5Swiper {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
        position: relative
    }

    .exhibit {
        width: 90%;
        margin: 1rem auto;
        border-radius: 1rem;
        display: block
    }

    .newH5_item {
        height: auto;
        border-radius: 1rem;
        width: 90%;
        margin: 0 auto
    }

    .MnewH5Swiper .MnewH5Swiper-button-prev,
    .MnewH5Swiper .MnewH5Swiper-button-next {
        position: absolute;
        z-index: 2;
        top: 43%;
        width: 1rem;
        cursor: pointer
    }

    .MnewH5Swiper .MnewH5Swiper-button-prev {
        left: 2%
    }

    .MnewH5Swiper .MnewH5Swiper-button-next {
        right: 2%
    }

    .MnewH5Swiper-pagination {
        width: 100%;
        text-align: center;
        margin: 0;
        position: absolute;
        bottom: 1% !important;
        z-index: 2
    }

    .MnewH5Swiper .swiper-pagination-bullet {
        width: .4rem;
        height: .4rem;
        background: #fff;
        opacity: .4
    }

    .MnewH5Swiper .swiper-pagination-bullet-active {
        opacity: 1
    }

    .newH5_title {
        position: absolute;
        font-size: 1.8rem;
        width: 92%;
        left: 4%;
        top: 30%;
        text-align: center;
        display: none
    }

    .newH5_play {
        top: 54%;
        width: 38%;
        left: 31%;
        font-size: 12px;
        padding: 0;
        height: 2.5rem;
        position: absolute;
        display: none
    }

    .newH5_item video {
        width: 100%;
        margin-left: 0;
        height: auto
    }

    .newH5_mask {
        width: 100%;
        left: 0;
        display: none
    }

    .newH_ban6 {
        padding: 3rem 0
    }

    .newH6_title {
        font-size: 1.5rem;
        opacity: 1;
        transition: all 1s;
        transform: translateY(0)
    }

    .newH6_logo {
        font-size: 1.5rem;
        width: 3rem;
        line-height: 3rem;
        margin-right: .5rem
    }

    .MnewH6swiper {
        margin-top: 3rem
    }

    .newH6_item {
        width: 22rem;
        padding: .5rem;
        font-size: 12px
    }

    .mr_10 {
        margin-right: -10rem
    }

    .mr_6 {
        margin-right: -6rem
    }

    .mr_3 {
        margin-right: -3rem
    }

    .ml_6 {
        margin-left: -6rem
    }

    .MnewH6swiper {
        width: 400%
    }

    .newH6_line {
        margin-bottom: 2rem;
        position: relative
    }

    .newH6_info {
        width: 90%;
        margin: 1rem auto 0;
        font-size: 11px
    }

    .newH2_Ming {
        width: 90%;
        margin: 0 auto;
        border-radius: 1rem
    }
}

/*# sourceMappingURL=/cdn/shop/t/40/assets/home.css.map?v=155106821758121367281714465590 */