*
{
	margin: 0;
	padding: 0;
}
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix
{
	zoom: 1;
}
.wrapper
{
	width: 500px;
	margin: 0 auto;
	padding-bottom: 50px;
}
/* flexslider */
#flexslider
{
	width: 780px;
	height: 499px;
	overflow: hidden;
	position: relative;
}
#flexslider ul
{
	height: 499px;
	position: absolute;
	left:0;
	z-index:1;
}
#flexslider ul li
{
	float: left;
	width: 100%;
	height: 499px;
	overflow: hidden;
	position: relative;
}
#flexslider ul li img{}
#flexslider ul li div
{
	position: absolute;
	overflow: hidden;
}
#flexslider .btnBg
{
	position: absolute;
	width: 500px;
	height: 20px;
	left: 0;
	bottom: 0;
	/*background:#01702e;*/
}
#flexslider .btn
{
	z-index:9997;
	position: absolute;
	width: 100%;
	height: 6px;
	right: 0;
	bottom: 15px;
	text-align: center;
}
#flexslider .btn span
{
	display: inline-block;
	_display: inline;
	_zoom: 1;
	width: 23px;
	height: 6px;
	_font-size: 0;
	margin: 0 4px;
	cursor: pointer;
	/*background: #fff;*/
}
#flexslider .btn img{
	width: 23px;
	height: 6px;
}
#flexslider .btn span.on
{
	background: #fff;
}
#flexslider .preNext
{
	width: 24px;
	height: 62px;
	position: absolute;
	top: 230px;
	cursor: pointer;
}
#flexslider .pre
{
	left: 0;
}
#flexslider .next
{
	right: 0;
	background-position: right top;
}

#recslides
{
	width: 965px;
	height: 150px;
	overflow: hidden;
	position: relative;
}
#recslides ul
{
	height: 150px;
	position: absolute;
	left:0;
}
#recslides ul li
{
	float: left;
	width: 1200px;
	height: 150px;
	overflow: hidden;
	position: relative;
	text-align:left;
	_margin-left:0;
}
#recslides ul li img{display:inline-block;width:294px;height:150px;margin-left:8px;}
#recslides ul li img.f-img{width:294px;height:150px;margin-left:0;}

#recslides .preNext
{
	width: 24px;
	height: 62px;
	position: absolute;
	top: 50px;
	cursor: pointer;
}
#recslides .pre
{
	left: 0;
}
#recslides .next
{
	right: 0;
	background-position: right top;
}