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



.navs{width:237px;height:197px;left:50%;margin-left:-694px;top:733px}
.navs .nav1{width:237px;height:120px;left:11px;top:-20px;}
.navs .nav1:hover{background: url(../images/gameDownload.jpg) no-repeat center;cursor:pointer;} 
.navs .nav2{width:237px;height:39px;left:11px;top:100px;}
.navs .nav2:hover{background: url(../images/gameCharge.jpg) no-repeat center;cursor:pointer;} 
.navs .nav3{width:237px;height:39px;left:11px;top:139px;}
.navs .nav3:hover{background: url(../images/patchDownload.jpg) no-repeat center;cursor:pointer;} 


.gameIntro{
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 863px;
	background: url(../images/bg2.jpg) no-repeat center;
	background-image: url(../images/bg2.gif);
}

.gameSpecial{
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 682px;
	background-color: #000000;
}


.gameSpecial2{
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 741px;
	background: url(../images/bg4.jpg) no-repeat center;
}

.bottom{
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 119px;
	background: url(../images/bottom.jpg) no-repeat center;	

}

.prev,.next{width: 32px;height:63px;}

.gameIntro3{
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 604px;
	background: url(../images/web_04.jpg) no-repeat center;	
}


.slide2{
	width:723px;
	height:426px;
	left: 803px;
	margin-left: -167px;
	top:157px;
}
.slide2 .slide2images .uls{list-style-type:none;}
.slide2images ul li{width:742px;height:490px;} 

.slide2 .prev{top:177px;left:-42px;}
.slide2 .next{top:183px;left:747px;}

.rightbar{width:110px;height:650px;position:fixed;top:50%;right:0px;margin-top:-340px;padding-top:70px;padding-right:45px;padding-left:45px;background:url(../images/floatingbg.png) no-repeat left top;z-index:2500;}
.rightbar .erweima{width:109px;line-height:20px;text-align:center;margin:0px auto 10px auto;}
.rightbar .erweima:hover{}
.rightbar .erweima:hover img{transform:scale(1.3);}
.rightbar .erweima img{width:109px;height:109px;margin-bottom:3px;background:#fff;display:block;transition:all 0.3s ease-in;}
.rightbar .erweima span{font-size:13px;color:#e7dbc0;}
.rightbar ul{margin-bottom:7px;}
.rightbar ul li{line-height:26px;text-align:center;color:#e7dbc0;margin-bottom:5px; }
.rightbar ul li a{display:block;}
.rightbar ul li a img{margin:0 auto;display:block;}
.rightbar .downlist{line-height:2.14;font-size:14px;width:110px;height:40px;}
.rightbar .downlist li a{color:#fceeff;border: solid #8f959f 1px;background:#31100a;}
.rightbar .downlist li a:hover{color:#fe8402;text-decoration:none;}

#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:#333333;}
#Floatingbar .ewm img{width:117px;height:117px;margin:0 auto;display:block;}
#Floatingbar ul{padding:14px 0;background:url(../images/line_x.png) no-repeat center bottom;list-style-type:none;}
#Floatingbar ul li{height:22px;line-height:22px;text-align:center;color:#000;margin-bottom:7px;}
#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;}