@charset "utf-8";html,body,p,ul,li,td{margin:0;padding:0}ul,li{list-style-type:none}html {font-size:100%; } body {font-family:Arial, Helvetica, sans-serif;font-size:1.1em;line-height:1.6em;background:url(../gf0/tlo.gif) fixed}
img{float:left}
.header {width:1000px;height:156px;position:relative;margin:0 auto;background:url(../gf0/0.jpg)}
#data{width:1000px;height:156px;position:absolute;top:-2px;left:-1px;background:url(../gf0/dat.png);z-index:20}
#menu{width:960px;position:absolute;top:5px;left:17px;z-index:50}
#nav{font-family:"Tahoma",Verdana,Arial,sans-serif;font-size:17px;height:34px;margin:0 auto;text-shadow:0 0px 1px #000;width:962px}
#nav li{float:left;height:34px;position:relative;width:98px;margin-left:10px;border-radius:25px;z-index:9}
#nav > li:first-child{margin-left:0px}
#nav li a{color:#fff;display:block;line-height:32px;text-align:center;text-decoration:none;background:#d00;box-shadow:inset 0 0 20px #000;border-radius:25px;transition:background .1s ease-in}
@keyframes animation {
0% {transform:scale(1)}
30% {transform:scale(1.2)}
100% {transform:scale(1)}
}
#nav li > a:hover {font-size:17px;color:#ff8;background:#0d0;box-shadow:inset 0 0 20px #000;animation-name:animation;animation-duration:0.3s;animation-timing-function:linear;animation-direction:normal;animation-play-state:running;animation-fill-mode:forwards;border-radius:8px}
#roll > p {display:block;float:left;position:absolute;top:40px;width:100px;height:100px;z-index:9;animation:rotator 7s linear infinite}
#roll > p:nth-child(1) {animation-delay:3000ms;left:0px;background:url(../gf0/z.png)}
#roll > p:nth-child(2) {animation-delay:3300ms;left:61px;background:url(../gf0/e.png)}
#roll > p:nth-child(3) {animation-delay:3600ms;left:120px;background:url(../gf0/r.png)}
#roll > p:nth-child(4) {animation-delay:3900ms;left:185px;background:url(../gf0/o.png)}
#roll > p:nth-child(5) {animation-delay:4200ms;left:264px;background:url(../gf0/w.png)}
#roll > p:nth-child(6) {animation-delay:4500ms;left:345px;background:url(../gf0/k.png)}
#roll > p:nth-child(7) {animation-delay:4800ms;left:408px;background:url(../gf0/a.png)}
@keyframes rotator {
0% {transform:rotate(0)}
10% {transform:rotate(360deg)}
100% {transform:rotate(360deg)}
}
#mid{font-size:1em;width:1000px;height:900px;background:url(../gf0/9.png);margin:0 auto;position:relative;padding:20px 0}
#viewport{margin:0 auto;position:relative;width:1000px;height:160px;overflow:hidden}
.layer{position:absolute;width:1400px;height:370px;background-size:cover;background-position:center;top:0;left:0;overflow:hidden}
.next{background:url(../gf0/1.jpg);z-index:2;pointer-events:auto}
.slider{position:relative;width:920px;height:612px;margin:0 auto;overflow:visible;perspective:300px;background:#ff6;top:25px}
.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)}
#kac{position:absolute;top:690px;left:39px;width:920px;height:130px;background:url(../gf6/kac.png)}
#arrow{position:absolute;width:86px;height:90px;left:914px;background:url(../gf0/back.png)}
#pre{position:absolute;width:1000px;height:90px;top:850px;background:url(../gf0/pre.png)}