body
 {
min-width:1024px;
background-color:#ffffff;
font-family:Verdana, Arial;
font-size:14px;
 }

.weibo
 {
font-family:Verdana, Arial;
font-weight: 900;
position:absolute;
right:50%;
top:90%

 }
.wechat
{
font-family:Verdana, Arial;
font-weight: 900;
position:absolute;
left:55%;
top:90%




}
.weibo img
{
border-style: solid;
border-width:2px;
width:200px;
height:200px;

}
.wechat img
{
border-style: solid;
border-width:2px;
width:200px;
height:200px;

}
img.dbg {
    
    min-width: 1024px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 10%;
    left:0%
   
}

ul
{
list-style-type:none;
margin:0;
padding:0;
padding-top:6px;
padding-bottom:6px;
position: absolute;
  left: 20%;
  top:2%
}
li
{
padding-right:15px;
display:inline;
}
a:link,a:visited
{
font-weight:bold;
color:#fff;
background-color:#e27a20;
text-align:center;
padding:6px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#07a98c;
}
.donghua
{
width:100px;
height:10px;
background:red;
position:relative;
animation:myfirst 5s;
-moz-animation:myfirst 5s; /* Firefox */
-webkit-animation:myfirst 5s; /* Safari and Chrome */
-o-animation:myfirst 5s; /* Opera */
}

@keyframes myfirst
{
0%   {background:red; left:0px; top:0px;}
25%  {background:yellow; left:0px; top:0px;}
50%  {background:blue; left:200px; top:200px;}
75%  {background:green; left:0px; top:200px;}
100% {background:red; left:0px; top:0px;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {background:red; left:0px; top:0px;}
25%  {background:yellow; left:0px; top:0px;}
50%  {background:blue; left:200px; top:200px;}
75%  {background:green; left:0px; top:200px;}
100% {background:red; left:0px; top:0px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {background:red; left:0px; top:0px;}
25%  {background:yellow; left:0px; top:0px;}
50%  {background:blue; left:200px; top:200px;}
75%  {background:green; left:0px; top:200px;}
100% {background:red; left:0px; top:0px;}
}

@-o-keyframes myfirst /* Opera */
{
0%   {background:red; left:0px; top:0px;}
25%  {background:yellow; left:0px; top:0px;}
50%  {background:blue; left:200px; top:200px;}
75%  {background:green; left:0px; top:200px;}
100% {background:red; left:0px; top:0px;}
}

.aboutmeshandong
{
 background:#1111;
 width: 300px;
 position: absolute;
 top: 0%;
 left: 100%;
text-align:right;
padding-right:10px;
}
.aboutmezuqiu
{
padding-bottom:25px;
top: 50%;
left: 50%;
}

.aboutme
{
background:#0303;
width:260px;
position: absolute;
top: 20%;
left: 20%;
padding-left:10px;
}
.footer
{
width: 260px;
padding-top: 30px;
}