.mainbanner { width:100%; height:445px; overflow:hidden; position:relative; } .mainbanner_window { overflow:hidden; margin-left:-1000px; position:absolute; left:50%; width:400%; height:445px; } .mainbanner_window ul { width:99999px; height:445px; position:relative; } .mainbanner_window li { width:2000px; height:445px; text-align:center; font-size:0px; float:left; display:inline; } .mainbanner_list { left:50%; top:400px; width:445px; height:30px; margin-left:-75px; position:absolute; } .mainbanner_list li { width:20px; height:20px; overflow:hidden; float:left; display:inline; margin-right:10px; } .mainbanner_list a { /*background:url("../images/num.png") no-repeat; */background:#fff; width:20px; height:20px; line-height:20px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:10px; overflow:hidden; text-align:center; color:#000; font-size:12px; float:left; } .mainbanner_list li.active a { background:#63be67; text-decoration:none; color:#fff; } .mainbanner_list li a:hover { background-position:0 -20px; background:#63be67; text-decoration:none; }