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 00000000..816e3e74 --- /dev/null +++ b/public/static/common/fonts/icomoon/colleciton/icomoon.eot @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:30d1f34e9a35de1422755b806cc53dbfe2b399946295f5b8abf050e5a0c143fe +size 1620 diff --git a/public/static/common/fonts/icomoon/colleciton/icomoon.svg b/public/static/common/fonts/icomoon/colleciton/icomoon.svg new file mode 100755 index 00000000..16ab59c4 --- /dev/null +++ b/public/static/common/fonts/icomoon/colleciton/icomoon.svg @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:758eacef130dff5f8583a3dee2f432c76e624566b69314a929781c299dd808c6 +size 2372 diff --git a/public/static/common/fonts/icomoon/colleciton/icomoon.ttf b/public/static/common/fonts/icomoon/colleciton/icomoon.ttf new file mode 100755 index 00000000..e2d1a968 --- /dev/null +++ b/public/static/common/fonts/icomoon/colleciton/icomoon.ttf @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:a83c980b3d128f53ff77be255c67d810276dff696960a90668c631fd13d57807 +size 1456 diff --git a/public/static/common/fonts/icomoon/colleciton/icomoon.woff b/public/static/common/fonts/icomoon/colleciton/icomoon.woff new file mode 100755 index 00000000..d35b5af6 --- /dev/null +++ b/public/static/common/fonts/icomoon/colleciton/icomoon.woff @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:ea253ae3f1b6405957bf5299ba664933ec5ee0e92b5cd3cb4f10124f2766adf7 +size 1532 diff --git a/public/static/common/fonts/icomoon/icomoon.eot b/public/static/common/fonts/icomoon/icomoon.eot new file mode 100755 index 00000000..6b0b8900 --- /dev/null +++ b/public/static/common/fonts/icomoon/icomoon.eot @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:0d61d3a48bd8633b19e41316d84e9e2a543a7b453886929b95e7b0229fb93718 +size 3460 diff --git a/public/static/common/fonts/icomoon/icomoon.svg b/public/static/common/fonts/icomoon/icomoon.svg new file mode 100755 index 00000000..8b3aaa18 --- /dev/null +++ b/public/static/common/fonts/icomoon/icomoon.svg @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:75c2da228ca3c66ef45e89f8fef5e082b2909ecc9707d05db1766bcae8eff807 +size 8110 diff --git a/public/static/common/fonts/icomoon/icomoon.ttf b/public/static/common/fonts/icomoon/icomoon.ttf new file mode 100755 index 00000000..19548ef5 --- /dev/null +++ b/public/static/common/fonts/icomoon/icomoon.ttf @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:e5827035deed1e5b899cd3eb0432d43d125b3abf469a83a7cc4fc7992a717466 +size 3296 diff --git a/public/static/common/fonts/icomoon/icomoon.woff b/public/static/common/fonts/icomoon/icomoon.woff new file mode 100755 index 00000000..4f8bb8bb --- /dev/null +++ b/public/static/common/fonts/icomoon/icomoon.woff @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:1b020cbd32d4b2b33791090fae451eaef7023286a80164f6b258d3a95683cae7 +size 3372 diff --git a/public/static/common/fonts/icomoon/icomoona.ttf b/public/static/common/fonts/icomoon/icomoona.ttf new file mode 100755 index 00000000..33b804d2 --- /dev/null +++ b/public/static/common/fonts/icomoon/icomoona.ttf @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:50902f213477a9b8aec54d9ef506bc87d59835ed8863b28623fc49bebcedf9e2 +size 2228 diff --git a/public/static/index/css/fonts.css b/public/static/index/mobile/css/fonts.css similarity index 88% rename from public/static/index/css/fonts.css rename to public/static/index/mobile/css/fonts.css index 69f04b75..9c3d7909 100755 --- a/public/static/index/css/fonts.css +++ b/public/static/index/mobile/css/fonts.css @@ -1,8 +1,8 @@ @font-face { font-family: 'icomoon'; - src: url('fonts/icomoon/icomoon.eot?ujw7hy'); - src: url('fonts/icomoon/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('fonts/icomoon/icomoon.ttf?ujw7hy') format('truetype'), - url('fonts/icomoon/icomoon.woff?ujw7hy') format('woff'), url('fonts/icomoon/icomoon.svg?ujw7hy#icomoon') format('svg'); + src: url('/static/common/fonts/icomoon/icomoon.eot?ujw7hy'); + src: url('/static/common/fonts/icomoon/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('/static/common/fonts/icomoon/icomoon.ttf?ujw7hy') format('truetype'), + url('/static/common/fonts/icomoon/icomoon.woff?ujw7hy') format('woff'), url('/static/common/fonts/icomoon/icomoon.svg?ujw7hy#icomoon') format('svg'); font-weight: normal; font-style: normal; } diff --git a/public/static/index/mobile/css/footer.css b/public/static/index/mobile/css/footer.css new file mode 100755 index 00000000..4815cb81 --- /dev/null +++ b/public/static/index/mobile/css/footer.css @@ -0,0 +1,34 @@ +.oircoEgapp-foot .logo-white img { + margin: 0 auto; +} +.oircoEgapp-foot .m_footer { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} +.oircoEgapp-foot .m_footer .left, +.oircoEgapp-foot .foot-con { + display: flex; + flex-direction: row; + align-items: center; +} +.oircoEgapp-foot .m_footer .right { + max-width: 55%; +} +.oircoEgapp-foot .m_footer .left { + max-width: 40%; + justify-content: end; + margin-right: 4%; +} +.oircoEgapp-foot .foot-con span { + width: auto; + padding: 0 0.625rem; +} +.oircoEgapp-foot .foot-cate .clearfix li h3 { + margin-bottom: 10px; +} +.oircoEgapp-foot .foot-cate .clearfix li p, +.oircoEgapp-foot .foot-cate .clearfix li p a { + font-size: 12px; +} diff --git a/public/static/index/mobile/css/header.css b/public/static/index/mobile/css/header.css new file mode 100755 index 00000000..13fdfdcb --- /dev/null +++ b/public/static/index/mobile/css/header.css @@ -0,0 +1,60 @@ +.oircoEgapp-head { + display: flex; + flex-direction: column; + width: 100%; + height: auto; + position: fixed; + top: 0; + z-index: 10; + width: -webkit-fill-available; +} +.oircoEgapp-head .headtop { + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; + padding: 0 1rem; + height: 3.5rem; + background: #fff; +} +.oircoEgapp-head .headtop .headerlogimg { + width: 8.75rem; + height: 2.25rem; +} +.oircoEgapp-head .top-menu { + background-color: #fff; + overflow: hidden; + width: 100%; + color: #000; + display: none; +} +.oircoEgapp-head .top-menu .it-ct { + font-family: "Montserrat-SemiBold"; + font-weight: bold; +} +.oircoEgapp-head .top-menu .it-ct .it-1 { + padding: 1rem 3.5% 0.65rem; + border-bottom: 1px solid #e5e5e5; + font-size: 12px; + position: relative; +} +.oircoEgapp-head .top-menu .it-ct .it-1-more { + display: flex; + flex-direction: row; + justify-content: space-between; + padding-bottom: 1.5%; +} +.oircoEgapp-head .top-menu .it-ct .it-1-more i { + font-weight: bold; +} +.oircoEgapp-head .top-menu .it-ct .it-1-2 { + padding-left: 1rem; + font-size: 12px; + line-height: 1.8rem; + font-weight: 100; + font-weight: bold; + display: none; +} +.oircoEgapp-head .top-menu .it-ct .it-1-2 a { + color: #666; +} diff --git a/public/static/index/mobile/css/public.css b/public/static/index/mobile/css/public.css new file mode 100755 index 00000000..2e56fd8c --- /dev/null +++ b/public/static/index/mobile/css/public.css @@ -0,0 +1,88 @@ +@font-face { + font-family: "Montserrat"; + src: url("/static/common/fonts/Montserrat-Regular.ttf") format("truetype"); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: "Montserrat-Bold"; + src: url("/static/common/fonts/Montserrat-Bold.ttf") format("truetype"); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: "Montserrat-Medium"; + src: url("/static/common/fonts/Montserrat-Medium.ttf") format("truetype"); + font-weight: normal; + font-style: normal; +} + +* { + margin: 0; + padding: 0; + /* font-family: 'Montserrat'; */ + -ms-overflow-style: none; + /* IE 和 Edge */ + scrollbar-width: none; + /* Firefox */ +} + +::-webkit-scrollbar { + display: none; +} + +*:hover { + transition: all 0.2s linear; + -webkit-transition: all 0.2s linear; +} + +body { + font-size: 1.2em; + font-weight: 400; + color: #333; +} + +select, +input, +textarea, +button { + outline: none; + font-size: 0.875rem; + border-radius: 0; + -webkit-border-radius: 0; + color: #414446; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; +} + +a { + color: #000; + cursor: pointer; + text-decoration: none; + transition: all 0.2s linear; + -webkit-transition: all 0.2s linear; + text-decoration: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +img { + display: block; +} + +ul li { + /* padding: 2px 0; */ + list-style-type: none; +} + +ol, +ul, +a { + list-style: none; +} + +body { + font-family: 'Montserrat-SemiBold'; +} \ No newline at end of file diff --git a/public/static/index/mobile/css/style.css b/public/static/index/mobile/css/style.css new file mode 100755 index 00000000..cb928dfa --- /dev/null +++ b/public/static/index/mobile/css/style.css @@ -0,0 +1,3941 @@ +@font-face { + font-family: "Montserrat"; + src: url("/static/common/fonts/Montserrat-Regular.ttf") format("truetype"); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: "Montserrat-Bold"; + src: url("/static/common/fonts/Montserrat-Bold.ttf") format("truetype"); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: "Montserrat-Medium"; + src: url("/static/common/fonts/Montserrat-Medium.ttf") format("truetype"); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: "Montserrat-SemiBold"; + src: url("/static/common/fonts/Montserrat-SemiBold.ttf") format("truetype"); + font-weight: normal; + font-style: normal; +} +body { + font-family: 'Montserrat-SemiBold'; + margin: auto; + background-color: #f5f5f5; + max-width: 750px; +} +img { + border: none; + border: 0; + vertical-align: top; +} + +@media screen and (min-width: 640px) and (max-width: 1000px) { + body, + html { + font-size: 94% !important; + } +} +@media only screen and (min-width: 480px) and (max-width: 639px) { + body, + html { + font-size: 92% !important; + } +} +@media only screen and (min-width: 384px) and (max-width: 479px) { + body, + html { + font-size: 90% !important; + } +} +@media only screen and (min-width: 320px) and (max-width: 383px) { + body, + html { + font-size: 88% !important; + } +} +@media only screen and (max-width: 319px) { + body, + html { + font-size: 86% !important; + } +} + +@media screen and (min-width: 756px) { + #content { + width: 750px; + margin: 0 auto; + } +} +@media screen and (max-width: 750px) { + #content { + width: 100%; + margin: 0; + } +} + +input { + border: none; + outline: none; +} +/*ul, li, dl, dt, dd{list-style: none; padding:0; margin:0;}*/ +ul, +li, +form, +dl, +dt, +dd, +div, +ul, +li, +p, +em, +i, +address { + font-style: normal; + list-style: none; + padding: 0px; + margin: 0px; +} +a { + text-decoration: none; + cursor: pointer; +} +.bg-w { + background: #fff; + padding: 1.5rem 0; +} +.m_Container { + max-width: 720px; + margin: auto; + margin: 0 1rem; +} +.m_Container p { + text-align: left; +} +.m_Content { + max-width: 720px; + margin: auto; + margin: 0 1rem; +} +/* .m_Container .swiper-slide{padding-right:1.5rem;} */ +.m_Container .swiper-slide:last-child { + padding-right: 0; +} +.m-in-top { + padding: 0.5rem 0; +} +.big_title { + font-size: 1.01rem; +} +.title { + font-size: 0.85rem; +} /*32px*/ +.subtitle { + font-size: 0.75rem; +} /*28px*/ +.des { + font-size: 0.64rem; +} /*24px*/ +.text_16 { + font-size: 0.43rem; +} /*16px*/ +.text_18 { + font-size: 0.48rem; +} /*18px*/ +.text_20 { + font-size: 0.54rem; +} /*20px*/ +.text_22 { + font-size: 0.58rem; +} /*22px*/ +.text_24 { + font-size: 0.64rem; +} /*24px*/ +.text_28 { + font-size: 0.747rem; +} /*28px*/ +.text_30 { + font-size: 0.8rem; +} /*30px*/ +.text_32 { + font-size: 0.85rem; +} /*32px*/ +.text_38 { + font-size: 1.013rem; +} /*38px*/ +.text_40 { + font-size: 1.067rem; +} /*40px*/ +.text_48 { + font-size: 1.28rem; +} /*48px*/ +.error { + border: 1px solid #ff4155 !important; +} +.text_center { + text-align: center; +} +.text_left { + text-align: left; +} +.text_right { + text-align: right; +} +.img-responsive img { + height: auto; + max-width: 100%; +} +.img-responsives img { + display: block; + height: auto; + width: 100%; +} +.title_margin-top { + margin-top: 0.85rem; +} +.subtitle_margin-top { + margin-top: 0.9rem; +} +.bottom-margin { + margin-bottom: 0.2rem; +} +.overflow-h { + overflow: hidden; +} +.position_r { + position: relative; +} +.sition_banner { + position: absolute; + top: 0; + left: 0; +} +.position_a { + position: absolute; + top: 0; + left: 10%; + width: 80%; + margin: auto; +} +.text_white { + color: #fff; +} +.text_black { + color: #333; +} +.text_gray { + color: #666; +} +.text_blue { + color: #009fdf; +} +.margin-top-120 { + margin-top: 3.1rem; +} /*上边距120px*/ +.margin-top-80 { + margin-top: 2.13rem; +} /*上边距80px*/ +.margin-top-70 { + margin-top: 2rem; +} /*上边距70px*/ +.margin-top-60 { + margin-top: 52px; +} /*上边距60px*/ +.margin-top-50 { + margin-top: 1.12rem; +} +.margin-top-40 { + margin-top: 0.95rem; +} +.margin-top-35 { + margin-top: 0.8rem; +} +.margin-top-30 { + margin-top: 0.68rem; +} +.margin-top-20 { + margin-top: 0.5rem; +} +.margin-top-14 { + margin-top: 0.35rem; +} +.margin-top-10 { + margin-top: 0.25rem; +} +.margin-45 { + margin-top: 5.5rem !important; +} +.margin-4 { + margin-top: 4rem !important; +} +.margin-bottom-60 { + margin-bottom: 1.6rem; +} /*下边距60px;*/ +.margin-bottom-48 { + margin-bottom: 1.125rem; +} /*下边距50px;*/ +.margin-bottom-40 { + margin-bottom: 0.95rem; +} /*下边距40px;*/ +.margin-bottom-20 { + margin-bottom: 0.5rem; +} /*下边距20px;*/ +.margin-bottom-35 { + margin-bottom: 0.8rem; +} /*下边距35px;*/ +.margin-bottom-10 { + margin-bottom: 0.27rem; +} /*下边距10px;*/ +.margin-bottom-30 { + margin-bottom: 0.84rem; +} /*下边距30px;*/ +.text-indent_48 { + text-indent: 1.28rem; +} +.line-height-40 { + line-height: 1.07rem; +} +.line_height_38 { + line-height: 1.01rem; +} +.line-height-45 { + line-height: 1.2rem; +} +.line-height-50 { + line-height: 1.33rem; +} +.bg_white { + background-color: #fff; + overflow: hidden; + position: relative; +} +.bg_blue { + background-color: #009fdf; + overflow: hidden; + position: relative; +} +.bg_black { + background-color: #1e1e1e; + overflow: hidden; + position: relative; +} +.bg_gray { + background-color: #f5f5f5; + overflow: hidden; + position: relative; +} +.nowrap_ellipsis { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} /*字体不换行*/ +.cursor_p { + cursor: pointer; +} /*鼠标样式*/ +.margin-top-90 { + /*margin-top: 2.4rem;*/ +} /*距离顶部的距离*/ +.margin-bottom-90 { + margin-bottom: 2.4rem; +} /*距离顶部的距离*/ +.f_weight_600 { + font-weight: 600; +} +.f_weight_500 { + font-weight: 500; +} +.f_weight_400 { + font-weight: 400; +} +.f_weight_300 { + font-weight: 300; +} +.f_weight_200 { + font-weight: 200; +} +.f_weight_100 { + font-weight: 100; +} +.v-mid { + vertical-align: middle; +} +.float_l { + float: left; +} +.float_r { + float: right; +} +.vedio-h { + height: 400px; +} +/*头部*/ + +.header { + background-color: transparent; + width: 100%; + margin: auto; + position: fixed; + z-index: 9999; + display: inline-block; + top: 0; + color: #fff; +} +.m_nav { + margin: auto; + height: 3.5rem; + background: #fff; + position: fixed; + z-index: 9999; + display: inline-block; + top: 0; + color: #000; + width: 100%; +} + +.m_Container .left { + float: left; + padding: 0.5rem 0; +} +.m_Container .left img { + max-width: 100%; +} +.m_Container .center { + text-align: center; + float: left; + padding: 0 0 0 4.5rem; +} +.m_Container .center img { + max-width: 100%; + margin: auto; +} +.m_Container .right { + float: right; + margin: 1rem 0 0 0; +} +.m_Container .right img { + max-width: 60%; +} +.m_Container .right span { + margin-left: 0.11rem; +} +.m_Container span { + font-size: 1rem; +} +.index_title { + font-size: 0.5rem; +} +.menu-new-off { + background: #004bfa; + padding: 0.5rem 0; + color: #fff; + text-align: center; + font-size: 0.8rem; + font-weight: 600; +} +.clearfix { + overflow: hidden; + _zoom: 1; +} +.clearfix:after { + content: ''; + display: block; + clear: both; + height: 0; + visibility: hidden; +} +.clearfix { + *zoom: 1; +} +/*swiper*/ +.swiper-container { + width: 100%; + margin: auto; + cursor: pointer; + overflow: hidden; + padding: 1% 0; + position: relative; + padding-top: 1rem; +} + +.swiper-container-vertical > .swiper-wrapper { + flex-direction: column; +} +.swiper-wrapper { + position: relative; + width: 100%; + height: 100%; + z-index: 1; + display: flex; + transition-property: transform; + box-sizing: content-box; +} +.swiper-container-android .swiper-slide, +.swiper-wrapper { + transform: translate3d(0px, 0, 0); +} +.swiper-container-multirow > .swiper-wrapper { + flex-wrap: wrap; +} +.swiper-container-multirow-column > .swiper-wrapper { + flex-wrap: wrap; + flex-direction: column; +} +.swiper-container-free-mode > .swiper-wrapper { + transition-timing-function: linear; + margin: 0 auto; +} +.swiper-slide { + flex-shrink: 0; + width: 100%; + height: 100%; + position: relative; + transition-property: transform; +} +.swiper-slide-invisible-blank { + visibility: hidden; +} + +.swiper-pagination { + position: relative; + text-align: center; + transition: 300ms opacity; + transform: translate3d(0, 0, 0); + z-index: 10; +} +.swiper-pagination.swiper-pagination-hidden { + opacity: 0; +} + +.swiper-pagination-bullet { + width: 8px; + height: 8px; + display: inline-block; + border-radius: 100%; + background: #858585; +} +button.swiper-pagination-bullet { + border: none; + margin: 0; + padding: 0; + box-shadow: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.swiper-pagination-clickable .swiper-pagination-bullet { + cursor: pointer; +} +.swiper-pagination-bullet-active { + opacity: 1; + background: #004bfa; +} + +.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { + margin: 6px 0; + display: block; +} +.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + top: 50%; + transform: translateY(-50%); + width: 8px; +} +.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + display: inline-block; + transition: 200ms transform, 200ms top; + -webkit-transition: 200ms transform, 200ms top; + -moz-transition: 200ms transform, 200ms top; + -ms-transition: 200ms transform, 200ms top; + -o-transition: 200ms transform, 200ms top; +} +.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { + margin: 0 4px; +} +.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + left: 50%; + transform: translateX(-50%); + white-space: nowrap; + margin: 1.5rem 0; +} +.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transition: 200ms transform, 200ms left; +} +.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transition: 200ms transform, 200ms right; +} + +/*广告*/ +.index-img { + width: 100%; + text-align: center; + background: #fff; + margin-bottom: 2rem; +} +.index-img .more img { + width: 6%; + margin-bottom: 1px; +} +.index-img img { + max-width: 100%; +} +.Innew-text { + padding: 4rem 0; + text-align: center; +} +.Innew-text .title { + font-size: 2.5rem; + padding-bottom: 1rem; + font-family: 'Montserrat-Bold'; +} +.Inpro-text { + padding: 2rem 0 0.8rem; + text-align: center; +} +.Inpro-text .title { + font-size: 1.5rem; + padding-bottom: 1rem; + font-family: 'Montserrat-Bold'; +} + +.Innew-text .more { + font-size: 1.3rem; +} +.Innew-text .more a { + color: #000; +} + +.Innew-text img { + vertical-align: middle; +} +/*视频*/ +video { + max-width: 100%; +} +video img { + max-width: 100%; +} + +/*产品滑动*/ +.inproimg { + background: #fff; + max-width: 220px; + margin: 0 0 0 1rem; + padding: 2rem 2rem 0 2rem; +} +.inprotext { + padding: 1rem 2rem 2rem; +} +.inprotext .title { + font-size: 1.2rem; + max-height: 3rem; + overflow: hidden; + font-family: 'Montserrat-Bold'; +} +.inprotext .t-f16 { + font-size: 1rem; + padding: 1rem 0; + font-weight: 100; + max-height: 1.4rem; + overflow: hidden; +} +.inprotext .more { + color: #004bfa; + font-size: 1rem; + padding: 0.8rem 0; +} +.inprotext .more img { + vertical-align: middle; +} +.inpro-text { + padding: 1rem 0; +} +.inpro-text .more { + font-size: 1.3rem; +} +.inpro-text .more img { + vertical-align: middle; +} +.indocking { + width: 100%; + position: relative; + margin: 1rem 0; +} +.indocking img { + max-width: 100%; + vertical-align: middle; +} +.vedio_in { + position: relative; + padding-bottom: 56.25%; /* 16:9 */ + height: 0; + margin: 1rem 0 1.5rem; +} +.vedio_in img { + position: absolute; + display: block; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 20; + cursor: pointer; +} +.vedio_in:after { + content: ''; + position: absolute; + display: block; + background: url(../images/video-icon.png) no-repeat 0 0; + top: 35%; + left: 40%; + width: 56px; + height: 56px; + z-index: 30; + cursor: pointer; +} +.vedio_in iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.vedio_in .player img { + display: none; +} +.vedio_in .player:after { + display: none; +} +/*头部弹出菜单*/ +.menu { + background-color: #fff; + overflow: hidden; + width: 100%; +} +.menu dl { + border-bottom: 1px solid #e5e5e5; + width: 93%; + padding: 1rem 3.5% 0.65rem; + position: relative; + font-size: 12px; + color: #000; + overflow: hidden; +} +.menu i { + position: absolute; + display: inline-block; + right: 3.4%; + top: 0.8rem; + font-weight: 600; + color: #000; +} +.menu dd { + padding-left: 1rem; + display: none; + font-size: 12px; + line-height: 1.8rem; + font-weight: 100; + color: #666; +} +.menu dl dd:nth-child(1) { + margin-top: 0.2rem; +} +.menu .search { + width: 100%; + text-align: center; + margin-top: 0.45rem; + position: relative; +} +.menu .search .updown_search_btn { + background: none; + border: none; + position: absolute; + right: 3.5%; + top: 0.6rem; + font-size: 1.8em; + vertical-align: middle; + color: #333; +} +.menu .SingIn-button a { + display: inline-block; + border: 1px solid #fff; + color: #666666; + margin-left: 1.2rem; + margin-right: 1.2rem; + text-align: center; + text-decoration: none; + margin-top: 0.85rem; + margin-bottom: 0.45rem; + font-size: 0.8125rem; + background-color: #fff; + padding: 0.2rem 1.25rem; +} +.menu .search .form-control { + width: 90%; + border: 1px solid rgba(220, 221, 221, 0.7); + vertical-align: middle; + padding: 1rem 2.4%; + font-size: 1rem; + background-color: #fff; + border-radius: 0.5rem; + -webkit-border-radius: 0.5rem; + -moz-border-radius: 0.5rem; + -ms-border-radius: 0.5rem; + -o-border-radius: 0.5rem; +} +.menu .search .icon-search { + color: #999999; +} +.menu dl a { + color: #000; +} +.menu dl a:hover { + color: #000; +} +.menu dd a { + color: #666; +} +.menu dd a:hover { + color: #737373; +} +/*头部搜索弹窗*/ +.popup-quick { + width: 86%; + background-color: #fff; + z-index: 9999; + box-shadow: 0px 2px 5px rgba(255, 255, 255, 0.2); + color: #333; + padding: 1rem; + border-radius: 5px; + margin: 1rem auto 0; + position: relative; +} +.ac-popup-btn { + padding: 40px 0 0; + clear: both; + margin: auto; + width: 90%; +} +.ac-close { + cursor: pointer; +} +.business-close { + position: absolute; + right: 1rem; + top: 2rem; + cursor: pointer; +} +.title-text { + padding-top: 2rem; + color: #333; +} +.title-text p { + line-height: 2rem; +} +.title-text p a { + color: #989898; +} +.title-text p a:hover { + color: #989898; +} +.marsk-container { + background: rgba(0, 0, 0, 0.8); + display: none; + position: absolute; + position: fixed; + top: 0; + right: 0; + left: 0; + bottom: 0px; + z-index: 9999; +} +.marsk-container-detail { + background: rgba(0, 0, 0, 0.8); + display: none; + position: absolute; + position: fixed; + top: 0; + right: 0; + left: 0; + bottom: 0px; + z-index: 9999; +} +.search-in { + margin-top: 3rem; +} +.search-in input { + width: 70% !important; + height: 2.8rem; + background: #ffffff; + border: 1px solid #d6d6d6; + opacity: 1; + border-radius: 20px; + padding: 0 0.5rem; +} +::-webkit-input-placeholder { + color: #989898; +} +.search-button { + border: none; + font-size: 0.9rem; + color: #fff; + position: absolute; + right: 10px; + cursor: pointer; + background: #0060ff; + height: 2.5rem; + border-radius: 20px; + padding: 0 0.8rem; + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + -ms-border-radius: 20px; + -o-border-radius: 20px; +} +/*头部国家*/ +.m-Country { + width: 100%; + font-size: 0.6875rem; + color: #fff; + background-color: #efefef; + overflow: hidden; + text-align: left; +} +.m-Country:before { + width: 0; + height: 0; + border-right: 0.36rem solid transparent; + border-left: 0.36rem solid transparent; + border-bottom: 0.46rem solid #efefef; + position: absolute; + margin-top: -0.4rem; + right: 0.95rem; + content: ''; +} +.m-Country ul { + width: 80%; + margin: 0 auto 2rem; +} +.m-Country li { + border-bottom: 1px solid #e3e3e3; + width: 93%; + padding: 0.65rem 3.5% 0.65rem; + position: relative; +} +.m-Country a { + color: #333; + text-decoration: none; +} + +/*banner*/ +.banner { + width: 100%; +} +.banner_list li { + position: relative; +} +.ban-p { + margin: 0 auto; + text-align: center; + width: 100%; + margin: 5rem 0; +} +.ban-h2 { + font-size: 2rem; + font-weight: 600; + margin: auto; + line-height: 2rem; + padding: 0 3rem; + font-family: 'Montserrat-Bold'; +} +.ban-t { + padding: 0.5rem 3rem; + font-size: 1.125rem; + font-family: 'Montserrat-Regular'; +} +.btn-more { + background: transparent; + border: 1px solid #fff; + border-radius: 42px; + -webkit-border-radius: 42px; + -moz-border-radius: 42px; + -ms-border-radius: 42px; + -o-border-radius: 42px; + color: #fff; + padding: 0.5rem 1rem; + margin-top: 2rem; + width: 7rem; + margin: auto; + font-size: 1rem; + font-weight: 600; + font-family: 'Montserrat-Bold'; +} +/*类别*/ +.category { + position: relative; + background-color: #fff; + overflow: hidden; + box-shadow: 0px 5px 20px #e6e6e6; + width: 95%; + margin: 0.5rem auto; + border-radius: 5px; +} +.category ul { + width: 90%; + margin: 1rem auto 0.15rem; + overflow: hidden; +} +.category ul li { + width: 33.33333%; + float: left; + text-align: left; + padding: 0.2rem 0; +} +.category ul li p:hover { + color: #00a0e9; +} +.category p { + font-size: 0.6rem; + color: #333333; +} +.category p:nth-child(1) { + margin-bottom: 0; +} +.category p:nth-child(2) { + margin-top: 0.2rem; + margin-bottom: 0.8rem; +} +.category ul img { + height: 1.28rem; +} +/*内容*/ +.Brand_research { + width: 100%; + margin-top: 0.55rem; +} +.Brand_research li { + border-radius: 5px; + background-color: #009fdf; + text-align: center; + font-size: 0.8rem; + color: #fff; + padding: 1.1rem 0 1.25rem; + margin-bottom: 10px; +} +.index_video { + margin-top: 1.1rem; +} +.index_video .title { + margin-bottom: 0.7rem; + font-weight: 600; +} +.index_video .des { + line-height: 0.98rem; +} +.index_video video { + margin-top: 0.5em; +} + +.index_culute { + margin-top: 0.85rem; +} +.index_culute p { + display: block; +} +.index_culute .title { + margin-bottom: 0em; + margin-top: 0rem; +} +.index_culute .des { + margin-bottom: 0.95rem; + overflow: hidden; + margin-top: 0.3rem; +} + +.partner { + margin-bottom: 1.75rem; +} +.partner .title { + margin-top: 1.15rem; + margin-bottom: 0.98rem; +} +.index_partner_list li { + width: 24.25%; + margin-right: 1%; + float: left; +} +.index_partner_list li:last-child { + margin-right: 0; +} +/*number*/ +.num-bg { + background: #1d4af0; + padding: 2rem 0.5rem; +} +.num-bg li { + float: left; + color: #fff; + width: 33.3%; + text-align: center; +} + +.num-bg li h3 { + font-size: 1.2rem; + padding: 0.2rem 0; + text-align: center; + margin: 0; + font-family: 'Montserrat-Bold'; +} +.num-bg li p { + font-size: 0.8rem; + font-family: 'Montserrat-Regular'; +} +/*标题*/ +.Tech-text { + text-align: center; + width: 80%; + margin: 0 auto; + padding: 2rem 0; +} +.Tech-text h3 { + margin: 0; + font-size: 1.5rem; +} +.Tech-text p { + padding: 1rem 0; + font-size: 0.875rem; + font-family: 'Montserrat-Medium'; +} + +.pos-text { + position: absolute; + bottom: 0.8rem; + text-align: center; + color: #fff; + font-size: 0.825rem; + margin: 0 auto; + font-family: 'Montserrat-Bold'; + height: 2rem; + overflow: hidden; + text-overflow: ellipsis; + padding: 0 1rem; +} + +/*问题FAQ*/ +.faq { + background-color: #fff; + overflow: hidden; + width: 100%; + color: #000; + margin-top: 1rem; + margin-bottom: 2.5rem; +} + +.faq dl { + border-bottom: 1px solid rgba(119, 119, 119, 0.3); + padding: 2% 11% 2% 5%; + overflow: hidden; + line-height: 1.875em; +} +.faq dl:last-child { + border-bottom: none; +} +.faq dt { + position: relative; + width: 100%; + font-size: 0.9rem; + padding: 1rem 0; + line-height: 1.3em; + font-family: 'Montserrat-Bold'; +} +.faq span { + display: inline-block; + margin-right: 5px; + left: -1.5em; +} + +.faq dd { + padding-left: 0%; + display: none; + font-size: 0.875rem; + line-height: 1.75em; + color: #666; + font-family: 'Montserrat-Medium'; +} +.faq i { + position: absolute; + display: inline-block; + right: -1.5em; + line-height: 1.875em; + top: 0.8rem; + font-weight: 600; + font-size: 0.8rem; +} +.rotate { + transform: rotate(180deg); + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -o-transform: rotate(180deg); + -ms-transform: rotate(180deg); +} +.faq-title { + text-align: center; + width: 90%; + margin: 0 auto; +} +.faq-title h3 { + font-size: 1.685rem; +} +.faq-title h5 { + font-size: 1.25rem; + margin: 0.2rem 0 1rem; + word-break: normal; + display: block; + white-space: pre-wrap; + word-wrap: break-word; + overflow: hidden; + height: 1.5rem; + font-family: 'Montserrat-Medium'; + font-weight: 100; +} +.faq-title p { + font-size: 1.125rem; + color: #7f7f7f; + padding-bottom: 1rem; + font-family: 'Montserrat-Medium'; + font-weight: 100; +} +/*foot */ +.footer { + background: #2b2b2b; + width: 100%; +} +.logo-white { + text-align: center; + padding: 4rem 0 0; +} + +.logo-white img { + max-width: 35%; +} +.logo-text { + text-align: center; + color: #fff; + font-size: 1.5rem; + margin: 1.5rem auto; + line-height: 2rem; + width: 90%; +} +.foot-in { + width: 90%; + margin: auto; + position: relative; + padding-bottom: 3.5rem; +} +.foot-in h3 { + font-size: 1.25rem; + font-family: 'Montserrat-Bold'; + font-weight: 100; +} +.logo-input { + border: 1px solid #565656; + background: #2b2b2b; + border-radius: 9px 9px 9px 9px; + height: 3rem; + color: #fff; + width: 98%; + padding: 0 2%; + font-size: 1rem; +} +.logo-arr { + position: absolute; + right: 0; + top: 0.8rem; + text-align: right; +} +.logo-arr img { + max-width: 45%; +} +.foot-cate { + padding: 1rem; +} +.foot-cate ul { + margin-left: 1rem; +} +.foot-cate li { + width: 50%; + display: inline-block; + float: left; + color: #fff; + padding: 1rem 0; + min-height: 17rem; +} +.foot-cate li a { + color: #fff; +} + +.foot-cate li p { + font-size: 0.7rem; + line-height: 2.5rem; + font-family: 'Montserrat-Medium'; + word-wrap: break-word; +} +.foot-wei { + padding: 1rem 0 0; +} +.cursor_p span { + font-size: 1.5rem; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + -webkit-line-clamp: 1; + width: 100%; + height: 1.2rem; + padding-left: 1rem; +} +.cursor_p span:hover { + font-size: 1.5rem; + white-space: normal; + width: 100%; + overflow: inherit; + line-height: 1.5rem; +} +.img-icon img { + max-width: 50% !important; +} +.foot-con span { + font-size: 1rem; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + -webkit-line-clamp: 1; + width: 100%; + height: 1.2rem; + cursor: pointer; + font-family: 'Montserrat-Medium'; +} +/*下拉*/ +.m_footer .left { + float: left; + width: 40%; + text-align: right; +} +.m_footer .left img { + max-width: 2rem; + padding-right: 0.2rem; + padding-top: 0.2rem; +} +.m_footer .center { + text-align: center; + float: left; + padding: 0 0 0 4.5rem; +} +.m_footer .center img { + max-width: 100%; + margin: auto; +} +.m_footer .right { + float: right; + padding: 0.6rem 0; + width: 57%; + text-align: left; +} + +.m_footer .right img { + max-width: 2rem; + vertical-align: middle; +} + +.m-Country01 { + width: 100%; + font-size: 0.6875rem; + color: #fff; + background-color: #efefef; + overflow: hidden; + text-align: left; +} + +.copy-text { + color: #fff; + text-align: center; + font-size: 12px; + padding-bottom: 0.5rem; + font-family: 'Montserrat-Medium'; +} +/*下拉*/ +.mask-up { +} +.mask { + position: fixed; + top: 0; + left: 0; + display: none; + height: 200rem; + background: rgba(0, 0, 0, 0.4); + z-index: 9999; + width: 100%; +} +.close-icon { + cursor: pointer; +} +.action-sheet { + border-top-left-radius: 0.6rem; + border-top-right-radius: 0.6rem; + display: none; + background: #fff; + width: 100%; + position: fixed; + bottom: 0; + z-index: 11111; + left: 0; +} + +.menu-name { + text-indent: 0.2rem; + font-size: 0.85rem; + font-weight: 700; + color: #000; +} +.action-sheet ul li { + margin: 0 0.4rem; + color: #333; + font-size: 0.8rem; + text-align: left; + border-bottom: 1px solid #eee; + padding: 0.8rem 1rem; +} +.action-sheet ul li a { + color: #333; + display: flex; + flex-direction: row; + align-items: center; +} +.action-sheet ul li img { + margin-right: 1rem; +} +.menu-title { + display: flex; + align-items: center; + margin: 0 0.4rem; + justify-content: space-between; + background: #fff; + border-top-left-radius: 0.6rem; + border-top-right-radius: 0.6rem; + padding: 0.5rem 0; +} +.scroll-mask { + height: 100%; + overflow: scroll; + overflow-y: hidden; +} +/*产品*/ +.product_title { + font-size: 0.75rem; + color: #333333; + padding-left: 2%; + margin-top: 0.9rem; +} +.hot_product { + width: 100%; + overflow: hidden; + margin-top: 0.65rem; +} +.hot_product li { + width: 9.365rem; + margin-right: 0.26rem; + position: relative; + color: #fff; + float: left; + margin-bottom: 0.26rem; +} +.hot_product .hot_product_text { + position: absolute; + bottom: 0.55rem; + width: 100%; +} +.hot_product li:nth-child(2n) { + margin-right: 0; +} +.hot_product .title { + font-size: 0.59rem; + margin-bottom: 0.25rem; +} +.hot_product span { + display: block; +} +.hot_product .subtitle { + font-size: 0.4rem; +} +.view_all { + font-size: 0.64rem; + color: #666666; +} +.product_list_title { + width: 100%; + margin-top: 0.9rem; + overflow: hidden; +} +.product_list_title .product_title { + width: 60%; + float: left; + text-align: left; + margin-top: 0rem; +} +.product_list_title .view_all { + width: 38%; + float: right; + text-align: right; +} +.product_list_title .icon-Double-Arrow { + margin-left: 0.15rem; + display: inline-block; +} + +/*产品列表*/ +.product_list { + margin-top: 0.6rem; + overflow: hidden; +} +.product_list li { + width: 47%; + margin-right: 1rem; + float: left; + margin-bottom: 1rem; + background-color: #fff; + text-align: center; + padding-top: 2rem; + padding-bottom: 1rem; +} +.product_list li:nth-child(2n) { + margin-right: 0; +} +.product_list .title { + font-size: 0.54rem; + color: #333; + margin-top: 1rem; +} +.product_list .subtitle { + font-size: 0.48rem; + color: #666666; + margin-top: 0.35rem; +} +.product_list span { + display: block; +} +.product_list .img_p { + width: 65%; + max-width: 220px; +} + +/*一级列表类别*/ +.first_list_category { + position: relative; + height: 4.5rem; + width: 100%; + overflow: hidden; + margin: 0 auto; + background-color: #fafafa; + margin-top: 2rem; +} +.first_list_category ul { + margin-top: 1.06rem; +} +.first_list_category li { + padding-left: 1rem; + display: inline-block; + text-align: center; + font-style: none; + margin-bottom: 0rem; +} +.first_list_category li:last-child() { + padding-right: 1rem; +} +.first_list_category .category_list { + font-size: 0.64rem; + color: #333333; +} +.first_list_category .scroller { + position: absolute; +} +.first_list_category .category_list p { + margin-top: 0.25rem; +} +.first_list_category img { + width: 1.5rem; + max-width: 54px; +} + +/*二级列表类别*/ +.Second_list_category { + position: relative; + height: 4.5rem; + width: 100%; + overflow: hidden; + margin: 0 auto; + background-color: #fafafa; +} +.Second_list_category ul { + margin-top: 1rem; +} +.Second_list_category li { + padding-left: 1rem; + display: inline-block; + text-align: center; + font-style: none; + margin-bottom: 1rem; +} +.Second_list_category li:last-child() { + padding-right: 1rem; +} +.Second_list_category .category_list { + font-size: 0.64rem; + color: #333333; +} +.Second_list_category .scroller { + position: absolute; +} +.Second_list_category img { + width: 1.44rem; + max-width: 54px; +} +.Second_list_category .category_list p { + margin-top: 0.25rem; +} + +/*产品详情*/ +.goods_list { + width: 100%; +} +.goods_all_title { + width: 96%; + padding: 0 0.6rem 0.55rem; + margin-top: 0.65rem; + border-bottom: 1px solid #e5e5e5; +} +.goods_all_title .title { + font-size: 0.7rem; + color: #333333; + margin: 2rem 0 0; +} +.goods_all_title .subtitle { + font-size: 0.64rem; + color: #666666; + margin-top: 0.35rem; +} +/*详情规格参数样式*/ +.proTfg { + width: 94%; + margin: auto; +} +.proTfg .swt-Table { + display: table; + width: 100%; + text-align: left; +} +.proTfg .swt-Table .Table-Row { + display: table-row; +} +.proTfg .swt-Table .Table-Row .Table-Cell { + display: table-cell; + margin: 0; + padding-bottom: 0.28rem; +} +.msul { + font-size: 0.62rem; + margin: 0.65rem auto; +} +.msul .ms1 { + width: 35%; + float: left; + color: #333333; +} +.msul .ms2 { + width: 5%; + float: left; +} +.msul .ms3 { + width: 60%; + float: left; + color: #666666; +} +.star { + position: absolute; + top: 0; + width: 2.56rem; + height: 0.4rem; + background-image: url(../images/star_orange.png); + background-position: 0 0; + background-repeat: no-repeat; + background-size: 2.56rem 0.4rem; +} /*平台购买链接*/ +.platform_buy { + width: 100%; + color: #fff; + font-size: 0.64rem; + text-align: center; + margin-bottom: 1rem; +} +.platform_buy a { + display: inline-block; + padding: 0.25rem 1rem; + margin-right: 1rem; +} +.cursor_p { + cursor: pointer; + /* padding-bottom: 1.5%; */ +} +/*详情描述*/ +.goods_details { + background-color: #ffffff; + width: 100%; + padding: 1.1rem 0; +} +.goods_details .cpa { + text-align: center; +} +.goods_details .cpa li { + display: inline-block; + padding-right: 1.5rem; + padding-left: 1.5rem; + line-height: 0.64rem; + height: 0.54rem; +} +.goods_details .cpa li:nth-child(2) { + border-left: 1px solid #009fdf; +} +.goods_details li:nth-child(3) { + margin-right: 0; + border-right: none; +} +.goods_details .cpa a { + color: #666666; + font-size: 0.64rem; +} +.goods_details .active { + color: #009fdf; +} +.goods_des { + width: 100%; +} +.goods_address { + font-size: 0.7rem; + padding-top: 1rem; + padding-bottom: 1rem; +} +.goods_address .href_01 { + color: #333333; +} +.goods_address .href_02 { + color: #666666; +} +.goods_address span { + display: inline-block; + transform: rotate(90deg); + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -o-transform: rotate(90deg); + -ms-transform: rotate(90deg); +} + +.goods_details_fixed { + position: fixed; + top: 2.4rem; + z-index: 999; + max-width: 750px; +} +/*关联产品*/ +.goods_Related { + padding: 0.85rem 0 1.25rem; + border-top: 1px solid #e5e5e5; + border-bottom: 1px solid #e5e5e5; + overflow: hidden; +} +.goods_Related_title { + margin-bottom: 1rem; +} +.goods_Related_list { + width: 88%; + margin: 0 auto; +} +.goods_Related_list li { + float: left; +} +.goods_Related_list img { + padding: 0.24rem 1.2rem; + background-color: #fff; + width: 2.67rem; + height: 2.67rem; +} +.goods_Related_list span { + display: block; +} +.goods_Related_list .title { + font-size: 0.59rem; + color: #333333; + margin-top: 0.3rem; + height: 0.85rem; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} +.goods_Related_list .subtitle { + font-size: 0.43rem; + color: #666666; + margin-top: 0.15rem; +} + +/*评论*/ +.goods_comment { + border-bottom: 1px solid #e5e5e5; + margin-top: 0.3rem; + overflow: hidden; + padding-bottom: 0.3rem; + position: relative; +} +.goods_comment span { + display: block; +} +.goods_comment .title { + font-size: 0.587rem; + color: #333; + margin-bottom: 0.3rem; +} +.goods_comment .subtitle { + font-size: 0.48rem; + color: #333; + margin-bottom: 0.15rem; +} +.goods_comment ul { + margin-top: 0.25rem; +} +.goods_comment li { + width: 4.462rem; + margin-right: 0.25rem; + float: left; + height: 4.462rem; +} +.goods_comment li:nth-child(4n) { + margin-right: 0; +} + +.goods_comment_img { + height: 4.462rem; + margin-bottom: 0.45rem; +} +.goods_comment_img ul { + position: absolute; + width: 100%; + left: 0%; + margin-left: 0px; +} +.goods_comment li { + position: relative; + width: 4.462rem; + overflow: hidden; + height: 4.462rem; +} +.goods_comment li img { + display: block; + width: 100%; + height: 6.917rem; + object-fit: cover; +} +/*评论图片放大功能*/ + +.big_img { + position: fixed; + z-index: -1; + opacity: 0; + background: #000; + width: 100%; + height: 100%; + top: 0; +} +.big_img .swiper-container2 { + position: relative; + width: 100%; + height: 100%; +} +.big_img .swiper-container2 .swiper-wrapper { + width: 100%; + height: 100%; +} +.swiper-container-android .swiper-slide, +.swiper-wrapper { + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -o-transform: translate(0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.swiper-wrapper { + position: relative; + width: 100%; + height: 100%; + z-index: 1; + display: -webkit-box; + display: -moz-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-transition-property: -webkit-transform; + -moz-transition-property: -moz-transform; + -o-transition-property: -o-transform; + -ms-transition-property: -ms-transform; + transition-property: transform; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +.big_img .swiper-slide { + width: 100%; + height: 100%; + display: table; +} +.swiper-slide { + -webkit-flex-shrink: 0; + -ms-flex: 0 0 auto; + flex-shrink: 0; + width: 100%; + height: 100%; + position: relative; + font-size: 0.8rem; + border-radius: 1.2rem; + -webkit-border-radius: 1.2rem; + -moz-border-radius: 1.2rem; + -ms-border-radius: 1.2rem; + -o-border-radius: 1.2rem; +} +.swiper-slide:nth-child(5n) { + margin-right: 0; +} +.swiper-slide a { + color: #000; + font-family: 'Montserrat-SemiBold'; +} +.swiper-slide img { + max-width: 100%; +} +.big_img .swiper-slide .cell { + width: 100%; + height: 100%; + display: table-cell; + vertical-align: middle; + text-align: center; +} +.big_img .swiper-slide img { + max-width: 100%; + margin: 0 auto; +} + +/*新闻*/ +.news .title { + margin-bottom: 0.6rem; +} +.news_list { + padding-top: 0.45rem; + border-bottom: 1px solid #e5e5e5; + overflow: hidden; + padding-bottom: 0.2rem; +} +.news_list .left { + float: left; + width: 6.45rem; + margin-right: 0.54rem; +} +.news_list .right { + float: left; + width: 11.6rem; +} +.news_list span { + display: inline-block; + margin-right: 0.72rem; +} +.news_list_title { + font-size: 0.64rem; + color: #333; + margin-bottom: 0.2rem; +} +.news_list_des_text { + font-size: 0.48rem; + color: #666; + line-height: 0.68rem; + margin-bottom: 0.25rem; +} +.news_list_share { + font-size: 0.427rem; + color: #666; +} +.news_list_share img { + vertical-align: bottom; + margin-right: 0.16rem; + width: 0.427rem; + height: 0.427rem; + margin-bottom: 0.05rem; +} +/*新闻翻页*/ +.Pages { + text-align: center; + color: #555; + clear: both; + margin-bottom: 0.8rem; + margin-top: 0.6rem; +} +.Pages span { + display: inline-block; +} +.Pages .num a { + vertical-align: middle; + color: #666; + font-size: 0.875rem; + padding: 0.1rem 0.58rem; +} +.Pages .a_prev, +.Pages .a_next { + padding-top: 0.4rem; + padding-left: 0.38rem; + padding-right: 0.38rem; +} +.Pages .a_prev img, +.Pages .a_next img { + width: 0.267rem; + height: 0.587rem; +} +.Pages .num .a_cur { + background-color: #444444; + color: #fff; +} +/*新闻评论*/ +.news-comments { + width: 97%; + margin: auto; +} +.news-comments .title { + font-size: 0.75rem; +} +.news-comment { + border-bottom: 1px solid #e5e5e5; + padding-top: 0.65rem; +} +.news-comment .left { + width: 1.6rem; + float: left; + margin-right: 1rem; +} +.news-comment .left img { + width: 1.6rem; + height: 1.6rem; +} +.news-comment .right { + float: right; + width: 15rem; +} +.news-comment span { + display: block; +} +.news-comment .news_list_des_text { + color: #333; +} +.Customer-information { + width: 100%; + margin: auto; + overflow: hidden; +} +.news-comment p { + display: block; + font-size: 0.48rem; + color: #333333; + line-height: 0.7rem; + margin-top: 0.2rem; + margin-bottom: 0.35rem; +} + +/*新闻详情*/ +.news_detail { + margin-top: 1.15rem; +} +.news_detail .title { + font-size: 0.8rem; + color: #333; + margin-bottom: 0.5rem; +} +.news_detail .date { + font-size: 0.427rem; + color: #666; + padding-bottom: 1rem; + border-bottom: 1px solid #d2d2d2; +} +.news_detail_content { + font-size: 0.54rem; + color: #666; + text-align: center; + line-height: 0.95rem; +} +.news_detail_content p { + margin-top: 0.35rem; + margin-bottom: 0.35rem; +} +.news_detail img { + display: block; +} +.news_detail .img_des { + font-size: 0.48rem; + margin-top: 0.1rem; +} +/*新闻回复*/ +.news-replay { + width: 100%; + margin-top: 0.5rem; + margin-bottom: 0.5rem; + text-align: center; +} +#ccont { + padding: 3%; + width: 94%; +} +.news-replay textarea { + height: 4.45rem; + background: #fff; + border: none; + margin: 0.35rem 0; + font-size: 0.54rem; +} +.news-replay span { + display: inline-block; +} +.news-replay .Release { + font-size: 0.587rem; + color: #fff; + padding: 0.35rem 1.5rem; + background-color: #2897d1; + margin-top: 0.25rem; +} + +/*视频分类列表*/ +.video_Category ul { + width: 100%; +} +.video_Category li { + width: 49.4%; + margin-right: 1.2%; + float: left; + position: relative; +} +.video_Category li:nth-child(2n) { + margin-right: 0; +} +.video_Category li p { + display: block; + position: absolute; + text-align: center; + bottom: 0.8rem; + color: #fff; + font-size: 0.8rem; + width: 100%; +} + +/*热门视频 */ +.video_hot span { + display: block; + text-align: left; +} +.video_hot li { + margin-bottom: 1.15rem; +} +.video_hot .title { + font-size: 0.64rem; + color: #333; + margin-top: 0.45rem; + margin-bottom: 0.25rem; +} +.video_hot .des_text { + font-size: 0.54rem; + color: #666; + line-height: 0.85rem; +} + +/*视频详情类别*/ +.video_category { + position: relative; + height: 3.45rem; + width: 100%; + overflow: hidden; + margin: 0 auto; +} +.video_category ul { + margin-top: 1rem; +} +.video_category li { + padding-left: 1rem; + display: inline-block; + text-align: center; + font-style: none; + margin-bottom: 0rem; +} +.video_category li:last-child() { + padding-right: 1rem; +} +.video_category .category_list { + font-size: 0.64rem; + color: #333333; +} +.video_category .scroller { + position: absolute; +} +.video_category .category_list p { + margin-top: 0.25rem; +} +.video_category img { + width: 1.5rem; + max-width: 60px; +} + +/*专题购买按钮*/ +/*两列产品*/ +.special_title { + position: absolute; + width: 100%; + text-align: center; + top: 1.06rem; + font-size: 0.587rem; +} +.buy { + width: 100%; + position: absolute; + bottom: 1.23rem; + color: #333333; +} +.buy a { + border: 1px solid #c2d600; + color: #fff; +} +.buy_margin { + margin-right: 0.8rem; +} +.buy_button a { + padding: 0.15rem 0.35rem 0.18rem; + display: inline-block; + color: #333; + border: 1px solid #5c5c5c; +} +.subject_span { + display: inline-block; + padding: 0.15rem 0.35rem 0.18rem; + color: #939393; + border: 1px solid #939393; +} +/*1列产品*/ +.special_text { + position: absolute; + text-align: left; + top: 2.02rem; + left: 1.44rem; +} + +/*七大产品线购买按钮背景*/ +.computer a { + border: 1px solid #6f6f6f; + color: #333; + padding: 0.2rem 0.35rem 0.22rem; + margin-left: 0.4rem; + margin-right: 0.4rem; +} +/*详情样式*/ +.o_detail_all { + text-align: center; + background-color: #fff; + overflow: hidden; +} +.o_detail_title { + font-size: 0.85rem; + color: #101010; +} +.o_detail_small { + font-size: 0.75rem; + color: #333; + margin-top: 0.4rem; +} +.o_detail_text { + font-size: 0.64rem; + color: #737373; + line-height: 1rem; + width: 80%; + margin: auto; + margin-top: 0.5rem; +} +.o_detail_img { + margin-top: 0.3rem; + margin-bottom: 1.3rem; +} + +/*两列*/ +.list_two { + width: 100%; + overflow: hidden; +} +.list_two li { + width: 47%; + margin-right: 1rem; + float: left; + margin-bottom: 1rem; + background-color: #fff; + text-align: center !important; + padding-bottom: 1rem; +} +.list_two li:nth-child(2n) { + margin-right: 0; +} +.list_two img { + display: block; +} +/*一个产品*/ +.list_one { + width: 100%; + overflow: hidden; +} +.list_one li { + width: 100%; + margin-top: 0.27rem; + float: left; + position: relative; +} +.list_one .title { + font-size: 0.64rem; + color: #333; +} +.list_one .subtitle { + font-size: 0.587rem; + color: #666; +} +/*详情颜色公共样式*/ +.hd .BK { + background: #000; +} +.hd .WH { + background: #fff; +} +.hd .GY { + background: #8d99ad; +} +.hd .BL { + background: #0060ff; +} +.hd .RD { + background: #ff0000; +} +.hd .YL { + background: #ffff00; +} +.hd .OR { + background: #ff7200; +} +.hd .PK { + background: #f7bfc7; +} +.GR { + background: #00ff5a; +} +.hd .PU { + background: #7800ff; +} +.hd .CF { + background: #44332e; +} +.hd .co-bg { + width: 14px !important; + height: 14px !important; + border-radius: 7px; + display: inline-block; + vertical-align: top; +} +/*add 产品详情*/ +.hd .clearfix { + display: -webkit-inline-box; +} +.hd.dowebok { + display: table; + overflow: hidden; +} +.hd .dt { + font-size: 14px; + margin-right: 0px; + line-height: 40px; + width: 125px !important; + font-weight: 600; + font-family: Montserrat !important; + color: #666; + text-align: left; +} +.hd .typeColor { + color: #666; + font-size: 12px; + padding: 2px; + overflow: hidden; + float: left; + width: 750px; +} +.hd .typeColor li .text { + margin: 2px 0; + padding: 0 5px; + line-height: 40px; + font-style: normal; + color: #333; +} +.hd .typeColor li img { + width: 32px; + height: 32px; + margin-right: 8px; + vertical-align: middle; +} +.attr_item { + float: left; + width: 16px !important; + height: 16px !important; + background: #fff; + border: 1px solid #d4d4d4; + border-radius: 16px !important; + margin-right: 4px; +} +.on { + border: 1px solid #737373 !important; + color: #666 !important; + width: 16px !important; + height: 16px !important; + margin-top: 5px !important; + border-radius: 16px !important; +} +.item { + float: left; + width: auto !important; + height: auto !important; + background: #fff; + border: 1px solid #d4d4d4; + height: 42px !important; + margin-top: 5px !important; + border-radius: 20px !important; + padding: 0 10px; + margin-right: 4px; +} +.item .on { + border: 1px solid #737373 !important; + color: #666 !important; + width: 16px !important; + height: 16px !important; + margin-top: 5px !important; + border-radius: 20px !important; + margin: 0 10px; +} +.hd .typeColor li .item a { + border: 1px solid #737373 !important; + background: #f7f7f7; + line-height: 42px; + margin-right: 7px; + margin-bottom: 4px; + height: 40px !important; + white-space: nowrap; + float: left; +} + +.hd .typeColor li a:hover { + color: #666; + border-radius: 20px !important; + -webkit-border-radius: 20px !important; + -moz-border-radius: 20px !important; + -ms-border-radius: 20px !important; + -o-border-radius: 20px !important; +} +/*产品 修改 css s*/ +.cp .cprh .hd ul li { + float: left; + width: 18px; + height: 18px; + margin-right: 9px; + cursor: pointer; + margin-top: 10px; + margin-bottom: 0px; + border: 1px solid #d4d4d4; + border-radius: 8px; +} +.cp .cprh .hd ul li a { + display: block; +} +.cp .cprh .hd .on { + width: 18px; + height: 18px; + border-radius: 9px; + border: 1px solid #737373; + -webkit-border-radius: 9px; + -moz-border-radius: 9px; + -ms-border-radius: 9px; + -o-border-radius: 9px; +} +.cp .cprh .hd ul li:hover { + width: 18px; + height: 18px; + border-radius: 9px; + border: 1px solid #737373; + -webkit-border-radius: 9px; + -moz-border-radius: 9px; + -ms-border-radius: 9px; + -o-border-radius: 9px; +} +/*产品 修改 css*/ +.selectedAttr { + padding-left: 10px; + font-size: 12px !important; +} +.cp .cprh .hd span { + display: inline-block; + width: 16px; + height: 16px; + font-size: 0.875em; + color: #000; + text-align: center; + border-radius: 16px; + vertical-align: top; + -webkit-border-radius: 16px; + -moz-border-radius: 16px; + -ms-border-radius: 16px; + -o-border-radius: 16px; +} +/*产品多颜色切换*/ +.Multi_color { + height: 0.8rem; + width: 100%; + text-align: center; +} +.Multi_color ul { + width: 100%; + margin-top: 0.65rem; +} +.Multi_color .S-small-img { + display: inline-block; + width: 1.3rem; +} +.cricle { + display: block; + /*width:0.64rem; + height: 0.64rem; + */ + width: 16px; + height: 16px; + border-radius: 16px; + border: 1px solid #d6d6d6; + text-align: center; + vertical-align: middle; +} +.S-Cricle-Bg { + width: 16px; + height: 16px; + border-radius: 16px; + overflow: hidden; +} +.product_list li li { + float: none; + margin-right: 0; + padding: 0; +} +.product_list li .on { + border: 1px solid #737373 !important; + color: #666 !important; + width: 16px !important; + height: 16px !important; + margin-top: 0 !important; + border-radius: 16px !important; + margin-top: -0.9px; + margin-left: -2px; +} +.Multi_color .on .cricle { + border: none !important; +} +.slideTxtBox .bd .li { + width: 5.86px; + margin: auto; +} + +/*收藏*/ + +.house_img01:before, +.house_img02:before { + height: 0.4rem; + padding-top: 0.2rem; + width: 0.4533rem; + font-family: 'colleciton'; + color: #ffae00; + margin-left: 0.6rem; +} +.house_img01:before { + content: '\e907'; +} +.house_img02:before { + content: '\e900'; +} +.house_img01:after { + content: 'Collect'; + padding-left: 0.34rem; + line-height: 0.4rem; +} +.house_img02:after { + content: 'Collected'; + padding-left: 0.34rem; + line-height: 0.4rem; +} +.err { + margin-top: 0.5vw; +} + +/*弹出框消失*/ +.alert { + width: 100%; + height: 100%; + left: 0; + top: 0; + background-color: rgba(0, 0, 0, 0.3); + position: fixed; + z-index: 999; +} +.alert_white { + width: 5.4rem; + height: 2.7rem; + background-color: #fff; + top: 40%; + left: 50%; + position: absolute; + margin-left: -100px; + margin-top: 1.4rem; + line-height: 2.7rem; + font-size: 0.64rem; + color: #333; + text-align: center; + z-index: 1000; +} + +/*众筹专题弹出10-31*/ +.popup { + position: fixed; + background-color: rgba(0, 0, 0, 0.5); + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 9999; +} +.popup_img { + position: relative; + left: 50%; + top: 50%; + margin-top: -10.68vw; + margin-left: -17.71vw; +} +.close { + position: absolute; + right: 30.6vw; + top: 50%; + margin-top: -11.68vw; + z-index: 10000; + width: 1.875vw; + height: 1.875vw; +} + +/*详情优化样式*/ +.btn-blue-detail { + background: #009fdf; + cursor: pointer; + color: #fff; + font-size: 14px; + text-align: center; + border: 1px solid #009fdf; + margin-right: 18px; + padding: 5px 10px; +} +.btn-white-detail { + background: #fff; + cursor: pointer; + color: #009fdf; + font-size: 14px; + text-align: center; + border: 1px solid #009fdf; + margin-right: 18px; + padding: 5px 10px; +} + +.detail_form { + padding: 0 1.5rem; +} +.detail_form p { + font-size: 12px; +} +.detail_form input { + height: 1.5rem; + line-height: 1.5rem; + padding: 0 0.625rem; + margin-top: 0.625rem; + border: 1px solid #dbdbdb; + display: inline-block; +} +.detail_form select { + height: 1.5rem; + line-height: 1.5rem; + padding: 0 0.625rem; + margin-top: 0.625rem; + border: 1px solid #dbdbdb; + display: inline-block; +} +.detail_form textarea { + margin-top: 0.625rem; + border: 1px solid #dbdbdb; + display: inline-block; +} +.apply_form textarea { + padding: 0.225rem; + margin-top: 0.625rem; + border: 1px solid #dbdbdb; + display: inline-block; +} + +.detail-w02 { + width: 35%; +} +.detail-w01 { + width: 90%; +} +.detail_form .name > div { + float: left; + width: calc((100% - 1.25rem) / 2); +} +.submit_btn { + margin: 1rem auto 2rem; + width: 6rem; + height: 1.5rem; + line-height: 1.5rem; + background: #009fdf; + color: #ffffff; + text-align: center; + cursor: pointer; + font-size: 0.5rem; +} +/*odm*/ +.email-odm-w { + background: #fff; + width: 96%; + margin: auto; + clear: both; + padding: 0.05rem 0; +} +.news-odm { + background: #3bafe3; + margin: 50px 0; + padding: 0.5rem 0; +} +/*submission!*/ +.submission { + width: 100%; + margin: auto; + text-align: center; +} +.submiss-content h3 { + font-size: 24px; + color: #333; + line-height: 30px; + padding: 24px 0 18px; +} +.submiss-p { + font-size: 20px; + color: #333; +} +.submiss-u-p { + padding: 46px 0 140px; + font-size: 18px; +} +.submiss-blue { + color: #009fdf; + border-bottom: 1px solid #009fdf; +} + +.popup { + position: fixed; + background-color: rgba(0, 0, 0, 0.5); + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 9999; +} +.popup_img img { + width: 35.42vw; + height: 21.36vw; +} +.popup_img { + position: relative; + left: 50%; + top: 50%; + margin-top: -10.68vw; + margin-left: -17.71vw; +} +.close { + position: absolute; + right: 27.6vw; + top: 50%; + margin-top: -11.68vw; + z-index: 10000; + width: 1.875vw; + height: 1.875vw; +} +/*图片遮罩拉动*/ + +.justify-center { + justify-content: safe center; +} + +.rich-text { + display: flex; +} +.rich-text__wrapper { + max-width: var(--rich-text-max-width); +} +.rich-text .prose, +.split-rich-text .prose { + align-items: start; + display: grid; +} + +.justify-items-center { + justify-items: safe center; +} + +.prose > :first-child, +.prose > :first-child :first-child { + margin-block-start: 0 !important; +} + +.hyphenate { + -webkit-hyphens: auto; + hyphens: auto; +} + +@media screen and (min-width: 1150px) { + .prose :is(.h0, .h1, .h2, h1, h2) + * { + margin-block-start: var(--spacing-8); + } +} + +.prose > :last-child, +.prose > :last-child :last-child { + margin-block-end: 0 !important; +} +.prose > :last-child, +.prose > :last-child :last-child { + margin-block-end: 0 !important; +} + +.section-stack { + gap: var(--section-stack-spacing-block, 0px) var(--section-stack-spacing-inline, 0px); + grid-auto-columns: minmax(0, 1fr); + display: grid; +} +@media screen and (min-width: 1150px) { + .section-stack__main { + width: var(--section-stack-main, 50%); + } +} +.shadow { + filter: drop-shadow(var(--shadow)); +} + +.before-after__label--bottom { + bottom: var(--before-after-label-spacing); +} + +.before-after__label { + position: absolute; +} +.before-after__cursor { + top: 50%; +} +.before-after__cursor:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + left: var(--before-after-initial-drag-position, 0px); +} +.before-after__cursor:active { + cursor: grabbing; +} + +.before-after__cursor { + cursor: grab; +} +.before-after__cursor { + height: 100%; + width: max-content; + touch-action: none; + transform: translate(calc(var(--transform-logical-flip) * -50% + var(--clip-path-offset, 0px)), -50%); + cursor: grab; + filter: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f); + will-change: transform; + place-items: center; + display: grid; + position: relative; +} +.text-custom { + color: rgb(var(--text-color)); +} + +#shopify-section-template--19206104285484__before-after-image { + --section-background-hash: 0; +} + +#shopify-section-template--19206104285484__before-after-image + * { + --previous-section-background-hash: 0; +} + +.ba-slider { + position: relative; + overflow: hidden; + height: 35vh; +} + +.ba-slider img { + width: 100%; + display: block; + max-width: none; + height: 100%; + position: absolute; + object-fit: cover; +} + +.ba-slider .resize { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 50%; + overflow: hidden; +} + +.ba-slider .handle { + position: absolute; + left: 50%; + top: 0; + bottom: 0; + width: 4px; + margin-left: -2px; + display: block; + background: rgba(255, 255, 255, 0.5); + cursor: ew-resize; +} + +.ba-slider .handle:after { + position: absolute; + top: 50%; + width: 48px; + height: 48px; + margin: -24px 0 0 -24px; + content: ''; + display: flex; + align-items: center; + justify-content: center; + background: #fff url(../indeximg/ba-arrow.png) center center / 22px 22px no-repeat; + border: 1px solid #fff; + border-radius: 50%; + transition: all 0.3s ease; + + transform: scale(1); + z-index: 5; +} + +.ba-slider .handle.ba-draggable:after { + transform: scale(0.8); +} +#shopify-section-template--19206104285484__b0dd93e2-8ffa-4771-a65d-402ac18f05ce { + --section-background-hash: 0; +} + +#shopify-section-template--19206104285484__b0dd93e2-8ffa-4771-a65d-402ac18f05ce + * { + --previous-section-background-hash: 0; +} +#shopify-section-template--19206104285484__b0dd93e2-8ffa-4771-a65d-402ac18f05ce { + --rich-text-max-width: 650px; +} +/*时间轴*/ +.cd-horizontal-timeline { + opacity: 0; + margin: 2em auto 0; + -webkit-transition: opacity 0.2s; + -moz-transition: opacity 0.2s; + transition: opacity 0.2s; +} +.cd-horizontal-timeline::before { + /* never visible - this is used in jQuery to check the current MQ */ + content: 'mobile'; + display: none; +} +.cd-horizontal-timeline.loaded { + /* show the timeline after events position has been set (using JavaScript) */ + opacity: 1; +} +.cd-horizontal-timeline .timeline { + position: relative; + width: 96%; + max-width: 800px; + margin: 2rem auto 0; +} +.cd-horizontal-timeline .events-wrapper { + position: relative; + margin: 2rem 0 0; + margin: 0; + overflow: hidden; +} +.cd-horizontal-timeline .events-wrapper::after, +.cd-horizontal-timeline .events-wrapper::before { + /* these are used to create a shadow effect at the sides of the timeline */ + content: ''; + position: absolute; + z-index: 2; + top: 0; + height: 100%; + width: 20px; +} + +.cd-horizontal-timeline .events { + /*thisisthegreyline/timeline*/ + position: relative; + z-index: 1; + left: 0; + top: 0; + height: 1px; + /*widthwillbesetusingJavaScript*/ + background: #a6a6a6; + -webkit-transition: transform 0.4s; + -moz-transition: transform 0.4s; + transition: transform 0.4s; + width: 100% !important; + -ms-transition: transform 0.4s; + -o-transition: transform 0.4s; +} +.cd-horizontal-timeline .filling-line { + /* this is used to create the green line filling the timeline */ + position: absolute; + z-index: 1; + left: 0; + top: 0; + height: 100%; + width: 100%; + -webkit-transform: scaleX(0); + -moz-transform: scaleX(0); + -ms-transform: scaleX(0); + -o-transform: scaleX(0); + transform: scaleX(0); + -webkit-transform-origin: left center; + -moz-transform-origin: left center; + -ms-transform-origin: left center; + -o-transform-origin: left center; + transform-origin: left center; + -webkit-transition: -webkit-transform 0.3s; + -moz-transition: -moz-transform 0.3s; + transition: transform 0.3s; +} +.cd-horizontal-timeline .events li { + left: 0 !important; +} +.cd-horizontal-timeline .events a { + bottom: 0; + z-index: 2; + text-align: center; + font-size: 14px; + padding-bottom: 15px; + color: #383838; + /* fix bug on Safari - text flickering while timeline translates */ + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -ms-transform: translateZ(0); + -o-transform: translateZ(0); + transform: translateZ(0); + line-height: 3rem; + float: left; + width: 35%; + margin-left: -12.8px; +} + +.cd-horizontal-timeline .events a::after { + /* this is used to create the event spot */ + content: ''; + position: absolute; + left: 45%; + -webkit-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -o-transform: translateX(-50%); + transform: translateX(-50%); + top: -7px; + height: 12px; + width: 12px; + border-radius: 50%; + border: 2px solid #dfdfdf; + background-color: #f8f8f8; + -webkit-transition: background-color 0.3s, border-color 0.3s; + -moz-transition: background-color 0.3s, border-color 0.3s; + transition: background-color 0.3s, border-color 0.3s; + /*margin: 0 0.8rem;*/ +} +.no-touch .cd-horizontal-timeline .events a:hover::after { + background-color: #004bfa; + border-color: #004bfa; +} +.cd-horizontal-timeline .events a.selected { + pointer-events: none; +} +.cd-horizontal-timeline .events a.selected::after { + background-color: #004bfa; + border-color: #004bfa; +} +.cd-horizontal-timeline .events a.older-event::after { + border-color: #004bfa; +} +@media only screen and (min-width: 1100px) { + .cd-horizontal-timeline { + margin: 6em auto; + } + .cd-horizontal-timeline::before { + /* never visible - this is used in jQuery to check the current MQ */ + content: 'desktop'; + } +} + +.cd-timeline-navigation a { + /* these are the left/right arrows to navigate the timeline */ + position: absolute; + z-index: 1; + top: 50%; + bottom: auto; + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + transform: translateY(-50%); + /* replace text with an icon */ + overflow: hidden; + color: transparent; + text-indent: 100%; + white-space: nowrap; + -webkit-transition: border-color 0.3s; + -moz-transition: border-color 0.3s; + transition: border-color 0.3s; +} +.cd-timeline-navigation a::after { + /* arrow icon */ + content: ''; + position: absolute; + height: 16px; + width: 16px; + left: 50%; + top: 50%; + bottom: auto; + right: auto; + -webkit-transform: translateX(-50%) translateY(-50%); + -moz-transform: translateX(-50%) translateY(-50%); + -ms-transform: translateX(-50%) translateY(-50%); + -o-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); + background: url(../images/cd-arrow.svg) no-repeat 0 0; +} +.cd-timeline-navigation a.prev { + right: 2rem; + margin-left: 2rem; + -webkit-transform: translateY(-50%) rotate(180deg); + -moz-transform: translateY(-50%) rotate(180deg); + -ms-transform: translateY(-50%) rotate(180deg); + -o-transform: translateY(-50%) rotate(180deg); + transform: translateY(-50%) rotate(180deg); +} +.cd-timeline-navigation a.next { + right: 0; +} +.no-touch .cd-timeline-navigation a:hover { + border-color: #7b9d6f; +} +.cd-timeline-navigation a.inactive { + cursor: not-allowed; +} +.cd-timeline-navigation a.inactive::after { + background-position: 0 -16px; +} +.no-touch .cd-timeline-navigation a.inactive:hover { + border-color: #dfdfdf; +} + +.cd-horizontal-timeline .events-content { + position: relative; + width: 100%; + margin: 1em 0; + overflow: hidden; + -webkit-transition: height 0.4s; + -moz-transition: height 0.4s; + transition: height 0.4s; +} +.cd-horizontal-timeline .events-content li { + position: absolute; + z-index: 1; + width: 100%; + left: 0; + top: 0; + -webkit-transform: translateX(-100%); + -moz-transform: translateX(-100%); + -ms-transform: translateX(-100%); + -o-transform: translateX(-100%); + transform: translateX(-100%); + opacity: 0; + -webkit-animation-duration: 0.4s; + -moz-animation-duration: 0.4s; + animation-duration: 0.4s; + -webkit-animation-timing-function: ease-in-out; + -moz-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; +} +.cd-horizontal-timeline .events-content li.selected { + /* visible event content */ + position: relative; + z-index: 2; + opacity: 1; + -webkit-transform: translateX(0); + -moz-transform: translateX(0); + -ms-transform: translateX(0); + -o-transform: translateX(0); + transform: translateX(0); +} +.cd-horizontal-timeline .events-content li.enter-right, +.cd-horizontal-timeline .events-content li.leave-right { + -webkit-animation-name: cd-enter-right; + -moz-animation-name: cd-enter-right; + animation-name: cd-enter-right; +} +.cd-horizontal-timeline .events-content li.enter-left, +.cd-horizontal-timeline .events-content li.leave-left { + -webkit-animation-name: cd-enter-left; + -moz-animation-name: cd-enter-left; + animation-name: cd-enter-left; +} +.cd-horizontal-timeline .events-content li.leave-right, +.cd-horizontal-timeline .events-content li.leave-left { + -webkit-animation-direction: reverse; + -moz-animation-direction: reverse; + animation-direction: reverse; +} +.cd-horizontal-timeline .events-content li > * { + max-width: 100%; + margin: 0 auto; +} +.cd-horizontal-timeline .events-content h2 { + font-weight: bold; + font-size: 2.6rem; + font-family: 'Playfair Display', serif; + font-weight: 700; + line-height: 1.2; +} +.cd-horizontal-timeline .events-content em { + display: block; + font-style: italic; + margin: 10px auto; +} +.cd-horizontal-timeline .events-content em::before { + content: '- '; +} +@media only screen and (min-width: 768px) { + .cd-horizontal-timeline .events-content h2 { + font-size: 7rem; + } + .cd-horizontal-timeline .events-content em { + font-size: 1.875rem; + } +} + +@-webkit-keyframes cd-enter-right { + 0% { + opacity: 0; + -webkit-transform: translateX(100%); + } + 100% { + opacity: 1; + -webkit-transform: translateX(0%); + } +} +@-moz-keyframes cd-enter-right { + 0% { + opacity: 0; + -moz-transform: translateX(100%); + } + 100% { + opacity: 1; + -moz-transform: translateX(0%); + } +} +@keyframes cd-enter-right { + 0% { + opacity: 0; + -webkit-transform: translateX(100%); + -moz-transform: translateX(100%); + -ms-transform: translateX(100%); + -o-transform: translateX(100%); + transform: translateX(100%); + } + 100% { + opacity: 1; + -webkit-transform: translateX(0%); + -moz-transform: translateX(0%); + -ms-transform: translateX(0%); + -o-transform: translateX(0%); + transform: translateX(0%); + } +} +@-webkit-keyframes cd-enter-left { + 0% { + opacity: 0; + -webkit-transform: translateX(-100%); + } + 100% { + opacity: 1; + -webkit-transform: translateX(0%); + } +} +@-moz-keyframes cd-enter-left { + 0% { + opacity: 0; + -moz-transform: translateX(-100%); + } + 100% { + opacity: 1; + -moz-transform: translateX(0%); + } +} +@keyframes cd-enter-left { + 0% { + opacity: 0; + -webkit-transform: translateX(-100%); + -moz-transform: translateX(-100%); + -ms-transform: translateX(-100%); + -o-transform: translateX(-100%); + transform: translateX(-100%); + } + 100% { + opacity: 1; + -webkit-transform: translateX(0%); + -moz-transform: translateX(0%); + -ms-transform: translateX(0%); + -o-transform: translateX(0%); + transform: translateX(0%); + } +} +/*时间轴图片文字定位*/ +.timetitle { + font-size: 1.5rem; + width: 90%; + margin: 4rem auto 0; + font-family: 'Montserrat-Bold'; +} +.timedesin { + font-size: 0.875rem; + padding: 0.5rem 1rem; + line-height: 1.3rem; + width: 90%; + font-family: 'Montserrat-Medium'; +} +.timeblue { + color: #004bfa; + font-size: 1.125rem; + font-family: 'Montserrat-Medium'; +} +.timeblue img { + vertical-align: middle; +} +.timeblue a { + color: #004bfa; + font-family: 'Montserrat-Medium'; +} +/*视频*/ +.video-youtu { + position: relative; + padding-bottom: 56.25%; /* 16:9 */ + height: 0; +} +.video-youtu img { + position: absolute; + display: block; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 0; + cursor: pointer; +} +.video-youtu:after { + content: ''; + position: absolute; + display: block; + background: url(play-button.png) no-repeat 0 0; + top: 45%; + left: 45%; + width: 46px; + height: 36px; + z-index: 30; + cursor: pointer; +} +.video-youtu iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +/* image poster clicked, player class added using js */ +.video-youtu.player img { + display: none; +} +.video-youtu.player:after { + display: none; +} +/*our product*/ +.m_vision { + width: 86%; + margin: 1.5rem auto 0; + text-align: center; + background: #fff; + padding: 2rem 1rem; + border-radius: 0.5rem; + -webkit-border-radius: 0.5rem; + -moz-border-radius: 0.5rem; + -ms-border-radius: 0.5rem; + -o-border-radius: 0.5rem; +} +.vision-title { + font-size: 1rem; + font-family: 'Montserrat-Bold'; + width: 98%; + margin: 1rem auto 0; +} +.vision-con { + font-size: 0.875; + line-height: 1.5rem; + color: #707070; + font-family: 'Montserrat-Regular'; + width: 98%; + margin: 1rem auto; +} +.m_brand { + width: 86%; + margin: 1.5rem auto 0; + text-align: center; + background: #fff; + padding: 0 1rem; + border-radius: 0.5rem; + -webkit-border-radius: 0.5rem; + -moz-border-radius: 0.5rem; + -ms-border-radius: 0.5rem; + -o-border-radius: 0.5rem; +} +.brand_title { + font-size: 1.125rem; + font-family: 'Montserrat-Bold'; + width: 98%; + margin: 1rem auto 0; + position: relative; +} +.brand_title::after { + position: absolute; + content: ''; + background: #004bfa; + left: 0; + bottom: -10px; + width: 3rem; + height: 4px; +} +.brand-con { + font-size: 0.875; + line-height: 1.5rem; + color: #000000; + font-family: 'Montserrat-Regular'; + width: 98%; + margin: 1rem auto; +} +.brand-con p { + padding: 1rem 0 0; +} +.pos-ab { + position: absolute; + top: 0; + left: 0%; + width: 100%; + margin: auto; +} +.vedio-img img { + max-width: 100%; + background: rgba(0, 0, 0, 0.4); +} + +.video-right { + width: 100%; + position: relative; +} +.prism-big-play-btn { + background-color: rgba(0, 0, 0, 0.4); + height: 100%; + background-image: url('../images/brand/vedio_img.jpg'); + background-size: cover; + background-repeat: no-repeat; + background-position: center; + display: flex; + align-items: center; + position: absolute; + top: 0px; + left: 0px; + width: 100%; +} +.prism-big-play-btn img { + width: 18%; + margin-left: 40%; +} +video::-webkit-media-controls-current-time-display { + display: none !important; +} +/*our achievement*/ +.m_ach { + width: 100%; + margin: auto; + text-align: center; + background: #fff; +} +.m_ach .title { + font-size: 1.125rem; + font-family: 'Montserrat-Bold'; + width: 98%; + margin: 1rem auto 0; + position: relative; + padding: 2rem 0 0; +} + +.m_ach .list-num { + padding: 2rem 0; +} +.m_ach .list-num li { + float: left; + width: 50%; + margin: 1rem 0; +} +.m_ach .list-num li h4 { + font-size: 2rem; + margin: 0.5rem 0; + line-height: 2rem; +} +.m_ach .list-num li p { + color: #707070; + font-family: 'Montserrat-Regular'; +} +/*新闻评测*/ +.news-vertu { + width: 96%; + margin: 4% auto; +} +.news-vertu .tab { + overflow: hidden; + text-align: center; +} +.news-vertu .tab a { + padding: 10px 20px; + font-size: 1.25em; + color: #333; +} +.news-vertu .tab a:hover { + color: #333; +} +.news-vertu .tab a.on { + color: #009fdf !important; + border: none !important; +} +.news-vertu .content { + position: relative; + background: #fff; + margin: 2% 0; + width: 100%; +} +.news-vertu .content ul { + overflow: hidden; +} +.news-vertu .content li { + float: left; + padding: 2rem 0 0; +} +.news-vertu .content li p { + height: 4.5rem; + overflow: hidden; +} +/*blog_list*/ +.search_box { + width: 100%; + height: 2rem; + margin: 2rem 0; + display: inline-block; + clear: both; +} + +.search-button-blog { + border: none; + font-size: 0.9rem; + color: #fff; + cursor: pointer; + background: #0060ff; + height: 2rem; + border-radius: 20px; + padding: 0 0.5rem; + float: left; + margin-left: 0.5rem; +} +.search_box .search { + width: 75%; + height: 2rem; + line-height: 2.875rem; + border: 1px solid #dbdbdb !important; + border-radius: 1.5rem !important; + text-indent: 0.5rem; + float: left; + -webkit-border-radius: 1.5rem !important; + -moz-border-radius: 1.5rem !important; + -ms-border-radius: 1.5rem !important; + -o-border-radius: 1.5rem !important; +} +.search_box .search_icon { + width: 1rem; + height: 1rem; + display: block; + position: absolute; + right: 1rem; + top: 0.7rem; + background: url(../images/blog/search.png); + background-size: cover; + cursor: pointer; +} +.blog_list ul { + width: 100%; + margin: 0 auto; +} +.blog_list ul li { + float: left; + width: calc((100% - 0.5rem) / 2); + height: auto; + margin-right: 0.5rem; + margin-bottom: 1rem; + text-align: left; +} +.blog_list ul li:nth-of-type(2n) { + margin-right: 0; +} +.blog_list ul li img { + width: 100%; + height: auto; +} +.blog_list ul li h3 { + color: #252525; + font-size: 1rem; + font-weight: bold; + line-height: 1.25rem; + margin: 0.5rem 0; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; +} +.blog_list ul li p { + color: #929292; + font-size: 0.875rem; + font-weight: 400; + line-height: 1rem; + margin-bottom: 0.5rem; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; +} +.blog_list ul li span { + color: #929292; + font-size: 0.875rem; + font-weight: 400; + line-height: 1rem; + margin-bottom: 0.5rem; +} +/*blog_detail*/ +.content { + width: 90%; + margin: 2.5rem auto; +} +.blog_detail { + height: auto; + background: #ffffff; + border: 1px solid #e8e8e8; +} +.blog_title { + margin: 1rem; + border-bottom: 1px solid #e8e8e8; + padding-bottom: 1rem; +} +.blog_title h2 { + font-size: 1rem; + font-weight: bold; + line-height: 1.25rem; + color: #252525; + margin-bottom: 0.5rem; +} +.blog_title p { + color: #929292; + font-size: 0.875rem; + font-weight: 400; +} +.blog_content { + margin: 1rem; +} +.blog_content img { + max-width: 100%; +} +.blog_content p { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5rem; + color: #252525; + margin-bottom: 0.625rem; + overflow: hidden; + max-width: 100%; +} +.blog_content p span { + font-size: 0.875rem; + line-height: 1rem; +} +.blog_content p img { + width: 100%; + height: auto; + margin-bottom: 0.5rem; +} +.blog_content p video { + width: 100%; + height: auto; + margin-bottom: 0.5rem; +} +.share_box { + width: 100%; +} +.blog_share { + width: 100%; + height: auto; + background: #ffffff; + border: 1px solid #e8e8e8; + margin: 1rem 0; +} +.blog_share h3 { + font-size: 1rem; + line-height: 2.125rem; + color: #959595; + font-weight: bold; + padding: 0.25rem 1.875rem 0.75rem; + border-bottom: 1px solid #e8e8e8; +} +.share_list { + padding: 1.875rem; +} +.share_list li { + width: 21%; + height: auto; + margin-right: 0.5rem; + float: left; +} + +.repply { + width: 100%; + height: auto; + background: #ffffff; + border: 1px solid #e8e8e8; + float: left; + margin-top: 1.25rem; +} +.repply h3 { + font-size: 1rem; + line-height: 2.125rem; + color: #959595; + font-weight: bold; + padding: 1.25rem 1.875rem; + border-bottom: 1px solid #e8e8e8; +} +.repply form { + width: auto; + height: auto; + padding: 1.25rem; +} +.repply span { + font-size: 0.875rem; + font-weight: bold; +} +.repply input { + width: 98%; + height: 2rem !important; + border: 1px solid #dbdbdb !important; + margin-top: 0.625rem; + margin-bottom: 0.625rem; +} +.comment_btn { + margin: 0 auto; + width: 12rem; + line-height: 2.5rem; + background: #009fdf; + color: #ffffff; + text-align: center; + cursor: pointer; + display: block; + font-size: 1rem; +} +.comment { + background: #ffffff; + width: 100%; + padding-bottom: 1.875rem; + border: 1px solid #e8e8e8; +} +.comment h3 { + font-size: 1rem; + line-height: 1rem; + color: #959595; + font-weight: bold; + padding: 1rem 1.25rem; + border-bottom: 1px solid #e8e8e8; +} +.comment_form { + padding: 1rem 1.25rem; +} +.comment_form div { + font-size: 0.825rem; + color: #252525; + float: left; + width: 100%; +} +.comment_form > div input { + width: 100%; + height: 1.75rem; + border: 1px solid #dbdbdb; + margin-top: 0.5rem; +} +.itinp { + background: #f2f2f2; + border: none; + border-radius: 8px; + height: 48px; + box-shadow: none; + font-family: Montserrat-Regular, Montserrat; +} +.comment_area { + width: 100% !important; +} +.comment_area textarea { + width: 100%; + margin-top: 0.625rem; +} +.comment_list { + background: #ffffff; + width: 100%; + margin-top: 2.5rem; + padding-bottom: 1.875rem; + border: 1px solid #e8e8e8; +} +.comment_list h3 { + font-size: 1rem; + line-height: 2.125rem; + color: #959595; + font-weight: bold; + padding: 1.25rem 2.5rem; + border-bottom: 1px solid #e8e8e8; +} +.comment_list ul { + padding: 1.875rem 2.5rem; +} +.comment_list ul li { + margin-bottom: 3.125rem; +} +.comment_list ul li:last-child { + margin-bottom: 0 !important; +} +.comment_list ul li > div { + float: left; + display: block; + font-size: 1rem; +} +.comment_list ul li > div:first-child { + width: 3.125rem; + height: auto; + margin-right: 1.25rem; +} +.comment_list ul li > div:last-child { + width: calc(100% - 3.125rem - 1.25rem); + height: auto; +} +.xq { + width: 100%; + background: #f1f1f1; +} +.xq .love .love1 p { + font-size: 1.5em; + color: #333; + font-weight: bold; + text-align: center; +} +.xq .love .love1 p img { + width: 100%; + display: block; +} +.xq .love .love1 p:nth-child(2) { + margin-top: 2.4%; +} +.xq .love .love2 { + margin-top: 2rem; +} +.xq .love .love2 li { + width: 46%; + margin: 0 2% 4% 2%; + float: left; +} + +.xq .love .love2 li .lvimg { + width: 100%; + height: 100%; + overflow: hidden; +} +.xq .love .love2 li .lvimg img { + width: 100%; + opacity: 1; + -webkit-transition: opacity 0.35s, transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + max-height: 110px; + min-height: 110px; + -moz-transition: opacity 0.35s, transform 0.35s; + -ms-transition: opacity 0.35s, transform 0.35s; + -o-transition: opacity 0.35s, transform 0.35s; +} +.xq .love .love2 li .lvtit { + font-size: 0.875em; + color: #333; + margin-top: 2vw; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.xq .love .love2 li:hover .lvimg img { + -webkit-transform: scale3d(1.2, 1.2, 1); + transform: scale3d(1.2, 1.2, 1); +} +.xq .fb, +.xq .huifu, +.xq .love .love1 { + margin-top: 5%; +} +.xq .fb .love1 p { + font-size: 1.5em; + color: #333; + font-weight: bold; + text-align: center; +} +.xq .fb .love1 p:nth-child(2) { + margin-top: 26px; +} diff --git a/public/static/index/css/aboutus_culture.css b/public/static/index/pc/css/aboutus_culture.css similarity index 100% rename from public/static/index/css/aboutus_culture.css rename to public/static/index/pc/css/aboutus_culture.css diff --git a/public/static/index/css/aboutus_introduction.css b/public/static/index/pc/css/aboutus_introduction.css similarity index 100% rename from public/static/index/css/aboutus_introduction.css rename to public/static/index/pc/css/aboutus_introduction.css diff --git a/public/static/index/css/aboutus_policy.css b/public/static/index/pc/css/aboutus_policy.css similarity index 100% rename from public/static/index/css/aboutus_policy.css rename to public/static/index/pc/css/aboutus_policy.css diff --git a/public/static/index/css/achievement.css b/public/static/index/pc/css/achievement.css similarity index 100% rename from public/static/index/css/achievement.css rename to public/static/index/pc/css/achievement.css diff --git a/public/static/index/css/animate.min.css b/public/static/index/pc/css/animate.min.css similarity index 100% rename from public/static/index/css/animate.min.css rename to public/static/index/pc/css/animate.min.css diff --git a/public/static/index/css/article_category.css b/public/static/index/pc/css/article_category.css similarity index 100% rename from public/static/index/css/article_category.css rename to public/static/index/pc/css/article_category.css diff --git a/public/static/index/css/article_detail.css b/public/static/index/pc/css/article_detail.css similarity index 100% rename from public/static/index/css/article_detail.css rename to public/static/index/pc/css/article_detail.css diff --git a/public/static/index/css/before-after.min.css b/public/static/index/pc/css/before-after.min.css similarity index 100% rename from public/static/index/css/before-after.min.css rename to public/static/index/pc/css/before-after.min.css diff --git a/public/static/index/css/brand.css b/public/static/index/pc/css/brand.css similarity index 100% rename from public/static/index/css/brand.css rename to public/static/index/pc/css/brand.css diff --git a/public/static/index/css/contactus_bulkbuy.css b/public/static/index/pc/css/contactus_bulkbuy.css similarity index 100% rename from public/static/index/css/contactus_bulkbuy.css rename to public/static/index/pc/css/contactus_bulkbuy.css diff --git a/public/static/index/css/contactus_distributor.css b/public/static/index/pc/css/contactus_distributor.css similarity index 100% rename from public/static/index/css/contactus_distributor.css rename to public/static/index/pc/css/contactus_distributor.css diff --git a/public/static/index/css/contactus_index.css b/public/static/index/pc/css/contactus_index.css similarity index 100% rename from public/static/index/css/contactus_index.css rename to public/static/index/pc/css/contactus_index.css diff --git a/public/static/index/css/contactus_message.css b/public/static/index/pc/css/contactus_message.css similarity index 100% rename from public/static/index/css/contactus_message.css rename to public/static/index/pc/css/contactus_message.css diff --git a/public/static/index/css/download.css b/public/static/index/pc/css/download.css similarity index 100% rename from public/static/index/css/download.css rename to public/static/index/pc/css/download.css diff --git a/public/static/index/css/faq.css b/public/static/index/pc/css/faq.css similarity index 100% rename from public/static/index/css/faq.css rename to public/static/index/pc/css/faq.css diff --git a/public/static/index/pc/css/fonts.css b/public/static/index/pc/css/fonts.css new file mode 100755 index 00000000..9c3d7909 --- /dev/null +++ b/public/static/index/pc/css/fonts.css @@ -0,0 +1,220 @@ +@font-face { + font-family: 'icomoon'; + src: url('/static/common/fonts/icomoon/icomoon.eot?ujw7hy'); + src: url('/static/common/fonts/icomoon/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('/static/common/fonts/icomoon/icomoon.ttf?ujw7hy') format('truetype'), + url('/static/common/fonts/icomoon/icomoon.woff?ujw7hy') format('woff'), url('/static/common/fonts/icomoon/icomoon.svg?ujw7hy#icomoon') format('svg'); + font-weight: normal; + font-style: normal; +} +[class^='icon-'], +[class*=' icon-'] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'icomoon'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-Collection:before { + content: '\e900'; +} +.icon-culture-P:before { + content: '\e901'; +} +.icon-facebook:before { + content: '\e902'; +} +.icon-in:before { + content: '\e903'; +} +.icon-twitter:before { + content: '\e904'; +} +.icon-youtobe:before { + content: '\e905'; +} +.icon-country:before { + content: '\e90a'; +} +.icon-menu:before { + content: '\e906'; +} +.icon-arrow:before { + content: '\e907'; +} +.icon-r-arrow:before { + content: '\e907'; +} +.icon-close:before { + content: '\e909'; +} +.icon-search:before { + content: '\e908'; +} +.icon-B-arrow:before { + content: '\e90b'; +} + +.icon-qq1:before { + content: '\e90c'; +} +.icon-wx1:before { + content: '\e90d'; +} +.icon-ys1:before { + content: '\e90e'; +} +.icon-kf1:before { + content: '\e90f'; +} +.icon-top1:before { + content: '\e910'; +} +.icon-QQ:before { + content: '\e911'; + color: rgba(0, 0, 0, 0.3); + margin-right: 10px; +} +.icon-xl:before { + content: '\e919'; +} + +.icon-QQ1:before { + content: '\e91c'; +} +.icon-PYQ:before { + content: '\e91d'; +} +.icon-Under-line:before { + content: '\e91e'; +} +.icon-On-line:before { + content: '\e91f'; +} +.icon-contect:before { + content: '\e920'; +} +.icon-support:before { + content: '\e921'; +} +.icon-media:before { + content: '\e922'; +} +.icon-join:before { + content: '\e923'; +} + +@font-face { + font-family: 'icomoon01'; + src: url('fonts-20190124/icomoon.eot?ll2528'); + src: url('fonts-20190124/icomoon.eot?ll2528#iefix') format('embedded-opentype'), + url('fonts-20190124/icomoon.ttf?ll2528') format('truetype'), url('fonts-20190124/icomoon.woff?ll2528') format('woff'), + url('fonts-20190124/icomoon.svg?ll2528#icomoon') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^='icons-'], +[class*=' icons-'] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'icomoon01' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icons-weixin:before { + content: '\e903'; + color: #fff; +} +.icons-Forum:before { + content: '\e900'; + color: #fff; +} +.icons-sina:before { + content: '\e901'; + color: #fff; +} +.icons-toutiao:before { + content: '\e902'; + color: #fff; +} + +.icons-douyin:before { + content: '\e904'; + color: #fff; +} + +@font-face { + font-family: 'icomoon02'; + src: url('fonts/other/icomoon.eot?ujw7hy'); + src: url('fonts/other/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('fonts/other/icomoon.ttf?ujw7hy') format('truetype'), + url('fonts/other/icomoon.woff?ujw7hy') format('woff'), url('fonts/other/icomoon.svg?ujw7hy#icomoon') format('svg'); + font-weight: normal; + font-style: normal; +} +[class^='icona-'], +[class*=' icona-'] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'icomoon02' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.icona-zhihu:before { + content: '\e904'; + color: #fff; +} +@font-face { + font-family: 'icomoon05'; + src: url('fonts-20220322/icomoon.eot?cdcz43'); + src: url('fonts-20220322/icomoon.eot?cdcz43#iefix') format('embedded-opentype'), + url('fonts-20220322/icomoon.ttf?cdcz43') format('truetype'), url('fonts-20220322/icomoon.woff?cdcz43') format('woff'), + url('fonts-20220322/icomoon.svg?cdcz43#icomoon') format('svg'); + font-weight: normal; + font-style: normal; + font-display: block; +} + +[class^='iconb-'], +[class*='iconb-'] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'icomoon05' !important; + speak: never; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.iconb-caret-down:before { + content: '\e900'; +} +.iconb-caret-up:before { + content: '\e901'; +} diff --git a/public/static/index/css/index.css b/public/static/index/pc/css/index.css similarity index 100% rename from public/static/index/css/index.css rename to public/static/index/pc/css/index.css diff --git a/public/static/index/css/orico_footer.css b/public/static/index/pc/css/orico_footer.css similarity index 100% rename from public/static/index/css/orico_footer.css rename to public/static/index/pc/css/orico_footer.css diff --git a/public/static/index/css/orico_header.css b/public/static/index/pc/css/orico_header.css similarity index 100% rename from public/static/index/css/orico_header.css rename to public/static/index/pc/css/orico_header.css diff --git a/public/static/index/css/product_category.css b/public/static/index/pc/css/product_category.css similarity index 100% rename from public/static/index/css/product_category.css rename to public/static/index/pc/css/product_category.css diff --git a/public/static/index/css/product_detail.css b/public/static/index/pc/css/product_detail.css similarity index 100% rename from public/static/index/css/product_detail.css rename to public/static/index/pc/css/product_detail.css diff --git a/public/static/index/css/product_newpro.css b/public/static/index/pc/css/product_newpro.css similarity index 100% rename from public/static/index/css/product_newpro.css rename to public/static/index/pc/css/product_newpro.css diff --git a/public/static/index/css/product_search.css b/public/static/index/pc/css/product_search.css similarity index 100% rename from public/static/index/css/product_search.css rename to public/static/index/pc/css/product_search.css diff --git a/public/static/index/css/product_subcategory.css b/public/static/index/pc/css/product_subcategory.css similarity index 100% rename from public/static/index/css/product_subcategory.css rename to public/static/index/pc/css/product_subcategory.css diff --git a/public/static/index/css/public.css b/public/static/index/pc/css/public.css similarity index 88% rename from public/static/index/css/public.css rename to public/static/index/pc/css/public.css index 00c0faa4..ac2498f4 100755 --- a/public/static/index/css/public.css +++ b/public/static/index/pc/css/public.css @@ -1,20 +1,20 @@ @font-face { font-family: "Montserrat"; - src: url("../fonts/Montserrat-Regular.ttf") format("truetype"); + src: url("/static/common/fonts/Montserrat-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Montserrat-Bold"; - src: url("../fonts/Montserrat-Bold.ttf") format("truetype"); + src: url("/static/common/fonts/Montserrat-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Montserrat-Medium"; - src: url("../fonts/Montserrat-Medium.ttf") format("truetype"); + src: url("/static/common/fonts/Montserrat-Medium.ttf") format("truetype"); font-weight: normal; font-style: normal; } diff --git a/public/static/index/css/topic_nas_cooperation.css b/public/static/index/pc/css/topic_nas_cooperation.css similarity index 100% rename from public/static/index/css/topic_nas_cooperation.css rename to public/static/index/pc/css/topic_nas_cooperation.css diff --git a/public/static/index/css/topic_nas_download.css b/public/static/index/pc/css/topic_nas_download.css similarity index 100% rename from public/static/index/css/topic_nas_download.css rename to public/static/index/pc/css/topic_nas_download.css diff --git a/public/static/index/css/topic_nas_header.css b/public/static/index/pc/css/topic_nas_header.css similarity index 100% rename from public/static/index/css/topic_nas_header.css rename to public/static/index/pc/css/topic_nas_header.css diff --git a/public/static/index/css/topic_nas_help-detail.css b/public/static/index/pc/css/topic_nas_help-detail.css similarity index 100% rename from public/static/index/css/topic_nas_help-detail.css rename to public/static/index/pc/css/topic_nas_help-detail.css diff --git a/public/static/index/css/topic_nas_help.css b/public/static/index/pc/css/topic_nas_help.css similarity index 100% rename from public/static/index/css/topic_nas_help.css rename to public/static/index/pc/css/topic_nas_help.css diff --git a/public/static/index/css/topic_nas_index.css b/public/static/index/pc/css/topic_nas_index.css similarity index 100% rename from public/static/index/css/topic_nas_index.css rename to public/static/index/pc/css/topic_nas_index.css diff --git a/public/static/index/css/topic_nas_product.css b/public/static/index/pc/css/topic_nas_product.css similarity index 100% rename from public/static/index/css/topic_nas_product.css rename to public/static/index/pc/css/topic_nas_product.css diff --git a/public/static/index/images/1line.png b/public/static/index/pc/images/1line.png similarity index 100% rename from public/static/index/images/1line.png rename to public/static/index/pc/images/1line.png diff --git a/public/static/index/images/2577U3-L1.jpg b/public/static/index/pc/images/2577U3-L1.jpg similarity index 100% rename from public/static/index/images/2577U3-L1.jpg rename to public/static/index/pc/images/2577U3-L1.jpg diff --git a/public/static/index/images/AU.png b/public/static/index/pc/images/AU.png similarity index 100% rename from public/static/index/images/AU.png rename to public/static/index/pc/images/AU.png diff --git a/public/static/index/images/Achievement.png b/public/static/index/pc/images/Achievement.png similarity index 100% rename from public/static/index/images/Achievement.png rename to public/static/index/pc/images/Achievement.png diff --git a/public/static/index/images/BR.png b/public/static/index/pc/images/BR.png similarity index 100% rename from public/static/index/images/BR.png rename to public/static/index/pc/images/BR.png diff --git a/public/static/index/images/CN.png b/public/static/index/pc/images/CN.png similarity index 100% rename from public/static/index/images/CN.png rename to public/static/index/pc/images/CN.png diff --git a/public/static/index/images/ContactUs.png b/public/static/index/pc/images/ContactUs.png similarity index 100% rename from public/static/index/images/ContactUs.png rename to public/static/index/pc/images/ContactUs.png diff --git a/public/static/index/images/ID.png b/public/static/index/pc/images/ID.png similarity index 100% rename from public/static/index/images/ID.png rename to public/static/index/pc/images/ID.png diff --git a/public/static/index/images/IR.png b/public/static/index/pc/images/IR.png similarity index 100% rename from public/static/index/images/IR.png rename to public/static/index/pc/images/IR.png diff --git a/public/static/index/images/MX.png b/public/static/index/pc/images/MX.png similarity index 100% rename from public/static/index/images/MX.png rename to public/static/index/pc/images/MX.png diff --git a/public/static/index/images/NL.png b/public/static/index/pc/images/NL.png similarity index 100% rename from public/static/index/images/NL.png rename to public/static/index/pc/images/NL.png diff --git a/public/static/index/images/ORCIO-HSQ-02H-800-220.jpg b/public/static/index/pc/images/ORCIO-HSQ-02H-800-220.jpg similarity index 100% rename from public/static/index/images/ORCIO-HSQ-02H-800-220.jpg rename to public/static/index/pc/images/ORCIO-HSQ-02H-800-220.jpg diff --git a/public/static/index/images/OurBrand.png b/public/static/index/pc/images/OurBrand.png similarity index 100% rename from public/static/index/images/OurBrand.png rename to public/static/index/pc/images/OurBrand.png diff --git a/public/static/index/images/SSD-1920x900-CN.jpg b/public/static/index/pc/images/SSD-1920x900-CN.jpg similarity index 100% rename from public/static/index/images/SSD-1920x900-CN.jpg rename to public/static/index/pc/images/SSD-1920x900-CN.jpg diff --git a/public/static/index/images/TH.png b/public/static/index/pc/images/TH.png similarity index 100% rename from public/static/index/images/TH.png rename to public/static/index/pc/images/TH.png diff --git a/public/static/index/images/TR.png b/public/static/index/pc/images/TR.png similarity index 100% rename from public/static/index/images/TR.png rename to public/static/index/pc/images/TR.png diff --git a/public/static/index/images/US.png b/public/static/index/pc/images/US.png similarity index 100% rename from public/static/index/images/US.png rename to public/static/index/pc/images/US.png diff --git a/public/static/index/images/VN.png b/public/static/index/pc/images/VN.png similarity index 100% rename from public/static/index/images/VN.png rename to public/static/index/pc/images/VN.png diff --git a/public/static/index/images/ba-arrow.png b/public/static/index/pc/images/ba-arrow.png similarity index 100% rename from public/static/index/images/ba-arrow.png rename to public/static/index/pc/images/ba-arrow.png diff --git a/public/static/index/images/banner_01.png b/public/static/index/pc/images/banner_01.png similarity index 100% rename from public/static/index/images/banner_01.png rename to public/static/index/pc/images/banner_01.png diff --git a/public/static/index/images/black-down.png b/public/static/index/pc/images/black-down.png similarity index 100% rename from public/static/index/images/black-down.png rename to public/static/index/pc/images/black-down.png diff --git a/public/static/index/images/bottomlogo.png b/public/static/index/pc/images/bottomlogo.png similarity index 100% rename from public/static/index/images/bottomlogo.png rename to public/static/index/pc/images/bottomlogo.png diff --git a/public/static/index/images/brand02.png b/public/static/index/pc/images/brand02.png similarity index 100% rename from public/static/index/images/brand02.png rename to public/static/index/pc/images/brand02.png diff --git a/public/static/index/images/contact-Us.png b/public/static/index/pc/images/contact-Us.png similarity index 100% rename from public/static/index/images/contact-Us.png rename to public/static/index/pc/images/contact-Us.png diff --git a/public/static/index/images/contact_icon01.png b/public/static/index/pc/images/contact_icon01.png similarity index 100% rename from public/static/index/images/contact_icon01.png rename to public/static/index/pc/images/contact_icon01.png diff --git a/public/static/index/images/contact_icon02.png b/public/static/index/pc/images/contact_icon02.png similarity index 100% rename from public/static/index/images/contact_icon02.png rename to public/static/index/pc/images/contact_icon02.png diff --git a/public/static/index/images/contact_icon03.png b/public/static/index/pc/images/contact_icon03.png similarity index 100% rename from public/static/index/images/contact_icon03.png rename to public/static/index/pc/images/contact_icon03.png diff --git a/public/static/index/images/customer-service.png b/public/static/index/pc/images/customer-service.png similarity index 100% rename from public/static/index/images/customer-service.png rename to public/static/index/pc/images/customer-service.png diff --git a/public/static/index/images/fl.png b/public/static/index/pc/images/fl.png similarity index 100% rename from public/static/index/images/fl.png rename to public/static/index/pc/images/fl.png diff --git a/public/static/index/images/fl1.png b/public/static/index/pc/images/fl1.png similarity index 100% rename from public/static/index/images/fl1.png rename to public/static/index/pc/images/fl1.png diff --git a/public/static/index/images/greyline.png b/public/static/index/pc/images/greyline.png similarity index 100% rename from public/static/index/images/greyline.png rename to public/static/index/pc/images/greyline.png diff --git a/public/static/index/images/greyyuandian.png b/public/static/index/pc/images/greyyuandian.png similarity index 100% rename from public/static/index/images/greyyuandian.png rename to public/static/index/pc/images/greyyuandian.png diff --git a/public/static/index/images/icon-4-01.png b/public/static/index/pc/images/icon-4-01.png similarity index 100% rename from public/static/index/images/icon-4-01.png rename to public/static/index/pc/images/icon-4-01.png diff --git a/public/static/index/images/icon-4-02.png b/public/static/index/pc/images/icon-4-02.png similarity index 100% rename from public/static/index/images/icon-4-02.png rename to public/static/index/pc/images/icon-4-02.png diff --git a/public/static/index/images/icon-4-03.png b/public/static/index/pc/images/icon-4-03.png similarity index 100% rename from public/static/index/images/icon-4-03.png rename to public/static/index/pc/images/icon-4-03.png diff --git a/public/static/index/images/icon-4-04.png b/public/static/index/pc/images/icon-4-04.png similarity index 100% rename from public/static/index/images/icon-4-04.png rename to public/static/index/pc/images/icon-4-04.png diff --git a/public/static/index/images/icon-language.png b/public/static/index/pc/images/icon-language.png similarity index 100% rename from public/static/index/images/icon-language.png rename to public/static/index/pc/images/icon-language.png diff --git a/public/static/index/images/icon-search.png b/public/static/index/pc/images/icon-search.png similarity index 100% rename from public/static/index/images/icon-search.png rename to public/static/index/pc/images/icon-search.png diff --git a/public/static/index/images/indeximg1.jpg b/public/static/index/pc/images/indeximg1.jpg similarity index 100% rename from public/static/index/images/indeximg1.jpg rename to public/static/index/pc/images/indeximg1.jpg diff --git a/public/static/index/images/indeximg2.jpg b/public/static/index/pc/images/indeximg2.jpg similarity index 100% rename from public/static/index/images/indeximg2.jpg rename to public/static/index/pc/images/indeximg2.jpg diff --git a/public/static/index/images/lichengbei.png b/public/static/index/pc/images/lichengbei.png similarity index 100% rename from public/static/index/images/lichengbei.png rename to public/static/index/pc/images/lichengbei.png diff --git a/public/static/index/images/logo.png b/public/static/index/pc/images/logo.png similarity index 100% rename from public/static/index/images/logo.png rename to public/static/index/pc/images/logo.png diff --git a/public/static/index/images/logo_nas_en-us.png b/public/static/index/pc/images/logo_nas_en-us.png similarity index 100% rename from public/static/index/images/logo_nas_en-us.png rename to public/static/index/pc/images/logo_nas_en-us.png diff --git a/public/static/index/images/logo_nas_zh-cn.png b/public/static/index/pc/images/logo_nas_zh-cn.png similarity index 100% rename from public/static/index/images/logo_nas_zh-cn.png rename to public/static/index/pc/images/logo_nas_zh-cn.png diff --git a/public/static/index/images/more.png b/public/static/index/pc/images/more.png similarity index 100% rename from public/static/index/images/more.png rename to public/static/index/pc/images/more.png diff --git a/public/static/index/images/more2.png b/public/static/index/pc/images/more2.png similarity index 100% rename from public/static/index/images/more2.png rename to public/static/index/pc/images/more2.png diff --git a/public/static/index/images/nas-jt.png b/public/static/index/pc/images/nas-jt.png similarity index 100% rename from public/static/index/images/nas-jt.png rename to public/static/index/pc/images/nas-jt.png diff --git a/public/static/index/images/nas_help_banner.jpg b/public/static/index/pc/images/nas_help_banner.jpg similarity index 100% rename from public/static/index/images/nas_help_banner.jpg rename to public/static/index/pc/images/nas_help_banner.jpg diff --git a/public/static/index/images/nas_help_detail_search.png b/public/static/index/pc/images/nas_help_detail_search.png similarity index 100% rename from public/static/index/images/nas_help_detail_search.png rename to public/static/index/pc/images/nas_help_detail_search.png diff --git a/public/static/index/images/nas_help_search.png b/public/static/index/pc/images/nas_help_search.png similarity index 100% rename from public/static/index/images/nas_help_search.png rename to public/static/index/pc/images/nas_help_search.png diff --git a/public/static/index/images/rh.png b/public/static/index/pc/images/rh.png similarity index 100% rename from public/static/index/images/rh.png rename to public/static/index/pc/images/rh.png diff --git a/public/static/index/images/rh1.png b/public/static/index/pc/images/rh1.png similarity index 100% rename from public/static/index/images/rh1.png rename to public/static/index/pc/images/rh1.png diff --git a/public/static/index/images/search.png b/public/static/index/pc/images/search.png similarity index 100% rename from public/static/index/images/search.png rename to public/static/index/pc/images/search.png diff --git a/public/static/index/images/search_blue.png b/public/static/index/pc/images/search_blue.png similarity index 100% rename from public/static/index/images/search_blue.png rename to public/static/index/pc/images/search_blue.png diff --git a/public/static/index/images/shopico.png b/public/static/index/pc/images/shopico.png similarity index 100% rename from public/static/index/images/shopico.png rename to public/static/index/pc/images/shopico.png diff --git a/public/static/index/images/ssico.png b/public/static/index/pc/images/ssico.png similarity index 100% rename from public/static/index/images/ssico.png rename to public/static/index/pc/images/ssico.png diff --git a/public/static/index/images/wx.png b/public/static/index/pc/images/wx.png similarity index 100% rename from public/static/index/images/wx.png rename to public/static/index/pc/images/wx.png diff --git a/public/static/index/images/yaundian.png b/public/static/index/pc/images/yaundian.png similarity index 100% rename from public/static/index/images/yaundian.png rename to public/static/index/pc/images/yaundian.png diff --git a/public/static/index/js/before-after.min.js b/public/static/index/pc/js/before-after.min.js similarity index 100% rename from public/static/index/js/before-after.min.js rename to public/static/index/pc/js/before-after.min.js diff --git a/public/static/index/js/large.js b/public/static/index/pc/js/large.js similarity index 100% rename from public/static/index/js/large.js rename to public/static/index/pc/js/large.js