svg{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index:100
}
svg circle{
  stroke: #4DD0E1;
}

.circle{
  transform-origin: center ;
}
.guizu{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index:8848
}
#arc1{
  stroke-dasharray: 30;
  stroke-dashoffset: 18;
  animation: 10s -2s rota infinite linear;
}
#arc3{
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  animation: 16s 1s rota infinite linear;
}
#arc4{
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  animation: 6s 1s rota infinite linear reverse;
}
#arc5{
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  animation: 4s 1s rota infinite linear;
}
#arc6{
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  animation: 8s 1s rota infinite linear alternate;
}
#arc7{
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  animation: 4s 1s rota infinite linear reverse;
}
text{
 fill: #ffffff;
 font: bold 24px sans-serif;
}
@keyframes rota{
  from{
    transform: rotate(0deg);
  }
  to{
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.Rotation{-webkit-transform:rotate(360deg);animation:rotation 8s linear infinite;-moz-animation:rotation 8s linear infinite;-webkit-animation:rotation 8s linear infinite;-o-animation:rotation 8s linear infinite}.Rotation:hover{-webkit-animation-play-state:paused;animation-play-state:paused}@keyframes mylogo{from{top:5px}to{top:-5px}}@-moz-keyframes mylogo{from{top:5px}to{top:-5px}}@-webkit-keyframes mylogo{from{top:5px}to{top:-5px}}@-o-keyframes mylogo{from{top:5px}to{top:-5px}}.imagelogo{float:left;position:relative;width:604px;height:160px;margin-left:12px;padding:0;cursor:pointer;animation:mylogo 2s linear 0s infinite alternate;-moz-animation:mylogo 2s linear 0s infinite alternate;-webkit-animation:mylogo 2s linear 0s infinite alternate;-o-animation:mylogo 2s linear 0s infinite alternate}
.abcd{
font-size:24px;
font-weight:bold;
color:#391105;
text-shadow: 0 0 10px #ffff00,
                    0 0 20px #ffff00,
                    0 0 30px #ffff00,
                    0 0 40px #fff700,
                    0 0 70px #fff700,
                    0 0 80px #fff700,
                    0 0 100px #fff700,
                    0 0 150px #fff700;
animation: light 1.5s ease infinite alternate;
}
.zwz h3 {
    margin-bottom: 0;
    font-weight: bold;
    font-size: 23px;
    color:#000;
    text-shadow: 0 0 10px #ffff00,
                    0 0 20px #ffff00,
                    0 0 30px #ffff00,
                    0 0 40px #fff700,
                    0 0 70px #fff700,
                    0 0 80px #fff700,
                    0 0 100px #fff700,
                    0 0 150px #fff700;
}
.zwz h3{
   animation: light 1.5s ease infinite alternate;
}