.banner{ width:100%; height:630px; overflow:hidden; position:relative;font-size:0;background:#f1f1f1;}
.b-img{ height:auto;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:630px; float:left;}
.b-list{ height:50px; padding-top:600px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%;background:#000;border:1px solid #000; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:1px solid #ff0000;background:#ff0000;}

.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:275px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:275px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}

@media (max-width:1280px){
	.banner{height:467px;}
	.b-img{height:467px;}
	.b-img a{height:467px;background-size:auto 100% !important;}
	.b-list{height:30px;padding-top:417px;}
	.b-list span{width:10px;height:10px;border:2px solid #000;}
	.b-list .spcss{border:1px solid #ff0000;background:#ff0000;}
	.bar-left em,.bar-right em{margin-top:208px;}
}

@media (max-width:900px){
	.banner{height:328px;}
	.b-img{height:328px;}
	.b-img a{height:328px;background-size:auto 100% !important;}
	.b-list{height:30px;padding-top:300px;}
	.b-list span{width:10px;height:10px;border:2px solid #000;}
	.b-list .spcss{border:1px solid #ff0000;background:#ff0000;}
	.bar-left em,.bar-right em{margin-top:114px;}
	.bar-left,.bar-right{display:none;}
	
}