demo

1 year ago · d7a7a86bbf
200 changed files with 18455 additions and 1 deletions
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/components/banner.html
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/components/banner.html
@ -0,0 +1,39 @@
+<section class="huocms-components huocms-static-edit" data-inclue-path="components/banner">
+
+<div class="layui-carousel carousel_banner" id="test1" lay-anim="updown" lay-indicator="inside" lay-arrow="always" style="position: fixed; width: 100%; height: 100%; z-index: 9999;">
+    <div carousel-item="">
+        <div class="layui-this">
+            <div class="carousel_text">
+                <h2>为消费者带来高品质的生活6564</h2>
+                <p>先进的思想，追求优良的性能，满足广泛的现代生活需求啊实打实大</p>
+                <button class="layui-btn more">了解更多<i class="layui-icon layui-icon-right"></i></button>
+            </div>
+            <img data-atrr="no-lazy" src="/themes/website/1/zh/demo/static/img/banner1.jpg" style="opacity: 1;">
+        </div>
+        <div class=""><img data-atrr="no-lazy" src="/themes/website/1/zh/demo/static/img/banner1.jpg" style="opacity: 1;"></div>
+    </div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<div class="layui-carousel-ind" style="margin-top: -22px;"><ul>
+<li class="layui-this">
+<li>
+</ul></div>
+<button class="layui-icon layui-carousel-arrow" lay-type="sub"></button><button class="layui-icon layui-carousel-arrow" lay-type="add"></button>
+</div>
+</section>
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/components/footer.html
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/components/footer.html
@ -0,0 +1,76 @@
+<section class="huocms-components huocms-block huocms-static-edit" data-inclue-path="components/footer">
+    <div class="footer">
+        <div class="center">
+            <div class="footer_top">
+                <div class="footer_left">
+                    <ul>
+                        <li>
+                            <img src="/themes/website/1/zh/demo/static/img/logo.png" class="logo">
+                        </li>
+                        <li>
+                            <img src="/themes/website/1/zh/demo/static/img/address.png">
+                            <span>地址：上海市杨浦区隆昌路619号</span>
+                        </li>
+                        <li>
+                            <img src="/themes/website/1/zh/demo/static/img/email.png">
+                            <span>邮箱：106056320@qq.com</span>
+                        </li>
+                        <li>
+                            <img src="/themes/website/1/zh/demo/static/img/tel.png">
+                            <span>电话：021-58956622</span>
+                        </li>
+                    </ul>
+                </div>
+                <div class="footer_center">
+                    <ul>
+                        <li>
+                            <h4>品牌介绍</h4>
+                        </li>
+                        <li>公司简介</li>
+                        <li>发展历程</li>
+                        <li>资质荣誉</li>
+                    </ul>
+                    <ul>
+                        <li>
+                            <h4>产品展示</h4>
+                        </li>
+                        <li>高端浴缸</li>
+                        <li>龙头组合</li>
+                        <li>老式混水阀</li>
+                        <li>面盆龙头</li>
+                        <li>菜盆龙头</li>
+                        <li>明装恒温阀</li>
+                    </ul>
+                    <ul>
+                        <li>
+                            <h4>新闻中心</h4>
+                        </li>
+<li>公司新闻</li>
+                        <li>行业新闻</li>
+                        
+                    </ul>
+                    <ul>
+                        <li>
+                            <h4>联系我们</h4>
+                        </li>
+                        <li>联系方式</li>
+                        <li>在线留言</li>
+                        <li>人才招聘</li>
+                    </ul>
+                </div>
+                <div class="footer_right">
+                    <img src="/themes/website/1/zh/demo/static/img/QRcode.png">
+                    <p>扫码关注我们</p>
+                </div>
+            </div>
+            <div class="bottom">
+                <div class="bottom_left">
+                    Copyright © 2021 DESHI All Rights Reserved.  沪ICP备2021024265号  Powered by HuoCMS
+                </div>
+                <div class="bottom_right">
+                    Designed by 派流
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/components/head.html
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/components/head.html
@ -0,0 +1,21 @@
+<section
+  class="huocms-components huocms-block"
+  data-inclue-path="components/head"
+>
+  <div class="header">
+    <div class="nav">
+      <div class="nav_left">
+        <div class="logo">
+          <img src="{hcTaglib:setting name='logo' /}" />
+        </div>
+        <ul class="nav_menu">
+          {hcTaglib:nav cid="1" max-level="2" }
+          <li>
+            <a href="{$vo['href']}">{$vo['title']}</a>
+          </li>
+          {/hcTaglib:nav}
+        </ul>
+      </div>
+    </div>
+  </div>
+</section>
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/components/header.html
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/components/header.html
@ -0,0 +1,27 @@
+<section
+  class="huocms-components huocms-block"
+  data-inclue-path="components/header"
+>
+  <div class="header">
+    <div class="nav">
+      <div class="nav_left">
+        <div class="logo">
+          <img src="{hcTaglib:setting name='logo' /}" />
+        </div>
+        <ul class="nav_menu">
+            {hcTaglib:nav cid="1" max-level="2" item="nav" name="navList"}
+            <li>
+                <a href="{$nav['href']}">{$nav['title']}</a>
+                    {volist name="nav.children" id="vo" }
+                        <li>
+                        <a href="{$vo['href']}">{$vo['title']}</a>
+                        </li>
+                    {/volist}
+            </li>
+        {/hcTaglib:nav}
+        </ul>
+      </div>
+    </div>
+    {include file="components/banner" /}
+  </div>
+</section>
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/components/index_news.html
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/components/index_news.html
@ -0,0 +1,67 @@
+<section class="huocms-components" data-inclue-path="components/index_news">
+    <div class="news center_width">
+        <div class="news_center">
+
+            {hcTaglib:category id="5" item="new" field="id,title,thumbnail,description"}
+            <div class="products_title news_title">
+                <h2>NEWS</h2>
+                <h3>{$new['title']}</h3>
+                <p>{$new['description']}</p>
+            </div>
+            <div class="news_leftimg">
+                <img src="{$new['thumbnail']['url']}" >
+            </div>
+            {/hcTaglib:category}
+            {hcTaglib:content cid="9,10" moduleId="2" name="article" mainFeild="id,title,description,thumbnail" limit="3" onlyData="1"}
+            <div class="news_right">
+                {volist name="$article" id="vo" length="1"}
+                <div class="first_item">
+                    <h5>{$vo['title']}</h5>
+                    <span>{$vo['publish_time']|date='Y-m-d'}</span>
+                    <p>
+                        {$vo.description|substr=0,150}
+                    </p>
+                    <button class="layui-btn newsmore">+</button>
+                </div>
+                {/volist}
+                <ul class="news_list">
+                    {volist name="$article" id="vo" offset="1"}
+                    <li>
+                        <span class="date">{$vo['publish_time']|date='Y-m-d'}</span>
+                        <div class="news_list_title">
+                            <a href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}">
+
+                                <h5>{$vo['title']}</h5>
+                            </a>
+
+                            <p>生活小知识+</p>
+                        </div>
+                        <a href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}">
+                            <img src="__TMPL__/static/img/prev.png" class="prev" alt="">
+                        </a>
+                    </li>
+                    {/volist}
+
+                </ul>
+            </div>
+            {/hcTaglib:content}
+
+        </div>
+    </div>
+    <div class="imgbox">
+        <div class="imgbox_center">
+            <div class="swiper2 mySwiper2">
+                <div class="swiper-wrapper">
+                    {hcTaglib:content cid="6" moduleId="2" mainField="id,thumbnail" limit="10"}
+                    <div class="swiper-slide">
+                        <img
+                                src="{$vo['thumbnail']['url']}"/>
+                    </div>
+                    {/hcTaglib:content}
+                </div>
+                <div class="swiper-button-next"></div>
+                <div class="swiper-button-prev"></div>
+            </div>
+        </div>
+    </div>
+</section>
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/components/index_product.html
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/components/index_product.html
@ -0,0 +1,23 @@
+<section class="huocms-components" data-inclue-path="components/index_product">
+  <div class="swiper_product mySwiper">
+    <div class="swiper-wrapper">
+      {hcTaglib:content cid="1" moduleId="1"
+      mainField="id,title,thumbnail,description" onlyData="1" limit="10"
+      name="contentList" }
+      <div class="case_content">
+        {volist name="$contentList" id="case_top"}
+        <div class="big_case">
+          <a
+            href="{:hcUrl('detail/index',['id'=>$case_top['id'],'cid'=>$case_top['category_id']])}"
+          >
+            <p style="font-size: 30px; color: brown">{$case_top['title']}</p>
+          </a>
+        </div>
+        {/volist}
+      </div>
+      {/hcTaglib:content}
+    </div>
+    <div class="swiper-button-prev"></div>
+    <div class="swiper-button-next"></div>
+  </div>
+</section>
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/detail_news_info.html
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/detail_news_info.html
@ -0,0 +1,128 @@
+<!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="__TMPL__/static/css/reset.css">
+    <link rel="stylesheet" href="__TMPL__/static/css/style.css">
+    <link rel="stylesheet" href="__TMPL__/static/css/news.css">
+</head>
+<body>
+    <div class="container">
+      {include file="components/head"}
+        <div class="banner">
+            <img src="{$hc_content['cover']['url']|default='__TMPL__/static/img/news_banner.jpg'}" alt="">
+            <div class="public_width">
+                <div class="banner_in">
+                    <div class="banner_in_title">
+                        <h3>{$hc_content['title']}</h3>
+                        <div class="banner_in_img">
+                            <img src="__TMPL__/static/img/newshtml_bannertext.png" alt="">
+                        </div>
+                    </div>
+
+                    <p>您的位置：<a href="index.html">首页</a><span>></span><a href="news.html">新闻资讯</a></p>
+                </div>
+            </div>
+        </div>
+
+        <div class="news">
+            <div class="public_width">
+                <div class="news_info">
+                    <div class="news_info_in">
+                        <div class="news_info_title">
+                            <h3>{$hc_content['title']}</h3>
+                            <p>发布时间：{$hc_content['publish_time']|date='Y-m-d'}　阅读次数： {$hc_content['hits']}</p>
+                        </div>
+
+                        <div class="news_info_content">
+                            {$hc_content['content']|raw}
+                        </div>
+
+                        <div class="news_info_relevant">
+                            {hcTaglib:preContent /}
+                            {hcTaglib:nextContent /}
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="footer">
+            <div class="center">
+                <div class="footer_top">
+                    <div class="footer_left">
+                        <ul>
+                            <li>
+                                <img src="__TMPL__/static/img/logo.png" class="logo">
+                            </li>
+                            <li>
+                                <img src="__TMPL__/static/img/address.png">
+                                <span>地址：上海市杨浦区隆昌路619号</span>
+                            </li>
+                            <li>
+                                <img src="__TMPL__/static/img/email.png">
+                                <span>邮箱：106056320@qq.com</span>
+                            </li>
+                            <li>
+                                <img src="__TMPL__/static/img/tel.png">
+                                <span>电话：021-58956622</span>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="footer_center">
+                        <ul>
+                            <li>
+                                <h4>品牌介绍</h4>
+                            </li>
+                            <li>公司简介</li>
+                            <li>发展历程</li>
+                            <li>资质荣誉</li>
+                        </ul>
+                        <ul>
+                            <li>
+                                <h4>产品展示</h4>
+                            </li>
+                            <li>高端浴缸</li>
+                            <li>龙头组合</li>
+                            <li>老式混水阀</li>
+                            <li>面盆龙头</li>
+                            <li>菜盆龙头</li>
+                            <li>明装恒温阀</li>
+                        </ul>
+                        <ul>
+                            <li>
+                                <h4>新闻中心</h4>
+                            <li>公司新闻</li>
+                            <li>行业新闻</li>
+                            </li>
+                        </ul>
+                        <ul>
+                            <li>
+                                <h4>联系我们</h4>
+                            </li>
+                            <li>联系方式</li>
+                            <li>在线留言</li>
+                            <li>人才招聘</li>
+                        </ul>
+                    </div>
+                    <div class="footer_right">
+                        <img src="__TMPL__/static/img/QRcode.png">
+                        <p>扫码关注我们</p>
+                    </div>
+                </div>
+                <div class="bottom">
+                    <div class="bottom_left">
+                        Copyright © 2021 DESHI All Rights Reserved. 沪ICP备2021024265号 Powered by HuoCMS
+                    </div>
+                    <div class="bottom_right">
+                        Designed by 派流
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+</html>
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/detail_product_info.html
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/detail_product_info.html
@ -0,0 +1,70 @@
+<!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="__TMPL__/static/css/reset.css" />
+    <link rel="stylesheet" href="__TMPL__/static/css/style.css" />
+    <link rel="stylesheet" href="__TMPL__/static/css/news.css" />
+    <link
+      rel="stylesheet"
+      type="text/css"
+      href="__TMPL__/static/css/productInfo.css"
+    />
+    <link
+      rel="stylesheet"
+      type="text/css"
+      href="__TMPL__/static/layui/css/layui.css"
+    />
+  </head>
+  <body>
+    <div class="container">
+      {include file="components/head"}
+
+      <div class="banner">
+        <img src="{$hc_content['cover']['url']|default=''}" alt="" />
+        <div class="public_width">
+          <div class="banner_in">
+            <div class="banner_in_title">
+              <h3>{$hc_content['title']}</h3>
+              <div class="banner_in_img">
+                <img
+                  src="__TMPL__/static/img/product_text.png"
+                  style="width: 465px"
+                  alt=""
+                />
+              </div>
+            </div>
+            <p>
+              您的位置：
+              <a href="index.html">首页</a>
+              <span>></span>
+              <a href="product.html">产品详情</a>
+            </p>
+          </div>
+        </div>
+      </div>
+
+      <div class="news">
+        <div class="public_width">
+          {volist name="hc_content['main_content']['intro_img']" id="vo"
+          |default=''}
+          <img src="{$vo['url']}" style="margin-top: 40px" />
+          {/volist}
+          <div class="product_design">
+            <div>
+              <h4>风格特点</h4>
+            </div>
+            <div>
+              <p>{$hc_content['main_content']['design_style']}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {include file="components/footer"}
+    </div>
+  </body>
+</html>
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/index.html
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/index.html
@ -0,0 +1,253 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>{$current_cate.seo_title|default=$current_cate.title}</title>
+    <meta
+      name="description"
+      content="{$current_cate.seo_description|default=$current_cate.title}"
+    />
+    <meta
+      name="keywords"
+      content="{$current_cate.seo_keywords|default=$current_cate.title}"
+    />
+    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
+
+    <meta charset="utf-8" />
+
+    <link
+      rel="stylesheet"
+      href="/themes/website/1/zh/demo/static/css/index.css"
+    />
+    <link
+      rel="stylesheet"
+      href="/themes/website/1/zh/demo/static/css/style.css"
+    />
+    <link
+      rel="stylesheet"
+      type="text/css"
+      href="/themes/website/1/zh/demo/static/layui/css/layui.css"
+    />
+    <link
+      rel="stylesheet"
+      href="/themes/website/1/zh/demo/static/css/swiper-bundle.min.css"
+    />
+    <script src="/themes/website/1/zh/demo/static/layui/layui.js"></script>
+    <link
+      id="layuicss-laydate"
+      rel="stylesheet"
+      href="/themes/website/1/zh/demo/static/layui/css/modules/laydate/default/laydate.css?v=5.3.1"
+      media="all"
+    />
+    <link
+      id="layuicss-layer"
+      rel="stylesheet"
+      href="/themes/website/1/zh/demo/static/layui/css/modules/layer/default/layer.css?v=3.5.1"
+      media="all"
+    />
+    <link
+      id="layuicss-skincodecss"
+      rel="stylesheet"
+      href="/themes/website/1/zh/demo/static/layui/css/modules/code.css?v=2"
+      media="all"
+    />
+    <link
+      id="layuicss-laydate"
+      rel="stylesheet"
+      href="/themes/website/1/zh/demo/static/layui/css/modules/laydate/default/laydate.css?v=5.3.1"
+      media="all"
+    />
+    <link
+      id="layuicss-layer"
+      rel="stylesheet"
+      href="/themes/website/1/zh/demo/static/layui/css/modules/layer/default/layer.css?v=3.5.1"
+      media="all"
+    />
+    <link
+      id="layuicss-skincodecss"
+      rel="stylesheet"
+      href="/themes/website/1/zh/demo/static/layui/css/modules/code.css?v=2"
+      media="all"
+    />
+    <link
+      id="layuicss-laydate"
+      rel="stylesheet"
+      href="/themes/website/1/zh/demo/static/layui/css/modules/laydate/default/laydate.css?v=5.3.1"
+      media="all"
+    />
+    <link
+      id="layuicss-layer"
+      rel="stylesheet"
+      href="/themes/website/1/zh/demo/static/layui/css/modules/layer/default/layer.css?v=3.5.1"
+      media="all"
+    />
+    <link
+      id="layuicss-skincodecss"
+      rel="stylesheet"
+      href="/themes/website/1/zh/demo/static/layui/css/modules/code.css?v=2"
+      media="all"
+    />
+    <script src="/themes/website/1/zh/demo/static/js/jquery.min.js"></script>
+    <script src="/themes/website/1/zh/demo/static/js/swiper-bundle.min.js"></script>
+    <style>
+      .header {
+        height: 100vh;
+        min-height: 800px;
+      }
+    </style>
+    <style id="vvvebjs-styles">
+      .huocms-block
+        > .container
+        > .products.center_width
+        > .products_center
+        > .products_title
+        > p
+        > .mw-100 {
+        float: none;
+        width: 100%;
+        height: auto;
+        max-width: 500px;
+      }
+    </style>
+
+    <script id="loadingJs" src="/system_file/js/huocms-loading.js"></script>
+  </head>
+  <body>
+    {include file="components/header"}
+    <section class="huocms-block">
+      <div class="container">
+        <!-- 品牌介绍 -->
+        <div class="brand">
+          <div class="brand_center center_width">
+            <div class="brand_center_left">
+              <img
+                data-src="/storage/image/20211101/aab7356088f9812bc368f74dd875aab2.png"
+                src="/system_file/loading.png"
+                alt=""
+                style="opacity: 1"
+              />
+            </div>
+            <div class="brand_center_right">
+              <div class="brand_info">
+                <div class="brand_center_right_title">
+                  <h2>BRAND</h2>
+                  <h3>品牌介绍</h3>
+                </div>
+                <div class="brand_center_right_desc">
+                  得事家电品牌正式进入中国，基于对中国市场的深刻洞察和准确定位，得事家电品牌在中国完成了全产业链布局，严格而先进的全球统一标准，贯穿了研发、采购、生产、销售直至售后服务全部家电产业生态系统的所有环节，为该品牌提供支持的投资公司、产品研发中心、原材料采购中心、销售公司、服务公司等机构遍布全国各地。我的天哪，你在逗我？我真的是难受死了
+                </div>
+                <div class="brand_center_right_operation">
+                  <a href="" class="brand_center_right_button">
+                    <div class="brand_center_right_button_in">
+                      <span>了解更多</span>
+                      <img
+                        src="/themes/website/1/zh/demo/static/img/arrow.png"
+                        alt=""
+                      />
+                    </div>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="products center_width">
+          <div class="products_center">
+            <div class="products_title">
+              <h2>PRODUCTS</h2>
+              <h3>产品展示</h3>
+              <p>我们的产品遍布全国31个省、630多座城市</p>
+              <p></p>
+              <div class="card">
+                <img
+                  data-src="/storage/image/20211101/070b64627dff6822ebc2ff75f5038d27.png"
+                  class="card-img-top"
+                  src="/system_file/loading.png"
+                  alt="Card image cap"
+                  width="128"
+                  height="128"
+                  style="opacity: 1"
+                />
+                <div class="card-body">
+                  <h4 class="card-title">Card title</h4>
+                  <p class="card-text">
+                    Some quick example text to build on the card title and make
+                    up the bulk of the card's content.
+                  </p>
+                  <a href="#" class="btn btn-primary">asdsdfiuwheuwef</a>
+                </div>
+              </div>
+              <div class="row">
+                <div class="col-sm-4"></div>
+                <div class="col-sm-4 col-5"></div>
+                <div class="col-sm-4"></div>
+              </div>
+              我们的产品遍布全国31个省、630多座城市
+            </div>
+
+            {include file="components/index_product"}
+          </div>
+        </div>
+      </div>
+    </section>
+    {include file="components/footer"}
+
+    <script>
+      var swiper = new Swiper('.mySwiper2', {
+        slidesPerView: 1,
+        centeredSlides: false,
+        slidesPerGroupSkip: 1,
+        grabCursor: true,
+        keyboard: {
+          enabled: true
+        },
+        breakpoints: {
+          769: {
+            slidesPerView: 6,
+            slidesPerGroup: 2
+          }
+        },
+        scrollbar: {
+          el: '.swiper-scrollbar'
+        },
+        navigation: {
+          nextEl: '.swiper-button-next',
+          prevEl: '.swiper-button-prev'
+        },
+        pagination: {
+          el: '.swiper-pagination',
+          clickable: true
+        }
+      })
+    </script>
+    <script>
+      layui.use('carousel', function () {
+        var carousel = layui.carousel
+        //建造实例
+        carousel.render({
+          elem: '#test1',
+          width: '100%', //设置容器宽度
+          height: '100vh', //设置容器高度
+          full: 'false', //是否全屏轮播,默认false
+          arrow: 'always', //始终显示箭头和点击按钮
+          anim: 'updown', //切换动画方式，可从各个方向滚动
+          autoplay: false
+        })
+      })
+    </script>
+    <script>
+      var swiper = new Swiper('.mySwiper', {
+        slidesPerView: 4,
+        spaceBetween: 28,
+        pagination: {
+          el: '.swiper-pagination',
+          clickable: true
+        },
+        // 如果需要前进后退按钮
+        navigation: {
+          nextEl: '.swiper-button-next',
+          prevEl: '.swiper-button-prev'
+        }
+      })
+    </script>
+  </body>
+</html>
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/list_news.html
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/list_news.html
@ -0,0 +1,197 @@
+<!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="__TMPL__/static/css/reset.css">
+    <link rel="stylesheet" href="__TMPL__/static/css/style.css">
+    <link rel="stylesheet" href="__TMPL__/static/css/news.css">
+</head>
+
+<body>
+    <div class="container">
+        {include file="components/head"}
+        <div class="banner">
+            <img src="{$current_cate['banner']['url']|default=''}" alt="">
+            <div class="public_width">
+                <div class="banner_in">
+                    <div class="banner_in_title">
+                        <h3>新闻资讯</h3>
+                        <div class="banner_in_img">
+                            <img src="__TMPL__/static/img/newshtml_bannertext.png" alt="">
+                        </div>
+                    </div>
+
+                    <p>您的位置：<a href="index.html">首页</a><span>></span><a href="news.html">新闻列表</a></p>
+                </div>
+            </div>
+        </div>
+
+        <div class="news">
+            <div class="tab-box">
+                <div class="public_width">
+                    <a href="{:hcUrl('list/index',['id'=>4])}">
+                        <div class="tab-item all-item {$current_cate['id'] == 4 ? 'news_active' : ''}">全部</div>
+                    </a>
+                    {hcTaglib:subCategory pid="4" field="id,title"}
+                    <a href="{:hcUrl('list/index',['id'=>$vo['id']])}">
+                        <div class="tab-item company-item {$current_cate['id'] == $vo['id'] ? 'news_active' : ''}">{$vo['title']}</div>
+                    </a>
+                    {/hcTaglib:subCategory}
+                </div>
+            </div>
+            <div class="public_width">
+                <div class="news_box">
+                    {hcTaglib:contentPage mainField="id,title,thumbnail,description,publish_time" name="article" limit="5" onlyData="1"}
+                        
+                        <div class="news_box_top">
+                            {volist name="$article['data']" id="vo" length="3"}
+                            <div class="news_box_main">
+                                <img src="{$vo['thumbnail']['url']|default=''}" alt="">
+                                <div class="news_box_main_txt">
+                                    <a href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}">{$vo['title']}</a>
+                                    <p>{$vo['description']}</p>
+                                </div>
+                            </div>
+                            {/volist}
+                            {volist name="$article['data']" id="vo" length="1" offset="0"}
+                            <div class="news_box_bin">
+                                <div class="news_box_bin_img">
+                                    <img src="{$vo['thumbnail']['url']|default=''}" alt="">
+                                </div>
+                                <div class="news_box_bin_txt">
+                                    <p class="news_box_time">2021-10-28</p>
+                                    <a href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}" class="news_box_link">
+                                        <div class="news_box_link_in">
+                                            <h4>{$vo['title']}</h4>
+                                            <p>{$vo['description']}</p>
+                                        </div>
+                                    </a>
+                                    <a href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}" class="news_box_link"></a>
+                                    <img src="__TMPL__/static/img/news_box_arrow.png" alt="">
+                                    </a>
+                                </div>
+                            </div>
+                            {/volist}
+                            
+                        </div>
+                        
+                    {/hcTaglib:contentPage}
+                </div>
+
+            </div>
+        </div>
+
+        <div class="footer">
+            <div class="center">
+                <div class="footer_top">
+                    <div class="footer_left">
+                        <ul>
+                            <li>
+                                <img src="__TMPL__/static/img/logo.png" class="logo">
+                            </li>
+                            <li>
+                                <img src="__TMPL__/static/img/address.png">
+                                <span>地址：上海市杨浦区隆昌路619号</span>
+                            </li>
+                            <li>
+                                <img src="__TMPL__/static/img/email.png">
+                                <span>邮箱：106056320@qq.com</span>
+                            </li>
+                            <li>
+                                <img src="__TMPL__/static/img/tel.png">
+                                <span>电话：021-58956622</span>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="footer_center">
+                        <ul>
+                            <li>
+                                <h4>品牌介绍</h4>
+                            </li>
+                            <li>公司简介</li>
+                            <li>发展历程</li>
+                            <li>资质荣誉</li>
+                        </ul>
+                        <ul>
+                            <li>
+                                <h4>产品展示</h4>
+                            </li>
+                            <li>高端浴缸</li>
+                            <li>龙头组合</li>
+                            <li>老式混水阀</li>
+                            <li>面盆龙头</li>
+                            <li>菜盆龙头</li>
+                            <li>明装恒温阀</li>
+                        </ul>
+                        <ul>
+                            <li>
+                                <h4>新闻中心</h4>
+                            <li>公司新闻</li>
+                            <li>行业新闻</li>
+                            </li>
+                        </ul>
+                        <ul>
+                            <li>
+                                <h4>联系我们</h4>
+                            </li>
+                            <li>联系方式</li>
+                            <li>在线留言</li>
+                            <li>人才招聘</li>
+                        </ul>
+                    </div>
+                    <div class="footer_right">
+                        <img src="__TMPL__/static/img/QRcode.png">
+                        <p>扫码关注我们</p>
+                    </div>
+                </div>
+                <div class="bottom">
+                    <div class="bottom_left">
+                        Copyright © 2021 DESHI All Rights Reserved. 沪ICP备2021024265号 Powered by HuoCMS
+                    </div>
+                    <div class="bottom_right">
+                        Designed by 派流
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- JavaScript -->
+    <script src="__TMPL__/static/js/jquery-1.11.3.min.js"></script>
+    <script>
+        $(document).ready(function () {
+            // getType() 
+})
+
+        function getType() {
+            var url = window.location.search
+            var index = url.lastIndexOf('=')
+    url = url.substring(index + 1, url.length)
+    if (url === 'all') {
+                $('.tab-item').removeClass('news_active')
+                $('.all-item').addClass('news_active')
+                $('#all').show()
+                $('#company').hide()
+                $('#industry').hide()
+            } else if (url === 'company') {
+                $('.tab-item').removeClass('news_active')
+                $('.company-item').addClass('news_active')
+                $('#company').show()
+                $('#all').hide()
+                $('#industry').hide()
+            } else {
+                $('.tab-item').removeClass('news_active')
+                $('.industry-item').addClass('news_active')
+                $('#industry').show()
+                $('#all').hide()
+                $('#company').hide()
+            }
+        }
+    </script>
+</body>
+
+</html>
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/list_product.html
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/list_product.html
@ -0,0 +1,81 @@
+<!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="__TMPL__/static/css/reset.css" />
+    <link rel="stylesheet" href="__TMPL__/static/css/style.css" />
+    <link rel="stylesheet" href="__TMPL__/static/css/news.css" />
+    <link
+      rel="stylesheet"
+      type="text/css"
+      href="__TMPL__/static/css/product.css"
+    />
+    <link
+      rel="stylesheet"
+      type="text/css"
+      href="__TMPL__/static/layui/css/layui.css"
+    />
+  </head>
+  <body>
+    <div class="container">
+      {include file="components/head"}
+
+      <div class="banner">
+        <img src="{$current_cate['banner']['url']|default=''}" alt="" />
+        <div class="public_width">
+          <div class="banner_in">
+            <div class="banner_in_title">
+              <h3>产品中心</h3>
+              <div class="banner_in_img">
+                <img
+                  src="__TMPL__/static/img/product_text.png"
+                  style="width: 465px"
+                  alt=""
+                />
+              </div>
+            </div>
+            <p>
+              您的位置：
+              <a href="index.html">首页</a>
+              <span>></span>
+              <a href="product.html">产品中心</a>
+            </p>
+          </div>
+        </div>
+      </div>
+
+      <div class="news">
+        <div class="public_width">
+          <ul class="product_list">
+            {hcTaglib:contentPage mainField="id,title,thumbnail,description"
+            name="products" limit="3"}
+            <li>
+              <div class="product_list_img">
+                <a
+                  href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}"
+                >
+                  <img src="{$vo['thumbnail']['url']|default=''}" />
+                </a>
+              </div>
+              <div class="product_list_text">
+                <a
+                  href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}"
+                >
+                  <h4>{$vo['title']}</h4>
+                </a>
+                <p>{$vo['description']}</p>
+              </div>
+            </li>
+
+            {/hcTaglib:contentPage}
+          </ul>
+          <div class="page">{$products|raw}</div>
+        </div>
+      </div>
+      {include file="components/footer"}
+    </div>
+  </body>
+</html>
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/css/index.css
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/css/index.css
@ -0,0 +1,416 @@
+.center_width{
+	width: 95%;
+	min-width: 1400px;
+}
+.carousel_banner{
+	position: absolute !important;
+	top: 0;
+	z-index: 0 !important;	
+}
+.carousel_banner img{
+	width: 100%;
+	height: 100%;
+}
+.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=sub]{
+	opacity: 0;
+}
+.carousel_text{
+	position: absolute;
+	top: 30%;
+	left: 30%;
+	color: #fff;
+}
+.carousel_text h2{
+	font-family: 'MicrosoftYaHei-Bold';
+	font-size: 58px;
+	font-weight: bold;
+	margin-bottom: 44px;
+}
+.carousel_text p{
+	font-size: 20px;
+	margin-bottom: 64px;
+	font-family: "microsoft yahei";
+}
+.layui-btn.more{
+	background-color: transparent;
+	border: solid 1px #fff;
+	border-radius: 25px;
+	padding: 0;
+	width: 180px;
+	height: 50px;
+	line-height: 50px;
+	font-size: 16px;
+}
+.layui-btn.more .layui-icon{
+	margin-left: 10px;
+}
+
+/* 品牌介绍 */
+.brand{
+	
+}
+.brand_center{
+	width: 95%;
+	height: 500px;
+	margin: 150px auto;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+.brand_center_left {
+	width:50%;
+	margin-right: 110px;	
+}
+.brand_center_left img {
+	width: 100%;
+	height: 500px;
+	object-fit: cover;
+}
+.brand_center_right {
+	width: calc(50% - 110px);
+	position: relative;
+}
+.brand_center_right .brand_info{
+	height: 371px;
+	position: absolute;
+	top: 50%;
+	transform: translateY(-30%);
+}
+.brand_center_right_title {
+	/* margin-top: 109px; */
+}
+
+.brand_center_right_title h2 {
+	font-size: 98px;
+	font-weight: 900;
+	color: transparent;
+	position: absolute;
+	left: 0;
+	top: -67px;
+	letter-spacing: 0;
+	font-family: AlegreyaSansSC-Black;
+	-webkit-text-stroke: 1px rgba(0,0,0,0.1);
+}
+.brand_center_right_title h3 {
+	font-size: 42px;
+	letter-spacing: 0;
+	color: #000000;
+	margin-bottom: 30px;
+	padding-bottom: 30px;
+	font-family: MicrosoftYaHei;
+}
+.brand_center_right_title h3::before {
+	content: "";
+	display: block;
+	position: absolute;
+	top: 80px;
+	left: 0;
+	width: 40px;
+	height: 4px;
+	background-color: #eb0909;
+}
+.brand_center_right_desc {
+	font-size: 15px;
+	line-height: 2;
+	color: #666666;
+	margin-bottom: 30px;
+	font-family: MicrosoftYaHei;
+}
+.brand_center_right_button {
+	padding: 10px 30px;
+	border-radius: 24px;
+	display: inline-block;
+	border: 1px solid #eb0e0e;
+}
+.brand_center_right_button_in {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+.brand_center_right_button span {
+	font-size: 13px;
+	color: #eb0e0e;
+	margin-right: 15px;
+	font-family: MicrosoftYaHei;
+}
+.brand_center_right_button img {
+	width: 14px;
+	height: 12px;
+}
+
+/* 产品展示 */
+.products{
+	width: 100%;
+	height: 920px;
+	background: url(../img/product_banner1.png) no-repeat;
+}
+.products_center{
+	width: 95%;
+	margin: 100px auto;
+}
+.products_title{
+	position: relative;
+	top: 100px;
+	color: #fff;
+}
+.products_title h2{
+	font-size: 98px;
+	font-weight: 900;
+	color: transparent;
+	position: absolute;
+	left: -7px;
+	top: -69px;
+	letter-spacing: 0;
+	font-family: AlegreyaSansSC-Black;
+	-webkit-text-stroke: 1px rgba(255,255,255,0.1);
+}
+.products_title h3{
+	font-size: 42px;
+	letter-spacing: 0;
+	color: #fff;
+	margin-bottom: 30px;
+	padding-bottom: 30px;
+	font-family: MicrosoftYaHei;
+}
+.products_title h3::before{
+	content: "";
+	display: block;
+	position: absolute;
+	top: 80px;
+	left: 0;
+	width: 40px;
+	height: 4px;
+	background-color: #fff;
+}
+.products_title p{
+	color: #b3b3b3;
+	font-size: 15px;
+}
+.swiper_product {
+	width: 100%;
+	top: 172px;
+	position: relative;
+	overflow: hidden;
+}		
+	.swiper-slide {		 	  
+	background: #fff;
+	}
+.swiper_product .product_img{
+	width: 100%;
+	text-align: center;
+	position: relative;
+	
+} 
+.swiper_product .product_img img{
+	/* margin-top: 60px; */
+	width: 100%;
+}
+.swiper_product_text{
+	height: 130px;
+	width: calc(100% - 20px);
+	padding-right: 20px;
+	display: flex;
+	justify-content: space-between;
+	flex-wrap: wrap;
+	align-items: center;
+	background-color: #fafafa;
+}
+.swiper_product_text:hover{
+	background-color: #eb0909;
+}
+.swiper_product_text:hover div h4{
+	color: #fff;
+}
+.swiper_product_text:hover div p{
+	color: #fff;
+}
+
+.swiper_product_text #product_prev{
+	opacity: 0;
+}
+.swiper_product_text:hover #product_prev{
+	opacity: 1;
+}
+.swiper_product_text div{
+	width: calc(100% - 95px);
+	margin-left: 20px;
+}
+
+.swiper_product_text div h4, .swiper_product_text div p{
+	display:block;
+	width: 90%;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	font-size: 15px;
+	color: #666;
+}
+.swiper_product_text div h4{
+	font-size: 20px;
+	font-weight: bold;
+	line-height: 36px;
+	color: #333;
+}
+
+
+ /* 新闻资讯 */
+.news{
+	width: 100%;
+	background-color: #fff;
+	height: 950px;
+}
+.news_center{
+	width: 95%;
+	margin: 0px auto;
+}
+.products_title.news_title{
+	top: 140px;
+	height: 345px;
+}
+.products_title.news_title h2{
+	font-size: 98px;
+	font-weight: 900;
+	color: transparent;
+	position: absolute;
+	left: -7px;
+	top: -69px;
+	letter-spacing: 0;
+	font-family: AlegreyaSansSC-Black;
+	-webkit-text-stroke: 1px rgba(0,0,0,0.1);
+}
+.products_title.news_title h3{
+	color: #000;
+}
+.products_title.news_title h3::before{
+	background-color: #eb0909;
+}
+.products_title.news_title p{
+	color: #666;
+}
+.news_leftimg{
+	float: left;
+	width: calc(50% - 100px);
+}
+.news_leftimg img{
+	height: 500px;
+	width: 100%;
+}
+.news_right{
+	width: calc(50% - 0px);
+	margin-left: 100px;
+	float: left;
+}
+.news_right .first_item h5{
+	margin-top: 17px;
+	color: #1a1a1a;
+	font-size: 24px;
+	line-height: 36px;
+}
+.news_right .first_item span{
+	color: #999;
+	font-size: 14px;
+	line-height: 36px;
+}
+.news_right .first_item p{
+	font-size: 14px;
+	line-height: 28px;
+	letter-spacing: 0px;
+	color: #666666;
+}
+.layui-btn.newsmore{
+	border: solid 1px rgba(0,0,0,0.1);
+	width: 133px;
+	height: 37px;
+	line-height: 37px;
+	background-color: transparent;
+	color: #666;
+	border-radius: 20px;
+	margin-top: 41px;
+	font-size: 20px;
+	font-weight: inherit;
+	margin-bottom: 26px;
+}
+.layui-btn.newsmore:hover{
+	color: #666;
+}
+.news_list li{
+	height: 124px;
+	border-bottom:solid 1px rgba(0,0,0,0.1);
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+.news_list .date{
+	display: inline-block;
+	width: 144px;
+	height: 66px;
+	line-height: 66px;
+	text-align: center;
+	border-right: solid 1px rgba(0,0,0,0.1);
+	font-size: 24px;
+	letter-spacing: 0px;
+	color: #d9d9d9;
+} 
+.news_list .news_list_title {
+	width: calc(100% - 250px);
+	text-align: left;
+}
+.news_list .news_list_title h5{
+	font-size: 16px;
+	color: #333;
+	display: inline-block;
+	width: 100%;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	line-height: 28px;
+}
+.news_list .news_list_title p{
+	color: #999;
+	font-size: 14px;
+}
+.news_list .prev{
+	display: block;
+	opacity: 0;
+}
+.news_list li:hover .prev{
+	display: block;
+	opacity: 1;
+	cursor: pointer;
+}
+.imgbox{
+	background-color: #f7f7f7;
+	height: 200px;
+	width: 100%;
+
+}
+.imgbox_center{
+	width: 95%;
+	margin: 0px auto;
+	padding-top: 50px;
+}
+.imgbox_list{
+	display: flex;
+	justify-content: space-between;
+}
+.swiper2{
+	overflow: hidden;
+	position: relative;
+}
+.swiper2 .swiper-wrapper{
+	width: 100%;
+	height: 100%;
+	
+}
+.swiper2 .swiper-slide{
+	  display: flex;
+	  flex-direction: column;
+	  align-items: center;
+	  justify-content: center;
+	  position: relative;
+		background-color: transparent;
+	
+}
+.swiper-button-next, .swiper-button-prev{
+	color: rgba(0,0,0,0.2) !important;
+}
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/css/news.css
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/css/news.css
@ -0,0 +1,227 @@
+.public_width {
+    width: 1288px;
+    margin: 0 auto;
+}
+
+.banner {
+    width: 100%;
+    height: 640px;
+    position: relative;
+}
+.banner img {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+.banner .public_width {
+    display: flex;
+    height: 100%;
+    align-items: center;
+}
+.banner_in {
+    z-index: 1000;
+}
+.banner_in_title {
+    position: relative;
+}
+.banner_in_title h3 {
+    z-index: 1000;
+	font-size: 42px;
+	color: #ffffff;
+    margin-bottom: 30px;
+    font-family: MicrosoftYaHei;
+}
+.banner_in_img {
+    width: 256px;
+	height: 65px;
+    position: absolute;
+    bottom: 20px;
+    left: 0px;
+}
+.banner_in_title img {
+    width: 100%;
+    height: 100%;
+}
+.banner_in p {
+	font-size: 14px;
+	color: #ffffff;
+    display: flex;
+    align-items: center;
+    font-family: MicrosoftYaHei;
+}
+.banner_in p span {
+    margin: 0px 10px;
+}
+.banner_in p a {
+    color: #ffffff;
+}
+
+/* Tab切换 */
+.tab-box {
+    background-color: #f7f7f7;
+}
+.tab-box>.public_width {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+}
+.tab-item {
+	font-size: 16px;
+	color: #333333;
+    line-height: 60px;
+    padding: 0px 60px;
+    font-family: MicrosoftYaHei;
+}
+.news_active {
+	font-size: 16px;
+	color: #ffffff;
+    background-color: #eb0909;
+    font-family: MicrosoftYaHei;
+}
+
+/* Tab切换对应内容 */
+.news_box {
+    margin: 60px auto;
+}
+.news_box_top {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+}
+.news_box_main {
+    width: 65.5%;
+    position: relative;
+}
+.news_box_main img {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    bottom: 0;
+}
+.news_box_main_txt {
+    z-index: 1000;
+    position: absolute;
+    bottom: 40px;
+    left: 60px;
+}
+.news_box_main_txt a {
+	font-size: 20px;
+	color: #ffffff;
+    font-family: MicrosoftYaHei;
+}
+.news_box_main_txt p {
+    width: 50%;
+	font-size: 14px;
+	line-height: 1.5;
+	color: #ffffff;
+    margin-top: 20px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-family: MicrosoftYaHei;
+}
+.news_box_bottom {
+    display: flex;
+    margin-top: 44px;
+    justify-content: space-between;
+}
+.news_box_bin {
+    width: 31%;
+}
+.news_box_bin_img {
+    width: 100%;
+}
+.news_box_bin_img img {
+    width: 100%;
+}
+.news_box_bin_txt {
+    padding: 30px 20px;
+    background-color: #fafafa;
+}
+.news_box_bin_txt .news_box_time {
+	font-size: 14px;
+	color: #999999;
+    margin-bottom: 20px;
+    font-family: MicrosoftYaHei;
+}
+.news_box_bin_txt .news_box_link {
+    display: block;
+}
+.news_box_bin_txt .news_box_link h4 {
+    font-size: 20px;
+    line-height: 1.5;
+	color: #333333;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin-bottom: 10px;
+}
+.news_box_bin_txt .news_box_link p {
+	font-size: 14px;
+	line-height: 24px;
+	color: #666666;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    font-family: MicrosoftYaHei;
+}
+.news_box_bin_txt img {
+    width: 16px;
+	height: 16px;
+    margin-top: 20px;
+}
+
+/* 新闻详情 */
+.news_info {
+    background-color: #FFFFFF;
+}
+.news_info_title {
+    text-align: center;
+    margin-bottom: 60px;
+    margin-top: 110px;
+}
+.news_info_title h3 {
+    font-family: MicrosoftYaHei;
+	font-size: 32px;
+	color: #333333;
+    margin-bottom: 30px;
+}
+.news_info_title p {
+    font-family: MicrosoftYaHei;
+	font-size: 14px;
+	color: #999999;
+}
+
+.news_info_content {
+    font-family: MicrosoftYaHei;
+	font-size: 15px;
+	line-height: 30px;
+	color: #666666;
+    margin-bottom: 120px;
+}
+.news_info_content_img {
+    display: flex;
+    margin: 50px auto;
+    justify-content: space-between;
+}
+.news_info_content_img img {
+    width: 32%;
+}
+.news_info_relevant {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    border-top: 1px solid rgba(0,0,0, 0.1);
+}
+.news_info_relevant a {
+    font-family: MicrosoftYaHei;
+	font-size: 15px;
+	line-height: 75px;
+	color: #666666;
+    display: inline-block;
+}
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/css/news_info.css
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/css/news_info.css
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/css/product.css
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/css/product.css
@ -0,0 +1,77 @@
+.product_list{
+	margin-top: 60px;
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-between;
+	
+}
+.product_list li{
+	width: calc(33.3% - 20px);
+	height: 470px;
+	border: solid 1px #e5e5e5;
+	margin-bottom: 30px;
+}
+.product_list .product_list_img{
+	height: 333px;
+	width: 100%;
+}
+.product_list .product_list_img img{
+	width: 80%;
+	margin: 0 auto;
+	padding-top: 40px;
+	display: block;
+}
+.product_list .product_list_text{
+	height: 137px;
+	width: calc(100% - 26px);
+	background-color: #fafafa;
+	padding-left: 26px;
+}
+.product_list .product_list_text h4{
+	padding-top: 42px;
+	font-size: 20px;
+	color: #333;
+	margin-bottom: 20px;
+}
+.product_list .product_list_text p{
+	font-size: 15px;
+	color: #666;
+}
+.product_list .product_list_text h4, .product_list .product_list_text p{
+	width: calc(100% - 26px);
+	display: block;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.page{
+	padding-top: 100px;
+	width: 50%;
+	margin: 0 auto;	
+	position: relative;
+	height: 160px;
+}
+.page ul{	
+	width: 382px;	
+	position: absolute;
+	left: 50%;
+	transform: translateX( -50%);
+}
+.page ul li{
+	width: 44px;
+	height: 44px;
+	line-height: 44px;
+	text-align: center;
+	border: solid 1px #d8d8d8;
+	border-radius: 50%;
+	float: left;
+	margin-right: 10px;
+	cursor: pointer;
+	font-size: 16px;
+	color: #b6b6b6;
+}
+.page ul li.active{
+	color: #fff;
+	background-color: #eb0909;
+	border-color: #eb0909;
+}
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/css/productInfo.css
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/css/productInfo.css
@ -0,0 +1,62 @@
+.product_design{
+	margin-top: 30px;
+	display: flex;
+	justify-content: space-between;
+}
+.product_design h4{
+	font-size: 26px;
+	line-height: 36px;
+	color: #444;
+}
+.product_design p{
+	font-size: 14px;
+	color: #777;
+	line-height: 24px;
+	margin-bottom: 20px;
+
+}
+.product_list{
+	margin-top: 60px;
+}
+.product_list .tap span{
+	padding: 8px 15px;
+	background-color: #f3f3f3;
+	color: #989898;
+	font-size: 13px;
+	line-height: 29px;
+	text-align: center;
+	margin-right: 5px;
+	cursor: pointer;
+	transition:all ease-in-out 0.3s;
+}
+.product_list .tap span:hover{
+	color: #fff;
+	background-color: #383838;
+}
+.product_list ul{
+	display: flex;
+	justify-content: space-between;
+	flex-wrap: wrap;
+}
+.product_list ul li{
+	width: calc(25% - 30px);
+}
+.product_list_img{
+	width: 100%;
+}
+.product_list_img img{
+	width: 80%;
+	height: 185px;
+}
+.product_list_text{
+	height: 63px;
+}
+.product_list_text h4{
+	font-size: 14px;
+	color: #565656;
+	margin-bottom: 10px;
+}
+.product_list_text p{
+	font-size: 13px;
+	color: #929292;
+}
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/css/reset.css
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/css/reset.css
@ -0,0 +1,243 @@
+/**
+ * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
+ * http://cssreset.com
+ */
+html,
+ body,
+ div,
+ span,
+ applet,
+ object,
+ iframe,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ p,
+ blockquote,
+ pre,
+ a,
+ abbr,
+ acronym,
+ address,
+ big,
+ cite,
+ code,
+ del,
+ dfn,
+ em,
+ img,
+ ins,
+ kbd,
+ q,
+ s,
+ samp,
+ small,
+ strike,
+ sub,
+ sup,
+ tt,
+ var,
+ u,
+ i,
+ center,
+ dl,
+ dt,
+ dd,
+ ol,
+ ul,
+ li,
+ fieldset,
+ form,
+ label,
+ legend,
+ /* table,
+ caption,
+ tbody,
+ tfoot,
+ thead,
+ tr,
+ th,
+ td, */
+ article,
+ aside,
+ canvas,
+ details,
+ embed,
+ figure,
+ figcaption,
+ footer,
+ header,
+ menu,
+ nav,
+ output,
+ ruby,
+ section,
+ summary,
+ time,
+ mark,
+ audio,
+ video,
+ input {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  /* font-size: 100%; */
+  font-weight: normal;
+  vertical-align: baseline;
+}
+button {
+  border: none;
+  outline: none;
+  cursor: pointer;
+  color: #222222;
+  background-color: #FFFFFF;
+}
+input,
+select,
+option,
+textarea {
+	outline: none;
+	resize: none;
+	-webkit-appearance: none;
+}
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+menu,
+nav,
+section {
+  display: block;
+}
+
+body {
+  line-height: 1;
+  font-family: "Microsoft YaHei";
+  /* font-size: 16px; */
+}
+
+blockquote,
+q {
+  quotes: none;
+}
+
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: none;
+}
+
+/* table {
+   border-collapse: collapse;
+   border-spacing: 0;
+ } */
+
+/* custom */
+a {
+  text-decoration: none;
+  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+}
+
+li {
+  list-style: none;
+}
+
+::-webkit-scrollbar {
+  width: 5px;
+  height: 5px;
+}
+
+::-webkit-scrollbar-track-piece {
+  background-color: rgba(0, 0, 0, 0.2);
+  -webkit-border-radius: 6px;
+  border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:vertical {
+  height: 5px;
+  background-color: rgba(125, 125, 125, 0.7);
+  -webkit-border-radius: 6px;
+  border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:horizontal {
+  width: 5px;
+  background-color: rgba(125, 125, 125, 0.7);
+  -webkit-border-radius: 6px;
+  border-radius: 6px;
+}
+
+html,
+body {
+  width: 100%;
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+}
+
+body {
+  -webkit-text-size-adjust: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+.twoellipsis {
+  text-overflow: -o-ellipsis-lastline;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+.oneellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+@media all and (-moz-min-device-pixel-ratio: 1.09) and (-moz-max-device-pixel-ratio: 1.18),
+  (-webkit-min-device-pixel-ratio: 1.09) and (-webkit-max-device-pixel-ratio: 1.18),
+  (min-resolution: 1.09dppx) and (max-resolution: 1.18dppx) {
+  :root {
+    font-size: 14px;
+  }
+}
+@media all and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28),
+  (-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28),
+  (min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) {
+  :root {
+    font-size: 13px;
+  }
+}
+@media all and (-moz-min-device-pixel-ratio: 1.29) and (-moz-max-device-pixel-ratio: 1.4),
+  (-webkit-min-device-pixel-ratio: 1.29) and (-webkit-max-device-pixel-ratio: 1.4),
+  (min-resolution: 1.29dppx) and (max-resolution: 1.4dppx) {
+  :root {
+    font-size: 12px;
+  }
+}
+@media all and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
+  (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),
+  (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {
+  :root {
+    font-size: 10px;
+  }
+}
+@media all and (-moz-min-device-pixel-ratio: 1.61) and (-moz-max-device-pixel-ratio: 1.8),
+  (-webkit-min-device-pixel-ratio: 1.61) and (-webkit-max-device-pixel-ratio: 1.8),
+  (min-resolution: 1.61dppx) and (max-resolution: 1.8dppx) {
+  :root {
+    font-size: 9px;
+  }
+}
+@media all and (-moz-min-device-pixel-ratio: 1.81) and (-moz-max-device-pixel-ratio: 2.1),
+  (-webkit-min-device-pixel-ratio: 1.81) and (-webkit-max-device-pixel-ratio: 2.1),
+  (min-resolution: 1.81dppx) and (max-resolution: 2.1dppx) {
+  :root {
+    font-size: 8px;
+  }
+}
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/css/style.css
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/css/style.css
@ -0,0 +1,107 @@
+/* header */
+.header{
+	width: 100%;	
+	position: relative;
+	
+}
+.header .nav{
+	width: 95%;
+	height: 82px;
+	margin: 0 auto;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	position: absolute;
+	transform: translateX(-50%);
+	left: 50%;
+	z-index: 2;
+}
+.header .nav_left{
+	display: flex;
+	justify-content: left;
+	
+}
+.header .nav_left .logo{
+	width: 235px;
+}
+.header .nav_menu{
+	color: #fff;
+	font-size: 15px;
+	display: flex;
+	justify-content: left;
+	align-items: center;
+	width: 680px;
+}
+.header .nav_menu li{
+	margin-right: 78px;
+}
+.header .nav_menu li a{
+	color: #fff;
+}
+.header .nav_right {
+	
+}
+.nav_right .search-input{
+	background-color: transparent;
+	border: none;
+	border-bottom: solid 1px #fff;
+	margin-right: 20px;
+	color: #fff;
+}
+
+.footer{
+	width: 100%;
+	height: 528px;
+	background-color: #303136;
+	position: relative;
+}
+.center{
+	width: 95%;
+	margin: 0 auto;	
+	padding-top: 80px;
+	color: rgba(255,255,255,0.5);
+	font-size: 14px;
+	line-height: 36px;
+}
+
+.footer_top{
+	display: flex;
+	justify-content: space-between;
+}
+.footer_top .footer_left img.logo{
+	margin-bottom: 30px;
+}.footer_top .footer_left span{
+	margin-left: 10px;
+}
+.footer_top .footer_center{
+	width: 767px;
+	display: flex;
+	justify-content: space-between;	
+	
+}
+.footer_top .footer_center h4{
+	font-size: 16px;
+	color: rgba(255,255,255,0.95);
+	margin-bottom: 32px;
+	line-height: 0;
+}
+.footer .footer_right{
+	text-align: center;
+}
+.footer .footer_right img {
+	width: 144px;
+	height: 144px;
+	margin-bottom: 2px;
+}
+.bottom{
+	width: 95%;
+	height: 71px;
+	line-height: 71px;
+	border-top: solid 1px rgba(255,255,255,0.1);
+	display: flex;
+	justify-content: space-between;
+	position: absolute;
+	bottom: 0;
+	color: rgba(255,255,255,0.5);
+	font-size: 14px;
+}
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/css/swiper-bundle.min.css
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/css/swiper-bundle.min.css
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/QRcode.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/QRcode.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/address.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/address.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/arrow.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/arrow.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/banner1.jpg
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/banner1.jpg
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/banner2.jpg
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/banner2.jpg
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/brand.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/brand.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/email.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/email.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/img1.jpg
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/img1.jpg
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/img2.jpg
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/img2.jpg
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/img3.jpg
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/img3.jpg
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/img4.jpg
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/img4.jpg
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/img5.jpg
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/img5.jpg
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/img6.jpg
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/img6.jpg
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/left.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/left.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/logo.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/logo.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/news.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/news.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/news_banner.jpg
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/news_banner.jpg
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/news_bin1.jpg
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/news_bin1.jpg
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/news_bin2.jpg
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/news_bin2.jpg
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/news_bin3.jpg
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/news_bin3.jpg
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/news_bin4.jpg
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/news_bin4.jpg
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/news_bin5.jpg
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/news_bin5.jpg
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/news_box_arrow.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/news_box_arrow.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/news_info_content_img1.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/news_info_content_img1.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/news_info_content_img2.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/news_info_content_img2.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/news_info_content_img3.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/news_info_content_img3.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/newshtml_bannertext.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/newshtml_bannertext.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/next.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/next.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/prev.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/prev.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/product1.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/product1.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/product2.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/product2.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/product3.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/product3.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/product4.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/product4.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/product5.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/product5.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/product6.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/product6.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/product_banner1.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/product_banner1.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/product_prev.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/product_prev.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/product_text.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/product_text.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/search.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/search.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/tel.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/img/tel.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/js/jquery-1.11.3.min.js
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/js/jquery-1.11.3.min.js
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/js/jquery.min.js
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/js/jquery.min.js
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/js/swiper-bundle.min.js
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/js/swiper-bundle.min.js
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/css/layui.css
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/css/layui.css
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/css/modules/code.css
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/css/modules/code.css
@ -0,0 +1 @@
+html #layuicss-skincodecss{display:none;position:absolute;width:1989px}.layui-code-h3,.layui-code-view{position:relative;font-size:12px}.layui-code-view{display:block;margin:10px 0;padding:0;border:1px solid #eee;border-left-width:6px;background-color:#FAFAFA;color:#333;font-family:Courier New}.layui-code-h3{padding:0 10px;height:40px;line-height:40px;border-bottom:1px solid #eee}.layui-code-h3 a{position:absolute;right:10px;top:0;color:#999}.layui-code-view .layui-code-ol{position:relative;overflow:auto}.layui-code-view .layui-code-ol li{position:relative;margin-left:45px;line-height:20px;padding:0 10px;border-left:1px solid #e2e2e2;list-style-type:decimal-leading-zero;*list-style-type:decimal;background-color:#fff}.layui-code-view .layui-code-ol li:first-child{padding-top:10px}.layui-code-view .layui-code-ol li:last-child{padding-bottom:10px}.layui-code-view pre{margin:0}.layui-code-notepad{border:1px solid #0C0C0C;border-left-color:#3F3F3F;background-color:#0C0C0C;color:#C2BE9E}.layui-code-notepad .layui-code-h3{border-bottom:none}.layui-code-notepad .layui-code-ol li{background-color:#3F3F3F;border-left:none}.layui-code-demo .layui-code{visibility:visible!important;margin:-15px;border-top:none;border-right:none;border-bottom:none}.layui-code-demo .layui-tab-content{padding:15px;border-top:none}
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/css/modules/laydate/default/laydate.css
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/css/modules/laydate/default/laydate.css
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/css/modules/layer/default/icon-ext.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/css/modules/layer/default/icon-ext.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/css/modules/layer/default/icon.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/css/modules/layer/default/icon.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/css/modules/layer/default/layer.css
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/css/modules/layer/default/layer.css
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/css/modules/layer/default/loading-0.gif
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/css/modules/layer/default/loading-0.gif
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/css/modules/layer/default/loading-1.gif
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/css/modules/layer/default/loading-1.gif
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/css/modules/layer/default/loading-2.gif
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/css/modules/layer/default/loading-2.gif
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/font/iconfont.eot
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/font/iconfont.eot
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/font/iconfont.svg
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/font/iconfont.svg
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/font/iconfont.ttf
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/font/iconfont.ttf
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/font/iconfont.woff
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/font/iconfont.woff
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/font/iconfont.woff2
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/font/iconfont.woff2
--- a/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/layui.js
+++ b/HuoCMS_close_source/public/themes/website/1/zh/demo/static/layui/layui.js
--- a/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/about.html
+++ b/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/about.html
@ -0,0 +1,539 @@
+<!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>DESHI-关于我们</title>
+    <link rel="stylesheet" href="/static/css/swiper-bundle.min.css">
+    <link rel="stylesheet" href="/static/css/reset.css">
+    <link rel="stylesheet" href="/static/scss/common/navBar/nav_bar.css">
+    <link rel="stylesheet" href="/static/scss/common/footer/footer.css">
+    <link rel="stylesheet" href="/static/scss/about/about.css">
+    <script src="/static/js/jquery.min.js"></script>
+</head>
+
+<body>
+    <div class="nav_bar" id="navBar">
+        <div class="nav_bar_content">
+            <div class="nav_bar_left">
+                <div class="logo">
+                    <a href="/index.html">
+                        <img class="logo_w" src="/static/images/common/logo-w.png" alt="">
+                        <img class="logo_b" src="/static/images/common/logo-b.png" alt="">
+                    </a>
+                </div>
+                <div class="nav_bar_list">
+                    <div class="nav_bar_item">
+                        <a href="/index.html">首页</a>
+                    </div>
+                    <div class="nav_bar_item">
+                        <a href="/about.html#brand">品牌介绍</a>
+                    </div>
+                    <div class="nav_bar_item">
+                        <a href="/product.html">产品展示</a>
+                    </div>
+                    <div class="nav_bar_item">
+                        <a href="/news.html">新闻资讯</a>
+                    </div>
+                    <div class="nav_bar_item">
+                        <a href="/contact.html">联系我们</a>
+                    </div>
+                </div>
+            </div>
+            <div class="nav_bar_right">
+                <div class="nav_bar_search" :class="{active:inputState}">
+                    <input type="text" v-model="searchValue" @keyup.enter="searchEnter">
+                    <div class="search_icon" @click="changeInputState">
+                        <img src="/static/images/common/icon-search.png" alt="">
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="nav_bar_content_mobile">
+            <div class="nav_bar_left">
+                <div class="logo">
+                    <a href="/index.html">
+                        <img class="logo_w" src="/static/images/common/logo-w.png" alt="">
+                        <img class="logo_b" src="/static/images/common/logo-b.png" alt="">
+                    </a>
+                </div>
+            </div>
+            <div class="nav_bar_right">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            <div class="nav_bar_mobile_main">
+                <div class="nav_bar_mobile_mask"></div>
+                <div class="nav_bar_mobile_content">
+                    <div class="nav_bar_mobile_list">
+                        <div class="nav_bar_mobile_item">
+                            <a href="/index.html">首页</a>
+                        </div>
+                        <div class="nav_bar_mobile_item">
+                            <a href="/about.html#brand">品牌介绍</a>
+                        </div>
+                        <div class="nav_bar_mobile_item">
+                            <a href="/product.html">产品展示</a>
+                        </div>
+                        <div class="nav_bar_mobile_item">
+                            <a href="/news.html">新闻资讯</a>
+                        </div>
+                        <div class="nav_bar_mobile_item">
+                            <a href="/contact.html">联系我们</a>
+                        </div>
+                    </div>
+                    <div class="nav_bar_mobile_search" :class="{active:inputState}">
+                        <input type="text" v-model="searchValue" @keyup.13="mobileSearch">
+                        <div class="search_icon" @click="mobileSearch">
+                            <img src="/static/images/common/icon-search.png" alt="">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="about">
+        <div class="banner" style="background-image:url('/static/images/about/banner.jpg')">
+            <div class="banner_content">
+                <p class="banner_title">关于我们</p>
+                <p class="banner_remark">您的位置：
+                    <a href="/index.html">首页</a>
+                    <a href="javascript:;">品牌介绍</a>
+                </p>
+            </div>
+        </div>
+        <div class="navigation_seize"></div>
+        <div class="navigation ">
+            <div class="navigation_content">
+                <div class="navigation_item active" data-href="brand">
+                    <a href="javascript:;">品牌介绍</a>
+                </div>
+                <div class="navigation_item" data-href="history">
+                    <a href="javascript:;">发展历程</a>
+                </div>
+                <div class="navigation_item" data-href="honor">
+                    <a href="javascript:;">资质荣誉</a>
+                </div>
+            </div>
+
+        </div>
+        <div class="brand" id="brand">
+            <div class="brand_content">
+                <div class="brand_left">
+                    <p class="brand_title">品牌介绍</p>
+                    <p class="brand_remark">
+                        得事家电品牌正式进入中国，基于对中国市场的深刻洞察和准确定位，得事家电品牌在中国完成了全产业链布局，严格而先进的全球统一标准，贯穿了研发、采购、生产、销售直至售后服务全部家电产业生态系统的所有环节，为该品牌提供支持的投资公司、产品研发中心、原材料采购中心、销售公司、服务公司等机构遍布全国各地。
+                    </p>
+                    <div class="brand_list">
+                        <div class="brand_item">
+                            <div class="brand_item_content">
+                                <p class="brand_num">10<span>+</span></p>
+                                <p class="brand_num_title">行业经验</p>
+                            </div>
+
+                        </div>
+                        <div class="brand_item">
+                            <div class="brand_item_content">
+                                <p class="brand_num">3000<span>+</span></p>
+                                <p class="brand_num_title">服务客服</p>
+                            </div>
+
+                        </div>
+                        <div class="brand_item">
+                            <div class="brand_item_content">
+                                <p class="brand_num">200<span>+</span></p>
+                                <p class="brand_num_title">产品种类</p>
+                            </div>
+
+                        </div>
+                        <div class="brand_item">
+                            <div class="brand_item_content">
+                                <p class="brand_num">60<span>+</span></p>
+                                <p class="brand_num_title">技术团队</p>
+                            </div>
+
+                        </div>
+                    </div>
+                </div>
+                <div class="brand_right">
+                    <img src="/static/images/about/brand.jpg" alt="">
+                </div>
+            </div>
+        </div>
+        <div class="history" id="history">
+            <div class="history_title">
+                <p>发展历程</p>
+            </div>
+            <div class="history_navigation">
+                <div class="history_navigation_line"></div>
+                <div class="history_navigation_content">
+                    <div class="swiper swiper-history-navigation">
+                        <div class="swiper-wrapper">
+                            <div class="swiper-slide">
+                                <div class="history_year">
+                                    <p>2021年</p>
+                                </div>
+                            </div>
+                            <div class="swiper-slide">
+                                <div class="history_year">
+                                    <p>2020年</p>
+                                </div>
+                            </div>
+                            <div class="swiper-slide">
+                                <div class="history_year">
+                                    <p>2019年</p>
+                                </div>
+                            </div>
+                            <div class="swiper-slide">
+                                <div class="history_year">
+                                    <p>2018年</p>
+                                </div>
+                            </div>
+                            <div class="swiper-slide">
+                                <div class="history_year">
+                                    <p>2017年</p>
+                                </div>
+                            </div>
+                            <div class="swiper-slide">
+                                <div class="history_year">
+                                    <p>2016年</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="swiper-button-prev-history"></div>
+                    <div class="swiper-button-next-history"></div>
+                </div>
+            </div>
+            <div class="history_main">
+                <div class="history_content">
+                    <div class="swiper swiper-history">
+                        <div class="swiper-wrapper">
+                            <div class="swiper-slide">
+                                <div class="history_pic">
+                                    <img src="/static/images/about/history.jpg" alt="">
+                                </div>
+                                <div class="history_introduce">
+                                    <div class="history_list">
+                                        <div class="history_item">
+                                            <p>率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。
+                                            </p>
+                                        </div>
+                                        <div class="history_item">
+                                            <p>获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。
+                                            </p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="swiper-slide">
+                                <div class="history_pic">
+                                    <img src="/static/images/about/history.jpg" alt="">
+                                </div>
+                                <div class="history_introduce">
+                                    <div class="history_list">
+                                        <div class="history_item">
+                                            <p>率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。
+                                            </p>
+                                        </div>
+                                        <div class="history_item">
+                                            <p>获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。
+                                            </p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="swiper-slide">
+                                <div class="history_pic">
+                                    <img src="/static/images/about/history.jpg" alt="">
+                                </div>
+                                <div class="history_introduce">
+                                    <div class="history_list">
+                                        <div class="history_item">
+                                            <p>率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。
+                                            </p>
+                                        </div>
+                                        <div class="history_item">
+                                            <p>获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。
+                                            </p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="swiper-slide">
+                                <div class="history_pic">
+                                    <img src="/static/images/about/history.jpg" alt="">
+                                </div>
+                                <div class="history_introduce">
+                                    <div class="history_list">
+                                        <div class="history_item">
+                                            <p>率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。
+                                            </p>
+                                        </div>
+                                        <div class="history_item">
+                                            <p>获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。
+                                            </p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="swiper-slide">
+                                <div class="history_pic">
+                                    <img src="/static/images/about/history.jpg" alt="">
+                                </div>
+                                <div class="history_introduce">
+                                    <div class="history_list">
+                                        <div class="history_item">
+                                            <p>率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。
+                                            </p>
+                                        </div>
+                                        <div class="history_item">
+                                            <p>获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。
+                                            </p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="swiper-slide">
+                                <div class="history_pic">
+                                    <img src="/static/images/about/history.jpg" alt="">
+                                </div>
+                                <div class="history_introduce">
+                                    <div class="history_list">
+                                        <div class="history_item">
+                                            <p>率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。
+                                            </p>
+                                        </div>
+                                        <div class="history_item">
+                                            <p>获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。
+                                            </p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="honor" id="honor">
+            <div class="honor_title">
+                <p>荣誉资质</p>
+            </div>
+            <div class="honor_content">
+                <div class="honor_item">
+                    <div class="honor_pic">
+                        <img src="/static/images/about/honor-1.jpg" alt="">
+                    </div>
+                    <p class="honor_remark">ISO9001质量管理体系认证</p>
+                </div>
+                <div class="honor_item">
+                    <div class="honor_pic">
+                        <img src="/static/images/about/honor-2.jpg" alt="">
+                    </div>
+                    <p class="honor_remark">ISO9001质量管理体系认证</p>
+                </div>
+                <div class="honor_item">
+                    <div class="honor_pic">
+                        <img src="/static/images/about/honor-3.jpg" alt="">
+                    </div>
+                    <p class="honor_remark">ISO9001质量管理体系认证</p>
+                </div>
+                <div class="honor_item">
+                    <div class="honor_pic">
+                        <img src="/static/images/about/honor-4.jpg" alt="">
+                    </div>
+                    <p class="honor_remark">ISO9001质量管理体系认证</p>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="footer">
+        <div class="footer_content">
+            <div class="footer_main">
+                <div class="footer_left">
+                    <a href="/index.html" class="footer_logo">
+                        <img src="/static/images/common/logo-w.png" alt="">
+                    </a>
+                    <div class="footer_contact">
+                        <a class="address" href="javascript:;">地址：上海市杨浦区隆昌路619号</a>
+                        <a class="email" href="mailto:106056320@qq.com">邮箱：106056320@qq.com</a>
+                        <a class="phone" href="tel:021-58956622">电话：021-58956622</a>
+                    </div>
+                    <div class="footer_qrcode">
+                        <img src="/static/images/common/qr-code.jpg" alt="">
+                        <p>扫码关注我们</p>
+                    </div>
+                </div>
+                <div class="footer_middle">
+                    <div class="footer_list">
+                        <div class="footer_item">
+                            <div class="footer_item_title">
+                                <p>品牌介绍</p>
+                            </div>
+                            <div class="footer_items">
+                                <a href="/about.html#brand">品牌介绍</a>
+                                <a href="/about.html#history">发展历程</a>
+                                <a href="/about.html#honor">资质荣誉</a>
+                            </div>
+                        </div>
+                        <div class="footer_item">
+                            <div class="footer_item_title">
+                                <p>产品展示</p>
+                            </div>
+                            <div class="footer_items">
+                                <a href="/product.html">高端浴缸</a>
+                                <a href="/product.html">龙头组合</a>
+                                <a href="/product.html">老式混水阀</a>
+                                <a href="/product.html">面盆龙头</a>
+                                <a href="/product.html">菜盆龙头</a>
+                                <a href="/product.html">明装恒温阀</a>
+                            </div>
+                        </div>
+                        <div class="footer_item">
+                            <div class="footer_item_title">
+                                <p>新闻中心</p>
+                            </div>
+                            <div class="footer_items">
+                                <a href="/news.html">公司新闻</a>
+                                <a href="/news.html">行业新闻</a>
+                            </div>
+                        </div>
+                        <div class="footer_item">
+                            <div class="footer_item_title">
+                                <p>联系我们</p>
+                            </div>
+                            <div class="footer_items">
+                                <a href="/contact.html#contact">联系方式</a>
+                                <a href="/contact.html#message">在线留言</a>
+                                <a href="/contact.html#join">人才招聘</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="footer_right">
+                    <img src="/static/images/common/qr-code.jpg" alt="">
+                    <p>扫码关注我们</p>
+                </div>
+            </div>
+            <div class="footer_copyright">
+                <div class="copyright_left">
+                    <p>Copyright © 2021 DESHI All Rights Reserved. <a href="https://beian.miit.gov.cn/" target="_blank" rel='nofollow'>沪ICP备2021024265号</a> Powered by <a href="https://www.huocms.com/" target="_blank" rel='nofollow'>HuoCMS</a></p>
+                </div>
+                <div class="copyright_right">
+                    <p>Designed by <a href="https://www.pailiu.com/" target="_blank" rel='nofollow'>派流</a></p>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+<script type="text/javascript" src="https://unpkg.com/vue"></script>
+<script type="text/javascript" src="/static/js/swiper-bundle.min.js"></script>
+<script type="text/javascript" src="/static/js/public.js"></script>
+<script type="text/javascript" src="/static/js/wow.min.js"></script>
+<script>
+    $(function() {
+        /* 各板块距离顶部距离 */
+        var plateTop = [];
+        /* 发展历程(导航)-swiper */
+        var historyNavigationSwiper = new Swiper('.swiper-history-navigation', {
+            direction: 'horizontal', // 垂直切换选项
+            loop: false, // 循环模式选项
+            grabCursor: true,
+            breakpoints: {
+                100: {
+                    slidesPerView: 2,
+                },
+                800: {
+                    slidesPerView: 4
+                },
+                996: {
+                    slidesPerView: 5
+                }
+            },
+            navigation: {
+                nextEl: ".swiper-button-next-history",
+                prevEl: ".swiper-button-prev-history",
+            }
+
+        });
+        /* 发展历程-swiper */
+        var historySwiper = new Swiper('.swiper-history', {
+            direction: 'horizontal', // 垂直切换选项
+            loop: false, // 循环模式选项
+            grabCursor: true,
+            thumbs: {
+                swiper: historyNavigationSwiper,
+            },
+
+        });
+        $(window).scroll(function() {
+            navigationInit()
+            navigationScroll()
+        });
+        /* 导航栏浮顶初始化 */
+        function navigationInit() {
+            var pageWidth = $(window).width();
+            var pageHeight = $(window).height();
+            var height = $('.navigation').height()
+            $('.navigation_seize').height(height)
+            if (pageWidth > 800) {
+                if ($(document).scrollTop() > 640 - 80) {
+                    $('.navigation').addClass('fixed')
+                    $('.navigation_seize').show()
+                } else {
+                    $('.navigation').removeClass('fixed')
+                    $('.navigation_seize').hide();
+                }
+            } else {
+                if ($(document).scrollTop() > pageHeight - 80) {
+                    $('.navigation').addClass('fixed')
+                    $('.navigation_seize').show()
+                } else {
+                    $('.navigation').removeClass('fixed')
+                    $('.navigation_seize').hide();
+                }
+            }
+
+
+        };
+        navigationInit();
+        /* 导航栏点解，页面滚动到相应位置 */
+        $('.navigation_item').click(function() {
+            let id = $(this).data('href')
+            $('html,body').animate({
+                scrollTop: $(`#${id}`).offset().top - 80 - $('.navigation').height()
+            }, 500);
+        });
+        /* 获取链接hash，页面刷新初始化滚动条位置 */
+        function hrefInit() {
+            let href = location.hash.replaceAll('#', '')
+            for (let i = 0; i < $('.navigation_item').length; i++) {
+                let hrefName = $($('.navigation_item').get(i)).data('href')
+                plateTop.push($(`#${hrefName}`).offset().top - 80 - $('.navigation').height())
+                if ($('.navigation_item').get(i).dataset.href == href) {
+                    $($('.navigation_item').get(i)).addClass('active').siblings().removeClass('active')
+                    $('html,body').animate({
+                        scrollTop: $(`#${href}`).offset().top - 80 - $('.navigation').height()
+                    }, 500);
+
+                }
+            }
+
+        }
+        hrefInit();
+        /* 页面滚动给导航栏添加样式 */
+        function navigationScroll() {
+            for (let i = 0; i < plateTop.length; i++) {
+                if ($(document).scrollTop() >= plateTop[i] - 5) {
+                    $($('.navigation_item').get(i)).addClass('active').siblings().removeClass('active')
+                }
+            }
+        }
+    })
+</script>
+
+</html>
--- a/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/contact.html
+++ b/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/contact.html
@ -0,0 +1,437 @@
+<!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>DESHI-联系我们</title>
+    <link rel="stylesheet" href="/static/css/swiper-bundle.min.css">
+    <link rel="stylesheet" href="/static/css/reset.css">
+    <link rel="stylesheet" href="/static/scss/common/navBar/nav_bar.css">
+    <link rel="stylesheet" href="/static/scss/common/footer/footer.css">
+    <link rel="stylesheet" href="/static/scss/contact/contact.css">
+    <script src="/static/js/jquery.min.js"></script>
+</head>
+
+<body>
+    <div class="nav_bar" id="navBar">
+        <div class="nav_bar_content">
+            <div class="nav_bar_left">
+                <div class="logo">
+                    <a href="/index.html">
+                        <img class="logo_w" src="/static/images/common/logo-w.png" alt="">
+                        <img class="logo_b" src="/static/images/common/logo-b.png" alt="">
+                    </a>
+                </div>
+                <div class="nav_bar_list">
+                    <div class="nav_bar_item">
+                        <a href="/index.html">首页</a>
+                    </div>
+                    <div class="nav_bar_item">
+                        <a href="/about.html#brand">品牌介绍</a>
+                    </div>
+                    <div class="nav_bar_item">
+                        <a href="/product.html">产品展示</a>
+                    </div>
+                    <div class="nav_bar_item">
+                        <a href="/news.html">新闻资讯</a>
+                    </div>
+                    <div class="nav_bar_item">
+                        <a href="/contact.html">联系我们</a>
+                    </div>
+                </div>
+            </div>
+            <div class="nav_bar_right">
+                <div class="nav_bar_search" :class="{active:inputState}">
+                    <input type="text" v-model="searchValue" @keyup.enter="searchEnter">
+                    <div class="search_icon" @click="changeInputState">
+                        <img src="/static/images/common/icon-search.png" alt="">
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="nav_bar_content_mobile">
+            <div class="nav_bar_left">
+                <div class="logo">
+                    <a href="/index.html">
+                        <img class="logo_w" src="/static/images/common/logo-w.png" alt="">
+                        <img class="logo_b" src="/static/images/common/logo-b.png" alt="">
+                    </a>
+                </div>
+            </div>
+            <div class="nav_bar_right">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            <div class="nav_bar_mobile_main">
+                <div class="nav_bar_mobile_mask"></div>
+                <div class="nav_bar_mobile_content">
+                    <div class="nav_bar_mobile_list">
+                        <div class="nav_bar_mobile_item">
+                            <a href="/index.html">首页</a>
+                        </div>
+                        <div class="nav_bar_mobile_item">
+                            <a href="/about.html#brand">品牌介绍</a>
+                        </div>
+                        <div class="nav_bar_mobile_item">
+                            <a href="/product.html">产品展示</a>
+                        </div>
+                        <div class="nav_bar_mobile_item">
+                            <a href="/news.html">新闻资讯</a>
+                        </div>
+                        <div class="nav_bar_mobile_item">
+                            <a href="/contact.html">联系我们</a>
+                        </div>
+                    </div>
+                    <div class="nav_bar_mobile_search" :class="{active:inputState}">
+                        <input type="text" v-model="searchValue" @keyup.13="mobileSearch">
+                        <div class="search_icon" @click="mobileSearch">
+                            <img src="/static/images/common/icon-search.png" alt="">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="contact">
+        <div class="banner" style="background-image:url('/static/images/contact/banner.jpg')">
+            <div class="banner_content">
+                <p class="banner_title">联系我们</p>
+                <p class="banner_remark">您的位置：
+                    <a href="/index.html">首页</a>
+                    <a href="javascript:;">联系我们</a>
+                </p>
+            </div>
+        </div>
+        <div class="navigation_seize"></div>
+        <div class="navigation ">
+            <div class="navigation_content">
+                <div class="navigation_item active" data-href="contact">
+                    <a href="javascript:;">联系方式</a>
+                </div>
+                <div class="navigation_item" data-href="message">
+                    <a href="javascript:;">在线留言</a>
+                </div>
+                <div class="navigation_item" data-href="join">
+                    <a href="javascript:;">加入我们</a>
+                </div>
+            </div>
+
+        </div>
+        <div class="contact_information" id="contact">
+            <div class="contact_content">
+                <div class="contact_introduce">
+                    <p class="contact_title">上海得势实业有限公司</p>
+                    <p class="contact_remark">我们会为您找到适用的解决方案，您可以通过电话、聊天、电子邮件等方式联系我们。</p>
+                    <div class="contact_list">
+                        <div class="contact_item">
+                            <a href="javascript:;">地址：上海市杨浦区隆昌路619号</a>
+                        </div>
+                        <div class="contact_item">
+                            <a href="mailto:106056320@qq.com">邮箱：106056320@qq.com</a>
+                        </div>
+                        <div class="contact_item">
+                            <a href="tel:021-58956622">电话：021-58956622</a>
+                        </div>
+                        <div class="contact_item">
+                            <a href="tel:021-58956622">传真：021-58956622</a>
+                        </div>
+                    </div>
+                </div>
+                <div class="contact_map">
+                    <img src="/static/images/contact/map.jpg" alt="">
+                </div>
+            </div>
+        </div>
+        <div class="message" id="message" style="background-image:url('/static/images/contact/message.jpg')">
+            <div class="message_content">
+                <div class="message_container">
+                    <div class="message_introduce">
+                        <p class="message_title">留下您的信息 获取特惠报价</p>
+                        <p class="message_remark">请您填写您信息，将有助于我们及时与您取得联系</p>
+                    </div>
+                    <div class="form_content" id="form">
+                        <div class="form_item">
+                            <div class="form_label">
+                                <p class="label"><span>*</span>您的姓名：</p>
+                                <p class="error">{{error.name}}</p>
+                            </div>
+                            <input type="text" name="name" v-model="form.name">
+                        </div>
+                        <div class="form_item">
+                            <div class="form_label">
+                                <p class="label"><span>*</span>您的电话：</p>
+                                <p class="error">{{error.phone}}</p>
+                            </div>
+                            <input type="text" name="phone" v-model="form.phone">
+                        </div>
+                        <div class="form_item">
+                            <div class="form_label">
+                                <p class="label"><span>*</span>您的邮箱：</p>
+                                <p class="error">{{error.email}}</p>
+                            </div>
+                            <input type="text" name="email" v-model="form.email">
+                        </div>
+                        <div class="form_submit" @click="submitClick">
+                            提交
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="join" id="join">
+            <div class="join_content">
+                <div class="join_introduce">
+                    <p class="join_title">我们在这里欢迎你的到来</p>
+                    <p class="join_remark">加入我们，我们始终求贤若渴，简历邮箱：1060563220@qq.com</p>
+                </div>
+                <div class="join_list">
+                    <div class="join_item">
+                        <p class="join_item_title">天猫设计师</p>
+                        <p class="join_item_money">8k-15k</p>
+                        <p class="join_item_remark">负责天猫、淘宝、京东等平台的视觉设计及网页制作；精通PS AI 、良好的色彩视觉(很重要)；有大型活动专题作品。</p>
+                    </div>
+                    <div class="join_item">
+                        <p class="join_item_title">天猫设计师</p>
+                        <p class="join_item_money">8k-15k</p>
+                        <p class="join_item_remark">负责天猫、淘宝、京东等平台的视觉设计及网页制作；精通PS AI 、良好的色彩视觉(很重要)；有大型活动专题作品。</p>
+                    </div>
+                    <div class="join_item">
+                        <p class="join_item_title">天猫设计师</p>
+                        <p class="join_item_money">8k-15k</p>
+                        <p class="join_item_remark">负责天猫、淘宝、京东等平台的视觉设计及网页制作；精通PS AI 、良好的色彩视觉(很重要)；有大型活动专题作品。</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="footer">
+        <div class="footer_content">
+            <div class="footer_main">
+                <div class="footer_left">
+                    <a href="/index.html" class="footer_logo">
+                        <img src="/static/images/common/logo-w.png" alt="">
+                    </a>
+                    <div class="footer_contact">
+                        <a class="address" href="javascript:;">地址：上海市杨浦区隆昌路619号</a>
+                        <a class="email" href="mailto:106056320@qq.com">邮箱：106056320@qq.com</a>
+                        <a class="phone" href="tel:021-58956622">电话：021-58956622</a>
+                    </div>
+                    <div class="footer_qrcode">
+                        <img src="/static/images/common/qr-code.jpg" alt="">
+                        <p>扫码关注我们</p>
+                    </div>
+                </div>
+                <div class="footer_middle">
+                    <div class="footer_list">
+                        <div class="footer_item">
+                            <div class="footer_item_title">
+                                <p>品牌介绍</p>
+                            </div>
+                            <div class="footer_items">
+                                <a href="/about.html#brand">品牌介绍</a>
+                                <a href="/about.html#history">发展历程</a>
+                                <a href="/about.html#honor">资质荣誉</a>
+                            </div>
+                        </div>
+                        <div class="footer_item">
+                            <div class="footer_item_title">
+                                <p>产品展示</p>
+                            </div>
+                            <div class="footer_items">
+                                <a href="/product.html">高端浴缸</a>
+                                <a href="/product.html">龙头组合</a>
+                                <a href="/product.html">老式混水阀</a>
+                                <a href="/product.html">面盆龙头</a>
+                                <a href="/product.html">菜盆龙头</a>
+                                <a href="/product.html">明装恒温阀</a>
+                            </div>
+                        </div>
+                        <div class="footer_item">
+                            <div class="footer_item_title">
+                                <p>新闻中心</p>
+                            </div>
+                            <div class="footer_items">
+                                <a href="/news.html">公司新闻</a>
+                                <a href="/news.html">行业新闻</a>
+                            </div>
+                        </div>
+                        <div class="footer_item">
+                            <div class="footer_item_title">
+                                <p>联系我们</p>
+                            </div>
+                            <div class="footer_items">
+                                <a href="/contact.html#contact">联系方式</a>
+                                <a href="/contact.html#message">在线留言</a>
+                                <a href="/contact.html#join">人才招聘</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="footer_right">
+                    <img src="/static/images/common/qr-code.jpg" alt="">
+                    <p>扫码关注我们</p>
+                </div>
+            </div>
+            <div class="footer_copyright">
+                <div class="copyright_left">
+                    <p>Copyright © 2021 DESHI All Rights Reserved. <a href="https://beian.miit.gov.cn/" target="_blank" rel='nofollow'>沪ICP备2021024265号</a> Powered by <a href="https://www.huocms.com/" target="_blank" rel='nofollow'>HuoCMS</a></p>
+                </div>
+                <div class="copyright_right">
+                    <p>Designed by <a href="https://www.pailiu.com/" target="_blank" rel='nofollow'>派流</a></p>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+<script type="text/javascript" src="https://unpkg.com/vue"></script>
+<script type="text/javascript" src="/static/js/swiper-bundle.min.js"></script>
+<script type="text/javascript" src="/static/js/public.js"></script>
+<script type="text/javascript" src="/static/js/wow.min.js"></script>
+<script>
+    new Vue({
+        el: '#form',
+        data: function() {
+            return {
+                form: {
+                    name: "",
+                    phone: "",
+                    email: ""
+                },
+                error: {
+                    name: "",
+                    phone: "",
+                    email: ""
+                }
+            }
+        },
+        methods: {
+            submitClick() {
+                let isFot = true;
+                const regPhone = /^1[3456789]\d{9}$/;
+                const regEmail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
+                /* 姓名 */
+                if (!this.form.name) {
+                    this.error.name = "姓名不能为空";
+                    isFot = false;
+                } else {
+                    this.error.name = ""
+                }
+                /* 手机号 */
+                if (!this.form.phone) {
+                    this.error.phone = "手机号不能为空";
+                    isFot = false
+                } else if (!regPhone.test(this.form.phone.trim())) {
+                    this.error.phone = "手机号不合法";
+                    isFot = false
+                } else {
+                    this.error.phone = ""
+                }
+                /* 邮箱 */
+                if (!this.form.email) {
+                    this.error.email = "邮箱不能为空";
+                    isFot = false
+                } else if (this.form.email && !regEmail.test(this.form.email.trim())) {
+                    this.error.email = "邮箱不合法";
+                    isFot = false
+                } else {
+                    this.error.email = "";
+                }
+                if (isFot) {
+                    $.ajax({
+                        url: "###",
+                        type: "POST",
+                        data: {
+                            name: this.form.name,
+                            phone: this.form.phone,
+                            email: this.form.email
+                        },
+                        success: (res) => {
+                            this.form.company = '';
+                            this.form.name = '';
+                            this.form.phone = '';
+                            this.form.email = '';
+                            this.form.demand = '';
+                            this.form.describe = '';
+                            alert("提交成功")
+                        },
+                        error: (e) => {
+                            alert('提交失败！请联系管理员')
+                        }
+                    })
+                }
+            }
+        }
+    });
+    $(function() {
+        /* 各板块距离顶部距离 */
+        var plateTop = [];
+        $(window).scroll(function() {
+            navigationInit()
+            navigationScroll()
+        });
+        /* 导航栏浮顶初始化 */
+        function navigationInit() {
+            var pageWidth = $(window).width();
+            var pageHeight = $(window).height();
+            var height = $('.navigation').height()
+            $('.navigation_seize').height(height)
+            if (pageWidth > 800) {
+                if ($(document).scrollTop() > 640 - 80) {
+                    $('.navigation').addClass('fixed')
+                    $('.navigation_seize').show()
+                } else {
+                    $('.navigation').removeClass('fixed')
+                    $('.navigation_seize').hide();
+                }
+            } else {
+                if ($(document).scrollTop() > pageHeight - 80) {
+                    $('.navigation').addClass('fixed')
+                    $('.navigation_seize').show()
+                } else {
+                    $('.navigation').removeClass('fixed')
+                    $('.navigation_seize').hide();
+                }
+            }
+
+
+        };
+        navigationInit();
+        /* 导航栏点解，页面滚动到相应位置 */
+        $('.navigation_item').click(function() {
+            let id = $(this).data('href')
+            $('html,body').animate({
+                scrollTop: $(`#${id}`).offset().top - 80 - $('.navigation').height()
+            }, 500);
+        });
+        /* 获取链接hash，页面刷新初始化滚动条位置 */
+        function hrefInit() {
+            let href = location.hash.replaceAll('#', '')
+            for (let i = 0; i < $('.navigation_item').length; i++) {
+                let hrefName = $($('.navigation_item').get(i)).data('href')
+                plateTop.push($(`#${hrefName}`).offset().top - 80 - $('.navigation').height())
+                if ($('.navigation_item').get(i).dataset.href == href) {
+                    $($('.navigation_item').get(i)).addClass('active').siblings().removeClass('active')
+                    $('html,body').animate({
+                        scrollTop: $(`#${href}`).offset().top - 80 - $('.navigation').height()
+                    }, 500);
+
+                }
+            }
+
+        }
+        hrefInit();
+        /* 页面滚动给导航栏添加样式 */
+        function navigationScroll() {
+            for (let i = 0; i < plateTop.length; i++) {
+                if ($(document).scrollTop() >= plateTop[i] - 5) {
+                    $($('.navigation_item').get(i)).addClass('active').siblings().removeClass('active')
+                }
+            }
+        }
+    })
+</script>
+
+</html>
--- a/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/index.html
+++ b/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/index.html
@ -0,0 +1,685 @@
+<!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>DESHI-首页</title>
+    <link rel="stylesheet" href="__TMPL__/static/css/swiper-bundle.min.css" />
+    <link rel="stylesheet" href="__TMPL__/static/css/reset.css" />
+    <link
+      rel="stylesheet"
+      href="__TMPL__/static/scss/common/navBar/nav_bar.css"
+    />
+    <link
+      rel="stylesheet"
+      href="__TMPL__/static/scss/common/footer/footer.css"
+    />
+    <link rel="stylesheet" href="__TMPL__/static/scss/index/index.css" />
+    <script src="__TMPL__/static/js/jquery.min.js"></script>
+  </head>
+  <body>
+    <div class="nav_bar" id="navBar">
+      <div class="nav_bar_content">
+        <div class="nav_bar_left">
+          <div class="logo">
+            <a href="/index.html">
+              <img
+                class="logo_w"
+                src="__TMPL__/static/images/common/logo-w.png"
+                alt=""
+              />
+              <img
+                class="logo_b"
+                src="__TMPL__/static/images/common/logo-b.png"
+                alt=""
+              />
+            </a>
+          </div>
+          <div class="nav_bar_list">
+            <div class="nav_bar_item">
+              <a href="/index.html">首页</a>
+            </div>
+            <div class="nav_bar_item">
+              <a href="/about.html#brand">品牌介绍</a>
+            </div>
+            <div class="nav_bar_item">
+              <a href="/product.html">产品展示</a>
+            </div>
+            <div class="nav_bar_item">
+              <a href="/news.html">新闻资讯</a>
+            </div>
+            <div class="nav_bar_item">
+              <a href="/contact.html">联系我们</a>
+            </div>
+          </div>
+        </div>
+        <div class="nav_bar_right">
+          <div class="nav_bar_search" :class="{active:inputState}">
+            <input
+              type="text"
+              v-model="searchValue"
+              @keyup.enter="searchEnter"
+            />
+            <div class="search_icon" @click="changeInputState">
+              <img src="__TMPL__/static/images/common/icon-search.png" alt="" />
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="nav_bar_content_mobile">
+        <div class="nav_bar_left">
+          <div class="logo">
+            <a href="/index.html">
+              <img
+                class="logo_w"
+                src="__TMPL__/static/images/common/logo-w.png"
+                alt=""
+              />
+              <img
+                class="logo_b"
+                src="__TMPL__/static/images/common/logo-b.png"
+                alt=""
+              />
+            </a>
+          </div>
+        </div>
+        <div class="nav_bar_right">
+          <span></span>
+          <span></span>
+          <span></span>
+        </div>
+        <div class="nav_bar_mobile_main">
+          <div class="nav_bar_mobile_mask"></div>
+          <div class="nav_bar_mobile_content">
+            <div class="nav_bar_mobile_list">
+              <div class="nav_bar_mobile_item">
+                <a href="/index.html">首页</a>
+              </div>
+              <div class="nav_bar_mobile_item">
+                <a href="/about.html#brand">品牌介绍</a>
+              </div>
+              <div class="nav_bar_mobile_item">
+                <a href="/product.html">产品展示</a>
+              </div>
+              <div class="nav_bar_mobile_item">
+                <a href="/news.html">新闻资讯</a>
+              </div>
+              <div class="nav_bar_mobile_item">
+                <a href="/contact.html">联系我们</a>
+              </div>
+            </div>
+            <div class="nav_bar_mobile_search" :class="{active:inputState}">
+              <input
+                type="text"
+                v-model="searchValue"
+                @keyup.13="mobileSearch"
+              />
+              <div class="search_icon" @click="mobileSearch">
+                <img
+                  src="__TMPL__/static/images/common/icon-search.png"
+                  alt=""
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="index">
+      <!-- banner -->
+      <div class="banner">
+        <div class="banner_content">
+          <div class="swiper swiper-banner">
+            <div class="swiper-wrapper">
+              <div class="swiper-slide">
+                <div class="banner_container">
+                  <div class="banner_introduce">
+                    <p class="banner_title">为消费者带来高品质的生活</p>
+                    <p class="banner_remark">
+                      先进的思想，追求优良的性能，满足广泛的现代生活需求
+                    </p>
+                    <a href="/product.html" class="banner_link">
+                      了解更多
+                      <img
+                        src="__TMPL__/static/images/index/icon-more.png"
+                        alt=""
+                      />
+                    </a>
+                  </div>
+                </div>
+
+                <div class="banner_pull">
+                  <img
+                    src="__TMPL__/static/images/index/icon-pull.png"
+                    alt=""
+                  />
+                </div>
+              </div>
+              <div class="swiper-slide">
+                <div class="banner_container">
+                  <div class="banner_introduce">
+                    <p class="banner_title">为消费者带来高品质的生活</p>
+                    <p class="banner_remark">
+                      先进的思想，追求优良的性能，满足广泛的现代生活需求
+                    </p>
+                    <a href="/product.html" class="banner_link">
+                      了解更多
+                      <img
+                        src="__TMPL__/static/images/index/icon-more.png"
+                        alt=""
+                      />
+                    </a>
+                  </div>
+                </div>
+
+                <div class="banner_pull">
+                  <img
+                    src="__TMPL__/static/images/index/icon-pull.png"
+                    alt=""
+                  />
+                </div>
+              </div>
+              <div class="swiper-slide">
+                <div class="banner_container">
+                  <div class="banner_introduce">
+                    <p class="banner_title">为消费者带来高品质的生活</p>
+                    <p class="banner_remark">
+                      先进的思想，追求优良的性能，满足广泛的现代生活需求
+                    </p>
+                    <a href="/product.html" class="banner_link">
+                      了解更多
+                      <img
+                        src="__TMPL__/static/images/index/icon-more.png"
+                        alt=""
+                      />
+                    </a>
+                  </div>
+                </div>
+
+                <div class="banner_pull">
+                  <img
+                    src="__TMPL__/static/images/index/icon-pull.png"
+                    alt=""
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="swiper-pagination-banner"></div>
+        </div>
+      </div>
+      <!-- 品牌介绍 -->
+      <div class="brand">
+        <div class="brand_content">
+          <div class="brand_pic">
+            <img src="__TMPL__/static/images/index/brand-1.jpg" alt="" />
+          </div>
+          <div class="brand_introduce">
+            <div class="brand_top">
+              <p class="brand_title">品牌介绍</p>
+              <img
+                class="brand_text"
+                src="__TMPL__/static/images/index/banner-text.png"
+                alt=""
+              />
+            </div>
+            <div class="brand_middle">
+              <p class="brand_remark">
+                得事家电品牌正式进入中国，基于对中国市场的深刻洞察和准确定位，得事家电品牌在中国完成了全产业链布局，严格而先进的全球统一标准，贯穿了研发、采购、生产、销售直至售后服务全部家电产业生态系统的所有环节，为该品牌提供支持的投资公司、产品研发中心、原材料采购中心、销售公司、服务公司等机构遍布全国各地。
+              </p>
+            </div>
+            <div class="brand_bottom">
+              <a href="/about.html#brand">
+                了解更多
+                <img
+                  src="__TMPL__/static/images/index/icon-more-1.png"
+                  alt=""
+                />
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- 产品展示 -->
+      <div class="product">
+        <div class="product_content">
+          <div class="plate_introduce">
+            <div class="plate_title">
+              <p>产品展示</p>
+              <img src="__TMPL__/static/images/index/product-text.png" alt="" />
+            </div>
+            <p class="plate_remark">我们的产品遍布全国31个省、630多座城市</p>
+          </div>
+          <div class="swiper swiper-product">
+            <div class="swiper-wrapper">
+              <div class="swiper-slide">
+                <div class="product_main_pic">
+                  <img
+                    src="__TMPL__/static/images/index/product-1.png"
+                    alt=""
+                  />
+                </div>
+                <a href="/productDetail.html" class="product_main_introduce">
+                  <div class="product_main_text">
+                    <p class="product_main_title">酒店洗脸盘洗手台</p>
+                    <p class="product_main_remark">
+                      现代简约圆形艺术洗手盆 卫生间陶瓷纯色洗漱盆
+                    </p>
+                  </div>
+                  <div class="product_main_more">
+                    <img
+                      src="__TMPL__/static/images/index/icon-more.png"
+                      alt=""
+                    />
+                  </div>
+                </a>
+              </div>
+              <div class="swiper-slide">
+                <div class="product_main_pic">
+                  <img
+                    src="__TMPL__/static/images/index/product-2.png"
+                    alt=""
+                  />
+                </div>
+                <a href="/productDetail.html" class="product_main_introduce">
+                  <div class="product_main_text">
+                    <p class="product_main_title">酒店洗脸盘洗手台</p>
+                    <p class="product_main_remark">
+                      现代简约圆形艺术洗手盆 卫生间陶瓷纯色洗漱盆
+                    </p>
+                  </div>
+                  <div class="product_main_more">
+                    <img
+                      src="__TMPL__/static/images/index/icon-more.png"
+                      alt=""
+                    />
+                  </div>
+                </a>
+              </div>
+              <div class="swiper-slide">
+                <div class="product_main_pic">
+                  <img
+                    src="__TMPL__/static/images/index/product-3.png"
+                    alt=""
+                  />
+                </div>
+                <a href="/productDetail.html" class="product_main_introduce">
+                  <div class="product_main_text">
+                    <p class="product_main_title">酒店洗脸盘洗手台</p>
+                    <p class="product_main_remark">
+                      现代简约圆形艺术洗手盆 卫生间陶瓷纯色洗漱盆
+                    </p>
+                  </div>
+                  <div class="product_main_more">
+                    <img
+                      src="__TMPL__/static/images/index/icon-more.png"
+                      alt=""
+                    />
+                  </div>
+                </a>
+              </div>
+              <div class="swiper-slide">
+                <div class="product_main_pic">
+                  <img
+                    src="__TMPL__/static/images/index/product-4.png"
+                    alt=""
+                  />
+                </div>
+                <a href="/productDetail.html" class="product_main_introduce">
+                  <div class="product_main_text">
+                    <p class="product_main_title">酒店洗脸盘洗手台</p>
+                    <p class="product_main_remark">
+                      现代简约圆形艺术洗手盆 卫生间陶瓷纯色洗漱盆
+                    </p>
+                  </div>
+                  <div class="product_main_more">
+                    <img
+                      src="__TMPL__/static/images/index/icon-more.png"
+                      alt=""
+                    />
+                  </div>
+                </a>
+              </div>
+              <div class="swiper-slide">
+                <div class="product_main_pic">
+                  <img
+                    src="__TMPL__/static/images/index/product-1.png"
+                    alt=""
+                  />
+                </div>
+                <a href="/productDetail.html" class="product_main_introduce">
+                  <div class="product_main_text">
+                    <p class="product_main_title">酒店洗脸盘洗手台</p>
+                    <p class="product_main_remark">
+                      现代简约圆形艺术洗手盆 卫生间陶瓷纯色洗漱盆
+                    </p>
+                  </div>
+                  <div class="product_main_more">
+                    <img
+                      src="__TMPL__/static/images/index/icon-more.png"
+                      alt=""
+                    />
+                  </div>
+                </a>
+              </div>
+            </div>
+          </div>
+          <div class="pagation_product">
+            <div class="swiper-button-prev-product swiper-nav-product"></div>
+            <div class="swiper-button-next-product swiper-nav-product"></div>
+          </div>
+        </div>
+      </div>
+      <!-- 新闻资讯 -->
+      <div class="news">
+        <div class="news_content">
+          <div class="plate_introduce">
+            <div class="plate_title">
+              <p>新闻资讯</p>
+              <img src="__TMPL__/static/images/index/news-text.png" alt="" />
+            </div>
+            <p class="plate_remark">我们的产品遍布全国31个省、630多座城市</p>
+          </div>
+          <div class="news_main">
+            <div class="news_pic">
+              <img src="__TMPL__/static/images/index/news-1.jpg" alt="" />
+            </div>
+            <div class="news_container">
+              <div class="news_top">
+                <a class="mews_title" href="/newsDetail.html">
+                  你不可不知的关于浴缸的小知识
+                </a>
+                <p class="news_time">2021-10-28</p>
+                <a class="news_remark" href="/newsDetail.html">
+                  浴缸材质的优劣主要是看表面是否光洁，手摸是否光滑。特别对于钢板和铸铁浴缸，如果搪瓷镀得不好，表面会出现细微的波纹。
+                </a>
+                <a class="news_more" href="/newsDetail.html">+</a>
+              </div>
+              <div class="news_list">
+                <div class="news_item">
+                  <div class="news_item_time">
+                    <p>10-28</p>
+                  </div>
+                  <div class="news_item_introduce">
+                    <div class="news_item_text">
+                      <a class="news_item_title" href="javascript::">
+                        如何正确保养浴缸，从而让浴缸清洁如新
+                      </a>
+                      <p class="news_item_remark">生活小知识 +</p>
+                    </div>
+                    <a href="/newsDetail.html" class="news_item_more">
+                      <img
+                        src="__TMPL__/static/images/index/icon-more-1.png"
+                        alt=""
+                      />
+                    </a>
+                  </div>
+                </div>
+                <div class="news_item">
+                  <div class="news_item_time">
+                    <p>09-15</p>
+                  </div>
+                  <div class="news_item_introduce">
+                    <div class="news_item_text">
+                      <a class="news_item_title" href="javascript::">
+                        生活小妙招分享之浴缸如何清洁，浴缸的保养之道
+                      </a>
+                      <p class="news_item_remark">生活小知识 +</p>
+                    </div>
+                    <a href="/newsDetail.html" class="news_item_more">
+                      <img
+                        src="__TMPL__/static/images/index/icon-more-1.png"
+                        alt=""
+                      />
+                    </a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- 客户 -->
+      <div class="case">
+        <div class="case_content">
+          <div class="swiper swiper-case">
+            <div class="swiper-wrapper">
+              <div class="swiper-slide">
+                <img src="__TMPL__/static/images/index/case-1.png" alt="" />
+              </div>
+              <div class="swiper-slide">
+                <img src="__TMPL__/static/images/index/case-2.png" alt="" />
+              </div>
+              <div class="swiper-slide">
+                <img src="__TMPL__/static/images/index/case-3.png" alt="" />
+              </div>
+              <div class="swiper-slide">
+                <img src="__TMPL__/static/images/index/case-4.png" alt="" />
+              </div>
+              <div class="swiper-slide">
+                <img src="__TMPL__/static/images/index/case-5.png" alt="" />
+              </div>
+              <div class="swiper-slide">
+                <img src="__TMPL__/static/images/index/case-6.png" alt="" />
+              </div>
+              <div class="swiper-slide">
+                <img src="__TMPL__/static/images/index/case-1.png" alt="" />
+              </div>
+            </div>
+          </div>
+          <div class="swiper-button-prev-case swiper-nav-case"></div>
+          <div class="swiper-button-next-case swiper-nav-case"></div>
+        </div>
+        <div class="footer"></div>
+      </div>
+    </div>
+    <div class="footer">
+      <div class="footer_content">
+        <div class="footer_main">
+          <div class="footer_left">
+            <a href="/index.html" class="footer_logo">
+              <img src="__TMPL__/static/images/common/logo-w.png" alt="" />
+            </a>
+            <div class="footer_contact">
+              <a class="address" href="javascript:;">
+                地址：上海市杨浦区隆昌路620号
+              </a>
+              <a class="email" href="mailto:106056320@qq.com">
+                邮箱：106056320@qq.com
+              </a>
+              <a class="phone" href="tel:021-58956622">电话：021-58956622</a>
+            </div>
+            <div class="footer_qrcode">
+              <img src="__TMPL__/static/images/common/qr-code.jpg" alt="" />
+              <p>扫码关注我们</p>
+            </div>
+          </div>
+          <div class="footer_middle">
+            <div class="footer_list">
+              <div class="footer_item">
+                <div class="footer_item_title">
+                  <p>品牌介绍</p>
+                </div>
+                <div class="footer_items">
+                  <a href="/about.html#brand">品牌介绍</a>
+                  <a href="/about.html#history">发展历程</a>
+                  <a href="/about.html#honor">资质荣誉</a>
+                </div>
+              </div>
+              <div class="footer_item">
+                <div class="footer_item_title">
+                  <p>产品展示</p>
+                </div>
+                <div class="footer_items">
+                  <a href="/product.html">高端浴缸</a>
+                  <a href="/product.html">龙头组合</a>
+                  <a href="/product.html">老式混水阀</a>
+                  <a href="/product.html">面盆龙头</a>
+                  <a href="/product.html">菜盆龙头</a>
+                  <a href="/product.html">明装恒温阀</a>
+                </div>
+              </div>
+              <div class="footer_item">
+                <div class="footer_item_title">
+                  <p>新闻中心</p>
+                </div>
+                <div class="footer_items">
+                  <a href="/news.html">公司新闻</a>
+                  <a href="/news.html">行业新闻</a>
+                </div>
+              </div>
+              <div class="footer_item">
+                <div class="footer_item_title">
+                  <p>联系我们</p>
+                </div>
+                <div class="footer_items">
+                  <a href="/contact.html#contact">联系方式</a>
+                  <a href="/contact.html#message">在线留言</a>
+                  <a href="/contact.html#join">人才招聘</a>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="footer_right">
+            <img src="__TMPL__/static/images/common/qr-code.jpg" alt="" />
+            <p>扫码关注我们</p>
+          </div>
+        </div>
+        <div class="footer_copyright">
+          <div class="copyright_left">
+            <p>
+              Copyright © 2021 DESHI All Rights Reserved.
+              <a
+                href="https://beian.miit.gov.cn/"
+                target="_blank"
+                rel="nofollow"
+              >
+                沪ICP备2021024265号
+              </a>
+              Powered by
+              <a href="https://www.huocms.com/" target="_blank" rel="nofollow">
+                HuoCMS
+              </a>
+            </p>
+          </div>
+          <div class="copyright_right">
+            <p>
+              Designed by
+              <a href="https://www.pailiu.com/" target="_blank" rel="nofollow">
+                派流
+              </a>
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>
+  <script type="text/javascript" src="https://unpkg.com/vue"></script>
+  <script
+    type="text/javascript"
+    src="__TMPL__/static/js/swiper-bundle.min.js"
+  ></script>
+  <script type="text/javascript" src="__TMPL__/static/js/wow.min.js"></script>
+  <script>
+    $(function () {
+      /* banner-swiper */
+      var bannerSwiper = new Swiper('.swiper-banner', {
+        direction: 'horizontal', // 垂直切换选项
+        loop: false, // 循环模式选项
+        slidesPerView: 1,
+        grabCursor: true,
+        pagination: {
+          el: '.swiper-pagination-banner',
+          clickable: true
+        }
+      })
+      /* 产品-swiper */
+      var productSwiper = new Swiper('.swiper-product', {
+        direction: 'horizontal', // 垂直切换选项
+        loop: false, // 循环模式选项
+        grabCursor: true,
+        spaceBetween: 28,
+        autoplay: {
+          //启动自动切换，具体选项如下：
+          delay: 3000, //自动切换的时间间隔，单位ms
+          stopOnLastSlide: false, //如果设置为true，当切换到最后一个slide时停止自动切换。（loop模式下无效）。
+          disableOnInteraction: false //用户操作swiper之后，是否禁止autoplay。默认为true：停止。
+        },
+        breakpoints: {
+          100: {
+            slidesPerView: 1
+          },
+          800: {
+            slidesPerView: 2
+          },
+          1100: {
+            slidesPerView: 3
+          },
+          1300: {
+            slidesPerView: 4
+          }
+        },
+        navigation: {
+          nextEl: '.swiper-button-next-product',
+          prevEl: '.swiper-button-prev-product'
+        }
+      })
+      /* 最下边的案例-swiper */
+      var caseSwiper = new Swiper('.swiper-case', {
+        direction: 'horizontal', // 垂直切换选项
+        loop: false, // 循环模式选项
+        grabCursor: true,
+        autoplay: {
+          //启动自动切换，具体选项如下：
+          delay: 3000, //自动切换的时间间隔，单位ms
+          stopOnLastSlide: false, //如果设置为true，当切换到最后一个slide时停止自动切换。（loop模式下无效）。
+          disableOnInteraction: false //用户操作swiper之后，是否禁止autoplay。默认为true：停止。
+        },
+        breakpoints: {
+          100: {
+            slidesPerView: 2
+          },
+          800: {
+            slidesPerView: 4
+          },
+          1100: {
+            slidesPerView: 5
+          },
+          1400: {
+            slidesPerView: 6
+          }
+        },
+        navigation: {
+          nextEl: '.swiper-button-next-case',
+          prevEl: '.swiper-button-prev-case'
+        }
+      })
+      $(window).resize(function () {
+        var width = $(window).width()
+        bannerInit(width)
+      })
+      $('.banner_pull').click(function () {
+        $('html,body').animate(
+          {
+            scrollTop: $('.brand').offset().top - 80
+          },
+          500
+        )
+        return false
+      })
+
+      function bannerInit(width) {
+        if (width >= 1800) {
+          var w = (width - 1800) / 2
+          $('.swiper-pagination-banner').attr('style', `left: ${w}px;`)
+        } else if (width >= 800 && width < 1800) {
+          $('.swiper-pagination-banner').attr('style', `left: 4%;`)
+        } else {
+        }
+      }
+      var width = $(window).width()
+      bannerInit(width)
+    })
+  </script>
+</html>
--- a/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/news.html
+++ b/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/news.html
@ -0,0 +1,337 @@
+<!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>DESHI-新闻资讯</title>
+    <link rel="stylesheet" href="/static/css/reset.css">
+    <link rel="stylesheet" href="/static/scss/common/navBar/nav_bar.css">
+    <link rel="stylesheet" href="/static/scss/common/footer/footer.css">
+    <link rel="stylesheet" href="/static/scss/news/news.css">
+    <script src="/static/js/jquery.min.js"></script>
+</head>
+
+<body>
+    <div class="nav_bar" id="navBar">
+        <div class="nav_bar_content">
+            <div class="nav_bar_left">
+                <div class="logo">
+                    <a href="/index.html">
+                        <img class="logo_w" src="/static/images/common/logo-w.png" alt="">
+                        <img class="logo_b" src="/static/images/common/logo-b.png" alt="">
+                    </a>
+                </div>
+                <div class="nav_bar_list">
+                    <div class="nav_bar_item">
+                        <a href="/index.html">首页</a>
+                    </div>
+                    <div class="nav_bar_item">
+                        <a href="/about.html#brand">品牌介绍</a>
+                    </div>
+                    <div class="nav_bar_item">
+                        <a href="/product.html">产品展示</a>
+                    </div>
+                    <div class="nav_bar_item">
+                        <a href="/news.html">新闻资讯</a>
+                    </div>
+                    <div class="nav_bar_item">
+                        <a href="/contact.html">联系我们</a>
+                    </div>
+                </div>
+            </div>
+            <div class="nav_bar_right">
+                <div class="nav_bar_search" :class="{active:inputState}">
+                    <input type="text" v-model="searchValue" @keyup.enter="searchEnter">
+                    <div class="search_icon" @click="changeInputState">
+                        <img src="/static/images/common/icon-search.png" alt="">
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="nav_bar_content_mobile">
+            <div class="nav_bar_left">
+                <div class="logo">
+                    <a href="/index.html">
+                        <img class="logo_w" src="/static/images/common/logo-w.png" alt="">
+                        <img class="logo_b" src="/static/images/common/logo-b.png" alt="">
+                    </a>
+                </div>
+            </div>
+            <div class="nav_bar_right">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            <div class="nav_bar_mobile_main">
+                <div class="nav_bar_mobile_mask"></div>
+                <div class="nav_bar_mobile_content">
+                    <div class="nav_bar_mobile_list">
+                        <div class="nav_bar_mobile_item">
+                            <a href="/index.html">首页</a>
+                        </div>
+                        <div class="nav_bar_mobile_item">
+                            <a href="/about.html#brand">品牌介绍</a>
+                        </div>
+                        <div class="nav_bar_mobile_item">
+                            <a href="/product.html">产品展示</a>
+                        </div>
+                        <div class="nav_bar_mobile_item">
+                            <a href="/news.html">新闻资讯</a>
+                        </div>
+                        <div class="nav_bar_mobile_item">
+                            <a href="/contact.html">联系我们</a>
+                        </div>
+                    </div>
+                    <div class="nav_bar_mobile_search" :class="{active:inputState}">
+                        <input type="text" v-model="searchValue" @keyup.13="mobileSearch">
+                        <div class="search_icon" @click="mobileSearch">
+                            <img src="/static/images/common/icon-search.png" alt="">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="news">
+        <div class="banner" style="background-image:url('/static/images/news/banner.jpg')">
+            <div class="banner_content">
+                <p class="banner_title">新闻资讯</p>
+                <p class="banner_remark">您的位置：
+                    <a href="/index.html">首页</a>
+                    <a href="javascript:;">新闻资讯</a>
+                </p>
+            </div>
+        </div>
+        <div class="navigation_seize"></div>
+        <div class="navigation">
+            <div class="navigation_content">
+                <div class="navigation_item active">
+                    <a href="javascript:;">全部</a>
+                </div>
+                <div class="navigation_item">
+                    <a href="javascript:;">公司新闻</a>
+                </div>
+                <div class="navigation_item">
+                    <a href="javascript:;">行业新闻</a>
+                </div>
+            </div>
+        </div>
+        <div class="news_main">
+            <div class="news_content">
+                <div class="news_item first">
+                    <div class="news_pic">
+                        <img src="/static/images/news/news-1.jpg" alt="">
+                    </div>
+                    <div class="news_introduce">
+                        <div class="news_text">
+                            <a href="/newsDetail.html" class="news_title">哪种材质更适合做定制品</a>
+                            <a href="/newsDetail.html" class="news_remark">近几年，家装界悄然刮起一股定制风，而且这股风潮有愈刮愈烈之势，如何才能征服越来越多的消费者?</a>
+                        </div>
+
+                    </div>
+                </div>
+                <div class="news_item">
+                    <a href="/newsDetail.html" class="news_pic">
+                        <img src="/static/images/news/news-2.jpg" alt="">
+                    </a>
+                    <div class="news_introduce">
+                        <div class="news_text">
+                            <p class="news_time">2021-10-28</p>
+                            <a href="/newsDetail.html" class="news_title">厨房装修五大事项，做好了给你一个1231231</a>
+                            <a href="/newsDetail.html" class="news_remark">如今越来越多人开始注重厨房的装修，如果厨房装修的不好，会直接影响居家心情。</a>
+                        </div>
+                        <div class="news_more_content">
+                            <a href="/newsDetail.html" class="news_more">
+                                <img src="/static/images/news/icon-more.png" alt="">
+                                <img class="active" src="/static/images/news/icon-more-1.png" alt="">
+                            </a>
+                        </div>
+                    </div>
+                </div>
+                <div class="news_item">
+                    <a href="/newsDetail.html" class="news_pic">
+                        <img src="/static/images/news/news-3.jpg" alt="">
+                    </a>
+                    <div class="news_introduce">
+                        <div class="news_text">
+                            <p class="news_time">2021-10-28</p>
+                            <a href="/newsDetail.html" class="news_title">做不锈钢厨柜就要选有前景的企业</a>
+                            <a href="/newsDetail.html" class="news_remark">现今，家居建材行业竞争激烈，在发展过程中，注定了辉煌与“乱象丛生”并存，调查证明，三四线城市...</a>
+                        </div>
+                        <div class="news_more_content">
+                            <a href="/newsDetail.html" class="news_more">
+                                <img src="/static/images/news/icon-more.png" alt="">
+                                <img class="active" src="/static/images/news/icon-more-1.png" alt="">
+                            </a>
+                        </div>
+
+
+                    </div>
+                </div>
+                <div class="news_item">
+                    <a href="/newsDetail.html" class="news_pic">
+                        <img src="/static/images/news/news-4.jpg" alt="">
+                    </a>
+                    <div class="news_introduce">
+                        <div class="news_text">
+                            <p class="news_time">2021-10-28</p>
+                            <a href="/newsDetail.html" class="news_title">舒适智能马桶的定义</a>
+                            <a href="/newsDetail.html" class="news_remark">智能马桶具有齐备的功能很重要，但一个好的智能马桶，质量的优劣也很重要！</a>
+                        </div>
+                        <div class="news_more_content">
+                            <a href="/newsDetail.html" class="news_more">
+                                <img src="/static/images/news/icon-more.png" alt="">
+                                <img class="active" src="/static/images/news/icon-more-1.png" alt="">
+                            </a>
+                        </div>
+
+
+                    </div>
+                </div>
+                <div class="news_item">
+                    <a href="/newsDetail.html" class="news_pic">
+                        <img src="/static/images/news/news-5.jpg" alt="">
+                    </a>
+                    <div class="news_introduce">
+                        <div class="news_text">
+                            <p class="news_time">2021-10-28</p>
+                            <a href="/newsDetail.html" class="news_title">向好生活提案，你需要一个更健康的马桶</a>
+                            <a href="/newsDetail.html" class="news_remark">你是不是也经历过这样的苦恼？一边着急上班，一边还要排队等着家里人上厕所？</a>
+                        </div>
+
+                        <div class="news_more_content">
+                            <a href="/newsDetail.html" class="news_more">
+                                <img src="/static/images/news/icon-more.png" alt="">
+                                <img class="active" src="/static/images/news/icon-more-1.png" alt="">
+                            </a>
+                        </div>
+
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="footer">
+        <div class="footer_content">
+            <div class="footer_main">
+                <div class="footer_left">
+                    <a href="/index.html" class="footer_logo">
+                        <img src="/static/images/common/logo-w.png" alt="">
+                    </a>
+                    <div class="footer_contact">
+                        <a class="address" href="javascript:;">地址：上海市杨浦区隆昌路619号</a>
+                        <a class="email" href="mailto:106056320@qq.com">邮箱：106056320@qq.com</a>
+                        <a class="phone" href="tel:021-58956622">电话：021-58956622</a>
+                    </div>
+                    <div class="footer_qrcode">
+                        <img src="/static/images/common/qr-code.jpg" alt="">
+                        <p>扫码关注我们</p>
+                    </div>
+                </div>
+                <div class="footer_middle">
+                    <div class="footer_list">
+                        <div class="footer_item">
+                            <div class="footer_item_title">
+                                <p>品牌介绍</p>
+                            </div>
+                            <div class="footer_items">
+                                <a href="/about.html#brand">品牌介绍</a>
+                                <a href="/about.html#history">发展历程</a>
+                                <a href="/about.html#honor">资质荣誉</a>
+                            </div>
+                        </div>
+                        <div class="footer_item">
+                            <div class="footer_item_title">
+                                <p>产品展示</p>
+                            </div>
+                            <div class="footer_items">
+                                <a href="/product.html">高端浴缸</a>
+                                <a href="/product.html">龙头组合</a>
+                                <a href="/product.html">老式混水阀</a>
+                                <a href="/product.html">面盆龙头</a>
+                                <a href="/product.html">菜盆龙头</a>
+                                <a href="/product.html">明装恒温阀</a>
+                            </div>
+                        </div>
+                        <div class="footer_item">
+                            <div class="footer_item_title">
+                                <p>新闻中心</p>
+                            </div>
+                            <div class="footer_items">
+                                <a href="/news.html">公司新闻</a>
+                                <a href="/news.html">行业新闻</a>
+                            </div>
+                        </div>
+                        <div class="footer_item">
+                            <div class="footer_item_title">
+                                <p>联系我们</p>
+                            </div>
+                            <div class="footer_items">
+                                <a href="/contact.html#contact">联系方式</a>
+                                <a href="/contact.html#message">在线留言</a>
+                                <a href="/contact.html#join">人才招聘</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="footer_right">
+                    <img src="/static/images/common/qr-code.jpg" alt="">
+                    <p>扫码关注我们</p>
+                </div>
+            </div>
+            <div class="footer_copyright">
+                <div class="copyright_left">
+                    <p>Copyright © 2021 DESHI All Rights Reserved. <a href="https://beian.miit.gov.cn/" target="_blank" rel='nofollow'>沪ICP备2021024265号</a> Powered by <a href="https://www.huocms.com/" target="_blank" rel='nofollow'>HuoCMS</a></p>
+                </div>
+                <div class="copyright_right">
+                    <p>Designed by <a href="https://www.pailiu.com/" target="_blank" rel='nofollow'>派流</a></p>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+<script type="text/javascript" src="https://unpkg.com/vue"></script>
+<script type="text/javascript" src="/static/js/public.js"></script>
+<script type="text/javascript" src="/static/js/wow.min.js"></script>
+<script>
+    $(function() {
+        $('.navigation_item').click(function() {
+            $(this).addClass('active').siblings().removeClass('active')
+        })
+        $(window).scroll(function() {
+            navigationInit()
+        });
+        /* 导航栏浮顶初始化 */
+        function navigationInit() {
+            var pageWidth = $(window).width();
+            var pageHeight = $(window).height();
+            var height = $('.navigation').height()
+            $('.navigation_seize').height(height)
+            if (pageWidth > 800) {
+                if ($(document).scrollTop() > 640 - 80) {
+                    $('.navigation').addClass('fixed')
+                    $('.navigation_seize').show()
+                } else {
+                    $('.navigation').removeClass('fixed')
+                    $('.navigation_seize').hide();
+                }
+            } else {
+                if ($(document).scrollTop() > pageHeight - 80) {
+                    $('.navigation').addClass('fixed')
+                    $('.navigation_seize').show()
+                } else {
+                    $('.navigation').removeClass('fixed')
+                    $('.navigation_seize').hide();
+                }
+            }
+
+
+        };
+        navigationInit();
+    })
+</script>
+
+</html>
--- a/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/newsDetail.html
+++ b/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/newsDetail.html
@ -0,0 +1,264 @@
+<!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>DESHI-新闻资讯</title>
+    <link rel="stylesheet" href="/static/css/reset.css">
+    <link rel="stylesheet" href="/static/scss/common/navBar/nav_bar.css">
+    <link rel="stylesheet" href="/static/scss/common/footer/footer.css">
+    <link rel="stylesheet" href="/static/scss/newsDetail/newsDetail.css">
+    <script src="/static/js/jquery.min.js"></script>
+</head>
+
+<body>
+    <div class="nav_bar" id="navBar">
+        <div class="nav_bar_content">
+            <div class="nav_bar_left">
+                <div class="logo">
+                    <a href="/index.html">
+                        <img class="logo_w" src="/static/images/common/logo-w.png" alt="">
+                        <img class="logo_b" src="/static/images/common/logo-b.png" alt="">
+                    </a>
+                </div>
+                <div class="nav_bar_list">
+                    <div class="nav_bar_item">
+                        <a href="/index.html">首页</a>
+                    </div>
+                    <div class="nav_bar_item">
+                        <a href="/about.html#brand">品牌介绍</a>
+                    </div>
+                    <div class="nav_bar_item">
+                        <a href="/product.html">产品展示</a>
+                    </div>
+                    <div class="nav_bar_item">
+                        <a href="/news.html">新闻资讯</a>
+                    </div>
+                    <div class="nav_bar_item">
+                        <a href="/contact.html">联系我们</a>
+                    </div>
+                </div>
+            </div>
+            <div class="nav_bar_right">
+                <div class="nav_bar_search" :class="{active:inputState}">
+                    <input type="text" v-model="searchValue" @keyup.enter="searchEnter">
+                    <div class="search_icon" @click="changeInputState">
+                        <img src="/static/images/common/icon-search.png" alt="">
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="nav_bar_content_mobile">
+            <div class="nav_bar_left">
+                <div class="logo">
+                    <a href="/index.html">
+                        <img class="logo_w" src="/static/images/common/logo-w.png" alt="">
+                        <img class="logo_b" src="/static/images/common/logo-b.png" alt="">
+                    </a>
+                </div>
+            </div>
+            <div class="nav_bar_right">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            <div class="nav_bar_mobile_main">
+                <div class="nav_bar_mobile_mask"></div>
+                <div class="nav_bar_mobile_content">
+                    <div class="nav_bar_mobile_list">
+                        <div class="nav_bar_mobile_item">
+                            <a href="/index.html">首页</a>
+                        </div>
+                        <div class="nav_bar_mobile_item">
+                            <a href="/about.html#brand">品牌介绍</a>
+                        </div>
+                        <div class="nav_bar_mobile_item">
+                            <a href="/product.html">产品展示</a>
+                        </div>
+                        <div class="nav_bar_mobile_item">
+                            <a href="/news.html">新闻资讯</a>
+                        </div>
+                        <div class="nav_bar_mobile_item">
+                            <a href="/contact.html">联系我们</a>
+                        </div>
+                    </div>
+                    <div class="nav_bar_mobile_search" :class="{active:inputState}">
+                        <input type="text" v-model="searchValue" @keyup.13="mobileSearch">
+                        <div class="search_icon" @click="mobileSearch">
+                            <img src="/static/images/common/icon-search.png" alt="">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="news_detail">
+        <div class="banner" style="background-image:url('/static/images/news/banner.jpg')">
+            <div class="banner_content">
+                <p class="banner_title">新闻资讯</p>
+                <p class="banner_remark">您的位置：
+                    <a href="/index.html">首页</a>
+                    <a href="javascript:;">新闻资讯</a>
+                </p>
+            </div>
+        </div>
+        <div class="navigation_seize"></div>
+        <div class="navigation">
+            <div class="navigation_content">
+                <div class="navigation_item active">
+                    <a href="javascript:;">全部</a>
+                </div>
+                <div class="navigation_item">
+                    <a href="javascript:;">公司新闻</a>
+                </div>
+                <div class="navigation_item">
+                    <a href="javascript:;">行业新闻</a>
+                </div>
+            </div>
+        </div>
+        <div class="news_detail">
+            <div class="news_detail_content">
+                <div class="news_detail_top">
+                    <p class="news_detail_title">哪种材质更适合做定制品</p>
+                    <div class="news_detail_remark">
+                        <p class="news_detail_time">
+                            发布时间：2021-10-28
+                        </p>
+                        <p class="news_detail_numbers">
+                            阅读次数： 71
+                        </p>
+                    </div>
+                </div>
+                <div class="news_detail_main">
+                    6666
+                </div>
+                <div class="news_detail_navigation">
+                    <a href="javascript:;" class="news_detail_prev"><span>上一条：</span>我们可以发现，不锈钢由于其天然</a>
+                    <a href="javascript:;" class="news_detail_nect"><span>下一条：</span>我们可以发现，不锈钢由于其天然</a>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="footer">
+        <div class="footer_content">
+            <div class="footer_main">
+                <div class="footer_left">
+                    <a href="/index.html" class="footer_logo">
+                        <img src="/static/images/common/logo-w.png" alt="">
+                    </a>
+                    <div class="footer_contact">
+                        <a class="address" href="javascript:;">地址：上海市杨浦区隆昌路619号</a>
+                        <a class="email" href="mailto:106056320@qq.com">邮箱：106056320@qq.com</a>
+                        <a class="phone" href="tel:021-58956622">电话：021-58956622</a>
+                    </div>
+                    <div class="footer_qrcode">
+                        <img src="/static/images/common/qr-code.jpg" alt="">
+                        <p>扫码关注我们</p>
+                    </div>
+                </div>
+                <div class="footer_middle">
+                    <div class="footer_list">
+                        <div class="footer_item">
+                            <div class="footer_item_title">
+                                <p>品牌介绍</p>
+                            </div>
+                            <div class="footer_items">
+                                <a href="/about.html#brand">品牌介绍</a>
+                                <a href="/about.html#history">发展历程</a>
+                                <a href="/about.html#honor">资质荣誉</a>
+                            </div>
+                        </div>
+                        <div class="footer_item">
+                            <div class="footer_item_title">
+                                <p>产品展示</p>
+                            </div>
+                            <div class="footer_items">
+                                <a href="/product.html">高端浴缸</a>
+                                <a href="/product.html">龙头组合</a>
+                                <a href="/product.html">老式混水阀</a>
+                                <a href="/product.html">面盆龙头</a>
+                                <a href="/product.html">菜盆龙头</a>
+                                <a href="/product.html">明装恒温阀</a>
+                            </div>
+                        </div>
+                        <div class="footer_item">
+                            <div class="footer_item_title">
+                                <p>新闻中心</p>
+                            </div>
+                            <div class="footer_items">
+                                <a href="/news.html">公司新闻</a>
+                                <a href="/news.html">行业新闻</a>
+                            </div>
+                        </div>
+                        <div class="footer_item">
+                            <div class="footer_item_title">
+                                <p>联系我们</p>
+                            </div>
+                            <div class="footer_items">
+                                <a href="/contact.html#contact">联系方式</a>
+                                <a href="/contact.html#message">在线留言</a>
+                                <a href="/contact.html#join">人才招聘</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="footer_right">
+                    <img src="/static/images/common/qr-code.jpg" alt="">
+                    <p>扫码关注我们</p>
+                </div>
+            </div>
+            <div class="footer_copyright">
+                <div class="copyright_left">
+                    <p>Copyright © 2021 DESHI All Rights Reserved. <a href="https://beian.miit.gov.cn/" target="_blank" rel='nofollow'>沪ICP备2021024265号</a> Powered by <a href="https://www.huocms.com/" target="_blank" rel='nofollow'>HuoCMS</a></p>
+                </div>
+                <div class="copyright_right">
+                    <p>Designed by <a href="https://www.pailiu.com/" target="_blank" rel='nofollow'>派流</a></p>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+<script type="text/javascript" src="https://unpkg.com/vue"></script>
+<script type="text/javascript" src="/static/js/public.js"></script>
+<script type="text/javascript" src="/static/js/wow.min.js"></script>
+<script>
+    $(function() {
+        $('.navigation_item').click(function() {
+            $(this).addClass('active').siblings().removeClass('active')
+        })
+        $(window).scroll(function() {
+            navigationInit()
+        });
+        /* 导航栏浮顶初始化 */
+        function navigationInit() {
+            var pageWidth = $(window).width();
+            var pageHeight = $(window).height();
+            var height = $('.navigation').height()
+            $('.navigation_seize').height(height)
+            if (pageWidth > 800) {
+                if ($(document).scrollTop() > 640 - 80) {
+                    $('.navigation').addClass('fixed')
+                    $('.navigation_seize').show()
+                } else {
+                    $('.navigation').removeClass('fixed')
+                    $('.navigation_seize').hide();
+                }
+            } else {
+                if ($(document).scrollTop() > pageHeight - 80) {
+                    $('.navigation').addClass('fixed')
+                    $('.navigation_seize').show()
+                } else {
+                    $('.navigation').removeClass('fixed')
+                    $('.navigation_seize').hide();
+                }
+            }
+
+
+        };
+        navigationInit();
+    })
+</script>
+
+</html>
--- a/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/product.html
+++ b/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/product.html
@ -0,0 +1,369 @@
+<!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>DESHI-产品</title>
+    <link rel="stylesheet" href="/static/css/swiper-bundle.min.css">
+    <link rel="stylesheet" href="/static/css/reset.css">
+    <link rel="stylesheet" href="/static/scss/common/navBar/nav_bar.css">
+    <link rel="stylesheet" href="/static/scss/common/footer/footer.css">
+    <link rel="stylesheet" href="/static/scss/product/product.css">
+    <script src="/static/js/jquery.min.js"></script>
+</head>
+
+<body>
+    <div class="nav_bar" id="navBar">
+        <div class="nav_bar_content">
+            <div class="nav_bar_left">
+                <div class="logo">
+                    <a href="/index.html">
+                        <img class="logo_w" src="/static/images/common/logo-w.png" alt="">
+                        <img class="logo_b" src="/static/images/common/logo-b.png" alt="">
+                    </a>
+                </div>
+                <div class="nav_bar_list">
+                    <div class="nav_bar_item">
+                        <a href="/index.html">首页</a>
+                    </div>
+                    <div class="nav_bar_item">
+                        <a href="/about.html#brand">品牌介绍</a>
+                    </div>
+                    <div class="nav_bar_item">
+                        <a href="/product.html">产品展示</a>
+                    </div>
+                    <div class="nav_bar_item">
+                        <a href="/news.html">新闻资讯</a>
+                    </div>
+                    <div class="nav_bar_item">
+                        <a href="/contact.html">联系我们</a>
+                    </div>
+                </div>
+            </div>
+            <div class="nav_bar_right">
+                <div class="nav_bar_search" :class="{active:inputState}">
+                    <input type="text" v-model="searchValue" @keyup.enter="searchEnter">
+                    <div class="search_icon" @click="changeInputState">
+                        <img src="/static/images/common/icon-search.png" alt="">
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="nav_bar_content_mobile">
+            <div class="nav_bar_left">
+                <div class="logo">
+                    <a href="/index.html">
+                        <img class="logo_w" src="/static/images/common/logo-w.png" alt="">
+                        <img class="logo_b" src="/static/images/common/logo-b.png" alt="">
+                    </a>
+                </div>
+            </div>
+            <div class="nav_bar_right">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            <div class="nav_bar_mobile_main">
+                <div class="nav_bar_mobile_mask"></div>
+                <div class="nav_bar_mobile_content">
+                    <div class="nav_bar_mobile_list">
+                        <div class="nav_bar_mobile_item">
+                            <a href="/index.html">首页</a>
+                        </div>
+                        <div class="nav_bar_mobile_item">
+                            <a href="/about.html#brand">品牌介绍</a>
+                        </div>
+                        <div class="nav_bar_mobile_item">
+                            <a href="/product.html">产品展示</a>
+                        </div>
+                        <div class="nav_bar_mobile_item">
+                            <a href="/news.html">新闻资讯</a>
+                        </div>
+                        <div class="nav_bar_mobile_item">
+                            <a href="/contact.html">联系我们</a>
+                        </div>
+                    </div>
+                    <div class="nav_bar_mobile_search" :class="{active:inputState}">
+                        <input type="text" v-model="searchValue" @keyup.13="mobileSearch">
+                        <div class="search_icon" @click="mobileSearch">
+                            <img src="/static/images/common/icon-search.png" alt="">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="product">
+        <div class="banner" style="background-image:url('/static/images/product/banner.jpg')">
+            <div class="banner_content">
+                <p class="banner_title">产品中心</p>
+                <p class="banner_remark">您的位置：
+                    <a href="/index.html">首页</a>
+                    <a href="javascript:;">产品展示</a>
+                </p>
+            </div>
+        </div>
+        <div class="navigation_seize"></div>
+        <div class="navigation">
+            <div class="navigation_content">
+                <div class="navigation_item active">
+                    <a href="javascript:;">全部</a>
+                </div>
+                <div class="navigation_item">
+                    <a href="javascript:;">高端浴缸</a>
+                </div>
+                <div class="navigation_item">
+                    <a href="javascript:;">龙头组合</a>
+                </div>
+                <div class="navigation_item">
+                    <a href="javascript:;">老式混水阀</a>
+                </div>
+                <div class="navigation_item">
+                    <a href="javascript:;">面盆龙头</a>
+                </div>
+                <div class="navigation_item">
+                    <a href="javascript:;">菜盆龙头</a>
+                </div>
+                <div class="navigation_item">
+                    <a href="javascript:;">明装恒温阀</a>
+                </div>
+            </div>
+        </div>
+        <div class="product_main">
+            <div class="product_content">
+                <div class="product_item">
+                    <div class="product_main_pic">
+                        <img src="/static/images/index/product-1.png" alt="">
+                    </div>
+                    <a href="/productDetail.html" class="product_main_introduce">
+                        <div class="product_main_text">
+                            <p class="product_main_title">酒店洗脸盘洗手台</p>
+                            <p class="product_main_remark">现代简约圆形艺术洗手盆 卫生间陶瓷纯色洗漱盆</p>
+                        </div>
+                        <div class="product_main_more">
+                            <img src="/static/images/index/icon-more.png" alt="">
+                        </div>
+                    </a>
+                </div>
+                <div class="product_item">
+                    <div class="product_main_pic">
+                        <img src="/static/images/index/product-2.png" alt="">
+                    </div>
+                    <a href="/productDetail.html" class="product_main_introduce">
+                        <div class="product_main_text">
+                            <p class="product_main_title">酒店洗脸盘洗手台</p>
+                            <p class="product_main_remark">现代简约圆形艺术洗手盆 卫生间陶瓷纯色洗漱盆</p>
+                        </div>
+                        <div class="product_main_more">
+                            <img src="/static/images/index/icon-more.png" alt="">
+                        </div>
+                    </a>
+                </div>
+                <div class="product_item">
+                    <div class="product_main_pic">
+                        <img src="/static/images/index/product-3.png" alt="">
+                    </div>
+                    <a href="/productDetail.html" class="product_main_introduce">
+                        <div class="product_main_text">
+                            <p class="product_main_title">酒店洗脸盘洗手台</p>
+                            <p class="product_main_remark">现代简约圆形艺术洗手盆 卫生间陶瓷纯色洗漱盆</p>
+                        </div>
+                        <div class="product_main_more">
+                            <img src="/static/images/index/icon-more.png" alt="">
+                        </div>
+                    </a>
+                </div>
+                <div class="product_item">
+                    <div class="product_main_pic">
+                        <img src="/static/images/index/product-4.png" alt="">
+                    </div>
+                    <a href="/productDetail.html" class="product_main_introduce">
+                        <div class="product_main_text">
+                            <p class="product_main_title">酒店洗脸盘洗手台</p>
+                            <p class="product_main_remark">现代简约圆形艺术洗手盆 卫生间陶瓷纯色洗漱盆</p>
+                        </div>
+                        <div class="product_main_more">
+                            <img src="/static/images/index/icon-more.png" alt="">
+                        </div>
+                    </a>
+                </div>
+                <div class="product_item">
+                    <div class="product_main_pic">
+                        <img src="/static/images/index/product-1.png" alt="">
+                    </div>
+                    <a href="/productDetail.html" class="product_main_introduce">
+                        <div class="product_main_text">
+                            <p class="product_main_title">酒店洗脸盘洗手台</p>
+                            <p class="product_main_remark">现代简约圆形艺术洗手盆 卫生间陶瓷纯色洗漱盆</p>
+                        </div>
+                        <div class="product_main_more">
+                            <img src="/static/images/index/icon-more.png" alt="">
+                        </div>
+                    </a>
+                </div>
+                <div class="product_item">
+                    <div class="product_main_pic">
+                        <img src="/static/images/index/product-2.png" alt="">
+                    </div>
+                    <a href="/productDetail.html" class="product_main_introduce">
+                        <div class="product_main_text">
+                            <p class="product_main_title">酒店洗脸盘洗手台</p>
+                            <p class="product_main_remark">现代简约圆形艺术洗手盆 卫生间陶瓷纯色洗漱盆</p>
+                        </div>
+                        <div class="product_main_more">
+                            <img src="/static/images/index/icon-more.png" alt="">
+                        </div>
+                    </a>
+                </div>
+            </div>
+        </div>
+        <div class="paging">
+            <ul class="pagination">
+                <li class="disabled">
+                    <span> <img src="/static/images/product/icon-prev.png" alt=""> </span>
+                </li>
+                <li class="active">
+                    <span>1</span>
+                </li>
+                <li>
+                    <a href="javascript:;">2</a>
+                </li>
+                <li>
+                    <a href="javascript:;">3</a>
+                </li>
+                <li class="disabled">
+                    <span>...</span>
+                </li>
+                <li>
+                    <a href="javascript:;">10</a>
+                </li>
+                <li>
+                    <a href="javascript:;"><img src="/static/images/product/icon-next.png" alt=""></a>
+                </li>
+            </ul>
+        </div>
+    </div>
+    <div class="footer">
+        <div class="footer_content">
+            <div class="footer_main">
+                <div class="footer_left">
+                    <a href="/index.html" class="footer_logo">
+                        <img src="/static/images/common/logo-w.png" alt="">
+                    </a>
+                    <div class="footer_contact">
+                        <a class="address" href="javascript:;">地址：上海市杨浦区隆昌路619号</a>
+                        <a class="email" href="mailto:106056320@qq.com">邮箱：106056320@qq.com</a>
+                        <a class="phone" href="tel:021-58956622">电话：021-58956622</a>
+                    </div>
+                    <div class="footer_qrcode">
+                        <img src="/static/images/common/qr-code.jpg" alt="">
+                        <p>扫码关注我们</p>
+                    </div>
+                </div>
+                <div class="footer_middle">
+                    <div class="footer_list">
+                        <div class="footer_item">
+                            <div class="footer_item_title">
+                                <p>品牌介绍</p>
+                            </div>
+                            <div class="footer_items">
+                                <a href="/about.html#brand">品牌介绍</a>
+                                <a href="/about.html#history">发展历程</a>
+                                <a href="/about.html#honor">资质荣誉</a>
+                            </div>
+                        </div>
+                        <div class="footer_item">
+                            <div class="footer_item_title">
+                                <p>产品展示</p>
+                            </div>
+                            <div class="footer_items">
+                                <a href="/product.html">高端浴缸</a>
+                                <a href="/product.html">龙头组合</a>
+                                <a href="/product.html">老式混水阀</a>
+                                <a href="/product.html">面盆龙头</a>
+                                <a href="/product.html">菜盆龙头</a>
+                                <a href="/product.html">明装恒温阀</a>
+                            </div>
+                        </div>
+                        <div class="footer_item">
+                            <div class="footer_item_title">
+                                <p>新闻中心</p>
+                            </div>
+                            <div class="footer_items">
+                                <a href="/news.html">公司新闻</a>
+                                <a href="/news.html">行业新闻</a>
+                            </div>
+                        </div>
+                        <div class="footer_item">
+                            <div class="footer_item_title">
+                                <p>联系我们</p>
+                            </div>
+                            <div class="footer_items">
+                                <a href="/contact.html#contact">联系方式</a>
+                                <a href="/contact.html#message">在线留言</a>
+                                <a href="/contact.html#join">人才招聘</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="footer_right">
+                    <img src="/static/images/common/qr-code.jpg" alt="">
+                    <p>扫码关注我们</p>
+                </div>
+            </div>
+            <div class="footer_copyright">
+                <div class="copyright_left">
+                    <p>Copyright © 2021 DESHI All Rights Reserved. <a href="https://beian.miit.gov.cn/" target="_blank" rel='nofollow'>沪ICP备2021024265号</a> Powered by <a href="https://www.huocms.com/" target="_blank" rel='nofollow'>HuoCMS</a></p>
+                </div>
+                <div class="copyright_right">
+                    <p>Designed by <a href="https://www.pailiu.com/" target="_blank" rel='nofollow'>派流</a></p>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+<script type="text/javascript" src="https://unpkg.com/vue"></script>
+<script type="text/javascript" src="/static/js/swiper-bundle.min.js"></script>
+<script type="text/javascript" src="/static/js/public.js"></script>
+<script type="text/javascript" src="/static/js/wow.min.js"></script>
+<script>
+    $(function() {
+        $('.navigation_item').click(function() {
+            $(this).addClass('active').siblings().removeClass('active')
+        })
+        $(window).scroll(function() {
+            navigationInit()
+        });
+        /* 导航栏浮顶初始化 */
+        function navigationInit() {
+            var pageWidth = $(window).width();
+            var pageHeight = $(window).height();
+            var height = $('.navigation').height()
+            $('.navigation_seize').height(height)
+            if (pageWidth > 800) {
+                if ($(document).scrollTop() > 640 - 80) {
+                    $('.navigation').addClass('fixed')
+                    $('.navigation_seize').show()
+                } else {
+                    $('.navigation').removeClass('fixed')
+                    $('.navigation_seize').hide();
+                }
+            } else {
+                if ($(document).scrollTop() > pageHeight - 80) {
+                    $('.navigation').addClass('fixed')
+                    $('.navigation_seize').show()
+                } else {
+                    $('.navigation').removeClass('fixed')
+                    $('.navigation_seize').hide();
+                }
+            }
+
+
+        };
+        navigationInit();
+    })
+</script>
+
+</html>
--- a/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/productDetail.html
+++ b/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/productDetail.html
@ -0,0 +1,444 @@
+<!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>DESHI-产品详情</title>
+    <link rel="stylesheet" href="/static/css/swiper-bundle.min.css">
+    <link rel="stylesheet" href="/static/css/reset.css">
+    <link rel="stylesheet" href="/static/scss/common/navBar/nav_bar.css">
+    <link rel="stylesheet" href="/static/scss/common/footer/footer.css">
+    <link rel="stylesheet" href="/static/scss/productDetail/productDetail.css">
+    <script src="/static/js/jquery.min.js"></script>
+</head>
+
+<body>
+    <div class="nav_bar" id="navBar">
+        <div class="nav_bar_content">
+            <div class="nav_bar_left">
+                <div class="logo">
+                    <a href="/index.html">
+                        <img class="logo_w" src="/static/images/common/logo-w.png" alt="">
+                        <img class="logo_b" src="/static/images/common/logo-b.png" alt="">
+                    </a>
+                </div>
+                <div class="nav_bar_list">
+                    <div class="nav_bar_item">
+                        <a href="/index.html">首页</a>
+                    </div>
+                    <div class="nav_bar_item">
+                        <a href="/about.html#brand">品牌介绍</a>
+                    </div>
+                    <div class="nav_bar_item">
+                        <a href="/product.html">产品展示</a>
+                    </div>
+                    <div class="nav_bar_item">
+                        <a href="/news.html">新闻资讯</a>
+                    </div>
+                    <div class="nav_bar_item">
+                        <a href="/contact.html">联系我们</a>
+                    </div>
+                </div>
+            </div>
+            <div class="nav_bar_right">
+                <div class="nav_bar_search" :class="{active:inputState}">
+                    <input type="text" v-model="searchValue" @keyup.enter="searchEnter">
+                    <div class="search_icon" @click="changeInputState">
+                        <img src="/static/images/common/icon-search.png" alt="">
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="nav_bar_content_mobile">
+            <div class="nav_bar_left">
+                <div class="logo">
+                    <a href="/index.html">
+                        <img class="logo_w" src="/static/images/common/logo-w.png" alt="">
+                        <img class="logo_b" src="/static/images/common/logo-b.png" alt="">
+                    </a>
+                </div>
+            </div>
+            <div class="nav_bar_right">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            <div class="nav_bar_mobile_main">
+                <div class="nav_bar_mobile_mask"></div>
+                <div class="nav_bar_mobile_content">
+                    <div class="nav_bar_mobile_list">
+                        <div class="nav_bar_mobile_item">
+                            <a href="/index.html">首页</a>
+                        </div>
+                        <div class="nav_bar_mobile_item">
+                            <a href="/about.html#brand">品牌介绍</a>
+                        </div>
+                        <div class="nav_bar_mobile_item">
+                            <a href="/product.html">产品展示</a>
+                        </div>
+                        <div class="nav_bar_mobile_item">
+                            <a href="/news.html">新闻资讯</a>
+                        </div>
+                        <div class="nav_bar_mobile_item">
+                            <a href="/contact.html">联系我们</a>
+                        </div>
+                    </div>
+                    <div class="nav_bar_mobile_search" :class="{active:inputState}">
+                        <input type="text" v-model="searchValue" @keyup.13="mobileSearch">
+                        <div class="search_icon" @click="mobileSearch">
+                            <img src="/static/images/common/icon-search.png" alt="">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="product_detail">
+        <div class="banner" style="background-image:url('/static/images/productDetail/banner.png')">
+            <div class="banner_content">
+                <p class="banner_title">面盆龙头</p>
+                <p class="banner_remark">您的位置：
+                    <a href="/index.html">首页</a>
+                    <a href="javascript:;">产品详情</a>
+                </p>
+            </div>
+        </div>
+        <div class="navigation_seize"></div>
+        <div class="navigation">
+            <div class="navigation_content">
+                <div class="navigation_item active" data-href="introduce">
+                    <a href="javascript:;">产品介绍</a>
+                </div>
+                <div class="navigation_item" data-href="more">
+                    <a href="javascript:;">更多产品</a>
+                </div>
+            </div>
+        </div>
+        <div class="product_detail_main">
+            <div class="product_detail_content">
+                <div class="swiper_container" id="introduce">
+                    <div class="swiper swiper-product">
+                        <div class="swiper-wrapper">
+                            <div class="swiper-slide">
+                                <img src="/static/images/productDetail/product-1.jpg" alt="">
+                            </div>
+                            <div class="swiper-slide">
+                                <img src="/static/images/productDetail/product-2.jpg" alt="">
+                            </div>
+                            <div class="swiper-slide">
+                                <img src="/static/images/productDetail/product-3.jpg" alt="">
+                            </div>
+                            <div class="swiper-slide">
+                                <img src="/static/images/productDetail/product-1.jpg" alt="">
+                            </div>
+                            <div class="swiper-slide">
+                                <img src="/static/images/productDetail/product-2.jpg" alt="">
+                            </div>
+                            <div class="swiper-slide">
+                                <img src="/static/images/productDetail/product-3.jpg" alt="">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="swiper-button-prev-product"></div>
+                    <div class="swiper-button-next-product"></div>
+                    <div class="paging_content">
+                        <div class="swiper swiper-product-paging">
+                            <div class="swiper-wrapper">
+                                <div class="swiper-slide">
+                                    <img src="/static/images/productDetail/product-1.jpg" alt="">
+                                </div>
+                                <div class="swiper-slide">
+                                    <img src="/static/images/productDetail/product-2.jpg" alt="">
+                                </div>
+                                <div class="swiper-slide">
+                                    <img src="/static/images/productDetail/product-3.jpg" alt="">
+                                </div>
+                                <div class="swiper-slide">
+                                    <img src="/static/images/productDetail/product-1.jpg" alt="">
+                                </div>
+                                <div class="swiper-slide">
+                                    <img src="/static/images/productDetail/product-2.jpg" alt="">
+                                </div>
+                                <div class="swiper-slide">
+                                    <img src="/static/images/productDetail/product-3.jpg" alt="">
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="product_introduce_content">
+                    <div class="postInfo">
+                        <div class="mainInfor">
+                            <p class="title">全系列卫生泵 </p>
+                            <p class="subtitle">Wool scarf</p>
+                        </div>
+                        <div class="description">
+                            <p>温控开关的作用是控制室内温度的.假设你的温控开关是设定在14—16度时你的室内温度低于14度时,暖气会自动开启,而高于16度时暖气会自动关闭.</p>
+                        </div>
+                    </div>
+                    <div class="postbody">
+                        <p style="text-align: center;"><img src="/static/images/productDetail/postbody-1.jpg" /></p>
+                        <p style="text-align: center;"><img src="/static/images/productDetail/postbody-2.jpg" /></p>
+                        <hr />
+                        <p>温控开关的作用是控制室内温度的.假设你的温控开关是设定在14—16度时你的室内温度低于14度时,暖气会自动开启,而高于16度时暖气会自动关闭.(调档开关必须有一个是开着的)
+                        </p>
+                        <hr />
+                        <p>1. 室内温度设置的准确性:好的温控器能够准确的调节温度,准确的判断室内温度,主要通过探头来实现的;</p>
+                        <hr />
+                        <p>2. 温控器与电地暖系统的使用:温控器有多种,有机械旋钮型的,有可编程数字液晶型的,不同温控器的使用相差很大。选择温控器时要考虑到使用的方便性;</p>
+                        <hr />
+                        <p>3.温控器与房间用途的关系:应注意根据房间的用途来选择温控器,例如:在卫生间中不应采用室温性的温控器;</p>
+                        <hr />
+                        <p>4.温控器与能耗的关系:选择合适的温控器有可以在用户日后的使用过程中,有效的节约能耗。</p>
+                        <p><br /></p>
+                        <p><br /></p>
+                        <p><br /></p>
+                        <p><br /></p>
+                    </div>
+                </div>
+                <div class="product_more_content" id="more">
+                    <div class="product_more">
+                        <div class="product_tag">
+                            <a class="product_tag_item" href="/product.html">高端浴缸</a>
+                        </div>
+                        <div class="product_list">
+                            <div class="product_item">
+                                <a href="/productDetail.html" class="product_pic">
+                                    <img src="/static/images/productDetail/list-1.jpg" alt="">
+                                </a>
+                                <a href="/productDetail.html" class="product_introduce">
+                                    <p class="product_title">智能检测仪</p>
+                                    <p class="product_title_en">Intelligent detector</p>
+                                </a>
+                            </div>
+                            <div class="product_item">
+                                <a href="/productDetail.html" class="product_pic">
+                                    <img src="/static/images/productDetail/list-2.jpg" alt="">
+                                </a>
+                                <a href="/productDetail.html" class="product_introduce">
+                                    <p class="product_title">智能检测仪</p>
+                                    <p class="product_title_en">Intelligent detector</p>
+                                </a>
+                            </div>
+                            <div class="product_item">
+                                <a href="/productDetail.html" class="product_pic">
+                                    <img src="/static/images/productDetail/list-3.jpg" alt="">
+                                </a>
+                                <a href="/productDetail.html" class="product_introduce">
+                                    <p class="product_title">智能检测仪</p>
+                                    <p class="product_title_en">Intelligent detector</p>
+                                </a>
+                            </div>
+                            <div class="product_item">
+                                <a href="/productDetail.html" class="product_pic">
+                                    <img src="/static/images/productDetail/list-4.jpg" alt="">
+                                </a>
+                                <a href="/productDetail.html" class="product_introduce">
+                                    <p class="product_title">智能检测仪</p>
+                                    <p class="product_title_en">Intelligent detector</p>
+                                </a>
+                            </div>
+                            <div class="product_item">
+                                <a href="/productDetail.html" class="product_pic">
+                                    <img src="/static/images/productDetail/list-5.jpg" alt="">
+                                </a>
+                                <a href="/productDetail.html" class="product_introduce">
+                                    <p class="product_title">智能检测仪</p>
+                                    <p class="product_title_en">Intelligent detector</p>
+                                </a>
+                            </div>
+                            <div class="product_item">
+                                <a href="/productDetail.html" class="product_pic">
+                                    <img src="/static/images/productDetail/list-6.jpg" alt="">
+                                </a>
+                                <a href="/productDetail.html" class="product_introduce">
+                                    <p class="product_title">智能检测仪</p>
+                                    <p class="product_title_en">Intelligent detector</p>
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+        </div>
+    </div>
+    <div class="footer">
+        <div class="footer_content">
+            <div class="footer_main">
+                <div class="footer_left">
+                    <a href="/index.html" class="footer_logo">
+                        <img src="/static/images/common/logo-w.png" alt="">
+                    </a>
+                    <div class="footer_contact">
+                        <a class="address" href="javascript:;">地址：上海市杨浦区隆昌路619号</a>
+                        <a class="email" href="mailto:106056320@qq.com">邮箱：106056320@qq.com</a>
+                        <a class="phone" href="tel:021-58956622">电话：021-58956622</a>
+                    </div>
+                    <div class="footer_qrcode">
+                        <img src="/static/images/common/qr-code.jpg" alt="">
+                        <p>扫码关注我们</p>
+                    </div>
+                </div>
+                <div class="footer_middle">
+                    <div class="footer_list">
+                        <div class="footer_item">
+                            <div class="footer_item_title">
+                                <p>品牌介绍</p>
+                            </div>
+                            <div class="footer_items">
+                                <a href="/about.html#brand">品牌介绍</a>
+                                <a href="/about.html#history">发展历程</a>
+                                <a href="/about.html#honor">资质荣誉</a>
+                            </div>
+                        </div>
+                        <div class="footer_item">
+                            <div class="footer_item_title">
+                                <p>产品展示</p>
+                            </div>
+                            <div class="footer_items">
+                                <a href="/product.html">高端浴缸</a>
+                                <a href="/product.html">龙头组合</a>
+                                <a href="/product.html">老式混水阀</a>
+                                <a href="/product.html">面盆龙头</a>
+                                <a href="/product.html">菜盆龙头</a>
+                                <a href="/product.html">明装恒温阀</a>
+                            </div>
+                        </div>
+                        <div class="footer_item">
+                            <div class="footer_item_title">
+                                <p>新闻中心</p>
+                            </div>
+                            <div class="footer_items">
+                                <a href="/news.html">公司新闻</a>
+                                <a href="/news.html">行业新闻</a>
+                            </div>
+                        </div>
+                        <div class="footer_item">
+                            <div class="footer_item_title">
+                                <p>联系我们</p>
+                            </div>
+                            <div class="footer_items">
+                                <a href="/contact.html#contact">联系方式</a>
+                                <a href="/contact.html#message">在线留言</a>
+                                <a href="/contact.html#join">人才招聘</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="footer_right">
+                    <img src="/static/images/common/qr-code.jpg" alt="">
+                    <p>扫码关注我们</p>
+                </div>
+            </div>
+            <div class="footer_copyright">
+                <div class="copyright_left">
+                    <p>Copyright © 2021 DESHI All Rights Reserved. <a href="https://beian.miit.gov.cn/" target="_blank" rel='nofollow'>沪ICP备2021024265号</a> Powered by <a href="https://www.huocms.com/" target="_blank" rel='nofollow'>HuoCMS</a></p>
+                </div>
+                <div class="copyright_right">
+                    <p>Designed by <a href="https://www.pailiu.com/" target="_blank" rel='nofollow'>派流</a></p>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+<script type="text/javascript" src="https://unpkg.com/vue"></script>
+<script type="text/javascript" src="/static/js/swiper-bundle.min.js"></script>
+<script type="text/javascript" src="/static/js/public.js"></script>
+<script type="text/javascript" src="/static/js/wow.min.js"></script>
+<script>
+    $(function() {
+        var productPagingSwiper = new Swiper('.swiper-product-paging', {
+            direction: 'horizontal', // 垂直切换选项
+            loop: false, // 循环模式选项
+            grabCursor: true,
+            spaceBetween: 10,
+            watchSlidesVisibility: true, //防止不可点击
+            breakpoints: {
+                100: {
+                    slidesPerView: 2.8,
+                },
+                800: {
+                    slidesPerView: 'auto',
+                },
+            },
+        });
+        var productDetailSwiper = new Swiper('.swiper-product', {
+            direction: 'horizontal', // 垂直切换选项
+            loop: false, // 循环模式选项
+            grabCursor: true,
+            navigation: {
+                nextEl: ".swiper-button-next-product",
+                prevEl: ".swiper-button-prev-product",
+            },
+            thumbs: {
+                swiper: productPagingSwiper,
+            },
+
+
+        });
+        /* 各板块距离顶部距离 */
+        var plateTop = [];
+        $(window).scroll(function() {
+            navigationInit()
+            navigationScroll()
+        });
+        /* 导航栏浮顶初始化 */
+        function navigationInit() {
+            var pageWidth = $(window).width();
+            var pageHeight = $(window).height();
+            var height = $('.navigation').height()
+            $('.navigation_seize').height(height)
+            if (pageWidth > 800) {
+                if ($(document).scrollTop() > 640 - 80) {
+                    $('.navigation').addClass('fixed')
+                    $('.navigation_seize').show()
+                } else {
+                    $('.navigation').removeClass('fixed')
+                    $('.navigation_seize').hide();
+                }
+            } else {
+                if ($(document).scrollTop() > pageHeight - 80) {
+                    $('.navigation').addClass('fixed')
+                    $('.navigation_seize').show()
+                } else {
+                    $('.navigation').removeClass('fixed')
+                    $('.navigation_seize').hide();
+                }
+            }
+
+
+        };
+        navigationInit();
+        /* 导航栏点解，页面滚动到相应位置 */
+        $('.navigation_item').click(function() {
+            let id = $(this).data('href')
+            $('html,body').animate({
+                scrollTop: $(`#${id}`).offset().top - 80 - $('.navigation').height()
+            }, 500);
+        });
+        /* 页面滚动给导航栏添加样式 */
+        function navigationScroll() {
+            for (let i = 0; i < plateTop.length; i++) {
+                if ($(document).scrollTop() >= plateTop[i] - 5) {
+                    $($('.navigation_item').get(i)).addClass('active').siblings().removeClass('active')
+                }
+            }
+        };
+        navigationScroll();
+        /* 获取链接hash，页面刷新初始化滚动条位置 */
+        function hrefInit() {
+            for (let i = 0; i < $('.navigation_item').length; i++) {
+                let hrefName = $($('.navigation_item').get(i)).data('href')
+                plateTop.push($(`#${hrefName}`).offset().top - 80 - $('.navigation').height())
+            }
+
+        }
+        hrefInit();
+
+    })
+</script>
+
+</html>
--- a/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/css/reset.css
+++ b/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/css/reset.css
@ -0,0 +1,212 @@
+/**
+ * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
+ * http://cssreset.com
+ */
+
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+
+/* strong, */
+
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  font-weight: normal;
+  vertical-align: baseline;
+}
+
+/* HTML5 display-role reset for older browsers */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  display: block;
+}
+
+ol,
+ul,
+li {
+  list-style: none;
+}
+
+blockquote,
+q {
+  quotes: none;
+}
+
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: "";
+  content: none;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+/* custom */
+
+a {
+  color: #7e8c8d;
+  text-decoration: none;
+  -webkit-backface-visibility: hidden;
+}
+
+::-webkit-scrollbar {
+  width: 5px;
+  height: 5px;
+}
+
+::-webkit-scrollbar-track-piece {
+  background-color: rgba(0, 0, 0, 0.2);
+  -webkit-border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:vertical {
+  height: 5px;
+  background-color: rgba(125, 125, 125, 0.7);
+  -webkit-border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:horizontal {
+  width: 5px;
+  background-color: rgba(125, 125, 125, 0.7);
+  -webkit-border-radius: 6px;
+}
+
+html,
+body {
+  width: 100%;
+  font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", "微软雅黑",
+    sans-serif;
+}
+
+body {
+  line-height: 1;
+  -webkit-text-size-adjust: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+html {
+  overflow-y: scroll;
+}
+
+/*清除浮动*/
+
+.clearfix:before,
+.clearfix:after {
+  content: " ";
+  display: inline-block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+
+.clearfix {
+  *zoom: 1;
+}
+
+/*隐藏*/
+
+.dn {
+  display: none;
+}
+
+input[type="button"],
+input[type="submit"],
+input[type="file"],
+button {
+  cursor: pointer;
+  -webkit-appearance: none;
+}
--- a/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/css/swiper-bundle.min.css
+++ b/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/css/swiper-bundle.min.css
--- a/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/images/about/banner-text.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/images/about/banner-text.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/images/about/banner.jpg
+++ b/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/images/about/banner.jpg
--- a/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/images/about/brand.jpg
+++ b/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/images/about/brand.jpg
--- a/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/images/about/history.jpg
+++ b/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/images/about/history.jpg
--- a/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/images/about/honor-1.jpg
+++ b/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/images/about/honor-1.jpg
--- a/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/images/about/honor-2.jpg
+++ b/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/images/about/honor-2.jpg
--- a/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/images/about/honor-3.jpg
+++ b/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/images/about/honor-3.jpg
--- a/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/images/about/honor-4.jpg
+++ b/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/images/about/honor-4.jpg
--- a/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/images/about/icon-next-1.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/images/about/icon-next-1.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/images/about/icon-next.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/images/about/icon-next.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/images/about/icon-prev-1.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/images/about/icon-prev-1.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/images/about/icon-prev.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/images/about/icon-prev.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/images/common/icon-address.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/images/common/icon-address.png
--- a/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/images/common/icon-email.png
+++ b/HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/static/images/common/icon-email.png