From 3b3f06c92e9244901fe26d0b50d2e52cf23871b2 Mon Sep 17 00:00:00 2001
From: jsasg <735273025@qq.com>
Date: Thu, 22 May 2025 18:05:49 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=A8=A1=E6=9D=BF=E5=8C=BA=E5=88=86pc?=
 =?UTF-8?q?=E4=B8=8Emobile?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/index/config/view.php                     |   12 +-
 app/index/view/mobile/index/index.html        |  470 ++
 app/index/view/mobile/public/base.html        |   31 +
 app/index/view/mobile/public/footer.html      |   62 +
 app/index/view/mobile/public/header.html      |  153 +
 app/index/view/{ => pc}/about_us/culture.html |    0
 .../view/{ => pc}/about_us/introduction.html  |    0
 app/index/view/{ => pc}/about_us/mileage.html |    0
 app/index/view/{ => pc}/about_us/policy.html  |    0
 app/index/view/{ => pc}/about_us/story.html   |    0
 app/index/view/{ => pc}/article/detail.html   |    0
 app/index/view/{ => pc}/article/index.html    |    0
 app/index/view/{ => pc}/attachment/index.html |    0
 app/index/view/{ => pc}/attachment/video.html |    0
 .../view/{ => pc}/contact_us/bulkbuy.html     |    0
 .../view/{ => pc}/contact_us/distributor.html |    0
 app/index/view/{ => pc}/contact_us/index.html |    0
 .../view/{ => pc}/contact_us/message.html     |    0
 app/index/view/{ => pc}/faq/index.html        |    0
 app/index/view/{ => pc}/index/index.html      |    0
 app/index/view/{ => pc}/product/category.html |    0
 app/index/view/{ => pc}/product/detail.html   |    0
 app/index/view/{ => pc}/product/newpro.html   |    0
 app/index/view/{ => pc}/product/search.html   |    0
 .../view/{ => pc}/product/subcategory.html    |    0
 app/index/view/{ => pc}/public/base.html      |    8 +-
 app/index/view/{ => pc}/public/footer.html    |    0
 app/index/view/{ => pc}/public/header.html    |    0
 app/index/view/{ => pc}/public/nas_base.html  |    0
 .../view/{ => pc}/public/nas_footer.html      |    0
 .../view/{ => pc}/public/nas_header.html      |    0
 .../view/{ => pc}/topic_nas/cooperation.html  |    0
 .../view/{ => pc}/topic_nas/download.html     |    0
 app/index/view/{ => pc}/topic_nas/help.html   |    0
 .../view/{ => pc}/topic_nas/help_detail.html  |    0
 app/index/view/{ => pc}/topic_nas/index.html  |    0
 .../view/{ => pc}/topic_nas/product.html      |    0
 .../fonts/Montserrat-Bold.ttf                 |    0
 .../fonts/Montserrat-Medium.ttf               |    0
 .../fonts/Montserrat-Regular.ttf              |    0
 .../fonts/Montserrat-SemiBold.ttf             |    0
 .../fonts/icomoon/colleciton/icomoon.eot      |    3 +
 .../fonts/icomoon/colleciton/icomoon.svg      |    3 +
 .../fonts/icomoon/colleciton/icomoon.ttf      |    3 +
 .../fonts/icomoon/colleciton/icomoon.woff     |    3 +
 .../static/common/fonts/icomoon/icomoon.eot   |    3 +
 .../static/common/fonts/icomoon/icomoon.svg   |    3 +
 .../static/common/fonts/icomoon/icomoon.ttf   |    3 +
 .../static/common/fonts/icomoon/icomoon.woff  |    3 +
 .../static/common/fonts/icomoon/icomoona.ttf  |    3 +
 .../static/index/{ => mobile}/css/fonts.css   |    6 +-
 public/static/index/mobile/css/footer.css     |   34 +
 public/static/index/mobile/css/header.css     |   60 +
 public/static/index/mobile/css/public.css     |   88 +
 public/static/index/mobile/css/style.css      | 3941 +++++++++++++++++
 .../index/{ => pc}/css/aboutus_culture.css    |    0
 .../{ => pc}/css/aboutus_introduction.css     |    0
 .../index/{ => pc}/css/aboutus_policy.css     |    0
 .../static/index/{ => pc}/css/achievement.css |    0
 .../static/index/{ => pc}/css/animate.min.css |    0
 .../index/{ => pc}/css/article_category.css   |    0
 .../index/{ => pc}/css/article_detail.css     |    0
 .../index/{ => pc}/css/before-after.min.css   |    0
 public/static/index/{ => pc}/css/brand.css    |    0
 .../index/{ => pc}/css/contactus_bulkbuy.css  |    0
 .../{ => pc}/css/contactus_distributor.css    |    0
 .../index/{ => pc}/css/contactus_index.css    |    0
 .../index/{ => pc}/css/contactus_message.css  |    0
 public/static/index/{ => pc}/css/download.css |    0
 public/static/index/{ => pc}/css/faq.css      |    0
 public/static/index/pc/css/fonts.css          |  220 +
 public/static/index/{ => pc}/css/index.css    |    0
 .../index/{ => pc}/css/orico_footer.css       |    0
 .../index/{ => pc}/css/orico_header.css       |    0
 .../index/{ => pc}/css/product_category.css   |    0
 .../index/{ => pc}/css/product_detail.css     |    0
 .../index/{ => pc}/css/product_newpro.css     |    0
 .../index/{ => pc}/css/product_search.css     |    0
 .../{ => pc}/css/product_subcategory.css      |    0
 public/static/index/{ => pc}/css/public.css   |    6 +-
 .../{ => pc}/css/topic_nas_cooperation.css    |    0
 .../index/{ => pc}/css/topic_nas_download.css |    0
 .../index/{ => pc}/css/topic_nas_header.css   |    0
 .../{ => pc}/css/topic_nas_help-detail.css    |    0
 .../index/{ => pc}/css/topic_nas_help.css     |    0
 .../index/{ => pc}/css/topic_nas_index.css    |    0
 .../index/{ => pc}/css/topic_nas_product.css  |    0
 public/static/index/{ => pc}/images/1line.png |  Bin
 .../index/{ => pc}/images/2577U3-L1.jpg       |  Bin
 public/static/index/{ => pc}/images/AU.png    |  Bin
 .../index/{ => pc}/images/Achievement.png     |  Bin
 public/static/index/{ => pc}/images/BR.png    |  Bin
 public/static/index/{ => pc}/images/CN.png    |  Bin
 .../index/{ => pc}/images/ContactUs.png       |  Bin
 public/static/index/{ => pc}/images/ID.png    |  Bin
 public/static/index/{ => pc}/images/IR.png    |  Bin
 public/static/index/{ => pc}/images/MX.png    |  Bin
 public/static/index/{ => pc}/images/NL.png    |  Bin
 .../{ => pc}/images/ORCIO-HSQ-02H-800-220.jpg |  Bin
 .../static/index/{ => pc}/images/OurBrand.png |  Bin
 .../index/{ => pc}/images/SSD-1920x900-CN.jpg |  Bin
 public/static/index/{ => pc}/images/TH.png    |  Bin
 public/static/index/{ => pc}/images/TR.png    |  Bin
 public/static/index/{ => pc}/images/US.png    |  Bin
 public/static/index/{ => pc}/images/VN.png    |  Bin
 .../static/index/{ => pc}/images/ba-arrow.png |  Bin
 .../index/{ => pc}/images/banner_01.png       |  Bin
 .../index/{ => pc}/images/black-down.png      |  Bin
 .../index/{ => pc}/images/bottomlogo.png      |  Bin
 .../static/index/{ => pc}/images/brand02.png  |  Bin
 .../index/{ => pc}/images/contact-Us.png      |  Bin
 .../index/{ => pc}/images/contact_icon01.png  |  Bin
 .../index/{ => pc}/images/contact_icon02.png  |  Bin
 .../index/{ => pc}/images/contact_icon03.png  |  Bin
 .../{ => pc}/images/customer-service.png      |  Bin
 public/static/index/{ => pc}/images/fl.png    |  Bin
 public/static/index/{ => pc}/images/fl1.png   |  Bin
 .../static/index/{ => pc}/images/greyline.png |  Bin
 .../index/{ => pc}/images/greyyuandian.png    |  Bin
 .../index/{ => pc}/images/icon-4-01.png       |  Bin
 .../index/{ => pc}/images/icon-4-02.png       |  Bin
 .../index/{ => pc}/images/icon-4-03.png       |  Bin
 .../index/{ => pc}/images/icon-4-04.png       |  Bin
 .../index/{ => pc}/images/icon-language.png   |  Bin
 .../index/{ => pc}/images/icon-search.png     |  Bin
 .../index/{ => pc}/images/indeximg1.jpg       |  Bin
 .../index/{ => pc}/images/indeximg2.jpg       |  Bin
 .../index/{ => pc}/images/lichengbei.png      |  Bin
 public/static/index/{ => pc}/images/logo.png  |  Bin
 .../index/{ => pc}/images/logo_nas_en-us.png  |  Bin
 .../index/{ => pc}/images/logo_nas_zh-cn.png  |  Bin
 public/static/index/{ => pc}/images/more.png  |  Bin
 public/static/index/{ => pc}/images/more2.png |  Bin
 .../static/index/{ => pc}/images/nas-jt.png   |  Bin
 .../index/{ => pc}/images/nas_help_banner.jpg |  Bin
 .../images/nas_help_detail_search.png         |  Bin
 .../index/{ => pc}/images/nas_help_search.png |  Bin
 public/static/index/{ => pc}/images/rh.png    |  Bin
 public/static/index/{ => pc}/images/rh1.png   |  Bin
 .../static/index/{ => pc}/images/search.png   |  Bin
 .../index/{ => pc}/images/search_blue.png     |  Bin
 .../static/index/{ => pc}/images/shopico.png  |  Bin
 public/static/index/{ => pc}/images/ssico.png |  Bin
 public/static/index/{ => pc}/images/wx.png    |  Bin
 .../static/index/{ => pc}/images/yaundian.png |  Bin
 .../index/{ => pc}/js/before-after.min.js     |    0
 public/static/index/{ => pc}/js/large.js      |    0
 147 files changed, 5104 insertions(+), 14 deletions(-)
 create mode 100644 app/index/view/mobile/index/index.html
 create mode 100644 app/index/view/mobile/public/base.html
 create mode 100644 app/index/view/mobile/public/footer.html
 create mode 100644 app/index/view/mobile/public/header.html
 rename app/index/view/{ => pc}/about_us/culture.html (100%)
 rename app/index/view/{ => pc}/about_us/introduction.html (100%)
 rename app/index/view/{ => pc}/about_us/mileage.html (100%)
 rename app/index/view/{ => pc}/about_us/policy.html (100%)
 rename app/index/view/{ => pc}/about_us/story.html (100%)
 rename app/index/view/{ => pc}/article/detail.html (100%)
 rename app/index/view/{ => pc}/article/index.html (100%)
 rename app/index/view/{ => pc}/attachment/index.html (100%)
 rename app/index/view/{ => pc}/attachment/video.html (100%)
 rename app/index/view/{ => pc}/contact_us/bulkbuy.html (100%)
 rename app/index/view/{ => pc}/contact_us/distributor.html (100%)
 rename app/index/view/{ => pc}/contact_us/index.html (100%)
 rename app/index/view/{ => pc}/contact_us/message.html (100%)
 rename app/index/view/{ => pc}/faq/index.html (100%)
 rename app/index/view/{ => pc}/index/index.html (100%)
 rename app/index/view/{ => pc}/product/category.html (100%)
 rename app/index/view/{ => pc}/product/detail.html (100%)
 rename app/index/view/{ => pc}/product/newpro.html (100%)
 rename app/index/view/{ => pc}/product/search.html (100%)
 rename app/index/view/{ => pc}/product/subcategory.html (100%)
 rename app/index/view/{ => pc}/public/base.html (78%)
 rename app/index/view/{ => pc}/public/footer.html (100%)
 rename app/index/view/{ => pc}/public/header.html (100%)
 rename app/index/view/{ => pc}/public/nas_base.html (100%)
 rename app/index/view/{ => pc}/public/nas_footer.html (100%)
 rename app/index/view/{ => pc}/public/nas_header.html (100%)
 rename app/index/view/{ => pc}/topic_nas/cooperation.html (100%)
 rename app/index/view/{ => pc}/topic_nas/download.html (100%)
 rename app/index/view/{ => pc}/topic_nas/help.html (100%)
 rename app/index/view/{ => pc}/topic_nas/help_detail.html (100%)
 rename app/index/view/{ => pc}/topic_nas/index.html (100%)
 rename app/index/view/{ => pc}/topic_nas/product.html (100%)
 rename public/static/{index => common}/fonts/Montserrat-Bold.ttf (100%)
 rename public/static/{index => common}/fonts/Montserrat-Medium.ttf (100%)
 rename public/static/{index => common}/fonts/Montserrat-Regular.ttf (100%)
 rename public/static/{index => common}/fonts/Montserrat-SemiBold.ttf (100%)
 create mode 100755 public/static/common/fonts/icomoon/colleciton/icomoon.eot
 create mode 100755 public/static/common/fonts/icomoon/colleciton/icomoon.svg
 create mode 100755 public/static/common/fonts/icomoon/colleciton/icomoon.ttf
 create mode 100755 public/static/common/fonts/icomoon/colleciton/icomoon.woff
 create mode 100755 public/static/common/fonts/icomoon/icomoon.eot
 create mode 100755 public/static/common/fonts/icomoon/icomoon.svg
 create mode 100755 public/static/common/fonts/icomoon/icomoon.ttf
 create mode 100755 public/static/common/fonts/icomoon/icomoon.woff
 create mode 100755 public/static/common/fonts/icomoon/icomoona.ttf
 rename public/static/index/{ => mobile}/css/fonts.css (88%)
 create mode 100755 public/static/index/mobile/css/footer.css
 create mode 100755 public/static/index/mobile/css/header.css
 create mode 100755 public/static/index/mobile/css/public.css
 create mode 100755 public/static/index/mobile/css/style.css
 rename public/static/index/{ => pc}/css/aboutus_culture.css (100%)
 rename public/static/index/{ => pc}/css/aboutus_introduction.css (100%)
 rename public/static/index/{ => pc}/css/aboutus_policy.css (100%)
 rename public/static/index/{ => pc}/css/achievement.css (100%)
 rename public/static/index/{ => pc}/css/animate.min.css (100%)
 rename public/static/index/{ => pc}/css/article_category.css (100%)
 rename public/static/index/{ => pc}/css/article_detail.css (100%)
 rename public/static/index/{ => pc}/css/before-after.min.css (100%)
 rename public/static/index/{ => pc}/css/brand.css (100%)
 rename public/static/index/{ => pc}/css/contactus_bulkbuy.css (100%)
 rename public/static/index/{ => pc}/css/contactus_distributor.css (100%)
 rename public/static/index/{ => pc}/css/contactus_index.css (100%)
 rename public/static/index/{ => pc}/css/contactus_message.css (100%)
 rename public/static/index/{ => pc}/css/download.css (100%)
 rename public/static/index/{ => pc}/css/faq.css (100%)
 create mode 100755 public/static/index/pc/css/fonts.css
 rename public/static/index/{ => pc}/css/index.css (100%)
 rename public/static/index/{ => pc}/css/orico_footer.css (100%)
 rename public/static/index/{ => pc}/css/orico_header.css (100%)
 rename public/static/index/{ => pc}/css/product_category.css (100%)
 rename public/static/index/{ => pc}/css/product_detail.css (100%)
 rename public/static/index/{ => pc}/css/product_newpro.css (100%)
 rename public/static/index/{ => pc}/css/product_search.css (100%)
 rename public/static/index/{ => pc}/css/product_subcategory.css (100%)
 rename public/static/index/{ => pc}/css/public.css (88%)
 rename public/static/index/{ => pc}/css/topic_nas_cooperation.css (100%)
 rename public/static/index/{ => pc}/css/topic_nas_download.css (100%)
 rename public/static/index/{ => pc}/css/topic_nas_header.css (100%)
 rename public/static/index/{ => pc}/css/topic_nas_help-detail.css (100%)
 rename public/static/index/{ => pc}/css/topic_nas_help.css (100%)
 rename public/static/index/{ => pc}/css/topic_nas_index.css (100%)
 rename public/static/index/{ => pc}/css/topic_nas_product.css (100%)
 rename public/static/index/{ => pc}/images/1line.png (100%)
 rename public/static/index/{ => pc}/images/2577U3-L1.jpg (100%)
 rename public/static/index/{ => pc}/images/AU.png (100%)
 rename public/static/index/{ => pc}/images/Achievement.png (100%)
 rename public/static/index/{ => pc}/images/BR.png (100%)
 rename public/static/index/{ => pc}/images/CN.png (100%)
 rename public/static/index/{ => pc}/images/ContactUs.png (100%)
 rename public/static/index/{ => pc}/images/ID.png (100%)
 rename public/static/index/{ => pc}/images/IR.png (100%)
 rename public/static/index/{ => pc}/images/MX.png (100%)
 rename public/static/index/{ => pc}/images/NL.png (100%)
 rename public/static/index/{ => pc}/images/ORCIO-HSQ-02H-800-220.jpg (100%)
 rename public/static/index/{ => pc}/images/OurBrand.png (100%)
 rename public/static/index/{ => pc}/images/SSD-1920x900-CN.jpg (100%)
 rename public/static/index/{ => pc}/images/TH.png (100%)
 rename public/static/index/{ => pc}/images/TR.png (100%)
 rename public/static/index/{ => pc}/images/US.png (100%)
 rename public/static/index/{ => pc}/images/VN.png (100%)
 rename public/static/index/{ => pc}/images/ba-arrow.png (100%)
 rename public/static/index/{ => pc}/images/banner_01.png (100%)
 rename public/static/index/{ => pc}/images/black-down.png (100%)
 rename public/static/index/{ => pc}/images/bottomlogo.png (100%)
 rename public/static/index/{ => pc}/images/brand02.png (100%)
 rename public/static/index/{ => pc}/images/contact-Us.png (100%)
 rename public/static/index/{ => pc}/images/contact_icon01.png (100%)
 rename public/static/index/{ => pc}/images/contact_icon02.png (100%)
 rename public/static/index/{ => pc}/images/contact_icon03.png (100%)
 rename public/static/index/{ => pc}/images/customer-service.png (100%)
 rename public/static/index/{ => pc}/images/fl.png (100%)
 rename public/static/index/{ => pc}/images/fl1.png (100%)
 rename public/static/index/{ => pc}/images/greyline.png (100%)
 rename public/static/index/{ => pc}/images/greyyuandian.png (100%)
 rename public/static/index/{ => pc}/images/icon-4-01.png (100%)
 rename public/static/index/{ => pc}/images/icon-4-02.png (100%)
 rename public/static/index/{ => pc}/images/icon-4-03.png (100%)
 rename public/static/index/{ => pc}/images/icon-4-04.png (100%)
 rename public/static/index/{ => pc}/images/icon-language.png (100%)
 rename public/static/index/{ => pc}/images/icon-search.png (100%)
 rename public/static/index/{ => pc}/images/indeximg1.jpg (100%)
 rename public/static/index/{ => pc}/images/indeximg2.jpg (100%)
 rename public/static/index/{ => pc}/images/lichengbei.png (100%)
 rename public/static/index/{ => pc}/images/logo.png (100%)
 rename public/static/index/{ => pc}/images/logo_nas_en-us.png (100%)
 rename public/static/index/{ => pc}/images/logo_nas_zh-cn.png (100%)
 rename public/static/index/{ => pc}/images/more.png (100%)
 rename public/static/index/{ => pc}/images/more2.png (100%)
 rename public/static/index/{ => pc}/images/nas-jt.png (100%)
 rename public/static/index/{ => pc}/images/nas_help_banner.jpg (100%)
 rename public/static/index/{ => pc}/images/nas_help_detail_search.png (100%)
 rename public/static/index/{ => pc}/images/nas_help_search.png (100%)
 rename public/static/index/{ => pc}/images/rh.png (100%)
 rename public/static/index/{ => pc}/images/rh1.png (100%)
 rename public/static/index/{ => pc}/images/search.png (100%)
 rename public/static/index/{ => pc}/images/search_blue.png (100%)
 rename public/static/index/{ => pc}/images/shopico.png (100%)
 rename public/static/index/{ => pc}/images/ssico.png (100%)
 rename public/static/index/{ => pc}/images/wx.png (100%)
 rename public/static/index/{ => pc}/images/yaundian.png (100%)
 rename public/static/index/{ => pc}/js/before-after.min.js (100%)
 rename public/static/index/{ => pc}/js/large.js (100%)

diff --git a/app/index/config/view.php b/app/index/config/view.php
index f834a367..ea481a58 100644
--- a/app/index/config/view.php
+++ b/app/index/config/view.php
@@ -2,6 +2,10 @@
 // +----------------------------------------------------------------------
 // | 模板设置
 // +----------------------------------------------------------------------
+$view_deivce_name = 'pc';
+if (request()->isMobile()) {
+    $view_deivce_name = 'mobile';
+}
 
 return [
     // 模板引擎类型使用Think
@@ -9,7 +13,7 @@ return [
     // 默认模板渲染规则 1 解析为小写+下划线 2 全部转换小写 3 保持操作方法
     'auto_rule'     => 1,
     // 模板目录名
-    'view_dir_name' => 'view',
+    'view_dir_name' => "view/{$view_deivce_name}",
     // 模板后缀
     'view_suffix'   => 'html',
     // 模板文件名分隔符
@@ -24,8 +28,8 @@ return [
     'taglib_end'    => '}',
     // 模板输出替换
     'tpl_replace_string' =>  [
-        '__CSS__'    => '/static/index/css',
-        '__JS__'     => '/static/index/js',
-        '__IMAGES__' => '/static/index/images',
+        '__CSS__'    => "/static/index/{$view_deivce_name}/css",
+        '__JS__'     => "/static/index/{$view_deivce_name}/js",
+        '__IMAGES__' => "/static/index/{$view_deivce_name}/images",
     ]
 ];
diff --git a/app/index/view/mobile/index/index.html b/app/index/view/mobile/index/index.html
new file mode 100644
index 00000000..fdc90b0f
--- /dev/null
+++ b/app/index/view/mobile/index/index.html
@@ -0,0 +1,470 @@
+{extend name="public/base"/}
+{block name="main"}
+<div class="oricoEGapp">
+    <!--首页 -->
+    <div class="oricoEGapp-index">
+        <!-- banner-->
+        <div class="oidx-banner">
+            <div class="swiper-container bannerswiper">
+                <div class="swiper-wrapper">
+                    <div class="swiper-slide">
+                        <img src="indeximg/banne1.png" alt="图片1">
+                    </div>
+                    <div class="swiper-slide">
+                        <img src="indeximg/banne2.png" alt="图片1">
+                    </div>
+                    <div class="swiper-slide">
+                        <img src="indeximg/banne3.png" alt="图片1">
+                    </div>
+                </div>
+                <!-- 如果需要分页器 -->
+                <div class="swiper-pagination"></div>
+            </div>
+        </div>
+        <!-- 四大分类-->
+        <div class="oidx-cate">
+            <div class="cateit">
+                <img src="indeximg/sjcc.png" />
+                <span>数据存储</span>
+            </div>
+            <div class="cateit">
+                <img src="indeximg/zhcc.png" />
+                <span>智慧存储</span>
+            </div>
+            <div class="cateit">
+                <img src="indeximg/znjj.png" />
+                <span>智能家具</span>
+            </div>
+            <div class="cateit">
+                <img src="indeximg/3cpz.png" />
+                <span>3C配件</span>
+            </div>
+        </div>
+        <!-- 广告-->
+        <div class="oidx-gg">
+            <div class="index-img">
+                <img src="indeximg/yi-1.jpg">
+                <div class="Innew-text wow animated bounceInLeft animated">
+                    <p class="title">固态存储</p>
+                    <div class="more">
+                        <a href="https://www.orico.cc/usmobile/product/subcatelists/id/167" target="_blank">
+                            查看所有 <i class="icon-right-svg"></i>
+                        </a>
+                    </div>
+                </div>
+            </div>
+            <div class="index-img">
+                <img src="indeximg/yi-1.jpg">
+                <div class="Innew-text wow animated bounceInLeft animated">
+                    <p class="title">固态存储</p>
+                    <div class="more">
+                        <a href="https://www.orico.cc/usmobile/product/subcatelists/id/167" target="_blank">
+                            查看所有 <i class="icon-right-svg"></i>
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- 明星产品/热点产品-->
+        <div class="oidx-FP">
+            <div class="Inpro-text">
+                <p class="title"> 明星产品/热点产品</p>
+            </div>
+            <div class="m_Container">
+                <div class="swiper-container FPswiper">
+                    <div class="swiper-wrapper text_center">
+                        <div class="swiper-slide inproimg ">
+                            <a><img src="indeximg/pt.jpg" alt="" /></a>
+                            <div class="inprotext">
+                                <p class="text_center title">M.2 2230 磁吸硬盘盒</p>
+                                <p class="t-f16"></p>
+                                <p class="timeblue">
+                                    <a href="http://www.orico.cc/usmobile/product/detail/id/8375"> 了解更多 <img
+                                            src="indeximg/more-r.png">
+                                    </a>
+                                </p>
+                            </div>
+                        </div>
+                        <div class="swiper-slide inproimg ">
+                            <a><img src="indeximg/pt.jpg" alt="" /></a>
+                            <div class="inprotext">
+                                <p class="text_center title">M.2 2230 磁吸硬盘盒</p>
+                                <p class="t-f16"></p>
+                                <p class="timeblue">
+                                    <a href="http://www.orico.cc/usmobile/product/detail/id/8375"> 了解更多 <img
+                                            src="indeximg/more-r.png">
+                                    </a>
+                                </p>
+                            </div>
+                        </div>
+                        <div class="swiper-slide inproimg ">
+                            <a><img src="indeximg/pt.jpg" alt="" /></a>
+                            <div class="inprotext">
+                                <p class="text_center title">M.2 2230 磁吸硬盘盒</p>
+                                <p class="t-f16"></p>
+                                <p class="timeblue">
+                                    <a href="http://www.orico.cc/usmobile/product/detail/id/8375"> 了解更多 <img
+                                            src="indeximg/more-r.png">
+                                    </a>
+                                </p>
+                            </div>
+                        </div>
+                        <div class="swiper-slide inproimg ">
+                            <a><img src="indeximg/pt.jpg" alt="" /></a>
+                            <div class="inprotext">
+                                <p class="text_center title">M.2 2230 磁吸硬盘盒</p>
+                                <p class="t-f16"></p>
+                                <p class="timeblue">
+                                    <a href="http://www.orico.cc/usmobile/product/detail/id/8375"> 了解更多 <img
+                                            src="indeximg/more-r.png">
+                                    </a>
+                                </p>
+                            </div>
+                        </div>
+                        <div class="swiper-slide inproimg ">
+                            <a><img src="indeximg/pt.jpg" alt="" /></a>
+                            <div class="inprotext">
+                                <p class="text_center title">M.2 2230 磁吸硬盘盒</p>
+                                <p class="t-f16"></p>
+                                <p class="timeblue">
+                                    <a href="http://www.orico.cc/usmobile/product/detail/id/8375"> 了解更多 <img
+                                            src="indeximg/more-r.png">
+                                    </a>
+                                </p>
+                            </div>
+                        </div>
+                        <div class="swiper-slide inproimg ">
+                            <a><img src="indeximg/pt.jpg" alt="" /></a>
+                            <div class="inprotext">
+                                <p class="text_center title">M.2 2230 磁吸硬盘盒</p>
+                                <p class="t-f16"></p>
+                                <p class="timeblue">
+                                    <a href="http://www.orico.cc/usmobile/product/detail/id/8375"> 了解更多 <img
+                                            src="indeximg/more-r.png">
+                                    </a>
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- 如果需要分页器 -->
+                    <div class="swiper-pagination"></div>
+                </div>
+            </div>
+        </div>
+        <!--专题图片展示-->
+        <div class="oidx-ztpictureshow">
+            <!--视频-->
+            <div class="vedio_in">
+                <img src="indeximg/mobile-video.jpg">
+                <iframe class="margin-top-20" width="100%" style="z-index:9999;"
+                    src="https://www.youtube.com/embed/MgTbmc1amfQ" title="YouTube video player" frameborder="0"
+                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                    allowfullscreen="" id="videoElement"></iframe>
+            </div>
+            <div class="indocking">
+                <a><img src="indeximg/Office-2.jpg"></a>
+                <div class="position_a text_center wow animated bounceInLeft">
+                    <p class="f_weight_500 timetitle">5合1便携插座 </p>
+                    <p class=" margin-top-14 f_weight_100 timedesin">小巧玲珑，匠心独蕴。</p>
+                    <p class=" margin-top-20 f_weight_100">
+                        <a class="timeblue"> 了解更多 <img src="indeximg/more-r.png"></a>
+                    </p>
+                </div>
+            </div>
+            <div class="indocking">
+                <a><img src="indeximg/Office-2.jpg"></a>
+                <div class="position_a text_center wow animated bounceInLeft">
+                    <p class="f_weight_500 timetitle">5合1便携插座 </p>
+                    <p class=" margin-top-14 f_weight_100 timedesin">小巧玲珑，匠心独蕴。</p>
+                    <p class=" margin-top-20 f_weight_100">
+                        <a class="timeblue"> 了解更多 <img src="indeximg/more-r.png"></a>
+                    </p>
+                </div>
+            </div>
+        </div>
+        <!--orico技术-->
+        <div class="oidx-tcly">
+            <div class="Tech-text">
+                <h3>Orico 技术</h3>
+                <p>强大功能、简单使用</p>
+            </div>
+            <div class="section  section-blends section-full">
+                <div class="section-stack section-stack--center ">
+                    <div class="section-stack__main">
+                        <div class="before-after shadow  text-custom ba-slider">
+                            <img src="indeximg/back-img01.jpg">
+                            <div class="resize">
+                                <img src="indeximg/back-img02.jpg" style="width: 390px;">
+                            </div>
+                            <span class="handle"></span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!--时间轴效果-->
+        <div class="oidx-times">
+            <section class="cd-horizontal-timeline loaded">
+                <div class="events-content">
+                    <ul>
+                        <li class="selected">
+                            <img src="indeximg/about-1.jpg">
+                            <div class="position_a text_center">
+                                <p class=" timetitle">关于我们 </p>
+                                <p class=" margin-top-14 f_weight_100 timedesin">
+                                    深圳市奥睿科科技有限公司成立于2009年，是一家具有自主知识产权、自主品牌、自主柔性生产链的新型互联网制造企业。因其强大的专业能力，严谨的合作态度，高水准的产品而受到业内伙伴的一致认可。
+                                </p>
+                                <p class=" margin-top-20 f_weight_100">
+                                    <span class="  timeblue">
+                                        <a> 了解更多 <img src="indeximg/more-r.png">
+                                        </a>
+                                    </span>
+                                </p>
+                            </div>
+                        </li>
+                        <li>
+                            <img src="indeximg/about-2.jpg">
+                            <div class="position_a text_center">
+                                <p class=" timetitle">全新使命</p>
+                                <p class=" margin-top-14 f_weight_100 timedesin">
+                                    未来，Orico将依托NAS，拓展坞，快闪U盘，数据线等系列产品线和全面的产品组合，满足全球市场的个性化的数据存储、传输、同步需求。我们也将承担社会责任，实现可持续发展和绿色创新。
+                                </p>
+                                <p class=" margin-top-20 f_weight_100">
+                                    <span class="  timeblue">
+                                        <a> 了解更多 <img src="indeximg/more-r.png">
+                                        </a>
+                                    </span>
+                                </p>
+                            </div>
+                        </li>
+                        <li>
+                            <img src="indeximg/about-2.jpg">
+                            <div class="position_a text_center">
+                                <p class=" timetitle">全新使命</p>
+                                <p class=" margin-top-14 f_weight_100 timedesin">
+                                    未来，Orico将依托NAS，拓展坞，快闪U盘，数据线等系列产品线和全面的产品组合，满足全球市场的个性化的数据存储、传输、同步需求。我们也将承担社会责任，实现可持续发展和绿色创新。
+                                </p>
+                                <p class=" margin-top-20 f_weight_100">
+                                    <span class="  timeblue">
+                                        <a> 了解更多 <img src="indeximg/more-r.png">
+                                        </a>
+                                    </span>
+                                </p>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+                <!-- .events-content -->
+                <div class="timeline">
+                    <div class="events-wrapper">
+                        <div class="events">
+                            <ol>
+                                <li>
+                                    <a class="selected">2021</a>
+                                </li>
+                                <li>
+                                    <a>2022</a>
+                                </li>
+                                <li>
+                                    <a>2023</a>
+                                </li>
+                            </ol>
+                            <span class="filling-line"></span>
+                        </div>
+                    </div>
+                </div>
+            </section>
+        </div>
+        <!--number-->
+        <div class="oidx-total">
+            <div class="num-bg clearfix">
+                <ul>
+                    <li>
+                        <h3>200000000</h3>
+                        <p>三年内订单</p>
+                    </li>
+                    <li>
+                        <h3>20</h3>
+                        <p>国际荣誉</p>
+                    </li>
+                    <li>
+                        <h3>70</h3>
+                        <p>畅销国家</p>
+                    </li>
+                </ul>
+            </div>
+        </div>
+        <!-- 图片切换 -->
+        <div class="oidx-imgqh">
+            <div class="swiper-container imgqhswiper">
+                <div class="swiper-wrapper">
+                    <div class="swiper-slide">
+                        <a>
+                            <div class="title pos-text">ORICO DataMatrix Crowdfunding Will Kick off July 2 on
+                                Kickstarter, 1st Real-Time Hybrid Storage for Post-Production</div>
+                            <img src="indeximg/1 - 副本.png" alt="图片1">
+                        </a>
+                    </div>
+                    <div class="swiper-slide">
+                        <a>
+                            <div class="title pos-text">ORICO DataMatrix Crowdfunding Will Kick off July 2 on
+                                Kickstarter, 1st Real-Time Hybrid Storage for Post-Production</div>
+                            <img src="indeximg/1 - 副本.png" alt="图片1">
+                        </a>
+                    </div>
+                    <div class="swiper-slide">
+                        <a>
+                            <div class="title pos-text">ORICO DataMatrix Crowdfunding Will Kick off July 2 on
+                                Kickstarter, 1st Real-Time Hybrid Storage for Post-Production</div>
+                            <img src="indeximg/1 - 副本.png" alt="图片1">
+                        </a>
+                    </div>
+                    <div class="swiper-slide">
+                        <a>
+                            <div class="title pos-text">ORICO DataMatrix Crowdfunding Will Kick off July 2 on
+                                Kickstarter, 1st Real-Time Hybrid Storage for Post-Production</div>
+                            <img src="indeximg/1 - 副本.png" alt="图片1">
+                        </a>
+                    </div>
+                    <div class="swiper-slide">
+                        <a>
+                            <div class="title pos-text">ORICO DataMatrix Crowdfunding Will Kick off July 2 on
+                                Kickstarter, 1st Real-Time Hybrid Storage for Post-Production</div>
+                            <img src="indeximg/1 - 副本.png" alt="图片1">
+                        </a>
+                    </div>
+                </div>
+                <!-- 如果需要分页器 -->
+                <div class="swiper-pagination"></div>
+            </div>
+        </div>
+        <!-- 常见问题-->
+        <div class="oidx-fqa">
+            <div class="faq">
+                <div class="faq-title ">
+                    <h3>常见问题</h3>
+                    <h5>回答您最关心的问题</h5>
+                    <p>客服团队的工作时间：周一到周五，早9点到晚6点 平均应答时间：24小时内</p>
+                </div>
+                <dl>
+                    <dt class="cursor_p">同行产品品牌对比<i class="rotate icon-add-svg"></i>
+                    </dt>
+                    <dd>您好：orico都是采用的进口控制芯片，IC，原器件，自己研发的PCBA电路板，以及所有模具外观均是ORICO研发，生产!这种便宜的产品不是使用控制芯片，而是使用一种叫邦定的技术一个PCBA，如果使用邦定，成本很低，但是用个十来天，就会出现问题!ORICO全部使用贴片元器件所以，从用料上，完全不一样!
+                    </dd>
+                </dl>
+                <dl>
+                    <dt class="cursor_p">同行产品品牌对比<i class="rotate icon-add-svg"></i>
+                    </dt>
+                    <dd>您好：orico都是采用的进口控制芯片，IC，原器件，自己研发的PCBA电路板，以及所有模具外观均是ORICO研发，生产!这种便宜的产品不是使用控制芯片，而是使用一种叫邦定的技术一个PCBA，如果使用邦定，成本很低，但是用个十来天，就会出现问题!ORICO全部使用贴片元器件所以，从用料上，完全不一样!
+                    </dd>
+                </dl>
+                <dl>
+                    <dt class="cursor_p">同行产品品牌对比<i class="rotate icon-add-svg"></i>
+                    </dt>
+                    <dd>您好：orico都是采用的进口控制芯片，IC，原器件，自己研发的PCBA电路板，以及所有模具外观均是ORICO研发，生产!这种便宜的产品不是使用控制芯片，而是使用一种叫邦定的技术一个PCBA，如果使用邦定，成本很低，但是用个十来天，就会出现问题!ORICO全部使用贴片元器件所以，从用料上，完全不一样!
+                    </dd>
+                </dl>
+                <dl>
+                    <dt class="cursor_p">同行产品品牌对比<i class="rotate icon-add-svg"></i>
+                    </dt>
+                    <dd>您好：orico都是采用的进口控制芯片，IC，原器件，自己研发的PCBA电路板，以及所有模具外观均是ORICO研发，生产!这种便宜的产品不是使用控制芯片，而是使用一种叫邦定的技术一个PCBA，如果使用邦定，成本很低，但是用个十来天，就会出现问题!ORICO全部使用贴片元器件所以，从用料上，完全不一样!
+                    </dd>
+                </dl>
+                <dl>
+                    <dt class="cursor_p">同行产品品牌对比<i class="rotate icon-add-svg"></i>
+                    </dt>
+                    <dd>您好：orico都是采用的进口控制芯片，IC，原器件，自己研发的PCBA电路板，以及所有模具外观均是ORICO研发，生产!这种便宜的产品不是使用控制芯片，而是使用一种叫邦定的技术一个PCBA，如果使用邦定，成本很低，但是用个十来天，就会出现问题!ORICO全部使用贴片元器件所以，从用料上，完全不一样!
+                    </dd>
+                </dl>
+            </div>
+        </div>
+    </div>
+</div>
+{/block}
+{block name="script"}
+<script src="__JS__/before-after.min.js" type="text/javascript"></script>
+<script type="text/javascript">
+    //banner轮播
+    var bannerswiper = new Swiper('.bannerswiper', {
+        // 配置选项
+        loop: true,
+        autoplay: {
+            delay: 3000,
+        },
+        pagination: {
+            el: '.swiper-pagination',
+        }
+    });
+    // 分类轮播
+    var FPswiper = new Swiper(".FPswiper", {
+        loop: true, //允许从第一张到最后一张，或者从最后一张到第一张  循环属性
+        slidesPerView: 2, // 设置显示一张
+        centeredSlides: true, //使当前图片居中显示
+        centeredSlidesBounds: true, //使左右两边的图片始终贴合边缘
+        autoplay: true, //可选选项，自动滑动
+        initialSlide: 0, //默认显示第二张图片索引从0开始
+        speed: 2000, //设置过度时间
+        autoplay: false,
+    });
+    // 图片切换
+    var imgqhswiper = new Swiper('.imgqhswiper', {
+        loop: true, //允许从第一张到最后一张，或者从最后一张到第一张  循环属性
+        effect: 'coverflow', //轮播效果，coverflow覆盖流效果
+        slidesPerView: 2,
+        centeredSlides: true,
+        slidesOffsetBefore: 0, //偏移，使第一张图片向右偏移150px */
+        autoplay: true, //可选选项，自动滑动
+        speed: 2000, //设置过度时间
+        autoplay: true,
+        pagination: {
+            el: '.swiper-pagination',
+            clickable: true,
+            dynamicBullets: true,
+        },
+    });
+    $(function() {
+        //视频播放
+        var videos = $(".vedio_in");
+        videos.on("click", function() {
+            var elm = $(this),
+                conts = elm.contents(),
+                le = conts.length,
+                ifr = null;
+            for (var i = 0; i < le; i++) {
+                if (conts[i].nodeType == 8) ifr = conts[i].textContent;
+            }
+            elm.addClass("player").html(ifr);
+            elm.off("click");
+        });
+        // 图片覆盖左右移动
+        $('.before-after').beforeAfter();
+        // 为日期链接添加点击事件处理函数
+        $('.events a').on('click', function() {
+            // 移除所有日期链接的 selected 类
+            $('.events a').removeClass('selected');
+            // 移除所有内容列表项的 selected 类
+            $('.events-content li').removeClass('selected');
+            // 为当前点击的日期链接添加 selected 类
+            $(this).addClass('selected');
+            // 获取当前点击链接的索引
+            var index = $('.events a').index(this);
+            // 为对应的内容列表项添加 selected 类
+            $('.events-content li').eq(index).addClass('selected');
+        });
+        // fqa
+        // 为所有带有 cursor_p 类的 dt 元素添加点击事件处理函数
+        $('.cursor_p').on('click', function() {
+            // 切换对应的 dd 元素的显示和隐藏状态
+            $(this).next('dd').slideToggle(400);
+            // 获取当前 dt 元素内的图标元素
+            var icon = $(this).find('i');
+            // 切换图标类名
+            if (icon.hasClass('icon-add-svg')) {
+                icon.removeClass('icon-add-svg').addClass('icon-jian-svg');
+            } else {
+                icon.removeClass('icon-jian-svg').addClass('icon-add-svg');
+            }
+        });
+    });
+</script>
+{/block}
\ No newline at end of file
diff --git a/app/index/view/mobile/public/base.html b/app/index/view/mobile/public/base.html
new file mode 100644
index 00000000..d907c6e6
--- /dev/null
+++ b/app/index/view/mobile/public/base.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+        {block name="title"}<title>{$basic_config['website_seo_title']['value']}</title>{/block}
+		{block name="seo"}
+		<meta name="keywords" content="{$basic_config['website_seo_keyword']['value']}" />
+		<meta name="description" content="{$basic_config['website_seo_description']['value']}" />
+		{/block}
+		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+		<link rel="stylesheet" type="text/css" href="__CSS__/public.css" />
+		<link rel="stylesheet" type="text/css" href="__CSS__/style.css" />
+		<link rel="stylesheet" type="text/css" href="__CSS__/fonts.css" />
+        <link rel="stylesheet" type="text/css" href="__CSS__/header.css" />
+        <link rel="stylesheet" type="text/css" href="__CSS__/fonter.css" />
+        {block name="style"}{/block}
+		<link rel="stylesheet" href="https://unpkg.com/swiper@9/swiper-bundle.min.css">
+	</head>
+	<body>
+        {block name="header"}
+            {include file="public/header"/}
+        {/block}
+		{block name="main"}{/block}
+        {block name="footer"}
+            {include file="public/footer"/}
+        {/block}
+        <script type="text/javascript" src='https://code.jquery.com/jquery-3.6.0.min.js'></script>
+		<script src="https://unpkg.com/swiper@9.4.1/swiper-bundle.min.js"></script>
+		{block name="script"}{/block}
+	</body>
+</html>
\ No newline at end of file
diff --git a/app/index/view/mobile/public/footer.html b/app/index/view/mobile/public/footer.html
new file mode 100644
index 00000000..f43e0ee9
--- /dev/null
+++ b/app/index/view/mobile/public/footer.html
@@ -0,0 +1,62 @@
+<footer class="oircoEgapp-foot">
+    <div class="footer">
+        <div class="logo-white"><img src="img/logo-white.png"></div>
+        <!--div class="logo-text">Sign up for news, updates & 10% off your first order.</div>
+            <div class="foot-in"><input type="text" name="E-mail" placeholder="E-mail" class="logo-input"><div class="logo-arr"><img src="img/arriow-r.png" ></div-->
+        <div class="foot-cate">
+            <ul class="clearfix">
+                <li>
+                    <h3>产品</h3>
+                    <p><a>数据存储</a></p>
+                    <p><a>智慧存储</a></p>
+                    <p><a>智能家居</a></p>
+                    <p><a>3C配件</a></p>
+                </li>
+                <li>
+                    <h3>关于我们</h3>
+                    <p>
+                        <a target="_blank" class="inline-block link-faded break-all">关于我们</a>
+                    </p>
+                    <p>
+                        <a target="_blank" class="inline-block link-faded break-all">联系我们</a>
+                    </p>
+                    <p>
+                        <a target="_blank" class="inline-block link-faded break-all">问答中心</a>
+                    </p>
+                </li>
+                <li>
+                    <h3>服务与支持</h3>
+                    <p>
+                        <a class="inline-block link-faded break-all">技术支持</a>
+                    </p>
+                    <p>
+                        <a class="inline-block link-faded break-all">售后政策</a>
+                    </p>
+                    <p>
+                        <a class="inline-block link-faded break-all">ORICO粉丝群</a>
+                    </p>
+                </li>
+                <li>
+                    <h3>联系方式</h3>
+                    <p>邮箱： supports@orico.com.cn</p>
+                    <p>周一至周五:北京时间 9:00- 18:00 </p>
+                </li>
+            </ul>
+        </div>
+        <div class="foot-wei">
+            <div class="m_footer text_white m-in-top clearfix">
+                <div class="left">
+                    <a target="_blank"><img src="img/icon-4-04.png"></a>
+                    <a target="_blank"><img src="img/icon-4-03.png"></a>
+                    <a target="_blank"><img src="img/icon-4-01.png"></a>
+                </div>
+                <div class="right mask-up img-responsive foot-con">
+                    <img class="right-country" src="img/china-img.png">
+                    <span>中国</span>
+                    <img src="img/downicon.png">
+                </div>
+            </div>
+        </div>
+        <div class="copy-text">2015 ORICO Technologies Co.,Ltd 版权所有（粤ICP备15025109号）</div>
+    </div>
+</footer>
\ No newline at end of file
diff --git a/app/index/view/mobile/public/header.html b/app/index/view/mobile/public/header.html
new file mode 100644
index 00000000..38c8e2e1
--- /dev/null
+++ b/app/index/view/mobile/public/header.html
@@ -0,0 +1,153 @@
+<header class="oircoEgapp-head">
+    <div class="headtop">
+        <a><img src="img/logo.png" class="headerlogimg" /></a>
+        <div class="action-r">
+            <div class="right img-responsive cursor_p">
+                <span class="icon-category cursor_p"> <i class="icon-menu-svg"></i></span>
+                <span class="icon-keyword cursor_p"><i class="icon-search-svg"></i></span>
+                <span class="mask-up cursor_p "><i class="icon-lag-svg"></i></span>
+            </div>
+        </div>
+    </div>
+    <!-- 顶部菜单-->
+    <div class="top-menu">
+        <div class="it-ct">
+            <div class="it-1"><a href="http://www.orico.cc/usmobile">首页</a></div>
+        </div>
+        <div class="it-ct">
+            <div class="it-1">
+                <div class="it-1-more">产品列表<i class="icon-arrow"></i></div>
+                <div class="it-1-2"><a>数据存储</a></div>
+                <div class="it-1-2"><a>智慧存储</a></div>
+                <div class="it-1-2"><a>智能家居</a></div>
+                <div class="it-1-2"><a>3C配件</a></div>
+                <div class="it-1-2"><a>特色产品</a></div>
+            </div>
+        </div>
+        <div class="it-ct">
+            <div class="it-1"><a href="http://www.orico.cc/usmobile">新品上市</a></div>
+        </div>
+        <div class="it-ct">
+            <div class="it-1"><a href="http://www.orico.cc/usmobile">SSD</a></div>
+        </div>
+        <div class="it-ct">
+            <div class="it-1"><a href="http://www.orico.cc/usmobile">PSSD</a></div>
+        </div>
+        <div class="it-ct">
+            <div class="it-1">
+                <div class="it-1-more">NAS<i class="icon-arrow"></i></div>
+                <div class="it-1-2"><a>解决方案</a></div>
+                <div class="it-1-2"><a>产品体验</a></div>
+                <div class="it-1-2"><a>客户合作</a></div>
+                <div class="it-1-2"><a>软件下载</a></div>
+                <div class="it-1-2"><a>帮助中心</a></div>
+            </div>
+        </div>
+        <div class="it-ct">
+            <div class="it-1">
+                <div class="it-1-more">加盟合作<i class="icon-arrow"></i></div>
+                <div class="it-1-2"><a>ODM 定制服务</a></div>
+                <div class="it-1-2"><a>批量购买</a></div>
+                <div class="it-1-2"><a>成为经销商</a></div>
+            </div>
+        </div>
+        <div class="it-ct">
+            <div class="it-1">
+                <div class="it-1-more">技术支持<i class="icon-arrow"></i></div>
+                <div class="it-1-2"><a>产品指南</a></div>
+                <div class="it-1-2"><a>联系我们</a></div>
+                <div class="it-1-2"><a>防伪查询</a></div>
+            </div>
+        </div>
+        <div class="it-ct">
+            <div class="it-1">
+                <div class="it-1-more">关于我们<i class="icon-arrow"></i></div>
+                <div class="it-1-2"><a>品牌故事</a></div>
+                <div class="it-1-2"><a>品牌里程</a></div>
+                <div class="it-1-2"><a>品牌动态</a></div>
+            </div>
+        </div>
+    </div>
+    <!-- 顶部搜索-->
+    <div class="top-search">
+        <div class="marsk-container">
+            <div class="popup-quick">
+                <div class="ac-close float_r "><img src="img/close.png"></div>
+                <div class="search-in">
+                    <input type="text" placeholder="产品 USB 2.0...">
+                    <button id="search-btnput" class="search-button">搜索</button>
+                    <div class="title-text">
+                        <p><a href="#">搜索历史</a></p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- 顶部国家选择-->
+    <div class="top-country">
+        <div class="mask"></div>
+        <div class="action-sheet">
+            <div class="menu-title">
+                <div class="menu-name">SELECT A REGION</div>
+                <div class="close-icon">
+                    <img src="img/close.png">
+                </div>
+            </div>
+            <ul>
+                <li><a href="https://www.orico.com.cn/" target="_blank"> <img src="img/china-img.png">China-
+                        中文简体</a></li>
+                <li><a href="https://www.orico.cc/us" target="_blank"><img src="img/US.png">USA - English</a>
+                </li>
+                <li><a href="https://www.oricobr.com" target="_blank"><img src="img/BR.png">Brazil -
+                        portugues</a></li>
+                <li><a href="https://www.ORICOPERU.com" target="_blank"><img src="img/PE.png">Peru - espafol</a>
+                </li>
+                <li><a href="https://www.orico.cc/th" target="_blank"><img src="img/TH.png">Thailand - ไทย</a>
+                </li>
+                <li><a href="https://www.orico.cc/id" target="_blank"><img src="img/ID.png">Indonesia - bahasa
+                        Indonesia</a></li>
+                <li><a href="https://www.orico.cc/vn" target="_blank"><img src="img/VN.png">Vietnam - Tiếng
+                        Việt</a></li>
+                <li><a href="https://www.orico.shop/" target="_blank"><img src="img/NL.png">Netherlands -
+                        English</a></li>
+                <li><a href="http://www.oricoturkiye.com/" target="_blank"><img src="img/TR.png">Turkiye -
+                        Türkçe</a></li>
+                <li><a href="https://www.oricoiran.com" target="_blank"><img src="img/IR.png">Iran - فارسی</a>
+                </li>
+                <li><a href="https://www.orico.com.au" target="_blank"><img src="img/AU.png">Australia -
+                        English</a></li>
+                <li><a href="https://orico-russia.ru" target="_blank"><img src="img/RU.png">Russia - Россия</a>
+                </li>
+            </ul>
+        </div>
+    </div>
+</header>
+<script type="text/javascript">
+    $(function() {
+        // 点击顶部菜单
+        $(".icon-menu-svg").click(function() {
+            $(".top-menu").slideToggle(800);
+        })
+        // 点击一级菜单显示二级菜单
+        $(".it-1-more").on("click", function() {
+            $('.it-1-2').hide();
+            $('.icon-arrow').removeClass('rotate');
+            $(this).siblings('.it-1-2').slideToggle(800);
+            $(this).find('.icon-arrow').addClass('rotate');
+        });
+        //点击搜索
+        $('.icon-search-svg').click(function() {
+            $(".marsk-container").show();
+        })
+        $('.ac-close').click(function() {
+            $(".marsk-container").hide();
+        })
+        // 顶部国家选择
+        $('.icon-lag-svg').click(function(){
+            $(".mask,.action-sheet").show();
+        })
+        $('.top-country .close-icon').click(function(){
+            $(".mask,.action-sheet").hide();
+        })
+    })
+</script>
\ No newline at end of file
diff --git a/app/index/view/about_us/culture.html b/app/index/view/pc/about_us/culture.html
similarity index 100%
rename from app/index/view/about_us/culture.html
rename to app/index/view/pc/about_us/culture.html
diff --git a/app/index/view/about_us/introduction.html b/app/index/view/pc/about_us/introduction.html
similarity index 100%
rename from app/index/view/about_us/introduction.html
rename to app/index/view/pc/about_us/introduction.html
diff --git a/app/index/view/about_us/mileage.html b/app/index/view/pc/about_us/mileage.html
similarity index 100%
rename from app/index/view/about_us/mileage.html
rename to app/index/view/pc/about_us/mileage.html
diff --git a/app/index/view/about_us/policy.html b/app/index/view/pc/about_us/policy.html
similarity index 100%
rename from app/index/view/about_us/policy.html
rename to app/index/view/pc/about_us/policy.html
diff --git a/app/index/view/about_us/story.html b/app/index/view/pc/about_us/story.html
similarity index 100%
rename from app/index/view/about_us/story.html
rename to app/index/view/pc/about_us/story.html
diff --git a/app/index/view/article/detail.html b/app/index/view/pc/article/detail.html
similarity index 100%
rename from app/index/view/article/detail.html
rename to app/index/view/pc/article/detail.html
diff --git a/app/index/view/article/index.html b/app/index/view/pc/article/index.html
similarity index 100%
rename from app/index/view/article/index.html
rename to app/index/view/pc/article/index.html
diff --git a/app/index/view/attachment/index.html b/app/index/view/pc/attachment/index.html
similarity index 100%
rename from app/index/view/attachment/index.html
rename to app/index/view/pc/attachment/index.html
diff --git a/app/index/view/attachment/video.html b/app/index/view/pc/attachment/video.html
similarity index 100%
rename from app/index/view/attachment/video.html
rename to app/index/view/pc/attachment/video.html
diff --git a/app/index/view/contact_us/bulkbuy.html b/app/index/view/pc/contact_us/bulkbuy.html
similarity index 100%
rename from app/index/view/contact_us/bulkbuy.html
rename to app/index/view/pc/contact_us/bulkbuy.html
diff --git a/app/index/view/contact_us/distributor.html b/app/index/view/pc/contact_us/distributor.html
similarity index 100%
rename from app/index/view/contact_us/distributor.html
rename to app/index/view/pc/contact_us/distributor.html
diff --git a/app/index/view/contact_us/index.html b/app/index/view/pc/contact_us/index.html
similarity index 100%
rename from app/index/view/contact_us/index.html
rename to app/index/view/pc/contact_us/index.html
diff --git a/app/index/view/contact_us/message.html b/app/index/view/pc/contact_us/message.html
similarity index 100%
rename from app/index/view/contact_us/message.html
rename to app/index/view/pc/contact_us/message.html
diff --git a/app/index/view/faq/index.html b/app/index/view/pc/faq/index.html
similarity index 100%
rename from app/index/view/faq/index.html
rename to app/index/view/pc/faq/index.html
diff --git a/app/index/view/index/index.html b/app/index/view/pc/index/index.html
similarity index 100%
rename from app/index/view/index/index.html
rename to app/index/view/pc/index/index.html
diff --git a/app/index/view/product/category.html b/app/index/view/pc/product/category.html
similarity index 100%
rename from app/index/view/product/category.html
rename to app/index/view/pc/product/category.html
diff --git a/app/index/view/product/detail.html b/app/index/view/pc/product/detail.html
similarity index 100%
rename from app/index/view/product/detail.html
rename to app/index/view/pc/product/detail.html
diff --git a/app/index/view/product/newpro.html b/app/index/view/pc/product/newpro.html
similarity index 100%
rename from app/index/view/product/newpro.html
rename to app/index/view/pc/product/newpro.html
diff --git a/app/index/view/product/search.html b/app/index/view/pc/product/search.html
similarity index 100%
rename from app/index/view/product/search.html
rename to app/index/view/pc/product/search.html
diff --git a/app/index/view/product/subcategory.html b/app/index/view/pc/product/subcategory.html
similarity index 100%
rename from app/index/view/product/subcategory.html
rename to app/index/view/pc/product/subcategory.html
diff --git a/app/index/view/public/base.html b/app/index/view/pc/public/base.html
similarity index 78%
rename from app/index/view/public/base.html
rename to app/index/view/pc/public/base.html
index 829b6c34..82fd15d2 100644
--- a/app/index/view/public/base.html
+++ b/app/index/view/pc/public/base.html
@@ -10,14 +10,14 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<link rel="stylesheet" type="text/css" href="__CSS__/public.css" />
 		<link rel="stylesheet" type="text/css" href="__CSS__/fonts.css" />
-    <link rel="stylesheet" type="text/css" href="__CSS__/orico_header.css" />
-    <link rel="stylesheet" type="text/css" href="__CSS__/orico_footer.css" />
+		<link rel="stylesheet" type="text/css" href="__CSS__/orico_header.css" />
+		<link rel="stylesheet" type="text/css" href="__CSS__/orico_footer.css" />
 		{block name="style"}{/block}
 		<link rel="stylesheet" href="https://unpkg.com/swiper@9/swiper-bundle.min.css">
 		<script type="text/javascript" src='https://code.jquery.com/jquery-3.6.0.min.js'></script>
 		<script type="text/javascript" src="https://unpkg.com/swiper@9.4.1/swiper-bundle.min.js"></script>
-		<script type="text/javascript" src="/static/index/js/before-after.min.js"></script>
-		<script type="text/javascript" src="/static/index/js/large.js"></script>
+		<script type="text/javascript" src="__JS__/before-after.min.js"></script>
+		<script type="text/javascript" src="__JS__/large.js"></script>
 	</head>
 	<body>
         {block name="header"}
diff --git a/app/index/view/public/footer.html b/app/index/view/pc/public/footer.html
similarity index 100%
rename from app/index/view/public/footer.html
rename to app/index/view/pc/public/footer.html
diff --git a/app/index/view/public/header.html b/app/index/view/pc/public/header.html
similarity index 100%
rename from app/index/view/public/header.html
rename to app/index/view/pc/public/header.html
diff --git a/app/index/view/public/nas_base.html b/app/index/view/pc/public/nas_base.html
similarity index 100%
rename from app/index/view/public/nas_base.html
rename to app/index/view/pc/public/nas_base.html
diff --git a/app/index/view/public/nas_footer.html b/app/index/view/pc/public/nas_footer.html
similarity index 100%
rename from app/index/view/public/nas_footer.html
rename to app/index/view/pc/public/nas_footer.html
diff --git a/app/index/view/public/nas_header.html b/app/index/view/pc/public/nas_header.html
similarity index 100%
rename from app/index/view/public/nas_header.html
rename to app/index/view/pc/public/nas_header.html
diff --git a/app/index/view/topic_nas/cooperation.html b/app/index/view/pc/topic_nas/cooperation.html
similarity index 100%
rename from app/index/view/topic_nas/cooperation.html
rename to app/index/view/pc/topic_nas/cooperation.html
diff --git a/app/index/view/topic_nas/download.html b/app/index/view/pc/topic_nas/download.html
similarity index 100%
rename from app/index/view/topic_nas/download.html
rename to app/index/view/pc/topic_nas/download.html
diff --git a/app/index/view/topic_nas/help.html b/app/index/view/pc/topic_nas/help.html
similarity index 100%
rename from app/index/view/topic_nas/help.html
rename to app/index/view/pc/topic_nas/help.html
diff --git a/app/index/view/topic_nas/help_detail.html b/app/index/view/pc/topic_nas/help_detail.html
similarity index 100%
rename from app/index/view/topic_nas/help_detail.html
rename to app/index/view/pc/topic_nas/help_detail.html
diff --git a/app/index/view/topic_nas/index.html b/app/index/view/pc/topic_nas/index.html
similarity index 100%
rename from app/index/view/topic_nas/index.html
rename to app/index/view/pc/topic_nas/index.html
diff --git a/app/index/view/topic_nas/product.html b/app/index/view/pc/topic_nas/product.html
similarity index 100%
rename from app/index/view/topic_nas/product.html
rename to app/index/view/pc/topic_nas/product.html
diff --git a/public/static/index/fonts/Montserrat-Bold.ttf b/public/static/common/fonts/Montserrat-Bold.ttf
similarity index 100%
rename from public/static/index/fonts/Montserrat-Bold.ttf
rename to public/static/common/fonts/Montserrat-Bold.ttf
diff --git a/public/static/index/fonts/Montserrat-Medium.ttf b/public/static/common/fonts/Montserrat-Medium.ttf
similarity index 100%
rename from public/static/index/fonts/Montserrat-Medium.ttf
rename to public/static/common/fonts/Montserrat-Medium.ttf
diff --git a/public/static/index/fonts/Montserrat-Regular.ttf b/public/static/common/fonts/Montserrat-Regular.ttf
similarity index 100%
rename from public/static/index/fonts/Montserrat-Regular.ttf
rename to public/static/common/fonts/Montserrat-Regular.ttf
diff --git a/public/static/index/fonts/Montserrat-SemiBold.ttf b/public/static/common/fonts/Montserrat-SemiBold.ttf
similarity index 100%
rename from public/static/index/fonts/Montserrat-SemiBold.ttf
rename to public/static/common/fonts/Montserrat-SemiBold.ttf
diff --git a/public/static/common/fonts/icomoon/colleciton/icomoon.eot b/public/static/common/fonts/icomoon/colleciton/icomoon.eot
new file mode 100755
index 00000000..816e3e74
--- /dev/null
+++ b/public/static/common/fonts/icomoon/colleciton/icomoon.eot
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:30d1f34e9a35de1422755b806cc53dbfe2b399946295f5b8abf050e5a0c143fe
+size 1620
diff --git a/public/static/common/fonts/icomoon/colleciton/icomoon.svg b/public/static/common/fonts/icomoon/colleciton/icomoon.svg
new file mode 100755
index 00000000..16ab59c4
--- /dev/null
+++ b/public/static/common/fonts/icomoon/colleciton/icomoon.svg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:758eacef130dff5f8583a3dee2f432c76e624566b69314a929781c299dd808c6
+size 2372
diff --git a/public/static/common/fonts/icomoon/colleciton/icomoon.ttf b/public/static/common/fonts/icomoon/colleciton/icomoon.ttf
new file mode 100755
index 00000000..e2d1a968
--- /dev/null
+++ b/public/static/common/fonts/icomoon/colleciton/icomoon.ttf
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a83c980b3d128f53ff77be255c67d810276dff696960a90668c631fd13d57807
+size 1456
diff --git a/public/static/common/fonts/icomoon/colleciton/icomoon.woff b/public/static/common/fonts/icomoon/colleciton/icomoon.woff
new file mode 100755
index 00000000..d35b5af6
--- /dev/null
+++ b/public/static/common/fonts/icomoon/colleciton/icomoon.woff
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ea253ae3f1b6405957bf5299ba664933ec5ee0e92b5cd3cb4f10124f2766adf7
+size 1532
diff --git a/public/static/common/fonts/icomoon/icomoon.eot b/public/static/common/fonts/icomoon/icomoon.eot
new file mode 100755
index 00000000..6b0b8900
--- /dev/null
+++ b/public/static/common/fonts/icomoon/icomoon.eot
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0d61d3a48bd8633b19e41316d84e9e2a543a7b453886929b95e7b0229fb93718
+size 3460
diff --git a/public/static/common/fonts/icomoon/icomoon.svg b/public/static/common/fonts/icomoon/icomoon.svg
new file mode 100755
index 00000000..8b3aaa18
--- /dev/null
+++ b/public/static/common/fonts/icomoon/icomoon.svg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:75c2da228ca3c66ef45e89f8fef5e082b2909ecc9707d05db1766bcae8eff807
+size 8110
diff --git a/public/static/common/fonts/icomoon/icomoon.ttf b/public/static/common/fonts/icomoon/icomoon.ttf
new file mode 100755
index 00000000..19548ef5
--- /dev/null
+++ b/public/static/common/fonts/icomoon/icomoon.ttf
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e5827035deed1e5b899cd3eb0432d43d125b3abf469a83a7cc4fc7992a717466
+size 3296
diff --git a/public/static/common/fonts/icomoon/icomoon.woff b/public/static/common/fonts/icomoon/icomoon.woff
new file mode 100755
index 00000000..4f8bb8bb
--- /dev/null
+++ b/public/static/common/fonts/icomoon/icomoon.woff
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1b020cbd32d4b2b33791090fae451eaef7023286a80164f6b258d3a95683cae7
+size 3372
diff --git a/public/static/common/fonts/icomoon/icomoona.ttf b/public/static/common/fonts/icomoon/icomoona.ttf
new file mode 100755
index 00000000..33b804d2
--- /dev/null
+++ b/public/static/common/fonts/icomoon/icomoona.ttf
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:50902f213477a9b8aec54d9ef506bc87d59835ed8863b28623fc49bebcedf9e2
+size 2228
diff --git a/public/static/index/css/fonts.css b/public/static/index/mobile/css/fonts.css
similarity index 88%
rename from public/static/index/css/fonts.css
rename to public/static/index/mobile/css/fonts.css
index 69f04b75..9c3d7909 100755
--- a/public/static/index/css/fonts.css
+++ b/public/static/index/mobile/css/fonts.css
@@ -1,8 +1,8 @@
 @font-face {
   font-family: 'icomoon';
-  src: url('fonts/icomoon/icomoon.eot?ujw7hy');
-  src: url('fonts/icomoon/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('fonts/icomoon/icomoon.ttf?ujw7hy') format('truetype'),
-    url('fonts/icomoon/icomoon.woff?ujw7hy') format('woff'), url('fonts/icomoon/icomoon.svg?ujw7hy#icomoon') format('svg');
+  src: url('/static/common/fonts/icomoon/icomoon.eot?ujw7hy');
+  src: url('/static/common/fonts/icomoon/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('/static/common/fonts/icomoon/icomoon.ttf?ujw7hy') format('truetype'),
+    url('/static/common/fonts/icomoon/icomoon.woff?ujw7hy') format('woff'), url('/static/common/fonts/icomoon/icomoon.svg?ujw7hy#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
 }
diff --git a/public/static/index/mobile/css/footer.css b/public/static/index/mobile/css/footer.css
new file mode 100755
index 00000000..4815cb81
--- /dev/null
+++ b/public/static/index/mobile/css/footer.css
@@ -0,0 +1,34 @@
+.oircoEgapp-foot .logo-white img {
+  margin: 0 auto;
+}
+.oircoEgapp-foot .m_footer {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+.oircoEgapp-foot .m_footer .left,
+.oircoEgapp-foot .foot-con {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.oircoEgapp-foot .m_footer .right {
+  max-width: 55%;
+}
+.oircoEgapp-foot .m_footer .left {
+  max-width: 40%;
+  justify-content: end;
+  margin-right: 4%;
+}
+.oircoEgapp-foot .foot-con span {
+  width: auto;
+  padding: 0 0.625rem;
+}
+.oircoEgapp-foot .foot-cate .clearfix li h3 {
+  margin-bottom: 10px;
+}
+.oircoEgapp-foot .foot-cate .clearfix li p,
+.oircoEgapp-foot .foot-cate .clearfix li p a {
+  font-size: 12px;
+}
diff --git a/public/static/index/mobile/css/header.css b/public/static/index/mobile/css/header.css
new file mode 100755
index 00000000..13fdfdcb
--- /dev/null
+++ b/public/static/index/mobile/css/header.css
@@ -0,0 +1,60 @@
+.oircoEgapp-head {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: auto;
+  position: fixed;
+  top: 0;
+  z-index: 10;
+  width: -webkit-fill-available;
+}
+.oircoEgapp-head .headtop {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 1rem;
+  height: 3.5rem;
+  background: #fff;
+}
+.oircoEgapp-head .headtop .headerlogimg {
+  width: 8.75rem;
+  height: 2.25rem;
+}
+.oircoEgapp-head .top-menu {
+  background-color: #fff;
+  overflow: hidden;
+  width: 100%;
+  color: #000;
+  display: none;
+}
+.oircoEgapp-head .top-menu .it-ct {
+  font-family: "Montserrat-SemiBold";
+  font-weight: bold;
+}
+.oircoEgapp-head .top-menu .it-ct .it-1 {
+  padding: 1rem 3.5% 0.65rem;
+  border-bottom: 1px solid #e5e5e5;
+  font-size: 12px;
+  position: relative;
+}
+.oircoEgapp-head .top-menu .it-ct .it-1-more {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  padding-bottom: 1.5%;
+}
+.oircoEgapp-head .top-menu .it-ct .it-1-more i {
+  font-weight: bold;
+}
+.oircoEgapp-head .top-menu .it-ct .it-1-2 {
+  padding-left: 1rem;
+  font-size: 12px;
+  line-height: 1.8rem;
+  font-weight: 100;
+  font-weight: bold;
+  display: none;
+}
+.oircoEgapp-head .top-menu .it-ct .it-1-2 a {
+  color: #666;
+}
diff --git a/public/static/index/mobile/css/public.css b/public/static/index/mobile/css/public.css
new file mode 100755
index 00000000..2e56fd8c
--- /dev/null
+++ b/public/static/index/mobile/css/public.css
@@ -0,0 +1,88 @@
+@font-face {
+	font-family: "Montserrat";
+	src: url("/static/common/fonts/Montserrat-Regular.ttf") format("truetype");
+	font-weight: normal;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: "Montserrat-Bold";
+	src: url("/static/common/fonts/Montserrat-Bold.ttf") format("truetype");
+	font-weight: normal;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: "Montserrat-Medium";
+	src: url("/static/common/fonts/Montserrat-Medium.ttf") format("truetype");
+	font-weight: normal;
+	font-style: normal;
+}
+
+* {
+	margin: 0;
+	padding: 0;
+	/* font-family: 'Montserrat'; */
+	-ms-overflow-style: none;
+	/* IE 和 Edge */
+	scrollbar-width: none;
+	/* Firefox */
+}
+
+::-webkit-scrollbar {
+	display: none;
+}
+
+*:hover {
+	transition: all 0.2s linear;
+	-webkit-transition: all 0.2s linear;
+}
+
+body {
+	font-size: 1.2em;
+	font-weight: 400;
+	color: #333;
+}
+
+select,
+input,
+textarea,
+button {
+	outline: none;
+	font-size: 0.875rem;
+	border-radius: 0;
+	-webkit-border-radius: 0;
+	color: #414446;
+	-moz-border-radius: 0;
+	-ms-border-radius: 0;
+	-o-border-radius: 0;
+}
+
+a {
+	color: #000;
+	cursor: pointer;
+	text-decoration: none;
+	transition: all 0.2s linear;
+	-webkit-transition: all 0.2s linear;
+	text-decoration: none;
+	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+img {
+	display: block;
+}
+
+ul li {
+	/* padding: 2px 0; */
+	list-style-type: none;
+}
+
+ol,
+ul,
+a {
+	list-style: none;
+}
+
+body {
+	font-family: 'Montserrat-SemiBold';
+}
\ No newline at end of file
diff --git a/public/static/index/mobile/css/style.css b/public/static/index/mobile/css/style.css
new file mode 100755
index 00000000..cb928dfa
--- /dev/null
+++ b/public/static/index/mobile/css/style.css
@@ -0,0 +1,3941 @@
+@font-face {
+	font-family: "Montserrat";
+	src: url("/static/common/fonts/Montserrat-Regular.ttf") format("truetype");
+	font-weight: normal;
+	font-style: normal;
+}
+@font-face {
+	font-family: "Montserrat-Bold";
+	src: url("/static/common/fonts/Montserrat-Bold.ttf") format("truetype");
+	font-weight: normal;
+	font-style: normal;
+}
+@font-face {
+	font-family: "Montserrat-Medium";
+	src: url("/static/common/fonts/Montserrat-Medium.ttf") format("truetype");
+	font-weight: normal;
+	font-style: normal;
+}
+@font-face {
+	font-family: "Montserrat-SemiBold";
+	src: url("/static/common/fonts/Montserrat-SemiBold.ttf") format("truetype");
+	font-weight: normal;
+	font-style: normal;
+}
+body {
+  font-family: 'Montserrat-SemiBold';
+  margin: auto;
+  background-color: #f5f5f5;
+  max-width: 750px;
+}
+img {
+  border: none;
+  border: 0;
+  vertical-align: top;
+}
+
+@media screen and (min-width: 640px) and (max-width: 1000px) {
+  body,
+  html {
+    font-size: 94% !important;
+  }
+}
+@media only screen and (min-width: 480px) and (max-width: 639px) {
+  body,
+  html {
+    font-size: 92% !important;
+  }
+}
+@media only screen and (min-width: 384px) and (max-width: 479px) {
+  body,
+  html {
+    font-size: 90% !important;
+  }
+}
+@media only screen and (min-width: 320px) and (max-width: 383px) {
+  body,
+  html {
+    font-size: 88% !important;
+  }
+}
+@media only screen and (max-width: 319px) {
+  body,
+  html {
+    font-size: 86% !important;
+  }
+}
+
+@media screen and (min-width: 756px) {
+  #content {
+    width: 750px;
+    margin: 0 auto;
+  }
+}
+@media screen and (max-width: 750px) {
+  #content {
+    width: 100%;
+    margin: 0;
+  }
+}
+
+input {
+  border: none;
+  outline: none;
+}
+/*ul, li, dl, dt, dd{list-style: none; padding:0; margin:0;}*/
+ul,
+li,
+form,
+dl,
+dt,
+dd,
+div,
+ul,
+li,
+p,
+em,
+i,
+address {
+  font-style: normal;
+  list-style: none;
+  padding: 0px;
+  margin: 0px;
+}
+a {
+  text-decoration: none;
+  cursor: pointer;
+}
+.bg-w {
+  background: #fff;
+  padding: 1.5rem 0;
+}
+.m_Container {
+  max-width: 720px;
+  margin: auto;
+  margin: 0 1rem;
+}
+.m_Container p {
+  text-align: left;
+}
+.m_Content {
+  max-width: 720px;
+  margin: auto;
+  margin: 0 1rem;
+}
+/* .m_Container .swiper-slide{padding-right:1.5rem;} */
+.m_Container .swiper-slide:last-child {
+  padding-right: 0;
+}
+.m-in-top {
+  padding: 0.5rem 0;
+}
+.big_title {
+  font-size: 1.01rem;
+}
+.title {
+  font-size: 0.85rem;
+} /*32px*/
+.subtitle {
+  font-size: 0.75rem;
+} /*28px*/
+.des {
+  font-size: 0.64rem;
+} /*24px*/
+.text_16 {
+  font-size: 0.43rem;
+} /*16px*/
+.text_18 {
+  font-size: 0.48rem;
+} /*18px*/
+.text_20 {
+  font-size: 0.54rem;
+} /*20px*/
+.text_22 {
+  font-size: 0.58rem;
+} /*22px*/
+.text_24 {
+  font-size: 0.64rem;
+} /*24px*/
+.text_28 {
+  font-size: 0.747rem;
+} /*28px*/
+.text_30 {
+  font-size: 0.8rem;
+} /*30px*/
+.text_32 {
+  font-size: 0.85rem;
+} /*32px*/
+.text_38 {
+  font-size: 1.013rem;
+} /*38px*/
+.text_40 {
+  font-size: 1.067rem;
+} /*40px*/
+.text_48 {
+  font-size: 1.28rem;
+} /*48px*/
+.error {
+  border: 1px solid #ff4155 !important;
+}
+.text_center {
+  text-align: center;
+}
+.text_left {
+  text-align: left;
+}
+.text_right {
+  text-align: right;
+}
+.img-responsive img {
+  height: auto;
+  max-width: 100%;
+}
+.img-responsives img {
+  display: block;
+  height: auto;
+  width: 100%;
+}
+.title_margin-top {
+  margin-top: 0.85rem;
+}
+.subtitle_margin-top {
+  margin-top: 0.9rem;
+}
+.bottom-margin {
+  margin-bottom: 0.2rem;
+}
+.overflow-h {
+  overflow: hidden;
+}
+.position_r {
+  position: relative;
+}
+.sition_banner {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.position_a {
+  position: absolute;
+  top: 0;
+  left: 10%;
+  width: 80%;
+  margin: auto;
+}
+.text_white {
+  color: #fff;
+}
+.text_black {
+  color: #333;
+}
+.text_gray {
+  color: #666;
+}
+.text_blue {
+  color: #009fdf;
+}
+.margin-top-120 {
+  margin-top: 3.1rem;
+} /*上边距120px*/
+.margin-top-80 {
+  margin-top: 2.13rem;
+} /*上边距80px*/
+.margin-top-70 {
+  margin-top: 2rem;
+} /*上边距70px*/
+.margin-top-60 {
+  margin-top: 52px;
+} /*上边距60px*/
+.margin-top-50 {
+  margin-top: 1.12rem;
+}
+.margin-top-40 {
+  margin-top: 0.95rem;
+}
+.margin-top-35 {
+  margin-top: 0.8rem;
+}
+.margin-top-30 {
+  margin-top: 0.68rem;
+}
+.margin-top-20 {
+  margin-top: 0.5rem;
+}
+.margin-top-14 {
+  margin-top: 0.35rem;
+}
+.margin-top-10 {
+  margin-top: 0.25rem;
+}
+.margin-45 {
+  margin-top: 5.5rem !important;
+}
+.margin-4 {
+  margin-top: 4rem !important;
+}
+.margin-bottom-60 {
+  margin-bottom: 1.6rem;
+} /*下边距60px;*/
+.margin-bottom-48 {
+  margin-bottom: 1.125rem;
+} /*下边距50px;*/
+.margin-bottom-40 {
+  margin-bottom: 0.95rem;
+} /*下边距40px;*/
+.margin-bottom-20 {
+  margin-bottom: 0.5rem;
+} /*下边距20px;*/
+.margin-bottom-35 {
+  margin-bottom: 0.8rem;
+} /*下边距35px;*/
+.margin-bottom-10 {
+  margin-bottom: 0.27rem;
+} /*下边距10px;*/
+.margin-bottom-30 {
+  margin-bottom: 0.84rem;
+} /*下边距30px;*/
+.text-indent_48 {
+  text-indent: 1.28rem;
+}
+.line-height-40 {
+  line-height: 1.07rem;
+}
+.line_height_38 {
+  line-height: 1.01rem;
+}
+.line-height-45 {
+  line-height: 1.2rem;
+}
+.line-height-50 {
+  line-height: 1.33rem;
+}
+.bg_white {
+  background-color: #fff;
+  overflow: hidden;
+  position: relative;
+}
+.bg_blue {
+  background-color: #009fdf;
+  overflow: hidden;
+  position: relative;
+}
+.bg_black {
+  background-color: #1e1e1e;
+  overflow: hidden;
+  position: relative;
+}
+.bg_gray {
+  background-color: #f5f5f5;
+  overflow: hidden;
+  position: relative;
+}
+.nowrap_ellipsis {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+} /*字体不换行*/
+.cursor_p {
+  cursor: pointer;
+} /*鼠标样式*/
+.margin-top-90 {
+  /*margin-top: 2.4rem;*/
+} /*距离顶部的距离*/
+.margin-bottom-90 {
+  margin-bottom: 2.4rem;
+} /*距离顶部的距离*/
+.f_weight_600 {
+  font-weight: 600;
+}
+.f_weight_500 {
+  font-weight: 500;
+}
+.f_weight_400 {
+  font-weight: 400;
+}
+.f_weight_300 {
+  font-weight: 300;
+}
+.f_weight_200 {
+  font-weight: 200;
+}
+.f_weight_100 {
+  font-weight: 100;
+}
+.v-mid {
+  vertical-align: middle;
+}
+.float_l {
+  float: left;
+}
+.float_r {
+  float: right;
+}
+.vedio-h {
+  height: 400px;
+}
+/*头部*/
+
+.header {
+  background-color: transparent;
+  width: 100%;
+  margin: auto;
+  position: fixed;
+  z-index: 9999;
+  display: inline-block;
+  top: 0;
+  color: #fff;
+}
+.m_nav {
+  margin: auto;
+  height: 3.5rem;
+  background: #fff;
+  position: fixed;
+  z-index: 9999;
+  display: inline-block;
+  top: 0;
+  color: #000;
+  width: 100%;
+}
+
+.m_Container .left {
+  float: left;
+  padding: 0.5rem 0;
+}
+.m_Container .left img {
+  max-width: 100%;
+}
+.m_Container .center {
+  text-align: center;
+  float: left;
+  padding: 0 0 0 4.5rem;
+}
+.m_Container .center img {
+  max-width: 100%;
+  margin: auto;
+}
+.m_Container .right {
+  float: right;
+  margin: 1rem 0 0 0;
+}
+.m_Container .right img {
+  max-width: 60%;
+}
+.m_Container .right span {
+  margin-left: 0.11rem;
+}
+.m_Container span {
+  font-size: 1rem;
+}
+.index_title {
+  font-size: 0.5rem;
+}
+.menu-new-off {
+  background: #004bfa;
+  padding: 0.5rem 0;
+  color: #fff;
+  text-align: center;
+  font-size: 0.8rem;
+  font-weight: 600;
+}
+.clearfix {
+  overflow: hidden;
+  _zoom: 1;
+}
+.clearfix:after {
+  content: '';
+  display: block;
+  clear: both;
+  height: 0;
+  visibility: hidden;
+}
+.clearfix {
+  *zoom: 1;
+}
+/*swiper*/
+.swiper-container {
+  width: 100%;
+  margin: auto;
+  cursor: pointer;
+  overflow: hidden;
+  padding: 1% 0;
+  position: relative;
+  padding-top: 1rem;
+}
+
+.swiper-container-vertical > .swiper-wrapper {
+  flex-direction: column;
+}
+.swiper-wrapper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  display: flex;
+  transition-property: transform;
+  box-sizing: content-box;
+}
+.swiper-container-android .swiper-slide,
+.swiper-wrapper {
+  transform: translate3d(0px, 0, 0);
+}
+.swiper-container-multirow > .swiper-wrapper {
+  flex-wrap: wrap;
+}
+.swiper-container-multirow-column > .swiper-wrapper {
+  flex-wrap: wrap;
+  flex-direction: column;
+}
+.swiper-container-free-mode > .swiper-wrapper {
+  transition-timing-function: linear;
+  margin: 0 auto;
+}
+.swiper-slide {
+  flex-shrink: 0;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  transition-property: transform;
+}
+.swiper-slide-invisible-blank {
+  visibility: hidden;
+}
+
+.swiper-pagination {
+  position: relative;
+  text-align: center;
+  transition: 300ms opacity;
+  transform: translate3d(0, 0, 0);
+  z-index: 10;
+}
+.swiper-pagination.swiper-pagination-hidden {
+  opacity: 0;
+}
+
+.swiper-pagination-bullet {
+  width: 8px;
+  height: 8px;
+  display: inline-block;
+  border-radius: 100%;
+  background: #858585;
+}
+button.swiper-pagination-bullet {
+  border: none;
+  margin: 0;
+  padding: 0;
+  box-shadow: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+.swiper-pagination-clickable .swiper-pagination-bullet {
+  cursor: pointer;
+}
+.swiper-pagination-bullet-active {
+  opacity: 1;
+  background: #004bfa;
+}
+
+.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
+  margin: 6px 0;
+  display: block;
+}
+.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+  top: 50%;
+  transform: translateY(-50%);
+  width: 8px;
+}
+.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  display: inline-block;
+  transition: 200ms transform, 200ms top;
+  -webkit-transition: 200ms transform, 200ms top;
+  -moz-transition: 200ms transform, 200ms top;
+  -ms-transition: 200ms transform, 200ms top;
+  -o-transition: 200ms transform, 200ms top;
+}
+.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
+  margin: 0 4px;
+}
+.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+  left: 50%;
+  transform: translateX(-50%);
+  white-space: nowrap;
+  margin: 1.5rem 0;
+}
+.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  transition: 200ms transform, 200ms left;
+}
+.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  transition: 200ms transform, 200ms right;
+}
+
+/*广告*/
+.index-img {
+  width: 100%;
+  text-align: center;
+  background: #fff;
+  margin-bottom: 2rem;
+}
+.index-img .more img {
+  width: 6%;
+  margin-bottom: 1px;
+}
+.index-img img {
+  max-width: 100%;
+}
+.Innew-text {
+  padding: 4rem 0;
+  text-align: center;
+}
+.Innew-text .title {
+  font-size: 2.5rem;
+  padding-bottom: 1rem;
+  font-family: 'Montserrat-Bold';
+}
+.Inpro-text {
+  padding: 2rem 0 0.8rem;
+  text-align: center;
+}
+.Inpro-text .title {
+  font-size: 1.5rem;
+  padding-bottom: 1rem;
+  font-family: 'Montserrat-Bold';
+}
+
+.Innew-text .more {
+  font-size: 1.3rem;
+}
+.Innew-text .more a {
+  color: #000;
+}
+
+.Innew-text img {
+  vertical-align: middle;
+}
+/*视频*/
+video {
+  max-width: 100%;
+}
+video img {
+  max-width: 100%;
+}
+
+/*产品滑动*/
+.inproimg {
+  background: #fff;
+  max-width: 220px;
+  margin: 0 0 0 1rem;
+  padding: 2rem 2rem 0 2rem;
+}
+.inprotext {
+  padding: 1rem 2rem 2rem;
+}
+.inprotext .title {
+  font-size: 1.2rem;
+  max-height: 3rem;
+  overflow: hidden;
+  font-family: 'Montserrat-Bold';
+}
+.inprotext .t-f16 {
+  font-size: 1rem;
+  padding: 1rem 0;
+  font-weight: 100;
+  max-height: 1.4rem;
+  overflow: hidden;
+}
+.inprotext .more {
+  color: #004bfa;
+  font-size: 1rem;
+  padding: 0.8rem 0;
+}
+.inprotext .more img {
+  vertical-align: middle;
+}
+.inpro-text {
+  padding: 1rem 0;
+}
+.inpro-text .more {
+  font-size: 1.3rem;
+}
+.inpro-text .more img {
+  vertical-align: middle;
+}
+.indocking {
+  width: 100%;
+  position: relative;
+  margin: 1rem 0;
+}
+.indocking img {
+  max-width: 100%;
+  vertical-align: middle;
+}
+.vedio_in {
+  position: relative;
+  padding-bottom: 56.25%; /* 16:9 */
+  height: 0;
+  margin: 1rem 0 1.5rem;
+}
+.vedio_in img {
+  position: absolute;
+  display: block;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 20;
+  cursor: pointer;
+}
+.vedio_in:after {
+  content: '';
+  position: absolute;
+  display: block;
+  background: url(../images/video-icon.png) no-repeat 0 0;
+  top: 35%;
+  left: 40%;
+  width: 56px;
+  height: 56px;
+  z-index: 30;
+  cursor: pointer;
+}
+.vedio_in iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.vedio_in .player img {
+  display: none;
+}
+.vedio_in .player:after {
+  display: none;
+}
+/*头部弹出菜单*/
+.menu {
+  background-color: #fff;
+  overflow: hidden;
+  width: 100%;
+}
+.menu dl {
+  border-bottom: 1px solid #e5e5e5;
+  width: 93%;
+  padding: 1rem 3.5% 0.65rem;
+  position: relative;
+  font-size: 12px;
+  color: #000;
+  overflow: hidden;
+}
+.menu i {
+  position: absolute;
+  display: inline-block;
+  right: 3.4%;
+  top: 0.8rem;
+  font-weight: 600;
+  color: #000;
+}
+.menu dd {
+  padding-left: 1rem;
+  display: none;
+  font-size: 12px;
+  line-height: 1.8rem;
+  font-weight: 100;
+  color: #666;
+}
+.menu dl dd:nth-child(1) {
+  margin-top: 0.2rem;
+}
+.menu .search {
+  width: 100%;
+  text-align: center;
+  margin-top: 0.45rem;
+  position: relative;
+}
+.menu .search .updown_search_btn {
+  background: none;
+  border: none;
+  position: absolute;
+  right: 3.5%;
+  top: 0.6rem;
+  font-size: 1.8em;
+  vertical-align: middle;
+  color: #333;
+}
+.menu .SingIn-button a {
+  display: inline-block;
+  border: 1px solid #fff;
+  color: #666666;
+  margin-left: 1.2rem;
+  margin-right: 1.2rem;
+  text-align: center;
+  text-decoration: none;
+  margin-top: 0.85rem;
+  margin-bottom: 0.45rem;
+  font-size: 0.8125rem;
+  background-color: #fff;
+  padding: 0.2rem 1.25rem;
+}
+.menu .search .form-control {
+  width: 90%;
+  border: 1px solid rgba(220, 221, 221, 0.7);
+  vertical-align: middle;
+  padding: 1rem 2.4%;
+  font-size: 1rem;
+  background-color: #fff;
+  border-radius: 0.5rem;
+  -webkit-border-radius: 0.5rem;
+  -moz-border-radius: 0.5rem;
+  -ms-border-radius: 0.5rem;
+  -o-border-radius: 0.5rem;
+}
+.menu .search .icon-search {
+  color: #999999;
+}
+.menu dl a {
+  color: #000;
+}
+.menu dl a:hover {
+  color: #000;
+}
+.menu dd a {
+  color: #666;
+}
+.menu dd a:hover {
+  color: #737373;
+}
+/*头部搜索弹窗*/
+.popup-quick {
+  width: 86%;
+  background-color: #fff;
+  z-index: 9999;
+  box-shadow: 0px 2px 5px rgba(255, 255, 255, 0.2);
+  color: #333;
+  padding: 1rem;
+  border-radius: 5px;
+  margin: 1rem auto 0;
+  position: relative;
+}
+.ac-popup-btn {
+  padding: 40px 0 0;
+  clear: both;
+  margin: auto;
+  width: 90%;
+}
+.ac-close {
+  cursor: pointer;
+}
+.business-close {
+  position: absolute;
+  right: 1rem;
+  top: 2rem;
+  cursor: pointer;
+}
+.title-text {
+  padding-top: 2rem;
+  color: #333;
+}
+.title-text p {
+  line-height: 2rem;
+}
+.title-text p a {
+  color: #989898;
+}
+.title-text p a:hover {
+  color: #989898;
+}
+.marsk-container {
+  background: rgba(0, 0, 0, 0.8);
+  display: none;
+  position: absolute;
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0px;
+  z-index: 9999;
+}
+.marsk-container-detail {
+  background: rgba(0, 0, 0, 0.8);
+  display: none;
+  position: absolute;
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0px;
+  z-index: 9999;
+}
+.search-in {
+  margin-top: 3rem;
+}
+.search-in input {
+  width: 70% !important;
+  height: 2.8rem;
+  background: #ffffff;
+  border: 1px solid #d6d6d6;
+  opacity: 1;
+  border-radius: 20px;
+  padding: 0 0.5rem;
+}
+::-webkit-input-placeholder {
+  color: #989898;
+}
+.search-button {
+  border: none;
+  font-size: 0.9rem;
+  color: #fff;
+  position: absolute;
+  right: 10px;
+  cursor: pointer;
+  background: #0060ff;
+  height: 2.5rem;
+  border-radius: 20px;
+  padding: 0 0.8rem;
+  -webkit-border-radius: 20px;
+  -moz-border-radius: 20px;
+  -ms-border-radius: 20px;
+  -o-border-radius: 20px;
+}
+/*头部国家*/
+.m-Country {
+  width: 100%;
+  font-size: 0.6875rem;
+  color: #fff;
+  background-color: #efefef;
+  overflow: hidden;
+  text-align: left;
+}
+.m-Country:before {
+  width: 0;
+  height: 0;
+  border-right: 0.36rem solid transparent;
+  border-left: 0.36rem solid transparent;
+  border-bottom: 0.46rem solid #efefef;
+  position: absolute;
+  margin-top: -0.4rem;
+  right: 0.95rem;
+  content: '';
+}
+.m-Country ul {
+  width: 80%;
+  margin: 0 auto 2rem;
+}
+.m-Country li {
+  border-bottom: 1px solid #e3e3e3;
+  width: 93%;
+  padding: 0.65rem 3.5% 0.65rem;
+  position: relative;
+}
+.m-Country a {
+  color: #333;
+  text-decoration: none;
+}
+
+/*banner*/
+.banner {
+  width: 100%;
+}
+.banner_list li {
+  position: relative;
+}
+.ban-p {
+  margin: 0 auto;
+  text-align: center;
+  width: 100%;
+  margin: 5rem 0;
+}
+.ban-h2 {
+  font-size: 2rem;
+  font-weight: 600;
+  margin: auto;
+  line-height: 2rem;
+  padding: 0 3rem;
+  font-family: 'Montserrat-Bold';
+}
+.ban-t {
+  padding: 0.5rem 3rem;
+  font-size: 1.125rem;
+  font-family: 'Montserrat-Regular';
+}
+.btn-more {
+  background: transparent;
+  border: 1px solid #fff;
+  border-radius: 42px;
+  -webkit-border-radius: 42px;
+  -moz-border-radius: 42px;
+  -ms-border-radius: 42px;
+  -o-border-radius: 42px;
+  color: #fff;
+  padding: 0.5rem 1rem;
+  margin-top: 2rem;
+  width: 7rem;
+  margin: auto;
+  font-size: 1rem;
+  font-weight: 600;
+  font-family: 'Montserrat-Bold';
+}
+/*类别*/
+.category {
+  position: relative;
+  background-color: #fff;
+  overflow: hidden;
+  box-shadow: 0px 5px 20px #e6e6e6;
+  width: 95%;
+  margin: 0.5rem auto;
+  border-radius: 5px;
+}
+.category ul {
+  width: 90%;
+  margin: 1rem auto 0.15rem;
+  overflow: hidden;
+}
+.category ul li {
+  width: 33.33333%;
+  float: left;
+  text-align: left;
+  padding: 0.2rem 0;
+}
+.category ul li p:hover {
+  color: #00a0e9;
+}
+.category p {
+  font-size: 0.6rem;
+  color: #333333;
+}
+.category p:nth-child(1) {
+  margin-bottom: 0;
+}
+.category p:nth-child(2) {
+  margin-top: 0.2rem;
+  margin-bottom: 0.8rem;
+}
+.category ul img {
+  height: 1.28rem;
+}
+/*内容*/
+.Brand_research {
+  width: 100%;
+  margin-top: 0.55rem;
+}
+.Brand_research li {
+  border-radius: 5px;
+  background-color: #009fdf;
+  text-align: center;
+  font-size: 0.8rem;
+  color: #fff;
+  padding: 1.1rem 0 1.25rem;
+  margin-bottom: 10px;
+}
+.index_video {
+  margin-top: 1.1rem;
+}
+.index_video .title {
+  margin-bottom: 0.7rem;
+  font-weight: 600;
+}
+.index_video .des {
+  line-height: 0.98rem;
+}
+.index_video video {
+  margin-top: 0.5em;
+}
+
+.index_culute {
+  margin-top: 0.85rem;
+}
+.index_culute p {
+  display: block;
+}
+.index_culute .title {
+  margin-bottom: 0em;
+  margin-top: 0rem;
+}
+.index_culute .des {
+  margin-bottom: 0.95rem;
+  overflow: hidden;
+  margin-top: 0.3rem;
+}
+
+.partner {
+  margin-bottom: 1.75rem;
+}
+.partner .title {
+  margin-top: 1.15rem;
+  margin-bottom: 0.98rem;
+}
+.index_partner_list li {
+  width: 24.25%;
+  margin-right: 1%;
+  float: left;
+}
+.index_partner_list li:last-child {
+  margin-right: 0;
+}
+/*number*/
+.num-bg {
+  background: #1d4af0;
+  padding: 2rem 0.5rem;
+}
+.num-bg li {
+  float: left;
+  color: #fff;
+  width: 33.3%;
+  text-align: center;
+}
+
+.num-bg li h3 {
+  font-size: 1.2rem;
+  padding: 0.2rem 0;
+  text-align: center;
+  margin: 0;
+  font-family: 'Montserrat-Bold';
+}
+.num-bg li p {
+  font-size: 0.8rem;
+  font-family: 'Montserrat-Regular';
+}
+/*标题*/
+.Tech-text {
+  text-align: center;
+  width: 80%;
+  margin: 0 auto;
+  padding: 2rem 0;
+}
+.Tech-text h3 {
+  margin: 0;
+  font-size: 1.5rem;
+}
+.Tech-text p {
+  padding: 1rem 0;
+  font-size: 0.875rem;
+  font-family: 'Montserrat-Medium';
+}
+
+.pos-text {
+  position: absolute;
+  bottom: 0.8rem;
+  text-align: center;
+  color: #fff;
+  font-size: 0.825rem;
+  margin: 0 auto;
+  font-family: 'Montserrat-Bold';
+  height: 2rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  padding: 0 1rem;
+}
+
+/*问题FAQ*/
+.faq {
+  background-color: #fff;
+  overflow: hidden;
+  width: 100%;
+  color: #000;
+  margin-top: 1rem;
+  margin-bottom: 2.5rem;
+}
+
+.faq dl {
+  border-bottom: 1px solid rgba(119, 119, 119, 0.3);
+  padding: 2% 11% 2% 5%;
+  overflow: hidden;
+  line-height: 1.875em;
+}
+.faq dl:last-child {
+  border-bottom: none;
+}
+.faq dt {
+  position: relative;
+  width: 100%;
+  font-size: 0.9rem;
+  padding: 1rem 0;
+  line-height: 1.3em;
+  font-family: 'Montserrat-Bold';
+}
+.faq span {
+  display: inline-block;
+  margin-right: 5px;
+  left: -1.5em;
+}
+
+.faq dd {
+  padding-left: 0%;
+  display: none;
+  font-size: 0.875rem;
+  line-height: 1.75em;
+  color: #666;
+  font-family: 'Montserrat-Medium';
+}
+.faq i {
+  position: absolute;
+  display: inline-block;
+  right: -1.5em;
+  line-height: 1.875em;
+  top: 0.8rem;
+  font-weight: 600;
+  font-size: 0.8rem;
+}
+.rotate {
+  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+  -moz-transform: rotate(180deg);
+  -o-transform: rotate(180deg);
+  -ms-transform: rotate(180deg);
+}
+.faq-title {
+  text-align: center;
+  width: 90%;
+  margin: 0 auto;
+}
+.faq-title h3 {
+  font-size: 1.685rem;
+}
+.faq-title h5 {
+  font-size: 1.25rem;
+  margin: 0.2rem 0 1rem;
+  word-break: normal;
+  display: block;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  overflow: hidden;
+  height: 1.5rem;
+  font-family: 'Montserrat-Medium';
+  font-weight: 100;
+}
+.faq-title p {
+  font-size: 1.125rem;
+  color: #7f7f7f;
+  padding-bottom: 1rem;
+  font-family: 'Montserrat-Medium';
+  font-weight: 100;
+}
+/*foot */
+.footer {
+  background: #2b2b2b;
+  width: 100%;
+}
+.logo-white {
+  text-align: center;
+  padding: 4rem 0 0;
+}
+
+.logo-white img {
+  max-width: 35%;
+}
+.logo-text {
+  text-align: center;
+  color: #fff;
+  font-size: 1.5rem;
+  margin: 1.5rem auto;
+  line-height: 2rem;
+  width: 90%;
+}
+.foot-in {
+  width: 90%;
+  margin: auto;
+  position: relative;
+  padding-bottom: 3.5rem;
+}
+.foot-in h3 {
+  font-size: 1.25rem;
+  font-family: 'Montserrat-Bold';
+  font-weight: 100;
+}
+.logo-input {
+  border: 1px solid #565656;
+  background: #2b2b2b;
+  border-radius: 9px 9px 9px 9px;
+  height: 3rem;
+  color: #fff;
+  width: 98%;
+  padding: 0 2%;
+  font-size: 1rem;
+}
+.logo-arr {
+  position: absolute;
+  right: 0;
+  top: 0.8rem;
+  text-align: right;
+}
+.logo-arr img {
+  max-width: 45%;
+}
+.foot-cate {
+  padding: 1rem;
+}
+.foot-cate ul {
+  margin-left: 1rem;
+}
+.foot-cate li {
+  width: 50%;
+  display: inline-block;
+  float: left;
+  color: #fff;
+  padding: 1rem 0;
+  min-height: 17rem;
+}
+.foot-cate li a {
+  color: #fff;
+}
+
+.foot-cate li p {
+  font-size: 0.7rem;
+  line-height: 2.5rem;
+  font-family: 'Montserrat-Medium';
+  word-wrap: break-word;
+}
+.foot-wei {
+  padding: 1rem 0 0;
+}
+.cursor_p span {
+  font-size: 1.5rem;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 1;
+  width: 100%;
+  height: 1.2rem;
+  padding-left: 1rem;
+}
+.cursor_p span:hover {
+  font-size: 1.5rem;
+  white-space: normal;
+  width: 100%;
+  overflow: inherit;
+  line-height: 1.5rem;
+}
+.img-icon img {
+  max-width: 50% !important;
+}
+.foot-con span {
+  font-size: 1rem;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 1;
+  width: 100%;
+  height: 1.2rem;
+  cursor: pointer;
+  font-family: 'Montserrat-Medium';
+}
+/*下拉*/
+.m_footer .left {
+  float: left;
+  width: 40%;
+  text-align: right;
+}
+.m_footer .left img {
+  max-width: 2rem;
+  padding-right: 0.2rem;
+  padding-top: 0.2rem;
+}
+.m_footer .center {
+  text-align: center;
+  float: left;
+  padding: 0 0 0 4.5rem;
+}
+.m_footer .center img {
+  max-width: 100%;
+  margin: auto;
+}
+.m_footer .right {
+  float: right;
+  padding: 0.6rem 0;
+  width: 57%;
+  text-align: left;
+}
+
+.m_footer .right img {
+  max-width: 2rem;
+  vertical-align: middle;
+}
+
+.m-Country01 {
+  width: 100%;
+  font-size: 0.6875rem;
+  color: #fff;
+  background-color: #efefef;
+  overflow: hidden;
+  text-align: left;
+}
+
+.copy-text {
+  color: #fff;
+  text-align: center;
+  font-size: 12px;
+  padding-bottom: 0.5rem;
+  font-family: 'Montserrat-Medium';
+}
+/*下拉*/
+.mask-up {
+}
+.mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  display: none;
+  height: 200rem;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 9999;
+  width: 100%;
+}
+.close-icon {
+  cursor: pointer;
+}
+.action-sheet {
+  border-top-left-radius: 0.6rem;
+  border-top-right-radius: 0.6rem;
+  display: none;
+  background: #fff;
+  width: 100%;
+  position: fixed;
+  bottom: 0;
+  z-index: 11111;
+  left: 0;
+}
+
+.menu-name {
+  text-indent: 0.2rem;
+  font-size: 0.85rem;
+  font-weight: 700;
+  color: #000;
+}
+.action-sheet ul li {
+  margin: 0 0.4rem;
+  color: #333;
+  font-size: 0.8rem;
+  text-align: left;
+  border-bottom: 1px solid #eee;
+  padding: 0.8rem 1rem;
+}
+.action-sheet ul li a {
+  color: #333;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.action-sheet ul li img {
+  margin-right: 1rem;
+}
+.menu-title {
+  display: flex;
+  align-items: center;
+  margin: 0 0.4rem;
+  justify-content: space-between;
+  background: #fff;
+  border-top-left-radius: 0.6rem;
+  border-top-right-radius: 0.6rem;
+  padding: 0.5rem 0;
+}
+.scroll-mask {
+  height: 100%;
+  overflow: scroll;
+  overflow-y: hidden;
+}
+/*产品*/
+.product_title {
+  font-size: 0.75rem;
+  color: #333333;
+  padding-left: 2%;
+  margin-top: 0.9rem;
+}
+.hot_product {
+  width: 100%;
+  overflow: hidden;
+  margin-top: 0.65rem;
+}
+.hot_product li {
+  width: 9.365rem;
+  margin-right: 0.26rem;
+  position: relative;
+  color: #fff;
+  float: left;
+  margin-bottom: 0.26rem;
+}
+.hot_product .hot_product_text {
+  position: absolute;
+  bottom: 0.55rem;
+  width: 100%;
+}
+.hot_product li:nth-child(2n) {
+  margin-right: 0;
+}
+.hot_product .title {
+  font-size: 0.59rem;
+  margin-bottom: 0.25rem;
+}
+.hot_product span {
+  display: block;
+}
+.hot_product .subtitle {
+  font-size: 0.4rem;
+}
+.view_all {
+  font-size: 0.64rem;
+  color: #666666;
+}
+.product_list_title {
+  width: 100%;
+  margin-top: 0.9rem;
+  overflow: hidden;
+}
+.product_list_title .product_title {
+  width: 60%;
+  float: left;
+  text-align: left;
+  margin-top: 0rem;
+}
+.product_list_title .view_all {
+  width: 38%;
+  float: right;
+  text-align: right;
+}
+.product_list_title .icon-Double-Arrow {
+  margin-left: 0.15rem;
+  display: inline-block;
+}
+
+/*产品列表*/
+.product_list {
+  margin-top: 0.6rem;
+  overflow: hidden;
+}
+.product_list li {
+  width: 47%;
+  margin-right: 1rem;
+  float: left;
+  margin-bottom: 1rem;
+  background-color: #fff;
+  text-align: center;
+  padding-top: 2rem;
+  padding-bottom: 1rem;
+}
+.product_list li:nth-child(2n) {
+  margin-right: 0;
+}
+.product_list .title {
+  font-size: 0.54rem;
+  color: #333;
+  margin-top: 1rem;
+}
+.product_list .subtitle {
+  font-size: 0.48rem;
+  color: #666666;
+  margin-top: 0.35rem;
+}
+.product_list span {
+  display: block;
+}
+.product_list .img_p {
+  width: 65%;
+  max-width: 220px;
+}
+
+/*一级列表类别*/
+.first_list_category {
+  position: relative;
+  height: 4.5rem;
+  width: 100%;
+  overflow: hidden;
+  margin: 0 auto;
+  background-color: #fafafa;
+  margin-top: 2rem;
+}
+.first_list_category ul {
+  margin-top: 1.06rem;
+}
+.first_list_category li {
+  padding-left: 1rem;
+  display: inline-block;
+  text-align: center;
+  font-style: none;
+  margin-bottom: 0rem;
+}
+.first_list_category li:last-child() {
+  padding-right: 1rem;
+}
+.first_list_category .category_list {
+  font-size: 0.64rem;
+  color: #333333;
+}
+.first_list_category .scroller {
+  position: absolute;
+}
+.first_list_category .category_list p {
+  margin-top: 0.25rem;
+}
+.first_list_category img {
+  width: 1.5rem;
+  max-width: 54px;
+}
+
+/*二级列表类别*/
+.Second_list_category {
+  position: relative;
+  height: 4.5rem;
+  width: 100%;
+  overflow: hidden;
+  margin: 0 auto;
+  background-color: #fafafa;
+}
+.Second_list_category ul {
+  margin-top: 1rem;
+}
+.Second_list_category li {
+  padding-left: 1rem;
+  display: inline-block;
+  text-align: center;
+  font-style: none;
+  margin-bottom: 1rem;
+}
+.Second_list_category li:last-child() {
+  padding-right: 1rem;
+}
+.Second_list_category .category_list {
+  font-size: 0.64rem;
+  color: #333333;
+}
+.Second_list_category .scroller {
+  position: absolute;
+}
+.Second_list_category img {
+  width: 1.44rem;
+  max-width: 54px;
+}
+.Second_list_category .category_list p {
+  margin-top: 0.25rem;
+}
+
+/*产品详情*/
+.goods_list {
+  width: 100%;
+}
+.goods_all_title {
+  width: 96%;
+  padding: 0 0.6rem 0.55rem;
+  margin-top: 0.65rem;
+  border-bottom: 1px solid #e5e5e5;
+}
+.goods_all_title .title {
+  font-size: 0.7rem;
+  color: #333333;
+  margin: 2rem 0 0;
+}
+.goods_all_title .subtitle {
+  font-size: 0.64rem;
+  color: #666666;
+  margin-top: 0.35rem;
+}
+/*详情规格参数样式*/
+.proTfg {
+  width: 94%;
+  margin: auto;
+}
+.proTfg .swt-Table {
+  display: table;
+  width: 100%;
+  text-align: left;
+}
+.proTfg .swt-Table .Table-Row {
+  display: table-row;
+}
+.proTfg .swt-Table .Table-Row .Table-Cell {
+  display: table-cell;
+  margin: 0;
+  padding-bottom: 0.28rem;
+}
+.msul {
+  font-size: 0.62rem;
+  margin: 0.65rem auto;
+}
+.msul .ms1 {
+  width: 35%;
+  float: left;
+  color: #333333;
+}
+.msul .ms2 {
+  width: 5%;
+  float: left;
+}
+.msul .ms3 {
+  width: 60%;
+  float: left;
+  color: #666666;
+}
+.star {
+  position: absolute;
+  top: 0;
+  width: 2.56rem;
+  height: 0.4rem;
+  background-image: url(../images/star_orange.png);
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  background-size: 2.56rem 0.4rem;
+} /*平台购买链接*/
+.platform_buy {
+  width: 100%;
+  color: #fff;
+  font-size: 0.64rem;
+  text-align: center;
+  margin-bottom: 1rem;
+}
+.platform_buy a {
+  display: inline-block;
+  padding: 0.25rem 1rem;
+  margin-right: 1rem;
+}
+.cursor_p {
+  cursor: pointer;
+  /* padding-bottom: 1.5%; */
+}
+/*详情描述*/
+.goods_details {
+  background-color: #ffffff;
+  width: 100%;
+  padding: 1.1rem 0;
+}
+.goods_details .cpa {
+  text-align: center;
+}
+.goods_details .cpa li {
+  display: inline-block;
+  padding-right: 1.5rem;
+  padding-left: 1.5rem;
+  line-height: 0.64rem;
+  height: 0.54rem;
+}
+.goods_details .cpa li:nth-child(2) {
+  border-left: 1px solid #009fdf;
+}
+.goods_details li:nth-child(3) {
+  margin-right: 0;
+  border-right: none;
+}
+.goods_details .cpa a {
+  color: #666666;
+  font-size: 0.64rem;
+}
+.goods_details .active {
+  color: #009fdf;
+}
+.goods_des {
+  width: 100%;
+}
+.goods_address {
+  font-size: 0.7rem;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+.goods_address .href_01 {
+  color: #333333;
+}
+.goods_address .href_02 {
+  color: #666666;
+}
+.goods_address span {
+  display: inline-block;
+  transform: rotate(90deg);
+  -webkit-transform: rotate(90deg);
+  -moz-transform: rotate(90deg);
+  -o-transform: rotate(90deg);
+  -ms-transform: rotate(90deg);
+}
+
+.goods_details_fixed {
+  position: fixed;
+  top: 2.4rem;
+  z-index: 999;
+  max-width: 750px;
+}
+/*关联产品*/
+.goods_Related {
+  padding: 0.85rem 0 1.25rem;
+  border-top: 1px solid #e5e5e5;
+  border-bottom: 1px solid #e5e5e5;
+  overflow: hidden;
+}
+.goods_Related_title {
+  margin-bottom: 1rem;
+}
+.goods_Related_list {
+  width: 88%;
+  margin: 0 auto;
+}
+.goods_Related_list li {
+  float: left;
+}
+.goods_Related_list img {
+  padding: 0.24rem 1.2rem;
+  background-color: #fff;
+  width: 2.67rem;
+  height: 2.67rem;
+}
+.goods_Related_list span {
+  display: block;
+}
+.goods_Related_list .title {
+  font-size: 0.59rem;
+  color: #333333;
+  margin-top: 0.3rem;
+  height: 0.85rem;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.goods_Related_list .subtitle {
+  font-size: 0.43rem;
+  color: #666666;
+  margin-top: 0.15rem;
+}
+
+/*评论*/
+.goods_comment {
+  border-bottom: 1px solid #e5e5e5;
+  margin-top: 0.3rem;
+  overflow: hidden;
+  padding-bottom: 0.3rem;
+  position: relative;
+}
+.goods_comment span {
+  display: block;
+}
+.goods_comment .title {
+  font-size: 0.587rem;
+  color: #333;
+  margin-bottom: 0.3rem;
+}
+.goods_comment .subtitle {
+  font-size: 0.48rem;
+  color: #333;
+  margin-bottom: 0.15rem;
+}
+.goods_comment ul {
+  margin-top: 0.25rem;
+}
+.goods_comment li {
+  width: 4.462rem;
+  margin-right: 0.25rem;
+  float: left;
+  height: 4.462rem;
+}
+.goods_comment li:nth-child(4n) {
+  margin-right: 0;
+}
+
+.goods_comment_img {
+  height: 4.462rem;
+  margin-bottom: 0.45rem;
+}
+.goods_comment_img ul {
+  position: absolute;
+  width: 100%;
+  left: 0%;
+  margin-left: 0px;
+}
+.goods_comment li {
+  position: relative;
+  width: 4.462rem;
+  overflow: hidden;
+  height: 4.462rem;
+}
+.goods_comment li img {
+  display: block;
+  width: 100%;
+  height: 6.917rem;
+  object-fit: cover;
+}
+/*评论图片放大功能*/
+
+.big_img {
+  position: fixed;
+  z-index: -1;
+  opacity: 0;
+  background: #000;
+  width: 100%;
+  height: 100%;
+  top: 0;
+}
+.big_img .swiper-container2 {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+.big_img .swiper-container2 .swiper-wrapper {
+  width: 100%;
+  height: 100%;
+}
+.swiper-container-android .swiper-slide,
+.swiper-wrapper {
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -o-transform: translate(0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+.swiper-wrapper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-transition-property: -webkit-transform;
+  -moz-transition-property: -moz-transform;
+  -o-transition-property: -o-transform;
+  -ms-transition-property: -ms-transform;
+  transition-property: transform;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.big_img .swiper-slide {
+  width: 100%;
+  height: 100%;
+  display: table;
+}
+.swiper-slide {
+  -webkit-flex-shrink: 0;
+  -ms-flex: 0 0 auto;
+  flex-shrink: 0;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  font-size: 0.8rem;
+  border-radius: 1.2rem;
+  -webkit-border-radius: 1.2rem;
+  -moz-border-radius: 1.2rem;
+  -ms-border-radius: 1.2rem;
+  -o-border-radius: 1.2rem;
+}
+.swiper-slide:nth-child(5n) {
+  margin-right: 0;
+}
+.swiper-slide a {
+  color: #000;
+  font-family: 'Montserrat-SemiBold';
+}
+.swiper-slide img {
+  max-width: 100%;
+}
+.big_img .swiper-slide .cell {
+  width: 100%;
+  height: 100%;
+  display: table-cell;
+  vertical-align: middle;
+  text-align: center;
+}
+.big_img .swiper-slide img {
+  max-width: 100%;
+  margin: 0 auto;
+}
+
+/*新闻*/
+.news .title {
+  margin-bottom: 0.6rem;
+}
+.news_list {
+  padding-top: 0.45rem;
+  border-bottom: 1px solid #e5e5e5;
+  overflow: hidden;
+  padding-bottom: 0.2rem;
+}
+.news_list .left {
+  float: left;
+  width: 6.45rem;
+  margin-right: 0.54rem;
+}
+.news_list .right {
+  float: left;
+  width: 11.6rem;
+}
+.news_list span {
+  display: inline-block;
+  margin-right: 0.72rem;
+}
+.news_list_title {
+  font-size: 0.64rem;
+  color: #333;
+  margin-bottom: 0.2rem;
+}
+.news_list_des_text {
+  font-size: 0.48rem;
+  color: #666;
+  line-height: 0.68rem;
+  margin-bottom: 0.25rem;
+}
+.news_list_share {
+  font-size: 0.427rem;
+  color: #666;
+}
+.news_list_share img {
+  vertical-align: bottom;
+  margin-right: 0.16rem;
+  width: 0.427rem;
+  height: 0.427rem;
+  margin-bottom: 0.05rem;
+}
+/*新闻翻页*/
+.Pages {
+  text-align: center;
+  color: #555;
+  clear: both;
+  margin-bottom: 0.8rem;
+  margin-top: 0.6rem;
+}
+.Pages span {
+  display: inline-block;
+}
+.Pages .num a {
+  vertical-align: middle;
+  color: #666;
+  font-size: 0.875rem;
+  padding: 0.1rem 0.58rem;
+}
+.Pages .a_prev,
+.Pages .a_next {
+  padding-top: 0.4rem;
+  padding-left: 0.38rem;
+  padding-right: 0.38rem;
+}
+.Pages .a_prev img,
+.Pages .a_next img {
+  width: 0.267rem;
+  height: 0.587rem;
+}
+.Pages .num .a_cur {
+  background-color: #444444;
+  color: #fff;
+}
+/*新闻评论*/
+.news-comments {
+  width: 97%;
+  margin: auto;
+}
+.news-comments .title {
+  font-size: 0.75rem;
+}
+.news-comment {
+  border-bottom: 1px solid #e5e5e5;
+  padding-top: 0.65rem;
+}
+.news-comment .left {
+  width: 1.6rem;
+  float: left;
+  margin-right: 1rem;
+}
+.news-comment .left img {
+  width: 1.6rem;
+  height: 1.6rem;
+}
+.news-comment .right {
+  float: right;
+  width: 15rem;
+}
+.news-comment span {
+  display: block;
+}
+.news-comment .news_list_des_text {
+  color: #333;
+}
+.Customer-information {
+  width: 100%;
+  margin: auto;
+  overflow: hidden;
+}
+.news-comment p {
+  display: block;
+  font-size: 0.48rem;
+  color: #333333;
+  line-height: 0.7rem;
+  margin-top: 0.2rem;
+  margin-bottom: 0.35rem;
+}
+
+/*新闻详情*/
+.news_detail {
+  margin-top: 1.15rem;
+}
+.news_detail .title {
+  font-size: 0.8rem;
+  color: #333;
+  margin-bottom: 0.5rem;
+}
+.news_detail .date {
+  font-size: 0.427rem;
+  color: #666;
+  padding-bottom: 1rem;
+  border-bottom: 1px solid #d2d2d2;
+}
+.news_detail_content {
+  font-size: 0.54rem;
+  color: #666;
+  text-align: center;
+  line-height: 0.95rem;
+}
+.news_detail_content p {
+  margin-top: 0.35rem;
+  margin-bottom: 0.35rem;
+}
+.news_detail img {
+  display: block;
+}
+.news_detail .img_des {
+  font-size: 0.48rem;
+  margin-top: 0.1rem;
+}
+/*新闻回复*/
+.news-replay {
+  width: 100%;
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+  text-align: center;
+}
+#ccont {
+  padding: 3%;
+  width: 94%;
+}
+.news-replay textarea {
+  height: 4.45rem;
+  background: #fff;
+  border: none;
+  margin: 0.35rem 0;
+  font-size: 0.54rem;
+}
+.news-replay span {
+  display: inline-block;
+}
+.news-replay .Release {
+  font-size: 0.587rem;
+  color: #fff;
+  padding: 0.35rem 1.5rem;
+  background-color: #2897d1;
+  margin-top: 0.25rem;
+}
+
+/*视频分类列表*/
+.video_Category ul {
+  width: 100%;
+}
+.video_Category li {
+  width: 49.4%;
+  margin-right: 1.2%;
+  float: left;
+  position: relative;
+}
+.video_Category li:nth-child(2n) {
+  margin-right: 0;
+}
+.video_Category li p {
+  display: block;
+  position: absolute;
+  text-align: center;
+  bottom: 0.8rem;
+  color: #fff;
+  font-size: 0.8rem;
+  width: 100%;
+}
+
+/*热门视频 */
+.video_hot span {
+  display: block;
+  text-align: left;
+}
+.video_hot li {
+  margin-bottom: 1.15rem;
+}
+.video_hot .title {
+  font-size: 0.64rem;
+  color: #333;
+  margin-top: 0.45rem;
+  margin-bottom: 0.25rem;
+}
+.video_hot .des_text {
+  font-size: 0.54rem;
+  color: #666;
+  line-height: 0.85rem;
+}
+
+/*视频详情类别*/
+.video_category {
+  position: relative;
+  height: 3.45rem;
+  width: 100%;
+  overflow: hidden;
+  margin: 0 auto;
+}
+.video_category ul {
+  margin-top: 1rem;
+}
+.video_category li {
+  padding-left: 1rem;
+  display: inline-block;
+  text-align: center;
+  font-style: none;
+  margin-bottom: 0rem;
+}
+.video_category li:last-child() {
+  padding-right: 1rem;
+}
+.video_category .category_list {
+  font-size: 0.64rem;
+  color: #333333;
+}
+.video_category .scroller {
+  position: absolute;
+}
+.video_category .category_list p {
+  margin-top: 0.25rem;
+}
+.video_category img {
+  width: 1.5rem;
+  max-width: 60px;
+}
+
+/*专题购买按钮*/
+/*两列产品*/
+.special_title {
+  position: absolute;
+  width: 100%;
+  text-align: center;
+  top: 1.06rem;
+  font-size: 0.587rem;
+}
+.buy {
+  width: 100%;
+  position: absolute;
+  bottom: 1.23rem;
+  color: #333333;
+}
+.buy a {
+  border: 1px solid #c2d600;
+  color: #fff;
+}
+.buy_margin {
+  margin-right: 0.8rem;
+}
+.buy_button a {
+  padding: 0.15rem 0.35rem 0.18rem;
+  display: inline-block;
+  color: #333;
+  border: 1px solid #5c5c5c;
+}
+.subject_span {
+  display: inline-block;
+  padding: 0.15rem 0.35rem 0.18rem;
+  color: #939393;
+  border: 1px solid #939393;
+}
+/*1列产品*/
+.special_text {
+  position: absolute;
+  text-align: left;
+  top: 2.02rem;
+  left: 1.44rem;
+}
+
+/*七大产品线购买按钮背景*/
+.computer a {
+  border: 1px solid #6f6f6f;
+  color: #333;
+  padding: 0.2rem 0.35rem 0.22rem;
+  margin-left: 0.4rem;
+  margin-right: 0.4rem;
+}
+/*详情样式*/
+.o_detail_all {
+  text-align: center;
+  background-color: #fff;
+  overflow: hidden;
+}
+.o_detail_title {
+  font-size: 0.85rem;
+  color: #101010;
+}
+.o_detail_small {
+  font-size: 0.75rem;
+  color: #333;
+  margin-top: 0.4rem;
+}
+.o_detail_text {
+  font-size: 0.64rem;
+  color: #737373;
+  line-height: 1rem;
+  width: 80%;
+  margin: auto;
+  margin-top: 0.5rem;
+}
+.o_detail_img {
+  margin-top: 0.3rem;
+  margin-bottom: 1.3rem;
+}
+
+/*两列*/
+.list_two {
+  width: 100%;
+  overflow: hidden;
+}
+.list_two li {
+  width: 47%;
+  margin-right: 1rem;
+  float: left;
+  margin-bottom: 1rem;
+  background-color: #fff;
+  text-align: center !important;
+  padding-bottom: 1rem;
+}
+.list_two li:nth-child(2n) {
+  margin-right: 0;
+}
+.list_two img {
+  display: block;
+}
+/*一个产品*/
+.list_one {
+  width: 100%;
+  overflow: hidden;
+}
+.list_one li {
+  width: 100%;
+  margin-top: 0.27rem;
+  float: left;
+  position: relative;
+}
+.list_one .title {
+  font-size: 0.64rem;
+  color: #333;
+}
+.list_one .subtitle {
+  font-size: 0.587rem;
+  color: #666;
+}
+/*详情颜色公共样式*/
+.hd .BK {
+  background: #000;
+}
+.hd .WH {
+  background: #fff;
+}
+.hd .GY {
+  background: #8d99ad;
+}
+.hd .BL {
+  background: #0060ff;
+}
+.hd .RD {
+  background: #ff0000;
+}
+.hd .YL {
+  background: #ffff00;
+}
+.hd .OR {
+  background: #ff7200;
+}
+.hd .PK {
+  background: #f7bfc7;
+}
+.GR {
+  background: #00ff5a;
+}
+.hd .PU {
+  background: #7800ff;
+}
+.hd .CF {
+  background: #44332e;
+}
+.hd .co-bg {
+  width: 14px !important;
+  height: 14px !important;
+  border-radius: 7px;
+  display: inline-block;
+  vertical-align: top;
+}
+/*add 产品详情*/
+.hd .clearfix {
+  display: -webkit-inline-box;
+}
+.hd.dowebok {
+  display: table;
+  overflow: hidden;
+}
+.hd .dt {
+  font-size: 14px;
+  margin-right: 0px;
+  line-height: 40px;
+  width: 125px !important;
+  font-weight: 600;
+  font-family: Montserrat !important;
+  color: #666;
+  text-align: left;
+}
+.hd .typeColor {
+  color: #666;
+  font-size: 12px;
+  padding: 2px;
+  overflow: hidden;
+  float: left;
+  width: 750px;
+}
+.hd .typeColor li .text {
+  margin: 2px 0;
+  padding: 0 5px;
+  line-height: 40px;
+  font-style: normal;
+  color: #333;
+}
+.hd .typeColor li img {
+  width: 32px;
+  height: 32px;
+  margin-right: 8px;
+  vertical-align: middle;
+}
+.attr_item {
+  float: left;
+  width: 16px !important;
+  height: 16px !important;
+  background: #fff;
+  border: 1px solid #d4d4d4;
+  border-radius: 16px !important;
+  margin-right: 4px;
+}
+.on {
+  border: 1px solid #737373 !important;
+  color: #666 !important;
+  width: 16px !important;
+  height: 16px !important;
+  margin-top: 5px !important;
+  border-radius: 16px !important;
+}
+.item {
+  float: left;
+  width: auto !important;
+  height: auto !important;
+  background: #fff;
+  border: 1px solid #d4d4d4;
+  height: 42px !important;
+  margin-top: 5px !important;
+  border-radius: 20px !important;
+  padding: 0 10px;
+  margin-right: 4px;
+}
+.item .on {
+  border: 1px solid #737373 !important;
+  color: #666 !important;
+  width: 16px !important;
+  height: 16px !important;
+  margin-top: 5px !important;
+  border-radius: 20px !important;
+  margin: 0 10px;
+}
+.hd .typeColor li .item a {
+  border: 1px solid #737373 !important;
+  background: #f7f7f7;
+  line-height: 42px;
+  margin-right: 7px;
+  margin-bottom: 4px;
+  height: 40px !important;
+  white-space: nowrap;
+  float: left;
+}
+
+.hd .typeColor li a:hover {
+  color: #666;
+  border-radius: 20px !important;
+  -webkit-border-radius: 20px !important;
+  -moz-border-radius: 20px !important;
+  -ms-border-radius: 20px !important;
+  -o-border-radius: 20px !important;
+}
+/*产品 修改 css s*/
+.cp .cprh .hd ul li {
+  float: left;
+  width: 18px;
+  height: 18px;
+  margin-right: 9px;
+  cursor: pointer;
+  margin-top: 10px;
+  margin-bottom: 0px;
+  border: 1px solid #d4d4d4;
+  border-radius: 8px;
+}
+.cp .cprh .hd ul li a {
+  display: block;
+}
+.cp .cprh .hd .on {
+  width: 18px;
+  height: 18px;
+  border-radius: 9px;
+  border: 1px solid #737373;
+  -webkit-border-radius: 9px;
+  -moz-border-radius: 9px;
+  -ms-border-radius: 9px;
+  -o-border-radius: 9px;
+}
+.cp .cprh .hd ul li:hover {
+  width: 18px;
+  height: 18px;
+  border-radius: 9px;
+  border: 1px solid #737373;
+  -webkit-border-radius: 9px;
+  -moz-border-radius: 9px;
+  -ms-border-radius: 9px;
+  -o-border-radius: 9px;
+}
+/*产品 修改 css*/
+.selectedAttr {
+  padding-left: 10px;
+  font-size: 12px !important;
+}
+.cp .cprh .hd span {
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  font-size: 0.875em;
+  color: #000;
+  text-align: center;
+  border-radius: 16px;
+  vertical-align: top;
+  -webkit-border-radius: 16px;
+  -moz-border-radius: 16px;
+  -ms-border-radius: 16px;
+  -o-border-radius: 16px;
+}
+/*产品多颜色切换*/
+.Multi_color {
+  height: 0.8rem;
+  width: 100%;
+  text-align: center;
+}
+.Multi_color ul {
+  width: 100%;
+  margin-top: 0.65rem;
+}
+.Multi_color .S-small-img {
+  display: inline-block;
+  width: 1.3rem;
+}
+.cricle {
+  display: block;
+  /*width:0.64rem;
+  height: 0.64rem;
+  */
+  width: 16px;
+  height: 16px;
+  border-radius: 16px;
+  border: 1px solid #d6d6d6;
+  text-align: center;
+  vertical-align: middle;
+}
+.S-Cricle-Bg {
+  width: 16px;
+  height: 16px;
+  border-radius: 16px;
+  overflow: hidden;
+}
+.product_list li li {
+  float: none;
+  margin-right: 0;
+  padding: 0;
+}
+.product_list li .on {
+  border: 1px solid #737373 !important;
+  color: #666 !important;
+  width: 16px !important;
+  height: 16px !important;
+  margin-top: 0 !important;
+  border-radius: 16px !important;
+  margin-top: -0.9px;
+  margin-left: -2px;
+}
+.Multi_color .on .cricle {
+  border: none !important;
+}
+.slideTxtBox .bd .li {
+  width: 5.86px;
+  margin: auto;
+}
+
+/*收藏*/
+
+.house_img01:before,
+.house_img02:before {
+  height: 0.4rem;
+  padding-top: 0.2rem;
+  width: 0.4533rem;
+  font-family: 'colleciton';
+  color: #ffae00;
+  margin-left: 0.6rem;
+}
+.house_img01:before {
+  content: '\e907';
+}
+.house_img02:before {
+  content: '\e900';
+}
+.house_img01:after {
+  content: 'Collect';
+  padding-left: 0.34rem;
+  line-height: 0.4rem;
+}
+.house_img02:after {
+  content: 'Collected';
+  padding-left: 0.34rem;
+  line-height: 0.4rem;
+}
+.err {
+  margin-top: 0.5vw;
+}
+
+/*弹出框消失*/
+.alert {
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  background-color: rgba(0, 0, 0, 0.3);
+  position: fixed;
+  z-index: 999;
+}
+.alert_white {
+  width: 5.4rem;
+  height: 2.7rem;
+  background-color: #fff;
+  top: 40%;
+  left: 50%;
+  position: absolute;
+  margin-left: -100px;
+  margin-top: 1.4rem;
+  line-height: 2.7rem;
+  font-size: 0.64rem;
+  color: #333;
+  text-align: center;
+  z-index: 1000;
+}
+
+/*众筹专题弹出10-31*/
+.popup {
+  position: fixed;
+  background-color: rgba(0, 0, 0, 0.5);
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 9999;
+}
+.popup_img {
+  position: relative;
+  left: 50%;
+  top: 50%;
+  margin-top: -10.68vw;
+  margin-left: -17.71vw;
+}
+.close {
+  position: absolute;
+  right: 30.6vw;
+  top: 50%;
+  margin-top: -11.68vw;
+  z-index: 10000;
+  width: 1.875vw;
+  height: 1.875vw;
+}
+
+/*详情优化样式*/
+.btn-blue-detail {
+  background: #009fdf;
+  cursor: pointer;
+  color: #fff;
+  font-size: 14px;
+  text-align: center;
+  border: 1px solid #009fdf;
+  margin-right: 18px;
+  padding: 5px 10px;
+}
+.btn-white-detail {
+  background: #fff;
+  cursor: pointer;
+  color: #009fdf;
+  font-size: 14px;
+  text-align: center;
+  border: 1px solid #009fdf;
+  margin-right: 18px;
+  padding: 5px 10px;
+}
+
+.detail_form {
+  padding: 0 1.5rem;
+}
+.detail_form p {
+  font-size: 12px;
+}
+.detail_form input {
+  height: 1.5rem;
+  line-height: 1.5rem;
+  padding: 0 0.625rem;
+  margin-top: 0.625rem;
+  border: 1px solid #dbdbdb;
+  display: inline-block;
+}
+.detail_form select {
+  height: 1.5rem;
+  line-height: 1.5rem;
+  padding: 0 0.625rem;
+  margin-top: 0.625rem;
+  border: 1px solid #dbdbdb;
+  display: inline-block;
+}
+.detail_form textarea {
+  margin-top: 0.625rem;
+  border: 1px solid #dbdbdb;
+  display: inline-block;
+}
+.apply_form textarea {
+  padding: 0.225rem;
+  margin-top: 0.625rem;
+  border: 1px solid #dbdbdb;
+  display: inline-block;
+}
+
+.detail-w02 {
+  width: 35%;
+}
+.detail-w01 {
+  width: 90%;
+}
+.detail_form .name > div {
+  float: left;
+  width: calc((100% - 1.25rem) / 2);
+}
+.submit_btn {
+  margin: 1rem auto 2rem;
+  width: 6rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
+  background: #009fdf;
+  color: #ffffff;
+  text-align: center;
+  cursor: pointer;
+  font-size: 0.5rem;
+}
+/*odm*/
+.email-odm-w {
+  background: #fff;
+  width: 96%;
+  margin: auto;
+  clear: both;
+  padding: 0.05rem 0;
+}
+.news-odm {
+  background: #3bafe3;
+  margin: 50px 0;
+  padding: 0.5rem 0;
+}
+/*submission!*/
+.submission {
+  width: 100%;
+  margin: auto;
+  text-align: center;
+}
+.submiss-content h3 {
+  font-size: 24px;
+  color: #333;
+  line-height: 30px;
+  padding: 24px 0 18px;
+}
+.submiss-p {
+  font-size: 20px;
+  color: #333;
+}
+.submiss-u-p {
+  padding: 46px 0 140px;
+  font-size: 18px;
+}
+.submiss-blue {
+  color: #009fdf;
+  border-bottom: 1px solid #009fdf;
+}
+
+.popup {
+  position: fixed;
+  background-color: rgba(0, 0, 0, 0.5);
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 9999;
+}
+.popup_img img {
+  width: 35.42vw;
+  height: 21.36vw;
+}
+.popup_img {
+  position: relative;
+  left: 50%;
+  top: 50%;
+  margin-top: -10.68vw;
+  margin-left: -17.71vw;
+}
+.close {
+  position: absolute;
+  right: 27.6vw;
+  top: 50%;
+  margin-top: -11.68vw;
+  z-index: 10000;
+  width: 1.875vw;
+  height: 1.875vw;
+}
+/*图片遮罩拉动*/
+
+.justify-center {
+  justify-content: safe center;
+}
+
+.rich-text {
+  display: flex;
+}
+.rich-text__wrapper {
+  max-width: var(--rich-text-max-width);
+}
+.rich-text .prose,
+.split-rich-text .prose {
+  align-items: start;
+  display: grid;
+}
+
+.justify-items-center {
+  justify-items: safe center;
+}
+
+.prose > :first-child,
+.prose > :first-child :first-child {
+  margin-block-start: 0 !important;
+}
+
+.hyphenate {
+  -webkit-hyphens: auto;
+  hyphens: auto;
+}
+
+@media screen and (min-width: 1150px) {
+  .prose :is(.h0, .h1, .h2, h1, h2) + * {
+    margin-block-start: var(--spacing-8);
+  }
+}
+
+.prose > :last-child,
+.prose > :last-child :last-child {
+  margin-block-end: 0 !important;
+}
+.prose > :last-child,
+.prose > :last-child :last-child {
+  margin-block-end: 0 !important;
+}
+
+.section-stack {
+  gap: var(--section-stack-spacing-block, 0px) var(--section-stack-spacing-inline, 0px);
+  grid-auto-columns: minmax(0, 1fr);
+  display: grid;
+}
+@media screen and (min-width: 1150px) {
+  .section-stack__main {
+    width: var(--section-stack-main, 50%);
+  }
+}
+.shadow {
+  filter: drop-shadow(var(--shadow));
+}
+
+.before-after__label--bottom {
+  bottom: var(--before-after-label-spacing);
+}
+
+.before-after__label {
+  position: absolute;
+}
+.before-after__cursor {
+  top: 50%;
+}
+.before-after__cursor:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+  left: var(--before-after-initial-drag-position, 0px);
+}
+.before-after__cursor:active {
+  cursor: grabbing;
+}
+
+.before-after__cursor {
+  cursor: grab;
+}
+.before-after__cursor {
+  height: 100%;
+  width: max-content;
+  touch-action: none;
+  transform: translate(calc(var(--transform-logical-flip) * -50% + var(--clip-path-offset, 0px)), -50%);
+  cursor: grab;
+  filter: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
+  will-change: transform;
+  place-items: center;
+  display: grid;
+  position: relative;
+}
+.text-custom {
+  color: rgb(var(--text-color));
+}
+
+#shopify-section-template--19206104285484__before-after-image {
+  --section-background-hash: 0;
+}
+
+#shopify-section-template--19206104285484__before-after-image + * {
+  --previous-section-background-hash: 0;
+}
+
+.ba-slider {
+  position: relative;
+  overflow: hidden;
+  height: 35vh;
+}
+
+.ba-slider img {
+  width: 100%;
+  display: block;
+  max-width: none;
+  height: 100%;
+  position: absolute;
+  object-fit: cover;
+}
+
+.ba-slider .resize {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 50%;
+  overflow: hidden;
+}
+
+.ba-slider .handle {
+  position: absolute;
+  left: 50%;
+  top: 0;
+  bottom: 0;
+  width: 4px;
+  margin-left: -2px;
+  display: block;
+  background: rgba(255, 255, 255, 0.5);
+  cursor: ew-resize;
+}
+
+.ba-slider .handle:after {
+  position: absolute;
+  top: 50%;
+  width: 48px;
+  height: 48px;
+  margin: -24px 0 0 -24px;
+  content: '';
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #fff url(../indeximg/ba-arrow.png) center center / 22px 22px no-repeat;
+  border: 1px solid #fff;
+  border-radius: 50%;
+  transition: all 0.3s ease;
+
+  transform: scale(1);
+  z-index: 5;
+}
+
+.ba-slider .handle.ba-draggable:after {
+  transform: scale(0.8);
+}
+#shopify-section-template--19206104285484__b0dd93e2-8ffa-4771-a65d-402ac18f05ce {
+  --section-background-hash: 0;
+}
+
+#shopify-section-template--19206104285484__b0dd93e2-8ffa-4771-a65d-402ac18f05ce + * {
+  --previous-section-background-hash: 0;
+}
+#shopify-section-template--19206104285484__b0dd93e2-8ffa-4771-a65d-402ac18f05ce {
+  --rich-text-max-width: 650px;
+}
+/*时间轴*/
+.cd-horizontal-timeline {
+  opacity: 0;
+  margin: 2em auto 0;
+  -webkit-transition: opacity 0.2s;
+  -moz-transition: opacity 0.2s;
+  transition: opacity 0.2s;
+}
+.cd-horizontal-timeline::before {
+  /* never visible - this is used in jQuery to check the current MQ */
+  content: 'mobile';
+  display: none;
+}
+.cd-horizontal-timeline.loaded {
+  /* show the timeline after events position has been set (using JavaScript) */
+  opacity: 1;
+}
+.cd-horizontal-timeline .timeline {
+  position: relative;
+  width: 96%;
+  max-width: 800px;
+  margin: 2rem auto 0;
+}
+.cd-horizontal-timeline .events-wrapper {
+  position: relative;
+  margin: 2rem 0 0;
+  margin: 0;
+  overflow: hidden;
+}
+.cd-horizontal-timeline .events-wrapper::after,
+.cd-horizontal-timeline .events-wrapper::before {
+  /* these are used to create a shadow effect at the sides of the timeline */
+  content: '';
+  position: absolute;
+  z-index: 2;
+  top: 0;
+  height: 100%;
+  width: 20px;
+}
+
+.cd-horizontal-timeline .events {
+  /*thisisthegreyline/timeline*/
+  position: relative;
+  z-index: 1;
+  left: 0;
+  top: 0;
+  height: 1px;
+  /*widthwillbesetusingJavaScript*/
+  background: #a6a6a6;
+  -webkit-transition: transform 0.4s;
+  -moz-transition: transform 0.4s;
+  transition: transform 0.4s;
+  width: 100% !important;
+  -ms-transition: transform 0.4s;
+  -o-transition: transform 0.4s;
+}
+.cd-horizontal-timeline .filling-line {
+  /* this is used to create the green line filling the timeline */
+  position: absolute;
+  z-index: 1;
+  left: 0;
+  top: 0;
+  height: 100%;
+  width: 100%;
+  -webkit-transform: scaleX(0);
+  -moz-transform: scaleX(0);
+  -ms-transform: scaleX(0);
+  -o-transform: scaleX(0);
+  transform: scaleX(0);
+  -webkit-transform-origin: left center;
+  -moz-transform-origin: left center;
+  -ms-transform-origin: left center;
+  -o-transform-origin: left center;
+  transform-origin: left center;
+  -webkit-transition: -webkit-transform 0.3s;
+  -moz-transition: -moz-transform 0.3s;
+  transition: transform 0.3s;
+}
+.cd-horizontal-timeline .events li {
+  left: 0 !important;
+}
+.cd-horizontal-timeline .events a {
+  bottom: 0;
+  z-index: 2;
+  text-align: center;
+  font-size: 14px;
+  padding-bottom: 15px;
+  color: #383838;
+  /* fix bug on Safari - text flickering while timeline translates */
+  -webkit-transform: translateZ(0);
+  -moz-transform: translateZ(0);
+  -ms-transform: translateZ(0);
+  -o-transform: translateZ(0);
+  transform: translateZ(0);
+  line-height: 3rem;
+  float: left;
+  width: 35%;
+  margin-left: -12.8px;
+}
+
+.cd-horizontal-timeline .events a::after {
+  /* this is used to create the event spot */
+  content: '';
+  position: absolute;
+  left: 45%;
+  -webkit-transform: translateX(-50%);
+  -moz-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  -o-transform: translateX(-50%);
+  transform: translateX(-50%);
+  top: -7px;
+  height: 12px;
+  width: 12px;
+  border-radius: 50%;
+  border: 2px solid #dfdfdf;
+  background-color: #f8f8f8;
+  -webkit-transition: background-color 0.3s, border-color 0.3s;
+  -moz-transition: background-color 0.3s, border-color 0.3s;
+  transition: background-color 0.3s, border-color 0.3s;
+  /*margin: 0 0.8rem;*/
+}
+.no-touch .cd-horizontal-timeline .events a:hover::after {
+  background-color: #004bfa;
+  border-color: #004bfa;
+}
+.cd-horizontal-timeline .events a.selected {
+  pointer-events: none;
+}
+.cd-horizontal-timeline .events a.selected::after {
+  background-color: #004bfa;
+  border-color: #004bfa;
+}
+.cd-horizontal-timeline .events a.older-event::after {
+  border-color: #004bfa;
+}
+@media only screen and (min-width: 1100px) {
+  .cd-horizontal-timeline {
+    margin: 6em auto;
+  }
+  .cd-horizontal-timeline::before {
+    /* never visible - this is used in jQuery to check the current MQ */
+    content: 'desktop';
+  }
+}
+
+.cd-timeline-navigation a {
+  /* these are the left/right arrows to navigate the timeline */
+  position: absolute;
+  z-index: 1;
+  top: 50%;
+  bottom: auto;
+  -webkit-transform: translateY(-50%);
+  -moz-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  -o-transform: translateY(-50%);
+  transform: translateY(-50%);
+  /* replace text with an icon */
+  overflow: hidden;
+  color: transparent;
+  text-indent: 100%;
+  white-space: nowrap;
+  -webkit-transition: border-color 0.3s;
+  -moz-transition: border-color 0.3s;
+  transition: border-color 0.3s;
+}
+.cd-timeline-navigation a::after {
+  /* arrow icon */
+  content: '';
+  position: absolute;
+  height: 16px;
+  width: 16px;
+  left: 50%;
+  top: 50%;
+  bottom: auto;
+  right: auto;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+  background: url(../images/cd-arrow.svg) no-repeat 0 0;
+}
+.cd-timeline-navigation a.prev {
+  right: 2rem;
+  margin-left: 2rem;
+  -webkit-transform: translateY(-50%) rotate(180deg);
+  -moz-transform: translateY(-50%) rotate(180deg);
+  -ms-transform: translateY(-50%) rotate(180deg);
+  -o-transform: translateY(-50%) rotate(180deg);
+  transform: translateY(-50%) rotate(180deg);
+}
+.cd-timeline-navigation a.next {
+  right: 0;
+}
+.no-touch .cd-timeline-navigation a:hover {
+  border-color: #7b9d6f;
+}
+.cd-timeline-navigation a.inactive {
+  cursor: not-allowed;
+}
+.cd-timeline-navigation a.inactive::after {
+  background-position: 0 -16px;
+}
+.no-touch .cd-timeline-navigation a.inactive:hover {
+  border-color: #dfdfdf;
+}
+
+.cd-horizontal-timeline .events-content {
+  position: relative;
+  width: 100%;
+  margin: 1em 0;
+  overflow: hidden;
+  -webkit-transition: height 0.4s;
+  -moz-transition: height 0.4s;
+  transition: height 0.4s;
+}
+.cd-horizontal-timeline .events-content li {
+  position: absolute;
+  z-index: 1;
+  width: 100%;
+  left: 0;
+  top: 0;
+  -webkit-transform: translateX(-100%);
+  -moz-transform: translateX(-100%);
+  -ms-transform: translateX(-100%);
+  -o-transform: translateX(-100%);
+  transform: translateX(-100%);
+  opacity: 0;
+  -webkit-animation-duration: 0.4s;
+  -moz-animation-duration: 0.4s;
+  animation-duration: 0.4s;
+  -webkit-animation-timing-function: ease-in-out;
+  -moz-animation-timing-function: ease-in-out;
+  animation-timing-function: ease-in-out;
+}
+.cd-horizontal-timeline .events-content li.selected {
+  /* visible event content */
+  position: relative;
+  z-index: 2;
+  opacity: 1;
+  -webkit-transform: translateX(0);
+  -moz-transform: translateX(0);
+  -ms-transform: translateX(0);
+  -o-transform: translateX(0);
+  transform: translateX(0);
+}
+.cd-horizontal-timeline .events-content li.enter-right,
+.cd-horizontal-timeline .events-content li.leave-right {
+  -webkit-animation-name: cd-enter-right;
+  -moz-animation-name: cd-enter-right;
+  animation-name: cd-enter-right;
+}
+.cd-horizontal-timeline .events-content li.enter-left,
+.cd-horizontal-timeline .events-content li.leave-left {
+  -webkit-animation-name: cd-enter-left;
+  -moz-animation-name: cd-enter-left;
+  animation-name: cd-enter-left;
+}
+.cd-horizontal-timeline .events-content li.leave-right,
+.cd-horizontal-timeline .events-content li.leave-left {
+  -webkit-animation-direction: reverse;
+  -moz-animation-direction: reverse;
+  animation-direction: reverse;
+}
+.cd-horizontal-timeline .events-content li > * {
+  max-width: 100%;
+  margin: 0 auto;
+}
+.cd-horizontal-timeline .events-content h2 {
+  font-weight: bold;
+  font-size: 2.6rem;
+  font-family: 'Playfair Display', serif;
+  font-weight: 700;
+  line-height: 1.2;
+}
+.cd-horizontal-timeline .events-content em {
+  display: block;
+  font-style: italic;
+  margin: 10px auto;
+}
+.cd-horizontal-timeline .events-content em::before {
+  content: '- ';
+}
+@media only screen and (min-width: 768px) {
+  .cd-horizontal-timeline .events-content h2 {
+    font-size: 7rem;
+  }
+  .cd-horizontal-timeline .events-content em {
+    font-size: 1.875rem;
+  }
+}
+
+@-webkit-keyframes cd-enter-right {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateX(100%);
+  }
+  100% {
+    opacity: 1;
+    -webkit-transform: translateX(0%);
+  }
+}
+@-moz-keyframes cd-enter-right {
+  0% {
+    opacity: 0;
+    -moz-transform: translateX(100%);
+  }
+  100% {
+    opacity: 1;
+    -moz-transform: translateX(0%);
+  }
+}
+@keyframes cd-enter-right {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateX(100%);
+    -moz-transform: translateX(100%);
+    -ms-transform: translateX(100%);
+    -o-transform: translateX(100%);
+    transform: translateX(100%);
+  }
+  100% {
+    opacity: 1;
+    -webkit-transform: translateX(0%);
+    -moz-transform: translateX(0%);
+    -ms-transform: translateX(0%);
+    -o-transform: translateX(0%);
+    transform: translateX(0%);
+  }
+}
+@-webkit-keyframes cd-enter-left {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateX(-100%);
+  }
+  100% {
+    opacity: 1;
+    -webkit-transform: translateX(0%);
+  }
+}
+@-moz-keyframes cd-enter-left {
+  0% {
+    opacity: 0;
+    -moz-transform: translateX(-100%);
+  }
+  100% {
+    opacity: 1;
+    -moz-transform: translateX(0%);
+  }
+}
+@keyframes cd-enter-left {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateX(-100%);
+    -moz-transform: translateX(-100%);
+    -ms-transform: translateX(-100%);
+    -o-transform: translateX(-100%);
+    transform: translateX(-100%);
+  }
+  100% {
+    opacity: 1;
+    -webkit-transform: translateX(0%);
+    -moz-transform: translateX(0%);
+    -ms-transform: translateX(0%);
+    -o-transform: translateX(0%);
+    transform: translateX(0%);
+  }
+}
+/*时间轴图片文字定位*/
+.timetitle {
+  font-size: 1.5rem;
+  width: 90%;
+  margin: 4rem auto 0;
+  font-family: 'Montserrat-Bold';
+}
+.timedesin {
+  font-size: 0.875rem;
+  padding: 0.5rem 1rem;
+  line-height: 1.3rem;
+  width: 90%;
+  font-family: 'Montserrat-Medium';
+}
+.timeblue {
+  color: #004bfa;
+  font-size: 1.125rem;
+  font-family: 'Montserrat-Medium';
+}
+.timeblue img {
+  vertical-align: middle;
+}
+.timeblue a {
+  color: #004bfa;
+  font-family: 'Montserrat-Medium';
+}
+/*视频*/
+.video-youtu {
+  position: relative;
+  padding-bottom: 56.25%; /* 16:9 */
+  height: 0;
+}
+.video-youtu img {
+  position: absolute;
+  display: block;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 0;
+  cursor: pointer;
+}
+.video-youtu:after {
+  content: '';
+  position: absolute;
+  display: block;
+  background: url(play-button.png) no-repeat 0 0;
+  top: 45%;
+  left: 45%;
+  width: 46px;
+  height: 36px;
+  z-index: 30;
+  cursor: pointer;
+}
+.video-youtu iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+/* image poster clicked, player class added using js */
+.video-youtu.player img {
+  display: none;
+}
+.video-youtu.player:after {
+  display: none;
+}
+/*our product*/
+.m_vision {
+  width: 86%;
+  margin: 1.5rem auto 0;
+  text-align: center;
+  background: #fff;
+  padding: 2rem 1rem;
+  border-radius: 0.5rem;
+  -webkit-border-radius: 0.5rem;
+  -moz-border-radius: 0.5rem;
+  -ms-border-radius: 0.5rem;
+  -o-border-radius: 0.5rem;
+}
+.vision-title {
+  font-size: 1rem;
+  font-family: 'Montserrat-Bold';
+  width: 98%;
+  margin: 1rem auto 0;
+}
+.vision-con {
+  font-size: 0.875;
+  line-height: 1.5rem;
+  color: #707070;
+  font-family: 'Montserrat-Regular';
+  width: 98%;
+  margin: 1rem auto;
+}
+.m_brand {
+  width: 86%;
+  margin: 1.5rem auto 0;
+  text-align: center;
+  background: #fff;
+  padding: 0 1rem;
+  border-radius: 0.5rem;
+  -webkit-border-radius: 0.5rem;
+  -moz-border-radius: 0.5rem;
+  -ms-border-radius: 0.5rem;
+  -o-border-radius: 0.5rem;
+}
+.brand_title {
+  font-size: 1.125rem;
+  font-family: 'Montserrat-Bold';
+  width: 98%;
+  margin: 1rem auto 0;
+  position: relative;
+}
+.brand_title::after {
+  position: absolute;
+  content: '';
+  background: #004bfa;
+  left: 0;
+  bottom: -10px;
+  width: 3rem;
+  height: 4px;
+}
+.brand-con {
+  font-size: 0.875;
+  line-height: 1.5rem;
+  color: #000000;
+  font-family: 'Montserrat-Regular';
+  width: 98%;
+  margin: 1rem auto;
+}
+.brand-con p {
+  padding: 1rem 0 0;
+}
+.pos-ab {
+  position: absolute;
+  top: 0;
+  left: 0%;
+  width: 100%;
+  margin: auto;
+}
+.vedio-img img {
+  max-width: 100%;
+  background: rgba(0, 0, 0, 0.4);
+}
+
+.video-right {
+  width: 100%;
+  position: relative;
+}
+.prism-big-play-btn {
+  background-color: rgba(0, 0, 0, 0.4);
+  height: 100%;
+  background-image: url('../images/brand/vedio_img.jpg');
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  display: flex;
+  align-items: center;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+}
+.prism-big-play-btn img {
+  width: 18%;
+  margin-left: 40%;
+}
+video::-webkit-media-controls-current-time-display {
+  display: none !important;
+}
+/*our achievement*/
+.m_ach {
+  width: 100%;
+  margin: auto;
+  text-align: center;
+  background: #fff;
+}
+.m_ach .title {
+  font-size: 1.125rem;
+  font-family: 'Montserrat-Bold';
+  width: 98%;
+  margin: 1rem auto 0;
+  position: relative;
+  padding: 2rem 0 0;
+}
+
+.m_ach .list-num {
+  padding: 2rem 0;
+}
+.m_ach .list-num li {
+  float: left;
+  width: 50%;
+  margin: 1rem 0;
+}
+.m_ach .list-num li h4 {
+  font-size: 2rem;
+  margin: 0.5rem 0;
+  line-height: 2rem;
+}
+.m_ach .list-num li p {
+  color: #707070;
+  font-family: 'Montserrat-Regular';
+}
+/*新闻评测*/
+.news-vertu {
+  width: 96%;
+  margin: 4% auto;
+}
+.news-vertu .tab {
+  overflow: hidden;
+  text-align: center;
+}
+.news-vertu .tab a {
+  padding: 10px 20px;
+  font-size: 1.25em;
+  color: #333;
+}
+.news-vertu .tab a:hover {
+  color: #333;
+}
+.news-vertu .tab a.on {
+  color: #009fdf !important;
+  border: none !important;
+}
+.news-vertu .content {
+  position: relative;
+  background: #fff;
+  margin: 2% 0;
+  width: 100%;
+}
+.news-vertu .content ul {
+  overflow: hidden;
+}
+.news-vertu .content li {
+  float: left;
+  padding: 2rem 0 0;
+}
+.news-vertu .content li p {
+  height: 4.5rem;
+  overflow: hidden;
+}
+/*blog_list*/
+.search_box {
+  width: 100%;
+  height: 2rem;
+  margin: 2rem 0;
+  display: inline-block;
+  clear: both;
+}
+
+.search-button-blog {
+  border: none;
+  font-size: 0.9rem;
+  color: #fff;
+  cursor: pointer;
+  background: #0060ff;
+  height: 2rem;
+  border-radius: 20px;
+  padding: 0 0.5rem;
+  float: left;
+  margin-left: 0.5rem;
+}
+.search_box .search {
+  width: 75%;
+  height: 2rem;
+  line-height: 2.875rem;
+  border: 1px solid #dbdbdb !important;
+  border-radius: 1.5rem !important;
+  text-indent: 0.5rem;
+  float: left;
+  -webkit-border-radius: 1.5rem !important;
+  -moz-border-radius: 1.5rem !important;
+  -ms-border-radius: 1.5rem !important;
+  -o-border-radius: 1.5rem !important;
+}
+.search_box .search_icon {
+  width: 1rem;
+  height: 1rem;
+  display: block;
+  position: absolute;
+  right: 1rem;
+  top: 0.7rem;
+  background: url(../images/blog/search.png);
+  background-size: cover;
+  cursor: pointer;
+}
+.blog_list ul {
+  width: 100%;
+  margin: 0 auto;
+}
+.blog_list ul li {
+  float: left;
+  width: calc((100% - 0.5rem) / 2);
+  height: auto;
+  margin-right: 0.5rem;
+  margin-bottom: 1rem;
+  text-align: left;
+}
+.blog_list ul li:nth-of-type(2n) {
+  margin-right: 0;
+}
+.blog_list ul li img {
+  width: 100%;
+  height: auto;
+}
+.blog_list ul li h3 {
+  color: #252525;
+  font-size: 1rem;
+  font-weight: bold;
+  line-height: 1.25rem;
+  margin: 0.5rem 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.blog_list ul li p {
+  color: #929292;
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1rem;
+  margin-bottom: 0.5rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.blog_list ul li span {
+  color: #929292;
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1rem;
+  margin-bottom: 0.5rem;
+}
+/*blog_detail*/
+.content {
+  width: 90%;
+  margin: 2.5rem auto;
+}
+.blog_detail {
+  height: auto;
+  background: #ffffff;
+  border: 1px solid #e8e8e8;
+}
+.blog_title {
+  margin: 1rem;
+  border-bottom: 1px solid #e8e8e8;
+  padding-bottom: 1rem;
+}
+.blog_title h2 {
+  font-size: 1rem;
+  font-weight: bold;
+  line-height: 1.25rem;
+  color: #252525;
+  margin-bottom: 0.5rem;
+}
+.blog_title p {
+  color: #929292;
+  font-size: 0.875rem;
+  font-weight: 400;
+}
+.blog_content {
+  margin: 1rem;
+}
+.blog_content img {
+  max-width: 100%;
+}
+.blog_content p {
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1.5rem;
+  color: #252525;
+  margin-bottom: 0.625rem;
+  overflow: hidden;
+  max-width: 100%;
+}
+.blog_content p span {
+  font-size: 0.875rem;
+  line-height: 1rem;
+}
+.blog_content p img {
+  width: 100%;
+  height: auto;
+  margin-bottom: 0.5rem;
+}
+.blog_content p video {
+  width: 100%;
+  height: auto;
+  margin-bottom: 0.5rem;
+}
+.share_box {
+  width: 100%;
+}
+.blog_share {
+  width: 100%;
+  height: auto;
+  background: #ffffff;
+  border: 1px solid #e8e8e8;
+  margin: 1rem 0;
+}
+.blog_share h3 {
+  font-size: 1rem;
+  line-height: 2.125rem;
+  color: #959595;
+  font-weight: bold;
+  padding: 0.25rem 1.875rem 0.75rem;
+  border-bottom: 1px solid #e8e8e8;
+}
+.share_list {
+  padding: 1.875rem;
+}
+.share_list li {
+  width: 21%;
+  height: auto;
+  margin-right: 0.5rem;
+  float: left;
+}
+
+.repply {
+  width: 100%;
+  height: auto;
+  background: #ffffff;
+  border: 1px solid #e8e8e8;
+  float: left;
+  margin-top: 1.25rem;
+}
+.repply h3 {
+  font-size: 1rem;
+  line-height: 2.125rem;
+  color: #959595;
+  font-weight: bold;
+  padding: 1.25rem 1.875rem;
+  border-bottom: 1px solid #e8e8e8;
+}
+.repply form {
+  width: auto;
+  height: auto;
+  padding: 1.25rem;
+}
+.repply span {
+  font-size: 0.875rem;
+  font-weight: bold;
+}
+.repply input {
+  width: 98%;
+  height: 2rem !important;
+  border: 1px solid #dbdbdb !important;
+  margin-top: 0.625rem;
+  margin-bottom: 0.625rem;
+}
+.comment_btn {
+  margin: 0 auto;
+  width: 12rem;
+  line-height: 2.5rem;
+  background: #009fdf;
+  color: #ffffff;
+  text-align: center;
+  cursor: pointer;
+  display: block;
+  font-size: 1rem;
+}
+.comment {
+  background: #ffffff;
+  width: 100%;
+  padding-bottom: 1.875rem;
+  border: 1px solid #e8e8e8;
+}
+.comment h3 {
+  font-size: 1rem;
+  line-height: 1rem;
+  color: #959595;
+  font-weight: bold;
+  padding: 1rem 1.25rem;
+  border-bottom: 1px solid #e8e8e8;
+}
+.comment_form {
+  padding: 1rem 1.25rem;
+}
+.comment_form div {
+  font-size: 0.825rem;
+  color: #252525;
+  float: left;
+  width: 100%;
+}
+.comment_form > div input {
+  width: 100%;
+  height: 1.75rem;
+  border: 1px solid #dbdbdb;
+  margin-top: 0.5rem;
+}
+.itinp {
+  background: #f2f2f2;
+  border: none;
+  border-radius: 8px;
+  height: 48px;
+  box-shadow: none;
+  font-family: Montserrat-Regular, Montserrat;
+}
+.comment_area {
+  width: 100% !important;
+}
+.comment_area textarea {
+  width: 100%;
+  margin-top: 0.625rem;
+}
+.comment_list {
+  background: #ffffff;
+  width: 100%;
+  margin-top: 2.5rem;
+  padding-bottom: 1.875rem;
+  border: 1px solid #e8e8e8;
+}
+.comment_list h3 {
+  font-size: 1rem;
+  line-height: 2.125rem;
+  color: #959595;
+  font-weight: bold;
+  padding: 1.25rem 2.5rem;
+  border-bottom: 1px solid #e8e8e8;
+}
+.comment_list ul {
+  padding: 1.875rem 2.5rem;
+}
+.comment_list ul li {
+  margin-bottom: 3.125rem;
+}
+.comment_list ul li:last-child {
+  margin-bottom: 0 !important;
+}
+.comment_list ul li > div {
+  float: left;
+  display: block;
+  font-size: 1rem;
+}
+.comment_list ul li > div:first-child {
+  width: 3.125rem;
+  height: auto;
+  margin-right: 1.25rem;
+}
+.comment_list ul li > div:last-child {
+  width: calc(100% - 3.125rem - 1.25rem);
+  height: auto;
+}
+.xq {
+  width: 100%;
+  background: #f1f1f1;
+}
+.xq .love .love1 p {
+  font-size: 1.5em;
+  color: #333;
+  font-weight: bold;
+  text-align: center;
+}
+.xq .love .love1 p img {
+  width: 100%;
+  display: block;
+}
+.xq .love .love1 p:nth-child(2) {
+  margin-top: 2.4%;
+}
+.xq .love .love2 {
+  margin-top: 2rem;
+}
+.xq .love .love2 li {
+  width: 46%;
+  margin: 0 2% 4% 2%;
+  float: left;
+}
+
+.xq .love .love2 li .lvimg {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+.xq .love .love2 li .lvimg img {
+  width: 100%;
+  opacity: 1;
+  -webkit-transition: opacity 0.35s, transform 0.35s;
+  transition: opacity 0.35s, transform 0.35s;
+  max-height: 110px;
+  min-height: 110px;
+  -moz-transition: opacity 0.35s, transform 0.35s;
+  -ms-transition: opacity 0.35s, transform 0.35s;
+  -o-transition: opacity 0.35s, transform 0.35s;
+}
+.xq .love .love2 li .lvtit {
+  font-size: 0.875em;
+  color: #333;
+  margin-top: 2vw;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.xq .love .love2 li:hover .lvimg img {
+  -webkit-transform: scale3d(1.2, 1.2, 1);
+  transform: scale3d(1.2, 1.2, 1);
+}
+.xq .fb,
+.xq .huifu,
+.xq .love .love1 {
+  margin-top: 5%;
+}
+.xq .fb .love1 p {
+  font-size: 1.5em;
+  color: #333;
+  font-weight: bold;
+  text-align: center;
+}
+.xq .fb .love1 p:nth-child(2) {
+  margin-top: 26px;
+}
diff --git a/public/static/index/css/aboutus_culture.css b/public/static/index/pc/css/aboutus_culture.css
similarity index 100%
rename from public/static/index/css/aboutus_culture.css
rename to public/static/index/pc/css/aboutus_culture.css
diff --git a/public/static/index/css/aboutus_introduction.css b/public/static/index/pc/css/aboutus_introduction.css
similarity index 100%
rename from public/static/index/css/aboutus_introduction.css
rename to public/static/index/pc/css/aboutus_introduction.css
diff --git a/public/static/index/css/aboutus_policy.css b/public/static/index/pc/css/aboutus_policy.css
similarity index 100%
rename from public/static/index/css/aboutus_policy.css
rename to public/static/index/pc/css/aboutus_policy.css
diff --git a/public/static/index/css/achievement.css b/public/static/index/pc/css/achievement.css
similarity index 100%
rename from public/static/index/css/achievement.css
rename to public/static/index/pc/css/achievement.css
diff --git a/public/static/index/css/animate.min.css b/public/static/index/pc/css/animate.min.css
similarity index 100%
rename from public/static/index/css/animate.min.css
rename to public/static/index/pc/css/animate.min.css
diff --git a/public/static/index/css/article_category.css b/public/static/index/pc/css/article_category.css
similarity index 100%
rename from public/static/index/css/article_category.css
rename to public/static/index/pc/css/article_category.css
diff --git a/public/static/index/css/article_detail.css b/public/static/index/pc/css/article_detail.css
similarity index 100%
rename from public/static/index/css/article_detail.css
rename to public/static/index/pc/css/article_detail.css
diff --git a/public/static/index/css/before-after.min.css b/public/static/index/pc/css/before-after.min.css
similarity index 100%
rename from public/static/index/css/before-after.min.css
rename to public/static/index/pc/css/before-after.min.css
diff --git a/public/static/index/css/brand.css b/public/static/index/pc/css/brand.css
similarity index 100%
rename from public/static/index/css/brand.css
rename to public/static/index/pc/css/brand.css
diff --git a/public/static/index/css/contactus_bulkbuy.css b/public/static/index/pc/css/contactus_bulkbuy.css
similarity index 100%
rename from public/static/index/css/contactus_bulkbuy.css
rename to public/static/index/pc/css/contactus_bulkbuy.css
diff --git a/public/static/index/css/contactus_distributor.css b/public/static/index/pc/css/contactus_distributor.css
similarity index 100%
rename from public/static/index/css/contactus_distributor.css
rename to public/static/index/pc/css/contactus_distributor.css
diff --git a/public/static/index/css/contactus_index.css b/public/static/index/pc/css/contactus_index.css
similarity index 100%
rename from public/static/index/css/contactus_index.css
rename to public/static/index/pc/css/contactus_index.css
diff --git a/public/static/index/css/contactus_message.css b/public/static/index/pc/css/contactus_message.css
similarity index 100%
rename from public/static/index/css/contactus_message.css
rename to public/static/index/pc/css/contactus_message.css
diff --git a/public/static/index/css/download.css b/public/static/index/pc/css/download.css
similarity index 100%
rename from public/static/index/css/download.css
rename to public/static/index/pc/css/download.css
diff --git a/public/static/index/css/faq.css b/public/static/index/pc/css/faq.css
similarity index 100%
rename from public/static/index/css/faq.css
rename to public/static/index/pc/css/faq.css
diff --git a/public/static/index/pc/css/fonts.css b/public/static/index/pc/css/fonts.css
new file mode 100755
index 00000000..9c3d7909
--- /dev/null
+++ b/public/static/index/pc/css/fonts.css
@@ -0,0 +1,220 @@
+@font-face {
+  font-family: 'icomoon';
+  src: url('/static/common/fonts/icomoon/icomoon.eot?ujw7hy');
+  src: url('/static/common/fonts/icomoon/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('/static/common/fonts/icomoon/icomoon.ttf?ujw7hy') format('truetype'),
+    url('/static/common/fonts/icomoon/icomoon.woff?ujw7hy') format('woff'), url('/static/common/fonts/icomoon/icomoon.svg?ujw7hy#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+[class^='icon-'],
+[class*=' icon-'] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon';
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-Collection:before {
+  content: '\e900';
+}
+.icon-culture-P:before {
+  content: '\e901';
+}
+.icon-facebook:before {
+  content: '\e902';
+}
+.icon-in:before {
+  content: '\e903';
+}
+.icon-twitter:before {
+  content: '\e904';
+}
+.icon-youtobe:before {
+  content: '\e905';
+}
+.icon-country:before {
+  content: '\e90a';
+}
+.icon-menu:before {
+  content: '\e906';
+}
+.icon-arrow:before {
+  content: '\e907';
+}
+.icon-r-arrow:before {
+  content: '\e907';
+}
+.icon-close:before {
+  content: '\e909';
+}
+.icon-search:before {
+  content: '\e908';
+}
+.icon-B-arrow:before {
+  content: '\e90b';
+}
+
+.icon-qq1:before {
+  content: '\e90c';
+}
+.icon-wx1:before {
+  content: '\e90d';
+}
+.icon-ys1:before {
+  content: '\e90e';
+}
+.icon-kf1:before {
+  content: '\e90f';
+}
+.icon-top1:before {
+  content: '\e910';
+}
+.icon-QQ:before {
+  content: '\e911';
+  color: rgba(0, 0, 0, 0.3);
+  margin-right: 10px;
+}
+.icon-xl:before {
+  content: '\e919';
+}
+
+.icon-QQ1:before {
+  content: '\e91c';
+}
+.icon-PYQ:before {
+  content: '\e91d';
+}
+.icon-Under-line:before {
+  content: '\e91e';
+}
+.icon-On-line:before {
+  content: '\e91f';
+}
+.icon-contect:before {
+  content: '\e920';
+}
+.icon-support:before {
+  content: '\e921';
+}
+.icon-media:before {
+  content: '\e922';
+}
+.icon-join:before {
+  content: '\e923';
+}
+
+@font-face {
+  font-family: 'icomoon01';
+  src: url('fonts-20190124/icomoon.eot?ll2528');
+  src: url('fonts-20190124/icomoon.eot?ll2528#iefix') format('embedded-opentype'),
+    url('fonts-20190124/icomoon.ttf?ll2528') format('truetype'), url('fonts-20190124/icomoon.woff?ll2528') format('woff'),
+    url('fonts-20190124/icomoon.svg?ll2528#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+[class^='icons-'],
+[class*=' icons-'] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon01' !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icons-weixin:before {
+  content: '\e903';
+  color: #fff;
+}
+.icons-Forum:before {
+  content: '\e900';
+  color: #fff;
+}
+.icons-sina:before {
+  content: '\e901';
+  color: #fff;
+}
+.icons-toutiao:before {
+  content: '\e902';
+  color: #fff;
+}
+
+.icons-douyin:before {
+  content: '\e904';
+  color: #fff;
+}
+
+@font-face {
+  font-family: 'icomoon02';
+  src: url('fonts/other/icomoon.eot?ujw7hy');
+  src: url('fonts/other/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('fonts/other/icomoon.ttf?ujw7hy') format('truetype'),
+    url('fonts/other/icomoon.woff?ujw7hy') format('woff'), url('fonts/other/icomoon.svg?ujw7hy#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+[class^='icona-'],
+[class*=' icona-'] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon02' !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.icona-zhihu:before {
+  content: '\e904';
+  color: #fff;
+}
+@font-face {
+  font-family: 'icomoon05';
+  src: url('fonts-20220322/icomoon.eot?cdcz43');
+  src: url('fonts-20220322/icomoon.eot?cdcz43#iefix') format('embedded-opentype'),
+    url('fonts-20220322/icomoon.ttf?cdcz43') format('truetype'), url('fonts-20220322/icomoon.woff?cdcz43') format('woff'),
+    url('fonts-20220322/icomoon.svg?cdcz43#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^='iconb-'],
+[class*='iconb-'] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon05' !important;
+  speak: never;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.iconb-caret-down:before {
+  content: '\e900';
+}
+.iconb-caret-up:before {
+  content: '\e901';
+}
diff --git a/public/static/index/css/index.css b/public/static/index/pc/css/index.css
similarity index 100%
rename from public/static/index/css/index.css
rename to public/static/index/pc/css/index.css
diff --git a/public/static/index/css/orico_footer.css b/public/static/index/pc/css/orico_footer.css
similarity index 100%
rename from public/static/index/css/orico_footer.css
rename to public/static/index/pc/css/orico_footer.css
diff --git a/public/static/index/css/orico_header.css b/public/static/index/pc/css/orico_header.css
similarity index 100%
rename from public/static/index/css/orico_header.css
rename to public/static/index/pc/css/orico_header.css
diff --git a/public/static/index/css/product_category.css b/public/static/index/pc/css/product_category.css
similarity index 100%
rename from public/static/index/css/product_category.css
rename to public/static/index/pc/css/product_category.css
diff --git a/public/static/index/css/product_detail.css b/public/static/index/pc/css/product_detail.css
similarity index 100%
rename from public/static/index/css/product_detail.css
rename to public/static/index/pc/css/product_detail.css
diff --git a/public/static/index/css/product_newpro.css b/public/static/index/pc/css/product_newpro.css
similarity index 100%
rename from public/static/index/css/product_newpro.css
rename to public/static/index/pc/css/product_newpro.css
diff --git a/public/static/index/css/product_search.css b/public/static/index/pc/css/product_search.css
similarity index 100%
rename from public/static/index/css/product_search.css
rename to public/static/index/pc/css/product_search.css
diff --git a/public/static/index/css/product_subcategory.css b/public/static/index/pc/css/product_subcategory.css
similarity index 100%
rename from public/static/index/css/product_subcategory.css
rename to public/static/index/pc/css/product_subcategory.css
diff --git a/public/static/index/css/public.css b/public/static/index/pc/css/public.css
similarity index 88%
rename from public/static/index/css/public.css
rename to public/static/index/pc/css/public.css
index 00c0faa4..ac2498f4 100755
--- a/public/static/index/css/public.css
+++ b/public/static/index/pc/css/public.css
@@ -1,20 +1,20 @@
 @font-face {
 	font-family: "Montserrat";
-	src: url("../fonts/Montserrat-Regular.ttf") format("truetype");
+	src: url("/static/common/fonts/Montserrat-Regular.ttf") format("truetype");
 	font-weight: normal;
 	font-style: normal;
 }
 
 @font-face {
 	font-family: "Montserrat-Bold";
-	src: url("../fonts/Montserrat-Bold.ttf") format("truetype");
+	src: url("/static/common/fonts/Montserrat-Bold.ttf") format("truetype");
 	font-weight: normal;
 	font-style: normal;
 }
 
 @font-face {
 	font-family: "Montserrat-Medium";
-	src: url("../fonts/Montserrat-Medium.ttf") format("truetype");
+	src: url("/static/common/fonts/Montserrat-Medium.ttf") format("truetype");
 	font-weight: normal;
 	font-style: normal;
 }
diff --git a/public/static/index/css/topic_nas_cooperation.css b/public/static/index/pc/css/topic_nas_cooperation.css
similarity index 100%
rename from public/static/index/css/topic_nas_cooperation.css
rename to public/static/index/pc/css/topic_nas_cooperation.css
diff --git a/public/static/index/css/topic_nas_download.css b/public/static/index/pc/css/topic_nas_download.css
similarity index 100%
rename from public/static/index/css/topic_nas_download.css
rename to public/static/index/pc/css/topic_nas_download.css
diff --git a/public/static/index/css/topic_nas_header.css b/public/static/index/pc/css/topic_nas_header.css
similarity index 100%
rename from public/static/index/css/topic_nas_header.css
rename to public/static/index/pc/css/topic_nas_header.css
diff --git a/public/static/index/css/topic_nas_help-detail.css b/public/static/index/pc/css/topic_nas_help-detail.css
similarity index 100%
rename from public/static/index/css/topic_nas_help-detail.css
rename to public/static/index/pc/css/topic_nas_help-detail.css
diff --git a/public/static/index/css/topic_nas_help.css b/public/static/index/pc/css/topic_nas_help.css
similarity index 100%
rename from public/static/index/css/topic_nas_help.css
rename to public/static/index/pc/css/topic_nas_help.css
diff --git a/public/static/index/css/topic_nas_index.css b/public/static/index/pc/css/topic_nas_index.css
similarity index 100%
rename from public/static/index/css/topic_nas_index.css
rename to public/static/index/pc/css/topic_nas_index.css
diff --git a/public/static/index/css/topic_nas_product.css b/public/static/index/pc/css/topic_nas_product.css
similarity index 100%
rename from public/static/index/css/topic_nas_product.css
rename to public/static/index/pc/css/topic_nas_product.css
diff --git a/public/static/index/images/1line.png b/public/static/index/pc/images/1line.png
similarity index 100%
rename from public/static/index/images/1line.png
rename to public/static/index/pc/images/1line.png
diff --git a/public/static/index/images/2577U3-L1.jpg b/public/static/index/pc/images/2577U3-L1.jpg
similarity index 100%
rename from public/static/index/images/2577U3-L1.jpg
rename to public/static/index/pc/images/2577U3-L1.jpg
diff --git a/public/static/index/images/AU.png b/public/static/index/pc/images/AU.png
similarity index 100%
rename from public/static/index/images/AU.png
rename to public/static/index/pc/images/AU.png
diff --git a/public/static/index/images/Achievement.png b/public/static/index/pc/images/Achievement.png
similarity index 100%
rename from public/static/index/images/Achievement.png
rename to public/static/index/pc/images/Achievement.png
diff --git a/public/static/index/images/BR.png b/public/static/index/pc/images/BR.png
similarity index 100%
rename from public/static/index/images/BR.png
rename to public/static/index/pc/images/BR.png
diff --git a/public/static/index/images/CN.png b/public/static/index/pc/images/CN.png
similarity index 100%
rename from public/static/index/images/CN.png
rename to public/static/index/pc/images/CN.png
diff --git a/public/static/index/images/ContactUs.png b/public/static/index/pc/images/ContactUs.png
similarity index 100%
rename from public/static/index/images/ContactUs.png
rename to public/static/index/pc/images/ContactUs.png
diff --git a/public/static/index/images/ID.png b/public/static/index/pc/images/ID.png
similarity index 100%
rename from public/static/index/images/ID.png
rename to public/static/index/pc/images/ID.png
diff --git a/public/static/index/images/IR.png b/public/static/index/pc/images/IR.png
similarity index 100%
rename from public/static/index/images/IR.png
rename to public/static/index/pc/images/IR.png
diff --git a/public/static/index/images/MX.png b/public/static/index/pc/images/MX.png
similarity index 100%
rename from public/static/index/images/MX.png
rename to public/static/index/pc/images/MX.png
diff --git a/public/static/index/images/NL.png b/public/static/index/pc/images/NL.png
similarity index 100%
rename from public/static/index/images/NL.png
rename to public/static/index/pc/images/NL.png
diff --git a/public/static/index/images/ORCIO-HSQ-02H-800-220.jpg b/public/static/index/pc/images/ORCIO-HSQ-02H-800-220.jpg
similarity index 100%
rename from public/static/index/images/ORCIO-HSQ-02H-800-220.jpg
rename to public/static/index/pc/images/ORCIO-HSQ-02H-800-220.jpg
diff --git a/public/static/index/images/OurBrand.png b/public/static/index/pc/images/OurBrand.png
similarity index 100%
rename from public/static/index/images/OurBrand.png
rename to public/static/index/pc/images/OurBrand.png
diff --git a/public/static/index/images/SSD-1920x900-CN.jpg b/public/static/index/pc/images/SSD-1920x900-CN.jpg
similarity index 100%
rename from public/static/index/images/SSD-1920x900-CN.jpg
rename to public/static/index/pc/images/SSD-1920x900-CN.jpg
diff --git a/public/static/index/images/TH.png b/public/static/index/pc/images/TH.png
similarity index 100%
rename from public/static/index/images/TH.png
rename to public/static/index/pc/images/TH.png
diff --git a/public/static/index/images/TR.png b/public/static/index/pc/images/TR.png
similarity index 100%
rename from public/static/index/images/TR.png
rename to public/static/index/pc/images/TR.png
diff --git a/public/static/index/images/US.png b/public/static/index/pc/images/US.png
similarity index 100%
rename from public/static/index/images/US.png
rename to public/static/index/pc/images/US.png
diff --git a/public/static/index/images/VN.png b/public/static/index/pc/images/VN.png
similarity index 100%
rename from public/static/index/images/VN.png
rename to public/static/index/pc/images/VN.png
diff --git a/public/static/index/images/ba-arrow.png b/public/static/index/pc/images/ba-arrow.png
similarity index 100%
rename from public/static/index/images/ba-arrow.png
rename to public/static/index/pc/images/ba-arrow.png
diff --git a/public/static/index/images/banner_01.png b/public/static/index/pc/images/banner_01.png
similarity index 100%
rename from public/static/index/images/banner_01.png
rename to public/static/index/pc/images/banner_01.png
diff --git a/public/static/index/images/black-down.png b/public/static/index/pc/images/black-down.png
similarity index 100%
rename from public/static/index/images/black-down.png
rename to public/static/index/pc/images/black-down.png
diff --git a/public/static/index/images/bottomlogo.png b/public/static/index/pc/images/bottomlogo.png
similarity index 100%
rename from public/static/index/images/bottomlogo.png
rename to public/static/index/pc/images/bottomlogo.png
diff --git a/public/static/index/images/brand02.png b/public/static/index/pc/images/brand02.png
similarity index 100%
rename from public/static/index/images/brand02.png
rename to public/static/index/pc/images/brand02.png
diff --git a/public/static/index/images/contact-Us.png b/public/static/index/pc/images/contact-Us.png
similarity index 100%
rename from public/static/index/images/contact-Us.png
rename to public/static/index/pc/images/contact-Us.png
diff --git a/public/static/index/images/contact_icon01.png b/public/static/index/pc/images/contact_icon01.png
similarity index 100%
rename from public/static/index/images/contact_icon01.png
rename to public/static/index/pc/images/contact_icon01.png
diff --git a/public/static/index/images/contact_icon02.png b/public/static/index/pc/images/contact_icon02.png
similarity index 100%
rename from public/static/index/images/contact_icon02.png
rename to public/static/index/pc/images/contact_icon02.png
diff --git a/public/static/index/images/contact_icon03.png b/public/static/index/pc/images/contact_icon03.png
similarity index 100%
rename from public/static/index/images/contact_icon03.png
rename to public/static/index/pc/images/contact_icon03.png
diff --git a/public/static/index/images/customer-service.png b/public/static/index/pc/images/customer-service.png
similarity index 100%
rename from public/static/index/images/customer-service.png
rename to public/static/index/pc/images/customer-service.png
diff --git a/public/static/index/images/fl.png b/public/static/index/pc/images/fl.png
similarity index 100%
rename from public/static/index/images/fl.png
rename to public/static/index/pc/images/fl.png
diff --git a/public/static/index/images/fl1.png b/public/static/index/pc/images/fl1.png
similarity index 100%
rename from public/static/index/images/fl1.png
rename to public/static/index/pc/images/fl1.png
diff --git a/public/static/index/images/greyline.png b/public/static/index/pc/images/greyline.png
similarity index 100%
rename from public/static/index/images/greyline.png
rename to public/static/index/pc/images/greyline.png
diff --git a/public/static/index/images/greyyuandian.png b/public/static/index/pc/images/greyyuandian.png
similarity index 100%
rename from public/static/index/images/greyyuandian.png
rename to public/static/index/pc/images/greyyuandian.png
diff --git a/public/static/index/images/icon-4-01.png b/public/static/index/pc/images/icon-4-01.png
similarity index 100%
rename from public/static/index/images/icon-4-01.png
rename to public/static/index/pc/images/icon-4-01.png
diff --git a/public/static/index/images/icon-4-02.png b/public/static/index/pc/images/icon-4-02.png
similarity index 100%
rename from public/static/index/images/icon-4-02.png
rename to public/static/index/pc/images/icon-4-02.png
diff --git a/public/static/index/images/icon-4-03.png b/public/static/index/pc/images/icon-4-03.png
similarity index 100%
rename from public/static/index/images/icon-4-03.png
rename to public/static/index/pc/images/icon-4-03.png
diff --git a/public/static/index/images/icon-4-04.png b/public/static/index/pc/images/icon-4-04.png
similarity index 100%
rename from public/static/index/images/icon-4-04.png
rename to public/static/index/pc/images/icon-4-04.png
diff --git a/public/static/index/images/icon-language.png b/public/static/index/pc/images/icon-language.png
similarity index 100%
rename from public/static/index/images/icon-language.png
rename to public/static/index/pc/images/icon-language.png
diff --git a/public/static/index/images/icon-search.png b/public/static/index/pc/images/icon-search.png
similarity index 100%
rename from public/static/index/images/icon-search.png
rename to public/static/index/pc/images/icon-search.png
diff --git a/public/static/index/images/indeximg1.jpg b/public/static/index/pc/images/indeximg1.jpg
similarity index 100%
rename from public/static/index/images/indeximg1.jpg
rename to public/static/index/pc/images/indeximg1.jpg
diff --git a/public/static/index/images/indeximg2.jpg b/public/static/index/pc/images/indeximg2.jpg
similarity index 100%
rename from public/static/index/images/indeximg2.jpg
rename to public/static/index/pc/images/indeximg2.jpg
diff --git a/public/static/index/images/lichengbei.png b/public/static/index/pc/images/lichengbei.png
similarity index 100%
rename from public/static/index/images/lichengbei.png
rename to public/static/index/pc/images/lichengbei.png
diff --git a/public/static/index/images/logo.png b/public/static/index/pc/images/logo.png
similarity index 100%
rename from public/static/index/images/logo.png
rename to public/static/index/pc/images/logo.png
diff --git a/public/static/index/images/logo_nas_en-us.png b/public/static/index/pc/images/logo_nas_en-us.png
similarity index 100%
rename from public/static/index/images/logo_nas_en-us.png
rename to public/static/index/pc/images/logo_nas_en-us.png
diff --git a/public/static/index/images/logo_nas_zh-cn.png b/public/static/index/pc/images/logo_nas_zh-cn.png
similarity index 100%
rename from public/static/index/images/logo_nas_zh-cn.png
rename to public/static/index/pc/images/logo_nas_zh-cn.png
diff --git a/public/static/index/images/more.png b/public/static/index/pc/images/more.png
similarity index 100%
rename from public/static/index/images/more.png
rename to public/static/index/pc/images/more.png
diff --git a/public/static/index/images/more2.png b/public/static/index/pc/images/more2.png
similarity index 100%
rename from public/static/index/images/more2.png
rename to public/static/index/pc/images/more2.png
diff --git a/public/static/index/images/nas-jt.png b/public/static/index/pc/images/nas-jt.png
similarity index 100%
rename from public/static/index/images/nas-jt.png
rename to public/static/index/pc/images/nas-jt.png
diff --git a/public/static/index/images/nas_help_banner.jpg b/public/static/index/pc/images/nas_help_banner.jpg
similarity index 100%
rename from public/static/index/images/nas_help_banner.jpg
rename to public/static/index/pc/images/nas_help_banner.jpg
diff --git a/public/static/index/images/nas_help_detail_search.png b/public/static/index/pc/images/nas_help_detail_search.png
similarity index 100%
rename from public/static/index/images/nas_help_detail_search.png
rename to public/static/index/pc/images/nas_help_detail_search.png
diff --git a/public/static/index/images/nas_help_search.png b/public/static/index/pc/images/nas_help_search.png
similarity index 100%
rename from public/static/index/images/nas_help_search.png
rename to public/static/index/pc/images/nas_help_search.png
diff --git a/public/static/index/images/rh.png b/public/static/index/pc/images/rh.png
similarity index 100%
rename from public/static/index/images/rh.png
rename to public/static/index/pc/images/rh.png
diff --git a/public/static/index/images/rh1.png b/public/static/index/pc/images/rh1.png
similarity index 100%
rename from public/static/index/images/rh1.png
rename to public/static/index/pc/images/rh1.png
diff --git a/public/static/index/images/search.png b/public/static/index/pc/images/search.png
similarity index 100%
rename from public/static/index/images/search.png
rename to public/static/index/pc/images/search.png
diff --git a/public/static/index/images/search_blue.png b/public/static/index/pc/images/search_blue.png
similarity index 100%
rename from public/static/index/images/search_blue.png
rename to public/static/index/pc/images/search_blue.png
diff --git a/public/static/index/images/shopico.png b/public/static/index/pc/images/shopico.png
similarity index 100%
rename from public/static/index/images/shopico.png
rename to public/static/index/pc/images/shopico.png
diff --git a/public/static/index/images/ssico.png b/public/static/index/pc/images/ssico.png
similarity index 100%
rename from public/static/index/images/ssico.png
rename to public/static/index/pc/images/ssico.png
diff --git a/public/static/index/images/wx.png b/public/static/index/pc/images/wx.png
similarity index 100%
rename from public/static/index/images/wx.png
rename to public/static/index/pc/images/wx.png
diff --git a/public/static/index/images/yaundian.png b/public/static/index/pc/images/yaundian.png
similarity index 100%
rename from public/static/index/images/yaundian.png
rename to public/static/index/pc/images/yaundian.png
diff --git a/public/static/index/js/before-after.min.js b/public/static/index/pc/js/before-after.min.js
similarity index 100%
rename from public/static/index/js/before-after.min.js
rename to public/static/index/pc/js/before-after.min.js
diff --git a/public/static/index/js/large.js b/public/static/index/pc/js/large.js
similarity index 100%
rename from public/static/index/js/large.js
rename to public/static/index/pc/js/large.js