Project-exercise
/
foreign.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>foreign-外贸业务</title>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/foreign-外贸业务.css" />
	</head>
	<body>
		<!-- 头部 -->
		<header>
			<div class="logo"><img src="images/logo.jpg"></div>
			<ul class="mainbav">
				<li>
					<a href="index.html">
						<p>首页</p>
						<p>HOME</p>
					</a>
				</li>
				<li>
					<a href="about-wenhua.html">
						<p>关于利仁</p>
						<p>ABOUT</p>
					</a>
				</li>
				<li>
					<div class="hot-img"></div>
					<a href="#">
						<p>视频专区</p>
						<p>VIDEO</p>
					</a>
				</li>
				<li>
					<a href="product.html">
						<p>产品中心</p>
						<p>PRODUCT</p>
					</a>
				</li>
				<li>
					<a href="foreign.html">
						<p>外贸业务</p>
						<p>TRADE</p>
					</a>
				</li>
				<li>
					<a href="cooperation.html">
						<p>招商合作</p>
						<p>PARTNER</p>
					</a>
				</li>
				<li>
					<a href="contact-lianxi.html">
						<p>联系利仁</p>
						<p>CONTACT</p>
					</a>
				</li>
				<li>
					<a href="#">
						<p>English</p>
						<p>English</p>
					</a>
				</li>
			</ul>
		</header>
		<!-- 导航栏部分 -->
		<div class="column">
			<nav>
				<ul id="list">
					<li>
						<a href="product.html">电饼铛</a>
					</li>
					<li>
						<a href="">电火锅</a>
					</li>
					<li>
						<a href="">电压力锅</a>
					</li>
					<li>
						<a href="">电烧烤盘</a>
					</li>
					<li>
						<a href="">电饭煲</a>
					</li>
					<li>
						<a href="">电蒸锅</a>
					</li>
					<li>
						<a href="">电水瓶</a>
					</li>
					<li>
						<a href="">电水壶</a>
					</li>
					<li>
						<a href="">创新产品</a>
					</li>
					<li>
						<a href="">网上购物</a>
					</li>
				</ul>
				<div class="right">
					<input type="text" placeholder="电饼铛">
					<div class="search"></div>
				</div>
			</nav>
		</div>
		<div class="nav1" id="nav1">
			<!-- 电火锅 1-->
			<ul class="nows">
				<li><img src="images/navpic1001.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic1002.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic1003.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic1004.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic1005.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
			</ul>
			<!-- 电饼铛 2-->
			<ul class="nows">
				<li><img src="images/navpic2001.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic2002.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic2003.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic2004.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
			</ul>
			<!-- 电饼铛 3-->
			<ul class="nows">
				<li><img src="images/navpic3001.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic3002.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic3003.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic3004.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic3005.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic3006.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
			</ul>
			<!-- 电饼铛 4-->
			<ul class="nows">
				<li><img src="images/navpic4001.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic4002.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic4003.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic4004.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic4005.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic4006.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
			</ul>
			<!-- 电饼铛 5-->
			<ul class="nows">
				<li><img src="images/navpic5001.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic5002.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic5003.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic5004.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic5005.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic5005.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
			</ul>
			<!-- 电饼铛 6-->
			<ul class="nows">
				<li><img src="images/navpic6001.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic6002.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic6003.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic6004.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic6005.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic6005.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
			</ul>
			<!-- 电饼铛 7-->
			<ul class="nows">
				<li><img src="images/navpic7001.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic7002.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic7003.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic7004.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic7005.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
			</ul>
			<!-- 电饼铛 8-->
			<ul class="nows">
				<li><img src="images/navpic8001.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic8002.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic8003.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic8004.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic8005.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic8005.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
			</ul>
			<!-- 电饼铛 9-->
			<ul class="nows">
				<li><img src="images/navpic9001.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic9002.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic9003.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic9004.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic9005.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
				<li><img src="images/navpic9005.jpg">
					<p>利仁(Liven) LR-D3020A</p>
					<p>查看详情</p>
				</li>
			</ul>
		</div>
		<!-- content开始 -->
		<div class="ab-top">
			<h2>外贸业务</h2>
			<ul>
				<li style="color: #C21718;">外贸业务</li>
			</ul>
		</div>
		<!-- banner开始 -->
		<div class="ab-banner"></div>
		<!-- 内容开始 -->
		<div class="fore-main">
			<!-- 内容开始左边栏目 -->
			<ul>
				<li><img src="images/leftlogo.jpg"></li>
				<li>美国</li>
				<li>英国</li>
				<li>韩国</li>
				<li>日本</li>
				<li>新加坡</li>
				<li>加拿大</li>
				<li>澳大利亚</li>
			</ul>
			<!-- 内容开始右边栏目 -->
			<div class="main-right">
				<ul>
					<li>
						<p>INTERNATIONAL COORATION</p><span>利仁小家电国外市场，小家电行业的领跑者!</span>
					</li>
					<li><img src="images/xiaologo.jpg"></li>
				</ul>
				<div class="main-cen">
					<div class="main-cen-l"><img src="images/lr.jpg">
						<p>LR-300HF感受生活 乐享健康</p>
						<span><img src="../images/coord.jpg">美国</span>
					</div>
					<div class="main-cen-r">
						<h3>LR-300HF感受生活 乐享健康</h3>
						<p>2007年北京利仁科技有限公司开展了与美国的出口合作2007年北京利仁科技有限公司开展了与美国的出口合作2007年北京利仁科技有限公司开展了与美国的出口合作2007年北京利仁科技有限公司开展了与美国的出口合作</p>
					</div>
				</div>
				<div class="main-cen">
					<div class="main-cen-l"><img src="images/lr.jpg">
						<p>LR-300HF感受生活 乐享健康</p>
						<span><img src="../images/coord.jpg">美国</span>
					</div>
					<div class="main-cen-r">
						<h3>LR-300HF感受生活 乐享健康</h3>
						<p>2007年北京利仁科技有限公司开展了与美国的出口合作2007年北京利仁科技有限公司开展了与美国的出口合作2007年北京利仁科技有限公司开展了与美国的出口合作2007年北京利仁科技有限公司开展了与美国的出口合作</p>
					</div>
				</div>
			</div>
		</div>
		<!--菜单部分开始-->
		<div class="list">
			<ul id="four">
				<li>
					<div></div>
					<p>在线选购</p>
				</li>
				<li>
					<div></div>
					<p>实体店选购</p>
				</li>
				<li>
					<div></div>
					<p>售后服务</p>
				</li>
				<li>
					<div></div>
					<p>致电利仁</p>
				</li>
			</ul>
		</div>
		<!--页面底部开始-->
		<footer>
			<div class="footer-cen">
				<dl>
					<dt>精致美食</dt>
					<dd>创意美食</dd>
					<dd>饼食文化</dd>
					<dd>健康食谱</dd>
				</dl>
				<dl>
					<dt>精致生活</dt>
					<dd>厨房新概念</dd>
					<dd>品质有生活</dd>
					<dd>健康生活</dd>
				</dl>
				<dl>
					<dt>精致服务</dt>
					<dd>常见问题</dd>
					<dd>售后服务</dd>
					<dd>在线咨询</dd>
					<dd>客户留言</dd>
				</dl>
				<dl>
					<dt>关于利仁</dt>
					<dd>企业简介</dd>
					<dd>企业文化</dd>
					<dd>企业荣誉</dd>
					<dd>发展历程</dd>
					<dd>工作机会</dd>
				</dl>
				<ul>
					<li><img src="images/ma.jpg" />
						<p>利仁官方微信</p>
					</li>
					<li><img src="images/ma1.jpg" />
						<p>利仁官方微博</p>
					</li>
				</ul>
				<div class="ce-right">
					<p class="tele">400-882-3366</p>
					<p class="week">周一至周日9:00-20:00</p>
					<div class="kefu">在线客服</div>
				</div>
			</div>
			<!--版权信息开始-->
			<div class="copyright">
				<div class="copyright-cen">
					<ul>
						<li>库存查询</li>
						<li>网站导航</li>
						<li>在线商城</li>
						<li>利仁版权图片</li>
					</ul>
					<p>版权所有2010-2019北京利仁科技股份有限公司</p>
				</div>
			</div>
		</footer>
		<!-- 回到顶部按钮 -->
		<ul class="topsr" id="return">
			<li>
				<p>售后</p>
				<p>网点</p>
			</li>
			<li id="topsr"></li>
		</ul>
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>