/* CSS Document */
html, body {
	overflow:hidden
}

#index_box {
	width:1250px;
	position:relative;
	margin:0 auto;
	z-index:1000;
	overflow:hidden;
}
#index_box .fg {
	position:absolute;
	top:0;
	left:0;
	width:985px;
	opacity:0.25;
	filter:Alpha(Opacity=25);
	z-index:1
}
#index_box .logo {
	
	width:174px;
	height:106px;
	display:block;
	position:absolute;
	top:30px;
	left:50%;
	z-index:20;
	cursor:pointer
}
#index_box .box {

	float:left;
	position:relative;
	overflow:hidden;
	cursor:pointer;
	color:#fff;
	z-index:5;
	width:245px;
	height:100%
}
#index_box .box h2 {
	
	height:75px
}
#index_box .box h2.t2 {
	background-position:0 -90px
}
#index_box .box h2.t3 {
	background-position:0 -180px
}
#index_box .box h2.t4 {
	background-position:0 -270px
}
#index_box .box h3 {
	font-weight:normal;
	font-size:18px;
	clear:both;
	border-top:1px solid #ccc;
	width:100px;
	height:26px;
	padding-top:5px
}
#index_box .box a {
	display:block;

	color:#fff;
	
	
	position:relative;
	background:url(../images/blank.png);
	z-index:5;
	height:100%
}
#index_box .box a:hover {
	text-decoration:none
}
#index_box .box a span {
	font-size:12px;
	line-height:18px;
	display:block;
	padding-top:10px;
	position:relative
}
#index_box .box a span i {
	display:block;
	position:absolute;
	bottom:-40px;
	width:25px;
	height:25px;
	background:url(../images/cs_ico.png) -39px 0 no-repeat;
	display:none;
	right:0
}
#index_box .box a div {
	position:absolute;
	left:10px;
	width:225px;
	bottom:0;
	height:350px;
	cursor:pointer
}
#index_box .box b, #index_bg {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	overflow:hidden
}
#index_box .box b {
	display:block;
	width:245px;
	background:#1f67bf;
	opacity:0;
	filter:Alpha(Opacity=0.7);
	height:2000px;
	left:0px
}
#index_bg img {
	float:left
}




























.main_menu{
	width:1024px;
	height:120px;
	 position:absolute; 
	 top:50px; 
	   z-index:9000000;
	   left:50%;
	   margin-left:-517px;
	
}
.main_menu_a{
	width:120px;
	float:left;

	
}
.main_menu ul {
	width:150px; 
	margin-right:30px;
	line-height:30px;
	font-size:12px;
	color:#fff;
	
}
.main_menu li{
	width:110px; 
	margin-right:30px;
	line-height:30px;
	font-size:12px;
	color:#fff;
	}
	.main_menu li a{
	
	color:#fff;
	
	}
	.main_menu li a:hover{
	
	color:#ccc;
	
	}
	

.nav-menu
{
	width:100%;
	height:70px;
	line-height:70px;
	position:relative;
}
.nav-menu .logo
{
	width:100px;
	height:100px;
	position:absolute;
	z-index:22;
	left:433px;
	padding:5px;
}

.nav-menu ul li
{
	width:100px;
	float:left;
	font-size:14px;
	text-align:center;
	position:absolute;
	display:none

}
.nav-menu ul li a
{
	width:100px;
	font-size:14px;
	text-align:center;
	color:#FFF;
	text-decoration:none;

}

.nav-menu ul li .back
{
	width:100px;
	font-size:14px;
	text-align:center;
	text-shadow:0 0 10px #000000; -webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);-o-transform:scale(0.9); box-shadow:0 0 10px 4px white; opacity:0.8; color:rgba(0,0,0,0);
}

.nav-menu ul li .active
{
	width:100px;
	font-size:14px;
	text-align:center;
	-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1); box-shadow:3px 3px 4px #888;
}