@charset "utf-8";

.new_banner{width:581px;height:386px;border:1px solid #E1E1E1;position:relative; margin:0 auto;background: url(img/loading.gif) no-repeat center center #fff;overflow:hidden;}
.rslides{width:100%;position:relative;list-style:none;padding:0}
.rslides_nav{ width:50px; height:50px; background-image: url(img/03.png); display:block; position:absolute;  text-indent:-10em; overflow:hidden;
	transition: none;
	-webkit-transition: none;
	-moz-transition:none;
	-o-transition: none;
	}
.prev{ background-position:0 0; right:0px; bottom:0px;}
.prev:hover{ background-position:0px -51px;text-shadow: none;}
.next{ background-position:-51px 0; left:0px; bottom:0px;}
.next:hover{ background-position:-51px -51px;text-shadow: none;}
.rslides_tabs{ position:absolute; left:45%; top:350px;clear:both;text-align:center; z-index:10;}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px}
.rslides_tabs a{ width:12px; height:12px; background:#fff;text-indent:-5em; overflow:hidden; display:block; float:left; margin-left:6px;opacity: 0.5;}
.rslides_tabs .rslides_here a{ 	background: #000\9;background: rgba(0, 0, 0, 0.5);
	}

.new_banner li{
	position:relative;
	font-size:14px;
	overflow:hidden;
	}
.new_banner li h6{
	padding:10px;
	font-weight:normal;
	width:280px;
	height:50px;
	position:absolute;
	left:0px;
	top:40px;
	display:none;
	}
	
.new_banner li h6 p{
	top: 0px;
	left: 0px;
	position: absolute;
	width:100%;
	height:100%;
	opacity: 0.8;
	z-index:0;
	background-color: rgb(0, 147, 208);
	}	
.new_banner li h6 span{
	position:relative;
	z-index:1;
	color:#FFF;
	font-size:22px;
	line-height:30px;

	}
.new_banner li h6 span em{
	font-size:12px;
	font-style:normal;
	color:#ededed;
	}		
	
.new_banner li p{
	width:360px;
	line-height:25px;
	padding:10px;
	background:#000\9;
	background: rgba(0, 0, 0, 0.6);
	
	position:absolute;
	left:0px;
	top:130px;
	color:#e2e6ef;
	display:none;
	}
.new_banner li.rslides1_on h6{
	display:block;

	/* 确保我们是在一个 3-D 空间 */
	-webkit-transform-style: preserve-3d;
	/*让整个行使用x-轴旋转、7秒中的动画、无限次播放以及线性 */
	-webkit-animation-name: h6-spin;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear; 
}
.new_banner li.rslides1_on p{
	display:block;

	/* 确保我们是在一个 3-D 空间 */
	-webkit-transform-style: preserve-3d;
	/*让整个行使用x-轴旋转、7秒中的动画、无限次播放以及线性 */
	-webkit-animation-name: p-spin;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear; 
}
	/* 定义要调用的动画 */
@-webkit-keyframes h6-spin { 
	0% { 
	margin-left:30px;
	opacity: 0.1;
	} 
	100% { 
	margin-left:0px;
	opacity: 0.8;
	} 
}
	/* 定义要调用的动画 */
@-webkit-keyframes p-spin { 
	0% { 
	margin-left:-30px;
	opacity: 0.1;
	} 
	100% { 
	margin-left:0px;
	opacity: 0.6;
	} 
}