body, ul {margin: 0;padding: 0;}
body,html{ height: 100%}
ul li {list-style-type: none;}
.slides-box {width: 100%;height: 100%;margin: auto;overflow: hidden;min-width: 1260px;position: relative;}
.slides {position: relative;height: 100%;width: 100%; margin: auto;float: left;}
@keyframes zoom1{
0% {
    transform: scale(1);
}
40% {
    transform: scale(1.02);
}
90% {
    transform: scale(1.05);
}
100% {
    transform: scale(1.07);
}
}
@keyframes zoom2{
0% {
    -webkit-transform: scale(0.5,0.5);
    -moz-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);

}
50% {
    -webkit-transform: scale(0.7,0.7);
    -moz-transform: scale(0.7,0.7);
    transform: scale(0.7,0.7);
}
100% {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    transform: scale(1,1);
}
}
.slides li {position: absolute;width: 100%;height: 100%;}
.slides li a { display:block; height:100%; animation: zoom1 6s linear;-webkit-animation: zoom1 6s linear;-moz-animation: zoom1 6s linear;}
.prev, .next {position: absolute;z-index: 99;top: 50%;margin-top: -40px;left:0;height:93px;width:49px;color:#fff;cursor: pointer;opacity: .5;}
.prev:hover, .next:hover{opacity: 1;filter: drop-shadow(0 0 10px black);}
.prev{ background-image:url(../images/prev.png); left:30px;}
.prev:hover { left:35px;}
.next {left: auto;right:30px;background-image:url(../images/next.png)}
.next:hover {right:35px;}
.pagination{position: absolute;bottom: 5px;z-index: 99;}
.pagination li{padding:0 5px;float: left;}
.pagination li a{display: block;width: 6px;height: 6px;border-radius:100px;color: #fff;font-size:0;text-decoration: none;border:2px solid #fff;}
.pagination .active{background:#fff;}
.li_box { width:100%; height:auto; position:absolute; left:0; bottom:0; text-align:right; font-size:19px; color:#fff; line-height:70px; padding:0px 125px 40px 0; box-sizing:border-box;opacity: 0.7;}