@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	margin: 0px 0px 0px 0px;
}
body {
	overflow-x: hidden;
}
.bigcontainer {
	width: 100%;
	background: #000;
	top:-110;
}
.test {
	border: 1px solid red;
}
.fl {
	float: left;
}
.cl {
	clear: both;
}
.bl {
	display: block;
}
.ab {
	position: absolute;
	left: 431px;
	top: -1px;
}
.rl {
	position: relative;
}
.topcontainer {
	width:1920px;height:1078px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_01.html) no-repeat center;
	background-position: -0px -0px;
}

.animatetop{	
	width:1920px;height:1078px;left:50%;margin-left:-960px;

}


.topcontainer .topnavs{
	width:616px;height:30px;left:50%;margin-left:-41px;top:23px;
}

.topcontainer .topnavs .nav{
	width:112px;height:30px;
}

.topcontainer .topnavs .nav1{
	margin-left:0px;;
}

.topcontainer .topnavs .nav2{
	margin-left:167px;;
}

.topcontainer .topnavs .nav3{
	margin-left:335px;;
}

.topcontainer .topnavs .nav4{
	margin-left:503px;;
}
#Flash {
    width: 1920px;
    height: 1080px;
    position: absolute;
    left: 50%;
    margin: 0px auto -272px -960px;
    z-index: 50;
}
#Header{margin:0 auto -290px -960px;width:1920px;height:1080px;position:absolute;left:50%;line-height:0px;}

#Download{width: 764px;height: 172px;text-align:center;position:absolute;top: 880px;left:50%;margin-left: -366px;z-index:51;border-radius:5px;background:url(../images/smdown.png) no-repeat left top;}
#Download .btn_down_s1{float:left;width: 117px;height:113px;text-indent:-999em;margin-left: 35px;margin-top: 34px;}
#Download .btn_down_s2{float:left;width: 162px;height: 47px;text-indent:-999em;margin-left: 500px;margin-top: -120px;}
#Download .btn_down_s3{float:left;width: 162px;height: 47px;text-indent:-999em;margin-left: 500px;margin-top: -50px;}
#Download .btn_down_s4{float:left;width: 109px;height: 110px;text-indent:-999em;overflow:hidden;margin-left: 32px;margin-top: 33px;}

.gameIntro {
	width:1920px;height:1100px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_02.jpg) no-repeat center;
	background-position: 0px -0px;
}



.gzshow{
	width:1920px;
	height:700px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background-position: 0px 0px;
	background-image: url(../images/bj_03.jpg);
	background-repeat: no-repeat;
}

.zbShow2{
	width:1920px;height:700px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_04.jpg) no-repeat center;
	background-position: 0px -0px;	
}


.zbShow{
	width:1920px;height:800px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_05.jpg) no-repeat center;
	background-position: 0px -0px;	
}

.gzimg{width:309px;height:309px;left:50%;margin-left:-366px;top:221px;background: url(../images/bj04_jcjt/gifdh.html) no-repeat center;z-index: 50;}


.gzzs{
	width:1920px;height:800px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_06.jpg) no-repeat center;
	background-position: 0px -0px;	
}




.zbShow3{
	width:1920px;height:800px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_06.jpg) no-repeat center;
	background-position: 0px -0px;	
}

.zbShow4{
	width:1920px;height:800px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_08.jpg) no-repeat top;
	background-position: 0px -0px;	
}


.bottom{
	width:1920px;
	height:132px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background-position: 0px -0px;
	background-image: url(../images/bj_07.jpg);
}


  @keyframes ticker-kf {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-308rem, 0, 0); }
  }
  .img-ticker {
    animation: ticker-kf 60s linear infinite;
    height: 600px;
  }
  .w-64 {}
  .mx-4 { margin-left: 12px; margin-right: -8px; }
  .overflow-hidden { overflow: hidden; }
  .flex { display: flex; }
  .-mx-4 { margin-left: -1rem; margin-right: -1rem; }
  .mx-4 { margin-left: 0.2rem; /*间隔*/margin-right: 0rem; }
  .self-start { align-self: flex-start; }
  .items {width:1220px;left:50%;margin-left:-513px;margin-top:320px;}
.items ul{}
.items li{ width:42px; height:176px; float:left; list-style:none; margin-right:159px;}

.itemcss{ position:relative;width:52px; height:52px;margin:0 auto} 
.itemcss a,.itemcss span{display:none; text-decoration:none}
.itemcss:hover{cursor:pointer} 
.itemcss:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;
 z-index:100; left:0; display:block;}
.itemcss:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;margin-left:50px;
z-index:10;height:36px; line-height:36px; filter:alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9;}

.NewsList{margin:0 18px;width:850px;height:703px;position: absolute;top:364px; margin-left: 690px;transition:all 0.1s linear;}
.NewsList li:hover{transform:translatex(5px);}
.NewsList li{width:850px;height:64px;line-height:68px;overflow:hidden;color:#ecdcbd;padding-right:8px;font-size:16px;list-style: none;animation: breathe 2s infinite; }
.NewsList li a{margin-left:5px;color:#ecdcbd;}
.NewsList li time{float:right;color:#ecdcbd;}
.NewsList li .lx{margin:0 8px;color:#ecdcbd;}

.m6piccon li:hover .scanlight-effect {
  display: block; 
}
@keyframes glow {
  0%, 100% {
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
  }
  50% {
    box-shadow: 0 0 15px rgba(255, 255, 255, 1);
  }
}

img:hover {
  animation: glow 1.5s ease-in-out infinite;
}

.foot235{
	width:1920px;
	height:142px;
	left: 50%;
	margin-left: -960px;
	position: relative;
	background-position: 0px -0px;
	background-image: url(../images/235foot.jpg);
}

.zb_2bg{padding:10px 10px 10px;width:613px;height:auto;overflow:hidden;float:left;background: url(../images/bg06.jpg);position:relative;border:1px solid #4d3b2d;}
.zb_2{padding:10px 10px 10px 10px;width:593px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background: url(../images/bg06.jpg);box-shadow:0 0px 14px rgba(0,0,0,0.84) inset;}
.zb_2_t{width:593px;height:41px;float:left;background:#132325;line-height:41px;color:#bda575;text-align:center;font-size:16px;font-weight:bold;}
.zb_2_d{width:593px;height:0px;float:left;background:#ece8e5;position:relative}
.zb_2 .role-itemst{width:583px;height:auto;float:left;position:relative;}
.zb_2 .role-itemst img{width:583px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px;}

.zb_1bg{padding:10px 10px 10px;width:1258px;height:auto;overflow:hidden;float:left;background: url(../images/bg06.jpg);position:relative;border:1px solid #4d3b2d;}
.zb_1{padding:10px 10px 10px 10px;width:1238px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background: url(../images/bg06.jpg);box-shadow:0 0px 14px rgba(0,0,0,0.84) inset;}
.zb_1_t{width:1238px;height:41px;float:left;background:#132325;line-height:41px;color:#bda575;text-align:center;font-size:16px;font-weight:bold;}
.zb_1_d{width:1238px;height:0px;float:left;background:#ece8e5;position:relative}
.zb_1 .role-itemst{width:1228px;height:auto;float:left;position:relative;}
.zb_1 .role-itemst img{width:1228px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px;}
.zb_1 .role-itemsts{width:1228px;height:auto;float:left;position:relative;}

	
	.moreGame{width:200px;height:274px;position:fixed;right:37px;bottom:10px;background:url(../images/bg_moregame.png) no-repeat left top;cursor:pointer;z-index:13500;}
	.moreGame img{width:187px;height:190px;position:absolute;top:0px;left:50%;margin-left:-93px;z-index:1500;}
	.moreGame ._yuan{width:104px;height:104px;position:absolute;top:43px;left:51px;background:url(../images/bg_moregame2.png) no-repeat left top;}
	.moreGame:hover ._tips{background-position:left bottom;}
	.moreGame span._txt{width:100%;line-height:23px;text-align:center;position:absolute;font-size:16px;top:117px;left:0px;}
	.moreGame ._tips{width:102px;height:47px;position:absolute;text-indent:-99em;overflow:hidden;bottom:29px;left:50%;margin-left:-51px;background:url(../images/txt_moregame.html) no-repeat left top;display:block;}

#Layer4 {
	position:absolute;
	width:1920px;
	height:132px;
	z-index:2;
	left: 0px;
	top: 0px;
	background-image: url(images/bj_07.html);
	background-repeat: no-repeat;
}
#Layer5 {
	position:absolute;
	width:700px;
	height:90px;
	z-index:1;
	left: 777px;
	top: 24px;
}
.STYLE2 {	font-size: 12px;
	color: #FFFFFF;
}
a:link {
	color: #CCCCCC;
}
a:visited {
	color: #CCCCCC;
}
a:hover {
	color: #CCCCCC;
}
a:active {
	color: #CCCCCC;
}



.slide1{
	width:1145px;height:559px;left: 50%;margin-left: -573px;top:107px;
	
}

.slide1 .uls li{list-style: none;}

.slide1 .prev,.slide1 .next{width:32px;height:50px;}
.slide1 .prev{top:-315px;left:-38px;}
.slide1 .next{top:-367px;left:1144px;}

.slide2{
	width:1200px;height:508px;left: 766px;margin-left: -409px;top:40px;
	
}

.slide2 .uls li{list-style: none;}

.slide2 .prev,.slide2 .next{width:72px;height:95px;}
.slide2 .prev{top:-274px;left:-533px;background-position:left top}

.slide2 .next{top:-369px;right:-519px;background-position:right top}



.slide3{
	width:749px;height:689px;left: 636px;margin-left: -636px;top:125px;
	
}

.slide3 .uls li{list-style: none;}

.slide3 .prev,.slide3 .next{width:65px;height:210px;}
.slide3 .prev{top: -327px;left: 580px;}
.slide3 .next{top: -542px;left: -71px;}


.slide4{
	width:749px;height:689px;left: 636px;margin-left: -636px;top:125px;
	
}

.slide4 .uls li{list-style: none;}

.slide4 .prev,.slide4 .next{width:65px;height:210px;}
.slide4 .prev{top: -327px;left: 580px;}
.slide4 .next{top: -542px;left: -71px;}



.slide5{
	width:1078px;height:419px;left: 50%;margin-left: -539px;top:1097px;
	
}

.slide5 .uls li{list-style: none;}

.slide5 .prev,.slide5 .next{width:40px;height:52px;}
.slide5 .prev{top:-262px;left:-85px;}
.slide5 .next{top:-317px;left:1121px;}

.zuoyi {
            transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
        }

.zuoyi:hover {
            transform: translate(0, 10px);
            -webkit-transform: translate(0, 10px);
            -moz-transform: translate(0, 10px);
            -o-transform: translate(0, 10px);
            -ms-transform: translate(0, 10px);
        }
#Floatingbar{
	width:157px;
	position:fixed;
	top:50%;
	right:0px;
	margin-top:-150px;
	background-color:#e5e5e5;
	box-shadow:0 3px 14px rgba(0,0,0,0.4);
	z-index:150000;
	font-size:12px;
	background-color:#ffffff;
	font-family:'Microsoft YaHei';
	
}


.swiper-container {
      width: 100%;
      height: 100%;max-width: 1600px;
    }
	.swiper-wrapper{ width:90%;}
    .swiper-slide {
      text-align: center;
      font-size: 18px;

      
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.3);
    }
	.swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
	}
.swiper-button-next,.swiper-button-prev{width:30px!important;height: 60px!important;top:37%;}
.swiper-button-next:after,.swiper-button-prev:after{ content:'';}
.swiper-button-next{background: url(../images/01x.png)!important; right:66px!important}
.swiper-button-prev{background: url(../images/02x.png)!important; left:-292px}

.swiper-slide-active{z-index:1;}
.swiper-slide-next{z-index:0;}

.swiper-slide-active img{margin-left: -41px;}
.swiper-slide-prev img{margin-left: -832px;}
.swiper-slide-next img{    margin-right: -473px;}




#Floatingbar .ewm{padding:22px 0 15px;line-height:24px;text-align:center;color:#fff;background-color:#333333;}
#Floatingbar .ewm img{width:117px;height:117px;margin:0 auto;display:block;}
#Floatingbar ul{padding:14px 0;background:url(../images/line_x.html) no-repeat center bottom;list-style-type:none;background-color:#333333;color:white;}
#Floatingbar ul li{height:22px;line-height:22px;text-align:center;margin-bottom:7px;cursor: pointer;}
#Floatingbar ul li a{color:white;}
#Floatingbar ul li a:hover{color:white;}
#Floatingbar ul li img{margin-left:5px;vertical-align:middle;}
#Floatingbar .btn_backtop{height:31px;line-height:31px;text-align:center;color:#fff;background-color:#676767;display:block;}
#Floatingbar .btn_backtop:hover{background-color:#507129;}
#Floatingbar .btn{width:15px;height:130px;position:absolute;top:23px;left:-15px;background:url(../images/arrow.png) no-repeat right top;cursor:pointer;}
#Floatingbar .btn.change{background-position:left top;}

#backtop{display:none;background:url(../images/arrow_top.png) no-repeat left top;cursor:pointer;height:50px;width:50px;position:fixed;_position:absolute;bottom:20px;_top:expression(eval(document.documentElement.scrollTop document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_bottom:auto;z-index:11500;right:20px;}
#backtop:hover{background-position:left bottom;}

.clear {
    display: block;
    height: 0;
    line-height: 0;
    overflow: hidden;
    clear: both;
    font-size: 0;
}
#m2{margin-top: -14px;margin-left: 273px;}

        video {
            position: absolute;
            top: 0;
            left: 0;
        }

.border_top,.border_right,.border_bottom,.border_left{ overflow:hidden; line-height:0;background:#d9b037; position:absolute;}
.border_top{left:50%;top:0;height:2px;}
.border_right{top:50%;right:0;width:2px;}
.border_bottom{left:50%;bottom:0;height:2px;}
.border_left{top:50%;left:0;width:2px;}

.photo,.photo_fullsize{display:block;overflow:hidden;}
.photo img,.photo_fullsize img{display:block;width:100%;height:100%;}

.PicList{float:left;}
.PicList li{float:left;width:420px;height:auto;margin-right:9px;margin-bottom:50px;}
.PicList li.hover_{position:relative;box-shadow:0 0 24px rgba(0,0,0,0.7);z-index:1500;}
.PicList li:nth-of-type(3n){margin-right:0px;}
.PicList li .photo{width:100%;height:100%;position:relative;display:block;}




#preview{position:absolute;border:1px solid #614635;background:#3c2116;padding:5px;display:none;margin-top:-300px;z-index:99999;}
.m6piccon{float:left;position:relative;width:450px;height:145px;margin-left:497px;margin-top:307px;z-index:999}
.m6piccon li{float:left;width:69px;height:54px;padding:0 0px;margin-bottom:25px; list-style:none;}
.m6piccon li a span{float:left;width:60px;height:15px;line-height:15px;border:1px solid #585858;font-size:12px;color:#ed2d01;background:#1c1010;padding:5px 3px;margin-top:10px;text-align:center;margin-left:0px}
.m6piccon li img {float:left;width:42px;height:42px}
.m7piccon{float:left;position: absolute;width:450px;height:145px;margin-left:654px;margin-top:0px;z-index:999}
.m7piccon li{float:left;width:69px;height:54px;padding:0 0px;margin-bottom:25px; list-style:none;}
.m7piccon li a span{float:left;width:60px;height:15px;line-height:15px;border:1px solid #585858;font-size:12px;color:#ed2d01;background:#1c1010;padding:5px 3px;margin-top:10px;text-align:center;margin-left:0px}
.m7piccon li img {float:left;width:42px;height:42px}

.items {width:1220px;left:50%;margin-left:-513px;margin-top:320px;}
.items ul{}
.items li{ width:42px; height:176px; float:left; list-style:none; margin-right:159px;}

.itemcss{ position:relative;width:52px; height:52px;margin:0 auto} 
.itemcss a,.itemcss span{display:none; text-decoration:none}
.itemcss:hover{cursor:pointer} 
.itemcss:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;
 z-index:100; left:0; display:block;}
.itemcss:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;margin-left:50px;
z-index:10;height:36px; line-height:36px; filter:alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9;}