页面上线

about.html

@@ -20,8 +20,8 @@
           </div>
         </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="/">首页</a></li>
-          <li><a href="/about.html">艾斯佰丽</a></li>
+          <li><a href="/">首页</a></li>
+          <li class="active"><a href="/about.html">艾斯佰丽</a></li>
           <li>
             <a href="/brand.html">品牌中心</a>
             <ul class="menu">
@@ -99,7 +99,7 @@
       <!-- 董事长 start -->
       <div class="profile">
         <div class="container clearfix">
-          <div class="cover fl"><img src="" alt="" /></div>
+          <div class="cover fl"><img src="/img/about-profile-cover.png" alt="" /></div>
           <div class="content fl">
             <div class="title">董事长</div>
             <div class="subtitle">艾斯佰丽<span>/hbury</span></div>
@@ -288,7 +288,7 @@
         <a href="#">本网站使用族蚂技术创建及服务器托管</a>
         <span>Copyright ©2019</span>
         <span>acebelleshenzhen.com</span>
-        <span>版权所有 粤ICP备2020131296号</span>
+        <span>版权所有 粤ICP备*****号</span>
       </div>
     </div>
     <!-- 底部区域 end -->

appliance-1.html

@@ -21,8 +21,8 @@
           </div>
         </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="/">首页</a></li>
-          <li><a href="/about.html">艾斯佰丽</a></li>
+          <li><a href="/">首页</a></li>
+          <li class="active"><a href="/about.html">艾斯佰丽</a></li>
           <li>
             <a href="/brand.html">品牌中心</a>
             <ul class="menu">
@@ -198,7 +198,7 @@
         <a href="#">本网站使用族蚂技术创建及服务器托管</a>
         <span>Copyright ©2019</span>
         <span>acebelleshenzhen.com</span>
-        <span>版权所有 粤ICP备2020131296号</span>
+        <span>版权所有 粤ICP备*****号</span>
       </div>
     </div>
     <!-- 底部区域 end -->

appliance-2.html

@@ -21,8 +21,8 @@
           </div>
         </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="/">首页</a></li>
-          <li><a href="/about.html">艾斯佰丽</a></li>
+          <li><a href="/">首页</a></li>
+          <li class="active"><a href="/about.html">艾斯佰丽</a></li>
           <li>
             <a href="/brand.html">品牌中心</a>
             <ul class="menu">
@@ -210,7 +210,7 @@
         <a href="#">本网站使用族蚂技术创建及服务器托管</a>
         <span>Copyright ©2019</span>
         <span>acebelleshenzhen.com</span>
-        <span>版权所有 粤ICP备2020131296号</span>
+        <span>版权所有 粤ICP备*****号</span>
       </div>
     </div>
     <!-- 底部区域 end -->

appliance-3.html

@@ -21,8 +21,8 @@
           </div>
         </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="/">首页</a></li>
-          <li><a href="/about.html">艾斯佰丽</a></li>
+          <li><a href="/">首页</a></li>
+          <li class="active"><a href="/about.html">艾斯佰丽</a></li>
           <li>
             <a href="/brand.html">品牌中心</a>
             <ul class="menu">
@@ -191,7 +191,7 @@
         <a href="#">本网站使用族蚂技术创建及服务器托管</a>
         <span>Copyright ©2019</span>
         <span>acebelleshenzhen.com</span>
-        <span>版权所有 粤ICP备2020131296号</span>
+        <span>版权所有 粤ICP备*****号</span>
       </div>
     </div>
     <!-- 底部区域 end -->

appliance-4.html

@@ -21,8 +21,8 @@
           </div>
         </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="/">首页</a></li>
-          <li><a href="/about.html">艾斯佰丽</a></li>
+          <li><a href="/">首页</a></li>
+          <li class="active"><a href="/about.html">艾斯佰丽</a></li>
           <li>
             <a href="/brand.html">品牌中心</a>
             <ul class="menu">
@@ -194,7 +194,7 @@
         <a href="#">本网站使用族蚂技术创建及服务器托管</a>
         <span>Copyright ©2019</span>
         <span>acebelleshenzhen.com</span>
-        <span>版权所有 粤ICP备2020131296号</span>
+        <span>版权所有 粤ICP备*****号</span>
       </div>
     </div>
     <!-- 底部区域 end -->

appliance-5.html

@@ -21,8 +21,8 @@
           </div>
         </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="/">首页</a></li>
-          <li><a href="/about.html">艾斯佰丽</a></li>
+          <li><a href="/">首页</a></li>
+          <li class="active"><a href="/about.html">艾斯佰丽</a></li>
           <li>
             <a href="/brand.html">品牌中心</a>
             <ul class="menu">
@@ -197,7 +197,7 @@
         <a href="#">本网站使用族蚂技术创建及服务器托管</a>
         <span>Copyright ©2019</span>
         <span>acebelleshenzhen.com</span>
-        <span>版权所有 粤ICP备2020131296号</span>
+        <span>版权所有 粤ICP备*****号</span>
       </div>
     </div>
     <!-- 底部区域 end -->

appliance-6.html

@@ -21,8 +21,8 @@
           </div>
         </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="/">首页</a></li>
-          <li><a href="/about.html">艾斯佰丽</a></li>
+          <li><a href="/">首页</a></li>
+          <li class="active"><a href="/about.html">艾斯佰丽</a></li>
           <li>
             <a href="/brand.html">品牌中心</a>
             <ul class="menu">
@@ -190,7 +190,7 @@
         <a href="#">本网站使用族蚂技术创建及服务器托管</a>
         <span>Copyright ©2019</span>
         <span>acebelleshenzhen.com</span>
-        <span>版权所有 粤ICP备2020131296号</span>
+        <span>版权所有 粤ICP备*****号</span>
       </div>
     </div>
     <!-- 底部区域 end -->

appliance-7.html

@@ -21,8 +21,8 @@
           </div>
         </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="/">首页</a></li>
-          <li><a href="/about.html">艾斯佰丽</a></li>
+          <li><a href="/">首页</a></li>
+          <li class="active"><a href="/about.html">艾斯佰丽</a></li>
           <li>
             <a href="/brand.html">品牌中心</a>
             <ul class="menu">
@@ -194,7 +194,7 @@
         <a href="#">本网站使用族蚂技术创建及服务器托管</a>
         <span>Copyright ©2019</span>
         <span>acebelleshenzhen.com</span>
-        <span>版权所有 粤ICP备2020131296号</span>
+        <span>版权所有 粤ICP备*****号</span>
       </div>
     </div>
     <!-- 底部区域 end -->

brand-detail.html

@@ -20,9 +20,9 @@
           </div>
         </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="/">首页</a></li>
+          <li><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
-          <li>
+          <li class="active">
             <a href="/brand.html">品牌中心</a>
             <ul class="menu">
               <li><a href="/brand-ross.html">ROS'S介绍</a></li>
@@ -133,7 +133,7 @@
         <a href="#">本网站使用族蚂技术创建及服务器托管</a>
         <span>Copyright ©2019</span>
         <span>acebelleshenzhen.com</span>
-        <span>版权所有 粤ICP备2020131296号</span>
+        <span>版权所有 粤ICP备*****号</span>
       </div>
     </div>
     <!-- 底部区域 end -->

brand-ross.html

@@ -21,9 +21,9 @@
           </div>
         </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="/">首页</a></li>
+          <li><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
-          <li>
+          <li class="active">
             <a href="/brand.html">品牌中心</a>
             <ul class="menu">
               <li><a href="/brand-ross.html">ROS'S介绍</a></li>
@@ -420,7 +420,7 @@
         <a href="#">本网站使用族蚂技术创建及服务器托管</a>
         <span>Copyright ©2019</span>
         <span>acebelleshenzhen.com</span>
-        <span>版权所有 粤ICP备2020131296号</span>
+        <span>版权所有 粤ICP备*****号</span>
       </div>
     </div>
     <!-- 底部区域 end -->

brand.html

@@ -20,9 +20,9 @@
           </div>
         </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="/">首页</a></li>
+          <li><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
-          <li>
+          <li class="active">
             <a href="/brand.html">品牌中心</a>
             <ul class="menu">
               <li><a href="/brand-ross.html">ROS'S介绍</a></li>
@@ -161,7 +161,7 @@
         <a href="#">本网站使用族蚂技术创建及服务器托管</a>
         <span>Copyright ©2019</span>
         <span>acebelleshenzhen.com</span>
-        <span>版权所有 粤ICP备2020131296号</span>
+        <span>版权所有 粤ICP备*****号</span>
       </div>
     </div>
     <!-- 底部区域 end -->

case.html

@@ -20,7 +20,7 @@
           </div>
         </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="/">首页</a></li>
+          <li><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
           <li>
             <a href="/brand.html">品牌中心</a>
@@ -36,7 +36,7 @@
                   <li><a href="/product-kestos.html">Kestos T2</a></li>
                 </ul>
               </li>
-              <li><a href="/case.html">案例展示</a></li>
+              <li class="active"><a href="/case.html">案例展示</a></li>
               <li><a href="#">授权认证</a></li>
             </ul>
           </li>
@@ -164,7 +164,7 @@
         <a href="#">本网站使用族蚂技术创建及服务器托管</a>
         <span>Copyright ©2019</span>
         <span>acebelleshenzhen.com</span>
-        <span>版权所有 粤ICP备2020131296号</span>
+        <span>版权所有 粤ICP备*****号</span>
       </div>
     </div>
     <!-- 底部区域 end -->

contact-consult.html

@@ -22,7 +22,7 @@
           </div>
         </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="/">首页</a></li>
+          <li><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
           <li>
             <a href="/brand.html">品牌中心</a>
@@ -44,7 +44,7 @@
           </li>
           <li><a href="/cooperative.html">合作加盟</a></li>
           <li><a href="/news.html">新闻动态</a></li>
-          <li>
+          <li class="active">
             <a href="/contact.html">联系我们</a>
             <ul class="menu">
               <li><a href="/contact.html">联系我们</a></li>
@@ -200,7 +200,7 @@
         <a href="#">本网站使用族蚂技术创建及服务器托管</a>
         <span>Copyright ©2019</span>
         <span>acebelleshenzhen.com</span>
-        <span>版权所有 粤ICP备2020131296号</span>
+        <span>版权所有 粤ICP备*****号</span>
       </div>
     </div>
     <!-- 底部区域 end -->

contact-join-form.html

@@ -21,7 +21,7 @@
           </div>
         </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="/">首页</a></li>
+          <li><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
           <li>
             <a href="/brand.html">品牌中心</a>
@@ -43,7 +43,7 @@
           </li>
           <li><a href="/cooperative.html">合作加盟</a></li>
           <li><a href="/news.html">新闻动态</a></li>
-          <li>
+          <li class="active">
             <a href="/contact.html">联系我们</a>
             <ul class="menu">
               <li><a href="/contact.html">联系我们</a></li>
@@ -292,7 +292,7 @@
         <a href="#">本网站使用族蚂技术创建及服务器托管</a>
         <span>Copyright ©2019</span>
         <span>acebelleshenzhen.com</span>
-        <span>版权所有 粤ICP备2020131296号</span>
+        <span>版权所有 粤ICP备*****号</span>
       </div>
     </div>
     <!-- 底部区域 end -->

contact-join.html

@@ -20,7 +20,7 @@
           </div>
         </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="/">首页</a></li>
+          <li><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
           <li>
             <a href="/brand.html">品牌中心</a>
@@ -42,7 +42,7 @@
           </li>
           <li><a href="/cooperative.html">合作加盟</a></li>
           <li><a href="/news.html">新闻动态</a></li>
-          <li>
+          <li class="active">
             <a href="/contact.html">联系我们</a>
             <ul class="menu">
               <li><a href="/contact.html">联系我们</a></li>
@@ -168,7 +168,7 @@
         <a href="#">本网站使用族蚂技术创建及服务器托管</a>
         <span>Copyright ©2019</span>
         <span>acebelleshenzhen.com</span>
-        <span>版权所有 粤ICP备2020131296号</span>
+        <span>版权所有 粤ICP备*****号</span>
       </div>
     </div>
     <!-- 底部区域 end -->

contact.html

@@ -8,6 +8,8 @@
     <link rel="stylesheet" href="/css/normalize.css" />
     <link rel="stylesheet" href="/css/base.css" />
     <link rel="stylesheet" href="/css/contact.css" />
+    <script src="https://webapi.amap.com/maps?v=2.0&key=eae3be059db26dc1f9cae1d1bee9d4cb"></script>
+    <script src="/js/map.config.js"></script>
   </head>
   <body>
     <!-- 顶部导航栏 start -->
@@ -20,7 +22,7 @@
           </div>
         </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="/">首页</a></li>
+          <li><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
           <li>
             <a href="/brand.html">品牌中心</a>
@@ -42,7 +44,7 @@
           </li>
           <li><a href="/cooperative.html">合作加盟</a></li>
           <li><a href="/news.html">新闻动态</a></li>
-          <li>
+          <li class="active">
             <a href="/contact.html">联系我们</a>
             <ul class="menu">
               <li><a href="/contact.html">联系我们</a></li>
@@ -87,7 +89,7 @@
               <div class="text">深圳市福田区卓越世纪中心四号楼32层</div>
             </div>
           </div>
-          <div class="map">地图区域</div>
+          <div class="map" id="map">地图区域</div>
         </div>
       </div>
     </div>
@@ -150,9 +152,33 @@
         <a href="#">本网站使用族蚂技术创建及服务器托管</a>
         <span>Copyright ©2019</span>
         <span>acebelleshenzhen.com</span>
-        <span>版权所有 粤ICP备2020131296号</span>
+        <span>版权所有 粤ICP备*****号</span>
       </div>
     </div>
     <!-- 底部区域 end -->
+
+    <script>
+      window.onload = function () {
+        var showMapInfo = false
+        var mapContainer = document.querySelector('.map')
+        var lnglat = [114.06513, 22.532304]
+        var map = new AMap.Map('map', {
+          zoom: 16, //级别
+          center: lnglat, //中心点坐标
+          viewMode: '3D', //使用3D视图
+        })
+        var marker = new AMap.Marker({
+          position: new AMap.LngLat(...lnglat), // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+          title: '深圳市福田区卓越世纪中心四号楼32层',
+        })
+        const div = document.createElement('div')
+        div.classList.add('map-tip')
+        // div.innerText = '深圳艾斯佰丽生物科技有限公司'
+        div.innerHTML =
+          '<div style="font-weight: bold;">深圳艾斯佰丽生物科技有限公司</div><div style="white-space:nowrap">地址：深圳市福田区卓越世纪中心四号楼32层</div>'
+        marker.dom.appendChild(div)
+        map.add(marker)
+      }
+    </script>
   </body>
 </html>

cooperative.html

@@ -21,7 +21,7 @@
           </div>
         </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="/">首页</a></li>
+          <li><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
           <li>
             <a href="/brand.html">品牌中心</a>
@@ -41,7 +41,7 @@
               <li><a href="#">授权认证</a></li>
             </ul>
           </li>
-          <li><a href="/cooperative.html">合作加盟</a></li>
+          <li class="active"><a href="/cooperative.html">合作加盟</a></li>
           <li><a href="/news.html">新闻动态</a></li>
           <li>
             <a href="/contact.html">联系我们</a>
@@ -307,7 +307,7 @@
         <a href="#">本网站使用族蚂技术创建及服务器托管</a>
         <span>Copyright ©2019</span>
         <span>acebelleshenzhen.com</span>
-        <span>版权所有 粤ICP备2020131296号</span>
+        <span>版权所有 粤ICP备*****号</span>
       </div>
     </div>
     <!-- 底部区域 end -->

css/about.css

@@ -60,6 +60,7 @@
 .main .profile .cover img {
   display: block;
   width: 100%;
+  height: 100%;
 }
 .main .profile .content {
   width: 672px;

css/about.scss

@@ -65,6 +65,7 @@
       img {
         display: block;
         width: 100%;
+        height: 100%;
       }
     }
     .content {

css/base.css

@@ -5,6 +5,12 @@ body {
   font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, sans-serif;
 }
 
+input,
+textarea,
+select {
+  outline-color: #0688d2;
+}
+
 h1,
 h2,
 h3,
@@ -328,4 +334,25 @@ a {
 }
 .footer .copyright * {
   margin: 0 24px;
+}
+
+@keyframes rowup-left {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(-600px, 0, 0);
+    transform: translate3d(-600px, 0, 0);
+  }
+}
+@keyframes rowup-right {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(600px, 0, 0);
+    transform: translate3d(600px, 0, 0);
+  }
 }

css/base.scss

@@ -5,6 +5,12 @@ body {
   font-family: 'Microsoft YaHei', SimSun, Arial, Helvetica, sans-serif;
 }
 
+input,
+textarea,
+select {
+  outline-color: #0688d2;
+}
+
 h1,
 h2,
 h3,
@@ -381,3 +387,24 @@ a {
     }
   }
 }
+
+@keyframes rowup-left {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(-600px, 0, 0);
+    transform: translate3d(-600px, 0, 0);
+  }
+}
+@keyframes rowup-right {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+  100% {
+    -webkit-transform: translate3d(600px, 0, 0);
+    transform: translate3d(600px, 0, 0);
+  }
+}

css/brand-ross.css

@@ -102,9 +102,14 @@
   color: #fff;
   line-height: 40px;
 }
+.main .therapy {
+  background: url(/img/about-bg.png) no-repeat top center;
+  padding-top: 80px;
+}
 .main .therapy .content {
   margin-top: 80px;
   height: 540px;
+  background-color: #fff;
 }
 .main .therapy .content .item {
   float: left;

css/brand-ross.scss

@@ -120,9 +120,12 @@
   }
 
   .therapy {
+    background: url(/img/about-bg.png) no-repeat top center;
+    padding-top: 80px;
     .content {
       margin-top: 80px;
       height: 540px;
+      background-color: #fff;
       .item {
         float: left;
         width: 180px;

css/contact.css

@@ -99,10 +99,39 @@ body {
   margin-top: 16px;
 }
 .main .container .content .map {
+  position: relative;
   width: 100%;
   height: 430px;
   background: #f7f7f7;
 }
+.main .container .content .map .map-tip {
+  position: absolute;
+  z-index: 9;
+  font-size: 14px;
+  color: #fff;
+  min-width: 228px;
+  box-sizing: border-box;
+  padding: 24px 16px;
+  background: linear-gradient(156deg, #0688d2 0%, rgba(32, 155, 212, 0.7) 100%);
+  border-radius: 8px;
+  left: 0;
+  bottom: 0;
+  transform: translate(-47%, -50px);
+  line-height: 24px;
+}
+.main .container .content .map .map-tip::after {
+  position: absolute;
+  left: 50%;
+  bottom: 0;
+  content: "";
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-width: 12px 10px 0 10px;
+  border-color: #0688d2 transparent transparent transparent;
+  transform: translate(-50%, 100%);
+  opacity: 0.7;
+}
 .main .container .content .consult {
   margin-top: 80px;
 }

css/contact.scss

@@ -113,9 +113,40 @@ body {
       }
 
       .map {
+        position: relative;
         width: 100%;
         height: 430px;
         background: #f7f7f7;
+
+        .map-tip {
+          position: absolute;
+          z-index: 9;
+          font-size: 14px;
+          color: #fff;
+          min-width: 228px;
+          box-sizing: border-box;
+          padding: 24px 16px;
+          background: linear-gradient(156deg, #0688d2 0%, rgba(32, 155, 212, 0.7) 100%);
+          border-radius: 8px;
+          left: 0;
+          bottom: 0;
+          transform: translate(-47%, -50px);
+          line-height: 24px;
+
+          &::after {
+            position: absolute;
+            left: 50%;
+            bottom: 0;
+            content: '';
+            width: 0;
+            height: 0;
+            border-style: solid;
+            border-width: 12px 10px 0 10px;
+            border-color: #0688d2 transparent transparent transparent;
+            transform: translate(-50%, 100%);
+            opacity: 0.7;
+          }
+        }
       }
 
       .consult {

css/index.css

@@ -308,23 +308,34 @@
 .main .container.company-values .content .item .cover .subtitle.en {
   text-transform: uppercase;
 }
+.main .container.friendly_link .content {
+  width: 100%;
+  overflow: hidden;
+}
+.main .container.friendly_link .content .row {
+  display: flex;
+}
+.main .container.friendly_link .content .row:last-child {
+  flex-direction: row-reverse;
+  animation: 20s rowup-right linear infinite normal;
+  margin-top: 10px;
+}
+.main .container.friendly_link .content .row:first-child {
+  animation: 20s rowup-left linear infinite normal;
+}
 .main .container.friendly_link .content .item {
-  float: left;
+  flex-shrink: 0;
   position: relative;
-  width: 230px;
+  width: 232px;
   height: 100px;
   box-sizing: border-box;
   border: 1px solid #d8d8d8;
   overflow: hidden;
-  margin-right: 12px;
-  margin-top: 20px;
+  margin-right: 10px;
 }
-.main .container.friendly_link .content .item:nth-child(5n) {
+.main .container.friendly_link .content .item:last-child {
   margin-right: 0;
 }
-.main .container.friendly_link .content .item:nth-child(-n+5) {
-  margin-top: 0;
-}
 .main .container.friendly_link .content .item img {
   display: block;
   width: 100%;

css/index.scss

@@ -378,25 +378,35 @@
 
     &.friendly_link {
       .content {
+        width: 100%;
+        overflow: hidden;
+        .row {
+          display: flex;
+
+          &:last-child {
+            flex-direction: row-reverse;
+            animation: 20s rowup-right linear infinite normal;
+            margin-top: 10px;
+          }
+
+          &:first-child {
+            animation: 20s rowup-left linear infinite normal;
+          }
+        }
         .item {
-          float: left;
+          flex-shrink: 0;
           position: relative;
-          width: 230px;
+          width: 232px;
           height: 100px;
           box-sizing: border-box;
           border: 1px solid #d8d8d8;
           overflow: hidden;
-          margin-right: 12px;
-          margin-top: 20px;
+          margin-right: 10px;
 
-          &:nth-child(5n) {
+          &:last-child {
             margin-right: 0;
           }
 
-          &:nth-child(-n + 5) {
-            margin-top: 0;
-          }
-
           img {
             display: block;
             width: 100%;

css/product-mesobiolift.css

@@ -36,7 +36,9 @@
   padding-top: 52px;
   padding-right: 40px;
   margin-top: 53px;
-  background: #f7f7f7;
+  background: url(/img/product-mesobiolift-about-bg.png) no-repeat;
+  background-position: 20px 26px;
+  background-color: #f7f7f7;
 }
 .main .about .content .section .description {
   line-height: 32px;

css/product-mesobiolift.scss

@@ -1,6 +1,7 @@
 .main {
   .about {
     margin-top: 100px;
+
     .container {
       position: relative;
     }
@@ -39,7 +40,9 @@
         padding-top: 52px;
         padding-right: 40px;
         margin-top: 53px;
-        background: #f7f7f7;
+        background: url(/img/product-mesobiolift-about-bg.png) no-repeat;
+        background-position: 20px 26px;
+        background-color: #f7f7f7;
         .description {
           line-height: 32px;
         }

index.html

@@ -80,39 +80,39 @@
             <div class="active">
               <div class="title">Diactivplvs</div>
               <div class="line"></div>
-              <div class="link">查看品牌</div>
+              <a class="link" href="/product-diactivplvs.html">查看品牌</a>
             </div>
           </div>
           <div class="item mr18 mb18">
             <img src="/img/our-brand-02.png" alt="" />
             <div class="active">
-              <div class="title">Diactivplvs</div>
+              <div class="title">Intradermik</div>
               <div class="line"></div>
-              <div class="link">查看品牌</div>
+              <a class="link" href="/product-intradermik.html">查看品牌</a>
             </div>
           </div>
           <div class="item mb18">
             <img src="/img/our-brand-03.png" alt="" />
             <div class="active">
-              <div class="title">Diactivplvs</div>
+              <div class="title">Kestos</div>
               <div class="line"></div>
-              <div class="link">查看品牌</div>
+              <a class="link" href="/product-kestos.html">查看品牌</a>
             </div>
           </div>
           <div class="item mr18">
             <img src="/img/our-brand-04.png" alt="" />
             <div class="active">
-              <div class="title">Diactivplvs</div>
+              <div class="title">Mesobiolift</div>
               <div class="line"></div>
-              <div class="link">查看品牌</div>
+              <a class="link" href="/product-mesobiolift.html">查看品牌</a>
             </div>
           </div>
           <div class="item">
             <img src="/img/our-brand-05.png" alt="" />
             <div class="active">
-              <div class="title">Diactivplvs</div>
+              <div class="title">Rollaction</div>
               <div class="line"></div>
-              <div class="link">查看品牌</div>
+              <a class="link" href="/product-rollaction.html">查看品牌</a>
             </div>
           </div>
         </div>
@@ -124,7 +124,7 @@
         </div>
         <div class="content" id="activity">
           <div class="item hover">
-            <a href="#">
+            <a href="/brand-detail.html">
               <img src="/img/brand_activity_01.png" alt="" />
               <div class="cover hover-active">
                 <div class="title">品牌活动标题</div>
@@ -134,7 +134,7 @@
             </a>
           </div>
           <div class="item">
-            <a href="#">
+            <a href="/brand-detail.html">
               <img src="/img/brand_activity_01.png" alt="" />
               <div class="cover active">
                 <div class="title">品牌活动标题</div>
@@ -144,7 +144,7 @@
             </a>
           </div>
           <div class="item">
-            <a href="#">
+            <a href="/brand-detail.html">
               <img src="/img/brand_activity_01.png" alt="" />
               <div class="cover active">
                 <div class="title">品牌活动标题</div>
@@ -233,36 +233,70 @@
           <img src="/img/title_friendly_link.png" alt="" />
           <h3>友情链接</h3>
         </div>
-        <div class="content clearfix">
-          <div class="item">
-            <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
-          </div>
-          <div class="item">
-            <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
-          </div>
-          <div class="item">
-            <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
-          </div>
-          <div class="item">
-            <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
-          </div>
-          <div class="item">
-            <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
-          </div>
-          <div class="item">
-            <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
-          </div>
-          <div class="item">
-            <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
-          </div>
-          <div class="item">
-            <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
-          </div>
-          <div class="item">
-            <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
+        <div class="content">
+          <div class="row clearfix">
+            <div class="item" style="margin-right: 0">
+              <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
+            </div>
+            <div class="item">
+              <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
+            </div>
+            <div class="item">
+              <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
+            </div>
+            <div class="item">
+              <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
+            </div>
+            <div class="item">
+              <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
+            </div>
+            <div class="item">
+              <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
+            </div>
+            <div class="item">
+              <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
+            </div>
+            <div class="item">
+              <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
+            </div>
+            <div class="item">
+              <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
+            </div>
+            <div class="item">
+              <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
+            </div>
           </div>
-          <div class="item">
-            <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
+          <div class="row clearfix">
+            <div class="item">
+              <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
+            </div>
+            <div class="item">
+              <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
+            </div>
+            <div class="item">
+              <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
+            </div>
+            <div class="item">
+              <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
+            </div>
+            <div class="item">
+              <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
+            </div>
+            <div class="item">
+              <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
+            </div>
+            <div class="item">
+              <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
+            </div>
+            <div class="item">
+              <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
+            </div>
+            <div class="item">
+              <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
+            </div>
+            <div class="item" style="margin-right: 0">
+              <a href="#"><img src="/img/brand_activity_01.png" alt="" /></a>
+            </div>
           </div>
         </div>
       </div>
@@ -326,7 +360,7 @@
         <a href="#">本网站使用族蚂技术创建及服务器托管</a>
         <span>Copyright ©2019</span>
         <span>acebelleshenzhen.com</span>
-        <span>版权所有 粤ICP备2020131296号</span>
+        <span>版权所有 粤ICP备*****号</span>
       </div>
     </div>
     <!-- 底部区域 end -->

js/dist/map.config.dev.js

@@ -0,0 +1,7 @@
+"use strict";
+
+window._AMapSecurityConfig = {
+  // serviceHost: '您的代理服务器域名或地址/_AMapService',
+  securityJsCode: 'ff3114e0be935539f0ca5c9a80406752' // 例如 ：serviceHost:'http://1.1.1.1:80/_AMapService',
+
+};

js/map.config.js

@@ -0,0 +1,5 @@
+window._AMapSecurityConfig = {
+  // serviceHost: '您的代理服务器域名或地址/_AMapService',
+  securityJsCode: 'ff3114e0be935539f0ca5c9a80406752',
+  // 例如 ：serviceHost:'http://1.1.1.1:80/_AMapService',
+}

news-detail.html

@@ -20,7 +20,7 @@
           </div>
         </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="/">首页</a></li>
+          <li><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
           <li>
             <a href="/brand.html">品牌中心</a>
@@ -41,7 +41,7 @@
             </ul>
           </li>
           <li><a href="/cooperative.html">合作加盟</a></li>
-          <li><a href="/news.html">新闻动态</a></li>
+          <li class="active"><a href="/news.html">新闻动态</a></li>
           <li>
             <a href="/contact.html">联系我们</a>
             <ul class="menu">
@@ -134,7 +134,7 @@
         <a href="#">本网站使用族蚂技术创建及服务器托管</a>
         <span>Copyright ©2019</span>
         <span>acebelleshenzhen.com</span>
-        <span>版权所有 粤ICP备2020131296号</span>
+        <span>版权所有 粤ICP备*****号</span>
       </div>
     </div>
     <!-- 底部区域 end -->

news.html

@@ -20,7 +20,7 @@
           </div>
         </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="/">首页</a></li>
+          <li><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
           <li>
             <a href="/brand.html">品牌中心</a>
@@ -41,7 +41,7 @@
             </ul>
           </li>
           <li><a href="/cooperative.html">合作加盟</a></li>
-          <li><a href="/news.html">新闻动态</a></li>
+          <li class="active"><a href="/news.html">新闻动态</a></li>
           <li>
             <a href="/contact.html">联系我们</a>
             <ul class="menu">
@@ -184,7 +184,7 @@
         <a href="#">本网站使用族蚂技术创建及服务器托管</a>
         <span>Copyright ©2019</span>
         <span>acebelleshenzhen.com</span>
-        <span>版权所有 粤ICP备2020131296号</span>
+        <span>版权所有 粤ICP备*****号</span>
       </div>
     </div>
     <!-- 底部区域 end -->

product-diactivplvs.html

@@ -20,9 +20,9 @@
           </div>
         </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="/">首页</a></li>
+          <li><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
-          <li>
+          <li class="active">
             <a href="/brand.html">品牌中心</a>
             <ul class="menu">
               <li><a href="/brand-ross.html">ROS'S介绍</a></li>
@@ -255,7 +255,7 @@
         <a href="#">本网站使用族蚂技术创建及服务器托管</a>
         <span>Copyright ©2019</span>
         <span>acebelleshenzhen.com</span>
-        <span>版权所有 粤ICP备2020131296号</span>
+        <span>版权所有 粤ICP备*****号</span>
       </div>
     </div>
     <!-- 底部区域 end -->

product-intradermik.html

@@ -20,9 +20,9 @@
           </div>
         </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="/">首页</a></li>
+          <li><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
-          <li>
+          <li class="active">
             <a href="/brand.html">品牌中心</a>
             <ul class="menu">
               <li><a href="/brand-ross.html">ROS'S介绍</a></li>
@@ -223,7 +223,7 @@
         <a href="#">本网站使用族蚂技术创建及服务器托管</a>
         <span>Copyright ©2019</span>
         <span>acebelleshenzhen.com</span>
-        <span>版权所有 粤ICP备2020131296号</span>
+        <span>版权所有 粤ICP备*****号</span>
       </div>
     </div>
     <!-- 底部区域 end -->

product-kestos.html

@@ -20,9 +20,9 @@
           </div>
         </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="/">首页</a></li>
+          <li><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
-          <li>
+          <li class="active">
             <a href="/brand.html">品牌中心</a>
             <ul class="menu">
               <li><a href="/brand-ross.html">ROS'S介绍</a></li>
@@ -167,7 +167,7 @@
         <a href="#">本网站使用族蚂技术创建及服务器托管</a>
         <span>Copyright ©2019</span>
         <span>acebelleshenzhen.com</span>
-        <span>版权所有 粤ICP备2020131296号</span>
+        <span>版权所有 粤ICP备*****号</span>
       </div>
     </div>
     <!-- 底部区域 end -->

product-mesobiolift.html

@@ -20,9 +20,9 @@
           </div>
         </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="/">首页</a></li>
+          <li><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
-          <li>
+          <li class="active">
             <a href="/brand.html">品牌中心</a>
             <ul class="menu">
               <li><a href="/brand-ross.html">ROS'S介绍</a></li>
@@ -189,7 +189,7 @@
           <a href="#">本网站使用族蚂技术创建及服务器托管</a>
           <span>Copyright ©2019</span>
           <span>acebelleshenzhen.com</span>
-          <span>版权所有 粤ICP备2020131296号</span>
+          <span>版权所有 粤ICP备*****号</span>
         </div>
       </div>
       <!-- 底部区域 end -->

product-rollaction.html

@@ -20,9 +20,9 @@
           </div>
         </a>
         <ul class="nav clearfix">
-          <li class="active"><a href="/">首页</a></li>
+          <li><a href="/">首页</a></li>
           <li><a href="/about.html">艾斯佰丽</a></li>
-          <li>
+          <li class="active">
             <a href="/brand.html">品牌中心</a>
             <ul class="menu">
               <li><a href="/brand-ross.html">ROS'S介绍</a></li>
@@ -212,7 +212,7 @@
         <a href="#">本网站使用族蚂技术创建及服务器托管</a>
         <span>Copyright ©2019</span>
         <span>acebelleshenzhen.com</span>
-        <span>版权所有 粤ICP备2020131296号</span>
+        <span>版权所有 粤ICP备*****号</span>
       </div>
     </div>
     <!-- 底部区域 end -->