*{padding:0;margin:0;}
.banner{width:100%;margin:0 auto;height:170px;position:relative;z-index:1; overflow: hidden;}
.banner ul{/*left:50%;*//*margin-left:10px;*//*max-width:768px;*/position:relative}
.banner ul li{/*position:absolute;left:0;top:0;*/height:170px;display:none;list-style: none;width:100%;}
.banner ul li:first-child{display:block}
@media screen and (min-width: 600px){
	.banner{width:100%;margin:0 auto;height:400px;position:relative;z-index:1; overflow: hidden;}
    .banner ul li{height:400px;display:none;list-style: none;width:100%;}
}
@media screen and (min-width: 780px){
	.banner{width:100%;margin:0 auto;height:600px;position:relative;z-index:1; overflow: hidden;}
    .banner ul li{height:600px;display:none;list-style: none;width:100%;}
}
.banner ul li a img{width: 100%;height:100%;}

.banner .banner-arrow{position:absolute;left:0;bottom:0px;width:100%;height:28px;z-index:5}
.banner .banner-arrow .arrow-div{text-align:center;}
.banner .banner-arrow .arrow-div a{width:10px;height:10px;border:1px solid #ccc;background:#eee;display:inline-block;border-radius:50%;margin:0 5px}
.banner .banner-arrow .arrow-div a.cur{background:#fff}

.banner:hover .banner-left{ display:block;}

.banner:hover .banner-right{ display:block;}

.banner-left,.banner-right{ position:absolute; top:50%; width:32px; height:54px; margin-top:-27px; z-index:6; display:none;}

.banner-left{background:url(../images/banner-prev.png) no-repeat center center; left:10%;}

.banner-right{background:url(../images/banner-next.png) no-repeat center center; right:10%;}

.banner-left:hover{background:url(../images/banner-prev1.png) no-repeat center center; left:10%;}

.banner-right:hover{background:url(../images/banner-next1.png) no-repeat center center; right:10%;}