@font-face {
    font-family: "思源黑体 Regular";font-weight: 400;src: url("../font/MdgEhpT4KCwV.woff2") format("woff2"),
url("../font/MdgEhpT4KCwV.woff") format("woff");
    font-display: swap;
}
html,body,div{ margin:0; padding:0; list-style:none;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family: v-sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}
html,body{background: #f0f3f5; }
img {border: none;display: block;}
.mainwraps{ width:100%;}
.mainwraps img{ width:100%;}
.pc_index video{ display:block; width:100%; margin:0; }
.pc_index{ position:relative; width:100%; }
img {border: none;display: block;}
.mainwraps{ width:100%;}
.mainwraps img{ width:100%;}
.pc_index{ position:relative; width:100%;}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.opt0{ opacity: 0;}
@keyframes fadeInUp{
    0%{ opacity: 0; transform: translate(0,30px);}
    100%{ opacity: 1; transform: translate(0,0);}
}

@keyframes fadeInUp1{
    0%{ opacity: 0; transform: translate(0,60px) scale(0.6);}
    100%{ opacity: 1; transform: translate(0,0) scale(1);}
}

@keyframes fadeInDown1{
    0%{ opacity: 0; transform: translate(0,-10vw) scale(1);}
    100%{ opacity: 1; transform: translate(0,0) scale(1);}
}

@keyframes fadeInleft2{
    0%{ opacity: 0; transform: translate(-10vw,0) scale(1);}
    100%{ opacity: 1; transform: translate(0,0) scale(1);}
}

@keyframes fadeInUp1{
    0%{ opacity: 0; transform: translate(0,60px);}
    100%{ opacity: 1; transform: translate(0,0);}
}


.fadeInUp1{ animation: fadeInUp1  0.8s ease 0.4s  forwards; will-change: transform,opacity;}
.fadeInUp2{ animation: fadeInUp1  0.8s ease 0.6s  forwards; will-change: transform,opacity;}

.fadeInUp3{ animation: fadeInUp1  0.8s ease 1s  forwards; will-change: transform,opacity;}
.fadeInUp4{ animation: fadeInUp1  0.8s ease 1.4s  forwards; will-change: transform,opacity;}

@keyframes fadeOutDown{
    0%{ opacity: 1; transform: translate(0,0);}
    100%{ opacity: 0; transform: translate(0,30px);}
}

@keyframes fadeIn{
    0%{ opacity: 0; }
    100%{ opacity: 1;}
}
@keyframes fadeOut{
    0%{ opacity: 1; }
    100%{ opacity: 0;}
}
@keyframes scaleIn{
    0%{ opacity: 0; transform:scale(4.0);}
    100%{ opacity: 1; transform: scale(1.0);}
}

@keyframes scaleIna{
    0%{ opacity: 0; transform:scale(2.0);}
    100%{ opacity: 1; transform: scale(1.0);}
}


@keyframes fadeRight{
    0%{ opacity: 0; transform: translate(-50px,0);}
    100%{ opacity: 1; transform: translate(0,0);}
}
@keyframes fadeLeft{
    0%{ opacity: 0; transform: translate(50px,0);}
    100%{ opacity: 1; transform: translate(0,0);}
}

@keyframes scaleImage {
    0%{ transform: scale(1.2);}
    100%{ transform: scale(1);}
}
/*color*/

.kv{width: 100%;height:130vw;}

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

.part1{width: 100%;height: 100vh;background: #000;position: relative;transform: translateY(0vh);overflow: hidden;}
.part1_item_1{position: absolute;top: 0;background: rgba(18,17,37,1);opacity: 1;height: 56.2vw;width: 100%;overflow: hidden;display: flex;align-items: center;justify-content: center;z-index: 9;}
.part1_item_1 video{width: 100%;position: absolute;left: 0;top:0;}
.part1_item_2{position: absolute;top:0;left: 0.85%;width: 98.3%;z-index: 9;transition: all .3s ease-out;}
.part1_item_3{position: absolute;top:16.7vw;left: 0.85%;width: 98.3%;z-index: 99;transition: all .3s ease-out;color: #fff;font-size: 3.4vw;text-align: center;transform: translateY(300px);opacity: 0;}
.part1_item_4{position: absolute;top:22.6vw;left:22%;width: 56%;z-index: 99;transition: all .3s ease-out;color: #fff;font-size: 1.1vw;line-height:1.6;text-align: center;transform: translateY(300px);opacity: 0;}
.part1_item_5{position: absolute;top:29.6vw;left: 43%;width: 14%;height:4.7vw;background:url("../images/part1_item_5.png");background-size: 100% auto;z-index: 99;cursor: pointer;transform: translateY(200px);opacity: 0;transition: all .3s ease-out;}
.part1_item_5:hover{background:url("../images/part1_item_5_active.png");background-size: 100% auto;}
.part1_item_5 a{display: block;width: 100%;height: 100%;}
.part1_item_6{position: absolute;top: 4.3vw;right: 5vw;display: flex;justify-content: center;font-size: 1vw;line-height: 1;z-index: 99;}
.part1_item_6 div{padding: 0 2vw;border-right: 1px solid #fff;color: #fff;}
.part1_item_6 div a{color: #fff;text-decoration: unset;}
.part1_item_6 div:last-child{border-right: unset;}

.part2{width: 100%;position: relative;;background: #fff;}
.part2 .part2_items{width: 83%;margin: 0 auto;padding:3vw 0;display: flex;justify-content:space-between;flex-wrap: wrap;background: #fff;}
.part2 .part2_items .part2_item{width: 26vw;height: 15.9vw;background: url("../images/part2_item_bg.png?v=1");background-size: 100% auto;margin-bottom: 2vw; position: relative;transition: all .3s ease-out;}
.part2 .part2_items .part2_item:hover{background: url("../images/part2_item_bg_active.png?v=1");background-size: 100% auto;transition: all .3s ease-out;}

.part2_item_title{position: absolute;width: 72.5%;left: 12%;top:18%;font-size: 1.8vw;justify-content: center;display: flex;font-weight: bold;align-items: center;
    background: linear-gradient(180.64deg, #6975dd 0.55%, #7355b0 92.86%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.part2_item_title div{padding: 0 0.5vw;}
.part2_item_des{position: absolute;width: 72.5%;left: 12%;top:37%;font-size: 1.1vw;text-align: justify;color: #6e65c7;}
.part2 .part2_items .part2_item:hover .part2_item_title{background: linear-gradient(180deg, #e26464 20%, #ffffff 92.86%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;mix-blend-mode:plus-lighter;}
.part2 .part2_items .part2_item:hover .part2_item_des{color: #fff;}
.part3{width: 100%;position: relative;}
.part3 .part3_title{position: absolute;width: 38.4%;left: 6%;top: 4.7vw;font-size: 2.9vw;text-align: center;}
.part3 .part3_des{position: absolute;width: 38.4%;left: 6%;top: 8.8vw;font-size: 1.1vw;text-align: center;}

.part4{width: 100%;position: relative;background: #f0f3f5;height: auto;}
.part4 .part4_title{position: relative;width: 100%;font-size: 2.9vw;padding-top: 4.2vw;text-align: center;}
.part4 .part4_des{position: relative;width: 100%;font-size:1.1vw;padding-top: 0;text-align: center;}
.part4 .part4_items{width:1280px;margin: 3vw auto;position: relative;background: #f0f3f5;clear: both;}
.part4 .part4_items .item{position: absolute;width: 300px;margin: 10px;transition: all 1s;background: #000;border-radius: 5px;overflow: hidden;display: flex;flex-direction: column;
    justify-content: center;}
.part4 .part4_items .item img {width: 100%;display: block;}

.part5{width: 100%;position: relative;background: #121212;}
.part5 .part5_items{width: 58%;margin: 0 auto;padding:3vw 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.part5 .part5_items .part5_item{border-right: 1px solid #bbb;color:#bbb;font-size: 0.9vw;font-weight: bold; text-align: center;width: 33%;line-height: 1.6;padding: 2vw 0;}
.part5 .part5_items .part5_item a{color: #bbb;text-decoration: unset;}
.part5 .part5_items .part5_item:last-child{border-right: unset;}
.part5 .part5_items .part5_item a.active{
    color:transparent;
    font-weight: bold;
    background: linear-gradient(45deg, #9da5fb 0%,#a58ff9 50%,#80c4f9 100%);
    -webkit-background-clip: text;}

.part6{width: 100%;position: relative;background: #000;padding: 2vw 0 1vw;}
.part6 .part6_01{width: 100%;text-align: center;font-size: 0.8vw;color:#666666;}
.part6 .part6_02{width: 3.1vw;margin: 0 auto;padding-top: 1vw;}

.heaer{width: 100%;height: 7.8vw;background: #121212;}
.heaer .heaer_body{width: 70%;margin: 0 auto;display: flex;justify-content: space-between;}
.heaer .heaer_body .logo{width: 14.6vw;margin-top: 2.2vw;}
.heaer .heaer_body .nav{width: 45vw;margin-top: 2.2vw;display: flex;justify-content: center;height: 3.6vw;}
.heaer .heaer_body .nav div{width: 25%;font-size: 1.2vw;color: #fff;text-align: center;line-height: 2.6;}
.heaer .heaer_body .nav div a{color: #fff;font-size: 1.2vw;text-decoration: unset;display: block;width: 100%;height: 100%;}
.heaer .heaer_body .nav div.active{background: url("../images/nav_bg.png") left bottom no-repeat;background-size: 100% auto;}

.about{width: 100%;position: relative;}
.about .about_title{position: absolute;width: 24.7vw;left:14.7%;top:9.2vw;}
.about .about_des{position: absolute;width: 24.3vw;left:14.7%;top:15.7vw;}
.about .about_text{position: absolute;width: 41vw;left:44%;top:8.8vw;color: #ffffff;font-size: 1vw;text-align: justify;line-height: 1.6;}
.about .about_text .about_text_btn{float: right;width:8.9vw;margin-top: 3.5vw;}

.terms{width: 100%;position: relative;background: #000000;}
.terms_body{width: 64%;margin:0 auto;padding-top: 1.8vw;display: flex;justify-content: space-between;flex-wrap: wrap;}
.terms_body .terms_title{width: 27.7vw;}
.terms_body .terms_nav{width: 21.1vw;display: flex;justify-content: center;margin-top: 0.55vw;font-size: 1vw;}
.terms_body .terms_nav .terms_nav_item{width: 50%;height: 2.1vw;background: url("../images/terms_nav.png") left top no-repeat;background-size: 100% 100%;color: #fff;display: flex;
    justify-content: center;
    align-items: center;cursor: pointer;}
.terms_body .terms_nav .terms_nav_item.active{width: 50%;height: 2.1vw;background: url("../images/terms_nav_active.png") left top no-repeat;background-size: 100% 100%;display: flex;
    justify-content: center;
    align-items: center;cursor: pointer;}
.terms_body .terms_content{width: 100%;}
.terms_body .terms_content .terms_content_item{color: #cccccc;display: none;padding: 2vw 0;}
.terms_body .terms_content .terms_content_item.active{display: block;}
.terms_body .terms_content .terms_content_item h1{width: 100%;text-align: center;font-size: 2.5vw;}
.terms_body .terms_content .terms_content_item h2{color: #cccccc;font-size: 1.2vw;}
.terms_body .terms_content .terms_content_item p{line-height: 1.6;font-size: 1vw;}


@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(2.5); opacity: 0.3;}}
@keyframes scale2{0%{ transform: scale(2.5);opacity:.9;}100%{ transform: scale(1);opacity:0.2;}}

@media screen and ( max-width:1600px){
    /*.kv{width: 100%;height:130vw;}*/
}
@media screen and ( max-width:1366px){
    /*.kv{width: 100%;height: 130vw;}*/
}

@keyframes logoFadeInUp{
    0%{ opacity: 0; transform: translate(0,30vw) scale(1.5);}
    80%{ opacity: 1; transform: translate(0,30vw) scale(1.5);}
    100%{ opacity: 1; transform: translate(0,0) scale(1.0);}
}

@keyframes titFadeInUp{
    0%{ opacity: 0; transform: translate(0,60px);}
    100%{ opacity: 1; transform: translate(0,0);}
}

.logoFadeInUp{ animation: logoFadeInUp  3s ease 0.4s  forwards; will-change: transform,opacity;}
.navFadeInUp{ animation: titFadeInUp  0.8s ease 3.2s  forwards; will-change: transform,opacity;}
.titFadeInUp{ animation: titFadeInUp  0.8s ease 3.4s  forwards; will-change: transform,opacity;}
.desFadeInUp{ animation: titFadeInUp  0.8s ease 4s  forwards; will-change: transform,opacity;}
.btnFadeInUp{ animation: titFadeInUp  0.8s ease 4.4s  forwards; will-change: transform,opacity;}

@media screen and ( max-width:800px){
    body{width: 100%;overflow-x: hidden;-webkit-text-size-adjust: 100% !important;}
    .pc_index{display: none!important;}
    .pc_index video{display: none;}
    .kv{width: 100%;height:auto;}
    .part1{width: 100%;height: 100vh;background: #000;position: relative;transform: translateY(0vh);overflow: hidden;}
    .part1_item_1{position: absolute;top: 0;background: rgba(18,17,37,1);opacity: 1;height: 56.2vw;width: 100%;overflow: hidden;display: flex;align-items: center;justify-content: center;z-index: 9;}
    .part1_item_1 video{width: 100%;position: absolute;left: 0;top:0;}
    .part1_item_2{position: absolute;top:-5vw;left: 0.83%;width: 98.3%;z-index: 9;transition: all .3s ease-out;}
    .part1_item_3{position: absolute;top:43.2vw;left: 0.85%;width: 98.3%;z-index: 99;transition: all .3s ease-out;color: #fff;font-size: 8.7vw;text-align: center;transform: translateY(300px);opacity: 0;}
    .part1_item_4{position: absolute;top:57.5vw;left:8%;width: 84%;z-index: 99;transition: all .3s ease-out;color: #fff;font-size: 3.7vw;line-height:1.6;text-align: justify;transform: translateY(300px);opacity: 0;}
    .part1_item_5{position: absolute;top:105vw;left: 33.2vw;width: 33.6vw;height:10vw;background:url("../images/part1_item_5.png");background-size: 100% auto;z-index: 99;cursor: pointer;transform: translateY(200px);opacity: 0;transition: all .3s ease-out;}
    .part1_item_5:hover{background:url("../images/part1_item_5_active.png");background-size: 100% auto;}
    .part1_item_5 a{display: block;width: 100%;height: 100%;}
    .part1_item_6{position: absolute;top: 26vw;right: 0;width: 100%;display: flex;justify-content: center;font-size: 4vw;line-height: 1;z-index: 99;}
    .part1_item_6 div{padding: 0 5vw;border-right: 1px solid #fff;color: #fff;}
    .part1_item_6 div a{color: #fff;text-decoration: unset;}
    .part1_item_6 div:last-child{border-right: unset;}

    .part2{width: 100%;position: relative;;background: #fff;}
    .part2 .part2_items{width: 90%;margin: 0 auto;padding:3vw 0;display: flex;justify-content:space-between;flex-wrap: wrap;background: #fff;}
    .part2 .part2_items .part2_item{width: 43vw;height: 48vw;background: url("../images/part2_item_bg1.png?v=1");background-size: 100% 100%;margin-bottom: 2vw; position: relative;transition: all .3s ease-out;}
    .part2 .part2_items .part2_item1{width: 43vw;height: 38vw;background: url("../images/part2_item_bg1.png?v=1");background-size: 100% 100%;margin-bottom: 2vw; position: relative;transition: all .3s ease-out;}
    .part2 .part2_items .part2_item:hover{background: url("../images/part2_item_bg1_active.png?v=1");background-size: 100% 100%;transition: all .3s ease-out;}
    .part2 .part2_items .part2_item1:hover{background: url("../images/part2_item_bg1_active.png?v=1");background-size: 100% 100%;transition: all .3s ease-out;}

    .part2_item_title{position: absolute;width: 82.5%;left: 6%;top:64%;padding-top:1.5vw;font-size:4.7vw;justify-content: center;display: flex;font-weight: bold;align-items: flex-start;border-top: 1px solid #0a83d6;
        background: linear-gradient(180.64deg, #6975dd 0.55%, #7355b0 92.86%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }
    .part2_item_title1{padding-top: 4vw;}
    .part2_item_title2{padding-top: 4vw;top:57%;}
    .part2_item_title div.icon{width: 5vw;margin-top: 0.3vw;}
    .part2_item_title div{padding: 0 0.5vw;line-height: 1.2;}
    .part2_item_des{position: absolute;width: 82.5%;left: 6%;top:7%;font-size: 3vw;line-height:1.4;text-align: justify;color: #6e65c7;}
    .part2 .part2_items .part2_item:hover .part2_item_title{background: linear-gradient(180deg, #e26464 20%, #ffffff 92.86%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;mix-blend-mode:plus-lighter;}
    .part2 .part2_items .part2_item1:hover .part2_item_des{color: #fff;}
    .part2 .part2_items .part2_item1:hover .part2_item_title{background: linear-gradient(180deg, #e26464 20%, #ffffff 92.86%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;mix-blend-mode:plus-lighter;}
    .part2 .part2_items .part2_item:hover .part2_item_des{color: #fff;}
    .part3{width: 100%;position: relative;}
    .part3 .part3_title{position: absolute;left:8%;width: 84%;top: 12.8vw;font-size: 8.7vw;text-align: center;}
    .part3 .part3_des{position: absolute;left:8%;width: 84%;top: 26.1vw;font-size: 3.7vw;text-align: justify;}

    .part4{width: 100%;position: relative;background: #f0f3f5;height: auto;}
    .part4 .part4_title{position: relative;width: 100%;font-size: 8.7vw;padding-top:12.8vw;text-align: center;}
    .part4 .part4_des{position: relative;width: 84%;margin:0 auto;font-size:3.7vw;padding-top: 2vw;text-align: left;}
    .part4 .part4_items{width:96%;margin: 3vw auto;position: relative;background: #f0f3f5;clear: both;}
    .part4 .part4_items .item{position: absolute;width: 46vw;margin: 1vw;transition: all 1s;background: #000;border-radius: 5px;overflow: hidden;display: flex;flex-direction: column;
        justify-content: center;}
    .part4 .part4_items .item img {width: 100%;display: block;}

    .part5{width: 100%;position: relative;background: #000;}
    .part5 .part5_items{width: 61.7%;margin: 0 auto;padding:3vw 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
    .part5 .part5_items .part5_item{border-right: unset; color:#fff;font-size: 3.7vw;font-weight: normal; text-align: center;width: 100%;line-height: 1.6;padding:5vw 0;
        background:url("../images/xian.png") 0 bottom no-repeat;background-size: 100% auto;}
    .part5 .part5_items .part5_item a{color: #fff;text-decoration: unset;}
    .part5 .part5_items .part5_item:last-child{border-right: unset;background:unset;}
    .part5 .part5_items .part5_item a.active{
        color:transparent;
        font-weight: bold;
        background: linear-gradient(45deg, #9da5fb 0%,#a58ff9 50%,#80c4f9 100%);
        -webkit-background-clip: text;}

    .part6{width: 100%;position: relative;background: #000;padding: 2vw 0 2vw;}
    .part6 .part6_01{width: 100%;text-align: center;font-size:3.2vw;color:#666666;}
    .part6 .part6_02{width: 13.9vw;margin: 0 auto;padding-top: 1vw;}
    #baguetteBox-overlay .full-image figcaption{font-size: 3vw;line-height: 1.6!important;padding: 3%;width: 94%!important;}

    .heaer{width: 100%;height: 9.8vw;background: #121212;}
    .heaer .heaer_body{width: 90%;margin: 0 auto;display: flex;justify-content: space-between;}
    .heaer .heaer_body .logo{width: 25.6vw;margin-top: 2.2vw;}
    .heaer .heaer_body .nav{width: 45vw;margin-top: 0.5vw;display: flex;justify-content: center;height: 7.6vw;}
    .heaer .heaer_body .nav div{width: 25%;font-size: 3.2vw;color: #fff;text-align: center;line-height: 2.6;}
    .heaer .heaer_body .nav div a{color: #fff;font-size: 3.2vw;text-decoration: unset;display: block;width: 100%;height: 100%;}
    .heaer .heaer_body .nav div.active{background: url("../images/nav_bg.png") left bottom no-repeat;background-size: 100% auto;}

    .about{width: 100%;position: relative;}
    .about .about_title{position: absolute;width:62vw;left:19vw;top:13.5vw;}
    .about .about_des{position: absolute;width:62vw;left:19vw;top:28.1vw;}
    .about .about_text{position: absolute;width: 82vw;left:9vw;top:120vw;color: #ffffff;font-size: 3.7vw;text-align: justify;line-height: 1.6;}
    .about .about_text .about_text_btn{float: right;width:8.9vw;margin-top: 3.5vw;}
    .about .about_text_btn{position: absolute;width:26vw;left:19vw;top:65.6vw;}

    .terms{width: 100%;position: relative;background: #000000;}
    .terms_body{width: 82vw;margin:0 auto;padding-top: 12.7vw;display: flex;justify-content: space-between;flex-wrap: wrap;}
    .terms_body .terms_title{width: 65.1vw;}
    .terms_body .terms_nav{width: 21.1vw;display: flex;justify-content: center;margin-top: 0.55vw;font-size: 1vw;}
    .terms_body .terms_nav .terms_nav_item{width: 50%;height: 2.1vw;background: url("../images/terms_nav.png") left top no-repeat;background-size: 100% 100%;color: #fff;display: flex;
        justify-content: center;
        align-items: center;cursor: pointer;}
    .terms_body .terms_nav .terms_nav_item.active{width: 50%;height: 2.1vw;background: url("../images/terms_nav_active.png") left top no-repeat;background-size: 100% 100%;display: flex;
        justify-content: center;
        align-items: center;cursor: pointer;}
    .terms_body .terms_content{width: 100%;}
    .terms_body .terms_content .terms_content_item{color: #cccccc;display:block;padding: 2vw 0;}
    .terms_body .terms_content .terms_content_item.active{display: block;}
    .terms_body .terms_content .terms_content_item h1{width: 100%;text-align:left;font-size: 7.3vw;}
    .terms_body .terms_content .terms_content_item h2{color: #cccccc;font-size: 3.7vw;}
    .terms_body .terms_content .terms_content_item p{line-height: 1.6;font-size: 3.2vw;text-align: justify;}
}