body{
	
}
#introCon{
	width:100%;
	overflow: hidden;
}
#introCon .banner{
	position:relative;
	background: url(./web/index_article_banner.jpg);
	height:305px;
	background-position-x:50%;
}
.mainContainer{
	margin-bottom:80px;
}

#mainBannerSection{
	overflow: hidden;
}
#mainBannerCon{
	position:relative;
	width: 100%;
}    
#mainBannerCon{position:relative;}  
#mainBannerCon .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
#mainBannerCon .bd ul{}
#mainBannerCon .bd li{display:none;overflow:hidden;text-align:center;background-position-x:50%;}
#mainBannerCon .bd li:first-child{display:block;}
#mainBannerCon .bd li a{display:block;height:305px;}
#mainBannerCon .hd{width:100%;position:absolute;z-index:1;bottom:10px;left:0;height:30px;line-height:30px;}
#mainBannerCon .hd ul{text-align:center;margin-right: 20px;}
#mainBannerCon .hd ul li{
	display: inline-block;
	background: #cccccc;
	cursor: pointer;
	width: 40px;
	height: 5px;
	line-height: 26px;
	margin: 0 10px;
	font-size:0px;
}
#mainBannerCon .hd ul .on{
	background: #ff9900;
	color: #fff;
}
#mainBannerCon .prev,
#mainBannerCon .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url("../images/slider-arrow.png") -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
#mainBannerCon .next{left:auto;right:15%;background-position:-6px -137px;}