<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>国图办公文具</title>
<link type="text/css" href="style.css" rel="stylesheet" />
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/scrollPic.js" type="text/javascript"></script>
<script src="js/guotu.js" type="text/javascript"></script>
</head>
<body>
<div id="top">
<div class="head_top">
<div class="head_top_r">
<p class="left">您好,欢迎来到国图办公之家!<font color="#FF0000">[请登录]</font>,新用户?<font color="#009933">[免费注册]</font></p>
<ul class="top_ul right">
<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="spacer"></div>
</div>
</div>
<div class="head">
<div class="logo left"><a href="#"><img src="images/logo.png" alt="" /></a></div>
<div class="head_right left">
<div class="nav_top">
<div class="share right"></div>
<p class="qq right"><a href="#" class="index_qq q3"></a>
<a href="#" class="index_qq q2"></a>
<a href="#" class="index_qq"></a>
</p>
</div>
<ul class="nav">
<li class="on"><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>
<br class="spacer" />
</ul>
<div class="spacer"></div>
<div class="search_area left">
<form action="#" name="myform" method="post" class="myform">
<input type="text" name="" class="search_input" id="infomessage" value="输入办公用品名称搜索查询" />
<a href="#" class="btn_s"></a>
</form>
</div>
<p class="hot_search left"><span>热点搜索:</span><a href="#">吊顶</a><a href="#">石膏</a><a href="#">胶合板</a><a href="#">油漆</a><a href="#">环氧地坪</a></p>
<p class="cert left">购物车商品有<span class="red">0</span>件<a href="#" class="cert_topay right"></a></p>
<div class="spacer"></div>
</div>
<div class="spacer"></div>
<ul class="categroy_tree">
<li class="tree_td"></li>
<!-- tree start -->
<li class="li_tree"><a href="#"><span>纸品 本册</span></a>
<div class="i-mc">
<div class="close" onclick="$(this).parent().attr('style','display:none;')"></div>
<div class="subitem">
<dl class="fore">
<dt><a href="#">纸品系列</a></dt>
<dd>
<em><a href="#">小说</a></em>
<em><a href="#">文学</a></em>
<em><a href="#">青春文学</a></em>
<em><a href="#">传记</a></em>
<em><a href="#">青春文学</a></em>
<em><a href="#">传记</a></em>
<em><a href="#">艺术</a></em>
<em><a href="#">小说</a></em>
<em><a href="#">文学</a></em>
<em><a href="#">青春文学</a></em>
<em><a href="#">传记</a></em>
<em><a href="#">艺术</a></em>
</dd>
<br class="spacer" />
</dl>
<dl class="fore">
<dt><a href="#">单据凭证系列</a></dt>
<dd>
<em><a href="#">小说</a></em>
<em><a href="#">文学</a></em>
<em><a href="#">青春文学</a></em>
<em><a href="#">传记</a></em>
<em><a href="#">艺术</a></em>
<em><a href="#">小说</a></em>
<em><a href="#">文学</a></em>
<em><a href="#">青春文学</a></em>
<em><a href="#">小说</a></em>
<em><a href="#">文学</a></em>
<em><a href="#">青春文学</a></em>
<em><a href="#">传记</a></em>
<em><a href="#">艺术</a></em>
</dd>
<br class="spacer" />
</dl>
</div>
<div id="JD_sort_k" class="fr">
<dl>
<dt>推荐品牌</dt>
<dd><a href="#">得力文具</a></dd><dd><a href="#">齐心文具</a></dd>
<dd><a href="#">得力文具</a></dd><dd><a href="#">齐心文具</a></dd>
<dd><a href="#">得力文具</a></dd><dd><a href="#">齐心文具</a></dd>
<dd><a href="#">得力文具</a></dd><dd><a href="#">齐心文具</a></dd>
<dd><a href="#">得力文具</a></dd><dd><a href="#">齐心文具</a></dd>
<dd><a href="#">得力文具</a></dd><dd><a href="#">齐心文具</a></dd>
<dd><a href="#">得力文具</a></dd><dd><a href="#">齐心文具</a></dd>
</dl>
</div>
</div>
</li>
<li class="li_tree"><a href="#"><span>办公用笔</span></a>
<div class="i-mc">
<div class="close" onclick="$(this).parent().attr('style','display:none;')"></div>
<div class="subitem">
<dl class="fore">
<dt><a href="#">纸品系列</a></dt>
<dd>
<em><a href="#">小说</a></em>
<em><a href="#">文学</a></em>
<em><a href="#">青春文学</a></em>
<em><a href="#">传记</a></em>
<em><a href="#">艺术</a></em>
<em><a href="#">小说</a></em>
<em><a href="#">文学</a></em>
<em><a href="#">小说</a></em>
<em><a href="#">文学</a></em>
<em><a href="#">青春文学</a></em>
<em><a href="#">传记</a></em>
<em><a href="#">艺术</a></em>
</dd>
<br class="spacer" />
</dl>
<dl class="fore">
<dt><a href="#">证明不是一样</a></dt>
<dd>
<em><a href="#">小说</a></em>
<em><a href="#">文学</a></em>
<em><a href="#">青春文学</a></em>
<em><a href="#">传记</a></em>
<em><a href="#">艺术</a></em>
<em><a href="#">小说</a></em>
<em><a href="#">文学</a></em>
<em><a href="#">青春文学</a></em>
<em><a href="#">传记</a></em>
<em><a href="#">艺术</a></em>
<em><a href="#">小说</a></em>
<em><a href="#">文学</a></em>
<em><a href="#">青春文学</a></em>
<em><a href="#">传记</a></em>
<em><a href="#">艺术</a></em>
</dd>
<br class="spacer" />
</dl>
<dl class="fore">
<dt><a href="#">单据凭证系列</a></dt>
<dd>
<em><a href="#">小说</a></em>
<em><a href="#">文学</a></em>
<em><a href="#">青春文学</a></em>
<em><a href="#">传记</a></em>
<em><a href="#">传记</a></em>
<em><a href="#">艺术</a></em>
<em><a href="#">小说</a></em>
<em><a href="#">文学</a></em>
<em><a href="#">青春文学</a></em>