.banner{ width:100%; overflow:hidden; position:relative;float:left;margin-top: 6.5rem;}
.b-img{ position:absolute; left:0; top:0;}
.b-img a{ display:block; float:left;}
.b-list{ height:1.6rem; padding-top:50%; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:8px; height:8px; border-radius:50%; background: white; float:left; margin:0 5px; }
.b-list .spcss{background:#019fe9;}
.bar-left{ position:absolute; z-index:1; display:block; width:30px; height:100%; left:0; background:none; top:0; }
.bar-right{ position:absolute;z-index:1; display:block; width:30px; height:100%; right:0; background:none; top:0; }
.bar-left em{ display:block; width:30px; height:30px; background:url(../images/arrow1.png) 0 0 no-repeat; margin:100px auto 0;}
.bar-right em{ display:block; width:30px; height:30px; background:url(../images/arrow2.png) 0 0 no-repeat; margin:100px auto 0;}
.bar-left .emcss{ background-position:0 -30px;}
.bar-right .emcss{ background-position:0 -30px;}
.b-img img{width:100%;}

.mobile-inner-nav a{
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: returnToNormal;
    animation-name: returnToNormal;
}

@-webkit-keyframes returnToNormal {
    from{
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes returnToNormal {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}