@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:1079px;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:1080px;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;;
}



.topcontainer .navs{
	width:938px;height:263px;left:50%;margin-left:-471px;top:836px;
}

.topcontainer .navs .nav{
	width:177px;height:178px;
}

.topcontainer .navs .nav1{
	margin-left:0px;top:86px;
}

.topcontainer .navs .nav2{
	margin-left:255px;top:35px;
}

.topcontainer .navs .nav3{
	margin-left:508px;top:0px;
}

.topcontainer .navs .nav4{
	margin-left:761px;top:7px;
}


.topcontainer .navs .nav:hover{
	cursor: pointer;	
}

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



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


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


  @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; }
.sm4{
	width:1920px;
	height:600px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background-position: 0px 0px;
	background-image: url(../images/sm4.jpg);
	background-repeat: no-repeat;
}


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



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

.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:676px;height:737px;left: 759px;margin-left:-430px;top:164px;
	
}

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

.slide2 .prev,.slide2 .next{width:43px;height:84px;}
.slide2 .prev{top:-304px;left:-58px;background-position:left top}
.slide2 .prev:hover{top:-304px;left:-58px;background-position:left bottom}
.slide2 .next{top:-386px;left:1268px;background-position:right top}
.slide2 .next:hover{top:-386px;left:1268px;background-position:right bottom}


.slide3{width:1200px;height:650px;left: 636px;margin-left: -303px;top:209px;    overflow: hidden;}
.slide3 .uls li{list-style: none;}
.slide3 .prev,.slide3 .next{width:43px;height:84px;background:url(../images/arrow.png) no-repeat left top;}
.slide3 .prev{top: -222px;left:535px;background-position:right top}
.slide3 .prev:hover{top: -222px;left: 535px;background-position:right bottom}
.slide3 .next{top: -308px;left: -533px;background-position:left top}
.slide3 .next:hover{top: -308px;left: -533px;background-position:left bottom}
.slide3 .slide3images{margin-left: 60px;}

.slide4{width:1371px;height:810px;left: 50%;margin-left: -619px;top:205px;}
.slide4 .uls li{list-style: none;}
.slide4 .prev,.slide4 .next{width:100px;height:131px;}
.slide4 .prev{top:-438px;left:-142px;}
.slide4 .next{top:-555px;left:1266px;}


.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;}


.dh ul{
	position: relative;
	overflow: hidden;
	width:999px;
	height: 436px;
	padding-top:180px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.dh ul li{float: left;width: 108px;overflow: hidden;height: 100%;position: relative;cursor: pointer; border:#896d3c 1px solid; box-shadow: 0px 0px 00px #000;}
.dh ul li a{display: block;width: 100%;height: 100%;}
.dh ul li .layer{position: absolute;bottom: 0;left: 0;width: 100%;background:rgba(14,15,15,0.75);height: 100%;}
.dh ul li .layer .p1{position: absolute;bottom: 5px;left: 10px;}
.dh ul li .layer .p2{position: absolute;bottom: 5px;right: -200%;}
.dh ul li .layer .p2 b,.dh ul li .layer .p2 span{display: block;font-weight: bold;font-size: 20px;}
.dh ul li .layer .p1 b,.dh ul li .layer .p1 span{display: block;font-weight: bold;font-size: 14px;}
.col1{color: #00A39A;}
.col2{color: #fff;}


#Flash .arrow {
    width: 236px;
    height: 146px;
    background: url(../images/arrow_down.html) no-repeat center;
    position: absolute;
    bottom: 50%;
    left: 50%;
	z-index:51;
        margin-bottom: -288px;
    margin-left: -123px;
    -webkit-animation: down 3s 0s linear infinite 300ms 0 ease infinite;
    -moz-animation: down 3s 0s linear infinite 300ms 0 ease infinite;
    -ms-animation: down 3s 0s linear infinite 300ms 0 ease infinite;
    animation: down 3s 0s linear infinite 300ms 0 ease infinite;
    -moz-animation: down 3s 0s linear infinite;
    -webkit-animation: down 3s 0s linear infinite;
    -o-animation: down 3s 0s linear infinite;
    -ms-animation: down 3s 0s linear infinite;
    animation: down 3s 0s linear infinite;
}

@-webkit-keyframes down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

#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';
	
}
#Floatingbar .ewm{padding:22px 0 15px;line-height:24px;text-align:center;color:#fff;background-color:#191818;}
#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:#191818;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: 78px;margin-left: 275px;}


#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:1380px;height:145px;margin-left:350px;margin-top:276px;z-index:999}
.m6piccon li{float:left;width:197px;height:174px;padding:0 0px;margin-bottom:25px}
.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}

.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;}



.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;}



/*侧栏*/
#sidebar{float:left;width:710px;margin-top: 223px;position:relative;z-index:100;margin-left: 310px;}
#playbanner{float:left;width:710px;height:451px;position:relative;overflow:hidden;}
/*图片轮播样式*/
#playbanner .conbox{width:9999em;position:absolute;border-radius:20px;}
#playbanner .conbox .Slide_{float:left;width:710px;height:451px;overflow:hidden;}
#playbanner .conbox .Slide_ img{width:100%;height:100%;display:block;}
#playbanner .switcher{width:100%;text-align:center;position:absolute;right:0px;bottom:7px;z-index:99;}
#playbanner .switcher a{width:30px;height:15px;line-height:0;text-align:center;overflow:hidden;font-family:arial;color:#323232;margin-right:3px;margin-left:3px;background-color:#f19d44;cursor:pointer;display:inline-block;}
#playbanner .switcher a.cur,#playbanner .switcher a:hover{color:#fff;background-color:#FF0000;transition:none;}


#sidebar2{float:left;width:786px;margin-top: 151px;position:relative;z-index:100;margin-left: 642px;}
#playbanner2{float:left;width:786px;height:475px;position:relative;overflow:hidden;}
/*图片轮播样式*/
#playbanner2 .conbox{width:9999em;position:absolute;border-radius:20px;}
#playbanner2 .conbox .Slide_{float:left;width:786px;height:475px;overflow:hidden;}
#playbanner2 .conbox .Slide_ img{width:100%;height:100%;display:block;}
#playbanner2 .switcher{width:100%;text-align:center;position:absolute;right:0px;bottom:7px;z-index:99;}
#playbanner2 .switcher a{width:30px;height:15px;line-height:0;text-align:center;overflow:hidden;font-family:arial;color:#323232;margin-right:3px;margin-left:3px;background-color:#f19d44;cursor:pointer;display:inline-block;}
#playbanner2 .switcher a.cur,#playbanner2 .switcher a:hover{color:#fff;background-color:#FF0000;transition:none;}


/*栏目标题*/
/* - - - - - - - - - 文字列表类  - - - - - - - - -*/
/*文本列表*/
.TextList{padding:10px 0 10px 61px;width:249px;position:relative;margin:0 auto;border-bottom:1px dotted #6e5124;}
.TextList dt{line-height:20px;position:absolute;color:#87051b;top:11px;left:0px;}
.TextList dd{line-height:2.02;font-size:12px;color:#d98500;}
.TextList dd a{color:#d98500;}
.TextList dd a:hover{color:#87051b;text-decoration:none;}

/*链接*/
.LinkList{float:left;}
.LinkList li{float:left;border-right:1px solid #975d02;border-bottom:1px solid #975d02;}
.LinkList li a{width:115px;height:52px;line-height:52px;text-align:center;overflow:hidden;font-size:18px;color:#fff7f1;background:#4a6a90 url(../images/a_bg.html) repeat-x left top;text-shadow:0 1px 3px rgba(0,0,0,0.3);display:block;}
.LinkList li a:hover{background-image:url(../images/a_bg2.html);text-decoration:none;box-shadow:0 3px 4px rgba(0,0,0,0.4) inset;}
/*焦点新闻*/
.focusNews{height:46px;line-height:46px;text-align:center;overflow:hidden;font-size:18px;font-weight:bold;padding:0 20px 0px 20px}
.focusNews h4{font-size:18px;font-weight:bold;color:#e4bc00;}
.focusNews h4 a{color:#e4bc00;}
.focusNews h4 a:hover{color:#fff7f1;}
/*选项卡*/
.Tab{float:left;width:95%;line-height:55px;position:relative;border-bottom:1px solid #fcfcfc;margin-left:20px}
.Tab .lines{width:100%;position:absolute;bottom:0px;left:0px;border-bottom:3px solid #fcfcfc;z-index:1000;}
.Tab li{margin:0 25px;float:left;width:150px;text-align:center;display:inline;}
.Tab li a{font-size:17px;color:#fcfcfc;display:block;}
.Tab li a:hover{color:#fcfcfc;text-decoration:none;font-weight:bold;font-size:20px;}
.Tab li.change a{color:#fcfcfc;font-weight:bold;font-size:20px;}


	#ZhiYe{height:903px;position:relative;min-width:898px;margin:0 auto;padding-top:330px;    padding-left: 473px;z-index:100;margin-left:10px;}
	#ZhiYe .center{position:relative;width:964px;}
	#ZhiYe h4{width:698px;height:72px;text-indent:-99em;overflow:hidden;margin:0px auto 82px auto;background:url(../images/title.html) no-repeat left top;display:block;}
	#ZhiYe .photoshow_select{text-align:center;margin-top:45px;}
	#ZhiYe .photoshow_select a{margin:0 2px;width:20px;height:20px;text-indent:0px;background:url(../images/a_4.html) no-repeat left top;cursor:pointer;display:inline-block;}
	#ZhiYe .photoshow_select a.change{background-position:right top;}
		.photoshow{width:780px;height:628px;margin:0 auto;}
		.photoshow li{width:1005px;height:582px;text-align:center;background-color:#ccc;cursor:pointer;}
		.photoshow li img{max-width:100%;}
		.photoshow li.roundabout-in-focus{cursor:default;}
		.photoshow li span{padding-top:6em;display:block;}
		.move_rights,.move_lefts{float:left;width:43px;height:525px;position:absolute;top:0px;z-index:1500;}
		.move_lefts span,.move_rights span{width:82px;height:82px;position:absolute;top:50%;margin-top:0px;background-repeat:no-repeat;}
		.move_lefts{left:-290px;    background: url(../images/left.html) no-repeat center;}
		.move_lefts span{background-position:left top;}
		.move_lefts:hover span{background-position:left bottom;}
		.move_rights{right:-281px;    background: url(../images/right.html) no-repeat center;}
		.move_rights span{background-position:right top;}
		.move_rights:hover span{background-position:right bottom;}


			.list-info{
	    width: 560px;
    height: 406px;
    margin-top:257px;
    position: absolute;
    left:961px;
}
.NewsList{margin:0 18px;width:850px;height:703px;position: absolute;top:320px; margin-left: 380px;transition:all 0.1s linear;}
.NewsList li:hover{transform:translatex(5px);}
.NewsList li{width:850px;height:59px;line-height:59px;overflow:hidden;color:#fff;padding-right:8px;border-bottom:1px dotted #635140;font-size:16px;list-style: none;text-shadow:0 0 3px #691fbf;}
.NewsList li a{margin-left:5px;color:#ecdcbd;}
.NewsList li time{float:right;color:#ecdcbd;}
.NewsList li .lx{margin:0 8px;color:#ecdcbd;}

	.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);
        }


#preview{position:absolute;border:1px solid #614635;background:#3c2116;padding:5px;display:none;color:#fff;    z-index: 77777;}
.container-item  {width: 50px;height: 50px;background: url("../images/active.html") 0 0 no-repeat;}
.container-item img{    padding-top: 35px;}


#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: 1133px;height: 93px;text-align:center;position:absolute;top: 863px;left:50%;margin-left: -500px;z-index:1400;border-radius:5px;}
#Download .gamedown{float:left;width:1178px;height:107px;}
#Download .btn_down_dlk{float:left;width: 320px;height: 92px;text-indent:-999em;/* margin-top:8px; */margin-bottom:4px;/* margin-left: 11px; */}
#Download .btn_down_dlk:hover{background-position:left bottom;}
#Download .btn_down_bd{float:left;width: 320px;height: 92px;text-indent:-999em;margin-left:51px;/* margin-top: 11px; */}
#Download .btn_down_bd:hover{background-position:left bottom;}
#Download .btn_jiechi{float: left;width: 320px;height: 248px;text-indent:-999em;overflow:hidden;margin-left: 55px;}
#Download .btn_jiechi:hover{background-position:left bottom;}
#Download .btn_Recharge{float:left;width: 66px;height: 228px;text-indent:-999em;overflow:hidden;/* margin-top: 11px; *//* margin-left: 126px; */float: right;}
#Download .btn_Recharge:hover{background-position:left bottom;}