.cl:after {
    content: '\20';
    display: block;
    height: 0;
    clear: both
}

.cl {
    *zoom: 1
}

.swiper-container {
    height: auto;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 5;
    background: #f8f8f8
}

.swiper-wrapper {
    position: relative;
    z-index: 10
}

.swiper-slide {
    position: relative;
    text-align: center;
    float: left
}

.swiper-slide a {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden
}

.swiper-slide img {
    width: 100%;
    height: auto;
    vertical-align: middle;
    position: relative
}

.swiper-container >  .pagination {
    position: absolute;
    height: 1.2em;
    width: 100%;
    bottom: .4em;
    z-index: 100;
    display: block;
}

.pagination .swiper-pagination-switch {
    display: inline-block;
    height: .6em;
    width: .6em;
    background: #fff;
    border-radius: 50%;
    margin-right: 1em
}

.pagination .swiper-active-switch {
    background: #fe5e52
}