/*flash*/
#banner {
	width: 100%;
	float: left;
	height: 600px;
	text-align:center;line-height:600px;font-size:38px;color:#fff;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.flickerplate .container {
	width: 90%;
	max-width: 1230px;
	margin: 0 auto;
	margin-top:-20px;
}
#banner img {
	width: 100%;
	height: auto;
}
#flash {
	width: 100%;
	float: left;
	display:block;
}
#mobileflash {
	width: 100%;
	float: left;
	display:none;
}
.slideBox {
	position: relative;
	overflow: hidden;
	background: #000;
}
.slideBox .bd {
	position: relative;
	z-index: 0;
	margin: 0 auto;
}
.slideBox .bd li {
	position: relative;
	text-align: center;
}
.slideBox .bd li img {
	width: 100%;
}
.slideBox .bd li .flash_img {
	width: 100%;
	padding-bottom: 800px;
	background-size: cover !important;
}
.slideBox .hd {
	width: 100%;
	position: absolute;
	z-index: 1;
	bottom: 10px;
	left: 0;
	height: 12px;
	line-height: 12px;
	margin-top:50px;
}
.slideBox .hd ul {
	text-align: center;
}
.slideBox .hd ul li {
	cursor: pointer;
	display: inline-block;
*display:inline;
	zoom: 1;
	width: 12px;
	height: 12px;
	margin: 0 5px;
	overflow: hidden;
	background: #ccc;/*filter:alpha(opacity=80);opacity:0.8;*/
	line-height: 999px;
	border-radius: 50%;
}
.slideBox .hd ul li.mbpic {
	display: none;
}
.slideBox .hd ul .on {
	background: #e41e34;
}
.slideBox .prev {
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -37.5px;
	display: none;
	width: 49px;
	height: 75px;
	background: url(../images/left.png) no-repeat left top;
	cursor: pointer;
}
.slideBox .next {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -37.5px;
	display: none;
	width: 49px;
	height: 75px;
	background: url(../images/right.png) no-repeat left top;
	cursor: pointer;
}
.slideBox:hover .prev, .slideBox:hover .next {
	display: block;
}
/*end*/

@media screen and (max-width: 1200px) {
.slideBox .bd li .flash_img {
	padding-bottom: 400px;
}
#banner {
	height: 320px;
}
.flickerplate .container {
	margin-top:-40px;
}
}
@media screen and (max-width: 992px) {
.slideBox .bd li .flash_img {
	padding-bottom: 300px;
}
.flickerplate{
	height:300px;
}
#banner {
	height: 220px;
}
.flickerplate .container {
	margin-top:-20px;
}
}
 @media screen and (max-width: 760px) {
#mobileflash{
	display:none;	
}
.slideBox .bd li .flash_img {
	padding-bottom: 180px;
}
#banner {
	height: 120px; line-height:120px;text-align:center;font-size:18px;color:#fff;
}
.flickerplate{
	height:180px;
}
}
@media screen and (max-width: 640px) {
	
}
}