#ban{background:url(../gf8/ban12.png)}
#rama{width:840px;height:600px;position:relative;top:220px;left:79px;border:solid 1px;background:#FFF;pointer-events:none}
#spr {position:absolute;top:60px;left:320px;animation:spring 2s;animation-timing-function:ease}
@keyframes spring {
0% {transform:scale(1) translateY(0)}
10% {transform:scale(1.2,.6)}
30% {transform:scale(0.8,1.1) translateY(-45px)}
50% {transform:scale(1) translateY(0)}
100% {transform:translateY(0)}
}
#crc {position:absolute;top:276px;left:278px;width:440px;height:440px;border:solid 1px;border-radius:50%;box-shadow: 8px 8px 9px -4px rgba(0,0,0,0.86);z-index:5}
.slider ul.slides li:nth-of-type(1){background:url(../gf8/2.png)}
.slider ul.slides li:nth-of-type(2){background:url(../gf8/1.png)}
.slider ul.slides li:nth-of-type(3){background:url(../gf8/3.png)}
.slider ul.slides li .inr{box-sizing: border-box;height:100%;width:100%}      
.slider{height:150px;position:absolute;top:300px;left:400px;width:210px;z-index:5}
.slider ul.slides{border-radius:50%;height:100%;margin:0;overflow:hidden;padding:0;position:relative;top:0;left:50%;transform:translateX(-50%) rotate(0) transform-origin:center center;width:100%}
.slider ul.slides li{display:block;list-style:none;position:absolute;top:0;left:50%;transform-origin:bottom center;width:100%}
#h1{position:absolute;width:630px;top:780px;margin-left:19%;font-weight:900;font-size:32px;font-family:'Courier New', Courier New}