/* 轮播图 */
.slider {position: relative;overflow: hidden;width: 100%;}
.slideBox .hd {height: auto;z-index:1; overflow: hidden;position: absolute;left: 50%;bottom: 20px;transform: translateX(-50%);z-index: 1;}
.slideBox .hd ul{ text-align:center;  padding-top:5px;  }
.slideBox .hd ul li {cursor:pointer;float: left;margin-right: 10px;width: 50px;height: 2px;line-height: 14px;text-align: center;background: #fff;}
.slideBox .hd ul .on {background: #00a2ff;color: #fff;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li img{width:100%; vertical-align:top;  } 

.slideBox .arrow {position:absolute; top:25%; margin-top:0; width:100px; height:50%; padding:0;cursor: pointer;} 
.slideBox .arrow span,.slideBox .arrow span:after,.slideBox .arrow span:before {position:absolute; top:50%; height:2px; background-color:#fff; border-radius:1px; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:all .4s ease; transition:all .4s ease } 
.slideBox .arrow span {margin-top:-1px; width:0 } 
.slideBox .arrow span:after,.slideBox .arrow span:before {content:""; width:30px } 
.slideBox .arrow.btn-prev span {left:50%; margin-left:-10px } 
.slideBox .arrow.btn-prev span:before {left:0; bottom:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left } 
.slideBox .arrow.btn-prev span:after {left:0; top:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left } 
.slideBox .arrow.btn-next span {right:50%; margin-right:-10px } 
.slideBox .arrow.btn-next span:before {right:0; bottom:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right } 
.slideBox .arrow.btn-next span:after {right:0; top:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right } 
.slideBox .arrow:hover span {width:40px } 
.slideBox .arrow:hover.btn-prev span {margin-left:-20px }
.slideBox .arrow:hover.btn-next span {margin-right:-20px }
.slideBox .btn-next {right:2.1%}
.slideBox .btn-prev {left:2.1%}