<!DOCTYPE html>
<html lang="zh-cn">

<head>
	<meta charset="UTF-8">
	<meta name="viewport"
		content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>有聚友聚 官方网站-发现“精彩”世界，传递“美好”生活</title>
	<!-- FE：Simmzl | UED：zzzhen | Build：2020-06-16 -->
	<meta name="keywords"
		content="有聚友聚,有聚友聚 app,友聚,有聚,有聚 app,社交,年轻人,聊天,交友,有趣,元宇宙,灵魂,sou,so,sol,suol,social,metaverse,寰宇天下,Soulcial,virtual playground,寰宇">
	<meta name="description"
		content="有聚友聚是新疆寰宇天下网络科技有限公司旗下社交类产品，有聚友聚 社交资讯一网打尽！有聚友聚是一个帮助用户沟通彼此、谈天说地、分享快乐的社交资讯平台。有聚友聚app是一款全新的交友服务平台，平台上聚集了众多高颜值的用户，用户之间可以在线进行互动，随时找寻自己的心动好友，即可线上进行交流，让你们快速发展成为对方喜欢的人；有聚友聚安卓版为用户提供多种互动形式，根据自己的喜好来选择使用，就能更好的进行交流，不会出现尬聊情况，让你享受自由交友体验，轻松找到心仪的Ta；有聚友聚手机版能够保证每一位用户信息安全，保护用户隐私，在线即可扩展自己的人脉圈；有需要的用户可以来下载体验哦。">
	<link rel="shortcut icon" href="static/image/favicon.png" type="image/x-icon">
	<link rel="stylesheet" href="static/css/reset.css">
	<link rel="stylesheet" href="static/css/index.min.css">
	<script src="static/js/common.js?id=1"></script>
	<script>
		checkBrowser();
	</script>
	<script src="static/js/cn.js"></script>
	<style>
		html {
			overflow: hidden
		}


		.pic {
			position: absolute;
			top: 80%;
			/* bottom: 0; */
			left: 43%;
			/* right: 0; */
			margin: auto;
			width: 100px;
			height: 100px;
			line-height: 55px;
			text-align: center;
			font-size: 22px;
		}

		.pic span {
			display: inline-block;
			position: absolute;
			top: 10px;
			left: 10px;
			width: 80px;
			height: 80px;
			border-radius: 50%;
			box-shadow: 0 3px 0 #fa972a;
			-webkit-animation: move 1s infinite linear;
			animation: move 1s infinite linear;
		}

		@-webkit-keyframes move {
			0% {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
			}

			100% {
				-webkit-transform: rotate(360deg);
				transform: rotate(360deg);
			}
		}

		@keyframes move {
			0% {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
			}

			100% {
				-webkit-transform: rotate(360deg);
				transform: rotate(360deg);
			}
		}
	</style>
</head>

<body class="home" onresize="checkBrowser()">
	<header class="header" id="header">
		<div class="header-content clearfix">
			<h1 class="header-logo">
				<a href="" class="header-logo-link">有聚友聚 App</a>
			</h1>
			<ul class="header-nav">
				<li class="active"><a href="" class="l_nav_overview"></a></li>
				<li>
					<a href="campus.html" class="l_nav_referral"></a>
				</li>
				<li>
					<a href="about.html" class="l_nav_about"></a>
				</li>
				<li class="header-nav-audio muted" id="audioControl"></li>
				<li class="header-nav-IM"><a href="index1.html" target="_blank"></a></li>
			</ul>
		</div>
	</header>

	<section class="section section-main section-active">
		<div class="video-container">
			<video muted="" loop="loop" autoplay="autoplay" src="static/video/302e6662-a360-4cdd-8a87-966ed18c4554.mp4"
				class="video" id="video-home" data-object-fit="">抱歉，您的浏览器不支持内嵌视频</video>
		</div>
		<div class="main-content">
			<img class="cn" src="static/picture/img-slogan-cn.png" alt="社交-资讯-娱乐 一网打尽">
			<p class="slogan"></p>

			<div class="main-down clearfix">
				<!-- <a class="main-down-ios" href="javascript:;" target="_blank">
						<img src="static/picture/img-qrcode-ios.png">
					</a> -->
				<a class="main-down-and64" id="androidDownloadUrl" href="javascript:;">
					</a>
					<div class="pic" 	style="display: none;"id="progressBar">
						<span></span>
						<p style="margin-top: 20px;color: #ffffff;" id="progressText">0%</p>
					</div>
				<!-- <a class="main-down-and32" href="javascript:;" target="_blank">
						<img src="static/picture/img-qrcode-and32.png">
					</a> -->
			</div>
		</div>
	</section>

	<div class="list-container">
		<section class="section section-soul">
			<div class="section-content clearfix">
				<div class="section-left">
					<div class="section-phone-content"></div>
					<div class="section-phone"></div>
					<div class="section-icon soul-1"></div>
					<div class="section-icon soul-2"></div>
					<div class="section-icon soul-3"></div>
					<div class="section-icon soul-4"></div>
				</div>
				<div class="section-right">
					<h2 class="right-title l_overview_discovery_title">发现生活</h2>
					<p class="right-sub l_overview_discovery_intro">在有聚的“元宇宙”中<br>探索关于生活的无限可能</p>
					<p class="right-desc l_overview_discovery_description">发现生活；记录生活；分享生活。</p>
				</div>
			</div>
		</section>

		<section class="section section-voice">
			<div class="section-content clearfix">
				<div class="section-left">
					<div class="section-phone-content"></div>
					<div class="section-phone"></div>
					<div class="section-icon voice-1"></div>
					<div class="section-icon voice-2"></div>
					<div class="section-icon voice-3"></div>
					<div class="section-icon voice-4"></div>
					<div class="section-icon voice-5"></div>
					<div class="section-icon voice-6"></div>
					<div class="section-icon voice-7"></div>
				</div>
				<div class="section-right">
					<h2 class="right-title l_overview_voiceMatch_title">即时通讯</h2>
					<p class="right-sub l_overview_voiceMatch_intro">即时通讯，让沟通无所不在</p>
					<p class="right-desc l_overview_voiceMatch_description">用文字开拓您的视界，让声音温暖您的内心</p>
				</div>
			</div>
		</section>

		<section class="section section-facekini">
			<div class="section-content clearfix">
				<div class="section-left">
					<!-- <video id="video-facekini" muted="" autoplay="autoplay" loop="loop"
							src="static/video/61969187-ca43-4a0c-ac66-9cc92cefb7fd.mp4" class="section-video"
							data-object-fit="">抱歉，您的浏览器不支持内嵌视频</video> -->
					<div class="section-phone"></div>
					<div class="section-icon facekini-1"></div>
					<div class="section-icon facekini-2"></div>
					<div class="section-icon facekini-4"></div>
				</div>
				<div class="section-right">
					<h2 class="right-title l_overview_videoMatch_title">精彩视频</h2>
					<p class="right-sub l_overview_videoMatch_intro">每一个人都是生活的艺术家</p>
					<p class="right-desc l_overview_videoMatch_description">随时随地，想看就看，娱乐无极限
					</p>
					<!-- <p class="right-tip l_overview_videoMatch_tip">快来开启视频匹配吧，尽情释放你的表演欲。</p> -->
				</div>
			</div>
		</section>

		<section class="section section-camera">
			<div class="section-content clearfix">
				<div class="section-left">
					<div class="section-phone-content"></div>
					<!-- <video id="video-camera" muted="" autoplay="autoplay" loop="loop" controls="controls"
							src="static/video/e0758177-d158-4859-9b1b-5d827e834b12.mp4" class="section-video"
							data-object-fit="">抱歉，您的浏览器不支持内嵌视频</video> -->
					<div class="section-phone"></div>
					<div class="section-icon camera-2"></div>
					<div class="section-icon camera-3"></div>
					<div class="section-icon camera-4"></div>
				</div>
				<div class="section-right">
					<h2 class="right-title l_overview_camera_title">新闻资讯</h2>
					<p class="right-sub l_overview_camera_intro">要闻、时政、娱乐、体育、生活、购物<br>所有资讯一网打尽</p>
					<p class="right-desc l_overview_camera_description">世界那么大，我想去看看
					</p>
					<!-- <p class="right-tip l_overview_camera_tip">还有全新的 emoji 表情和动态贴纸满足多种情绪表达。</p> -->
				</div>
			</div>
		</section>

		<section class="section section-square">
			<div class="section-content clearfix">
				<div class="section-left">
					<div class="section-phone"></div>
					<div class="section-icon square-1"></div>
					<div class="section-icon square-2"></div>
					<div class="section-icon square-3"></div>
					<div class="section-icon square-4"></div>
					<div class="section-icon square-5"></div>
				</div>
				<div class="section-right">
					<h2 class="right-title l_overview_square_title">互动社交</h2>
					<p class="right-sub l_overview_square_intro">与好友尽情交流兴趣与观点</p>
					<p class="right-desc l_overview_square_description">随手添加、关注，丰富您的社交圈<br>打造与众不同的个人IP
					</p>
					<!-- <p class="right-tip l_overview_square_tip">手写卡片、视频、音频、图片等多种发布形态，等<br>你一起来玩儿~</p> -->
				</div>
			</div>
		</section>

		<section class="section section-chat">
			<div class="section-content clearfix">
				<div class="section-left">
					<div class="section-phone-content"></div>
					<!-- <video id="video-chat" muted="" autoplay="autoplay" loop="loop"
							src="static/video/539ef6af-9a5d-4cf8-8479-d8269a191623.mp4" class="section-video"
							data-object-fit="">抱歉，您的浏览器不支持内嵌视频</video> -->
					<div class="section-phone"></div>
					<div class="section-icon chat-1"></div>
					<div class="section-icon chat-2"></div>
					<div class="section-icon chat-4"></div>
				</div>
				<div class="section-right">
					<h2 class="right-title l_overview_message_title">管理中心</h2>
					<p class="right-sub l_overview_message_intro">便捷高效地开启您在有聚的一切</p>
					<p class="right-desc l_overview_message_description">火爆游戏、便民地图、生活缴费、特惠购物，一切尽在您的掌中</p>
					<!-- <p class="right-tip l_overview_message_tip">喜欢 ta ？试试送个礼物或守护头像框吧。</p> -->
				</div>
			</div>
			<p class="footer cn_footer">
				<span>新疆寰宇天下网络科技有限公司 <a href="http://beian.miit.gov.cn/" target="_blank">新ICP备19001202号-1</a></span>
				<!-- <img class="footer-police" src="static/picture/icon-police.png"> -->
				<!-- <span>沪公网安备 31011502008524号</span>
					<img class="footer-report" src="static/picture/icon-report.png">
					<a href="http://www.12377.cn/" target="_blank">中国互联网违法和不良信息举报中心</a>
					<a style="margin-left: 8px;" href="http://dev.odb.sh.cn/SHJBZX/Home/Query" target="_blank">上海市互联网违法和不良信息举报中心</a>
					<a style="margin-left: 8px;" href="http://mp.weixin.qq.com/s?__biz=MzAwOTYxNTU5Nw==&mid=2649880336&idx=1&sn=a61196722e7c17cdc80f68cfdda2f28b&chksm=8359b692b42e3f84d4582162a3da307269f16fb26c9a902aaa06e73751d566b5899dc58bb07e&mpshare=1&scene=1&srcid=&sharer_sharetime=1593334750671&sharer_shareid=503152027cc25764197a0b290282c5de&exportkey=ARgrZHr3UNoskdqxfsG2114%3D&pass_ticket=gxhRjxGwC%2BVHd5wSoOH86oTV4MZUcy%2F5PWlvveK8bBI%3D#rd" target="_blank">网络安全监管平台公告</a> -->
			</p>
		</section>

		<div class="list-bg">
			<svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
				viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
				<defs>
					<path id="gentle-wave" class="st0"
						d="M-160,35.6 c 30,0,58-6.6,88-6.6 s58,6.6,88,6.6s58-6.6,88-6.6s58,6.6,88,6.6V59h-352V35.6z">
					</path>
					<linearGradient id="primary" x1="0%" y1="0%" x2="0%" y2="50%">
						<stop offset="0%" style="stop-color:#ffbc72; stop-opacity:1"></stop>
						<stop offset="100%" style="stop-color:#fa972a; stop-opacity:1"></stop>
					</linearGradient>
				</defs>
				<g class="parallax">
					<use style="fill:url(#primary)" xlink:href="#gentle-wave" x="48" y="0"></use>
					<use style="fill:url(#primary)" xlink:href="#gentle-wave" x="48" y="0"></use>
				</g>
			</svg>
		</div>
	</div>


	<div class="aside">
		<ul class="aside-list" id="aside">
			<li data-index="0" class="active"></li>
			<li data-index="1"></li>
			<li data-index="2"></li>
			<li data-index="3"></li>
			<li data-index="4"></li>
			<li data-index="5"></li>
			<li data-index="6"></li>
		</ul>
	</div>

	<!-- <div class="qrcode" id="qrcode">
			<div class="qrcode-mask" id="qrcode-mask"></div>
			<div class="qrcode-content">
				<img src="static/picture/img-qr.png">
				<p>扫一扫畅玩超多精彩活动</p>
			</div>
		</div> -->

	<script src="static/js/lang.js"></script>
	<script src="static/js/index.js?id=3"></script>
</body>

</html>