pangqijun
/
guangwang


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
							<!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/jquery.js"></script>
		<script src="./js/swiper.min.js"></script>
		<title>众志逸动-案列</title>
	</head>
	<body>
		<div class="caseContent">
			<div class="navBar caseNav" style="background-color: #2596ff;">
				<div class="logo"><a href="index.html"><img src="img/logo.png" ></a></div>
				<div class="nav-group">
					<ul>
						<li><a href="index.html">首页<span>Home</span></a></li>
						<li><a href="case.html" class="isActive">案列<span>Case</span></a></li>
						<li><a href="us.html">我们<span>About</span></a></li>
					</ul>
				</div>
			</div>
			<div class="caseGroup">
				<div class="templateHead haveBg">
					<h3 class="template_title">经典案例</h3>
					<!-- <h3 class="subheading">副标题副标题副标题</h3> -->
					<p class="template_dis">我们严格按照用户的需求 协调沟通好每一个项目方案，针对各行业务特性，<br>为您打造“专属定制”式的软件服务生态。 </p>
				</div>
				<div class="templateCard">

					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<div class="content_item">
									<a href="project-HRJP.html" class="content_itemA">
										<div class="item-container">
											<img class="item_img2" src="./img/case1.png" />
										</div>
										<div class="item_text">
											<h3>华人家谱</h3>
											<p>华人家谱集修谱，家庭档案记录，亲情社交，传统国学教育于一体的综合性服务APP。</p>
										</div>
									</a>
								</div>
							</div>
							<div class="swiper-slide">
								<div class="content_item">
									<a href="project-JZ.html" class="content_itemA">
										<div class="item-container">
											<img class="item_img2" src="./img/case2.png" />
										</div>
										<div class="item_text">
											<h3>金砖</h3>
											<p>以红包形式代替传统广告,利用数据分析以及地理定位,获得更好的产品宣传效果。</p>
										</div>
									</a>

								</div>
							</div>
							<div class="swiper-slide">
								<div class="content_item">
									<a href="project-ZNMS.html" class="content_itemA">
										<div class="item-container">
											<img class="item_img2" src="./img/case3.png" />
										</div>
										<div class="item_text">
											<h3>酒店智能门锁</h3>
											<p>基于“平台+终端+应用”全方位打造升级,让酒店进入智能时代！</p>
										</div>
									</a>

								</div>
							</div>
							<div class="swiper-slide">
								<div class="content_item">
									<a href="project-YS.html" class="content_itemA">
										<div class="item-container">
											<img class="item_img2" src="./img/case4.png" />
										</div>
										<div class="item_text">
											<h3>驿送</h3>
											<p>本地即时配送平台,同城快送,一对一专人急送,1小时送达,同城快递文件、合同、发票...</p>
										</div>
									</a>

								</div>
							</div>
							<div class="swiper-slide">
								<div class="content_item">
									<a href="project-MHLY.html" class="content_itemA">
										<div class="item-container">
											<img class="item_img2" src="./img/case5.png" />
										</div>
										<div class="item_text">
											<h3>旅游盲盒</h3>
											<p>优质景区免费门票的盲盒“彩蛋”等待开启，神秘、随机、刺激的体验，让消费者欲罢不能.</p>
										</div>
									</a>

								</div>
							</div>
						</div>
					</div>


				</div>

			</div>
			<!-- 备案号 -->
			<div class="pageFoot " style="color: #999;">Copyright @ 2020 www.gzzzyd.com, All Rights Reserved. <a href="https://beian.miit.gov.cn/">黔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 class="blackfont">联系客服</span>
						</a>
					</li>
					<li>
						<a href="javascript:;" title="关注我们" class="md-trigger" data-modal="modal-1">
							<img class="guanzhuIcon" src="./img/guanzhuIcon.png" />
							<span class="blackfont">关注我们</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">
					<div class="content-img"><img src="./img/lxwm.png"  style="height: 400px;"></div>
				</div>
			</div>
			<div class="md-overlay"></div>
			<!-- 弹出框js -->
			<script src="./js/classie.js"></script>
			<script src="./js/modalEffects.js"></script>
		</div>

		<script>

		    var swiper = new Swiper('.swiper-container', {
		      slidesPerView: 4,
		      spaceBetween: 50,
			  centeredSlides: true,
			  loop: true,
		      pagination: {
		        el: '.swiper-pagination',
		        clickable: true,
		      },
		    });

		</script>
	</body>
</html>