静态页面完成

about.html

@@ -13,34 +13,43 @@
     <!-- 顶部导航栏 start -->
     <div class="header">
       <div class="container flex">
-        <div class="logo">
-          <h1>艾斯佰丽</h1>
-          <img src="/img/logo.png" alt="艾斯佰丽" />
-        </div>
+        <a href="/">
+          <div class="logo">
+            <h1>艾斯佰丽</h1>
+            <img src="/img/logo.png" alt="艾斯佰丽" />
+          </div>
+        </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="#">首页</a></li>
-          <li><a href="#">艾斯佰丽</a></li>
+          <li class="active"><a href="/">首页</a></li>
+          <li><a href="/about.html">艾斯佰丽</a></li>
           <li>
-            <a href="#">品牌中心</a>
+            <a href="/brand.html">品牌中心</a>
             <ul class="menu">
-              <li><a href="#">ROS'S介绍</a></li>
+              <li><a href="/brand-ross.html">ROS'S介绍</a></li>
               <li class="dropdown">
                 <a href="javascript:void(0)">产品系列</a>
                 <ul class="submenu clearfix">
-                  <li><a href="#">Diactivplvs</a></li>
-                  <li><a href="#">Ntradermik</a></li>
-                  <li><a href="#">Esobiolift RF</a></li>
-                  <li><a href="#">Rollaction</a></li>
-                  <li><a href="#">Kestos T2</a></li>
+                  <li><a href="/product-diactivplvs.html">Diactivplvs</a></li>
+                  <li><a href="/product-intradermik.html">Intradermik</a></li>
+                  <li><a href="/product-mesobiolift.html">Mesobiolift RF</a></li>
+                  <li><a href="/product-rollaction.html">Rollaction</a></li>
+                  <li><a href="/product-kestos.html">Kestos T2</a></li>
                 </ul>
               </li>
-              <li><a href="#">案例展示</a></li>
+              <li><a href="/case.html">案例展示</a></li>
               <li><a href="#">授权认证</a></li>
             </ul>
           </li>
-          <li><a href="#">合作加盟</a></li>
-          <li><a href="#">新闻动态</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/cooperative.html">合作加盟</a></li>
+          <li><a href="/news.html">新闻动态</a></li>
+          <li>
+            <a href="/contact.html">联系我们</a>
+            <ul class="menu">
+              <li><a href="/contact.html">联系我们</a></li>
+              <li><a href="/contact-consult.html">联系方式</a></li>
+              <li><a href="/contact-join.html">人才招聘</a></li>
+            </ul>
+          </li>
         </ul>
       </div>
     </div>
@@ -235,17 +244,17 @@
           <div class="item address">广东省深圳市福田区卓越世纪中心四号楼32层</div>
         </div>
         <ul class="nav fl">
-          <li><a href="#">首页</a></li>
-          <li><a href="#">ROS'S</a></li>
-          <li><a href="#">系列产品</a></li>
+          <li><a href="/">首页</a></li>
+          <li><a href="/brand-ross.html">ROS'S</a></li>
+          <li><a href="/brand.html">系列产品</a></li>
         </ul>
         <ul class="nav fl">
-          <li><a href="#">案例展示</a></li>
-          <li><a href="#">授权认证</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/case.html">案例展示</a></li>
+          <li><a href="https://zp.caimei365.com/12/ross" target="_blank">授权认证</a></li>
+          <li><a href="/contact.html">联系我们</a></li>
         </ul>
         <div class="qrcode fr">
-          <img src="/img/qrcode.jpg" alt="二维码" />
+          <img src="/img/qrcode.png" alt="二维码" />
           <div class="tip">扫一扫加关注</div>
         </div>
       </div>

appliance-1.html

@@ -14,10 +14,12 @@
     <!-- 顶部导航栏 start -->
     <div class="header">
       <div class="container flex">
-        <div class="logo">
-          <h1>艾斯佰丽</h1>
-          <img src="/img/logo.png" alt="艾斯佰丽" />
-        </div>
+        <a href="/">
+          <div class="logo">
+            <h1>艾斯佰丽</h1>
+            <img src="/img/logo.png" alt="艾斯佰丽" />
+          </div>
+        </a>
         <ul class="nav clearfix">
           <li class="active"><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
@@ -40,13 +42,13 @@
             </ul>
           </li>
           <li><a href="/cooperative.html">合作加盟</a></li>
-          <li><a href="#">新闻动态</a></li>
+          <li><a href="/news.html">新闻动态</a></li>
           <li>
             <a href="/contact.html">联系我们</a>
             <ul class="menu">
               <li><a href="/contact.html">联系我们</a></li>
               <li><a href="/contact-consult.html">联系方式</a></li>
-              <li><a href="#">人才招聘</a></li>
+              <li><a href="/contact-join.html">人才招聘</a></li>
             </ul>
           </li>
         </ul>
@@ -152,17 +154,17 @@
           <div class="item address">广东省深圳市福田区卓越世纪中心四号楼32层</div>
         </div>
         <ul class="nav fl">
-          <li><a href="#">首页</a></li>
-          <li><a href="#">ROS'S</a></li>
-          <li><a href="#">系列产品</a></li>
+          <li><a href="/">首页</a></li>
+          <li><a href="/brand-ross.html">ROS'S</a></li>
+          <li><a href="/brand.html">系列产品</a></li>
         </ul>
         <ul class="nav fl">
-          <li><a href="#">案例展示</a></li>
-          <li><a href="#">授权认证</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/case.html">案例展示</a></li>
+          <li><a href="https://zp.caimei365.com/12/ross" target="_blank">授权认证</a></li>
+          <li><a href="/contact.html">联系我们</a></li>
         </ul>
         <div class="qrcode fr">
-          <img src="/img/qrcode.jpg" alt="二维码" />
+          <img src="/img/qrcode.png" alt="二维码" />
           <div class="tip">扫一扫加关注</div>
         </div>
       </div>

appliance-2.html

@@ -14,10 +14,12 @@
     <!-- 顶部导航栏 start -->
     <div class="header">
       <div class="container flex">
-        <div class="logo">
-          <h1>艾斯佰丽</h1>
-          <img src="/img/logo.png" alt="艾斯佰丽" />
-        </div>
+        <a href="/">
+          <div class="logo">
+            <h1>艾斯佰丽</h1>
+            <img src="/img/logo.png" alt="艾斯佰丽" />
+          </div>
+        </a>
         <ul class="nav clearfix">
           <li class="active"><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
@@ -40,13 +42,13 @@
             </ul>
           </li>
           <li><a href="/cooperative.html">合作加盟</a></li>
-          <li><a href="#">新闻动态</a></li>
+          <li><a href="/news.html">新闻动态</a></li>
           <li>
             <a href="/contact.html">联系我们</a>
             <ul class="menu">
               <li><a href="/contact.html">联系我们</a></li>
               <li><a href="/contact-consult.html">联系方式</a></li>
-              <li><a href="#">人才招聘</a></li>
+              <li><a href="/contact-join.html">人才招聘</a></li>
             </ul>
           </li>
         </ul>
@@ -164,17 +166,17 @@
           <div class="item address">广东省深圳市福田区卓越世纪中心四号楼32层</div>
         </div>
         <ul class="nav fl">
-          <li><a href="#">首页</a></li>
-          <li><a href="#">ROS'S</a></li>
-          <li><a href="#">系列产品</a></li>
+          <li><a href="/">首页</a></li>
+          <li><a href="/brand-ross.html">ROS'S</a></li>
+          <li><a href="/brand.html">系列产品</a></li>
         </ul>
         <ul class="nav fl">
-          <li><a href="#">案例展示</a></li>
-          <li><a href="#">授权认证</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/case.html">案例展示</a></li>
+          <li><a href="https://zp.caimei365.com/12/ross" target="_blank">授权认证</a></li>
+          <li><a href="/contact.html">联系我们</a></li>
         </ul>
         <div class="qrcode fr">
-          <img src="/img/qrcode.jpg" alt="二维码" />
+          <img src="/img/qrcode.png" alt="二维码" />
           <div class="tip">扫一扫加关注</div>
         </div>
       </div>

appliance-3.html

@@ -14,10 +14,12 @@
     <!-- 顶部导航栏 start -->
     <div class="header">
       <div class="container flex">
-        <div class="logo">
-          <h1>艾斯佰丽</h1>
-          <img src="/img/logo.png" alt="艾斯佰丽" />
-        </div>
+        <a href="/">
+          <div class="logo">
+            <h1>艾斯佰丽</h1>
+            <img src="/img/logo.png" alt="艾斯佰丽" />
+          </div>
+        </a>
         <ul class="nav clearfix">
           <li class="active"><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
@@ -40,13 +42,13 @@
             </ul>
           </li>
           <li><a href="/cooperative.html">合作加盟</a></li>
-          <li><a href="#">新闻动态</a></li>
+          <li><a href="/news.html">新闻动态</a></li>
           <li>
             <a href="/contact.html">联系我们</a>
             <ul class="menu">
               <li><a href="/contact.html">联系我们</a></li>
               <li><a href="/contact-consult.html">联系方式</a></li>
-              <li><a href="#">人才招聘</a></li>
+              <li><a href="/contact-join.html">人才招聘</a></li>
             </ul>
           </li>
         </ul>
@@ -145,17 +147,17 @@
           <div class="item address">广东省深圳市福田区卓越世纪中心四号楼32层</div>
         </div>
         <ul class="nav fl">
-          <li><a href="#">首页</a></li>
-          <li><a href="#">ROS'S</a></li>
-          <li><a href="#">系列产品</a></li>
+          <li><a href="/">首页</a></li>
+          <li><a href="/brand-ross.html">ROS'S</a></li>
+          <li><a href="/brand.html">系列产品</a></li>
         </ul>
         <ul class="nav fl">
-          <li><a href="#">案例展示</a></li>
-          <li><a href="#">授权认证</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/case.html">案例展示</a></li>
+          <li><a href="https://zp.caimei365.com/12/ross" target="_blank">授权认证</a></li>
+          <li><a href="/contact.html">联系我们</a></li>
         </ul>
         <div class="qrcode fr">
-          <img src="/img/qrcode.jpg" alt="二维码" />
+          <img src="/img/qrcode.png" alt="二维码" />
           <div class="tip">扫一扫加关注</div>
         </div>
       </div>

appliance-4.html

@@ -14,10 +14,12 @@
     <!-- 顶部导航栏 start -->
     <div class="header">
       <div class="container flex">
-        <div class="logo">
-          <h1>艾斯佰丽</h1>
-          <img src="/img/logo.png" alt="艾斯佰丽" />
-        </div>
+        <a href="/">
+          <div class="logo">
+            <h1>艾斯佰丽</h1>
+            <img src="/img/logo.png" alt="艾斯佰丽" />
+          </div>
+        </a>
         <ul class="nav clearfix">
           <li class="active"><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
@@ -40,13 +42,13 @@
             </ul>
           </li>
           <li><a href="/cooperative.html">合作加盟</a></li>
-          <li><a href="#">新闻动态</a></li>
+          <li><a href="/news.html">新闻动态</a></li>
           <li>
             <a href="/contact.html">联系我们</a>
             <ul class="menu">
               <li><a href="/contact.html">联系我们</a></li>
               <li><a href="/contact-consult.html">联系方式</a></li>
-              <li><a href="#">人才招聘</a></li>
+              <li><a href="/contact-join.html">人才招聘</a></li>
             </ul>
           </li>
         </ul>
@@ -148,17 +150,17 @@
           <div class="item address">广东省深圳市福田区卓越世纪中心四号楼32层</div>
         </div>
         <ul class="nav fl">
-          <li><a href="#">首页</a></li>
-          <li><a href="#">ROS'S</a></li>
-          <li><a href="#">系列产品</a></li>
+          <li><a href="/">首页</a></li>
+          <li><a href="/brand-ross.html">ROS'S</a></li>
+          <li><a href="/brand.html">系列产品</a></li>
         </ul>
         <ul class="nav fl">
-          <li><a href="#">案例展示</a></li>
-          <li><a href="#">授权认证</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/case.html">案例展示</a></li>
+          <li><a href="https://zp.caimei365.com/12/ross" target="_blank">授权认证</a></li>
+          <li><a href="/contact.html">联系我们</a></li>
         </ul>
         <div class="qrcode fr">
-          <img src="/img/qrcode.jpg" alt="二维码" />
+          <img src="/img/qrcode.png" alt="二维码" />
           <div class="tip">扫一扫加关注</div>
         </div>
       </div>

appliance-5.html

@@ -14,10 +14,12 @@
     <!-- 顶部导航栏 start -->
     <div class="header">
       <div class="container flex">
-        <div class="logo">
-          <h1>艾斯佰丽</h1>
-          <img src="/img/logo.png" alt="艾斯佰丽" />
-        </div>
+        <a href="/">
+          <div class="logo">
+            <h1>艾斯佰丽</h1>
+            <img src="/img/logo.png" alt="艾斯佰丽" />
+          </div>
+        </a>
         <ul class="nav clearfix">
           <li class="active"><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
@@ -40,13 +42,13 @@
             </ul>
           </li>
           <li><a href="/cooperative.html">合作加盟</a></li>
-          <li><a href="#">新闻动态</a></li>
+          <li><a href="/news.html">新闻动态</a></li>
           <li>
             <a href="/contact.html">联系我们</a>
             <ul class="menu">
               <li><a href="/contact.html">联系我们</a></li>
               <li><a href="/contact-consult.html">联系方式</a></li>
-              <li><a href="#">人才招聘</a></li>
+              <li><a href="/contact-join.html">人才招聘</a></li>
             </ul>
           </li>
         </ul>
@@ -151,17 +153,17 @@
           <div class="item address">广东省深圳市福田区卓越世纪中心四号楼32层</div>
         </div>
         <ul class="nav fl">
-          <li><a href="#">首页</a></li>
-          <li><a href="#">ROS'S</a></li>
-          <li><a href="#">系列产品</a></li>
+          <li><a href="/">首页</a></li>
+          <li><a href="/brand-ross.html">ROS'S</a></li>
+          <li><a href="/brand.html">系列产品</a></li>
         </ul>
         <ul class="nav fl">
-          <li><a href="#">案例展示</a></li>
-          <li><a href="#">授权认证</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/case.html">案例展示</a></li>
+          <li><a href="https://zp.caimei365.com/12/ross" target="_blank">授权认证</a></li>
+          <li><a href="/contact.html">联系我们</a></li>
         </ul>
         <div class="qrcode fr">
-          <img src="/img/qrcode.jpg" alt="二维码" />
+          <img src="/img/qrcode.png" alt="二维码" />
           <div class="tip">扫一扫加关注</div>
         </div>
       </div>

appliance-6.html

@@ -14,10 +14,12 @@
     <!-- 顶部导航栏 start -->
     <div class="header">
       <div class="container flex">
-        <div class="logo">
-          <h1>艾斯佰丽</h1>
-          <img src="/img/logo.png" alt="艾斯佰丽" />
-        </div>
+        <a href="/">
+          <div class="logo">
+            <h1>艾斯佰丽</h1>
+            <img src="/img/logo.png" alt="艾斯佰丽" />
+          </div>
+        </a>
         <ul class="nav clearfix">
           <li class="active"><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
@@ -40,13 +42,13 @@
             </ul>
           </li>
           <li><a href="/cooperative.html">合作加盟</a></li>
-          <li><a href="#">新闻动态</a></li>
+          <li><a href="/news.html">新闻动态</a></li>
           <li>
             <a href="/contact.html">联系我们</a>
             <ul class="menu">
               <li><a href="/contact.html">联系我们</a></li>
               <li><a href="/contact-consult.html">联系方式</a></li>
-              <li><a href="#">人才招聘</a></li>
+              <li><a href="/contact-join.html">人才招聘</a></li>
             </ul>
           </li>
         </ul>
@@ -144,17 +146,17 @@
           <div class="item address">广东省深圳市福田区卓越世纪中心四号楼32层</div>
         </div>
         <ul class="nav fl">
-          <li><a href="#">首页</a></li>
-          <li><a href="#">ROS'S</a></li>
-          <li><a href="#">系列产品</a></li>
+          <li><a href="/">首页</a></li>
+          <li><a href="/brand-ross.html">ROS'S</a></li>
+          <li><a href="/brand.html">系列产品</a></li>
         </ul>
         <ul class="nav fl">
-          <li><a href="#">案例展示</a></li>
-          <li><a href="#">授权认证</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/case.html">案例展示</a></li>
+          <li><a href="https://zp.caimei365.com/12/ross" target="_blank">授权认证</a></li>
+          <li><a href="/contact.html">联系我们</a></li>
         </ul>
         <div class="qrcode fr">
-          <img src="/img/qrcode.jpg" alt="二维码" />
+          <img src="/img/qrcode.png" alt="二维码" />
           <div class="tip">扫一扫加关注</div>
         </div>
       </div>

appliance-7.html

@@ -14,10 +14,12 @@
     <!-- 顶部导航栏 start -->
     <div class="header">
       <div class="container flex">
-        <div class="logo">
-          <h1>艾斯佰丽</h1>
-          <img src="/img/logo.png" alt="艾斯佰丽" />
-        </div>
+        <a href="/">
+          <div class="logo">
+            <h1>艾斯佰丽</h1>
+            <img src="/img/logo.png" alt="艾斯佰丽" />
+          </div>
+        </a>
         <ul class="nav clearfix">
           <li class="active"><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
@@ -40,13 +42,13 @@
             </ul>
           </li>
           <li><a href="/cooperative.html">合作加盟</a></li>
-          <li><a href="#">新闻动态</a></li>
+          <li><a href="/news.html">新闻动态</a></li>
           <li>
             <a href="/contact.html">联系我们</a>
             <ul class="menu">
               <li><a href="/contact.html">联系我们</a></li>
               <li><a href="/contact-consult.html">联系方式</a></li>
-              <li><a href="#">人才招聘</a></li>
+              <li><a href="/contact-join.html">人才招聘</a></li>
             </ul>
           </li>
         </ul>
@@ -148,17 +150,17 @@
           <div class="item address">广东省深圳市福田区卓越世纪中心四号楼32层</div>
         </div>
         <ul class="nav fl">
-          <li><a href="#">首页</a></li>
-          <li><a href="#">ROS'S</a></li>
-          <li><a href="#">系列产品</a></li>
+          <li><a href="/">首页</a></li>
+          <li><a href="/brand-ross.html">ROS'S</a></li>
+          <li><a href="/brand.html">系列产品</a></li>
         </ul>
         <ul class="nav fl">
-          <li><a href="#">案例展示</a></li>
-          <li><a href="#">授权认证</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/case.html">案例展示</a></li>
+          <li><a href="https://zp.caimei365.com/12/ross" target="_blank">授权认证</a></li>
+          <li><a href="/contact.html">联系我们</a></li>
         </ul>
         <div class="qrcode fr">
-          <img src="/img/qrcode.jpg" alt="二维码" />
+          <img src="/img/qrcode.png" alt="二维码" />
           <div class="tip">扫一扫加关注</div>
         </div>
       </div>

brand-detail.html

@@ -13,34 +13,43 @@
     <!-- 顶部导航栏 start -->
     <div class="header">
       <div class="container flex">
-        <div class="logo">
-          <h1>艾斯佰丽</h1>
-          <img src="/img/logo.png" alt="艾斯佰丽" />
-        </div>
+        <a href="/">
+          <div class="logo">
+            <h1>艾斯佰丽</h1>
+            <img src="/img/logo.png" alt="艾斯佰丽" />
+          </div>
+        </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="#">首页</a></li>
-          <li><a href="#">艾斯佰丽</a></li>
+          <li class="active"><a href="/">首页</a></li>
+          <li><a href="/about.html">艾斯佰丽</a></li>
           <li>
-            <a href="#">品牌中心</a>
+            <a href="/brand.html">品牌中心</a>
             <ul class="menu">
-              <li><a href="#">ROS'S介绍</a></li>
+              <li><a href="/brand-ross.html">ROS'S介绍</a></li>
               <li class="dropdown">
                 <a href="javascript:void(0)">产品系列</a>
                 <ul class="submenu clearfix">
-                  <li><a href="#">Diactivplvs</a></li>
-                  <li><a href="#">Ntradermik</a></li>
-                  <li><a href="#">Esobiolift RF</a></li>
-                  <li><a href="#">Rollaction</a></li>
-                  <li><a href="#">Kestos T2</a></li>
+                  <li><a href="/product-diactivplvs.html">Diactivplvs</a></li>
+                  <li><a href="/product-intradermik.html">Intradermik</a></li>
+                  <li><a href="/product-mesobiolift.html">Mesobiolift RF</a></li>
+                  <li><a href="/product-rollaction.html">Rollaction</a></li>
+                  <li><a href="/product-kestos.html">Kestos T2</a></li>
                 </ul>
               </li>
-              <li><a href="#">案例展示</a></li>
+              <li><a href="/case.html">案例展示</a></li>
               <li><a href="#">授权认证</a></li>
             </ul>
           </li>
-          <li><a href="#">合作加盟</a></li>
-          <li><a href="#">新闻动态</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/cooperative.html">合作加盟</a></li>
+          <li><a href="/news.html">新闻动态</a></li>
+          <li>
+            <a href="/contact.html">联系我们</a>
+            <ul class="menu">
+              <li><a href="/contact.html">联系我们</a></li>
+              <li><a href="/contact-consult.html">联系方式</a></li>
+              <li><a href="/contact-join.html">人才招聘</a></li>
+            </ul>
+          </li>
         </ul>
       </div>
     </div>
@@ -80,17 +89,17 @@
           <div class="item address">广东省深圳市福田区卓越世纪中心四号楼32层</div>
         </div>
         <ul class="nav fl">
-          <li><a href="#">首页</a></li>
-          <li><a href="#">ROS'S</a></li>
-          <li><a href="#">系列产品</a></li>
+          <li><a href="/">首页</a></li>
+          <li><a href="/brand-ross.html">ROS'S</a></li>
+          <li><a href="/brand.html">系列产品</a></li>
         </ul>
         <ul class="nav fl">
-          <li><a href="#">案例展示</a></li>
-          <li><a href="#">授权认证</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/case.html">案例展示</a></li>
+          <li><a href="https://zp.caimei365.com/12/ross" target="_blank">授权认证</a></li>
+          <li><a href="/contact.html">联系我们</a></li>
         </ul>
         <div class="qrcode fr">
-          <img src="/img/qrcode.jpg" alt="二维码" />
+          <img src="/img/qrcode.png" alt="二维码" />
           <div class="tip">扫一扫加关注</div>
         </div>
       </div>

brand-ross.html

@@ -14,34 +14,43 @@
     <!-- 顶部导航栏 start -->
     <div class="header">
       <div class="container flex">
-        <div class="logo">
-          <h1>艾斯佰丽</h1>
-          <img src="/img/logo.png" alt="艾斯佰丽" />
-        </div>
+        <a href="/">
+          <div class="logo">
+            <h1>艾斯佰丽</h1>
+            <img src="/img/logo.png" alt="艾斯佰丽" />
+          </div>
+        </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="#">首页</a></li>
-          <li><a href="#">艾斯佰丽</a></li>
+          <li class="active"><a href="/">首页</a></li>
+          <li><a href="/about.html">艾斯佰丽</a></li>
           <li>
-            <a href="#">品牌中心</a>
+            <a href="/brand.html">品牌中心</a>
             <ul class="menu">
-              <li><a href="#">ROS'S介绍</a></li>
+              <li><a href="/brand-ross.html">ROS'S介绍</a></li>
               <li class="dropdown">
                 <a href="javascript:void(0)">产品系列</a>
                 <ul class="submenu clearfix">
-                  <li><a href="#">Diactivplvs</a></li>
-                  <li><a href="#">Ntradermik</a></li>
-                  <li><a href="#">Esobiolift RF</a></li>
-                  <li><a href="#">Rollaction</a></li>
-                  <li><a href="#">Kestos T2</a></li>
+                  <li><a href="/product-diactivplvs.html">Diactivplvs</a></li>
+                  <li><a href="/product-intradermik.html">Intradermik</a></li>
+                  <li><a href="/product-mesobiolift.html">Mesobiolift RF</a></li>
+                  <li><a href="/product-rollaction.html">Rollaction</a></li>
+                  <li><a href="/product-kestos.html">Kestos T2</a></li>
                 </ul>
               </li>
-              <li><a href="#">案例展示</a></li>
+              <li><a href="/case.html">案例展示</a></li>
               <li><a href="#">授权认证</a></li>
             </ul>
           </li>
-          <li><a href="#">合作加盟</a></li>
-          <li><a href="#">新闻动态</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/cooperative.html">合作加盟</a></li>
+          <li><a href="/news.html">新闻动态</a></li>
+          <li>
+            <a href="/contact.html">联系我们</a>
+            <ul class="menu">
+              <li><a href="/contact.html">联系我们</a></li>
+              <li><a href="/contact-consult.html">联系方式</a></li>
+              <li><a href="/contact-join.html">人才招聘</a></li>
+            </ul>
+          </li>
         </ul>
       </div>
     </div>
@@ -367,17 +376,17 @@
           <div class="item address">广东省深圳市福田区卓越世纪中心四号楼32层</div>
         </div>
         <ul class="nav fl">
-          <li><a href="#">首页</a></li>
-          <li><a href="#">ROS'S</a></li>
-          <li><a href="#">系列产品</a></li>
+          <li><a href="/">首页</a></li>
+          <li><a href="/brand-ross.html">ROS'S</a></li>
+          <li><a href="/brand.html">系列产品</a></li>
         </ul>
         <ul class="nav fl">
-          <li><a href="#">案例展示</a></li>
-          <li><a href="#">授权认证</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/case.html">案例展示</a></li>
+          <li><a href="https://zp.caimei365.com/12/ross" target="_blank">授权认证</a></li>
+          <li><a href="/contact.html">联系我们</a></li>
         </ul>
         <div class="qrcode fr">
-          <img src="/img/qrcode.jpg" alt="二维码" />
+          <img src="/img/qrcode.png" alt="二维码" />
           <div class="tip">扫一扫加关注</div>
         </div>
       </div>

brand.html

@@ -13,34 +13,43 @@
     <!-- 顶部导航栏 start -->
     <div class="header">
       <div class="container flex">
-        <div class="logo">
-          <h1>艾斯佰丽</h1>
-          <img src="/img/logo.png" alt="艾斯佰丽" />
-        </div>
+        <a href="/">
+          <div class="logo">
+            <h1>艾斯佰丽</h1>
+            <img src="/img/logo.png" alt="艾斯佰丽" />
+          </div>
+        </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="#">首页</a></li>
-          <li><a href="#">艾斯佰丽</a></li>
+          <li class="active"><a href="/">首页</a></li>
+          <li><a href="/about.html">艾斯佰丽</a></li>
           <li>
-            <a href="#">品牌中心</a>
+            <a href="/brand.html">品牌中心</a>
             <ul class="menu">
-              <li><a href="#">ROS'S介绍</a></li>
+              <li><a href="/brand-ross.html">ROS'S介绍</a></li>
               <li class="dropdown">
                 <a href="javascript:void(0)">产品系列</a>
                 <ul class="submenu clearfix">
-                  <li><a href="#">Diactivplvs</a></li>
-                  <li><a href="#">Ntradermik</a></li>
-                  <li><a href="#">Esobiolift RF</a></li>
-                  <li><a href="#">Rollaction</a></li>
-                  <li><a href="#">Kestos T2</a></li>
+                  <li><a href="/product-diactivplvs.html">Diactivplvs</a></li>
+                  <li><a href="/product-intradermik.html">Intradermik</a></li>
+                  <li><a href="/product-mesobiolift.html">Mesobiolift RF</a></li>
+                  <li><a href="/product-rollaction.html">Rollaction</a></li>
+                  <li><a href="/product-kestos.html">Kestos T2</a></li>
                 </ul>
               </li>
-              <li><a href="#">案例展示</a></li>
+              <li><a href="/case.html">案例展示</a></li>
               <li><a href="#">授权认证</a></li>
             </ul>
           </li>
-          <li><a href="#">合作加盟</a></li>
-          <li><a href="#">新闻动态</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/cooperative.html">合作加盟</a></li>
+          <li><a href="/news.html">新闻动态</a></li>
+          <li>
+            <a href="/contact.html">联系我们</a>
+            <ul class="menu">
+              <li><a href="/contact.html">联系我们</a></li>
+              <li><a href="/contact-consult.html">联系方式</a></li>
+              <li><a href="/contact-join.html">人才招聘</a></li>
+            </ul>
+          </li>
         </ul>
       </div>
     </div>
@@ -108,17 +117,17 @@
           <div class="item address">广东省深圳市福田区卓越世纪中心四号楼32层</div>
         </div>
         <ul class="nav fl">
-          <li><a href="#">首页</a></li>
-          <li><a href="#">ROS'S</a></li>
-          <li><a href="#">系列产品</a></li>
+          <li><a href="/">首页</a></li>
+          <li><a href="/brand-ross.html">ROS'S</a></li>
+          <li><a href="/brand.html">系列产品</a></li>
         </ul>
         <ul class="nav fl">
-          <li><a href="#">案例展示</a></li>
-          <li><a href="#">授权认证</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/case.html">案例展示</a></li>
+          <li><a href="https://zp.caimei365.com/12/ross" target="_blank">授权认证</a></li>
+          <li><a href="/contact.html">联系我们</a></li>
         </ul>
         <div class="qrcode fr">
-          <img src="/img/qrcode.jpg" alt="二维码" />
+          <img src="/img/qrcode.png" alt="二维码" />
           <div class="tip">扫一扫加关注</div>
         </div>
       </div>

case.html

@@ -13,34 +13,43 @@
     <!-- 顶部导航栏 start -->
     <div class="header">
       <div class="container flex">
-        <div class="logo">
-          <h1>艾斯佰丽</h1>
-          <img src="/img/logo.png" alt="艾斯佰丽" />
-        </div>
+        <a href="/">
+          <div class="logo">
+            <h1>艾斯佰丽</h1>
+            <img src="/img/logo.png" alt="艾斯佰丽" />
+          </div>
+        </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="#">首页</a></li>
-          <li><a href="#">艾斯佰丽</a></li>
+          <li class="active"><a href="/">首页</a></li>
+          <li><a href="/about.html">艾斯佰丽</a></li>
           <li>
-            <a href="#">品牌中心</a>
+            <a href="/brand.html">品牌中心</a>
             <ul class="menu">
-              <li><a href="#">ROS'S介绍</a></li>
+              <li><a href="/brand-ross.html">ROS'S介绍</a></li>
               <li class="dropdown">
                 <a href="javascript:void(0)">产品系列</a>
                 <ul class="submenu clearfix">
-                  <li><a href="#">Diactivplvs</a></li>
-                  <li><a href="#">Ntradermik</a></li>
-                  <li><a href="#">Esobiolift RF</a></li>
-                  <li><a href="#">Rollaction</a></li>
-                  <li><a href="#">Kestos T2</a></li>
+                  <li><a href="/product-diactivplvs.html">Diactivplvs</a></li>
+                  <li><a href="/product-intradermik.html">Intradermik</a></li>
+                  <li><a href="/product-mesobiolift.html">Mesobiolift RF</a></li>
+                  <li><a href="/product-rollaction.html">Rollaction</a></li>
+                  <li><a href="/product-kestos.html">Kestos T2</a></li>
                 </ul>
               </li>
-              <li><a href="#">案例展示</a></li>
+              <li><a href="/case.html">案例展示</a></li>
               <li><a href="#">授权认证</a></li>
             </ul>
           </li>
-          <li><a href="#">合作加盟</a></li>
-          <li><a href="#">新闻动态</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/cooperative.html">合作加盟</a></li>
+          <li><a href="/news.html">新闻动态</a></li>
+          <li>
+            <a href="/contact.html">联系我们</a>
+            <ul class="menu">
+              <li><a href="/contact.html">联系我们</a></li>
+              <li><a href="/contact-consult.html">联系方式</a></li>
+              <li><a href="/contact-join.html">人才招聘</a></li>
+            </ul>
+          </li>
         </ul>
       </div>
     </div>
@@ -111,17 +120,17 @@
           <div class="item address">广东省深圳市福田区卓越世纪中心四号楼32层</div>
         </div>
         <ul class="nav fl">
-          <li><a href="#">首页</a></li>
-          <li><a href="#">ROS'S</a></li>
-          <li><a href="#">系列产品</a></li>
+          <li><a href="/">首页</a></li>
+          <li><a href="/brand-ross.html">ROS'S</a></li>
+          <li><a href="/brand.html">系列产品</a></li>
         </ul>
         <ul class="nav fl">
-          <li><a href="#">案例展示</a></li>
-          <li><a href="#">授权认证</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/case.html">案例展示</a></li>
+          <li><a href="https://zp.caimei365.com/12/ross" target="_blank">授权认证</a></li>
+          <li><a href="/contact.html">联系我们</a></li>
         </ul>
         <div class="qrcode fr">
-          <img src="/img/qrcode.jpg" alt="二维码" />
+          <img src="/img/qrcode.png" alt="二维码" />
           <div class="tip">扫一扫加关注</div>
         </div>
       </div>

contact-consult.html

@@ -15,10 +15,12 @@
     <!-- 顶部导航栏 start -->
     <div class="header">
       <div class="container flex">
-        <div class="logo">
-          <h1>艾斯佰丽</h1>
-          <img src="/img/logo.png" alt="艾斯佰丽" />
-        </div>
+        <a href="/">
+          <div class="logo">
+            <h1>艾斯佰丽</h1>
+            <img src="/img/logo.png" alt="艾斯佰丽" />
+          </div>
+        </a>
         <ul class="nav clearfix">
           <li class="active"><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
@@ -41,13 +43,13 @@
             </ul>
           </li>
           <li><a href="/cooperative.html">合作加盟</a></li>
-          <li><a href="#">新闻动态</a></li>
+          <li><a href="/news.html">新闻动态</a></li>
           <li>
             <a href="/contact.html">联系我们</a>
             <ul class="menu">
               <li><a href="/contact.html">联系我们</a></li>
               <li><a href="/contact-consult.html">联系方式</a></li>
-              <li><a href="#">人才招聘</a></li>
+              <li><a href="/contact-join.html">人才招聘</a></li>
             </ul>
           </li>
         </ul>
@@ -154,17 +156,17 @@
           <div class="item address">广东省深圳市福田区卓越世纪中心四号楼32层</div>
         </div>
         <ul class="nav fl">
-          <li><a href="#">首页</a></li>
-          <li><a href="#">ROS'S</a></li>
-          <li><a href="#">系列产品</a></li>
+          <li><a href="/">首页</a></li>
+          <li><a href="/brand-ross.html">ROS'S</a></li>
+          <li><a href="/brand.html">系列产品</a></li>
         </ul>
         <ul class="nav fl">
-          <li><a href="#">案例展示</a></li>
-          <li><a href="#">授权认证</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/case.html">案例展示</a></li>
+          <li><a href="https://zp.caimei365.com/12/ross" target="_blank">授权认证</a></li>
+          <li><a href="/contact.html">联系我们</a></li>
         </ul>
         <div class="qrcode fr">
-          <img src="/img/qrcode.jpg" alt="二维码" />
+          <img src="/img/qrcode.png" alt="二维码" />
           <div class="tip">扫一扫加关注</div>
         </div>
       </div>

contact-join-form.html

@@ -7,17 +7,19 @@
     <title>首页-艾斯佰丽-职位申请</title>
     <link rel="stylesheet" href="/css/normalize.css" />
     <link rel="stylesheet" href="/css/base.css" />
-    <link rel="stylesheet" href="/css/contact.css">
+    <link rel="stylesheet" href="/css/contact.css" />
     <link rel="stylesheet" href="/css/contact-form.css" />
   </head>
   <body>
     <!-- 顶部导航栏 start -->
     <div class="header">
       <div class="container flex">
-        <div class="logo">
-          <h1>艾斯佰丽</h1>
-          <img src="/img/logo.png" alt="艾斯佰丽" />
-        </div>
+        <a href="/">
+          <div class="logo">
+            <h1>艾斯佰丽</h1>
+            <img src="/img/logo.png" alt="艾斯佰丽" />
+          </div>
+        </a>
         <ul class="nav clearfix">
           <li class="active"><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
@@ -40,13 +42,13 @@
             </ul>
           </li>
           <li><a href="/cooperative.html">合作加盟</a></li>
-          <li><a href="#">新闻动态</a></li>
+          <li><a href="/news.html">新闻动态</a></li>
           <li>
             <a href="/contact.html">联系我们</a>
             <ul class="menu">
               <li><a href="/contact.html">联系我们</a></li>
               <li><a href="/contact-consult.html">联系方式</a></li>
-              <li><a href="#">人才招聘</a></li>
+              <li><a href="/contact-join.html">人才招聘</a></li>
             </ul>
           </li>
         </ul>
@@ -246,17 +248,17 @@
           <div class="item address">广东省深圳市福田区卓越世纪中心四号楼32层</div>
         </div>
         <ul class="nav fl">
-          <li><a href="#">首页</a></li>
-          <li><a href="#">ROS'S</a></li>
-          <li><a href="#">系列产品</a></li>
+          <li><a href="/">首页</a></li>
+          <li><a href="/brand-ross.html">ROS'S</a></li>
+          <li><a href="/brand.html">系列产品</a></li>
         </ul>
         <ul class="nav fl">
-          <li><a href="#">案例展示</a></li>
-          <li><a href="#">授权认证</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/case.html">案例展示</a></li>
+          <li><a href="https://zp.caimei365.com/12/ross" target="_blank">授权认证</a></li>
+          <li><a href="/contact.html">联系我们</a></li>
         </ul>
         <div class="qrcode fr">
-          <img src="/img/qrcode.jpg" alt="二维码" />
+          <img src="/img/qrcode.png" alt="二维码" />
           <div class="tip">扫一扫加关注</div>
         </div>
       </div>

contact-join.html

@@ -13,10 +13,12 @@
     <!-- 顶部导航栏 start -->
     <div class="header">
       <div class="container flex">
-        <div class="logo">
-          <h1>艾斯佰丽</h1>
-          <img src="/img/logo.png" alt="艾斯佰丽" />
-        </div>
+        <a href="/">
+          <div class="logo">
+            <h1>艾斯佰丽</h1>
+            <img src="/img/logo.png" alt="艾斯佰丽" />
+          </div>
+        </a>
         <ul class="nav clearfix">
           <li class="active"><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
@@ -39,13 +41,13 @@
             </ul>
           </li>
           <li><a href="/cooperative.html">合作加盟</a></li>
-          <li><a href="#">新闻动态</a></li>
+          <li><a href="/news.html">新闻动态</a></li>
           <li>
             <a href="/contact.html">联系我们</a>
             <ul class="menu">
               <li><a href="/contact.html">联系我们</a></li>
               <li><a href="/contact-consult.html">联系方式</a></li>
-              <li><a href="#">人才招聘</a></li>
+              <li><a href="/contact-join.html">人才招聘</a></li>
             </ul>
           </li>
         </ul>
@@ -85,7 +87,7 @@
                   <p>3、逻辑清晰，执行力强，抗压能力强。</p>
                   <p>4、熟练操作OFFICE软件，能适应不定期出差。有海外留学背景者佳。</p>
                 </div>
-                <div class="link"><a href="#">申请该职位>></a></div>
+                <div class="link"><a href="/contact-join-form.html">申请该职位>></a></div>
               </div>
             </div>
             <div class="collapse job">
@@ -100,7 +102,7 @@
                   <p>3、逻辑清晰，执行力强，抗压能力强。</p>
                   <p>4、熟练操作OFFICE软件，能适应不定期出差。有海外留学背景者佳。</p>
                 </div>
-                <div class="link"><a href="#">申请该职位>></a></div>
+                <div class="link"><a href="/contact-join-form.html">申请该职位>></a></div>
               </div>
             </div>
           </div>
@@ -122,17 +124,17 @@
           <div class="item address">广东省深圳市福田区卓越世纪中心四号楼32层</div>
         </div>
         <ul class="nav fl">
-          <li><a href="#">首页</a></li>
-          <li><a href="#">ROS'S</a></li>
-          <li><a href="#">系列产品</a></li>
+          <li><a href="/">首页</a></li>
+          <li><a href="/brand-ross.html">ROS'S</a></li>
+          <li><a href="/brand.html">系列产品</a></li>
         </ul>
         <ul class="nav fl">
-          <li><a href="#">案例展示</a></li>
-          <li><a href="#">授权认证</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/case.html">案例展示</a></li>
+          <li><a href="https://zp.caimei365.com/12/ross" target="_blank">授权认证</a></li>
+          <li><a href="/contact.html">联系我们</a></li>
         </ul>
         <div class="qrcode fr">
-          <img src="/img/qrcode.jpg" alt="二维码" />
+          <img src="/img/qrcode.png" alt="二维码" />
           <div class="tip">扫一扫加关注</div>
         </div>
       </div>

contact.html

@@ -13,10 +13,12 @@
     <!-- 顶部导航栏 start -->
     <div class="header">
       <div class="container flex">
-        <div class="logo">
-          <h1>艾斯佰丽</h1>
-          <img src="/img/logo.png" alt="艾斯佰丽" />
-        </div>
+        <a href="/">
+          <div class="logo">
+            <h1>艾斯佰丽</h1>
+            <img src="/img/logo.png" alt="艾斯佰丽" />
+          </div>
+        </a>
         <ul class="nav clearfix">
           <li class="active"><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
@@ -39,13 +41,13 @@
             </ul>
           </li>
           <li><a href="/cooperative.html">合作加盟</a></li>
-          <li><a href="#">新闻动态</a></li>
+          <li><a href="/news.html">新闻动态</a></li>
           <li>
             <a href="/contact.html">联系我们</a>
             <ul class="menu">
               <li><a href="/contact.html">联系我们</a></li>
               <li><a href="/contact-consult.html">联系方式</a></li>
-              <li><a href="#">人才招聘</a></li>
+              <li><a href="/contact-join.html">人才招聘</a></li>
             </ul>
           </li>
         </ul>
@@ -104,17 +106,17 @@
           <div class="item address">广东省深圳市福田区卓越世纪中心四号楼32层</div>
         </div>
         <ul class="nav fl">
-          <li><a href="#">首页</a></li>
-          <li><a href="#">ROS'S</a></li>
-          <li><a href="#">系列产品</a></li>
+          <li><a href="/">首页</a></li>
+          <li><a href="/brand-ross.html">ROS'S</a></li>
+          <li><a href="/brand.html">系列产品</a></li>
         </ul>
         <ul class="nav fl">
-          <li><a href="#">案例展示</a></li>
-          <li><a href="#">授权认证</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/case.html">案例展示</a></li>
+          <li><a href="https://zp.caimei365.com/12/ross" target="_blank">授权认证</a></li>
+          <li><a href="/contact.html">联系我们</a></li>
         </ul>
         <div class="qrcode fr">
-          <img src="/img/qrcode.jpg" alt="二维码" />
+          <img src="/img/qrcode.png" alt="二维码" />
           <div class="tip">扫一扫加关注</div>
         </div>
       </div>

cooperative.html

@@ -14,10 +14,12 @@
     <!-- 顶部导航栏 start -->
     <div class="header">
       <div class="container flex">
-        <div class="logo">
-          <h1>艾斯佰丽</h1>
-          <img src="/img/logo.png" alt="艾斯佰丽" />
-        </div>
+        <a href="/">
+          <div class="logo">
+            <h1>艾斯佰丽</h1>
+            <img src="/img/logo.png" alt="艾斯佰丽" />
+          </div>
+        </a>
         <ul class="nav clearfix">
           <li class="active"><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
@@ -40,13 +42,13 @@
             </ul>
           </li>
           <li><a href="/cooperative.html">合作加盟</a></li>
-          <li><a href="#">新闻动态</a></li>
+          <li><a href="/news.html">新闻动态</a></li>
           <li>
             <a href="/contact.html">联系我们</a>
             <ul class="menu">
               <li><a href="/contact.html">联系我们</a></li>
               <li><a href="/contact-consult.html">联系方式</a></li>
-              <li><a href="#">人才招聘</a></li>
+              <li><a href="/contact-join.html">人才招聘</a></li>
             </ul>
           </li>
         </ul>
@@ -261,17 +263,17 @@
           <div class="item address">广东省深圳市福田区卓越世纪中心四号楼32层</div>
         </div>
         <ul class="nav fl">
-          <li><a href="#">首页</a></li>
-          <li><a href="#">ROS'S</a></li>
-          <li><a href="#">系列产品</a></li>
+          <li><a href="/">首页</a></li>
+          <li><a href="/brand-ross.html">ROS'S</a></li>
+          <li><a href="/brand.html">系列产品</a></li>
         </ul>
         <ul class="nav fl">
-          <li><a href="#">案例展示</a></li>
-          <li><a href="#">授权认证</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/case.html">案例展示</a></li>
+          <li><a href="https://zp.caimei365.com/12/ross" target="_blank">授权认证</a></li>
+          <li><a href="/contact.html">联系我们</a></li>
         </ul>
         <div class="qrcode fr">
-          <img src="/img/qrcode.jpg" alt="二维码" />
+          <img src="/img/qrcode.png" alt="二维码" />
           <div class="tip">扫一扫加关注</div>
         </div>
       </div>

css/base.css

@@ -238,15 +238,26 @@ a {
   display: block;
   width: 20px;
   height: 20px;
-  background-color: #fff;
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 20px;
+}
+.footer .container .section .item.mobile::before {
+  background-image: url(/img/icon-mobile.png);
 }
 .footer .container .section .item.mobile span:last-child {
   margin-left: 16px;
 }
+.footer .container .section .item.email::before {
+  background-image: url(/img/icon-email.png);
+}
+.footer .container .section .item.address::before {
+  background-image: url(/img/icon-address.png);
+}
 .footer .container .nav {
   margin-left: 110px;
 }

css/base.scss

@@ -269,20 +269,37 @@ a {
           display: block;
           width: 20px;
           height: 20px;
-          background-color: #fff;
           position: absolute;
           left: 0;
           top: 50%;
           transform: translateY(-50%);
+          background-repeat: no-repeat;
+          background-position: center;
+          background-size: 20px;
         }
 
         &.mobile {
+          &::before {
+            background-image: url(/img/icon-mobile.png);
+          }
           span {
             &:last-child {
               margin-left: 16px;
             }
           }
         }
+
+        &.email {
+          &::before {
+            background-image: url(/img/icon-email.png);
+          }
+        }
+
+        &.address {
+          &::before {
+            background-image: url(/img/icon-address.png);
+          }
+        }
       }
     }
 

css/brand-detail.css

@@ -4,6 +4,11 @@
 .main .title {
   font-size: 28px;
 }
+.main .date {
+  font-size: 18px;
+  color: #b2b2b2;
+  margin-top: 16px;
+}
 .main .line {
   width: 100%;
   margin: 40px 0 70px;

css/brand-detail.scss

@@ -3,6 +3,11 @@
   .title {
     font-size: 28px;
   }
+  .date {
+    font-size: 18px;
+    color: #b2b2b2;
+    margin-top: 16px;
+  }
   .line {
     width: 100%;
     margin: 40px 0 70px;

css/news.css

@@ -0,0 +1,95 @@
+.main .container.news-list .title {
+  font-size: 34px;
+  text-align: center;
+  margin: 80px 0;
+}
+.main .container.news-list .new {
+  display: block;
+  transition: all 0.4s;
+  margin-bottom: 40px;
+}
+.main .container.news-list .new .cover {
+  width: 290px;
+  height: 190px;
+}
+.main .container.news-list .new .cover img {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+.main .container.news-list .new:hover {
+  box-shadow: 0 6px 30px rgba(6, 136, 210, 0.2);
+}
+.main .container.news-list .new:hover .name {
+  color: #0688d2;
+}
+.main .container.news-list .new .content {
+  width: 780px;
+  margin-left: 49px;
+  box-sizing: border-box;
+  padding: 32px 0;
+}
+.main .container.news-list .new .content .name {
+  font-size: 20px;
+  transition: all 0.4s;
+}
+.main .container.news-list .new .content .date {
+  font-size: 16px;
+  color: #999999;
+  margin-top: 14px;
+}
+.main .container.news-list .new .content .line {
+  width: 100%;
+  height: 1px;
+  background: #e8e8e8;
+  margin: 18px 0;
+}
+.main .container.news-list .new .content .desc {
+  font-size: 16px;
+  color: #505050;
+}
+.main .container .pagination {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding-top: 25px;
+}
+.main .container .pagination li {
+  background: #e8e8e8;
+  margin: 0 8px;
+}
+.main .container .pagination li.active {
+  background: #0688d2;
+}
+.main .container .pagination li.active a {
+  color: #fff;
+}
+.main .container .pagination li.more {
+  background: transparent !important;
+}
+.main .container .pagination li.more a {
+  color: #505050 !important;
+  min-width: unset !important;
+  padding: 0 !important;
+}
+.main .container .pagination li:hover {
+  background: #0688d2;
+}
+.main .container .pagination li:hover a {
+  color: #fff;
+}
+.main .container .pagination li a {
+  display: block;
+  height: 32px;
+  line-height: 32px;
+  padding: 0 10px;
+  font-size: 12px;
+  color: #505050;
+  min-width: 32px;
+  box-sizing: border-box;
+  text-align: center;
+}
+
+.footer {
+  margin-top: 40px;
+}

css/news.scss

@@ -0,0 +1,109 @@
+.main {
+  .container {
+    &.news-list {
+      .title {
+        font-size: 34px;
+        text-align: center;
+        margin: 80px 0;
+      }
+
+      .new {
+        display: block;
+        transition: all 0.4s;
+        margin-bottom: 40px;
+        .cover {
+          width: 290px;
+          height: 190px;
+          img {
+            display: block;
+            width: 100%;
+            height: 100%;
+          }
+        }
+
+        &:hover {
+          box-shadow: 0 6px 30px rgba(6, 136, 210, 0.2);
+          .name {
+            color: #0688d2;
+          }
+        }
+        .content {
+          width: 780px;
+          margin-left: 49px;
+          box-sizing: border-box;
+          padding: 32px 0;
+          .name {
+            font-size: 20px;
+            transition: all 0.4s;
+          }
+          .date {
+            font-size: 16px;
+            color: #999999;
+            margin-top: 14px;
+          }
+          .line {
+            width: 100%;
+            height: 1px;
+            background: #e8e8e8;
+            margin: 18px 0;
+          }
+          .desc {
+            font-size: 16px;
+            color: #505050;
+          }
+        }
+      }
+    }
+
+    .pagination {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      padding-top: 25px;
+
+      li {
+        background: #e8e8e8;
+        margin: 0 8px;
+
+        &.active {
+          background: #0688d2;
+          a {
+            color: #fff;
+          }
+        }
+
+        &.more {
+          background: transparent !important;
+          a {
+            color: #505050 !important;
+            min-width: unset !important;
+            padding: 0 !important;
+          } 
+        }
+
+        &:hover {
+          background: #0688d2;
+          a {
+            color: #fff;
+          }
+        }
+
+        a {
+          display: block;
+          height: 32px;
+          line-height: 32px;
+          padding: 0 10px;
+          font-size: 12px;
+          color: #505050;
+          min-width: 32px;
+          box-sizing: border-box;
+          text-align: center;
+        }
+      }
+    }
+  }
+}
+
+.footer {
+  margin-top: 40px;
+}

index.html

@@ -14,10 +14,12 @@
     <!-- 顶部导航栏 start -->
     <div class="header">
       <div class="container flex">
-        <div class="logo">
-          <h1>艾斯佰丽</h1>
-          <img src="/img/logo.png" alt="艾斯佰丽" />
-        </div>
+        <a href="/">
+          <div class="logo">
+            <h1>艾斯佰丽</h1>
+            <img src="/img/logo.png" alt="艾斯佰丽" />
+          </div>
+        </a>
         <ul class="nav clearfix">
           <li class="active"><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
@@ -40,13 +42,13 @@
             </ul>
           </li>
           <li><a href="/cooperative.html">合作加盟</a></li>
-          <li><a href="#">新闻动态</a></li>
+          <li><a href="/news.html">新闻动态</a></li>
           <li>
             <a href="/contact.html">联系我们</a>
             <ul class="menu">
               <li><a href="/contact.html">联系我们</a></li>
               <li><a href="/contact-consult.html">联系方式</a></li>
-              <li><a href="#">人才招聘</a></li>
+              <li><a href="/contact-join.html">人才招聘</a></li>
             </ul>
           </li>
         </ul>
@@ -280,17 +282,17 @@
           <div class="item address">广东省深圳市福田区卓越世纪中心四号楼32层</div>
         </div>
         <ul class="nav fl">
-          <li><a href="#">首页</a></li>
-          <li><a href="#">ROS'S</a></li>
-          <li><a href="#">系列产品</a></li>
+          <li><a href="/">首页</a></li>
+          <li><a href="/brand-ross.html">ROS'S</a></li>
+          <li><a href="/brand.html">系列产品</a></li>
         </ul>
         <ul class="nav fl">
-          <li><a href="#">案例展示</a></li>
-          <li><a href="#">授权认证</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/case.html">案例展示</a></li>
+          <li><a href="https://zp.caimei365.com/12/ross" target="_blank">授权认证</a></li>
+          <li><a href="/contact.html">联系我们</a></li>
         </ul>
         <div class="qrcode fr">
-          <img src="/img/qrcode.jpg" alt="二维码" />
+          <img src="/img/qrcode.png" alt="二维码" />
           <div class="tip">扫一扫加关注</div>
         </div>
       </div>

news-detail.html

@@ -0,0 +1,142 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>首页-艾斯佰丽官网-品牌活动详情</title>
+    <link rel="stylesheet" href="/css/normalize.css" />
+    <link rel="stylesheet" href="/css/base.css" />
+    <link rel="stylesheet" href="/css/brand-detail.css" />
+  </head>
+  <body>
+    <!-- 顶部导航栏 start -->
+    <div class="header">
+      <div class="container flex">
+        <a href="/">
+          <div class="logo">
+            <h1>艾斯佰丽</h1>
+            <img src="/img/logo.png" alt="艾斯佰丽" />
+          </div>
+        </a>
+        <ul class="nav clearfix">
+          <li class="active"><a href="/">首页</a></li>
+          <li><a href="/about.html">艾斯佰丽</a></li>
+          <li>
+            <a href="/brand.html">品牌中心</a>
+            <ul class="menu">
+              <li><a href="/brand-ross.html">ROS'S介绍</a></li>
+              <li class="dropdown">
+                <a href="javascript:void(0)">产品系列</a>
+                <ul class="submenu clearfix">
+                  <li><a href="/product-diactivplvs.html">Diactivplvs</a></li>
+                  <li><a href="/product-intradermik.html">Intradermik</a></li>
+                  <li><a href="/product-mesobiolift.html">Mesobiolift RF</a></li>
+                  <li><a href="/product-rollaction.html">Rollaction</a></li>
+                  <li><a href="/product-kestos.html">Kestos T2</a></li>
+                </ul>
+              </li>
+              <li><a href="/case.html">案例展示</a></li>
+              <li><a href="#">授权认证</a></li>
+            </ul>
+          </li>
+          <li><a href="/cooperative.html">合作加盟</a></li>
+          <li><a href="/news.html">新闻动态</a></li>
+          <li>
+            <a href="/contact.html">联系我们</a>
+            <ul class="menu">
+              <li><a href="/contact.html">联系我们</a></li>
+              <li><a href="/contact-consult.html">联系方式</a></li>
+              <li><a href="/contact-join.html">人才招聘</a></li>
+            </ul>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <!-- 顶部导航栏 end -->
+
+    <div class="container main">
+      <div class="title">深圳艾斯佰丽生物科技有限公司</div>
+      <div class="date">2022-02-16 17:42</div>
+      <div class="line"></div>
+      <div class="detail">
+        <p>
+          深圳艾斯佰丽生物科技有限公司主营来自西班牙备受美容养生界青睐的云智能体疗管理系统「BINARY PREMIUM」，是西班牙
+          ROS'S BINARY PREMIUM中国区总代理，拥有资深的健康专家团队，优质、专业的售后服务团队，为您提供全方位一站式体验
+          和服务。
+        </p>
+        <p>我们期待有梦想,有激情,有能力的你加入我们,为你提供 “有成长、有舞台、有未来” 的平台!</p>
+        <img src="/img/news-detail-cover.png" alt="" />
+        <p>
+          我们希望艾斯佰丽能给我们同事的，不仅仅是一份工作，也是一段成长的旅程。但个人的成长肯定不是温室式的成长，我们都是透过克
+          服一个又一个困难而成长。每个有能力的人，都希望有一个舞台让他发挥所长。一个足球员，一定会希望有个球场实现他冠军的梦，一
+          个百米飞人，肯定希望有个奥林匹克的赛道。我们经常说互联网就是商界的奥林匹克，在艾斯佰丽这里，我们希望大家能有机会把自己
+          的所知所能的，发挥到极致。
+        </p>
+        <p>我们相信的是，只要艾斯佰丽有美好的将来，也一定会带给同事更好的未来。</p>
+      </div>
+    </div>
+
+    <!-- 底部区域 start -->
+    <div class="footer">
+      <div class="container clearfix">
+        <div class="section fl">
+          <div class="logo"><img src="/img/logo2.png" alt="" /></div>
+          <div class="item mobile">
+            <span>0755-23769340</span>
+            <span>周一至周五：09:00-18:00</span>
+          </div>
+          <div class="item email">518000</div>
+          <div class="item address">广东省深圳市福田区卓越世纪中心四号楼32层</div>
+        </div>
+        <ul class="nav fl">
+          <li><a href="/">首页</a></li>
+          <li><a href="/brand-ross.html">ROS'S</a></li>
+          <li><a href="/brand.html">系列产品</a></li>
+        </ul>
+        <ul class="nav fl">
+          <li><a href="/case.html">案例展示</a></li>
+          <li><a href="https://zp.caimei365.com/12/ross" target="_blank">授权认证</a></li>
+          <li><a href="/contact.html">联系我们</a></li>
+        </ul>
+        <div class="qrcode fr">
+          <img src="/img/qrcode.png" alt="二维码" />
+          <div class="tip">扫一扫加关注</div>
+        </div>
+      </div>
+      <div class="line"></div>
+      <div class="link">
+        <a href="#">法律声明</a>
+        <i></i>
+        <a href="#">隐私政策</a>
+        <i></i>
+        <a href="#">购物付款类型</a>
+        <i></i>
+        <a href="#">服务付款类型</a>
+        <i></i>
+        <a href="#">支付方式</a>
+        <i></i>
+        <a href="#">产品售后与申诉</a>
+        <i></i>
+        <a href="#">服务投诉与申诉</a>
+        <i></i>
+        <a href="#">族蚂议价流程</a>
+        <i></i>
+        <a href="#">关于族蚂网</a>
+        <i></i>
+        <a href="#">如何创建主体</a>
+        <i></i>
+        <a href="#">违规举报</a>
+        <i></i>
+        <a href="#">知识产权维护</a>
+      </div>
+      <div class="copyright">
+        <a href="#">本网站使用族蚂技术创建及服务器托管</a>
+        <span>Copyright ©2019</span>
+        <span>acebelleshenzhen.com</span>
+        <span>版权所有 粤ICP备2020131296号</span>
+      </div>
+    </div>
+    <!-- 底部区域 end -->
+  </body>
+</html>

news.html

@@ -0,0 +1,192 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>首页-艾斯佰丽官网</title>
+    <link rel="stylesheet" href="/css/normalize.css" />
+    <link rel="stylesheet" href="/css/base.css" />
+    <link rel="stylesheet" href="/css/news.css" />
+  </head>
+  <body>
+    <!-- 顶部导航栏 start -->
+    <div class="header">
+      <div class="container flex">
+        <a href="/">
+          <div class="logo">
+            <h1>艾斯佰丽</h1>
+            <img src="/img/logo.png" alt="艾斯佰丽" />
+          </div>
+        </a>
+        <ul class="nav clearfix">
+          <li class="active"><a href="/">首页</a></li>
+          <li><a href="/about.html">艾斯佰丽</a></li>
+          <li>
+            <a href="/brand.html">品牌中心</a>
+            <ul class="menu">
+              <li><a href="/brand-ross.html">ROS'S介绍</a></li>
+              <li class="dropdown">
+                <a href="javascript:void(0)">产品系列</a>
+                <ul class="submenu clearfix">
+                  <li><a href="/product-diactivplvs.html">Diactivplvs</a></li>
+                  <li><a href="/product-intradermik.html">Intradermik</a></li>
+                  <li><a href="/product-mesobiolift.html">Mesobiolift RF</a></li>
+                  <li><a href="/product-rollaction.html">Rollaction</a></li>
+                  <li><a href="/product-kestos.html">Kestos T2</a></li>
+                </ul>
+              </li>
+              <li><a href="/case.html">案例展示</a></li>
+              <li><a href="#">授权认证</a></li>
+            </ul>
+          </li>
+          <li><a href="/cooperative.html">合作加盟</a></li>
+          <li><a href="/news.html">新闻动态</a></li>
+          <li>
+            <a href="/contact.html">联系我们</a>
+            <ul class="menu">
+              <li><a href="/contact.html">联系我们</a></li>
+              <li><a href="/contact-consult.html">联系方式</a></li>
+              <li><a href="/contact-join.html">人才招聘</a></li>
+            </ul>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <!-- 顶部导航栏 end -->
+
+    <!-- banner区域 start -->
+    <div class="banner" id="banner">
+      <img src="/img/about-banner.png" alt="" />
+    </div>
+    <!-- banner区域 end -->
+
+    <div class="main">
+      <div class="container news-list">
+        <div class="title">企业新闻</div>
+        <a class="item new clearfix" href="/news-detail.html">
+          <div class="cover fl"><img src="/img/news-cover.png" alt="" /></div>
+          <div class="content fl">
+            <div class="name">深圳艾斯佰丽生物科技有限公司</div>
+            <div class="date">2022-07-20</div>
+            <div class="line"></div>
+            <div class="desc">拥有资深的健康专家团队，优质、专业的售后服务团队，为您提供全方位一站式体验和服务。</div>
+          </div>
+        </a>
+        <a class="item new clearfix" href="/news-detail.html">
+          <div class="cover fl"><img src="/img/news-cover.png" alt="" /></div>
+          <div class="content fl">
+            <div class="name">深圳艾斯佰丽生物科技有限公司</div>
+            <div class="date">2022-07-20</div>
+            <div class="line"></div>
+            <div class="desc">拥有资深的健康专家团队，优质、专业的售后服务团队，为您提供全方位一站式体验和服务。</div>
+          </div>
+        </a>
+        <a class="item new clearfix" href="/news-detail.html">
+          <div class="cover fl"><img src="/img/news-cover.png" alt="" /></div>
+          <div class="content fl">
+            <div class="name">深圳艾斯佰丽生物科技有限公司</div>
+            <div class="date">2022-07-20</div>
+            <div class="line"></div>
+            <div class="desc">拥有资深的健康专家团队，优质、专业的售后服务团队，为您提供全方位一站式体验和服务。</div>
+          </div>
+        </a>
+        <a class="item new clearfix" href="/news-detail.html">
+          <div class="cover fl"><img src="/img/news-cover.png" alt="" /></div>
+          <div class="content fl">
+            <div class="name">深圳艾斯佰丽生物科技有限公司</div>
+            <div class="date">2022-07-20</div>
+            <div class="line"></div>
+            <div class="desc">拥有资深的健康专家团队，优质、专业的售后服务团队，为您提供全方位一站式体验和服务。</div>
+          </div>
+        </a>
+        <a class="item new clearfix" href="/news-detail.html">
+          <div class="cover fl"><img src="/img/news-cover.png" alt="" /></div>
+          <div class="content fl">
+            <div class="name">深圳艾斯佰丽生物科技有限公司</div>
+            <div class="date">2022-07-20</div>
+            <div class="line"></div>
+            <div class="desc">拥有资深的健康专家团队，优质、专业的售后服务团队，为您提供全方位一站式体验和服务。</div>
+          </div>
+        </a>
+      </div>
+
+      <div class="container">
+        <ul class="pagination">
+          <li class="prev"><a href="#">上一页</a></li>
+          <li class="active"><a href="#">1</a></li>
+          <!-- <li class="more"><a href="#">...</a></li> -->
+          <li><a href="#">2</a></li>
+          <li><a href="#">3</a></li>
+          <li><a href="#">4</a></li>
+          <li><a href="#">5</a></li>
+          <li class="more"><a href="#">...</a></li>
+          <li class="last"><a href="#">尾页</a></li>
+          <li class="next"><a href="#">下一页</a></li>
+        </ul>
+      </div>
+    </div>
+
+    <!-- 底部区域 start -->
+    <div class="footer">
+      <div class="container clearfix">
+        <div class="section fl">
+          <div class="logo"><img src="/img/logo2.png" alt="" /></div>
+          <div class="item mobile">
+            <span>0755-23769340</span>
+            <span>周一至周五：09:00-18:00</span>
+          </div>
+          <div class="item email">518000</div>
+          <div class="item address">广东省深圳市福田区卓越世纪中心四号楼32层</div>
+        </div>
+        <ul class="nav fl">
+          <li><a href="/">首页</a></li>
+          <li><a href="/brand-ross.html">ROS'S</a></li>
+          <li><a href="/brand.html">系列产品</a></li>
+        </ul>
+        <ul class="nav fl">
+          <li><a href="/case.html">案例展示</a></li>
+          <li><a href="https://zp.caimei365.com/12/ross" target="_blank">授权认证</a></li>
+          <li><a href="/contact.html">联系我们</a></li>
+        </ul>
+        <div class="qrcode fr">
+          <img src="/img/qrcode.png" alt="二维码" />
+          <div class="tip">扫一扫加关注</div>
+        </div>
+      </div>
+      <div class="line"></div>
+      <div class="link">
+        <a href="#">法律声明</a>
+        <i></i>
+        <a href="#">隐私政策</a>
+        <i></i>
+        <a href="#">购物付款类型</a>
+        <i></i>
+        <a href="#">服务付款类型</a>
+        <i></i>
+        <a href="#">支付方式</a>
+        <i></i>
+        <a href="#">产品售后与申诉</a>
+        <i></i>
+        <a href="#">服务投诉与申诉</a>
+        <i></i>
+        <a href="#">族蚂议价流程</a>
+        <i></i>
+        <a href="#">关于族蚂网</a>
+        <i></i>
+        <a href="#">如何创建主体</a>
+        <i></i>
+        <a href="#">违规举报</a>
+        <i></i>
+        <a href="#">知识产权维护</a>
+      </div>
+      <div class="copyright">
+        <a href="#">本网站使用族蚂技术创建及服务器托管</a>
+        <span>Copyright ©2019</span>
+        <span>acebelleshenzhen.com</span>
+        <span>版权所有 粤ICP备2020131296号</span>
+      </div>
+    </div>
+    <!-- 底部区域 end -->
+  </body>
+</html>

product-diactivplvs.html

@@ -13,34 +13,43 @@
     <!-- 顶部导航栏 start -->
     <div class="header">
       <div class="container flex">
-        <div class="logo">
-          <h1>艾斯佰丽</h1>
-          <img src="/img/logo.png" alt="艾斯佰丽" />
-        </div>
+        <a href="/">
+          <div class="logo">
+            <h1>艾斯佰丽</h1>
+            <img src="/img/logo.png" alt="艾斯佰丽" />
+          </div>
+        </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="#">首页</a></li>
-          <li><a href="#">艾斯佰丽</a></li>
+          <li class="active"><a href="/">首页</a></li>
+          <li><a href="/about.html">艾斯佰丽</a></li>
           <li>
-            <a href="#">品牌中心</a>
+            <a href="/brand.html">品牌中心</a>
             <ul class="menu">
-              <li><a href="#">ROS'S介绍</a></li>
+              <li><a href="/brand-ross.html">ROS'S介绍</a></li>
               <li class="dropdown">
                 <a href="javascript:void(0)">产品系列</a>
                 <ul class="submenu clearfix">
-                  <li><a href="#">Diactivplvs</a></li>
-                  <li><a href="#">Ntradermik</a></li>
-                  <li><a href="#">Esobiolift RF</a></li>
-                  <li><a href="#">Rollaction</a></li>
-                  <li><a href="#">Kestos T2</a></li>
+                  <li><a href="/product-diactivplvs.html">Diactivplvs</a></li>
+                  <li><a href="/product-intradermik.html">Intradermik</a></li>
+                  <li><a href="/product-mesobiolift.html">Mesobiolift RF</a></li>
+                  <li><a href="/product-rollaction.html">Rollaction</a></li>
+                  <li><a href="/product-kestos.html">Kestos T2</a></li>
                 </ul>
               </li>
-              <li><a href="#">案例展示</a></li>
+              <li><a href="/case.html">案例展示</a></li>
               <li><a href="#">授权认证</a></li>
             </ul>
           </li>
-          <li><a href="#">合作加盟</a></li>
-          <li><a href="#">新闻动态</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/cooperative.html">合作加盟</a></li>
+          <li><a href="/news.html">新闻动态</a></li>
+          <li>
+            <a href="/contact.html">联系我们</a>
+            <ul class="menu">
+              <li><a href="/contact.html">联系我们</a></li>
+              <li><a href="/contact-consult.html">联系方式</a></li>
+              <li><a href="/contact-join.html">人才招聘</a></li>
+            </ul>
+          </li>
         </ul>
       </div>
     </div>
@@ -202,17 +211,17 @@
           <div class="item address">广东省深圳市福田区卓越世纪中心四号楼32层</div>
         </div>
         <ul class="nav fl">
-          <li><a href="#">首页</a></li>
-          <li><a href="#">ROS'S</a></li>
-          <li><a href="#">系列产品</a></li>
+          <li><a href="/">首页</a></li>
+          <li><a href="/brand-ross.html">ROS'S</a></li>
+          <li><a href="/brand.html">系列产品</a></li>
         </ul>
         <ul class="nav fl">
-          <li><a href="#">案例展示</a></li>
-          <li><a href="#">授权认证</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/case.html">案例展示</a></li>
+          <li><a href="https://zp.caimei365.com/12/ross" target="_blank">授权认证</a></li>
+          <li><a href="/contact.html">联系我们</a></li>
         </ul>
         <div class="qrcode fr">
-          <img src="/img/qrcode.jpg" alt="二维码" />
+          <img src="/img/qrcode.png" alt="二维码" />
           <div class="tip">扫一扫加关注</div>
         </div>
       </div>

product-intradermik.html

@@ -13,34 +13,43 @@
     <!-- 顶部导航栏 start -->
     <div class="header">
       <div class="container flex">
-        <div class="logo">
-          <h1>艾斯佰丽</h1>
-          <img src="/img/logo.png" alt="艾斯佰丽" />
-        </div>
+        <a href="/">
+          <div class="logo">
+            <h1>艾斯佰丽</h1>
+            <img src="/img/logo.png" alt="艾斯佰丽" />
+          </div>
+        </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="#">首页</a></li>
-          <li><a href="#">艾斯佰丽</a></li>
+          <li class="active"><a href="/">首页</a></li>
+          <li><a href="/about.html">艾斯佰丽</a></li>
           <li>
-            <a href="#">品牌中心</a>
+            <a href="/brand.html">品牌中心</a>
             <ul class="menu">
-              <li><a href="#">ROS'S介绍</a></li>
+              <li><a href="/brand-ross.html">ROS'S介绍</a></li>
               <li class="dropdown">
                 <a href="javascript:void(0)">产品系列</a>
                 <ul class="submenu clearfix">
-                  <li><a href="#">Diactivplvs</a></li>
-                  <li><a href="#">Ntradermik</a></li>
-                  <li><a href="#">Esobiolift RF</a></li>
-                  <li><a href="#">Rollaction</a></li>
-                  <li><a href="#">Kestos T2</a></li>
+                  <li><a href="/product-diactivplvs.html">Diactivplvs</a></li>
+                  <li><a href="/product-intradermik.html">Intradermik</a></li>
+                  <li><a href="/product-mesobiolift.html">Mesobiolift RF</a></li>
+                  <li><a href="/product-rollaction.html">Rollaction</a></li>
+                  <li><a href="/product-kestos.html">Kestos T2</a></li>
                 </ul>
               </li>
-              <li><a href="#">案例展示</a></li>
+              <li><a href="/case.html">案例展示</a></li>
               <li><a href="#">授权认证</a></li>
             </ul>
           </li>
-          <li><a href="#">合作加盟</a></li>
-          <li><a href="#">新闻动态</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/cooperative.html">合作加盟</a></li>
+          <li><a href="/news.html">新闻动态</a></li>
+          <li>
+            <a href="/contact.html">联系我们</a>
+            <ul class="menu">
+              <li><a href="/contact.html">联系我们</a></li>
+              <li><a href="/contact-consult.html">联系方式</a></li>
+              <li><a href="/contact-join.html">人才招聘</a></li>
+            </ul>
+          </li>
         </ul>
       </div>
     </div>
@@ -170,17 +179,17 @@
           <div class="item address">广东省深圳市福田区卓越世纪中心四号楼32层</div>
         </div>
         <ul class="nav fl">
-          <li><a href="#">首页</a></li>
-          <li><a href="#">ROS'S</a></li>
-          <li><a href="#">系列产品</a></li>
+          <li><a href="/">首页</a></li>
+          <li><a href="/brand-ross.html">ROS'S</a></li>
+          <li><a href="/brand.html">系列产品</a></li>
         </ul>
         <ul class="nav fl">
-          <li><a href="#">案例展示</a></li>
-          <li><a href="#">授权认证</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/case.html">案例展示</a></li>
+          <li><a href="https://zp.caimei365.com/12/ross" target="_blank">授权认证</a></li>
+          <li><a href="/contact.html">联系我们</a></li>
         </ul>
         <div class="qrcode fr">
-          <img src="/img/qrcode.jpg" alt="二维码" />
+          <img src="/img/qrcode.png" alt="二维码" />
           <div class="tip">扫一扫加关注</div>
         </div>
       </div>

product-kestos.html

@@ -13,34 +13,43 @@
     <!-- 顶部导航栏 start -->
     <div class="header">
       <div class="container flex">
-        <div class="logo">
-          <h1>艾斯佰丽</h1>
-          <img src="/img/logo.png" alt="艾斯佰丽" />
-        </div>
+        <a href="/">
+          <div class="logo">
+            <h1>艾斯佰丽</h1>
+            <img src="/img/logo.png" alt="艾斯佰丽" />
+          </div>
+        </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="#">首页</a></li>
-          <li><a href="#">艾斯佰丽</a></li>
+          <li class="active"><a href="/">首页</a></li>
+          <li><a href="/about.html">艾斯佰丽</a></li>
           <li>
-            <a href="#">品牌中心</a>
+            <a href="/brand.html">品牌中心</a>
             <ul class="menu">
-              <li><a href="#">ROS'S介绍</a></li>
+              <li><a href="/brand-ross.html">ROS'S介绍</a></li>
               <li class="dropdown">
                 <a href="javascript:void(0)">产品系列</a>
                 <ul class="submenu clearfix">
-                  <li><a href="#">Diactivplvs</a></li>
-                  <li><a href="#">Ntradermik</a></li>
-                  <li><a href="#">Esobiolift RF</a></li>
-                  <li><a href="#">Rollaction</a></li>
-                  <li><a href="#">Kestos T2</a></li>
+                  <li><a href="/product-diactivplvs.html">Diactivplvs</a></li>
+                  <li><a href="/product-intradermik.html">Intradermik</a></li>
+                  <li><a href="/product-mesobiolift.html">Mesobiolift RF</a></li>
+                  <li><a href="/product-rollaction.html">Rollaction</a></li>
+                  <li><a href="/product-kestos.html">Kestos T2</a></li>
                 </ul>
               </li>
-              <li><a href="#">案例展示</a></li>
+              <li><a href="/case.html">案例展示</a></li>
               <li><a href="#">授权认证</a></li>
             </ul>
           </li>
-          <li><a href="#">合作加盟</a></li>
-          <li><a href="#">新闻动态</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/cooperative.html">合作加盟</a></li>
+          <li><a href="/news.html">新闻动态</a></li>
+          <li>
+            <a href="/contact.html">联系我们</a>
+            <ul class="menu">
+              <li><a href="/contact.html">联系我们</a></li>
+              <li><a href="/contact-consult.html">联系方式</a></li>
+              <li><a href="/contact-join.html">人才招聘</a></li>
+            </ul>
+          </li>
         </ul>
       </div>
     </div>
@@ -114,17 +123,17 @@
           <div class="item address">广东省深圳市福田区卓越世纪中心四号楼32层</div>
         </div>
         <ul class="nav fl">
-          <li><a href="#">首页</a></li>
-          <li><a href="#">ROS'S</a></li>
-          <li><a href="#">系列产品</a></li>
+          <li><a href="/">首页</a></li>
+          <li><a href="/brand-ross.html">ROS'S</a></li>
+          <li><a href="/brand.html">系列产品</a></li>
         </ul>
         <ul class="nav fl">
-          <li><a href="#">案例展示</a></li>
-          <li><a href="#">授权认证</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/case.html">案例展示</a></li>
+          <li><a href="https://zp.caimei365.com/12/ross" target="_blank">授权认证</a></li>
+          <li><a href="/contact.html">联系我们</a></li>
         </ul>
         <div class="qrcode fr">
-          <img src="/img/qrcode.jpg" alt="二维码" />
+          <img src="/img/qrcode.png" alt="二维码" />
           <div class="tip">扫一扫加关注</div>
         </div>
       </div>

product-mesobiolift.html

@@ -13,34 +13,43 @@
     <!-- 顶部导航栏 start -->
     <div class="header">
       <div class="container flex">
-        <div class="logo">
-          <h1>艾斯佰丽</h1>
-          <img src="/img/logo.png" alt="艾斯佰丽" />
-        </div>
+        <a href="/">
+          <div class="logo">
+            <h1>艾斯佰丽</h1>
+            <img src="/img/logo.png" alt="艾斯佰丽" />
+          </div>
+        </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="#">首页</a></li>
-          <li><a href="#">艾斯佰丽</a></li>
+          <li class="active"><a href="/">首页</a></li>
+          <li><a href="/about.html">艾斯佰丽</a></li>
           <li>
-            <a href="#">品牌中心</a>
+            <a href="/brand.html">品牌中心</a>
             <ul class="menu">
-              <li><a href="#">ROS'S介绍</a></li>
+              <li><a href="/brand-ross.html">ROS'S介绍</a></li>
               <li class="dropdown">
                 <a href="javascript:void(0)">产品系列</a>
                 <ul class="submenu clearfix">
-                  <li><a href="#">Diactivplvs</a></li>
-                  <li><a href="#">Ntradermik</a></li>
-                  <li><a href="#">Esobiolift RF</a></li>
-                  <li><a href="#">Rollaction</a></li>
-                  <li><a href="#">Kestos T2</a></li>
+                  <li><a href="/product-diactivplvs.html">Diactivplvs</a></li>
+                  <li><a href="/product-intradermik.html">Intradermik</a></li>
+                  <li><a href="/product-mesobiolift.html">Mesobiolift RF</a></li>
+                  <li><a href="/product-rollaction.html">Rollaction</a></li>
+                  <li><a href="/product-kestos.html">Kestos T2</a></li>
                 </ul>
               </li>
-              <li><a href="#">案例展示</a></li>
+              <li><a href="/case.html">案例展示</a></li>
               <li><a href="#">授权认证</a></li>
             </ul>
           </li>
-          <li><a href="#">合作加盟</a></li>
-          <li><a href="#">新闻动态</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/cooperative.html">合作加盟</a></li>
+          <li><a href="/news.html">新闻动态</a></li>
+          <li>
+            <a href="/contact.html">联系我们</a>
+            <ul class="menu">
+              <li><a href="/contact.html">联系我们</a></li>
+              <li><a href="/contact-consult.html">联系方式</a></li>
+              <li><a href="/contact-join.html">人才招聘</a></li>
+            </ul>
+          </li>
         </ul>
       </div>
     </div>
@@ -56,7 +65,7 @@
       <!-- 关于 start -->
       <div class="about">
         <div class="container">
-          <div class="cover"><img src="/img/product-mesobiolift-about.png" alt=""></div>
+          <div class="cover"><img src="/img/product-mesobiolift-about.png" alt="" /></div>
           <div class="content">
             <div class="title">三大强效活性成分应对衰老问题</div>
             <div class="subtitle">射频RF+直流电DC</div>
@@ -146,7 +155,7 @@
             <li><a href="#">联系我们</a></li>
           </ul>
           <div class="qrcode fr">
-            <img src="/img/qrcode.jpg" alt="二维码" />
+            <img src="/img/qrcode.png" alt="二维码" />
             <div class="tip">扫一扫加关注</div>
           </div>
         </div>

product-rollaction.html

@@ -13,34 +13,43 @@
     <!-- 顶部导航栏 start -->
     <div class="header">
       <div class="container flex">
-        <div class="logo">
-          <h1>艾斯佰丽</h1>
-          <img src="/img/logo.png" alt="艾斯佰丽" />
-        </div>
+        <a href="/">
+          <div class="logo">
+            <h1>艾斯佰丽</h1>
+            <img src="/img/logo.png" alt="艾斯佰丽" />
+          </div>
+        </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="#">首页</a></li>
-          <li><a href="#">艾斯佰丽</a></li>
+          <li class="active"><a href="/">首页</a></li>
+          <li><a href="/about.html">艾斯佰丽</a></li>
           <li>
-            <a href="#">品牌中心</a>
+            <a href="/brand.html">品牌中心</a>
             <ul class="menu">
-              <li><a href="#">ROS'S介绍</a></li>
+              <li><a href="/brand-ross.html">ROS'S介绍</a></li>
               <li class="dropdown">
                 <a href="javascript:void(0)">产品系列</a>
                 <ul class="submenu clearfix">
-                  <li><a href="#">Diactivplvs</a></li>
-                  <li><a href="#">Ntradermik</a></li>
-                  <li><a href="#">Esobiolift RF</a></li>
-                  <li><a href="#">Rollaction</a></li>
-                  <li><a href="#">Kestos T2</a></li>
+                  <li><a href="/product-diactivplvs.html">Diactivplvs</a></li>
+                  <li><a href="/product-intradermik.html">Intradermik</a></li>
+                  <li><a href="/product-mesobiolift.html">Mesobiolift RF</a></li>
+                  <li><a href="/product-rollaction.html">Rollaction</a></li>
+                  <li><a href="/product-kestos.html">Kestos T2</a></li>
                 </ul>
               </li>
-              <li><a href="#">案例展示</a></li>
+              <li><a href="/case.html">案例展示</a></li>
               <li><a href="#">授权认证</a></li>
             </ul>
           </li>
-          <li><a href="#">合作加盟</a></li>
-          <li><a href="#">新闻动态</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/cooperative.html">合作加盟</a></li>
+          <li><a href="/news.html">新闻动态</a></li>
+          <li>
+            <a href="/contact.html">联系我们</a>
+            <ul class="menu">
+              <li><a href="/contact.html">联系我们</a></li>
+              <li><a href="/contact-consult.html">联系方式</a></li>
+              <li><a href="/contact-join.html">人才招聘</a></li>
+            </ul>
+          </li>
         </ul>
       </div>
     </div>
@@ -159,17 +168,17 @@
           <div class="item address">广东省深圳市福田区卓越世纪中心四号楼32层</div>
         </div>
         <ul class="nav fl">
-          <li><a href="#">首页</a></li>
-          <li><a href="#">ROS'S</a></li>
-          <li><a href="#">系列产品</a></li>
+          <li><a href="/">首页</a></li>
+          <li><a href="/brand-ross.html">ROS'S</a></li>
+          <li><a href="/brand.html">系列产品</a></li>
         </ul>
         <ul class="nav fl">
-          <li><a href="#">案例展示</a></li>
-          <li><a href="#">授权认证</a></li>
-          <li><a href="#">联系我们</a></li>
+          <li><a href="/case.html">案例展示</a></li>
+          <li><a href="https://zp.caimei365.com/12/ross" target="_blank">授权认证</a></li>
+          <li><a href="/contact.html">联系我们</a></li>
         </ul>
         <div class="qrcode fr">
-          <img src="/img/qrcode.jpg" alt="二维码" />
+          <img src="/img/qrcode.png" alt="二维码" />
           <div class="tip">扫一扫加关注</div>
         </div>
       </div>