@charset "UTF-8";
.banner-box{height:600px;position:relative;text-align:center;overflow: hidden;}
.banner-box .img{position:absolute;top:0;left:0;white-space: nowrap;}
.banner-box .img li{display: inline-block;vertical-align: top;*display: inline;*zoom:1;height: 600px;}
.banner-box .li{width:100%;position:absolute;left:0;bottom:10px;}
.banner-box .li li{width:10px;height:10px;background:#ccc;border-radius:50%;display:inline-block;margin:0 3px;cursor:pointer;}
.banner-box .but{position: absolute;top:50%;margin-top:-30px;width:38px;height:60px;line-height:60px;text-align:center;font-size: 30px;background:rgba(0,0,0,0.5);color:#fff;font-family: '宋体';cursor:pointer;display: none;}
.banner-box:hover .but{display:block;}
.banner-box .but-left{left:0;}
.banner-box .but-right{right:0;}
.banner-box .li .index{background:#f60;width: 30px;border-radius:10px;}
.banner-box .bar{ position: absolute; left: 0; bottom: 0; height: 5px; background-color: hsla(24,100%,50%,0.5); }