www.zfire.com/Ainaphp/Tpl/Home/Default/Case_list_miniApps.html

		<!--banner 开始-->
		<div class="page_banner_w">
			<div class="page_banner">
				<img src="img/miniApps_banner.jpg" class="bgimg"/>
			</div>
			<div class="page_banner_mask">
				<div class="p1 animateTop">小程序不是APP胜似APP</div>
				<div class="p2 animateTop">实现你“触手可及”云梦想</div>
				<div class="btn animateTop"><a href="{$Categorys[17][url]}" target="_blank">立即咨询</a></div>
				<div class="text animateTop">We can help you make your dreams come true</div>
			</div>
		</div>
		<!--banner 结束-->
		
		<!--介绍 开始-->
		<div class="miniApps_introduce_w w100 bgGray pt15">
			<div class="miniApps_introduce mar1500 isAnimation" data-animation="slideInUp" data-timeout="100">
				<div class="miniApps_introduce_c bgfff padlr">
					<div class="page_title">
						<div class="p1">什么是小程序</div>
					</div>
					<div class="miniApps_introduce_con clearfix">
						<div class="left fl"><img src="img/miniApps_introduce_img1.jpg"/></div>
						<div class="right fl">
							<div class="img clearfix">
								<img src="img/miniApps_introduce_img2.jpg"/>
								<img src="img/miniApps_introduce_img3.jpg"/>
								<img src="img/miniApps_introduce_img4.jpg"/>
							</div>
							<div class="text">
								<p>小程序是一种不需要下载安装即可使用的应用它实现了应用。</p>
								<p>“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用 。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题 。商品展示、购买下单、微信支付...同一后台统一管理，抢占第一波小程序红利！应用将无处不在，随时可用，但又无需安装卸载。</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--介绍 结束-->
		
		<!--优势 开始-->
		<div class="miniApps_advantage_w w100 bgGray pt15">
			<div class="miniApps_advantage mar1500 isAnimation" data-animation="slideInUp" data-timeout="100">
				<div class="miniApps_advantage_c bgfff padlr">
					<div class="page_title">
						<div class="p1">小程序的优势</div>
						<div class="p2">
							<p>低成本营销新工具，解决企业新渠道拓展难、成本高的难题</p>
						</div>
					</div>
					<div class="miniApps_advantage_list">
						<ul class="clearfix">
							<li class="li1">
								<div class="img"><img src="img/miniApps_advantage_img1.jpg"/></div>
								<div class="text">共享微信8亿用户，让应用触手可及，打造微信全生态。</div>
							</li>
							<li class="li2">
								<div class="img"><img src="img/miniApps_advantage_img2.jpg"/></div>
								<div class="text">连接更多的线下服务与线上用户，拓展O2O行业。</div>
							</li>
							<li class="li3">
								<div class="img"><img src="img/miniApps_advantage_img3.jpg"/></div>
								<div class="text">用户无须安装、用完即走、无须卸载，降低用户使用门槛。</div>
							</li>
							<li class="li4">
								<div class="img"><img src="img/miniApps_advantage_img4.jpg"/></div>
								<div class="text">良好的用户体验与性能，与原生APP无差异。</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!--优势 结束-->
		
		<!--解决方案 开始-->
		<div class="miniApps_solution_w w100 bgGray pt15">
			<div class="miniApps_solution mar1500 isAnimation" data-animation="slideInUp" data-timeout="100">
				<div class="miniApps_solution_c bgfff padlr">
					<div class="page_title">
						<div class="p1">全行业整体解决方案</div>
						<div class="p2">
							<p>总有一套适合你的整体解决方案</p>
						</div>
					</div>
					<div class="miniApps_solution_list">
						<ul class="clearfix">
							<li>
								<div class="li_c">
									<div class="icon"><i class="iconfont icon-o2o"></i></div>
									<div class="title">O2O行业</div>
								</div>
							</li>
							<li>
								<div class="li_c">
									<div class="icon"><i class="iconfont icon-dianshang"></i></div>
									<div class="title">电商行业</div>
								</div>
							</li>
							<li>
								<div class="li_c">
									<div class="icon"><i class="iconfont icon-peixun"></i></div>
									<div class="title">培训行业</div>
								</div>
							</li>
							<li>
								<div class="li_c">
									<div class="icon"><i class="iconfont icon-service"></i></div>
									<div class="title">生活服务类</div>
								</div>
							</li>
							<li>
								<div class="li_c">
									<div class="icon"><i class="iconfont icon-liaotian"></i></div>
									<div class="title">聊天增强工具类</div>
								</div>
							</li>
							<li>
								<div class="li_c">
									<div class="icon"><i class="iconfont icon-huaban"></i></div>
									<div class="title">桌面工具类</div>
								</div>
							</li>
							<li>
								<div class="li_c">
									<div class="icon"><i class="iconfont icon-lvyou"></i></div>
									<div class="title">旅游行业</div>
								</div>
							</li>
							<li>
								<div class="li_c">
									<div class="icon"><i class="iconfont icon-jinrong"></i></div>
									<div class="title">金融行业</div>
								</div>
							</li>
							<li>
								<div class="li_c">
									<div class="icon"><i class="iconfont icon-shequ"></i></div>
									<div class="title">群管理业务工具类</div>
								</div>
							</li>
							<li>
								<div class="li_c">
									<div class="icon"><i class="iconfont icon-gengduo"></i></div>
									<div class="title">更多行业</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!--解决方案 结束-->
		
		<!--项目案例 开始-->
		<div class="case_list_w w100 bgGray pt15">
			<div class="case_list mar1500 isAnimation" data-animation="slideInUp" data-timeout="100">
				<div class="case_list_c bgfff padlr">
					<div class="page_title">
						<div class="p1">项目案例</div>
						<div class="p2">
							<p>我们了解大中小型企业的生意模式以及需求，我们倡导让客户感知产品的应用体验价值</p>
						</div>
					</div>
					
					<div class="miniAppsList">
						<div class="swiper-container miniAppsList-swiper">
							<ul class="swiper-wrapper">
                                <YP:list catid="10" field="*">
    								<li class="swiper-slide"><a href="{$r.url}" title="{$r.title}">
    									<div class="img"><img src="{$r.thumb}"/></div>
    									<div class="name">{$r.title}</div></a>
    								</li>
								</YP:list>
							</ul>
						</div>
						<div class="swiper-pagination miniAppsList-pagination"></div>
					</div>
					
				</div>
			</div>
		</div>
		<!--项目案例 结束-->