body{ background:#000}

.antopdiv{width:324px; height:608px;}
.anbgdiv{width:324px; height:608px; background:rgba(0,0,0,0.8) none repeat scroll !important;; filter:Alpha(opacity=80); overflow:hidden; display:none;}

.anidiv{width:92px; height:38px; margin:415px auto; position:relative;}
.anidiv a{ font-size:14px; text-decoration:none}

.animateurl{width:92px; height:38px; background:url(201501images/swt.png) no-repeat; float:left; color:#fff; text-align:center; line-height:38px; text-decoration:none;}
.animateurl:hover{ background:url(201501images/swt.png) no-repeat; background-position:0px -1px; color:#eee}
.anbut{width:323px; height:84px; border:solid 1px #F00}
.anbut a{ float:left;width:323px; height:84px;}

.animaiea{width:768px; height:323px; position:absolute; margin:30px auto auto 35px;
-webkit-transform-origin:0% 70%;
-moz-transform-origin:0% 70%;
-o-transform-origin:0% 70%;
-ms-transform-origin:0% 70%;
animation:animaiea 5s  linear 0s infinite alternate;
-moz-animation:animaiea 5s  linear 0s infinite alternate;/* Firefox */
-webkit-animation:animaiea 5s  linear 0s infinite alternate; /* Safari and Chrome */
-o-animation:animaiea 5s  linear 0s infinite alternate;/* Opera */
-ms-animation:animaiea 5s  linear 0s infinite alternate;
}
@keyframes animaiea{
from {transform: rotate(1deg);}
to {transform: rotate(-6deg);}
	}
@-webkit-keyframes animaiea{
from {-webkit-transform: rotate(1deg);}
to {-webkit-transform: rotate(-6deg);}
@-moz-keyframes animaiea{
from {-webkit-transform: rotate(1deg);}
to {-webkit-transform: rotate(-6deg);}
@-o-keyframes animaiea{
from {-webkit-transform: rotate(1deg);}
to {-webkit-transform: rotate(-6deg);}
@-ms-keyframes animaiea{
from {-webkit-transform: rotate(1deg);}
to {-webkit-transform: rotate(-6deg);}
	}