* {margin: 0;padding: 0;border: 0;list-style: none;outline: none;}
a,a:hover{text-decoration: none;-webkit-transition: all 0.45s;-ms-transition: all 0.45s;-moz-transition: all 0.45s;transition: all 0.45s;}
.allclear{ clear: both;}


body{width: 100%;font: 12px/1.5 Arial; background: #000000; min-width: 1200px; min-height: 720px;}
.wrap{position: relative; width: 100%;height: 1572px;overflow: hidden; background: no-repeat center url("../images/bg.jpg"); background-size: auto 100%;}
.bg img{display: block;width: 100%;}
.video{position: absolute;top: 0;left: 50%;width: 1920px; margin-left: -960px; z-index: 2;}
.main{position: relative;width: 1200px;margin: 0 auto; z-index: 3; }
.logo{ position: absolute; left: 345px; top: 424px;}
.part_txt{ width: 1038px; height: 163px;  background: url("../images/textbg.png") no-repeat; padding: 50px 225px 0 205px; position: absolute;top: 767px;left: -133px; color: #77511b;font-size: 17px; line-height: 25px; font-weight: 600;}
.play{ width: 395px; height: 140px; background: url("../images/playnow.webp") no-repeat; position: absolute; left: 381px; top: 540px; z-index: 2; cursor: pointer;-webkit-animation: light 2s steps(20) infinite;animation: light 2s steps(20) infinite;}
.play:hover{ background: url("../images/playnow2.webp") no-repeat;}


.part1_bar{ width: 100px; height: 370px; position: fixed; 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;}


#slideStore{ width: 1280px; height: 524px; position: absolute; top: 1050px; left: -40px; overflow: hidden; z-index: 2;}
#slideStore .swiper-slide{ width: 958px; background: #000000;height: 501px; box-sizing: border-box;}
#slideStore .swiper-slide img{display: block;width: 100%;}
#slideStore .swiper-slide-active img{ border: 1px #f8d270 solid;}

.swiper_footer{position: absolute;bottom: 0;left: 0;width: 100%;height: 100px; z-index: 5; background: #000000;}
.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: #FFFFFF;}

.mask{display: none; width: 100%; height: 100%; background: #000; opacity: .7;filter:alpha(opacity=70); position: fixed; left: 0; top: 0; z-index:99;}


@-webkit-keyframes light {
  to{
    background-position: 0 -8400px;
  }
}
@keyframes light {
  to{
    background-position: 0 -8400px;
  }
}



@media screen and (max-width: 1800px) {
  .wrap{height: 1701.12px;}
  .video,.bg,.main,.copyright{-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;}
  .video,.bg,.main,.copyright{-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) {
  .wrap{height: 1630.24px;}
  .bg,.main,.copyright{-webkit-transform:perspective(1px) scale(0.92);-moz-transform:perspective(1px) scale(0.92);-ms-transform:perspective(1px) scale(0.92);-o-transform:perspective(1px) scale(0.92);transform:perspective(1px) scale(0.92);}
}
@media screen and (max-width: 1600px) {
  .wrap{height: 1559.36px;}
  .video,.bg,.main,.copyright{-webkit-transform:perspective(1px) scale(0.88);-moz-transform:perspective(1px) scale(0.88);-ms-transform:perspective(1px) scale(0.88);-o-transform:perspective(1px) scale(0.88);transform:perspective(1px) scale(0.88);}
}
@media screen and (max-width: 1500px) {
  .wrap{height: 1488.48px;}
  .video,.bg,.main,.copyright{-webkit-transform:perspective(1px) scale(0.84);-moz-transform:perspective(1px) scale(0.84);-ms-transform:perspective(1px) scale(0.84);-o-transform:perspective(1px) scale(0.84);transform:perspective(1px) scale(0.84);}
}
@media screen and (max-width: 1400px) {
  .wrap{height: 1417.6px;}
  .video,.bg,.main,.copyright{-webkit-transform:perspective(1px) scale(0.8);-moz-transform:perspective(1px) scale(0.8);-ms-transform:perspective(1px) scale(0.8);-o-transform:perspective(1px) scale(0.8);transform:perspective(1px) scale(0.8);}
}
@media screen and (max-width: 1300px) {
  .wrap{height: 1346.72px;}
  .video,.bg,.main,.copyright{-webkit-transform:perspective(1px) scale(0.76);-moz-transform:perspective(1px) scale(0.76);-ms-transform:perspective(1px) scale(0.76);-o-transform:perspective(1px) scale(0.76);transform:perspective(1px) scale(0.76);}
}
@media screen and (max-width: 1200px) {
  .wrap{height: 1275.84px;}
  .video,.bg,.main,.copyright{-webkit-transform:perspective(1px) scale(0.72);-moz-transform:perspective(1px) scale(0.72);-ms-transform:perspective(1px) scale(0.72);-o-transform:perspective(1px) scale(0.72);transform:perspective(1px) scale(0.72);}
}


@-webkit-keyframes fadeInLeft {
  from {
    /*opacity: 0;*/
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
  }

  to {
    /*opacity: 1;*/
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    /*opacity: 0;*/
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
  }

  to {
    /*opacity: 1;*/
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInRight {
  from {
    /*opacity: 0;*/
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
  }

  to {
    /*opacity: 1;*/
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    /*opacity: 0;*/
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
  }

  to {
    /*opacity: 1;*/
    -webkit-transform: none;
    transform: none;
  }
}