<!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>
<meta name="keywords" content="关键字">
<meta name="description" content="公司介绍">
<link href="css/css.css" rel="stylesheet" type="text/css"/>
<script src="js/jquery-1.4.2.min.js"></script>
<script src="js/js.js"></script>
<script type="text/javascript" src="js/lrtk.js"></script>
<script type="text/javascript" src="jquery1-1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn-slide").click(function(){
$("#panel").slideToggle("slow");
$(this).toggleClass("active"); return false;
});
});
</script>
<!---menu_js--->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
// Executes the function when DOM will be loaded fully
$(document).ready(function () {
// hover property will help us set the events for mouse enter and mouse leave
$('.navigation li').hover(
// When mouse enters the .navigation element
function () {
//Fade in the navigation submenu
$('ul', this).fadeIn(); // fadeIn will show the sub cat menu
},
// When mouse leaves the .navigation element
function () {
//Fade out the navigation submenu
$('ul', this).fadeOut(); // fadeOut will hide the sub cat menu
}
);
});
</script>
<!---menu_js--->
</head>
<body>
<div class="warp">
<div class="top">
<div class="menu1">
<div class="cdlb">
<ul>
<li><a href="#" id="dot1" rel='nofollow' onclick='return false;'>ABOUT</a></li>
<li><a href="#" id="dot2" rel='nofollow' onclick='return false;'>JOB</a></li>
<li><a href="#" id="dot3" rel='nofollow' onclick='return false;'>CONTACT</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<!--- menu -->
<div class="menu2">
<div style="width:1024px; margin:auto;">
<div class="logo"></div>
<!--- menu -->
<div class="cdlb2">
<div class="header2">
<div class="menu">
<ul class="navigation">
<li><a href="main.html" rel='nofollow' onclick='return false;'>HOME</a></li>
<li><a href="about.html" rel='nofollow' onclick='return false;'>ABOUT</a>
<ul style="left:-50px;">
<div class="nav">
<div class="nav-left">
<li><a href="about.html" rel='nofollow' onclick='return false;'>Company</a></li>
</div>
<div class="nav-right"></div>
</div>
</ul>
<div class="clear"></div>
</li>
<li><a href="product.html" rel='nofollow' onclick='return false;'>PRODUCT</a>
<ul style="left:-200px;">
<div class="nav">
<div class="nav-left">
<li><a href="product1.html" rel='nofollow' onclick='return false;'>Candy box</a></li>
<li><a href="product1.html" rel='nofollow' onclick='return false;'>Dressing</a></li>
<li><a href="product1.html" rel='nofollow' onclick='return false;'>Pencil case</a></li>
<li><a href="product1.html" rel='nofollow' onclick='return false;'>Tin box</a></li>
<li><a href="product1.html" rel='nofollow' onclick='return false;'>Moon cake box</a></li>
</div>
<div class="nav-right"></div>
</div>
</ul>
<div class="clear"></div>
</li>
<li><a href="news.html" rel='nofollow' onclick='return false;'>NEWS</a>
<ul style="left:-300px;">
<div class="nav">
<div class="nav-left">
<li><a href="news.html" rel='nofollow' onclick='return false;'>News</a></li>
<li><a href="news.html" rel='nofollow' onclick='return false;'>Industry dynamic</a></li>
</div>
<div class="nav-right"></div>
</div>
</ul>
<div class="clear"></div>
</li>
<li><a href="service.html" rel='nofollow' onclick='return false;'>SERVICE</a>
<ul style="left:-400px;">
<div class="nav">
<div class="nav-left">
<li><a href="service.html" rel='nofollow' onclick='return false;'>Service concept</a></li>
</div>
<div class="nav-right"></div>
</div>
</ul>
<div class="clear"></div>
</li>
<li><a href="contact.html" rel='nofollow' onclick='return false;'>CONTACT</a>
<ul style="left:-500px;">
<div class="nav">
<div class="nav-left">
<li><a href="contact.html" rel='nofollow' onclick='return false;'>information</a></li>
<li><a href="contact.html" rel='nofollow' onclick='return false;'>Online contact</a></li>
</div>
<div class="nav-right"></div>
</div>
</ul>
<div class="clear"></div>
</li>
</ul>
<div class="clear"></div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<!--- menu -->
<div class="clear"></div>
</div>
<div class="banner">
<div class="abouImgbox" id="abBanner">
<ul>
<li></li>
<li></li>
<li></li>
</ul>
<div class="aboutImgCl" id="abBancl" style="display:none"></div>
<div class="aboutImgTxt" id="aboutImgTxt" style="display:none;"></div>
</div>
</div>
<div class="container">
<div class="container1">
<div class="xt">
</div>
<div class="fl">
<div class="gsfl">
<div class="tupian">
<div class="biaoti">WHO WE ARE</div>
<div class="line"></div>
</div>
<div class="tupian">
<div class="biaoti">WHAT WE DO</div>
<div class="line"></div>
</div>
<div class="tupian">
<div class="biaoti">HOW TO FIND US</div>
<div class="line"></div>
</div>
<div class="clear"></div>
</div>
<div class="cpfl">
<div class="tgh">
<div class="tgh-left"></div>
<div class="tgh-right">
<p class="name">糖果盒</p>
<p>Candy box</p>
</div>
</div>
<div class="tgh">
<div class="tgh-left"></div>
<div class="tgh-right">
<p class="name">食品铁盒</p>
<p>Food tin box</p>
</d