*{margin: 0;padding: 0;border: 0;list-style: none;}
a{text-decoration: none;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.allclear{ clear: both;}



html,body{width: 100%; height: 100%; font-family: "Arial";background: #030000; 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{position: relative;width: 100%;min-width: 1200px;}
.part1 .container,.part2 .container,.part3 .container,.part4 .container{ width: 1200px; height: 1080px; z-index: 4;position: absolute;top: 0;left: 50%; margin-left: -600px;}
.top_logo{ width: 162px; height: 107px; background: url(../images/sl_logo.png) no-repeat; position: absolute;top:23.5%;right: -8px;}
.playnow,.bot_playnow{width: 425px; height: 145px; background: url(../images/playnow.webp) no-repeat;background-position: 0 0; position: absolute; z-index: 2;-webkit-animation: part1_play 3s steps(75) infinite;animation: part1_play 3s steps(75) infinite;}
.playnow{ top: 66%; right: 130px;}
.bot_playnow{ top: 59.8%; left: 394px;}
.playnow:hover,.bot_playnow:hover{ background: url(../images/playnow2.webp) no-repeat;background-position: 0 0;}
.down{ position: sticky; position: -webkit-sticky; /* Safari */ left: 47.5%; top:88%; 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;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.part1_bar:hover{ left: 0;}
.part1_fb,.part1_discord,.part1_ytb,.gotop,.part1_forum{position: absolute;left: 25px; width: 59px;height: 58px;}
.gotop{ top: 0; background: url("../images/gotop.png") no-repeat;}
.gotop:hover{ background: url("../images/gotop2.png") no-repeat;}
.part1_fb{top: 65px; background: url("../images/facebook.png") no-repeat;}
.part1_fb:hover{background: url("../images/facebook2.png") no-repeat;}
.part1_ytb{top: 130px; background: url("../images/youtube.png") no-repeat;}
.part1_ytb:hover{background: url("../images/youtube2.png") no-repeat;}
.part1_discord{top: 195px; background: url("../images/discord.png") no-repeat;}
.part1_discord:hover{background: url("../images/discord2.png") no-repeat;}
.part1_forum{top: 260px; background: url("../images/forum.png") no-repeat;}
.part1_forum:hover{background: url("../images/forum2.png") no-repeat;}



/*20220926新增公告*/
.part1_notice{position: absolute;left: 10%;bottom: 20%;padding: 20px;color: #fff; width: 250px;min-height: 200px;background-color: #000;z-index: 5;-webkit-transform: translateZ(1px);transform: translateZ(1px);}
.part1_title{text-align: center;font-size: 22px;font-weight: bold;margin-bottom: 10px;cursor: default;}
.part1_txt{word-wrap: break-word;line-height: 18px;cursor: default;font-size: 14px;}
.part1_txt a{font-size: 14px;color: #f00;text-decoration: underline;word-break: break-all;}
.part1_txt a:hover{color: #9d0808;}



.part2_tv{position: absolute;top: 18%;left: -10px;width: 870px;height: 585px; background: url("../images/part2_TV.png") no-repeat; z-index: 2;}
.part2_video{ width: 600px; height: 440px; position: absolute; top: 232px; left: 50px; z-index: 1; background: #000000;}
.part2_slogan{position: absolute;top: 20%;left: 870px;width: 360px;height: 88px; background: url("../images/part2_slogan.png") no-repeat;}
.part2_txt{position: absolute;top: 30%;left: 875px;font-size: 24px;width: 280px;color: #fff;line-height: 30px;}
.part2_btn{position: absolute;top: 41%;left: 875px;width: 195px;height: 63px;}
.part2_news{background: url("../images/part2_news.png") top center no-repeat;}
.part2_news:hover{background: url("../images/part2_news2.png") no-repeat;}
.part2_guides{top: 48%; background: url("../images/part2_guides.png") top center no-repeat}
.part2_guides:hover{background: url("../images/part2_guides2.png") no-repeat}
.part2_code{top: 55%;background: url("../images/part2_codes.png") top center no-repeat;}
.part2_code:hover{background: url("../images/part2_codes2.png") no-repeat;}
.part2_support{top: 62%;background: url("../images/part2_support.png") top center no-repeat;}
.part2_support:hover{background: url("../images/part2_support2.png") no-repeat;}


.part3_img{position: absolute;top: 16%;width: 472px;height: 377px;}
.part3_img:after{content: ""; position: absolute;width: 419px;height: 267px; background: url("../images/filter.webp") no-repeat;background-position: 0 0; -webkit-animation: part3_filter 2s steps(36) infinite;animation: part3_filter 2s steps(36) infinite;}
.part3_img1:after{-webkit-transform: rotate(9deg);transform: rotate(9deg);left: 32px;top: 17px;}
.part3_img2:after{-webkit-transform: rotate(348deg);transform: rotate(348deg);left: 22px;top: 47px;-webkit-animation-delay: -0.5s;animation-delay: -0.5s;}
.part3_img3:after{-webkit-transform: rotate(9deg);transform: rotate(9deg);left: 28px;top: 17px;-webkit-animation-delay: -1s;animation-delay: -1s;}
.part3_img4:after{-webkit-transform: rotate(348deg);transform: rotate(348deg);left: 42px;top: 47px;-webkit-animation-delay: -1.5s;animation-delay: -1.5s;}
.part3_img1{top: 12%; right: 9.5%; height: 342px; background: url("../images/part3_img1.png") no-repeat;}
.part3_img1:hover{background: url("../images/part3_img12.png") no-repeat;}
.part3_img2{left: 8%; background: url("../images/part3_img2.png") no-repeat;}
.part3_img2:hover{background: url("../images/part3_img22.png") no-repeat;}
.part3_img3{top:47%;left: 12%; width: 468px;height: 334px; background: url("../images/part3_img3.png") no-repeat;}
.part3_img3:hover{background: url("../images/part3_img32.png") no-repeat;}
.part3_img4{top:44.5%;right: 0; background: url("../images/part3_img4.png") no-repeat;}
.part3_img4:hover{background: url("../images/part3_img42.png") no-repeat;}
.part3_title1{position: absolute;top: 40px;right: 70px;width: 161px;height: 47px;-webkit-transform: rotate(9deg);transform: rotate(9deg); background: url("../images/part3_title1.webp") no-repeat;background-position: 0 0;-webkit-animation: part3_txt1 3s steps(74) infinite;animation: part3_txt1 3s steps(74) infinite;}
.part3_title2{position: absolute;top: 35px;right: 138px;width: 135px;height: 66px;-webkit-transform: rotate(348deg);transform: rotate(348deg); background: url("../images/part3_title2.webp") no-repeat;background-position: 0 0;-webkit-animation: part3_txt2 3s -0.5s steps(75) infinite;animation: part3_txt2 3s -0.5s steps(75) infinite;}
.part3_title3{position: absolute;top: 27px;right: 85px;width: 150px;height: 56px;-webkit-transform: rotate(9deg);transform: rotate(9deg); background: url("../images/part3_title3.webp") no-repeat;background-position: 0 0;-webkit-animation: part3_txt4 3s -1s steps(75) infinite;animation: part3_txt4 3s -1s steps(75) infinite;}
.part3_title4{position: absolute;top: 40px;right: 130px;width: 150px;height: 56px;-webkit-transform: rotate(348deg);transform: rotate(348deg); background: url("../images/part3_title4.webp") no-repeat;background-position: 0 0;-webkit-animation: part3_txt4 3s -1.5s steps(75) infinite;animation: part3_txt4 3s -1.5s steps(75) infinite;}

/*part3 弹窗*/
/*点击弹出窗 兼容IE*/
.mask{display: none; width: 100%; height: 100%; background: #000; opacity: .8;filter:alpha(opacity=80); position: fixed; left: 0; top: 0; z-index:99;}
.pop{display: none; width: 732px; height: 559px;z-index:99;;

  margin-left:-366px!important;/*FF IE7 half of its width */
  margin-top:-240px!important;/*FF IE7 half of its height*/

  left:50%;/*FF IE7*/
  top:40%;/*FF IE7*/

  margin-top:0px;
  position:fixed!important;/*FF IE7*/
  position:absolute;/*IE6*/

  _top:       expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}
.pop_part3Img{position: absolute;top: 42px;left: 16px;}
.pop_part3Box{position: absolute;top: 0;left: 0;}
.pop_close{position: absolute;top: 5px;right: 10px;width: 76px;height: 76px;cursor: pointer; background: url("../images/part3_close.png") center no-repeat;}
.pop_close:hover{background: url("../images/part3_close2.png") no-repeat;}
.pop_title{position: absolute;top: 22px;left: 18px;}
.pop_txt{position: absolute;left: 450px;top: 78px;height: 368px;}
.pop_txt:after{content: "";display: inline-block;width: 0;height: 100%;vertical-align: middle;}
.pop_txt img{display: inline-block;vertical-align: middle;}
.pop_equipment{position: absolute;top: 416px;left: 380px;}





/*par4*/
.content {position: relative;display: flex;justify-content: flex-end;align-items: center;margin: 0 auto;min-height: 100vh;}
.effect-1 {
  --gap-horizontal: 40px;
  --gap-vertical: 50px;
  --time-anim: 2s;
  --delay-anim: 0s;
  --blend-mode-1: none;
  --blend-mode-2: luminosity;
  --blend-mode-3: none;
  --blend-mode-4: none;
  --blend-mode-5: overlay;
  --blend-color-1: transparent;
  --blend-color-2: #436161;
  --blend-color-3: transparent;
  --blend-color-4: transparent;
  --blend-color-5: #af4949;
}
.slide-nav{pointer-events: none;opacity: 0;height: 0;}
.part4_logo{position: absolute;top: 48%;left: 50%;margin-left: -103px; width: 206px;height: 141px; background: url("../images/part4_logo.png") no-repeat;}


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


@-webkit-keyframes part1_play {
  to{
    background-position: 0 -10875px;
  }
}
@keyframes part1_play {
  to{
    background-position: 0 -10875px;
  }
}



@-webkit-keyframes part3_txt1 {
  to{
    background-position: 0 -3478px;
  }
}
@keyframes part3_txt1 {
  to{
    background-position: 0 -3478px;
  }
}

@-webkit-keyframes part3_txt2 {
  to{
    background-position: 0 -4950px;
  }
}
@keyframes part3_txt2 {
  to{
    background-position: 0 -4950px;
  }
}

@-webkit-keyframes part3_txt4 {
  to{
    background-position: 0 -4200px;
  }
}
@keyframes part3_txt4 {
  to{
    background-position: 0 -4200px;
  }
}


@-webkit-keyframes part3_filter {
  to{
    background-position: 0 -9612px;
  }
}
@keyframes part3_filter {
  to{
    background-position: 0 -9612px;
  }
}

/*动画*/
@-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;
    }
}



@media screen and (max-width: 1800px) {
  .swiper_footer{top: 87.8%;}
  .part,.part4 .container{-webkit-transform:perspective(1px) scale(0.96);-moz-transform:perspective(1px) scale(0.96);-ms-transform:perspective(1px) scale(0.96);-o-transform:perspective(1px) scale(0.96);transform:perspective(1px) scale(0.96);
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;}
  .part,.part4 .container{-webkit-transform-origin: center 0;-moz-transform-origin: center 0;-ms-transform-origin: center 0;-o-transform-origin: center 0;transform-origin: center 0;}
  .down{left: 47%; top: 92%;}
}
@media screen and (max-width: 1700px) {
  .part,.part4 .container{-webkit-transform: scale(0.92);-moz-transform: scale(0.92);-ms-transform: scale(0.92);-o-transform: scale(0.92);transform: scale(0.92);}
  .part,.part4 .container{-webkit-transform-origin: center 0;-moz-transform-origin: center 0;-ms-transform-origin: center 0;-o-transform-origin: center 0;transform-origin: center 0;}
  .down{left: 47%; top: 95%;}
  .playnow{top:60%;}
  .part4_logo{top: 45%;}
  .bot_playnow{top: 57%;}
}
@media screen and (max-width: 1600px) {
  .part,.part4 .container{-webkit-transform: scale(0.88);-moz-transform: scale(0.88);-ms-transform: scale(0.88);-o-transform: scale(0.88);transform: scale(0.88);}
  .part,.part4 .container{-webkit-transform-origin: center 0;-moz-transform-origin: center 0;-ms-transform-origin: center 0;-o-transform-origin: center 0;transform-origin: center 0;}
  .down{left: 47%; top: 100%;}
}
@media screen and (max-width: 1500px) {
  .part,.part4 .container{-webkit-transform: scale(0.84);-moz-transform: scale(0.84);-ms-transform: scale(0.84);-o-transform: scale(0.84);transform: scale(0.84);}
  .part,.part4 .container{-webkit-transform-origin: center 0;-moz-transform-origin: center 0;-ms-transform-origin: center 0;-o-transform-origin: center 0;transform-origin: center 0;}
  .down{left: 47%; top: 105%;}
  .part1_notice{left: 0;bottom: 10%;}
}
@media screen and (max-width: 1400px) {
  .part,.part4 .container{-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);}
  .part,.part4 .container{-webkit-transform-origin: center 0;-moz-transform-origin: center 0;-ms-transform-origin: center 0;-o-transform-origin: center 0;transform-origin: center 0;}
  .down{left: 46.5%; top: 110%;}
  .part1_notice{left: -3%;bottom: 0;}
}
@media screen and (max-width: 1300px) {
  .part,.part4 .container{-webkit-transform: scale(0.76);-moz-transform: scale(0.76);-ms-transform: scale(0.76);-o-transform: scale(0.76);transform: scale(0.76);}
  .part,.part4 .container{-webkit-transform-origin: center 0;-moz-transform-origin: center 0;-ms-transform-origin: center 0;-o-transform-origin: center 0;transform-origin: center 0;}
  .down{left: 46.5%; top: 115%;}
  .part1_notice{left: -6%;}
}
@media screen and (max-width: 1200px) {
  .part,.part4 .container{-webkit-transform: scale(0.72);-moz-transform: scale(0.72);-ms-transform: scale(0.72);-o-transform: scale(0.72);transform: scale(0.72);}
  .part,.part4 .container{-webkit-transform-origin: center 0;-moz-transform-origin: center 0;-ms-transform-origin: center 0;-o-transform-origin: center 0;transform-origin: center 0;}
  .down{left: 46%; top: 119%;}
}