修改

dev/static/font/cavan.css

@@ -14,4 +14,8 @@
 @font-face {
     font-family: 'DINBOLD';
     src: url('./din-bold.ttf') format('truetype');
+}
+@font-face {
+    font-family: 'SemiBold';
+    src: url('./CrimsonText-SemiBold-6.ttf') format('truetype');
 }

src/pages/HogoodCoffee/App.js

@@ -42,15 +42,16 @@ export default class App {
         document.addEventListener('DOMContentLoaded', function () {
             const menuItems = document.querySelectorAll('.menuOne');
             const sections = document.querySelectorAll('div[id="m1"], div[id="m2"], div[id="m3"], div[id="m4"]'); // 获取所有带有 id 的 div
-
+            
             function updateMenu() {
                 let scrollPosition = window.scrollY; // 获取当前滚动位置
                 let foundActive = false; // 标记是否找到当前活动的菜单项
+                const threshold = 200; // 设置阈值为 200 像素
                 sections.forEach(section => {
                     const sectionTop = section.offsetTop; // 获取当前 section 的顶部位置
                     const sectionHeight = section.offsetHeight; // 获取当前 section 的高度
-                    // 检查当前 section 是否在视口内
-                    if (scrollPosition >= sectionTop && scrollPosition < sectionTop + sectionHeight) {
+                    // 检查当前 section 是否在视口内，并且滚动位置超过阈值
+                    if (scrollPosition >= sectionTop - threshold && scrollPosition < sectionTop + sectionHeight) {
                         // 移除所有菜单项的选中状态
                         menuItems.forEach(item => item.classList.remove('menuClicked'));
                         // 找到对应的菜单项并添加选中状态
@@ -173,20 +174,21 @@ export default class App {
         function playOnceAndPause() {
             // 重置视频到起始位置（防止重复播放残留）
             video.currentTime = 0;
-
-            // 播放视频
-            const playPromise = video.play();
-
-            // 处理浏览器自动播放策略
-            if (playPromise !== undefined) {
-                playPromise.catch(error => {
-                    // 如果自动播放被阻止，显示播放按钮
-                    showPlayButton();
-                }).then(() => {
-                    // 播放成功后的处理
-                    video.addEventListener('ended', handleEnded);
-                });
-            }
+            video.playbackRate = 0.7; 
+            setTimeout(() => {
+                // 播放视频
+                const playPromise = video.play();
+                // 处理浏览器自动播放策略
+                if (playPromise !== undefined) {
+                    playPromise.catch(error => {
+                        // 如果自动播放被阻止，显示播放按钮
+                        showPlayButton();
+                    }).then(() => {
+                        // 播放成功后的处理
+                        video.addEventListener('ended', handleEnded);
+                    });
+                }
+            }, 500); // 延迟 500 毫秒（0.5 秒）
         }
 
         // 4. 播放结束处理

src/pages/HogoodCoffee/index.html

@@ -105,12 +105,12 @@
                     Shenzhen,
                     with e-commerce channels covering Tmall、Taobao、JD、Pinduoduo、Alibaba and Douyin online
                     marketplaces.</p>
-                <div class="flexBox" style="margin-bottom: 0;">
+                <div class="flexBox" style="margin-bottom: 0;align-items: normal;">
                     <div class="p5">Internationally, the products are exported to more than 20 countries and
                         regions including the UK, USA, Russia, South Korea, Singapore, and Japan.
                     </div>
                     <div style="padding-right: 40px;">
-                        <div class="p4">><span>20</span></div>
+                        <div class="p4" style="line-height: 1.1;">><span>20</span></div>
                         <div class="p6">countries and regions</div>
                     </div>
                 </div>
@@ -124,11 +124,9 @@
                 <div class="imgCon">
                     <div class="imgLi">
                         <img src="./static/images/hgkf/p1.png" alt="">
-                        <span>Roasted coffee beans</span>
                     </div>
                     <div class="imgLi">
                         <img src="./static/images/hgkf/p2.png" alt="">
-                        <span>Roasted coffee beans</span>
                     </div>
                 </div>
             </div>

src/pages/HogoodCoffee/index.less

@@ -74,7 +74,7 @@
             font-size: 70px;
             color: #000000;
             text-align: center;
-            font-family: 'CrimsonTextBold';
+            font-family: 'SemiBold';
             padding: 210px 0 50px 0;
         }
         .contents{
@@ -137,7 +137,7 @@
             font-size: 70px;
             color: #000000;
             text-align: center;
-            font-family: 'CrimsonTextBold';
+            font-family: 'SemiBold';
             padding: 140px 0 50px 0;
         }
 
@@ -205,7 +205,7 @@
 
     .chart {
         width: 100%;
-        height: 1000px;
+        height: 920px;
         max-width: 1920px;
         background: url("../common/images/tbBj.png") no-repeat center;
         background-size: 1920px 838px;
@@ -215,7 +215,7 @@
             font-size: 70px;
             color: #000000;
             text-align: center;
-            font-family: 'CrimsonTextBold';
+            font-family: 'SemiBold';
             padding: 150px 0 0 0;
         }
 
@@ -252,7 +252,7 @@ p{
         font-size: 70px;
         color: #000000;
         text-align: center;
-        font-family: 'CrimsonTextBold';
+        font-family: 'SemiBold';
         padding: 120px 0 50px 0;
         z-index: 2;
         position: relative;

src/pages/common/tpl/header.tpl

@@ -56,9 +56,6 @@
                         <a href="./join.html?type=b#careersInfo"><span>招标信息</span></a>
                     </div>
                 </div>
-                <div class="menuOne">
-                    <a href="./HogoodCoffee.html">后谷咖啡</a>
-                </div>
             </div>
             <div class="language menuOne">
                 <div class="btn2 btnW searchDiv"><span class="iconfont icon-search"></span></div>

src/pages/product/index.html

@@ -227,7 +227,8 @@
             <div class="upDiv">
               <div class="upDivTit">后谷（控股）云南有限公司</div>
               <div class="text">成立于2007年，是集咖啡种植、精深加工、进出口贸易、品牌产品经销为一体的全产业链咖啡企业，荣获“中国驰名商标”。</div>
-              <a href="https://www.hogoodcoffee.com/" target="_blank"></a>
+              <a class="a1" href="https://www.hogoodcoffee.com/" target="_blank"></a>
+              <a class="a2" href="./HogoodCoffee.html" target="_blank"></a>
             </div>
           </div>
           <div class="memberLi">

src/pages/product/index.less

@@ -303,10 +303,25 @@
           background-size: 100% 100%;
           transition: all 0.4s ease 0s;
         }
+        .a1{
+          position: absolute;
+          bottom: 40px;
+          left: 58%;
+          
+        }
+        .a2{
+          position: absolute;
+          bottom: 40px;
+          left: 40%;
+          background: url(./images/kfd.png) no-repeat;
+          background-size: 100% 100%;
+        }
+
         .hideA{
           display: none;
         }
       }
+
       &:hover{
         
         // .text{