<?php if (!defined('ROOT')) exit; ?>
<!DOCTYPE html>
<html>

	<head>
		<title>网盘</title>
		<meta name="description" content="">
		<meta name="keywords" content="">
		<?php
			include 'Inc_files.php';
		?>
		<link rel="stylesheet" href="/static/Member/css/swiper.min.css" />
		<link rel="stylesheet" href="/static/Member/css/style.css" />
		<link rel="stylesheet" href="/static/Member/css/wangpan.css" />
	</head>

	<body data-type="index">
		<div class="content">
			<!--顶部导航-->
			<div id="nav_head">
				<div class="logo"><img src="/static/Member/images/logo_img.jpg"/></div>
				<ul class="nav">
					<li class="current">首页</li>
					<li>热门下载</li>
					<li>所有软件</li>
					<li>使用教程</li>
					<li>新闻公告</li>
					<li>注册网盘</li>
				</ul>
			</div>
			<!--轮播-->
			<div id="banner">
				<div class="swiper-container">
				    <div class="swiper-wrapper">
				      <div class="swiper-slide" style="background-image: url(/static/Member/images/banner.jpg);background-size: cover;"></div>
				      <div class="swiper-slide" style="background-image: url(/static/Member/images/banner.jpg);background-size: cover;"></div>
				      <div class="swiper-slide" style="background-image: url(/static/Member/images/banner.jpg);background-size: cover;"></div>
				      <div class="swiper-slide" style="background-image: url(/static/Member/images/banner.jpg);background-size: cover;"></div>
				      <div class="swiper-slide" style="background-image: url(/static/Member/images/banner.jpg);background-size: cover;"></div>
				      <div class="swiper-slide" style="background-image: url(/static/Member/images/banner.jpg);background-size: cover;"></div>
				    </div>
				    <div class="swiper-pagination"></div>
				 </div>
			</div>
			
			<div id="hot_downloads">
				<div class="title">热门下载</div>
				<ul>
					<li>
						<img src="/static/Member/images/sougou.jpg"/>
						<p>搜狗浏览器</p>
					</li>
					<li>
						<img src="/static/Member/images/google.jpg"/>
						<p>Google浏览器</p>
					</li>
					<li>
						<img src="/static/Member/images/firefox.jpg"/>
						<p>FireFox浏览器</p>
					</li>
					<li>
						<img src="/static/Member/images/sougou.jpg"/>
						<p>搜狗浏览器</p>
					</li>
					<li>
						<img src="/static/Member/images/sougou.jpg"/>
						<p>搜狗浏览器</p>
					</li>
				</ul>
			</div>
			
			<div id="files">
				<div class="title">文件柜</div>
				<ul>
					<li>
						<img src="/static/Member/images/files.png"/>
						<p>wenjian</p>
					</li>
					<li>
						<img src="/static/Member/images/files.png"/>
						<p>wenjian</p>
					</li>
					<li>
						<img src="/static/Member/images/files.png"/>
						<p>wenjian</p>
					</li>
					<li>
						<img src="/static/Member/images/files.png"/>
						<p>wenjian</p>
					</li>
					<li>
						<img src="/static/Member/images/files.png"/>
						<p>wenjian</p>
					</li>
					<li>
						<img src="/static/Member/images/files.png"/>
						<p>wenjian</p>
					</li>
					<li>
						<img src="/static/Member/images/files.png"/>
						<p>wenjian</p>
					</li>
					<li>
						<img src="/static/Member/images/files.png"/>
						<p>wenjian</p>
					</li>
					<li>
						<img src="/static/Member/images/files.png"/>
						<p>wenjian</p>
					</li>
					<li>
						<img src="/static/Member/images/files.png"/>
						<p>wenjian</p>
					</li>
				</ul>
			</div> 
			
			<div id="news">
				<div class="title">新闻公告</div>
				<ul >
					<li><i class="iconfont">&#xe62e;</i>电子发票</li>
					<li><i class="iconfont">&#xe62e;</i>未付款订单会保存多久</li>
					<li><i class="iconfont">&#xe62e;</i>纳税人识别号</li>
					<li><i class="iconfont">&#xe62e;</i>支持那些在线支付方式</li>
					<li><i class="iconfont">&#xe62e;</i>电子发票</li>
					<li><i class="iconfont">&#xe62e;</i>未付款订单会保存多久</li>
					<li><i class="iconfont">&#xe62e;</i>纳税人识别号</li>
					<li><i class="iconfont">&#xe62e;</i>支持那些在线支付方式</li>
					<li><i class="iconfont">&#xe62e;</i>纳税人识别号</li>
					<li><i class="iconfont">&#xe62e;</i>支持那些在线支付方式</li>
				</ul>
			</div>
			
			<div id="video">
				<div class="title">视频教程</div>
				<ul >
					<li>
						<img src="/static/Member/images/jc.jpg"/>
						<p>搜狗浏览器</p>
					</li>
					<li>
						<img src="/static/Member/images/jc.jpg"/>
						<p>搜狗浏览器</p>
					</li>
					<li>
						<img src="/static/Member/images/jc.jpg"/>
						<p>搜狗浏览器</p>
					</li>
					<li>
						<img src="/static/Member/images/jc.jpg"/>
						<p>搜狗浏览器</p>
					</li>
					<li>
						<img src="/static/Member/images/jc.jpg"/>
						<p>搜狗浏览器</p>
					</li>
					<li>
						<img src="/static/Member/images/jc.jpg"/>
						<p>搜狗浏览器</p>
					</li>
					<li>
						<img src="/static/Member/images/jc.jpg"/>
						<p>搜狗浏览器</p>
					</li>
					<li>
						<img src="/static/Member/images/jc.jpg"/>
						<p>搜狗浏览器</p>
					</li>
					<li>
						<img src="/static/Member/images/jc.jpg"/>
						<p>搜狗浏览器</p>
					</li>
					<li>
						<img src="/static/Member/images/jc.jpg"/>
						<p>搜狗浏览器</p>
					</li>
				</ul>
			</div>
			
			<div id="foot">
				<div class="back">
					<p>梦想总是要有的，万一实现了呢</p>
				</div>
				<div class="boot">
					<div class="flink">
						<div class="title">友情链接：</div>
						<ul>
							<li>UI社精品设计素材</li>
							<li>jQuery</li>
							<li>淘宝UED</li>
							<li>iconfont</li>
							<li>w3c-前端社区</li>
							<li>拼图UI</li>
							<li>mtui</li>
							<li>github</li>
							<li>gitte</li>
						</ul>
					</div>
					<div class="qr_code">
						<img src="/static/Member/images/qr_code.jpg"/>
						<p>扫码访问手机版</p>
					</div>
				</div>
				<div class="foot"></div>
			</div>
		</div>
		
		<script src="/static/Member/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var swiper = new Swiper('.swiper-container', {
		      spaceBetween: 30,
		      centeredSlides: true,
		      autoplay: {
		        delay: 2500,
		        disableOnInteraction: false,
		      },
		      pagination: {
		        el: '.swiper-pagination',
		        clickable: true,
		      },
		      navigation: {
		        nextEl: '.swiper-button-next',
		        prevEl: '.swiper-button-prev',
		      },
		    });
		</script>
	</body>

</html>