#kac{position:absolute;top:670px;left:39px;width:920px;height:130px;background:url(../gf6/kac.png)}
.wrapper {width:100%;height:700px;position:relative;perspective:300px}
.slider {position:relative;width:920px;height:612px;margin:0 auto;overflow:visible;perspective:300px;background:#ff6;top:30px}
.slide {width:100%;height:100%;animation-name:slideList;animation-duration:36s;animation-iteration-count:infinite;transition-timing-function:ease-in-out;position:absolute;bottom:0px;transform-origin:bottom;transform:rotateX(90deg);opacity:0}
.slide1 {background:url(../gf6/kac2.jpg);animation-delay:0s;z-index:6}
.slide2 {background:url(../gf6/kac3.jpg);animation-delay:6s;z-index:5}
.slide3 {background:url(../gf6/kac4.jpg);animation-delay:12s;z-index:4}
.slide4 {background:url(../gf6/kac5.jpg);animation-delay:18s;z-index:3}
.slide5 {background:url(../gf6/kac6.jpg);animation-delay:24s;z-index:2}
.slide6 {background:url(../gf6/kac7.jpg);animation-delay:30s;z-index:1}
@keyframes slideList {
0% {transform:rotateX(-90deg);opacity:0;transform-origin:top}
2% {transform:rotateX(0deg);opacity:1}
14% {transform:rotateX(0deg);opacity:1}
18% {transform:rotateX(90deg);opacity:0;transform-origin:bottom}
100% {transform:rotateX(90deg);opacity:0;transform-origin:bottom}}
.slideContent {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-shadow:1px 1px 3px rgba(0,0,0,.5)}