/* banner css */
.slideBox{ width:100%; height:400px; overflow:hidden; position:relative; color: #ffffff ; margin:auto;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right: calc(50% - 550px); bottom:6px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#444444; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
/*.slideBox .bd img{ width:100%; height:400px; display:block;  }*/
.slideBox .bd img {
    width: 100%;
    height: 400px;
    background: no-repeat center bottom;
    background-size: cover;
    z-index: 1;
}
.slideBox .bd span {
    box-sizing: border-box;
    overflow:hidden;
    position:absolute;
    padding: 5px;
    padding-left: calc(50% - 550px);
    top: 365px;
    z-index:2;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.4);
    /*opacity: 0.7;*/
    width: 100%;
    height: 35px;
    bottom:10px;
    line-height: 30px;
    font-size: 15px;
}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }