小米商城滑动门和轮播图

用css实现动画播放（轮播图）

HTML：

<div class="white_nav">
		<div class="warp">
			<img src="img/logo.png" class="logo"/>
			<ul class="mi_nav">
				<li>
					<a href="https://blog.csdn.net/wuxiao18"><span>小米手机</span></a>
					<div class="mi_nav_hidden">
						<a href="https://blog.csdn.net/wuxiao18"><img src="img/logo.png"class="logo1" /><p class="p1">红米1700</p></a>
						<a href="https://blog.csdn.net/wuxiao18"><img src="img/logo.png"class="logo1" /><p class="p2">黑米2300</p></a>
					</div>
				</li>
				<li><a href="https://blog.csdn.net/wuxiao18">红米</a><div class="mi_nav_hidden"></div></li>
				<li><a href="https://blog.csdn.net/wuxiao18">电视</a><div class="mi_nav_hidden"></div></li>
				<li><a href="https://blog.csdn.net/wuxiao18">笔记本</a><div class="mi_nav_hidden"></div></li>
				<li><a href="https://blog.csdn.net/wuxiao18"&