.slider-img-0 {
    left: -100%;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-size: cover;
}
.slider-img-1 {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-size: cover;
}
.slider-img-2 {
    left: 100%;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-size: cover;
}
.slider-iconfont{
    font-family:"iconfont" !important;
    font-size:40px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    color: rgba(255,255,255,.8);
}
.slider-left {
    position: absolute;
    z-index: 10;
    top:50%;
    left: 40px;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%) rotate(180deg);
    cursor: pointer;
}
.slider-right {
    position: absolute;
    z-index: 10;
    top:50%;
    right: 0;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    cursor: pointer;
}
@font-face {
    font-family: 'iconfont';
    src: url('../icon/iconfont.eot');
    src: url('../icon/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../icon/iconfont.woff') format('woff'),
    url('../icon/iconfont.ttf') format('truetype'),
    url('///icon/iconfont.svg#iconfont') format('svg');
}

@-webkit-keyframes slider-moveLeft {
    from{ transform: translateX(0px) }
    to { transform: translateX(-100%) }
}
@-webkit-keyframes slider-moveRight {
    from{ transform: translateX(0px) }
    to { transform: translateX(100%) }
}

@-webkit-keyframes slider-moveOut {
    from{ transform: translateX(-100%) }
    to { transform: translateX(0px) }
}