@charset "utf-8";
/* CSS Document */

/*==========?航==============*/

.navBox {
	width: 1320px;
	height: 150px;
	margin: 0 auto;
	position: relative;
}
.navBox h1 {
	width: 210px;
	height: 150px;
	position: absolute;
	left: 555px;
	top: 0;
}
.navBox h1 a {
	width: 210px;
	height: 150px;
	background: url(../png/logo.png) no-repeat 0 0;
	display: block;
	text-indent: -999em;
	overflow: hidden;
}
.navBox ul {
	width: 1170px;
	height: 30px;
	padding: 58px 0 0 0;
	margin: 0 auto;
}
.navBox ul li {
	height: 30px;
}
.navBox li a {
	width: 88px;
	height: 30px;
	padding-left: 32px;
	margin-left: 40px;
	background: url(img/navbg.png) no-repeat;
	position: relative;
	float: left;
	_display: inline;
	overflow: hidden;
	cursor: pointer;
}
.navBox li a.n1 {
	background-position: 0 0;
}
.navBox li a.n2 {
	background-position: 0 -35px;
}
.navBox li a.n3 {
	background-position: 0 -70px;
}
.navBox li a.n4 {
	background-position: 0 -105px;
	margin-left: 218px;
}
.navBox li a.n5 {
	background-position: 0 -140px;
}
.navBox li a.n6 {
	background-position: 0 -175px;
}
.navBox li a span {
	width: 19px;
	height: 19px;
	background: url(../png/son.png) no-repeat;
	position: absolute;
	top: 6px;
	left: 3px;
	opacity: 0;
	filter: alpha(opacity=0);
	transform: rotateZ(45deg);
	transition: all 0.3s ease;
}
.navBox li a i {
	height: 30px;
	line-height: 30px;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	color: #e9c071;
	float: left;
}
.navBox li a var {
	height: 20px;
	line-height: 20px;
	margin-top: 8px;
	color: #e9c071;
	float: left;
}
.navBox li a:hover {
}
.navBox li a:hover i, .navBox li a.aOn i {
	color: #FFF;
}
.navBox li a:hover var, .navBox li a.aOn var {
	color: #FFF;
}
.navBox li a:hover span, .navBox li a.aOn span {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: rotateZ(0deg);
}
.mainBox {
	width: 1320px;
	margin: 0 auto;
}
/*========================================?面左?==================================================================*/
.col1 {
	width: 280px;
}
.uc {
	width: 280px;
	height: 275px;
	padding-top: 135px;
	margin-bottom: 10px;
	position: relative;
}
.startGame {
	width: 287px;
	height: 225px;
	background: url(img/startgame.png) no-repeat;
	position: absolute;
	left: -4px;
	top: -90px;
}
.startGame:hover {
	width: 287px;
	height: 225px;
	background: url(img/startgame.gif) no-repeat;
	position: absolute;
	left: -4px;
	top: -90px;
}
.startSwf {
	width: 120px;
	height: 110px;
	margin: 90px 0 0 93px;
}
/*======20180529?始游?按?flash?截改======*/
#isStart {
	display: none;
}
.startSwf {
	position: relative;
}
.startSwf .startA {
	width: 120px;
	height: 110px;
	background: url(../jpg/startswf.jpg) no-repeat;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	overflow: hidden;
}
.startSwf .startA.show {
	opacity: 1;
}
.startSwf .startA:hover {
	background: url(../jpg/starthov.jpg) no-repeat;
}
.animated1 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated1.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.animated1.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
@-webkit-keyframes startAni {
 0% {
background-position:0 0;
}
 100% {
background-position:0 -3300px;
}
}
@keyframes startAni {
 0% {
background-position:0 0;
}
 100% {
background-position:0 -3300px;
}
}
.startAni {
	-webkit-animation: startAni 3s steps(30) infinite;
	animation: startAni 3s steps(30) infinite;
}
@-webkit-keyframes startAni2 {
 0% {
background-position:0 0;
}
 100% {
background-position:0 -2200px;
}
}
@keyframes startAni2 {
 0% {
background-position:0 0;
}
 100% {
background-position:0 -2200px;
}
}
.startAni2 {
	-webkit-animation: startAni2 1.5s steps(20) infinite;
	animation: startAni2 1.5s steps(20) infinite;
}
/*======end_20180529======*/

.ucDiv {
	height: 275px;
	padding: 0 20px;
	overflow: hidden;
	background: url(img/ucbg.jpg) no-repeat;
}
.ucDiv h3 {
	height: 32px;
	line-height: 46px;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
}
/*========================================?面右?==================================================================*/
.col3 {
	width: 1030px;
}
/*===最新服?器===*/
.newSer {
	width: 640px;
	height: 120px;
	position: relative;
	_display: inline;
}
.newSer h3 {
	width: 130px;
	height: 120px;
	text-indent: -999em;
	float: left;
}
.newSer h3 span {
}
.newSer a.more {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 2;
}
.newSer ul {
	width: 380px;
	height: 90px;
	margin-top: 20px;
	float: left;
}
.newSer ul li {
	width: 188px;
	height: 20px;
	line-height: 20px;
	margin: 0 0 10px 0;
	float: left;
	_display: inline;
}
.newSer ul li a {
	width: 108px;
	height: 20px;
	_line-height: 22px;
	font-size: 14px;
	overflow: hidden;
	color: #c7c7c7;
	float: left;
}
.newSer ul li a:hover {
	color: #c99f5c;
}
.newSer ul li var {
	width: 32px;
	height: 15px;
	margin: 3px 0 0 10px;
	background: url(img/serstate.gif);
	text-indent: -999em;
	overflow: hidden;
	vertical-align: middle;
	_display: inline;
	float: left;
}
.newSer ul li var.s4, .newSer ul li var.s2, .newSer ul li var.s5, .newSer ul li var.s6 {
	width: 56px;
}
.newSer ul li var.s1 {
	background-position: 0 -15px;
}
.newSer ul li var.s2 {
	background-position: 0 -90px;
}
.newSer ul li var.s3 {
	background-position: 0 -60px;
}
.newSer ul li var.s4 {
	background-position: 0 -45px;
}
.newSer ul li var.s5 {
	background-position: 0 -105px;
}
.newSer ul li var.s6 {
	background-position: 0 -120px;
}
.newSer ul li var.s7 {
	background-position: 0 -30px;
}
.newSer ul li var.s8 {
	background-position: 0 -75px;
}
.newSer ul li var.s9 {
	background-position: 0 -135px;
}
.newSer ul li var.s10 {
	width: 70px;
	background-position: 0 0;
}
.quick {
	width: 108px;
	height: 60px;
	position: absolute;
	right: 20px;
	top: 30px;
	z-index: 1;
}
.quick span {
	width: 80px;
	height: 20px;
	line-height: 20px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #fff;
	display: block;
}
.quick input {
	width: 65px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	color: #a1a1a1;
	background-color: #1a181a;
	border: none;
	float: left;
}
.quick button {
	width: 40px;
	height: 22px;
	line-height: 22px;
	margin-left: 2px;
	text-align: center;
	background-color: #9c0f00;
	font-size: 12px;
	color: #eeeeee;
	float: left;
	padding: 0;
}
.quick button:hover, .quick button.bOn {
	color: #eeeeee;
	background-color: #b51302;
}
/*==========更多按?==============*/
a.more {
	width: 16px;
	height: 16px;
	border: 1px solid #524d41;
	display: block;
	cursor: pointer;
}
a.more span {
	width: 36px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #818181;
	float: left;
}
a.more:hover span {
	color: #ab8738
}
a.more var {
	width: 16px;
	height: 16px;
	text-indent: -999em;
	overflow: hidden;
	background: url(img/more.gif) no-repeat 0 0;
	float: left;
}
a.more var {
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
a.more:hover var {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
/*?框*/
.imgBor {
	position: relative;
}
.borders {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.borders div {
	background-color: #856a41;
	font-size: 0;
	position: absolute;
}
.borT {
	width: 0;
	height: 2px;
	left: 0;
	top: 0;
}
.borR {
	width: 2px;
	height: 0;
	right: 0;
	top: 0;
}
.borB {
	width: 0;
	height: 2px;
	right: 0;
	bottom: 0;
}
.borL {
	width: 2px;
	height: 0;
	left: 0;
	bottom: 0;
}
.IE a.more:hover {
	border: 1px solid #c99f5c;
}
.IE a.more:hover var {
	background: url(img/moreon.gif) no-repeat;
}
.chImg {
	position: relative;
	display: block;
	cursor: pointer;
	overflow: hidden;
}
.chImg span {
	height: 3px;
	display: block;
	font-size: 0;
	background-color: #bc9e5a;
	text-indent: -999em;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
}
.chImg1 {
	position: relative;
	display: block;
	cursor: pointer;
	overflow: hidden;
	padding-top: 8px;
}
.chImg1 span {
	height: 3px;
	display: block;
	font-size: 0;
	background-color: #bc9e5a;
	text-indent: -999em;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
}
.sideImg span {
	width: 300px;
	height: 125px;
}
/*客服信息*/
.cs {
	width: 1120px;
	height: 38px;
	margin: 0 auto;
	background: url(../png/csbg.png) no-repeat;
	position: relative;
}
.cs a {
	width: 60px;
	height: 20px;
	line-height: 20px;
	display: block;
	font-size: 14px;
	color: #808080;
	text-decoration: underline;
	position: absolute;
	right: 15px;
	top: 8px;
}
.cs a:hover {
	color: #c99f5c;
}
#footer {
	width: 0px;
	height: 100px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	clear: both;
}
.fLogo {
	width: 158px;
	height: 101px;
	margin: 0 20px 0 160px;
	_display: inline;
}
.fDiv {
	width: 830px;
	height: 110px;
}
.fDiv p {
	height: 25px;
	line-height: 25px;
	color: #3d3b3a;
}
.fDiv p a {
	color: #3d3b3a;
}
.fDiv p em {
	font-family: Arial;
}
.fDiv p a:hover, .fDiv p.footP1 a:hover {
	color: #c99f5c;
}
.fDiv p span {
	font-family: Arial;
}
.fIco {
	width: 50px;
	height: 60px;
	margin: 40px 0 0 10px;
}
.goTop {
	background: url(../png/backtop.png) no-repeat;
	_background: url(../backtop.html) no-repeat;
	width: 44px;
	height: 44px;
	text-indent: -999px;
	overflow: hidden;
	z-index: 999;
	cursor: pointer;
	position: fixed;
	top: 60%;
	display: none;
	right: 0;
	_position: absolute;
	_bottom: auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2-this.offsetHeight/2));
	left: 50%;
	margin-left: 616px;
}
.goTop:hover {
	background-position: -44px 0;
}