@charset "utf-8";
.slideBox{width:100%;height:420px;overflow:hidden;position:relative}
.slideBox .hd{height:15px;position:absolute;right:48%;bottom:5px;z-index:1}
.slideBox .hd ul{zoom:1;float:left}
.slideBox .hd ul li{float:left;margin-right:10px;width:8px;height:8px;line-height:14px;text-align:center;background:#fff;cursor:pointer;opacity:.8}
.slideBox .hd ul li.on{background:#08aabc;color:#fff;width:8px;height:16px;margin-top:-5px;transition:height 1s;opacity:1}
.slideBox .bd{position:relative;height:100%;z-index:0}
.slideBox .bd li{zoom:1;vertical-align:middle;display:-webkit-box;width:100%}
.slideBox .bd li a{width:1200px;display:block;margin:auto}
.slideBox .bd img{width:100%;height:420px;display:block}
.slideBox .next,.slideBox .prev{position:absolute;left:0;top:50%;margin-top:-31px;display:block;width:34px;height:60px;filter:alpha(opacity=50);opacity:.5}
.slideBox .icon{display:none;color:#fff;font-size:30px;transition:.5s;line-height:60px;text-align:center;background-color:#333}
section:hover .slideBox .icon{display:block}
.slideBox .next{left:auto;right:0}
.slideBox .next:hover,.slideBox .prev:hover{filter:alpha(opacity=100);opacity:.8}
.slideBox .prevStop{display:none}
.slideBox .nextStop{display:none}