diff --git a/src/index.html b/src/index.html
index 92aa867..b456469 100644
--- a/src/index.html
+++ b/src/index.html
@@ -296,15 +296,15 @@ jQuery(document).ready(function($){
   <div class="container">
     <ul id="gallery-filter" class="list-filter" style="display: flex;">
       <li style="font-size: 18px;padding-right:20px"><a href="./product/index.html">茶叶包装</a></li>
-      <li style="font-size: 18px;padding:0px 15px 0px 5px"><a href="./product/index.html">酒类包装</a></li>
-      <li style="font-size: 18px;padding:0px 5px 0px 15px"><a href="./product/index.html">医疗保健包装</a></li>
-      <li style="font-size: 18px;padding:0px 5px 0px 15px"><a href="./product/index.html">美妆护肤包装</a></li>
+      <li style="font-size: 18px;padding:0px 15px 0px 5px"><a href="./product/index.html?tab=1">酒类包装</a></li>
+      <li style="font-size: 18px;padding:0px 5px 0px 15px"><a href="./product/index.html?tab=2">医疗保健包装</a></li>
+      <li style="font-size: 18px;padding:0px 5px 0px 15px"><a href="./product/index.html?tab=3">美妆护肤包装</a></li>
     </ul>
     <ul id="gallery-filter" class="list-filter" style="display: flex">
-      <li style="font-size: 18px;padding-right:20px"><a href="./product/index.html">3C数码包装</a></li>
-      <li style="font-size: 18px;padding:0px 15px 0px 5px"><a href="./product/index.html">节日礼盒/礼品袋</a></li>
-      <li style="font-size: 18px;padding:0px 5px 0px 15px"><a href="./product/index.html">纸箱包装</a></li>
-      <li style="font-size: 18px;padding:0px 5px 0px 15px"><a href="./product/index.html">书刊画册</a></li>
+      <li style="font-size: 18px;padding-right:20px"><a href="./product/index.html?tab=4">3C数码包装</a></li>
+      <li style="font-size: 18px;padding:0px 15px 0px 5px"><a href="./product/index.html?tab=5">节日礼盒/礼品袋</a></li>
+      <li style="font-size: 18px;padding:0px 5px 0px 15px"><a href="./product/index.html?tab=6">纸箱包装</a></li>
+      <li style="font-size: 18px;padding:0px 5px 0px 15px"><a href="./product/index.html?tab=7">书刊画册</a></li>
     </ul>
     <div id="gallery" class="row gallery">
       <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 grid-sizer"></div>
@@ -314,7 +314,7 @@ jQuery(document).ready(function($){
             <div class="gallery-item-detail-inner">
               <div class="gallery-item-detail-content">
                 <div class="margin-40 gal-mtop"></div>
-                <h4><a class="bottom-line bottom-line-hover no-hover" href="../product/p1/26.html" title="茶叶包装">茶叶包装</a></h4>
+                <h4><a class="bottom-line bottom-line-hover no-hover" href="./product/index.html?tab=0" title="茶叶包装">茶叶包装</a></h4>
               </div>
             </div>
           </div>
@@ -327,7 +327,7 @@ jQuery(document).ready(function($){
             <div class="gallery-item-detail-inner">
               <div class="gallery-item-detail-content">
                 <div class="margin-40 gal-mtop"></div>
-                <h4><a class="bottom-line bottom-line-hover no-hover" title="产品名称一">酒类包装</a></h4>
+                <h4><a class="bottom-line bottom-line-hover no-hover" href="./product/index.html?tab=1" title="产品名称一">酒类包装</a></h4>
               </div>
             </div>
           </div>
@@ -340,7 +340,7 @@ jQuery(document).ready(function($){
             <div class="gallery-item-detail-inner">
               <div class="gallery-item-detail-content">
                 <div class="margin-40 gal-mtop"></div>
-                <h4><a class="bottom-line bottom-line-hover no-hover" title="产品名称四">医疗保健包装</a></h4>
+                <h4><a class="bottom-line bottom-line-hover no-hover" href="./product/index.html?tab=2" title="产品名称四">医疗保健包装</a></h4>
                 <!-- <p class="iport-cate"><a href="./product/p1/index.html">彩妆产品</a></p> -->
               </div>
             </div>
@@ -354,7 +354,7 @@ jQuery(document).ready(function($){
             <div class="gallery-item-detail-inner">
               <div class="gallery-item-detail-content">
                 <div class="margin-40 gal-mtop"></div>
-                <h4><a class="bottom-line bottom-line-hover no-hover" title="产品名称三">美妆护肤包装</a></h4>
+                <h4><a class="bottom-line bottom-line-hover no-hover" href="./product/index.html?tab=3" title="产品名称三">美妆护肤包装</a></h4>
               </div>
             </div>
           </div>
@@ -367,7 +367,7 @@ jQuery(document).ready(function($){
             <div class="gallery-item-detail-inner">
               <div class="gallery-item-detail-content">
                 <div class="margin-40 gal-mtop"></div>
-                <h4><a class="bottom-line bottom-line-hover no-hover" title="产品名称二">纸箱包装</a></h4>
+                <h4><a class="bottom-line bottom-line-hover no-hover" href="./product/index.html?tab=6" title="产品名称二">纸箱包装</a></h4>
               </div>
             </div>
           </div>
@@ -380,7 +380,7 @@ jQuery(document).ready(function($){
             <div class="gallery-item-detail-inner">
               <div class="gallery-item-detail-content">
                 <div class="margin-40 gal-mtop"></div>
-                <h4><a class="bottom-line bottom-line-hover no-hover" title="产品名称八">书刊画册</a></h4>
+                <h4><a class="bottom-line bottom-line-hover no-hover" href="./product/index.html?tab=7" title="产品名称八">书刊画册</a></h4>
               </div>
             </div>
           </div>
@@ -393,7 +393,7 @@ jQuery(document).ready(function($){
             <div class="gallery-item-detail-inner">
               <div class="gallery-item-detail-content">
                 <div class="margin-40 gal-mtop"></div>
-                <h4><a class="bottom-line bottom-line-hover no-hover" title="产品名称九">3C数码包装</a></h4>
+                <h4><a class="bottom-line bottom-line-hover no-hover" href="./product/index.html?tab=4" title="产品名称九">3C数码包装</a></h4>
               </div>
             </div>
           </div>
@@ -406,7 +406,7 @@ jQuery(document).ready(function($){
             <div class="gallery-item-detail-inner">
               <div class="gallery-item-detail-content">
                 <div class="margin-40 gal-mtop"></div>
-                <h4><a class="bottom-line bottom-line-hover no-hover" title="产品名称七">节日礼盒/礼品袋</a></h4>
+                <h4><a class="bottom-line bottom-line-hover no-hover" href="./product/index.html?tab=5" title="产品名称七">节日礼盒/礼品袋</a></h4>
               </div>
             </div>
           </div>
diff --git a/src/product/index.html b/src/product/index.html
index c1fceff..2a2b8a3 100644
--- a/src/product/index.html
+++ b/src/product/index.html
@@ -292,6 +292,18 @@ jQuery(document).ready(function($) {
 	});
 });
 
+var LocString = String(window.document.location.href);
+function getUrlParam(name) {
+    var rs = new RegExp("(^|)" + name + "=([^&]*)(&|$)", "gi").exec(LocString), tmp;
+    if (tmp = rs) {
+        return decodeURI(tmp[2]);
+    }
+    return "";
+}
+
+var tab = getUrlParam("tab") || 1
+console.log(tab)
+
 const menuList = ['茶叶包装','酒类包装','医疗保健包装','美妆护肤包装','3C数码包装','节日礼盒/礼品袋','纸箱包装','书刊画册'];
 const menu = document.getElementById('menu');
 // li里面嵌一层div，制造border左右缩进效果
@@ -315,6 +327,8 @@ for (let i = 0; i < menuList.length; i++) {
   menu.appendChild(liEle)
 }
 
+
+
 function init(i = 0){
   const content = document.getElementById('content');
   const children = content.children;
@@ -337,7 +351,8 @@ function init(i = 0){
   targetMenuImg.src = '../skin/images/rhombus_black.png'
 }
 
-init()
+var tab = Number(getUrlParam("tab")) || 0
+init(tab)
 </script>
 </body>
 </html>