From eb6ead0b9c6a0c151c9d546affe72b3e15a05e12 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 | Bin .../fonts/Montserrat-Medium.ttf | Bin .../fonts/Montserrat-Regular.ttf | Bin .../fonts/Montserrat-SemiBold.ttf | Bin .../fonts/icomoon/colleciton/icomoon.eot | Bin 0 -> 1620 bytes .../fonts/icomoon/colleciton/icomoon.svg | 12 + .../fonts/icomoon/colleciton/icomoon.ttf | Bin 0 -> 1456 bytes .../fonts/icomoon/colleciton/icomoon.woff | Bin 0 -> 1532 bytes .../static/common/fonts/icomoon/icomoon.eot | Bin 0 -> 3460 bytes .../static/common/fonts/icomoon/icomoon.svg | 19 + .../static/common/fonts/icomoon/icomoon.ttf | Bin 0 -> 3296 bytes .../static/common/fonts/icomoon/icomoon.woff | Bin 0 -> 3372 bytes .../static/common/fonts/icomoon/icomoona.ttf | Bin 0 -> 2228 bytes .../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, 5108 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"} +
+ +
+ +
+
+
+
+ 图片1 +
+
+ 图片1 +
+
+ 图片1 +
+
+ +
+
+
+ +
+
+ + 数据存储 +
+
+ + 智慧存储 +
+
+ + 智能家具 +
+
+ + 3C配件 +
+
+ +
+
+ +
+

固态存储

+
+ + 查看所有 + +
+
+
+
+ +
+

固态存储

+
+ + 查看所有 + +
+
+
+
+ +
+
+

明星产品/热点产品

+
+
+
+
+
+ +
+

M.2 2230 磁吸硬盘盒

+

+

+ 了解更多 + +

+
+
+
+ +
+

M.2 2230 磁吸硬盘盒

+

+

+ 了解更多 + +

+
+
+
+ +
+

M.2 2230 磁吸硬盘盒

+

+

+ 了解更多 + +

+
+
+
+ +
+

M.2 2230 磁吸硬盘盒

+

+

+ 了解更多 + +

+
+
+
+ +
+

M.2 2230 磁吸硬盘盒

+

+

+ 了解更多 + +

+
+
+
+ +
+

M.2 2230 磁吸硬盘盒

+

+

+ 了解更多 + +

+
+
+
+ +
+
+
+
+ +
+ +
+ + +
+
+ +
+

5合1便携插座

+

小巧玲珑，匠心独蕴。

+

+ 了解更多 +

+
+
+
+ +
+

5合1便携插座

+

小巧玲珑，匠心独蕴。

+

+ 了解更多 +

+
+
+
+ +
+
+

Orico 技术

+

强大功能、简单使用

+
+
+
+
+
+ +
+ +
+ +
+
+
+
+
+ +
+
+
+
    +
  • + +
    +

    关于我们

    +

    + 深圳市奥睿科科技有限公司成立于2009年，是一家具有自主知识产权、自主品牌、自主柔性生产链的新型互联网制造企业。因其强大的专业能力，严谨的合作态度，高水准的产品而受到业内伙伴的一致认可。 +

    +

    + + 了解更多 + + +

    +
    +
    • +
  • + +
    +

    全新使命

    +

    + 未来，Orico将依托NAS，拓展坞，快闪U盘，数据线等系列产品线和全面的产品组合，满足全球市场的个性化的数据存储、传输、同步需求。我们也将承担社会责任，实现可持续发展和绿色创新。 +

    +

    + + 了解更多 + + +

    +
    +
    • +
  • + +
    +

    全新使命

    +

    + 未来，Orico将依托NAS，拓展坞，快闪U盘，数据线等系列产品线和全面的产品组合，满足全球市场的个性化的数据存储、传输、同步需求。我们也将承担社会责任，实现可持续发展和绿色创新。 +

    +

    + + 了解更多 + + +

    +
    +
    • +
+
+ +
+
+
+
    +
  1. + 2021 +
    2. +
  2. + 2022 +
    3. +
  3. + 2023 +
    4. +
+ +
+
+
+
+
+ +
+
+
    +
  • +

    200000000

    +

    三年内订单

    +
    • +
  • +

    20

    +

    国际荣誉

    +
    • +
  • +

    70

    +

    畅销国家

    +
    • +
+
+
+ +
+
+
+
+ +
ORICO DataMatrix Crowdfunding Will Kick off July 2 on + Kickstarter, 1st Real-Time Hybrid Storage for Post-Production
+ 图片1 + +
+
+ +
ORICO DataMatrix Crowdfunding Will Kick off July 2 on + Kickstarter, 1st Real-Time Hybrid Storage for Post-Production
+ 图片1 + +
+
+ +
ORICO DataMatrix Crowdfunding Will Kick off July 2 on + Kickstarter, 1st Real-Time Hybrid Storage for Post-Production
+ 图片1 + +
+
+ +
ORICO DataMatrix Crowdfunding Will Kick off July 2 on + Kickstarter, 1st Real-Time Hybrid Storage for Post-Production
+ 图片1 + +
+
+ +
ORICO DataMatrix Crowdfunding Will Kick off July 2 on + Kickstarter, 1st Real-Time Hybrid Storage for Post-Production
+ 图片1 + +
+
+ +
+
+
+ +
+
+
+

常见问题

+
回答您最关心的问题
+

客服团队的工作时间：周一到周五，早9点到晚6点 平均应答时间：24小时内

+
+
+
同行产品品牌对比 +
+
您好：orico都是采用的进口控制芯片，IC，原器件，自己研发的PCBA电路板，以及所有模具外观均是ORICO研发，生产!这种便宜的产品不是使用控制芯片，而是使用一种叫邦定的技术一个PCBA，如果使用邦定，成本很低，但是用个十来天，就会出现问题!ORICO全部使用贴片元器件所以，从用料上，完全不一样! +
+
+
+
同行产品品牌对比 +
+
您好：orico都是采用的进口控制芯片，IC，原器件，自己研发的PCBA电路板，以及所有模具外观均是ORICO研发，生产!这种便宜的产品不是使用控制芯片，而是使用一种叫邦定的技术一个PCBA，如果使用邦定，成本很低，但是用个十来天，就会出现问题!ORICO全部使用贴片元器件所以，从用料上，完全不一样! +
+
+
+
同行产品品牌对比 +
+
您好：orico都是采用的进口控制芯片，IC，原器件，自己研发的PCBA电路板，以及所有模具外观均是ORICO研发，生产!这种便宜的产品不是使用控制芯片，而是使用一种叫邦定的技术一个PCBA，如果使用邦定，成本很低，但是用个十来天，就会出现问题!ORICO全部使用贴片元器件所以，从用料上，完全不一样! +
+
+
+
同行产品品牌对比 +
+
您好：orico都是采用的进口控制芯片，IC，原器件，自己研发的PCBA电路板，以及所有模具外观均是ORICO研发，生产!这种便宜的产品不是使用控制芯片，而是使用一种叫邦定的技术一个PCBA，如果使用邦定，成本很低，但是用个十来天，就会出现问题!ORICO全部使用贴片元器件所以，从用料上，完全不一样! +
+
+
+
同行产品品牌对比 +
+
您好：orico都是采用的进口控制芯片，IC，原器件，自己研发的PCBA电路板，以及所有模具外观均是ORICO研发，生产!这种便宜的产品不是使用控制芯片，而是使用一种叫邦定的技术一个PCBA，如果使用邦定，成本很低，但是用个十来天，就会出现问题!ORICO全部使用贴片元器件所以，从用料上，完全不一样! +
+
+
+
+
+
+{/block} +{block name="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 @@ + + + + + {block name="title"}{$basic_config['website_seo_title']['value']}{/block} + {block name="seo"} + + + {/block} + + + + + + + {block name="style"}{/block} + + + + {block name="header"} + {include file="public/header"/} + {/block} + {block name="main"}{/block} + {block name="footer"} + {include file="public/footer"/} + {/block} + + + {block name="script"}{/block} + + \ 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 @@ + \ 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 @@ +
+
+ +
+
+ + + +
+
+
+ +
+
+
首页
+
+
+
+
产品列表
+
数据存储
+
智慧存储
+
智能家居
+
3C配件
+
特色产品
+
+
+
+
新品上市
+
+
+
SSD
+
+
+
PSSD
+
+
+
+
NAS
+
解决方案
+
产品体验
+
客户合作
+
软件下载
+
帮助中心
+
+
+
+
+
加盟合作
+
ODM 定制服务
+
批量购买
+
成为经销商
+
+
+
+
+
技术支持
+
产品指南
+
联系我们
+
防伪查询
+
+
+
+
+
关于我们
+
品牌故事
+
品牌里程
+
品牌动态
+
+
+
+ +
+
+
+
+
+ + +
+

搜索历史

+
+
+
+
+
+ +
+
+
+
+
SELECT A REGION
+
+ +
+
+ +
+
+
+ \ 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 @@ - - + + {block name="style"}{/block} - - + + {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 0000000000000000000000000000000000000000..cc989218d5f6e312c92fb84b42300d89768395aa GIT binary patch literal 1620 zcmah}U1%It6h8N7{<7JbU3Zf$bxpUao3)CYOnx?28!ZThT8oluQ4s7l*=_>aov_(J zmKNFvDJT>p6rtdw&$jhhN+?D9Q0b$sLZ#Gz!9r;hUzE)H-I=jTO3(vy@ArM@oICg4 zIdk6Ai7snIj5uvIMvF`-Z@;@$SFxe3(-r$^ACXPdG(jHK@OV^5fKB66p(@SO43((? zrJIgHY0w;ERZNatD$+m@`*b!$^}-mPB|!u49PJ-;p3%-h`3}$ViCTGf<;|6E5tIf0 zs9K(z#hd_Nz-(4$S|>mF@aPxdXYu?tRVhz)-y8jfNKC?Cnu1_l6F-1|1^)b0t+{|h zrNNiLcg%PbWww(}gWm?XYvqMmvgjoE@8G$5xmLOOmi0H0G_n4JhtS7K-EfUmHUu`dkLW!1zsJoFsuLhhC5+~AKDS`tV6KMabRlCz9cIY=Nw=hCl$NFD z#Msz*^9A!f8;d!bTrL@!v~*z#f7xFahGcuCAy)e}dEI|xbjnssb{hVp>r(4qg||-# z88?|=?A5!nQ}0ajB6}{8@b4FS5>(#xzlYO|OCdPFaDnqXjGtj~#yOl<3(PXs)(ndk zt|FOp&ivIgeDn9Tuh9C(&i+3sCWAV-bFXz-fpBi$!mV8bRTUK)l7sq0fhohdQ5j)` z9(qEe(!kSCv=01hJv2p+;ZT`6O-5_~`-U(v9Buk0TAz^-W#HEWJ|5`;xD;UtJRe~V z9i%J5I`qR4?x3CYnW}tgL9yWpF$b0r=)n>a-k4Y?jPN5Xf{{XMs@TLF& literal 0 HcmV?d00001 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..8f8ad47c --- /dev/null +++ b/public/static/common/fonts/icomoon/colleciton/icomoon.svg @@ -0,0 +1,12 @@ + + + +Generated by IcoMoon + + + + + + + + \ No newline at end of file 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 0000000000000000000000000000000000000000..fd94c8f8a1b542d41972c54e93acb681589fe533 GIT binary patch literal 1456 zcmah}U5Fc16h8N7{x-=>VzNo8ahq<<#wuoa_9wC0)q+r{r3ft+1;I{}G`q0LEZHn< zXrXudz)U(=Y?_n~hDthe3gh-f)-R9#>HKFBp zbN2F$n6B`B$+UQpsa7gwd4KNZ8Oz!=^n>?{HDVZC`|u;KjOG+wvK==Q1q)Au`aeq& zpV4bnBg(zP?9s83U1l@;*^Heo0Zdn_b}?O<%%znPHk?s4TTACdV4{3P7g7HnyEy6J z05V@tE#iK5NyEi#1=ksdV#dGBl>MV>NJXoxNyUn>*$es$`UN%{vlO{j(G+Q@LKohe zwjBmg@CWK7rOfdH9T^U#7DPCsJC6nI$GEafZ zyWaP3>Io?X=a(*Vew*>LEWtR3^J6xkp)g!c`ZCJTNQ)Hsw17`Ub^%<8umoO?u!29xaD-LZ4@Y>2cGAaw=Su??6P^%r z;AVsc@N9%7@Rai(>z+tr52`3?c)9*s4@K848E2B;J*QBkKh^r literal 0 HcmV?d00001 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 0000000000000000000000000000000000000000..09372ccfa3410d83c2ff2bc7b8ff04568ab33a9f GIT binary patch literal 1532 zcmah}-HRJl6hHT4=4Lh@lbCE$YTTw7!IjrPKu%3#HxlMeW4jof*3eE_mUb`#ZmL&OPVM zy~zhh=jMnJmhm@5{rxMgw_8V#k53Y@2z)2C*v}Xj>+RYZa4p#HX<0kC_D!?4q`4K? zI#x@vx!6Aq?k40{E$_U0{Igc0HcupUy^5CXz3R^`kl=oU{k#_St@ysx?wuu)G1xn_ zB#1JLZXIz_$H1fn+ezo!wX>)zr(qX-vFLQC)^31%3pFolxpLV0>x{e9!@PH%#t9%H z-e#YYLBy|cbV;8CJNuocm<4<5V#%$R#s`Sjl(;^)P6q@8jQ>rs>s9czUj--+pT>D; z9hE2PXT6%KQ1%4 zB_4>Y^b(pcvrf{m|1gP$ac&*?R)6XjlE&gfXlDYKdVY{p5K0H!Ndr{h9o{h^ zWIVzIW3S$oF*BCpW%gV$>D@2$6ij*7`wq@XTnfSY<;$GkX8Zz+GtS|>R$`Xg*iaTL zT|+YGoO$aP_}2SOd`(Z@xA*@+QR(0K?R$OwJECA8+`?D83RAzRU?JImpLk$;L2tf{ zAi@khfuYl2XP$CHl%Wx7(PKDtrb+YR+5c7u5(Ax}FT?X0sW1aSE#Q+OFMul{mcYv) zHt;Vr9AXpvn;{;eo%FGO`O*TDfG5BlxEW#rJR4#Od_KemWvLKi6a29d579Jzu~2v0 zuG^snJTaHr5SKb98r`J@w^MM+6Lf+a)TJc^z=3ldD$~TaS=*Aw8qMX!S{FqdXmptt zsYcyxBj?;suh49C8r@p2F<&^q6wG literal 0 HcmV?d00001 diff --git a/public/static/common/fonts/icomoon/icomoon.eot b/public/static/common/fonts/icomoon/icomoon.eot new file mode 100755 index 0000000000000000000000000000000000000000..7049dbecb2f1816c17c328a650ac62d7d9f056a9 GIT binary patch literal 3460 zcmaJ^du$v>8UJQyZ`b#<_x5$?JD=}v&-bw7^S#gKR~$Qb6DKytY0@aE5?>t0PW%eC zgA%EP3RSUaQ?&&}NX`IlmZb_gi!uMfZ9JQf#45|N71 zIGxou^ZQ;qvoqg(JM)qg;JyQZ00&zOf!7I>>>uAMXSUU{cJWTblR5wwoQ5e_f(4`{ zSVRLCOu#hEz&V(QGAyG+gF`4;h847BHbF>35>lq^liny~9opeVppg2)fsRbQTgaf~ zXGoJ%3+1!xm%bB1BR}%1Gv$@D*y6az>)6)K%wIV5;~$Afk-v)UZ)T^!!0xNF>dD0!{gk`EzEtjIrJ2o8H|=?7Sk z(7T&=p`Rk5lFh}ZC1?WH8zVpJsx39G{J_Iul)G^@C@wF7;5uCw*8}U}^~mPN=BDW# zTnAGYs>#UapLJd*+K1Y@_E+?Kyg$mSo$@Dxj?>1XzzFXP}ge$y2if-rRB zD+_vn=o&tXAPOSlB#9x4#>}TsEEIJYL5;v{@L`fd42_~9S?e9xwcOg);3RIh+uQy^ z{m{`uVR-oE?(R^8(sVjK&`~P;y*%F(47L~h`&Zi9oQkF%9~c;-^&Ua!$z*m$W3l~) z5hxtl<5_7>Ns>37*wr&UbTN}rgU*qBGM78in(&4>lIrN_9~u}e>$;oG2Yw~sMAH`` z4hQf%GUj)vifE2DYK}0UEB29MA)C>f38HK!RU-LLk`4=EI!TO9QX*l~UR6x*bjq~P z=S**dyPr%XdL?%{{mSTQsWduzIhA%xy@^CJdo-BIG#|;4-K+8V>h7LgeoWKH$M23~ z!AjT0^0^+`FS&aX@#Hh3V{i2JMWcPa-xwWxCK*rkxTUsuZ*R1{zm!gOY5G_$*F87C z@J?s3*!j-F{9Jb~H>PX&c_KUnCw0*kT=O7AaHIBMEbazq35BD1DObpbGMXwW0tpM) zXvh{&95q6ERyAa_K@+r4gcus29@V)hL7j@k{jT!79t`T_7S@#^yCm7kEml{a|H{pq z&nZ5iqWJxaOHo`%m3w|H&XCT1q=!QKhD{IAeUf9t=8z-@_mM;D@^9?%E3)4&EB*=7 z1>HEK=q%z|9RMr+1+J9_?EqF14U2-JTM1SHT$VzS6r!=vcH&%&3s;WWyf&+qyiz%5 zwOSma;INPzBB>)cD#xsi|EIBt*KToolj6v-KEu)opD6+u8q<^;hab90OpB$2Tw ztz1DMi2?#<&cfCP27O4s3Nd&Nz6IaL_@#M_$Ph**)eUo{ijNi)r-+3rE}l`Oihx$Q z_y$IHb?%;C>xRUFAZ?&i`sn~Q%;K>|?jtO;blLQ538^9aaM}@1Y`mF>JElcGYlu#v z(8BGD76hjd$@1cx0d?cH+C;E83{{Od%-ZgVsH)+3R4Wk&vlwvul0LWWOE${2s@*5c zjmcW&_K``uN8wH?9{VKm$s5mdk&Qoa&7_I*#^c_~pSVbt<0^OJrBa*>b6hsURi;@` zl1ajmdReZ2l2BZEi_GEsecKah@JN!U@^{&HFTrAA1%mW4orIU*4VEL#e1I8|r9ERy z$`DhkpQuVY#Wq*EmN{b8yi-(NsA7tuE+~)opMi@U>m#@mV|mTYJD68l5=Qg1ni4Q0 zr46j;n-r<%>oz-b|BXSeJ z{|Kg(WY@YYvZhSER)-VzFJC8Vr?7rSw3)@I}AB-q*O(*XVS9R}O^^WwQBFHaqIk z>3=NyQ`teMy`50PdTh`+(pn!;b_`iR<~@3EbF-p`Lc6?P!4aPgDzf;R(>cp|yaQuG zWYEA)8Q~r|1yOpP9x?Z021=OqYO{uMk10*;Ak|5%ved}OSO{ZQ>?XxLOM93YsUc-` zNu-iLyK`sO-?wjH-@zu;>s6bYTUve+yT7Ie0_xiRm_-ynzJC4v_wTla&khcr4Y##k z8XsRvyx8V!_xX0X+SI{#e6aEX_ijKXGg{zXuFmqwUj&gGtz5goeeWjb4*|O1D&Ncf z6Oj-1^-dVWF8~>n2L4R58J0aXgksoeB}N#B8l!!r8Go%&5yPsbkS$=O6miqBADDsJ zC(Oc)6ttpN&{NCr)9&-#&W8M4o_F!2X?S?}GSZHtaeLH0F)?uqiMR8W2l1(7+q~M^)_M@hO)h1# z*%_qbmvV_SIQrrO60RuskmFiujBR6TaKtTF{y~H~*(30rHDKkKoYO1~7S>vutd-yT zofe^?$WwIXEIx@c3&LwLk($Qn>|^J#+WDp7&c(Ik^*#RvJC8zu-~Z~pgO9g-FaAaF zKw16&BSJs(oCZ8Q-~!+K>6;j57H9QMRfZiK(DF8uAw5Jofb=So4QU1G6zaQ7Ya1vK zfUm*7$YJs}xzGKOF4JH0XUra)@D~1`Susx{Ci<*$!4GQVAf{FI>o~-dH919Gs9_%Q zxf-_MiCe8<0pEV$)YZ`9uxd zAP2WjPc1DhEiG=nJsg@|UOBzA7)&Qq+g};B_1acAF+Fo`zP!BkF0!rV@Y3RHaAtaO zdbzwheKL6BLU8ZY(kPBC3B%@fWfi|-1}`v+<|U>KtJt1I*$KFS^ + + +Generated by IcoMoon + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/static/common/fonts/icomoon/icomoon.ttf b/public/static/common/fonts/icomoon/icomoon.ttf new file mode 100755 index 0000000000000000000000000000000000000000..7a7ca79df358af5d4469b503cf04fb0b0cfaa9fb GIT binary patch literal 3296 zcmaJ@du&@*89$Hfd*f$veP4F$IJU3jYbTB4>udYQc{NR%tWD=o(zUDFsg0YuNt!1~ zidt!u387ZoI*oxUwPg}hTmE1I#()ZGLa2WsK-(XaK=21eMO27rLV^Ml6N|%luf4Wo zE$8Yx=l8wtd41V%IfBYZ^sbAVc<7rE9lbJfa8@vnC@gj|cDFV2C0+h&G=zX^O|ZfWCe=RFG8 z^$Xzhiz_n~=dk-t;6DaFyi_^6iX?O$1{453x?EYRUY&6M2l!s->is!ba zN0i=!kvI?{SIN5|d9~i+50HVKz&~0r4Exh%7@^Gsy}f-K4O1XcT5Iu1iQ2&G&7v^q z>Mgac!iYhKLGFjupooAhx=A;=&B$haGqJt3y={9(H<2xiHDq}EPYR=8`2%@V{tNg$ z+Mn$J6-F4mn;+2;gv^p{`q2LW%Luv!bGl4pD31E!mqjIl6&XH}@};cq z=Lgg2jBzxY%e5cL!@zQiEOId9ya^BkX5&Pt zUEz3^8;n(DNmJS43+b;#SXGBS!BIz!eF@9BhuC_sSQK%sFIZM z*tOe}kR;XfpcWGz%VNYI%7pwvDAOu5s_u{=v}PKWKZK{<0g;>(1MX=Y61JWpiLKw0 zcHBmSsZ_A`N0KlIslAgbl~Q<|5FK7fp9r9JgiDTB*OVJwMy);e5zBXel=ykkl}P+1C7 zVZ{gMPlZj^hA^B&tsvWZ2lA?wguz^wvMgjIU6mR?%oZUf>4hQOQQx8Zfu@&;+a34& zeO^i0+uM8anbF|!so+BI6>&oH#vRWXh+H;j@7=GizjqlP3ZWlClK6~=ulNn+a*iUSfy0b zM+(Kyhr`XG)}5hNulGAbEOsbo6iS9s4k+~Bj;FK6sMp<%DYklSQ3&pAPKZ0koF6d( zWw5Yd!M`=k?^b> zd7CsjKK?Vyk#g=U=b4HsooE-F?~XvrRIn<+V4l;o1O6jsIT z>pHw6vey2y`MJ6G=jP|s_9{3k>Gay9hcfWl1;G-=w2)774DC_q>An>!_X^2^~?3lq%{$z1>@z(!TXRK!f zSl+T^K=*+T0KEd_0$K+;1^PbQ+J!_EL0>`t#E0>l_%8VYU8BEZPTM_r(Hn3-Tg85f z*yv&9L*H+V1KU>h*%83g4LJo|Y+wfPnFe;ii(6`77UcUH*o9irOV+!Pae~ALnmQ(c zXB(IT9&BI+@beAqfO{8S#I`RB@~H-Pp**@dKeMv5va*ck(F|HaOF%1V`A~IjeST#* zs%Nt35UQdz$cXcn0{)|;49Y&%>#@SA>g<`t${KW9g@K+yi>QLu9&0(ivb+(Utu9yB zDjU_4(G%yQduLY4Ft!XDxBK3J-e=)A%l3#WXam}lAUlE1LA}?WK)F5v7-Ri){%}t| GgZ>Nb1PW3B literal 0 HcmV?d00001 diff --git a/public/static/common/fonts/icomoon/icomoon.woff b/public/static/common/fonts/icomoon/icomoon.woff new file mode 100755 index 0000000000000000000000000000000000000000..8362904fac0a6308b3552e82f56a2de786fd0b1d GIT binary patch literal 3372 zcmaJ^Yit}>6~6b*?2Py6ot>B0yI$|^toPx^dS_>M$Ln|O*iD?;4Nj9rNtJlxY;4D` zU^|dVB~++NM4PG<6sZZ7sFLu53Md64P=BEOLISlvDuLifgMx?O-&i&5g-h1xcbI;6v@u~4~gb_4vCvwx?bD#3v+Ea(R^9bPvu+30v3~>3`<;pqG z&4au_Y4h^8V{?^ts`~(B>PyK#w{-Cg=pKOhD@s55A%A?nS~-o7>!)BZQIh_AFEtNJ z(0v4Qf)c;Y4$m)dTtLVzfn1=}{(!l?v^ooZ?tLJKDLIGTZ!T9Zz`Aaj6Gd&3(an|0 zauswhz}lB7U7v9N^W5q>#On1t@?!uo%me&2Vs{S)Cg7;_(>ek@qn{91t^)ae_y$4jO0@fZ90VhM)Pb$z6}TnPtRwj~Yp*W?e z2M^vo2o0F3Oce|L%&-vX&!n?YOisNzIG9Wh4t#xb>WOSR(;pBz(gOp@uHmwt>s8dL zLZNSQY5A=l)9iU`d1lrB&lB950@=1~p$hsGX=8dW3V>K32w_IwBIUsnpTpmI2kdHk=Z+L58SQ5iw zQ3_AnLtq%uOs@%NbqG0`pTk)xs0$${PR4moQk@uB1dgR-;!-jd+f7|ak+^lj6?8eB z_$BMS)9LW=oX3H0^0)!tv`#piKVxz5_;>iG%LRk1FIeZHb1)1Y(d>GRnx+y#FT*vy zM81lAv;skF@l>(^f#p?2;vwXM2@nJ3;zYDw;{}fA@mc6#y-DjD#{tBP9On?pA{9A- zry^*rYXAhE13=wr+PaX&JY>F%Qs^11w->_vYhbP-0exovgUcjrG$rij08g2P(Tc2o5eco z3W;KKw$1_}JmYSX$Z4s`J%dBy*3%@h^#N(cEhLyu2d&?egh7b)PP$x9<8eZa1hJ|# zDe(*@xKR`v|Cc~*y@3~D{?P7({Y`?L|XQ= z|0)@LP7Y&P(sT53>GjHys?{A+_JN5SOqG)!-9HTuIW>skCZ>vtU3Z|a(jpA*x}4*n zBI%l3pDOKL{AgR+BaK<# z%f}PCt|fGQ-P07@lW5blRBDeRM`M+8Ssy8uJ{Jx*hMI>$&0gG?>uP=j!bch zQ4JQQ1b5^NN-{T?WA=T_qcT*z`cs3vhmyv34iHufE(G-TN*oVy`EqhQH8BH)$ zfoFuUF*Ia^2M-(=JlrA&gK|r2TicIQ_piv2h@Hdv`nH=SD}*#XH(B zA3S&^^L&T5D-`PVb;zUX^r-bdc{?KGIVJKoX>k1Oj~q`Xt?M_*cW*)c;7~7mjU6C= z1r&mNJ%pxU2S|jX0WVV{PpgLlkdJHaSc^lbDP|D2!mBmOLt3?!j1pvu373w(z%-~n zahh(pq?k%crAd)Wc4OO3&D*LZpR~2`RLtIvqn(kp)}JlR&%ZyvFt45L+CMSzjfwpe zist)C--SM}zqnXreJpMnA0NL8)OkGZPP(V3r*8wXZq|B`p3QbF$?YBOhk*k4vSAo= zK<4KQnX?eRxeNp+N*)r@&ZOuyW;B8WqV*TdHHb|dOPmoWp?ab?{0`bXTb$Of!(IpH zH(3UT5=Tg2s0U`16wlbsFgQfN$LilN{&y~2Ioa6%cjRV4iO_F<@$TWBJv#tz5&8{k zzyATjIQu&dv1`a(>VO^s9Rhk8$OW_xbO!9bwzmsOD1yF% z{)Ug@H}QS)17?l+C41Ih!HeF2_cLvuMq&$f=0o4F$AN9H+U^M8nYx|;<_(K_ZpKV8Qz`2N1V zFuS_Ey1IfE&@5U-%RsAW(HEWZ)x?;I`lt_@xFs6RNK7<1U$(?2f%-eQmr=spzT}+q`~H9T z^!rYU5zzr!C6Qt;X4^YzJhnd}`4VevJa5cxoZk3?h&6zJY0_Aj!|4LQjI(NTcIEQh zevb$IDv|WVRL+>t#P)BA36^67vWtQo#$e(t*MX-M5%7mXxH-TGH6R{5}|sD@VzYV4!c>C zw<*DX939^ekL%MAfG!Hz(e z$fk!PQ5I=Vbf!+RR5GO}%`@KNZ)AR-x6WS8?6O^#%`+Sebu)L!#NIm7BHqn9OpipT z87J%xH3KAiSi+0dnM~PFv3Q3M#@+_zO<>i@_Ea?!Lp|-gdNZR*ta?2kFs!W zI26+n6gZ+Ia%Yl<(|JU{FJ4Zb(#<41v|i0>ST!?C704JKT0NpUoZ)&!Rkh}9G#WF8 zhOcT|q$oj%2HT=K8#vQH-3XfQKQmB?W7$Cc;fBLPARDWIwZ}a^ML8sRj@MQ|7h}Dz zblG}xEwWwlI9xWZwbe)@QeBCJ(b}rnTvZ;$Zflw7k`gPu%&Q$)9U3hO>ei$=4}nyM=G5Q#(kiz*kmdHYx-A^}Lm~ ztkTzdZEcDDlC67+pDBGUvde)QWi1dmb^vrN5YTM=TWaK%zC+A^h)>E4Er>TnFZw!2 z?dZ0q5PByW*PA-fEppiX3|^esYH=%yTe!#f|HHzX;^BIavi-B-@hE(4|H64LN1yM` z#bFAeioHF#rz6EkDw6Ws1-ddadi^Nq`sm1&3jA^W&Yk$fhvM2kjb*h}7r*mW{Lw=` z_9ABJFLQ=8>LY_l+dDrybEES(n;q7dK{OUvU@zD7{6h!u)PU9>Eq%CqTCWx!a{gPH1V8gF z=1&s{yA{b~`Q|KZ$~<@DytP_!&g@{*!bx@1NJ;8rm)R%m4`B*Y9??m^;jQDeli6gf zt(rcw@-nhRR<1z+9<#6roV2h6ykub;{zbhOmLY$^!cMBEYy9<>9FSB)Q^o@Dq=iM` z=PWD%ziMF{`AD^}4EY5MJE@aCnjSCai^T#>(>N6=k5#0?aBhBKx>!*4XpDv_NAt7* z11Jzjrzpjq==DV5h1}%QtTB(IITX4?vuNn~CtCIw3ybPxu8^BI7IPEor4= .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