html,body,ul,li,h2,h3,h5,h5,h6,p,div,table,tr,td{ margin:0; padding:0; list-style:none;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
.page_pc{ overflow:hidden; width:100%; max-width:1920px; /*min-width:1200px;*/ background:#434446; }
a:focus{ outline:none;}
img {border: none;display: block;}
.m_cont{ width: 100%; position: relative;}
.mainwraps{ width:100%;}
.mainwraps img{ width:100%;}
.pc_index video{ display:block; width:100%; margin:0; }
.pc_index{ position:relative; width:100%; }
a:focus{ outline:none;}
img {border: none;display: block;}
.mobile_index,.mobile{display: none;}
.page_pc,.pc{ overflow:hidden; width:100%; max-width:1920px; /*min-width:1200px; background:#434446; */}
.m_cont{ width: 100%; position: relative;}
.mainwraps{ width:100%;}
.mainwraps img{ width:100%;}
.pc_index{ position:relative; width:100%;}
.mobile_index{ position:relative;overflow:hidden; width:100%; max-width:1080px; background:#fff;margin: 0 auto;display: none;}
.wrap_section{ width:100%; position:relative; overflow: hidden;}
.wrap_auto{position:relative;}
.anim{ opacity: 0;}
.animated{ animation-fill-mode: forwards; }
.main_text{ color: #fefefe; font-size: 18px; line-height: 30px; margin-bottom: 20px; }
.main_title{ font-size: 40px; color: #161616; margin-bottom: 18px; letter-spacing: 2px; }
.vm_ctxt{ font-size: 20px; color: #161616; margin-top: 20px; }
.mn_bzs{ font-size:14px; color:#575757; position:absolute; bottom:5%; right:5%; z-index:60;}
.main_cm_t{ font-size: 26px; color: #ffffff; margin-bottom: 10px; }
.vm_bzt{ font-size: 16px; color: #161616; }
.main_bsz{ font-size: 14px; color: #8b8b8b; }
.lh16{ line-height: 1.8;}
.mcont{background: #f5f5f5;}
.mcont>p{width:-webkit-fill-available;font-size:0.3rem;line-height:1.6;padding: 0.5vw 0;float: left; font-size: 0.8vw;}
.mcont>p em{float:left;margin-left:0.43rem; margin-right:0.5vw;font-style: normal;text-align: right;}
.mcont>p span{float: left;width:56.8vw;text-align: justify;}
.mcont_top{margin-top: -0.1vw;}
.style__shadow-1___2OyEd {
    height: 120vh;
    background-image: radial-gradient(120% 100% at center top,transparent,transparent 0,rgba(0,0,0,.02) 79.2%,rgba(0,0,0,.035) 80.8%,rgba(0,0,0,.075) 82.8%,rgba(0,0,0,.15) 84.8%,rgba(0,0,0,.3) 88%,#000 100%);
}
.style__shadow-2___3lMSm {
    background-color: #000;
    height: 105vh;
    margin-top: -1vh;
}
.style__shadow-3___2RdtZ {
    margin-top: -1vh;
    height: 100vh;
    background-image: radial-gradient(100% 100% ellipse at bottom,transparent,transparent 0,rgba(0,0,0,.02) 79.2%,rgba(0,0,0,.035) 80.8%,rgba(0,0,0,.075) 82.8%,rgba(0,0,0,.15) 84.8%,rgba(0,0,0,.3) 88%,#000 100%);
}
.style__mask___2jX4z {
    width: 100%;
    height: 73vh;
    position: absolute;
    bottom: -1px;
    z-index: 99;
    transform: translateY(100vh);
    background: linear-gradient(0deg,#f5f5f5,#f5f5f5 15%,transparent);
}

.a006.style__mask___2jX4z {
    background: linear-gradient(0deg,#ffffff,#ffffff 15%,transparent);
    z-index: 0;
}

.a007.style__mask___2jX4z {
    background: linear-gradient(0deg,#000000,#000000 15%,transparent);
}

.a008.style__mask___2jX4z {
    background: linear-gradient(0deg,#ffffff,#ffffff 15%,transparent);
}

.a009.style__mask___2jX4z {
    background: linear-gradient(0deg,#000000,#000000 15%,transparent);
}

.a0010.style__mask___2jX4z {
    background: linear-gradient(0deg,#ffffff,#ffffff 15%,transparent);
}

.a0011.style__mask___2jX4z {
    background: linear-gradient(0deg,#ffffff,#ffffff 15%,transparent);
}

.sticky {
    width: 100%;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    left: 0;
    height: 100vh;
    overflow: hidden;
}


.bbm-screen{mix-blend-mode: screen;/*滤色模式*/}
.bbm-multiply{mix-blend-mode: multiply;/*正片叠底模式*/}
.bbm-overlay{mix-blend-mode: overlay;/*叠加模式*/}
.bbm-darken{mix-blend-mode: darken;/*变暗模式*/}
.bbm-lighten{mix-blend-mode: lighten;/*变亮模式*/}
.bbm-colord{mix-blend-mode: color-dodge;/*颜色减淡模式*/}
.bbm-saturation{mix-blend-mode: saturation;/*饱和度模式*/}
.bbm-color{mix-blend-mode: color;/*颜色模式*/}
.bbm-luminosity{mix-blend-mode: luminosity;/*亮度模式*/}
.bbm-colorb{mix-blend-mode: color-burn;/*颜色加深模式*/}
.bbm-hue{mix-blend-mode: hue;/*色相模式*/}
.bbm-hlight{mix-blend-mode: hard-light;/*强光模式*/}
.bbm-slight{mix-blend-mode: soft-light;/*柔光模式*/}
.bbm-difference{mix-blend-mode: difference;/*差值模式*/}
.bbm-exclusion{mix-blend-mode: exclusion;/*排除模式*/}

.swiper-container1 .swiper-button-next,.swiper-container1 .swiper-button-prev{top:62%;}
@keyframes fadeInUp{
    0%{ opacity: 0; transform: translate(0,30px);}
    100%{ opacity: 1; transform: translate(0,0);}
}
.fadeInUp{ animation: fadeInUp  0.8s ease 0.4s  forwards; will-change: transform,opacity;}
.fadeInUp1{ animation: fadeInUp  0.8s ease 0.6s  forwards; will-change: transform,opacity;}
.fadeInUp2{ animation: fadeInUp  0.8s ease 1s  forwards; will-change: transform,opacity;}
.fadeInUp3{ animation: fadeInUp  0.8s ease 1.4s  forwards; will-change: transform,opacity;}

@keyframes fadeUp{
    0%{ transform: translate(0,100px) scale(0.4);}
    100%{ transform: translate(0,0) scale(1);}
}
.fadeUp{ animation: fadeUp  0.8s ease forwards; will-change:transform;}

@keyframes fadeInDown1{
    0%{ opacity: 0; transform: translate(0,-10vw) scale(1);}
    100%{ opacity: 1; transform: translate(0,0) scale(1);}
}
.fadeInDown{ animation: fadeInDown1  1s ease forwards; will-change:transform, opacity;}

@keyframes fadeInleft2{
    0%{ opacity: 0; transform: translate(-10vw,0) scale(1);}
    100%{ opacity: 1; transform: translate(0,0) scale(1);}
}
.fadeInleft2{ animation: fadeInleft2  1s ease forwards; will-change:transform, opacity;}


@keyframes fadeOutDown{
    0%{ opacity: 1; transform: translate(0,0);}
    100%{ opacity: 0; transform: translate(0,30px);}
}
.fadeOutDown{ animation: fadeOutDown  0.4s ease forwards; will-change:transform, opacity;}

@keyframes fadeIn{
    0%{ opacity: 0; }
    100%{ opacity: 1;}
}
.fadeIn{ animation: fadeIn  1s ease forwards; will-change: opacity;}
.fadeIn1{ animation: fadeIn  0.6s ease forwards; will-change: opacity;}
@keyframes fadeOut{
    0%{ opacity: 1; }
    100%{ opacity: 0;}
}
.fadeOut{ animation: fadeOut  1s ease forwards; will-change: opacity;}
.fadeOut1{ animation: fadeOut  0.6s ease forwards; will-change: opacity;}

@keyframes fadeOut100{
    0%{ transform: translateX(0); }
    100%{ transform: translateX(100vw);}
}
.fadeOut100{ animation: fadeOut100  1s ease forwards; will-change: opacity;}

@keyframes fadeIn100{
    0%{ transform: translateX(-100vw); }
    100%{ transform: translateX(0);}
}
.fadeIn100{ animation: fadeIn100  1s ease forwards; will-change: opacity;}

@keyframes fadeOut100Right{
    0%{ transform: translateX(0); }
    100%{ transform: translateX(-100vw);}
}
.fadeOut100Right{ animation: fadeOut100Right  1s ease forwards; will-change: opacity;}


@keyframes fadeIn100Right{
    0%{ transform: translateX(100vw); }
    100%{ transform: translateX(0);}
}
.fadeIn100Right{ animation: fadeIn100Right  1s ease forwards; will-change: opacity;}


@keyframes scaleIn{
    0%{ opacity: 0; transform:scale(4.0);}
    100%{ opacity: 1; transform: scale(1.0);}
}
.scaleIn{ animation: scaleIn 0.6s ease forwards; will-change:transform, opacity;}

@keyframes scaleIn1{
    0%{ opacity: 0; transform:scale(2.0);}
    100%{ opacity: 1; transform: scale(1.0);}
}
.scaleIn1{ animation: scaleIn1 0.6s ease forwards; will-change:transform, opacity;}


@keyframes fadeRight{
    0%{ opacity: 0; transform: translate(-100%,0);}
    100%{ opacity: 1; transform: translate(0,0);}
}
.fadeRight{ animation: fadeRight  0.8s ease forwards; will-change:transform, opacity;}
.fadeRight1{ animation: fadeRight  0.3s ease forwards; will-change:transform, opacity;}
@keyframes fadeRightOut{
    0%{ opacity: 1; transform: translate(0,0);}
    100%{ opacity: 0; transform: translate(-100%,0);}
}
.fadeRightOut{ animation: fadeRightOut  0.8s ease forwards; will-change:transform, opacity;}
.fadeRightOut1{ animation: fadeRightOut  0.3s ease forwards; will-change:transform, opacity;}

@keyframes fadeLeft{
    0%{ opacity: 0; transform: translate(100%,0);}
    100%{ opacity: 1; transform: translate(0,0);}
}
.fadeLeft{ animation: fadeLeft  0.8s ease forwards; will-change:transform, opacity;}
.fadeLeft1{ animation: fadeLeft  0.3s ease forwards; will-change:transform, opacity;}

@keyframes fadeLeftOut{
    0%{ opacity: 1; transform: translate(0,0);}
    100%{ opacity: 0; transform: translate(100%,0);}
}
.fadeLeftOut{ animation: fadeLeftOut  0.8s ease forwards; will-change:transform, opacity;}
.fadeLeftOut1{ animation: fadeLeftOut  0.3s ease forwards; will-change:transform, opacity;}


@keyframes fadeScaleUp{
    0%{ opacity: 0; transform: translate(0,300px) scale(5);}
    100%{ opacity: 1; transform: translate(0,0) scale(1);}
}
.fadeScaleUp{ animation: fadeScaleUp  0.4s ease forwards; will-change:transform, opacity;}
@keyframes fadeScaleDwon{
    0%{ opacity: 0; transform: translate(0,-300px) scale(5);}
    100%{ opacity: 1; transform: translate(0,0) scale(1);}
}
.fadeScaleDwon{ animation: fadeScaleDwon  0.4s ease forwards; will-change:transform, opacity;}


@keyframes fadeWidthLeft{
    0%{ width:0;}
    100%{ width:60.9vw;}
}
.fadeWidthLeft{ animation: fadeWidthLeft  0.4s ease-in-out forwards;  will-change:all;}

@keyframes outWidthLeft{
    0%{ width:60.9vw;}
    100%{ width:0;}
}
.outWidthLeft{ animation: outWidthLeft  0.6s ease forwards; will-change:all;}

@keyframes fadeWidthLeftOut{
    0%{ width:18.8vw;opacity: 1;}
    100%{ width:0;}
}
.fadeWidthLeftOut{ animation: fadeWidthLeftOut  1s ease forwards; will-change:all;}

@keyframes scaleImage {
    0%{ transform: scale(1.2);}
    100%{ transform: scale(1);}
}
.scaleImage{ animation: scaleImage  1.4s cubic-bezier(.165, .84, .44, 1) forwards; will-change:transform, opacity;}

@keyframes scaleBig{
    0%{opacity: 0; transform: scale(0.1);}
    100%{opacity: 1; transform: scale(1);}
}
.scaleBig{ animation: scaleBig  0.6s cubic-bezier(.165, .84, .44, 1) forwards; will-change:transform, opacity;}


@keyframes upAndDown {
    0% {
        opacity: 1;
        transform: translate(0px, 0px);
    }
    50% {
        opacity: 1;
        transform: translate(0px, -20px);
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px);
    }
}
.upAndDown{
    animation: upAndDown 2s infinite;
}

@keyframes downAndUp {
    0% {
        opacity: 1;
        transform: translate(0px, -15px);
    }
    50% {
        opacity: 1;
        transform: translate(0px, 0px);
    }
    100% {
        opacity: 1;
        transform: translate(0px, -15px);
    }
}
.downAndUp{
    animation: downAndUp 2s infinite;
}

.partA{height: 350vh;overflow: visible;background: #000;}
.bg000{ background: #000;}
.width1440{ width: 63.8vw; margin:0 auto; position: relative;}
.width1378{ width: 1378px; margin:0 auto; position: relative;}
/*color*/
.color_fff{ color: #fff; }
.color_3e3a39{color: #3e3a39;}
.color_796a56{ color: #796a56; }
.color_afa692{ color: #afa692; }
.color_6228ab{ color: #6228ab; }
.color_4a4c54{ color: #4a4c54; }
.color_4c4948{ color: #4c4948; }
.color_212530{ color: #212530; }
.color_9fa0a0{ color: #9fa0a0; }
.color_c8c8c8{ color: #c8c8c8; }
.color_747474{ color: #747474; }
.color_c09e6a{ color: #c09e6a;}
.color_856c46{ color: #856c46;}
.color_302f2f{ color: #302f2f;}
.color_000{ color: #000; }
.margin_bottom_10{margin-bottom: 10px;}
.margin_bottom_20{margin-bottom: 20px;}
.margin_bottom_40{margin-bottom: 40px;}
.margin_top_1{margin-top: 1vw;}
.margin_top_2{margin-top: 2vw;}
.margin_bottom_1{margin-bottom: 1vw;}
.margin_bottom_2{margin-bottom: 2vw;}

.rightbottoms{ position: absolute; bottom: 5%; right: 10%;}

.font_size_12{ font-size:12px;}
.font_size_14{ font-size:14px;}
.font_size_16{ font-size:0.8333vw;}
.font_size_18{ font-size:0.9vw;}
.font_size_20{ font-size:1vw; line-height: 1.6;letter-spacing: 0.1vw;}
.font_size_22{ font-size:1.0416vw;}
.font_size_24{ font-size:1.2vw; line-height: 1.6;}
.font_size_26{ font-size:1.3vw;}
.font_size_28{ font-size:1.4vw; }
.font_size_30{ font-size:1.47vw;line-height: 1.4;}
.font_size_32{ font-size:1.6vw;}
.font_size_36{ font-size:2vw;line-height: 1.6;}
.font_size_38{ font-size:2.4vw;line-height: 1.4;margin-bottom: 0.5vw;letter-spacing:0.1vw;}
.font_size_48{ font-size: 2.5vw;line-height: 1.4}
.font_size_50{ font-size:3.6vw; }
.font_size_60{ font-size:4.3vw; }

.l16{line-height: 1.6;}
.l18{line-height: 1.8;}
.l20{line-height: 2;}
.line_height_66{line-height: 66px;}
.line_height_46{line-height: 46px;}

.txtC{text-align: center;}
.txtR{text-align: right;}
.txtL{text-align: left;}
.txtJ{text-align: justify;}

.weight_bold{font-weight: bold;}

.bg_color_f3f3f4{background:#f3f3f4;}

.o-image {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 1.4s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-transform 1.4s cubic-bezier(.165, .84, .44, 1);
    transition: transform 1.4s cubic-bezier(.165, .84, .44, 1);
    transition: transform 1.4s cubic-bezier(.165, .84, .44, 1), -webkit-transform 1.4s cubic-bezier(.165, .84, .44, 1);
}

.is-show .o-image {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.kv{width: 100%;height:50.3vw;overflow: hidden;}
.kv_01{width: 100vw;position: absolute;top: 0;right: 0;}
.kv_02{width: 60.1vw;position: absolute;top: 0;right: 0;}

.kv_btn_01{width: 19.2vw;position: absolute; top: 38.7vw;
    right: 44.92vw;}
.kv_btn_01_l { position: absolute;left: 0;top:0;  width: 12.5vw;
    height: 3.6vw;transform:skew(11deg);
    -webkit-transform: skew(11deg);
    -moz-transform: skew(11deg);
    -o-transform:skew(11deg);
    -ms-transform:skew(11deg);
}

.kv_btn_01_r { position: absolute;left: 12.5vw;top:0;  width: 8vw;
    height: 3.6vw;transform:skew(11deg);
    -webkit-transform: skew(11deg);
    -moz-transform: skew(11deg);
    -o-transform:skew(11deg);
    -ms-transform:skew(11deg);
    cursor: pointer;
}
.kv_btn_02{width: 19.2vw;position: absolute; top: 38.7vw;
    left: 44.92vw;}
.kv_btn_02_l { position: absolute;left: 0;top:0;  width: 8vw;
    height: 3.6vw;transform:skew(-11deg);
    -webkit-transform: skew(-11deg);
    -moz-transform: skew(-11deg);
    -o-transform:skew(-11deg);
    -ms-transform:skew(-11deg);
    cursor: pointer;
}
.kv_btn_02_r { position: absolute;left: 8vw;top:0;  width: 12.5vw;
    height: 3.6vw;transform:skew(-11deg);
    -webkit-transform: skew(-11deg);
    -moz-transform: skew(-11deg);
    -o-transform:skew(-11deg);
    -ms-transform:skew(-11deg);
    cursor: pointer;
}

.mask_01,.mask_02{width: 59.1vw;position: absolute;top: 0;}
.mask_01{right: 0;}
.mask_02{left: 0;}
.kv_png_02{width: 60.1vw;position: absolute;top: 0;right: 0;}
.kv_icon_01{width: 3vw;position: absolute;top: 11.7vw;left: 11vw;}
.kv_tit_01{position: absolute;top: 16.4vw;left: 10.8vw;font-size: 4.6vw;}
.kv_title_01{position: absolute;top: 22.6vw;left: 10.8vw;}
.kv_des_01{width: 32.1vw;position: absolute;top: 27.3vw;left: 10.8vw;line-height:1.8vw;color: #9b9c9d;}
.enter_btn{position: absolute;top: 34vw;
    left: 10.8vw;
    border-radius: 0.3vw;
    background: #000;}
.kv_btn_01_l a,.kv_btn_02_r a,.enter_btn a{display: block;width: 100%;height: 100%; padding: 0.5vw 1.5vw;color: #fff; text-decoration: none;}
.kv_png_01{width: 60.1vw;position: absolute;top: 0;left: 0;}
.kv_icon_02{width: 3vw;position: absolute;top: 11.7vw;left: 11vw;}
.kv_tit_02{position: absolute;top: 16.4vw;left: 10.8vw;font-size: 4.6vw;}
.kv_title_02{position: absolute;top: 22.6vw;left: 10.8vw;}
.kv_des_02{width: 32.1vw;position: absolute;top: 27.3vw;left: 10.8vw;line-height:1.8vw;color: #5e5e5e;}

@media screen and (min-width: 1921px) {
    .font_size_16{ font-size:15px;} .font_size_18{ font-size:17px;} .font_size_20{ font-size:19px; line-height: 1.6;letter-spacing: 1px;} .font_size_22{ font-size:19px;} .font_size_24{ font-size:23px; line-height: 1.6;} .font_size_26{ font-size:24px;} .font_size_28{ font-size:26px; } .font_size_30{ font-size:28px;line-height: 1.4;} .font_size_32{ font-size:30px;} .font_size_36{ font-size:38px;line-height: 1.6;} .font_size_38{ font-size:46px;line-height: 1.4;margin-bottom: 9px;letter-spacing:1px;} .font_size_48{ font-size: 48px;line-height: 1.4} .font_size_50{ font-size:69px; } .font_size_60{ font-size:82px; }
    .kv {
        width: 1920px;
        height: 965px;
        margin: 0 auto;
        overflow: hidden;
    }

    .kv_01 {
        width: 1920px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .kv_02 {
        width: 1153px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .kv_btn_01 {
        width: 368px;
        position: absolute;
        top: 743px;
        left: 689px;
    }

    .kv_btn_01_l {
        position: absolute;
        left: 0;
        top: 0;
        width: 240px;
        height: 69px;
        transform: skew(11deg);
        -webkit-transform: skew(11deg);
        -moz-transform: skew(11deg);
        -o-transform: skew(11deg);
        -ms-transform: skew(11deg);
    }

    .kv_btn_01_r {
        position: absolute;
        left: 240px;
        top: 0;
        width: 153px;
        height: 69px;
        transform: skew(11deg);
        -webkit-transform: skew(11deg);
        -moz-transform: skew(11deg);
        -o-transform: skew(11deg);
        -ms-transform: skew(11deg);
        cursor: pointer;
    }

    .kv_btn_02 {
        width: 368px;
        position: absolute;
        top: 743px;
        left: 862px;
    }

    .kv_btn_02_l {
        position: absolute;
        left: 0;
        top: 0;
        width: 153px;
        height: 69px;
        transform: skew(-11deg);
        -webkit-transform: skew(-11deg);
        -moz-transform: skew(-11deg);
        -o-transform: skew(-11deg);
        -ms-transform: skew(-11deg);
        cursor: pointer;
    }

    .kv_btn_02_r {
        position: absolute;
        left: 153px;
        top: 0;
        width: 240px;
        height: 69px;
        transform: skew(-11deg);
        -webkit-transform: skew(-11deg);
        -moz-transform: skew(-11deg);
        -o-transform: skew(-11deg);
        -ms-transform: skew(-11deg);
        cursor: pointer;
    }

    .mask_01, .mask_02 {
        width: 1134px;
        position: absolute;
        top: 0;
    }

    .mask_01 {
        right: 0;
    }

    .mask_02 {
        left: 0;
    }

    .kv_png_02 {
        width: 1153px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .kv_icon_01 {
        width: 57px;
        position: absolute;
        top: 224px;
        left: 211px;
    }

    .kv_tit_01 {
        position: absolute;
        top: 314px;
        left: 207px;
        font-size: 88px;
    }

    .kv_title_01 {
        position: absolute;
        top: 433px;
        left: 207px;
    }

    .kv_des_01 {
        width: 600px;
        position: absolute;
        top: 524px;
        left: 207px;
        line-height: 34px;
        color: #9b9c9d;
    }


    .enter_btn {
        position: absolute;
        top: 652px;
        left: 207px;
        border-radius: 5px;
        background: #000;
    }

    .enter_btn a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 9px 28px;
        color: #fff;
        text-decoration: none;
    }

    .kv_png_01 {
        width: 1153px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .kv_icon_02 {
        width: 57px;
        position: absolute;
        top: 224px;
        left: 211px;
    }

    .kv_tit_02 {
        position: absolute;
        top: 314px;
        left: 207px;
        font-size: 88px;
    }

    .kv_title_02 {
        position: absolute;
        top: 433px;
        left: 207px;
    }

    .kv_des_02 {
        width: 616px;
        position: absolute;
        top: 524px;
        left: 207px;
        line-height: 34px;
        color: #5e5e5e;
    }
}