@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: 721px;
	background-image: url("../images/part4_bg_01.gif");
	background-repeat: no-repeat;
	background-position: center;
}

/*.topcontainerLeft{
  width:340px;height:911px;left:50%;margin-left:-952px;top:0px;background: url(../images/bg1-l.jpg) no-repeat center;
}
.topcontainerCenter{width:1247px;height:911px;left:50%;margin-left:-612px;top:-911px;background: url(../images/bg1-m.jpg) no-repeat center;}
.topcontainerRight{width:333px;height:911px;left:50%;margin-left:635px;top:-1822px;background: url(../images/bg1-r.jpg) no-repeat center;}

*/
.navs{width:425px;height:55px;left:50%;margin-left:-453px;top:307px}
.navs .nav1{width:209px;height:55px;left:1px;top:1px;}
.navs .nav1:hover{background: url("../images/cz2.png") no-repeat center;cursor:pointer;} 
.navs .nav2{width:209px;height:55px;left:221px;top:1px;}
.navs .nav2:hover{background: url("../images/xz2.png") no-repeat center;cursor:pointer;} 


.gameIntro{
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 720px;
	background-image: url("../images/part4_bg_02.gif");
	background-repeat: no-repeat;
	background-position: center;
}

.animateLogo{	
	width:490px;height:268px;left:50%;margin-left:-547px;top:-38px;background: url("../images/giflogo.gif") no-repeat center;}

.gameIntro2{
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 794px;
	background: url("../images/part4_bg_gz.gif") no-repeat center;	
}


.gameIntro3{
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 762px;
	background-image: url("../images/part4_bg_04.gif");
	background-repeat: no-repeat;
	background-position: center;
}

.gameIntro4{
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 755px;
	background: url("../images/part4_bg_05.gif") no-repeat center;
}

.bottom{
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 119px;
	background: url("../images/bottom.gif") no-repeat center;	

}

.prev,.next{width: 32px;height:63px;}



.slide2{width:626px;height:419px;left: 50%;margin-left: -422px;top:183px;}
.slide2 .slide2images .uls{list-style-type:none;}
.slide2images ul li{width:626px;height:419px;} 

.slide2 .prev{width:52px;height:65px;top:175px;left:-82px;background:url("../images/22.png") no-repeat center;}
.slide2 .next{width:52px;height:65px;top:175px;left:648px;background:url("../images/2.png") no-repeat center;}

.slide3{width:930px;height:474px;left: 50%;margin-left: -441px;top:180px;}
.slide3 .slide2images .uls{list-style-type:none;}
.slide3images ul li{width:930px;height:474px;} 

.slide3 .prev{width:52px;height:65px;top:210px;left:-56px;background:url("../images/11.png") no-repeat center;}
.slide3 .next{width:52px;height:65px;top:210px;left:881px;background:url("../images/1.png") no-repeat center;}

#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;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;}
