@-webkit-keyframes trail_{from{-webkit-transform:rotateZ(0deg)}to{-webkit-transform:rotateZ(360deg)}}
@-moz-keyframes trail_{from{-moz-transform:rotateZ(0deg)}to{-moz-transform:rotateZ(360deg)}}
@keyframes trail_{from{transform:rotateZ(0deg)}to{transform:rotateZ(360deg)}}
@-webkit-keyframes trail2_{from{-webkit-transform:rotateZ(0deg)}to{-webkit-transform:rotateZ(-360deg)}}
@-moz-keyframes trail2_{from{-moz-transform:rotateZ(0deg)}to{-moz-transform:rotateZ(-360deg)}}
@-ms-keyframes trail2_{from{transform:rotateZ(0deg)}to{transform:rotateZ(-360deg)}}

.box{ background:url(../images/index5_077.png) no-repeat; background-size:450px 417px; width:450px; height:417px; float:left; }
.circlediv1{animation: 10s linear 0s normal none infinite running trail_;border-radius: 50%;height: 180px;position: absolute;width: 180px;box-sizing:border-box; margin-left:55px;}
.circlediv1 div{animation: 10s linear 0s normal none infinite running trail2_; position:absolute;}


.circlediv2{animation: 10s linear 0s normal none infinite running trail_;border-radius: 50%;height: 230px;position: absolute;width: 230px;box-sizing:border-box;margin:11px 0 0 220px; }
.circlediv2 div {animation: 10s linear 0s normal none infinite running trail2_;position: absolute;}
.a2{ position:absolute; right:0px; top:0px; width:60px; height:60px;}


.circlediv3{animation: 10s linear 0s normal none infinite running trail_;border-radius: 50%;height:190px;position: absolute;width:190px;box-sizing:border-box;margin:160px 0 0 0px;}
.circlediv3 div {animation: 10s linear 0s normal none infinite running trail2_; position: absolute;}
.a3{ position:absolute; right:0px; top:0px; width:60px; height:60px;}


.circlediv4{animation: 10s linear 0s normal none infinite running trail_;border-radius: 50%;height: 205px;position: absolute;width: 205px;box-sizing:border-box;margin:212px 0 0 168px;}
.circlediv4 div {animation: 10s linear 0s normal none infinite running trail2_; position: absolute;}
.a4{ position:absolute; right:0px; bottom:0px; width:60px; height:60px;}