@keyframes animtran {
            from {
                transform: rotateZ(0deg);
            }
            to {
                transform: rotateZ(360deg);
            }
        }

        @keyframes animtrans {
            from {
                transform: rotateZ(360deg);
            }
            to {
                transform: rotateZ(0deg);
            }
        }

        @-webkit-keyframes animtran {
            from {
                transform: rotateZ(0deg);
            }
            to {
                transform: rotateZ(360deg);
            }
        }

        @-webkit-keyframes animtrans {
            from {
                transform: rotateZ(360deg);
            }
            to {
                transform: rotateZ(0deg);
            }
        }


        .bg1{
        	 position: absolute;
            width: 400px;
            height: 385px;
			background:url(../images/yuan1.png) no-repeat 100%;
            animation: animtran 10s linear infinite;
            -webkit-animation: animtran 10s linear infinite;
           left: 401px;
           top: 34px;
        }


        .bg2{
        	position: absolute;
            width: 320px;
            height: 313px;
            background:url(../images/yuan2.png) no-repeat 100%;
            animation: animtrans 7s linear infinite;
            -webkit-animation: animtrans 7s linear infinite;
            left: 445px;
            top: 72px;
        }

        .bg3{
        	 position: absolute;
            width: 240px;
            height: 240px;
            background:url(../images/yuan3.png) no-repeat 100%;
            animation: animtran 3s linear infinite;
            -webkit-animation: animtran 3s linear infinite;
            left: 481px;
            top: 112px;
        }