/* 本例子css */
.slideBox{ width:745px;height:466px; overflow:hidden; position:relative;}
.slideBox .hd{ height:3px; overflow:hidden; position:absolute; right:12px; bottom:19px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; height:3px; }
.slideBox .hd ul li{ float:left; margin-right:6px;  width:27px; height:2px; text-align:center;  background:#999999; cursor:pointer;  margin-top:1px;}
.slideBox .hd ul li.on{ background-color:#0881de; width:27px; height:3px; margin-top:0px;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ display:block;  width:745px;height:466px;  }

.slide-shadow {
    position: absolute;
    left: 1px;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    padding-left:20px;
    height: 45px;
    line-height:45px;
    font-size:20px;
}
.slide-shadow p{
    width:520px;
    height:40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 14px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-button-prev{
    width:22px;
    height:38px;
    left:-60px;
    background-image:url(/public/images/png_16.png);
}
.swiper-button-next{
    width:22px;
    height:38px;
    right:-60px;
    background-image:url(/public/images/png_17.png);
}
.swiper-button-next,
.swiper-button-prev{
    background-size:auto;
    margin-top:-19px;
}