#slides{ width:1200px; height:312px; overflow:hidden; position:relative; margin-top:50px;}
.slides_container li{ width:1200px; float:left;}
.slides_container li a{ overflow:hidden; display:inline-block; width:18%; height:312px; margin-left:1%; margin-right:1%;}
.slides_container li a img{ width:100%; height:312px;transition: all 0.8s;}
.slides_container li a span{ display:block; width:100%; cursor:pointer; height:30px; line-height:30px; background:#262626; color:#fff;}
.slides_container li a:hover img{transform: scale(1.1);}



.slides_container li a:hover span{ color:#ff8400;}
#slides .prev{ background:url(../images/arr.png) no-repeat; width:29px; height:43px; display:block; left:10px; top:120px; position:absolute; text-indent:-999em; outline:none; z-index:11;}
.prev:hover{ background-position:0 -43px;}
#slides .next{ background:url(../images/arr.png) no-repeat -29px 0; width:29px; height:43px; display:block; right:10px; top:120px; position:absolute; text-indent:-999em;outline:none;z-index:11;}
 .next:hover{ background-position:-29px -43px;}*