.pageCont{
	width: 100%;
	height: 100%;
	background: #161d25 url(../images/wa_bg_home.jpg) no-repeat 50% 50%;
	position: relative;
}
.contBody{
	width: 1000px;
	height: 600px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -300px;
	margin-left: -500px;
}
/* loading页
--------------------------------------------------*/
.pageLoad{
	position: absolute;
	top: 0px;
	left: 0px;
	background: #172025 url(../images/wa_bg_load.jpg) no-repeat 50% 50%;
	z-index: 999;
}
.loadIcon{
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -10px;
	margin-left: -10px;
	z-index: 1000;
}
.loadIcon .logo{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -64px 0 0 -86px;
	display: none;
}
.loadIcon .logoText{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 120px;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	opacity:0;
}
.loadIcon .xhLogo{
	position: absolute;
	top: -75;
	left: 500px;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	opacity:0;
}
/* 左侧导航
--------------------------------------------------*/
.navDiv{
	height: 368px;
	float: left;
	position: absolute;
	top: 50%;
	left: 70px;
	margin-top: -200px;
	padding-left: 10px;
	overflow: hidden;
}
.navDiv .silder{
	position: absolute;
	top: 100%;
	left: 0px;
}

.navDiv li{
	width: 0px;
	height: 56px;
	line-height: 56px;
	margin-bottom: 7px;
	background: url(../images/wa_bg_nav_li.png) repeat-x;
	background: rgba(0,0,0,0.2);
	vertical-align: middle;
	cursor: pointer;
	position: relative;
}
.navDiv li a{
	width: 210px;
	height: 56px;
	display: block;
}
.navDiv li:hover span,
.navDiv li:hover em,
.navDiv li.on span,
.navDiv li.on em{
	color: #009577;
}
.navDiv li .bg{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 56px;
	background: #c4d0c4;
}
.navDiv li i{
	position: absolute;
	display: block;
	top: 15px;
	left: 10px;
	width: 27px;
	height: 27px;
	background: url(../images/wa_nav_icon.png) no-repeat;
	z-index: 1;
}
.navDiv li.news i{
	background-position: 0px 0px;
}
.navDiv li.news:hover i,
.navDiv li.news.on i{
	background-position: -27px 0px;
}
.navDiv li.comments i{
	background-position: 0px -27px;
}
.navDiv li.comments:hover i,
.navDiv li.comments.on i{
	background-position: -27px -27px;
}
.navDiv li.diagram i{
	background-position: 0px -54px;
}
.navDiv li.diagram:hover i,
.navDiv li.diagram.on i{
	background-position: -27px -54px;
}
.navDiv li.interaction i{
	background-position: 0px -81px;
}
.navDiv li.interaction:hover i,
.navDiv li.interaction.on i{
	background-position: -27px -81px;
}
.navDiv li.videos i{
	background-position: 0px -108px;
}
.navDiv li.videos:hover i,
.navDiv li.videos.on i{
	background-position: -27px -108px;
}
.navDiv li.exhibition i{
	background-position: 0px -135px;
}
.navDiv li.exhibition:hover i,
.navDiv li.exhibition.on i{
	background-position: -27px -135px;
}
.navDiv li span{
	position: absolute;
	top: 15px;
	left: 50px;
	width: 65px;
	height: 27px;
	line-height: 27px;
	font-size: 20px;
	color: #fff;
	display: block;
	z-index: 1;
}
.navDiv li em{
	height: 14px;
	line-height: 14px;
	display: block;
	position: absolute;
	top: 26px;
	#top: 24px;
	left: 120px;
	font-size: 12px;
	color: #fff;
	z-index: 1;
}
/* 右侧旋转区
--------------------------------------------------*/
.rotateDiv{
	width: 536px;
	height: 536px;
	position: absolute;
	right: 0px;
	top: 0px;
}
.rotateDiv1{
	width: 536px;
	height: 536px;
	background: url(../images/wa_bg_rotate2.png) no-repeat 50% 50%;
	position: absolute;
	right: 0px;
	top: 0px;
	/*display: none;*/
}
.rotateDiv2{
	width: 483px;
	height: 483px;
	position: absolute;
	right: 0px;
	top: 50px;
}
.rotateNum{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -195px;
	margin-left: -195px;
	display: none;
}
.rotateLine01{
	position: absolute!important;
	top: 50%;
	left: 50%;
	margin-top: -130px;
	margin-left: -130px;
	z-index: 1;
	display: none;
}
.rotateLine02{
	position: absolute!important;
	top: 50%;
	left: 50%;
	margin-top: -158px;
	margin-left: -158px;
	z-index: 1;
	display: none;
}
.rotateLine03{
	position: absolute!important;
	top: 50%;
	left: 50%;
	margin-top: -211px;
	margin-left: -211px;
	z-index: 1;
	display: none;
}
.rotateLine04{
	position: absolute!important;
	top: 50%;
	left: 50%;
	margin-top: -151px;
	margin-left: -151px;
	z-index: 1;
	display: none;
}
.rotateDiv .rotate{
	width: 360px;
	height: 360px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -180px;
	margin-left: -180px;
	z-index: 2;
}
.rotate li{
	position: absolute;
	width: 100px;
	height: 100px;
	left: 130px;
	top: 130px;
	z-index: 10;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	opacity:0;
}
.rotate li a{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 100px;
	font-size:20px;
	color: #fff;
	font-weight:bold;
	text-align: center;
	background: url(../images/green.png) no-repeat;
}
.rotate li a:hover{
	color: #fff!important;
}
.rotate li.roundabout-in-focus a{
	background: url(../images/orange.png) no-repeat;
}
.rotate li.disable a{
	background: url(../images/grey.png) no-repeat!important;
	cursor: default!important;
}

.rotate li img{
	width: 100%;
	height: 100%;
}
.rotateDiv2 .info{
	width: 180px;
	height: 180px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9999;
	margin-top: -90px;
	margin-left: -90px;
	overflow: hidden;
}
.rotateDiv2 .info li{
	width: 180px;
	height: 180px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.rotateDiv2 .info li.on{
	z-index: 2;
}
.rotateDiv2 .info p{
	width: 180px;
	height: 30px;
	font-size: 18px;
	color: #fff;
	font-style:italic;
	text-align: center;
	line-height: 30px;
	position: absolute;
}
.rotateDiv2 .info .titles{
	color: #f36e30;
	top: 20px;
	left: -180px;
	text-align: left;
}
.rotateDiv2 .info .titles a{
	font-size: 18px;
	color: #f36e30;
	display: inline-block;
	margin-left: 30px;
}
.rotateDiv2 .info .text01{
	top: 60px;
	left: 180px;
}
.rotateDiv2 .info .text02{
	top: 90px;
	left: -180px;
}
.rotateDiv2 .info .text03{
	top: 120px;
	left: 180px;
}