.swiper-container
{
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;/* Fix of Webkit flickering */
    z-index: 1;
}
.swiper-wrapper
{
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform,left,top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform,left,top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0,0,0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform,left,top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0,0,0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0,0);
    -ms-transition-property: -ms-transform,left,top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0,0,0);
    -ms-transition-timing-function: ease;
    transition-property: transform,left,top;
    transition-duration: 0s;
    transform: translate3d(0,0,0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-free-mode>.swiper-wrapper
{
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide
{
    width: 100%;
    height: 100%;
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal
{
    -ms-touch-action: pan-y;
}
.swiper-wp8-vertical
{
    -ms-touch-action: pan-x;
}/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-pagination
{
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 80px;
    width: 100%;
}/*基本点的样式*/
.swiper-pagination-switch
{
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 10px;
    background: #fff;
    margin: 0 5px;
    cursor: pointer;
}
.swiper-active-switch
{
    background: #f4a564;
}
.arrow-left
{
    width: 17px;
    height: 30px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 10px;
    text-decoration: none;
    color: #fff;
}
.arrow-right
{
    width: 17px;
    height: 30px;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 10px;
    text-decoration: none;
    color: #fff;
}/*可以增加箭头：如下*//*增加*/
.arrow-left2
{
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 1;
    top: 53%;
    left: 30px;
    text-decoration: none;
    color: #fff;
    background: url(keywords.png) center center no-repeat;
}
.arrow-right2
{
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 1;
    top: 53%;
    right: 30px;
    text-decoration: none;
    color: #fff;
    background: url(keywords.png) left center no-repeat;
}/*增加*/