* {
 margin:0;
 padding:0;
 color:#000
}
body {
 font-size:1em;
 width:100%
}
a {
 display:inline-block;
 text-decoration:none
}
li {
 list-style:none
}
.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: 100%;
 height:auto;
 vertical-align:middle;
 position:relative
}
.pagination {
 position:absolute;
 height:1.2em;
 width:100%;
 bottom:.4em;
 z-index:100
}
.pagination .swiper-pagination-switch {
 display:inline-block;
 height:.6em;
 width:.6em;
 background:red;
 border-radius:50%;
 margin-right:1em
}
.pagination .swiper-active-switch {
 background:#fe5e52;
}