<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>广州与食网络科技有限公司官网</title>
		<link rel="stylesheet" type="text/css" href="statics/css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="statics/css/style.css" />
		<script src="statics/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="statics/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<!--头部导航-->
		<div class="header">
			<div class="logo">
				<a href=""><img src="statics/images/logo.png" /></a>
			</div>
			<div class="nav">
				<ul>
					<li class="active">
						<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>
					<li>
						<a href="">售后服务</a>
					</li>
					<li>
						<a href="">联系我们</a>
					</li>
				</ul>
			</div>
			<div class="mobile-nav"></div>
		</div>
		<!--轮播图-->
		<div class="slider swiper-container">
			<ul class="swiper-wrapper">
				<li class="swiper-slide">
					<img src="statics/images/banner.jpg" />
					<div class="slider-txt">
						<h3 class="title">大数据时代</h3>
						<p class="sub-title">数据，已经渗透到当今每一个行业和业务职能领域</p>
						<p class="desc">数据正在迅速膨胀并变大，它决定着企业的未来发展，虽然很多企业可能并没有意识<br>但是随着时间的推移，人们将越来越多的意识到数据对企业的重要性。</p>
						<a href="#" class="btn">专业服务各企业数据10年<sup>+</sup></a>
					</div>
				</li>
				<li class="swiper-slide">
					<img src="statics/images/banner.jpg" />
					<div class="slider-txt">
						<h3 class="title">大数据时代</h3>
						<p class="sub-title">数据，已经渗透到当今每一个行业和业务职能领域</p>
						<p class="desc">数据正在迅速膨胀并变大，它决定着企业的未来发展，虽然很多企业可能并没有意识<br>但是随着时间的推移，人们将越来越多的意识到数据对企业的重要性。</p>
						<a href="#" class="btn">专业服务各企业数据10年<sup>+</sup></a>
					</div>
				</li>
			</ul>
		</div>		
		<!--服务-->
		<div class="services">
			<div class="services-box">
				<!--数字统计-->
				<div class="number">
					<ul>
						<li>
							<p class="title">10<span>年</span></p>
							<p class="desc">大数据专业服务</p>
						</li>
						<li>
							<p class="title">70<span>位</span></p>
							<p class="desc">顶级程序高手</p>
						</li>
						<li>
							<p class="title">1000<sub>+</sub></p>
							<p class="desc">数量庞大的兄弟企业</p>
						</li>
						<li>
							<p class="title">900<sub>+</sub></p>
							<p class="desc">全国各地都是我们的公司...</p>
						</li>
					</ul>
				</div>
				<!--我们的服务-->
				<div class="our-service">
					<div class="our-service-l">
						<p class="title">我们的服务</p>
						<div class="desc">
							<p>广州与食网络科技有限公司经过多年的经验积累及沉淀，开发出一系列标准软件产品，均采用“标准+定制”的模式，可以为您提供相关的各类软件数据应用。</p>
							<p>数据提供从采集、建模、存储、分析到智能应用的全流程数据驱动解决方案，帮助企业驱动业务决策和产品智能。</p>
							<p>针对企业级客户的自助式用户行为分析平台。实时数据采集、建模、分析，驱动市场营销、产品优化、用户运营、管理监控。</p>
						</div>
					</div>
					<div class="our-service-r">
						<img src="statics/images/services.jpg"/>
					</div>
				</div>
				<div class="our-service-more">
					<a href="#" class="plain btn">体验一下</a>
					<a href="#" class="primary btn">了解更多</a>
				</div>
			</div>
		</div>

		<!--效益-->
		<div class="block benefit">
			<h2 class="title">数据，为公司提升效益</h2>
			<p class="sub-title">品质改变一切 服务成就未来</p>
			<div class="items">
				<ul>
					<li>
						<img src="statics/images/xiaoyi-icon1.png"/>
						<p class="title">更懂产业数据</p>
						<p class="desc">重新定义产业数据，为企业提供一个<br>独立拥有全网资源高效协同的平台​​​
						</p>
					</li>
					<li>
						<img src="statics/images/xiaoyi-icon2.png"/>
						<p class="title">协同更高率</p>
						<p class="desc">为企业提供一个独立自助的供应链平台<br>促进上下游协同，提升供应链效率​​​​
						</p>
					</li>
					<li>
						<img src="statics/images/xiaoyi-icon3.png"/>
						<p class="title">产品持续迭代</p>
						<p class="desc">不断迭代 持续优化 反应迅速更符合<br>企业的要求​​​​​​
						</p>
					</li>
					<li>
						<img src="statics/images/xiaoyi-icon4.png"/>
						<p class="title">零成本实现大数据+</p>
						<p class="desc">免费搭建 免费维护 免费提供产业<br>数据解决方案​​​
						</p>
					</li>
				</ul>
			</div>
		</div>
		<!--案例-->
		<div class="block case ">
			<h2 class="title">客户案例</h2>
			<p class="sub-title">客户满意度使我们永恒的追求</p>
			<div class="case-slide-box">
				<div class="items swiper-container2">
					<ul class="swiper-wrapper">
						<div class="swiper-slide four-item">
							<li class="active">
								<a href="#">
									<img src="statics/images/case-bg2.jpg"/>
									<div class="item-txt">
										<p class="title">高级数据工程师</p>
										<p class="desc">
											从初识数据到正式建立合作过程中的每一个环节，接触到的售前、销售顾问、客户成功、分析师等的每一个员工都具备极其专业的素养。此外，提交的方案，更是体现数据行业专业性。且数据的产品性能、功能、售后流程、服务皆有圈内同行背书，颇受好评，交给这样的服务商比较放心。
										</p>
									</div>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="statics/images/case-bg2.jpg"/>
									<div class="item-txt">
										<p class="title">智能数据部高级总监</p>
										<p class="desc">
											满足了我们对数据安全的管控要求<br> 在本地私有化部署的前提下，可以满足后续我们
											<br> 交易行为集成分析需要。
										</p>
									</div>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="statics/images/case-bg3.jpg"/>
									<div class="item-txt">
										<p class="title">货拉拉大数据总监</p>
										<p class="desc">
											双方的长期合作有很高的期待<br> 希望未来能为更多人提供更高质量的服务体验
										</p>
									</div>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="statics/images/case-bg4.jpg"/>
									<div class="item-txt">
										<p class="title">证券某负责人</p>
										<p class="desc">
											多维指标的灵活交叉分析和数据展现<br> 结合多场景的深度数据分析模型
										</p>
									</div>
								</a>
							</li>
						</div>
						<div class="swiper-slide four-item">
							<li>
								<a href="#">
									<img src="statics/images/case-bg2.jpg"/>
									<div class="item-txt">
										<p class="title">高级数据工程师</p>
										<p class="desc">
											从初识数据到正式建立合作过程中的每一个环节，接触到的售前、销售顾问、客户成功、分析师等的每一个员工都具备极其专业的素养。此外，提交的方案，更是体现数据行业专业性。且数据的产品性能、功能、售后流程、服务皆有圈内同行背书，颇受好评，交给这样的服务商比较放心。
										</p>
									</div>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="statics/images/case-bg2.jpg"/>
									<div class="item-txt">
										<p class="title">智能数据部高级总监</p>
										<p class="desc">
											满足了我们对数据安全的管控要求<br> 在本地私有化部署的前提下，可以满足后续我们
											<br> 交易行为集成分析需要。
										</p>
									</div>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="statics/images/case-bg3.jpg"/>
									<div class="item-txt">
										<p class="title">货拉拉大数据总监</p>
										<p class="desc">
											双方的长期合作有很高的期待<br> 希望未来能为更多人提供更高质量的服务体验
										</p>
									</div>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="statics/images/case-bg4.jpg"/>
									<div class="item-txt">
										<p class="title">证券某负责人</p>
										<p class="desc">
											多维指标的灵活交叉分析和数据展现<br> 结合多场景的深度数据分析模型
										</p>
									</div>
								</a>
							</li>
						</div>					
					</ul>
				</div>
				<!--箭头-->
				<div class="swiper-button-next"></div>
	        	<div class="swiper-button-prev"></div>
			</div>
			<!--分页-->
			<div class="swiper-pagination"></div>
		</div>
		<!--团队-->
		<div class="block team">
			<h2 class="title">我们的团队</h2>
			<p class="sub-title">我们必须要超出客户期望</p>
			<div class="items">
				<ul>
					<li>
						<a href="#">
							<img src="statics/images/team-pic1.png"/>
							<div class="item-txt">
								<p class="title">李鄫 资深架构师​​</p>
								<p class="desc">拥有丰富的项目实战经验、授课经验以及学员管理、 教学管理经验，经历过很多大项目
								</p>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="statics/images/team-pic2.png"/>
							<div class="item-txt">
								<p class="title">曾玲 资深程序猿</p>
								<p class="desc">拥有丰富的项目实战经验、授课经验以及学员管理、 教学管理经验，经历过很多大项目
								</p>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="statics/images/team-pic3.png"/>
							<div class="item-txt">
								<p class="title">徐鹏浩 前端高手​​</p>
								<p class="desc">拥有丰富的项目实战经验、授课经验以及学员管理、 教学管理经验，经历过很多大项目
								</p>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="statics/images/team-pic4.png"/>
							<div class="item-txt">
								<p class="title">李谋昆 超级白客</p>
								<p class="desc">拥有丰富的项目实战经验、授课经验以及学员管理、 教学管理经验，经历过很多大项目
								</p>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!--资讯-->
		<div class="block news">
			<h2 class="title">科技资讯</h2>
			<p class="sub-title">客户满意度是我们永恒的追求</p>
			<div class="items">
				<ul>
					<li>
						<a href="#">
							<div class="items-l"><img src="statics/images/news-pic1.png" /></div>
							<div class="items-r">
								<p class="title">网吧并入监控 玩低俗游戏要挨罚</p>
								<p class="time">2019-12-12</p>
								<p class="desc">任何一家网吧里，如果有人在玩低俗网游，省文化厅视频管理系统将能看得一清二楚，并将第一时间对违规网吧采取相应措施和处罚。</p>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="items-l"><img src="statics/images/news-pic2.png" /></div>
							<div class="items-r">
								<p class="title">海外三大网络视频模式落地中国</p>
								<p class="time">2019-12-12</p>
								<p class="desc">中国的网络视频行业开始兴起，在utube被谷歌重金收购的刺激之下，视频网站纷纷破土而出</p>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="items-l"><img src="statics/images/news-pic3.png" /></div>
							<div class="items-r">
								<p class="title">白天当白领 晚上做“水军”</p>
								<p class="time">2019-12-12</p>
								<p class="desc">任何一家网吧里，如果有人在玩低俗网游，省文化厅视频管理系统将能看得一清二楚，并将第一时间对违规网吧采取相应措施和处罚。</p>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="items-l"><img src="statics/images/news-pic4.png" /></div>
							<div class="items-r">
								<p class="title">网店营业执照</p>
								<p class="time">2019-12-12</p>
								<p class="desc">任何一家网吧里，如果有人在玩低俗网游，省文化厅视频管理系统将能看得一清二楚，并将第一时间对违规网吧采取相应措施和处罚。</p>
							</div>
						</a>
					</li>
				</ul>
			</div>
			<div class="more">
				<a href="#" class="btn">更多资讯</a>
			</div>
		</div>
		<!--尾部-->
		<div class="footer">
			<div class="footer-box">
				<div class="footer-l">
					<div class="footer-logo">
						<img src="statics/images/footer-logo.png" />
					</div>
					<div class="footer-nav">
						<ul>
							<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>|
							<li>
								<a href="#">加入我们</a>
							</li>|
							<li>
								<a href="#">售后服务</a>
							</li>|
							<li>
								<a href="#">联系我们</a>
							</li>
						</ul>
					</div>
					<div class="copyright">
						<p><span>与食网络Copyright © 2021</span>
							<a href="http://beian.miit.gov.cn">粤ICP备2021048303号</a><span></p>
					
					</div>
				</div>
		
			</div>
		</div>
	</body>

</html>
<script type="text/javascript">
	//导航固定
	$(window).scroll(function(){
		var height = $(document).scrollTop()
		console.log(height)
		if(height>150){
			$('.header').addClass('fixed')
		}else{
			$('.header').removeClass('fixed')
		}
	})
	//案例
	$('.case ul li').hover(function(){
		$(this).addClass('active').siblings().removeClass('active')
	})
	//轮播图，使用的是swiper插件
	var swiper = new Swiper('.swiper-container', {
		paginationClickable: true,
		loop: true,
		autoplay: 2500
	});
	var swiper = new Swiper('.swiper-container2', {
		pagination: '.swiper-pagination',
		paginationClickable: true,
		loop: true,
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
	});	
</script>