body,div,p,a,img,span,input,button,ul,li,form,h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0}
body{font-family:'Microsoft Yahei',sans-serif,Arial;font-size:12px;}
h6{font-size:14px;color:#fff;font-weight:500;}
li { list-style:none;}
.wrap a{text-decoration:none;display:block;}
img{display:block;}
span{display:inline-block;}
.wrap a:focus{outline:none;}
body{background:#050608;}
.wrap{background:url(../img/s11bj2.jpg) no-repeat center top;min-width:1200px;width:100%;width:expression((documentElement.clientWidth < 1200) ? "1200px" : "100%" ); float:left;margin-bottom:15px;}
.center{width:1200px;height:auto;margin:0 auto;}
.top{height:411px;margin-top:10px;}
.top ul{line-height:60px;}
.top ul li{width:140px;line-height:35px;text-align:center;float:left;}
.top ul li a{color:#000;font-size:16px;}
#top_right{margin-left:350px;}
.top ul li a:hover{background:#274ba4;color:#fff;}
.main{height:auto;}
.news{width:1200px;height:auto;margin:0 auto;}
.newsleft{width:296px;height:auto;float:left;}
.newslefttop{width:296px;height:auto;background:#161822;}
.newslefttop h2{height:128px;width:296px;background:#000;color:#aec0d3;font-size:32px;line-height:116px;text-align:center;}
.nltfloot{width:252px;height:auto;margin:20px auto;}
.nltfloot a{width:252px;height:46px;color:#fff;font-size:16px;text-align:center;line-height:42px;border-top:1px solid #1a1a1a;}
.nltfloot .newsafirst{border-top:none;}
.nltfloot a:hover{background:#333b5f;}
.nltfloot .newsafirsts{background:#333b5f;}
.newsleftbottom{width:296px;height:auto;margin-top:12px;}
.menu a{width:296px;height:100px;margin-bottom:1px;position:relative;}
.menuOne{background:url(../img/s07.jpg) no-repeat;}
.menuTwo{background:url(../img/s08.jpg) no-repeat;}
.menuThree{background:url(../img/s09.jpg) no-repeat;}
.menuFour{background:url(../img/s10.jpg) no-repeat;}
.menu a b{position:absolute;top:24px;left:26px;color:#d4c7b1;font-size:20px;letter-spacing: 2px;transition:all 1s;-ms-transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s}
.menu a span{position:absolute;display:block;top:54px;left:26px;color:#ccb180;font-size:20px;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s}
.menuOne:hover.menuOne b{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);color:#5df2f7;}
.menuTwo:hover.menuTwo b{transform:rotate(-360deg);-ms-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);color:#5df2f7;}
.menuThree:hover.menuThree b{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);color:#5df2f7;}
.menuFour:hover.menuFour b{transform:rotate(-360deg);-ms-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);color:#5df2f7;}
.newsright,.newsright2{width:892px;height:auto;float:left;margin-left:12px;background:#161822;}

.mainPic{width:296px;position:relative;}
.mainPic div{width:296px;height:134px;overflow:hidden;margin-top:12px;position:relative;}
.mainPic div a{width:296px;height:134px;display:block;position:absolute;left:0;top:0;}
.picOne{background:url(../img/s11.jpg);background-size: 100% auto;}
.picTwo{background:url(../img/s12.jpg);background-size: 100% auto;}
.picThree{background:url(../img/s13.jpg);background-size: 100% auto;}
.picFour{background:url(../img/s14.jpg);background-size: 100% auto;}
.mainPic div p{color:#aec0d3;font-size:18px;font-weight:bold;position:absolute;top:55px;left:24px;}
.mainPic div img{width:20px;height:24px;position:absolute;top:55px;left:100px;display:none;}


.nrtop{width:892px;height:128px;background:#000;}
.nrtopl{
	width:300px;
	height:128px;
	line-height:120px;
	color:#fff;
	font-size:24px;
	float:left;

	font-weight:400;
	text-indent: 30px;
}
.nrtopr{width:300px;height:128px;float:right;}
.nrtopr a{float:left;line-height:128px;font-size:14px;color:#7f8b9a;}
.nrtopr .topthis{color:#aec0d3;}
.nrmain{width:768px;height:auto;margin:20px auto;position:relative;}
.nrmainul{position:relative;top:0;left:0;display:none;}
#nrmainul{display:block;}
.nrmain ul li{width:768px;height:50px;line-height:50px;border-bottom:1px solid #3c425b;position:relative;}
.nrmain ul li:hover{background:#3c425b;}
.nrmain ul li a{width:738px;height:50px;color:#7f8b9a;font-size:16px;margin-left:15px;}
.nrmain ul li a:hover{color:#fff;}
.nrmain ul li a span{position:absolute;right:20px;top:0px;}
.newstab{width:550px;height:40px;margin-left:120px;margin-top:20px;}
.newstab li{float:left;text-align:center;color:#fff;height:26px;line-height:26px;margin-left:6px;background:#414660;cursor:pointer;padding:0 10px;}
.newstab li a{color:#fff;}
.newstab li:hover{background:#c8a264;color:#ff9900;}
/*--------------新闻内页--------------*/
.newsesContent{width:786px;height:auto;margin:30px auto;text-align:center;}
.newsesContent a {display:inline;}
.newsesContent img{text-align:center;}
.newsesContent h3{color:#fff;font-size:20px;}
.newsesContent .ncp1{color:#fff;font-size:14px;height:40px;}
.newsesContent .ncp2,.newsesContent p{color:#b4c3d2;text-indent:28px;font-size:14px;text-align:left;line-height:24px;}
/*--------------活动公告--------------*/
#nrmain .ul3 li{height:168px;line-height:26px;}
#nrmain .ul3 li:hover{background:#161822;}
#nrmain .ul3 li .liposfirst{width:796px;height:138px;margin-top:15px;}
#nrmain .ul3 li .liposfirst .ul3fl{float:left;width:160px;height:138px;display:block;margin-left:0px;}
#nrmain .ul3 li .liposfirst div{float:left;width:621px;height:138px;margin-left:10px;}
.liposfirst div h6{font-size:16px;line-height:18px;}
.liposfirst div b{font-size:14px;color:#fff;}
.liposfirst .ul3fr{color:#b4c3d2;font-size:14px;width:621px;height:80px;margin-left:0px;overflow:hidden;}
/*--------------游戏截图--------------*/
.nrmainpic{width:892px;height:auto;margin:20px 0px 0px -40px;}
.nrmainpic a{width:236px;height:203px;float:left;margin-left:36px;}
.nrmainpic a p{color:#8892a0;font-size:14px;text-align:center;line-height:24px;}
/*--------------游戏下载--------------*/
.down{width:846px;height:auto;margin:22px auto;}
.downp1{width:846px;height:50px;background:url(../img/down01.png) no-repeat;color:#fff;text-align:center;line-height:50px;font-size:16px;}
.s11down{width:798px;height:auto;margin:0 auto;margin-top:20px;}
.s11down p{width:798px;height:38px;background:#2a2d3f;border-bottom:1px solid #404253;}
.downbg{width:130px;height:38px;background:#333b5f;text-align:center;line-height:38px;font-size:15px;color:#fff;}
.downms{margin-left:8px;font-size:14px;line-height:38px;color:#98a4b4;}
.s11down p .downdx{width:88px;height:28px;background:#4b9e46;color:#fff;text-align:center;line-height:28px;display:inline-block;margin-left: 5px;}
.downp4{margin-top:12px;}
#a4{margin-left:8px;}
#sdown .sdownp .downdx{display:block;float:left;margin:5px 2px 0 9px;}
#sdown .medio .downdx{background:#376cc4;}
/*--------------桌面下载--------------*/
.deskdown,#newsright .deskdownul{width:810px;height:auto;margin:0 auto;}
.deskdown p{float:left;height:200px;width:236px;margin:16px 17px 0px 17px;}
.deskdown p a{width:45%;height:20px;line-height:28px;color:#fff;text-align:center;font-size:14px;display:inline;padding-left:35px;}
.deskdown p a:hover{color:#f5235e;}
.deskdownul img {width:236px;height:156px;margin-bottom:10px;}
#news #newstab{margin-left:540px;}
.deskdownpp{width:100%;height:0px;clear:both;}
.yuanhua {padding:20px;}
.yuanhua img {display:inline;text-align:center;}
.newstabs{width:492px;height:auto;float:left;margin-left:308px;background:#161822;display:inline; padding:50px 200px;}
.newstabs li{float:left;text-align:center;color:#fff;height:26px;line-height:26px;margin-left:6px;background:#414660;cursor:pointer;padding:0 10px;}
.newstabs li a{color:#fff;}
.newstabs li:hover{background:#c8a264;color:#ff9900;}

.clear{ clear:both; }
.clearboth { clear:both; display:block; height:0;font-size:0; overflow:hidden;}

.TableTD td,Table,tr{
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
}
.TableTD  img{display:inline;}
.TableTD a{
	color: #FFF;
	display: inline;
	line-height: 1.6;	
}
.TableTD input{
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.tdxz{
	border: 1px solid #333;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;	
}
.Ccs_gg{
	width:296px;
	height:160px;
	margin-top: 10px;
	margin-bottom: 10px;
}





.light {
	float: left;
	width: 290px;
	height: 297px;
	position: absolute;
	top: 275px;
	left: 365px;
	animation-name: light;
	animation-duration: 30s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	z-index: 1;
	background: url(../images/light.png) no-repeat;
}
@keyframes light {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}
.big-light {
	width: 355px;
	height: 364px;
	position: absolute;
	right: 270px;
	top: 85px;
	animation-name: big-light;
	animation-duration: 30s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	z-index: 1;
	background: url(../images/big-light2.png) no-repeat;
}
@keyframes big-light {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}




.FT_light {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	z-index: 0;
	/*    height: 400px;*/
}
.sparks-sparks {
	right: -200px;
	position: absolute;
	top:450px;
	z-index: 1;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	background-color: #006666;
}

.sparks {
	background-repeat: no-repeat;
	background-position: left 0 bottom 0;
	position: absolute;
	/*background-color: #006666;*/
}

.sparks-1 {
	background-image: url(../images/sparks-1.png);
	width: 117px;
	height: 136px;
	right: 200px;
	bottom: 0;
	background-position: left 0 bottom 0;
	animation-name: sparks-1;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear
}

.sparks-2 {
	background-image: url(../images/sparks-2.png);
	width: 219px;
	height: 176px;
	right: 200px;
	bottom: 30px;
	background-position: left 0 bottom 0;
	animation-name: sparks-2;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: .5s;
	opacity: 0
}

.sparks-3 {
	background-image: url(../images/sparks-3.png);
	width: 438px;
	height: 281px;
	right: 100px;
	bottom: 20px;
	background-position: left 0 bottom 0;
	animation-name: sparks-3;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: 1s;
	opacity: 0
}

@keyframes sparks-1 {
	0% {
		right: 200px;
		bottom: 10px;
		opacity: 0
	}

	33% {
		right: 210px;
		bottom: 20px;
		opacity: .5;
		transform: scale(1.1)
	}

	70% {
		right: 220px;
		bottom: 30px;
		opacity: 1;
		transform: scale(1.1)
	}

	100% {
		right: 230px;
		bottom: 40px;
		opacity: 0;
		transform: scale(1.1)
	}
}

@keyframes sparks-2 {
	0% {
		right: 210px;
		bottom: 40px;
		opacity: 0
	}

	33% {
		right: 220px;
		bottom: 50px;
		opacity: .5;
		transform: scale(1.1)
	}

	70% {
		right: 230px;
		bottom: 60px;
		opacity: 1;
		transform: scale(1.1)
	}

	100% {
		right: 240px;
		bottom: 70px;
		opacity: 0;
		transform: scale(1.1)
	}
}

@keyframes sparks-3 {
	0% {
		right: 120px;
		bottom: 30px;
		opacity: 0
	}

	33% {
		right: 140px;
		bottom: 50px;
		opacity: .5;
		transform: scale(1.1)
	}

	70% {
		right: 160px;
		bottom: 70px;
		opacity: 1;
		transform: scale(1.1)
	}

	100% {
		right: 180px;
		bottom: 90px;
		opacity: 0;
		transform: scale(1.1)
	}
}



.Lsparks-sparks {
	left: -200px;
	position: absolute;
	top: 450px;
	z-index:0;
}

.Lsparks {
	background-repeat: no-repeat;
	background-position: bottom 0 right 0;
	position: absolute
}

.Lsparks-1 {
	background-image: url(../images/sparks-1.png);
	width: 117px;
	height: 136px;
	right: 200px;
	bottom: 0;
	background-position: bottom 0 right 0;
	animation-name: Lsparks-1;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear
}

.Lsparks-2 {
	background-image: url(../images/sparks-2.png);
	width: 219px;
	height: 176px;
	right: 200px;
	bottom: 30px;
	background-position: bottom 0 right 0;
	animation-name: Lsparks-2;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: .5s;
	opacity: 0
}

.Lsparks-3 {
	background-image: url(../images/sparks-3.png);
	width: 438px;
	height: 281px;
	right: 100px;
	bottom: 20px;
	background-position: bottom 0 right 0;
	animation-name: Lsparks-3;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: 1s;
	opacity: 0
}

@keyframes Lsparks-1 {
	0% {
		left: 200px;
		bottom: 10px;
		opacity: 0
	}

	33% {
		left: 210px;
		bottom: 20px;
		opacity: .5;
		transform: scale(1.1)
	}

	70% {
		left: 220px;
		bottom: 30px;
		opacity: 1;
		transform: scale(1.1)
	}

	100% {
		left: 230px;
		bottom: 40px;
		opacity: 0;
		transform: scale(1.1)
	}
}

@keyframes Lsparks-2 {
	0% {
		left: 210px;
		bottom: 40px;
		opacity: 0
	}

	33% {
		left: 220px;
		bottom: 50px;
		opacity: .5;
		transform: scale(1.1)
	}

	70% {
		left: 230px;
		bottom: 60px;
		opacity: 1;
		transform: scale(1.1)
	}

	100% {
		left: 240px;
		bottom: 70px;
		opacity: 0;
		transform: scale(1.1)
	}
}

@keyframes Lsparks-3 {
	0% {
		left: 120px;
		bottom: 30px;
		opacity: 0
	}

	33% {
		left: 140px;
		bottom: 50px;
		opacity: .5;
		transform: scale(1.1)
	}

	70% {
		left: 160px;
		bottom: 70px;
		opacity: 1;
		transform: scale(1.1)
	}

	100% {
		left: 180px;
		bottom: 90px;
		opacity: 0;
		transform: scale(1.1)
	}
}