diff --git a/about.html b/about.html
index 988c463..69f00a3 100644
--- a/about.html
+++ b/about.html
@@ -24,7 +24,7 @@
 		<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
 	</head>
-	<body  id="top">
+	<body id="top">
 		<!-- 头部导航 -->
 		<header class="header index-header w100">
 			<div class="head w1300">
@@ -783,81 +783,79 @@
 								<div class="join-list-item">
 									<div class="join-txt">
 										<a href="join-detail.html">
-											<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
+											<div class="join-title"><h2 class="clips1">高级语音研发工程师11</h2><span>2021.12.25</span></div>
 											<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
 											<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
 										</a>
 									</div>
 									<div class="join-txt">
 										<a href="javascript:void(0);" rel="nofollow">
-											<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
+											<div class="join-title"><h2 class="clips1">高级语音研发工程师11</h2><span>2021.12.25</span></div>
 											<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
 											<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
 										</a>
 									</div>
 									<div class="join-txt">
 										<a href="javascript:void(0);" rel="nofollow">
-											<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
+											<div class="join-title"><h2 class="clips1">高级语音研发工程师11</h2><span>2021.12.25</span></div>
+											<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
+											<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
+										</a>
+									</div>
+								</div>
+								<div class="join-list-item">
+									<div class="join-txt">
+										<a href="javascript:void(0);" rel="nofollow">
+											<div class="join-title"><h2 class="clips1">高级语音研发工程师22</h2><span>2021.12.25</span></div>
 											<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
 											<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
 										</a>
 									</div>
 									<div class="join-txt">
 										<a href="javascript:void(0);" rel="nofollow">
-											<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
+											<div class="join-title"><h2 class="clips1">高级语音研发工程师22</h2><span>2021.12.25</span></div>
 											<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
 											<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
 										</a>
 									</div>
 									<div class="join-txt">
 										<a href="javascript:void(0);" rel="nofollow">
-											<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
+											<div class="join-title"><h2 class="clips1">高级语音研发工程师22</h2><span>2021.12.25</span></div>
 											<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
 											<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
 										</a>
 									</div>
 									<div class="join-txt">
 										<a href="javascript:void(0);" rel="nofollow">
-											<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
+											<div class="join-title"><h2 class="clips1">高级语音研发工程师22</h2><span>2021.12.25</span></div>
 											<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
 											<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
 										</a>
 									</div>
 									<div class="join-txt">
 										<a href="javascript:void(0);" rel="nofollow">
-											<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
+											<div class="join-title"><h2 class="clips1">高级语音研发工程师22</h2><span>2021.12.25</span></div>
 											<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
 											<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
 										</a>
 									</div>
+								</div>
+								<div class="join-list-item">
 									<div class="join-txt">
 										<a href="javascript:void(0);" rel="nofollow">
-											<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
-											<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
-											<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
-										</a>
-									</div>
-									<div class="join-txt">
-										<a href="javascript:void(0);" rel="nofollow">
-											<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
+											<div class="join-title"><h2 class="clips1">高级语音研发工程师33</h2><span>2021.12.25</span></div>
 											<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
 											<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
 										</a>
 									</div>
 									<div class="join-txt">
 										<a href="join-detail.html">
-											<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
+											<div class="join-title"><h2 class="clips1">高级语音研发工程师33</h2><span>2021.12.25</span></div>
 											<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
 											<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
 										</a>
 									</div>
 								</div>
-								<div class="join-list-item">
-									社会招聘02
-								</div>
-								<div class="join-list-item">
-									社会招聘03
-								</div>
 								<div class="join-list-item">
 									社会招聘04
 								</div>
@@ -876,80 +874,84 @@
 									</div>
 									<div class="join-txt">
 										<a href="javascript:void(0);" rel="nofollow">
-											<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
+											<div class="join-title"><h2 class="clips1">高级语音研发工程师123</h2><span>2021.12.25</span></div>
 											<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
 											<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
 										</a>
 									</div>
 									<div class="join-txt">
 										<a href="javascript:void(0);" rel="nofollow">
-											<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
+											<div class="join-title"><h2 class="clips1">高级语音研发工程师123</h2><span>2021.12.25</span></div>
+											<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
+											<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
+										</a>
+									</div>
+								</div>
+								<div class="join-list-item">
+									<div class="join-txt">
+										<a href="javascript:void(0);" rel="nofollow">
+											<div class="join-title"><h2 class="clips1">高级语音研发工程师223</h2><span>2021.12.25</span></div>
 											<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
 											<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
 										</a>
 									</div>
 									<div class="join-txt">
 										<a href="javascript:void(0);" rel="nofollow">
-											<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
+											<div class="join-title"><h2 class="clips1">高级语音研发工程师223</h2><span>2021.12.25</span></div>
+											<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
+											<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
+										</a>
+									</div>
+								</div>
+								<div class="join-list-item">
+									<div class="join-txt">
+										<a href="javascript:void(0);" rel="nofollow">
+											<div class="join-title"><h2 class="clips1">高级语音研发工程师55555</h2><span>2021.12.25</span></div>
+											<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
+											<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
+										</a>
+									</div>
+								</div>
+								<div class="join-list-item">
+									<div class="join-txt">
+										<a href="javascript:void(0);" rel="nofollow">
+											<div class="join-title"><h2 class="clips1">高级语音研发工程师423</h2><span>2021.12.25</span></div>
 											<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
 											<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
 										</a>
 									</div>
 									<div class="join-txt">
 										<a href="javascript:void(0);" rel="nofollow">
-											<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
+											<div class="join-title"><h2 class="clips1">高级语音研发工程师423</h2><span>2021.12.25</span></div>
 											<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
 											<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
 										</a>
 									</div>
 									<div class="join-txt">
 										<a href="javascript:void(0);" rel="nofollow">
-											<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
+											<div class="join-title"><h2 class="clips1">高级语音研发工程师423</h2><span>2021.12.25</span></div>
 											<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
 											<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
 										</a>
 									</div>
+									
+								</div>
+								<div class="join-list-item">
 									<div class="join-txt">
 										<a href="javascript:void(0);" rel="nofollow">
-											<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
-											<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
-											<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
-										</a>
-									</div>
-									<div class="join-txt">
-										<a href="javascript:void(0);" rel="nofollow">
-											<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
-											<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
-											<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
-										</a>
-									</div>
-									<div class="join-txt">
-										<a href="javascript:void(0);" rel="nofollow">
-											<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
+											<div class="join-title"><h2 class="clips1">高级语音研发工程师523</h2><span>2021.12.25</span></div>
 											<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
 											<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
 										</a>
 									</div>
 									<div class="join-txt">
 										<a href="join-detail.html">
-											<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
+											<div class="join-title"><h2 class="clips1">高级语音研发工程师523W</h2><span>2021.12.25</span></div>
 											<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
 											<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
 										</a>
 									</div>
 								</div>
-								<div class="join-list-item">
-									校园招聘02
-								</div>
-								<div class="join-list-item">
-									校园招聘03
-								</div>
-								<div class="join-list-item">
-									校园招聘04
-								</div>
-								<div class="join-list-item">
-									校园招聘05
-								</div>
 							</li>
 						</ul>
 					</div>
@@ -1091,5 +1093,18 @@
 				</ul>
 			</div>
 		</footer>
-	</body>
+	</body>
+	<script type="text/javascript">
+		if(screen.width > 900){
+			let navTop = $(".pull-sub-nav").offset().top-62;
+			$(window).bind("scroll",function(){
+				let topScroll=$(this).scrollTop();//当前窗口的滚动距离
+				if(topScroll > navTop){
+					$(".pull-sub-nav").addClass("nav-fixed")
+				}else{
+					$(".pull-sub-nav").removeClass("nav-fixed")
+				}
+			});
+		};
+	</script>
 </html>
\ No newline at end of file
diff --git a/news.html b/news.html
index 489c3d1..3cf9b98 100644
--- a/news.html
+++ b/news.html
@@ -24,7 +24,7 @@
 		<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
 	</head>
-	<body  id="top">
+	<body id="top">
 		<!-- 头部导航 -->
 		<header class="header index-header w100">
 			<div class="head w1300">
@@ -635,5 +635,18 @@
 				</ul>
 			</div>
 		</footer>
-	</body>
+	</body>
+	<script type="text/javascript">
+		if(screen.width > 900){
+			let navTop = $(".pull-sub-nav").offset().top-62;
+			$(window).bind("scroll",function(){
+				let topScroll=$(this).scrollTop();//当前窗口的滚动距离
+				if(topScroll > navTop){
+					$(".pull-sub-nav").addClass("nav-fixed")
+				}else{
+					$(".pull-sub-nav").removeClass("nav-fixed")
+				}
+			});
+		};
+	</script>
 </html>
diff --git a/product.html b/product.html
index 7e38304..74ad74c 100644
--- a/product.html
+++ b/product.html
@@ -24,7 +24,7 @@
 		<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
 	</head>
-	<body  id="top">
+	<body id="top">
 		<!-- 头部导航 -->
 		<header class="header index-header w100">
 			<div class="head w1300">
@@ -957,5 +957,18 @@
 				</ul>
 			</div>
 		</footer>
-	</body>
+	</body>
+	<script type="text/javascript">
+		if(screen.width > 900){
+			let navTop = $(".product-nav").offset().top-62;
+			$(window).bind("scroll",function(){
+				let topScroll=$(this).scrollTop();//当前窗口的滚动距离
+				if(topScroll > navTop){
+					$(".product-nav").addClass("nav-fixed")
+				}else{
+					$(".product-nav").removeClass("nav-fixed")
+				}
+			});
+		};
+	</script>
 </html>
\ No newline at end of file
