nk-lihaink-cn/app/home/view/index/index.html

{extend name="common/base"/}
{block name="style"}
<link rel="stylesheet" href="{__CSS__}/index.css?v={:get_config('webconfig.version')}" media="all">
{/block}
<!-- 主体 -->
{block name="body"}
{include file="common/header" nav='info' /}
<div class="index">
	<div class="intro">
		<div class="intro-box">
			<div class="intro-info">
				<div class="intro-title">EXCEL表格数据处理工具</div>
				<div>不懂代码也可以对数据进行分析，轻松上手；</div>
				<div>支持EXCEL文件超万条数据在线处理，毫无压力；</div>
				<div>数据图表展现完全自定义，饼图、折线图、柱状图、面积图等多种图表，无任何限制；</div>
				<div>各种图表可相互转换，同时满足生成数据面板、数据报告等日常工作需求。</div>
			</div>
			<img src="{__IMG__}/home_def.png" height="300">
		</div>

		<div>
		<div class="chart-item-wrap">
			<a href="javascript:;"><img src="{__IMG__}/bingtu.png"><span class="sub-title">饼图</span><span class="sub-text">侧重于描述在整个系统中，每个个体所占的权重</span></a>
			<a href="javascript:;"><img src="{__IMG__}/zhexiantu.png"><span class="sub-title">折线图</span><span class="sub-text">侧重于清楚地描述出每个系别数量增减变化的情况</span></a>
			<a href="javascript:;"><img src="{__IMG__}/zhuzhuangtu.png"><span class="sub-title">条形图</span><span class="sub-text">侧重于个体的描述，能准确的知道每个项目的大小</span></a>
			<a href="javascript:;"><img src="{__IMG__}/mianjitu.png"><span class="sub-title">面积图</span><span class="sub-text">侧重于突出每个系别所占据的面积，把握整体趋势</span></a>
			<a href="javascript:;"><img src="{__IMG__}/huanxingtu.png"><span class="sub-title">环形图</span><span class="sub-text">侧重于突出总体数值的变化，使用弧线的长度表达权重</span></a>
		</div>
	</div>
	</div>
	<div class="advantage">
		<div class="advantage-title">特色优势</div>
		<div class="advantage-sub-title">简单易用的可视化操作和灵活高效的多维分析能力，让精细化数据洞察为商业决策保驾护航。</div>
		<div class="item-wrap">
			<div class="advantage-item">
				<div class="feature">
					<div class="part-icon"><img src="{__IMG__}/safe.png"></div>
					<div class="part-text">
						<h3>安全保密</h3>
						<p>采用256位SSL加密传输技术，让文件传输更安全更放心</p>
					</div>
				</div>
			</div>
			<div class="advantage-item">
				<div class="feature">
					<div class="part-icon"><img src="{__IMG__}/cloud.png"></div>
					<div class="part-text">
						<h3>云端处理</h3>
						<p>无需安装软件，网站在线即可轻松完成数据分析处理</p>
					</div>
				</div>
			</div>
			<div class="advantage-item">
				<div class="feature">
					<div class="part-icon"><img src="{__IMG__}/chart.png"></div>
					<div class="part-text">
						<h3>图表多样化</h3>
						<p>采用先进AI处理技术，支持各种场景下的图表展现</p>
					</div>
				</div>
			</div>
			<div class="advantage-item">
				<div class="feature">
					<div class="part-icon"><img src="{__IMG__}/platform.png"></div>
					<div class="part-text">
						<h3>支持多平台</h3>
						<p>网站支持Windows、linux、Mac等平台登录，随时随地轻松办公</p>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="scene">
		<div class="scene-box">
			<div class="scene-title">应用场景</div>
			<div class="scene-sub-title">数据图表展现完全自定义，图表种类无任何限制，多场景使用。</div>
			<div class="tabs-container">
				<div class="tabs-header" id="tab0">
					<div class="tab-title active" onmouseover="setTab(0, 0, 'div', 'tabContent')">数据大屏</div>
					<div class="tab-title" onmouseover="setTab(0, 1, 'div', 'tabContent')">行业数据报告</div>
					<div class="tab-title" onmouseover="setTab(0, 2, 'div', 'tabContent')">运营数据报告</div>
					<div class="tab-title" onmouseover="setTab(0, 3, 'div', 'tabContent')">年度数据报告</div>
				</div>
				<div class="tab-content active" id="tabContent0">
					<div class="content-left">
						<div class="text-1">数据大屏可视化，更直观更智能的决策场景体验</div>
						<div class="text-2">通过数据大屏实时监测企业数据，了解数据异常增长原因。数据驾驶舱掌控全局，助力企业智能高效决策。</div>
					</div>
					<div class="content-right">
						<img src="{__IMG__}/daping.png" height="360" />
					</div>
				</div>
				<div class="tab-content" id="tabContent1">
					<div class="content-left">
						<div class="text-1">行业数据，为企业提供决策依据</div>
						<div class="text-2">分析影响行业发展的各种因素以及判断对行业的影响力度，预测并引导行业的未来发展趋势，判断行业投资价值，揭示行业投资风险，为投资者以及其他机构提供决策依据或投资依据。</div>
					</div>
					<div class="content-right">
						<img src="{__IMG__}/hangye.png" height="360" />
					</div>
				</div>
				<div class="tab-content" id="tabContent2">
					<div class="content-left">
						<div class="text-1">经营数据分析，为企业运营的方向盘和指南针</div>
						<div class="text-2">对企业各项经营状况进行陈述、分析、挖掘深度情报，是运营管控的重要组成部分，一份内涵丰富的运营分析报告，就是企业运营的方向盘和指南针。</div>
					</div>
					<div class="content-right">
						<img src="{__IMG__}/yuying.png" height="360" />
					</div>
				</div>
				<div class="tab-content" id="tabContent3">
					<div class="content-left">
						<div class="text-1">精准的年度数据分析，为企业下一阶段的工作的决策提供依据</div>
						<div class="text-2">把隐藏在一大批看来杂乱无章的数据中的信息集中和提炼出来，从而找出所研究对象的内在规律，为企业下一阶段的工作的决策提供依据。</div>
					</div>
					<div class="content-right">
						<img src="{__IMG__}/niandu.png" height="360" />
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="bottom-banner">
		<div class="bottom-banner-box">
			<div class="bottom-title">勾股<span>BI</span></div>
			<div class="bottom-sub-title">释放数据价值，人人都是数据分析师，新一代自助式智能数据分析工具。</div>
			<div class="bottom-banner-btn"><a href="/home/login/reg">立即体验</a></div>
		</div>
	</div>
</div>
{/block}
<!-- /主体 -->

<!-- 脚本 -->
{block name="script"}
<script>
	function setTab(m, n, tname, iname) {
		var title = document.getElementById("tab" + m).getElementsByTagName(tname);
		for (i = 0; i < title.length; i++) {
			title[i].className = i == n ? "tab-title active" : "tab-title";
			document.getElementById(iname + i).className = i == n ? "tab-content active" : "tab-content";
		}
	}
</script>
{/block}
<!-- /脚本 -->