* {  margin:0;  padding:0;box-sizing: border-box;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none; -ms-user-select: none;}
body {  background-color:#090708;  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:14px;  color:#333;  }
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}
ul,ol{list-style: none}
a{text-decoration:none;cursor:pointer}
#header{height:50px;top:0;left:0;z-index: 999;}
#header .wrap{height: 50px;width:1100px;margin: 0 auto}
#header .logo{float: left;width: 200px;height: 49px;}
#header .logo img{max-width: 200px;height:49px}
#header .notice{float:right;width:850px;height:49px;position:relative;overflow: hidden}
#notice{color: #DFB686;font-size: 14px;line-height: 54px;white-space:nowrap;animation: r2l 13s linear 2s infinite;position: relative;text-shadow: 1px 1px 3px #000;}
#notice:hover{animation-play-state:paused}
@keyframes r2l { 10% {right: 0;} 100% {right: 100%;} }
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;padding: 5px 0; border-radius: 7px;background: #fff}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{cursor:pointer;position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:0;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:0;left:auto}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1280px}
.banner {padding-top:10px;}
.banner h1 {font-size:36px;text-align:center;font-weight:normal; }
.banner h2  {font-size:18px;  color:#535353;  text-align:center;  font-weight:normal;  margin:20px 0 60px;  }
.banner .swiper {  width:1280px;  margin:0 auto;  position:relative;  }
.current-swiper {  width:990px;  height:353px;  margin:0 auto;  box-shadow:0 0 20px rgba(0,0,0,0.05);  position:relative;  z-index:99;  }
.left-swiper {  position:absolute;  left:50px;  top:52px;  z-index:1;  }
.right-swiper {  position:absolute;  right:50px;  left:auto;  top:52px;  z-index:1;  }
.nocurrent-swiper {  width:479px;  height:273px;  box-shadow:0 0 8px rgba(0,0,0,0.3);  }
.nocurrent-swiper:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(237,240,240,0.25);z-index:99;}
.slide img{width:100%;height:100%;vertical-align: middle;}
.swiper-button-prev,.swiper-button-next {width:46px;height:46px;color: rgba(240,240,240,0.6);border: 2px solid rgba(240,240,240,0.6);border-radius: 50%;text-align: center;font-size: 37px;line-height: 37px;box-shadow: 2px 2px 3px rgba(50,50,50,0.4);text-shadow: 2px 2px 3px rgba(50,50,50,0.4);}
.swiper-button-prev:hover,.swiper-button-next:hover{color: rgba(240,240,240,1);border: 2px solid rgba(240,240,240,1)}
.kwBox{width: 1070px;height: 300px;margin:0 auto;padding: 5px;background: #fff}
.kwBox img {width: 100%;height: 100%;animation: switch 5s ease-out infinite;}
#recommend ,#promotions{width:1100px;margin:0 auto;margin-top:15px;}
#recommend .hot{padding:0 20px;height:35px;display: inline-block;border-bottom:2px solid #fff; }
#recommend .hotTitle{color:#fff;font-size: 20px;line-height: 35px;font-weight: normal;}
#recommend .rand{overflow:hidden;padding: 15px 15px 0}
#recommend .thumbnail{background: #fafafa;width:346.66px;float: left;padding:10px;margin-right: 15px;margin-bottom: 15px;cursor: pointer;position: relative;transition:all 0.3s;-webkit-transition:bottom 0.3s;bottom:0;box-shadow: 3px 3px 5px rgba(50,50,50,0.8)}
#recommend .thumbnail:hover{bottom:4px;box-shadow: 0 0 0}
#recommend .thumbnail:nth-child(3n){margin-right: 0}
#recommend .thumbnail img{width: 326.66px;height:160px}
#recommend .thumbnail p{margin: 5px;color:#888}
#recommend .thumbnail .info{height: 45px;line-height: 15px;overflow: hidden;}
#recommend .thumbnail .tit{text-align: center;color:rgb(194,12,12);font-size:18px;font-weight: normal;line-height:20px;font-weight: bolder;margin: 0 auto;}
#recommend .thumbnail .repIndex{text-align: center}
#recommend .thumbnail .star{color: #ffcc00;font-weight: 500;font-size:18px}
#recommend .thumbnail .login{text-align: center;margin:0}
#recommend .thumbnail .login .btn{padding: 3px 7px;cursor:pointer;background: rgb(194,12,12);color: #fff;font-weight: 600;border: none;position: relative;transform: translateZ(0);-webkit-transform: translateZ(0);}
#recommend .thumbnail .login .btn:before{content: '';position: absolute;border: rgb(194,12,12) solid 3px;transition-duration: 0.3s;-webkit-transition-property: top, right, bottom, left;transition-property: top, right, bottom, left; top: 0;right: 0;bottom: 0;left: 0;}
#recommend .thumbnail:hover .login .btn:before,.thumbnail:focus .login .btn:before,.thumbnail:active .login .btn:before{top: -6px;bottom: -6px;left: -6px;right: -6px;}
#promotions{overflow: hidden;padding:0 15px}
#promotions .list{float: left;width: 346.66px;overflow: hidden;}
#promotions .list:nth-child(2){margin: 0 15px}
#promotions .list li{margin-bottom: 15px;padding:5px;overflow: hidden;background: #fafafa;height: 80px;}
#promotions .list li:nth-child(n+2){cursor: pointer;position: relative;transition:all 0.3s;-webkit-transition:bottom 0.3s;bottom:0;box-shadow: 3px 3px 5px rgba(50,50,50,0.8)}
#promotions .list li:nth-child(n+2):hover{bottom: 3px;box-shadow: 0 0 0}
#promotions .list .tit{color:#fff;font-size: 20px;font-weight: normal;text-align: center;background: rgb(194,12,12);height: 35px;margin-bottom: 10px}
#promotions .list img{width:100px;height: 70px;float: left}
#promotions .list div{width:230px;float: right;height: 70px;}
#promotions .list div h3{font-size: 14px;font-weight: bold;color: rgb(194,12,12);margin-bottom: 2px;height:18px;overflow: hidden}
#promotions .list div p{height: 45px;line-height:15px;overflow: hidden;color: #888;font-size: 12px}
#footer{width: 100%;text-align: center;color: #7d6032;padding: 30px 0;margin-top: 30px;font-size: 23px}
#footer .bott a{color: #7d6032}
#footer .bott a:hover{color:#C20C0C}
#footer .bott span{ background-image: url(../img/icon-footergame.png);  height: 48px;  display: inline-block;  margin-top: 5px;  margin-bottom: 37px;  margin-right: 40px;}
#footer .bott .span1{width: 38px;}
#footer .bott .span2{background-position: -77px 0;width: 83px;}
#footer .bott .span3{background-position: -200px 0;width: 107px;}
#footer .bott .span4{background-position: -345px 0;width: 125px;}
#footer .bott .span5{background-position: -505px 0;width: 78px;}
#footer .bott .span6{background-position: -620px 0;width: 140px;}
#footer .bott .span7{background-position: -794px 0;width: 132px;}
#footer .bott .span8{background-position: -953px 0;width: 175px;margin-right: 0;}
#footer .bott .span9{background-position: -1128px 0;width: 32px;margin-right: 0;}
#bg{position:fixed;z-index:-999;height:100%;width:100%;top:0;left:0;background: url("../img/indexbg.jpg") no-repeat center top}
.left{left:0}
.right{right:0}
.fireworksBox{position:fixed;z-index:-99;width: 100%;height: 100%;top:0;left:0;}
.fireworks{width:15%;position: absolute;bottom: 55%;transform: scale(0);animation: fireworks 3s 2.8s infinite;}
@keyframes fireworks {0%{transform: scale(0);}80%{transform: scale(1);}100%{opacity: 0;}}
.firecracker{width:15%;position: absolute;  text-align:center;height:100%}
.firecracker img{margin:0 auto;position: absolute;bottom: 0%;animation: firecracker 3s forwards infinite;width:8px;left: 50%;margin-left: -4px;}
@keyframes firecracker {0%{transform: scale(1);bottom: -2%;}100%{bottom: 65%;transform: scale(0);}}
.kwBox{width: 1070px;height: 300px;margin:0 auto;padding: 5px;background: #fff}
.kwBox img {width: 100%;height: 100%;animation: switch 5s ease-out infinite;}
#container {
  width: 1070px;
  height: 300px;
  margin:0 auto;
  padding: 0px;
  background: #fff;
  overflow: hidden;
}

.big_img{
    padding: 15px 15px 0;
    width: 100%;
    text-align: center;
}
.big_img img{
    width: 100%;
}
.big_img h1{
    color: red;
}

 
#photo {
  width: 5350px;
  animation: switch 25s ease-out infinite; 
}
#photo li img { 
  float: left;
  width: 1070px;
  height: 300px;
  transition: all 1s;
}
 


@keyframes switch {
 
   /*动画起始位置*/
  2%{
  transform: translateX(0px);
  }
  6%{
  transform: translateX(0px);
  }
 /*动画结束状态*/
  24%{
  transform: translateX(-1070px);
  }
   28%{
  transform: translateX(-1070px);
  }
  48%{
  transform: translateX(-2140px);
  }
    52%{
  transform: translateX(-2140px);
  }
  72%{
  transform: translateX(-3210px);
  }
    76%{
  transform: translateX(-3210px);
  }
  96%{
  transform: translateX(-4280px);
  }
  100%{
  transform: translateX(-4280px);
  }
}