*{
    margin: 0;
    padding: 0;
    /* color: black; */
}
body {
    /* font-size:1em; */
    width:100%;
    height: 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;
}

/*---- banner ---*/
.swiper-container {
    /* height:450px; */
    min-width: 1180px;
    width:100%;
    text-align:center;
    margin:0 auto;
    position:relative;
    overflow:hidden;
    z-index:5;
    background:#F8F8F8;
}
.swiper-wrapper {
    position: relative;
    z-index:10;
    height: 100% !important;
}
.swiper-slide {
    position:relative;
    text-align:center;
    float:left;
    height: 100% !important;
}
.swiper-slide a{
    position:relative;
    width:100%;
    height:100% !important;
    display:block;
    overflow:hidden;
}
.swiper-slide img{
    width:100%;
    height:100%;
    vertical-align:middle;
    position:relative;
}
.pagination{
    position:absolute;
    height:14px;
    width:100%;
    bottom:6%;
    z-index:100;

}
.pagination .swiper-pagination-switch{
    display:inline-block;
    height:14px;
    width:14px;
    background:#FFF;
    border-radius:50%;
    margin-right:22px;
}
.pagination .swiper-active-switch{
    background:#fff;
    width:44px;
    height:14px;
    border-radius: 15px;
}