#ban{background:url(../gf3/ban7.png)}
.slider img {width:100%;height:auto}
.slider_clock {width:600px;height:600px;position:absolute;top:220px;left:180px;user-select:none;overflow-x:hidden}
.slider_clock > * {transition: ease all 1s}
.slider_clock .active {position:absolute;left:50%;top:50%;margin-left:-95px;margin-top:-127px;width:224px;height:224px;transform: rotate(0deg);opacity:1;background:transparent;overflow:hidden}
.slider_clock .next1,
.slider_clock .next2,
.slider_clock .next3,
.slider_clock .next4,
.slider_clock .next5,
.slider_clock .next6,
.slider_clock .prev1,
.slider_clock .prev2,
.slider_clock .prev3,
.slider_clock .prev4,
.slider_clock .prev5,
.slider_clock .prev6,
.slider_clock .hidden {position:absolute;left:49.6%;top:66.3%;width:135px;height:135px;margin-left:-50px;transform-origin:69px -113px;opacity:1;border-radius:50%;overflow:hidden}
.slider_clock .next2 {transform: rotate(-51.4deg)}
.slider_clock .next3 {transform: rotate(-102.8deg)}
.slider_clock .next4 {transform: rotate(-154.2deg)}
.slider_clock .next5 {transform: rotate(-205.6deg)}
.slider_clock .next6 {transform: rotate(-257deg);opacity:0}
.slider_clock .prev1 {transform: rotate(51.4deg)}
.slider_clock .prev2 {transform: rotate(102.8deg)}
.slider_clock .prev3 {transform: rotate(154.2deg)}
.slider_clock .prev4 {transform: rotate(205.6deg)}
.slider_clock .prev5 {transform: rotate(257deg)}
.slider_clock .prev6 {transform: rotate(308.4deg);opacity:0}
.slider_clock .hidden {transform:rotate(257deg);opacity:0}