diff --git a/app/admin/controller/v1/BannerItem.php b/app/admin/controller/v1/BannerItem.php index f3a9ab18..d949bcd9 100644 --- a/app/admin/controller/v1/BannerItem.php +++ b/app/admin/controller/v1/BannerItem.php @@ -70,7 +70,7 @@ class BannerItem { $id = request()->param('id'); - $banner_item = SysBannerItemModel::with('prod_mapping.category') + $banner_item = SysBannerItemModel::with('prodMapping.category') ->withoutField([ 'created_at', 'updated_at', diff --git a/app/admin/controller/v1/System.php b/app/admin/controller/v1/System.php index 5dabf6a3..d53350ce 100644 --- a/app/admin/controller/v1/System.php +++ b/app/admin/controller/v1/System.php @@ -8,6 +8,7 @@ use app\admin\model\v1\ArticleModel; use app\admin\model\v1\ProductCategoryModel; use app\admin\model\v1\ProductModel; use think\facade\Db; +use think\facade\Route; class System { @@ -224,15 +225,28 @@ class System { if ('custom' == $link_to) return []; - $data = []; - $url = parse_url($link, PHP_URL_QUERY); - if (empty($url)) return []; - - parse_str($url, $params); + $data = []; + $params = []; + $url = parse_url($link, PHP_URL_QUERY); + if (empty($url)) { + $parts = explode('/', trim($link, '/')); + $params['id'] = (int)str_replace('.html', '', end($parts)); + } else { + parse_str($url, $params); + } + + if (empty($params['id'])) return []; + switch ($link_to) { + case 'article_category': + $data = ArticleCategoryModel::field(['id', 'name'])->bypk($params['id'])->find(); + break; case 'article': $data = ArticleModel::field(['id', 'title' => 'name'])->bypk($params['id'])->find(); break; + case 'product_category': + $data = ProductCategoryModel::field(['id', 'name'])->bypk($params['id'])->find(); + break; case 'product': $data = ProductModel::field(['id', 'name'])->bypk($params['id'])->find(); break; diff --git a/app/admin/model/v1/SysBannerItemModel.php b/app/admin/model/v1/SysBannerItemModel.php index 1e323de1..e06dd586 100644 --- a/app/admin/model/v1/SysBannerItemModel.php +++ b/app/admin/model/v1/SysBannerItemModel.php @@ -20,7 +20,7 @@ class SysBannerItemModel extends SysBannerItemBaseModel // 绑定产品分类关联模型中字段到父模型 protected $append = ['rel_prod_cate_id', 'rel_prod_cate_name']; // 要隐藏的字段或关联模型数据字段 - protected $hidden = ['prod_mapping']; + protected $hidden = ['prodMapping']; // 关联分类 public function banner() diff --git a/app/admin/validate/v1/ArticleValidate.php b/app/admin/validate/v1/ArticleValidate.php index 8004843b..9dcc355d 100644 --- a/app/admin/validate/v1/ArticleValidate.php +++ b/app/admin/validate/v1/ArticleValidate.php @@ -16,10 +16,10 @@ class ArticleValidate extends Validate protected $rule = [ 'language_id' => 'require|integer', 'category_id' => 'require|integer', - 'title' => 'require|max:64', + 'title' => 'require|max:128', 'image' => 'max:125', 'link' => 'max:255', - 'desc' => 'max:255', + 'desc' => 'max:512', 'sort' => 'integer', 'recommend' => 'require|in:0,1', 'release_time' => 'dateFormat:Y-m-d H:i:s', diff --git a/app/common/model/ProductSkuBaseModel.php b/app/common/model/ProductSkuBaseModel.php index fba8df29..10546e25 100644 --- a/app/common/model/ProductSkuBaseModel.php +++ b/app/common/model/ProductSkuBaseModel.php @@ -21,7 +21,7 @@ class ProductSkuBaseModel extends BaseModel 'product_id' => 'int', 'sku' => 'string', 'main_image' => 'string', - 'photo_album' => 'string', + 'photo_album' => 'json', 'sort' => 'int', 'created_at' => 'datetime', 'updated_at' => 'datetime' diff --git a/app/common/model/SysBannerItemBaseModel.php b/app/common/model/SysBannerItemBaseModel.php index a3961a29..964f89f2 100644 --- a/app/common/model/SysBannerItemBaseModel.php +++ b/app/common/model/SysBannerItemBaseModel.php @@ -23,7 +23,7 @@ class SysBannerItemBaseModel extends BaseModel 'title_txt_color' => 'string', 'desc' => 'string', 'desc_txt_color' => 'string', - 'type' => 'int', + 'type' => 'string', 'image' => 'string', 'video' => 'string', 'link_to' => 'string', diff --git a/app/index/config/lang.php b/app/index/config/lang.php new file mode 100644 index 00000000..f5055ebb --- /dev/null +++ b/app/index/config/lang.php @@ -0,0 +1,30 @@ + env('DEFAULT_LANG', 'zh-cn'), + // 允许的语言列表 + 'allow_lang_list' => ['zh-cn', 'en-us'], + // 多语言自动侦测变量名 + 'detect_var' => 'lang', + // 是否使用Cookie记录 + 'use_cookie' => true, + // 多语言cookie变量 + 'cookie_var' => 'think_lang', + // 多语言header变量 + 'header_var' => 'think-lang', + // 扩展语言包 + 'extend_list' => [ + 'en-us' => app()->getAppPath() . '/lang/en-us/' . (request()->isMobile() ? 'mobile' : 'pc') . '.php', + 'zh-cn' => app()->getAppPath() . '/lang/zh-cn/' . (request()->isMobile() ? 'mobile' : 'pc') . '.php', + ], + // Accept-Language转义为对应语言包名称 + 'accept_language' => [ + 'zh-hans-cn' => 'zh-cn', + ], + // 是否支持语言分组 + 'allow_group' => true, +]; 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/lang/en-us/mobile.php b/app/index/lang/en-us/mobile.php new file mode 100644 index 00000000..06329045 --- /dev/null +++ b/app/index/lang/en-us/mobile.php @@ -0,0 +1,20 @@ + 'Search', + '搜索历史' => 'Search History', + '请择地区' => 'SELECT A REGION', + '首页' => 'Home', + '产品列表' => 'Products', + '产品' => 'Product', + '联系方式' => 'Contact', + '查看所有' => 'View All', + '查看全部' => 'View All', + '明星产品/热点产品' => 'Featured Products', + '了解更多' => 'Learn More', + 'Orico 技术' => 'ORICO Technology', + '强大功能、简单使用' => 'designed to be just as easy to learn as iPhone. chatting with friends.', + '常见问题' => 'FAQ', + '回答您最关心的问题' => 'What are you most concerned about', + '客服团队的工作时间:周一到周五,早9点到晚6点 平均应答时间:24小时内' => 'Our customer support is available Monday to Friday: 9am-6:00pm. Average answer time: 24h', +]; \ No newline at end of file diff --git a/app/index/lang/en-us.php b/app/index/lang/en-us/pc.php similarity index 100% rename from app/index/lang/en-us.php rename to app/index/lang/en-us/pc.php diff --git a/app/index/lang/zh-cn.php b/app/index/lang/zh-cn/pc.php similarity index 100% rename from app/index/lang/zh-cn.php rename to app/index/lang/zh-cn/pc.php diff --git a/app/index/middleware.php b/app/index/middleware.php index fb3c3fa6..90a6ad68 100644 --- a/app/index/middleware.php +++ b/app/index/middleware.php @@ -2,5 +2,5 @@ // 这是系统自动生成的middleware定义文件 return [ // 启用多语言支持 - 'think\middleware\LoadLangPack', + think\middleware\LoadLangPack::class, ]; diff --git a/app/index/view/mobile/index/index.html b/app/index/view/mobile/index/index.html new file mode 100644 index 00000000..e02d1297 --- /dev/null +++ b/app/index/view/mobile/index/index.html @@ -0,0 +1,315 @@ +{extend name="public/base"/} +{block name="style"} + +{/block} +{block name="main"} +
{$ft.title}
+ +{:lang('明星产品/热点产品')}
+$sc['title_txt_color']])}>{$sc.title}
+$sc['desc_txt_color']])}>{$sc.desc}
+
+ {:lang('了解更多')}
+
{:lang('强大功能、简单使用')}
+$bs['title_txt_color']])}>{$bs.title}
+$bs['desc_txt_color']])}>{$bs.desc}
+
+
+ {:lang('了解更多')}
+
+
$ds['title_txt_color']])}>{$ds.title}
+{:lang('客服团队的工作时间:周一到周五,早9点到晚6点 平均应答时间:24小时内')}
+{$vo.name}
+
{$topic.title}
-
+
+
-
+
+
-
+
+
+
{notempty name="vo.products"}
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/app/openapi/middleware/Auth.php b/app/openapi/middleware/Auth.php
index 52a20cc4..5df2c101 100644
--- a/app/openapi/middleware/Auth.php
+++ b/app/openapi/middleware/Auth.php
@@ -23,7 +23,12 @@ class Auth
$token = $oauth->getBearerToken();
$oauth->verifyAccessToken($token);
} catch (OAuth2ServerException $e) {
- return error('Unauthorized', $e->sendHttpResponse(), 401);
+ return json(json_decode($e->getHttpResponse()->getContent(), true), 401);
+ } catch (\Throwable $th) {
+ return json([
+ 'error' => 'invalid_token',
+ 'error_description' => $th->getMessage()
+ ], 401);
}
return $next($request);
diff --git a/public/static/index/images/AU.png b/public/static/common/images/langs/AU.png
similarity index 100%
rename from public/static/index/images/AU.png
rename to public/static/common/images/langs/AU.png
diff --git a/public/static/index/images/BR.png b/public/static/common/images/langs/BR.png
similarity index 100%
rename from public/static/index/images/BR.png
rename to public/static/common/images/langs/BR.png
diff --git a/public/static/index/images/CN.png b/public/static/common/images/langs/CN.png
similarity index 100%
rename from public/static/index/images/CN.png
rename to public/static/common/images/langs/CN.png
diff --git a/public/static/index/images/ID.png b/public/static/common/images/langs/ID.png
similarity index 100%
rename from public/static/index/images/ID.png
rename to public/static/common/images/langs/ID.png
diff --git a/public/static/index/images/IR.png b/public/static/common/images/langs/IR.png
similarity index 100%
rename from public/static/index/images/IR.png
rename to public/static/common/images/langs/IR.png
diff --git a/public/static/index/images/MX.png b/public/static/common/images/langs/MX.png
similarity index 100%
rename from public/static/index/images/MX.png
rename to public/static/common/images/langs/MX.png
diff --git a/public/static/index/images/NL.png b/public/static/common/images/langs/NL.png
similarity index 100%
rename from public/static/index/images/NL.png
rename to public/static/common/images/langs/NL.png
diff --git a/public/static/index/images/TH.png b/public/static/common/images/langs/TH.png
similarity index 100%
rename from public/static/index/images/TH.png
rename to public/static/common/images/langs/TH.png
diff --git a/public/static/index/images/TR.png b/public/static/common/images/langs/TR.png
similarity index 100%
rename from public/static/index/images/TR.png
rename to public/static/common/images/langs/TR.png
diff --git a/public/static/index/images/US.png b/public/static/common/images/langs/US.png
similarity index 100%
rename from public/static/index/images/US.png
rename to public/static/common/images/langs/US.png
diff --git a/public/static/index/images/VN.png b/public/static/common/images/langs/VN.png
similarity index 100%
rename from public/static/index/images/VN.png
rename to public/static/common/images/langs/VN.png
diff --git a/public/static/index/mobile/css/font.css b/public/static/index/mobile/css/font.css
new file mode 100755
index 00000000..fc4588f9
--- /dev/null
+++ b/public/static/index/mobile/css/font.css
@@ -0,0 +1,128 @@
+@font-face {
+ font-family: 'icomoon';
+ src: url('../fonts/icomoon/icomoon.eot?11cuay');
+ src: url('../fonts/icomoon/icomoon.eot?11cuay#iefix') format('embedded-opentype'), url('../fonts/icomoon/icomoon.ttf?11cuay') format('truetype'),
+ url('../fonts/icomoon/icomoon.woff?11cuay') format('woff'), url('../fonts/icomoon/icomoon.svg?11cuay#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' !important;
+ 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-search:before {
+ content: '\e900';
+}
+/* .icon-category:before {
+ content: "\e924";
+} */
+.icon-Under-line:before {
+ content: '\e91e';
+}
+.icon-On-line:before {
+ content: '\e902';
+}
+.icon-support:before {
+ content: '\e921';
+}
+.icon-media:before {
+ content: '\e922';
+}
+.icon-join:before {
+ content: '\e901';
+}
+.icon-arrow:before {
+ content: '\e907';
+}
+.icon-Double-Arrow:before {
+ content: '\e903';
+}
+
+@font-face {
+ font-family: 'colleciton';
+ src: url('../fonts/icomoon/colleciton/icomoon.eot?11cuay');
+ src: url('../fonts/icomoon/colleciton/icomoon.eot?11cuay#iefix') format('embedded-opentype'),
+ url('../fonts/icomoon/colleciton/icomoon.ttf?11cuay') format('truetype'), url('../fonts/icomoon/colleciton/icomoon.woff?11cuay') format('woff'),
+ url('../fonts/icomoon/colleciton/icomoon.svg?11cuay#icomoon') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+
+[class^='ic-'],
+[class*=' ic-'] {
+ /* use !important to prevent issues with browser extensions that change ../fonts */
+ font-family: 'colleciton' !important;
+ 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;
+}
+.ic-collect:before {
+ content: '\e907';
+}
+.ic-collected:before {
+ content: '\e900';
+}
+@font-face {
+ font-family: 'icomoon';
+ src: url('../fonts/icomoon/icomoona.eot?c46hgi');
+ src: url('../fonts/icomoon/icomoona.eot?c46hgi#iefix') format('embedded-opentype'), url('../fonts/icomoon/icomoona.ttf?c46hgi') format('truetype'),
+ url('../fonts/icomoon/icomoona.woff?c46hgi') format('woff'), url('../fonts/icomoon/icomoona.svg?c46hgi#icomoon') format('svg');
+ font-weight: normal;
+ font-style: normal;
+ font-display: block;
+}
+
+[class^='icon-'],
+[class*=' icon-'] {
+ /* use !important to prevent issues with browser extensions that change ../fonts */
+ font-family: 'icomoon' !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;
+}
+
+.icon-right-svg:before {
+ content: '\e904';
+}
+.icon-add-svg:before {
+ content: '\e900';
+ color: #575757;
+}
+.icon-jian-svg:before {
+ content: '\e901';
+ color: #575757;
+}
+.icon-lag-svg:before {
+ content: '\e902';
+}
+.icon-menu-svg:before {
+ content: '\e903';
+}
+.icon-search-svg:before {
+ content: '\e906';
+}
diff --git a/public/static/index/mobile/css/fonts.css b/public/static/index/mobile/css/fonts.css
new file mode 100755
index 00000000..84a06c2d
--- /dev/null
+++ b/public/static/index/mobile/css/fonts.css
@@ -0,0 +1,220 @@
+@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');
+ 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/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/index.css b/public/static/index/mobile/css/index.css
new file mode 100755
index 00000000..060bb710
--- /dev/null
+++ b/public/static/index/mobile/css/index.css
@@ -0,0 +1,128 @@
+.oricoEGapp {
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
+}
+.oricoEGapp .oricoEGapp-index {
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
+}
+.oricoEGapp .oricoEGapp-index .oidx-banner {
+ margin-top: 3.5rem;
+ z-index: 9;
+}
+.oricoEGapp .oricoEGapp-index .oidx-banner .swiper-container {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.oricoEGapp .oricoEGapp-index .oidx-cate {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: center;
+ align-items: center;
+ padding: 1.5rem 0;
+ margin: 0 5%;
+}
+.oricoEGapp .oricoEGapp-index .oidx-cate .cateit {
+ margin: 0 5%;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+}
+.oricoEGapp .oricoEGapp-index .oidx-cate .cateit img {
+ width: 2.25rem;
+ height: 2.25rem;
+}
+.oricoEGapp .oricoEGapp-index .oidx-cate .cateit span {
+ font-size: 0.8rem;
+}
+.oricoEGapp .oricoEGapp-index .oidx-gg {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+}
+.oricoEGapp .oricoEGapp-index .oidx-FP .timeblue a {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+}
+.oricoEGapp .oricoEGapp-index .oidx-FP .timeblue a img {
+ margin-left: 0.625rem;
+}
+.oricoEGapp .oricoEGapp-index .oidx-ztpictureshow {
+ position: relative;
+ background: #fff;
+}
+.oricoEGapp .oricoEGapp-index .oidx-ztpictureshow .margin-top-20 {
+ display: flex;
+ justify-content: center;
+}
+.oricoEGapp .oricoEGapp-index .oidx-tcly {
+ display: flex;
+ flex-direction: column;
+}
+.oricoEGapp .oricoEGapp-index .oidx-times {
+ display: flex;
+ position: relative;
+}
+.oricoEGapp .oricoEGapp-index .oidx-times .timeblue {
+ display: flex;
+ justify-content: center;
+}
+.oricoEGapp .oricoEGapp-index .oidx-times .timeline .events-wrapper {
+ overflow: initial;
+}
+.oricoEGapp .oricoEGapp-index .oidx-times .cd-horizontal-timeline .events a {
+ width: 33.3%;
+ margin-left: 0;
+}
+.oricoEGapp .oricoEGapp-index .oidx-times .cd-horizontal-timeline .events a::after {
+ left: 50%;
+}
+.oricoEGapp .oricoEGapp-index .oidx-total {
+ position: relative;
+}
+.oricoEGapp .oricoEGapp-index .oidx-imgqh .swiper-container {
+ overflow: initial;
+}
+.oricoEGapp .oricoEGapp-index .oidx-imgqh .swiper-pagination {
+ bottom: -15px;
+}
+.oricoEGapp .oricoEGapp-index .oidx-fqa {
+ margin-top: 2rem;
+}
+.oricoEGapp .oricoEGapp-index .oidx-fqa .faq-title h3 {
+ margin: 2rem auto;
+}
+.oricoEGapp .timeblue {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ text-align: center;
+}
+.oricoEGapp .timeblue a {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ text-align: center;
+}
+.oricoEGapp .timeblue img {
+ margin-left: 0.625rem;
+}
+.oricoEGapp .text_center {
+ text-align: center;
+}
+.oricoEGapp .inprotext {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
diff --git a/public/static/index/mobile/css/product_category.css b/public/static/index/mobile/css/product_category.css
new file mode 100755
index 00000000..b48a4c07
--- /dev/null
+++ b/public/static/index/mobile/css/product_category.css
@@ -0,0 +1,25 @@
+.oricoEGapp-catelists {
+ display: flex;
+ flex-direction: column;
+}
+.oricoEGapp-catelists .first_list_category {
+ margin-top: 50px;
+ width: 100%;
+ overflow-x: auto;
+ height: 3.4rem;
+ background-color: transparent;
+}
+.oricoEGapp-catelists .scroller ul {
+ background-color: #fafafa;
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ white-space: nowrap;
+}
+.oricoEGapp-catelists .scroller ul li {
+ display: inline-block;
+ margin-right: 10px;
+ padding: 10px;
+ cursor: pointer;
+ padding-bottom: 15px;
+}
diff --git a/public/static/index/mobile/css/product_subcategory.css b/public/static/index/mobile/css/product_subcategory.css
new file mode 100755
index 00000000..89f8a2f8
--- /dev/null
+++ b/public/static/index/mobile/css/product_subcategory.css
@@ -0,0 +1,9 @@
+.oricoEGapp-subcatelists {
+ position: relative;
+}
+.oricoEGapp-subcatelists .product_list {
+ margin-top: 4.5rem;
+}
+.oricoEGapp-subcatelists .product_list .img_p {
+ margin: 0 auto;
+}
diff --git a/public/static/index/mobile/css/public.css b/public/static/index/mobile/css/public.css
new file mode 100755
index 00000000..05186d8d
--- /dev/null
+++ b/public/static/index/mobile/css/public.css
@@ -0,0 +1,88 @@
+@font-face {
+ font-family: "Montserrat";
+ src: url("../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");
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: "Montserrat-Medium";
+ src: url("../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..db9d6173
--- /dev/null
+++ b/public/static/index/mobile/css/style.css
@@ -0,0 +1,3941 @@
+@font-face {
+ font-family: "Montserrat";
+ src: url("../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");
+ font-weight: normal;
+ font-style: normal;
+}
+@font-face {
+ font-family: "Montserrat-Medium";
+ src: url("../fonts/Montserrat-Medium.ttf") format("truetype");
+ font-weight: normal;
+ font-style: normal;
+}
+@font-face {
+ font-family: "Montserrat-SemiBold";
+ src: url("../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(../images/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/fonts/Montserrat-Bold.ttf b/public/static/index/mobile/fonts/Montserrat-Bold.ttf
similarity index 100%
rename from public/static/index/fonts/Montserrat-Bold.ttf
rename to public/static/index/mobile/fonts/Montserrat-Bold.ttf
diff --git a/public/static/index/fonts/Montserrat-Medium.ttf b/public/static/index/mobile/fonts/Montserrat-Medium.ttf
similarity index 100%
rename from public/static/index/fonts/Montserrat-Medium.ttf
rename to public/static/index/mobile/fonts/Montserrat-Medium.ttf
diff --git a/public/static/index/fonts/Montserrat-Regular.ttf b/public/static/index/mobile/fonts/Montserrat-Regular.ttf
similarity index 100%
rename from public/static/index/fonts/Montserrat-Regular.ttf
rename to public/static/index/mobile/fonts/Montserrat-Regular.ttf
diff --git a/public/static/index/fonts/Montserrat-SemiBold.ttf b/public/static/index/mobile/fonts/Montserrat-SemiBold.ttf
similarity index 100%
rename from public/static/index/fonts/Montserrat-SemiBold.ttf
rename to public/static/index/mobile/fonts/Montserrat-SemiBold.ttf
diff --git a/public/static/index/mobile/fonts/icomoon/colleciton/icomoon.eot b/public/static/index/mobile/fonts/icomoon/colleciton/icomoon.eot
new file mode 100755
index 00000000..cc989218
Binary files /dev/null and b/public/static/index/mobile/fonts/icomoon/colleciton/icomoon.eot differ
diff --git a/public/static/index/mobile/fonts/icomoon/colleciton/icomoon.svg b/public/static/index/mobile/fonts/icomoon/colleciton/icomoon.svg
new file mode 100755
index 00000000..8f8ad47c
--- /dev/null
+++ b/public/static/index/mobile/fonts/icomoon/colleciton/icomoon.svg
@@ -0,0 +1,12 @@
+
+
+
\ No newline at end of file
diff --git a/public/static/index/mobile/fonts/icomoon/colleciton/icomoon.ttf b/public/static/index/mobile/fonts/icomoon/colleciton/icomoon.ttf
new file mode 100755
index 00000000..fd94c8f8
Binary files /dev/null and b/public/static/index/mobile/fonts/icomoon/colleciton/icomoon.ttf differ
diff --git a/public/static/index/mobile/fonts/icomoon/colleciton/icomoon.woff b/public/static/index/mobile/fonts/icomoon/colleciton/icomoon.woff
new file mode 100755
index 00000000..09372ccf
Binary files /dev/null and b/public/static/index/mobile/fonts/icomoon/colleciton/icomoon.woff differ
diff --git a/public/static/index/mobile/fonts/icomoon/icomoon.eot b/public/static/index/mobile/fonts/icomoon/icomoon.eot
new file mode 100755
index 00000000..7049dbec
Binary files /dev/null and b/public/static/index/mobile/fonts/icomoon/icomoon.eot differ
diff --git a/public/static/index/mobile/fonts/icomoon/icomoon.svg b/public/static/index/mobile/fonts/icomoon/icomoon.svg
new file mode 100755
index 00000000..19688793
--- /dev/null
+++ b/public/static/index/mobile/fonts/icomoon/icomoon.svg
@@ -0,0 +1,19 @@
+
+
+
\ No newline at end of file
diff --git a/public/static/index/mobile/fonts/icomoon/icomoon.ttf b/public/static/index/mobile/fonts/icomoon/icomoon.ttf
new file mode 100755
index 00000000..7a7ca79d
Binary files /dev/null and b/public/static/index/mobile/fonts/icomoon/icomoon.ttf differ
diff --git a/public/static/index/mobile/fonts/icomoon/icomoon.woff b/public/static/index/mobile/fonts/icomoon/icomoon.woff
new file mode 100755
index 00000000..8362904f
Binary files /dev/null and b/public/static/index/mobile/fonts/icomoon/icomoon.woff differ
diff --git a/public/static/index/mobile/fonts/icomoon/icomoona.ttf b/public/static/index/mobile/fonts/icomoon/icomoona.ttf
new file mode 100755
index 00000000..f0e2b8d5
Binary files /dev/null and b/public/static/index/mobile/fonts/icomoon/icomoona.ttf differ
diff --git a/public/static/index/images/ba-arrow.png b/public/static/index/mobile/images/ba-arrow.png
similarity index 100%
rename from public/static/index/images/ba-arrow.png
rename to public/static/index/mobile/images/ba-arrow.png
diff --git a/public/static/index/mobile/images/back-img01.jpg b/public/static/index/mobile/images/back-img01.jpg
new file mode 100755
index 00000000..5b1bed91
Binary files /dev/null and b/public/static/index/mobile/images/back-img01.jpg differ
diff --git a/public/static/index/mobile/images/back-img02.jpg b/public/static/index/mobile/images/back-img02.jpg
new file mode 100755
index 00000000..83a7cb8b
Binary files /dev/null and b/public/static/index/mobile/images/back-img02.jpg differ
diff --git a/public/static/index/mobile/images/close.png b/public/static/index/mobile/images/close.png
new file mode 100755
index 00000000..4ce0a763
Binary files /dev/null and b/public/static/index/mobile/images/close.png differ
diff --git a/public/static/index/mobile/images/downicon.png b/public/static/index/mobile/images/downicon.png
new file mode 100755
index 00000000..4706c31d
Binary files /dev/null and b/public/static/index/mobile/images/downicon.png differ
diff --git a/public/static/index/mobile/images/logo-white.png b/public/static/index/mobile/images/logo-white.png
new file mode 100755
index 00000000..93729ebf
Binary files /dev/null and b/public/static/index/mobile/images/logo-white.png differ
diff --git a/public/static/index/mobile/images/logo.png b/public/static/index/mobile/images/logo.png
new file mode 100755
index 00000000..18b3eb5a
Binary files /dev/null and b/public/static/index/mobile/images/logo.png differ
diff --git a/public/static/index/mobile/images/more-r.png b/public/static/index/mobile/images/more-r.png
new file mode 100755
index 00000000..f90c9297
Binary files /dev/null and b/public/static/index/mobile/images/more-r.png differ
diff --git a/public/static/index/mobile/js/before-after.min.js b/public/static/index/mobile/js/before-after.min.js
new file mode 100755
index 00000000..1045b18b
--- /dev/null
+++ b/public/static/index/mobile/js/before-after.min.js
@@ -0,0 +1 @@
+!function(a){function b(b,c,d){b.on("mousedown.ba-events touchstart.ba-events",function(e){b.addClass("ba-draggable"),c.addClass("ba-resizable");var f=e.pageX?e.pageX:e.originalEvent.touches[0].pageX,g=b.outerWidth(),h=b.offset().left+g-f,i=d.offset().left,j=d.outerWidth();minLeft=i+10,maxLeft=i+j-g-10,b.parents().on("mousemove.ba-events touchmove.ba-events",function(b){var c=b.pageX?b.pageX:b.originalEvent.touches[0].pageX;leftValue=c+h-g,leftValue