.slideBox{
	position:relative;
	
}
.slideBox .hd{
	overflow: hidden;
	position: absolute;
	z-index: 1;
	left: 48%;
	bottom:20px;
	
}
.slideBox .hd li{
	width:28px;
	height:3px;
	float: left;
	cursor: pointer;
	text-indent: -9999em;
	margin-right: 10px;
	border:1px solid #fff;
}
.slideBox .hd li.on{
	background:#fff;
}
.slideBox .bd {
	position: relative;
	height:380px;
	
	z-index: 0;
}
.slideBox .bd li{
	width:100%;
	height:380px;
}
.slideBox .bd .banner1{
	position:relative;
	background: url(../image/banner1.jpg) center 0 no-repeat;
}
.slideBox .bd .banner1 a{
	display:block;
	width:100%;
	height:100%;
}
.slideBox .bd .banner1 img{
	
	
	position:absolute;
	left: 50%;
	margin:0 0 0 -321px;
	
	top: 58%;
	width:543px;
	height:200px;
}
.slideBox .bd .banner2{
	position:relative;
	background: url(../image/banner2.jpg) center 0 no-repeat;
}
.slideBox .banner2 .banner2Area{
	width:980px;
	height:100%;
	margin:0 auto;
	display:block;
	position:relative;
}
.slideBox .banner2 .tit{
	width:660px;
	height:107px;
	position:absolute;
	top:20px;
	background:url(../image/banner2_title.png) no-repeat;
}
.slideBox .banner2 .usersCenter{
	width:380px;
	height:337px;
	position: absolute;
	right: -800px;
	top: 86px;
	display: none;
	
}
.slideBox  .usersCenter .userItemOne{
	width:90px;
	height:337px;
	position:absolute;
	left: 145px;
	top: -18px;
	background:url(../image/banner2_earth_one.png) center no-repeat;
}
.slideBox  .usersCenter .userItemTwo{
	width:378px;
	height:176px;
	position:absolute;
	top: 82px;
	right: -5px;
	background:url(../image/banner2_earth_two.png) center no-repeat;
}
.slideBox  .usersCenter .userItemthree{
	width:363px;
	height:182px;
	position:absolute;
	top: 78px;
	right: 2px;
	background:url(../image/banner2_earth_three.png) center no-repeat;
}
.slideBox .bd .banner3{
	position:relative;
	background: url(../image/banner3.jpg) center 0 no-repeat;
}
.slideBox .bd .banner3 img{
	width:660px;
	height:90px;
	position:absolute;
	left: 25%;
	top: 70%;
}

.boxContent{
	overflow:hidden;
	width:1200px;
	margin:30px auto 0;
}
.boxContent .boxStyle{
	float:left;
	width:370px;
	height:260px;
	margin-right:25px;
}
.boxContent .boxStyle .titPic{
	position: absolute;
	left: -800px;
	top: 50%;
	display: none;
	margin-top: -226px;
}
.boxContent .boxStyle .tit{
	height:17px;
	text-indent:5px;
	border-left:3px solid #008df2;
	font:18px/17px 'Microsoft Yahei';
}
.boxContent .boxStyle .tit i{
	color:#008df2;
	font-size:14px;
}
.boxContent .boxStyle .tit em{
	color:#999;
	font-size:14px;
}
.boxContent .boxStyle .pic{
	margin:12px 24px 5px 0;
	width: 370px;
	height: 107px;
	background:url(../image/icon_shadow.png) 0 bottom no-repeat;
	
}
.boxContent .boxStyle .pic a{
	display:block;
	width: 370px;
	height: 107px;
	opacity:0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity=80)\9;
	*filter:alpha(opacity=80);
}
.boxContent .boxStyle .pic a:hover{
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100)\9;
	*filter:alpha(opacity=100);
}
.boxContent .boxStyle .pic img{
	width:366px;
	height:96px;
	border:2px solid #ffffff;
}
.boxStyle .fr{
	width:35px;
	height:9px;
	margin-top:6px;
	background:url(../image/more.jpg) right center no-repeat;
}
.boxStyle .fr a{
	text-indent:-9999em;
	display: block;
	height: 100%;
}
.boxStyle ul li{
	text-indent:15px;
	background:url(../image/icon_list_style.png) left center no-repeat;
}
.boxStyle ul li a{
	color:#333;
	font:14px/32px 'Microsoft Yahei';
}
.boxStyle ul li a:hover{
	color:#008df2;
}





@media all and(max-width:1280px){
	.boxContent{
		width:1000px;
	}
}