/*轮播图 开始*/
.main_banner{width:100%; height:410px;}
.main_banner_wrap{
	width:1330px; height:410px; position:relative; /*background:#112233*//*333D46*/; 
	margin:0 auto; /*overflow:hidden;*/ /* box-shadow: 0px 1px 2px #c5c5c5;*/}
/*#myCanvas {
	position: absolute;
	z-index: 13;
	opacity: 0.8;
	cursor: pointer;
	-webkit-animation: roll 3s;
	animation: roll 3s;
}
@-webkit-keyframes roll {
	from{-webkit-transform:rotate(120deg);opacity:0;}
	to{-webkit-transform:rotate(0deg);opacity:0.8;}		
}
@keyframes roll {
	from{transform:rotate(120deg);opacity:0;}
	to{transform:rotate(0deg);opacity:0.8;}		
}*/
.banner_btn{ 	/*a 标签 按钮*/
		/*width:255px;*/width:350px; height:260px; position:absolute; 
		display:block; z-index:9; top:60px;
}
.js_pre{left: -95px;}
.js_pre span{left:0px;}
/*
.btn_next{right:20px;}*/
.btn_next{right:-95px;}
.btn_next span{right:0px;}

.banner_btn span{width:56px; height:100px; display:block; position:absolute;
		/*left:110px;*/ top:70px; transition:0.5s;
		/*background:url(../images/bannerBtn.png) no-repeat 0px 0px;*/}
.btn_next span{background-position:-50px 0;}
.main_banner_box:hover .banner_btn_arrow{opacity:0.6;}
.banner_btn span i{width:56px; height:100px; display:block;
		background:url(http://www.huaian.gov.cn/images/ztzl/2025/2025lh/bannerBtn.png) no-repeat 0 0;}
.btn_next span i{background-position:-63px 0;}
/*.banner_btn:hover i{
		-webkit-animation:arrow 0.5s infinite alternate ease-in-out;
		-moz-animation:arrow 0.5s infinite alternate ease-in-out;
}
@-webkit-keyframes arrow{
	from{-webkit-transform:scale(1); opacity:1;}
	to{-webkit-transform:scale(1.5); opacity:0.2;}
}
@-moz-keyframes arrow{
	from{-moz-transform:scale(1); opacity:1;}
	to{-moz-transform:scale(1.5); opacity:0.2;}
}*/

.main_banner_box{
	width:1180px; height:350px; margin:0px auto; position:relative; z-index:0;
	/*-webkit-倒影样式*/
	/*-webkit-box-reflect:below 0 -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.2) 100%)*/;
}
/*火狐倒影图层样式*/
/*.main_banner_box p#rflt{width:1200px; height:280px; position:absolute; left:0; top:280px;
		background:-moz-element(#m_box) no-repeat; -moz-transform:scaleY(-1); opacity:0.2;
}*/
/*火狐倒影图层样式*/
.main_banner li{overflow:hidden;position:absolute; background:#000; 
		box-shadow:0 4px 8px rgba(0, 0, 0, 0.15);border-radius:10px ;
}
/*给每张图片初始设置不同宽高，层级，位置*/
.main_banner li#imgCard0{
		width:670px; height:360px; z-index:5;
		left:255px; top:0px; opacity:1; background:#333d46;
}
.main_banner li#imgCard1{
		width:580px; height:260px; z-index:1; 
		left:600px; top:60px; opacity:1; background:#333d46;
}
.main_banner li#imgCard2{/*初始在背后，透明度为0*/
		width:450px; height:220px; z-index:1;
		left:0px; top:80px; opacity:0; background:#333d46;
}
.main_banner li#imgCard3{/*初始在背后，透明度为0*/
		width:450px; height:220px; z-index:1;
		left:0px; top:80px; opacity:0; background:#333d46;
}
.main_banner li#imgCard4{
		width:580px; height:260px; z-index:2; 
		left:0px; top:60px; opacity:1; background:#333d46;
}
.main_banner li img{width:100%; height:100%;}
.main_banner li span{/*遮罩层*/
		width:100%; height:100%; position:absolute; top:0; left:0; 
		z-index:1; background:#000; opacity:0; filter:alpha(opacity=0);
		color:#fff; font-size:30px; line-height:120px; text-align:center;
}
.main_banner li p{width:100%; height:50px; position:absolute;
		left:0; bottom:-50px;background:rgba(0,0,0,0.7); color:#fff;
		text-indent:38px; line-height:50px; font-size:16px;
}


/*指示器按钮*/
.btn_list{text-align:center; position:relative; left:0; top:20px; z-index:10;}
.btn_list span{
		width:15px; height:15px; display:inline-block; margin:15px 5px;
		background:#787d82; border-radius:50%; cursor:pointer;
}
.btn_list span.curr{background:#FFAE00;}

/*轮播图 结束*/background: linear-gradient(to bottom, transparent, #b42d36);