@charset "utf-8";
/* banner */
*{
	box-sizing:border-box;/*IE Opera Chrome*/
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */	
}
.infor_img {
	width: 100%;
	margin:0 auto;
	line-height: 0;
	overflow: hidden;
}
.slidebanner{
	}
.pics { height: 400px; }
.pics .ban_c img {
	position: absolute;
	width: 100%;
	top: 0;
}
.pics .ban_nav { display: none; }
.pics .Left, .pics .Right {display:none;
}
/*幻灯片(组件)*/
.slide {
	position: relative;
	width: 60%;
	float: left;
}
.ban_c {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.ban_c img {
	width: 100%;
	height: 100%;
}
.ban_t {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 4px 0;
	text-indent: 10px;
	white-space: nowrap;
	overflow: hidden;
	color: #fff;
	background: rgba(0,0,0,.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000, endcolorstr=#88000000);
	z-index: 3;
}
.ban_nav {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: right;
	z-index: 4;
}
.ban_nav a {
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	line-height: 14px;
	overflow: hidden;
	text-align: center;
	margin-right: 8px;
	cursor: pointer;
	text-decoration: none;
	font-size: 10px;
	-webkit-text-size-adjust: none;
	background: #ccc;
}
.ban_nav .on {
	background: #f90;
	color: #fff;
}
.Left, .Right { cursor: pointer; }
.bann_ext { 
	position: relative;
	width:38%;
	float: right;
	margin-top:10px;
	 }
/*缩略图*/
.frontCover {
	margin-top: 10px;
	overflow: hidden;
}
.frontCover li {
	opacity: 5.6;
	color: #111;
	overflow: hidden;
	cursor: pointer;
	margin:3px 0;
	border:1px solid #fff;
	line-height: 40px; 
}
.frontCover li p{font-size:14px;color: #111}
.frontCover li p span {color: red}
.frontCover .img {
	position: relative;
	height: 96px;
	overflow: hidden;
}
.frontCover img {
	position: absolute;
	width: 100%;
	height: 96px;
}
.frontCover .open { opacity: 1.0;border:1px solid #f00; }
@media(max-width: 768px){
	.infor_img{width: 96%;margin: 0 auto;}
	.slide,.bann_ext{float: none;width: 100%;}
	.frontCover{margin: 3px 0 3px -1%;overflow: hidden;}
	.frontCover li{float: left;width: 95%;margin-left: 1%;}
	.frontCover .img,.frontCover img{height: 75px;}
}
@media(max-width: 480px){
	.slide{height: 300px;}
	.frontCover .img,.frontCover img{height: 50px;}
}