@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body {
	background-color: #0c1115;
	overflow-x:hidden;
}
.bigcontainer {
	width: 100%;
}
.test {
	border: 1px solid #a07a4d;
}
.fl {
	float: left;
}
.cl {
	clean: both;
}
.bl {
	display: block;
}
.ab {
	position: absolute;

}
.rl {
	position: relative;
}


.topcontainer{height:814px;background:url(../images/bg_01.png) no-repeat top center;}
.downcontainer1{height:847px;background:url(../images/bg_02.jpg) no-repeat top center;}
.downcontainer2{height:819px;background:url(../images/bg_03.png) no-repeat top center;}
.downcontainer3{background:#0e0d0b;}
.navs{
	width: 1060px;
	height: 390px;
	left:50%;
	margin-left:-560px;
	top:450px;
	
}
.nav1,.nav2,.nav3,.nav4{width:180px;height:210px;background: url(../images/nav.png);}
.nav1{	
	top: 0;
	left: 91px;
}
.nav2{
	top: 147px;
	left: 340px;
	background-position: -181px 0px;
}
.nav3{
	background-position: -365px 0px;
	top: 147px;
	left: 626px;
}
.nav4{
	top: 0px;
	left: 880px;
	background-position: -551px 0px;
}
.nav1:hover,.nav2:hover,.nav3:hover,.nav4:hover{cursor:pointer;}
.nav1:hover{
	background-position: 0px 210px;
}
.nav2:hover{
	background-position: -181px 210px;
}
.nav3:hover{
	background-position: -365px 210px;
}
.nav4:hover{
	background-position: -551px 210px;
}

.zb_show{width:800px;margin:0 auto;}