From 3b93867aa6bf73bc9378d160a4653c042852bb2f Mon Sep 17 00:00:00 2001
From: tangyi <275503107@qq.com>
Date: Mon, 14 Feb 2022 18:15:04 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E6=AC=A1=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/style.css                         |  91 +++++++-
 htmls/Interview.html                  |  21 +-
 htmls/InterviewDetails.html           |  19 +-
 htmls/aboutUs.html                    |  21 +-
 htmls/brand.html                      |  34 +--
 htmls/contactUs.html                  |  21 +-
 htmls/contentPage.html                |  17 +-
 htmls/engineering.html                |  47 ++--
 htmls/honoraryCertificate.html        |  19 +-
 htmls/indexBrand.html                 |  31 ++-
 htmls/projectIntroduction.html        | 315 +++++++++++++-------------
 htmls/projectIntroductionDetails.html |  18 +-
 htmls/serviceConcept.html             |  31 +--
 htmls/siteImage.html                  |  25 +-
 htmls/wellKnownProducts.html          |  27 ++-
 htmls/测量工具1.jpg               | Bin 0 -> 1146 bytes
 imgs/iocn3.png                        | Bin 0 -> 1294 bytes
 index.html                            |   2 +-
 18 files changed, 400 insertions(+), 339 deletions(-)
 create mode 100644 htmls/测量工具1.jpg
 create mode 100644 imgs/iocn3.png

diff --git a/css/style.css b/css/style.css
index af91309..e3d80fe 100644
--- a/css/style.css
+++ b/css/style.css
@@ -109,6 +109,9 @@
     z-index: 5;
     left: 0px;
 }
+.footer a{
+    color: #262626;
+}
 .returnIndex{
     position: fixed;
     right: 50px;
@@ -131,6 +134,7 @@
 .text{
     width: 954px;
     height: 806px;
+    animation: myfirstTe 2s;
     text-align: center;
     padding: 60px 30px 60px 80px;
     box-shadow: 0px 0px 130px #000 inset;
@@ -153,6 +157,7 @@
 .contentPageC .title{
     font-size: 44px;
     margin-bottom: 59px;
+    font-style:italic;
     line-height: 44px;
     color: #fefefe;
 }
@@ -186,7 +191,7 @@
 
      -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
 
-    background: #535353;
+    background: #A3A3A3;
 
 }
 
@@ -196,7 +201,7 @@
 
     border-radius: 10px;
 
-    background: #EDEDED;
+    background: #201E1B;
 
 }
 
@@ -219,25 +224,32 @@
 }
 .aboutUsTitle{
 font-size: 28px;
+animation: myfirst 4s;
 color: #e8e8e8;
 margin-bottom: 30px;
 padding-top: 60px;
 }
 .aboutUsSubtitle{
     font-size: 18px;
+    animation: myfirst 4s;
     color: #e8e8e8;
     line-height: 36px;
     
 }
+
 .aboutUsP{
     font-size: 16px;
     line-height: 32px;
     margin-top: 65px;
+    animation: myfirsta 4s;
+    
+    
     color: #e8e8e8;
 }
 .honoraryCertificate .title{
 font-size: 44px;
 margin-bottom: 43px;
+font-style:italic;
 padding-top: 30px;
 text-align: center;
 color: #e8e8e8;
@@ -355,6 +367,7 @@ margin-bottom: 12px;
 .Interview .title{
     font-size: 44px;
     color: #fefefe;
+    font-style:italic;
     text-align: center;
 }
 .Interview .select{
@@ -403,6 +416,9 @@ margin-bottom: 12px;
     line-height: 24px;
     color: #e8e8e8;
 }
+.projectIntroductionList>div>.on{
+    text-decoration: underline;
+}
 .projectIntroduction{
     display: flex;
     justify-content: space-between;
@@ -417,8 +433,13 @@ margin-bottom: 12px;
 .projectIntroductionCon .title{
     font-size: 44px;
     color: #fefefe;
+    font-style:italic;
     text-align: center;
 }
+option{
+    font-size: 20px;
+    background-color: rgba(0,0,0,0); 
+}
 .projectIntroductionCon .select{
     width: 100px;
     height: 46px;
@@ -529,6 +550,7 @@ margin-bottom: 12px;
 }
 .brand  .title{
     margin-bottom: 22px;
+    font-style:italic
 
 }
 .brand .p{
@@ -562,10 +584,14 @@ margin-bottom: 12px;
 .serviceConcept .list>:nth-child(2){
     font-size: 22px;
     color: #e8e8e8;
-    font-weight: bold;
+
     line-height: 22px;
     margin-bottom: 12px;
 }
+.serviceConcept .list:hover>:nth-child(2){
+    font-weight: bold;
+}
+
 .serviceConcept .list>:nth-child(3){
     font-size: 12px;
     color: #ffffff;
@@ -589,7 +615,7 @@ margin-bottom: 12px;
 }
 
 .serviceConcept .list:hover{
-    background-color: rgba(196,196,196,0.5);
+    background-color: rgba(196,196,196,0.9);
     
 }
 .serviceConcept .list:hover>:nth-child(2){
@@ -727,7 +753,7 @@ height: 31px;
     margin-right: 32px;
 }
 .indexBrandCon .contentPage{
-      width: 600px;
+      width: 580px;
       text-align: left;
 }
 .indexBrandNav{
@@ -737,17 +763,23 @@ height: 31px;
 .indexBrandNav .list p{
     font-size: 16px;
     line-height: 16px;
-    margin-bottom: 16px;
+    margin-bottom: 5px;
     color: #e8e8e8;
+    display: inline-block;
+    padding: 5px;
+}
+.indexBrandNav .list  .on{
+    background-color: #3b3a39;
 }
 .indexBrandCon .contentPage .subtitle{
     margin-top: 30px;
 
 }
-.indexBrandNav  .list .tit{
+.indexBrandNav .tit{
     font-size: 18px;
     line-height: 18px;
     color: #e8e8e8;
+    margin-bottom: 15px;
     padding-bottom: 12px;
     
     border-bottom: 1px solid #2c2b28;
@@ -931,6 +963,12 @@ height: 84px;
 .swiper-a{
     transform: rotate(180deg);
 }
+select{
+    outline:none
+}
+.aboutUsText{
+    margin-left: -55px;
+}
 @media screen and (min-width:767px) and (max-width:991px) {
 
 }
@@ -1001,6 +1039,7 @@ height: 84px;
  
     .aboutUsText{
         width: 70%;
+        margin: 0px;
     }
     .honoraryCertificateCon{
         margin-left: 30px;
@@ -1113,6 +1152,7 @@ height: 84px;
     }
     .projectIntroductionCon .title{
         font-size: 24px;
+        
     }
     .engineeringNavList{
         display: flex;
@@ -1344,4 +1384,41 @@ height: 84px;
         margin: 0px;
         margin-top: 20px;
     }
+}
+@keyframes myfirst
+{
+    0% {
+        margin-left: 100px;
+        opacity: 0;
+    }
+    50%{
+        margin-left: 100px;
+        opacity: 0; 
+    }
+    100% {
+        margin-left: 0px;
+        opacity: 1;
+    }
+}
+@keyframes myfirsta
+{
+    from {
+        margin-top: 200px;
+        opacity: 0;
+    }
+    to {
+        margin-top: 65px;
+        opacity: 1;
+    }
+}
+@keyframes myfirstTe
+{
+    from {
+        margin-top: 100vh;
+        opacity: 0;
+    }
+    to {
+        margin-top: 0px;
+        opacity: 1;
+    }
 }
\ No newline at end of file
diff --git a/htmls/Interview.html b/htmls/Interview.html
index 1fd771b..d8d37a4 100644
--- a/htmls/Interview.html
+++ b/htmls/Interview.html
@@ -34,20 +34,17 @@
                         <img src="../imgs/logo.png" alt="">
                     </div>
                     <div class="navLsit">
-                        <a href="./contentPage.html" >盛堂世家</a>
+                        <a href="./contentPage.html">盛堂世家</a>
                         <a href="./indexBrand.html">盛堂品牌</a>
-                        <a  href="./aboutUs.html">關於Allen Zhou</a>
-                        <a  class="on" href="./honoraryCertificate.html">資質榮譽
-                          <object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
-                      </a>
-                        <a href="./projectIntroduction.html">項目介紹</a>
-                        <a href="./brand.html">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a href="./serviceConcept.html">理念</a><a href="./wellKnownProducts.html">产品</a></object></a>
-                        <a href="./engineering.html">工程工藝 
-                          <object class="make">     <a href="./engineering.html">工程工藝 </a><a href="./siteImage.html">工地形象</a></object>
+                        <a href="./aboutUs.html">關於Allen Zhou</a>
+                        <a class="on" href="./honoraryCertificate.html">資質榮譽
+                            <object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
                         </a>
-
+                        <a href="./projectIntroduction.html">項目介紹</a>
+                        <a   href="./brand.html">名品軟裝</a>
+                        <a href="./engineering.html">工程工藝 </a>
                         <a href="./contactUs.html">聯繫我們</a>
-                      </div>
+                    </div>
 
                 </div>
 
@@ -141,7 +138,7 @@
     </div>
 
     <div class="footer">
-        <a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
+        	<a href="">Copyright 2022 盛堂世家設計機構 All rights reserved   蜀ICP備12345678號   技术支持：全美网络 </a>
     </div>
 
     </div>
diff --git a/htmls/InterviewDetails.html b/htmls/InterviewDetails.html
index 88fc793..6ead5c5 100644
--- a/htmls/InterviewDetails.html
+++ b/htmls/InterviewDetails.html
@@ -30,20 +30,17 @@
                          <img src="../imgs/logo.png" alt="">
                         </div>
                         <div class="navLsit">
-                          <a href="./contentPage.html" >盛堂世家</a>
+                          <a href="./contentPage.html">盛堂世家</a>
                           <a href="./indexBrand.html">盛堂品牌</a>
                           <a href="./aboutUs.html">關於Allen Zhou</a>
-                          <a  class="on" href="./honoraryCertificate.html">資質榮譽
-                            <object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
-                        </a>
-                          <a href="./projectIntroduction.html">項目介紹</a>
-                          <a href="./brand.html">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a href="./serviceConcept.html">理念</a><a href="./wellKnownProducts.html">产品</a></object></a>
-                          <a href="./engineering.html">工程工藝 
-                            <object class="make">     <a href="./engineering.html">工程工藝 </a><a href="./siteImage.html">工地形象</a></object>
+                          <a href="./honoraryCertificate.html">資質榮譽
+                              <object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
                           </a>
-
+                          <a href="./projectIntroduction.html">項目介紹</a>
+                          <a  class="on" href="./brand.html">名品軟裝</a>
+                          <a href="./engineering.html">工程工藝 </a>
                           <a href="./contactUs.html">聯繫我們</a>
-                        </div>
+                      </div>
                      
                     </div>
 
@@ -69,7 +66,7 @@
 			</div>
 
             <div class="footer">
-                <a href="">	Copyright 2022 盛堂世家設計機構 All rights reserved   蜀ICP備12345678號   </a>
+              <a href="">Copyright 2022 盛堂世家設計機構 All rights reserved   蜀ICP備12345678號   技术支持：全美网络 </a>
             </div>
 
 		</div>
diff --git a/htmls/aboutUs.html b/htmls/aboutUs.html
index 13afe3d..32e7f4c 100644
--- a/htmls/aboutUs.html
+++ b/htmls/aboutUs.html
@@ -31,20 +31,17 @@
                          <img src="../imgs/logo.png" alt="">
                         </div>
                         <div class="navLsit">
-                          <a href="./contentPage.html" >盛堂世家</a>
+                          <a href="./contentPage.html">盛堂世家</a>
                           <a href="./indexBrand.html">盛堂品牌</a>
-                          <a class="on" href="./aboutUs.html">關於Allen Zhou</a>
+                          <a  class="on" href="./aboutUs.html">關於Allen Zhou</a>
                           <a href="./honoraryCertificate.html">資質榮譽
-                            <object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
-                        </a>
-                          <a href="./projectIntroduction.html">項目介紹</a>
-                          <a href="./brand.html">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a href="./serviceConcept.html">理念</a><a href="./wellKnownProducts.html">产品</a></object></a>
-                          <a href="./engineering.html">工程工藝 
-                            <object class="make">     <a href="./engineering.html">工程工藝 </a><a href="./siteImage.html">工地形象</a></object>
+                              <object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
                           </a>
-
-                          <a href="./contactUs">聯繫我們</a>
-                        </div>
+                          <a href="./projectIntroduction.html">項目介紹</a>
+                          <a   href="./brand.html">名品軟裝</a>
+                          <a href="./engineering.html">工程工藝 </a>
+                          <a href="./contactUs.html">聯繫我們</a>
+                      </div>
                      
                     </div>
 
@@ -71,7 +68,7 @@
 			</div>
 
             <div class="footer">
-                <a href="">	Copyright 2022 盛堂世家設計機構 All rights reserved   蜀ICP備12345678號   </a>
+              <a href="">Copyright 2022 盛堂世家設計機構 All rights reserved   蜀ICP備12345678號   技术支持：全美网络 </a>
             </div>
 
 		</div>
diff --git a/htmls/brand.html b/htmls/brand.html
index 6fe606d..d2199fe 100644
--- a/htmls/brand.html
+++ b/htmls/brand.html
@@ -30,20 +30,17 @@
                          <img src="../imgs/logo.png" alt="">
                         </div>
                         <div class="navLsit">
-                          <a href="./contentPage.html" >盛堂世家</a>
+                          <a href="./contentPage.html">盛堂世家</a>
                           <a href="./indexBrand.html">盛堂品牌</a>
-                          <a  href="./aboutUs.html">關於Allen Zhou</a>
+                          <a href="./aboutUs.html">關於Allen Zhou</a>
                           <a href="./honoraryCertificate.html">資質榮譽
-                            <object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
-                        </a>
-                          <a href="./projectIntroduction.html">項目介紹</a>
-                          <a class="on" href="./brand.html">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a href="./serviceConcept.html">理念</a><a href="./wellKnownProducts.html">产品</a></object></a>
-                          <a href="./engineering.html">工程工藝 
-                            <object class="make">     <a href="./engineering.html">工程工藝 </a><a href="./siteImage.html">工地形象</a></object>
+                              <object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
                           </a>
-
-                          <a href="./contactUs">聯繫我們</a>
-                        </div>
+                          <a href="./projectIntroduction.html">項目介紹</a>
+                          <a  class="on" href="./brand.html">名品軟裝</a>
+                          <a href="./engineering.html">工程工藝 </a>
+                          <a href="./contactUs.html">聯繫我們</a>
+                      </div>
                      
                     </div>
 
@@ -51,11 +48,18 @@
                       <p class="title">名品軟裝</p>
 
                       <div class="select">
-                        <select  name="" id="">
+                     
+                        <select  onchange="selectFun()" name="" id="">
                             <option value="">品牌</option>
-                            <option value=""></option>
-                            <option value=""></option>
+                            <option value="./serviceConcept.html">理念</option>
+                            <option value="./wellKnownProducts.html">产品</option>
                         </select>
+
+                        <script>
+                        function selectFun(e) {
+                          window.location=event.target.value
+                        }
+                        </script>
                     </div>
                       <div class="contentPage">
                         <p class="subtitle">专注为您量需定制更优生活方式</p>
@@ -70,7 +74,7 @@
 			</div>
 
             <div class="footer">
-                <a href="">	Copyright 2022 盛堂世家設計機構 All rights reserved   蜀ICP備12345678號   </a>
+              <a href="">Copyright 2022 盛堂世家設計機構 All rights reserved   蜀ICP備12345678號   技术支持：全美网络 </a>
             </div>
 
 		</div>
diff --git a/htmls/contactUs.html b/htmls/contactUs.html
index a173e21..ce3ba8c 100644
--- a/htmls/contactUs.html
+++ b/htmls/contactUs.html
@@ -39,20 +39,17 @@
                         <img src="../imgs/logo.png" alt="">
                     </div>
                     <div class="navLsit">
-                        <a href="./contentPage.html" >盛堂世家</a>
+                        <a href="./contentPage.html">盛堂世家</a>
                         <a href="./indexBrand.html">盛堂品牌</a>
-                        <a  href="./aboutUs.html">關於Allen Zhou</a>
+                        <a href="./aboutUs.html">關於Allen Zhou</a>
                         <a href="./honoraryCertificate.html">資質榮譽
-                          <object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
-                      </a>
-                        <a href="./projectIntroduction.html">項目介紹</a>
-                        <a href="./brand.html">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a href="./serviceConcept.html">理念</a><a href="./wellKnownProducts.html">产品</a></object></a>
-                        <a href="./engineering.html">工程工藝 
-                          <object class="make">     <a href="./engineering.html">工程工藝 </a><a href="./siteImage.html">工地形象</a></object>
+                            <object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
                         </a>
-
-                        <a class="on" href="./contactUs.html">聯繫我們</a>
-                      </div>
+                        <a href="./projectIntroduction.html">項目介紹</a>
+                        <a  href="./brand.html">名品軟裝</a>
+                        <a href="./engineering.html">工程工藝 </a>
+                        <a  class="on" href="./contactUs.html">聯繫我們</a>
+                    </div>
 
                 </div>
 
@@ -125,7 +122,7 @@
     </div>
 
     <div class="footer">
-        <a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
+        	<a href="">Copyright 2022 盛堂世家設計機構 All rights reserved   蜀ICP備12345678號   技术支持：全美网络 </a>
     </div>
 
     </div>
diff --git a/htmls/contentPage.html b/htmls/contentPage.html
index 8170b68..a8028be 100644
--- a/htmls/contentPage.html
+++ b/htmls/contentPage.html
@@ -30,20 +30,17 @@
                          <img src="../imgs/logo.png" alt="">
                         </div>
                         <div class="navLsit">
-                          <a class="on"  href="./contentPage.html" >盛堂世家</a>
+                          <a  class="on" href="./contentPage.html">盛堂世家</a>
                           <a href="./indexBrand.html">盛堂品牌</a>
                           <a href="./aboutUs.html">關於Allen Zhou</a>
                           <a href="./honoraryCertificate.html">資質榮譽
-                            <object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
-                        </a>
-                          <a href="./projectIntroduction.html">項目介紹</a>
-                          <a href="./brand.html">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a href="./serviceConcept.html">理念</a><a href="./wellKnownProducts.html">产品</a></object></a>
-                          <a href="./engineering.html">工程工藝 
-                            <object class="make">     <a href="./engineering.html">工程工藝 </a><a href="./siteImage.html">工地形象</a></object>
+                              <object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
                           </a>
-
+                          <a href="./projectIntroduction.html">項目介紹</a>
+                          <a  href="./brand.html">名品軟裝</a>
+                          <a href="./engineering.html">工程工藝 </a>
                           <a href="./contactUs.html">聯繫我們</a>
-                        </div>
+                      </div>
                     </div>
 
                     <div class="text contentPageC">
@@ -72,7 +69,7 @@
 			</div>
 
             <div class="footer">
-                <a href="">	Copyright 2022 盛堂世家設計機構 All rights reserved   蜀ICP備12345678號   </a>
+              <a href="">Copyright 2022 盛堂世家設計機構 All rights reserved   蜀ICP備12345678號   技术支持：全美网络 </a>
             </div>
 
 		</div>
diff --git a/htmls/engineering.html b/htmls/engineering.html
index 439dc9e..fa93aec 100644
--- a/htmls/engineering.html
+++ b/htmls/engineering.html
@@ -34,26 +34,16 @@
                         <img src="../imgs/logo.png" alt="">
                     </div>
                     <div class="navLsit">
-                        <div class="navLsit">
-                            <a href="./contentPage.html">盛堂世家</a>
-                            <a href="./indexBrand.html">盛堂品牌</a>
-                            <a  href="./aboutUs.html">關於Allen Zhou</a>
-                            <a href="./honoraryCertificate.html">資質榮譽
-                                <object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a
-                                        href="./Interview.html">人物專訪</a></object>
-                            </a>
-                            <a href="./projectIntroduction.html">項目介紹</a>
-                            <a href="./brand.html">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a
-                                        href="./serviceConcept.html">理念</a><a
-                                        href="./wellKnownProducts.html">产品</a></object></a>
-                            <a class="on" href="./engineering.html">工程工藝
-                                <object class="make"> <a href="./engineering.html">工程工藝 </a><a
-                                        href="./siteImage.html">工地形象</a></object>
-                            </a>
-
-                            <a href="./contactUs.html">聯繫我們</a>
-                        </div>
-
+                        <a href="./contentPage.html">盛堂世家</a>
+                        <a href="./indexBrand.html">盛堂品牌</a>
+                        <a href="./aboutUs.html">關於Allen Zhou</a>
+                        <a href="./honoraryCertificate.html">資質榮譽
+                            <object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
+                        </a>
+                        <a href="./projectIntroduction.html">項目介紹</a>
+                        <a   href="./brand.html">名品軟裝</a>
+                        <a class="on" href="./engineering.html">工程工藝 </a>
+                        <a href="./contactUs.html">聯繫我們</a>
                     </div>
 
 
@@ -62,12 +52,18 @@
                     <div class="">
                         <p class="title">工程工藝</p>
                         <div class="select">
-                            <select name="" id="">
+                            <select name=" " onchange="selectFun()"    id="">
                                 <option value="">工艺</option>
-                                <option value=""></option>
-                                <option value=""></option>
+
+                                <option value="./siteImage.html">工地形象</option>
                             </select>
                         </div>
+
+                        <script>
+                        function selectFun(e) {
+                          window.location=event.target.value
+                        }
+                        </script>
                     </div>
 
                     <div class="engineering">
@@ -133,12 +129,12 @@
     </div>
 
     <div class="footer">
-        <a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
+        	<a href="">Copyright 2022 盛堂世家設計機構 All rights reserved   蜀ICP備12345678號   技术支持：全美网络 </a>
     </div>
 
     <script src="../js/jquery.min.js"></script>
     <script>
-        let num = 1
+        let num = 0
         let data = [
             {
                 title: "瓷磚",
@@ -195,6 +191,7 @@
                 nodeD()
             }
         })
+        nodeD()
         function nodeD(params) {
             let node = ""
             for (let index = num * 4; index < (4 * (num + 1)); index++) {
diff --git a/htmls/honoraryCertificate.html b/htmls/honoraryCertificate.html
index f9388d0..4cd5db2 100644
--- a/htmls/honoraryCertificate.html
+++ b/htmls/honoraryCertificate.html
@@ -32,20 +32,17 @@
                         <img src="../imgs/logo.png" alt="">
                     </div>
                     <div class="navLsit">
-                        <a href="./contentPage.html" >盛堂世家</a>
+                        <a href="./contentPage.html">盛堂世家</a>
                         <a href="./indexBrand.html">盛堂品牌</a>
                         <a href="./aboutUs.html">關於Allen Zhou</a>
-                        <a class="on navClick"  href="./honoraryCertificate.html">資質榮譽
-                          <object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
-                      </a>
-                        <a href="./projectIntroduction.html">項目介紹</a>
-                        <a href="./brand.html">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a href="./serviceConcept.html">理念</a><a href="./wellKnownProducts.html">产品</a></object></a>
-                        <a href="./engineering.html">工程工藝 
-                          <object class="make">     <a href="./engineering.html">工程工藝 </a><a href="./siteImage.html">工地形象</a></object>
+                        <a  class="on" href="./honoraryCertificate.html">資質榮譽
+                            <object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
                         </a>
-
+                        <a href="./projectIntroduction.html">項目介紹</a>
+                        <a  href="./brand.html">名品軟裝</a>
+                        <a href="./engineering.html">工程工藝 </a>
                         <a href="./contactUs.html">聯繫我們</a>
-                      </div>
+                    </div>
 
                 </div>
 
@@ -90,7 +87,7 @@
         </div>
 
         <div class="footer">
-            <a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
+            	<a href="">Copyright 2022 盛堂世家設計機構 All rights reserved   蜀ICP備12345678號   技术支持：全美网络 </a>
         </div>
 
     </div>
diff --git a/htmls/indexBrand.html b/htmls/indexBrand.html
index 02b6f95..5bc86c8 100644
--- a/htmls/indexBrand.html
+++ b/htmls/indexBrand.html
@@ -30,19 +30,17 @@
                          <img src="../imgs/logo.png" alt="">
                         </div>
                         <div class="navLsit">
-                            <a  href="./contentPage.html" >盛堂世家</a>
-                            <a class="on"  href="./indexBrand.html">盛堂品牌</a>
-                            <a href="./aboutUs.html">關於Allen Zhou</a>
-                            <a href="./honoraryCertificate.html">資質榮譽
+                          <a href="./contentPage.html">盛堂世家</a>
+                          <a  class="on" href="./indexBrand.html">盛堂品牌</a>
+                          <a href="./aboutUs.html">關於Allen Zhou</a>
+                          <a href="./honoraryCertificate.html">資質榮譽
                               <object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
                           </a>
-                            <a href="./projectIntroduction.html">項目介紹</a>
-                            <a href="./brand.html">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a href="./serviceConcept.html">理念</a><a href="./wellKnownProducts.html">产品</a></object></a>
-                            <a href="./engineering.html">工程工藝 
-                              <object class="make">     <a href="./engineering.html">工程工藝 </a><a href="./siteImage.html">工地形象</a></object>
-                            </a>
-                            <a href="./contactUs.html">聯繫我們</a>
-                          </div>
+                          <a href="./projectIntroduction.html">項目介紹</a>
+                          <a  href="./brand.html">名品軟裝</a>
+                          <a href="./engineering.html">工程工藝 </a>
+                          <a href="./contactUs.html">聯繫我們</a>
+                      </div>
                      
                     </div>
 
@@ -51,10 +49,11 @@
 
                      <div class="indexBrandCon">
                          <div class="indexBrandNav">
+                          <p class="tit">【盛堂世家】下辖企业</p>
+
                              <div class="list">
-                             <p class="tit">【盛堂世家】下辖企业</p>
                                  <p>成都盛堂世家装饰工程有限公司   </p>
-                                 <p>盛堂世家·空间美学馆</p>
+                                 <p class="on">盛堂世家·空间美学馆</p>
                                  <p>盛堂世家·名品软装</p>
                                  <p>四川三鼎联创贸易有限公司</p>
                              </div>
@@ -75,7 +74,7 @@
 			</div>
 
             <div class="footer">
-                <a href="">	Copyright 2022 盛堂世家設計機構 All rights reserved   蜀ICP備12345678號   </a>
+              <a href="">Copyright 2022 盛堂世家設計機構 All rights reserved   蜀ICP備12345678號   技术支持：全美网络 </a>
             </div>
 
 		</div>
@@ -104,8 +103,8 @@
     </script>
    <script>
      $(".indexBrandNav .list p").on("click",function () {
-      $(".indexBrandNav .list p").removeClass("tit")
-        $(this).addClass("tit")
+      $(".indexBrandNav .list p").removeClass("on")
+        $(this).addClass("on")
      })
    </script>
 
diff --git a/htmls/projectIntroduction.html b/htmls/projectIntroduction.html
index 20b6d06..2f32c18 100644
--- a/htmls/projectIntroduction.html
+++ b/htmls/projectIntroduction.html
@@ -2,189 +2,192 @@
 <!-- 更加标准的 lang 属性写法 zh-cmn-Hant:繁体中文，zh-cmn-Hans:简体中文 -->
 <html lang="zh-cmn-Hans">
 
-<head>
-    <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-    <meta name="description" content="基于SEO网站" />
-    <meta name="keywords" content="基于SEO网站" />
-    <meta name="applicable-device" content="pc,mobile" />
-    <meta name="MobileOptimized" content="width" />
-    <meta name="HandheldFriendly" content="true" />
-    <meta name="robots" content="noarchive" />
-    <meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
-    <meta name="theme-color" content="#db5945">
-    <meta name="google" value="notranslate">
-    <link rel="shortcut icon" type="image/ico" href="favicon.ico" />
-    <title></title>
-    <link rel="stylesheet" type="text/css" href="../css/base.css" />
-    <link rel="stylesheet" href="../css/swiper.min.css">
-    <link rel="stylesheet" type="text/css" href="../css/style.css" />
-    <script src="../js/swiper.min.js"></script>
+    <head>
+        <meta charset="utf-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+        <meta name="description" content="基于SEO网站" />
+        <meta name="keywords" content="基于SEO网站" />
+        <meta name="applicable-device" content="pc,mobile" />
+        <meta name="MobileOptimized" content="width" />
+        <meta name="HandheldFriendly" content="true" />
+        <meta name="robots" content="noarchive" />
+        <meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
+        <meta name="theme-color" content="#db5945">
+        <meta name="google" value="notranslate">
+        <link rel="shortcut icon" type="image/ico" href="favicon.ico" />
+        <title></title>
+        <link rel="stylesheet" type="text/css" href="../css/base.css" />
+        <link rel="stylesheet" href="../css/swiper.min.css">
+        <link rel="stylesheet" type="text/css" href="../css/style.css" />
+        <script src="../js/swiper.min.js"></script>
 
-</head>
+    </head>
 
-<body>
+    <body>
 
-    <div class="main">
-        <img src="../imgs//xmjs.png" class="ber" alt="">
-        <div class="con">
-            <div class="h100 mainCon mainInterview">
-                <div class="nav conNav navIpd">
-                    <div class="navTop">
-                        <img src="../imgs/logo.png" alt="">
-                    </div>
-                    <div class="navLsit">
-                        <a href="./contentPage.html" >盛堂世家</a>
-                        <a href="./indexBrand.html">盛堂品牌</a>
-                        <a  href="./aboutUs.html">關於Allen Zhou</a>
-                        <a href="./honoraryCertificate.html">資質榮譽
-                          <object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
-                      </a>
-                        <a class="on" href="./projectIntroduction.html">項目介紹</a>
-                        <a href="./brand.html">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a href="./serviceConcept.html">理念</a><a href="./wellKnownProducts.html">产品</a></object></a>
-                        <a href="./engineering.html">工程工藝 
-                          <object class="make">     <a href="./engineering.html">工程工藝 </a><a href="./siteImage.html">工地形象</a></object>
-                        </a>
-
-                        <a href="./contactUs.html">聯繫我們</a>
-                      </div>
-
-                </div>
-
-                <div class="projectIntroductionCon">
-                    <div class="">
-                        <p class="title">項目介紹</p>
-                        <div class="select">
-                            <select name="" id="">
-                                <option value="">所有</option>
-                                <option value=""></option>
-                                <option value=""></option>
-                            </select>
+        <div class="main">
+            <img src="../imgs//xmjs.png" class="ber" alt="">
+            <div class="con">
+                <div class="h100 mainCon mainInterview">
+                    <div class="nav conNav navIpd">
+                        <div class="navTop">
+                            <img src="../imgs/logo.png" alt="">
                         </div>
+                        <div class="navLsit">
+                            <a href="./contentPage.html">盛堂世家</a>
+                            <a href="./indexBrand.html">盛堂品牌</a>
+                            <a href="./aboutUs.html">關於Allen Zhou</a>
+                            <a href="./honoraryCertificate.html">資質榮譽
+                                <object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
+                            </a>
+                            <a class="on" href="./projectIntroduction.html">項目介紹</a>
+                            <a   href="./brand.html">名品軟裝</a>
+                            <a href="./engineering.html">工程工藝 </a>
+                            <a href="./contactUs.html">聯繫我們</a>
+                        </div>
+
                     </div>
 
-                    <div class="projectIntroduction">
-
-                        <div class="projectIntroductionList">
-                            <div class="projectIntroductionNav">
-                                <p>開元集團光霧合谷酒店 </p>
-                                <p>釋玥森林度假酒店 </p>
-                                <p>樂山.清水荷花素食餐廳 </p>
-                                <p>巴中通江主題酒店 </p>
-                                <p>甘南州臨潭縣臨潭大酒店 </p>
-                                <p>南部銘流主題酒店 </p>
-                                <p>長城國際酒店 </p>
-                                <p>康普雷斯國際酒店 </p>
-                                <p>紅原羅布林卡酒店 </p>
-                                <p>新疆庫爾勒金泰國際酒店 </p>
-                                <p>烏魯木齊天成國際酒店 </p>
-                                <p>長城國際酒店 </p>
-                                <p>康普雷斯國際酒店 </p>
-                                <p>寬窄巷子.天趣.紫園 </p>
-                                <div class="projectIntroductionNavButton">
-                                    <img src="../imgs/zk.png" class="" alt="">
-
-                                   </div>
+                    <div class="projectIntroductionCon">
+                        <div class="">
+                            <p class="title">項目介紹</p>
+                            <div class="select">
+                                <select name="" id="">
+                                    <option value="">所有</option>
+                                    <option value=""></option>
+                                    <option value=""></option>
+                                </select>
                             </div>
+                        </div>
+
+                        <div class="projectIntroduction">
+
+                            <div class="projectIntroductionList">
+                                <div class="projectIntroductionNav">
+                                    <p>開元集團光霧合谷酒店 </p>
+                                    <p class="on">釋玥森林度假酒店 </p>
+                                    <p>樂山.清水荷花素食餐廳 </p>
+                                    <p>巴中通江主題酒店 </p>
+                                    <p>甘南州臨潭縣臨潭大酒店 </p>
+                                    <p>南部銘流主題酒店 </p>
+                                    <p>長城國際酒店 </p>
+                                    <p>康普雷斯國際酒店 </p>
+                                    <p>紅原羅布林卡酒店 </p>
+                                    <p>新疆庫爾勒金泰國際酒店 </p>
+                                    <p>烏魯木齊天成國際酒店 </p>
+                                    <p>長城國際酒店 </p>
+                                    <p>康普雷斯國際酒店 </p>
+                                    <p>寬窄巷子.天趣.紫園 </p>
+                                    <div class="projectIntroductionNavButton">
+                                        <img src="../imgs/zk.png" class="" alt="">
+
+                                    </div>
+                                </div>
+
+                                <div class="projectIntroductionJt">
+                                    <a href="" class="jth"><img src="../imgs/jt3.png" alt=""></a>
+                                    <a href="" class="jth"> <img src="../imgs/jt.png" alt=""></a>
+                                </div>
+
+                            </div>
+                            <div class="projectIntroductionConMain">
+                                <img src="../imgs/imga.png" alt="">
+                                <img src="../imgs/imga.png" alt="">
+                                <img src="../imgs/imga.png" alt="">
+                                <img src="../imgs/imga.png" alt="">
+                                <img src="../imgs/imga.png" alt="">
 
-                            <div class="projectIntroductionJt">
-                                <a href="" class="jth"><img src="../imgs/jt3.png" alt=""></a>
-                                <a href="" class="jth"> <img src="../imgs/jt.png" alt=""></a>
                             </div>
 
                         </div>
-                        <a href="./projectIntroductionDetails.html" class="projectIntroductionConMain">
-                         <img src="../imgs/imga.png" alt="">
-                         <img src="../imgs/imga.png" alt="">
-                         <img src="../imgs/imga.png" alt="">
-                         <img src="../imgs/imga.png" alt="">
-                         <img src="../imgs/imga.png" alt="">
 
-                        </a>
+
 
                     </div>
-
-
-
                 </div>
             </div>
+
+
+        </div>
+
+        </div>
+
+        <div class="footer">
+            <a href="">Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 技术支持：全美网络 </a>
+        </div>
+
         </div>
 
 
-    </div>
-
-    </div>
-
-    <div class="footer">
-        <a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
-    </div>
-
-    </div>
+        <script src="../js/jquery.min.js"></script>
 
 
-    <script src="../js/jquery.min.js"></script>
+        <div class="navCon">
+            <p></p>
+            <p></p>
+            <p></p>
+        </div>
 
+        <a href="/" class="returnIndex">
+            <img src="../imgs/home.png" alt="">
+        </a>
+        <script>
+            $(".navCon").on("click", (e) => {
+                console.log(123);
+                $(".navIpd").css("right", "0px")
 
-    <div class="navCon">
-        <p></p>
-        <p></p>
-        <p></p>
-     </div>
-      
-          <a href="/" class="returnIndex">
-              <img src="../imgs/home.png" alt="">
-          </a>
-      <script>
-           $(".navCon").on("click",(e)=>{
-             console.log(123);
-             $(".navIpd").css("right","0px")
-  
-             e.preventDefault();
-           })
-           $(".main").on("click",function (params) {
-            $(".navIpd").css("right","-250px")
-           })
-           let dif=true
+                e.preventDefault();
+            })
+            $(".main").on("click", function (params) {
+                $(".navIpd").css("right", "-250px")
+            })
+            let dif = true
 
-$(".projectIntroductionNavButton").on("click",function (params) {
-    if (dif) {
-     $(".projectIntroductionNav").css("height","auto")   
-    $(".projectIntroductionList>div>:nth-child(1)").css("marginBottom" ,"24px")
-  
-    $(this).css("transform","rotateX(180deg)")
-    dif=false
-    }else{
-     $(".projectIntroductionNav").css("height","70px")   
-    $(".projectIntroductionList>div>:nth-child(1)").css("marginBottom" ,"70px")
-  
-    $(this).css("transform","rotateX(0deg)")
-    dif=true 
-    }
-  
-}) 
-      </script>
+            $(".projectIntroductionNavButton").on("click", function (params) {
+                if (dif) {
+                    $(".projectIntroductionNav").css("height", "auto")
+                    $(".projectIntroductionList>div>:nth-child(1)").css("marginBottom", "24px")
 
-    <script>
-      
-        var mySwiper = new Swiper('.swiper', {
+                    $(this).css("transform", "rotateX(180deg)")
+                    dif = false
+                } else {
+                    $(".projectIntroductionNav").css("height", "70px")
+                    $(".projectIntroductionList>div>:nth-child(1)").css("marginBottom", "70px")
 
-            // 如果需要分页器
-            pagination: {
-                el: '.swiper-pagination',
-            },
+                    $(this).css("transform", "rotateX(0deg)")
+                    dif = true
+                }
 
-            // 如果需要前进后退按钮
-            navigation: {
-                nextEl: '.swiper-button-next',
-                prevEl: '.swiper-button-prev',
-            },
+            })
 
-            // 如果需要滚动条
-            scrollbar: {
-                el: '.swiper-scrollbar',
-            },
-        })        
-    </script>
-</body>
+            $(".projectIntroductionNav>p").on("click", function () {
+                $(".projectIntroductionNav>p").removeClass("on")
+                $(this).addClass("on")
+
+            })
+        </script>
+
+        <script>
+
+            var mySwiper = new Swiper('.swiper', {
+
+                // 如果需要分页器
+                pagination: {
+                    el: '.swiper-pagination',
+                },
+
+                // 如果需要前进后退按钮
+                navigation: {
+                    nextEl: '.swiper-button-next',
+                    prevEl: '.swiper-button-prev',
+                },
+
+                // 如果需要滚动条
+                scrollbar: {
+                    el: '.swiper-scrollbar',
+                },
+            })        
+        </script>
+    </body>
 
 </html>
\ No newline at end of file
diff --git a/htmls/projectIntroductionDetails.html b/htmls/projectIntroductionDetails.html
index aaa9a33..f590137 100644
--- a/htmls/projectIntroductionDetails.html
+++ b/htmls/projectIntroductionDetails.html
@@ -34,19 +34,17 @@
                         <img src="../imgs/logo.png" alt="">
                     </div>
                     <div class="navLsit">
-                        <a href="./contentPage.html" >盛堂世家</a>
+                        <a href="./contentPage.html">盛堂世家</a>
                         <a href="./indexBrand.html">盛堂品牌</a>
-                        <a  href="./aboutUs.html">關於Allen Zhou</a>
+                        <a href="./aboutUs.html">關於Allen Zhou</a>
                         <a href="./honoraryCertificate.html">資質榮譽
-                          <object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
-                      </a>
-                        <a class="on" href="./projectIntroduction.html">項目介紹</a>
-                        <a href="./brand.html">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a href="./serviceConcept.html">理念</a><a href="./wellKnownProducts.html">产品</a></object></a>
-                        <a href="./engineering.html">工程工藝 
-                          <object class="make">     <a href="./engineering.html">工程工藝 </a><a href="./siteImage.html">工地形象</a></object>
+                            <object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
                         </a>
+                        <a href="./projectIntroduction.html">項目介紹</a>
+                        <a  class="on" href="./brand.html">名品軟裝</a>
+                        <a href="./engineering.html">工程工藝 </a>
                         <a href="./contactUs.html">聯繫我們</a>
-                      </div>
+                    </div>
 
                 </div>
 
@@ -117,7 +115,7 @@
     </div>
 
     <div class="footer">
-        <a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
+        	<a href="">Copyright 2022 盛堂世家設計機構 All rights reserved   蜀ICP備12345678號   技术支持：全美网络 </a>
     </div>
 
     </div>
diff --git a/htmls/serviceConcept.html b/htmls/serviceConcept.html
index 6cfa21e..0ecf0b6 100644
--- a/htmls/serviceConcept.html
+++ b/htmls/serviceConcept.html
@@ -32,31 +32,34 @@
                         <img src="../imgs/logo.png" alt="">
                     </div>
                     <div class="navLsit">
-                        <a href="./contentPage.html" >盛堂世家</a>
+                        <a href="./contentPage.html">盛堂世家</a>
                         <a href="./indexBrand.html">盛堂品牌</a>
-                        <a  href="./aboutUs.html">關於Allen Zhou</a>
+                        <a href="./aboutUs.html">關於Allen Zhou</a>
                         <a href="./honoraryCertificate.html">資質榮譽
-                          <object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
-                      </a>
-                        <a href="./projectIntroduction.html">項目介紹</a>
-                        <a class="on" href="./brand">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a href="./serviceConcept.html">理念</a><a href="./wellKnownProducts.html">产品</a></object></a>
-                        <a href="./engineering.html">工程工藝 
-                          <object class="make">     <a href="./engineering.html">工程工藝 </a><a href="./siteImage.html">工地形象</a></object>
+                            <object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
                         </a>
-
+                        <a href="./projectIntroduction.html">項目介紹</a>
+                        <a  class="on" href="./brand.html">名品軟裝</a>
+                        <a href="./engineering.html">工程工藝 </a>
                         <a href="./contactUs.html">聯繫我們</a>
-                      </div>
+                    </div>
 
                 </div>
 
                 <div class="honoraryCertificate brand">
                     <p class="title">名品軟裝</p>
                     <div class="select">
-                        <select name="" id="">
+                        <select  onchange="selectFun()" name="" id="">
                             <option value="">理念</option>
-                            <option value=""></option>
-                            <option value=""></option>
+                            <option value="./brand.html">品牌</option>
+                            <option value="./wellKnownProducts.html">产品</option>
                         </select>
+
+                        <script>
+                        function selectFun(e) {
+                          window.location=event.target.value
+                        }
+                        </script>
                     </div>
                     <div class="serviceConcept">
                         <div class="list">
@@ -129,7 +132,7 @@
         </div>
 
         <div class="footer">
-            <a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
+            	<a href="">Copyright 2022 盛堂世家設計機構 All rights reserved   蜀ICP備12345678號   技术支持：全美网络 </a>
         </div>
 
     </div>
diff --git a/htmls/siteImage.html b/htmls/siteImage.html
index 0c2cd33..c60aee1 100644
--- a/htmls/siteImage.html
+++ b/htmls/siteImage.html
@@ -38,18 +38,11 @@
                         <a href="./indexBrand.html">盛堂品牌</a>
                         <a href="./aboutUs.html">關於Allen Zhou</a>
                         <a href="./honoraryCertificate.html">資質榮譽
-                            <object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a
-                                    href="./Interview.html">人物專訪</a></object>
+                            <object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
                         </a>
                         <a href="./projectIntroduction.html">項目介紹</a>
-                        <a href="./brand.html">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a
-                                    href="./serviceConcept.html">理念</a><a
-                                    href="./wellKnownProducts.html">产品</a></object></a>
-                        <a  class="on" href="./engineering.html">工程工藝
-                            <object class="make"> <a href="./engineering.html">工程工藝 </a><a
-                                    href="./siteImage.html">工地形象</a></object>
-                        </a>
-
+                        <a  href="./brand.html">名品軟裝</a>
+                        <a  class="on" href="./engineering.html">工程工藝 </a>
                         <a href="./contactUs.html">聯繫我們</a>
                     </div>
 
@@ -59,11 +52,17 @@
                     <div class="">
                         <p class="title">工程工藝</p>
                         <div class="select">
-                            <select name="" id="">
+                            <select name=" " onchange="selectFun()"    id="">
                                 <option value="">工地形象</option>
-                                <option value=""><a href="./engineering.html">工程工藝</a></option>
+                                <option value="./engineering.html">工艺</option>
                             </select>
                         </div>
+
+                        <script>
+                        function selectFun(e) {
+                          window.location=event.target.value
+                        }
+                        </script>
                     </div>
 
                     <div class="siteImage">
@@ -126,7 +125,7 @@
     </div>
 
     <div class="footer">
-        <a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
+        	<a href="">Copyright 2022 盛堂世家設計機構 All rights reserved   蜀ICP備12345678號   技术支持：全美网络 </a>
     </div>
 
     </div>
diff --git a/htmls/wellKnownProducts.html b/htmls/wellKnownProducts.html
index 7a948fd..c18b58a 100644
--- a/htmls/wellKnownProducts.html
+++ b/htmls/wellKnownProducts.html
@@ -38,18 +38,11 @@
                         <a href="./indexBrand.html">盛堂品牌</a>
                         <a href="./aboutUs.html">關於Allen Zhou</a>
                         <a href="./honoraryCertificate.html">資質榮譽
-                            <object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a
-                                    href="./Interview.html">人物專訪</a></object>
+                            <object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
                         </a>
                         <a href="./projectIntroduction.html">項目介紹</a>
-                        <a  class="on" href="./brand.html">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a
-                                    href="./serviceConcept.html">理念</a><a
-                                    href="./wellKnownProducts.html">产品</a></object></a>
-                        <a href="./engineering.html">工程工藝
-                            <object class="make"> <a href="./engineering.html">工程工藝 </a><a
-                                    href="./siteImage.html">工地形象</a></object>
-                        </a>
-
+                        <a  class="on" href="./brand.html">名品軟裝</a>
+                        <a href="./engineering.html">工程工藝 </a>
                         <a href="./contactUs.html">聯繫我們</a>
                     </div>
 
@@ -58,11 +51,17 @@
                 <div class="text contentPageC brand wellKnownProductsNavP">
                     <p class="title">名品软装</p>
                     <div class="select">
-                        <select name="" id="">
+                        <select  onchange="selectFun()" name="" id="">
                             <option value="">产品</option>
-                            <option value=""></option>
-                            <option value=""></option>
+                            <option value="./brand.html">品牌</option>
+                            <option value="./serviceConcept.html">理念</option>
                         </select>
+
+                        <script>
+                        function selectFun(e) {
+                          window.location=event.target.value
+                        }
+                        </script>
                     </div>
                     <div class="wellKnownProducts">
                         <div class="wellKnownProductsNav">
@@ -96,7 +95,7 @@
         </div>
 
         <div class="footer">
-            <a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
+            	<a href="">Copyright 2022 盛堂世家設計機構 All rights reserved   蜀ICP備12345678號   技术支持：全美网络 </a>
         </div>
 
     </div>
diff --git a/htmls/测量工具1.jpg b/htmls/测量工具1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..f948c6f47ea5fc1d3f7a8b43142e87b8cbdccd41
GIT binary patch
literal 1146
zcmaJ=%Wl&^6de;JDkYG(qzy_@I&#zoTH>*tI;pLOq<M)51y!X|*}C?$u~K_1+aYe(
zd<g%+f-d+79;@yVe1aK=BrR>joz2{<bI!dpb0+*6UV<m>z&r+^+uZ;Q;3~qOfNc%+
z!5Lt{eOk@|5MIVM`o8a|2-zO58RQ7_I<ZioIY{IM1a@kHqv-?e!y|lR+EwoNr_UTT
zjVgC2_k^C)#C`MCxr^VPzd6v)2fAW#wU=-wPy@@cu&=?uI<-ADsB&X*mF}Z5;@}wK
z531a5)D^z#?ZGB-F_igoQ5Ux)SW$SfEGW{}3n&R<1ql@-mWqO?3T3sVz)5hln`<1a
z`>oET7tN~N<WQs0h#!@B;+`N;Q4}OdNRo;aQS{DiUki%1m!B%Mu&2AG<D0~Wk)n1)
zhJKZ!lm0z|<;-O7ysK-#Uhn@<%Ze^wEbICE_-fueg}s9_2cv!Lk)f+&3eQJmM{T-T
z^ND*v$m#SJ_xi*qUY|Iy*@VvyP1_(N@A(+s>#1Ga^EF$?-By*O0=#J&YNxYZE;pLu
zcB?FlV!PRpOS=t8XiK}5wjzo0l-nZu(89Jq<r-I9X)ZT%g5}W8E$o`_vC(mf1;-~=
z&AGEQI&<|VTx0$$!dxz*!=UJ0uf6lMM9mXzXRf8m%=g%)W_PKp!(ZUh*sH*}pudL+
ze}E4l6_3Xg@l+y_$|N5qGb`y-D!sCriDEUE$<oN=a{0BwT0VzRsf1Ad-(c8el6}lB
zEiNvlS-P_6<>hpCJ)3=+&8`di9F4rN$rlO*ep8kOL6+<F+I5NW0<a694(c(61NT@a
s#xmg-@ES18)yE(29^9&c)J+UvZ&kwYAQ5Aza*PEv@bQM|EDgW?0fuWUQUCw|

literal 0
HcmV?d00001

diff --git a/imgs/iocn3.png b/imgs/iocn3.png
new file mode 100644
index 0000000000000000000000000000000000000000..3fdf3c9e29e00acd31bd9c01c6d777387688821f
GIT binary patch
literal 1294
zcmV+p1@ZccP)<h;3K|Lk000e1NJLTq0021v0021%1^@s6j2MH3000ElNkl<ZXo1C=
zS%@7)6ox-H6va`4D=s7kQLds7Q3mzFesV!UU*<(n0um5G(Bw^!lqfD36h(1EM%*Bg
zj2e}ZL`{^@3Bg3711>=@1`UXcxI7q;@u8=fzw1_4S9Mq4`JrKM_c`aUZ*Je}?m7+a
zbRsZlnLBbF(IRI6Oalfu4A_xzJTV#r3gDK7&%XhOavBVPIbdEklhdF<cLN6;{{svA
zv&aS9#Arb`QiXH3O<fIKz=?(ZqXK<Re5Qbva!kk28nh13XJXo#1oX1h-%L3VxatJj
z1n4s{sU`tUO5L}CBLlImKw|-YCMMP-pckaxyTCCKIXZ^M$tV@jXJR6Ae0o;uOasRy
z<W8|T>yFh0wFR_N(DjMA08dN)HsFNB{FRb_jW3`ppjBJYCnWD9U|CE5+OsJapj9g9
zV-o){aB2r{?>Ctn&?*-6QHh%Y&gkH2YgK-eeF0iEfj%t9XMwXicp0fxnO#4lKR~NG
z&<AAyE?{{F4<ohSa1V|G5{54?_sQqoRBzQ%Wu(>=o~Nsef$s=|P5}FW?HvXJRZzR_
z1<vnK(@3o?z|nPqmjV0ngHFi)eH{j4rJ!?kd-yg|>pkGuri3ejgH%Bku&-Iyw5(yI
z#{0nWv55ucleT+G^*!sF#9Sk}9{?w%nis&|^b2U!2GmH-cHrc;<^|=t$x_U^AsLDN
z1URj$c|qE@c`xOuKH0)6=FZ4S%%{MaEquHxhyz_KF|W4t3V|9qwi7s~rAMs_!l1Xy
zu|0IV=J`%tBl|uF&h1b?r~*Iet+H<hI6H%v3u^!V0yr;2{h$hlLG9n$X#eczlY3|M
zC2&E;`au<r`8?$UQ_T8Hsz$x8TTww3a&?bh3VMH!K3-i;71Z?TrJxV?=;PIZYG2~6
zK<p~uln!1B`bdX5$?`RSeAiJsz%3p96m&z!T2WHKZ>e8C(Sbdg!B^`&o}pf?6z~V&
z68!5#SsF1O<^IPFNnw5l#%qr0mJ`rQL7&Q5SRsC;yp)7u`U134&}VWK)WQD=TpJlX
z53Gr-|0d~|A_aXuF}I={SRC}fz>N_(F6cc8v8htf7hB{5)!$dj!?Qbh6A_c6_wrJk
z0>4OsL%>Z5xh}-|z_FaYmse5}3##AbJn#>2eL@Wv<_^!kK2`x=k4>_@!mU&vt^NS6
zj>uOSg&I}wWn)Z&U2tBv@L56YE+bYhVC-#R4k_rWP+%c}7s`GGJqTRk$yK2JEUuFG
z-9dB5H%Ix3T&--^_os$JKLVG^G54D4wgLJC)p6}5Vm0Aw!uN+-@O#R}kqc1Q=ZFQJ
zpj_fy-ZWTeJbQ>(4=N<#s>s6M5C>@01gf=7LoJQn1*~X@2jHQ|!L9)Al-O86t2$7(
zlXg*{hQ`j4uqL}(65aON7;rP?y`~G70%+v}ZJOAuG<JrBRrPVtz;^<-QT88vU|&(5
zQscwrqU5{0`~_SW$Wg!@!0BDg>b6<R8}BYF<{|IUtgC<@lCXZ%1o$6ivvVDhKkOEY
z0ad`QBra-CG7R=R<*m^gGIo&~6arPiX#(%g)k$9%@=Z9Sln+z^-y!X#!iqMq^ng}%
zKcBbA(3V(Dx7WUM$_3pF9JQn)>PZ92cLSaS4sTQ7f1U!pHkLE!JOBUy07*qoM6N<$
Eg2c35xc~qF

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index fe39f06..bad6f7c 100644
--- a/index.html
+++ b/index.html
@@ -54,7 +54,7 @@
 
 	</div>
 	<div class="footer">
-		<a href=""> Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 </a>
+		<a href="">Copyright 2022 盛堂世家設計機構 All rights reserved   蜀ICP備12345678號   技术支持：全美网络 </a>
 	</div>
 
 	<a href="/" class="returnIndex">