@charset "utf-8";
body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {
	padding:0;
	-webkit-text-size-adjust: none
;}
.banner a img{
	border:0;
	height: 347px;
	width: 521px;
	margin: 0px;
	padding: 0px;}
ul, ol, li {list-style-type:none;vertical-align:0;}
a {
	outline-style:none;
	color:#FFFFFF;
	text-decoration:none
;}
a:hover {
	color: #D2A4DF;
	text-decoration: none
;}


.jcarousel-skin-index .jcarousel-clip { overflow: hidden ;}
.jcarousel-skin-index .jcarousel-clip-horizontal {
	width:521px
;}
.jcarousel-skin-index .jcarousel-list { position: relative ;}
.jcarousel-skin-index .jcarousel-item {
	width:521px
;}
.banner{
	width: 521px;
	height: 347px;
	padding-right: 15px;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;}

.banner .control-index-hero {position: absolute; left:0; bottom: 0;}
.banner .control-index-hero li { float:left;width:37px;height:37px;line-height:37px;overflow:hidden;background:#000;opacity: .9;margin-right:1px;text-align:left;font-family:microsoft yahei;}
.banner .control-index-hero li.over {
	width:407px;}
.banner .control-index-hero li.last {margin-right:0;}
.banner .control-index-hero li a {text-decoration:none; float: left; color: #fff; font-size: 18px; line-height: 38px ;}
.banner .control-index-hero li a.index-hero-number {display: inline-block; font-size: 16px; font-weight: bold; width: 21px; height: 21px; line-height: 21px; text-align: center; margin: 8px; background: #c00 ;}