<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="keywords" content="兴移科技，有张,订单,小程序,红包"/>
	<meta name="description" content="有张订单" />
	<link rel="stylesheet" type="text/css" href="static/css/reset.css">
	<link rel="stylesheet" type="text/css" href="static/css/idangerous.swiper.css">
	<link rel="stylesheet" type="text/css" href="static/css/index.css">
	<title>兴移科技</title>
</head>
<body>
	<div id="app">
		<div class="top-tips">
			<div class="tips-con">兴移科技: 专业商务服务，研发与运营</div>
			<div class="tips-right">
				<div class="tel">
					<span>服务热线电话</span>
					<span>155-77393-974</span>
				</div>
				<div class="qq-img">
					<img src="static/img/qq-tips.png">
				</div>
			</div>
		</div>

		<div class="nav">
			<div class="nav-logo">
				<img src="static/img/logo.png">
			</div>
			<div class="nav-item-list">
				<div class="box">
					<div class="nav-item active" data-type="1">首页</div>
					<div class="nav-item" data-type="2">商务服务</div>
					<div class="nav-item" data-type="3">客户案例</div>
					<div class="nav-item" data-type="4">服务内容</div>
					<div class="nav-item" data-type="5">关于我们</div>
					<div style="clear: both;"></div>
				</div>
			</div>
			<div style="clear: both;"></div>
		</div>

		<div class="banner">
			<div class="swiper-container">
		      <div class="swiper-wrapper">
		        <div class="swiper-slide">
		        	<!-- <img class="lazeload" src="static/img/1banner.jpg"> -->
		        </div>
		      </div>
		    </div>
		</div>

		<div class="how-to-do">
			<div class="line-title">
				<p class="line-title-text">商务服务步骤</p>
				<p class="line-title-tips">HOW TO DO NETWORK REALIZAITON</p>
			</div>

			<div class="how-box">
				<div class="how-item col-md-2">
					<div class="how-img">
						<img class="lazeload" src="static/img/item-1.png">
					</div>
					<p class="how-title">项目规划</p>
					<div class="show-img">
						<img class="lazeload" src="static/img/show.png">
					</div>
					<p class="how-desc">根据多年平台技术和运营经验，提供专业的项目起盘咨询服务</p>
				</div>

				<div class="how-item col-md-2">
					<div class="how-img">
						<img class="lazeload" src="static/img/item-2.png">
					</div>
					<p class="how-title">平台支持</p>
					<div class="show-img">
						<img class="lazeload" src="static/img/show.png">
					</div>
					<p class="how-desc">提供符合项目需求的技术平台，让资源变现变得简单</p>
				</div>

				<div class="how-item col-md-2">
					<div class="how-img">
						<img class="lazeload" src="static/img/item-3.png">
					</div>
					<p class="how-title">运营指导</p>
					<div class="show-img">
						<img class="lazeload" src="static/img/show.png">
					</div>
					<p class="how-desc">千万级用户应用“有张名片”运营经验，为客户提供全面的运营指导</p>
				</div>

				<div class="how-item col-md-2">
					<div class="how-img">
						<img class="lazeload" src="static/img/item-4.png">
					</div>
					<p class="how-title">技术服务</p>
					<div class="show-img">
						<img class="lazeload" src="static/img/show.png">
					</div>
					<p class="how-desc">多年IT技术经验积累，为你的项目保驾护航</p>
				</div>

				<div class="how-item col-md-2">
					<div class="how-img">
						<img class="lazeload" src="static/img/item-5.png">
					</div>
					<p class="how-title">合作参股</p>
					<div class="show-img">
						<img class="lazeload" src="static/img/show.png">
					</div>
					<p class="how-desc">根据项目的情况提供技术入股等合作</p>
				</div>

				<div class="clear"></div>
			</div>
		</div>

		<div class="examp">
			<div class="line-title">
				<p class="line-title-text">商务服务案例</p>
				<p class="line-title-tips">STARTING PROJECT CASE</p>
			</div>

			<div class="examp-box">
				<div class="examp-item col-md-3">
					<div class="examp-content">
						<img class="lazeload" data_src="static/img/dksc.jpg">
						<div class="examp-text">
							<div class="examp-title">打卡领购</div>
							<div class="examp-desc">一个多元化商城全部产品打卡领购</div>
						</div>
					</div>
				</div>
				<div class="examp-item col-md-3">
					<div class="examp-content">
						<img class="lazeload" data_src="static/img/7.jpg">
						<div class="examp-text">
							<div class="examp-title">有张名片</div>
							<div class="examp-desc">打造中国最大的资源共享招商品台</div>
						</div>
					</div>
				</div>
				<div class="examp-item col-md-3">
					<div class="examp-content">
						<img class="lazeload" data_src="static/img/8.jpg">
						<div class="examp-text">
							<div class="examp-title">有张订单</div>
							<div class="examp-desc">互助新零售创客体系，订单主动找上门</div>
						</div>
					</div>
				</div>
				<div class="examp-item col-md-3">
					<div class="examp-content">
						<img class="lazeload" data_src="static/img/9.jpg">
						<div class="examp-text">
							<div class="examp-title">蒜子红包</div>
							<div class="examp-desc">以口令红包为主的游戏、商城、任务分发平台</div>
						</div>
					</div>
				</div>
				<div class="examp-item col-md-3">
					<div class="examp-content">
						<img class="lazeload" data_src="static/img/10.png">
						<div class="examp-text">
							<div class="examp-title">项目定制</div>
							<div class="examp-desc">根据项目情况提供技术入股等各种合作支持</div>
						</div>
					</div>
				</div>
			</div>
			<div class="btn-concat-box">
				<img class="lazeload btn-concat" data_src="static/img/btn-concat.png">
			</div>
		</div>


		<div class="customer">
			<div class="line-title">
				<p class="line-title-text">案例客户</p>
				<p class="line-title-tips">CASE A CUSTOMER</p>
			</div>

			<div class="customer-box">
				<div class="customer-item col-md-4">
					<div class="customer-content">
						<img class="lazeload" data_src="static/img/12.jpg">
					</div>
				</div>

				<div class="customer-item col-md-4">
					<div class="customer-content">
						<img class="lazeload" data_src="static/img/13.jpg">
					</div>
				</div>

				<div class="customer-item col-md-4">
					<div class="customer-content">
						<img class="lazeload" data_src="static/img/14.jpg">
					</div>
				</div>
			</div>
			<div class="customer-box">
				<div class="customer-item col-md-4">
					<div class="customer-content">
						<img class="lazeload" data_src="static/img/15.png">
					</div>
				</div>
				<div class="customer-item col-md-4">
					<div class="customer-content">
						<img class="lazeload" data_src="static/img/16.jpg">
					</div>
				</div>
				<div class="customer-item col-md-4">
					<div class="customer-content">
						<img class="lazeload" data_src="static/img/17.jpg">
					</div>
				</div>
			</div>
		</div>

		<div class="service">
			<div class="line-title">
				<p class="line-title-text">代理/服务内容案例</p>
				<p class="line-title-tips">WECHAT BUSINESS/MARKETIMG SERVICE CASE</p>
			</div>

			<!-- <div class="service-box row">
				<div class="service-item col-md-6" style="text-align: left;">
					<img class="lazeload" data_src="static/img/1.jpg">
				</div>

				<div class="service-item col-md-6" style="text-align: right">
					<img class="lazeload" data_src="static/img/2.jpg">
				</div>
			</div> -->

			<div class="service-box row">
				<div class="service-item col-md-6" style="text-align: left;">
					<img class="lazeload" data_src="static/img/3.jpg">
				</div>

				<div class="service-item col-md-6" style="text-align: right;">
					<img class="lazeload" data_src="static/img/4.jpg">
				</div>
			</div>
		</div>


		<!-- <div class="project">
			<div class="line-title">
				<p class="line-title-text">公众号/小程序/APP定制服务</p>
				<p class="line-title-tips">PUBLIC NUMBER/SMALL PROGRAM/ APP CUSTOMIZED SERVICE</p>
			</div>

			<div class="project-box row">
				<div class="project-item col-md-4">
					<div class="project-content">
						<img class="lazeload" data_src="static/img/23.jpg">
						<div class="mask"></div>
						<div class="text-mask">社交电商</div>
					</div>
				</div>
				<div class="project-item col-md-4">
					<div class="project-content">
						<img class="lazeload" data_src="static/img/24.jpg">
						<div class="mask"></div>
						<div class="text-mask">区块链系统</div>
					</div>
				</div>
				<div class="project-item col-md-4">
					<div class="project-content">
						<img class="lazeload" data_src="static/img/25.jpg">
						<div class="mask"></div>
						<div class="text-mask">分销系统</div>
					</div>
				</div>


				<div class="project-item col-md-4">
					<div class="project-content">
						<img class="lazeload" data_src="static/img/26.jpg">
						<div class="mask"></div>
						<div class="text-mask">分销系统</div>
					</div>
				</div>
				<div class="project-item col-md-4">
					<div class="project-content">
						<img class="lazeload" data_src="static/img/27.jpg">
						<div class="mask"></div>
						<div class="text-mask">直播系统</div>
					</div>
				</div>
				<div class="project-item col-md-4">
					<div class="project-content">
						<img class="lazeload" data_src="static/img/28.png">
						<div class="mask"></div>
						<div class="text-mask">拼团、投票、活动</div>
					</div>
				</div>
			</div>
		</div> -->

		<div class="about-title">
			<div class="line-title">
				<p class="line-title-text">关于我们</p>
				<p class="line-title-tips">ABOUT US</p>
			</div>
		</div>

		<div class="about">
			<div class="about-box">
				<div class="about-text">
					广州兴移科技有限公司自2011年成立以来就深耕移动互联网技术领域，坚持以科技创新为核心，注重用户体验，重视移动互联网技术解决传统行业遇到的新问题，助力传统行业掌握移动互联网时代的新机遇。提供整体化商务服务，商务代理和服务内容，整体化解决方案，让公司创业更轻松。
				</div>

				<div class="about-item row">
					<div class="about-content col-md-3">
						<div class="about-img">
							<img class="lazeload" data_src="static/img/us-1.png">
						</div>
						<div class="about-know">
							<div class="know-img">
								<img class="lazeload" data_src="static/img/us-5.png">
							</div>
							<div>公司品牌</div>
							<div class="us-eng">TRADEMARK</div>
						</div>
					</div>
					<div class="about-content col-md-3">
						<div class="about-know">
							<div class="know-img">
								<img class="lazeload" data_src="static/img/us-6.png">
							</div>
							<div>下午茶</div>
							<div class="us-eng">AFTERNOON TEA</div>
						</div>
						<div class="about-img">
							<img class="lazeload" data_src="static/img/us-3.jpg">
						</div>
					</div>
					<div class="about-content col-md-3">
						<div class="about-img">
							<img class="lazeload" data_src="static/img/us-2.jpg">
						</div>
						<div class="about-know">
							<div class="know-img">
								<img class="lazeload" data_src="static/img/us-8.png">
							</div>
							<div>团建时刻</div>
							<div class="us-eng">PACKAGE TOUR</div>
						</div>
					</div>
					<div class="about-content col-md-3">
						<div class="about-know">
							<div class="know-img">
								<img class="lazeload" data_src="static/img/us-7.png">
							</div>
							<div>公司文化</div>
							<div class="us-eng">CULTURE</div>
						</div>
						<div class="about-img">
							<img class="lazeload" data_src="static/img/us-4.png">
						</div>
					</div>
				</div>

				<div class="us-img">
					<img class="lazeload" data_src="static/img/youshi.png">
				</div>
			</div>
		</div>

		<div class="footer">
			<div class="footer-top row">
				<div class="concat-us col-md-3">
					<img class="lazeload" data_src="static/img/33.png">
					<div class="quest">免费咨询热线</div>
					<div class="footer-phone">155-77393-974</div>
				</div>
				<div class="footer-main col-md-6">
					<img class="lazeload" data_src="static/img/LOGO2.png">
					<div class="footer-main-text">
						<!-- 专注分享裂变生态圈应用<br />开发与运营服务 -->
						商务服务生态圈应用
					</div>
				</div>
				<div class="footer-wechat col-md-3">
					<div class="footer-gz">关注我们</div>
					<div class="tips-yellow">使用微信扫一扫</div>
					<img class="lazeload" data_src="static/img/qr-code.jpg">
				</div>
			</div>

			<div class="link">
				<!-- <div class="link-title">
					<span class="title-block"></span>
					<span>友情链接</span>
				</div>
				<div class="link-content">
					微商分享系统 | 微商分享系统 | 微商分享系统 | 微商分享系统 | 微商分享系统 | 微商分享系统 | 微商分享系统 | 微商分享系统 | 微商分享系统 | 微商分享系统 | 微商分享系统 | 微商分享系统 | 微商分享系统 | 微商分享系统
				</div> -->

				<div class="bq">版权所有|@广州兴移科技信息有限公司|联系地址：广州市天河区车陵路48号3栋210-07房(仅限办公) 备案号：<a href="https://beian.miit.gov.cn/" style="color:#008cff;">粤ICP备18045582号</a></div>
			</div>

			<div class="logo-box">
				<img class="lazeload" data_src="static/img/logo-bottom.png">
			</div>
		</div>


		<div class="tall-to-me">
			<div class="tall-title">
				<p class="title-tall">在线咨询</p>
				<p class="eng-tall">ONLINE CONSULTING</p>
			</div>
			<div class="qq-me">
				<div class="line-q1">
					<img class="lazeload" data_src="static/img/c-qq.png">
					QQ咨询
				</div>
				<div class="qq-btn ccat-qq">点击咨询</div>
			</div>
			<div class="border"></div>
			<div class="qq-me">
				<div class="line-q1">
					<img class="lazeload" data_src="static/img/c-call.png">
					电话咨询
				</div>
				<input class="phone-input" type="" name="" value="请输入手机号码">
				<div class="qq-btn quest-btn">点击咨询</div>
			</div>

			<img class="lazeload qiqiu" data_src="static/img/29.png">
		</div>


		<div class="pon" style="display: none">
			<div class="mask-pon"></div>
			<div class="pon-content">
				<div class="pon-title">
					咨询信息填写
				</div>
				<div class="content-pon">
					<div class="pon-tips">
						完善个人信息，我们的工作人员将会以最快的时间联系您
					</div>
					<div class="input-line">
						<span>姓名</span>
						<input type="" name="" id="input-name" value="请输入您的姓名">
						<span class="place="></span>
					</div>
					<div class="input-line">
						<span>联系电话</span>
						<input type="" name="" id="input-phone" value="请输入联系电话">
					</div>
					<div class="input-line">
						<span>公司名称</span>
						<input type="" name="" id="input-com" value="请输入公司名称">
					</div>
				</div>
				<div class="btn-box">
					<div class="sure-btn">取消</div>
					<div class="cancel-btn">提交</div>
				</div>
			</div>
		</div>

		<div class="back-top">
			<img class="lazeload" data_src="static/img/hover-no.png">
		</div>
	</div>
</body>
<script type="text/javascript" src="static/js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="static/js/idangerous.swiper.min.js"></script>
<script type="text/javascript">
	$(function () {
		var mySwiper = new Swiper('.swiper-container',{
		    loop:true,
		    grabCursor: true,
		    paginationClickable: true
		})

		// 判断是否是PC浏览器
		function IsPC() {
		   var userAgentInfo = navigator.userAgent;
		   var Agents = ["Android", "iPhone",
		      "SymbianOS", "Windows Phone",
		      "iPad", "iPod"];
		   var flag = true;
		   for (var v = 0; v < Agents.length; v++) {
		      if (userAgentInfo.indexOf(Agents[v]) > 0) {
		         flag = false;
		         break;
		      }
		   }
		   return flag;
		}

// 		if (!IsPC()) {
// 			window.location.href = 'http://www.zhouhi.cn/mobile/xingyi/'
// 		}

		function scrollToWhere(ele, speed) {
			if(!speed) speed = 200;
			if(!ele){
				$("html,body").animate({scrollTop: 0}, speed);
			}else{
				if (typeof ele == 'string') {
					if(ele.length > 0) $("html,body").animate({scrollTop: $(ele).eq(0).offset().top}, speed);
				} else {
					$("html,body").animate({scrollTop: 0}, speed);
				}
			}
			return false;
		}

		// 图片懒加载
		function loadlazy(){
		    var itv = setTimeout(function(){
		        var winHeight = $(window).height();
		        var scrolltop = $(window).scrollTop();
		        $('.lazeload').each(function(){
		            var oTop = $(this).offset().top - 300;
		            if((oTop-scrolltop) >= 0 && (oTop-scrolltop) < winHeight){
		                var src = $(this).attr("data_src");
		                $(this).attr("src",src);
		            }
		        })
		    },100);
		}

		$("html,body").animate({scrollTop: 0}, 100);
		if(window.attachEvent){ 
			$(window).scroll(function () {
				loadlazy();
			})
		}
		$(document).scroll(function () {
			loadlazy();
		})
		loadlazy();

		$('.nav-item').on('click', function () {
			var type = $(this).index()
			if (type == 0) {
				scrollToWhere();
			} else if (type == 1) {
				scrollToWhere('.examp');
			} else if (type == 2) {
				scrollToWhere('.customer');
			} else if (type == 3) {
				scrollToWhere('.service');
			} else if (type == 4) {
				scrollToWhere('.about-title');
			}
		});

		// 提交表单
		$('.cancel-btn').on('click', function () {
			var name = $('#input-name').val();
			var phone = $('#input-phone').val();
			var com = $('#input-com').val();
			if (name == '' || name == '请输入您的姓名') {
				alert('请填写姓名');
				return
			}
			if (phone == '' || phone == '请输入联系电话') {
				alert('请填写联系电话');
				return
			}
			if (com == '' || com == '请输入公司名称') {
				alert('请输入公司名称');
				return;
			}
			var reg = /^1[3|4|5|7|8][0-9]{9}$/;
			if (!reg.test(phone)) {
				alert('手机格式不正确');
				return;
			}
			$.ajax({
				url: 'http://website.api.suanhi.cn/index/doRefer',
				data: {
					username: name,
					mobile: phone,
					company: com,
					from: 'xingyi'
				},
				success: function (res) {
					if (res.code == 0) {
						alert('提交成功');
						$('.pon').fadeOut('fast');
					} else {
						alert('提交失败');
					}
				}
			});
		});

		// 单提交手机号
		$('.quest-btn').on('click', function () {
			var phone = $('.phone-input').val();
			if (phone == '' || phone == '请输入手机号码') {
				alert('请输入手机号码');
				return;
			}

			var reg = /^1[3|4|5|7|8][0-9]{9}$/;
			if (!reg.test(phone)) {
				alert('手机格式不正确');
				return;
			}
			$.ajax({
				url: 'http://website.api.suanhi.cn/index/doCounseling',
				data: {
					mobile: phone,
					from: 'xingyi'
				},
				success: function (res) {
					if (res.code == 0) {
						alert('提交成功');
					} else {
						alert('提交失败');
					}
				}
			});
		});

		$('.back-top').on('click', function () {
			scrollToWhere();
		})

		$(".back-top").hover(function (){
            $(".back-top img").attr('src', 'static/img/hover.png');  
        }).mouseout(function (){
            $(".back-top img").attr('src', 'static/img/hover-no.png');  
        });

        $('.qq-img').on('click', function () {
        	window.open('http://wpa.qq.com/msgrd?v=3&uin=419999780&site=qq');
        });

        $('.ccat-qq').on('click', function () {
        	window.open('http://wpa.qq.com/msgrd?v=3&uin=419999780&site=qq');
        });

        $('.btn-concat').on('click', function () {
        	$('.pon').fadeIn('fast');
        });
        $('.sure-btn').on('click', function () {
        	$('.pon').fadeOut('fast');
        })
        $('.mask-pon').on('click', function () {
        	$('.pon').fadeOut('fast');
        })

        $('.input-line').find('input').focus(function () {
        	var idx = $(this).parent().index();
        	if (idx == '1') {
        		if ($(this).val() == '请输入您的姓名') {
        			$(this).val('');
        		}
        	} else if (idx == 2) {
        		if ($(this).val() == '请输入联系电话') {
        			$(this).val('');
        		}
        	} else {
        		if ($(this).val() == '请输入公司名称') {
        			$(this).val('');
        		}
        	}
        })
        $('.input-line').find('input').blur(function () {
        	var idx = $(this).parent().index();
        	if (idx == '1') {
        		if ($(this).val() == '') {
        			$(this).val('请输入您的姓名');
        			$(this).css('color', '#909090');
        		}
        	} else if (idx == 2) {
        		if ($(this).val() == '') {
        			$(this).val('请输入联系电话');
        			$(this).css('color', '#909090');
        		}
        	} else {
        		if ($(this).val() == '') {
        			$(this).val('请输入公司名称');
        			$(this).css('color', '#909090');
        		}
        	}
        });

        $('.input-line').find('input').on('input', function () {
        	if ($(this).val == '') {
        		$(this).css('color', '#909090');
        	} else {
        		$(this).css('color', '#000');
        	}
        });

        $('.phone-input').focus(function () {
        	if ($(this).val() == '请输入手机号码') {
        		$(this).val('');
        	}
        });
        $('.phone-input').blur(function () {
        	if ($(this).val() == '') {
        		$(this).val('请输入手机号码');
        		$(this).css('color', '#909090');
        	}
        })
        $('.phone-input').on('input', function () {
        	if ($(this).val == '') {
        		$(this).css('color', '#909090');
        	} else {
        		$(this).css('color', '#000');
        	}
        })

        // 第一块动画
        $('.examp-item').eq(0).hover(function () {
        	$(".examp-content").eq(0).animate({bottom:"10px"});
        }, function () {
        	$(".examp-content").eq(0).animate({bottom:"0"});
        })

        $('.examp-item').eq(1).hover(function () {
        	$(".examp-content").eq(1).animate({bottom:"10px"});
        }, function () {
        	$(".examp-content").eq(1).animate({bottom:"0"});
        })

        $('.examp-item').eq(2).hover(function () {
        	$(".examp-content").eq(2).animate({bottom:"10px"});
        }, function () {
        	$(".examp-content").eq(2).animate({bottom:"0"});
        })

        $('.examp-item').eq(3).hover(function () {
        	$(".examp-content").eq(3).animate({bottom:"10px"});
        }, function () {
        	$(".examp-content").eq(3).animate({bottom:"0"});
        })

        $('.examp-item').eq(4).hover(function () {
        	$(".examp-content").eq(4).animate({bottom:"10px"});
        }, function () {
        	$(".examp-content").eq(4).animate({bottom:"0"});
        })

        // 第二块动画
        $('.customer-item').hover(function () {
        	$(this).animate({
        		bottom: '10px'
        	})
        }, function () {
        	$(this).animate({
        		bottom: '0'
        	})
        });

        // 第三块动画
        $('.service-item').hover(function () {
        	$(this).animate({
        		bottom: '10px'
        	})
        }, function () {
        	$(this).animate({
        		bottom: '0'
        	})
        });;

        // 第四块动画
        $('.project-content').hover(function () {
        	$(this).find('.mask').fadeOut()
        	$(this).find('.text-mask').fadeOut()
        }, function () {
        	$(this).find('.mask').fadeIn()
        	$(this).find('.text-mask').fadeIn()
        })
	})
</script>
</html>