* { margin:0; padding:0; font-family:Microsoft YaHei,serif; } li { list-style:none; } body,html { position:relative; width:100%; height:100%; } #box { width:100%; height:100%; } #box ul { width:100%; height:100%; } #box ul li { position:absolute; top:0; left:0; width:100%; height:100%; } #wrap { position:absolute; top:50%; margin-top:-215px; left:50%; margin-left:-545px; overflow:hidden; width:1090px; height:429px; /* margin:200px auto; */ } #wrap ul { width:400%; } #wrap ul li { overflow:hidden; float:left; width:100px; height:429px; cursor:default; } #wrap ul li p { width:14px; height:100%; color:#fff; font-size:14px; padding:29px 43px 0; background:#000; background:rgba(0,0,0,.5) }