address, cite, dfn, em, var {font-style: normal;}

.banner{
    position: relative;
    overflow: auto;
    text-align: center;
    width:100%;
    margin:0 auto;
}
.banner .dots{
    position:absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*left:98.1%;*/
    right:1.9%;
    bottom:41%;
    z-index:3;
}
.banner .dots li{
    display:inline-block;
    width:10px;
    height:10px;
    margin:10px 4px;
    text-indent:-999em;
    background: white;
    transform:rotate(45deg);
    cursor:pointer;
    /*opacity:.4;*/
    -webkit-transition:background .5s,opacity .5s;
    -moz-transition:background .5s,opacity .5s;
    transition:background .5s,opacity .5s
}
.banner .dots li.active{
    background:red;
    opacity:0
}
.banner .arrow{
    position:absolute;
    width:15px;
    height:25px;
    top: 50%;
    margin-top: -18px;
    overflow: hidden;
    z-index: 2;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.banner #al{
    top: 38%;
    right:2.1%;
    transform:rotate(90deg)
}
.banner #ar{
    top: 67%;
    right:2%;
    transform:rotate(90deg)
}
.banner ul{
    z-index: 1;
    width: 600%;
    overflow: hidden;}
.banner ul .slider-item {
    width:640px;
    float: left;
    /*height:850px;*/
    position: relative;
    overflow: hidden;}
/*.banner ul .slider-item .slider-title {*/
    /*position: absolute;*/
    /*left: 0;*/
    /*bottom: 0px;*/
    /*width: 610px;*/
    /*max-height: 56px;*/
    /*padding: 15px;*/
    /*text-align:left;*/
    /*line-height: 28px;*/
    /*color: #fff;*/
    /*font-size: 18px;*/
    /*font-weight: bold;*/
    /*background: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.9));*/
    /*background: url(../images/slider-info-bg.png) \9;*/
/*}*/
.banner .progress{
    position:absolute;
    left:0;bottom:0;
    width:15%;
    min-height:3px;
    overflow:hidden;
    z-index:2;background:#f60
}