body{background:#ccc;}
@keyframes animated_div {
0%   {   left: 0;        transform: rotate(0deg); -webkit-transform: rotate(0deg); }
25%  {   left: 0;        transform: rotate(20deg); -webkit-transform: rotate(20deg);  bottom:-200px; }
50%  {   left: 200px;    transform: rotate(0deg);  -webkit-transform: rotate(40deg);  opacity: 0.6;  }
55%  {   left: 30px;     transform: rotate(30deg);  -webkit-transform: rotate(60deg);  bottom:-400px; }
65%  {   left: 950px;    transform: rotate(0deg);   -webkit-transform: rotate(0deg); opacity: 0.2;  }
100% {   left: 0;        transform: rotate(-360deg); -webkit-transform: rotate(360deg); }
}

@-webkit-keyframes animated_div
{
0%   {   left: 0;        transform: rotate(0deg); -webkit-transform: rotate(0deg); }
25%  {   left: 0;        transform: rotate(20deg); -webkit-transform: rotate(20deg);  bottom:-200px; }
50%  {   left: 200px;    transform: rotate(0deg);  -webkit-transform: rotate(40deg); opacity: 0.6;   }
55%  {   left: 30px;     transform: rotate(30deg);  -webkit-transform: rotate(60deg);  bottom:-400px; }
65%  {   left: 950px;    transform: rotate(0deg);   -webkit-transform: rotate(0deg); opacity: 0.2;  }
100% {   left: 0;        transform: rotate(-360deg); -webkit-transform: rotate(360deg); }
}

@-moz-keyframes animated_div
{
0%   {   left: 0;        transform: rotate(0deg);   }
25%  {   left: 0;        transform: rotate(20deg); bottom:-200px; }
50%  {   left: 200px;    transform: rotate(0deg); opacity: 0.6;  }
55%  {   left: 30px;     transform: rotate(30deg);  bottom:-400px;}
65%  {   left: 950px;    transform: rotate(0deg);  opacity: 0.2; }
100% {   left: 0;        transform: rotate(-360deg); }
}

@-o-keyframes animated_div
{
0%   {   left: 0;        transform: rotate(0deg);   }
25%  {   left: 0;        transform: rotate(20deg);  }
50%  {   left: 200px;    transform: rotate(0deg);   }
55%  {   left: 30px;     transform: rotate(30deg);  }
65%  {   left: 950px;    transform: rotate(0deg);   }
100% {   left: 0;        transform: rotate(-360deg);}
}
.header {
    background-image: url("https://upfile.asqql.com/2009pasdfasdfic2009s305985-ts/2015-6/20156817573973911.gif");
-moz-background-size:1000px 333px; /* 老版本的 Firefox */
background-size:1000px 333px;
background-clip:padding-box;width:1000px;
padding-bottom:15px; position: relative;
}
.headerText{ padding-top:5px;  text-align: center;   background-image:url("https://img4.duitang.com/uploads/item/201308/11/20130811200201_NVJNK.thumb.600_0.gif");
background-image:url("https://krokeline.k.r.pic.centerblog.net/ehx1alhu.gif");
background-image:url("https://jx.tgbus.com/UploadFiles_7472/201111/20111130130130363.gif");
-moz-background-size:120px 100px; /* 老版本的 Firefox */
background-size:120px 100px;
-moz-background-size:96px 96px; /* 老版本的 Firefox */
background-size:96px 96px;
animation: animated_div 8s infinite;
-moz-animation: 8s ease 0s normal none infinite running animated_div;	/* Firefox */
-webkit-animation: animated_div 8s infinite;	/* Safari 和 Chrome */
-o-animation: 8s ease 0s normal none infinite running animated_div;	
height: 90px;width:95px;position: absolute;background-repeat: no-repeat; bottom:0px;border-radius:50%; overflow:hiddle;text-shadow: 4px 8px 0px #dcdcdc;
}
.headerText{
    transition-duration: 1s, 1s, 3s, 1s, 1s,1s;
    transition-property: width, height, transform, font-size, opacity,animation;
}
.headerText:hover {
    font-size: 16px;
    height: 100px;
    opacity: 0.5;
    transform: rotate(360deg);
    width: 120px;
    -webkit-transform: rotate(360deg);
    animation: animated_div 0s 0;
    -moz-animation: animated_div 0s 0;	/* Firefox */
    -webkit-animation: animated_div 0s 0;
}
.header a.headermaintitle:visited, .header  a.headermaintitle:active,.header  a.headermaintitle:link{ color:#fff;}
#main{width:1000px;}
#mytopmenu{width: 800px;-moz-background-size:800px 49px; /* 老版本的 Firefox */
background-size:800px 49px;}

#centercontent{width:780px;}
#mylinks{ text-align:center;}
#mylinks a{ padding:0px 6px; display:inline-block;font-size: 14px;}
#leftcontent{margin-left:0px;}