diff --git a/.gitignore b/.gitignore
index 5e8b11f..9c686e9 100644
--- a/.gitignore
+++ b/.gitignore
@@ -9,3 +9,4 @@
 /public/storage/*
 /public/backup/*
 /public/static/home/dev
+/public/static/home/oa
diff --git a/app/home/view/pages/oa.html b/app/home/view/pages/oa.html
new file mode 100644
index 0000000..588cbbd
--- /dev/null
+++ b/app/home/view/pages/oa.html
@@ -0,0 +1,277 @@
+{extend name="common/base"/}
+{block name="style"}
+<link rel="stylesheet" href="https://www.gougucms.com/static/home/dev/aos.css" />
+<link rel="stylesheet" href="https://www.gougucms.com/static/home/oa/oa.css" />
+{/block}
+{block name="title"}
+<title>{$detail.title}</title>
+{/block}
+{block name="keywords"}
+<meta name="keywords" content="{$detail.keyword_names}" />
+<meta name="description" content="{$detail.desc}" />
+{/block}
+<!-- 主体 -->
+{block name="body"}
+{include file="common/header" nav='index' /}
+	<section class="banner">
+		<div class="container">
+				<div class="banner-text">
+					<h1 data-aos="fade-up">勾股OA办公系统</h1>
+					<h2 data-aos="fade-up" data-aos-delay="400">开源免费、企业自建信息化办公系统的优秀解决方案</h2>
+					<div data-aos="fade-up" data-aos-delay="800">
+						<a href="https://gitee.com/gouguopen/office.git" class="btn-down" target="_blank"><span>立即下载(Gitee)</span></a>
+						<a href="https://oa.gougucms.com/" class="btn-go" target="_blank"><span>体验演示</span></a>
+						<span class="btn-view">查看体验账号</span>
+					</div>
+				</div>
+				<div class="banner-img" data-aos="zoom-out" data-aos-delay="300">
+					<img src="https://www.gougucms.com/static/home/oa/banner_bg.png" alt="">
+				</div>
+			</div>
+		</div>
+	</section>
+
+	<section class="advantage">
+        <div class="container" data-aos="fade-up">
+            <header class="section-header">
+                <h2>企业管理九大难题，勾股OA完美解决</h2>
+                <p>实现数字化办公，优化调整管理组织结构体制，在提高效率的基础上，提升协同办公能力，强化决策的一致性。</p>
+            </header>
+            <div class="item-wrap">
+                <div class="item-col-3">
+                    <div class="box" data-aos="fade-up" data-aos-delay="200">
+                        <h3>一、业务办理效率<span>低</span></h3>
+                        <p>办事跨部门咨询、沟通、找人签字，程序多、周期长，效率难保障</p>
+                    </div>
+                </div>
+                <div class="item-col-3">
+                    <div class="box" data-aos="fade-up" data-aos-delay="200">
+                        <h3>二、内部沟通协作<span>难</span></h3>
+                        <p>各部门沟通费时费力，具体事项不知道负责人是谁，沟通协作难。</p>
+                    </div>
+                </div>
+                <div class="item-col-3">
+                    <div class="box" data-aos="fade-up" data-aos-delay="200">
+                        <h3>三、规章制度落实<span>难</span></h3>
+                        <p>现有规章制度无法督促落实，不能确保每项业务经过合规审批授权。</p>
+                    </div>
+                </div>
+                <div class="item-col-3">
+                    <div class="box" data-aos="fade-up" data-aos-delay="400">
+                        <h3>四、签字盖章效率<span>低</span></h3>
+                        <p>签字盖章停留在面签、手动操作阶 段，负责人不在，业务就推进不了。</p>
+                    </div>
+                </div>
+                <div class="item-col-3">
+                    <div class="box" data-aos="fade-up" data-aos-delay="400">
+                        <h3>五、分/子公司管控<span>难</span></h3>
+                        <p>分/子公司分布在各地，业务运营、制度落实情况看不见，无法管控。</p>
+                    </div>
+                </div>
+                <div class="item-col-3">
+                    <div class="box" data-aos="fade-up" data-aos-delay="400">
+                        <h3>六、责任追踪查询<span>难</span></h3>
+                        <p>办事过程不透明、无痕迹， 申请-审批缺乏可信记录，追责难。</p>
+                    </div>
+                </div>
+                <div class="item-col-3">
+                    <div class="box" data-aos="fade-up" data-aos-delay="600">
+                        <h3>七、内部知识流失<span>快</span></h3>
+                        <p>各类知识存在个人电脑里，收集不及时-流失快-需要用的时候找不到。</p>
+                    </div>
+                </div>
+                <div class="item-col-3">
+                    <div class="box" data-aos="fade-up" data-aos-delay="600">
+                        <h3>八、印章管理风险<span>高</span></h3>
+                        <p>实体印章管理中存在盗用-冒用-乱用-丢失等风险，使用效率低、成本高。</p>
+                    </div>
+                </div>
+                <div class="item-col-3">
+                    <div class="box" data-aos="fade-up" data-aos-delay="600">
+                        <h3>九、流程、信息流通<span>慢</span></h3>
+                        <p>数据、流程等信息不能实时同步和有效共享，甚至出现“信息孤岛”现象。</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+	
+    <section class="check">    
+        <div class="container" data-aos="fade-down">
+            <header class="section-header">
+                <h2>多类型流程审批模式</h2>
+                <p>固定流程、半固定流程、自由流程，满足多业务、多组织需求，企业OA流程审批更灵活、更高效。</p>
+            </header>  
+            <ul class="item-wrap">
+              <li class="item-col-8" data-aos="fade-up" data-aos-delay="200"><div class="li"><img src="https://www.gougucms.com/static/home/oa/qingjia.png" alt=""><p>请假审批</p></div></li>
+              <li class="item-col-8" data-aos="fade-up" data-aos-delay="200"><div class="li"><img src="https://www.gougucms.com/static/home/oa/chuchai.png" alt=""><p>出差申请</p></div></li>
+              <li class="item-col-8" data-aos="fade-up" data-aos-delay="200"><div class="li"><img src="https://www.gougucms.com/static/home/oa/waichu.png" alt=""><p>外出申请</p></div></li>
+              <li class="item-col-8" data-aos="fade-up" data-aos-delay="200"><div class="li"><img src="https://www.gougucms.com/static/home/oa/jiaban.png" alt=""><p>加班申请</p></div></li>
+              <li class="item-col-8" data-aos="fade-up" data-aos-delay="200"><div class="li"><img src="https://www.gougucms.com/static/home/oa/huiyi.png" alt=""><p>会议室预定</p></div></li>
+              <li class="item-col-8" data-aos="fade-up" data-aos-delay="200"><div class="li"><img src="https://www.gougucms.com/static/home/oa/gongwen.png" alt=""><p>公文流转</p></div></li>
+              <li class="item-col-8" data-aos="fade-up" data-aos-delay="200"><div class="li"><img src="https://www.gougucms.com/static/home/oa/weixiu.png" alt=""><p>物品维修</p></div></li>
+              <li class="item-col-8" data-aos="fade-up" data-aos-delay="200"><div class="li"><img src="https://www.gougucms.com/static/home/oa/zhang.png" alt=""><p>用章申请</p></div></li>
+              <li class="item-col-8" data-aos="fade-up" data-aos-delay="400"><div class="li"><img src="https://www.gougucms.com/static/home/oa/che.png" alt=""><p>用车申请</p></div></li>
+              <li class="item-col-8" data-aos="fade-up" data-aos-delay="400"><div class="li"><img src="https://www.gougucms.com/static/home/oa/guihuai.png" alt=""><p>用车归还</p></div></li>
+              <li class="item-col-8" data-aos="fade-up" data-aos-delay="400"><div class="li"><img src="https://www.gougucms.com/static/home/oa/jiekuan.png" alt=""><p>借款申请</p></div></li>
+              <li class="item-col-8" data-aos="fade-up" data-aos-delay="400"><div class="li"><img src="https://www.gougucms.com/static/home/oa/fukuan.png" alt=""><p>付款申请</p></div></li>
+              <li class="item-col-8" data-aos="fade-up" data-aos-delay="400"><div class="li"><img src="https://www.gougucms.com/static/home/oa/jiangli.png" alt=""><p>奖励申请</p></div></li>
+              <li class="item-col-8" data-aos="fade-up" data-aos-delay="400"><div class="li"><img src="https://www.gougucms.com/static/home/oa/caigou.png" alt=""><p>采购申请</p></div></li>
+              <li class="item-col-8" data-aos="fade-up" data-aos-delay="400"><div class="li"><img src="https://www.gougucms.com/static/home/oa/huodong.png" alt=""><p>活动经费</p></div></li>
+              <li class="item-col-8" data-aos="fade-up" data-aos-delay="400"><div class="li"><img src="https://www.gougucms.com/static/home/oa/wuliao.png" alt=""><p>物料申领</p></div></li>
+              <li class="item-col-8" data-aos="fade-up" data-aos-delay="600"><div class="li"><img src="https://www.gougucms.com/static/home/oa/zhaopin.png" alt=""><p>招聘申请</p></div></li>
+              <li class="item-col-8" data-aos="fade-up" data-aos-delay="600"><div class="li"><img src="https://www.gougucms.com/static/home/oa/ruzhi.png" alt=""><p>入职申请</p></div</li>
+              <li class="item-col-8" data-aos="fade-up" data-aos-delay="600"><div class="li"><img src="https://www.gougucms.com/static/home/oa/zhuanzheng.png" alt=""><p>转正申请</p></div></li>
+              <li class="item-col-8" data-aos="fade-up" data-aos-delay="600"><div class="li"><img src="https://www.gougucms.com/static/home/oa/zhuangang.png" alt=""><p>转岗申请</p></div></li>
+              <li class="item-col-8" data-aos="fade-up" data-aos-delay="600"><div class="li"><img src="https://www.gougucms.com/static/home/oa/lizhi.png" alt=""><p>离职申请</p></div></li>
+              <li class="item-col-8" data-aos="fade-up" data-aos-delay="600"><div class="li"><img src="https://www.gougucms.com/static/home/oa/baoxiao.png" alt=""><p>费用报销</p></div></li>
+              <li class="item-col-8" data-aos="fade-up" data-aos-delay="600"><div class="li"><img src="https://www.gougucms.com/static/home/oa/fapiao.png" alt=""><p>发票审批</p></div></li>
+              <li class="item-col-8" data-aos="fade-up" data-aos-delay="600"><div class="li"><img src="https://www.gougucms.com/static/home/oa/diy.png" alt=""><p>万能审批</p></div></li>
+            </ul>
+        </div>
+    </section>
+
+	<section class="services">
+		<div class="container" data-aos="fade-down">
+			<header class="section-header">
+				<h2>六大主要功能模块，开箱即用</h2>
+				<p>为企业构建一站式智能、敏捷、高效的数字化及信息化办公平台。</p>
+			</header>
+			<div class="item-wrap">
+				<div class="item-col-3" data-aos="fade-up" data-aos-delay="200">
+					<div class="service-box blue">
+						<i class="bi bi-calendar2-check-fill"></i>
+						<h3>办公审批</h3>
+						<p>支持人事、财务、行政、业务等多审批流程</p>
+					</div>
+				</div>
+				<div class="item-col-3" data-aos="fade-up" data-aos-delay="300">
+					<div class="service-box orange">
+						<i class="bi bi-exclude"></i>
+						<h3>日常办公</h3>
+						<p>日程、计划、周报、日报等信息化办公工具</p>
+					</div>
+				</div>
+				<div class="item-col-3" data-aos="fade-up" data-aos-delay="400">
+					<div class="service-box green">
+						<i class="bi bi-people-fill"></i>
+						<h3>客户管理</h3>
+						<p>统一管理客户，沉淀客户资产，避免客户流失</p>
+					</div>
+				</div>
+				<div class="item-col-3" data-aos="fade-up" data-aos-delay="500">
+					<div class="service-box red">
+						<i class="bi bi-stickies-fill"></i>
+						<h3>合同管理</h3>
+						<p>合同维护、审批、执行、变更、关闭全流程管理</p>
+					</div>
+				</div>
+				<div class="item-col-3" data-aos="fade-up" data-aos-delay="600">
+					<div class="service-box purple">
+						<i class="bi bi-collection-fill"></i>
+						<h3>项目管理</h3>
+						<p>项目操作记录全覆盖跟踪，项目进度一目了然</p>
+					</div>
+				</div>
+				<div class="item-col-3" data-aos="fade-up" data-aos-delay="700">
+					<div class="service-box pink">
+						<i class="bi bi-table"></i>
+						<h3>财务管理</h3>
+						<p>财务报销、开票、到账，财务数据规范化管理</p>
+					</div>
+				</div>
+			</div>
+        </div>
+	</section>
+
+
+    <section class="step">
+        <div class="step-container">
+        <div class="container" data-aos="fade-up">            
+            <header class="section-header">
+                <h2>系统私有化部署的优势</h2>
+            </header>  
+            <div class="item-wrap">
+                <div class="item-col-6">
+                    <div class="step-box">
+                        <i class="bi bi-x-diamond-fill"></i>
+                        <div>
+                            <p>功能应用</p>
+                            <span>更灵活</span>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="item-col-6">
+                    <div class="step-box">
+                        <i class="bi bi-shield-fill-check" style="color: #ee6c20;"></i>
+                        <div>
+                            <p>安全性</p>
+                            <span style="color: #ee6c20;">更高</span>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="item-col-6">
+                    <div class="step-box">
+                        <i class="bi bi-menu-button-wide-fill" style="color: #52CD75;"></i>
+                        <div>
+                            <p>可拓展性</p>
+                            <span style="color: #52CD75;">更强</span>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="item-col-6">
+                    <div class="step-box">
+                        <i class="bi bi-currency-exchange" style="color: #EA4335;"></i>
+                        <div>
+                            <p>性价比</p>
+                            <span style="color: #EA4335;">更高</span>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="item-col-6">
+                    <div class="step-box">
+                        <i class="bi bi-server" style="color: #9B74D7;"></i>
+                        <div>
+                            <p>数据私密性</p>
+                            <span style="color: #9B74D7;">更强</span>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="item-col-6">
+                    <div class="step-box">
+                        <i class="bi bi-inboxes-fill" style="color: #f51f9c;"></i>
+                        <div>
+                            <p>需求定制</p>
+                            <span style="color: #f51f9c;">更贴近</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        </div>
+    </section>	
+	
+{/block}
+{block name="script"}
+	<script src="https://www.gougucms.com/static/home/dev/aos.js"></script>
+	<script src="https://www.gougucms.com/static/home/js/layer/layer.js"></script> 
+    <script>
+      AOS.init({
+        easing: 'ease-in-out-sine'
+      });
+	  
+	  $('.btn-view').on('click',function(){
+		layer.open({
+			'title':'体验账号',
+			'content':'BOSS角色：suhaizhen：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;123456<br> 人事总监：fengcailing ：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;123456<br>财务总监：yucixin&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1234566<br>市场总监：qinjiaxian&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1234566<br>技术总监：yexiaochai&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1234566<br>'
+		});
+	  })
+    </script>
+{/block}
+</body>
+</html>
\ No newline at end of file