cljh_web2
/
index.html

<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<title>驰乐江湖---驰骋山水之间 口味乐趣江湖</title>
	<meta name="keywords" content="自驾游 游玩达人">
	<meta name="description" content="紧密结合旅行达人、景区、车务、商家，为车主和车友组织提供自驾游、策划活动、社交平台、车务服务、优惠购物等一系列服务。
	驰骋山水之间，品味乐趣江湖。让我们一起快乐的生活！">
	 <meta name="viewport" content="width=device-width, initial-scale=1">
	<link href="./public/style.css" rel="stylesheet" type="text/css">
</head>
<body>
	<div class="header">
		<div class="header-con posr">
			<a href="http://chilejianghu.com/" title="驰乐江湖" class="nav-logo fl sprite iepng"></a>
		</div>
	</div>
	<div class="section1">
		<div class="section1-con posr">
			<h1 class="logo posa">
				<img src="./public/logo.png" class="block iepng" alt="驰乐江湖" width="100%">
			</h1>
			<a href="https://itunes.apple.com/us/app/chi-le-jiang-hu-zhu-ti-zi/id1044508818?l=zh&ls=1&mt=8" title="iphone" class="ios-download download sprite iepng posa" rel="nofollow" target="_blank"></a>
			<!--<a href="http://chilejianghu.com/cljh.apk" title="Android" class="android-download download sprite iepng posa" rel="nofollow"></a>-->

			<a href="#" onclick="alert('程序猿正在紧张开发中...');" title="Android" class="android-download download sprite iepng posa" rel="nofollow"></a>
		</div>
		<span class="meiyan-code sprite"></span>
	</div>
	<div class="section2">
		<div class="section2-con posr">
			<h2 class="section2-tit posr">
				驰乐江湖---驰乐 <i class="section2-logo posa iepng sprite"></i>
			</h2>
			<p class="section2-word">发布自驾游线路产品 组织主题社交活动 提供达人游记、自驾游攻略、经验心得</p>
			<p class="section2-pic posa"></p>
		</div>
	</div>
	<div class="section3">
		<div class="section3-con posr">
			<p class="section3-pic posa"></p>
			<h2 class="section3-tit posr">
				驰乐江湖---江湖
				<i class="section3-logo posa iepng sprite"></i>
			</h2>
			<p class="section3-word posa">社区论坛 行程交友 门派体系</p>
		</div>
	</div>
	<div class="section4">
		<div class="section4-con posr">
			<h2 class="section4-tit posr">
				驰乐江湖---驿站
				<i class="section4-logo posa iepng sprite"></i>
			</h2>
			<p class="section4-word">车务车企 旅游景点 合作商家</p>
			<p class="section4-pic posa"></p>
		</div>
	</div>
	<div class="section5">
		<div class="section5-con posr">
			<p class="section5-pic posa"></p>
			<h2 class="section5-tit posr">
				驰乐江湖---会员
				<i class="section5-logo posa iepng sprite"></i>
			</h2>
			<p class="section5-word posa">会员特权 驿站消费支付 免费洗车、商家代金券</p>
		</div>
	</div>
	<div class="footer">
		<div class="copyright">©2016 chilejianghu, Inc. 河北屏媒版权所有 京ICP备14060014号</div>
	</div>
<script src="./public/jquery-1.11.1.min.js"></script>
<script>
	$('.more-list').hover(function(){
		$('.more-tit').css('color','#FF5B91');
		$('.more-tri').css('backgroundPosition','-240px -537px');
    	var navNum =  $(this).find($('.more-link')).length,
    		navHeight = 40*(navNum)+70;
       $(this).animate({
            'height': navHeight+'px'
        },50)
    },function(){
    	$('.more-tit').css('color','#7C7C7D');
		$('.more-tri').css('backgroundPosition','-239px -505px');
    	$(this).stop().animate({
            'height':'60px'
        },0)
    })

</script>

</body>
</html>