*{ vertical-align:middle;font-family:Microsoft YaHei UI; }
h4{ font-size:14px; font-weight:normal;color:#FFFFFF; text-decoration:none;  white-space:nowrap;}
#main #link_style{ text-align:left; background:#00CC66; height:30px; line-height:30px; margin-top:0px;vertical-align:middle; padding-bottom:0px; text-indent: 20px; }
#main #link_style1{ background:#FFFFCC; height:10px;   }
.a_white{color:#FFFFFF;}


banner

ul{ list-style: none; }
*{ margin: 0;padding: 0; }
#ads{
    width: 675px; height: 300px;
    border: 0px solid #999;
    margin: 0px auto;
    position: relative;
	float:right;
    margin-right:4px;
}
#ads img{
    width: 100%; height: 100%;
    position: absolute;
    left: 0; top: 0;
    opacity: 0;
    animation-timing-function: linear;
    animation-duration:1s;
    animation-fill-mode:forwards;
}
#ads img.show{
    animation-name: show;
}
#ads img.unshow{
    animation-name: disapper;
}
#ads ul{
    position: absolute;
    bottom: 10px; left: 530px; 
}
#ads ul li{
    width: 18px; height: 18px;
    float: left;
    background: rgba(255,255,255,0.9);
    margin-right: 8px;
    border-radius: 60%;
    cursor: pointer;
}
#ads ul li.active{ background: orange; }
@keyframes show{
    from{opacity:0;}
    to{opacity:10;}
}
@keyframes disappear{
    from{opacity:10;}
    to{opacity:0;}
}