pangqijun
/
guangwang


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
							<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<link rel="stylesheet" type="text/css" href="./css/main.css" />
		<link rel="stylesheet" type="text/css" href="./css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="./css/component.css"/>
		<link rel="icon" href="favicon.ico" type="image/x-icon">
		<script src="./js/swiper.min.js"></script>
		<title>众志逸动-首页</title>
	</head>
	<body>
		<div class="content">
			<div class="swiper-container page">
				<div class="navBar">
					<div class="logo"><a href="index.html"><img src="./img/logo-w.png" ></a></div>
					<div class="nav-group">
						<ul>
							<li><a href="index.html" class="isActive">首页<span>Home</span></a></li>
							<li><a href="case.html">案列<span>Case</span></a></li>
							<li><a href="us.html">我们<span>About</span></a></li>
						</ul>

					</div>
				</div>
				<div class="swiper-wrapper">
					<div class="swiper-slide slide1">
						<div class="slide-nr">
							<div class="nr-text">
								<img src="./img/yht.png">
								<h1>软件开发，我们是认真的。</h1>
								<p class="mainp">众志逸动</p>
								<p class="mainp">拥有一支热情专业的软件开发团队</p>
								<p class="mainp">专注于各类软件定制与研发</p>
								<p class="mainp">无论项目大小</p>
								<p class="mainp">我们都会不遗余力的为您提供最优质的产品和高质量的服务。</p>
								<div class="tag">
									<span>ERP系统</span>
									<span>OA系统</span>
									<span>CRM系统</span>
									<span>APP开发</span>
									<span>小程序开发</span>
									<span>微信开发</span>
									<span>H5开发</span>
									<span>网站开发</span>
									<span>UI设计</span>
								</div>
							</div>
							<div>
								<img src="./img/banner1.png" style="width: 458px;">
							</div>
						</div>
					</div>
					<div class="swiper-slide slide2">
						<div class="slide-nr">
							<div class="nr-text">
								<img src="./img/yht.png">
								<h1>业务多样化，深度覆盖。</h1>
								<p class="mainp">我们合作的产品覆盖了多个行业</p>
								<p class="mainp">从PC端到移动端，应有尽有</p>
								<p class="mainp">如果你正好需要，而我正好专业</p>
								<p class="mainp">请联系我们吧！</p>
								<div class="tag">
									<span>电商平台</span>
									<span>社区团购</span>
									<span>金融服务</span>
									<span>仓储物流</span>
									<span>直播、短视频</span>
									<span>外卖点餐</span>
									<span>数据可视化</span>
								</div>
							</div>
							<div>
								<img src="./img/banner2.png" style="width: 458px;">
							</div>
						</div>
					</div>
					<div class="swiper-slide slide3">
						<div class="slide-nr">
							<div class="nr-text">
								<img src="./img/yht.png">
								<h1>标准化开发流程，贴心的售后服务。</h1>
								
								<p class="mainp">售后24小时电话、微信深度沟通</p>
								<p class="mainp">每一个环节</p>
								<p class="mainp">我们都全力以赴!</p>
								<p class="mainp special" style="margin-top: 50px;">产品设计<img src="./img/arrow.png">UI设计<img src="./img/arrow.png">开发<img
										src="./img/arrow.png">测试<img src="./img/arrow.png">发布<img
										src="./img/arrow.png">售后</p>
							</div>
							<div>
								<img src="./img/banner3.png" style="width: 458px;">
							</div>
						</div>
					</div>
				</div>
				<div class="swiper-scrollbar"></div>
			</div>
			<!-- 备案号 -->
			<div class="pageFoot fiexdFoot" style="color: rgba(255,255,255,.7);">Copyright @ 2020 www.gzzzyd.com, All Rights Reserved. <a href="https://beian.miit.gov.cn/" style="color: rgba(255,255,255,.7);">黔ICP备2021004684号-1</a></span></div>
			<!--flotDiv-->
			<div class="flotDiv ">
				<ul>
					<li>
						<a href="javascript:;" title="联系客服" class="md-trigger" data-modal="modal-2">
							<img class="kefuIcon" src="./img/kefuIcon.png" />
							<span>联系客服</span>
						</a>
					</li>
					<li>
						<a href="javascript:;" title="关注我们" class="md-trigger" data-modal="modal-1">
							<img class="guanzhuIcon" src="./img/guanzhuIcon.png" />
							<span>关注我们</span>
						</a>
					</li>
				</ul>
			
			</div>
			<!-- 关注我们-弹出框 -->
			<div class="md-modal md-effect-1" id="modal-1">
				<div class="md-content">
					<h3 class="mode-head">
						<div class="head-text">扫一扫，关注我们</div>
						<img src="./img/closeicon%20.png" class="md-close">
					</h3>
					<div class="mode-content">
						<div class="content-img"><img src="./img/gzh.png" ></div>
					</div>
					
				</div>
			</div>
			<!-- 关注我们-联系我们 -->
			<div class="md-modal md-effect-1" id="modal-2">
				<div class="md-content">
					<h3 class="mode-head">
						<div class="head-text">资深产品经理，<br>微信一对一为您服务</div>
						<img src="./img/closeicon%20.png" class="md-close">
					</h3>
					<div class="mode-content">
						<div class="content-img"><img src="./img/lxwm.png" ></div>
					</div>
					
				</div>
			</div>
			<div class="md-overlay"></div>
			<!-- 弹出框js -->
			<script src="./js/classie.js"></script>
			<script src="./js/modalEffects.js"></script>
			
			<script>
				var swiper = new Swiper('.swiper-container');
				var mySwiper = new Swiper('.swiper-container', {
					scrollbar: {
						el: '.swiper-scrollbar',
					},
				});
			</script>
			
		</div>
	</body>
</html>