<!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" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
<link rel="apple-touch-startup-image" href="images/apple-touch-startup-image-320x460.png" />
<title>HTML5响应式手机微网站模板 - 源码之家</title>
<link type="text/css" rel="stylesheet" href="css/style.css"/>
<link type="text/css" rel="stylesheet" href="colors/blue/blue.css"/>
<link type="text/css" rel="stylesheet" href="css/idangerous.swiper.css"/>
<link type="text/css" rel="stylesheet" href="css/swipebox.css" />
</head>
<body>
<div id="header">
<div class="gohome radius20"><a href="#"><img src="images/icons/home.png" alt="" title="" /></a></div>
<div class="gomenu radius20"><a href="#" onclick="swiperParent.swipeTo(10);"><img src="images/icons/contact.png" alt="" title="" /></a></div>
</div>
<div class="swiper-container swiper-parent">
<div class="swiper-wrapper">
<!--Menu page-->
<div class="swiper-slide sliderbg_menu">
<div class="swiper-container swiper-nested">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="slide-inner">
<div class="logo"><a href="#"><img src="colors/blue/images/logo.png" alt="" title="" border="0" /></a></div>
<div class="menu">
<ul>
<li><a href="#" onclick="swiperParent.swipeTo(1);"><img src="images/icons/about.png" alt="" title="" /><span>关于我们</span></a></li>
<li><a href="#" onclick="swiperParent.swipeTo(2);"><img src="images/icons/tools.png" alt="" title="" /><span>产品服务</span></a></li>
<li><a href="#" onclick="swiperParent.swipeTo(3);"><img src="images/icons/blog.png" alt="" title="" /><span>新闻资讯</span></a></li>
<li><a href="#" onclick="swiperParent.swipeTo(5);"><img src="images/icons/docs.png" alt="" title="" /><span>产品列表</span></a></li>
<li><a href="#" onclick="swiperParent.swipeTo(6);"><img src="images/icons/photos.png" alt="" title="" /><span>产品相册</span></a></li>
<li><a href="#" onclick="swiperParent.swipeTo(7);"><img src="images/icons/videos.png" alt="" title="" /><span>产品视频</span></a></li>
<li><a href="#" onclick="swiperParent.swipeTo(8);"><img src="images/icons/clients.png" alt="" title="" /><span>客户案例</span></a></li>
<li><a href="#" onclick="swiperParent.swipeTo(9);"><img src="images/icons/twitter.png" alt="" title="" /><span>关注我们</span></a></li>
<li><a href="#" onclick="swiperParent.swipeTo(10);"><img src="images/icons/contact.png" alt="" title="" /><span>联系我们</span></a></li>
</ul>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<div class="swiper-scrollbar"></div>
</div>
</div>
<!--Page 1 content-->
<div class="swiper-slide sliderbg">
<div class="swiper-container swiper-nested1">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="slide-inner">
<div class="pages_container">
<h3 class="page_title">关于我们</h3>
<div class="image_single radius4"><img src="images/page_photo.jpg" alt="" title="" border="0" /></div>
<div class="image_caption blue blue_borderbottom radius4">咖啡的做法大全_咖啡的家常做法</div>
<h3>教育业,逃不过互联网思维侵蚀</h3>
<blockquote>互联网思维很火,教育行业也被烧身了,用不懂教育的思维做教育,是一种颠覆,用懂教育的做教育是一种自我改革。无论YY还是新东方,亦或者学大都是如此,终究逃不掉互联网思维的侵蚀。传统教育机构已经开始被互联网思维挖未来的墙角,而不是在线教育这个玩意。</span></blockquote>
<h3>新闻列表</h3>
<ul class="listing">
<li>全国政协今日下午3时召开新闻发布会.</li>
<li>习近平视察过后南锣鼓巷游客暴增.</li>
<li>特种兵独自全副武装训练 被警察当逃兵带走.</li>
</ul>
<h3>最新资讯</h3>
<ul class="listing_detailed">
<li><a href="#">中国拟建全球最大雾霾实验室初步预算5亿</a></li>
<li><a href="#">奥巴马与普京就乌局势通话90分钟 称俄违反国际法</a></li>
<li><a href="#">全国政协委员:应大幅提高公务员工资</a></li>
</ul>
<h2>折叠菜单</h2>
<div class="toogle_wrap radius8">
<div class="trigger"><a href="#">文字折叠</a></div>
<div class="toggle_container">
<p>
全国政协今日下午3时召开新闻发布会 ,明天(3月3日)下午3点,全国政协十二届二次会议将开幕。今天下午3点,在人民大会堂新闻发布厅将召开全国政协十二届二次会议新闻发布会,届时,大会新闻发言人吕新华将向中外媒体介绍本次大会有关情况并回答记者提问.
</p>
</div>
</div>
<div class="toogle_wrap radius8">
<div class="trigger"><a href="#">列表折叠</a></div>
<div class="toggle_container">
<ul class="listing_detailed">
<li>曝民生电商董事长尹龙闪电辞职内幕</li>
<li>近期推荐股:特斯拉、世纪佳缘、优酷土豆</li>
<li>网传杭州10家楼盘降价 调查:半数在搞噱头</li>
</ul>
</div>