*{margin: 0;padding: 0;border: 0;outline: none;list-style: none;}
a{text-decoration: none;}



html,body{width: 100%; height: 100%;font-family: Arial;background: #ffffff; min-width: 1200px; min-height: 720px;}
.wrap{position: relative; width: 100%;height: 100%;overflow: hidden;transition: transform 1s;-webkit-transition: -webkit-transform 1s;}
.swiper-main{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.swiper-main .swiper-slide{overflow: hidden;}
.part{position: relative;width: 100%;height: 100%;box-sizing: border-box;}
.part .bg{position: absolute;top: 0;left: 50%;width: 1920px;height: 1080px; margin-left: -960px;}
.part1 .bg{background: url("../images/bg1.webp") center no-repeat;}
.part2 .bg{background: url("../images/bg2.webp") center no-repeat;}
.part3 .bg{background: url("../images/bg3.webp") center no-repeat;}
.part4 .bg{background: url("../images/bg4.webp") center no-repeat;}
.part5 .bg{background: url("../images/bg5.webp") center no-repeat;}
.part1 .container,.part2 .container,.part3 .container,.part4 .container,.part5 .container{ width: 1200px; height: 1080px; z-index: 4;position: absolute;top: 0;left: 50%; margin-left: -600px;}
.center{position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.logo{ position: absolute;top:20%;left: 0;width: 100%;text-align: center;}
.part1_txt{top: 46%;width: 480px;height: 140px;padding: 22px 15px; line-height: 24px;font-size: 18px;color: #ad8a2f; background-color: rgb(0, 0, 0,.65);border-radius: 10px;box-sizing: border-box; }
.playnow,.bot_playnow{ left: 425px; width: 350px;height: 150px; background: url("../images/play.gif") no-repeat; position: absolute; z-index: 4;}
.playnow{ top: 57%;}
.bot_playnow{ top: 63%;}
.playnow:hover,.bot_playnow:hover{ background: url("../images/play2.gif") no-repeat;}
.part1_btn{position: absolute;left: 277px; top: 70%;width: 646px;display: flex;justify-content: space-between;}
.btnBox{background: url(../images/btn.webp) no-repeat;}
.part1_btn a{display: block;width: 206px;height: 61px;-webkit-transition: none;transition: none;}
.part1_support{background-position: -12px -9px;}
.part1_support:hover{background-position: -12px -87px;}
.part1_news{background-position: -226px -9px;}
.part1_news:hover{background-position: -226px -87px;}
.part1_code{background-position: -440px -9px;}
.part1_code:hover{background-position: -440px -87px;}
.down{ position: sticky; position: -webkit-sticky; /* Safari */ left: 0; bottom: 0; width: 100px;height: 95px; background: url("../images/down.png") no-repeat;-webkit-animation: pulse 2s infinite; -moz-animation: pulse 2s infinite; -o-animation: pulse 2s infinite; animation: pulse 2s infinite; opacity: 0.5; cursor: pointer; z-index: 3;}
.down:after{position: absolute;top: 0;left: 34px; content: ""; width: 30px;height: 45px; background: url("../images/mouse.png") no-repeat;  animation:fadeInDown 1.5s infinite; -o-animation:fadeInDown 1.5s infinite;
    -moz-animation:fadeInDown 1.5s infinite;
    -webkit-animation:fadeInDown 1.5s infinite;
    animation-fill-mode:both;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -o-animation-fill-mode:both;}


.part1_bar{ width: 100px; height: 370px; position: absolute; left: -55px; top: 35%; z-index: 5;}
.part1_bar:hover{ left: 0;}
.part1_fb,.part1_discord,.part1_ytb,.gotop,.part1_forum{position: absolute;left: 25px; width: 60px;height: 60px;background: url(../images/sidebar.webp) no-repeat; -webkit-transition: none; transition: none;}
.gotop{ top: 0; background-position: -10px -10px;}
.gotop:hover{ background-position: -90px -10px;}
.part1_fb{top: 65px; background-position: -10px -80px;}
.part1_fb:hover{background-position: -90px -80px;}
.part1_ytb{top: 130px; background-position: -10px -150px;}
.part1_ytb:hover{background-position: -90px -150px;}
.part1_discord{top: 195px; background-position: -10px -220px;}
.part1_discord:hover{background-position: -90px -220px;}
.part1_forum{top: 260px;background-position: -10px -290px;}
.part1_forum:hover{background-position: -90px -290px;}


/* 第二屏 */
.part2_circle{position: absolute;top: 196px;left: 627px;width: 571px;height: 573px;background-position: -624px -315px;-webkit-animation: quan 20s infinite linear;animation: quan 20s infinite linear; }
.part2_img,.part2_img2{position: absolute;top: 820px;left: 110px;width: 210px;height: 27px; background-position: -683px -271px;}
.part2_img2{left: 400px;-webkit-transform: scaleX(-1);transform: scaleX(-1);}
.part2Slide{position: absolute;top: -30px;left: 72px;width: 1320px;height: 970px; overflow: hidden; z-index: 2;}
.part2_introBox{position: absolute;top: 180px;left: 3px;color: #ad8a2f;}
.part2_name{font-size: 60px;line-height: 66px;margin-left: 35px;}
.part2_career{font-size: 30px;line-height: 24px;margin-left: 35px;}
.part2_intro{margin-top: 30px;width: 520px;font-size: 20px;line-height: 28px;text-shadow: -2px -2px 3px black, 2px -2px 3px black,-2px 2px 3px black,2px 2px 3px black;}
.part2_skillBox{position: absolute;top: 390px;right: 0;width: 250px;}
.part2_skillBox>div{position: absolute;width: 250px;text-align: center;font-size: 20px;color: #2b2e31;}
.part2_skillBox>div>span{display: block;width: 93px;height: 93px;margin: 0 auto 5px; }
.part2_skill1{top: 2px;right: -40px;}
.part2_skill2{top: 160px;right: -40px;}
.part2_skill3{top: 316px;right: 52px;}
.part2_skill4{top: 410px;right: 190px;}
.part2_ngSkill1{background-position: -31px -271px;}
.part2_ngSkill2{background-position: -177px -271px;}
.part2_ngSkill3{background-position: -324px -271px;}
.part2_ngSkill4{background-position: -470px -271px;}
.part2_spSkill1{background-position: -31px -378px;}
.part2_spSkill2{background-position: -177px -378px;}
.part2_spSkill3{background-position: -324px -378px;}
.part2_spSkill4{background-position: -470px -378px;}
.part2_moSkill1{background-position: -31px -487px;}
.part2_moSkill2{background-position: -177px -487px;}
.part2_moSkill3{background-position: -324px -487px;}
.part2_moSkill4{background-position: -470px -487px;}
.part2_gaiaSkill1{background-position: -31px -603px;}
.part2_gaiaSkill2{background-position: -177px -603px;}
.part2_gaiaSkill3{background-position: -324px -603px;}
.part2_gaiaSkill4{background-position: -470px -603px;}
.part2_soSkill1{background-position: -31px -715px;}
.part2_soSkill2{background-position: -177px -715px;}
.part2_soSkill3{background-position: -323px -715px;}
.part2_soSkill4{background-position: -469px -715px;}
.part2_erisSkill1{background-position: -31px -822px;}
.part2_erisSkill2{background-position: -178px -822px;}
.part2_erisSkill3{background-position: -324px -822px;}
.part2_erisSkill4{background-position: -471px -822px;}
.part2_haSkill1{background-position: -31px -937px;}
.part2_haSkill2{background-position: -177px -937px;}
.part2_haSkill3{background-position: -324px -937px;}
.part2_haSkill4{background-position: -470px -937px;}
.part2_doSkill1{background-position: -31px -1053px;}
.part2_doSkill2{background-position: -177px -1053px;}
.part2_doSkill3{background-position: -323px -1053px;}
.part2_doSkill4{background-position: -469px -1053px;}
.part2SmallImg{position: absolute;top: 760px;left: 146px;width: 428px;height: 150px; padding: 21px 24px; overflow: hidden; z-index: 3;box-sizing: border-box;}
.part2SmallImg .swiper-slide{width: 108px;height: 108px;cursor: pointer;overflow:visible;}
.part2SmallImg .swiper-slide-thumb-active::after{content: "";position: absolute;top: -29px;left: -29px; width: 166px;height: 166px;-webkit-animation: quan 10s infinite linear reverse;animation: quan 10s infinite linear reverse;
    background: url(../images/circle.png) no-repeat;}
.ngSwiper{background-position: -815px -142px;}
.spSwiper{background-position: -815px -8px;}
.moSwiper{background-position: -686px -8px;}
.gaiaSwiper{background-position: -945px -8px;}
.soSwiper{background-position: -945px -142px;}
.erisSwiper{background-position: -1074px -142px;}
.haSwiper{background-position: -686px -142px;}
.doSwiper{background-position: -1074px -8px;}


/* 第三屏 */
.part3Circle{position: absolute;left: 269px; top: 126px;width: 662px;height: 665px;background-position: -568px -937px;-webkit-animation: quan 18s infinite linear ;animation: quan 18s infinite linear ;}
.part3Circle2{position: absolute;left: 482px;top: 340px;width: 236px;height: 236px;background-position: -313px -1195px; -webkit-animation: quan 10s infinite linear reverse;animation: quan 10s infinite linear reverse;}
.part3Circle3{top: 530px;width: 730px;height: 279px; background-position: -530px -1606px;}
.part3Swiper{position: absolute;top: 80px;left: 170px;width: 992px;height: 900px; overflow: hidden; z-index: 2;}
.part3Swiper .swiper-slide{width: 992px;height: 900px;}
.part3_skillBox{position: absolute;top: 560px;left: 94px; width: 680px;height: 260px;transform: scale(0.9);}
.part3_skillBox>div{position: absolute;width: 210px;text-align: center;font-size: 20px;color: #2b2e31;}
.part3_skillBox>div>span{display: block;width: 105px;height: 105px;margin: 0 auto 5px;}
.part3_skill1{left: 20px;top: 50px;}
.part3_skill2{left: 220px;top: 110px;}
.part3_skill3{left: 420px;top: 50px;}
.part3_slSkill1{background-position: -5px -1189px;}
.part3_slSkill2{background-position: -5px -1311px;}
.part3_slSkill3{background-position: -139px -1311px;}
.part3_skill21{left: 0;top: 40px;}
.part3_skill22{left: 160px;top: 105px;}
.part3_skill23{left: 320px;top: 105px;}
.part3_skill24{left: 472px;top: 40px;}
.part3_vhSkill1{background-position: -5px -1447px;}
.part3_vhSkill2{background-position: -139px -1447px;}
.part3_vhSkill3{background-position: -273px -1447px;}
.part3_vhSkill4{background-position: -407px -1447px;}
.part3_wcSkill1{background-position: -5px -1593px;}
.part3_wcSkill2{background-position: -139px -1593px;}
.part3_wcSkill3{background-position: -273px -1593px;}
.part3_wcSkill4{background-position: -407px -1593px;}
.part3_rhSkill1{background-position: -5px -1732px;}
.part3_rhSkill2{background-position: -139px -1732px;}
.part3_rhSkill3{background-position: -273px -1732px;}
.part3_rhSkill4{background-position: -407px -1732px;}
.part3Swiper .swiper-button-prev, .part3Swiper .swiper-button-next{position: absolute;top: 43%;width: 107px;height: 86px;z-index: 2;}
.part3Swiper .swiper-button-prev:after,.part3Swiper .swiper-button-next:after{ display: none;}
.part3Swiper .swiper-button-prev{left: 30px;background-position: -14px -172px;}
.part3Swiper .swiper-button-next{right: 130px;background-position: -128px -172px;}







/* 第四屏 */
#slideStore{ width: 684px; height: 466px; position: absolute; top: 23.2%; left: 278px; overflow: hidden; z-index: 2;}
#slideStore .swiper-slide{ width: 684px;height: 466px; box-sizing: border-box;}
#slideStore .swiper-slide img{display: block;width: 100%;}
.swiper-button-prev,.swiper-button-next{position: absolute;top: 43%;width: 112px;height: 93px;z-index: 2;-webkit-animation: fadeInLeft 1s ease-in-out infinite alternate;animation: fadeInLeft 1s ease-in-out infinite alternate;}
.swiper-button-prev:after,.swiper-button-next:after{ display: none;}
.swiper-button-prev{left: 0;background-position: -248px -166px;}
.swiper-button-next{right: 0;background-position: -382px -166px;-webkit-animation-delay: -0.5s;animation-delay: -0.5s;}
 #slideStore .swiper-slide-prev,#slideStore .swiper-slide-next{opacity: 0.6 !important;}

 /* 第五屏 */
.part5_banner{position: absolute;top: 12%;left: 0;width: 1200px;}
.part5_banner .swiper-slide{width: 992px;height: 521px; box-sizing: border-box;}
.part5_banner .swiper-slide img{display: block;width: 100%;}
.part5_banner .swiper-button-prev,.part5_banner .swiper-button-next{position: absolute;top: 50%;margin-top: -39.5px; width: 79px;height: 48px; }
.part5_banner .swiper-button-prev:after,.part5_banner .swiper-button-next:after{ display: none;}
.part5_banner .swiper-button-prev{left: 2%;background-position: -506px -189px;}
.part5_banner .swiper-button-next{right: 2%;background-position: -594px -189px;}
.part5_banner .swiper-slide-prev::after,.part5_banner .swiper-slide-next::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgb(0, 0, 0,.66); }

@-webkit-keyframes quan{
    to{
       -webkit-transform: rotate(360deg);
    }
}
@keyframes quan{
    to{
        transform: rotate(360deg);
    }
}


/*动画*/
@-webkit-keyframes pulse{0%{filter:brightness(100%)}50%{filter:brightness(140%)}100%{filter:brightness(100%)}}
@-moz-keyframes pulse{0%{filter:brightness(100%)}50%{filter:brightness(140%)}100%{filter:brightness(100%)}}
@-o-keyframes pulse{0%{filter:brightness(100%)}50%{filter:brightness(140%)}100%{filter:brightness(100%)}}
@keyframes pulse{0%{filter:brightness(100%)}50%{filter:brightness(140%)}100%{filter:brightness(100%)}}
/*向下箭头--动画效果*/
@-webkit-keyframes fadeInDown {
    from {
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}
@-o-keyframes fadeInDown {
    from {
        -o-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0);
    }

    to {
        -o-transform: none;
        transform: none;
    }
}
@-moz-keyframes fadeInDown {
    from {
        -moz-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0);
    }

    to {
        -moz-transform: none;
        transform: none;
    }
}
@keyframes fadeInDown {
    from {
        transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0);
    }

    to {
        transform: none;
        transform: none;
    }
}
/* 左右动画 */
@-webkit-keyframes fadeInLeft {
    from {
        -webkit-transform: translate3d(-30%, 0, 0);
        transform: translate3d(-30%, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeft {
    from {
        -webkit-transform: translate3d(-30%, 0, 0);
        transform: translate3d(-30%, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}


/*底部信息*/
.swiper_footer{position: absolute;top: 90%;left: 0;width: 100%;height: 100px;background:#000000;}
.copyright{position: relative;margin: 20px auto 0; width:1200px; text-align:center; line-height:20px; display:block;font-size: 14px; color: #f5e28c;  z-index:4;}
.copyright a{ color: #f5e28c;}
.copyright a:hover{ color: #FFFFFF;}


@media screen and (max-width: 1800px) {
    .swiper_footer{ width: 150%; top: 94%; left: -25%;}
    .part,.down{-webkit-transform: scale(0.96);-moz-transform: scale(0.96);-ms-transform: scale(0.96);-o-transform: scale(0.96);transform: scale(0.96);
        -webkit-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease;}
    .part,.down{-webkit-transform-origin: center 0;-moz-transform-origin: center 0;-ms-transform-origin: center 0;-o-transform-origin: center 0;transform-origin: center 0;}
}
@media screen and (max-width: 1700px) {
    .swiper_footer{ width: 150%; top: 99%; left: -25%;}
    .part,.down{-webkit-transform: scale(0.92);-moz-transform: scale(0.92);-ms-transform: scale(0.92);-o-transform: scale(0.92);transform: scale(0.92);}
}
@media screen and (max-width: 1600px) {
    .swiper_footer{ width: 150%; top: 103%; left: -25%;}
    .part,.down{-webkit-transform: scale(0.88);-moz-transform: scale(0.88);-ms-transform: scale(0.88);-o-transform: scale(0.88);transform: scale(0.88);}
}
@media screen and (max-width: 1500px) {
    .swiper_footer{ width: 150%; top: 108%; left: -25%;}
    .part,.down{-webkit-transform: scale(0.84);-moz-transform: scale(0.84);-ms-transform: scale(0.84);-o-transform: scale(0.84);transform: scale(0.84);}
}
@media screen and (max-width: 1400px) {
    .swiper_footer{ width: 150%; top: 113%; left: -25%;}
    .part,.down{-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);}
}
@media screen and (max-width: 1300px) {
    .swiper_footer{ width: 150%; top: 119%; left: -25%;}
    .part,.down{-webkit-transform: scale(0.76);-moz-transform: scale(0.76);-ms-transform: scale(0.76);-o-transform: scale(0.76);transform: scale(0.76);}
}