1.0

css/index.css

@@ -0,0 +1,415 @@
+	  body,
+	  h1,
+	  h2,
+	  h3,
+	  h4,
+	  h5,
+	  h6,
+	  hr,
+	  p,
+	  blockquote,
+	  dl,
+	  dt,
+	  dd,
+	  ul,
+	  ol,
+	  li,
+	  pre,
+	  form,
+	  fieldset,
+	  legend,
+	  button,
+	  input,
+	  textarea,
+	  th,
+	  td {
+	  	margin: 0;
+	  	padding: 0;
+	  	color: #303133;
+	  }
+
+	  a {
+	  	text-decoration: none;
+		outline: none;
+	  }
+	  
+	  /*去除未被访问的a标签的下划线*/
+	  a:link {
+	  	text-decoration: none;
+	  }
+	  /*去除已经被访问过的a标签的下划线*/
+	  a:visited {
+	  	text-decoration: none;
+	  }
+	  /*去除鼠标悬停时的a标签的下划线*/
+	  a:hover {
+	  	text-decoration: none;
+	  }
+	  /*去除正在点击的a标签的下划线（鼠标按下，尚未松开）*/
+	  a:active {
+	  	text-decoration: none;
+	  }
+	  /*去除获得焦点的a标签的下划线（被鼠标点击过）*/
+	  a:focus {
+	  	text-decoration: none;
+	  }
+
+	  .icon {
+	  	width: 1.2em;
+	  	height: 1.2em;
+	  	vertical-align: -0.15em;
+	  	fill: currentColor;
+	  	overflow: hidden;
+		
+	  }
+
+	  /* 盒子模型 */
+	  .flex-box {
+	  	display: -webkit-box;
+	  	/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
+	  	display: -moz-box;
+	  	/* Firefox 17- */
+	  	display: -webkit-flex;
+	  	/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
+	  	display: -moz-flex;
+	  	/* Firefox 18+ */
+	  	display: -ms-flexbox;
+	  	/* IE 10 */
+	  	display: flex;
+	  	/* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
+	  }
+
+	  /*盒子模型，竖向自适应,垂直排列  */
+	  .flex-box-v {
+	  	display: -webkit-box;
+	  	display: -webkit-flex;
+	  	display: flex;
+	  	-webkit-box-orient: vertical;
+	  	-webkit-flex-flow: column;
+	  	flex-flow: column !important;
+	  }
+
+	  .flex-d-center {
+	  	justify-content: space-between;
+	  	-webkit-justify-content: space-between;
+	  }
+
+	  .flex-box-ce {
+	  	display: -webkit-box;
+	  	display: -moz-box;
+	  	display: -ms-flexbox;
+	  	display: -webkit-flex;
+	  	display: flex;
+	  	align-items: center;
+	  	-webkit-align-items: center;
+	  	-webkit-box-align: center;
+	  }
+		
+		/* 水平等列排版（子元素两边有缝隙自己适应） */
+		.flex-dv-center {
+		  justify-content: space-around;
+		  -webkit-justify-content: space-around;
+		}
+		
+		
+		/*通过一起使用 box-align 和 box-pack 属性，对 view 框的子元素进行居中，目前没有浏览器支持box-align 和 box-pack 属性，所以需要加上浏览器内核-webkit，-moz等的简写  */
+		.flex-center-center {
+		  justify-content: center;
+		  -webkit-justify-content: center;
+		  -moz-justify-content: center;
+		  align-items: center;
+		  -webkit-align-items: center;
+		  -webkit-box-pack: center;
+		  -webkit-box-align: center;
+		  -moz-align-items: center;
+		  -moz-box-pack: center;
+		  -moz-box-align: center;
+		}
+	  .flex-1 {
+	  	-webkit-box-flex: 1;
+	  	-moz-box-flex: 1;
+	  	-webkit-flex: 1;
+	  	-ms-flex: 1;
+	  	flex: 1;
+	  }
+
+	  .flex-d-wrap {
+	  	flex-wrap: wrap;
+	  }
+
+	  /* 字体颜色 */
+	  .blue {
+	  	color: #409EFF !important;
+	  }
+
+	  .red {
+	  	color: #f56c6c !important;
+	  }
+
+	  .yellow {
+	  	color: #FFC910 !important;
+	  }
+
+	  .orange {
+	  	color: #FF9600 !important;
+	  }
+
+	  .green {
+	  	color: #67c23a !important;
+	  }
+
+	  .cyan {
+	  	color: #00C4CB !important;
+	  }
+
+	  .black {
+	  	color: #141c28 !important;
+	  }
+
+	  .blue-box {
+	  	color: #409EFF !important;
+	  	background-color: #ecf5ff !important;
+	  }
+
+	  .red-box {
+	  	color: #f56c6c !important;
+	  	background-color: #fef0f0 !important;
+	  }
+
+	  .yellow-box {
+	  	color: #FFC910 !important;
+	  	background-color: #fdf6ec !important;
+	  }
+
+	  .orange-box {
+	  	color: #FF9600 !important;
+	  	background-color: #fdf6ec !important;
+	  }
+
+	  .green-box {
+	  	color: #67c23a !important;
+	  	background-color: #f0f9eb !important;
+	  }
+
+	  .fontColorA {
+	  	color: #303133 !important;
+	  }
+
+	  .fontColorB {
+	  	color: #606266 !important;
+	  }
+
+	  .fontColorC {
+	  	color: #89919F !important;
+	  }
+
+	  .fontColorD {
+	  	color: #BFC7D5 !important;
+	  }
+
+	  .content {
+	  	padding: 20px;
+	  	background-color: #fff;
+	  	max-width: 677px;
+	  	margin: 0 auto;
+	  }
+
+	  img,
+	  video {
+	  	width: 100%;
+	  	vertical-align: bottom;
+	  }
+
+	  .content p {
+	  	margin-top: 0;
+	  	margin-bottom: 24px;
+	  }
+
+	  video {
+	  	margin-bottom: 24px;
+	  }
+
+	  .code {
+	  	border-style: solid;
+	  	border-width: 1px;
+	  	box-sizing: border-box;
+	  	width: 243px !important;
+	  	height: auto !important;
+	  	visibility: visible !important;
+	  }
+
+	  .menu-button {
+	  	position: absolute;
+	  	width: 24px;
+	  	height: 24px;
+	  	top: 8px;
+	  	right: 12px;
+	  	background: url(../images/stock/menu.png) center center no-repeat;
+	  	background-size: 24px;
+	  }
+
+	  .navs {
+	  	padding: 10px;
+	  }
+
+	  .navs a {
+	  	padding: 6px 0;
+	  }
+
+	  .drawer-body {
+	  	position: fixed;
+	  	box-shadow: rgba(0, 0, 0, 0.15) 1px -1px 2px;
+	  	border-radius: 8px;
+	  	top: 52px;
+	  	right: 10px;
+	  	transform: translateY(-120%);
+	  	transition: transform 0.3s ease-out 0s;
+	  	will-change: transform;
+	  	z-index: 4;
+	  	background-color: #fff;
+	  }
+
+	  .drawer-body-visible {
+	  	transform: translateY(0%);
+	  }
+
+	  .drawer-mask {
+	  	opacity: 0;
+	  	position: fixed;
+	  	inset: 0px;
+	  	background-color: rgba(0, 0, 0, 0.4);
+	  	transition: opacity 0.5s ease-out 0s;
+	  	visibility: hidden;
+	  	pointer-events: auto;
+	  	z-index: 2;
+	  }
+
+	  .mask-visible {
+	  	opacity: 1;
+	  	visibility: visible;
+	  }
+
+	  .header {
+	  	padding: 0 20px;
+	  	border-bottom: 1px solid #f1f1f1;
+	  	position: sticky;
+	  	top: 0;
+	  	left: 0;
+	  	right: 0;
+	  	z-index: 99;
+	  	background-color: #fff;
+	  }
+
+	  .header img {
+	  	width: 6rem;
+	  }
+
+	  .sanjiao {
+	  	width: 8px;
+	  	height: 8px;
+	  	box-sizing: border-box;
+	  	border: 8px solid;
+	  	border-color: transparent transparent #fff transparent;
+	  	position: absolute;
+	  	top: -15px;
+	  	right: 8px;
+	  	z-index: 99;
+	  }
+
+	  .app {
+	  	position: relative;
+	  }
+
+	  .footer {
+	  	position: fixed;
+	  	z-index: 1;
+	  	background-color: #fff;
+	  	bottom: 0;
+	  	left: 0;
+	  	right: 0;
+	  	padding:4px 20px;
+	  }
+	  .zx{
+		  border: 1px solid #409EFF;
+		  border-radius: 25px;
+		  color: #409EFF;
+		  font-size: 1rem;
+		  padding: 6px 0;
+	  }
+	  .wx{
+		  border: 1px solid #409EFF;
+		  border-radius: 25px;
+		  color: #fff;
+		  font-size: 1rem;
+		  background-color: #409EFF;
+		  padding: 6px 0;
+	  }
+	   .zx .icon,.wx .icon{
+		   padding-right: 5px;
+		   font-size: 1.2rem;
+	   }
+	   .wx-box{
+		   position: fixed;
+		   top: 50%;
+		   width: 80%;
+		   left: 10%;
+		   border-radius: 10px;
+		   background-color: #fff;
+		   padding: 20px;
+		   z-index: 3;
+		   box-sizing: border-box;
+		   transform: translate(0%,-50%);
+		   padding-top: 30px;
+		   display: none;
+	   }
+	   .wx-title{
+		   font-size: 1.2rem;
+		   font-weight: 700;
+		   color: #141c28;
+	   }
+	   .wx-content{
+		  color: #606266;
+		  background-color: #f1f1f1;
+		  border-radius: 5px;
+		  padding: 20px;
+		  margin: 10px 0;
+	   }
+	   .wx-btn{
+		   background-color: #1CAC19;
+		   color: #fff;
+		   margin: 0 auto;
+		   padding: 10px 0;
+		   width: 120px;
+		   text-align: center;
+		   border-radius: 8px;
+	   }
+	   .wx-close{
+		   position: absolute;
+		   right: 10px;
+		   top: 10px;
+		   font-size: 22px;
+		   font-weight: 600;
+		   width: 20px;
+		   height: 20px;
+		   text-align: center;
+		   line-height: 20px;
+	   }
+	   #input{
+		   position: absolute; top: 0; left: 0; opacity: 0; z-index: -10;
+	   }
+	   .van-popup{
+		   position: fixed;
+		   z-index: 4;
+		   text-align: center;
+		   box-sizing: border-box;
+		   padding: 10px;
+		   font-size: 1rem;
+		   line-height: 0.4rem;
+		   width: 120px;
+		   top: 10%;
+		   left: 50%;
+		   margin-left: -60px;
+		   border-radius: 5px;
+		   background-color: #fff;
+		   box-shadow: 0 0 0.06rem #ccc;
+	   }

html/examine.html

@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="referrer" content="no-referrer">
+	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover">
+    <title>功道云积分制</title>
+	<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
+	<link rel="stylesheet" type="text/css" media="screen" href="../css/index.css">
+  </head>
+  <style type="text/css">
+	   .shadow-p{
+		   text-align: center;
+		   padding: 0px 0.5em;
+		   margin-bottom: 24px;
+	   }
+	   .shadow-p img{
+			box-shadow: rgb(210, 210, 210) 0em 0em 0.5em 0px;
+	   }
+  </style>
+  <body>
+	<div class="app">
+		<div class="header flex-box">
+			  <a href="okr.html"><img  src="../images/stock/logo.png" alt="头部"></a>
+			  <div style="border-left: 1px solid #f1f1f1;font-size: 0.9rem;padding-left: 10px;padding-top: 5px;">
+				  <div>股权代码</div>
+				  <div style="color: #C4092C;">891286</div>
+			  </div>
+			  <div class="flex-1"></div>
+			  <a class="menu-button"></a>
+		</div>
+		<div class="content">
+			<h3 style="text-align: center;margin-bottom: 32px;font-size: 28px;">现场巡检</h3>
+			<section style="line-height: 1.75em; margin-bottom: 8px; visibility: visible;"><span style="color: rgb(2, 30, 170); visibility: visible;"><strong style="visibility: visible;"><span style="font-size: 12pt; color: rgb(2, 30, 170); font-family: 微软雅黑; visibility: visible;">功道云APP——积分制管理软件</span></strong></span></section>
+			<section style="line-height: 1.75em; margin-bottom: 8px; visibility: visible;"><span style="font-size: 12pt; font-family: 微软雅黑; visibility: visible;">赋能员工，激活组织，即时认可、表彰员工，落地企业文化、塑造无边界组织、让企业轻松有效激励员工，彻底解决企业执行力难题。</span></section>
+			<section style="line-height: 1.75em; visibility: visible;margin-bottom: 24px;"><span style="font-size: 12pt; font-family: 微软雅黑; visibility: visible;">功道云专注于解决企业人效提升公司开发多款产品，包括：</span><strong style="visibility: visible;"><span style="font-family: 微软雅黑; font-size: 12pt; color: rgb(255, 0, 0); visibility: visible;">OKR目标管理，绩效考核，积分制管理，现场管理，TUP分红体系等</span></strong><span style="font-family: 微软雅黑; font-size: 12pt; visibility: visible;"><span style="font-family: 微软雅黑; visibility: visible;">。全部纳入同一个平台，简单易操作，用工具激发员工潜能，帮助企业持续做好绩效管理，让每个员工都能更好地工作。</span><o:p style="visibility: visible;"></o:p></span></section>
+			<p style="visibility: visible;"><span style="color: rgb(2, 30, 170); font-size: 20px; visibility: visible;"><strong style="visibility: visible;"><span style="color: rgb(2, 30, 170); font-family: 微软雅黑; visibility: visible;">什么是现场管理？</span></strong></span><span style="font-family: 微软雅黑; font-size: 12pt; visibility: visible;"><o:p style="visibility: visible;"></o:p></span></p>
+			<p style="visibility: visible;"><span style="font-family: 微软雅黑; font-size: 12pt; visibility: visible;">您在管理中是否遇到这些问题：<o:p style="visibility: visible;"></o:p></span></p>
+			<p style="margin-left: 0pt; visibility: visible;"><span style="font-family: 微软雅黑; font-size: 12pt; visibility: visible;">1、企业执行力差，管理者没有做好监督，现场无人管<o:p style="visibility: visible;"></o:p></span></p>
+			<p style="visibility: visible;"><span style="font-family: 微软雅黑; font-size: 12pt; visibility: visible;">2、现场管理脏乱差，物料随意摆放<o:p style="visibility: visible;"></o:p></span></p>
+			<p style="margin-left: 0pt; visibility: visible;"><span style="font-family: 微软雅黑; font-size: 12pt; visibility: visible;">3、细节做得不到位，未按公司要求执行<o:p style="visibility: visible;"></o:p></span></p>
+			<p style="visibility: visible;"><span style="font-family: 微软雅黑; font-size: 12pt; visibility: visible;">4、标准不清晰，员工执行力差<o:p style="visibility: visible;"></o:p></span></p>
+			<p style=""><span style="font-family:微软雅黑;font-size:12.0000pt;mso-font-kerning:1.0000pt;">5、现场管理监管难，工作量大，数据统计难<o:p></o:p></span></p>
+			<p style=""><span style="font-family:微软雅黑;font-size:12.0000pt;mso-font-kerning:1.0000pt;">6、纸质化的巡查走过场<o:p></o:p></span></p>
+			<p style=""><span style="mso-spacerun:'yes';font-family:微软雅黑;font-size:12.0000pt;mso-font-kerning:1.0000pt;">......<o:p></o:p></span></p>
+			<p style=""><strong><span style="font-family: 微软雅黑;font-size: 12pt;color: rgb(255, 0, 0);">现场管理是解决企业标准化流程的一套管理工具</span></strong><span style="mso-spacerun:'yes';font-family:微软雅黑;font-size:12.0000pt;mso-font-kerning:1.0000pt;">，解决现场无人管，无人负责，发现问题没专人处理等问题，以帮助酒店、餐饮、工厂等企业改善整顿现场环境、服务、安全等问题。<o:p></o:p></span></p>
+			<section style="text-align: center;line-height: 1.5em;margin-bottom: 12px;"><span style="color: rgb(2, 30, 170);font-size: 19px;"><strong><span style="color: rgb(2, 30, 170);font-family: 微软雅黑;">功道云现场管理系统</span></strong></span></section>
+			<p style="text-align: center;line-height: 1.5em;margin-bottom: 16px;"><span style="font-size: 19px;"><span style="color: rgb(2, 30, 170);"><strong><span style="color: rgb(2, 30, 170);font-family: 微软雅黑;">高效提升组织执行力</span></strong></span><strong style="color: rgb(2, 30, 170);font-size: 19px;"><span style="font-family: 微软雅黑;">，只需三步</span></strong></span></p>
+			<section style="margin-bottom: 12px;"><span style="font-family:微软雅黑;font-weight:bold;font-size:12.0000pt;mso-font-kerning:1.0000pt;">一、</span><strong><span style="font-family: 微软雅黑;font-size: 12pt;">制定标准，让每个细节责任到人。检查工作落到实处。</span></strong><strong><span style="font-family: 微软雅黑;font-size: 12pt;"><o:p></o:p></span></strong></section>
+			<p style="text-align: center;"><img src="https://videos.cdn.g107.com/images/1.png"  crossorigin="anonymous" alt="图片"></p>
+			<p style="text-align: center;"><img src="https://videos.cdn.g107.com/images/2.png"  crossorigin="anonymous" alt="图片"></p>
+			<section style="margin-left: 0pt;margin-bottom: 12px;"><span style="font-family:微软雅黑;font-weight:bold;font-size:12.0000pt;mso-font-kerning:1.0000pt;">二、</span><strong><span style="font-family: 微软雅黑;font-size: 12pt;">定期检查、临时检查，对于表现优秀者进行鼓励奖分，对执行不到位者拍照上传临时扣分警告，并发出整改。</span></strong></section>
+			<p style="text-align: center;"><img src="https://videos.cdn.g107.com/images/3.png"  crossorigin="anonymous" alt="图片"></p>
+			<p style="text-align: center;"><img src="https://videos.cdn.g107.com/images/3-2.png"  crossorigin="anonymous" alt="图片"></p>
+			<p style="text-align: center;"><img src="https://videos.cdn.g107.com/images/3-3.png"  crossorigin="anonymous" alt="图片"></p>
+			<p style="margin-left: 0pt;margin-bottom: 12px;"><span style="font-family:微软雅黑;font-weight:bold;font-size:12.0000pt;mso-font-kerning:1.0000pt;">三、</span><strong><span style="font-family: 微软雅黑;font-size: 12pt;">数据实时统计、自动分析，快速发现问题，得以改进。</span></strong></p>
+			<p style="text-align: center;"><img src="https://videos.cdn.g107.com/images/4.png"  crossorigin="anonymous" alt="图片"></p>
+			<p style="text-align: center;"><img src="https://videos.cdn.g107.com/images/4-1.png"  crossorigin="anonymous" alt="图片"></p>
+			<p style="text-align: center;"><span style="font-size: 24px;"><strong>更多功能……</strong></span></p>
+			<p style="text-align: center;"><img src="https://videos.cdn.g107.com/images/xianchang.png"  crossorigin="anonymous" alt="图片"></p>
+			
+		 	<div style="height: 60px;"></div>
+		 	<!-- 二维码 -->
+<!-- 		 	<p style="text-align: center;"><span style="font-size: 19px;">现在就联系申请</span><span style="font-size: 19px;color: rgb(255, 0, 0);">免费体验</span><span style="font-size: 19px;">，预约演示</span></p>
+		 	<p style="text-align: center;"><img class="code" src="https://videos.cdn.g107.com/images/erweima.jpg" crossorigin="anonymous" alt="图片" data-fail="0"></p>
+		 	<p style="text-align: center; margin-bottom: 0px;"><span style="font-size: 19px;"><strong><span style="font-size: 19px;color: rgb(255, 0, 0);">咨询热线：13322611222</span></strong></span></p> -->
+		 </div>
+		 <footer class="footer flex-box">
+			 <a class="flex-box-v flex-center-center fontColorB" href="tel:400-6877-880">
+				 <svg class="icon">
+				   <use xlink:href="#icon-dianhua"></use>
+				 </svg>
+				 <span style="font-size: 0.8rem;">电话</span>
+			 </a>
+			 <div class="flex-1 flex-box-ce flex-center-center zx" style="margin: 0 10px;">
+				 <svg class="icon" aria-hidden="true">
+				   <use xlink:href="#icon-xinxi"></use>
+				 </svg>
+				 <span>在线咨询</span>
+			 </div>
+			 <div class="flex-1 flex-box-ce flex-center-center wx">
+				 <svg class="icon" aria-hidden="true">
+				   <use xlink:href="#icon-weixin"></use>
+				 </svg>
+				 <span>预约演示</span>
+			 </div>
+		 </footer>
+		 <div class="wx-box">
+			 <div class="wx-close">×</div>
+			 <div class="wx-title">添加微信好友，免费1v1预约演示产品</div>
+			 <div class="wx-content">微信号:13322611222</div>
+			 <div class="wx-btn">复制微信号</div>
+		 </div>
+		
+		<!-- 遮蔽层 -->
+		<div class="drawer-mask"></div>
+		
+		<div class="drawer-body">
+		  <div class="sanjiao"></div>
+		  <div class="flex-box-v navs">
+			  <a href="okr.html">OKR目标管理</a>
+			  <a href="performance.html">绩效管理</a>
+			  <a href="point.html">积分制管理</a>
+			  <a href="examine.html">现场巡检</a>
+			  <a href="stock.html">股权激励</a>
+			  <a href="implement.html">上门落地</a>
+		  </div>
+		</div>
+	</div>  
+  </body>
+  <script type="text/javascript" src="../js/init.js"></script>
+    <script src="../js/iconfont.js"></script>
+</html>

html/implement.html

@@ -0,0 +1,466 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="referrer" content="no-referrer">
+	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover">
+    <title>功道云积分制</title>
+	<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
+	<link rel="stylesheet" type="text/css" media="screen" href="../css/index.css">
+	<style type="text/css">
+			.img-box{
+				height: 3rem;
+				width: 3rem;
+				text-align: center;
+				background-color: #409EFE;
+				border-radius: 50%;
+				line-height: 2.2rem;
+			}
+			.img-box img{
+				width: 1.4rem;
+				height: 1.4rem;
+			}
+			.hx-item{
+				width: 48%;
+				box-sizing: border-box;
+				margin-bottom: 16px;
+				font-size: 0.8rem;
+				padding:0.4rem;
+				border: 1px solid #ccc;
+				background-color: #fff;
+				position: relative;
+			}
+			.hx-item::after{
+				content: "";
+				position: absolute;
+				height: 1.6rem;
+				width: 3px;
+				background-color: #409EFE;
+				left: -1px;
+				top: 0.8rem;
+			}
+			.hx-item .blue{
+				font-size: 0.9rem;
+				font-weight: 700;
+				margin: 10px 0;
+			}
+			.jz-item{
+				width: 48%;
+				box-sizing: border-box;
+				margin-bottom: 16px;
+				font-size: 0.8rem;
+			}
+			.jz-item img{
+				width:100%;
+				margin-bottom: 5px;
+				border-radius: 5px;
+			}
+			.wt-item .num{
+				font-weight: 700;
+				font-size: 1rem;
+				color: #409EFF;
+			}
+			.wt-item{
+			    padding:0.4rem 1rem;
+			    border-radius: 40px;
+			    border: 1px solid #ccc;
+			    background-color: #fff;
+			    margin-bottom: 10px;
+			    text-align: left;
+				font-size: 12px;
+				margin-right: 1rem;
+			}
+			.jg-item{
+				background-color: #fff;
+				width: 48%;
+				border-top-right-radius:8px;
+				border-bottom-left-radius:8px;
+				font-size: 0.76rem;
+				height: 40px;
+				margin-bottom: 16px;
+			}
+			.jg-item .num{
+				background-color: #409EFF;
+				color: #fff;
+				font-weight: 700;
+				line-height: 50%;
+				padding: 0 0.3rem;
+				text-align: center;
+				line-height: 40px;
+				border-top-right-radius:8px;
+				border-bottom-left-radius:8px;
+			}
+			.jg-item .text{
+				padding: 0.2rem 0.4rem;
+				line-height: 34px;
+				font-size: 0.8rem;
+			}
+			.title{
+				margin-bottom: 20px;
+			}
+			.item3{
+				font-size: 0.9rem;
+			}
+			.item3 span{
+				background-color: #409eff;
+				border-radius: 3px;
+				color: #fff !important;
+				padding: 0 6px;
+				margin-right: 6px;
+				height: 23px;
+				line-height: 23px;
+				display: block;
+				width: 4rem;
+				text-align: center;
+			}
+			.item3 .fontColorB{
+				margin-bottom: 8px;
+			}
+			.item3 .flex-1{
+				padding-top: 3px;
+			}
+			.img{
+				width: 100%;
+			}
+			.shi-s{
+				text-align: left;
+			}
+			.shi-s .flex-box{
+				margin-bottom: 6px;
+				font-size: 0.8rem;
+			}
+			.shi-s span{
+				font-weight: 600;
+				font-size: 1rem;
+				margin-right: 16px;
+			}
+			.shi-s img{
+				width: 18px;
+				height: 16px;
+				margin-right: 10px;
+				position: relative;
+				top: 2px;
+			}
+			.dc-item{
+				background-color: #fff;
+				width: 48%;
+				margin-bottom: 12px;
+				position: relative;
+				text-align: center;
+				border: 1px solid #ccc;
+				padding: 0 10px;
+				box-sizing: border-box;
+				font-size: 0.8rem;
+				padding-bottom: 10px;
+			}
+			.dc-item img{
+				width: 40px;
+				height: 40px;
+				margin-top: 20px;
+				margin-bottom: 10px;
+			}
+			.dc-item .fontColorB{
+				line-height: 24px;
+			}
+			.dc-item-title{
+				color: #409EFE;
+				font-size: 1rem;
+				font-weight: 700;
+				margin-bottom: 10px;
+			}
+			.dc-bz{
+				background-color: #409EFF;
+				color: #fff;
+				font-size: 0.6rem;
+				position: absolute;
+				left: 0;
+				top: 0;
+				width: 40px;
+				height: 40px;
+				background: linear-gradient(135deg, #409EFE, #409EFE 50%, transparent 50%, transparent 100%);
+				text-align: left;
+			}
+		</style>
+  </head>
+    <body>
+	  <div class="app">
+		  <div class="header flex-box">
+		      <a href="okr.html"><img  src="../images/stock/logo.png" alt="头部"></a>
+			  <div style="border-left: 1px solid #f1f1f1;font-size: 0.9rem;padding-left: 10px;padding-top: 5px;">
+				  <div>股权代码</div>
+				  <div style="color: #C4092C;">891286</div>
+			  </div>
+			  <div class="flex-1"></div>
+			  <a class="menu-button"></a>
+		  </div>
+		  <div>
+		  	<img src="../images/implement/gbanner2.png" alt="" srcset=""  style="width: 100%;"/>
+		  </div>
+		  <div class="content">
+		  	<h3 style="text-align: center;margin-bottom: 32px;font-size: 28px;">企业是否存在以下问题？</h3>
+		  	<div>
+		  		<div class="flex-box-ce wt-item" >
+		  			<div class="num">01</div>
+		  			<div class="text" style="padding-left: 1rem;">员工难管理，高管执行力弱，遇事相互推诿</div>
+		  		</div>
+		  		<div class="flex-box-ce wt-item" style="margin-left: 1rem;margin-right: 0;">
+		  			<div class="text flex-1" style="padding-right: 1rem;">有能力的人私事多，不好管理</div>
+		  			<div class="num">02</div>
+		  		</div>
+		  		<div class="flex-box-ce wt-item">
+		  			<div class="num">03</div>
+		  			<div class="text" style="padding-left: 1rem;">员工工作积极性不高，爱拖延、找借口，责任心不强工作效率低</div>
+		  		</div>
+		  		<div class="flex-box-ce wt-item" style="margin-left: 1rem;margin-right: 0;">
+		  			<div class="text" style="padding-right: 1rem;">员工做一点事就认为自己付出多，爱邀功、斤斤计较</div>
+		  			<div class="num">04</div>
+		  		</div>
+		  		<div class="flex-box-ce wt-item">
+		  			<div class="num">05</div>
+		  			<div class="text" style="padding-left: 1rem;">核心员工离职率高，企业留不住优秀员工</div>
+		  		</div>
+		  	</div>
+		  	<div style="background-color: #66BEFE;margin: 0 -20px;padding: 20px;">
+		  		<h4 style="text-align: center;color: #fff;margin-bottom: 20px;">落地咨询项目</h4>
+		  		<div class="flex-box flex-d-wrap flex-d-center">
+		  			<div class="flex-box jg-item">
+		  				<div class="num">01</div>
+		  				<div class="text">绩效考核</div>
+		  			</div>
+		  			<div class="flex-box jg-item">
+		  				<div class="num">02</div>
+		  				<div class="text">薪酬设计</div>
+		  			</div>
+		  			<div class="flex-box jg-item">
+		  				<div class="num">03</div>
+		  				<div class="text">积分制管理</div>
+		  			</div>
+		  			<div class="flex-box jg-item">
+		  				<div class="num">04</div>
+		  				<div class="text">股权激励</div>
+		  			</div>
+		  			<div class="flex-box jg-item">
+		  				<div class="num">05</div>
+		  				<div class="text">现场管理</div>
+		  			</div>
+		  			<div class="flex-box jg-item">
+		  				<div class="num">06</div>
+		  				<div class="text">晋升/分配/留人机制</div>
+		  			</div>
+		  		</div>
+		  	</div>
+		  	<div style="padding: 20px 0;">
+		  		<h3 class="title">服务方式</h3>
+		  		<div class="item3">
+		  			<div class="fontColorB flex-box"><span>项目团队</span><div class="flex-1"> 咨询方:主导咨询师1人，助理咨询师1-2人</div></div> 
+		  			<div class="fontColorB flex-box"><span>企业方</span><div class="flex-1"> 主要负责人1人，项目委员会成员3-5人</div></div> 
+		  			<div class="fontColorB flex-box"><span>入驻企业</span><div class="flex-1"> 和企业方负责人，核心高管团队一起梳理探讨问题、量身定制方案</div></div> 
+		  			<div class="fontColorB flex-box"><span>教练式辅导</span><div class="flex-1"> 调研+讨论+实践+宣导+辅导+落地+工具+培训</div></div> 
+		  			<div class="fontColorB flex-box"><span>服务时间</span><div class="flex-1"> 间断性服务2-3个月，累计6-30个工作日</div></div> 
+					<div class="fontColorB flex-box"><span>跟踪服务</span><div class="flex-1"> 项目结案后3年持续跟踪服务</div></div> 
+		  		</div>
+		  		<img class="img" src="../images/implement/img4.png"  alt="图片">
+		  	</div>
+		  	<div>
+		  		<h3 class="title" style="text-align: center;margin-top: 30px;">我们能为您做什么</h3>
+		  		<div class="flex-box flex-d-wrap flex-d-center">
+		  			<div class="dc-item">
+		  				<img  src="../images/implement/icon1.png" />	
+		  				<div class="dc-item-title">目标管理</div>
+		  				<div class="fontColorB">
+							目标制定<br/>
+							软件导入<br/>
+							目标执行<br/>
+							目标评分<br/>
+							总结复盘
+						</div>
+		  			</div>
+		  			<div class="dc-item">
+		  				<img  src="../images/implement/icon2.png" />	
+		  				<div class="dc-item-title">绩效管理</div>
+		  				<div class="fontColorB">
+							战略解码<br/>
+							过程跟踪<br/>
+							绩效评估<br/>
+							绩效改进<br/>
+							绩效应用<br/>
+							晋升通道<br/>
+							软件导入
+		  				</div>
+		  			</div>
+		  			<div class="dc-item">
+		  				<img  src="../images/implement/icon3.png" />	
+		  				<div class="dc-item-title">积分制管理</div>
+		  				<div class="fontColorB">
+							原理培训<br/>
+							规则制定<br/>
+							软件导入<br/>
+							执行推进<br/>
+							分配机制<br/>
+							快乐会议
+						</div>
+		  			</div>
+		  			<div class="dc-item">
+		  				<img  src="../images/implement/icon4.png" />	
+		  				<div class="dc-item-title">薪酬设计</div>
+		  				<div class="fontColorB">
+							薪酬规划<br/>
+							SRG薪酬设计<br/>
+							绩效工资设计<br/>
+							提成设计<br/>
+							奖金设计<br/>
+							TUP奖励设计
+						</div>
+		  			</div>
+					<div class="dc-item">
+						<img  src="../images/implement/icon5.png" />	
+						<div class="dc-item-title">企业文化</div>
+						<div class="fontColorB">
+							企业顶层设计<br/>
+							使命，愿景<br/>
+							价值观提炼<br/>
+							文化考核设计<br/>
+							文化宣传设计<br/>
+							文化绩效应用
+						</div>
+					</div>
+					<div class="dc-item">
+						<img  src="../images/implement/icon6.png" />	
+						<div class="dc-item-title">股权设计</div>
+						<div class="fontColorB">
+							顶层架构设计<br/>
+							持股平台设计<br/>
+							合伙人方案<br/>
+							员工入股设计<br/>
+							进入退出机制
+						</div>
+					</div>
+		  		</div>
+		  	</div>
+			<div style="margin-top: 20px;">
+				<a  href="tel:400-6877-880" style="display: block;text-align: center;color: #fff;background-color: rgb(228, 0, 17);border-radius: 5px;font-size: 1rem;padding: 8px;width: 80%;margin: 0 auto;">咨询热线：400-6877-880</a>
+			</div>
+		  	<div>
+		  		<h3 class="title" style="text-align: center;margin-top: 30px;">13年历程，3000多家落地客户见证!</h3>
+		  		<div style="text-align: center;font-size: 0.8rem;" class="blue">
+		  			服务1家客户，需上门1对1实施2个月，辅导服务三年!<br/>
+		  			全程1对1深耕客户需求13年，落地3000多家案例，客户遍布数百个细分行业
+		  		</div>
+		  		<div style="margin-top: 20px;">
+		  			<div class="flex-box flex-d-wrap flex-d-center">
+		  				<div class="flex-box-v jz-item">
+		  					<img src="../images/implement/1.png"/>
+		  					<div>今日头条餐饮</div>
+		  				</div>
+		  				<div class="flex-box-v jz-item">
+		  					<img src="../images/implement/2.png"/>
+		  					<div>阳宗易集团</div>
+		  				</div>
+		  				<div class="flex-box-v jz-item">
+		  					<img src="../images/implement/3.png"/>
+		  					<div>云南司法鉴定</div>
+		  				</div>
+		  				<div class="flex-box-v jz-item">
+		  					<img src="../images/implement/4.png"/>
+		  					<div>艾菲斯医院管理</div>
+		  				</div>
+		  				<div class="flex-box-v jz-item">
+		  					<img src="../images/implement/5.png"/>
+		  					<div>海外建设惠州第一分公司</div>
+		  				</div>
+		  				<div class="flex-box-v jz-item">
+		  					<img src="../images/implement/6.png"/>
+		  					<div>壹号渔仓</div>
+		  				</div>
+		  				<div class="flex-box-v jz-item">
+		  					<img src="../images/implement/7.png"/>
+		  					<div>启美电子</div>
+		  				</div>
+		  				<div class="flex-box-v jz-item">
+		  					<img src="../images/implement/8.png"/>
+		  					<div>江西AA农商银行</div>
+		  				</div>
+						<div class="flex-box-v jz-item">
+							<img src="../images/implement/9.png"/>
+							<div>君奥连接器</div>
+						</div>
+						<div class="flex-box-v jz-item">
+							<img src="../images/implement/10.png"/>
+							<div>创爱鑫塑料制品</div>
+						</div>
+						<div class="flex-box-v jz-item">
+							<img src="../images/implement/11.png"/>
+							<div>三之信自动化设备</div>
+						</div>
+						<div class="flex-box-v jz-item">
+							<img src="../images/implement/12.png"/>
+							<div>龙鑫消防</div>
+						</div>
+		  			</div>
+		  		</div>
+		  	</div>
+			<div>
+				<img src="../images/implement/img5.png" alt="" srcset=""  style="width: 100%;"/>
+			</div>
+			<div>
+				<h3 class="title" style="text-align: center;margin-top: 30px;">管理咨询落地规划</h3>
+				<div class="fontColorC" style="font-size: 0.8rem;text-align: center;margin-bottom: 10px;">点击查看大图</div>
+				<img src="../images/implement/img6.png" alt="" srcset=""  style="width: 100%;"/>
+			</div>
+			
+			<div style="margin-top: 20px;">
+				<a  href="tel:400-6877-880" style="display: block;text-align: center;color: #fff;background-color: rgb(228, 0, 17);border-radius: 5px;font-size: 1rem;padding: 8px;width: 94%;margin: 0 auto;">
+					每家企业落地流程不一样，以上仅做参考<br/>
+					如有需要请咨询: 400-6877-880
+				</a>
+			</div>
+		  </div>
+		  <div style="height: 60px;"></div>
+		  
+		 <footer class="footer flex-box">
+			 <a class="flex-box-v flex-center-center fontColorB" href="tel:400-6877-880">
+				 <svg class="icon">
+				   <use xlink:href="#icon-dianhua"></use>
+				 </svg>
+				 <span style="font-size: 0.8rem;">电话</span>
+			 </a>
+			 <div class="flex-1 flex-box-ce flex-center-center zx" style="margin: 0 10px;">
+				 <svg class="icon" aria-hidden="true">
+				   <use xlink:href="#icon-xinxi"></use>
+				 </svg>
+				 <span>在线咨询</span>
+			 </div>
+			 <div class="flex-1 flex-box-ce flex-center-center wx">
+				 <svg class="icon" aria-hidden="true">
+				   <use xlink:href="#icon-weixin"></use>
+				 </svg>
+				 <span>预约演示</span>
+			 </div>
+		 </footer>
+		 <div class="wx-box">
+			 <div class="wx-close">×</div>
+			 <div class="wx-title">添加微信好友，免费1v1预约演示产品</div>
+			 <div class="wx-content">微信号:13322611222</div>
+			 <div class="wx-btn">复制微信号</div>
+		 </div>
+		  
+		  <!-- 遮蔽层 -->
+		  <div class="drawer-mask"></div>
+		  
+		  <div class="drawer-body">
+			  <div class="sanjiao"></div>
+			  <div class="flex-box-v navs">
+				  <a href="okr.html">OKR目标管理</a>
+				  <a href="performance.html">绩效管理</a>
+				  <a href="point.html">积分制管理</a>
+				  <a href="examine.html">现场巡检</a>
+				  <a href="stock.html">股权激励</a>
+				  <a href="implement.html">上门落地</a>
+			  </div>
+		  </div>
+	  </div>
+    </body>
+	<script type="text/javascript" src="../js/init.js"></script>
+	  <script src="../js/iconfont.js"></script>
+</html>

html/okr.html

@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="referrer" content="no-referrer">
+	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover">
+    <title>功道云积分制</title>
+	<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
+	<link rel="stylesheet" type="text/css" media="screen" href="../css/index.css">
+  </head>
+  <style type="text/css">
+	   .shadow-p{
+		   text-align: center;
+		   padding: 0px 0.5em;
+		   margin-bottom: 24px;
+	   }
+	   .shadow-p img{
+			box-shadow: rgb(210, 210, 210) 0em 0em 0.5em 0px;
+	   }
+  </style>
+  <body>
+	 <div class="app">
+		 <div class="header flex-box">
+		    <a href="okr.html"><img  src="../images/stock/logo.png" alt="头部"></a>
+			<div style="border-left: 1px solid #f1f1f1;font-size: 0.9rem;padding-left: 10px;padding-top: 5px;">
+			  <div>股权代码</div>
+			  <div style="color: #C4092C;">891286</div>
+			</div>
+		 	<div class="flex-1"></div>
+		    <a class="menu-button"></a>
+		 </div>
+		 <div class="content">
+		 	<h3 style="text-align: center;margin-bottom: 32px;font-size: 28px;">OKR目标管理软件</h3>
+		 	<video controls poster="https://videos.cdn.g107.com/images/640-05.jpg">
+		 	    <source src="https://videos.cdn.g107.com/Video/liaojie.mp4" type="video/mp4">         
+		 		您的浏览器不支持Video标签。
+		 	</video>
+		 	<section style="margin-bottom: 16px; visibility: visible;"><strong style="visibility: visible;"><span style="color: rgb(2, 30, 170); font-size: 20px; visibility: visible;">用功道云APP-OKR目标管理，一站式目标管理专家，助力企业业绩倍增</span></strong><span style="color: rgb(2, 30, 170); font-size: 20px; visibility: visible;"></span></section>
+		 	<section style="margin-bottom: 16px; visibility: visible;"><span style="font-size: 19px; visibility: visible;"><strong style="visibility: visible;"><span style="font-size: 19px; color: rgb(255, 0, 0); visibility: visible;">OKRs-E与持续绩效管理：</span></strong></span></section>
+		 	<p style="margin-bottom: 16px; line-height: 1.75em; visibility: visible;">功道云专注于提升企业人效，公司开发多款产品，包括：<strong style="visibility: visible;"><span style="color: rgb(255, 0, 0); visibility: visible;">OKR目标管理，绩效考核，积分制管理，现场管理，TUP分红体系等</span></strong>，全部纳入同一个平台，简单易操作，用工具激发员工潜能，帮助企业持续做好绩效管理，让每个员工都能更好地工作。</p>
+		 	<p style="margin-bottom: 16px; line-height: 1.75em; visibility: visible;"><span style="font-size: 24px; color: rgb(2, 30, 170); visibility: visible;"><strong style="visibility: visible;">什么是OKR？</strong></span></p>
+		 	<p style="text-align: center;"><img src="https://videos.cdn.g107.com/images/659.png"  crossorigin="anonymous" alt="图片"></p>
+		 	<p style="text-align: center;"><img src="https://videos.cdn.g107.com/images/660.png"  crossorigin="anonymous" alt="图片"></p>
+		 	<section style="line-height: 1.5em;margin-top: 16px;margin-bottom: 24px;"><strong style="font-size: 20px;"><span style="color: rgb(255, 0, 0);">人人都带发动机，人人都是火车头</span></strong></section>
+		 	<section style="margin-bottom: 8px;"><span style="color: rgb(2, 30, 170);"><strong>公司：</strong></span>明确战略方向，改善组织文化，管理效率最大化。</section>
+		 	<section style="margin-bottom: 8px;"><span style="color: rgb(2, 30, 170);"><strong>部门：</strong></span>目标上下对齐，过程结果管控，更有效的复盘。</section>
+		 	<p style="margin-bottom: 24px;"><span style="color: rgb(2, 30, 170);"><strong>员工：</strong></span>聚焦组织目标，持续协同反馈，自我正向驱动。</p>
+		 	<section style="line-height: 1.5em;margin-top: 16px;margin-bottom: 8px;"><strong style="font-size: 20px;"><span style="color: rgb(255, 0, 0);">什么样的企业适合用OKR？</span></strong></section>
+		 	<p>科技创新型企业、技术研发型企业、电商运营类企业以及其他对目标不确定性因素较大的企业</p>
+		 	<p style="line-height: 1.5em;margin-top: 16px;margin-bottom: 8px;"><strong style="font-size: 20px;"><span style="color: rgb(255, 0, 0);">什么样的部门适合用OKR？</span></strong></p>
+		 	<p>技术部、研发部、设计部、CEO、运营部、管理者等</p>
+		 	<p style="line-height: 1.5em;margin-top: 16px;margin-bottom: 8px;"><strong style="font-size: 20px;"><span style="color: rgb(255, 0, 0);">什么样的人适合用OKR？</span></strong></p>
+		 	<p>知识型人才、创新型人才、研发型人才、技术类人才等</p>
+		 	<p style="text-align: center;"><img src="https://videos.cdn.g107.com/images/661.png"  crossorigin="anonymous" alt="图片"></p>
+		 	<p style="text-align: center;"><span style="font-size: 18px;">现在就联系申请免费体验，预约演示吧</span></p>
+		 	<p style="text-align: center;"><span style="font-size: 19px;"><strong><span style="font-size: 19px;color: rgb(255, 0, 0);">咨询热线：13322611222</span></strong></span></p>
+		 	<p style="text-align: center;"><strong><span style="font-size: 24px;color: rgb(2, 30, 170);">简单高效三步落地OKR</span></strong></p>
+		 	<p style="text-align: center;margin-bottom: 16px;"><strong><span style="font-size: 20px;">第一部分：制定OKR</span></strong><span style="font-size: 20px;"></span><br></p>
+		 	<section style="margin-bottom: 8px;"><span style="text-align: left;">OKR包括</span><span style="text-align: left;color: rgb(255, 0, 0);">&nbsp;O（目标）</span><span style="text-align: left;">和&nbsp;</span><span style="text-align: left;color: rgb(255, 0, 0);">KR（关键结果）</span><span style="text-align: left;">两个部分。</span></section>
+		 	<section style="margin-bottom: 8px;"><span style="color: rgb(255, 0, 0);"><span data-type="text" style="text-align: left;font-weight: bold;">O（目标）</span><span data-type="text" style="text-align: left;">：</span></span><span data-type="text" style="text-align: left;">通常是组织希望在近期实现的、有激励性的目标。</span></section>
+		 	<section style="margin-bottom: 24px;"><span style="color: rgb(255, 0, 0);"><span data-type="text" style="text-align: left;font-weight: bold;">KR（关键结果</span><span data-type="text" style="text-align: left;">）：</span></span><span data-type="text" style="text-align: left;">是实现目标的关键路径，通过量化的 KR，我们可以判断目标是否达成。</span></section>
+		 	<p style="text-align: center;" class="shadow-p"><img src="https://videos.cdn.g107.com/images/662.png"  crossorigin="anonymous" alt="图片"></p>
+		 	<p style="text-align: center;" class="shadow-p"><img src="https://videos.cdn.g107.com/images/663.png"  crossorigin="anonymous" alt="图片"></p>
+		 	<section style="text-align: center;margin-bottom: 16px;"><strong><span style="font-size: 20px;">第二部分：执行OKR</span></strong></section>
+		 	<section style="margin-bottom: 8px;line-height: 1.6em;"><span data-type="text" style="text-align: left;">聚焦目标、关注过程管理，让团队真正协同起来，是OKR管理的亮点之一。在制定完OKR后，需要在接下来的目标执行过程中，</span><span style="text-align: left;color: rgb(255, 0, 0);">用好功道云OKR做过程管理，及时更新进度与信心指数，才能真正发挥OKR的价值</span><span data-type="text" style="text-align: left;">。</span><br></section>
+		 	<section style="margin-bottom: 8px;"><strong>具体操作：</strong></section>
+		 	<p><span style="text-align: left;">在【我的目标】模块点击KR右侧的进度圆圈按钮，在窗口中填写当前完成度及进展说明，进行</span><span style="text-align: left;">更新。也可以</span><span style="text-align: left;">设置KR完成度自动更新</span><br></p>
+		 	<p style="text-align: center;" class="shadow-p"><img src="https://videos.cdn.g107.com/images/664.png"  crossorigin="anonymous" alt="图片"></p>
+		 	<p style="text-align: center;" class="shadow-p"><img src="https://videos.cdn.g107.com/images/665.png"  crossorigin="anonymous" alt="图片"></p>
+		 	<section style="line-height: 1.6em;margin-bottom: 16px;"><span style="text-align: left;">点击OKR进入目标详情界面，即可看到与OKR目标相关的每一次更新操作；OKR目标下面的计划进展沟通，并@相关人员，大大提升协作效率</span></section>
+		 	<p style="text-align: center;" class="shadow-p"><img src="https://videos.cdn.g107.com/images/666.png"  crossorigin="anonymous" alt="图片"></p>
+		 	<section style="text-align: center;margin-bottom: 16px;"><strong><span style="font-size: 20px;">第三部分：计划与复盘OKR</span></strong><span style="text-align: justify;"></span></section>
+		 	<p style="margin-bottom: 16px;white-space: normal;text-align: left;line-height: 1.6em;">
+		 		<span style="font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;">
+		 			计划是目标管理中强调的用具体的可执行的动作将战略规划转化为实际成果。
+		 		</span>
+		 		<span style="font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;color: rgb(255, 0, 0);">
+		 			计划可以是日常工作任务
+		 		</span>
+		 		<span style="font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;">
+		 			，也可以是
+		 		</span>
+		 		<span style="font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;color: rgb(255, 0, 0);">
+		 			长期的部门协同项目
+		 		</span>
+		 		<span style="font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;">
+		 			，可以在目标下创建任务计划，也可以关联已创建好的任务计划。
+		 		</span>
+		 	</p>
+		 	<section style="margin-bottom: 0px;white-space: normal;text-align: left;line-height: 1.6em;"><span style="font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;"><strong>具体操作：</strong></span></section>
+		 	<section style="white-space: normal;text-align: left;line-height: 1.6em;margin-bottom: 24px;"><span style="font-family: &quot;Helvetica Neue&quot;, Helvetica, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif;">在【工作计划】下面找到计划表，添加任务创建新的任务</span></section>
+		 	<p style="text-align: center;" class="shadow-p"><img src="https://videos.cdn.g107.com/images/667.png"  crossorigin="anonymous" alt="图片"></p>
+		 	<p style="text-align: left;"><span style="font-size: 17px;">定期的复盘有助于团队及时发现OKR实施过程中的问题，并确保团队成员始终聚焦重要目标。</span></p>
+		 	<p style="text-align: left;margin-bottom: 24px;"><span style="font-size: 17px;">周复盘会议是最常见的复盘形式，功道云OKR的</span><strong><span style="font-size: 17px;color: rgb(255, 0, 0);">【工作计划】</span></strong><span style="font-size: 17px;">模块，分为</span><span style="font-size: 17px;color: rgb(255, 0, 0);">「本周计划」、「OKR进度」、「未来四周计划」、「当前进展」</span><span style="font-size: 17px;">四大象限，帮助团队在每周会议中进行展示汇报，更直观清晰地复盘当前工作的进展情况，助力OKR更好地达成。</span></p>
+		 	<p style="text-align: center;" class="shadow-p"><img src="https://videos.cdn.g107.com/images/668.png"  crossorigin="anonymous" alt="图片"></p>
+		 	<section style="text-align: center;padding: 0px 0.5em;margin-bottom: 24px;"><strong><span style="font-size: 28px;">更多功能……</span></strong><br></section>
+		 	<p style="text-align: center;"><img src="https://videos.cdn.g107.com/images/OKR.png"  crossorigin="anonymous" alt="图片"></p>
+		 	
+		 	<div style="height: 60px;"></div>
+		 	<!-- 二维码 -->
+<!-- 		 	<p style="text-align: center;"><span style="font-size: 19px;">现在就联系申请</span><span style="font-size: 19px;color: rgb(255, 0, 0);">免费体验</span><span style="font-size: 19px;">，预约演示</span></p>
+		 	<p style="text-align: center;"><img class="code" src="https://videos.cdn.g107.com/images/erweima.jpg" crossorigin="anonymous" alt="图片" data-fail="0"></p>
+		 	<p style="text-align: center; margin-bottom: 0px;"><span style="font-size: 19px;"><strong><span style="font-size: 19px;color: rgb(255, 0, 0);">咨询热线：13322611222</span></strong></span></p> -->
+		 </div>
+		 <footer class="footer flex-box">
+			 <a class="flex-box-v flex-center-center fontColorB" href="tel:400-6877-880">
+				 <svg class="icon">
+				   <use xlink:href="#icon-dianhua"></use>
+				 </svg>
+				 <span style="font-size: 0.8rem;">电话</span>
+			 </a>
+			 <div class="flex-1 flex-box-ce flex-center-center zx" style="margin: 0 10px;">
+				 <svg class="icon" aria-hidden="true">
+				   <use xlink:href="#icon-xinxi"></use>
+				 </svg>
+				 <span>在线咨询</span>
+			 </div>
+			 <div class="flex-1 flex-box-ce flex-center-center wx">
+				 <svg class="icon" aria-hidden="true">
+				   <use xlink:href="#icon-weixin"></use>
+				 </svg>
+				 <span>预约演示</span>
+			 </div>
+		 </footer>
+		 <div class="wx-box">
+			 <div class="wx-close">×</div>
+			 <div class="wx-title">添加微信好友，免费1v1预约演示产品</div>
+			 <div class="wx-content">微信号:13322611222</div>
+			 <div class="wx-btn">复制微信号</div>
+		 </div>
+		 
+		 
+		 <!-- 遮蔽层 -->
+		 <div class="drawer-mask"></div>
+		 
+		 <div class="drawer-body">
+			 <div class="sanjiao"></div>
+			  <div class="flex-box-v navs">
+				  <a class="blue" href="okr.html">OKR目标管理</a>
+				  <a href="performance.html">绩效管理</a>
+				  <a href="point.html">积分制管理</a>
+				  <a href="examine.html">现场巡检</a>
+				  <a href="stock.html">股权激励</a>
+				  <a href="implement.html">上门落地</a>
+			  </div>
+		 </div>
+	 </div> 
+  </body>
+  <script type="text/javascript" src="../js/init.js"></script>
+  <script src="../js/iconfont.js"></script>
+</html>

html/performance.html

@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="referrer" content="no-referrer">
+	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover">
+    <title>功道云积分制</title>
+	<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
+	<link rel="stylesheet" type="text/css" media="screen" href="../css/index.css">
+  </head>
+  <body>
+	<div class="app">
+	  <div class="header flex-box">
+		  <a href="okr.html"><img  src="../images/stock/logo.png" alt="头部"></a>
+		  <div style="border-left: 1px solid #f1f1f1;font-size: 0.9rem;padding-left: 10px;padding-top: 5px;">
+			  <div>股权代码</div>
+			  <div style="color: #C4092C;">891286</div>
+		  </div>
+		  <div class="flex-1"></div>
+		  <a class="menu-button"></a>
+	  </div>  
+    <div class="content">
+		<h3 style="text-align: center;margin-bottom: 32px;font-size: 28px;">绩效管理软件</h3>
+		<video controls poster="https://videos.cdn.g107.com/images/640-04.jpg">
+		    <source src="https://videos.cdn.g107.com/Video/g107net/video/shenmeshijixiao.mp4" type="video/mp4">         
+			您的浏览器不支持Video标签。
+		</video>
+		<section style="white-space: normal; text-align: left; line-height: 2em; visibility: visible;"><span style="color: rgb(2, 30, 170); font-size: 20px; visibility: visible;"><strong style="visibility: visible;">功道云APP——绩效考核软件</strong></span></section>
+		<section style="white-space: normal; text-align: left; line-height: 2em; visibility: visible;"><span style="color: rgb(255, 0, 0); visibility: visible;">让老板放心，HR安心，员工省心</span>&nbsp;</section>
+		<section style="white-space: normal; line-height: 2em; visibility: visible;"><span style="color: rgb(2, 30, 170); visibility: visible;"><strong style="visibility: visible;">老板</strong><strong style="visibility: visible;">：</strong></span>目标达成，提升人效，培养人才，不再担心绩效考核落地难</section>
+		<section style="white-space: normal; line-height: 2em; visibility: visible;"><span style="color: rgb(2, 30, 170); visibility: visible;"><strong style="visibility: visible;">员工：</strong></span>目标明确，成长轨迹更清晰，多劳多得，企业和员工的价值双赢</section>
+		<section style="white-space: normal; line-height: 2em; visibility: visible;margin-bottom: 24px;"><span style="color: rgb(2, 30, 170); visibility: visible;"><strong style="visibility: visible;">HR：</strong></span>效率提升90%以上，不再为绩效考核收资料难，监督打分执行难。</section>
+		<p style="text-align: center; visibility: visible;"><span style="font-size: 24px; visibility: visible;"><strong style="visibility: visible;">简单高效三步落地绩效考核</strong></span></p>
+		<p style="visibility: visible;"><span style="color: rgb(2, 30, 170); font-size: 18px; visibility: visible;"><strong style="visibility: visible;">第一步：</strong><strong style="visibility: visible;">岗位考核指标制定：</strong></span><span style="color: rgb(255, 0, 0); visibility: visible;">通过软件</span>导入考核指标，设计考核流程，批量确认发起考核并开始执行。</p>
+		<p style="text-align: center;"><img src="../images/performance/img-1.77c51d3b.png"   alt="图片"></p>
+		<p style="text-align: center;"><img src="https://videos.cdn.g107.com/images/652.png"  crossorigin="anonymous" alt="图片"></p>
+		<p style="text-align: center;"><img src="https://videos.cdn.g107.com/images/653.png"  crossorigin="anonymous" alt="图片"></p>
+		<p><span style="color: rgb(2, 30, 170);font-size: 18px;"><strong>第二步：</strong></span><span style="color: rgb(2, 30, 170);font-size: 18px;"><strong>考核实施：</strong></span>管理者监督执行并做好过程管控，实时更新结果，制定关键举措，多方在线协作，以达成关键指标</p>
+		<p style="text-align: center;"><img src="../images/performance/img-2.79e2f4c1.png"   alt="图片"></p>
+		<p style="text-align: center;"><img src="https://videos.cdn.g107.com/images/654.png"  crossorigin="anonymous" alt="图片"></p>
+		<p><span style="color: rgb(2, 30, 170);font-size: 18px;"><strong>第三步：</strong></span><span style="color: rgb(2, 30, 170);font-size: 18px;"><strong>绩效评估：</strong></span>自动智能算分，个性等级分布，在线结果排名，可设置管理者通过过程管控打分，让评分有依据<span style="font-family: 宋体;font-size: 10.5pt;"></span></p>
+		<p style="text-align: center;"><img src="../images/performance/img-3.5e106a0d.png"   alt="图片"></p>
+		<p style="text-align: center;"><img src="https://videos.cdn.g107.com/images/655.png"  crossorigin="anonymous" alt="图片"></p>
+		<p style="text-align: center;"><img src="../images/performance/img-5.77946b81.png"  alt="图片"></p>
+		<p style="text-align: center;"><img src="https://videos.cdn.g107.com/images/656.png"  crossorigin="anonymous" alt="图片"></p>
+		<!--  -->
+		<p style="white-space: normal;text-align: center;line-height: 1.75em;margin-bottom: 16px;"><span style="color: rgb(2, 30, 170);font-size: 20px;"><strong>有过程，有反馈，绩效快速提升</strong></span></p>
+		<p style="white-space: normal;text-align: center;line-height: 1.6em;margin-bottom: 16px;"><span style="font-size: 20px;"><strong>自定义流程设计</strong></span></p>
+		<p style="white-space: normal;text-align: center;line-height: 1.6em;margin-bottom: 16px;">满足不同企业不同岗位的考核需求</p>
+		<p style="text-align: center;"><img src="https://videos.cdn.g107.com/images/657.png"  crossorigin="anonymous" alt="图片"></p>
+		<p style="white-space: normal;text-align: center;line-height: 1.6em;margin-bottom: 16px;"><span style="font-size: 20px;"><strong>看得见的过程管理</strong></span><br></p>
+		<p style="text-align: center;padding: 0px 0.5em;line-height: 1.6em;margin-bottom: 16px;">让管理变成习惯，提升管理者能力</p>
+		<p style="text-align: center;"><img src="https://videos.cdn.g107.com/images/658.png"  crossorigin="anonymous" alt="图片"></p>
+		<video controls poster="https://videos.cdn.g107.com/images/fengmian.jpg">
+		    <source src="https://videos.cdn.g107.com/Video/chakanjixiaoshuju.mp4" type="video/mp4">         
+			您的浏览器不支持Video标签。
+		</video>
+		<p style="text-align: center;"><span style="color: rgb(255, 76, 65);font-size: 20px;"><strong>搭建专业流程，考核就要考出结果</strong></span></p>
+		<p style="white-space: normal;text-align: center;line-height: 1.6em;"><strong><span style="font-size: 19px;">现在就联系申请免费体验，预约演示</span></strong></p>
+		<p style="text-align: center;"><span style="color: rgb(255, 0, 0);font-size: 19px;"><strong>咨询热线：13322611222</strong></span></p>
+		<p style="text-align: center;padding: 0px 0.5em;"><strong><span style="font-size: 24px;">更多功能……</span></strong></p>
+		<p style="text-align: center;"><img src="https://videos.cdn.g107.com/images/jixiao.png"  crossorigin="anonymous" alt="图片"></p>
+		
+		
+		
+		
+		
+		
+		 	<div style="height: 60px;"></div>
+		 	<!-- 二维码 -->
+<!-- 		 	<p style="text-align: center;"><span style="font-size: 19px;">现在就联系申请</span><span style="font-size: 19px;color: rgb(255, 0, 0);">免费体验</span><span style="font-size: 19px;">，预约演示</span></p>
+		 	<p style="text-align: center;"><img class="code" src="https://videos.cdn.g107.com/images/erweima.jpg" crossorigin="anonymous" alt="图片" data-fail="0"></p>
+		 	<p style="text-align: center; margin-bottom: 0px;"><span style="font-size: 19px;"><strong><span style="font-size: 19px;color: rgb(255, 0, 0);">咨询热线：13322611222</span></strong></span></p> -->
+		 </div>
+		 <footer class="footer flex-box">
+			 <a class="flex-box-v flex-center-center fontColorB" href="tel:400-6877-880">
+				 <svg class="icon">
+				   <use xlink:href="#icon-dianhua"></use>
+				 </svg>
+				 <span style="font-size: 0.8rem;">电话</span>
+			 </a>
+			 <div class="flex-1 flex-box-ce flex-center-center zx" style="margin: 0 10px;">
+				 <svg class="icon" aria-hidden="true">
+				   <use xlink:href="#icon-xinxi"></use>
+				 </svg>
+				 <span>在线咨询</span>
+			 </div>
+			 <div class="flex-1 flex-box-ce flex-center-center wx">
+				 <svg class="icon" aria-hidden="true">
+				   <use xlink:href="#icon-weixin"></use>
+				 </svg>
+				 <span>预约演示</span>
+			 </div>
+		 </footer>
+		 <div class="wx-box">
+			 <div class="wx-close">×</div>
+			 <div class="wx-title">添加微信好友，免费1v1预约演示产品</div>
+			 <div class="wx-content">微信号:13322611222</div>
+			 <div class="wx-btn">复制微信号</div>
+		 </div>
+		<!-- 遮蔽层 -->
+		<div class="drawer-mask"></div>
+		
+		<div class="drawer-body">
+		  <div class="sanjiao"></div>
+		  <div class="flex-box-v navs">
+			  <a href="okr.html">OKR目标管理</a>
+			  <a href="performance.html">绩效管理</a>
+			  <a href="point.html">积分制管理</a>
+			  <a href="examine.html">现场巡检</a>
+			  <a href="stock.html">股权激励</a>
+			  <a href="implement.html">上门落地</a>
+		  </div>
+		</div>
+	</div>  
+  </body>
+  <script type="text/javascript" src="../js/init.js"></script>
+  <script src="../js/iconfont.js"></script>
+</html>

html/point.html

@@ -0,0 +1,156 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="referrer" content="no-referrer">
+	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover">
+    <title>功道云积分制</title>
+	<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
+	<link rel="stylesheet" type="text/css" media="screen" href="../css/index.css">
+  </head>
+  <body>
+	<div class="app">
+	  <div class="header flex-box">
+		  <a href="okr.html"><img  src="../images/stock/logo.png" alt="头部"></a>
+		  <div style="border-left: 1px solid #f1f1f1;font-size: 0.9rem;padding-left: 10px;padding-top: 5px;">
+			  <div>股权代码</div>
+			  <div style="color: #C4092C;">891286</div>
+		  </div>
+		  <div class="flex-1"></div>
+		  <a class="menu-button"></a>
+	  </div>   
+    <div class="content">
+		<h3 style="text-align: center;margin-bottom: 32px;font-size: 28px;">积分制管理软件</h3>
+		<video controls poster="https://videos.cdn.g107.com/images/640.jpg">
+		    <source src="https://videos.cdn.g107.com/Video/01shenmeshijifenzhiguanli.mp4" type="video/mp4">         
+			您的浏览器不支持Video标签。
+		</video>
+		<p style="visibility: visible;">
+			<span style="font-size: 18px; color: rgb(255, 0, 0); visibility: visible;">
+				<strong style="visibility: visible;">功道云APP-积分制管理</strong>
+			</span>，赋能员工，激活组织，即时认可、表彰员工，落地企业文化、塑造无边界组织、让企业轻松有效激励员工，彻底解决企业执行力难题。
+		</p>
+		<section style="margin-bottom: 8px; visibility: visible;"><span style="color: rgb(255, 0, 0); font-size: 20px; visibility: visible;"><strong style="visibility: visible;">功道云专注于解决企业人效提升</strong></span></section>
+		<p style="visibility: visible;">公司开发多款产品，包括：<span style="color: rgb(255, 0, 0); visibility: visible;">OKR目标管理，绩效考核，积分制管理，现场管理，TUP分红体系等</span>。全部纳入同一个平台，简单易操作，用工具激发员工潜能，帮助企业持续做好绩效管理，让每个员工都能更好地工作。</p>
+		<section style="margin-bottom: 8px; visibility: visible;"><span style="font-size: 24px; color: rgb(2, 30, 170); visibility: visible;"><strong style="visibility: visible;">什么是积分制管理？</strong></span></section>
+		<p style="visibility: visible;">对人的能力、做人、做事、用奖分和扣分进行全方位量化，考核与多维度排名，用软件记录和永久使用，把各种福利待遇与积分挂钩，并向高分人群倾斜，让优秀人才脱颖而出，从而达到激励人的主观能动性，充分调动人的积极性。</p>
+		<section style="text-align: center;margin-bottom: 0px;">
+			<img  src="https://videos.cdn.g107.com/images/639.png"  alt="图片">
+		</section>
+		<section style="text-align: center;margin-bottom: 0px;">
+			<img  src="https://videos.cdn.g107.com/images/641.jpg"  alt="图片">
+		</section>
+		<section style="text-align: center;margin-bottom: 0px;">
+			<img  src="https://videos.cdn.g107.com/images/642.jpg"  alt="图片">
+		</section>
+		<section style="text-align: center;margin-bottom: 0px;">
+			<img  src="https://videos.cdn.g107.com/images/643.jpg"  alt="图片">
+		</section>
+		<section style="text-align: center;margin-bottom: 0px;">
+			<img  src="https://videos.cdn.g107.com/images/644.jpg"  alt="图片">
+		</section>
+		<section style="text-align: center;margin-bottom: 0px;">
+			<img  src="https://videos.cdn.g107.com/images/645.jpg"  alt="图片">
+		</section>
+		<section style="text-align: center;margin-bottom: 0px;">
+			<img  src="https://videos.cdn.g107.com/images/646.jpg"  alt="图片">
+		</section>
+		<p style="text-align: center;margin-top: 20px;"><span style="color: rgb(255, 0, 0);font-size: 24px;"><strong>积分制客户见证</strong></span></p>
+		<video controls poster="https://videos.cdn.g107.com/images/640-01.jpg">
+			<source src="https://videos.cdn.g107.com/Video/kehujianzheng1.MP4" type="video/mp4">
+			您的浏览器不支持Video标签。
+		</video>
+		<video controls poster="https://videos.cdn.g107.com/images/640-02.jpg">
+			<source src="https://videos.cdn.g107.com/Video/g107net/video/case2.mp4" type="video/mp4">
+			您的浏览器不支持Video标签。
+		</video>
+		<video controls poster="https://videos.cdn.g107.com/images/640-03.jpg">
+			<source src="https://videos.cdn.g107.com/Video/g107net/video/case1.mp4" type="video/mp4">
+			您的浏览器不支持Video标签。
+		</video>
+		<section style="text-align: center;margin-bottom: 20px;"><span style="color: rgb(255, 0, 0);font-size: 24px;"><strong>客户案例</strong></span></section>
+		<p style="text-align: center;"><img src="https://videos.cdn.g107.com/images/kehuanlinew.jpg"  crossorigin="anonymous" alt="图片"></p>
+		<section style="text-align: center;margin-bottom: 20px;"><span style="font-size: 24px;"><strong><span style="color: rgb(255, 0, 0);">三步落地积分制管理</span></strong></span></section>
+		<p><span style="font-size: 18px;"><span style="color: rgb(2, 30, 170);"><strong>第一步：建立规则与奖扣标准</strong></span>，积分制管理</span><span style="font-size: 18px;color: rgb(255, 0, 0);">重在解决问题</span><span style="font-size: 18px;">，可</span><span style="font-size: 18px;color: rgb(255, 0, 0);">根据企业的痛点制定相应规则</span><span style="font-size: 18px;">，具体<span style="font-size: 18px;">标准</span>规则的建立可参考积分制管理实操落地课程。</span></p>
+		<p style="text-align: center;padding: 0px 0.5em;"><img src="https://videos.cdn.g107.com/images/647.png" crossorigin="anonymous" alt="图片" data-fail="0"></p>
+		<p><span style="font-size: 18px;"><span style="color: rgb(2, 30, 170);"><strong>第二步：导入软件开始执行</strong></span>，管理者按照公司制定的奖扣标准执行奖扣，员工可自行申请管理者审批即可。</span></p>
+		<p style="text-align: center;padding: 0px 0.5em;"><img src="https://videos.cdn.g107.com/images/648.png" crossorigin="anonymous" alt="图片" data-fail="0"></p>
+		<p style="text-align: center;padding: 0px 0.5em;"><img src="https://videos.cdn.g107.com/images/649.png" crossorigin="anonymous" alt="图片" data-fail="0"></p>
+		<p><span style="font-size: 18px;color: rgb(2, 30, 170);"><strong>第三步：根据员工的积分奖扣，跟员工的工资，福利挂钩。</strong></span></p>
+		<p style="text-align: center;padding: 0px 0.5em;"><img src="https://videos.cdn.g107.com/images/650.png" crossorigin="anonymous" alt="图片" data-fail="0"></p>
+		<p style="text-align: center;padding: 0px 0.5em;"><span style="font-size: 24px;"><strong>更多功能……</strong></span></p>
+		<p style="text-align: center;padding: 0px 0.5em;"><img src="https://videos.cdn.g107.com/images/jifen.png" crossorigin="anonymous" alt="图片" data-fail="0"></p>
+		
+		<p style="text-align: left;"><span style="font-size: 24px;"><strong><span style="color: rgb(255, 0, 0);">用积分制能解决什么问题？</span></strong></span></p>
+		<p style="line-height: 1.6em;margin-bottom: 16px;"><span style="font-size: 18px;">1、积分是为了给员工<strong>建立行为银行</strong></span></p>
+		<p style="line-height: 1.6em;margin-bottom: 16px;"><span style="font-size: 18px;">2、积分是为了<strong>找问题，解决问题</strong></span></p>
+		<p style="line-height: 1.6em;margin-bottom: 16px;"><span style="font-size: 18px;">3、积分是为了<strong>建立育人的平台</strong></span></p>
+		<p style="line-height: 1.6em;margin-bottom: 16px;"><span style="font-size: 18px;">4、积分是为了<strong>解决员工工作动力的问题</strong></span></p>
+		<p style="line-height: 1.6em;margin-bottom: 16px;"><span style="font-size: 18px;">5、积分在运用中<strong>有拉力和推力作用</strong></span></p>
+		<p style="line-height: 1.6em;margin-bottom: 16px;"><span style="font-size: 18px;">6、积分解决了<strong>奖金发放的问题</strong></span></p>
+		<p style="line-height: 1.6em;margin-bottom: 16px;"><span style="font-size: 18px;">7、积分在运用中有<strong>处罚和发泄的作用</strong></span></p>
+		<p style="line-height: 1.6em;margin-bottom: 16px;"><span style="font-size: 18px;">8、积分在运用中有对比的作用</span></p>
+		<p style="line-height: 1.6em;margin-bottom: 16px;"><span style="font-size: 18px;">9、积分在运用中<strong>有平衡的作用</strong></span></p>
+		<p style="line-height: 1.6em;margin-bottom: 16px;"><span style="font-size: 18px;">10、积分是为了分离企业的人才</span></p>
+		<p style="line-height: 1.6em;margin-bottom: 16px;"><span style="font-size: 18px;">11、积分是为了<strong>解决员工分配的问题</strong></span></p>
+		<p style="line-height: 1.6em;margin-bottom: 16px;"><span style="font-size: 18px;">12、积分是为了<strong>解决长效激励的问题</strong></span></p>
+		<p style="line-height: 1.6em;margin-bottom: 16px;"><span style="font-size: 18px;">13、积分让优秀员工不吃亏</span></p>
+		<p style="line-height: 1.6em;margin-bottom: 16px;"><span style="font-size: 18px;">14、员工可以从积分找到他们的需求</span></p>
+		<p style="line-height: 1.6em;margin-bottom: 16px;"><span style="font-size: 18px;">15、积分产生的<strong>全是正能量</strong></span></p>
+		<p style="line-height: 1.6em;margin-bottom: 16px;"><span style="font-size: 18px;">16、积分是精神和物质的最佳结合体</span></p>
+		<p style="line-height: 1.6em;margin-bottom: 16px;"><span style="font-size: 18px;">17、积分<strong>有信号的作用</strong></span></p>
+		<p style="line-height: 1.6em;margin-bottom: 16px;"><span style="font-size: 18px;">18、积分<strong>不是为了换钱，而是为了换员工的行为</strong></span></p>
+		 	<div style="height: 60px;"></div>
+		 	<!-- 二维码 -->
+<!-- 		 	<p style="text-align: center;"><span style="font-size: 19px;">现在就联系申请</span><span style="font-size: 19px;color: rgb(255, 0, 0);">免费体验</span><span style="font-size: 19px;">，预约演示</span></p>
+		 	<p style="text-align: center;"><img class="code" src="https://videos.cdn.g107.com/images/erweima.jpg" crossorigin="anonymous" alt="图片" data-fail="0"></p>
+		 	<p style="text-align: center; margin-bottom: 0px;"><span style="font-size: 19px;"><strong><span style="font-size: 19px;color: rgb(255, 0, 0);">咨询热线：13322611222</span></strong></span></p> -->
+		 </div>
+		 <footer class="footer flex-box">
+			 <a class="flex-box-v flex-center-center fontColorB" href="tel:400-6877-880">
+				 <svg class="icon">
+				   <use xlink:href="#icon-dianhua"></use>
+				 </svg>
+				 <span style="font-size: 0.8rem;">电话</span>
+			 </a>
+			 <div class="flex-1 flex-box-ce flex-center-center zx" style="margin: 0 10px;">
+				 <svg class="icon" aria-hidden="true">
+				   <use xlink:href="#icon-xinxi"></use>
+				 </svg>
+				 <span>在线咨询</span>
+			 </div>
+			 <div class="flex-1 flex-box-ce flex-center-center wx">
+				 <svg class="icon" aria-hidden="true">
+				   <use xlink:href="#icon-weixin"></use>
+				 </svg>
+				 <span>预约演示</span>
+			 </div>
+		 </footer>
+		 <div class="wx-box">
+			 <div class="wx-close">×</div>
+			 <div class="wx-title">添加微信好友，免费1v1预约演示产品</div>
+			 <div class="wx-content">微信号:13322611222</div>
+			 <div class="wx-btn">复制微信号</div>
+		 </div>		
+		
+		
+		<!-- 遮蔽层 -->
+		<div class="drawer-mask"></div>
+		
+		<div class="drawer-body">
+		  <div class="sanjiao"></div>
+		  <div class="flex-box-v navs">
+			  <a href="okr.html">OKR目标管理</a>
+			  <a href="performance.html">绩效管理</a>
+			  <a href="point.html">积分制管理</a>
+			  <a href="examine.html">现场巡检</a>
+			  <a href="stock.html">股权激励</a>
+			  <a href="implement.html">上门落地</a>
+		  </div>
+		</div>
+	</div>  
+  </body>
+  <script type="text/javascript" src="../js/init.js"></script>
+  <script src="../js/iconfont.js"></script>
+</html>

html/stock.html

@@ -0,0 +1,527 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="referrer" content="no-referrer">
+	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover">
+    <title>功道云积分制</title>
+	<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
+	<link rel="stylesheet" type="text/css" media="screen" href="../css/index.css">
+	<style type="text/css">
+			.img-box{
+				height: 3rem;
+				width: 3rem;
+				text-align: center;
+				background-color: #409EFE;
+				border-radius: 50%;
+				line-height: 2.2rem;
+			}
+			.img-box img{
+				width: 1.4rem;
+				height: 1.4rem;
+			}
+			.hx-item{
+				width: 48%;
+				box-sizing: border-box;
+				margin-bottom: 16px;
+				font-size: 0.8rem;
+				padding:0.4rem;
+				border: 1px solid #ccc;
+				background-color: #fff;
+				position: relative;
+			}
+			.hx-item::after{
+				content: "";
+				position: absolute;
+				height: 1.6rem;
+				width: 3px;
+				background-color: #409EFE;
+				left: -1px;
+				top: 0.8rem;
+			}
+			.hx-item .blue{
+				font-size: 0.9rem;
+				font-weight: 700;
+				margin: 10px 0;
+			}
+			.jz-item{
+				width: 48%;
+				box-sizing: border-box;
+				margin-bottom: 16px;
+				font-size: 0.8rem;
+			}
+			.jz-item img{
+				width:100%;
+				margin-bottom: 5px;
+				border-radius: 5px;
+			}
+			.wt-item .num{
+				font-weight: 700;
+				font-size: 1rem;
+				color: #409EFF;
+			}
+			.wt-item{
+			    padding:0.4rem 1rem;
+			    border-radius: 40px;
+			    border: 1px solid #ccc;
+			    background-color: #fff;
+			    margin-bottom: 10px;
+			    text-align: left;
+				font-size: 12px;
+				margin-right: 1rem;
+			}
+			.jg-item{
+				background-color: #fff;
+				width: 48%;
+				border-top-right-radius:8px;
+				border-bottom-left-radius:8px;
+				font-size: 0.76rem;
+				height: 40px;
+				margin-bottom: 16px;
+			}
+			.jg-item .num{
+				background-color: #409EFF;
+				color: #fff;
+				font-weight: 700;
+				line-height: 50%;
+				padding: 0 0.3rem;
+				text-align: center;
+				line-height: 40px;
+				border-top-right-radius:8px;
+				border-bottom-left-radius:8px;
+			}
+			.jg-item .text{
+				padding: 0.2rem 0.4rem;
+			}
+			.title{
+				margin-bottom: 20px;
+			}
+			.item3{
+				font-size: 0.9rem;
+			}
+			.item3 span{
+				background-color: #409eff;
+				border-radius: 3px;
+				color: #fff !important;
+				padding: 0 6px;
+				margin-right: 6px;
+				height: 23px;
+				line-height: 23px;
+			}
+			.item3 .fontColorB{
+				margin-bottom: 8px;
+			}
+			.img{
+				width: 100%;
+			}
+			.shi-s{
+				text-align: left;
+			}
+			.shi-s .flex-box{
+				margin-bottom: 6px;
+				font-size: 0.8rem;
+			}
+			.shi-s span{
+				font-weight: 600;
+				font-size: 1rem;
+				margin-right: 16px;
+			}
+			.shi-s img{
+				width: 18px;
+				height: 16px;
+				margin-right: 10px;
+				position: relative;
+				top: 2px;
+			}
+			.dc-item{
+				background-color: #fff;
+				width: 48%;
+				margin-bottom: 12px;
+				position: relative;
+				text-align: center;
+				border: 1px solid #ccc;
+				padding: 0 10px;
+				box-sizing: border-box;
+				padding-bottom: 20px;
+				font-size: 0.8rem;
+			}
+			.dc-item img{
+				width: 40px;
+				height: 40px;
+				margin-top: 30px;
+				margin-bottom: 16px;
+			}
+			.dc-item-title{
+				color: #409EFE;
+				font-size: 1rem;
+				font-weight: 700;
+				height: 42px;
+			}
+			.dc-bz{
+				background-color: #409EFF;
+				color: #fff;
+				font-size: 0.6rem;
+				position: absolute;
+				left: 0;
+				top: 0;
+				width: 40px;
+				height: 40px;
+				background: linear-gradient(135deg, #409EFE, #409EFE 50%, transparent 50%, transparent 100%);
+				text-align: left;
+			}
+		</style>
+  </head>
+    <body>
+	  <div class="app">
+		  <div class="header flex-box">
+		      <a href="okr.html"><img  src="../images/stock/logo.png" alt="头部"></a>
+			  <div style="border-left: 1px solid #f1f1f1;font-size: 0.9rem;padding-left: 10px;padding-top: 5px;">
+				  <div>股权代码</div>
+				  <div style="color: #C4092C;">891286</div>
+			  </div>
+			  <div class="flex-1"></div>
+			  <a class="menu-button"></a>
+		  </div>
+		  <div>
+		  	<img src="../images/stock/gbanner.jpg" alt="" srcset=""  style="width: 100%;"/>
+		  </div> 
+		  <div class="content"> 
+		  	<h3 style="text-align: center;margin-bottom: 32px;font-size: 28px;">企业是否存在以下问题？</h3>
+		  	<div>
+		  		<div class="flex-box-ce wt-item" >
+		  			<div class="num">01</div>
+		  			<div class="text" style="padding-left: 1rem;">如何设计公司多元多级股权架构? 如何通过股权设计避免股东间股权纠纷?</div>
+		  		</div>
+		  		<div class="flex-box-ce wt-item" style="margin-left: 1rem;margin-right: 0;">
+		  			<div class="text" style="padding-right: 1rem;">创始人如何把握给员工、投资人稀释股份的节泰?如何设计公司控制权，避免被踢出局?</div>
+		  			<div class="num">02</div>
+		  		</div>
+		  		<div class="flex-box-ce wt-item">
+		  			<div class="num">03</div>
+		  			<div class="text" style="padding-left: 1rem;">如何设计没有漏洞、风险的公司章程，及保护创始人的公司章程?</div>
+		  		</div>
+		  		<div class="flex-box-ce wt-item" style="margin-left: 1rem;margin-right: 0;">
+		  			<div class="text" style="padding-right: 1rem;">如何确定不同岗位、不同贡献员工的股权分配额度?如何兼顾公平?</div>
+		  			<div class="num">04</div>
+		  		</div>
+		  		<div class="flex-box-ce wt-item">
+		  			<div class="num">05</div>
+		  			<div class="text" style="padding-left: 1rem;">如何设计合伙人同行竞争限制协议，防止合伙人出去单干，成为对手，挖公司资源?</div>
+		  		</div>
+		  	</div>
+		  	<div style="background-color: #66BEFE;margin: 0 -20px;padding: 20px;">
+		  		<h4 style="text-align: center;color: #fff;margin-bottom: 20px;">【公司股权架构顶层设计】咨询项目</h4>
+		  		<div class="flex-box flex-d-wrap flex-d-center">
+		  			<div class="flex-box jg-item">
+		  				<div class="num">01</div>
+		  				<div class="text">公司三层/多层股权架构顶层设计</div>
+		  			</div>
+		  			<div class="flex-box jg-item">
+		  				<div class="num">02</div>
+		  				<div class="text">创始股东的公司控制权设计 (股东会董事会)</div>
+		  			</div>
+		  			<div class="flex-box jg-item">
+		  				<div class="num">03</div>
+		  				<div class="text">创始股东的股权风险防火墙设计</div>
+		  			</div>
+		  			<div class="flex-box jg-item">
+		  				<div class="num">04</div>
+		  				<div class="text">创始股东的控股公司/家族公司设计</div>
+		  			</div>
+		  			<div class="flex-box jg-item">
+		  				<div class="num">05</div>
+		  				<div class="text">股东同股不同权/一致行动/股票权委托设计</div>
+		  			</div>
+		  			<div class="flex-box jg-item">
+		  				<div class="num">06</div>
+		  				<div class="text">盈亏共担的《股东合伙制度协议》设计</div>
+		  			</div>
+		  		</div>
+		  	</div>
+		  	<div style="padding: 20px 0;">
+		  		<h3 class="title">非上市公司【股权激励•合伙人制度】咨询项目</h3>
+		  		<div class="item3">
+		  			<div class="fontColorB"><span>项目一</span> 核心高管、事业部、分公司股权激励</div>
+		  			<div class="fontColorB"><span>项目二</span> 经销商合伙人、创业合伙人等合伙人制度</div>
+		  			<div class="fontColorB"><span>项目三</span> 员工持股平台（合伙企业）及公司</div>
+		  			<div class="fontColorB"><span>项目四</span> 股权激励避税设计/股权税务风险防范管理</div>
+		  			<div class="fontColorB"><span>项目五</span> 股权融资咨询,引入投资人风险管理</div>
+		  		</div>
+		  		<img class="img" src="../images/stock/img3.png"  alt="图片">
+		  		
+		  		<h3 class="title" style="margin-top: 20px;">【拟IPO上市公司股权激励】咨询项目</h3>
+		  		<div class="item3">
+		  			<div class="fontColorB flex-box"><span>项目一</span> <div class="flex-1">设计符合IPO上市要求的股权架构、股权激励方案、股权融资方案与投资方对赌方案等。</div></div>
+		  			<div class="fontColorB flex-box"><span>项目二</span> <div class="flex-1">设计境外上市VIE股权架构、股权公允价值体系</div></div>
+		  			<div class="fontColorB flex-box"><span>项目三</span> <div class="flex-1">助力企业以低成本、低风险、低税率成功上市</div></div>
+		  		</div>
+		  		<img class="img" src="../images/stock/img4.png"   alt="图片">
+		  	</div>
+		  	<div>
+		  		<h3 class="title">为什么找了很多所谓“落地公司”、也听了很多课程还是不能落地实施股权激励？</h3>
+		  		<div class="shi-s">
+		  			<div class="flex-box" style="color: #2A2DC8;"><span>X</span><div class="flex-1">我们不讲课忽悠,或所谓“先听课、后落地”层层套路,收两次费</div></div>
+		  			<div class="flex-box" style="color: #2A2DC8;"><span>X</span><div class="flex-1">更不做股权模板方案,而不管方案落地实施！</div></div>
+		  			<div class="flex-box" style="color: #C4092C;">
+		  				<img src="../images/stock/gou.png" />
+		  				<div class="flex-1">专家进驻企业2个月,1对1设计股权激励方案+落地实施+辅导3年出效果</div>
+		  			</div>
+		  			<div class="flex-box" style="color: #C4092C;"><img src="../images/stock/gou.png" /><div class="flex-1">股权实施2个月+3年辅导,全程1对1落地实施</div></div>
+		  		</div>
+		  		<div class="flex-box-ce" style="margin: 20px 0;">
+		  			<img src="../images/stock/img5.png" style="margin-right: 10px;width: 50%;" alt="" />
+		  			<img src="../images/stock/img6.png" style="width: 50%;" alt="" />
+		  		</div>
+		  	</div>
+		  	<div>
+		  		<a  href="tel:400-6877-880" style="display: block;text-align: center;color: #fff;background-color: rgb(228, 0, 17);border-radius: 5px;font-size: 1rem;padding: 8px;width: 80%;margin: 0 auto;">咨询热线：400-6877-880</a>
+		  	</div>
+		  	<div>
+		  		<h3 class="title" style="text-align: center;margin-top: 30px;">股权顶层设计落地实施标准</h3>
+		  		<div class="flex-box flex-d-wrap flex-d-center">
+		  			<div class="dc-item">
+		  				<div class="dc-bz">步骤<br/>&nbsp;1</div>
+		  				<img  src="../images/stock/manager.png" />	
+		  				<div class="dc-item-title">股权专家进驻企业</div>
+		  				<div class="fontColorA" style="font-size: 0.8rem;margin-bottom: 10px;">(2个月)</div>
+		  				<div class="fontColorB">股权专家进驻企业2个月，对一落地实施股权激励，真正落地实施股权激励的咨询</div>
+		  			</div>
+		  			<div class="dc-item">
+		  				<div class="dc-bz">步骤<br/>&nbsp;2</div>
+		  				<img  src="../images/stock/faa.png" />	
+		  				<div class="dc-item-title">上门1对1量身设计股权方案</div>
+		  				<div class="fontColorA" style="font-size: 0.8rem;margin-bottom: 10px;">(1个月)</div>
+		  				<div class="fontColorB">根抵不同行业、不同情况的企业，由股权专家上门2个月一对一量身设计《股权激励方案及法律文件》</div>
+		  			</div>
+		  			<div class="dc-item">
+		  				<div class="dc-bz">步骤<br/>&nbsp;3</div>
+		  				<img  src="../images/stock/mub.png" />	
+		  				<div class="dc-item-title">上门1对1落地实施《股权方案》</div>
+		  				<div class="fontColorA" style="font-size: 0.8rem;margin-bottom: 10px;">(1个月)</div>
+		  				<div class="fontColorB">股权专家进驻企业，实施《股权激励方案》，1对1最终完成员工入股及履行入股手续真正落地实施到位</div>
+		  			</div>
+		  			<div class="dc-item">
+		  				<div class="dc-bz">步骤<br/>&nbsp;4</div>
+		  				<img  src="../images/stock/fuw.png" />	
+		  				<div class="dc-item-title">辅导服务3年确保股权落地效果</div>
+		  				<div class="fontColorA" style="font-size: 0.8rem;margin-bottom: 10px;">(3年)</div>
+		  				<div class="fontColorB">辅导3年出效果确保《方案》真正落地实施到位，每年为客户举行合伙人会议，确保股权激励出实效</div>
+		  			</div>
+		  		</div>
+		  	</div>
+		  	<div>
+		  		<h3 class="title" style="text-align: center;margin-top: 30px;">13年历程，3000多家落地客户见证!</h3>
+		  		<div style="text-align: center;font-size: 0.8rem;" class="blue">
+		  			服务1家客户，需上门1对1实施2个月，辅导服务三年!<br/>
+		  			全程1对1深耕客户需求13年，落地3000多家案例，客户遍布数百个细分行业
+		  		</div>
+		  		<div style="margin-top: 20px;">
+		  			<div class="flex-box flex-d-wrap flex-d-center">
+		  				<div class="flex-box-v jz-item">
+		  					<img src="../images/stock/1.png"/>
+		  					<div>联冠胶粘制品</div>
+		  				</div>
+		  				<div class="flex-box-v jz-item">
+		  					<img src="../images/stock/2.png"/>
+		  					<div>创爱鑫塑料制品</div>
+		  				</div>
+		  				<div class="flex-box-v jz-item">
+		  					<img src="../images/stock/3.png"/>
+		  					<div>三之信自动化设备</div>
+		  				</div>
+		  				<div class="flex-box-v jz-item">
+		  					<img src="../images/stock/4.png"/>
+		  					<div>生力印刷设备</div>
+		  				</div>
+		  				<div class="flex-box-v jz-item">
+		  					<img src="../images/stock/5.png"/>
+		  					<div>执尚方舟</div>
+		  				</div>
+		  				<div class="flex-box-v jz-item">
+		  					<img src="../images/stock/6.png"/>
+		  					<div>艾菲斯医院管理</div>
+		  				</div>
+		  				<div class="flex-box-v jz-item">
+		  					<img src="../images/stock/7.png"/>
+		  					<div>君奥连接器</div>
+		  				</div>
+		  				<div class="flex-box-v jz-item">
+		  					<img src="../images/stock/8.png"/>
+		  					<div>铭科包装机械</div>
+		  				</div>
+		  			</div>
+		  		</div>
+		  	</div>
+		  	<div>
+		  		<h3 class="title" style="text-align: center;margin-top: 30px;">股权设计[全程1对1落地咨询]<br/> 核心内容</h3>
+		  		<div style="margin-top: 20px;">
+		  			<div class="flex-box flex-d-wrap flex-d-center">
+		  				<div class="hx-item">
+		  					<div class="blue">股权架构顶层设计</div>
+		  					<div class="fontColorB">公司多元多级股权架构设计，股东同股不同权设计，股权防火墙设计，公司控制权设计</div>
+		  				</div>
+		  				<div class="hx-item">
+		  					<div class="blue">科学分配激励数量</div>
+		  					<div class="fontColorB">根据岗位级别、权重、贡献、能力、潜力等设计不同激励对象的激励数量，兼顾公平</div>
+		  				</div>
+		  				
+		  				<div class="hx-item">
+		  					<div class="blue">股权架构顶层设计</div>
+		  					<div class="fontColorB">正常离职、特殊情况、违规违纪等情况如何退?退给谁?以什么价格退?如何规避法律风险?</div>
+		  				</div>
+		  				<div class="hx-item">
+		  					<div class="blue">创始人控股权设计</div>
+		  					<div class="fontColorB">创始人如何分步骤稀释股权，如何守住控制权底线，归集表决权/致行动设计，永保创始人控制权</div>
+		  				</div>
+		  				
+		  				<div class="hx-item">
+		  					<div class="blue">入股价格估值确定</div>
+		  					<div class="fontColorB">算清楚公司现在估值以及未来的估值，公司股权数量以及每股价值多少</div>
+		  				</div>
+		  				<div class="hx-item">
+		  					<div class="blue">股权方案宣讲实施</div>
+		  					<div class="fontColorB">对激励对象宣讲方案，沟通座谈，1对1答疑，凝聚员工共识，激励员工与公司荣辱与共</div>
+		  				</div>
+		  				
+		  				<div class="hx-item">
+		  					<div class="blue">股权激励主体设计</div>
+		  					<div class="fontColorB">公司总部、分公司、子公司、事业部、连锁店、所辖经营实体等的不同股权激励主体设计</div>
+		  				</div>
+		  				<div class="hx-item">
+		  					<div class="blue">入股出资方式设计</div>
+		  					<div class="fontColorB">一次性缴纳、分期出资、分红抵扣、工资抵扣、业续抵偿等不同出资方式设计</div>
+		  				</div>
+		  				
+		  				<div class="hx-item">
+		  					<div class="blue">进驻企业落地实施</div>
+		  					<div class="fontColorB">进驻企业，全程1对1落地实施股权方案，成员工入股及履行入股手续，全程落地实施到位</div>
+		  				</div>
+		  				
+		  				<div class="hx-item">
+		  					<div class="blue">股权激励工具选择</div>
+		  					<div class="fontColorB">根据不同激励主体选择虚拟股、实股、虚实结合、分红权、期权等激励工具组合</div>
+		  				</div>
+		  				
+		  				<div class="hx-item">
+		  					<div class="blue">股权收益机制设计</div>
+		  					<div class="fontColorB">股权收益如何与公司业绩挂钩?如何考核员工合伙人?真正实现有福同享、有难同当</div>
+		  				</div>
+		  				
+		  				<div class="hx-item">
+		  					<div class="blue">辅导3年出效果</div>
+		  					<div class="fontColorB">辅导3年，确保方案落地实施到位，每年为客户举行合伙人会议，确保实施出效果</div>
+		  				</div>
+		  			</div>
+		  		</div>
+		  	</div>
+		  	<div>
+				<a  href="tel:400-6877-880" style="display: block;text-align: center;color: #fff;background-color: rgb(228, 0, 17);border-radius: 5px;font-size: 1rem;padding: 8px;width: 80%;margin: 0 auto;">领取专属方案 400-6877-880</a>
+		  	</div>
+		  	<div>
+		  		<h3 class="title" style="text-align: center;margin-top: 30px;">[1对1落地实施股权设计] 咨询优势</h3>
+		  		<div style="margin-top: 20px;">
+		  			<div class="flex-box-ce">
+		  				<div class="img-box">
+		  					<img src="../images/stock/img7.png"/>
+		  				</div>
+		  				<div style="margin-left: 0.8rem;" class="flex-1">
+		  					<div class="blue">精通客户需求</div>
+		  					<div style="font-size: 0.8rem;margin-top: 0.2rem;" class="fontColorB">
+		  						专家团队由律师、注册会计师、注册税务师、人力资源专家
+		  						金融分析师等业内资深人士组成，更了解中国企业的管理难题
+		  						和“需求”。
+		  					</div>
+		  				</div>
+		  			</div>
+		  			<div class="flex-box-ce" style="margin: 20px 0;">
+		  				<div class="img-box">
+		  					<img src="../images/stock/img8.png"/>
+		  				</div>
+		  				<div style="margin-left: 0.8rem;" class="flex-1">
+		  					<div class="blue">咨询质量控制</div>
+		  					<div style="font-size: 0.8rem;margin-top: 0.2rem;" class="fontColorB">
+		  						严格内部咨询质量控制体系，所有为客户量身设计的《方案》
+		  						都要经专案经理、项目总监、知识管理部三重审核过会，严格
+		  						把关质量。
+		  					</div>
+		  				</div>
+		  			</div>
+		  			<div class="flex-box-ce" style="margin: 20px 0;">
+		  				<div class="img-box">
+		  					<img src="../images/stock/img9.png"/>
+		  				</div>
+		  				<div style="margin-left: 0.8rem;" class="flex-1">
+		  					<div class="blue">实战咨询经验</div>
+		  					<div style="font-size: 0.8rem;margin-top: 0.2rem;" class="fontColorB">
+		  						十来年积累了国内众多实战案例库和数据库，在国内行业领域
+		  						积累了丰富的研究成果和成功案例，能够涵盖客户遇到的绝大
+		  						部分问题。
+		  					</div>
+		  				</div>
+		  			</div>
+		  			<div class="flex-box-ce">
+		  				<div class="img-box">
+		  					<img src="../images/stock/img10.png"/>
+		  				</div>
+		  				<div style="margin-left: 0.8rem;" class="flex-1">
+		  					<div class="blue">业界口碑信誉</div>
+		  					<div style="font-size: 0.8rem;margin-top: 0.2rem;" class="fontColorB">
+		  						与多家研究机构、风投机构、私募机构、投行、券商、律所等
+		  						建立了长期合作关系，并在业界形成了良好的质量口碑和良好
+		  						信誉。			
+		  					</div>
+		  				</div>
+		  			</div>
+		  		</div>
+		  	</div>
+		  </div>
+		  
+		  <div style="height: 60px;"></div>
+
+		 <footer class="footer flex-box">
+			 <a class="flex-box-v flex-center-center fontColorB" href="tel:400-6877-880">
+				 <svg class="icon">
+				   <use xlink:href="#icon-dianhua"></use>
+				 </svg>
+				 <span style="font-size: 0.8rem;">电话</span>
+			 </a>
+			 <div class="flex-1 flex-box-ce flex-center-center zx" style="margin: 0 10px;">
+				 <svg class="icon" aria-hidden="true">
+				   <use xlink:href="#icon-xinxi"></use>
+				 </svg>
+				 <span>在线咨询</span>
+			 </div>
+			 <div class="flex-1 flex-box-ce flex-center-center wx">
+				 <svg class="icon" aria-hidden="true">
+				   <use xlink:href="#icon-weixin"></use>
+				 </svg>
+				 <span>预约演示</span>
+			 </div>
+		 </footer>
+		 <div class="wx-box">
+			 <div class="wx-close">×</div>
+			 <div class="wx-title">添加微信好友，免费1v1预约演示产品</div>
+			 <div class="wx-content">微信号:13322611222</div>
+			 <div class="wx-btn">复制微信号</div>
+		 </div>
+		  
+		  <!-- 遮蔽层 -->
+		  <div class="drawer-mask"></div>
+		  
+		  <div class="drawer-body">
+			  <div class="sanjiao"></div>
+			  <div class="flex-box-v navs">
+				  <a href="okr.html">OKR目标管理</a>
+				  <a href="performance.html">绩效管理</a>
+				  <a href="point.html">积分制管理</a>
+				  <a href="examine.html">现场巡检</a>
+				  <a href="stock.html">股权激励</a>
+				  <a href="implement.html">上门落地</a>
+			  </div>
+		  </div>
+	  </div>
+    </body>
+	<script type="text/javascript" src="../js/init.js"></script>
+	  <script src="../js/iconfont.js"></script>
+</html>

js/init.js

@@ -0,0 +1,37 @@
+	  (function(){
+		  $(".menu-button").on("click", function(){
+				$('.drawer-mask').addClass('mask-visible')
+				$('.drawer-body').addClass('drawer-body-visible')
+		  });
+		  $(".drawer-mask").on("click", function(){
+				$('.drawer-mask').removeClass('mask-visible')
+				$('.drawer-body').removeClass('drawer-body-visible')
+				$('.wx-box').hide();
+		  });
+		  $(".zx").on("click", function(){
+				window.open('https://p.qiao.baidu.com/cps/chat?siteId=17647616&userId=3040844&siteToken=b009aaa97eb88aa3c116ed2c2395d11d', '_blank');
+		  });
+		  $(".wx").on("click", function(){
+			 $('.drawer-mask').addClass('mask-visible');
+			 $('.wx-box').show();
+		  });
+		  $(".wx-close").on("click", function(){
+		  	 $('.drawer-mask').removeClass('mask-visible')
+			 $('.wx-box').hide();
+		  });
+		  $(".wx-btn").on("click", function(){
+			let html="<input type='textarea' id='input' value='13322611222'/>"  
+			$(".app").append(html);
+			$(".app").append('<a href="weixin://" class="dl-btn" id="download">打开微信</a>');
+			$(".app").append('<div class="van-popup">已复制</div>');
+			let url = document.getElementById('input');
+			url.select(); // 选择对象
+			document.execCommand('Copy'); // 执行浏览器复制命令
+			document.getElementById("download").click();
+			$("#input").remove();
+			$("#download").remove();
+			setTimeout(function(){
+				$(".van-popup").remove();
+			},2000);
+		  });
+	  }())