diff --git a/src/50x.html b/src/50x.html new file mode 100644 index 0000000..a57c2f9 --- /dev/null +++ b/src/50x.html @@ -0,0 +1,19 @@ + + + +Error + + + +

An error occurred.

+

Sorry, the page you are looking for is currently unavailable.
+Please try again later.

+

If you are the system administrator of this resource then you should check +the error log for details.

+

Faithfully yours, nginx.

+ + diff --git a/src/img/bj25.jpg b/src/img/bj25.jpg new file mode 100644 index 0000000..77c79be Binary files /dev/null and b/src/img/bj25.jpg differ diff --git a/src/img/url_string b/src/img/url_string new file mode 100644 index 0000000..18ae066 --- /dev/null +++ b/src/img/url_string @@ -0,0 +1,1732 @@ + + + + + + + + 页面出错了 + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
4
+
+
+
+
+
+
+
+
+
+
4
+
+
很抱歉，您访问的页面已迷失...
+ +
+
+ + + \ No newline at end of file diff --git a/src/products/M60B-S.html b/src/products/M60B-S.html new file mode 100644 index 0000000..dc9db09 --- /dev/null +++ b/src/products/M60B-S.html @@ -0,0 +1,906 @@ + + + + + + + + + + + + + + 熙讯-产品中心-控制系统-商显播放盒-M60B-S + + + + + + + + + + + + + + +
+
+ +
+
+ +
+
+
+
+
+ +
+
+ + +
+
+
+
+
+ 中文 + English +
+
+
+
+ + + +
+
+
+
+
+ +
+ + +
+
+
X100 Pro
+
+ 功能特性 + 规格参数 + 视频 + 资料下载 +
+
+
+
+
+
+
+
+
+
+
+
+
+

高度集成 化繁为简

+
+
+ 将高性能拼接处理器与LED控制系统相结合，兼具高性能的图像处理技术和超高分辨率LED显示控制能力，为用户带来更精简、更高效、更稳定的系统方案 +
+
+
+
+
+
+
+

+

超多输入 自由搭配

+
+
+

+

+

+

HDMI/DVI/DP/SDI/IP等多类型输入，支持4096×2160@60Hz分辨率

+

灵活选择自由搭配，可适用于多种场景

+
+
+
+
+
+
+
+

+

超大带载 应用丰富

+

+
+
+

+

+

+ 支持带载超大分辨率显示屏，最宽或最高可达32767像素，可广泛应用于各大数据可视化中心、安防监控中心、大型舞台演艺等场景 +

+

+
+
+
+
+
+
+
+
+

超高帧率 流畅播放

+
+
+ 采用先进的高帧率无压缩处理算法，精准还原视频色彩的同时保证了高速运动画面的流畅性，可轻松呈现 120/144/240Hz 高帧率图像显示 +
+
+
+
+
+
+
+

真4K，真精彩

+
+
+

搭配4K板卡，可实现4K×2K@60Hz，RGB 4:4:4信号采集、处理及输出，实现高画质的超大分辨率图像显示，展现精彩视界

+
+
+
+
+ +
+
+

+

HDR 还原真实视界

+

+
+

广色域、高动态范围、高对比度

+

更丰富的色彩、更细腻的画质，呈现更自然真实的世界

+


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

严格同步 高清显示

+
+
+

运用纳秒级帧同步和相位锁定技术，严格保证大型屏幕中每个模块完全同步显示

+

有效避免多画面撕裂、拼而不接的问题，呈现高清完整的显示画面

+
+
+
+
+
+
+
+

+ 底图字幕 丰富展示 +

+
+
+ 自定义滚动字幕、多屏显示，为大屏带来更灵活丰富的显示内容 +
+
+
+
+
+
+
+

窗口漫游 灵活布局

+
+
+

不同信号源可同时在大型屏幕上自由开窗、漫游、缩放、叠加，不受跨子板跨接口限制，布局灵活，随心所欲

+
+
+
+
+
+
+
+

预监回显 实时掌控

+
+
+

搭配预监回显板卡，可实现多路输入信号的预监、多屏输出画面回显，兼具IP网络和设备前面板预监回显，助力用户实时掌控设备运行状态

+
+
+
+
+
+
+
+

多重备份 安全稳定

+
+
+

模块化纯硬件架构、输入信号备份、输出冗余备份、电源备份

+

多重措施保证设备长时间安全稳定工作，保障现场安全无忧

+
+
+
+
+
+
+
+

Web控制 轻松管理

+
+
+

支持Web控制，兼容多种操作系统

+

无需安装客户端软件即可轻松实现对设备的管理和控制

+


+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
产品中心
+
+
+ 图像处理 + +
+ 视频拼接器 + 超级视频处理器 + 专业视频处理器 + 分布式系统 + 软件 +
+
+
+ 控制系统 + +
+ 发送器 + 接收系列 + 配件 + 校正系统 + 专业配屏软件 +
+
+
+ 云联网 + +
+ 播放器 + 云平台 + 云联网播控软件 +
+
+
+ 媒体服务器 + +
+ 多媒体播控服务器 + 播控软件 + 服务器配件 +
+
+
+ +
+
+
解决方案
+
+ 广电演播IP化解决方案 + 超大分辨率解决方案 + XR虚拟拍摄解决方案 + 创意显示解决方案 + 3D显示解决方案 + COB屏校正解决方案 + 智慧灯杆屏解决方案 + 车载广告屏解决方案 + 会议一体机解决方案 + 分布式坐席解决方案 +
+ +
+
+
典型案例
+
+ 经典案例 + 应用案例 +
+ +
+
+
服务支持
+
+ 下载专区 + 操作视频 + CCE认证 + 服务网络 + 投诉和建议 +
+ +
+
+
新闻资讯
+
+ 公司新闻 + 技术资讯 +
+ +
+
+
关于我们
+
+ 公司简介 + 企业愿景 + 企业使命 + 企业价值观 + 联系我们 + 人才招聘 +
+ +
+
+
投资者关系
+
+ 投资者热线 + 交流平台 +
+ +
+
+
+
敬请关注
+
    +
  • +
    +

    微信公众号

    +
    • +
  • +
    +

    微信视频号

    +
    • +
+
+
+

服务热线:

+

4008 770 775

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

粤ICP备17069556号 2021©版权所有 卡莱特云科技股份有限公司

+

+ + + + + +

+
+ +
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/LCD/L20B/L20B.html b/src/products/control_system/LCD/L20B/L20B.html new file mode 100644 index 0000000..194ea43 --- /dev/null +++ b/src/products/control_system/LCD/L20B/L20B.html @@ -0,0 +1,442 @@ + + + + + + + + + + + + + + 熙讯-控制系统-LCD-L20B + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

L20B

+
+
+
+
+
+
+ L20B正面预览图 +
+ +
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    高集成度：集成USB/LVDS/EDP/HDMI/以太网/WIFI/蓝牙于一体，简化整机设计，可插入TF卡

    +
    • +
  • + +

    节约人工成本：内置PCI-E 4G模块，支持华为、龙尚等多种PCI-E 4G模块，更适合广告一体机的远程维护，节约人工成本

    +
    • +
  • + +

    丰富的扩展接口：6个USB接口（4个插针 2个标准USB口），3个可扩展串口，GPIO/ADC接口，可以满足市场上各种外设的要求

    +
    • +
  • + +

    高清晰度：最大支持3840x2160的解码和各种LVDS/EDP接口的LCD显示屏

    +
    • +
  • + +

    功能齐全：支持横竖屏播放，视频分屏，滚动字幕，定时开关，USB数据导入等功能

    +
    • +
  • + +

    管理方便：人性化的播放列表后台管理软件，便于广告播放管理和控制。播放日志，方便了解播放情况

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型LCD专用智能控制卡
型号L20
CPU处理器瑞芯微RK3288 最强四核1.8GHz Cortex-A17 四核 GPU Mail-T764
内存2G（默认）（最高4G）
存储空间16GB Emme 2GB LPDDR3
解码分辨率1920x1080
操作系统Android 7.1.2
播放模式支持循环、定时、插播等多种播放模式
网络支持4G、以太网、WIFI/蓝牙4.0、无线外设扩展
视频播放支持MP4(.H.254/MPEG/DIVX/XVID)格式
USB2.02个USB HOST、4个USB插座
Mipi Camera24pin FPC接口，支持1300w Camera（可选）
串口默认3个TTL串口插座（可改RS232或485）
GPS外置GPS（可选）
WIFI、BT内置WIFI，BT4.0（可选）
4G内置4G模块通讯（可选）
以太网1个，10M/100M/1000M 自适应以太网
TF卡支持
LVDS输出1个单/双路，可直接驱动50/60Hz 液晶屏
EDP输出可直接驱动多种分辨率的EDP接口液晶屏
HDMI输出1个，支持1080P@120Hz，4Kx2K@60Hz输出
音视频输出支持左右声道输出，内置双8R/5W功效
节目编辑软件LedOKExpress/AIPS云平台(www.m2mled.net)
工作温度-20°C~+70C
RTC实时时钟支持
定时开关机支持
系统升级支持SD卡/电脑更新
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/LCD/L30B/L30B.html b/src/products/control_system/LCD/L30B/L30B.html new file mode 100644 index 0000000..02f7892 --- /dev/null +++ b/src/products/control_system/LCD/L30B/L30B.html @@ -0,0 +1,428 @@ + + + + + + + + + + + + + + 熙讯-控制系统-LCD-L30B + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

L30B

+
+
+
+
+
+
+ L30B正面预览图 +
+ +
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    高集成度：集成 USB/LVDS/EDP/HDMI/以太网/WIFI/蓝牙于一体，简化整机设计，可插入 TF 卡

    +
    • +
  • + +

    节约人工成本：内置 PCI-E3G 模块，支持华为、龙尚等多种 PCI-E3/4G 模块，更加适合广告一体机的远程维护，节约人工成本

    +
    • +
  • + +

    丰富的扩展接口：8 个 USB 接口（6 个插针 2 个标准 USB3.0),4 个可扩展串口,GPIO/ADC接口，可以满足市场上各种外设的要求

    +
    • +
  • + +

    高清晰度：最大支持 3840×2160 的解码和各种 LVDS/EDP 接口的 LCD 显示屏

    +
    • +
  • + +

    功能齐全：LVDS 输出接口,EDP 输出接口，支持横竖屏播放，视频分屏，滚动字幕，定时开关，USB 数据导入等功能

    +
    • +
  • + +

    管理方便：人性化的播放列表后台管理软件，便于广告播放管理和控制。播放日志，方便了解播放情况

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型LCD专用智能控制卡
CPU瑞芯微 RK3399 64 位高性能 CPU，2.0GHz；双 Cortex-A72 大核+四Cortex-A53 小核 64-bit CPU,内置低功耗 MCU Cortex-M0
GPU四核 ARM Mali-T860MP4 高性能 GPU
内存标配 2G（4G 可选)/ EMMC 标配 16G（8G/32G/64G 可选）
内置存储器EMMC16G(默认)/32G/64G(可选)
内置ROM2KBEEPROM
解码分辨率最高支持 3840*2160
操作系统Android7.1
播放模式支持循环、定时、插播等多种播放模式
网络支持4G、以太网、支持 WiFi/蓝牙 4.0、无线外设扩展视频播放
视频播放支持AVI(H.264、DIVX、DIVX、XVID), rm, rmvb, MKV(H.264、DIVX、DIVX、XVID), WMV, MOV, MP4(.H.264、MPEG、DIVX、XVID), DAT(VCD格式), VOB(DVD格式), PMP, MPEG, .MPG, FLV(H.263、H.264), ASF, TS, TP, 3GP, MPG等30种格式以上
USB2.0 接口2个 USBHOST、6个 USB 插座
串口默认4个TTL串口插座（可改RS232或485）
GPS外置GPS（可选）
WIFI、BT内置WIFI，BT4.0（可选）
3G、4G内置 WCDMA,EVDO,4G 全网通,支持语音通话
以太网1个，100M/1000M 自适应以太网
TF卡支持
LVDS输出1 个单/双路，可直接驱动 50/60Hz 液晶屏
EDP输出可直接驱动多种分辨率的 EDP 接口液晶屏
HDMI输出1个,支持 1080P@120Hz，4kx2k@60Hz 输出
CTP 接口1 路 CTP 接口
音视频输出支持左右声道输出,内置双 8R/5W 功放
RTC实时时钟支持
定时开关机支持
系统升级支持SD卡/电脑更新
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/LCD/LCD.html b/src/products/control_system/LCD/LCD.html new file mode 100644 index 0000000..4d7a674 --- /dev/null +++ b/src/products/control_system/LCD/LCD.html @@ -0,0 +1,221 @@ + + + + + + + + + + + + + + 熙讯-产品中心 + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+
+ 产品中心 +
+
+
+
+
+
+
+
+ 控制系统 +
+
+
+ LCD系列 + 灯杆屏系列 + 车载控制系列 + 商显屏系列 + 接收卡 + 配件 +
+
+
+
+ 视频处理 +
+
+
+ 同步发送卡 + 二合一视频处理器 + 独立主控 + 视频拼接器 + 分布式系统 + 多媒体服务器 +
+
+
+
+ 熙讯软件 +
+
+
+ 单机软件 + 云平台 + APP +
+
+
+
+ 定制开发 +
+
+
+ XXXXXX + XXXXXX + XXXXXX +
+
+
+ +
+ +
+
L20B
+
了解更多
+
+
+
+ +
+
+ + +
+
L30B
+
了解更多
+
+
+
+ +
+
+ +
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/accessory/R66/R66.html b/src/products/control_system/accessory/R66/R66.html new file mode 100644 index 0000000..de443c6 --- /dev/null +++ b/src/products/control_system/accessory/R66/R66.html @@ -0,0 +1,362 @@ + + + + + + + + + + + + + + 熙讯-配件-R66 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

R66

+
+
+
+
+
+
+ R66正面预览图 +
+
+ R66背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    采用先进的传感技术实时测量

    +
    • +
  • + +

    可全天候工作，耐候强

    +
    • +
  • + +

    测量精度高，性能稳定

    +
    • +
  • + +

    结构紧凑美观

    +
    • +
  • + +

    高集成度，安装拆卸方便

    +
    • +
  • + +

    免维护，不需现场校准

    +
    • +
  • + +

    采用 ASA 工程塑料室外应用抗紫外线能力强

    +
    • +
  • + +

    免费测试软件，部分参数可提供质检报告

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型六合一空气质量传感器
型号R66
供电范围DC12V
测量范围PM2.5/PM10：0～1000μg/m³； 温度：-40～85℃； 湿度：0～100%RH； 光照：0～100 KLux； 噪声：30～130dB
功耗＜ 1w(12V)
信号输出默认 485 输出，MODBUSRTU 协议 可扩展功能：GPS 定位
工作环境温度 -40～85℃ 湿度 5～100%RH 无凝露
安装方式套筒固定，可选配法兰转接件
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/accessory/R68/R68.html b/src/products/control_system/accessory/R68/R68.html new file mode 100644 index 0000000..01b963a --- /dev/null +++ b/src/products/control_system/accessory/R68/R68.html @@ -0,0 +1,370 @@ + + + + + + + + + + + + + + 熙讯-配件-R68 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

R68

+
+
+
+
+
+
+ R66正面预览图 +
+ +
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    标配监测温度、湿度、风速、风向、光照度、噪声、PM2.5、PM10 八项参数，RS485 通讯

    +
    • +
  • + +

    精度高、性能可靠，适用于户外和工业环境领域

    +
    • +
  • + +

    搭配熙讯安卓系列控制卡使用，实时监测

    +
    • +
  • + +

    实时监测大气环境数据，成本低，适合网格化布点

    +
    • +
  • + +

    体积小、模块化设计，灵活布局

    +
    • +
  • + +

    数据采集采用 32 位高速处理芯片，稳定、抗干扰

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
检测参数测量范围精度分辨率
温度-40-85℃±0.3℃(@25℃)0.01°
湿度0-100%RH±3%RH(10-80%RH)无凝露时0.01%
风速0-60M/S±(0.3+0.03v)m/s(≤30M/S)
±(0.3+0.05v)m/s(≥30M/S)
v为标准风速		0.01m/s
风向0-360°±3°(风速＜10m/s时)0.1°
PM2.5、PM100-1000ug/m³10ug±10%@0-500ug/m³1ug/m³
噪声30-130dB(分贝)±1.5dB0.1dB
光照0-100klux读数3%或1%F·S10Lux
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/accessory/RC200/RC200.html b/src/products/control_system/accessory/RC200/RC200.html new file mode 100644 index 0000000..cf0b7ce --- /dev/null +++ b/src/products/control_system/accessory/RC200/RC200.html @@ -0,0 +1,346 @@ + + + + + + + + + + + + + + 熙讯-配件-RC200 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

RC200

+
+
+
+
+
+
+ RC200正面预览图 +
+ +
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    输出延时保护，延长电池使用寿命

    +
    • +
  • + +

    超低温启动

    +
    • +
  • + +

    高可靠性-100%满载老化测试

    +
    • +
  • + +

    绿色 LED 灯-电源工作状态指示

    +
    • +
  • + +

    适用于车载显示屏应用

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型电源
输入电压范围9～36Vdc
输出电压4.2～4.5V、5.0V（选配）
输出电流0~40A
工作湿度要求20～90%
存储温度和湿度要求-30～85℃，10～95%
过温保护电源超出额定功率工作，过温保护启动
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/accessory/RG30/RG30.html b/src/products/control_system/accessory/RG30/RG30.html new file mode 100644 index 0000000..75afeb9 --- /dev/null +++ b/src/products/control_system/accessory/RG30/RG30.html @@ -0,0 +1,338 @@ + + + + + + + + + + + + + + 熙讯-配件-RG30 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

RG30

+
+
+
+
+
+
+ RG30正面预览图 +
+ +
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    4.5 高保真单元喇叭，双频单元配置，高保真音效

    +
    • +
  • + +

    可手动操作或云端在线操作，支持 AIPS4.0 云平台文字转自动语音功能、远程集群发布 MP3 音频任务定时播放、远程喊话

    +
    • +
  • + +

    全铝合金外壳，铝合金网罩，防冻防晒防潮防锈防水

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型工程IP音柱
型号RG30-S、RG30-S-4G
额定功率30W（可以两台串联使用）
灵敏度91dB±3DB
输入电压12V
响应频率120-18KHZ
喇叭单元4"+0.5"高音
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/accessory/RHH1/RHH1.html b/src/products/control_system/accessory/RHH1/RHH1.html new file mode 100644 index 0000000..2297e54 --- /dev/null +++ b/src/products/control_system/accessory/RHH1/RHH1.html @@ -0,0 +1,322 @@ + + + + + + + + + + + + + + 熙讯-配件-RHH1 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

RHH1

+
+
+
+
+
+
+ RHH1正面预览图 +
+ +
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    远程喊话，可视化对讲

    +
    • +
  • + +

    DSS 智能显示屏功能

    +
    • +
  • + +

    高清语音，耳机和高性能回声消除的全双工扬声器

    +
    • +
  • + +

    千兆以太网、QoS、加密传输，自动配置

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + +
类型远程喊话话机
型号RHH1
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/accessory/RL2/RL2.html b/src/products/control_system/accessory/RL2/RL2.html new file mode 100644 index 0000000..b0dbd41 --- /dev/null +++ b/src/products/control_system/accessory/RL2/RL2.html @@ -0,0 +1,338 @@ + + + + + + + + + + + + + + 熙讯-配件-RL2 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

RL2

+
+
+
+
+
+
+ RL2正面预览图 +
+ +
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    感测当前环境的亮度，根据环境亮度，自动调节显示屏的亮度

    +
    • +
  • + +

    标配1.5米线，如客户有特殊需求可定制

    +
    • +
  • + +

    适用于E系列和Y系列发送卡（裸卡）

    +
    • +
  • + +

    可在户外使用，三防

    +
    • +
  • + +

    无需外接电源供电

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
类型传感器
型号亮度传感器
线长1.5米
线径4.6毫米
特点根据环境亮度，自动调节显示屏的亮度
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/accessory/RL3B/RL3B.html b/src/products/control_system/accessory/RL3B/RL3B.html new file mode 100644 index 0000000..026bcb8 --- /dev/null +++ b/src/products/control_system/accessory/RL3B/RL3B.html @@ -0,0 +1,342 @@ + + + + + + + + + + + + + + 熙讯-配件-RL3B + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

RL3B

+
+
+
+
+
+
+ RL3B正面预览图 +
+ +
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    感测当前环境的亮度，根据环境亮度，自动调节显示屏的亮度

    +
    • +
  • + +

    标配 1.5 米线，如客户有特殊需求可定制

    +
    • +
  • + +

    RL3用于M60裸卡485接口，RL3B用于M50-M80播放盒航空插头

    +
    • +
  • + +

    连接发送卡使用

    +
    • +
  • + +

    可在户外使用，三防

    +
    • +
  • + +

    数字亮度传感器，调节精度更高

    +
    • +
  • + +

    可在户外使用，三防无需外接电源供电

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + +
类型传感器
型号亮度传感器（配合M50B-S/M60B-S/M70B-S/M80B-S/ST50）
线长1.5米
特点根据环境亮度，自动调节显示屏的亮度
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/accessory/RLB1/RLB1.html b/src/products/control_system/accessory/RLB1/RLB1.html new file mode 100644 index 0000000..fa0c72d --- /dev/null +++ b/src/products/control_system/accessory/RLB1/RLB1.html @@ -0,0 +1,322 @@ + + + + + + + + + + + + + + 熙讯-配件-RLB1 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

RLB1

+
+
+
+
+
+
+ RLB1正面预览图 +
+ +
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    一个屏体使用一个功放两个喇叭

    +
    • +
  • + +

    全频音响喇叭扬声器音质效果好，低频厚重，中频饱满，安装、操作方便简单，应用范围广泛

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + +
类型扬声器
版本号Ver.1.0
额定功率33W
重量250g±8%
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/accessory/RP0/RP0.html b/src/products/control_system/accessory/RP0/RP0.html new file mode 100644 index 0000000..139723c --- /dev/null +++ b/src/products/control_system/accessory/RP0/RP0.html @@ -0,0 +1,362 @@ + + + + + + + + + + + + + + 熙讯-配件-RP0 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

RP0

+
+
+
+
+
+
+ RP0正面预览图 +
+ +
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    支持绊线入侵、区域入侵

    +
    • +
  • + +

    支持 20 倍光学变倍，16 倍数字变倍

    +
    • +
  • + +

    采用 200 万像素 1/2.8 英寸 CMOS 传感器

    +
    • +
  • + +

    支持超星光级超低照度，彩色：0.005Lux@F1.6 黑白：0.0005Lux@F1.6

    +
    • +
  • + +

    支持 H.265 编码，实现超低码流传输

    +
    • +
  • + +

    内置 100 米红外灯补光，采用倍率与红外灯功率匹配算法，补光效果更均匀

    +
    • +
  • + +

    支持 300 个预置位，8 条巡航路径，5 条巡迹路径

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型摄像机
型号RP0
传感器类型1/2.8 英寸 CMOS
像素200 万
最大分辨率2560*1440 30fps 像素720P 1280*720
电子快门1/1s~1/30000s
最大补光距离100m（红外）
补光灯控制倍率优先/手动/SmartIR/关闭
补光灯数量3 颗（红外灯）
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/accessory/RP1/RP1.html b/src/products/control_system/accessory/RP1/RP1.html new file mode 100644 index 0000000..220e05a --- /dev/null +++ b/src/products/control_system/accessory/RP1/RP1.html @@ -0,0 +1,362 @@ + + + + + + + + + + + + + + 熙讯-配件-RP1 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

RP1

+
+
+
+
+
+
+ RP1正面预览图 +
+ +
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    内置 GPU 芯片，支持深度学习算法，有效提升检测准确率

    +
    • +
  • + +

    支持三种智能资源切换：通用行为分析、人脸检测、人数统计

    +
    • +
  • + +

    支持声光报警联动，当报警产生时，可触发联动声音警报和灯光闪烁

    +
    • +
  • + +

    最大可输出 400 万(2688×1520)@25fps

    +
    • +
  • + +

    支持 H.265 编码，压缩比高，实现超低码流传输

    +
    • +
  • + +

    支持内置 MIC 和扬声器，最大支持 256G Micro SD 卡

    +
    • +
  • + +

    支持 DC12V/POE 供电方式

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型摄像机
外观枪型
传感器类型1/2.7 英寸 CMOS
像素400 万
最大分辨率2688×1520
电子快门1/3s~1/100000s（可手动或自动调节）
最大补光距离80m（红外视频监控距离） 30m（暖光视频监控距离） 10m（暖光人脸检测距离）
补光灯2 颗（红外灯） 2 颗（暖光灯）
镜头焦距3.6mm
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/accessory/RP3/RP3.html b/src/products/control_system/accessory/RP3/RP3.html new file mode 100644 index 0000000..f509c89 --- /dev/null +++ b/src/products/control_system/accessory/RP3/RP3.html @@ -0,0 +1,354 @@ + + + + + + + + + + + + + + 熙讯-配件-RP3 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

RP3

+
+
+
+
+
+
+ RP3正面预览图 +
+ +
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    支持A/B/C/D类违法停车抓拍，支持可自适应的多场景巡航监测

    +
    • +
  • + +

    支持车卡口、压白线、压黄线、逆行、违法变道、车辆加塞等卡扣抓拍

    +
    • +
  • + +

    支持以下车辆特征识别：车牌、车牌颜色、车身颜色、车辆类型、车标、车系

    +
    • +
  • + +

    采用200万像素1/1.9英寸CMOS传感器

    +
    • +
  • + +

    支持300个预置位，8条巡航路径，5条巡迹路径

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型摄像机
型号RP3
传感器类型1/1.9 英寸 CMOS
像素200 万
最大分辨率1920*1080
电子快门1/1s~1/30000s
最大补光距离220m（红外）
补光灯数量10颗（红外灯）
镜头焦距5.8mm~191.4mm
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/accessory/RQ1/RQ1.html b/src/products/control_system/accessory/RQ1/RQ1.html new file mode 100644 index 0000000..15b3017 --- /dev/null +++ b/src/products/control_system/accessory/RQ1/RQ1.html @@ -0,0 +1,354 @@ + + + + + + + + + + + + + + 熙讯-配件-RQ1 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

RQ1

+
+
+
+
+
+
+ RQ1正面预览图 +
+ +
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    内置高清摄像头和红外补光灯，采用 H.264 编码

    +
    • +
  • + +

    内置 3W 扬声器和 AEC 算法，实现高品质双向免提通话

    +
    • +
  • + +

    防护等级 IP65

    +
    • +
  • + +

    采用铝合金面壳，铸铝底壳，防爆等级 IK10

    +
    • +
  • + +

    面盖防拆设计，防拆警报触发时上报控制中心

    +
    • +
  • + +

    宽温工作-40℃到 70℃

    +
    • +
  • + +

    系统在线管理和升级

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型智能视频对讲机
供电DC12V/1A 或 PoE
工作温度-40 ~ 70°C
储存温度-40 ~ 70°C
相对湿度10% - 90%
设备尺寸195x120x34mm
设备重量1015g
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/accessory/RS5S/RS5S.html b/src/products/control_system/accessory/RS5S/RS5S.html new file mode 100644 index 0000000..ffd0906 --- /dev/null +++ b/src/products/control_system/accessory/RS5S/RS5S.html @@ -0,0 +1,334 @@ + + + + + + + + + + + + + + 熙讯-配件-RS5S + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

RS5S

+
+
+
+
+
+
+ RS5S正面预览图 +
+
+ RS5S背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    运行指示灯用于指示传感器是否处于正常工作状态

    +
    • +
  • + +

    无线校准屏与屏时间，让播放画面切换完全同步，误差 10ms 以内（受实际环境影响参考值可能会有偏差，肉眼看不到延迟）

    +
    • +
  • + +

    搭配 Y50 控制卡使用，实现 IP 广播和音频播放

    +
    • +
  • + +

    标配 2 路远程继电器开关，控制交流接触器开和关，实现远程硬断电

    +
    • +
  • + +

    最大支持 4 路电源电压检测功能

    +
    • +
  • + +

    标配烟雾、开关门等检测接口

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + +
类型Lora 无线同步模块多功能卡
版本号Ver.1.0
同步辐射半径2KM（受实际使用环境影响剧里可能会有偏差）
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/accessory/RTH2/RTH2.html b/src/products/control_system/accessory/RTH2/RTH2.html new file mode 100644 index 0000000..d19ca81 --- /dev/null +++ b/src/products/control_system/accessory/RTH2/RTH2.html @@ -0,0 +1,378 @@ + + + + + + + + + + + + + + 熙讯-配件-RTH2 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

RTH2

+
+
+
+
+
+
+ RTH2正面预览图 +
+ +
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    高速、高精度、高可靠性、工业级

    +
    • +
  • + +

    STMicroelectronics公司进口MCU（主控芯片）

    +
    • +
  • + +

    瑞士进口高精度温湿度采集芯片SHT30

    +
    • +
  • + +

    内置开关电源电路，供电电压范围宽，转换效率高

    +
    • +
  • + +

    电源、通讯均具有防反接保护，过流保护

    +
    • +
  • + +

    电源、通讯均具有防静电、雷击浪涌功能，抗干扰性强

    +
    • +
  • + +

    关键芯片均为全新原装进口

    +
    • +
  • + +

    工业级产品，满足不同领域的使用需求

    +
    • +
  • + +

    安装方便，标准C45（35mm）U型通用导轨安装或螺钉安装

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
检测参数数据
供电电压5VDC/5~36VDC
功耗＜100mW
通讯方式：RS485； 协议：Modbus RTU； 地址：1~255可设置,掉电保存； 距离：0~1200米,通过中继器可延长
温度量程：-40°C~+125°C； 分辨率：0.1°C； 精度：±0.3°C； 工作状态：-40°C~+85°C
湿度量程：0~100%RH； 分辨率：0.1%RH； 精度：±2%RH； 工作状态：0%~95%RH（无凝结）
长期稳定性温度：＜0.03°C/yr； 湿度：＜0.25%RH/yr
参数复位复位按钮/软件复位
看门狗硬件、软件双重看门狗永不宕机
保护功能过流/过压/反接/防雷击浪涌
外形尺寸（mm）长x宽x高x：65x46x28.5
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/accessory/accessory.html b/src/products/control_system/accessory/accessory.html new file mode 100644 index 0000000..bbce0fd --- /dev/null +++ b/src/products/control_system/accessory/accessory.html @@ -0,0 +1,352 @@ + + + + + + + + + + + + + + 熙讯-产品中心 + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+
+ 产品中心 +
+
+
+
+
+
+
+
+ 控制系统 +
+
+
+ LCD系列 + 灯杆屏系列 + 车载控制系列 + 商显屏系列 + 接收卡 + 配件 +
+
+
+
+ 视频处理 +
+
+
+ 同步发送卡 + 二合一视频处理器 + 独立主控 + 视频拼接器 + 分布式系统 + 多媒体服务器 +
+
+
+
+ 熙讯软件 +
+
+
+ 单机软件 + 云平台 + APP +
+
+
+
+ 定制开发 +
+
+
+ XXXXXX + XXXXXX + XXXXXX +
+
+
+
+ +
+
RL2
+
了解更多
+
+
+
+ +
+
+ + +
+
RL3B
+
了解更多
+
+
+
+ +
+
+ + +
+
RTH2
+
了解更多
+
+
+
+ +
+
+ + +
+
R66
+
了解更多
+
+
+
+ +
+
+ + +
+
R68
+
了解更多
+
+
+
+ +
+
+ + +
+
RP0
+
了解更多
+
+
+
+ +
+
+ + +
+
RP1
+
了解更多
+
+
+
+ +
+
+ + +
+
RP3
+
了解更多
+
+
+
+ +
+
+ + +
+
RS5S
+
了解更多
+
+
+
+ +
+
+ + +
+
RLB1
+
了解更多
+
+
+
+ +
+
+ + +
+
RQ1
+
了解更多
+
+
+
+ +
+
+ + +
+
RHH1
+
了解更多
+
+
+
+ +
+
+ + +
+
RG30
+
了解更多
+
+
+
+ +
+
+ + +
+
RC200
+
了解更多
+
+
+
+ +
+
+ +
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/car_load/KD02/KD02.html b/src/products/control_system/car_load/KD02/KD02.html new file mode 100644 index 0000000..596f54d --- /dev/null +++ b/src/products/control_system/car_load/KD02/KD02.html @@ -0,0 +1,382 @@ + + + + + + + + + + + + + + 熙讯-控制系统-车载屏-KD02 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

KD02

+
+
+
+
+
+
+ KD02正面预览图 +
+
+ KD02背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    384 KB 的 ROM，用于程序启动和内核功能调用

    +
    • +
  • + +

    集成 SPI flash 8 MB

    +
    • +
  • + +

    用于数据和指令存储的 512 KB 片上 SRAM

    +
    • +
  • + +

    RTC 快速存储器，为 8 KB 的 SRAM，可以在 Deep-sleep 模式下 RTC 启动时用于数据存储以及被主 CPU 访问

    +
    • +
  • + +

    802.11n MCS0-7 支持 20 MHz 和 40 MHz 带宽

    +
    • +
  • + +

    802.11n MCS32

    +
    • +
  • + +

    802.11n 0.4 µs 保护间隔

    +
    • +
  • + +

    数据率高达 150 Mbps

    +
    • +
  • + +

    数接收 STBC（单空间流）

    +
    • +
  • + +

    可调节的发射功率

    +
    • +
  • + +

    工作频率范围：2.4 GHz ~ 2.5 GHz 蓝牙 ®

    +
    • +
  • + +

    符合蓝牙 v4.2 BR/EDR 和 BLE 标准

    +
    • +
  • + +

    具有–97 dBm 灵敏度的 NZIF 接收器

    +
    • +
  • + +

    Class-1, Class-2 和 Class-3 发射器

    +
    • +
  • + +

    音频 CVSD 和 SBC 音频

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
接口类型内容简述
HUB75+2pin 供电标准 HUB75 接口
Type-c烧录程序
TTL 串口调试接口
预留 IO 口满足(3.3V-24V)IO 功能
电源接口+5V 供电
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/car_load/KD03/KD03.html b/src/products/control_system/car_load/KD03/KD03.html new file mode 100644 index 0000000..29a6995 --- /dev/null +++ b/src/products/control_system/car_load/KD03/KD03.html @@ -0,0 +1,906 @@ + + + + + + + + + + + + + + 熙讯-产品中心-控制系统-灯杆屏系列-Y12 + + + + + + + + + + + + + + +
+
+ +
+
+ +
+
+
+
+
+ +
+
+ + +
+
+
+
+
+ 中文 + English +
+
+
+
+ + + +
+
+
+
+
+ +
+ + +
+
+
X100 Pro
+
+ 功能特性 + 规格参数 + 视频 + 资料下载 +
+
+
+
+
+
+
+
+
+
+
+
+
+

高度集成 化繁为简

+
+
+ 将高性能拼接处理器与LED控制系统相结合，兼具高性能的图像处理技术和超高分辨率LED显示控制能力，为用户带来更精简、更高效、更稳定的系统方案 +
+
+
+
+
+
+
+

+

超多输入 自由搭配

+
+
+

+

+

+

HDMI/DVI/DP/SDI/IP等多类型输入，支持4096×2160@60Hz分辨率

+

灵活选择自由搭配，可适用于多种场景

+
+
+
+
+
+
+
+

+

超大带载 应用丰富

+

+
+
+

+

+

+ 支持带载超大分辨率显示屏，最宽或最高可达32767像素，可广泛应用于各大数据可视化中心、安防监控中心、大型舞台演艺等场景 +

+

+
+
+
+
+
+
+
+
+

超高帧率 流畅播放

+
+
+ 采用先进的高帧率无压缩处理算法，精准还原视频色彩的同时保证了高速运动画面的流畅性，可轻松呈现 120/144/240Hz 高帧率图像显示 +
+
+
+
+
+
+
+

真4K，真精彩

+
+
+

搭配4K板卡，可实现4K×2K@60Hz，RGB 4:4:4信号采集、处理及输出，实现高画质的超大分辨率图像显示，展现精彩视界

+
+
+
+
+ +
+
+

+

HDR 还原真实视界

+

+
+

广色域、高动态范围、高对比度

+

更丰富的色彩、更细腻的画质，呈现更自然真实的世界

+


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

严格同步 高清显示

+
+
+

运用纳秒级帧同步和相位锁定技术，严格保证大型屏幕中每个模块完全同步显示

+

有效避免多画面撕裂、拼而不接的问题，呈现高清完整的显示画面

+
+
+
+
+
+
+
+

+ 底图字幕 丰富展示 +

+
+
+ 自定义滚动字幕、多屏显示，为大屏带来更灵活丰富的显示内容 +
+
+
+
+
+
+
+

窗口漫游 灵活布局

+
+
+

不同信号源可同时在大型屏幕上自由开窗、漫游、缩放、叠加，不受跨子板跨接口限制，布局灵活，随心所欲

+
+
+
+
+
+
+
+

预监回显 实时掌控

+
+
+

搭配预监回显板卡，可实现多路输入信号的预监、多屏输出画面回显，兼具IP网络和设备前面板预监回显，助力用户实时掌控设备运行状态

+
+
+
+
+
+
+
+

多重备份 安全稳定

+
+
+

模块化纯硬件架构、输入信号备份、输出冗余备份、电源备份

+

多重措施保证设备长时间安全稳定工作，保障现场安全无忧

+
+
+
+
+
+
+
+

Web控制 轻松管理

+
+
+

支持Web控制，兼容多种操作系统

+

无需安装客户端软件即可轻松实现对设备的管理和控制

+


+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
产品中心
+
+
+ 图像处理 + +
+ 视频拼接器 + 超级视频处理器 + 专业视频处理器 + 分布式系统 + 软件 +
+
+
+ 控制系统 + +
+ 发送器 + 接收系列 + 配件 + 校正系统 + 专业配屏软件 +
+
+
+ 云联网 + +
+ 播放器 + 云平台 + 云联网播控软件 +
+
+
+ 媒体服务器 + +
+ 多媒体播控服务器 + 播控软件 + 服务器配件 +
+
+
+ +
+
+
解决方案
+
+ 广电演播IP化解决方案 + 超大分辨率解决方案 + XR虚拟拍摄解决方案 + 创意显示解决方案 + 3D显示解决方案 + COB屏校正解决方案 + 智慧灯杆屏解决方案 + 车载广告屏解决方案 + 会议一体机解决方案 + 分布式坐席解决方案 +
+ +
+
+
典型案例
+
+ 经典案例 + 应用案例 +
+ +
+
+
服务支持
+
+ 下载专区 + 操作视频 + CCE认证 + 服务网络 + 投诉和建议 +
+ +
+
+
新闻资讯
+
+ 公司新闻 + 技术资讯 +
+ +
+
+
关于我们
+
+ 公司简介 + 企业愿景 + 企业使命 + 企业价值观 + 联系我们 + 人才招聘 +
+ +
+
+
投资者关系
+
+ 投资者热线 + 交流平台 +
+ +
+
+
+
敬请关注
+
    +
  • +
    +

    微信公众号

    +
    • +
  • +
    +

    微信视频号

    +
    • +
+
+
+

服务热线:

+

4008 770 775

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

粤ICP备17069556号 2021©版权所有 卡莱特云科技股份有限公司

+

+ + + + + +

+
+ +
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/car_load/KD05/KD05.html b/src/products/control_system/car_load/KD05/KD05.html new file mode 100644 index 0000000..887035e --- /dev/null +++ b/src/products/control_system/car_load/KD05/KD05.html @@ -0,0 +1,334 @@ + + + + + + + + + + + + + + 熙讯-控制系统-车载屏-KD05 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

KD05

+
+
+
+
+
+
+ KD05正面预览图 +
+
+ KD05背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    是一款通用型 Wi-Fi+BT+BLE 单片机通用卡

    +
    • +
  • + +

    支持通用 75 接口协议，不会影响模组 二次使用

    +
    • +
  • + +

    具有 A,B,C,D,E 五路扫描信号，支持按键息屏功能

    +
    • +
  • + +

    时钟频率的调节范围为 80MHz 到 240 MHz

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
类型参数
型号KD05
带载像素5 个 HUB75 接口，320x320
通讯接口蓝牙/WiFi/RS485/TTL 通讯
控制软件I Led
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/car_load/KD06/KD06.html b/src/products/control_system/car_load/KD06/KD06.html new file mode 100644 index 0000000..37ba679 --- /dev/null +++ b/src/products/control_system/car_load/KD06/KD06.html @@ -0,0 +1,338 @@ + + + + + + + + + + + + + + 熙讯-控制系统-车载屏-KD06 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

KD06

+
+
+
+
+
+
+ KD06正面预览图 +
+
+ KD06背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    通用型 Wi-Fi+BT+BLE 单片机通用卡

    +
    • +
  • + +

    支持通用 75 接口协议，不会影响模组 二次使用

    +
    • +
  • + +

    具有 A,B,C,D,E 五路扫描信号，支持按键息屏功能

    +
    • +
  • + +

    时钟频率的调节范围为 80MHz 到 240 MHz

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型参数
型号KD06
带载像素5 个 HUB75 接口，320x320
WiFi支持 IEEE802.11b/g/n 协议
通讯接口蓝牙/WiFi/CAN/RS485/TTL 通讯
控制软件I Led
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/car_load/Y03/Y03.html b/src/products/control_system/car_load/Y03/Y03.html new file mode 100644 index 0000000..29a6995 --- /dev/null +++ b/src/products/control_system/car_load/Y03/Y03.html @@ -0,0 +1,906 @@ + + + + + + + + + + + + + + 熙讯-产品中心-控制系统-灯杆屏系列-Y12 + + + + + + + + + + + + + + +
+
+ +
+
+ +
+
+
+
+
+ +
+
+ + +
+
+
+
+
+ 中文 + English +
+
+
+
+ + + +
+
+
+
+
+ +
+ + +
+
+
X100 Pro
+
+ 功能特性 + 规格参数 + 视频 + 资料下载 +
+
+
+
+
+
+
+
+
+
+
+
+
+

高度集成 化繁为简

+
+
+ 将高性能拼接处理器与LED控制系统相结合，兼具高性能的图像处理技术和超高分辨率LED显示控制能力，为用户带来更精简、更高效、更稳定的系统方案 +
+
+
+
+
+
+
+

+

超多输入 自由搭配

+
+
+

+

+

+

HDMI/DVI/DP/SDI/IP等多类型输入，支持4096×2160@60Hz分辨率

+

灵活选择自由搭配，可适用于多种场景

+
+
+
+
+
+
+
+

+

超大带载 应用丰富

+

+
+
+

+

+

+ 支持带载超大分辨率显示屏，最宽或最高可达32767像素，可广泛应用于各大数据可视化中心、安防监控中心、大型舞台演艺等场景 +

+

+
+
+
+
+
+
+
+
+

超高帧率 流畅播放

+
+
+ 采用先进的高帧率无压缩处理算法，精准还原视频色彩的同时保证了高速运动画面的流畅性，可轻松呈现 120/144/240Hz 高帧率图像显示 +
+
+
+
+
+
+
+

真4K，真精彩

+
+
+

搭配4K板卡，可实现4K×2K@60Hz，RGB 4:4:4信号采集、处理及输出，实现高画质的超大分辨率图像显示，展现精彩视界

+
+
+
+
+ +
+
+

+

HDR 还原真实视界

+

+
+

广色域、高动态范围、高对比度

+

更丰富的色彩、更细腻的画质，呈现更自然真实的世界

+


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

严格同步 高清显示

+
+
+

运用纳秒级帧同步和相位锁定技术，严格保证大型屏幕中每个模块完全同步显示

+

有效避免多画面撕裂、拼而不接的问题，呈现高清完整的显示画面

+
+
+
+
+
+
+
+

+ 底图字幕 丰富展示 +

+
+
+ 自定义滚动字幕、多屏显示，为大屏带来更灵活丰富的显示内容 +
+
+
+
+
+
+
+

窗口漫游 灵活布局

+
+
+

不同信号源可同时在大型屏幕上自由开窗、漫游、缩放、叠加，不受跨子板跨接口限制，布局灵活，随心所欲

+
+
+
+
+
+
+
+

预监回显 实时掌控

+
+
+

搭配预监回显板卡，可实现多路输入信号的预监、多屏输出画面回显，兼具IP网络和设备前面板预监回显，助力用户实时掌控设备运行状态

+
+
+
+
+
+
+
+

多重备份 安全稳定

+
+
+

模块化纯硬件架构、输入信号备份、输出冗余备份、电源备份

+

多重措施保证设备长时间安全稳定工作，保障现场安全无忧

+
+
+
+
+
+
+
+

Web控制 轻松管理

+
+
+

支持Web控制，兼容多种操作系统

+

无需安装客户端软件即可轻松实现对设备的管理和控制

+


+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
产品中心
+
+
+ 图像处理 + +
+ 视频拼接器 + 超级视频处理器 + 专业视频处理器 + 分布式系统 + 软件 +
+
+
+ 控制系统 + +
+ 发送器 + 接收系列 + 配件 + 校正系统 + 专业配屏软件 +
+
+
+ 云联网 + +
+ 播放器 + 云平台 + 云联网播控软件 +
+
+
+ 媒体服务器 + +
+ 多媒体播控服务器 + 播控软件 + 服务器配件 +
+
+
+ +
+
+
解决方案
+
+ 广电演播IP化解决方案 + 超大分辨率解决方案 + XR虚拟拍摄解决方案 + 创意显示解决方案 + 3D显示解决方案 + COB屏校正解决方案 + 智慧灯杆屏解决方案 + 车载广告屏解决方案 + 会议一体机解决方案 + 分布式坐席解决方案 +
+ +
+
+
典型案例
+
+ 经典案例 + 应用案例 +
+ +
+
+
服务支持
+
+ 下载专区 + 操作视频 + CCE认证 + 服务网络 + 投诉和建议 +
+ +
+
+
新闻资讯
+
+ 公司新闻 + 技术资讯 +
+ +
+
+
关于我们
+
+ 公司简介 + 企业愿景 + 企业使命 + 企业价值观 + 联系我们 + 人才招聘 +
+ +
+
+
投资者关系
+
+ 投资者热线 + 交流平台 +
+ +
+
+
+
敬请关注
+
    +
  • +
    +

    微信公众号

    +
    • +
  • +
    +

    微信视频号

    +
    • +
+
+
+

服务热线:

+

4008 770 775

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

粤ICP备17069556号 2021©版权所有 卡莱特云科技股份有限公司

+

+ + + + + +

+
+ +
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/car_load/Y08/Y08.html b/src/products/control_system/car_load/Y08/Y08.html new file mode 100644 index 0000000..8a3241d --- /dev/null +++ b/src/products/control_system/car_load/Y08/Y08.html @@ -0,0 +1,370 @@ + + + + + + + + + + + + + + 熙讯-控制系统-车载屏-Y08 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

Y08

+
+
+
+
+
+
+ Y08正面预览图 +
+
+ Y08背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    八口 hub75 输出直接输出，保证画面传输稳定性

    +
    • +
  • + +

    支持通过 485 接口外接八要素环境传感器 R68，显示环境信息，无需二次开发

    +
    • +
  • + +

    支持外接 GPS 定位和守时模块，保证多屏画面播放同步

    +
    • +
  • + +

    板载 WiFi 模块，实现无线通讯

    +
    • +
  • + +

    支持 AP 模式、Station 模式

    +
    • +
  • + +

    支持二次开发，支持云平台远程集群控制

    +
    • +
  • + +

    支持 GPS 定时/对时

    +
    • +
  • + +

    通过管理系统可集中设置定时开关机、音量、亮度

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型安卓控制卡
型号Y08
像素Y08：6 万点，分辨率 256（宽）*256（高）或者 512*128，分辨率支持自定义
通讯方式网口、WiFi、U 盘、选配 4G 模块
CPUCortex-A35 四核主频 1.5GHz
GPUMali-G31MP2 OpenGL ES3.2, Vulkan 1.0, OpenCL 2.0 Dvalin-2EE
系统内存8GB Emmc+1GB LPDDR3
操作系统Android 9
WiFiIEEE 802.11b/g/n 2.4G
GPSGNSS GPS/Beidou/Glonass
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/car_load/car_load.html b/src/products/control_system/car_load/car_load.html new file mode 100644 index 0000000..e06c82c --- /dev/null +++ b/src/products/control_system/car_load/car_load.html @@ -0,0 +1,242 @@ + + + + + + + + + + + + + + 熙讯-产品中心 + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+
+ 产品中心 +
+
+
+
+
+
+
+
+ 控制系统 +
+
+
+ LCD系列 + 灯杆屏系列 + 车载控制系列 + 商显屏系列 + 接收卡 + 配件 +
+
+
+
+ 视频处理 +
+
+
+ 同步发送卡 + 二合一视频处理器 + 独立主控 + 视频拼接器 + 分布式系统 + 多媒体服务器 +
+
+
+
+ 熙讯软件 +
+
+
+ 单机软件 + 云平台 + APP +
+
+
+
+ 定制开发 +
+
+
+ XXXXXX + XXXXXX + XXXXXX +
+
+
+
+ +
+
Y08
+
了解更多
+
+
+
+ +
+
+ + +
+
KD02
+
了解更多
+
+
+
+ +
+
+ + +
+
KD05
+
了解更多
+
+
+
+ +
+
+ + +
+
KD06
+
了解更多
+
+
+
+ +
+
+ +
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/commerce_display/M50B-D/M50B-D.html b/src/products/control_system/commerce_display/M50B-D/M50B-D.html new file mode 100644 index 0000000..18d5512 --- /dev/null +++ b/src/products/control_system/commerce_display/M50B-D/M50B-D.html @@ -0,0 +1,366 @@ + + + + + + + + + + + + + + 熙讯-控制系统-商显屏-M50B-D + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

M50B-D

+
+
+
+
+
+
+ M50B-D正面预览图 +
+
+ M50B-D背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    支持通过 485 接口外接八要素环境传感器 R68，显示环境信息，无需二次开发

    +
    • +
  • + +

    支持外接 GPS 定位和守时模块，保证多屏画面播放同步

    +
    • +
  • + +

    支持远程断电，控制屏体开关，硬关机

    +
    • +
  • + +

    支持选配 4G 模块，不同国家模块型号不一样，出货请提供使用国家

    +
    • +
  • + +

    板载 WiFi 模块，实现无线通讯

    +
    • +
  • + +

    支持 AP 模式、Station 模式

    +
    • +
  • + +

    支持二次开发，支持云平台远程集群控制

    +
    • +
  • + +

    8GB 内部存储空间，用户可用 4GB

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型安卓控制卡
型号主推：M50B-D(无 4G)，M50B-D-CH（中国 4G 全网通），M50B-D-G(全球通， 国外推荐）M50B-D-NA、M50B-D-EU、M50B-D-LA（批量考虑成本可以选择， 样品推荐全球通款）
像素M50B-D：65 万点，最大带载 1280（宽）*512（高）或者 512（宽）*1280（高）， 分辨率支持自定义
通讯方式网口、WiFi、U 盘、选配 4G 模块
GPUMali-G31MP2 OpenGL ES3.2, Vulkan 1.0, OpenCL 2.0 Dvalin-2EE
操作系统Android 9.0
WiFiIEEE 802.11b/g/n 2.4G
GPSGNSS GPS/Beidou/Glonass
配置软件LedOK Express
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/commerce_display/M50B-H/M50B-H.html b/src/products/control_system/commerce_display/M50B-H/M50B-H.html new file mode 100644 index 0000000..e69de29 diff --git a/src/products/control_system/commerce_display/M60B-S/M60B-S.html b/src/products/control_system/commerce_display/M60B-S/M60B-S.html new file mode 100644 index 0000000..c8b1380 --- /dev/null +++ b/src/products/control_system/commerce_display/M60B-S/M60B-S.html @@ -0,0 +1,366 @@ + + + + + + + + + + + + + + 熙讯-控制系统-商显屏-M60B-S + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

M60B-S

+
+
+
+
+
+ +
+ M60B-S背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    双千兆网口输出，可以一路用作备份，保证画面传输稳定性

    +
    • +
  • + +

    支持通过485接口外接八要素环境传感器R68，显示环境信息，无需二次开发

    +
    • +
  • + +

    支持外接Lora同步模块，保证多屏画面播放同步

    +
    • +
  • + +

    支持两路远程断电，一路控制屏体开关，一路控制路灯开关

    +
    • +
  • + +

    支持选配4G模块，不同国家模块型号不一样，出货请提供使用国家

    +
    • +
  • + +

    支持FCC、CE认证

    +
    • +
  • + +

    Lora无线校时多屏同步

    +
    • +
  • + +

    板载WiFi模块，实现无线通讯

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型云互联网安卓控制盒
型号M60S(裸卡)，M60B-S(播放盒)，选配4G模块，M60S-CH中国，M60S-G全球通国外
像素M60B-S: 92万点，分辨率1280(宽)*720(高)
通讯方式网口/WiFi/U盘/选配4G模块
GPUMali-G31MP2 OpenGL ES3.2, Vulkan 1.0, OpenCL 2.0 Dvalin-2EE
操作系统Android 9
WiFiIEEE 802.11b/g/n 2.4G
GPSGNSS GPS/Beidou/Glonass
配置软件LedOK Express
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/commerce_display/M70B-S/M70B-S.html b/src/products/control_system/commerce_display/M70B-S/M70B-S.html new file mode 100644 index 0000000..16a5c72 --- /dev/null +++ b/src/products/control_system/commerce_display/M70B-S/M70B-S.html @@ -0,0 +1,365 @@ + + + + + + + + + + + + + + 熙讯-控制系统-商显屏-M70B-S + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ +
+
+

M70B-S

+
+
+
+
+
+ +
+ M60B-S背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    双千兆网口输出，可以一路用作备份，保证画面传输稳定性

    +
    • +
  • + +

    支持通过485接口外接八要素环境传感器R68，显示环境信息，无需二次开发

    +
    • +
  • + +

    支持同异步切换

    +
    • +
  • + +

    Lora 无线校时多屏同步

    +
    • +
  • + +

    支持选配4G模块，不同国家模块型号不一样，出货请提供使用国家

    +
    • +
  • + +

    板载 WiFi 模块,实现无线通讯

    +
    • +
  • + +

    Lora无线校时多屏同步

    +
    • +
  • + +

    支持 AP 模式、Station 模式

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型同异步安卓播放盒
型号M70BS（无 4G）/M70BS-4G 播放盒，M70S-4G 裸卡
像素M70S：130 万点，分辨率最宽像素 1920，最高像素 1920
通讯方式网口、WiFi、选配 4G 模块
GPUMali-G31MP2 OpenGL ES3.2, Vulkan 1.0, OpenCL 2.0 Dvalin-2EE
操作系统Android 9.0
WiFiIEEE 802.11b/g/n 2.4G
GPSGNSS GPS/Beidou/Glonass
配置软件LedOK Express
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/commerce_display/M80B-S/M80B-S.html b/src/products/control_system/commerce_display/M80B-S/M80B-S.html new file mode 100644 index 0000000..6844909 --- /dev/null +++ b/src/products/control_system/commerce_display/M80B-S/M80B-S.html @@ -0,0 +1,366 @@ + + + + + + + + + + + + + + 熙讯-控制系统-商显屏-M80B-S + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

M80B-S

+
+
+
+
+
+
+ M60B-S正面预览图 +
+
+ M60B-S背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    支持 2 路 HDMI 输入，一路输出

    +
    • +
  • + +

    集成国密安全芯片，硬件上保证信息发布安全

    +
    • +
  • + +

    标配两路远程断电

    +
    • +
  • + +

    支持 RS485/RS232 端子接口，方便接入各行各业物联网传感器

    +
    • +
  • + +

    支持 12V 宽电压供电

    +
    • +
  • + +

    支持 IP 远程 mp3 音频语音广播

    +
    • +
  • + +

    支持 IP 远程文字自动转语音广播

    +
    • +
  • + +

    支持远程喊话，远程呼叫，一键报警，可视对讲

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型异步发送卡
型号M80B-S
CPU瑞芯微RK3288 四核 1.8GHz Cortex-A17
GPU四核 GPU Mail-T764
内存2G
内置存储器EMMC 16G
操作系统Android 7.1
GPS外置 GPS（可选）
配置软件LedOK Express
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/commerce_display/commerce_display.html b/src/products/control_system/commerce_display/commerce_display.html new file mode 100644 index 0000000..7ac3e00 --- /dev/null +++ b/src/products/control_system/commerce_display/commerce_display.html @@ -0,0 +1,242 @@ + + + + + + + + + + + + + + 熙讯-产品中心 + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+
+ 产品中心 +
+
+
+
+
+
+
+
+ 控制系统 +
+
+
+ LCD系列 + 灯杆屏系列 + 车载控制系列 + 商显屏系列 + 接收卡 + 配件 +
+
+
+
+ 视频处理 +
+
+
+ 同步发送卡 + 二合一视频处理器 + 独立主控 + 视频拼接器 + 分布式系统 + 多媒体服务器 +
+
+
+
+ 熙讯软件 +
+
+
+ 单机软件 + 云平台 + APP +
+
+
+
+ 定制开发 +
+
+
+ XXXXXX + XXXXXX + XXXXXX +
+
+
+
+ +
+
M50B-D
+
了解更多
+
+
+
+ +
+
+ + +
+
M60B-S
+
了解更多
+
+
+
+ +
+
+ + +
+
M70B-S
+
了解更多
+
+
+
+ +
+
+ + +
+
M80B-S
+
了解更多
+
+
+
+ +
+
+ +
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/lamp_pole/Y12/Y12.html b/src/products/control_system/lamp_pole/Y12/Y12.html new file mode 100644 index 0000000..94aeb43 --- /dev/null +++ b/src/products/control_system/lamp_pole/Y12/Y12.html @@ -0,0 +1,361 @@ + + + + + + + + + + + + + + 熙讯-控制系统-灯杆屏-Y12 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

Y12

+
+
+
+
+
+
+ Y12正面预览图 +
+
+ Y12背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    12 口 hub75 输出直接输出，保证画面传输稳定性

    +
    • +
  • + +

    支持通过 485 接口外接八要素环境传感器 R68，显示环境信息，无需二次开发

    +
    • +
  • + +

    支持外接 GPS 定位和守时模块，保证多屏画面播放同步

    +
    • +
  • + +

    双千兆网口输出，可以一路用作备份，保证画面传输稳定性

    +
    • +
  • + +

    支持远程断电，控制屏体开关，硬关机

    +
    • +
  • + +

    板载 WiFi 模块，实现无线通讯

    +
    • +
  • + +

    支持 AP 模式、Station 模式

    +
    • +
  • + +

    支持二次开发，支持云平台远程集群控制

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型智能控制卡
型号主推：Y12(无 4G)，Y12-CH（中国 4G 全网通），Y12-G（全球通，国外推荐） Y12-NA、Y12-EU、Y12-LA（批量考虑成本可以选择，样品推荐全球通款）
像素Y12：9 万点，分辨率 256（宽）*256（高）或者 512*128，最大带载 256*512 分辨率支 持自定义
通讯方式网口、WiFi、U盘、选配4G模块
CPUCortex-A35 四核主频1.5GHz
GPUMali-G31MP2 OpenGL ES3.2, Vulkan 1.0, OpenCL 2.0 Dvalin-2EE
系统内存8GB Emmc+1GB LPDDR4
操作系统Android 9
WiFiIEEE 802.11b/g/n 2.4G
GPSGNSS GPS/Beidou/Glonass
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/lamp_pole/Y50/Y50.html b/src/products/control_system/lamp_pole/Y50/Y50.html new file mode 100644 index 0000000..fe82188 --- /dev/null +++ b/src/products/control_system/lamp_pole/Y50/Y50.html @@ -0,0 +1,370 @@ + + + + + + + + + + + + + + 熙讯-控制系统-灯杆屏-Y50 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

Y50

+
+
+
+
+
+
+ Y50正面预览图 +
+
+ Y50背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    Lora 无线校时多屏同步

    +
    • +
  • + +

    8GB 内部存储空间，用户可用 4GB

    +
    • +
  • + +

    双网口超强带载能力，分辨率 1920（极宽）*1080（极高）

    +
    • +
  • + +

    双千兆网口输出，可以一路用作备份，保证画面传输稳定性

    +
    • +
  • + +

    支持通过485接口外接八要素环境传感器R68，显示环境信息，无需二次开发

    +
    • +
  • + +

    支持外接Lora同步模块，保证多屏画面播放同步

    +
    • +
  • + +

    支持两路远程断电，一路控制屏体开关，一路控制路灯开关

    +
    • +
  • + +

    支持选配4G模块，不同国家模块型号不一样，出货请提供使用国家

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型智能控制卡
型号Y50（无4G），Y50-CH（中国4G全网通），Y50-G（全球通，国外推荐），Y50-NA、Y50-EU、Y50-LA（批量考虑成本可以选择，样品推荐全球通款）
像素Y50：130万点，分辨率1920（宽）*1080（高）
通讯方式网口、WiFi、U盘、选配4G模块
CPUCortex-A35 四核主频1.5GHz
GPUMali-G31MP2 OpenGL ES3.2, Vulkan 1.0, OpenCL 2.0 Dvalin-2EE
系统内存8GB Emmc+1GB LPDDR3
操作系统Android 9
WiFiIEEE 802.11b/g/n 2.4G
GPSGNSS GPS/Beidou/Glonass
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/lamp_pole/Y70/Y70.html b/src/products/control_system/lamp_pole/Y70/Y70.html new file mode 100644 index 0000000..b0c19b5 --- /dev/null +++ b/src/products/control_system/lamp_pole/Y70/Y70.html @@ -0,0 +1,370 @@ + + + + + + + + + + + + + + 熙讯-控制系统-灯杆屏-Y70 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

Y70

+
+
+
+
+
+
+ Y70正面预览图 +
+
+ Y70背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    集成33W功放左右声道，可以旋钮调节音量，无杂声干扰，连线更少

    +
    • +
  • + +

    支持HDMI输出

    +
    • +
  • + +

    集成国密安全芯片，硬件上保证信息发布安全

    +
    • +
  • + +

    标配两路远程断电，支持加多功能卡扩展到四路，显示屏和路灯分别控制

    +
    • +
  • + +

    支持六路开关电源检测，实时监测每个电源好坏，报警提示，智慧维护

    +
    • +
  • + +

    支持RS485/RS232端子接口，方便接入各行各业物联网传感器

    +
    • +
  • + +

    支持5-12V宽电压供电

    +
    • +
  • + +

    信息发布平台通过公安部信息系统安全第叁级备案证明，提供复印件及盖章

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型异步发送卡
CPU瑞芯微RK3288 四核1.8GHz Cortex-A17
GPU四核GPU Mail-T764
内存2GB
内置存储器EMMC 16G
内置ROM2KB EEPROM
解码分辨率最高支持3840*2160
带载像素130万点 分辨率最宽1920像素，最高1920像素
操作系统Android 7.1
播放模式支持循环、定时、插播等多重播放模式
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/lamp_pole/lamp_pole.html b/src/products/control_system/lamp_pole/lamp_pole.html new file mode 100644 index 0000000..a58d3c1 --- /dev/null +++ b/src/products/control_system/lamp_pole/lamp_pole.html @@ -0,0 +1,231 @@ + + + + + + + + + + + + + + 熙讯-产品中心 + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+
+ 产品中心 +
+
+
+
+
+
+
+
+ 控制系统 +
+
+
+ LCD系列 + 灯杆屏系列 + 车载控制系列 + 商显屏系列 + 接收卡 + 配件 +
+
+
+
+ 视频处理 +
+
+
+ 同步发送卡 + 二合一视频处理器 + 独立主控 + 视频拼接器 + 分布式系统 + 多媒体服务器 +
+
+
+
+ 熙讯软件 +
+
+
+ 单机软件 + 云平台 + APP +
+
+
+
+ 定制开发 +
+
+
+ XXXXXX + XXXXXX + XXXXXX +
+
+
+
+ +
+
Y12
+
了解更多
+
+
+
+ +
+
+ + +
+
Y50
+
了解更多
+
+
+
+ +
+
+ + +
+
Y70
+
了解更多
+
+
+
+ +
+
+ +
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/receive_card/D60-12A/D60-12A.html b/src/products/control_system/receive_card/D60-12A/D60-12A.html new file mode 100644 index 0000000..9460541 --- /dev/null +++ b/src/products/control_system/receive_card/D60-12A/D60-12A.html @@ -0,0 +1,366 @@ + + + + + + + + + + + + + + 熙讯-接收卡-D60-12A + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

D60-12A

+
+
+
+
+
+
+ D60-12A正面预览图 +
+
+ D60-12A背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    采用 12 个标准 HUB75E 接口，最大支持 24 组 RGB 并行数据

    +
    • +
  • + +

    具有强大的处理能力、超稳定性能及超高性价比

    +
    • +
  • + +

    支持多种显示效果方案：配合 LedSet4.0 软件实现刷新优先和灰度优先效果

    +
    • +
  • + +

    支持画面 90°倍数旋转：配合 LedSet4.0 软件实现，可对接收卡画面 90°倍数旋转

    +
    • +
  • + +

    支持画面缩放功能：配合 LedSet4.0 软件，可对接收卡带载的像素进行倍数缩放，实现显示画面的放大与缩小

    +
    • +
  • + +

    支持复位功能：在硬件在线升级完成接收卡可自行在线硬件重启

    +
    • +
  • + +

    推荐带载（不亮度校正）：P2.5及以上2宽12高，P2-P1.875-P1.86带1宽12高，P1.667带1宽10高，P1.5/1.538带1宽8高

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型接收卡
型号D60-12A
三线并行（RGB）24组
数据接口/数量HUB75E/12 个
驱动常规 PWM
最大带载（像素）512*256
亮度校正带载（像素）512*256
色度校正带载（像素）256*320
级联卡数量≤1000PCS
支持扫描行1-64扫
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/receive_card/D60-320/D60-320.html b/src/products/control_system/receive_card/D60-320/D60-320.html new file mode 100644 index 0000000..e6b923f --- /dev/null +++ b/src/products/control_system/receive_card/D60-320/D60-320.html @@ -0,0 +1,358 @@ + + + + + + + + + + + + + + 熙讯-接收卡-D60-320 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

D60-320

+
+
+
+
+
+
+ D60-320正面预览图 +
+
+ D60-320背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    是一款小间距接收卡

    +
    • +
  • + +

    采用8个标准HUB320（26Pin）接口

    +
    • +
  • + +

    最大支持32组RGB并行数据

    +
    • +
  • + +

    带载高达512x640像素点

    +
    • +
  • + +

    具有强大的处理能力、超稳定性能及超高性价比

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型FPGA接收卡
型号D60-320
三线并行（RGB）32组
数据接口/数量HUB75E/8 个
驱动常规 PWM
最大带载（像素）512*640
亮度校正带载（像素）512*640
色度校正带载（像素）512*512
级联卡数量≤1000PCS
支持扫描行1-64扫
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/receive_card/D60-8/D60-8.html b/src/products/control_system/receive_card/D60-8/D60-8.html new file mode 100644 index 0000000..3e30f20 --- /dev/null +++ b/src/products/control_system/receive_card/D60-8/D60-8.html @@ -0,0 +1,338 @@ + + + + + + + + + + + + + + 熙讯-接收卡-D60-8 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

D60-8

+
+
+
+
+
+
+ D60-8正面预览图 +
+
+ D60-8背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    采用 8 个标准 HUB75E 接口，最大支持 16 组 RGB 并行数据

    +
    • +
  • + +

    带载高达 256X512 像素点，具有强大的处理能力、超稳定性能及超高性价比

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型FPGA接收卡
型号D60-8
三线并行（RGB）16组
最大带载（像素）512*256
亮度校正带载（像素）512*256
色度校正带载（像素）512*160
级联卡数量≤1000PCS
支持扫描行1-64扫
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/receive_card/D60-B6S/D60-B6S.html b/src/products/control_system/receive_card/D60-B6S/D60-B6S.html new file mode 100644 index 0000000..de54cfa --- /dev/null +++ b/src/products/control_system/receive_card/D60-B6S/D60-B6S.html @@ -0,0 +1,358 @@ + + + + + + + + + + + + + + 熙讯-接收卡-D60-B6S + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

D60-B6S

+
+
+
+
+
+
+ D60-320正面预览图 +
+ +
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    采用小的尺寸和厚度，为日趋狭窄的箱体空间和灯间距节省空间

    +
    • +
  • + +

    采用高密度接插件接口，防尘防震，具有高稳定性和高可靠性

    +
    • +
  • + +

    支持双卡备份工作，提高稳定性及可靠性

    +
    • +
  • + +

    强大的LED驱动芯片兼容能力

    +
    • +
  • + +

    采用84PIN高精密接插件接口

    +
    • +
  • + +

    最大支持32组RGB并行数据

    +
    • +
  • + +

    具有强大的处理能力、超稳定性能及超高性价比

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型接收卡
型号D60-B6S
三线并行（RGB）24组
最大带载（像素）384x512
亮度校正带载（像素）480*256
色度校正带载（像素）480*160
级联卡数量≤1000PCS
支持扫描行1-64扫
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/receive_card/D70-16/D70-16.html b/src/products/control_system/receive_card/D70-16/D70-16.html new file mode 100644 index 0000000..b69c95e --- /dev/null +++ b/src/products/control_system/receive_card/D70-16/D70-16.html @@ -0,0 +1,370 @@ + + + + + + + + + + + + + + 熙讯-接收卡-D70-16 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

D70-16

+
+
+
+
+
+
+ D70-16正面预览图 +
+ +
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    具有MCU设计，提高产品应用灵活性

    +
    • +
  • + +

    支持硬件在线复位功能

    +
    • +
  • + +

    强大的驱动芯片兼容能力

    +
    • +
  • + +

    采用16个标准HUB75E接口

    +
    • +
  • + +

    带载高达512*256像素点

    +
    • +
  • + +

    支持接收卡参数回读

    +
    • +
  • + +

    具有网线热备份功能

    +
    • +
  • + +

    支持所有接收卡参数监控功能

    +
    • +
  • + +

    符合RoHS标准

    +
    • +
  • + +

    符合CE-EMC标准

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型标准型接收卡
型号D70-16
三线并行（RGB）32组
最大带载（像素）512*256
亮度校正带载（像素）512*256
色度校正带载（像素）512*160
级联卡数量＜200
支持扫描行1-64扫
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/receive_card/D70-A8S/D70-A8S.html b/src/products/control_system/receive_card/D70-A8S/D70-A8S.html new file mode 100644 index 0000000..01b76aa --- /dev/null +++ b/src/products/control_system/receive_card/D70-A8S/D70-A8S.html @@ -0,0 +1,394 @@ + + + + + + + + + + + + + + 熙讯-接收卡-D70-A8S + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

D70-A8S

+
+
+
+
+
+
+ D70-A8S正面预览图 +
+
+ D70-A8S背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    支持的屏体类型：单色／双色／全彩，实像素／虚拟像素

    +
    • +
  • + +

    单块接收卡带载像素面积：9万像素，最宽768, 最高768

    +
    • +
  • + +

    光纤传输距离：多模光纤500米，单模光纤10千米

    +
    • +
  • + +

    一组RGB驱动行数：1~32

    +
    • +
  • + +

    采用小的尺寸和厚度，为日趋狭窄的箱体空间和灯间距节省空间

    +
    • +
  • + +

    采用高密度接插件接口，防尘防震，具有高稳定性和高可靠性

    +
    • +
  • + +

    集成网络变压器，简化设计，提高电磁兼容性

    +
    • +
  • + +

    具有 MCU 设计，提高产品应用灵活性

    +
    • +
  • + +

    支持双卡备份工作，提高稳定性及可靠性

    +
    • +
  • + +

    强大的LED驱动芯片兼容能力

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型小尺寸全功能接收卡
型号D70-A8S
LED模组全彩
三线并行（RGB）32组
串行数据96组
尺寸(mm)70.00x45.00
单卡带载像素256x512
工作温度-20°c-+75°c
最大带载（像素）256*512
亮度校正带载（像素）256*512
色度校正带载（像素）256*352
级联卡数量＜200PCS
支持扫描行1-64扫
特色功能网线双备份/亮度逐点校正/PWM芯片、逐点检测芯片、常规芯片
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/control_system/receive_card/receive_card.html b/src/products/control_system/receive_card/receive_card.html new file mode 100644 index 0000000..93a96e9 --- /dev/null +++ b/src/products/control_system/receive_card/receive_card.html @@ -0,0 +1,264 @@ + + + + + + + + + + + + + + 熙讯-产品中心 + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+
+ 产品中心 +
+
+
+
+
+
+
+
+ 控制系统 +
+
+
+ LCD系列 + 灯杆屏系列 + 车载控制系列 + 商显屏系列 + 接收卡 + 配件 +
+
+
+
+ 视频处理 +
+
+
+ 同步发送卡 + 二合一视频处理器 + 独立主控 + 视频拼接器 + 分布式系统 + 多媒体服务器 +
+
+
+
+ 熙讯软件 +
+
+
+ 单机软件 + 云平台 + APP +
+
+
+
+ 定制开发 +
+
+
+ XXXXXX + XXXXXX + XXXXXX +
+
+
+
+ +
+
D60-8
+
了解更多
+
+
+
+ +
+
+ + +
+
D60-12A
+
了解更多
+
+
+
+ +
+
+ + +
+
D60-320
+
了解更多
+
+
+
+ +
+
+ + +
+
D60-B6S
+
了解更多
+
+
+
+ +
+
+ + +
+
D70-A8S
+
了解更多
+
+
+
+ +
+
+ + +
+
D70-16
+
了解更多
+
+
+
+ +
+
+ +
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/video_process/2-in-1_video_process/2-in-1_video_process.html b/src/products/video_process/2-in-1_video_process/2-in-1_video_process.html new file mode 100644 index 0000000..360e71c --- /dev/null +++ b/src/products/video_process/2-in-1_video_process/2-in-1_video_process.html @@ -0,0 +1,275 @@ + + + + + + + + + + + + + + 熙讯-产品中心 + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+
+ 产品中心 +
+
+
+
+
+
+
+
+ 控制系统 +
+
+
+ LCD系列 + 灯杆屏系列 + 车载控制系列 + 商显屏系列 + 接收卡 + 配件 +
+
+
+
+ 视频处理 +
+
+
+ 同步发送卡 + 二合一视频处理器 + 独立主控 + 视频拼接器 + 分布式系统 + 多媒体服务器 +
+
+
+
+ 熙讯软件 +
+
+
+ 单机软件 + 云平台 + APP +
+
+
+
+ 定制开发 +
+
+
+ XXXXXX + XXXXXX + XXXXXX +
+
+
+
+ +
+
S30
+
了解更多
+
+
+
+ +
+
+ + +
+
S40
+
了解更多
+
+
+
+ +
+
+ + +
+
S45S
+
了解更多
+
+
+
+ +
+
+ + +
+
S50S
+
了解更多
+
+
+
+ +
+
+ + +
+
S52
+
了解更多
+
+
+
+ +
+
+ + +
+
S60S
+
了解更多
+
+
+
+ +
+
+ + +
+
S70S
+
了解更多
+
+
+
+ +
+
+ +
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/video_process/2-in-1_video_process/S30/S30.html b/src/products/video_process/2-in-1_video_process/S30/S30.html new file mode 100644 index 0000000..e0587f0 --- /dev/null +++ b/src/products/video_process/2-in-1_video_process/S30/S30.html @@ -0,0 +1,385 @@ + + + + + + + + + + + + + + 熙讯-视频处理-二合一视频处理器-S30 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

S30

+
+
+
+
+
+
+ S30正面预览图 +
+
+ S30背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    输出：最宽3840,最高1920

    +
    • +
  • + +

    支持2路HDMI、VGA、DVI、CVBS接口输入

    +
    • +
  • + +

    拥有2路千兆网口输出直接连接接收卡，简化现场环境搭建；单网口65万像素点，双网口130万像素点

    +
    • +
  • + +

    输入通道均可实现无缝切换

    +
    • +
  • + +

    不需要通过计算机进行显示屏调试，使用 S30 即可对显示屏进行简单调试

    +
    • +
  • + +

    支持 USB 播放，即插即播

    +
    • +
  • + +

    输入通道切换均可实现无缝切换

    +
    • +
  • + +

    可直接对显示屏进行简单调试

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型二合一视频处理器
型号S30
控制点数支拥有2路千兆网口输出直接连接接收卡，简化现场环境搭建；单网口65万像素点，双网口130万像素点
支持分辨率最宽3840,最高1920
支持模组各种静态扫描，户内户外模组全支持
工作电压100V～240V
额定功率11W
工作温度-20℃ ~ 70℃
工作湿度10%RH-90%RH 无凝固
存储温度-40℃ ~ +70℃，推荐 5℃ ~ 35℃
配套软件LedSet3.0
配套接收卡类型所有适配型号的接收卡系列
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/video_process/2-in-1_video_process/S40/S40.html b/src/products/video_process/2-in-1_video_process/S40/S40.html new file mode 100644 index 0000000..7e4e4dc --- /dev/null +++ b/src/products/video_process/2-in-1_video_process/S40/S40.html @@ -0,0 +1,385 @@ + + + + + + + + + + + + + + 熙讯-视频处理-二合一视频处理器-S40 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

S40

+
+
+
+
+
+
+ S40正面预览图 +
+
+ S40背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    输出：最宽3840，最高1920

    +
    • +
  • + +

    集成发送卡：拥有 4 路千兆网口输出直接连接接收卡；简化现场环境搭建

    +
    • +
  • + +

    支持2路HDMI、VGA、DVI、CVBS接口输入

    +
    • +
  • + +

    免 PC 调试：不需要通过计算机软件进行显示屏调试。现在只需对一个旋钮和一个按钮，进行简单操作即可完显示屏调试，所有操作几步即可完成

    +
    • +
  • + +

    单网口65万像素点，四网口，230万像素（260万像素需用S40 PRO）最宽3840，最高1920

    +
    • +
  • + +

    支持定时亮度调节

    +
    • +
  • + +

    支持环境亮度检测自动调节大屏亮度

    +
    • +
  • + +

    无缝切换：是一款无缝切换拼接器，所有输入通道切换都可实现无缝切换

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型DVI同步发送卡
型号S40
控制点数支持4个网口输出，最大带载 230 万像素，最宽为 3840，最高为 1920
支持多种分辨率支持自定义输出分辨率
支持模组各种静态扫描，户内户外模组全支持
工作电压100V～240V
额定功率11W
工作温度-20℃ ~ 70℃
工作湿度10%RH-90%RH 无凝固
存储温度-40℃ ~ +70℃，推荐 5℃ ~ 35℃
配套软件LedSet3.0
配套接收卡类型所有适配型号的接收卡系列
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/video_process/2-in-1_video_process/S45S/S45S.html b/src/products/video_process/2-in-1_video_process/S45S/S45S.html new file mode 100644 index 0000000..9e7eac1 --- /dev/null +++ b/src/products/video_process/2-in-1_video_process/S45S/S45S.html @@ -0,0 +1,360 @@ + + + + + + + + + + + + + + 熙讯-视频处理-二合一视频处理器-S45S + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

S45S

+
+
+
+
+
+
+ S45S正面预览图 +
+
+ S45S背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    单机带载 390 万像素，自定义输出分辨率，输出水平最宽 7680 像素， 垂直最高 3840 像素

    +
    • +
  • + +

    4 画面同时显示

    +
    • +
  • + +

    音视频随动切换/音量大小调节

    +
    • +
  • + +

    输入端口： DVI*1,HDMI*2, DP*1, VGA*1, 音频*1

    +
    • +
  • + +

    支持视频源任意切换，任意缩放

    +
    • +
  • + +

    模板保存及加载

    +
    • +
  • + +

    时间任务表，一键黑屏，内置测试图卡，USB 升级，按键锁

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型二合一视频处理器
型号S45S
输入电压AC-100-240V-50/60HZ
额定功率25W
工作温度0-45℃
工作湿度10%RH-90%RH 无凝固
外形尺寸机箱体尺寸：483.5 x 300.3 x 66.7 mm（长 x 宽 x 高）
净重5KG
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/video_process/2-in-1_video_process/S50S/S50S.html b/src/products/video_process/2-in-1_video_process/S50S/S50S.html new file mode 100644 index 0000000..d946c05 --- /dev/null +++ b/src/products/video_process/2-in-1_video_process/S50S/S50S.html @@ -0,0 +1,360 @@ + + + + + + + + + + + + + + 熙讯-视频处理-二合一视频处理器-S50S + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

S50S

+
+
+
+
+
+
+ S50S正面预览图 +
+
+ S50S背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    单机带载 520 万像素，自定义输出分辨率，输出水平最宽 7680 像素，垂直最高 3840 像素

    +
    • +
  • + +

    4 画面同时显示

    +
    • +
  • + +

    音视频随动切换/音量大小调节

    +
    • +
  • + +

    输入端口： DVI*1,HDMI*2, DP*1, VGA*1, 音频*1

    +
    • +
  • + +

    多画面无缝切换， 单图层无缝切换

    +
    • +
  • + +

    模板保存及加载

    +
    • +
  • + +

    时间任务表，一键黑屏，内置测试图卡，USB 升级，按键锁

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型二合一视频处理器
型号S50S
输入电压AC-100-240V-50/60HZ
额定功率25W
工作温度0-45℃
工作湿度10%RH-90%RH 无凝固
外形尺寸机箱体尺寸：483.5 x 300.3 x 66.7 mm（长 x 宽 x 高）
净重5KG
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/video_process/2-in-1_video_process/S52/S52.html b/src/products/video_process/2-in-1_video_process/S52/S52.html new file mode 100644 index 0000000..0492a90 --- /dev/null +++ b/src/products/video_process/2-in-1_video_process/S52/S52.html @@ -0,0 +1,364 @@ + + + + + + + + + + + + + + 熙讯-视频处理-二合一视频处理器-S52 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

S52

+
+
+
+
+
+
+ S52正面预览图 +
+
+ S52背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    全数字高清接口，DVI×1、HDMI×3

    +
    • +
  • + +

    支持 10 路千兆网口输出

    +
    • +
  • + +

    最大带载 650 万像素，每个网口可做独立带载显示，输出单网口宽可达 3840 像素，最高可达3840 像素

    +
    • +
  • + +

    支持视频源任意切换，任意缩放

    +
    • +
  • + +

    8 画面显示，画面任意叠加，漫游，缩放

    +
    • +
  • + +

    图像瞬间切换，保障画面显示不黑屏

    +
    • +
  • + +

    视频源任意裁剪，局部放大

    +
    • +
  • + +

    画面窗口位置、大小可自由调节

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型二合一视频处理器
型号S52
输入电压AC-100-240V-50/60HZ
额定功率20W
工作温度0-50℃
工作湿度10%RH-80%RH 无凝固
外形尺寸机箱体尺寸：482mm × 250mm × 45mm（长 × 宽 × 高）
净重1.9Kg ± 0.5g
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/video_process/2-in-1_video_process/S60S/S60S.html b/src/products/video_process/2-in-1_video_process/S60S/S60S.html new file mode 100644 index 0000000..5027bd6 --- /dev/null +++ b/src/products/video_process/2-in-1_video_process/S60S/S60S.html @@ -0,0 +1,372 @@ + + + + + + + + + + + + + + 熙讯-视频处理-二合一视频处理器-S60S + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

S60S

+
+
+
+
+
+
+ S60S正面预览图 +
+
+ S60S背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    全数字高清接口，DVI×1、HDMI×3

    +
    • +
  • + +

    支持 12 路千兆网口输出

    +
    • +
  • + +

    最大带载 780 万像素，每个网口可做独立带载显示，输出单网口宽可达 3840 像素，最高可达 3840 像素

    +
    • +
  • + +

    支持输入分辨率 3840×2160@60Hz，最大输入分辨率 7680×1080@60Hz，分辨率可任意自定义

    +
    • +
  • + +

    支持视频源任意切换，任意缩放

    +
    • +
  • + +

    8 画面显示，画面任意叠加，漫游，缩放

    +
    • +
  • + +

    图像瞬间切换，保障画面显示不黑屏

    +
    • +
  • + +

    视频源任意裁剪，局部放大

    +
    • +
  • + +

    画面窗口位置、大小可自由调节

    +
    • +
  • + +

    支持工程时间锁

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型二合一视频处理器
型号S60S
输入电压AC-100-240V-50/60HZ
额定功率36W
工作温度-20℃- 70℃
工作湿度10%RH-80%RH 无凝固
外形尺寸机箱体尺寸：472mm × 290mm × 64mm（长 × 宽 × 高）
净重2.8Kg ± 5g
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/video_process/2-in-1_video_process/S70S/S70S.html b/src/products/video_process/2-in-1_video_process/S70S/S70S.html new file mode 100644 index 0000000..23c0172 --- /dev/null +++ b/src/products/video_process/2-in-1_video_process/S70S/S70S.html @@ -0,0 +1,372 @@ + + + + + + + + + + + + + + 熙讯-视频处理-二合一视频处理器-S70S + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

S70S

+
+
+
+
+
+
+ S70S正面预览图 +
+
+ S70S背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    多种输入接口：1×HDMI 2.0 、1×DP1.2 、2×DVI 、2×HDMI1.3 、1×3G-SDI

    +
    • +
  • + +

    EDID 管理支持 DVI 、HDMI 、DP 接口的输入分辨率管理

    +
    • +
  • + +

    单机 20 路千兆网口输出，最大带载 1040 万像素点 LED 屏

    +
    • +
  • + +

    自定义输出分辨率，输出水平最宽 15360 像素，垂直最高 15360 像素

    +
    • +
  • + +

    画中画功能：在 4K 输入主画面中插入其他画面

    +
    • +
  • + +

    多图层功能：最大可叠加 5 图层并任意切换

    +
    • +
  • + +

    画面透明功能：每组 窗口 画面支持 独立的 透明度设置

    +
    • +
  • + +

    支持音频输入、出，音视频随动切换

    +
    • +
  • + +

    支持 8 种场景模板，直接调用

    +
    • +
  • + +

    内置时钟，支持定场景模板切换

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型二合一视频处理器
型号S70S
输入电压AC-100-240V-50/60HZ
额定功率36W
工作温度-20℃- 70℃
工作湿度10%RH-80%RH 无凝固
外形尺寸机箱体尺寸：486mm × 365mm × 88.9mm（长 × 宽 × 高）
净重4.75Kg
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/video_process/accessory/accessory.html b/src/products/video_process/accessory/accessory.html new file mode 100644 index 0000000..73d94fd --- /dev/null +++ b/src/products/video_process/accessory/accessory.html @@ -0,0 +1,837 @@ + + + + + + + + + + + + + + 熙讯-产品中心 + + + + + + + + + + + + + + +
+
+ +
+
+ +
+
+
+ +
+
+ + + +
+
+
+
+
+ +
+
+ 产品中心 +
+
+
+
+
+
+
+
+ 控制系统 +
+
+
+ 灯杆屏系列 + 车载控制系列 + 商显屏系列 + 接收卡 + 配件 +
+
+
+
+ 视频处理 +
+
+
+ LCD系列 + 同步发送卡 + 二合一视频处理器 + 独立主控 + 配件 +
+
+
+
+ 熙讯软件 +
+
+
+ 单机软件 + 云平台 + APP +
+
+
+
+ 定制开发 +
+
+
+ XXXXXX + XXXXXX + XXXXXX +
+
+
+
+ +
+
RLB1
+
了解更多
+
+
+
+ +
+
+ + +
+
RP0
+
了解更多
+
+
+
+ +
+
+ + +
+
RP1
+
了解更多
+
+
+
+ +
+
+ + +
+
RP3
+
了解更多
+
+
+
+ +
+
+ + +
+
RQ1
+
了解更多
+
+
+
+ +
+
+ + +
+
RHH1
+
了解更多
+
+
+
+ +
+
+ + +
+
RG30
+
了解更多
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+
+
+
+
产品中心
+
+
+ 控制系统 + +
+ 灯杆屏系列 + 车载控制系统 + 商显屏系列 + 接收卡 + 配件 +
+
+
+ 视频处理 + +
+ LCD系列 + 同步发送卡 + 二合一视频处理器 + 独立主控 + 配件 +
+
+
+ 熙讯软件 + +
+ 单机软件 + 云平台 + APP +
+
+
+ 定制开发 + +
+ XXXXXX + XXXXXX + XXXXXX +
+
+
+ +
+
+
解决方案
+
+ 广电演播IP化解决方案 + 超大分辨率解决方案 + XR虚拟拍摄解决方案 + 创意显示解决方案 + 3D显示解决方案 + COB屏校正解决方案 + 智慧灯杆屏解决方案 + 车载广告屏解决方案 + 会议一体机解决方案 + 分布式坐席解决方案 +
+ +
+
+
典型案例
+
+ 经典案例 + 应用案例 +
+ +
+
+
服务支持
+
+ 下载专区 + 操作视频 + CCE认证 + 服务网络 + 投诉和建议 +
+ +
+
+
关于我们
+
+ 公司简介 + 企业愿景 + 企业使命 + 企业价值观 + 联系我们 + 人才招聘 +
+ +
+
+
投资者关系
+
+ 投资者热线 + 交流平台 +
+ +
+
+
+
敬请关注
+
    +
  • +
    + +
    +

    微信公众号

    +
    • +
  • +
    + +
    +

    微信视频号

    +
    • +
+
+
+

服务热线:

+

9999 999 999

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

沪公网安备 31011402004627号2022©版权所有 上海熙讯电子科技有限公司

+

+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/video_process/distributed_system/SP800/SP800.html b/src/products/video_process/distributed_system/SP800/SP800.html new file mode 100644 index 0000000..fb055a5 --- /dev/null +++ b/src/products/video_process/distributed_system/SP800/SP800.html @@ -0,0 +1,372 @@ + + + + + + + + + + + + + + 熙讯-视频处理-分布式系统-SP800 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

SP800

+
+
+
+
+
+
+ SP800正面预览图 +
+
+ SP800背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    丰富的输入接口：拥有 1 路 DP1.2 输入；1 路 HDMI2.0 输入；1 路 AUDIO 音频输入

    +
    • +
  • + +

    多种类输出接口：拥有 20 路千兆网口输出；4 路光纤双向双工传输

    +
    • +
  • + +

    多种通讯控制方式：拥有 1 路 USB 接口；1 路串口接口；1 路百兆网接口

    +
    • +
  • + +

    支持网口环路备份、双主控备份

    +
    • +
  • + +

    支持多种预设分辨率；并支持分辨率自定义功能

    +
    • +
  • + +

    兼容 30HZ、50HZ、60HZ、120HZ 等多种帧频输入

    +
    • +
  • + +

    支持上位机软件监控发送卡运行参数及状态

    +
    • +
  • + +

    支持音频输入、出，音视频随动切换

    +
    • +
  • + +

    支持配置参数回读

    +
    • +
  • + +

    支持千兆网误码率检

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型分布式系统
型号SP800
输入电压AC-100-240V-50/60HZ
额定功率70W
工作温度-20℃- 70℃
工作湿度10%RH-90%RH 无凝固
外形尺寸机箱体尺寸：487mm × 365mm × 89mm（长 × 宽 × 高）
净重6.2Kg
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/video_process/distributed_system/distributed_system.html b/src/products/video_process/distributed_system/distributed_system.html new file mode 100644 index 0000000..4a956bb --- /dev/null +++ b/src/products/video_process/distributed_system/distributed_system.html @@ -0,0 +1,209 @@ + + + + + + + + + + + + + + 熙讯-产品中心 + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+
+ 产品中心 +
+
+
+
+
+
+
+
+ 控制系统 +
+
+
+ LCD系列 + 灯杆屏系列 + 车载控制系列 + 商显屏系列 + 接收卡 + 配件 +
+
+
+
+ 视频处理 +
+
+
+ 同步发送卡 + 二合一视频处理器 + 独立主控 + 视频拼接器 + 分布式系统 + 多媒体服务器 +
+
+
+
+ 熙讯软件 +
+
+
+ 单机软件 + 云平台 + APP +
+
+
+
+ 定制开发 +
+
+
+ XXXXXX + XXXXXX + XXXXXX +
+
+
+
+ +
+
SP800
+
了解更多
+
+
+
+ 分布式系统-SP800 +
+
+ +
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/video_process/independent_control/S200/S200.html b/src/products/video_process/independent_control/S200/S200.html new file mode 100644 index 0000000..5f420b0 --- /dev/null +++ b/src/products/video_process/independent_control/S200/S200.html @@ -0,0 +1,372 @@ + + + + + + + + + + + + + + 熙讯-视频处理-独立主控-S200 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

S200

+
+
+
+
+
+
+ S200正面预览图 +
+
+ S200背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    丰富的输入接口：拥有 1 路 DP1.2 输入；1 路 HDMI2.0 输入；1 路 AUDIO 音频输入

    +
    • +
  • + +

    多种类输出接口：拥有 20 路千兆网口输出；4 路光纤双向双工传输

    +
    • +
  • + +

    多种通讯控制方式：拥有 1 路 USB 接口；1 路串口接口；1 路百兆网接口

    +
    • +
  • + +

    支持网口环路备份、双主控备份

    +
    • +
  • + +

    支持多种预设分辨率；并支持分辨率自定义功能

    +
    • +
  • + +

    兼容 30HZ、50HZ、60HZ、120HZ 等多种帧频输入

    +
    • +
  • + +

    支持上位机软件监控发送卡运行参数及状态

    +
    • +
  • + +

    支持音频输入、出，音视频随动切换

    +
    • +
  • + +

    支持配置参数回读

    +
    • +
  • + +

    支持千兆网误码率检

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型独立主控视频处理器
型号S200
输入电压AC-100-240V-50/60HZ
额定功率70W
工作温度-20℃- 70℃
工作湿度10%RH-90%RH 无凝固
外形尺寸机箱体尺寸：487mm × 365mm × 89mm（长 × 宽 × 高）
净重6.2Kg
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/video_process/independent_control/independent_control.html b/src/products/video_process/independent_control/independent_control.html new file mode 100644 index 0000000..0d482fe --- /dev/null +++ b/src/products/video_process/independent_control/independent_control.html @@ -0,0 +1,209 @@ + + + + + + + + + + + + + + 熙讯-产品中心 + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+
+ 产品中心 +
+
+
+
+
+
+
+
+ 控制系统 +
+
+
+ LCD系列 + 灯杆屏系列 + 车载控制系列 + 商显屏系列 + 接收卡 + 配件 +
+
+
+
+ 视频处理 +
+
+
+ 同步发送卡 + 二合一视频处理器 + 独立主控 + 视频拼接器 + 分布式系统 + 多媒体服务器 +
+
+
+
+ 熙讯软件 +
+
+
+ 单机软件 + 云平台 + APP +
+
+
+
+ 定制开发 +
+
+
+ XXXXXX + XXXXXX + XXXXXX +
+
+
+
+ +
+
S200
+
了解更多
+
+
+
+ +
+
+ +
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/video_process/multimedia_server/F2/F2.html b/src/products/video_process/multimedia_server/F2/F2.html new file mode 100644 index 0000000..a1d77ec --- /dev/null +++ b/src/products/video_process/multimedia_server/F2/F2.html @@ -0,0 +1,372 @@ + + + + + + + + + + + + + + 熙讯-视频处理-多媒体服务器-F2 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

F2

+
+
+
+
+
+
+ F2正面预览图 +
+
+ F2背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    丰富的输入接口：拥有 1 路 DP1.2 输入；1 路 HDMI2.0 输入；1 路 AUDIO 音频输入

    +
    • +
  • + +

    多种类输出接口：拥有 20 路千兆网口输出；4 路光纤双向双工传输

    +
    • +
  • + +

    多种通讯控制方式：拥有 1 路 USB 接口；1 路串口接口；1 路百兆网接口

    +
    • +
  • + +

    支持网口环路备份、双主控备份

    +
    • +
  • + +

    支持多种预设分辨率；并支持分辨率自定义功能

    +
    • +
  • + +

    兼容 30HZ、50HZ、60HZ、120HZ 等多种帧频输入

    +
    • +
  • + +

    支持上位机软件监控发送卡运行参数及状态

    +
    • +
  • + +

    支持音频输入、出，音视频随动切换

    +
    • +
  • + +

    支持配置参数回读

    +
    • +
  • + +

    支持千兆网误码率检

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型多媒体服务器
型号F2
输入电压AC-100-240V-50/60HZ
额定功率70W
工作温度-20℃- 70℃
工作湿度10%RH-90%RH 无凝固
外形尺寸机箱体尺寸：487mm × 365mm × 89mm（长 × 宽 × 高）
净重6.2Kg
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/video_process/multimedia_server/F4/F4.html b/src/products/video_process/multimedia_server/F4/F4.html new file mode 100644 index 0000000..74df39a --- /dev/null +++ b/src/products/video_process/multimedia_server/F4/F4.html @@ -0,0 +1,372 @@ + + + + + + + + + + + + + + 熙讯-视频处理-多媒体服务器-F4 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

F4

+
+
+
+
+
+
+ F4正面预览图 +
+
+ F4背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    丰富的输入接口：拥有 1 路 DP1.2 输入；1 路 HDMI2.0 输入；1 路 AUDIO 音频输入

    +
    • +
  • + +

    多种类输出接口：拥有 20 路千兆网口输出；4 路光纤双向双工传输

    +
    • +
  • + +

    多种通讯控制方式：拥有 1 路 USB 接口；1 路串口接口；1 路百兆网接口

    +
    • +
  • + +

    支持网口环路备份、双主控备份

    +
    • +
  • + +

    支持多种预设分辨率；并支持分辨率自定义功能

    +
    • +
  • + +

    兼容 30HZ、50HZ、60HZ、120HZ 等多种帧频输入

    +
    • +
  • + +

    支持上位机软件监控发送卡运行参数及状态

    +
    • +
  • + +

    支持音频输入、出，音视频随动切换

    +
    • +
  • + +

    支持配置参数回读

    +
    • +
  • + +

    支持千兆网误码率检

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型多媒体服务器
型号F4
输入电压AC-100-240V-50/60HZ
额定功率70W
工作温度-20℃- 70℃
工作湿度10%RH-90%RH 无凝固
外形尺寸机箱体尺寸：487mm × 365mm × 89mm（长 × 宽 × 高）
净重6.2Kg
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/video_process/multimedia_server/multimedia_server.html b/src/products/video_process/multimedia_server/multimedia_server.html new file mode 100644 index 0000000..e141bcf --- /dev/null +++ b/src/products/video_process/multimedia_server/multimedia_server.html @@ -0,0 +1,220 @@ + + + + + + + + + + + + + + 熙讯-产品中心 + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+
+ 产品中心 +
+
+
+
+
+
+
+
+ 控制系统 +
+
+
+ LCD系列 + 灯杆屏系列 + 车载控制系列 + 商显屏系列 + 接收卡 + 配件 +
+
+
+
+ 视频处理 +
+
+
+ 同步发送卡 + 二合一视频处理器 + 独立主控 + 视频拼接器 + 分布式系统 + 多媒体服务器 +
+
+
+
+ 熙讯软件 +
+
+
+ 单机软件 + 云平台 + APP +
+
+
+
+ 定制开发 +
+
+
+ XXXXXX + XXXXXX + XXXXXX +
+
+
+
+ +
+
F2
+
了解更多
+
+
+
+ 多媒体服务器-F2 +
+
+ + +
+
F4
+
了解更多
+
+
+
+ 多媒体服务器-F4 +
+
+ +
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/video_process/sync_send/S20 Pro/S20 Pro.html b/src/products/video_process/sync_send/S20 Pro/S20 Pro.html new file mode 100644 index 0000000..7152513 --- /dev/null +++ b/src/products/video_process/sync_send/S20 Pro/S20 Pro.html @@ -0,0 +1,372 @@ + + + + + + + + + + + + + + 熙讯-视频处理-同步发送卡-S20 Pro + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

S20 Pro

+
+
+
+
+
+
+ S20 Pro正面预览图 +
+ +
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    一路DVI输入

    +
    • +
  • + +

    USB 接口，可在同一台 PC 上级联多张发送卡控制

    +
    • +
  • + +

    单张发送卡带载 130 万个像素点，单网口带载 65 万个像素点，图像位置可以任意设置

    +
    • +
  • + +

    支持三种取电方式

    +
    • +
  • + +

    支持色度还原功能

    +
    • +
  • + +

    具有 DVI 双备份功能

    +
    • +
  • + +

    一路 3.5mm 耳机孔音频输入

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型DVI同步发送卡
型号S20 Pro
控制点数单张发送卡带载130万，单网口带载65万，图像位置可以任意设置
支持多种分辨率640×480、800×600、1024×768、1280×1024、1280×720、1280×800、1366×768、1600×1200、1920×1080、2048×1152、2560×960，并支持分辨率回读功能
灰度等级65536级
支持模组各种静态扫描，户内户外模组全支持
工作电压5V
最大功率小于4W
工作温度-10℃ ~ +65℃
存储温度-40℃ ~ +70℃，推荐 5℃ ~ 35℃
配套软件LedSet3.0
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/video_process/sync_send/ST30/ST30.html b/src/products/video_process/sync_send/ST30/ST30.html new file mode 100644 index 0000000..392882b --- /dev/null +++ b/src/products/video_process/sync_send/ST30/ST30.html @@ -0,0 +1,360 @@ + + + + + + + + + + + + + + 熙讯-视频处理-同步发送卡-ST30 + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

ST30

+
+
+
+
+
+
+ ST30正面预览图 +
+
+ ST30背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    无须打开机箱，无须插入 PCI 插槽，无须另外插电

    +
    • +
  • + +

    支持多种标准输入分辨率，支持自定义分辨率，长度最长 3840 点。高度最高 1080 点

    +
    • +
  • + +

    输出 60Hz，最大带载显示屏点数 65 万点，任意宽高 LED 显示屏

    +
    • +
  • + +

    常规显示屏无需复杂设置，一键完成参数、排列显示屏

    +
    • +
  • + +

    可用于施工现场无计算机操作时测试显示屏。可用于产线老化简易测试显示屏模组

    +
    • +
  • + +

    所有操作一键完成，中文丝印，简单易用

    +
    • +
  • + +

    可自定义 8 种常见显示屏参数文件，适合出差施工需要

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型同步发送卡
型号ST30
系统时钟120MHz
Flash256KB
SRAM48KB
供电5.0V（最大电压不超过 5.5V） 2A DC 电源输入，板载防反接电路
电流常规使用电流 0.3A - 0.6A，25℃
供电方式XH2.54-4P 座子、两路 Type-C 口
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/video_process/sync_send/sync_send.html b/src/products/video_process/sync_send/sync_send.html new file mode 100644 index 0000000..90024f7 --- /dev/null +++ b/src/products/video_process/sync_send/sync_send.html @@ -0,0 +1,220 @@ + + + + + + + + + + + + + + 熙讯-产品中心 + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+
+ 产品中心 +
+
+
+
+
+
+
+
+ 控制系统 +
+
+
+ LCD系列 + 灯杆屏系列 + 车载控制系列 + 商显屏系列 + 接收卡 + 配件 +
+
+
+
+ 视频处理 +
+
+
+ 同步发送卡 + 二合一视频处理器 + 独立主控 + 视频拼接器 + 分布式系统 + 多媒体服务器 +
+
+
+
+ 熙讯软件 +
+
+
+ 单机软件 + 云平台 + APP +
+
+
+
+ 定制开发 +
+
+
+ XXXXXX + XXXXXX + XXXXXX +
+
+
+
+ +
+
S20 Pro
+
了解更多
+
+
+
+ +
+
+ + +
+
ST30
+
了解更多
+
+
+
+ +
+
+ +
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/video_process/video_splicer/VX8000S/VX8000S.html b/src/products/video_process/video_splicer/VX8000S/VX8000S.html new file mode 100644 index 0000000..9823ae1 --- /dev/null +++ b/src/products/video_process/video_splicer/VX8000S/VX8000S.html @@ -0,0 +1,372 @@ + + + + + + + + + + + + + + 熙讯-视频处理-视频拼接器-VX8000S + + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+ + +
+
+

VX8000S

+
+
+
+
+
+
+ VX8000S正面预览图 +
+
+ VX8000S背面预览图 +
+
+ + + +
+
+
+
+

功能特性

+
+
    +
  • + +

    丰富的输入接口：拥有 1 路 DP1.2 输入；1 路 HDMI2.0 输入；1 路 AUDIO 音频输入

    +
    • +
  • + +

    多种类输出接口：拥有 20 路千兆网口输出；4 路光纤双向双工传输

    +
    • +
  • + +

    多种通讯控制方式：拥有 1 路 USB 接口；1 路串口接口；1 路百兆网接口

    +
    • +
  • + +

    支持网口环路备份、双主控备份

    +
    • +
  • + +

    支持多种预设分辨率；并支持分辨率自定义功能

    +
    • +
  • + +

    兼容 30HZ、50HZ、60HZ、120HZ 等多种帧频输入

    +
    • +
  • + +

    支持上位机软件监控发送卡运行参数及状态

    +
    • +
  • + +

    支持音频输入、出，音视频随动切换

    +
    • +
  • + +

    支持配置参数回读

    +
    • +
  • + +

    支持千兆网误码率检

    +
    • +
+
+
+
+
+
+

产品介绍

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
类型视频拼接器
型号VX8000S
输入电压AC-100-240V-50/60HZ
额定功率70W
工作温度-20℃- 70℃
工作湿度10%RH-90%RH 无凝固
外形尺寸机箱体尺寸：487mm × 365mm × 89mm（长 × 宽 × 高）
净重6.2Kg
+
+
+
+
+
+

资料下载

+
+
文档
+
+ +
+
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/video_process/video_splicer/video_splicer.html b/src/products/video_process/video_splicer/video_splicer.html new file mode 100644 index 0000000..27c9d18 --- /dev/null +++ b/src/products/video_process/video_splicer/video_splicer.html @@ -0,0 +1,209 @@ + + + + + + + + + + + + + + 熙讯-产品中心 + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+
+ 产品中心 +
+
+
+
+
+
+
+
+ 控制系统 +
+
+
+ LCD系列 + 灯杆屏系列 + 车载控制系列 + 商显屏系列 + 接收卡 + 配件 +
+
+
+
+ 视频处理 +
+
+
+ 同步发送卡 + 二合一视频处理器 + 独立主控 + 视频拼接器 + 分布式系统 + 多媒体服务器 +
+
+
+
+ 熙讯软件 +
+
+
+ 单机软件 + 云平台 + APP +
+
+
+
+ 定制开发 +
+
+
+ XXXXXX + XXXXXX + XXXXXX +
+
+
+
+ +
+
VX8000S
+
了解更多
+
+
+
+ 视频拼接器-VX8000S +
+
+ +
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/products/xixun_software/AIPS/AIPS.html b/src/products/xixun_software/AIPS/AIPS.html new file mode 100644 index 0000000..e69de29 diff --git a/src/products/xixun_software/APP/APP.html b/src/products/xixun_software/APP/APP.html new file mode 100644 index 0000000..e69de29 diff --git a/src/products/xixun_software/APP/LEDOK Lite/pdf/LEDOK Lite Android APP说明书-V1.0 (1).pdf b/src/products/xixun_software/APP/LEDOK Lite/pdf/LEDOK Lite Android APP说明书-V1.0 (1).pdf new file mode 100644 index 0000000..d8600c5 Binary files /dev/null and b/src/products/xixun_software/APP/LEDOK Lite/pdf/LEDOK Lite Android APP说明书-V1.0 (1).pdf differ diff --git a/src/products/xixun_software/APP/LEDOK Lite/pdf/LEDOK Lite Android APP说明书-V1.0.pdf b/src/products/xixun_software/APP/LEDOK Lite/pdf/LEDOK Lite Android APP说明书-V1.0.pdf new file mode 100644 index 0000000..d8600c5 Binary files /dev/null and b/src/products/xixun_software/APP/LEDOK Lite/pdf/LEDOK Lite Android APP说明书-V1.0.pdf differ diff --git a/src/products/xixun_software/LedOK_Express/LedOK_Express.html b/src/products/xixun_software/LedOK_Express/LedOK_Express.html new file mode 100644 index 0000000..e69de29 diff --git a/src/solutions/broadcast.html b/src/solutions/broadcast.html new file mode 100644 index 0000000..a03f298 --- /dev/null +++ b/src/solutions/broadcast.html @@ -0,0 +1,870 @@ + + + + + + + + + + + + + + 熙讯-解决方案 - 广电演播IP化解决方案 + + + + + + + + + + + + + + +
+
+ +
+
+ +
+
+
+ +
+
+ + + +
+
+
+
+
+ +
+ +
+
+

车载广告屏解决方案

+
+

智慧城市，一键上云

+
+
+
+
+
+
+
方案介绍
+ +
方案架构
+ +
方案特点
+ +
私有化部署
+
+
+
+
+
+
    +
  • +

    + 方案介绍 +

    +
    • +
+

+
+

+

+熙讯车载广告投放平台，是一个领先行业的专业车载广告服务平台，以其创新性和高效性而脱颖而出。简称为VehicleHUB。该平台为广告主和车辆运营者提供了一个集群管理车载广告设备的在线平台，以便灵活地实现广告投放的目标。

+ +
+
+
+
+
    +
  • +

    + 方案架构 +

    +
    • +
+

+


+

+
+
+
+
+
    +
  • +

    + 方案特点 +

    +
    • +
+


+

+ ST2110标准 臻彩画质再颠覆 +

+

+
+

+

卡莱特推出适配于LED主控的ST2110子板以及ST2110媒体服务器，完美兼容广播电视行业对于IP化、超高清化的要求。

+

+
+

+

+

+

+


+

+
+

+

+ 5G+8K 卓越性能再升级 +

+

+
+

+

卡莱特5G+8K超高清显示控制系统，支持高分辨率、高色深的视频播放，让色彩呈现更加逼真，画质和体验全方位提升，使广播电视演播厅、舞台显示大屏等演播场景都能够得到最真实的显示效果，全面提升视频画面的清晰度和真实感。

+

+
+

+

+

+

+

+
+

+

+
+

+

+ 超大带载 +

+


+

采用了5G网口传输技术，相比传统单路网口，带载能力提升了近5倍，传输更加高效和稳定。在保证视频无压缩的情况下，解决了广播电视行业往超高清发展的显示问题。

+

+
+

+

+ +

+

+
+

+

+
+

+

+

+ 超低延迟 +

+


+

0帧延迟，实时显示同步，可将整个控制系统的延迟降低到不超过1帧（16.67ms），有效改善直播现场的画面延迟问题。

+


+

+


+


+

+ 高动态帧率 +

+


+

支持最大240Hz高帧率显示，流畅呈现高速运动视频，有效改善影像拖影和拍摄扫描线。

+

+
+

+

+ +

+


+


+

+ 场景融合 +

+


+

通过场景融合拍摄技术，一次拍摄制作可使用多台相机从多个机位视角同时进行录制，极大提高拍摄效率。

+

+
+

+

+ +

+


+

+
+
+
+
+
私有化部署
+
+
+
+
+ +
+
Z8t
+

+
了解更多
+
+
+
+ +
+
+ +
+
+ +
+
5G传输系列
+

+
了解更多
+
+
+
+ +
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+
产品中心
+
+
+ 图像处理 + +
+ 视频拼接器 + 超级视频处理器 + 专业视频处理器 + 分布式系统 + 软件 +
+
+
+ 控制系统 + +
+ 发送器 + 接收系列 + 配件 + 校正系统 + 专业配屏软件 +
+
+
+ 云联网 + +
+ 播放器 + 云平台 + 云联网播控软件 +
+
+
+ 媒体服务器 + +
+ 多媒体播控服务器 + 播控软件 + 服务器配件 +
+
+
+ +
+
+
解决方案
+
+ 广电演播IP化解决方案 + 超大分辨率解决方案 + XR虚拟拍摄解决方案 + 创意显示解决方案 + 3D显示解决方案 + COB屏校正解决方案 + 智慧灯杆屏解决方案 + 车载广告屏解决方案 + 会议一体机解决方案 + 分布式坐席解决方案 +
+ +
+
+
典型案例
+
+ 经典案例 + 应用案例 +
+ +
+
+
服务支持
+
+ 下载专区 + 操作视频 + CCE认证 + 服务网络 + 投诉和建议 +
+ +
+
+
关于我们
+
+ 公司简介 + 企业愿景 + 企业使命 + 企业价值观 + 联系我们 + 人才招聘 +
+ +
+
+
投资者关系
+
+ 投资者热线 + 交流平台 +
+ +
+
+
+
敬请关注
+
    +
  • +
    +

    微信公众号

    +
    • +
  • +
    +

    微信视频号

    +
    • +
+
+
+

服务热线:

+

4008 770 775

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

粤ICP备17069556号 2021©版权所有 卡莱特云科技股份有限公司

+

+ + + + + +

+
+ +
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/solutions/car_load/car_load.html b/src/solutions/car_load/car_load.html new file mode 100644 index 0000000..150227a --- /dev/null +++ b/src/solutions/car_load/car_load.html @@ -0,0 +1,280 @@ + + + + + + + + + + + + + + 熙讯科技-车载广告屏解决方案 + + + + + + + + + + +
+ #include(navbar) +
+
+ 车载应用解决方案 + +
+
+

车载广告屏解决方案

+
+ 车载广告，一键上云 +
+ +
+
+
+
+
+
方案介绍
+
方案架构
+
方案特点
+
私有化部署
+
+
+
+
+
+
    +
  • +

    +

    方案介绍
    +

    +
    • +
+

+
+

+

+ + 熙讯车载广告投放平台，是一个领先行业的专业车载广告服务平台，以其创新性和高效性而脱颖而出。简称VehicleHUB。该平台为广告主和车辆运营者提供了一个集群管理车载广告设备的在线平台，以便灵活地实现广告投放的目标。 + +

+

+


+

车载广告屏解决方案介绍

+
+
+
+
+
    +
  • +

    + +

    方案架构
    +

    +
    • +
+

+ + VehicleHUB允许广告主轻松管理大量车载广告设备，进行智能分组管理。广告主可以更精准地选择目标受众，确保广告投放更为有针对性。在VehicleHUB平台上，广告主可以选择多种广告投放方式，更重要的是，我们提供智能定向投放功能，使广告触达更加精准，提高广告投放效果。 + +

+

+


+

+ 车载广告屏解决方案架构 +

+
+
+
+
+
    +
  • +

    + +

    方案特点
    +

    +
    • +
+
+
+
+
+
+
简易便捷的广告流程
+
+

+ 我们引以为傲的首要特点是平台提供的简便便捷的广告流程。广告主只需设定一个名称并指定一个多媒体素材，即可快速创建车载广告，免去了繁琐的编排和布局工作。这一用户友好的设计让广告主能够在极短的时间内完成广告的创建，从而更专注于广告内容的创意和战略性考量 +

+
+
+
+
+
精准投放
+
+

+ 我们的平台不仅提供了按路线的分组投放功能，还支持按地域位置的精准投放。广告主得以根据目标人群的地理分布和行为习惯选择最合适的投放方式。这种精准投放策略有助于确保广告能够更精准地覆盖目标受众，提高广告的触达效果，从而为品牌宣传赢得更大的曝光面 +

+
+
+
+
+
数据统计监测
+
+

+ 在平台上，我们不仅提供广告播放日志的查看和导出功能，还提供实时广告播放画面截图监控。这使广告主能够随时随地获取广告播放的详尽数据，为其提供更全面的广告效果分析和评估。通过这一功能，广告主能够及时调整广告播放策略，确保广告在变化的市场环境中保持高效和有效 +

+
+
+
+
+
实时设备定位和轨迹
+
+

+ 我们的平台提供实时设备定位和轨迹功能，使广告主可以实时查看当前设备的准确位置以及车辆运行轨迹。这不仅有助于广告主了解广告播放的地理范围，还提供了对车辆运动路径的实时监控。这种全面的实时信息让广告主更具洞察力，有助于制定更智能的广告投放策略，最大程度地提升广告的投放效果。 +

+
+
+
+


+

+
+
+
+
+
私有化部署
+

+ + 私有化部署可以让用户的个性化需求得到满足，熙讯可以更灵活的根据用户的自定义需求进行二次开发，而不会受到公共平台服务的制约，可以将用户自建平台打造成更具个性化、功能更丰富的移动广告投放平台。 + +

+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
功能点熙讯公共平台（免费）客户自建平台（付费）
接入设备数量100不限制
分组管理设备支持支持
分组广告投放支持支持
广告播放排序支持支持
多屏同步播放支持支持
区域定点投放支持支持
车辆轨迹查询7天内任意1天按用户需求定制
播放日志查询仅支持7天查询按用户需求定制
播放日志导出仅支持7天数据导出按用户需求定制
自定义域名不支持支持
个性化功能定制不支持支持（根据定制功能付费）
SSL安全通讯支持支持
等保认证服务不支持提供技术服务
平台维护服务免费按年付费
+
+
+
+
+
+ + #include(footer) +
+ + + + + + + + + + + + + + diff --git a/src/solutions/commerce_display/commerce_display.html b/src/solutions/commerce_display/commerce_display.html new file mode 100644 index 0000000..b320639 --- /dev/null +++ b/src/solutions/commerce_display/commerce_display.html @@ -0,0 +1,280 @@ + + + + + + + + + + + + + + 熙讯科技-商业显示解决方案 + + + + + + + + + + +
+ #include(navbar) +
+
+ 商业显示解决方案 + +
+
+ + +
+
+
+
+
+
方案介绍
+
方案架构
+
方案特点
+
私有化部署
+
+
+
+
+
+
    +
  • +

    +

    方案介绍
    +

    +
    • +
+

+
+

+

+ + 熙讯车载广告投放平台，是一个领先行业的专业车载广告服务平台，以其创新性和高效性而脱颖而出。简称VehicleHUB。该平台为广告主和车辆运营者提供了一个集群管理车载广告设备的在线平台，以便灵活地实现广告投放的目标。 + +

+

+


+

车载广告屏解决方案介绍

+
+
+
+
+
    +
  • +

    + +

    方案架构
    +

    +
    • +
+

+ + VehicleHUB允许广告主轻松管理大量车载广告设备，进行智能分组管理。广告主可以更精准地选择目标受众，确保广告投放更为有针对性。在VehicleHUB平台上，广告主可以选择多种广告投放方式，更重要的是，我们提供智能定向投放功能，使广告触达更加精准，提高广告投放效果。 + +

+

+


+

+ 车载广告屏解决方案架构 +

+
+
+
+
+
    +
  • +

    + +

    方案特点
    +

    +
    • +
+
+
+
+
+
+
简易便捷的广告流程
+
+

+ 我们引以为傲的首要特点是平台提供的简便便捷的广告流程。广告主只需设定一个名称并指定一个多媒体素材，即可快速创建车载广告，免去了繁琐的编排和布局工作。这一用户友好的设计让广告主能够在极短的时间内完成广告的创建，从而更专注于广告内容的创意和战略性考量 +

+
+
+
+
+
精准投放
+
+

+ 我们的平台不仅提供了按路线的分组投放功能，还支持按地域位置的精准投放。广告主得以根据目标人群的地理分布和行为习惯选择最合适的投放方式。这种精准投放策略有助于确保广告能够更精准地覆盖目标受众，提高广告的触达效果，从而为品牌宣传赢得更大的曝光面 +

+
+
+
+
+
数据统计监测
+
+

+ 在平台上，我们不仅提供广告播放日志的查看和导出功能，还提供实时广告播放画面截图监控。这使广告主能够随时随地获取广告播放的详尽数据，为其提供更全面的广告效果分析和评估。通过这一功能，广告主能够及时调整广告播放策略，确保广告在变化的市场环境中保持高效和有效 +

+
+
+
+
+
实时设备定位和轨迹
+
+

+ 我们的平台提供实时设备定位和轨迹功能，使广告主可以实时查看当前设备的准确位置以及车辆运行轨迹。这不仅有助于广告主了解广告播放的地理范围，还提供了对车辆运动路径的实时监控。这种全面的实时信息让广告主更具洞察力，有助于制定更智能的广告投放策略，最大程度地提升广告的投放效果。 +

+
+
+
+


+

+
+
+
+
+
私有化部署
+

+ + 私有化部署可以让用户的个性化需求得到满足，熙讯可以更灵活的根据用户的自定义需求进行二次开发，而不会受到公共平台服务的制约，可以将用户自建平台打造成更具个性化、功能更丰富的移动广告投放平台。 + +

+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
功能点熙讯公共平台（免费）客户自建平台（付费）
接入设备数量100不限制
分组管理设备支持支持
分组广告投放支持支持
广告播放排序支持支持
多屏同步播放支持支持
区域定点投放支持支持
车辆轨迹查询7天内任意1天按用户需求定制
播放日志查询仅支持7天查询按用户需求定制
播放日志导出仅支持7天数据导出按用户需求定制
自定义域名不支持支持
个性化功能定制不支持支持（根据定制功能付费）
SSL安全通讯支持支持
等保认证服务不支持提供技术服务
平台维护服务免费按年付费
+
+
+
+
+
+ + #include(footer) +
+ + + + + + + + + + + + + + diff --git a/src/solutions/lamp_pole/lamp_pole.html b/src/solutions/lamp_pole/lamp_pole.html new file mode 100644 index 0000000..0c5757f --- /dev/null +++ b/src/solutions/lamp_pole/lamp_pole.html @@ -0,0 +1,280 @@ + + + + + + + + + + + + + + 熙讯科技-智慧灯杆解决方案 + + + + + + + + + + +
+ #include(navbar) +
+
+ 智慧灯杆解决方案 + +
+
+ + +
+
+
+
+
+
方案介绍
+
方案架构
+
方案特点
+
私有化部署
+
+
+
+
+
+
    +
  • +

    +

    方案介绍
    +

    +
    • +
+

+
+

+

+ + 熙讯车载广告投放平台，是一个领先行业的专业车载广告服务平台，以其创新性和高效性而脱颖而出。简称VehicleHUB。该平台为广告主和车辆运营者提供了一个集群管理车载广告设备的在线平台，以便灵活地实现广告投放的目标。 + +

+

+


+

车载广告屏解决方案介绍

+
+
+
+
+
    +
  • +

    + +

    方案架构
    +

    +
    • +
+

+ + VehicleHUB允许广告主轻松管理大量车载广告设备，进行智能分组管理。广告主可以更精准地选择目标受众，确保广告投放更为有针对性。在VehicleHUB平台上，广告主可以选择多种广告投放方式，更重要的是，我们提供智能定向投放功能，使广告触达更加精准，提高广告投放效果。 + +

+

+


+

+ 车载广告屏解决方案架构 +

+
+
+
+
+
    +
  • +

    + +

    方案特点
    +

    +
    • +
+
+
+
+
+
+
简易便捷的广告流程
+
+

+ 我们引以为傲的首要特点是平台提供的简便便捷的广告流程。广告主只需设定一个名称并指定一个多媒体素材，即可快速创建车载广告，免去了繁琐的编排和布局工作。这一用户友好的设计让广告主能够在极短的时间内完成广告的创建，从而更专注于广告内容的创意和战略性考量 +

+
+
+
+
+
精准投放
+
+

+ 我们的平台不仅提供了按路线的分组投放功能，还支持按地域位置的精准投放。广告主得以根据目标人群的地理分布和行为习惯选择最合适的投放方式。这种精准投放策略有助于确保广告能够更精准地覆盖目标受众，提高广告的触达效果，从而为品牌宣传赢得更大的曝光面 +

+
+
+
+
+
数据统计监测
+
+

+ 在平台上，我们不仅提供广告播放日志的查看和导出功能，还提供实时广告播放画面截图监控。这使广告主能够随时随地获取广告播放的详尽数据，为其提供更全面的广告效果分析和评估。通过这一功能，广告主能够及时调整广告播放策略，确保广告在变化的市场环境中保持高效和有效 +

+
+
+
+
+
实时设备定位和轨迹
+
+

+ 我们的平台提供实时设备定位和轨迹功能，使广告主可以实时查看当前设备的准确位置以及车辆运行轨迹。这不仅有助于广告主了解广告播放的地理范围，还提供了对车辆运动路径的实时监控。这种全面的实时信息让广告主更具洞察力，有助于制定更智能的广告投放策略，最大程度地提升广告的投放效果。 +

+
+
+
+


+

+
+
+
+
+
私有化部署
+

+ + 私有化部署可以让用户的个性化需求得到满足，熙讯可以更灵活的根据用户的自定义需求进行二次开发，而不会受到公共平台服务的制约，可以将用户自建平台打造成更具个性化、功能更丰富的移动广告投放平台。 + +

+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
功能点熙讯公共平台（免费）客户自建平台（付费）
接入设备数量100不限制
分组管理设备支持支持
分组广告投放支持支持
广告播放排序支持支持
多屏同步播放支持支持
区域定点投放支持支持
车辆轨迹查询7天内任意1天按用户需求定制
播放日志查询仅支持7天查询按用户需求定制
播放日志导出仅支持7天数据导出按用户需求定制
自定义域名不支持支持
个性化功能定制不支持支持（根据定制功能付费）
SSL安全通讯支持支持
等保认证服务不支持提供技术服务
平台维护服务免费按年付费
+
+
+
+
+
+ + #include(footer) +
+ + + + + + + + + + + + + + diff --git a/src/solutions/second_develop/second_develop.html b/src/solutions/second_develop/second_develop.html new file mode 100644 index 0000000..8400487 --- /dev/null +++ b/src/solutions/second_develop/second_develop.html @@ -0,0 +1,280 @@ + + + + + + + + + + + + + + 熙讯科技-二次开发解决方案 + + + + + + + + + + +
+ #include(navbar) +
+
+ 二次开发解决方案 + +
+
+ + +
+
+
+
+
+
方案介绍
+
方案架构
+
方案特点
+
私有化部署
+
+
+
+
+
+
    +
  • +

    +

    方案介绍
    +

    +
    • +
+

+
+

+

+ + 熙讯车载广告投放平台，是一个领先行业的专业车载广告服务平台，以其创新性和高效性而脱颖而出。简称VehicleHUB。该平台为广告主和车辆运营者提供了一个集群管理车载广告设备的在线平台，以便灵活地实现广告投放的目标。 + +

+

+


+

车载广告屏解决方案介绍

+
+
+
+
+
    +
  • +

    + +

    方案架构
    +

    +
    • +
+

+ + VehicleHUB允许广告主轻松管理大量车载广告设备，进行智能分组管理。广告主可以更精准地选择目标受众，确保广告投放更为有针对性。在VehicleHUB平台上，广告主可以选择多种广告投放方式，更重要的是，我们提供智能定向投放功能，使广告触达更加精准，提高广告投放效果。 + +

+

+


+

+ 车载广告屏解决方案架构 +

+
+
+
+
+
    +
  • +

    + +

    方案特点
    +

    +
    • +
+
+
+
+
+
+
简易便捷的广告流程
+
+

+ 我们引以为傲的首要特点是平台提供的简便便捷的广告流程。广告主只需设定一个名称并指定一个多媒体素材，即可快速创建车载广告，免去了繁琐的编排和布局工作。这一用户友好的设计让广告主能够在极短的时间内完成广告的创建，从而更专注于广告内容的创意和战略性考量 +

+
+
+
+
+
精准投放
+
+

+ 我们的平台不仅提供了按路线的分组投放功能，还支持按地域位置的精准投放。广告主得以根据目标人群的地理分布和行为习惯选择最合适的投放方式。这种精准投放策略有助于确保广告能够更精准地覆盖目标受众，提高广告的触达效果，从而为品牌宣传赢得更大的曝光面 +

+
+
+
+
+
数据统计监测
+
+

+ 在平台上，我们不仅提供广告播放日志的查看和导出功能，还提供实时广告播放画面截图监控。这使广告主能够随时随地获取广告播放的详尽数据，为其提供更全面的广告效果分析和评估。通过这一功能，广告主能够及时调整广告播放策略，确保广告在变化的市场环境中保持高效和有效 +

+
+
+
+
+
实时设备定位和轨迹
+
+

+ 我们的平台提供实时设备定位和轨迹功能，使广告主可以实时查看当前设备的准确位置以及车辆运行轨迹。这不仅有助于广告主了解广告播放的地理范围，还提供了对车辆运动路径的实时监控。这种全面的实时信息让广告主更具洞察力，有助于制定更智能的广告投放策略，最大程度地提升广告的投放效果。 +

+
+
+
+


+

+
+
+
+
+
私有化部署
+

+ + 私有化部署可以让用户的个性化需求得到满足，熙讯可以更灵活的根据用户的自定义需求进行二次开发，而不会受到公共平台服务的制约，可以将用户自建平台打造成更具个性化、功能更丰富的移动广告投放平台。 + +

+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
功能点熙讯公共平台（免费）客户自建平台（付费）
接入设备数量100不限制
分组管理设备支持支持
分组广告投放支持支持
广告播放排序支持支持
多屏同步播放支持支持
区域定点投放支持支持
车辆轨迹查询7天内任意1天按用户需求定制
播放日志查询仅支持7天查询按用户需求定制
播放日志导出仅支持7天数据导出按用户需求定制
自定义域名不支持支持
个性化功能定制不支持支持（根据定制功能付费）
SSL安全通讯支持支持
等保认证服务不支持提供技术服务
平台维护服务免费按年付费
+
+
+
+
+
+ + #include(footer) +
+ + + + + + + + + + + + + + diff --git a/src/solutions/solutions.html b/src/solutions/solutions.html new file mode 100644 index 0000000..d31347e --- /dev/null +++ b/src/solutions/solutions.html @@ -0,0 +1,172 @@ + + + + + + + + + + + + + + 熙讯-解决方案 + + + + + + + + + + + + + + +
+ #include(navbar) +
+ +
+
+
+
+
+ 智慧灯杆解决方案 +
+
+
+
智慧灯杆解决方案
+

自2013年以来，熙讯科技深入对接智慧灯杆,智慧城市系统，现推出第四代LED智慧屏控制系统Y50、Y08，进一步提升整体集成度，大幅提高了用户使用过程中的便利性和安全性。

+ 了解更多 +
+
+
+
+
+ 车载广告屏解决方案 +
+
+
+
车载广告屏解决方案
+

熙讯车载广告投放平台，是一个领先行业的专业车载广告服务平台，以其创新性和高效性而脱颖而出。简称VehicleHUB。该平台为广告主和车辆运营者提供了一个集群管理车载广告设备的在线平台，以便灵活地实现广告投放的目标。

+ 了解更多 +
+
+
+
+
+ 商业显示解决方案 +
+
+
+
商业显示解决方案
+

集高性能、高稳定性、高灵活性、同异步切换、多屏拼接和集群控制于一体的LED显示解决方案。

+ 了解更多 +
+
+
+
+
+ +
+
+
+
同步视频处理方案
+

商场、酒店、电视演播中心、展览展示

+ 了解更多 +
+
+
+
+
+ +
+
+
+
二次开发解决方案
+

我们有十多年经验的研发团队，专业负责承接LED显示控制系统的各类项目应用开发包括硬件、软件的开发定制。项目开发流程规范，开发周期短，质量保证。

+ 了解更多 +
+
+
+
+ #include(footer) +
+ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/solutions/traffic_apply/traffic_apply.html b/src/solutions/traffic_apply/traffic_apply.html new file mode 100644 index 0000000..858f7a0 --- /dev/null +++ b/src/solutions/traffic_apply/traffic_apply.html @@ -0,0 +1,280 @@ + + + + + + + + + + + + + + 熙讯科技-交通应用解决方案 + + + + + + + + + + +
+ #include(navbar) +
+
+ 交通应用解决方案 + +
+
+ + +
+
+
+
+
+
方案介绍
+
方案架构
+
方案特点
+
私有化部署
+
+
+
+
+
+
    +
  • +

    +

    方案介绍
    +

    +
    • +
+

+
+

+

+ + 熙讯车载广告投放平台，是一个领先行业的专业车载广告服务平台，以其创新性和高效性而脱颖而出。简称VehicleHUB。该平台为广告主和车辆运营者提供了一个集群管理车载广告设备的在线平台，以便灵活地实现广告投放的目标。 + +

+

+


+

车载广告屏解决方案介绍

+
+
+
+
+
    +
  • +

    + +

    方案架构
    +

    +
    • +
+

+ + VehicleHUB允许广告主轻松管理大量车载广告设备，进行智能分组管理。广告主可以更精准地选择目标受众，确保广告投放更为有针对性。在VehicleHUB平台上，广告主可以选择多种广告投放方式，更重要的是，我们提供智能定向投放功能，使广告触达更加精准，提高广告投放效果。 + +

+

+


+

+ 车载广告屏解决方案架构 +

+
+
+
+
+
    +
  • +

    + +

    方案特点
    +

    +
    • +
+
+
+
+
+
+
简易便捷的广告流程
+
+

+ 我们引以为傲的首要特点是平台提供的简便便捷的广告流程。广告主只需设定一个名称并指定一个多媒体素材，即可快速创建车载广告，免去了繁琐的编排和布局工作。这一用户友好的设计让广告主能够在极短的时间内完成广告的创建，从而更专注于广告内容的创意和战略性考量 +

+
+
+
+
+
精准投放
+
+

+ 我们的平台不仅提供了按路线的分组投放功能，还支持按地域位置的精准投放。广告主得以根据目标人群的地理分布和行为习惯选择最合适的投放方式。这种精准投放策略有助于确保广告能够更精准地覆盖目标受众，提高广告的触达效果，从而为品牌宣传赢得更大的曝光面 +

+
+
+
+
+
数据统计监测
+
+

+ 在平台上，我们不仅提供广告播放日志的查看和导出功能，还提供实时广告播放画面截图监控。这使广告主能够随时随地获取广告播放的详尽数据，为其提供更全面的广告效果分析和评估。通过这一功能，广告主能够及时调整广告播放策略，确保广告在变化的市场环境中保持高效和有效 +

+
+
+
+
+
实时设备定位和轨迹
+
+

+ 我们的平台提供实时设备定位和轨迹功能，使广告主可以实时查看当前设备的准确位置以及车辆运行轨迹。这不仅有助于广告主了解广告播放的地理范围，还提供了对车辆运动路径的实时监控。这种全面的实时信息让广告主更具洞察力，有助于制定更智能的广告投放策略，最大程度地提升广告的投放效果。 +

+
+
+
+


+

+
+
+
+
+
私有化部署
+

+ + 私有化部署可以让用户的个性化需求得到满足，熙讯可以更灵活的根据用户的自定义需求进行二次开发，而不会受到公共平台服务的制约，可以将用户自建平台打造成更具个性化、功能更丰富的移动广告投放平台。 + +

+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
功能点熙讯公共平台（免费）客户自建平台（付费）
接入设备数量100不限制
分组管理设备支持支持
分组广告投放支持支持
广告播放排序支持支持
多屏同步播放支持支持
区域定点投放支持支持
车辆轨迹查询7天内任意1天按用户需求定制
播放日志查询仅支持7天查询按用户需求定制
播放日志导出仅支持7天数据导出按用户需求定制
自定义域名不支持支持
个性化功能定制不支持支持（根据定制功能付费）
SSL安全通讯支持支持
等保认证服务不支持提供技术服务
平台维护服务免费按年付费
+
+
+
+
+
+ + #include(footer) +
+ + + + + + + + + + + + + + diff --git a/src/solutions/video_process/video_process.html b/src/solutions/video_process/video_process.html new file mode 100644 index 0000000..ab7b844 --- /dev/null +++ b/src/solutions/video_process/video_process.html @@ -0,0 +1,280 @@ + + + + + + + + + + + + + + 熙讯科技-同步视频解决方案 + + + + + + + + + + +
+ #include(navbar) +
+
+ 同步视频解决方案 + +
+
+ + +
+
+
+
+
+
方案介绍
+
方案架构
+
方案特点
+
私有化部署
+
+
+
+
+
+
    +
  • +

    +

    方案介绍
    +

    +
    • +
+

+
+

+

+ + 熙讯车载广告投放平台，是一个领先行业的专业车载广告服务平台，以其创新性和高效性而脱颖而出。简称VehicleHUB。该平台为广告主和车辆运营者提供了一个集群管理车载广告设备的在线平台，以便灵活地实现广告投放的目标。 + +

+

+


+

车载广告屏解决方案介绍

+
+
+
+
+
    +
  • +

    + +

    方案架构
    +

    +
    • +
+

+ + VehicleHUB允许广告主轻松管理大量车载广告设备，进行智能分组管理。广告主可以更精准地选择目标受众，确保广告投放更为有针对性。在VehicleHUB平台上，广告主可以选择多种广告投放方式，更重要的是，我们提供智能定向投放功能，使广告触达更加精准，提高广告投放效果。 + +

+

+


+

+ 车载广告屏解决方案架构 +

+
+
+
+
+
    +
  • +

    + +

    方案特点
    +

    +
    • +
+
+
+
+
+
+
简易便捷的广告流程
+
+

+ 我们引以为傲的首要特点是平台提供的简便便捷的广告流程。广告主只需设定一个名称并指定一个多媒体素材，即可快速创建车载广告，免去了繁琐的编排和布局工作。这一用户友好的设计让广告主能够在极短的时间内完成广告的创建，从而更专注于广告内容的创意和战略性考量 +

+
+
+
+
+
精准投放
+
+

+ 我们的平台不仅提供了按路线的分组投放功能，还支持按地域位置的精准投放。广告主得以根据目标人群的地理分布和行为习惯选择最合适的投放方式。这种精准投放策略有助于确保广告能够更精准地覆盖目标受众，提高广告的触达效果，从而为品牌宣传赢得更大的曝光面 +

+
+
+
+
+
数据统计监测
+
+

+ 在平台上，我们不仅提供广告播放日志的查看和导出功能，还提供实时广告播放画面截图监控。这使广告主能够随时随地获取广告播放的详尽数据，为其提供更全面的广告效果分析和评估。通过这一功能，广告主能够及时调整广告播放策略，确保广告在变化的市场环境中保持高效和有效 +

+
+
+
+
+
实时设备定位和轨迹
+
+

+ 我们的平台提供实时设备定位和轨迹功能，使广告主可以实时查看当前设备的准确位置以及车辆运行轨迹。这不仅有助于广告主了解广告播放的地理范围，还提供了对车辆运动路径的实时监控。这种全面的实时信息让广告主更具洞察力，有助于制定更智能的广告投放策略，最大程度地提升广告的投放效果。 +

+
+
+
+


+

+
+
+
+
+
私有化部署
+

+ + 私有化部署可以让用户的个性化需求得到满足，熙讯可以更灵活的根据用户的自定义需求进行二次开发，而不会受到公共平台服务的制约，可以将用户自建平台打造成更具个性化、功能更丰富的移动广告投放平台。 + +

+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
功能点熙讯公共平台（免费）客户自建平台（付费）
接入设备数量100不限制
分组管理设备支持支持
分组广告投放支持支持
广告播放排序支持支持
多屏同步播放支持支持
区域定点投放支持支持
车辆轨迹查询7天内任意1天按用户需求定制
播放日志查询仅支持7天查询按用户需求定制
播放日志导出仅支持7天数据导出按用户需求定制
自定义域名不支持支持
个性化功能定制不支持支持（根据定制功能付费）
SSL安全通讯支持支持
等保认证服务不支持提供技术服务
平台维护服务免费按年付费
+
+
+
+
+
+ + #include(footer) +
+ + + + + + + + + + + + + + diff --git a/src/static/css/layout.css b/src/static/css/layout.css new file mode 100644 index 0000000..5528e07 --- /dev/null +++ b/src/static/css/layout.css @@ -0,0 +1,21778 @@ +/*--公共部分--*/ +html { + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -webkit-font-smoothing: antialiased; + -webkit-tap-highlight-color: transparent; + -webkit-touch-callout: none; + cursor: pointer; +} + +html, +body, +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0vw; + padding: 0vw; +} + +p { + margin: 0vw; + padding: 0vw; +} + +body, +button, +input, +select, +textarea { + font: .7292vw/1.5 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif, Arial; + color: #333; +} + +body { + background-color: #fff; +} + +img { + border: 0vw; + vertical-align: middle; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +table th, +table td { + border: .0521vw solid #ccc; +} + +*, +:after, +:before { + -webkit-box-sizing: border-box; + box-sizing: border-box; + background-repeat: no-repeat; +} + +a { + background-color: transparent; + -webkit-text-decoration-skip: objects; + text-decoration: none; + color: #333; + outline: none; + cursor: pointer; +} + +a:hover { + background-repeat: no-repeat; + text-decoration: none; +} + +a, +input[type="button"], +button, +label, +input[type="submit"], +input[type="reset"] { + cursor: pointer; +} + +[type="checkbox"], +[type="radio"] { + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 0; +} + +input, +textarea, +select { + outline: none; +} + +input[type="text"], +input[type="password"], +input[type="button"], +input[type="submit"], +input[type="reset"], +select, +textarea { + outline-style: none; + -webkit-appearance: none; + resize: none; + border: none; + -webkit-border-radius: 0; + border-radius: 0; +} + +textarea { + overflow: auto; + vertical-align: top; +} + +input:-webkit-autofill { + -webkit-box-shadow: 0 0 0vw rgba(255, 255, 255, 0) inset !important; +} + +.bd_weixin_popup, +.content-box { + -webkit-box-sizing: content-box; + box-sizing: content-box; +} + +.clearfix:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; +} + +.clearfix { + *zoom: 1; +} + +.removeStyle { + margin: 0vw; + padding: 0vw; + list-style: none; +} + +.removeStyle li { + list-style: none; + margin: 0vw; + padding: 0vw; +} + +.removeStyle dd { + list-style: none; + margin: 0vw; + padding: 0vw; +} + +.removeStyle dt { + list-style: none; + margin: 0vw; + padding: 0vw; +} + +/* 字体图标 */ +.iconfont { + color: inherit; + font-size: inherit; + display: inline-block; + -webkit-font-smoothing: antialiased; + /* 文字抗锯齿 */ + -moz-osx-font-smoothing: grayscale; + /* 文字抗锯齿 */ +} + +.fl { + float: left; +} + +.fr { + float: right; +} + +.show { + display: block !important; +} + +.hide { + display: none !important; +} + +.commonweb { + padding: 0vw .5208vw; +} + +.commonwebbox { + margin-left: 0vw; + margin-right: 0vw; +} + +.commonleft { + float: none; +} + +.commonright { + float: none; +} + +.visible-sm, +.visible-md, +.visible-lg { + display: none; +} + +.hidden-sm, +.hidden-md, +.hidden-lg { + display: block; +} + +.col-xs-1, +.col-xs-2, +.col-xs-3, +.col-xs-4, +.col-xs-5, +.col-xs-6, +.col-xs-7, +.col-xs-8, +.col-xs-9, +.col-xs-10, +.col-xs-11, +.col-xs-12 { + float: left; + padding-left: .5208vw; + padding-right: .5208vw; +} + +.col-xs-12 { + width: 100%; +} + +.col-xs-11 { + width: 91.66666667%; +} + +.col-xs-10 { + width: 83.33333333%; +} + +.col-xs-9 { + width: 75%; +} + +.col-xs-8 { + width: 66.66666667%; +} + +.col-xs-7 { + width: 58.33333333%; +} + +.col-xs-6 { + width: 50%; +} + +.col-xs-5 { + width: 41.66666667%; +} + +.col-xs-4 { + width: 33.33333333%; +} + +.col-xs-3 { + width: 25%; +} + +.col-xs-2 { + width: 16.66666667%; +} + +.col-xs-1 { + width: 8.33333333%; +} + +@media (max-width: 320px) { + body { + min-width: 16.6667vw; + } +} + +@media (min-width: 768px) { + .commonweb { + padding: 0vw 1.0417vw; + } + + .commonwebbox { + margin-left: -0.5208vw; + margin-right: -0.5208vw; + } + + .col-sm-1, + .col-sm-2, + .col-sm-3, + .col-sm-4, + .col-sm-5, + .col-sm-6, + .col-sm-7, + .col-sm-8, + .col-sm-9, + .col-sm-10, + .col-sm-11, + .col-sm-12 { + float: left; + padding-left: .5208vw; + padding-right: .5208vw; + } + + .col-sm-12 { + width: 100%; + } + + .col-sm-11 { + width: 91.66666667%; + } + + .col-sm-10 { + width: 83.33333333%; + } + + .col-sm-9 { + width: 75%; + } + + .col-sm-8 { + width: 66.66666667%; + } + + .col-sm-7 { + width: 58.33333333%; + } + + .col-sm-6 { + width: 50%; + } + + .col-sm-5 { + width: 41.66666667%; + } + + .col-sm-4 { + width: 33.33333333%; + } + + .col-sm-3 { + width: 25%; + } + + .col-sm-2 { + width: 16.66666667%; + } + + .col-sm-1 { + width: 8.33333333%; + } + + .visible-sm { + display: block; + } + + .hidden-sm { + display: none; + } + + .commonweb { + margin: 0vw auto; + max-width: 39.0625vw; + } +} + +@media (min-width: 992px) { + .commonweb { + padding: 0vw .5208vw; + } + + .commonwebbox { + margin-left: -0.5208vw; + margin-right: -0.5208vw; + } + + .commonleft { + float: left; + } + + .commonright { + float: right; + } + + .visible-md { + display: block; + } + + .hidden-md { + display: none; + } + + .col-md-1, + .col-md-2, + .col-md-3, + .col-md-4, + .col-md-5, + .col-md-6, + .col-md-7, + .col-md-8, + .col-md-9, + .col-md-10, + .col-md-11, + .col-md-12 { + float: left; + padding-left: .5208vw; + padding-right: .5208vw; + } + + .col-md-12 { + width: 100%; + } + + .col-md-11 { + width: 91.66666667%; + } + + .col-md-10 { + width: 83.33333333%; + } + + .col-md-9 { + width: 75%; + } + + .col-md-8 { + width: 66.66666667%; + } + + .col-md-7 { + width: 58.33333333%; + } + + .col-md-6 { + width: 50%; + } + + .col-md-5 { + width: 41.66666667%; + } + + .col-md-4 { + width: 33.33333333%; + } + + .col-md-3 { + width: 25%; + } + + .col-md-2 { + width: 16.66666667%; + } + + .col-md-1 { + width: 8.33333333%; + } + + .commonweb { + max-width: 50.5208vw; + } +} + +@media (min-width: 1260px) { + html { + cursor: default; + } + + .commonleft { + float: left; + } + + .commonright { + float: right; + } + + .visible-lg { + display: block; + } + + .hidden-lg { + display: none; + } + + .col-lg-1, + .col-lg-2, + .col-lg-3, + .col-lg-4, + .col-lg-5, + .col-lg-6, + .col-lg-7, + .col-lg-8, + .col-lg-9, + .col-lg-10, + .col-lg-11, + .col-lg-12 { + float: left; + padding-left: .5208vw; + padding-right: .5208vw; + } + + .col-lg-12 { + width: 100%; + } + + .col-lg-11 { + width: 91.66666667%; + } + + .col-lg-10 { + width: 83.33333333%; + } + + .col-lg-9 { + width: 75%; + } + + .col-lg-8 { + width: 66.66666667%; + } + + .col-lg-7 { + width: 58.33333333%; + } + + .col-lg-6 { + width: 50%; + } + + .col-lg-5 { + width: 41.66666667%; + } + + .col-lg-4 { + width: 33.33333333%; + } + + .col-lg-3 { + width: 25%; + } + + .col-lg-2 { + width: 16.66666667%; + } + + .col-lg-1 { + width: 8.33333333%; + } +} + +@media (min-width: 1260px) { + .commonweb { + max-width: 63.5417vw; + } +} + +/* layout start*/ +.swiper-container { + margin-left: auto; + margin-right: auto; + position: relative; + overflow: hidden; + z-index: 1; +} + +.swiper-container-no-flexbox .swiper-slide { + float: left; +} + +.swiper-container-vertical>.swiper-wrapper { + -webkit-box-orient: vertical; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; +} + +.swiper-wrapper { + position: relative; + width: 100%; + height: 100%; + z-index: 1; + display: -webkit-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + transition-property: transform, -webkit-transform; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} + +.swiper-container-android .swiper-slide, +.swiper-wrapper { + -webkit-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.swiper-container-multirow>.swiper-wrapper { + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; +} + +.swiper-container-free-mode>.swiper-wrapper { + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; + margin: 0 auto; +} + +.swiper-slide { + -webkit-flex-shrink: 0; + -ms-flex: 0 0 auto; + -ms-flex-negative: 0; + flex-shrink: 0; + width: 100%; + height: 100%; + position: relative; +} + +.swiper-container-autoheight, +.swiper-container-autoheight .swiper-slide { + height: auto; +} + +.swiper-container-autoheight .swiper-wrapper { + -webkit-box-align: start; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + -webkit-transition-property: -webkit-transform, height; + -webkit-transition-property: height, -webkit-transform; + transition-property: height, -webkit-transform; + transition-property: transform, height; + transition-property: transform, height, -webkit-transform; +} + +.swiper-wrapper .product-item { + position: relative; + bottom: 0; + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; + /* width: 40%; */ + /* height: 34vh; */ + margin: 20px 10px; + background-color: #e9edfb; + border: 2px solid #e0dbff; + border-radius: 10px; + transition: bottom .4s; + overflow: hidden; +} + +.swiper-wrapper .product-item:hover { + /* bottom: 6px; */ + box-shadow: 0 6px 18px 0 rgba(232, 237, 250, .5); +} + +.swiper-wrapper .product-item img { + width: 100%; + /* margin: 20px auto 10px; */ + /* padding: 10px; */ + border-radius: 10px; + filter: blur(0px); + transition: all .4s; +} + +.swiper-wrapper .product-item:hover img { + /* filter: blur(5px); */ + /* filter: blur(10px); */ + filter: blur(15px); +} + +.swiper-wrapper .product-item .product_control_sys_list { + position: absolute; + width: 100%; + padding: 10px; + opacity: 0; +} + +.swiper-wrapper .product-item .product_control_sys_list { + text-align: center; +} + +.swiper-wrapper .product-item .product_control_sys_list h5 { + font-size: 24px; + color: #007eff; +} + +.swiper-wrapper .product-item .product_control_sys_list .see_more { + color: #ffffff; +} +.swiper-wrapper .product-item .product_control_sys_list .see_more:hover { + color: #007eff; +} + +.swiper-wrapper .product-item .product_control_sys_list .product_control_sys_ul { + display: flex; + flex-direction: column; + align-items: center; +} + +.swiper-wrapper .product-item .product_control_sys_list .product_control_sys_ul .product_control_sys_li a { + color: #ffffff; +} +.swiper-wrapper .product-item .product_control_sys_list .product_control_sys_ul .product_control_sys_li a:hover { + color: #007eff; +} + +.swiper-wrapper .product-item:hover .product_control_sys_list { + /* display: flex; */ + opacity: 1; +} + +.swiper-wrapper .product-item .product_control_sys_list i { + font-size: 30px; + font-weight: 700; + margin: 20px auto; + color: transparent; + /* 设置文字颜色为透明 */ + /* background-image: linear-gradient(to top, #ffffff, #c5c5c5); */ + background-image: linear-gradient(to top, #8a78ef, #ffffff); + /* 定义渐变背景 */ + -webkit-background-clip: text; + /* 将背景裁剪为文字形状（WebKit浏览器） */ + background-clip: text; + /* 将背景裁剪为文字形状（标准语法） */ + -webkit-text-fill-color: transparent; + /* 设置文字填充颜色为透明（WebKit浏览器） */ + /* text-fill-color: transparent; */ + /* 设置文字填充颜色为透明（标准语法） */ +} + +.swiper-container .swiper-notification { + position: absolute; + left: 0; + top: 0; + pointer-events: none; + opacity: 0; + z-index: -1000; +} + +.swiper-wp8-horizontal { + -ms-touch-action: pan-y; + touch-action: pan-y; +} + +.swiper-wp8-vertical { + -ms-touch-action: pan-x; + touch-action: pan-x; +} + +.swiper-button-next, +.swiper-button-prev { + position: absolute; + top: 50%; + width: 1.4063vw; + height: 2.2917vw; + margin-top: -1.1458vw; + z-index: 10; + cursor: pointer; + background-size: 1.4063vw 2.2917vw; + background-position: center; + background-repeat: no-repeat; +} + +.swiper-button-next.swiper-button-disabled, +.swiper-button-prev.swiper-button-disabled { + opacity: .35; + cursor: auto; + pointer-events: none; +} + +.swiper-pagination { + position: absolute; + text-align: center; + -webkit-transition: .3s; + transition: .3s; + -webkit-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + z-index: 10; +} + +.swiper-pagination.swiper-pagination-hidden { + opacity: 0; +} + +.swiper-pagination-clickable .swiper-pagination-bullet { + cursor: pointer; +} + +.swiper-container-fade.swiper-container-free-mode .swiper-slide { + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} + +.swiper-container-fade .swiper-slide { + pointer-events: none; + -webkit-transition-property: opacity; + transition-property: opacity; +} + +.swiper-container-fade .swiper-slide .swiper-slide { + pointer-events: none; +} + +.swiper-container-fade .swiper-slide-active, +.swiper-container-fade .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} + +.swiper-pagination.swiper-pagination-hidden { + opacity: 0; +} + +.swiper-pagination-bullet { + width: .4167vw; + height: .4167vw; + display: inline-block; + -webkit-border-radius: 100%; + border-radius: 100%; + background: #000; +} + +button.swiper-pagination-bullet { + border: none; + margin: 0; + padding: 0; + -webkit-box-shadow: none; + box-shadow: none; + -moz-appearance: none; + -ms-appearance: none; + -webkit-appearance: none; + appearance: none; +} + +.swiper-pagination-clickable .swiper-pagination-bullet { + cursor: pointer; +} + +.swiper-pagination-bullet-active { + opacity: 1; + background: #007aff; +} + +.swiper-scrollbar { + -webkit-border-radius: .5208vw; + border-radius: .5208vw; + position: relative; + -ms-touch-action: none; + background: #dde2e9; +} + +.swiper-container-horizontal>.swiper-scrollbar { + position: absolute; + left: 0vw; + bottom: 1.0417vw; + z-index: 50; + height: .1042vw; + width: 100%; + opacity: 1 !important; +} + +.swiper-container-vertical>.swiper-scrollbar { + position: absolute; + right: .1563vw; + top: 1%; + z-index: 50; + width: .2604vw; + height: 98%; +} + +.swiper-scrollbar-drag { + height: 100%; + width: 100%; + position: relative; + background: #c1c7cf; + -webkit-border-radius: .5208vw; + border-radius: .5208vw; + left: 0; + top: 0; +} + +.swiper-scrollbar-cursor-drag { + cursor: move; +} + +.animated { + -webkit-animation-duration: 1.5s; + animation-duration: 1.5s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.animated.infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; +} + +.animated.bounceIn, +.animated.bounceOut, +.animated.flipOutX, +.animated.flipOutY { + -webkit-animation-duration: .75s; + animation-duration: .75s; +} + +@-webkit-keyframes bounce { + + 0%, + 20%, + 53%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translateZ(0); + transform: translateZ(0); + } + + 40%, + 43% { + -webkit-transform: translate3d(0, -1.5625vw, 0); + transform: translate3d(0, -1.5625vw, 0); + } + + 40%, + 43%, + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + } + + 70% { + -webkit-transform: translate3d(0, -0.7813vw, 0); + transform: translate3d(0, -0.7813vw, 0); + } + + 90% { + -webkit-transform: translate3d(0, -0.2083vw, 0); + transform: translate3d(0, -0.2083vw, 0); + } +} + +@keyframes bounce { + + 0%, + 20%, + 53%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translateZ(0); + transform: translateZ(0); + } + + 40%, + 43% { + -webkit-transform: translate3d(0, -1.5625vw, 0); + transform: translate3d(0, -1.5625vw, 0); + } + + 40%, + 43%, + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + } + + 70% { + -webkit-transform: translate3d(0, -0.7813vw, 0); + transform: translate3d(0, -0.7813vw, 0); + } + + 90% { + -webkit-transform: translate3d(0, -0.2083vw, 0); + transform: translate3d(0, -0.2083vw, 0); + } +} + +.bounce { + -webkit-animation-name: bounce; + animation-name: bounce; + -webkit-transform-origin: center bottom; + -ms-transform-origin: center bottom; + transform-origin: center bottom; +} + +@-webkit-keyframes flash { + + 0%, + 50%, + to { + opacity: 1; + } + + 25%, + 75% { + opacity: 0; + } +} + +@keyframes flash { + + 0%, + 50%, + to { + opacity: 1; + } + + 25%, + 75% { + opacity: 0; + } +} + +.flash { + -webkit-animation-name: flash; + animation-name: flash; +} + +@-webkit-keyframes pulse { + 0% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } + + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + + to { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } +} + +@keyframes pulse { + 0% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } + + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + + to { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } +} + +.pulse { + -webkit-animation-name: pulse; + animation-name: pulse; +} + +@-webkit-keyframes rubberBand { + 0% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); + } + + to { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } +} + +@keyframes rubberBand { + 0% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); + } + + to { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } +} + +.rubberBand { + -webkit-animation-name: rubberBand; + animation-name: rubberBand; +} + +@-webkit-keyframes shake { + + 0%, + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } + + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-0.5208vw, 0, 0); + transform: translate3d(-0.5208vw, 0, 0); + } + + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(.5208vw, 0, 0); + transform: translate3d(.5208vw, 0, 0); + } +} + +@keyframes shake { + + 0%, + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } + + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-0.5208vw, 0, 0); + transform: translate3d(-0.5208vw, 0, 0); + } + + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(.5208vw, 0, 0); + transform: translate3d(.5208vw, 0, 0); + } +} + +.shake { + -webkit-animation-name: shake; + animation-name: shake; +} + +@-webkit-keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 6.5% { + -webkit-transform: translateX(-0.3125vw) rotateY(-9deg); + transform: translateX(-0.3125vw) rotateY(-9deg); + } + + 18.5% { + -webkit-transform: translateX(.2604vw) rotateY(7deg); + transform: translateX(.2604vw) rotateY(7deg); + } + + 31.5% { + -webkit-transform: translateX(-0.1563vw) rotateY(-5deg); + transform: translateX(-0.1563vw) rotateY(-5deg); + } + + 43.5% { + -webkit-transform: translateX(.1042vw) rotateY(3deg); + transform: translateX(.1042vw) rotateY(3deg); + } + + 50% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 6.5% { + -webkit-transform: translateX(-0.3125vw) rotateY(-9deg); + transform: translateX(-0.3125vw) rotateY(-9deg); + } + + 18.5% { + -webkit-transform: translateX(.2604vw) rotateY(7deg); + transform: translateX(.2604vw) rotateY(7deg); + } + + 31.5% { + -webkit-transform: translateX(-0.1563vw) rotateY(-5deg); + transform: translateX(-0.1563vw) rotateY(-5deg); + } + + 43.5% { + -webkit-transform: translateX(.1042vw) rotateY(3deg); + transform: translateX(.1042vw) rotateY(3deg); + } + + 50% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +.headShake { + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-name: headShake; + animation-name: headShake; +} + +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate(15deg); + transform: rotate(15deg); + } + + 40% { + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg); + } + + 60% { + -webkit-transform: rotate(5deg); + transform: rotate(5deg); + } + + 80% { + -webkit-transform: rotate(-5deg); + transform: rotate(-5deg); + } + + to { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } +} + +@keyframes swing { + 20% { + -webkit-transform: rotate(15deg); + transform: rotate(15deg); + } + + 40% { + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg); + } + + 60% { + -webkit-transform: rotate(5deg); + transform: rotate(5deg); + } + + 80% { + -webkit-transform: rotate(-5deg); + transform: rotate(-5deg); + } + + to { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } +} + +.swing { + -webkit-transform-origin: top center; + -ms-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing; +} + +@-webkit-keyframes tada { + 0% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } + + 10%, + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); + transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); + } + + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); + } + + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); + } + + to { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } +} + +@keyframes tada { + 0% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } + + 10%, + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); + transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); + } + + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); + } + + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); + } + + to { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } +} + +.tada { + -webkit-animation-name: tada; + animation-name: tada; +} + +@-webkit-keyframes wobble { + 0% { + -webkit-transform: none; + transform: none; + } + + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); + transform: translate3d(-25%, 0, 0) rotate(-5deg); + } + + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); + transform: translate3d(20%, 0, 0) rotate(3deg); + } + + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); + transform: translate3d(-15%, 0, 0) rotate(-3deg); + } + + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); + transform: translate3d(10%, 0, 0) rotate(2deg); + } + + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); + transform: translate3d(-5%, 0, 0) rotate(-1deg); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +@keyframes wobble { + 0% { + -webkit-transform: none; + transform: none; + } + + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); + transform: translate3d(-25%, 0, 0) rotate(-5deg); + } + + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); + transform: translate3d(20%, 0, 0) rotate(3deg); + } + + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); + transform: translate3d(-15%, 0, 0) rotate(-3deg); + } + + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); + transform: translate3d(10%, 0, 0) rotate(2deg); + } + + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); + transform: translate3d(-5%, 0, 0) rotate(-1deg); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +.wobble { + -webkit-animation-name: wobble; + animation-name: wobble; +} + +@-webkit-keyframes jello { + + 0%, + 11.1%, + to { + -webkit-transform: none; + transform: none; + } + + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); + } + + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); + } + + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); + } + + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); + } + + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); + } + + 77.7% { + -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); + transform: skewX(0.39063deg) skewY(0.39063deg); + } + + 88.8% { + -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); + transform: skewX(-0.19531deg) skewY(-0.19531deg); + } +} + +@keyframes jello { + + 0%, + 11.1%, + to { + -webkit-transform: none; + transform: none; + } + + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); + } + + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); + } + + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); + } + + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); + } + + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); + } + + 77.7% { + -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); + transform: skewX(0.39063deg) skewY(0.39063deg); + } + + 88.8% { + -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); + transform: skewX(-0.19531deg) skewY(-0.19531deg); + } +} + +.jello { + -webkit-animation-name: jello; + animation-name: jello; + -webkit-transform-origin: center; + -ms-transform-origin: center; + transform-origin: center; +} + +@-webkit-keyframes bounceIn { + + 0%, + 20%, + 40%, + 60%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); + } + + to { + opacity: 1; + -webkit-transform: scaleX(1); + transform: scaleX(1); + } +} + +@keyframes bounceIn { + + 0%, + 20%, + 40%, + 60%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); + } + + to { + opacity: 1; + -webkit-transform: scaleX(1); + transform: scaleX(1); + } +} + +.bounceIn { + -webkit-animation-name: bounceIn; + animation-name: bounceIn; +} + +@-webkit-keyframes bounceInDown { + + 0%, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -156.25vw, 0); + transform: translate3d(0, -156.25vw, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 1.3021vw, 0); + transform: translate3d(0, 1.3021vw, 0); + } + + 75% { + -webkit-transform: translate3d(0, -0.5208vw, 0); + transform: translate3d(0, -0.5208vw, 0); + } + + 90% { + -webkit-transform: translate3d(0, .2604vw, 0); + transform: translate3d(0, .2604vw, 0); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInDown { + + 0%, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -156.25vw, 0); + transform: translate3d(0, -156.25vw, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 1.3021vw, 0); + transform: translate3d(0, 1.3021vw, 0); + } + + 75% { + -webkit-transform: translate3d(0, -0.5208vw, 0); + transform: translate3d(0, -0.5208vw, 0); + } + + 90% { + -webkit-transform: translate3d(0, .2604vw, 0); + transform: translate3d(0, .2604vw, 0); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; +} + +@-webkit-keyframes bounceInLeft { + + 0%, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-156.25vw, 0, 0); + transform: translate3d(-156.25vw, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(1.3021vw, 0, 0); + transform: translate3d(1.3021vw, 0, 0); + } + + 75% { + -webkit-transform: translate3d(-0.5208vw, 0, 0); + transform: translate3d(-0.5208vw, 0, 0); + } + + 90% { + -webkit-transform: translate3d(.2604vw, 0, 0); + transform: translate3d(.2604vw, 0, 0); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInLeft { + + 0%, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-156.25vw, 0, 0); + transform: translate3d(-156.25vw, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(1.3021vw, 0, 0); + transform: translate3d(1.3021vw, 0, 0); + } + + 75% { + -webkit-transform: translate3d(-0.5208vw, 0, 0); + transform: translate3d(-0.5208vw, 0, 0); + } + + 90% { + -webkit-transform: translate3d(.2604vw, 0, 0); + transform: translate3d(.2604vw, 0, 0); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} + +@-webkit-keyframes bounceInRight { + + 0%, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(156.25vw, 0, 0); + transform: translate3d(156.25vw, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-1.3021vw, 0, 0); + transform: translate3d(-1.3021vw, 0, 0); + } + + 75% { + -webkit-transform: translate3d(.5208vw, 0, 0); + transform: translate3d(.5208vw, 0, 0); + } + + 90% { + -webkit-transform: translate3d(-0.2604vw, 0, 0); + transform: translate3d(-0.2604vw, 0, 0); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInRight { + + 0%, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(156.25vw, 0, 0); + transform: translate3d(156.25vw, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-1.3021vw, 0, 0); + transform: translate3d(-1.3021vw, 0, 0); + } + + 75% { + -webkit-transform: translate3d(.5208vw, 0, 0); + transform: translate3d(.5208vw, 0, 0); + } + + 90% { + -webkit-transform: translate3d(-0.2604vw, 0, 0); + transform: translate3d(-0.2604vw, 0, 0); + } + + to { + -webkit-transform: none; + transform: none; + } +} + +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; +} + +@-webkit-keyframes bounceInUp { + + 0%, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 156.25vw, 0); + transform: translate3d(0, 156.25vw, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -1.0417vw, 0); + transform: translate3d(0, -1.0417vw, 0); + } + + 75% { + -webkit-transform: translate3d(0, .5208vw, 0); + transform: translate3d(0, .5208vw, 0); + } + + 90% { + -webkit-transform: translate3d(0, -0.2604vw, 0); + transform: translate3d(0, -0.2604vw, 0); + } + + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} + +@keyframes bounceInUp { + + 0%, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 156.25vw, 0); + transform: translate3d(0, 156.25vw, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -1.0417vw, 0); + transform: translate3d(0, -1.0417vw, 0); + } + + 75% { + -webkit-transform: translate3d(0, .5208vw, 0); + transform: translate3d(0, .5208vw, 0); + } + + 90% { + -webkit-transform: translate3d(0, -0.2604vw, 0); + transform: translate3d(0, -0.2604vw, 0); + } + + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} + +.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; +} + +@-webkit-keyframes bounceOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 50%, + 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } +} + +@keyframes bounceOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 50%, + 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } +} + +.bounceOut { + -webkit-animation-name: bounceOut; + animation-name: bounceOut; +} + +@-webkit-keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, .5208vw, 0); + transform: translate3d(0, .5208vw, 0); + } + + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, -1.0417vw, 0); + transform: translate3d(0, -1.0417vw, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 104.1667vw, 0); + transform: translate3d(0, 104.1667vw, 0); + } +} + +@keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, .5208vw, 0); + transform: translate3d(0, .5208vw, 0); + } + + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, -1.0417vw, 0); + transform: translate3d(0, -1.0417vw, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 104.1667vw, 0); + transform: translate3d(0, 104.1667vw, 0); + } +} + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} + +@-webkit-keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(1.0417vw, 0, 0); + transform: translate3d(1.0417vw, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(-104.1667vw, 0, 0); + transform: translate3d(-104.1667vw, 0, 0); + } +} + +@keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(1.0417vw, 0, 0); + transform: translate3d(1.0417vw, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(-104.1667vw, 0, 0); + transform: translate3d(-104.1667vw, 0, 0); + } +} + +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} + +@-webkit-keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-1.0417vw, 0, 0); + transform: translate3d(-1.0417vw, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(104.1667vw, 0, 0); + transform: translate3d(104.1667vw, 0, 0); + } +} + +@keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-1.0417vw, 0, 0); + transform: translate3d(-1.0417vw, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(104.1667vw, 0, 0); + transform: translate3d(104.1667vw, 0, 0); + } +} + +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} + +@-webkit-keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -0.5208vw, 0); + transform: translate3d(0, -0.5208vw, 0); + } + + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, 1.0417vw, 0); + transform: translate3d(0, 1.0417vw, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -104.1667vw, 0); + transform: translate3d(0, -104.1667vw, 0); + } +} + +@keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -0.5208vw, 0); + transform: translate3d(0, -0.5208vw, 0); + } + + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, 1.0417vw, 0); + transform: translate3d(0, 1.0417vw, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -104.1667vw, 0); + transform: translate3d(0, -104.1667vw, 0); + } +} + +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} + +@-webkit-keyframes fadeIn { + 0% { + opacity: 0; + } + + to { + opacity: 1; + } +} + +@keyframes fadeIn { + 0% { + opacity: 0; + } + + to { + opacity: 1; + } +} + +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} + +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -1.5625vw, 0); + transform: translate3d(0, -1.5625vw, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -1.5625vw, 0); + transform: translate3d(0, -1.5625vw, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +@-webkit-keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -104.1667vw, 0); + transform: translate3d(0, -104.1667vw, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -104.1667vw, 0); + transform: translate3d(0, -104.1667vw, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} + +@-webkit-keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} + +@-webkit-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(-104.1667vw, 0, 0); + transform: translate3d(-104.1667vw, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(-104.1667vw, 0, 0); + transform: translate3d(-104.1667vw, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} + +@-webkit-keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; +} + +@-webkit-keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(104.1667vw, 0, 0); + transform: translate3d(104.1667vw, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(104.1667vw, 0, 0); + transform: translate3d(104.1667vw, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} + +/* .fadeInUp {opacity: 0;} */ +@-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 5.2083vw, 0); + transform: translate3d(0, 5.2083vw, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 5.2083vw, 0); + transform: translate3d(0, 5.2083vw, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; +} + +@-webkit-keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 104.1667vw, 0); + transform: translate3d(0, 104.1667vw, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 104.1667vw, 0); + transform: translate3d(0, 104.1667vw, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} + +@-webkit-keyframes fadeOut { + 0% { + opacity: 1; + } + + to { + opacity: 0; + } +} + +@keyframes fadeOut { + 0% { + opacity: 1; + } + + to { + opacity: 0; + } +} + +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; +} + +@-webkit-keyframes fadeOutDown { + 0% { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +@keyframes fadeOutDown { + 0% { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} + +@-webkit-keyframes fadeOutDownBig { + 0% { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 104.1667vw, 0); + transform: translate3d(0, 104.1667vw, 0); + } +} + +@keyframes fadeOutDownBig { + 0% { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 104.1667vw, 0); + transform: translate3d(0, 104.1667vw, 0); + } +} + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} + +@-webkit-keyframes fadeOutLeft { + 0% { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +@keyframes fadeOutLeft { + 0% { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} + +@-webkit-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-104.1667vw, 0, 0); + transform: translate3d(-104.1667vw, 0, 0); + } +} + +@keyframes fadeOutLeftBig { + 0% { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-104.1667vw, 0, 0); + transform: translate3d(-104.1667vw, 0, 0); + } +} + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} + +@-webkit-keyframes fadeOutRight { + 0% { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +@keyframes fadeOutRight { + 0% { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} + +@-webkit-keyframes fadeOutRightBig { + 0% { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(104.1667vw, 0, 0); + transform: translate3d(104.1667vw, 0, 0); + } +} + +@keyframes fadeOutRightBig { + 0% { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(104.1667vw, 0, 0); + transform: translate3d(104.1667vw, 0, 0); + } +} + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} + +@-webkit-keyframes fadeOutUp { + 0% { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +@keyframes fadeOutUp { + 0% { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +@-webkit-keyframes fadeOutUpBig { + 0% { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -104.1667vw, 0); + transform: translate3d(0, -104.1667vw, 0); + } +} + +@keyframes fadeOutUpBig { + 0% { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -104.1667vw, 0); + transform: translate3d(0, -104.1667vw, 0); + } +} + +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} + +@-webkit-keyframes flip { + 0% { + -webkit-transform: perspective(20.8333vw) rotateY(-1turn); + transform: perspective(20.8333vw) rotateY(-1turn); + } + + 0%, + 40% { + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(20.8333vw) translateZ(7.8125vw) rotateY(-190deg); + transform: perspective(20.8333vw) translateZ(7.8125vw) rotateY(-190deg); + } + + 50% { + -webkit-transform: perspective(20.8333vw) translateZ(7.8125vw) rotateY(-170deg); + transform: perspective(20.8333vw) translateZ(7.8125vw) rotateY(-170deg); + } + + 50%, + 80% { + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(20.8333vw) scale3d(0.95, 0.95, 0.95); + transform: perspective(20.8333vw) scale3d(0.95, 0.95, 0.95); + } + + to { + -webkit-transform: perspective(20.8333vw); + transform: perspective(20.8333vw); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +@keyframes flip { + 0% { + -webkit-transform: perspective(20.8333vw) rotateY(-1turn); + transform: perspective(20.8333vw) rotateY(-1turn); + } + + 0%, + 40% { + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(20.8333vw) translateZ(7.8125vw) rotateY(-190deg); + transform: perspective(20.8333vw) translateZ(7.8125vw) rotateY(-190deg); + } + + 50% { + -webkit-transform: perspective(20.8333vw) translateZ(7.8125vw) rotateY(-170deg); + transform: perspective(20.8333vw) translateZ(7.8125vw) rotateY(-170deg); + } + + 50%, + 80% { + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(20.8333vw) scale3d(0.95, 0.95, 0.95); + transform: perspective(20.8333vw) scale3d(0.95, 0.95, 0.95); + } + + to { + -webkit-transform: perspective(20.8333vw); + transform: perspective(20.8333vw); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +.animated.flip { + -webkit-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip; +} + +@-webkit-keyframes flipInX { + 0% { + -webkit-transform: perspective(20.8333vw) rotateX(90deg); + transform: perspective(20.8333vw) rotateX(90deg); + opacity: 0; + } + + 0%, + 40% { + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 40% { + -webkit-transform: perspective(20.8333vw) rotateX(-20deg); + transform: perspective(20.8333vw) rotateX(-20deg); + } + + 60% { + -webkit-transform: perspective(20.8333vw) rotateX(10deg); + transform: perspective(20.8333vw) rotateX(10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(20.8333vw) rotateX(-5deg); + transform: perspective(20.8333vw) rotateX(-5deg); + } + + to { + -webkit-transform: perspective(20.8333vw); + transform: perspective(20.8333vw); + } +} + +@keyframes flipInX { + 0% { + -webkit-transform: perspective(20.8333vw) rotateX(90deg); + transform: perspective(20.8333vw) rotateX(90deg); + opacity: 0; + } + + 0%, + 40% { + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 40% { + -webkit-transform: perspective(20.8333vw) rotateX(-20deg); + transform: perspective(20.8333vw) rotateX(-20deg); + } + + 60% { + -webkit-transform: perspective(20.8333vw) rotateX(10deg); + transform: perspective(20.8333vw) rotateX(10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(20.8333vw) rotateX(-5deg); + transform: perspective(20.8333vw) rotateX(-5deg); + } + + to { + -webkit-transform: perspective(20.8333vw); + transform: perspective(20.8333vw); + } +} + +.flipInX { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInX; + animation-name: flipInX; +} + +@-webkit-keyframes flipInY { + 0% { + -webkit-transform: perspective(20.8333vw) rotateY(90deg); + transform: perspective(20.8333vw) rotateY(90deg); + opacity: 0; + } + + 0%, + 40% { + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 40% { + -webkit-transform: perspective(20.8333vw) rotateY(-20deg); + transform: perspective(20.8333vw) rotateY(-20deg); + } + + 60% { + -webkit-transform: perspective(20.8333vw) rotateY(10deg); + transform: perspective(20.8333vw) rotateY(10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(20.8333vw) rotateY(-5deg); + transform: perspective(20.8333vw) rotateY(-5deg); + } + + to { + -webkit-transform: perspective(20.8333vw); + transform: perspective(20.8333vw); + } +} + +@keyframes flipInY { + 0% { + -webkit-transform: perspective(20.8333vw) rotateY(90deg); + transform: perspective(20.8333vw) rotateY(90deg); + opacity: 0; + } + + 0%, + 40% { + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 40% { + -webkit-transform: perspective(20.8333vw) rotateY(-20deg); + transform: perspective(20.8333vw) rotateY(-20deg); + } + + 60% { + -webkit-transform: perspective(20.8333vw) rotateY(10deg); + transform: perspective(20.8333vw) rotateY(10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(20.8333vw) rotateY(-5deg); + transform: perspective(20.8333vw) rotateY(-5deg); + } + + to { + -webkit-transform: perspective(20.8333vw); + transform: perspective(20.8333vw); + } +} + +.flipInY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInY; + animation-name: flipInY; +} + +@-webkit-keyframes flipOutX { + 0% { + -webkit-transform: perspective(20.8333vw); + transform: perspective(20.8333vw); + } + + 30% { + -webkit-transform: perspective(20.8333vw) rotateX(-20deg); + transform: perspective(20.8333vw) rotateX(-20deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(20.8333vw) rotateX(90deg); + transform: perspective(20.8333vw) rotateX(90deg); + opacity: 0; + } +} + +@keyframes flipOutX { + 0% { + -webkit-transform: perspective(20.8333vw); + transform: perspective(20.8333vw); + } + + 30% { + -webkit-transform: perspective(20.8333vw) rotateX(-20deg); + transform: perspective(20.8333vw) rotateX(-20deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(20.8333vw) rotateX(90deg); + transform: perspective(20.8333vw) rotateX(90deg); + opacity: 0; + } +} + +.flipOutX { + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; +} + +@-webkit-keyframes flipOutY { + 0% { + -webkit-transform: perspective(20.8333vw); + transform: perspective(20.8333vw); + } + + 30% { + -webkit-transform: perspective(20.8333vw) rotateY(-15deg); + transform: perspective(20.8333vw) rotateY(-15deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(20.8333vw) rotateY(90deg); + transform: perspective(20.8333vw) rotateY(90deg); + opacity: 0; + } +} + +@keyframes flipOutY { + 0% { + -webkit-transform: perspective(20.8333vw); + transform: perspective(20.8333vw); + } + + 30% { + -webkit-transform: perspective(20.8333vw) rotateY(-15deg); + transform: perspective(20.8333vw) rotateY(-15deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(20.8333vw) rotateY(90deg); + transform: perspective(20.8333vw) rotateY(90deg); + opacity: 0; + } +} + +.flipOutY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY; +} + +@-webkit-keyframes lightSpeedIn { + 0% { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + } + + 60%, + 80% { + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + } + + to { + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes lightSpeedIn { + 0% { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + } + + 60%, + 80% { + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + } + + to { + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +@-webkit-keyframes lightSpeedOut { + 0% { + opacity: 1; + } + + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} + +@keyframes lightSpeedOut { + 0% { + opacity: 1; + } + + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} + +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} + +@-webkit-keyframes rotateIn { + 0% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate(-200deg); + transform: rotate(-200deg); + opacity: 0; + } + + 0%, + to { + -webkit-transform-origin: center; + } + + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateIn { + 0% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate(-200deg); + transform: rotate(-200deg); + opacity: 0; + } + + 0%, + to { + -webkit-transform-origin: center; + } + + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; +} + +@-webkit-keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + opacity: 0; + } + + 0%, + to { + -webkit-transform-origin: left bottom; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + opacity: 0; + } + + 0%, + to { + -webkit-transform-origin: left bottom; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; +} + +@-webkit-keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + opacity: 0; + } + + 0%, + to { + -webkit-transform-origin: right bottom; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + opacity: 0; + } + + 0%, + to { + -webkit-transform-origin: right bottom; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; +} + +@-webkit-keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + opacity: 0; + } + + 0%, + to { + -webkit-transform-origin: left bottom; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + opacity: 0; + } + + 0%, + to { + -webkit-transform-origin: left bottom; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; +} + +@-webkit-keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } + + 0%, + to { + -webkit-transform-origin: right bottom; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } + + 0%, + to { + -webkit-transform-origin: right bottom; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; +} + +@-webkit-keyframes rotateOut { + 0% { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + + 0%, + to { + -webkit-transform-origin: center; + } + + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate(200deg); + transform: rotate(200deg); + opacity: 0; + } +} + +@keyframes rotateOut { + 0% { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + + 0%, + to { + -webkit-transform-origin: center; + } + + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate(200deg); + transform: rotate(200deg); + opacity: 0; + } +} + +.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; +} + +@-webkit-keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + 0%, + to { + -webkit-transform-origin: left bottom; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + opacity: 0; + } +} + +@keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + 0%, + to { + -webkit-transform-origin: left bottom; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + opacity: 0; + } +} + +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; +} + +@-webkit-keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + 0%, + to { + -webkit-transform-origin: right bottom; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + opacity: 0; + } +} + +@keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + 0%, + to { + -webkit-transform-origin: right bottom; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + opacity: 0; + } +} + +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; +} + +@-webkit-keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + 0%, + to { + -webkit-transform-origin: left bottom; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + opacity: 0; + } +} + +@keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + 0%, + to { + -webkit-transform-origin: left bottom; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + opacity: 0; + } +} + +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; +} + +@-webkit-keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + 0%, + to { + -webkit-transform-origin: right bottom; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + 0%, + to { + -webkit-transform-origin: right bottom; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } +} + +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; +} + +@-webkit-keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + } + + 0%, + 20%, + 60% { + -webkit-transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, + 60% { + -webkit-transform: rotate(80deg); + transform: rotate(80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + } + + 40%, + 80% { + -webkit-transform: rotate(60deg); + transform: rotate(60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + to { + -webkit-transform: translate3d(0, 36.4583vw, 0); + transform: translate3d(0, 36.4583vw, 0); + opacity: 0; + } +} + +@keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + } + + 0%, + 20%, + 60% { + -webkit-transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, + 60% { + -webkit-transform: rotate(80deg); + transform: rotate(80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + } + + 40%, + 80% { + -webkit-transform: rotate(60deg); + transform: rotate(60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + to { + -webkit-transform: translate3d(0, 36.4583vw, 0); + transform: translate3d(0, 36.4583vw, 0); + opacity: 0; + } +} + +.hinge { + -webkit-animation-name: hinge; + animation-name: hinge; +} + +@-webkit-keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); + transform: translate3d(-100%, 0, 0) rotate(-120deg); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); + transform: translate3d(-100%, 0, 0) rotate(-120deg); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn; +} + +@-webkit-keyframes rollOut { + 0% { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); + transform: translate3d(100%, 0, 0) rotate(120deg); + } +} + +@keyframes rollOut { + 0% { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); + transform: translate3d(100%, 0, 0) rotate(120deg); + } +} + +.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; +} + +@-webkit-keyframes zoomIn { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 50% { + opacity: 1; + } +} + +@keyframes zoomIn { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 50% { + opacity: 1; + } +} + +.zoomIn { + -webkit-animation-name: zoomIn; + animation-name: zoomIn; +} + +@-webkit-keyframes zoomInDown { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -52.0833vw, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -52.0833vw, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 3.125vw, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 3.125vw, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomInDown { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -52.0833vw, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -52.0833vw, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 3.125vw, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 3.125vw, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomInDown { + -webkit-animation-name: zoomInDown; + animation-name: zoomInDown; +} + +@-webkit-keyframes zoomInLeft { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-52.0833vw, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-52.0833vw, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(.5208vw, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(.5208vw, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomInLeft { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-52.0833vw, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-52.0833vw, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(.5208vw, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(.5208vw, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomInLeft { + -webkit-animation-name: zoomInLeft; + animation-name: zoomInLeft; +} + +@-webkit-keyframes zoomInRight { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(52.0833vw, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(52.0833vw, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.5208vw, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.5208vw, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomInRight { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(52.0833vw, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(52.0833vw, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.5208vw, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.5208vw, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomInRight { + -webkit-animation-name: zoomInRight; + animation-name: zoomInRight; +} + +@-webkit-keyframes zoomInUp { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1.5625vw, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1.5625vw, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -1.5625vw, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -1.5625vw, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomInUp { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1.5625vw, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1.5625vw, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -1.5625vw, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -1.5625vw, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomInUp { + -webkit-animation-name: zoomInUp; + animation-name: zoomInUp; +} + +@-webkit-keyframes zoomOut { + 0% { + opacity: 1; + } + + 50% { + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 50%, + to { + opacity: 0; + } +} + +@keyframes zoomOut { + 0% { + opacity: 1; + } + + 50% { + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 50%, + to { + opacity: 0; + } +} + +.zoomOut { + -webkit-animation-name: zoomOut; + animation-name: zoomOut; +} + +@-webkit-keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -3.125vw, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -3.125vw, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 104.1667vw, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 104.1667vw, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -3.125vw, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -3.125vw, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 104.1667vw, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 104.1667vw, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomOutDown { + -webkit-animation-name: zoomOutDown; + animation-name: zoomOutDown; +} + +@-webkit-keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(2.1875vw, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(2.1875vw, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(-104.1667vw, 0, 0); + transform: scale(0.1) translate3d(-104.1667vw, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} + +@keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(2.1875vw, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(2.1875vw, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(-104.1667vw, 0, 0); + transform: scale(0.1) translate3d(-104.1667vw, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} + +.zoomOutLeft { + -webkit-animation-name: zoomOutLeft; + animation-name: zoomOutLeft; +} + +@-webkit-keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-2.1875vw, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-2.1875vw, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(104.1667vw, 0, 0); + transform: scale(0.1) translate3d(104.1667vw, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} + +@keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-2.1875vw, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-2.1875vw, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(104.1667vw, 0, 0); + transform: scale(0.1) translate3d(104.1667vw, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} + +.zoomOutRight { + -webkit-animation-name: zoomOutRight; + animation-name: zoomOutRight; +} + +@-webkit-keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 3.125vw, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 3.125vw, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -104.1667vw, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -104.1667vw, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 3.125vw, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 3.125vw, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -104.1667vw, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -104.1667vw, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomOutUp { + -webkit-animation-name: zoomOutUp; + animation-name: zoomOutUp; +} + +@-webkit-keyframes slideInDown { + 0% { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} + +@keyframes slideInDown { + 0% { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} + +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; +} + +@-webkit-keyframes slideInLeft { + 0% { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} + +@keyframes slideInLeft { + 0% { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} + +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; +} + +@-webkit-keyframes slideInRight { + 0% { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} + +@keyframes slideInRight { + 0% { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} + +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; +} + +@-webkit-keyframes slideInUp { + 0% { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} + +@keyframes slideInUp { + 0% { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } +} + +.slideInUp { + -webkit-animation-name: slideInUp; + animation-name: slideInUp; +} + +@-webkit-keyframes slideOutDown { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +@keyframes slideOutDown { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +.slideOutDown { + -webkit-animation-name: slideOutDown; + animation-name: slideOutDown; +} + +@-webkit-keyframes slideOutLeft { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +@keyframes slideOutLeft { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; +} + +@-webkit-keyframes slideOutRight { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +@keyframes slideOutRight { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; +} + +@-webkit-keyframes slideOutUp { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +@keyframes slideOutUp { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; +} + +img.fr-dib { + margin: .2604vw auto; + display: block; + float: none; + vertical-align: top; +} + +.PopupVideoBox { + position: fixed; + z-index: 9999; + left: 0vw; + top: 0vw; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + display: none; +} + +.PopupVideo { + position: absolute; + left: 50%; + width: 100%; + top: 50%; + max-width: 47.9167vw; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + padding: 0vw 1.3021vw; +} + +.PopupVideo video { + width: 100%; +} + +.PopupVideo iframe { + width: 100%; + height: 23.9583vw; +} + +.closeVideo { + position: absolute; + right: 1.3021vw; + top: -1.3021vw; + width: 1.1458vw; + height: 1.1458vw; + cursor: pointer; + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.closeVideo::after { + content: ''; + display: block; + position: absolute; + width: .1042vw; + height: 100%; + background: #fff; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.closeVideo::before { + content: ''; + display: block; + position: absolute; + width: 100%; + height: .1042vw; + background: #fff; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.bd_weixin_popup_bg { + position: absolute; + left: -20.8333vw; + top: -20.8333vw; + width: 13.5417vw; + height: 16.6667vw; + border: 0; + padding: 0; + margin: 0; + opacity: 0; + filter: alpha(opacity=0); + z-index: 11000; +} + +.bd_weixin_popup { + position: absolute; + left: -20.8333vw; + top: -20.8333vw; + padding: .5208vw; + width: 12.5vw; + height: 15.625vw; + background: #fff; + border: solid .0521vw #d8d8d8; + z-index: 11001; + font-size: .625vw; +} + +.bd_weixin_popup .bd_weixin_popup_head { + font-size: .625vw; + font-weight: bold; + text-align: left; + line-height: .8333vw; + height: .8333vw; + position: relative; + color: #000; +} + +.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close { + width: .8333vw; + height: .8333vw; + position: absolute; + right: 0; + top: 0; + color: #999; + text-decoration: none; + font-size: .8333vw; +} + +.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close:hover { + text-decoration: none; +} + +.bd_weixin_popup .bd_weixin_popup_main { + padding: .7813vw .5208vw; + min-height: 7.8125vw; + _height: 7.8125vw; +} + +.bd_weixin_popup .bd_weixin_popup_foot { + font-size: .625vw; + text-align: left; + line-height: 1.1458vw; + color: #666; +} + +.bdshare-button-style0-16 .bds_qzone { + background-position: 0 -2.7083vw; +} + +.bdshare-button-style0-16 .bds_tsina { + background-position: 0 -5.4167vw; +} + +.bdshare-button-style0-16 .bds_renren { + background-position: 0 -10.8333vw; +} + +.bdshare-button-style0-16 .bds_tqq { + background-position: 0 -13.5417vw; +} + +.bdshare-button-style0-16 .bds_kaixin001 { + background-position: 0 -16.25vw; +} + +.bdshare-button-style0-16 .bds_tqf { + background-position: 0 -18.9583vw; +} + +.bdshare-button-style0-16 .bds_hi { + background-position: 0 -21.6667vw; +} + +.bdshare-button-style0-16 .bds_douban { + background-position: 0 -24.375vw; +} + +.bdshare-button-style0-16 .bds_tsohu { + background-position: 0 -27.0833vw; +} + +.bdshare-button-style0-16 .bds_tieba { + background-position: 0 -37.9167vw; +} + +.bdshare-button-style0-16 .bds_hx { + background-position: 0 -51.4583vw; +} + +.bdshare-button-style0-16 .bds_fx { + background-position: 0 -54.1667vw; +} + +.bdshare-button-style0-16 .bds_ty { + background-position: 0 -62.2917vw; +} + +.bdshare-button-style0-16 .bds_fbook { + background-position: 0 -70.4167vw; +} + +.bdshare-button-style0-16 .bds_twi { + background-position: 0 -73.125vw; +} + +.bdshare-button-style0-16 .bds_linkedin { + background-position: 0 -86.6667vw; +} + +.bdshare-button-style0-16 .bds_meilishuo { + background-position: 0 -89.375vw; +} + +.bdshare-button-style0-16 .bds_mogujie { + background-position: 0 -92.0833vw; +} + +.bdshare-button-style0-16 .bds_diandian { + background-position: 0 -94.7917vw; +} + +.bdshare-button-style0-16 .bds_huaban { + background-position: 0 -97.5vw; +} + +.bdshare-button-style0-16 .bds_duitang { + background-position: 0 -105.625vw; +} + +.bdshare-button-style0-16 .bds_youdao { + background-position: 0 -108.3333vw; +} + +.bdshare-button-style0-16 .bds_wealink { + background-position: 0 -113.75vw; +} + +.bdshare-button-style0-16 .bds_copy { + background-position: 0 -119.1667vw; +} + +.bdshare-button-style0-16 .bds_mail { + background-position: 0 -121.875vw; +} + +.bdshare-button-style0-16 .bds_print { + background-position: 0 -124.5833vw; +} + +.bdshare-button-style0-16 .bds_mshare { + background-position: 0 -127.2917vw; +} + +.bdshare-button-style0-16 .bds_sqq { + background-position: 0 -138.125vw; +} + +.bdshare-button-style0-16 .bds_sdo { + background-position: 0 -140.8333vw; +} + +.bdshare-button-style0-16 .bds_qingbiji { + background-position: 0 -143.5417vw; +} + +.bdshare-button-style0-16 .bds_people { + background-position: 0 -146.25vw; +} + +.bdshare-button-style0-16 .bds_xinhua { + background-position: 0 -151.6667vw; +} + +.bdshare-button-style0-16 .bds_yaolan { + background-position: 0 -154.375vw; +} + +.bdshare-button-style0-16 .bds_thx { + background-position: 0 -130vw; +} + +.bdshare-button-style0-16 .bds_bdhome { + background-position: 0 -8.125vw; +} + +.bdshare-button-style0-16 .bds_bdxc { + background-position: 0 -132.7083vw; +} + +.bdshare-button-style0-16 .bds_bdysc { + background-position: 0 -159.7917vw; +} + +.bdshare-button-style0-16 .bds_isohu { + background-position: 0 -157.0833vw; +} + +.bdshare-button-style0-16 .bds_more { + background-position: 0 0; +} + +.bdshare-button-style0-16 .bds_ibaidu { + background-position: 0 -162.5vw; +} + +.bdshare-button-style0-16 .bds_weixin { + background-position: 0 -83.9583vw; +} + +.bdshare-button-style0-16 .bds_iguba { + background-position: 0 -67.7083vw; +} + +.bdshare-button-style0-16 { + zoom: 1; +} + +.bdshare-button-style0-16:after { + content: "."; + visibility: hidden; + display: block; + height: 0; + clear: both; +} + +.bdshare-button-style0-16 a, +.bdshare-button-style0-16 .bds_more { + float: left; + font-size: .625vw; + padding-left: .8854vw; + line-height: .8333vw; + height: .8333vw; + background-image: url(resources/icons_0_16.png); + background-repeat: no-repeat; + cursor: pointer; + margin: .3125vw .3125vw .3125vw 0; +} + +.bdshare-button-style0-16 a:hover { + color: #333; + opacity: .8; + filter: alpha(opacity=80); +} + +.bdshare-button-style0-16 .bds_more { + color: #333; + float: left; +} + +.bdshare-button-style0-16 .bds_count { + color: #333; + background: url(resources/sc.png) no-repeat 0 -1.5625vw; + width: 2.1875vw; + height: .8333vw; + padding: 0; + margin: .3125vw 0 0; + text-align: center; +} + +.bdshare-button-style0-16 .bds_count:hover { + background-position: -2.1875vw -1.5625vw; +} + +.bdshare-button-style0-16 .bds_button_image { + float: left; + cursor: pointer; + margin: .3125vw .3125vw 0 0; + height: auto; + padding: 0; +} + +.bdshare-button-style0-16 .bdshare_button_count { + background: url(resources/sc.png) no-repeat 0 0; + width: 2.2917vw; + height: 1.25vw; + line-height: 1.25vw; +} + +.bdshare-button-style0-16 .bdshare_button_count:hover { + background-position: -2.2917vw 0; +} + +.bds_tfh, +.bds_baidu, +.bds_qq, +.bds_msn, +.bds_sohu, +.bds_qy, +.bds_leho, +.bds_ifeng, +.bds_ff, +.bds_tuita, +.bds_ms, +.bds_deli, +.bds_s51, +.bds_t163, +.bds_share189, +.bds_xg, +.bds_s139 { + display: none; +} + +.commonTitleLocation { + padding: .5208vw 0; + border-bottom: .0521vw solid #ebebeb; +} + +.commonTitleLocation h3 { + float: left; + font-size: .8333vw; + position: relative; +} + +.commonTitleLocation p { + float: right; +} + +.commonTitleLocation p a { + font-size: .625vw; + vertical-align: middle; + display: inline-block; + color: #999; + margin-left: .5208vw; + padding-left: .7813vw; + position: relative; +} + +.commonTitleLocation p a::after { + content: ''; + position: absolute; + left: 0vw; + top: 50%; + width: .4167vw; + height: .4167vw; + border: .0521vw solid #999; + border-left: none; + border-top: none; + -webkit-transform: rotate(-45deg) translateY(-50%); + -ms-transform: rotate(-45deg) translateY(-50%); + transform: rotate(-45deg) translateY(-50%); +} + +.commonTitleLocation p a:first-child { + padding-left: 0vw; + margin: 0vw; + line-height: .5729vw; +} + +.commonTitleLocation p a:first-child::after { + display: none; +} + +.commonTitleLocation p a.current { + color: #333; +} + +.commonTitleLocation p img { + display: inline-block; + vertical-align: middle; +} + +.commonLocation { + padding: .5208vw 0; + border-bottom: .0521vw solid #ebebeb; +} + +.commonLocation a { + font-size: .625vw; + vertical-align: middle; + display: inline-block; + color: #999; + margin-left: .5208vw; + padding-left: .7813vw; + position: relative; +} + +.commonLocation a::after { + content: ''; + position: absolute; + left: 0vw; + top: 50%; + width: .4167vw; + height: .4167vw; + border: .0521vw solid #999; + border-left: none; + border-top: none; + -webkit-transform: rotate(-45deg) translateY(-50%); + -ms-transform: rotate(-45deg) translateY(-50%); + transform: rotate(-45deg) translateY(-50%); +} + +.commonLocation a:first-child { + padding-left: 0vw; + margin: 0vw; + line-height: .5729vw; +} + +.commonLocation a:first-child::after { + display: none; +} + +.commonLocation a.current { + color: #333; +} + +.commonLocation img { + display: inline-block; + vertical-align: middle; +} + +.select2-container { + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: inline-block; + margin: 0; + position: relative; + vertical-align: middle; +} + +.select2-container .select2-selection--single { + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; + display: block; + height: 1.4583vw; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-user-select: none; +} + +.select2-container .select2-selection--single .select2-selection__rendered { + display: block; + padding-left: .4167vw; + padding-right: 1.0417vw; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.select2-container .select2-selection--single .select2-selection__clear { + position: relative; +} + +.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { + padding-right: .4167vw; + padding-left: 1.0417vw; +} + +.select2-container .select2-selection--multiple { + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; + display: block; + min-height: 1.6667vw; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-user-select: none; +} + +.select2-container .select2-selection--multiple .select2-selection__rendered { + display: inline-block; + overflow: hidden; + padding-left: .4167vw; + text-overflow: ellipsis; + white-space: nowrap; +} + +.select2-container .select2-search--inline { + float: left; +} + +.select2-container .select2-search--inline .select2-search__field { + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: none; + font-size: 100%; + margin-top: .2604vw; + padding: 0; +} + +.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { + -webkit-appearance: none; +} + +.select2-dropdown { + background-color: white; + border: .0521vw solid #aaa; + -webkit-border-radius: .2083vw; + border-radius: .2083vw; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: block; + position: absolute; + left: -5208.3333vw; + width: 100%; + z-index: 1051; +} + +.select2-results { + display: block; +} + +.select2-results__options { + list-style: none; + margin: 0; + padding: 0; +} + +.select2-results__option { + padding: .3125vw; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-user-select: none; +} + +.select2-results__option[aria-selected] { + cursor: pointer; +} + +.select2-container--open .select2-dropdown { + left: 0; +} + +.select2-container--open .select2-dropdown--above { + border-bottom: none; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; +} + +.select2-container--open .select2-dropdown--below { + border-top: none; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; +} + +.select2-search--dropdown { + display: block; + padding: .2083vw; +} + +.select2-search--dropdown .select2-search__field { + padding: .2083vw; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { + -webkit-appearance: none; +} + +.select2-search--dropdown.select2-search--hide { + display: none; +} + +.select2-close-mask { + border: 0; + margin: 0; + padding: 0; + display: block; + position: fixed; + left: 0; + top: 0; + min-height: 100%; + min-width: 100%; + height: auto; + width: auto; + opacity: 0; + z-index: 99; + background-color: #fff; + filter: alpha(opacity=0); +} + +.select2-hidden-accessible { + border: 0 !important; + clip: rect(0 0 0 0) !important; + -webkit-clip-path: inset(50%) !important; + clip-path: inset(50%) !important; + height: .0521vw !important; + overflow: hidden !important; + padding: 0 !important; + position: absolute !important; + width: .0521vw !important; + white-space: nowrap !important; +} + +.select2-container--default .select2-selection--single { + background-color: #fff; + border: .0521vw solid #aaa; + -webkit-border-radius: .2083vw; + border-radius: .2083vw; +} + +.select2-container--default .select2-selection--single .select2-selection__rendered { + color: #444; + line-height: 1.4583vw; +} + +.select2-container--default .select2-selection--single .select2-selection__clear { + cursor: pointer; + float: right; + font-weight: bold; +} + +.select2-container--default .select2-selection--single .select2-selection__placeholder { + color: #999; +} + +.select2-container--default .select2-selection--single .select2-selection__arrow { + height: 1.3542vw; + position: absolute; + top: .0521vw; + right: .0521vw; + width: 1.0417vw; +} + +.select2-container--default .select2-selection--single .select2-selection__arrow b { + border-color: #888 transparent transparent transparent; + border-style: solid; + border-width: .2604vw .2083vw 0 .2083vw; + height: 0; + left: 50%; + margin-left: -0.2083vw; + margin-top: -0.1042vw; + position: absolute; + top: 50%; + width: 0; +} + +.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { + float: left; +} + +.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { + left: .0521vw; + right: auto; +} + +.select2-container--default.select2-container--disabled .select2-selection--single { + background-color: #eee; + cursor: default; +} + +.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { + display: none; +} + +.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { + border-color: transparent transparent #888 transparent; + border-width: 0 .2083vw .2604vw .2083vw; +} + +.select2-container--default .select2-selection--multiple { + background-color: white; + border: .0521vw solid #aaa; + -webkit-border-radius: .2083vw; + border-radius: .2083vw; + cursor: text; +} + +.select2-container--default .select2-selection--multiple .select2-selection__rendered { + -webkit-box-sizing: border-box; + box-sizing: border-box; + list-style: none; + margin: 0; + padding: 0 .2604vw; + width: 100%; +} + +.select2-container--default .select2-selection--multiple .select2-selection__rendered li { + list-style: none; +} + +.select2-container--default .select2-selection--multiple .select2-selection__placeholder { + color: #999; + margin-top: .2604vw; + float: left; +} + +.select2-container--default .select2-selection--multiple .select2-selection__clear { + cursor: pointer; + float: right; + font-weight: bold; + margin-top: .2604vw; + margin-right: .5208vw; +} + +.select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #e4e4e4; + border: .0521vw solid #aaa; + -webkit-border-radius: .2083vw; + border-radius: .2083vw; + cursor: default; + float: left; + margin-right: .2604vw; + margin-top: .2604vw; + padding: 0 .2604vw; +} + +.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: #999; + cursor: pointer; + display: inline-block; + font-weight: bold; + margin-right: .1042vw; +} + +.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #333; +} + +.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, +.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, +.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { + float: right; +} + +.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { + margin-left: .2604vw; + margin-right: auto; +} + +.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { + margin-left: .1042vw; + margin-right: auto; +} + +.select2-container--default.select2-container--focus .select2-selection--multiple { + border: solid black .0521vw; + outline: 0; +} + +.select2-container--default.select2-container--disabled .select2-selection--multiple { + background-color: #eee; + cursor: default; +} + +.select2-container--default.select2-container--disabled .select2-selection__choice__remove { + display: none; +} + +.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, +.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; +} + +.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, +.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; +} + +.select2-container--default .select2-search--dropdown .select2-search__field { + border: .0521vw solid #aaa; +} + +.select2-container--default .select2-search--inline .select2-search__field { + background: transparent; + border: none; + outline: 0; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-appearance: textfield; +} + +.select2-container--default .select2-results>.select2-results__options { + max-height: 10.4167vw; + overflow-y: auto; +} + +.select2-container--default .select2-results__option[role=group] { + padding: 0; +} + +.select2-container--default .select2-results__option[aria-disabled=true] { + color: #999; +} + +.select2-container--default .select2-results__option[aria-selected=true] { + background-color: #ddd; +} + +.select2-container--default .select2-results__option .select2-results__option { + padding-left: 1em; +} + +.select2-container--default .select2-results__option .select2-results__option .select2-results__group { + padding-left: 0; +} + +.select2-container--default .select2-results__option .select2-results__option .select2-results__option { + margin-left: -1em; + padding-left: 2em; +} + +.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { + margin-left: -2em; + padding-left: 3em; +} + +.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { + margin-left: -3em; + padding-left: 4em; +} + +.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { + margin-left: -4em; + padding-left: 5em; +} + +.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { + margin-left: -5em; + padding-left: 6em; +} + +.select2-container--default .select2-results__option--highlighted[aria-selected] { + background-color: #5897fb; + color: white; +} + +.select2-container--default .select2-results__group { + cursor: default; + display: block; + padding: .3125vw; +} + +.select2-container--classic .select2-selection--single { + background-color: #f7f7f7; + border: .0521vw solid #aaa; + -webkit-border-radius: .2083vw; + border-radius: .2083vw; + outline: 0; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee)); + background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); +} + +.select2-container--classic .select2-selection--single:focus { + border: .0521vw solid #5897fb; +} + +.select2-container--classic .select2-selection--single .select2-selection__rendered { + color: #444; + line-height: 1.4583vw; +} + +.select2-container--classic .select2-selection--single .select2-selection__clear { + cursor: pointer; + float: right; + font-weight: bold; + margin-right: .5208vw; +} + +.select2-container--classic .select2-selection--single .select2-selection__placeholder { + color: #999; +} + +.select2-container--classic .select2-selection--single .select2-selection__arrow { + background-color: #ddd; + border: none; + border-left: .0521vw solid #aaa; + -webkit-border-top-right-radius: .2083vw; + border-top-right-radius: .2083vw; + -webkit-border-bottom-right-radius: .2083vw; + border-bottom-right-radius: .2083vw; + height: 1.3542vw; + position: absolute; + top: .0521vw; + right: .0521vw; + width: 1.0417vw; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc)); + background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); +} + +.select2-container--classic .select2-selection--single .select2-selection__arrow b { + border-color: #888 transparent transparent transparent; + border-style: solid; + border-width: .2604vw .2083vw 0 .2083vw; + height: 0; + left: 50%; + margin-left: -0.2083vw; + margin-top: -0.1042vw; + position: absolute; + top: 50%; + width: 0; +} + +.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { + float: left; +} + +.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { + border: none; + border-right: .0521vw solid #aaa; + -webkit-border-radius: 0; + border-radius: 0; + -webkit-border-top-left-radius: .2083vw; + border-top-left-radius: .2083vw; + -webkit-border-bottom-left-radius: .2083vw; + border-bottom-left-radius: .2083vw; + left: .0521vw; + right: auto; +} + +.select2-container--classic.select2-container--open .select2-selection--single { + border: .0521vw solid #5897fb; +} + +.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { + background: transparent; + border: none; +} + +.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { + border-color: transparent transparent #888 transparent; + border-width: 0 .2083vw .2604vw .2083vw; +} + +.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { + border-top: none; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee)); + background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); +} + +.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { + border-bottom: none; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff)); + background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); +} + +.select2-container--classic .select2-selection--multiple { + background-color: white; + border: .0521vw solid #aaa; + -webkit-border-radius: .2083vw; + border-radius: .2083vw; + cursor: text; + outline: 0; +} + +.select2-container--classic .select2-selection--multiple:focus { + border: .0521vw solid #5897fb; +} + +.select2-container--classic .select2-selection--multiple .select2-selection__rendered { + list-style: none; + margin: 0; + padding: 0 .2604vw; +} + +.select2-container--classic .select2-selection--multiple .select2-selection__clear { + display: none; +} + +.select2-container--classic .select2-selection--multiple .select2-selection__choice { + background-color: #e4e4e4; + border: .0521vw solid #aaa; + -webkit-border-radius: .2083vw; + border-radius: .2083vw; + cursor: default; + float: left; + margin-right: .2604vw; + margin-top: .2604vw; + padding: 0 .2604vw; +} + +.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { + color: #888; + cursor: pointer; + display: inline-block; + font-weight: bold; + margin-right: .1042vw; +} + +.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #555; +} + +.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { + float: right; +} + +.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { + margin-left: .2604vw; + margin-right: auto; +} + +.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { + margin-left: .1042vw; + margin-right: auto; +} + +.select2-container--classic.select2-container--open .select2-selection--multiple { + border: .0521vw solid #5897fb; +} + +.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { + border-top: none; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; +} + +.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { + border-bottom: none; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; +} + +.select2-container--classic .select2-search--dropdown .select2-search__field { + border: .0521vw solid #aaa; + outline: 0; +} + +.select2-container--classic .select2-search--inline .select2-search__field { + outline: 0; + -webkit-box-shadow: none; + box-shadow: none; +} + +.select2-container--classic .select2-dropdown { + background-color: #fff; + border: .0521vw solid transparent; +} + +.select2-container--classic .select2-dropdown--above { + border-bottom: none; +} + +.select2-container--classic .select2-dropdown--below { + border-top: none; +} + +.select2-container--classic .select2-results>.select2-results__options { + max-height: 10.4167vw; + overflow-y: auto; +} + +.select2-container--classic .select2-results__option[role=group] { + padding: 0; +} + +.select2-container--classic .select2-results__option[aria-disabled=true] { + color: grey; +} + +.select2-container--classic .select2-results__option--highlighted[aria-selected] { + background-color: #3875d7; + color: #fff; +} + +.select2-container--classic .select2-results__group { + cursor: default; + display: block; + padding: .3125vw; +} + +.select2-container--classic.select2-container--open .select2-dropdown { + border-color: #5897fb; +} + +.DefaultSelector { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.DefaultSelector>span { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.DefaultSelector>span:nth-child(2) { + margin-right: .5208vw; +} + +.DefaultSelector>span:nth-child(4) { + margin-right: .5208vw; +} + +.DefaultSelector .select2-container--default .select2-selection--single { + -webkit-border-radius: 0vw; + border-radius: 0vw; + height: 1.8229vw; +} + +.DefaultSelector .select2-container--default .select2-selection--single .select2-selection__rendered { + line-height: 1.8229vw; +} + +.DefaultSelector .select2-container--default .select2-selection--single .select2-selection__arrow { + height: 100%; + top: 0vw; +} + +.defaSearchList { + padding: 2.6042vw 0vw; +} + +.defaSearchList dl { + border-bottom: .0521vw solid #eee; + padding-bottom: .5208vw; +} + +.defaSearchList dl dt { + float: left; + font-size: .8333vw; +} + +.defaSearchList dl dd { + float: right; + font-size: .7292vw; +} + +.defaSearchList li { + padding: 1vw 1.0417vw; + margin-top: .7813vw; + border-bottom: .0521vw solid #eee; + background: #f6f6f6; +} + +.defaSearchList li h3 { + margin: 0; + font-size: .8333vw; + color: #1a1a1a; + line-height: 1.1; +} + +.defaSearchList li .defaDesc { + font-size: .625vw; + color: #adadad; + padding-top: .2604vw; + line-height: 1.0417vw; + display: none; +} + +.defaWebMap { + background-color: #fff; +} + +.defaWebMap dl { + border: 1px solid #e6e6e6; + margin-top: 30px; +} + +.defaWebMap dl h3 { + padding-left: 20px; + padding-bottom: 5px; +} + +.defaWebMap dl h3 span { + font-size: 20px; + color: #00a1e9; + position: relative; + top: -12px; + background-color: #fff; + padding: 0px 13px; +} + +.defaWebMap dl h3 span a { + color: #00479d; +} + +.defaWebMap dl dd { + padding-left: 33px; + padding-bottom: 15px; +} + +.defaWebMap dl dd a { + font-size: 14px; + padding-right: 20px; + display: inline-block; + padding-bottom: 8px; +} + +.defaWebMap dl dd a em { + display: inline-block; + margin-right: 8px; + width: 3px; + height: 3px; + background-color: #00479d; + vertical-align: middle; +} + +.defaArticleDetails { + font-size: 14px; + line-height: 24px; +} + +.defaArticleDetails p { + margin-bottom: 10px; +} + +.defaArticleDetails img { + display: block; + max-width: 100%; + margin: 0px auto; +} + +.defaPrevNextpage { + border-top: 1px solid #3d3f48; + border-bottom: 1px solid #3d3f48; +} + +.defaPrevNextpage p { + border-bottom: 1px solid #dddddd; + position: relative; + padding: 0px 90px 0px 90px; + font-size: 14px; + line-height: 50px; + white-space: nowrap; + height: 50px; + color: #333; +} + +.defaPrevNextpage p span { + position: absolute; + left: 0px; + padding-left: 10px; + top: 0px; + display: block; + width: 75px; +} + +.defaPrevNextpage p span:after { + content: ''; + border-left: 5px solid transparent; + border-bottom: 5px solid #000000; + border-right: 5px solid transparent; + position: absolute; + right: 0%; + width: 0px; + height: 0px; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.defaPrevNextpage p em { + position: absolute; + right: 0px; + font-style: normal; + top: 0px; + padding-right: 0px; + width: 80px; + display: block; +} + +.defaPrevNextpage p a { + display: block; + text-overflow: ellipsis; + overflow: hidden; +} + +.defaPrevNextpage p a:hover { + color: #00479d; +} + +.defaPrevNextpage p.next { + border: none; +} + +.defaPrevNextpage p.next span:after { + border-bottom: none; + border-top: 5px solid #000000; +} + + + + +@media (min-width: 768px) { + .defaWebMap dl { + margin-top: 2.6042vw; + } + + .defaWebMap dl dd a { + padding-right: 2.6042vw; + } +} + +@media (min-width: 992px) { + .commonTitleLocation { + padding: 1.0417vw 0; + } + + .commonTitleLocation h3 { + font-size: 1.25vw; + } + + .commonTitleLocation p { + padding-top: .2604vw; + } + + .commonTitleLocation p a { + font-size: .7292vw; + } + + .commonLocation { + padding: 1.0417vw 0; + } + + .commonLocation a { + font-size: .7292vw; + } + + .defaSearchList li { + padding: 1vw 1.8229vw; + margin-top: 1.3021vw; + } + + .defaSearchList li h3 { + font-size: 1.0417vw; + line-height: 1.1; + } + + .defaSearchList li .defaDesc { + font-size: .6771vw; + padding-top: .5208vw; + line-height: 1.25vw; + } + + .defaPrevNextpage p span { + position: absolute; + left: 0vw; + padding-left: 2.0833vw; + top: 0vw; + display: block; + width: 15%; + } + + .defaPrevNextpage p:nth-child(2) span:after { + border-bottom: none; + border-top: .2604vw solid #000000; + } + + .defaPrevNextpage p span:after { + content: ''; + border-left: .2604vw solid transparent; + border-bottom: .2604vw solid #000000; + border-right: .2604vw solid transparent; + position: absolute; + right: 0%; + width: 0vw; + height: 0vw; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + } + + .defaPrevNextpage p em { + position: absolute; + right: 0vw; + font-style: normal; + top: 0vw; + padding-right: 1.5625vw; + width: 6.25vw; + display: block; + font-size: .9375vw; + color: #999; + } + + .defaPrevNextpage p { + border-bottom: .0521vw solid #dddddd; + position: relative; + padding: 0vw 6.7708vw 0vw 20%; + font-size: .8333vw; + line-height: 4.1667vw; + white-space: nowrap; + height: 4.1667vw; + color: #333; + } +} + + + +/** Swiper 3.4.2 Most modern mobile touch slider and framework with hardware accelerated transitions http://www.idangero.us/swiper/ Copyright 2017, Vladimir Kharlampidi The iDangero.us http://www.idangero.us/ Licensed under MIT Released on: March 10, 2017 */ +.swiper-container { + margin-left: auto; + margin-right: auto; + position: relative; + overflow: hidden; + z-index: 1; +} + +.swiper-container-no-flexbox .swiper-slide { + float: left; +} + +.swiper-container-vertical>.swiper-wrapper { + -webkit-box-orient: vertical; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; +} + +.swiper-wrapper { + position: relative; + width: 100%; + height: 100%; + z-index: 1; + display: -webkit-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} + +.swiper-container-android .swiper-slide, +.swiper-wrapper { + -webkit-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.swiper-container-multirow>.swiper-wrapper { + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; +} + +.swiper-container-free-mode>.swiper-wrapper { + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; + margin: 0 auto; +} + +.swiper-slide { + -webkit-flex-shrink: 0; + -ms-flex: 0 0 auto; + -ms-flex-negative: 0; + flex-shrink: 0; + width: 100%; + height: 100%; + position: relative; +} + +.swiper-container-autoheight, +.swiper-container-autoheight .swiper-slide { + height: auto; +} + +.swiper-container-autoheight .swiper-wrapper { + -webkit-box-align: start; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + -webkit-transition-property: -webkit-transform, height; + -webkit-transition-property: height, -webkit-transform; + transition-property: height, -webkit-transform; + transition-property: transform, height; + transition-property: transform, height, -webkit-transform; +} + +.swiper-container .swiper-notification { + position: absolute; + left: 0; + top: 0; + pointer-events: none; + opacity: 0; + z-index: -1000; +} + +.swiper-wp8-horizontal { + -ms-touch-action: pan-y; + touch-action: pan-y; +} + +.swiper-wp8-vertical { + -ms-touch-action: pan-x; + touch-action: pan-x; +} + +.swiper-button-next, +.swiper-button-prev { + position: absolute; + top: 50%; + width: 1.4063vw; + height: 2.2917vw; + margin-top: -1.1458vw; + z-index: 10; + cursor: pointer; + background-size: 1.4063vw 2.2917vw; + background-position: center; + background-repeat: no-repeat; +} + +.swiper-button-next.swiper-button-disabled, +.swiper-button-prev.swiper-button-disabled { + opacity: .35; + cursor: auto; + pointer-events: none; +} + +.swiper-button-prev, +.swiper-container-rtl .swiper-button-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); + left: .5208vw; + right: auto; +} + +.swiper-button-prev.swiper-button-black, +.swiper-container-rtl .swiper-button-next.swiper-button-black { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); +} + +.swiper-button-prev.swiper-button-white, +.swiper-container-rtl .swiper-button-next.swiper-button-white { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); +} + +.swiper-button-next, +.swiper-container-rtl .swiper-button-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); + right: .5208vw; + left: auto; +} + +.swiper-button-next.swiper-button-black, +.swiper-container-rtl .swiper-button-prev.swiper-button-black { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); +} + +.swiper-button-next.swiper-button-white, +.swiper-container-rtl .swiper-button-prev.swiper-button-white { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); +} + +.swiper-pagination { + position: absolute; + text-align: center; + -webkit-transition: .3s; + transition: .3s; + -webkit-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + z-index: 10; +} + +.swiper-pagination.swiper-pagination-hidden { + opacity: 0; +} + +.swiper-container-horizontal>.swiper-pagination-bullets, +.swiper-pagination-custom, +.swiper-pagination-fraction { + bottom: .5208vw; + left: 0; + width: 100%; +} + +.swiper-pagination-bullet { + width: .4167vw; + height: .4167vw; + display: inline-block; + -webkit-border-radius: 100%; + border-radius: 100%; + background: #000; + opacity: .2; +} + +button.swiper-pagination-bullet { + border: none; + margin: 0; + padding: 0; + -webkit-box-shadow: none; + box-shadow: none; + -moz-appearance: none; + -ms-appearance: none; + -webkit-appearance: none; + appearance: none; +} + +.swiper-pagination-clickable .swiper-pagination-bullet { + cursor: pointer; +} + +.swiper-pagination-white .swiper-pagination-bullet { + background: #fff; +} + +.swiper-pagination-bullet-active { + opacity: 1; + background: #007aff; +} + +.swiper-pagination-white .swiper-pagination-bullet-active { + background: #fff; +} + +.swiper-pagination-black .swiper-pagination-bullet-active { + background: #000; +} + +.swiper-container-vertical>.swiper-pagination-bullets { + right: .5208vw; + top: 50%; + -webkit-transform: translate3d(0, -50%, 0); + -ms-transform: translate3d(0, -50%, 0); + transform: translate3d(0, -50%, 0); +} + +.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { + margin: .2604vw 0; + display: block; +} + +.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { + margin: 0 .2604vw; +} + +.swiper-pagination-progress { + background: rgba(0, 0, 0, 0.25); + position: absolute; +} + +.swiper-pagination-progress .swiper-pagination-progressbar { + background: #007aff; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + -webkit-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: left top; + -ms-transform-origin: left top; + transform-origin: left top; +} + +.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { + -webkit-transform-origin: right top; + -ms-transform-origin: right top; + transform-origin: right top; +} + +.swiper-container-horizontal>.swiper-pagination-progress { + width: 100%; + height: .2083vw; + left: 0; + top: 0; +} + +.swiper-container-vertical>.swiper-pagination-progress { + width: .2083vw; + height: 100%; + left: 0; + top: 0; +} + +.swiper-pagination-progress.swiper-pagination-white { + background: rgba(255, 255, 255, 0.5); +} + +.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { + background: #fff; +} + +.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { + background: #000; +} + +.swiper-container-3d { + -webkit-perspective: 62.5vw; + -o-perspective: 62.5vw; + perspective: 62.5vw; +} + +.swiper-container-3d .swiper-cube-shadow, +.swiper-container-3d .swiper-slide, +.swiper-container-3d .swiper-slide-shadow-bottom, +.swiper-container-3d .swiper-slide-shadow-left, +.swiper-container-3d .swiper-slide-shadow-right, +.swiper-container-3d .swiper-slide-shadow-top, +.swiper-container-3d .swiper-wrapper { + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.swiper-container-3d .swiper-slide-shadow-bottom, +.swiper-container-3d .swiper-slide-shadow-left, +.swiper-container-3d .swiper-slide-shadow-right, +.swiper-container-3d .swiper-slide-shadow-top { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 10; +} + +.swiper-container-3d .swiper-slide-shadow-left { + background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} + +.swiper-container-3d .swiper-slide-shadow-right { + background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} + +.swiper-container-3d .swiper-slide-shadow-top { + background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} + +.swiper-container-3d .swiper-slide-shadow-bottom { + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} + +.swiper-container-coverflow .swiper-wrapper, +.swiper-container-flip .swiper-wrapper { + -ms-perspective: 62.5vw; +} + +.swiper-container-cube, +.swiper-container-flip { + overflow: visible; +} + +.swiper-container-cube .swiper-slide, +.swiper-container-flip .swiper-slide { + pointer-events: none; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1; +} + +.swiper-container-cube .swiper-slide .swiper-slide, +.swiper-container-flip .swiper-slide .swiper-slide { + pointer-events: none; +} + +.swiper-container-cube .swiper-slide-active, +.swiper-container-cube .swiper-slide-active .swiper-slide-active, +.swiper-container-flip .swiper-slide-active, +.swiper-container-flip .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} + +.swiper-container-cube .swiper-slide-shadow-bottom, +.swiper-container-cube .swiper-slide-shadow-left, +.swiper-container-cube .swiper-slide-shadow-right, +.swiper-container-cube .swiper-slide-shadow-top, +.swiper-container-flip .swiper-slide-shadow-bottom, +.swiper-container-flip .swiper-slide-shadow-left, +.swiper-container-flip .swiper-slide-shadow-right, +.swiper-container-flip .swiper-slide-shadow-top { + z-index: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} + +.swiper-container-cube .swiper-slide { + visibility: hidden; + -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; + transform-origin: 0 0; + width: 100%; + height: 100%; +} + +.swiper-container-cube.swiper-container-rtl .swiper-slide { + -webkit-transform-origin: 100% 0; + -ms-transform-origin: 100% 0; + transform-origin: 100% 0; +} + +.swiper-container-cube .swiper-slide-active, +.swiper-container-cube .swiper-slide-next, +.swiper-container-cube .swiper-slide-next+.swiper-slide, +.swiper-container-cube .swiper-slide-prev { + pointer-events: auto; + visibility: visible; +} + +.swiper-container-cube .swiper-cube-shadow { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 100%; + background: #000; + opacity: .6; + -webkit-filter: blur(2.6042vw); + filter: blur(2.6042vw); + z-index: 0; +} + +.swiper-container-fade.swiper-container-free-mode .swiper-slide { + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} + +.swiper-container-fade .swiper-slide { + pointer-events: none; + -webkit-transition-property: opacity; + transition-property: opacity; +} + +.swiper-container-fade .swiper-slide .swiper-slide { + pointer-events: none; +} + +.swiper-container-fade .swiper-slide-active, +.swiper-container-fade .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} + +.swiper-zoom-container { + width: 100%; + height: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + text-align: center; +} + +.swiper-zoom-container>canvas, +.swiper-zoom-container>img, +.swiper-zoom-container>svg { + max-width: 100%; + max-height: 100%; + object-fit: contain; +} + +.swiper-scrollbar { + -webkit-border-radius: .5208vw; + border-radius: .5208vw; + position: relative; + -ms-touch-action: none; + background: rgba(0, 0, 0, 0.1); +} + +.swiper-container-horizontal>.swiper-scrollbar { + position: absolute; + left: 1%; + bottom: .1563vw; + z-index: 50; + height: .2604vw; + width: 98%; +} + +.swiper-container-vertical>.swiper-scrollbar { + position: absolute; + right: .1563vw; + top: 1%; + z-index: 50; + width: .2604vw; + height: 98%; +} + +.swiper-scrollbar-drag { + height: 100%; + width: 100%; + position: relative; + background: rgba(0, 0, 0, 0.5); + -webkit-border-radius: .5208vw; + border-radius: .5208vw; + left: 0; + top: 0; +} + +.swiper-scrollbar-cursor-drag { + cursor: move; +} + +.swiper-lazy-preloader { + width: 2.1875vw; + height: 2.1875vw; + position: absolute; + left: 50%; + top: 50%; + margin-left: -1.0938vw; + margin-top: -1.0938vw; + z-index: 10; + -webkit-transform-origin: 50%; + -ms-transform-origin: 50%; + transform-origin: 50%; + -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; + animation: swiper-preloader-spin 1s steps(12, end) infinite; +} + +.swiper-lazy-preloader:after { + display: block; + content: ""; + width: 100%; + height: 100%; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); + background-position: 50%; + background-size: 100%; + background-repeat: no-repeat; +} + +.swiper-lazy-preloader-white:after { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); +} + +@-webkit-keyframes swiper-preloader-spin { + 100% { + -webkit-transform: rotate(360deg); + } +} + +@keyframes swiper-preloader-spin { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +/*--公共样式--*/ +.hideScroll { + overflow: hidden; +} + +.defaheader { + position: fixed; + left: 0vw; + top: 0vw; + width: 100%; + z-index: 999; + padding: .7813vw; + background: #000; +} + +.defalogo { + display: block; + float: left; +} + +.defalogo img { + height: 1.5625vw; +} + +.defanav { + position: fixed; + left: 0vw; + top: 3.125vw; + background: #fff; + bottom: 0vw; + overflow-y: auto; + right: 0vw; + display: none; +} + +.defanav ul { + padding: 1.0417vw; +} + +.defanav ul li { + border-bottom: .0521vw solid #eee; + line-height: 2.0833vw; + position: relative; +} + +.defanav ul li>a { + color: #000; + display: block; +} + +.defanav ul li p { + display: none; + padding: 0vw .5208vw .5208vw; +} + +.defanav ul li p a { + display: block; + font-size: .7292vw; + line-height: 1.5625vw; +} + +.defanav ul li p a:hover { + color: red; +} + +.defanavbtn { + float: right; + width: 1.4583vw; + height: 1.1458vw; + position: relative; + cursor: pointer; + margin-top: .2604vw; + margin-left: .7813vw; +} + +.defanavbtn span { + display: block; + height: .1042vw; + background: #fff; + top: 0vw; + position: absolute; + width: 100%; + -webkit-transition: all .3s ease; + transition: all .3s ease; +} + +.defanavbtn span:nth-child(2) { + top: .4167vw; +} + +.defanavbtn span:nth-child(3) { + top: .8854vw; +} + +.defacloseNavbtn span:nth-child(1) { + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + top: 12px; +} + +.defacloseNavbtn span:nth-child(2) { + display: none; +} + +.defacloseNavbtn span:nth-child(3) { + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); + top: 12px; +} + +.defanav ul li i { + position: absolute; + right: 0vw; + top: 0vw; + height: 2.0833vw; + width: 30%; +} + +.defanav ul li i:before { + position: absolute; + top: 50%; + right: .5208vw; + width: .5208vw; + height: .5208vw; + border-top: .1042vw solid #555; + border-right: .1042vw solid #555; + -webkit-transform: translateY(-50%) rotate(45deg); + -ms-transform: translateY(-50%) rotate(45deg); + transform: translateY(-50%) rotate(45deg); + -webkit-transition: all 0.5s; + transition: all 0.5s; + content: ""; +} + +.defanav ul li.cur i:before { + -webkit-transform: translateY(-50%) rotate(135deg); + -ms-transform: translateY(-50%) rotate(135deg); + transform: translateY(-50%) rotate(135deg); +} + +.defaSearch { + float: right; + padding-left: 1.0417vw; +} + +.defaSearch span { + width: 1.5625vw; + height: 1.5625vw; + cursor: pointer; + background: url(resources/searchIcon.png) no-repeat center; + display: block; +} + +.defaSearch .defaSearchbox { + position: fixed; + width: 100%; + background: #fff; + right: 0vw; + left: 0vw; + top: 3.125vw; + max-height: inherit; + display: none; +} + +.defaSearch .defaSearchbox label { + display: block; + padding: .5208vw 3.3854vw .5208vw .7813vw; +} + +.defaSearch .defaSearchbox label input { + width: 100%; + vertical-align: middle; +} + +.defaSearch .defaSearchbox .defaSearchBtn { + width: 2.6042vw; + height: 100%; + position: absolute; + top: 0vw; + right: 0vw; + background: rgba(0, 0, 0, 0.6) url(resources/searchIcon.png) no-repeat center; +} + +.defaSearch span.closeSearchbox { + background: url(resources/closeIcon.png) no-repeat center; +} + +.defaLanguage { + float: right; + font-size: .625vw; + color: #fff; + margin-left: 1.0417vw; + position: relative; +} + +.defaLanguage span { + display: inline-block; + border: .0521vw solid #fff; + width: 1.5625vw; + height: 1.5625vw; + text-align: center; + line-height: 1.3542vw; +} + +.defaLanguage span a { + color: #fff; +} + +.defaLanguage p { + position: absolute; + left: 0vw; + top: 100%; + background: #fff; + right: 0vw; + text-align: center; + display: none; +} + +.defaLanguage p a { + display: block; + line-height: 1.5625vw; +} + +.defacommonBanner { + position: relative; + overflow: hidden; +} + +.defacommonBanner img { + display: block; + height: 10.4167vw; + position: relative; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.defacommonBanner h3 { + font-size: 1.0417vw; + position: absolute; + left: 0vw; + width: 100%; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + color: #fff; + text-align: center; +} + +.defaBanner { + overflow: hidden; + position: relative; +} + +.defaBanner img { + display: block; + height: 15.625vw; + position: relative; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.defaBanner ul li { + overflow: hidden; +} + +.defaBannerText { + position: absolute; + left: 0vw; + top: 50%; + width: 100%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.defaBannerText h3 { + font-size: 1.25vw; + color: #fff; + padding-bottom: 1.0417vw; + -webkit-transition: all .8s ease; + transition: all .8s ease; + opacity: 0; + visibility: hidden; + -webkit-transform: translateY(2.6042vw); + -ms-transform: translateY(2.6042vw); + transform: translateY(2.6042vw); +} + +.defaBannerText .desc { + font-size: .7292vw; + color: #fff; + opacity: 0; + visibility: hidden; + -webkit-transition: all .8s ease; + transition: all .8s ease; + -webkit-transition-delay: .4s; + transition-delay: .4s; + -webkit-transform: translateY(2.6042vw); + -ms-transform: translateY(2.6042vw); + transform: translateY(2.6042vw); +} + +.defaBanner ul li.swiper-slide-active .defaBannerText h3 { + opacity: 1; + visibility: visible; + -webkit-transform: translateY(0vw); + -ms-transform: translateY(0vw); + transform: translateY(0vw); +} + +.defaBanner ul li.swiper-slide-active .defaBannerText .desc { + opacity: 1; + visibility: visible; + -webkit-transform: translateY(0vw); + -ms-transform: translateY(0vw); + transform: translateY(0vw); +} + +.defaBannerdot { + position: absolute; + left: 0vw; + bottom: 1.0417vw; + width: 100%; + z-index: 99; + text-align: center; +} + +.defaBannerdot span { + width: 1.0417vw; + height: .1042vw; + background: rgba(255, 255, 255, 0.5); + -webkit-border-radius: 0vw; + border-radius: 0vw; + margin: 0vw .2604vw; +} + +.defaBannerdot span.swiper-pagination-bullet-active { + background: #fff; +} + +.defaBannerPrev, +.defaBannerNext { + width: 1.0417vw; + height: 2.0833vw; + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + display: block; + z-index: 99; + cursor: pointer; +} + +.defaBannerPrev::after, +.defaBannerNext::after { + width: .5208vw; + height: .5208vw; + content: ""; + display: block; + position: absolute; + border: .1042vw solid #fff; + border-top: none; + border-left: none; + left: -webkit-calc(50% - .1042vw); + left: calc(50% - .1042vw); + top: 50%; +} + +.defaBannerPrev { + left: .5208vw; +} + +.defaBannerPrev::after { + -webkit-transform: translate(-50%, -50%) rotate(135deg); + -ms-transform: translate(-50%, -50%) rotate(135deg); + transform: translate(-50%, -50%) rotate(135deg); + left: -webkit-calc(50% + .1042vw); + left: calc(50% + .1042vw); +} + +.defaBannerNext { + right: .5208vw; +} + +.defaBannerNext::after { + -webkit-transform: translate(-50%, -50%) rotate(-45deg); + -ms-transform: translate(-50%, -50%) rotate(-45deg); + transform: translate(-50%, -50%) rotate(-45deg); +} + +.defaBannerPrev:hover, +.defaBannerNext:hover { + background: #fff; +} + +.defaBannerPrev:hover::after, +.defaBannerNext:hover::after { + border-color: #666; +} + +.defaSecondLevelColumn { + overflow: hidden; + position: relative; + padding-right: .0521vw; +} + +.defaSecondLevelColumn ul li { + width: auto; + font-size: .7292vw; + border-left: .0521vw solid #ccc; + border-right: .0521vw solid #ccc; + margin-right: -0.0521vw; +} + +.defaSecondLevelColumn ul li a { + display: block; + padding: 0vw 1.0417vw; +} + +.WaterfallFlow ul li { + width: 50%; + position: relative; + padding: 0vw .2604vw; + margin-bottom: .5208vw; +} + +.WaterfallFlow ul li img { + display: block; + width: 100%; +} + +.WaterfallFlow ul li .FlowContent { + padding: .5208vw; + background: #f3f3f3; +} + +.WaterfallFlow ul li .FlowContent .time { + font-size: .7292vw; + padding-bottom: .5208vw; + color: #585858; +} + +.WaterfallFlow ul li .FlowContent h3 { + font-size: .7292vw; + color: #000000; + font-weight: 700; + line-height: 1.1458vw; +} + +.WaterfallFlow ul li .FlowContent .desc { + font-size: .625vw; + color: #585858; + line-height: .9375vw; + border-top: .0521vw solid #ebebeb; + margin-top: .5208vw; + padding-top: .5208vw; +} + +@media (min-width: 768px) { + body { + padding-top: 0vw; + } + + .defaBanner img { + display: block; + width: 100%; + height: auto; + -webkit-transform: translate(0vw); + -ms-transform: translate(0vw); + transform: translate(0vw); + left: 0vw; + } + + .defaBannerText h3 { + font-size: 1.9792vw; + } + + .defaBannerText .desc { + font-size: .8333vw; + } + + .defaBannerdot span { + width: 1.5625vw; + height: .1042vw; + } + + .defaBannerPrev, + .defaBannerNext { + width: 1.5625vw; + height: 3.125vw; + } + + .defaBannerPrev::after, + .defaBannerNext::after { + width: .7813vw; + height: .7813vw; + left: -webkit-calc(50% - .2604vw); + left: calc(50% - .2604vw); + } + + .defaBannerPrev::after { + left: -webkit-calc(50% + .2604vw); + left: calc(50% + .2604vw); + } + + .defacommonBanner h3 { + font-size: 1.25vw; + } + + .defacommonBanner img { + display: block; + width: 100%; + height: auto; + -webkit-transform: translate(0vw); + -ms-transform: translate(0vw); + transform: translate(0vw); + left: 0vw; + } + + .WaterfallFlow ul li { + width: 33.333%; + padding: 0vw .5208vw; + margin-bottom: 1.0417vw; + } + + .WaterfallFlow ul li .FlowContent { + padding: 1.0417vw; + } + + .WaterfallFlow ul li .FlowContent .time { + font-size: .8333vw; + } + + .WaterfallFlow ul li .FlowContent h3 { + font-size: 1.0417vw; + line-height: 1.4583vw; + } + + .WaterfallFlow ul li .FlowContent .desc { + font-size: .7292vw; + line-height: 1.25vw; + margin-top: 1.3021vw; + padding-top: 1.0417vw; + } +} + +@media (min-width: 1260px) { + .defaBannerText h3 { + font-size: 2.5vw; + } + + .defaBannerText .desc { + font-size: 1.0417vw; + } + + .defaBannerdot span { + width: 2.0833vw; + height: .1563vw; + } + + .defaBannerPrev, + .defaBannerNext { + width: 2.0833vw; + height: 4.1667vw; + } + + .defaBannerPrev::after, + .defaBannerNext::after { + width: 1.0417vw; + height: 1.0417vw; + } + + .defaheader { + background: none; + padding: .7813vw 2.3438vw 0vw; + } + + .defalogo img { + height: 2.8646vw; + } + + .defanav { + float: right; + white-space: nowrap; + padding-top: .7813vw; + position: relative; + overflow: visible; + left: auto; + right: auto; + top: auto; + bottom: auto; + background: none; + display: block; + } + + .defanav ul { + padding: 0vw; + } + + .defanav ul li { + display: inline-block; + margin-left: 1.0417vw; + font-size: .8333vw; + padding-bottom: 1.6146vw; + position: relative; + border-bottom: none; + line-height: 1.25vw; + } + + .defanav ul li>a { + color: #fff; + } + + .defanav ul li p { + background: #fff; + position: absolute; + left: -0.5208vw; + right: -0.5208vw; + top: 100%; + text-align: center; + max-height: 0vw; + overflow: hidden; + -webkit-transition: all .4s ease; + transition: all .4s ease; + display: block; + padding: 0vw; + } + + .defanav ul li i { + display: none; + } + + .defanav ul li:hover p { + max-height: 15.625vw; + padding: .5208vw 0vw; + } + + .defaheaderbg { + background: rgba(0, 0, 0, 0.5); + } + + .defaSearch { + padding-top: .625vw; + padding-bottom: 1.4583vw; + } + + .defaSearch .defaSearchbox { + max-height: 0vw; + left: auto; + right: 2.3438vw; + top: 100%; + overflow: hidden; + position: absolute; + width: 15.625vw; + display: block; + } + + .defaSearch:hover .defaSearchbox { + max-height: 11.9792vw; + -webkit-transition: all .8s ease; + transition: all .8s ease; + } + + .defaSearch:hover span { + background: url(resources/closeIcon.png) no-repeat center; + } + + .defaLanguage { + padding-top: .625vw; + } + + .defaLanguage p { + max-height: 0vw; + overflow: hidden; + display: block; + } + + .defaLanguage:hover p { + max-height: 11.9792vw; + -webkit-transition: all .8s ease; + transition: all .8s ease; + } + + .defanavbtn { + display: none; + } + + .defacommonBanner h3 { + font-size: 1.5625vw; + } +} + +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +img, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +tt, +var, +b, +u, +i, +center, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td, +article, +aside, +canvas, +details, +embed, +figure, +figcaption, +footer, +header, +hgroup, +menu, +nav, +output, +ruby, +section, +summary, +time, +mark, +audio, +video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + vertical-align: baseline; +} + +sup { + vertical-align: super !important; +} + +html { + line-height: 1; +} + +ol, +ul { + list-style: none; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +caption, +th, +td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} + +q, +blockquote { + quotes: none; +} + +q:before, +q:after, +blockquote:before, +blockquote:after { + content: ""; + content: none; +} + +a img { + border: none; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; +} + +a { + text-decoration: none; +} + +.clearfix, +.city-picker-selector { + *zoom: 1; +} + +.clearfix:after, +.city-picker-selector:after { + content: " "; + display: table; + height: 0; + clear: both; +} + +.github { + background: url(resources/github.png) no-repeat; + background-size: contain; + display: block; + font-size: 0; + width: 5.2083vw; + height: 3.125vw; + position: fixed; + top: 5%; + right: 6%; + -webkit-transform-origin: center; + -ms-transform-origin: center; + transform-origin: center; + -webkit-animation: icons 0.5s ease-out infinite alternate; + animation: icons 0.5s ease-out infinite alternate; +} + +@-webkit-keyframes icons { + 0% { + -webkit-transform: rotate(2deg) scale(1); + transform: rotate(2deg) scale(1); + } + + to { + -webkit-transform: rotate(-2deg) scale(1.1); + transform: rotate(-2deg) scale(1.1); + } +} + +@keyframes icons { + 0% { + -webkit-transform: rotate(2deg) scale(1); + transform: rotate(2deg) scale(1); + } + + to { + -webkit-transform: rotate(-2deg) scale(1.1); + transform: rotate(-2deg) scale(1.1); + } +} + +h3 { + font-size: 1.0417vw; + margin-top: 2.6042vw; + margin-bottom: 1.0417vw; +} + +.container { + width: 52.0833vw; + margin: 0 auto 2.6042vw; +} + +.code { + border-top: .0521vw solid #e5e5e5; + padding-top: .5208vw; + margin-top: .5208vw; + text-align: center; +} + +.show-code { + color: #6ab9d8; + display: inline-block; + padding: 0 2%; +} + +pre { + padding-top: 1.0417vw; + -moz-tab-size: 4; + tab-size: 4; + text-align: left; + display: none; +} + +pre code { + color: #666; + font-size: .7292vw; + line-height: 1.5; +} + +.btn-cont { + padding-top: .5208vw; +} + +.btn { + border: none; + -webkit-border-radius: .2604vw; + border-radius: .2604vw; + color: #fff; + cursor: pointer; + background: #6ab9d8; + font-size: .7292vw; + width: 5.2083vw; + height: 1.9792vw; + outline: none; + margin-right: .5208vw; +} + +.btn.btn-bg-1 { + background: #a26ad8; +} + +.btn.btn-bg-2 { + background: #d86a6a; +} + +.btn.btn-bg-3 { + background: #6ad88a; +} + +.city-picker-selector .selector-item { + -webkit-border-radius: .2604vw; + border-radius: .2604vw; + width: 100%; + height: 3.125vw; + line-height: 3.125vw; + float: left; + position: relative; +} + +.city-picker-selector .selector-item:first-child { + margin-left: 0; +} + +.city-picker-selector .selector-item:after { + content: ''; + border: .2083vw solid transparent; + border-top-color: #999; + display: block; + width: 0; + height: 0; + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + right: 1.0417vw; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} + +.city-picker-selector .selector-show .selector-list { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + opacity: 1; + visibility: visible; +} + +.city-picker-selector .selector-show:after { + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} + +.city-picker-selector .selector-name { + -webkit-border-radius: .2604vw; + border-radius: .2604vw; + color: #333; + font-size: .7292vw; + display: block; + text-indent: 5%; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} + +.city-picker-selector .selector-name.df-color { + color: #999; +} + +.city-picker-selector .selector-name.forbid { + cursor: default; +} + +.city-picker-selector .selector-name.disabled { + background-color: #eef1f6; + cursor: not-allowed; +} + +.city-picker-selector .selector-list { + border: .0521vw solid #ccc; + background: #fff; + width: 100%; + position: absolute; + top: 100%; + left: 0; + z-index: 1; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; + -webkit-transform: translateY(-2%); + -ms-transform: translateY(-2%); + transform: translateY(-2%); + opacity: 0; + visibility: hidden; + overflow: hidden; +} + +.city-picker-selector ul { + max-height: 8.3333vw; + overflow-x: hidden; + overflow-y: auto; +} + +.city-picker-selector li { + color: #333; + cursor: pointer; + font-size: .7292vw; + width: 100%; + height: 1.5625vw; + padding: 0 .5208vw; + line-height: 1.5625vw; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} + +.city-picker-selector li:first-child { + border-top: none; +} + +.city-picker-selector li.placeholder-li { + cursor: default; +} + +.city-picker-selector li strong { + color: #00479d; + padding: 0 .2604vw; +} + +.city-picker-selector li.caller:hover { + background: #f5f5f5; +} + +.city-picker-selector li.caller.active, +.city-picker-selector li.caller.active:hover { + background: #00479d; + color: #fff; +} + +.city-picker-selector li.forbid { + color: #999; + font-size: .7292vw; + cursor: not-allowed; +} + +.city-picker-selector .selector-search { + display: none; +} + +.city-picker-selector .input-search { + border: .0521vw solid #ccc; + -webkit-border-radius: .2604vw; + border-radius: .2604vw; + color: #333; + font-size: .7292vw; + width: 100%; + height: 1.3542vw; + line-height: 1.3542vw\9; + padding: 0; + text-indent: .2604vw; +} + +.city-picker-selector .input-search:focus { + outline: none; +} + +.city-picker-selector .input-search::-webkit-input-placeholder { + color: #bababa; +} + +select { + border: .0521vw solid #ccc; + background: #fff; + -webkit-border-radius: .2604vw; + border-radius: .2604vw; + color: #333; + font-size: .8333vw; + outline: none; + width: 8.3333vw; + height: 1.875vw; + margin-right: .5208vw; + -webkit-box-shadow: 0 0 .2604vw #eee; + box-shadow: 0 0 .2604vw #eee; +} + +select:disabled { + background-color: #eef1f6; + cursor: not-allowed; +} + + +.clearfloat::after { + display: block; + content: ""; + clear: both; +} + +body { + overflow-x: hidden; + padding-top: 5.2083vw; +} + +/* body.active { overflow: hidden; } */ + +.index_body { + padding-top: 0; +} + +/* .index_body my-navbar { + display: block; + width: 110px; + height: 42px; + background-color: #0000ff; +} */ +.index_body my-navbar .component_test { + width: 110px; + height: 42px; + background-color: #0000ff; +} + +.donghua { + -webkit-transition: all 0.4s; + transition: all 0.4s; +} + +.imgscale { + overflow: hidden; +} + +.imgscale:hover img { + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} + +.imgscale img { + -webkit-transition: all 0.4s; + transition: all 0.4s; + width: 100%; +} + +.dot2 { + -webkit-line-clamp: 2; +} + +.dot3 { + -webkit-line-clamp: 3; +} + +.dot4 { + -webkit-line-clamp: 4; +} + +.dot2, +.dot3, +.dot4 { + display: -webkit-box; + display: -webkit-box; + overflow: hidden; + text-overflow: ellipsis; + word-break: break-all; + -webkit-box-orient: vertical; +} + +img { + max-width: 100%; +} + +.imgbox { + overflow: hidden; +} + +.imgbox img { + width: 100%; + -webkit-transition: all 0.4s; + transition: all 0.4s; +} + +.imgscale:hover img { + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} + +.bgimg { + background-size: cover; + background-position: center; + background-position: center; + background-repeat: no-repeat; +} + +li { + list-style: none; +} + +ul { + margin: 0; + padding-left: 0; +} + +.container1260 { + width: 1260px; + margin: 0 auto; + max-width: 100%; +} + +.X100TopicPagetit h5, +.TopicPagetit, +.X100TopicPagetit .t1 { + max-width: 1220px; + margin: 0 auto; +} + +.container1400 { + width: 1400px; + margin: 0 auto; + max-width: 100%; +} + +.container1220 { + width: 1210px; + margin: 0 auto; + max-width: 100%; +} + +.pictureBox { + position: relative; + overflow: hidden; +} + +.pictureBox img { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + margin: auto; + -webkit-transition: all 0.3s; + transition: all 0.3s; + height: 100%; + /* min-width: 100%; */ + max-width: none; + object-fit: cover; +} + +@-webkit-keyframes setfadeInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 5.2083vw, 0); + transform: translate3d(0, 5.2083vw, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes setfadeInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 5.2083vw, 0); + transform: translate3d(0, 5.2083vw, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.setfadeInUp { + -webkit-animation-name: setfadeInUp; + animation-name: setfadeInUp; + -webkit-animation-duration: 1.5s; + animation-duration: 1.5s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +@-webkit-keyframes setfadeInRight { + 0% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes setfadeInRight { + 0% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.setfadeInRight { + -webkit-animation-name: setfadeInRight; + animation-name: setfadeInRight; + -webkit-animation-duration: 1.5s; + animation-duration: 1.5s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +@-webkit-keyframes setfadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes setfadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.setfadeInLeft { + -webkit-animation-name: setfadeInLeft; + animation-name: setfadeInLeft; + -webkit-animation-duration: 1.5s; + animation-duration: 1.5s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.social-share { + font-size: inherit; + font-style: inherit; + -webkit-font-smoothing: antialiased; + -webkit-text-stroke-width: .0104vw; + -moz-osx-font-smoothing: grayscale; + /* 浣跨敤鑷畾涔夋牱寮忥紝淇敼涓鸿儗鏅浘锛屽垹闄や笂闈㈢殑瀛椾綋鍥炬爣 */ + /* 寰俊浜岀淮鐮� */ +} + +.social-share .social-share-icon { + position: relative; + display: inline-block; + width: 1.25vw; + height: 1.25vw; + font-size: .7292vw; + -webkit-border-radius: 50%; + border-radius: 50%; + line-height: 1.25vw; + border: .0521vw solid #666; + color: #666; + text-align: center; + vertical-align: middle; + -webkit-transition: background 0.6s ease-out 0s; + transition: background 0.6s ease-out 0s; +} + +.social-share .social-share-icon:hover { + background: #666; + color: #fff; +} + +.social-share .icon-weibo { + color: #d0d0d0; + border-color: #d0d0d0; +} + +.social-share .icon-weibo:hover { + background: #ff763b; + border-color: #ff763b; +} + +.social-share .icon-tencent { + color: #d0d0d0; + border-color: #d0d0d0; +} + +.social-share .icon-tencent:hover { + background: #56b6e7; + border-color: #56b6e7; +} + +.social-share .icon-qq { + color: #d0d0d0; + border-color: #d0d0d0; +} + +.social-share .icon-qq:hover { + background: #56b6e7; + border-color: #56b6e7; +} + +.social-share .icon-qzone { + color: #d0d0d0; + border-color: #d0d0d0; +} + +.social-share .icon-qzone:hover { + background: #FDBE3D; + border-color: #FDBE3D; +} + +.social-share .icon-douban { + color: #33b045; + border-color: #33b045; +} + +.social-share .icon-douban:hover { + background: #33b045; +} + +.social-share .icon-linkedin { + color: #0077B5; + border-color: #0077B5; +} + +.social-share .icon-linkedin:hover { + background: #0077B5; +} + +.social-share .icon-facebook { + color: #44619D; + border-color: #44619D; +} + +.social-share .icon-facebook:hover { + background: #44619D; +} + +.social-share .icon-google { + color: #db4437; + border-color: #db4437; +} + +.social-share .icon-google:hover { + background: #db4437; +} + +.social-share .icon-twitter { + color: #55acee; + border-color: #55acee; +} + +.social-share .icon-twitter:hover { + background: #55acee; +} + +.social-share .icon-diandian { + color: #307DCA; + border-color: #307DCA; +} + +.social-share .icon-diandian:hover { + background: #307DCA; +} + +.social-share .icon-wechat { + position: relative; + color: #d0d0d0; + border-color: #d0d0d0; +} + +.social-share .icon-wechat:hover { + background: #7bc549; + border-color: #7bc549; +} + +.social-share .icon-tencent { + background-image: url(); +} + +.social-share .icon-qq { + background-image: url(); +} + +.social-share .icon-weibo { + background-image: url(); +} + +.social-share .icon-wechat { + background-image: url(); +} + +.social-share .icon-douban { + background-image: url(); +} + +.social-share .icon-heart { + background-image: url(); +} + +.social-share .icon-like { + background-image: url(); +} + +.social-share .icon-qzone { + background-image: url(); +} + +.social-share .icon-linkedin { + background-image: url(); +} + +.social-share .icon-diandian { + background-image: url(); +} + +.social-share .icon-facebook { + background-image: url(); +} + +.social-share .icon-google { + background-image: url(); +} + +.social-share .icon-twitter { + background-image: url(); +} + +.social-share a { + position: relative; + text-decoration: none; + margin: .2083vw; + display: inline-block; + outline: none; +} + +.social-share .icon-wechat .wechat-qrcode { + display: none; + border: .0521vw solid #eee; + position: absolute; + z-index: 9; + top: -10.6771vw; + left: -4.375vw; + width: 10.4167vw; + height: 10vw; + color: #666; + font-size: .625vw; + text-align: center; + background-color: #fff; + -webkit-box-shadow: 0 .1042vw .5208vw #aaa; + box-shadow: 0 .1042vw .5208vw #aaa; + -webkit-transition: all 200ms; + transition: all 200ms; + -webkit-tansition: all 350ms; + -moz-transition: all 350ms; +} + +.social-share .icon-wechat .wechat-qrcode.bottom { + top: 2.0833vw; + left: -4.375vw; +} + +.social-share .icon-wechat .wechat-qrcode.bottom:after { + display: none; +} + +.social-share .icon-wechat .wechat-qrcode h4 { + font-weight: normal; + height: 1.3542vw; + line-height: 1.3542vw; + font-size: .625vw; + background-color: #f3f3f3; + margin: 0; + padding: 0; + color: #777; +} + +.social-share .icon-wechat .wechat-qrcode .qrcode { + width: 5.4688vw; + margin: .5208vw auto; +} + +.social-share .icon-wechat .wechat-qrcode .qrcode table { + margin: 0 !important; +} + +.social-share .icon-wechat .wechat-qrcode .help p { + font-weight: normal; + line-height: .8333vw; + padding: 0; + margin: 0; +} + +.social-share .icon-wechat .wechat-qrcode:after { + content: ''; + position: absolute; + left: 50%; + margin-left: -0.3125vw; + bottom: -0.6771vw; + width: 0; + height: 0; + border-width: .4167vw .3125vw .3125vw .3125vw; + border-style: solid; + border-color: #fff transparent transparent transparent; +} + +.social-share .icon-wechat:hover .wechat-qrcode { + display: block; +} + +.header { + position: absolute; + left: 0; + top: 0; + z-index: 990; + width: 100%; + height: 5.2083vw; + background: #fff; + border-bottom: .0521vw solid #e8e8e8; +} + +.header .headerBox { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.header.head2 { + position: absolute; +} + +/* .header.head3 { position: fixed;top: 0;left: 0;width: 100%; } */ + +.header .logo { + width: 6.7708vw; +} + +.hsearch_btn { + text-align: right; +} + +.header .logo .img2 { + display: none; +} + +.header .logo img { + width: 100%; +} + +.header.header_active { + background-color: #fff; + z-index: 999999; +} + +.header.header_active .header_top { + background-color: #f7f7f7; + color: #7d7d7d; +} + +.header.header_active .head_navlist li>a { + color: #333; +} + +.header.header_active .hsearch_btn i { + color: #333; +} + +.header.header_active .logo .img2 { + display: block; +} + +.header.header_active .logo .img1 { + display: none; +} + +.header.header_active .header_top .spandown i { + width: 0; + height: 0; + border-left: .2604vw solid transparent; + border-right: .2604vw solid transparent; + border-top: .2604vw solid #7d7d7d; +} + +.head_navlist ul li>span { + display: none; + position: absolute; + right: 0; + width: 100%; + height: 60px; + top: 0; + z-index: 10; +} + +.head_navlist ul li>span::after { + position: absolute; + top: 50%; + right: 10px; + width: 8px; + height: 8px; + border-top: 2px solid #666; + border-right: 2px solid #666; + -webkit-transform: translateY(-50%) rotate(45deg); + -ms-transform: translateY(-50%) rotate(45deg); + transform: translateY(-50%) rotate(45deg); + -webkit-transition: all 0.5s; + transition: all 0.5s; + content: ""; +} + +.head_navlist ul li>span.cur::after { + -webkit-transform: translateY(-50%) rotate(135deg); + -ms-transform: translateY(-50%) rotate(135deg); + transform: translateY(-50%) rotate(135deg); +} + +.navmenu_div { + margin-left: .5208vw; + display: none; +} + +.navmenu_box { + width: 30px; + height: 30px; + position: relative; + cursor: pointer; + z-index: 1003; +} + +.navmenu_box span { + display: block; + height: 2px; + background: #fff; + position: absolute; + width: 20px; + -webkit-transition: all .3s ease; + transition: all .3s ease; + right: 0; +} + +.navmenu_box span:nth-child(1) { + top: 8px; +} + +.navmenu_box span:nth-child(2) { + top: 50%; +} + +.navmenu_box span:nth-child(3) { + bottom: 6px; +} + +.closeNavbtn span:nth-child(1) { + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + top: 15px; +} + +.closeNavbtn span:nth-child(2) { + display: none; +} + +.closeNavbtn span:nth-child(3) { + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); + top: 15px; +} + +.index_body, +.index_home { + height: 100vh; +} + +.home1 { + width: 100%; + background-color: #f6f6f6; +} + +.home1 .swiper_box img { + width: 100%; +} + +.insw_pagination { + position: absolute; + left: 0; + right: 0; + bottom: 3.125vw !important; + z-index: 10; + text-align: center; + font-size: 0; + height: .1563vw; +} + +.head_navlist ul { + display: flex; + align-items: center; +} + + +.head_navlist li>a { + position: relative; + -webkit-transition: all 0.4s; + transition: all 0.4s; + display: block; + font-size: .9375vw; + color: #333; + line-height: 5.2083vw; +} + +.sub_zinav { + position: absolute; + display: none; + top: 5.2083vw; + left: 0; + width: 100%; + background-color: #fff; + background: white; + border-top: 0; + -webkit-box-shadow: 0 .2604vw .5208vw rgba(0, 0, 0, 0.1); + box-shadow: 0 .2604vw .5208vw rgba(0, 0, 0, 0.1); + +} + +.sub_zinav .container1260 { + display: flex; + flex-wrap: wrap; +} + +.sub_zinav a { + text-align: center; + -webkit-transition: all 0.3s; + transition: all 0.3s; + display: block; + white-space: nowrap; + width: 25%; + line-height: 2.6458vw; + margin: .5vw 0; + position: relative; + font-size: .9375vw; +} + +.sub_zinav a::before { + content: ""; + width: 102%; + height: .0521vw; + position: absolute; + left: 0; + bottom: -.5vw; + background-color: #e8e8e8; +} + +.sub_zinav a:not(:nth-child(4n + 1)) { + border-left: 1px solid #e8e8e8; +} + +.ProductNav { + position: absolute; + top: 5.2083vw; + left: 0; + width: 100%; + background-color: #fff; + display: none; +} + +.ProductNav .container1260 { + position: relative; + z-index: 10; + background-color: #fff; +} + +.ProductNav .container1260::before { + content: ""; + width: 300%; + height: 100%; + background-color: #fff; + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%); +} + +.ProductNav .container1260 .ProTabBar { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; +} + +.ProductNav .container1260 .ProTabBar::before { + content: ""; + width: 300%; + height: 100%; + border-bottom: .0521vw solid #e8e8e8; + position: absolute; + top: 0; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.ProductNav .container1260 .ProTabBar .tabTerm { + line-height: 3.6458vw; + color: #999; + margin-right: 2.2396vw; + border-bottom: .1042vw solid transparent; + -webkit-transition: all 0.3s; + transition: all 0.3s; + position: relative; + z-index: 10; + cursor: pointer; + font-size: .9375vw; +} + +.ProductNav .container1260 .ProTabBar .tabTerm.active { + border-bottom-color: #00479d; + color: #00479d; +} + +.ProductNav .container1260 .ProTabCont { + position: relative; + width: 100%; +} + +.ProductNav .container1260 .ProTabCont .tabItem { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: absolute; + top: 0; + left: 0; + display: none; +} + +.ProductNav .container1260 .ProTabCont .tabItem.active { + position: static; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.ProductNav .container1260 .ProTabCont .tabItem .box { + width: 33.3333%; + margin: 2.0833vw 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + min-height: 7.6563vw; +} + +.ProductNav .container1260 .ProTabCont .tabItem .box .img { + width: 50%; + position: relative; +} + +.ProductNav .container1260 .ProTabCont .tabItem .box .img img { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + max-width: 90%; + max-height: 90%; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.ProductNav .container1260 .ProTabCont .tabItem .box .img:hover img { + -webkit-transform: translate(-50%, -50%) scale(1.1); + -ms-transform: translate(-50%, -50%) scale(1.1); + transform: translate(-50%, -50%) scale(1.1); +} + +.ProductNav .container1260 .ProTabCont .tabItem .box .text h5 { + font-size: 0.95vw; + color: #333; +} + +.ProductNav .container1260 .ProTabCont .tabItem .box .text h5:hover { + color: #00479d; +} + +.ProductNav .container1260 .ProTabCont .tabItem .box .text .li { + margin-top: .25vw; +} + +.ProductNav .container1260 .ProTabCont .tabItem .box .text .li div { + display: flex; +} + +.ProductNav .container1260 .ProTabCont .tabItem .box .text .li a { + display: block; + font-size: .8333vw; + color: #828282; + line-height: 1.3542vw; + -webkit-transition: all 0.3s; + transition: all 0.3s; + /* padding-right: .5208vw; */ +} + +.ProductNav .container1260 .ProTabCont .tabItem .box .text .li a:hover { + color: #00479d; +} + +.ProductNav .container1260 .ProTabCont .tabItem .box:not(:nth-child(3n + 1)) { + border-left: .0521vw solid #e8e8e8; +} + +.ProductNav .container1260 .ProTabCont .tabItem .box:nth-child(5) { + position: relative; +} + +.ProductNav .container1260 .ProTabCont .tabItem .box:nth-child(5) ::before { + content: ""; + width: 3000%; + height: .0521vw; + background-color: #e8e8e8; + position: absolute; + top: -2.0833vw; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.ProductNav i { + width: 100%; + height: 100vh; + background-color: rgba(0, 0, 0, 0.7); + position: absolute; + top: 100%; + left: 0; + z-index: 1; +} + +.hsearch_btn i { + font-size: 1.25vw; + color: #333; + cursor: pointer; +} + +#search-form { + max-height: 0; + position: absolute; + top: 100%; + right: 40px; + -webkit-transition: max-height, 0.5s; + transition: max-height, 0.5s; + width: 380px; + height: 45px; + overflow: hidden; + background-color: #fff; +} + +#search-form input { + height: 100%; + width: 100%; + padding: 0 5px 0 22px; + background: #ffffff; + border: none; + color: #333; + z-index: 9; + border: 1px solid #eee; + border-right: none; +} + +#search-form .searchbtn { + position: absolute; + bottom: 0; + right: 0; + width: 15%; + margin: 0; + padding: 0; + text-transform: uppercase; + color: #ffffff; + background: #00479d; + border: none; + cursor: pointer; + z-index: 11; + height: 100%; +} + +#search-form .searchbtn i { + font-size: 20px; +} + +.insw_pagination span { + width: 2.0833vw; + height: 3px; + opacity: 1; + background: rgba(255, 255, 255, 0.4); + -webkit-border-radius: 0; + border-radius: 0; + position: relative; +} + +.insw_pagination span::after { + display: block; + content: ""; + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 0; + background: #00479d; +} + +.insw_pagination .swiper-pagination-bullet-active::after { + width: 100%; + -webkit-transition: all 3s; + transition: all 3s; +} + +.header_content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.head_rightmenu { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.home1, +.home2, +.home3, +.home4 { + height: 100%; + width: 100%; + overflow: hidden; +} + +.index_swiper { + height: 100%; + position: relative; +} + +.index_swiper .swiper_box, +.index_swiper .swiper-wrapper, +.index_swiper .swiper-slide, +.index_swiper .swiper-slide a { + height: 100% !important; + width: 100% !important; +} + +.index_swiper .swiper-slide { + overflow: hidden; +} + +.home1 .index_swiper .swiper-slide .index_Cp { + width: 100%; + position: absolute; + top: 1.5625vw; + left: 0; + transition: all 1.2s ease; + z-index: 2; +} + +.inswbg_img { + width: 100%; + height: 100%; +} + +.home_swiper { + height: 100%; +} + +.home_swiper>.swiper-wrapper>.swiper-slide { + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.index_prev, +.index_next { + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + transform: translateY(-50%); + width: 2.6042vw; + height: 2.6042vw; + cursor: pointer; + z-index: 2; + -webkit-transition: all .3s; + -o-transition: all .3s; + transition: all .3s; + opacity: 0 !important; + display: block; + background-image: none; +} + +.index_prev::after, +.index_next::after { + content: ''; + position: absolute; + top: 50%; + left: 50%; + width: 1.5625vw; + height: 1.5625vw; + margin-left: .3646vw; + border-left: solid 2px #fff; + border-bottom: solid 2px #fff; + -webkit-transition: all .3s; + -o-transition: all .3s; + transition: all .3s; + -webkit-transform: translate(-50%, -50%) rotate(45deg); + -ms-transform: translate(-50%, -50%) rotate(45deg); + -o-transform: translate(-50%, -50%) rotate(45deg); + transform: translate(-50%, -50%) rotate(45deg); +} + +.index_prev:hover::after, +.index_next:hover::after { + border-left: solid 2px #00479d; + border-bottom: solid 2px #00479d; +} + +.index_next::after { + transform: translate(-50%, -50%) rotate(-135deg); +} + +.index_prev { + left: 0; +} + +.index_next { + right: 0; +} + +.index_swiper:hover .index_prev { + left: 2%; + opacity: 1 !important; +} + +.index_swiper:hover .index_next { + right: 2%; + opacity: 1 !important; +} + +.Lbanner5 { + position: relative; + display: block; +} + +.Lbanner5 img { + width: 100%; + height: 100%; + margin: 0 auto; + max-width: none; + object-fit: cover +} + +.Lbanner5 img.Lhide { + display: none; +} + +.Lbanner5 .bannertextImg { + position: absolute; + top: 2.0833vw; + left: 0; + width: 100%; + z-index: 8; + transition: all 1.2s ease; +} + +.index_swiper .swiper-slide.swiper-slide-active .Lbanner5 .bannertextImg { + top: 0; +} + +.home1 .index_swiper.Lhide .swiper-slide.swiper-slide-active img.index_Cp { + top: 0; + animation-name: kenburns; + animation-timing-function: linear; + animation-duration: 1.2s; +} + + +.home1 { + padding-top: 5.2083vw; +} + +.home1 .index_swiper { + position: relative; +} + +.home1 .index_swiper .swiper-slide .imgbox { + width: 100%; + height: 100%; +} + +.home1 .index_swiper .swiper-slide .imgbox img { + height: 100%; + width: auto; + min-width: 100%; + margin: 0 auto; +} + +.home1 .index_swiper .swiper-slide .banner_text1 { + padding-left: 3.125vw; + position: absolute; + width: 100%; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + left: 0; +} + +.home1 .index_swiper .swiper-slide .banner_text1 h3 { + font-size: 1.25vw; + color: #fff; + width: 7.2917vw; + line-height: 3.125vw; + text-align: center; + background-color: #00479d; + -webkit-border-radius: 1.5625vw; + border-radius: 1.5625vw; + opacity: 0; + -webkit-transition: all 2s; + transition: all 2s; + -webkit-transform: translateY(2.6042vw); + -ms-transform: translateY(2.6042vw); + transform: translateY(2.6042vw); +} + +.home1 .index_swiper .swiper-slide .banner_text1 h5 { + font-size: 2.5vw; + color: #fff; + line-height: 1; + margin-top: 1.9271vw; + font-weight: bold; + opacity: 0; + -webkit-transition: all 2s; + transition: all 2s; + -webkit-transform: translateY(2.6042vw); + -ms-transform: translateY(2.6042vw); + transform: translateY(2.6042vw); + -webkit-transition-delay: 0.4s; + transition-delay: 0.4s; +} + +.home1 .index_swiper .swiper-slide .banner_text1 .list { + margin-top: 4.1667vw; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + opacity: 0; + -webkit-transition: all 2s; + transition: all 2s; + -webkit-transform: translateY(2.6042vw); + -ms-transform: translateY(2.6042vw); + transform: translateY(2.6042vw); + -webkit-transition-delay: 0.8s; + transition-delay: 0.8s; +} + +.home1 .index_swiper .swiper-slide .banner_text1 .list .li:not(:first-child) { + margin-left: 2.0833vw; +} + +.home1 .index_swiper .swiper-slide .banner_text1 .list .li .icon { + position: relative; + width: 3.5417vw; + height: 3.5417vw; + border: .0521vw solid #fff; + -webkit-border-radius: .2604vw; + border-radius: .2604vw; +} + +.home1 .index_swiper .swiper-slide .banner_text1 .list .li .icon img { + max-width: 100%; + max-height: 100%; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} + +.home1 .index_swiper .swiper-slide .banner_text1 .list .li p { + font-size: .8333vw; + color: #fff; + text-align: center; + margin-top: .7813vw; +} + +.home1 .index_swiper .swiper-slide .product_img1 { + width: 100%; + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + left: 0; + text-align: right; +} + +.home1 .index_swiper .swiper-slide .product_img1 .container1260 { + position: relative; +} + +.home1 .index_swiper .swiper-slide .product_img1 .container1260 img { + width: 53.09524%; + z-index: 2; + position: relative; + opacity: 0; + -webkit-transition: all 2s; + transition: all 2s; + -webkit-transform: translateY(2.6042vw); + -ms-transform: translateY(2.6042vw); + transform: translateY(2.6042vw); +} + +.home1 .index_swiper .swiper-slide .product_img1 .container1260 p { + font-size: 13.5417vw; + color: #00479d; + line-height: 1; + position: absolute; + top: 10%; + font-weight: bold; + right: 8%; + letter-spacing: -1.5625vw; + opacity: 0; + -webkit-transition: all 2s; + transition: all 2s; + -webkit-transform: translateY(2.6042vw); + -ms-transform: translateY(2.6042vw); + transform: translateY(2.6042vw); +} + +.home1 .index_swiper.Lhide { + display: none; +} + + +.home1 .index_swiper .swiper-slide .banner_text2 { + z-index: 2; + padding-left: 3.125vw; + position: absolute; + width: 100%; + top: 30%; + left: 0; +} + +.home1 .index_swiper .swiper-slide .banner_text2 h3 { + font-size: 1.25vw; + color: #fff; + font-weight: bold; + opacity: 0; + -webkit-transition: all 2s; + transition: all 2s; + -webkit-transform: translateY(2.6042vw); + -ms-transform: translateY(2.6042vw); + transform: translateY(2.6042vw); +} + +.home1 .index_swiper .swiper-slide .banner_text2 h5 { + font-size: 1.875vw; + font-weight: bold; + color: #fff; + opacity: 0; + -webkit-transition: all 2s; + transition: all 2s; + -webkit-transform: translateY(2.6042vw); + -ms-transform: translateY(2.6042vw); + transform: translateY(2.6042vw); + -webkit-transition-delay: 0.4s; + transition-delay: 0.4s; +} + +.home1 .index_swiper .swiper-slide .product_img2 { + width: 100%; + position: absolute; + top: 8%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); + left: 50%; + z-index: 2; + text-align: center; +} + +.home1 .index_swiper .swiper-slide .product_img2 .container1260 { + position: relative; +} + +.home1 .index_swiper .swiper-slide .product_img2 .container1260 img { + width: 33.25397%; + z-index: 2; + position: relative; + opacity: 0; + -webkit-transition: all 2s; + transition: all 2s; + -webkit-transform: translateY(2.6042vw); + -ms-transform: translateY(2.6042vw); + transform: translateY(2.6042vw); +} + +.home1 .index_swiper .swiper-slide .product_img2 .container1260 p { + width: 36.6666%; + position: absolute; + top: 10%; + font-weight: bold; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); + letter-spacing: -1.5625vw; + opacity: 0; + -webkit-transition: all 2s; + transition: all 2s; +} + +.home1 .index_swiper .swiper-slide .product_img2 .container1260 p img { + width: 100%; +} + +.home1 .index_swiper .swiper-slide .banner_text3 { + width: 100%; + position: absolute; + top: 0; + height: 100%; + left: 0; + z-index: 2; +} + +.home1 .index_swiper .swiper-slide .banner_text3 .container1260 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 100%; +} + +.home1 .index_swiper .swiper-slide .banner_text3 .container1260 .img { + width: 46.66667%; +} + +.home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right { + width: 41.2380%; + text-align: right; +} + +.home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right img { + width: 46.6666%; + opacity: 0; + -webkit-transition: all 2s; + transition: all 2s; + -webkit-transform: translateY(2.6042vw); + -ms-transform: translateY(2.6042vw); + transform: translateY(2.6042vw); +} + +.home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right h3 { + font-size: 8.3333vw; + color: #fff; + font-weight: bold; + letter-spacing: -0.5208vw; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: end; + -ms-flex-pack: end; + justify-content: end; + line-height: 1; + opacity: 0; + -webkit-transition: all 2s; + transition: all 2s; + -webkit-transform: translateY(2.6042vw); + -ms-transform: translateY(2.6042vw); + transform: translateY(2.6042vw); + text-align: right; +} + +.home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right h3 span { + font-size: 1.25vw; + color: #fff; + width: 7.2917vw; + line-height: 3.125vw; + text-align: center; + background-color: #00479d; + -webkit-border-radius: 1.5625vw; + border-radius: 1.5625vw; + display: inline-block; + letter-spacing: 0; + margin-left: 1.1458vw; +} + +.home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right h5 { + font-size: 1.4583vw; + color: #fff; + letter-spacing: 1.7188vw; + margin-right: -1.7188vw; + font-weight: 200; + white-space: nowrap; + opacity: 0; + -webkit-transition: all 2s; + transition: all 2s; + -webkit-transform: translateY(2.6042vw); + -ms-transform: translateY(2.6042vw); + transform: translateY(2.6042vw); +} + +.home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right img { + margin-top: 2.6042vw; + width: 100%; +} + +.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text1 h3, +.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text1 h5, +.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text1 .list, +.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text1 img, +.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text2 h3, +.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text2 h5, +.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text2 .list, +.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text2 img, +.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text3 h3, +.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text3 h5, +.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text3 .list, +.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text3 img { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + opacity: 1; +} + +.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text1 .right h3, +.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text1 .right h5, +.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text1 .right img, +.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text2 .right h3, +.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text2 .right h5, +.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text2 .right img, +.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text3 .right h3, +.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text3 .right h5, +.home1 .index_swiper .swiper-slide.swiper-slide-active .banner_text3 .right img { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + opacity: 1; +} + +.home1 .index_swiper .swiper-slide.swiper-slide-active .product_img1 img, +.home1 .index_swiper .swiper-slide.swiper-slide-active .product_img1 p, +.home1 .index_swiper .swiper-slide.swiper-slide-active .product_img2 img, +.home1 .index_swiper .swiper-slide.swiper-slide-active .product_img2 p { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + opacity: 1; +} + +.home1 .index_swiper .swiper-slide.swiper-slide-active .product_img1 img img, +.home1 .index_swiper .swiper-slide.swiper-slide-active .product_img1 p img, +.home1 .index_swiper .swiper-slide.swiper-slide-active .product_img2 img img, +.home1 .index_swiper .swiper-slide.swiper-slide-active .product_img2 p img { + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.search_jgcont { + padding: 3.9063vw 0; +} + +.search_jgcont .search_box { + margin: 0 auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.search_jgcont .search_box input { + padding: 0 1.0417vw; + line-height: 2.5vw; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.search_jgcont .search_box { + width: 60%; + border: .0521vw solid #bf2d2f; + -webkit-border-radius: 1.3021vw; + border-radius: 1.3021vw; + overflow: hidden; +} + +.search_jgcont .search_box .btn { + background-color: #bf2d2f; + width: 4.1667vw; + cursor: pointer; + font-size: 1.4583vw; + color: #fff; + line-height: 2.1875vw; +} + +.search_jgcont .search_box .btn i { + font-size: 1.0417vw; +} + +.search_list { + margin-top: 1.5625vw; +} + +.search_list a { + display: block; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + border-top: .0521vw solid #dddddd; + padding: 1.0417vw 0; +} + +.search_list a .imgbox { + width: 15.625vw; +} + +.search_list a:last-child { + border-bottom: .0521vw solid #dddddd; +} + +.search_list a .text { + width: -webkit-calc(100% - 16.6667vw); + width: calc(100% - 16.6667vw); +} + +.search_list a .text h2 { + font-size: 1.0417vw; + width: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.search_list a .text p { + margin-top: .7813vw; + overflow: hidden; + display: -webkit-box; + text-overflow: ellipsis; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + line-height: 1.3542vw; +} + +.padding95 { + padding-top: 4.6875vw; +} + +.tong_title { + text-align: center; + padding-bottom: 1.5vw; +} + +/* .tong_title { + text-align: center; +} */ + +.tong_title h2 { + font-size: 2.5vw; + line-height: 1; + padding-bottom: 1vw; + font-weight: normal; +} + +.tong_title .gradient_underline { + display: inline-block; + width: 5vw; + height: 0.5vw; + margin: 0 auto; + border-radius: 42px; + background-image: linear-gradient(90deg, #a5a5a5, #b757ff); + /* background-color: #00479d; */ + /* border-bottom: 6px solid #0000ff; */ + /* border-bottom-color: linear-gradient(90deg, #a5a5a5, #b757ff); */ +} + +.index_about .tong_title h2 { + margin-bottom: 0; +} + +.index_about .tong_title p { + margin-top: 1.5vw; +} + +.tong_title p { + font-size: .8333vw; + line-height: 1.5; +} + +.home2 { + padding-top: 2.344vw; +} + +.inproduct_swiper { + margin-top: 1.5vw; +} + +.inproduct_swiper .img_text { + position: relative; + width: 100%; + display: block; +} + +.inproduct_swiper .img_text .name { + position: absolute; + top: 1.8229vw; + left: 0; + right: 0; + text-align: center; + color: #000; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + font-size: 1.25vw; + line-height: 1; +} + +.inproduct_scrollbar { + position: relative !important; + height: .1042vw; + background: #e8e8e8; + margin-top: 2.0833vw; +} + +.inproduct_scrollbar .swiper-scrollbar-drag { + background-color: #00479d; +} + +.index_purpose .tong_title { + color: #fff; +} + + +.home3, +.home4 { + background-size: 100% 100%; +} + +.home3 .top { + padding-top: 45px; +} + +.home3 .con { + position: relative; + margin-bottom: 10px; +} + +.purpose_swiper { + width: 100%; + height: 100.1%; + position: absolute; + left: 0; + right: 0; +} + +/* .purpose_swiper .swiper-slide{height: 100vh;} */ +.purpose_swiper a { + display: block; + width: 100%; + height: 100%; +} + +.purpose_swiper .img_bg { + width: auto; + min-width: 100%; + height: 100%; + object-fit: cover; +} + +.home3Text { + width: 100%; + height: 100%; + color: #fff; + position: relative; + z-index: 2; + padding: 100px 50px; +} + +.home3Text .ppsw_box { + width: 32.0313vw; + max-width: 100%; +} + +.home3Text .ppsw_box h2 { + font-size: 1.875vw; + line-height: 1; + margin-bottom: 1.1458vw; + font-weight: normal; +} + +.home3Text .ppsw_box .desc { + font-size: .9375vw; + line-height: 1.5625vw; +} + + +.index_purpose { + position: relative; + z-index: 2; +} + +/* .purpose_tabSwiper3{margin: 0;width: 100%;} */ +.purpose_tab { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + /* border-bottom: .0521vw solid rgba(255, 255, 255, 0.2); */ + background-color: #f6f6f6; + width: 100%; + position: relative; + margin-bottom: 15px; + border-bottom: 1px solid #ddd; + /* padding: 0 5px; */ +} + +.purpose_tab .item { + /* width: 8%; */ + width: 16.6666%; + font-size: .8333vw; + line-height: 40px; + color: #333; + cursor: pointer; + position: relative; + white-space: nowrap; + text-align: center; + border-bottom: 2px solid transparent; +} + +.purpose_tab .item.active { + /* border-bottom-color: #00479d; */ + color: #00479d; + background-color: #faebd7; +} + +.more_links { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 10.4167vw; + height: 3.125vw; + color: #fff; + -webkit-transition: all 0.4s; + transition: all 0.4s; + border: .1042vw solid rgba(255, 255, 255, 0.8); + text-transform: uppercase; +} + +.more_links .iconfont { + position: relative; + display: block; + width: 12px; + height: 2px; + background: #fff; + margin-left: 1.0417vw; +} + + +.more_links .iconfont::after { + display: block; + content: ""; + position: absolute; + top: -3px; + right: -4px; + width: 0; + height: 0; + border-top: 4px solid transparent; + border-left: 4px solid #fff; + border-bottom: 4px solid transparent; +} + +.more_links:hover { + background: #00479d; + border-color: #00479d; + color: #fff; +} + + +.ppsw_box .more_links { + margin-top: 3.9063vw; +} + +.home3TabCont { + width: 100%; + position: relative; +} + +.home3TabItem { + position: absolute; + top: 0; + left: 0; + display: none; + -webkit-transition: all 0.3s; + transition: all 0.3s; + color: #fff; +} + +.home3TabItem:hover { + color: #fff; +} + +.home3TabItem.active { + position: static; + display: block; +} + +.purpose_jiantou { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + justify-content: space-between; + position: absolute; + bottom: 0; + left: 0; + width: 100%; +} + +.purpose_jiantou .btn { + cursor: pointer; + width: 60px; + height: 60px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin: 0; + border-radius: 0; + background-color: #fff; + color: #333; + +} + +.purpose_jiantou .btn:hover { + background-color: #00479d; + color: #fff; +} + + +.purpose_jiantou .btn i { + font-size: 1.5625vw; +} + +.purpose_jiantou .purpose_prev i { + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} + +.incase_content { + position: relative; +} + +.incase_swiper .imgbox { + position: relative; +} + +.incase_swiper .imgbox img { + width: auto; + min-width: 100%; + height: 100%; + object-fit: cover; + margin: 0 auto; +} + +.incase_swiper .more_links { + position: absolute; + top: 41%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} + +.incase_tab { + position: absolute; + left: 0; + right: 0; + bottom: 0; + z-index: 10; +} + +.incase_tablist { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; +} + +.incase_tablist .item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: rgba(255, 255, 255, 0.6); + height: 60px; + cursor: pointer; + font-size: .8333vw; + width: -webkit-calc((100% - 2.1875vw) / 7); + width: calc((100% - 2.1875vw) / 7); + -webkit-transition: all 0.4s; + transition: all 0.4s; + color: #000; +} + +.incase_tablist .item.active { + height: 90px; + color: #fff; + background: #00479d; +} + +.home5 { + width: 100%; +} + +.home4 { + position: relative; + overflow: hidden; +} + +.home4 .top { + padding-top: 45px; +} + +.home4TabBar { + display: flex; + justify-content: center; +} + +.home4TabBar .tabTerm { + width: 10.4167vw; + height: 3.125vw; + text-align: center; + line-height: 3.125vw; + font-size: .8333vw; + -webkit-transition: all 0.4s; + transition: all 0.4s; + border: .1042vw solid #d7dadf; + margin-right: 1.0417vw; + cursor: pointer; +} + +.home4TabBar .tabTerm.active { + background-color: #00479d; + color: #fff; + border-color: #00479d; +} + +.home4TabCont { + position: relative; + margin-bottom: 10px; + /* margin-top: 1.0417vw; */ +} + +.home4TabCont .tabItem { + position: absolute; + top: 0; + left: 0; + display: none; +} + +.home4TabCont .tabItem.active { + position: static; + display: block; +} + +.index_case { + position: absolute; + left: 0; + right: 0; + bottom: 0; +} + +.slide_auto { + overflow-y: auto; + display: block !important; +} + +.index_news { + padding: 90px 0 5.2083vw; +} + +.innew_top { + margin-top: 3.125vw; + position: relative; +} + +.innew_top .innew_more { + position: absolute; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.innew_top .innew_tab { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.innew_top .innew_tab .item { + width: 10.4167vw; + height: 3.125vw; + text-align: center; + line-height: 3.125vw; + font-size: .8333vw; + -webkit-transition: all 0.4s; + transition: all 0.4s; + border: .1042vw solid #d7dadf; + margin-right: 1.0417vw; + cursor: pointer; +} + +.innew_more i { + font-size: 3.125vw; +} + +.innew_top .innew_tab .item:last-child { + margin-right: 0; +} + +.innew_top .innew_tab .item:hover, +.innew_top .innew_tab .item.active { + background-color: #00479d; + color: #fff; + border-color: #00479d; +} + +.innew_bgbox { + margin-top: 2.0833vw; + position: relative; +} + +.innew_list { + position: relative; + z-index: 2; +} + +.innew_list .innew_item { + display: none; +} + +.innew_bgbox::after { + display: block; + content: ""; + position: absolute; + left: 0; + right: 0; + bottom: 0; + height: 50%; + background: #f6f6f6; +} + +.innew_bgbox .innew_list .innew_item { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.innew_bgbox .innew_list .innew_item:first-child { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.innew_bgbox .left { + width: 65.87302%; +} + +.innew_bgbox .right { + width: 30.15873%; +} + +.innew_bgbox .left a { + display: block; + position: relative; +} + +.innew_bgbox .left .lfimtext { + position: absolute; + bottom: 1.8229vw; + left: 2.0833vw; + right: 2.0833vw; + color: #fff; +} + +.innew_bgbox .left .lfimtext h2 { + font-size: 1.5625vw; + white-space: nowrap; + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + margin-bottom: 1.0417vw; + line-height: 1; + font-weight: normal; +} + +.innew_bgbox .left .lfimtext p { + font-size: .9375vw; +} + +.innew_bgbox .right_ul .item h2 { + font-size: 1.25vw; + font-weight: normal; + line-height: 1.2; + font-weight: 600; +} + +.innew_bgbox .right_ul .item .desc { + color: #2f2f2f; + line-height: 1.4; + margin-top: .7813vw; + margin-bottom: 1.0417vw; +} + +.innew_bgbox .right_ul .item .date { + color: #999999; + font-size: .9375vw; +} + +.innew_bgbox .right_ul { + height: 100%; +} + +.innew_bgbox .right_ul .item { + height: 50%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.index_silu { + background: #f6f6f6; + padding-top: 7.2917vw; +} + +.index_silulist { + background-color: #fff; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.index_silulist a { + width: 33.33333%; + padding: 2.8646vw 4.1667vw; + position: relative; + -webkit-transition: all 0.4s; + transition: all 0.4s; +} + +.index_silulist a::after { + display: block; + content: ""; + position: absolute; + top: 50%; + right: 0; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + width: .0521vw; + height: 4.1667vw; + background-color: #d7dadf; +} + +.index_silulist a h2 { + font-size: 1.25vw; + font-weight: normal; + margin-bottom: .5208vw; +} + +.index_silulist a p { + line-height: 1.25vw; +} + +.index_silulist a:last-child:after { + display: none; +} + +.index_silulist a:hover { + background: #00479d; + color: #fff; +} + +.index_silulist a:hover::after { + display: none; +} + +.index_about { + background-color: #0e063c; + padding: 6.25vw 0; + position: relative; +} + +.starry_sky { + position: absolute; + top: 0; + left: 0; + overflow: hidden; + width: 100%; + height: 100%; + background-color: #0d0639; +} + +.index_about .container1260 { + position: relative; + z-index: 2; +} + +/* .index_about { padding-top: 4.1667vw; padding-bottom: 6.25vw; background-image: url(resources/weilai_bg.jpg); } */ + +.index_about .tong_title { + color: #fff; + padding-bottom: 0; +} + +.index_about .inab_list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + padding-top: .7813vw; +} + +.index_about .inab_list .item { + margin-right: 4.6875vw; + color: #fff; +} + +.index_about .inab_list .item:last-child { + margin-right: 0; +} + +.index_about .inab_list .item .shuzi { + font-size: 1.25vw; + line-height: 1; + margin-bottom: .7813vw; +} + +.index_about .inab_list .item .couter { + font-size: 2.5vw; + margin-right: .2604vw; +} + +.index_about .inab_list .item .chenghao { + font-size: 2.5vw; + margin-right: .2604vw; +} + +.index_about .inab_list .item .shuoming { + text-align: center; +} + +.indexContentbox { + height: 100%; + width: 100%; +} + +.indexContent { + height: auto; +} + +.ft_saoma { + margin-left: 10px; +} + +.footer .footer_nav { + width: 72%; + justify-content: space-between; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + border-right: .0521vw solid #dcdcdc; + padding-right: 1.0417vw; +} + +.footer .footer_bottom { + padding-top: .9375vw; + padding-bottom: 1.4583vw; +} + +.footer .ft_right { + max-width: 28%; +} + +.footer .footer_nav dl { + margin: 0; +} + +.footer .footer_nav dl dt { + color: #000; + font-size: .8333vw; +} + +.footer .footer_nav dl dt i { + font-size: .9375vw; + display: inline-block; + vertical-align: middle; + margin-right: .2083vw; +} + +.footer .footer_nav dl dt span { + display: inline-block; + vertical-align: middle; +} + +.footer .footer_nav dl dd { + margin-left: 0; +} + +.footer .footer_nav dl dd a { + color: #898b8f; + display: block; + font-size: .75vw; + margin-top: .7813vw; +} + +.footer_nav dl i { + display: none; +} + +.footer .footer_nav dl dd a:first-child { + margin-top: 1.8229vw; +} + +.footerNav2 { + position: relative; + margin-top: .7813vw; +} + +.footerNav2:first-child { + margin-top: 1.8229vw; +} + +.footerNav2 a { + margin-top: 0 !important; +} + +.footerNav2 i { + font-size: 12px !important; + top: -0.5208vw !important; +} + +.footerNav3 { + width: 100%; + padding-top: .5208vw; + padding-left: .7813vw; + display: none; + +} + +.footerNav3 .Flink3 { + display: block; + color: #898b8f; + font-size: .625vw; + line-height: 30px; + margin-top: 0 !important; +} + +.fttit { + font-size: .8333vw; + text-align: center; +} + +.footer_ul { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-top: .9375vw; +} + +.footer_ul li p { + font-size: .8333vw; + text-align: center; + color: #898b8f; + margin-top: .4167vw; +} + +.footer_ul li .ft_erweima { + width: 6.25vw; + height: 6.25vw; + background: #dedede; + padding: .5208vw; +} + +.footer_ul li .ft_erweima img { + width: 100%; +} + +.footer_ul li:first-child { + margin-right: 1.0417vw; +} + +.ft_phone { + margin-top: 2.3438vw; +} + +.ft_phone p { + font-size: .8333vw; +} + +.ft_phone p { + font-size: 1vw; +} + +.ft_phone .li { + margin-top: 8px; + display: flex; + align-items: center; +} + +.ft_phone h2 { + font-size: 1vw; + line-height: 1; + font-weight: normal; +} + +.footer { + width: 100%; +} + +.footer_links { + margin-top: .2604vw; +} + +.footer_links a { + display: inline-block; + margin-right: .4167vw; +} + +.footer_top { + padding-bottom: 1.8229vw; + border-bottom: .0521vw solid #dcdcdc; + padding-top: 3.125vw; +} + +.footer_bottom { + padding-top: .8333vw; + padding-bottom: 1.3542vw; +} + +.ftbt_cont { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.ftbt_cont .ft_beian { + margin-right: 3.125vw; +} + +.ft_saoma li { + display: inline-block; + position: relative; + margin-right: .3125vw; +} + +.ft_saoma .ftlibox { + cursor: pointer; + width: 2.0833vw; + height: 2.0833vw; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-border-radius: 50%; + border-radius: 50%; +} + +.ft_saoma li:nth-child(1) .ftlibox { + background: #297de5; +} + +.ft_saoma li:nth-child(2) .ftlibox { + background: #61a340; +} + +.ft_saoma li:nth-child(3) .ftlibox { + background: #e8754c; +} + +.ft_saoma .ftlibox i { + font-size: .9375vw; + color: #fff; +} + +.ft_saoma .erweimabox { + position: absolute; + bottom: 150%; + left: 50%; + width: 5.2083vw; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); + -webkit-transition: all 0.4s; + transition: all 0.4s; + pointer-events: none; + opacity: 0; + -webkit-box-shadow: 0 .1042vw .5208vw rgba(0, 0, 0, 0.1); + box-shadow: 0 .1042vw .5208vw rgba(0, 0, 0, 0.1); + padding: .2604vw; +} + +.ft_saoma li:hover .erweimabox { + bottom: 100%; + opacity: 1; + pointer-events: initial; +} + +.language_box { + margin-left: 20px; + cursor: pointer; + position: relative; + height: 100%; + height: 5.2083vw; + line-height: 5.1042vw; +} + +.yuyan_icon { + position: relative; + padding-left: 20px; +} + +.yuyan_icon::after { + display: block; + content: ""; + position: absolute; + top: 50%; + left: 0; + width: 1px; + height: 20px; + background-color: #a7a7a7; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.yuyan_icon i { + font-size: 24px; +} + +.yuyan_select { + display: none; + position: absolute; + top: 100%; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); + min-width: 5.2083vw; + background: #fff; + -webkit-box-shadow: 0 .1042vw .5208vw rgba(0, 0, 0, 0.1); + box-shadow: 0 .1042vw .5208vw rgba(0, 0, 0, 0.1); +} + +.yuyan_select a { + display: block; + padding: 5px; + text-align: center; + line-height: 1.5; +} + +.language_box:hover .yuyan_select { + display: block; +} + +.ProductCenter { + padding: 3.125vw 0 5.2083vw; +} + +.ProductCenter .con { + visibility: hidden; + float: right; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 71.42857%; +} + +.ProductCenter .con .box { + display: block; + width: 48.88889%; + margin-bottom: 2.0833vw; + -webkit-transition: all 0.3s; + transition: all 0.3s; + background-color: #fff; +} + +.ProductCenter .con .box .text { + padding: 0 2.0833vw; + border: .0521vw solid #ebebeb; + border-bottom: none; + font-size: 0; + background-color: #f7f3ff; +} + +.ProductCenter .con .box .text h5 { + font-size: .9375vw; + color: #000; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + display: inline-block; + position: relative; + line-height: 2.65vw; + width: 100%; +} + +/* .ProductCenter .con .box .text h5::before{ + content: ""; + width: 0%; + height: .1042vw; + background-color: #333; + position: absolute; + left: 0; + bottom: 0; + transition: all 0.6s; +} */ +/* .ProductCenter .con .box:hover .text h5::before{width: 100%;} */ + +.ProductCenter .con .box .text .t { + margin-top: 1.6667vw; + font-size: .7292vw; + color: #5c636b; + line-height: 1.25vw; + display: -webkit-box; + height: 2.5vw; + line-height: 1.25vw; + text-overflow: ellipsis; + overflow: hidden; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; +} + +.ProductCenter .con .box .text .more { + display: none; + text-align: right; + width: 100%; + margin-top: 1.3021vw; + font-size: .7292vw; + color: #758ba5; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.ProductCenter .con .box .img { + width: 100%; +} + +.ProductCenter .con .box .img .pictureBox { + padding-top: 68.18182%; +} + +.ProductCenter .con .box:hover { + -webkit-box-shadow: 0 1.5625vw 1.5625vw -0.8854vw #cfcece; + box-shadow: 0 1.5625vw 1.5625vw -0.8854vw #cfcece; +} + +.ProductCenter .con .box:hover .text .more { + color: #00479d; + display: none; +} + +.ProductCenter .con .box:hover .img .pictureBox img { + -webkit-transform: translate(-50%, -50%) scale(1.1); + -ms-transform: translate(-50%, -50%) scale(1.1); + transform: translate(-50%, -50%) scale(1.1); +} + +.ProductXQ2 { + text-align: center; +} + +.ProductXQ2 .tit { + font-size: 2.0833vw; + color: #000; + text-align: center; + background-color: #e8e8e8; + padding: 4.1667vw 0; +} + +.ProductXQ2 .con { + padding: 5.2083vw 1.0417vw; +} + +.ProductXQ2 .con img { + max-width: 100%; + padding: 1.5625vw 0; +} + +.ProductXQ2 .con .text { + font-size: .8333vw; + line-height: 1.5; + margin-top: 2.0833vw; +} + +.publicLeft { + float: left; + width: 24%; + /* width: 25.39683%; */ +} + +.publicLeft .li { + margin-bottom: .1042vw; + background-color: #fff; + cursor: pointer; + position: relative; +} + +.publicLeft .li h5 { + border-left: .1563vw solid transparent; + /* line-height: 50px; */ + line-height: 2.65vw; + padding: 0 1.0417vw; + font-size: .9375vw; + color: #333; + -webkit-transition: all 0.3s; + transition: all 0.3s; + position: relative; +} + +.publicLeft .li .liOn { + display: block; + width: 10px; + height: 10px; + border: 2px solid transparent; + border-top-color: #333; + border-right-color: #333; + transform: rotate(45deg); + position: absolute; + right: 10px; + top: 1.047vw; + transition: all 0.3s; +} + +.publicLeft .li.active .liOn, +.publicLeft .li.active2 .liOn, +.publicLeft .li h5.active .liOn { + border-top-color: #333; + border-right-color: #333; + transform: rotate(135deg); + top: .9vw; +} + +.publicLeft .li h5.active { + border-left-color: #dedede; + color: #333; + background-color: #dedede; + color: #333; +} + +.publicLeft .li h5.active a { + color: #333; +} + +.publicLeft .li h5 a { + display: block; +} + +.publicLeft .li .Downul2 { + display: none; +} + +.publicLeft .li .li2 { + border-top: .0521vw solid #fff; + display: none; +} + +.publicLeft .li .li2 a { + line-height: 2.65vw; + font-size: .8333vw; + color: #6c7079; + -webkit-transition: all 0.3s; + transition: all 0.3s; + padding: 0 20px 0 40px; + display: block; +} + +.publicLeft .li .li2 a:hover, +.publicLeft .li .li2 a.active { + color: #00479d; +} + +/* .publicLeft .li .ul2 { margin-top: .5vw; } */ +.publicLeft .li .ul2.active .ul3 { + display: block; +} + +.publicLeft .li .ul2 .li3 { + padding-left: 2.2vw; +} + +.publicLeft .li .ul2 .li3 .t { + font-size: .9375vw; + color: #333; + line-height: 2.65vw; + -webkit-transition: all 0.3s; + transition: all 0.3s; + position: relative; +} + +.publicLeft .li .ul2 .li3 .t .li3On { + display: block; + width: 8px; + height: 8px; + border: 2px solid transparent; + border-top-color: #333; + border-right-color: #333; + transform: rotate(45deg); + position: absolute; + right: 15px; + top: 1.1vw; + transition: all 0.3s; +} + +.publicLeft .li .ul2 .li3 .t.active { + color: #333; +} + +.publicLeft .li .ul2 .li3 .t.active .li3On { + border-top-color: #333; + border-right-color: #333; + transform: rotate(135deg); +} + +.publicLeft .li .ul2 .li3 .ul3 { + display: none; +} + +.publicLeft .li .ul2 .li3 .ul3.active { + display: block; +} + +.publicLeft .li .ul2 .li3 .ul3 a { + display: block; + font-size: .8333vw; + color: #333; + line-height: 2.65vw; + padding-left: 25px; + position: relative; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.publicLeft .li .ul2 .li3 .ul3 a::before { + content: ""; + width: 5px; + height: 5px; + background-color: #6c7079; + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + left: 10px; + -webkit-border-radius: 50%; + border-radius: 50%; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.publicLeft .li .ul2 .li3 .ul3 a:hover, +.publicLeft .li .ul2 .li3 .ul3 a.active { + color: #00479d; +} + +.publicLeft .li .ul2 .li3 .ul3 a:hover::before, +.publicLeft .li .ul2 .li3 .ul3 a.active::before { + background-color: #00479d; +} + +.publicLeft .li.active h5, +.publicLeft .li.active2 h5 { + border-left-color: #dedede; + color: #333; + background-color: #dedede; +} + +.publicLeft .li.active h5 a, +.publicLeft .li.active2 h5 a { + color: #333; + display: block; +} + +.publicLeft .li:hover h5 a, +.publicLeft .li:hover h5 a { + color: #00479d; + display: block; +} + +.publicLeft .li.active .li2 { + display: block; +} + +.publicLeft .li.active2 .Downul2 { + display: block; +} + +.layui-laypage { + margin: 0 !important; +} + +#demo0 { + width: 100%; +} + +#demo0 .layui-box { + width: 100%; + text-align: center; +} + +.layui-laypage a, +.layui-laypage span { + width: 40px !important; + height: 40px !important; + border: none !important; + background-color: #fafafa !important; + line-height: 40px !important; + font-size: 16px !important; + color: #333 !important; + margin: 0 10px !important; + padding: 0 !important; +} + +.layui-laypage-prev { + position: relative; +} + +.layui-laypage-prev::before { + content: ""; + border: 6px solid transparent; + border-right-color: #00479d; + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + left: 11px; +} + + +.layui-laypage-prev:hover { + background-color: #00479d !important; +} + +.layui-laypage-prev:hover::before { + border-right-color: #fff !important; +} + + +.layui-laypage-next { + position: relative; +} + +.layui-laypage-next::before { + content: ""; + border: 6px solid transparent; + border-left-color: #00479d; + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + right: 11px; +} + +.layui-laypage-next:hover { + background-color: #00479d !important; +} + +.layui-laypage-next:hover::before { + border-left-color: #fff !important; +} + +.layui-laypage .layui-laypage-curr .layui-laypage-em { + background-color: #fafafa !important; +} + +.layui-laypage .layui-laypage-curr em { + color: #00479d !important; +} + +.layui-laypage-prev.layui-disabled:hover { + background-color: #fafafa !important; + cursor: none !important; +} + +.layui-laypage-next.layui-disabled:hover { + background-color: #fafafa !important; + cursor: none !important; +} + +.layui-laypage-prev.layui-disabled:hover { + cursor: auto !important; +} + +.layui-laypage-next.layui-disabled:hover { + cursor: auto !important; +} + +.layui-laypage-prev.layui-disabled::before { + border-right-color: #dedede !important; +} + +.layui-laypage-next.layui-disabled::before { + border-left-color: #dedede !important; +} + +.layui-disabled { + cursor: auto !important; +} + + +.publicLink { + position: -webkit-sticky; + position: sticky; + top: 0; + left: 0; + width: 100%; + background-color: #fff; + border-bottom: .0521vw solid #d6d6d6; + z-index: 10; +} + +.publicLink .container1260 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +/* .publicLink .container1260 h5 { line-height:3.6458vw; font-size:1.5vw; color: #333; font-weight: bold;} */ +.publicLink .container1260 h5 { + font-size: 1.5vw; + color: #333; + font-weight: bold; +} + +.publicLink .container1260 .right { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.publicLink .container1260 .right a { + overflow: inherit; + font-size: .9375vw; + color: #333; + border-bottom: 1px solid transparent; + line-height: 3.6458vw; + margin-bottom: -0.1042vw; +} + +.publicLink .container1260 .right a:hover { + color: #00479d; +} + +.publicLink .container1260 .right a.active { + border-bottom-color: #00479d; + color: #00479d; +} + +.publicLink .container1260 .right a:not(:first-child) { + margin-left: 3.125vw; +} + +.TopicPagetit { + text-align: center; +} + +.TopicPagetit h3 { + font-size: 3.125vw; + color: #ffff; + line-height: 1; + font-weight: bold; +} + +.TopicPagetit h5 { + font-size: 2.0833vw; + color: #fff; +} + +.TopicPagetit.TopicPagetit_B h3, +.TopicPagetit.TopicPagetit_B h5 { + color: #333; +} + +.TopicPage>div:not(.publicLink) { + background-size: cover; + background-position: center; + overflow: hidden; +} + +.TopicPageCon1 { + background-color: #0e0e0f; + padding-top: 5.7292vw; +} + +.TopicPageCon1 .text { + margin: 0 auto; + width: 22.91667%; +} + +.TopicPageCon1 .text img { + width: 100%; +} + +.TopicPageCon1 h5 { + margin-top: 1.5625vw; +} + +.TopicPageCon1 .img { + margin: 4.7917vw auto 0; + width: 34.375%; +} + +.TopicPageCon2 { + margin-bottom: -0.1563vw; + width: 100%; + position: relative; +} + +.TopicPageCon2 video { + width: 100% !important; +} + +.TopicPageCon2 .off { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + z-index: 10; + cursor: pointer; +} + +.TopicPageCon2 .off img { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} + +.TopicPageCon3 { + padding: 10.4167vw 0 7.5521vw; +} + +.TopicPageCon3 h5 { + font-size: 2.0833vw; + color: #fff; + margin-top: 1.8229vw; +} + +.TopicPageCon3 .img { + margin: 4.1667vw auto 0; + width: 41.66667%; +} + +.TopicPageCon3 .img img { + width: 100%; +} + +.TopicPageCon3 p { + font-size: 1.3542vw; + color: #fff; + line-height: 3.125vw; + margin-top: 3.6458vw; + text-align: center; +} + +.TopicPageCon3 p span { + font-size: 2.0833vw; +} + +.TopicPageCon4 { + padding: 7.1875vw 0 6.25vw; +} + +.TopicPageCon4 .con { + width: 63.07292%; + margin: 2.8646vw auto 0; + border: .1563vw solid #fff; + -webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), color-stop(#fff), to(#a6a6a6)) 30 30; + -webkit-border-image: linear-gradient(#a6a6a6, #fff, #a6a6a6) 30 30; + border-image: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), color-stop(#fff), to(#a6a6a6)) 30 30; + border-image: linear-gradient(#a6a6a6, #fff, #a6a6a6) 30 30; +} + +.TopicPageCon4 .con .slider::after { + top: 2.0833vw; + right: 2.0833vw; + line-height: 1; +} + +.TopicPageCon4 .con .slider .beer-reveal::after { + top: 2.0833vw; + right: 2.0833vw; + line-height: 1; +} + +.TopicPageCon4 .con .slider .beer-reveal::before { + width: .2083vw; + height: 100%; + right: 0vw; + background: url(resources/icon26.png) no-repeat; + content: ''; + position: absolute; + top: 0vw; +} + +.TopicPageCon4 .con .beer-handle { + display: none; +} + +.slider { + z-index: 1; + position: relative; + overflow: hidden; + width: 100%; + left: 0vw; + top: 0vw; + background-size: cover; + background-position: center; + background-repeat: no-repeat; + background-position: left top; +} + +.slider::after { + content: attr(data-beer-label); + position: absolute; + z-index: 9; + font-size: 2.0833vw; + color: #fff; + white-space: nowrap; + line-height: 1; +} + +.slider .beer-reveal { + position: absolute; + left: 0vw; + top: 0vw; + height: 100%; + z-index: 10; + overflow: hidden; + background-size: cover; + background-position: center; + background-repeat: no-repeat; + background-position: left top; +} + +.slider .beer-reveal::after { + content: attr(data-beer-label); + position: absolute; + z-index: 9; + font-size: 2.0833vw; + color: #fff; + white-space: nowrap; + line-height: 1; +} + +.slider .beer-reveal::before { + width: .0521vw; + height: 100%; + right: 0vw; + background: #fff; + content: ''; + position: absolute; + top: 0vw; +} + +.slider img { + display: block; + opacity: 0; + visibility: hidden; + width: 100%; +} + +.slider .beer-range { + position: absolute; + z-index: 12; + top: 0; + bottom: 0; + height: 100%; + margin: 0; + left: -0.0521vw; + width: -webkit-calc(100% + .1042vw); + width: calc(100% + .1042vw); + cursor: pointer; + -webkit-appearance: slider-horizontal !important; + -moz-appearance: none; + opacity: 0; + -ms-touch-action: auto; + touch-action: auto; +} + +.beer-handle { + width: 3.125vw; + height: 3.125vw; + position: absolute; + z-index: 12; + pointer-events: none; + top: 50%; + left: 50%; + border: .0521vw solid #fff; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); + background: rgba(255, 255, 255, 0.2); + -webkit-border-radius: 50%; + border-radius: 50%; +} + + +.beer-handle::before, +.beer-handle::after { + content: ''; + position: absolute; + width: 10px; + height: 10px; + top: 50%; + border-top: solid 1px #fff; + border-left: solid 1px #fff; + -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; + transform-origin: 0 0; +} + +.beer-handle::before { + left: .625vw; + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.beer-handle::after { + right: .1042vw; + -webkit-transform: rotate(135deg); + -ms-transform: rotate(135deg); + transform: rotate(135deg); +} + +.TopicPageCon5 { + padding: 5.7292vw 0 5.2083vw; +} + +.TopicPageCon5 h5 { + margin-top: 1.5625vw; +} + +.TopicPageCon5 .img { + width: 41.66667%; + margin: 7.2917vw auto 0; +} + +.TopicPageCon5 .img img { + width: 100%; +} + +.TopicPageCon6 { + padding-top: 5.2083vw; +} + +.TopicPageCon6 h5 { + margin-top: 1.5625vw; +} + +.TopicPageCon6 .img { + width: 100%; + margin-top: 2.6042vw; + text-align: center; +} + +.TopicPageCon6 .img img { + max-width: 100%; +} + +.TopicPageCon7 { + background-color: #000; + padding: 6.25vw 0 5.2083vw; +} + +.TopicPageCon7 h5 { + margin-top: 1.5625vw; +} + +.TopicPageCon7 .img { + margin: 2.8646vw auto 0; + width: 62.5%; +} + +.TopicPageCon7 .img img { + width: 100%; +} + +.TopicPageCon8 .con { + position: relative; +} + +.TopicPageCon8 .TopicPagetit { + padding: 4.9479vw 0 2.3438vw; +} + +.TopicPageCon8 .TopicPagetit h5 { + margin-top: 1.5625vw; + font-size: 1.3542vw; +} + +.TopicPageCon8 .slider::after { + height: 3.125vw; + width: 9.375vw; + line-height: 3.125vw; + -webkit-border-radius: 1.5625vw; + border-radius: 1.5625vw; + border: .1042vw solid #fff; + text-align: center; + bottom: 3.125vw; + right: 32.23958%; + background: rgba(255, 255, 255, 0.2); + font-weight: bold; +} + +.TopicPageCon8 .slider .beer-reveal::after { + height: 3.125vw; + width: 9.375vw; + line-height: 3.125vw; + -webkit-border-radius: 1.5625vw; + border-radius: 1.5625vw; + border: .1042vw solid #fff; + text-align: center; + font-weight: bold; + bottom: 3.125vw; + right: 16.817%; + background: rgba(255, 255, 255, 0.2); +} + +.TopicPageCon8.Z6TopicPage4 .slider::after { + font-size: 1.3542vw; + height: 2.5vw; + width: 7.2917vw; + line-height: 2.5vw; + -webkit-border-radius: 1.5625vw; + border-radius: 1.5625vw; + border: none; + text-align: center; + bottom: 2.0833vw; + right: 32.23958%; + background: rgba(0, 0, 0, 0.6); +} + +.TopicPageCon8.Z6TopicPage4 .slider::before { + content: attr(data2-beer-label); + font-size: 1.5625vw; + color: #fff; + font-weight: bold; + position: absolute; + top: 2.0833vw; + right: 2.0833vw; + line-height: 1; +} + +.TopicPageCon8.Z6TopicPage4 .slider .beer-reveal::after { + font-size: 1.3542vw; + height: 2.5vw; + width: 7.2917vw; + line-height: 2.5vw; + -webkit-border-radius: 1.5625vw; + border-radius: 1.5625vw; + border: none; + text-align: center; + bottom: 2.0833vw; + right: 16.817%; + background: rgba(0, 0, 0, 0.6); +} + +.TopicPageCon9 { + position: relative; +} + +.TopicPageCon9 .TopicPagetit { + position: absolute; + width: 100%; + left: 0; + top: 5.9896vw; +} + +.TopicPageCon9 .TopicPagetit h5 { + margin-top: 1.1979vw; +} + +.TopicPageCon10 { + background-color: #000; + padding: 6.25vw 0 14.3229vw; +} + +.TopicPageCon10 .img { + width: 62.5%; + margin: 7.1354vw auto 0; +} + +.TopicPageCon10 .img img { + width: 100%; +} + +.TopicPageCon11 { + padding: 5.2083vw 0 7.0313vw; +} + +.TopicPageCon11 .img { + width: 62.5%; + margin: 3.9063vw auto 0; +} + +.TopicPageCon11 .img img { + width: 100%; +} + +.TopicPageCon12 { + position: relative; +} + +.TopicPageCon12 img { + width: 100%; +} + +.TopicPageCon12 img.Lhide { + display: none; +} + +.TopicPageCon12 .TopicPagetit { + position: absolute; + top: 10%; + left: 0; + width: 100%; +} + +.TopicPageCon12 .TopicPagetit .t { + padding: 0 .5208vw; + font-size: .8333vw; + margin-top: .5208vw; +} + +.TopicPageCon13 { + padding: 7.2917vw 0 4.1667vw; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.TopicPageCon13 .left { + width: 50%; + text-align: center; +} + +.TopicPageCon13 .left img { + max-width: 100%; +} + +.TopicPageCon13 .right { + width: 50%; + text-align: center; +} + +.TopicPageCon13 .right img { + max-width: 90%; + width: auto; +} + +.TopicPageCon13 .right .TopicPagetit { + margin-top: 1.5625vw; +} + +.TopicPageCon14 { + position: relative; +} + +.TopicPageCon14 img { + width: 100%; +} + +.TopicPageCon14 img.Lhide { + display: none; +} + +.TopicPageCon14 .right { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + right: 0; + width: 50%; + text-align: center; +} + +.TopicPageCon14 .right img { + max-width: 90%; + width: auto; +} + +.TopicPageCon14 .right .TopicPagetit { + margin-top: 1.5625vw; +} + +.TopicPageCon15 { + padding: 5.2083vw 0; + background-color: #fff; +} + +.TopicPageCon15 .TopicPagetit h5 { + margin-top: 1.0417vw; +} + + + +.TopicPage_ALCon { + padding: 3.125vw 0 4.0625vw; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.TopicPage_ALCon .box { + display: block; + width: 31.74603%; + margin-bottom: 2.0833vw; +} + +.TopicPage_ALCon .box:not(:nth-child(3n + 1)) { + margin-left: 2.38095%; +} + +.TopicPage_ALCon .box .img { + width: 100%; +} + +.TopicPage_ALCon .box .img .pictureBox { + padding-top: 61.75%; +} + +.TopicPage_ALCon .box .text { + background-color: #fff; + padding: 1.0417vw; + border: .0521vw solid #f5f5f5; + border-top: none; +} + +.TopicPage_ALCon .box .text h5 { + font-size: 1.0417vw; + color: #333; + line-height: 1.4; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.TopicPage_ALCon .box .text .t { + font-size: .8333vw; + color: #6b717a; + line-height: 1.1458vw; + margin-top: .625vw; + display: -webkit-box; + height: 2.2917vw; + line-height: 1.1458vw; + text-overflow: ellipsis; + overflow: hidden; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; +} + +.TopicPage_ALCon .box .text .data { + margin-top: 1.0417vw; + font-size: .8333vw; + color: #999; +} + +.TopicPage_ALCon .box:hover .img .pictureBox img { + -webkit-transform: translate(-50%, -50%) scale(1.1); + -ms-transform: translate(-50%, -50%) scale(1.1); + transform: translate(-50%, -50%) scale(1.1); +} + +.TopicPage_GG { + background-color: #f5f5f5; +} + +.TopicPage_GGCon { + padding-bottom: 5.7292vw; +} + +.TopicPage_GGCon .top { + padding-top: 5.2083vw; +} + +.TopicPage_GGCon .tit { + font-size: 2.3958vw; + color: #000; + line-height: 1; + font-weight: bold; + text-align: center; +} + +.TopicPage_GGCon .top .con { + margin-top: 1.3021vw; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.TopicPage_GGCon .top .con .box { + background-color: #fff; + width: 48.80952%; + padding: 2.3438vw 2.0833vw; + margin-bottom: 1.5625vw; +} + +.TopicPage_GGCon .top .con .box:not(:nth-child(2n + 1)) { + margin-left: 2.38095%; +} + +.TopicPage_GGCon .top .con .box h5 { + font-size: 1.0417vw; + color: #333; + line-height: 1; + font-weight: bold; +} + +.TopicPage_GGCon .top .con .box .li { + margin-top: .7813vw; +} + +.TopicPage_GGCon .top .con .box .li p { + padding-left: .6771vw; + position: relative; + font-size: .7292vw; + color: #666; + line-height: 1.5625vw; +} + +.TopicPage_GGCon .top .con .box .li p::before { + content: ""; + width: .2083vw; + height: .2083vw; + background-color: #00479d; + position: absolute; + top: .6771vw; + left: 0; +} + +.TopicPage_GGCon .bottom { + margin-top: 3.6458vw; +} + +.TopicPage_GGCon .bottom table { + background-color: #fff; + text-align: center; + width: 100%; + margin-top: 1.3021vw; + font-size: .8333vw; + color: #828282; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-color: #eee !important; +} + +.TopicPage_GGCon .bottom table tr th { + text-align: center; + height: 2.6042vw; + border-color: #eee !important; + font-size: 1.0417vw; + color: #333; +} + +.TopicPage_GGCon .bottom table tr td { + text-align: center; + height: 2.6042vw; + border-color: #eee !important; +} + +.TopicPage_GGCon.TopicPage_GGCon2 { + margin-bottom: 1.5625vw; +} + +.TopicPage_GGCon.TopicPage_GGCon2 .top .con .box { + border: .0521vw solid #e6e6e6; +} + +.TopicPage_GGCon.TopicPage_GGCon2 .con1 { + margin-top: 3.6458vw; +} + +.TopicPage_GGCon.TopicPage_GGCon2 .con1 table { + width: 100%; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-top: 1.3021vw; +} + +.TopicPage_GGCon.TopicPage_GGCon2 .con1 table tr { + font-size: .8333vw; + color: #333; +} + +.TopicPage_GGCon.TopicPage_GGCon2 .con1 table tr th { + height: 3.125vw; + border-color: #e8e8e8 !important; + text-align: left; +} + +.TopicPage_GGCon.TopicPage_GGCon2 .con1 table tr th:nth-child(1) { + padding-left: 3.125vw; + font-weight: normal; +} + +.TopicPage_GGCon.TopicPage_GGCon2 .con1 table tr th:nth-child(2) { + padding: .9375vw 2.0833vw; + font-weight: normal; +} + +.TopicPage_GGCon.TopicPage_GGCon2 .con1 table tr td { + border-color: #e8e8e8 !important; +} + +.TopicPage_GGCon.TopicPage_GGCon2 .con1 table tr td:nth-child(1) { + padding-left: 3.125vw; +} + +.TopicPage_GGCon.TopicPage_GGCon2 .con1 table tr td:nth-child(2) { + padding: .9375vw 2.0833vw; +} + +.TopicPage_GGCon.TopicPage_GGCon2 .con1 table tr:nth-child(odd) { + background-color: #fafafa; +} + +.TopicPage_GGCon.TopicPage_GGCon2 .con1.con2 { + margin-top: 4.4271vw; +} + +.TopicPage_GGCon.TopicPage_GGCon2 .con1.con2 table tr th { + text-align: center; + font-weight: bold; +} + +.TopicPage_GGCon.TopicPage_GGCon2 .con1.con2 table:nth-child(3n) { + margin-top: 2.1875vw; +} + +.TopicPage_video { + padding-bottom: 3.125vw; +} + +.TopicPage_video .big_video { + width: 100%; + background-color: #f5f5f5; + padding: 3.125vw 0; +} + +.TopicPage_video .big_video .con { + position: relative; +} + +.TopicPage_video .big_video .con .off { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + cursor: pointer; + z-index: 10; +} + +.TopicPage_video .big_video .con .off img { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + width: 2.6042vw; + height: 2.6042vw; +} + +.TopicPage_video .big_video .con video { + width: 100%; + margin-bottom: -0.1563vw; + pointer-events: none; +} + +.TopicPage_video .big_video .con .text { + display: none; + width: 100%; + line-height: 4.1667vw; + text-align: center; + font-size: 1.5625vw; + color: #fff; + background-color: rgba(0, 0, 0, 0.6); + position: absolute; + bottom: 0; + left: 0; +} + +.TopicPage_video .list_video { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 3.125vw 0 2.0833vw; +} + +.TopicPage_video .list_video .box { + cursor: pointer; + width: 30.95238%; + margin-bottom: 2.8646vw; +} + +.TopicPage_video .list_video .box:not(:nth-child(3n + 1)) { + margin-left: 3.57143%; +} + +.TopicPage_video .list_video .box .videoBox { + position: relative; + width: 100%; +} + +.TopicPage_video .list_video .box .videoBox video { + width: 100%; +} + +.TopicPage_video .list_video .box .videoBox::before { + width: 2.6042vw; + height: 2.6042vw; + background: url(resources/icon1.png) no-repeat; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + content: ""; +} + +.TopicPage_video .list_video .box h5 { + font-size: 1.0417vw; + color: #333; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + margin-top: .7813vw; + font-weight: bold; +} + +.Video_popUp { + width: 100%; + height: 100vh; + position: fixed; + top: 0; + left: 0; + z-index: 9999; + display: none; +} + +.Video_popUp .con { + width: 60%; + max-height: 90%; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} + +.Video_popUp .con video { + width: 100%; +} + +.Video_popUp .con .off { + width: 2.0833vw; + height: 2.0833vw; + position: absolute; + top: -2.6042vw; + right: 0; + cursor: pointer; +} + +.Video_popUp .con .off img { + width: 100%; +} + +.Video_popUp i { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.8); + z-index: -1; + cursor: pointer; +} + +.TopicPage_download { + padding: 4.9479vw 0 4vw; + min-height: calc(100vh - 700px); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; +} + +.TopicPage_download .box { + width: 31.34921%; +} + +.TopicPage_download .box:not(:first-child) { + margin-left: 2.976185%; +} + +.TopicPage_download .box .tit { + font-size: 1.0417vw; + color: #333; + padding-bottom: .7813vw; + border-bottom: .0521vw solid #cacaca; +} + +.TopicPage_download .box .list a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-top: 1.3021vw; + align-items: center; +} + +.TopicPage_download .box .list a p { + font-size: .9375vw; + color: #333; + -webkit-transition: all 0.3s; + transition: all 0.3s; + width: calc(100% - 40px); + padding-left: .7500vw; + line-height: 1.3; + display: flex; + align-items: center; + +} + +.TopicPage_download .box .list a .TextIcon { + width: 22px; + font-size: 0; +} + +.TopicPage_download .box .list a .TextIcon img { + width: 100%; +} + +.TopicPage_download .box .list a .TextIcon .Lhide { + display: none; +} + +.TopicPage_download .box .list a:hover .TextIcon .Lshow { + display: none; +} + +.TopicPage_download .box .list a:hover .TextIcon .Lhide { + display: block; +} + +.TopicPage_download .box .list a .icon { + width: 14px; +} + +.TopicPage_download .box .list a .icon img { + width: 100%; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.TopicPage_download .box .list a .icon img.Lhide { + display: none; +} + +.TopicPage_download .box .list a:hover p { + color: #00479d; +} + +.TopicPage_download .box .list a:hover img.Lshow { + display: none; +} + +.TopicPage_download .box .list a:hover img.Lhide { + display: block; +} + +.TopicPage_download .box .list2 .li { + margin-top: 1.3021vw; + position: relative; +} + +.TopicPage_download .box .list2 .li .left { + width: 100%; + display: flex; + align-items: center; + padding-right: 70px; +} + +.TopicPage_download .box .list2 .li .right { + position: absolute; + top: 2px; + right: 0; + z-index: 3; +} + +.TopicPage_download .box .list2 .li:nth-child(n + 1) { + margin-top: 1.3021vw; +} + + +.TopicPage_download .box .list2 .li .icon1 { + width: 22px; + font-size: 0; +} + +.TopicPage_download .box .list2 .li .icon1 img { + width: 100%; +} + +.TopicPage_download .box .list2 .li .text { + padding-left: .7813vw; + width: calc(100% - 22px); +} + +.TopicPage_download .box .list2 .li .text h5 { + line-height: 1.3; + font-size: .9375vw; + color: #333; + -webkit-transition: all 0.3s; + transition: all 0.3s; + display: flex; + align-items: center; + +} + +.TopicPage_download .box .list2 .li .UpdateSm { + font-size: .7292vw; + color: #828282; + -webkit-transition: all 0.3s; + transition: all 0.3s; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + cursor: pointer; +} + +.TopicPage_download .box .list2 .li .UpdateSm:hover { + color: #00479d; + ; +} + +.TopicPage_download .box .list2 .li .icon2 { + width: 14px; + margin-right: 5px; +} + +.TopicPage_download .box .list2 .li .icon2 img { + width: 100%; +} + +.TopicPage_download .box .list2 .li .icon2 img.Lhide { + display: none; +} + +.TopicPage_download .box .list2 .li:hover .icon1 img.Lhide, +.TopicPage_download .box .list2 .li:hover .icon2 img.Lhide { + display: block; +} + +.TopicPage_download .box .list2 .li:hover .icon1 img.Lshow, +.TopicPage_download .box .list2 .li:hover .icon2 img.Lshow { + display: none; +} + +.TopicPage_download .box .list2 .li:hover .text h5 { + color: #00479d; +} + +.TopicPage_download .box .list2 .li:hover .text p { + color: #00479d; +} + +.Description_popUp { + width: 100%; + height: 100vh; + position: fixed; + top: 0; + left: 0; + z-index: 999; + display: none; +} + +.Description_popUp i { + position: absolute; + top: 0; + left: 0; + z-index: -1; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.8); + cursor: pointer; +} + +.Description_popUp .con { + width: 30%; + max-height: 80%; + overflow-y: auto; + overflow-x: hidden; + background-color: #fff; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + padding: 50px 20px 20px; + -webkit-border-radius: .5208vw; + border-radius: .5208vw; +} + +.Description_popUp .con .tit { + text-align: center; + color: #232323; + font-size: 1.5625vw; +} + +.Description_popUp .con .text { + width: 100%; + margin-top: 1.0417vw; + padding-top: 1.0417vw; +} + +.Description_popUp .con .text h5 { + font-size: .8333vw; + color: #333; + white-space: normal; +} + +.Description_popUp .con .text p { + font-size: .7292vw; + color: #999; + white-space: normal; +} + +.Description_popUp .con .off { + width: 25px; + height: 25px; + position: absolute; + top: 10px; + right: 10px; + cursor: pointer; + transform: rotate(45deg); +} + +.Description_popUp .con .off img { + display: none; +} + +.Description_popUp .con .off::before { + width: 100%; + height: 2px; + background-color: #000; + content: ""; + position: absolute; + top: 11.5px; + left: 0; +} + +.Description_popUp .con .off::after { + width: 2px; + height: 100%; + background-color: #000; + content: ""; + position: absolute; + top: 0; + left: 11.5px; +} + +.Description_popUp .con::-webkit-scrollbar { + /*滚动条整体样式*/ + width: .2604vw; + /*高宽分别对应横竖滚动条的尺寸*/ + height: .0521vw; +} + +.Description_popUp .con::-webkit-scrollbar-thumb { + /*滚动条里面小方块*/ + -webkit-border-radius: .5208vw; + border-radius: .5208vw; + -webkit-box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2); + box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2); + background: #00479d; +} + +.Description_popUp .con::-webkit-scrollbar-track { + /*滚动条里面轨道*/ + -webkit-box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2); + box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2); + -webkit-border-radius: .5208vw; + border-radius: .5208vw; + background: #EDEDED; +} + +.Solution { + padding: 3.125vw 0 2.0833vw; +} + +.Solution .box { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 3.125vw; +} + +.Solution .box .imgbox { + width: 65.07937%; + border-radius: 10px; +} + +.Solution .box .imgbox .pictureBox { + padding-top: 53.65854%; +} + +.Solution .box .imgbox .pictureBox:hover img { + -webkit-transform: translate(-50%, -50%) scale(1.1); + -ms-transform: translate(-50%, -50%) scale(1.1); + transform: translate(-50%, -50%) scale(1.1); +} + +.Solution .box .text { + padding-left: 3.125vw; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.Solution .box .text h5 { + font-size: 1.3542vw; + color: #333; +} + +.Solution .box .text p { + font-size: .8333vw; + color: #747474; + line-height: 1.3542vw; + margin-top: .5208vw; +} + +.Solution .box .text a { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: 10.10vw; + margin-top: 2.5vw; + padding: 0 1.5vw; + line-height: 3vw; + font-size: .85vw; + border: .2vw solid #c6d7e8; + border-radius: 5px; + color: #00479d; + white-space: nowrap; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.Solution .box .text a:hover { + background-color: #00479d; + color: #ffffff; +} + +.Solution .box .text a img { + display: inline-block; + width: 14px; + margin-left: 1.0417vw; +} + +.Solution .box:nth-child(even) .imgbox { + -webkit-box-ordinal-group: 3; + -webkit-order: 2; + -ms-flex-order: 2; + order: 2; +} + +.Solution .box:nth-child(even) .text { + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; + padding: 0 3.6458vw 0 2.0833vw; +} + +.plan-advantage-box { + display: flex; + flex-wrap: wrap; + justify-content: space-around; + width: 100%; +} + +.plan-advantage-box .plan-advantage-item { + display: flex; + flex-direction: column; + justify-content: space-evenly; + width: 35%; + height: 300px; + margin: 20px; +} + +.plan-advantage-box .plan-advantage-item .advantage-item-top { + display: flex; + align-items: center; + width: 100%; + border-bottom: 1px solid #5a4e4e; +} + +.plan-advantage-box .plan-advantage-item .advantage-item-top div { + /* 菱形 */ + width: 24px; + height: 24px; + background-color: red; + transform: rotate(45deg); + margin: 5px 10px 10px 0px; + background-image: radial-gradient(#ea6222, #db3f3f); +} + +.plan-advantage-box .plan-advantage-item .advantage-item-top h5 { + font-size: 22px; + margin-left: 10px; + color: #5c5a5a; +} + +.plan-advantage-box .plan-advantage-item .advantage-item-bottom { + width: 100%; + line-height: 32px; + font-size: 18px; + text-indent: 2em; + color: #807e7e; +} + +.my-table th, +.my-table td { + text-align: center; +} + +.my-table th { + font-size: 22px; + /* font-weight: 700; */ +} + +.language-box { + position: absolute; + top: 5px; + right: 25vw; + z-index: 9999; +} + +.language-box i { + /* font-size: 32px; */ + font-size: 3vh; +} + +.language-box .Language { + /* font-size: 24px; */ + font-size: 2vh; +} + + +.banner2 { + width: 100%; + position: relative; + margin-bottom: -1.8229vw; + overflow: hidden; +} + +.banner2 img { + width: 100%; +} + +.banner2 .banner2text { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + left: 0; + width: 100%; +} + +.banner2 .banner2text p { + font-size: 1.25vw; + color: #fff; +} + +.banner2 .banner2text h5 { + font-size: 2.6042vw; + color: #fff; + margin-top: .5208vw; +} + +.AnchorLocation { + width: 100%; + position: -webkit-sticky; + position: sticky; + top: 0; + left: 0; + z-index: 2; + text-align: center; +} + +.AnchorLocation .con { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-width: 1260px; + margin: 0 auto; + box-shadow: 0 .2604vw .5208vw rgb(0 0 0 / 10%); +} + +.AnchorLocation .con .li { + flex: 1; + line-height: 3.6458vw; + text-align: center; + background-color: #f6f6f6; + -webkit-transition: all 0.3s; + transition: all 0.3s; + font-size: .8333vw; + color: #000; + font-weight: bold; + cursor: pointer; +} + +.AnchorLocation .con .li:not(:first-child) { + border-left: .0521vw solid rgba(0, 0, 0, 0.1); +} + +.AnchorLocation .con .li.active { + /* background-color: #00479d; */ + color: #00479d; + /* -webkit-box-shadow: 0 .2604vw 1.0417vw #c5dafb; + box-shadow: 0 .2604vw 1.0417vw #c5dafb; */ +} + +.Solution_XQ .tit { + font-size: 1.5625vw; + color: #333; + padding-left: 21px; + position: relative; + font-weight: bold; +} + +.Solution_XQ .box:nth-child(even) { + background-color: #f7f7f7; +} + +.Solution_XQ .tit::before { + content: ""; + width: 6px; + height: 6px; + background-color: #00479d; + position: absolute; + top: 50%; + left: 0; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.Solution_XQ .con1 { + padding: 3.9063vw 0; +} + +.Solution_XQ .con1 img { + width: auto !important; + height: auto !important; +} + +.Solution_XQ .con1 h5 { + font-size: 1.0417vw; + margin-top: 1.0417vw; + color: #333; + padding-left: .7813vw; + position: relative; + font-weight: bold; +} + +.Solution_XQ .con1 h5::before { + content: ""; + width: .1563vw; + height: .1563vw; + background-color: #00479d; + position: absolute; + top: 50%; + left: 0; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.Solution_XQ .con1 p { + font-size: .8333vw; + color: #828282; + line-height: 1.3; + margin-top: .5208vw; +} + +.Solution_XQ .con2 { + padding: 3.9063vw 0 4.9479vw; +} + +.Solution_XQ .con2 .img { + margin-top: 1.3021vw; + width: 100%; + text-align: center; +} + +.Solution_XQ .con2 .img img { + max-width: 100%; +} + +.Solution_XQ .con3 { + padding: 3.9063vw 0 3.125vw; +} + +.Solution_XQ .con3 .text { + margin-top: 1.1979vw; +} + +.Solution_XQ .con3 img { + width: auto !important; + height: auto !important; +} + +/* .Solution_XQ .con3 .text .li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 1.0417vw; } + +.Solution_XQ .con3 .text .li span { + font-size: .7292vw; + color: #828282; + width: 1.6146vw; + height: 1.6146vw; + line-height: 1.6146vw; + background-color: #f0f0f0; + -webkit-border-radius: 50%; + border-radius: 50%; text-align: center; + } + +.Solution_XQ .con3 .text .li p { font-size: .8333vw; color: #828282; padding-left: .7813vw; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } */ + +.Solution_XQ .con4 { + padding: 4.1667vw 0; +} + +.Solution_XQ .con4 .SolutionXQ_swiper { + margin-top: 2.0833vw; + padding: 0 17.1875% 2.6042vw; +} + +.Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide { + opacity: 0.5; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a { + background-color: #fff; + display: block; +} + +.Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .text { + padding: 0 2.0833vw; + font-size: 0; +} + +.Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .text h5 { + font-size: .9375vw; + color: #333; + line-height: 2.65vw; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .text p { + display: none; + font-size: .7292vw; + line-height: 1.25vw; + color: #5c636b; + text-overflow: ellipsis; + overflow: hidden; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + margin-top: 1.5625vw; +} + +.Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .text .more { + display: none; + font-size: .7292vw; + color: #758ba5; + text-align: right; + margin-top: 10px; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .imgbox { + width: 100%; +} + +.Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .imgbox .pictureBox { + padding-top: 67.9803%; +} + +.Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a:hover .text h5, +.Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a:hover .text .more { + color: #00479d; +} + +.Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a:hover .imgbox .pictureBox img { + -webkit-transform: translate(-50%, -50%) scale(1.1); + -ms-transform: translate(-50%, -50%) scale(1.1); + transform: translate(-50%, -50%) scale(1.1); +} + +.Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide.swiper-slide-active, +.Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide.swiper-slide-next, +.Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide.swiper-slide-next+div { + opacity: 1; +} + +.Solution_XQ .con4 .SolutionXQ_swiper .SolutionXQ_scrollbar { + width: 65.625%; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); + height: .1042vw; + background-color: #e0e0e0; +} + +.Solution_XQ .con4 .SolutionXQ_swiper .SolutionXQ_scrollbar .swiper-scrollbar-drag { + background-color: #00479d; +} + +.Lmore { + width: 10.4167vw; + line-height: 3.125vw; + font-size: .8333vw; + color: #fff; + text-align: center; + border: .1042vw solid #d7dadf; +} + +.Lmore img { + display: inline-block; + margin-left: 10px; + width: 16px !important; + -webkit-transition: all 0.5s; + transition: all 0.5s; +} + +.classicCase_big { + padding: 3.125vw 0 1.5625vw; +} + +.classicCase_big:not(:first-child) { + padding-top: 0 !important; +} + +.classicCase_big .text { + position: absolute; +} + +.classicCase_big .text h5 { + font-size: 1.875vw; + color: #fff; + font-weight: bold; +} + +.classicCase_big .text p { + font-size: 1.0417vw; + color: #fff; + margin-top: .2604vw; +} + +.classicCase_big .text .tit2 { + font-size: 1.5625vw; + color: #fff; + margin-top: 1.0417vw; + width: auto; +} + +.classicCase_big .text .WatchVideo { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: .8333vw; + color: #fff; +} + +.classicCase_big .text .WatchVideo img { + width: 25px; + height: 25px; + margin-right: .9896vw; +} + +.classicCase_big a { + position: relative; + display: block; + -webkit-border-radius: .7292vw; + border-radius: .7292vw; + overflow: hidden; +} + +.classicCase_big a:hover .pictureBox img { + -webkit-transform: translate(-50%, -50%) scale(1.1); + -ms-transform: translate(-50%, -50%) scale(1.1); + transform: translate(-50%, -50%) scale(1.1); +} + +.classicCase_big a:hover .text .Lmore img { + transform: translateX(7px); +} + +.classicCase_big .con1 { + width: 100%; + margin-bottom: 1.5625vw; +} + +.classicCase_big .con1 a .pictureBox { + padding-top: 37.30159%; +} + +.classicCase_big .con1 a .text { + left: 7.93651%; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.classicCase_big .con1 a .text .Lmore { + margin-top: 3.125vw; +} + +.classicCase_big .con2 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: 1.5625vw; +} + +.classicCase_big .con2 .left { + width: 31.34921%; +} + +.classicCase_big .con2 .left a .pictureBox { + padding-top: 121.51899%; +} + +.classicCase_big .con2 .left a .text { + width: 100%; + top: 0; + left: 0; + padding: 3.125vw 1.8229vw 0; +} + +.classicCase_big .con2 .left a .text .Lmore { + margin-top: 2.3438vw; +} + +.classicCase_big .con2 .right { + width: 66.26984%; +} + +.classicCase_big .con2 .right a .pictureBox { + padding-top: 57.48503%; +} + +.classicCase_big .con2 .right a .text { + width: 100%; + top: 50%; + left: 6.34731%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.classicCase_big .con2 .right a .text .Lmore { + margin-top: 2.3438vw; +} + +.classicCase_big .con3 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.classicCase_big .con3 a { + display: block; + width: 48.80952%; +} + +.classicCase_big .con3 a .pictureBox { + padding-top: 78.04878%; +} + +.classicCase_big .con3 a .text { + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + width: 100%; + text-align: center; + left: 0; +} + +.classicCase_big .con3 a .text .Lmore { + margin: 3.125vw auto 0; +} + +.classicCase_big.classicCase_video .con1 a .text { + left: 8.65079%; +} + +.classicCase_big.classicCase_video .con1 a p { + margin-top: 1.5625vw; +} + +.classicCase_big.classicCase_video .con2 .left a .text { + padding: 4.4271vw 3.125vw 0; +} + +.classicCase_big.classicCase_video .con2 .left a .text .WatchVideo { + margin-top: 2.8646vw; +} + +.classicCase_big.classicCase_video .con2 .right .text { + top: auto; + width: auto; + bottom: 4.1667vw; + left: 9.22156%; + -webkit-transform: none; + -ms-transform: none; + transform: none; +} + +.classicCase_big.classicCase_video .con2 .right .text .WatchVideo { + margin-top: 1.8229vw; +} + +.classicCase_big.classicCase_video .con3 a .text .WatchVideo { + margin-top: 1.8229vw; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.classicCase_XQ { + padding: 2.8646vw 0 5.2083vw; +} + +.classicCase_XQ .tit { + width: 100%; + padding-bottom: 1.8229vw; + border-bottom: .0521vw solid #00479d; +} + +.classicCase_XQ .tit h5 { + font-size: 1.4583vw; + color: #232323; +} + +.classicCase_XQ .tit .bot { + margin-top: 1.3021vw; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.classicCase_XQ .tit .bot .data { + font-size: .9375vw; + color: #999; +} + +.classicCase_XQ .tit .bot p { + font-size: .7292vw; + color: #4b4f5b; +} + +.classicCase_XQ .con { + padding: 2.8646vw 0 4.1667vw; +} + +.classicCase_XQ .con img { + width: auto !important; + height: auto !important; +} + +.classicCase_XQ .con .classicCase_XQswiper1 { + width: 100%; + margin-top: .7813vw; + cursor: pointer; +} + +.classicCase_XQ .con .classicCase_XQswiper2 { + margin-top: .5208vw; +} + +.classicCase_XQ .con .classicCase_XQswiper2 .swiper-slide { + cursor: pointer; +} + +.classicCase_XQ .con .classicCase_XQswiper2 .swiper-slide::before { + content: ""; + width: 100%; + height: 100%; + background-color: rgba(255, 255, 255, 0.4); + position: absolute; + top: 0; + left: 0; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.classicCase_XQ .con .classicCase_XQswiper2 .swiper-slide.active::before { + opacity: 0; +} + +.classicCase_XQ .con p { + font-size: .8333vw; + color: #6b717a; + line-height: 1.5625vw; +} + + +.classicCase_XQ .con h5 { + font-size: 1.0417vw; + color: #33363b; +} + +.classicCase_XQ .con .imgTwo { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + margin-top: .6771vw; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.classicCase_XQ .con .imgTwo img { + width: 49.20635%; + margin-bottom: 1.0417vw; +} + +.classicCase_XQ .return { + width: 100%; + text-align: center; + margin-top: 3.125vw; +} + +.classicCase_XQ .return a { + display: inline-block; + width: 10.4167vw; + line-height: 3.125vw; + text-align: center; + border: .1042vw solid rgba(0, 0, 0, 0.1); + font-size: .8333vw; + color: #00479d; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.classicCase_XQ .return a img { + display: inline-block; + width: 16px; + margin-left: 19px; +} + +.classicCase_XQ .return a:hover { + border-color: #00479d; +} + +.classicCase_XQ.newsXQ .con { + padding: 2.8646vw 0 5.2083vw; +} + +.classicCase_ordinary { + padding: 3.125vw 0 5.2083vw; +} + +.classicCase_ordinary .right { + width: 71.42857%; + float: right; +} + +.classicCase_ordinary .right .con { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.classicCase_ordinary .right .con .box { + display: block; + width: 48.88889%; + margin-bottom: 1.0417vw; +} + +.classicCase_ordinary .right .con .box .imgbox { + width: 100%; +} + +.classicCase_ordinary .right .con .box .imgbox .pictureBox { + padding-top: 68.18182%; +} + +.classicCase_ordinary .right .con .box .text { + border: .0521vw solid #ededed; + padding: .7813vw; +} + +.classicCase_ordinary .right .con .box .text h5 { + font-size: 1.0417vw; + color: #333; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-weight: bold; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.classicCase_ordinary .right .con .box .text .data { + font-size: .9375vw; + color: #999; + margin-top: 1.0417vw; +} + +.classicCase_ordinary .right .con .box:hover .imgbox .pictureBox img { + -webkit-transform: translate(-50%, -50%) scale(1.1); + -ms-transform: translate(-50%, -50%) scale(1.1); + transform: translate(-50%, -50%) scale(1.1); +} + +.classicCase_ordinary .right .con .box:hover .text h5 { + color: #00479d; +} + +.classicCase_ordinary .right #demo0 { + margin-top: 1.0417vw; +} + +.service_Software { + padding: 3.125vw 0 5.2083vw; +} + +.service_Software .right { + float: right; + width: 71.42857%; + padding: 2.8646vw 3.125vw 5.2083vw; + background-color: #fff; +} + +.service_Software .right .tit { + width: 100% !important; + font-size: 1.0417vw; + color: #333; + font-weight: bold; + padding-bottom: .7813vw; + border-bottom: .0521vw solid #d7dadf; +} + +.service_Software .right .con1 { + display: flex; + justify-content: space-between; + margin-top: 1.5625vw; + flex-wrap: wrap; +} + +.service_Software .right .con1 .box { + display: flex; + width: 44%; + position: relative; + margin-bottom: 1.5625vw; +} + +/* .service_Software .right .con1 .box:not(:nth-child(2n + 1)){margin-left:11%;} */ +.service_Software .right .con1 .box .left { + width: 100%; + display: flex; + align-items: center; + flex: 1; +} + +.service_Software .right .con1 .box .left .TextIcon { + width: 22px; + font-size: 0; +} + +.service_Software .right .con1 .box .UpdateSmBox { + padding-right: 10px; +} + + + +.service_Software .right .con1 .box h5 { + transition: all 0.3s; + font-size: .9375vw; + color: #232323; + padding-left: .7500vw; + width: calc(100% - 22px); +} + +.service_Software .right .con1 .box span, +.service_Software .right .con1 .box p { + white-space: inherit !important; + font-size: .7292vw; + color: #828282; + cursor: pointer; + margin-top: .1042vw; + -webkit-transition: all 0.3s; + transition: all 0.3s; + text-indent: 0 !important; +} + +.service_Software .right .con1 .box p:hover { + color: #00479d; +} + +.service_Software .right .con1 .box:hover h5 { + color: #00479d; +} + +.service_Software .right #demo0 { + margin-top: .5208vw; +} + +.Lcrumbs { + width: 100%; + border-bottom: .0521vw solid #e8e8e8; +} + +.Lcrumbs a { + display: inline-block; + font-size: .9375vw; + -webkit-columns: #333; + -moz-columns: #333; + columns: #333; + line-height: 3.6458vw; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.Lcrumbs a:hover { + color: #00479d; +} + +.service_videoXQ { + padding: 3.125vw 0 5.2083vw; +} + +.service_videoXQ .right { + float: right; + width: 71.42857%; +} + +.service_videoXQ .right .con { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.service_videoXQ .right .con .box { + width: 48.88889%; + margin-bottom: 1.5625vw; + cursor: pointer; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.service_videoXQ .right .con .box .imgbox { + width: 100%; +} + +.service_videoXQ .right .con .box .imgbox .pictureBox { + padding-top: 56.36364%; +} + +.service_videoXQ .right .con .box .imgbox .pictureBox::before { + content: ""; + width: 2.6042vw; + height: 2.6042vw; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + background-image: url(resources/icon1.png); + background-size: 100% 100%; + z-index: 2; +} + +.service_videoXQ .right .con .box .text { + width: 100%; + background-color: #fff; + text-align: center; + padding: 1.3021vw .5208vw; + border: .0521vw solid #f4f4f4; +} + +.service_videoXQ .right .con .box .text h5 { + font-size: 1.0417vw; + color: #232323; + font-weight: bold; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.service_videoXQ .right .con .box:hover { + -webkit-box-shadow: 0 .2604vw 1.5625vw #d6d6d6; + box-shadow: 0 .2604vw 1.5625vw #d6d6d6; +} + +.service_videoXQ .right .con .box:hover .imgbox .pictureBox img { + -webkit-transform: translate(-50%, -50%) scale(1.1); + -ms-transform: translate(-50%, -50%) scale(1.1); + transform: translate(-50%, -50%) scale(1.1); +} + +.service_videoXQ .right #demo0 { + margin-top: .5208vw; +} + +.LVideoPopup { + width: 100%; + height: 100vh; + position: fixed; + top: 0; + left: 0; + z-index: 999; + display: none; +} + +.LVideoPopup .con { + width: 60%; + max-height: 80%; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + z-index: 5; +} + +.LVideoPopup .con video { + width: 100%; +} + +.LVideoPopup .con .off { + width: 35px; + height: 35px; + position: absolute; + top: -35px; + right: 0; + cursor: pointer; +} + +.LVideoPopup .con .off img { + width: 100%; +} + +.LVideoPopup i { + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.7); + position: absolute; + top: 0; + left: 0; + z-index: 1; + cursor: pointer; +} + +.Service_Network { + padding-bottom: 4.6875vw; +} + +.Service_Network .con1 { + padding: 6.4063vw 0 14.3229vw; + background: url(resources/bj7.jpg) no-repeat; + background-size: cover; + background-position: center; +} + +.Service_Network .con1 .tit { + font-size: 1.3542vw; + color: #ffffff; + line-height: 1.875vw; + text-align: center; +} + +.Service_Network .con1 .container1260 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + margin-top: 1.5625vw; + color: transparent; +} + +.Service_Network .con1 .container1260 .left { + width: 48.4127%; + position: relative; + margin-top: 8.3333vw; + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; +} + +.Service_Network .con1 .container1260 .left { + width: 40%; + position: relative; + margin-top: 8.3333vw; + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; +} + +.Service_Network .con1 .container1260 .left .box { + width: 100%; + padding: 2.0833vw 1.0417vw 2.0833vw 4.1667vw; + background-color: #fff; + display: none; + border-left: .2083vw solid #00479d; + -webkit-transition: all 0.3s; + transition: all 0.3s; + max-height: 16.6667vw; + overflow-y: auto; + overflow-x: hidden; +} + +.Service_Network .con1 .container1260 .left .box.active { + display: block; +} + +.Service_Network .con1 .container1260 .left .box .liBox:not(:first-child) { + margin-top: 2.6042vw; +} + +.Service_Network .con1 .container1260 .left .box .liBox h5 { + color: #1b2422; + font-size: 1.4583vw; + font-weight: bold; + padding-bottom: 1.0417vw; + position: relative; +} + +.Service_Network .con1 .container1260 .left .box .liBox h5::before { + content: ""; + width: 1.0417vw; + height: .1042vw; + background-color: #1b2422; + opacity: 0.1; + position: absolute; + bottom: 0; + left: 0; +} + +.Service_Network .con1 .container1260 .left .box .liBox .list { + margin-top: .9375vw; +} + +.Service_Network .con1 .container1260 .left .box .liBox .list .li { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-top: 1.1458vw; +} + +.Service_Network .con1 .container1260 .left .box .liBox .list .li .icon { + max-width: .9375vw; +} + +.Service_Network .con1 .container1260 .left .box .liBox .list .li .icon img { + max-width: 100%; +} + +.Service_Network .con1 .container1260 .left .box .liBox .list .li p { + font-size: .8333vw; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + color: #676666; + padding-left: 1.0417vw; +} + +.Service_Network .con1 .container1260 .left .box::-webkit-scrollbar { + /*滚动条整体样式*/ + width: .2604vw; + /*高宽分别对应横竖滚动条的尺寸*/ + height: .0521vw; +} + +.Service_Network .con1 .container1260 .left .box::-webkit-scrollbar-thumb { + /*滚动条里面小方块*/ + -webkit-border-radius: .5208vw; + border-radius: .5208vw; + -webkit-box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2); + box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2); + background: #00479d; +} + +.Service_Network .con1 .container1260 .left .box::-webkit-scrollbar-track { + /*滚动条里面轨道*/ + -webkit-box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2); + box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2); + -webkit-border-radius: .5208vw; + border-radius: .5208vw; + background: #EDEDED; +} + +.Service_Network .con1 .container1260 .ditu { + -webkit-box-ordinal-group: 3; + -webkit-order: 2; + -ms-flex-order: 2; + order: 2; + width: 48.80952%; +} + + +.Service_Network .con2 { + margin-top: -2.6042vw; +} + +.Service_Network .con2 .ServiceTopNav { + width: 100%; + padding: 1.8229vw 2.0833vw; + background-color: #fff; + border: .0521vw solid #d5d8df; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.Service_Network .con2 .ServiceTopNav h5 { + font-size: .8333vw; + color: #333; + margin-right: .2604vw; + font-weight: bold; + display: none; +} + +.Service_Network .con2 .ServiceTopNav .ServiceTabBar { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + justify-content: center; +} + +.Service_Network .con2 .ServiceTopNav .ServiceTabBar .tabTerm { + padding: 0 .9375vw; + line-height: 30px; + -webkit-border-radius: .5208vw; + border-radius: .5208vw; + text-align: center; + font-size: .8333vw; + color: #989ea8; + -webkit-transition: all 0.3s; + transition: all 0.3s; + margin: .1042vw; + cursor: pointer; +} + +.Service_Network .con2 .ServiceTopNav .ServiceTabBar .tabTerm.active { + color: #fff; + background-color: #00479d; +} + +.Service_Network .con2 .ServiceTabCont { + position: relative; + margin-top: 2.0833vw; + width: 100%; +} + +/* 联系我们 */ +.contactUsCont { + position: relative; + margin-top: 2.0833vw; + width: 100%; +} + +.contactUsCont .tabItem { + width: 100%; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.contactUsCont .tabItem .box { + background-color: #fff; + width: 32%; + padding: 3.125vw 2.0833vw; + border: .0521vw solid #eee; + margin-bottom: 1.0417vw; +} + +.contactUsCont .tabItem .box:not(:nth-child(3n + 1)) { + margin-left: 1.58730%; +} + +.contactUsCont .tabItem .box h5 { + font-size: .8333vw; + color: #333; + line-height: 1; + padding-bottom: 1.0417vw; + position: relative; + font-weight: bold; +} + +.contactUsCont .tabItem .box h5::before { + content: ""; + width: 1.0417vw; + background-color: #00479d; + height: .1042vw; + position: absolute; + bottom: 0; + left: 0; +} + +.contactUsCont .tabItem .box .list { + margin-top: 1.8229vw; +} + +.contactUsCont .tabItem .box .list p { + font-size: .7292vw; + color: #5c636b; + line-height: 1.5625vw; +} + + + +/* 联系我们 */ +.Service_Network .con2 .ServiceTabCont .tabItem { + position: absolute; + top: 0; + left: 0; + width: 100%; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + display: none; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.Service_Network .con2 .ServiceTabCont .tabItem.active { + position: static; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + justify-content: flex-start; +} + + +.Service_Network .con2 .ServiceTabCont .tabItem .box { + width: 23.80952%; + padding: 3.125vw 2.0833vw; + border: .0521vw solid #eee; + margin-bottom: 1.0417vw; + background-color: #fff; +} + +.Service_Network .con2 .ServiceTabCont .tabItem .box:not(:nth-child(4n + 1)) { + margin-left: 1.58730%; +} + +.Service_Network .con2 .ServiceTabCont .tabItem .box h5 { + font-size: .8333vw; + color: #333; + line-height: 1.5; + padding-bottom: 1.0417vw; + position: relative; + font-weight: bold; +} + +.Service_Network .con2 .ServiceTabCont .tabItem .box h5::before { + content: ""; + width: 1.0417vw; + background-color: #00479d; + height: .1042vw; + position: absolute; + bottom: 0; + left: 0; +} + +.Service_Network .con2 .ServiceTabCont .tabItem .box .list { + margin-top: 1.8229vw; +} + +.Service_Network .con2 .ServiceTabCont .tabItem .box .list p { + font-size: .7292vw; + color: #5c636b; + line-height: 1.5625vw; +} + +.Service_Network #china-map { + height: 100%; +} + +.Service_AfterSale { + padding: 3.125vw 0 5.2083vw; +} + +.Service_AfterSale .top { + width: 100%; + position: relative; +} + +.Service_AfterSale .top img { + width: 100%; +} + +.Service_AfterSale .top .text { + position: absolute; + width: 100%; + text-align: center; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 3.125vw; + color: #fff; + font-weight: 100; +} + +.Service_AfterSale .con { + margin-top: 3.125vw; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} + +.Service_AfterSale .con .left { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: 45.39683%; +} + +.Service_AfterSale .con .left .icon { + width: 50px; + margin-right: 28px; +} + +.Service_AfterSale .con .left .icon img { + width: 100%; +} + +.Service_AfterSale .con .left h5 { + font-size: 1.0417vw; + color: #7c7c7c; + line-height: 1.4583vw; +} + +.Service_AfterSale .con form { + width: 54.60317%; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.Service_AfterSale .con form .input { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 12px; +} + +.Service_AfterSale .con form .input h5 { + font-size: .7292vw; + color: #282828; + padding-left: .8854vw; + position: relative; + width: 14.82558%; +} + +.Service_AfterSale .con form .input h5::before { + content: ""; + width: .4167vw; + height: .1042vw; + background-color: #e3e3e3; + position: absolute; + top: 50%; + left: 0; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.Service_AfterSale .con form .input input { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: 100%; + border: .0521vw solid #d5d8df; + line-height: 2.5vw; + padding-left: .5208vw; +} + +.Service_AfterSale .con form .input.textarea { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} + +.Service_AfterSale .con form .input.textarea h5 { + line-height: 40px; +} + +.Service_AfterSale .con form .input.textarea textarea { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: 100%; + border: .0521vw solid #d5d8df; + padding: .5208vw; + height: 15.625vw; +} + +.Service_AfterSale .con form .input .dropDown { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: 100%; + position: relative; + cursor: pointer; +} + +.Service_AfterSale .con form .input .dropDown::before { + content: ""; + border: .2083vw solid transparent; + border-top-color: #999; + position: absolute; + top: 1.1458vw; + right: .9375vw; +} + +.Service_AfterSale .con form .input .dropDown .list { + width: 100%; + background-color: #fff; + position: absolute; + top: 100%; + left: 0; + border: .0521vw solid #d5d8df; + border-top: none; + display: none; + z-index: 9; +} + +.Service_AfterSale .con form .input .dropDown .list p { + line-height: 2.0833vw; + padding-left: .5208vw; + font-size: .7292vw; + color: #333; + cursor: pointer; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.Service_AfterSale .con form .input .dropDown .list p:hover { + background-color: rgba(0, 0, 0, 0.1); +} + +.Service_AfterSale .con form .button { + width: 100%; + margin-top: .5208vw; + padding-left: 14.82558%; +} + +.Service_AfterSale .con form .button button { + width: 10.4167vw; + line-height: 3.125vw; + text-align: center; + border: none; + font-size: .8333vw; + color: #333; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.Service_AfterSale .con form .button button:hover { + background-color: #00479d; + color: #fff; +} + +.News { + width: 100%; + padding: 3.125vw 0 4.9479vw; + overflow: hidden; + /* 背景色拼色 */ + background-image: linear-gradient(to bottom, #fff 0%, #fff 15.8333vw, #f8f8f8 15.8333vw, #f8f8f8 100%); +} + +.News .top { + width: 100%; + position: relative; +} + +.News .top .News_swiper .swiper-slide a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.News .top .News_swiper .swiper-slide a .imgbox { + width: 68.25397%; +} + +.News .top .News_swiper .swiper-slide a .imgbox .pictureBox { + padding-top: 56.51163%; +} + +.News .top .News_swiper .swiper-slide a .imgbox .pictureBox img { + min-width: 101%; +} + +.News .top .News_swiper .swiper-slide a .text { + width: 31.74603%; + padding: 3.3854vw 3.125vw 1.0417vw; + background-color: #00479d; +} + +.News .top .News_swiper .swiper-slide a .text h5 { + font-size: 1.0417vw; + color: #fff; + line-height: 1.5625vw; + display: -webkit-box; + height: 3.125vw; + line-height: 1.5625vw; + text-overflow: ellipsis; + overflow: hidden; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; +} + +.News .top .News_swiper .swiper-slide a .text p { + font-size: .7292vw; + color: #fff; + line-height: 24px; + margin-top: 1.5625vw; + display: -webkit-box; + height: 72px; + line-height: 24px; + text-overflow: ellipsis; + overflow: hidden; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3; +} + +.News .top .News_swiper .swiper-slide a .text .data { + font-size: .8333vw; + color: #fff; + margin-top: 1.5625vw; +} + +.News .top .News_swiper .News_pagination { + position: absolute; + bottom: 3.4375vw; + left: 73.01587%; + width: auto; + height: 6px; +} + +.News .top .News_swiper .News_pagination .swiper-pagination-bullet { + width: 6px; + height: 6px; + background-color: #fff; + opacity: 0.3; + -webkit-border-radius: 0; + border-radius: 0; + margin: 0 3px; +} + +.News .top .News_swiper .News_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { + width: 20px; + opacity: 1; +} + +.News .con { + margin-top: 3.125vw; + position: relative; + z-index: 2; +} + +.News .con .NewsTab { + width: 100%; + text-align: center; +} + +.News .con .NewsTab a { + display: inline-block; + width: 7.2917vw; + line-height: 2.5vw; + text-align: center; + font-size: .8333vw; + color: #333; + background-color: #fff; + margin: 0 1.0417vw; +} + +.News .con .NewsTab a.active { + background-color: #00479d; + color: #fff; +} + +.News .con .box { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.News .con .box a { + margin-top: 2.2396vw; + width: 31.74603%; + background-color: #fff; + padding: 2.0833vw 1.5625vw; + position: relative; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.News .con .box a:not(:nth-child(3n + 1)) { + margin-left: 2.38095%; +} + +.News .con .box a .imgbox { + width: 100%; + position: relative; + z-index: 5; +} + +.News .con .box a .imgbox .pictureBox { + padding-top: 52.94118%; +} + +.News .con .box a .text { + padding-top: 1.8229vw; + position: relative; + z-index: 5; +} + +.News .con .box a .text h5 { + font-size: 1.0417vw; + color: #333; + line-height: 1.5625vw; + display: -webkit-box; + height: 3.125vw; + line-height: 1.5625vw; + text-overflow: ellipsis; + overflow: hidden; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + font-weight: bold; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.News .con .box a .text p { + font-size: .7292vw; + color: #5c636b; + line-height: 1.25vw; + display: -webkit-box; + height: 3.75vw; + line-height: 1.25vw; + text-overflow: ellipsis; + overflow: hidden; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3; + margin-top: 1.5625vw; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.News .con .box a .text .data { + font-size: .8333vw; + color: #758ba5; + margin-top: 3.6458vw; + line-height: 1; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.News .con .box a:hover .imgbox .pictureBox img { + -webkit-transform: translate(-50%, -50%) scale(1.1); + -ms-transform: translate(-50%, -50%) scale(1.1); + transform: translate(-50%, -50%) scale(1.1); +} + +.News .con .box a:hover .text h5, +.News .con .box a:hover .text p, +.News .con .box a:hover .text .data { + color: #fff; +} + +.News .con .box a:hover i { + opacity: 1; +} + +.News .con .box a i { + width: 100%; + height: 100%; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(8%, #fff), color-stop(92%, #00479d)); + background-image: linear-gradient(#fff 8%, #00479d 92%); + z-index: 1; + opacity: 0; + position: absolute; + top: 0; + left: 0; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.News .con #demo0 { + margin-top: 2.6042vw; +} + +.News .con #maoD { + position: absolute; + top: -5.2083vw; + left: 0; + width: 100%; +} + +/* .aboutUs .tit1 h5 { font-size: 1.3542vw; color: #333; } */ + +.aboutUs .tit1 .t { + font-size: .8333vw; + color: #6b717a; + line-height: 1.5625vw; +} + +.aboutUs .tit1.W h5 { + color: #fff; +} + +.aboutUs .tit1.W .t { + color: #fff; +} + +.aboutUs .tit2 { + text-align: center; +} + +.aboutUs .tit2 h5 { + font-size: 1.875vw; + color: #fff; + line-height: 1; + font-weight: bold; +} + +.aboutUs .tit2 p { + font-size: 2.5vw; + color: #fff; + margin-top: 1.3021vw; +} + +.aboutUs .tit2.B h5 { + color: #000; +} + +.aboutUs .con1 { + padding-bottom: 2.3438vw; +} + +.aboutUs .con1 .img { + position: relative; + width: 100%; + display: block; + font-size: 0; +} + +.aboutUs .con1 .img img { + width: 100%; +} + +.aboutUs .con1 .textImg { + width: 100%; + margin-top: 30px; +} + +.aboutUs .con1 .textImg img { + width: 100%; +} + +.aboutUs .con1 .img p { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + left: 0; + width: 100%; + text-align: center; + font-size: 1.875vw; + color: #fff; + line-height: 2.5vw; + letter-spacing: .2604vw; +} + +.aboutUs .con1 .text { + margin-top: 1.5625vw; + padding: 0 5.2083vw; +} + +.LtextTit { + font-size: 1.5625vw; + font-weight: bold; + padding-bottom: .5208vw; + position: relative; + text-align: center; +} + +.LtextTit::before { + content: ''; + width: 30px; + height: 3px; + background-color: #00479d; + position: absolute; + bottom: 0; + left: 50%; + transform: translateX(-50%); +} + +.aboutUs .con1 .text img { + margin-top: 30px; +} + +.aboutUs .con1 .text .t1 { + font-size: .8333vw; + color: #6b717a; + line-height: 1.5625vw; + padding-top: 1.0417vw; + text-align: center; +} + +/* background: url(resources/bj8.jpg) no-repeat; */ +.aboutUs .con2 { + width: 100%; + background-size: cover; + background-position: center; + padding: 0 5vw 2.3438vw; +} + +.aboutUs .con2 .tit1 { + text-align: center; +} + +.aboutUs .con2 .tit1 .t { + text-align: center; + margin-top: 30px; +} + +.aboutUs .con2 .box { + margin-top: 3.9063vw; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.aboutUs .con2 .box .li { + width: 47.61905%; + padding: 3.3854vw 0 2.6042vw; + text-align: center; + background-color: #deeaff; +} + +.aboutUs .con2 .box .li h5 { + font-size: 1.0417vw; + color: #333; + font-weight: bold; +} + +.aboutUs .con2 .box .li h5 span { + font-size: 4.1667vw; + color: #00479d; + line-height: 1; +} + +.aboutUs .con2 .box .li p { + font-size: 1.0417vw; + color: #333; + margin-top: 1.3021vw; + font-weight: bold; +} + +.aboutUs .con3 { + padding: 0 0 2.3438vw; +} + +.aboutUs .con3 .tit1 { + text-align: center; + font-size: .8333vw; + color: #6b717a; + line-height: 1.5; +} + +.aboutUs .con3 .box { + margin-top: 3.9063vw; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.aboutUs .con3 .box .li { + width: 10.4167vw; + height: 10.4167vw; + -webkit-border-radius: 50%; + border-radius: 50%; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #f4f7f9; + border: .1042vw solid #00479d; + margin: 0 3.125vw; +} + +.aboutUs .con3 .box .li .icon { + max-width: 80%; + max-height: 60%; +} + +.aboutUs .con3 .box .li .icon img { + max-width: 100%; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.aboutUs .con3 .box .li .t { + font-size: .8333vw; + color: #333; + margin-top: .7813vw; +} + +.aboutUs .con3 .box .li:hover .icon img { + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} + +.aboutUs .con4 { + padding: 2.6vw 0 5.2083vw; + position: relative; + background-color: #f9f9f9; +} + +.aboutUs .con4 .container1260 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-top: 2.6vw; +} + +.aboutUs .con4 .container1260 .tit1 { + padding-top: 3.6458vw; + width: 33.73016%; + position: relative; + z-index: 2; +} + +.aboutUs .con4 .container1260 .box { + width: 68.65079%; + margin-left: -2.0833vw; + position: relative; +} + +.aboutUs .con4 .container1260 .box .img img { + width: 100%; +} + +.aboutUs .con4 .container1260 .box .punctuation_box { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; +} + +.aboutUs .con4 .container1260 .box .punctuation_box .punctuation { + width: 100%; + height: 100%; + position: relative; +} + +.aboutUs .con4 .container1260 .box .punctuation_box .punctuation .block { + position: absolute; + width: .4167vw; + height: .4167vw; + background-color: #00479d; + -webkit-border-radius: 50%; + border-radius: 50%; + -webkit-transition: all 0.5s; + transition: all 0.5s; +} + + +.aboutUs .con4 .container1260 .box .punctuation_box .punctuation .block .city { + position: absolute; + left: 50%; + transform: translateX(-50%); + bottom: 1.0417vw; + padding: .2604vw; + border-radius: .2083vw; + background-color: #fff; + font-size: .7292vw; + opacity: 0; + pointer-events: none; + transition: all 0.3s; + white-space: nowrap; + box-shadow: 0 0 .2604vw #ddd; +} + +.aboutUs .con4 .container1260 .box .punctuation_box .punctuation .block::before { + content: ""; + width: .7292vw; + height: .7292vw; + background-color: #00479d; + opacity: 0.6; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + -webkit-border-radius: 50%; + border-radius: 50%; + animation: donhua2 linear 2s infinite alternate; +} + +/* .aboutUs .con4 .container1260 .box .punctuation_box .punctuation .block:hover { + width: 1.5104vw; + height: 1.5104vw; + -webkit-transform: translateX(-0.5729vw) translateY(-0.5729vw); + -ms-transform: translateX(-0.5729vw) translateY(-0.5729vw); + transform: translateX(-0.5729vw) translateY(-0.5729vw); } */ +.aboutUs .con4 .container1260 .box .punctuation_box .punctuation .block:hover .city { + opacity: 1; + pointer-events: all; + z-index: 5; +} + +/* .aboutUs .con4 .container1260 .box .punctuation_box .punctuation .block:hover::before { + width: 1.4583vw; + height: 1.4583vw; + -webkit-animation: donhua1 1s ease-in infinite; + animation: donhua1 1s ease-in infinite; +} */ + +.aboutUs .con4 .container1260 .bjText { + font-size: 6.0938vw; + font-weight: bolder; + -webkit-text-stroke: .0521vw #b5cddb; + color: transparent; + line-height: 1; + opacity: 0.3; + letter-spacing: -0.3646vw; + margin-top: 2.6042vw; +} + +@-webkit-keyframes donhua1 { + from { + -webkit-transform: translate(-50%, -50%) scale(1); + transform: translate(-50%, -50%) scale(1); + opacity: 0.6; + } + + to { + -webkit-transform: translate(-50%, -50%) scale(3); + transform: translate(-50%, -50%) scale(3); + opacity: 0; + } +} + +@keyframes donhua1 { + from { + -webkit-transform: translate(-50%, -50%) scale(1); + transform: translate(-50%, -50%) scale(1); + opacity: 0.6; + } + + to { + -webkit-transform: translate(-50%, -50%) scale(3); + transform: translate(-50%, -50%) scale(3); + opacity: 0; + } +} + +@keyframes donhua2 { + from { + transform: translate(-50%, -50%) scale(1); + } + + to { + transform: translate(-50%, -50%) scale(2); + } +} + +.aboutUs .con5 { + padding: 4.1667vw 0 6.7708vw; +} + +.aboutUs .con5 .box { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.aboutUs .con5 .box .li { + width: 48.4127%; +} + +.aboutUs .con5 .box .li .img { + width: 100%; +} + +.aboutUs .con5 .box .li .img .pictureBox { + padding-top: 65.57377%; +} + +.aboutUs .con5 .box .li .img:hover .pictureBox img { + -webkit-transform: translate(-50%, -50%) scale(1.1); + -ms-transform: translate(-50%, -50%) scale(1.1); + transform: translate(-50%, -50%) scale(1.1); +} + +.aboutUs .con5 .box .li p { + padding: 1.8229vw 2.0833vw 0; + font-size: .8333vw; + color: #6b717a; + line-height: 1.5625vw; +} + +.aboutUs .con6 { + padding: 2.3438vw 0; +} + +.aboutUs .con6 .aboutUsCon6_swiper { + margin-top: 2.0833vw; + background-color: #fff; + border: .0521vw solid #d5d8df; +} + +.aboutUs .con6 .aboutUsCon6_swiperBox { + position: relative; +} + +.aboutUs .con6 .aboutUsCon6_swiper .swiper-slide { + text-align: center; + font-size: .8333vw; + color: #989ea8; + line-height: 3.125vw; + cursor: pointer; +} + +.aboutUs .con6 .aboutUsCon6_swiper .swiper-slide.active { + background-color: #00479d; + color: #fff; +} + +.aboutCon6_prev, +.aboutCon6_next { + transform: translateY(-50%); + width: auto; + height: auto; + cursor: pointer; + z-index: 2; + -webkit-transition: all .3s; + -o-transition: all .3s; + transition: all .3s; + display: block; + /* background: url(resources/jiant4.png) no-repeat; */ + background: none; + margin-top: 0; + opacity: 1; +} + +.aboutCon6_prev i, +.aboutCon6_next i { + font-size: 18px; + color: #00479d; + opacity: 0.8; + font-weight: bold; +} + +.aboutCon6_prev:hover i, +.aboutCon6_next:hover i { + color: #00479d; + opacity: 1; +} + +.aboutCon6_prev { + left: -1.5625vw; +} + +.aboutCon6_next { + right: -1.5625vw; +} + + + +.aboutUs .con6 .box { + position: relative; + margin-top: 2.0833vw; +} + +.aboutUs .con6 .box .li { + width: 100%; + position: absolute; + top: 0; + left: 0; + display: none; +} + +.aboutUs .con6 .box .li.active { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: static; +} + +.aboutUs .con6 .box .li .img { + width: 100%; + position: relative; +} + +.aboutUs .con6 .box .li .img .pictureBox { + padding-top: 40%; +} + +.aboutUs .con6 .box .li .img p { + position: absolute; + top: 2.6042vw; + left: 2.0833vw; + font-size: 2.6042vw; + color: #ccc; + line-height: 1; + padding-bottom: 1.3021vw; + font-weight: 100; +} + +.aboutUs .con6 .box .li .img p::before { + content: ""; + width: 3.8021vw; + height: .2083vw; + position: absolute; + bottom: 0; + left: 0; + background-color: #ccc; +} + +.aboutUs .con6 .box .li .text { + width: 52.38095%; + /* background-color: #fff; */ + padding: 3.9063vw 2.6042vw 1.0417vw; + position: absolute; + top: 0; + right: 0; + height: 100%; +} + +.aboutUs .con6 .box .li .text h5 { + font-size: 2.5vw; + color: #00479d; + line-height: 1; +} + +.aboutUs .con6 .box .li .text p { + font-size: .7292vw; + color: #5c636b; + line-height: 1.875vw; + margin-top: 2.0833vw; +} + + + + + +.aboutUs .con7 { + padding: 4.4271vw 0 4.1667vw; +} + +.aboutUs .con7 .aboutUsCon7_swiper { + padding: 1.8229vw 0 3.125vw; +} + +.aboutUs .con7 .aboutUsCon7_swiper .swiper-slide { + border: .0521vw solid #ebebeb; + -webkit-transition: all 0.3s; + transition: all 0.3s; + height: 10.4167vw; + position: relative; +} + +.aboutUs .con7 .aboutUsCon7_swiper .swiper-slide .pictureBox { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + padding-top: 60%; + width: 90%; +} + +.aboutUs .con7 .aboutUsCon7_swiper .swiper-slide .pictureBox img { + height: auto; + min-width: none; + max-width: 100%; + max-height: 100%; +} + +.aboutUs .con7 .aboutUsCon7_swiper .swiper-slide:hover { + -webkit-box-shadow: 0 .2604vw 2.0833vw #e6e6e6; + box-shadow: 0 .2604vw 2.0833vw #e6e6e6; +} + +.aboutUs .con7 .aboutUsCon7_swiper .swiper-slide:hover .pictureBox img { + -webkit-transform: translate(-50%, -50%) scale(1.1); + -ms-transform: translate(-50%, -50%) scale(1.1); + transform: translate(-50%, -50%) scale(1.1); +} + +.aboutUs .con7 .aboutUsCon7_swiper .aboutUsCon7_scrollbar { + height: .1042vw; + background-color: #ebebeb; +} + +.aboutUs .con7 .aboutUsCon7_swiper .aboutUsCon7_scrollbar .swiper-scrollbar-drag { + background-color: #00479d; +} + +.aboutUs .con7 .top { + position: relative; + width: 100%; +} + +.aboutUs .con7 .top .more { + font-size: .7292vw; + padding: 0 .5208vw; + line-height: 1.5625vw; + background-color: #00479d; + color: #fff; + position: absolute; + bottom: 0; + right: 0; +} + +.aboutUs .con8 { + position: relative; +} + +.aboutUs .con8 #con8 { + position: absolute; + top: -150px; +} + +.aboutUs .con8 img { + width: 100%; +} + +.aboutUs .con8 .tit2 { + width: 100%; + z-index: 2; + padding: 8.8542vw 0; + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + left: 0; +} + +.aboutUs .con9 { + padding: 4.1667vw 0 5.2083vw; +} + +.aboutUs .con9 .box { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-top: 1.8229vw; +} + +.aboutUs .con9 .box .li { + width: 19.36508%; + height: 6.25vw; + background-color: #f6f6f6; + position: relative; + margin-bottom: .5208vw; +} + +.aboutUs .con9 .box .li:not(:nth-child(5n + 1)) { + margin-left: 0.79365%; +} + +.aboutUs .con9 .box .li img { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + max-width: 90%; + max-height: 90%; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.aboutUs .con9 .box .li:hover img { + -webkit-transform: translate(-50%, -50%) scale(1.1); + -ms-transform: translate(-50%, -50%) scale(1.1); + transform: translate(-50%, -50%) scale(1.1); +} + +.investor_yj { + padding-bottom: 5.2083vw; +} + +/* +.investor_yj .top { border-bottom: .0521vw solid rgba(0, 0, 0, 0.1); padding: 1.3021vw 0; } + +.investor_yj .top form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } + +.investor_yj .top form .left { width: 18.25397%; border-right: .0521vw solid #c6c6c6; position: relative; } + +.investor_yj .top form .left input { font-size: .7292vw; color: #000; line-height: 22px; position: relative; font-weight: bold;width: 100%; } + +.investor_yj .top form .left::before {z-index: 1; pointer-events: none; content: ""; width: 10px; height: 10px; border-bottom: 1px solid #888; border-left: 1px solid #888; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 4px; right: 29px; } + +.investor_yj .top form .left .Down { + width: 100%; background-color: #fff; + position: absolute; top: 100%; left: 0; + display: none; -webkit-box-shadow: 0 .2604vw .2604vw #ddd; + box-shadow: 0 .2604vw .2604vw #ddd; + max-height: 200px; + overflow-y: auto; overflow-x: hidden; z-index: 10; +} + +.investor_yj .top form .left .Down::-webkit-scrollbar {width: .1042vw; height: .0521vw; } + +.investor_yj .top form .left .Down::-webkit-scrollbar-thumb {-webkit-border-radius: .5208vw; border-radius: .5208vw; -webkit-box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2); + box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2); background: #535353; } + +.investor_yj .top form .left .Down::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2); + -webkit-border-radius: .5208vw; border-radius: .5208vw; background: #EDEDED; } + +.investor_yj .top form .left .Down p { line-height: 45px; font-size: .7292vw; color: #333; -webkit-transition: all 0.3s; transition: all 0.3s; padding-left: .5208vw; cursor: pointer; } + +.investor_yj .top form .left .Down p:hover { background-color: rgba(0, 0, 0, 0.1); } + +.investor_yj .top form .right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } + +.investor_yj .top form .right input { width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 1.4063vw; } + +.investor_yj .top form .right input::-webkit-input-placeholder { font-size: .7292vw; color: #a29696; } + +.investor_yj .top form .right input::-moz-placeholder { font-size: .7292vw; color: #a29696; } + +.investor_yj .top form .right input:-ms-input-placeholder { font-size: .7292vw; color: #a29696; } + +.investor_yj .top form .right input::placeholder { font-size: .7292vw; color: #a29696; } + +.investor_yj .top form .right button { + width: 24px; height: 24px; + border: none; background: none; + padding: 0; +} +.investor_yj .top form .right button i{ + font-size: 24px; + color: #333; + line-height:24px; +} */ + +.investor_yj .con { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.investor_yj .con a { + width: 48.80952%; + border: .0521vw solid #ebebeb; + -webkit-border-radius: .5208vw; + border-radius: .5208vw; + padding: .8vw 1.5625vw; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: .5208vw; + -webkit-transition: all 0.3s; + transition: all 0.3s; + background-color: #fff; +} + +.investor_yj .con a .icon img { + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.investor_yj .con a .icon img.Lhide { + display: none; +} + +.investor_yj .con a .left { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + max-width: 80%; +} + +.investor_yj .con a .left .icon { + width: 25px; + height: 25px; + margin-right: 14px; +} + +.investor_yj .con a .left h5 { + font-size: .8333vw; + color: #999; + line-height: 1.5; + -webkit-transition: all 0.3s; + transition: all 0.3s; + width: 100%; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.investor_yj .con a .right { + max-width: 20%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.investor_yj .con a .right .icon { + width: 14px; + margin-right: 20px; +} + +.investor_yj .con a .right p { + font-size: .8333vw; + color: #999; + line-height: 1.5; + -webkit-transition: all 0.3s; + transition: all 0.3s; + width: 100%; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.investor_yj .con a:hover { + background-color: #00479d; + border-color: #00479d; + -webkit-box-shadow: 0 1.6667vw .9896vw -1.0938vw #bad2fa; + box-shadow: 0 1.6667vw .9896vw -1.0938vw #bad2fa; +} + +.investor_yj .con a:hover .icon img.Lhide { + display: block; +} + +.investor_yj .con a:hover .icon img.Lshow { + display: none; +} + +.investor_yj .con a:hover .left h5 { + color: #fff; +} + +.investor_yj .con a:hover .right p { + color: #fff; +} + +.banner3 { + width: 100%; + position: relative; +} + +.banner3 img { + width: 100%; +} + +.banner3 h5 { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + left: 0; + text-align: center; + width: 100%; + font-size: 2.2917vw; + color: #fff; +} + +.Llist { + position: -webkit-sticky; + position: sticky; + width: 100%; + top: 0; + left: 0; + text-align: center; + border-bottom: .0521vw solid #ebebeb; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #fff; + z-index: 10; +} + +.Llist a { + display: inline-block; + line-height: 3.9583vw; + padding: 0 1.0417vw; + border-bottom: .0521vw solid transparent; + font-size: .8333vw; + color: #666; + margin: 0 .5208vw; + white-space: nowrap; +} + +.Llist a.active { + border-bottom-color: #00479d; + color: #00479d; +} + +.investor_ZL { + padding: 2.8646vw 0 5.2083vw; +} + +.investor_ZL .con p { + font-size: .8333vw; + color: #828282; + line-height: 1.6; +} + +.investor_ZL .con img { + width: 100%; +} + +.investor_GG { + padding: 3.125vw 0 5.2083vw; +} + +.investor_GG.investor_GG { + padding: 2.0833vw 0; +} + +.investor_GG .top { + position: relative; + font-size: 0; +} + +.investor_GG .top img { + width: 100%; +} + +.investor_GG .top h5 { + font-size: 1.5625vw; + color: #fff; + line-height: 2.0833vw; + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + left: 4.7619%; +} + +.investor_GG .con { + margin-top: 2.0833vw; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.investor_GG .con .Box { + width: 22.61905%; + margin-bottom: 3.9063vw; +} + +.investor_GG .con .Box .img { + position: relative; +} + +.investor_GG .con .Box .img::before { + content: ""; + width: 100%; + height: 100%; + /* background: url(resources/bj24.png) no-repeat; */ + background-size: cover; + background-position: center; + position: absolute; + top: 0; + left: 0; + z-index: 1; + opacity: 0; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +/* .investor_GG .con .Box .img::after { content: ""; width: 1.5625vw; height: 1.5625vw; background: url(resources/searchIcon2.png) no-repeat; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 3; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } */ + +.investor_GG .con .Box .img .pictureBox { + padding-top: 126.31579%; +} + +.investor_GG .con .Box:not(:nth-child(4n + 1)) { + margin-left: 3.1746%; +} + +.investor_GG .con .Box .text { + padding: 1.3021vw .5208vw .5208vw; + text-align: center; +} + +.investor_GG .con .Box .text h5 { + font-size: 1.0417vw; + color: #111; +} + +.investor_GG .con .Box .text p { + font-size: .7292vw; + color: #909090; + margin-top: .2604vw; +} + +.investor_GG .con .Box:hover .img::before, +.investor_GG .con .Box:hover .img::after { + opacity: 1; +} + +.investor_GG .con .Box:hover .img .pictureBox img { + transform: translate(-50%, -50%) scale(1.1); +} + +/* 20230109 */ + +.government_btn .jianhao { + display: none; +} + +.government_btn { + width: 3.125vw; + height: 3.125vw; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-border-radius: 50%; + border-radius: 50%; + border: 1px solid #e1e1e1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + cursor: pointer; + position: relative; +} + +.government_btn::before { + content: ""; + width: 1.125vw; + height: 0.125vw; + background-color: #00479d; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.government_btn::after { + content: ""; + width: 0.125vw; + height: 1.125vw; + background-color: #00479d; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.government_btn.cur::after { + opacity: 0; +} + +.government_top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.government_top .title .title_cn { + font-size: 1.25vw; +} + +.government_top .title .title_en { + font-size: 1.125vw; + color: #00479d; + margin-left: 0.5vw; +} + +.government_top .government_xian { + width: 1.6875vw; + height: 0.1875vw; + background: #00479d; + margin: 0.625vw 0; +} + +.government_top .subname { + font-size: 0.875vw; + color: #999999; +} + +.government_desc { + color: #999999; + font-size: 0.875vw; + line-height: 1.5vw; + position: absolute; + z-index: 2; + background: #fff; + left: -1px; + right: -1px; + padding: 1.5625vw 1.875vw; +} + +.about_government { + margin-top: 2.5vw; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.about_government .government_item { + margin-right: 1.875vw; + width: -webkit-calc(33.3333% - 1.25vw); + width: calc(33.3333% - 1.25vw); + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #e1e1e1; + padding: 1.875vw; + margin-bottom: 1.875vw; + position: relative; + -webkit-transition: all 0.4s; + transition: all 0.4s; +} + +.about_government .government_item:nth-child(3n) { + margin-right: 0; +} + +.government_item.active { + border-bottom: none; + background: #fff; +} + +.government_item.active .government_desc_box { + border-top: 1px solid #e1e1e1; + padding-top: 1.5625vw; +} + +.government_desc { + border: 1px solid #e1e1e1; + border-top: none; + display: none; +} + + +.government_desc { + overflow-y: auto; +} + +.government_desc::-webkit-scrollbar { + width: 0.1875vw; +} + +.government_desc::-webkit-scrollbar-track { + background-color: #dddddd; + -webkit-border-radius: 0; + border-radius: 0; +} + +.government_desc::-webkit-scrollbar-thumb { + background-color: #00479d; + -webkit-border-radius: 0; + border-radius: 0; +} + +/* 20230109 止*/ + + + + + +.investor_RX { + padding: 3vw 2vw; + border: 1px solid #eee; + background-color: #fff; + margin-bottom: 80px; +} + +.investor_RX .box { + width: 100%; +} + +.investor_RX .box:nth-child(1) .bot { + margin-top: 1.0417vw; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.investor_RX .box:nth-child(1) .bot .icon { + width: 3.125vw; + margin-right: 1.0417vw; +} + +.investor_RX .box:nth-child(1) .bot .icon img { + width: 100%; +} + +.investor_RX .box:nth-child(1) .bot p { + font-size: 2.5vw; + color: #00479d; +} + +.investor_RX .box:nth-child(2) .t1 { + font-size: 16px; + line-height: 1.4; + color: #333; + padding-top: 15px; +} + +.investor_RX .box:nth-child(2) .t2 { + font-size: 1.25vw; + color: #ff0000; + margin-top: .5208vw; +} + +.investor_RX .box:nth-child(2) .t2 span { + position: relative; + font-size: 3.125vw; + padding-right: 2.2917vw; + line-height: 1; + font-weight: bold; +} + +.investor_RX .box:nth-child(2) .t2 span::before { + content: ""; + border: .4167vw solid transparent; + border-bottom-color: #ff0000; + position: absolute; + bottom: .7292vw; + right: 1.0417vw; +} + +.investor_RX .box:nth-child(2) .t3 { + font-size: 16px; + line-height: 1.4; + color: #333; + margin-top: .5208vw; +} + +.investor_RX .box .list .li { + display: flex; + margin-top: 1.0625vw; +} + +.investor_RX .box .list .li .icon { + width: 1.5vw !important; +} + +.investor_RX .box .list .li .icon img { + width: 100% !important; +} + +.investor_RX .box .list .li .t { + font-size: 1vw; + line-height: 1.4; + color: #333; + display: flex; + align-items: center; + width: calc(100% - 1.875vw); + padding-left: 0.625vw; +} + +.X100TopicPagetit h5 { + font-size: 3.125vw; + color: #fff; + line-height: 1; + font-weight: bold; +} + +.X100TopicPagetit .t { + font-size: 2.0833vw; + color: #fff; +} + +.X100TopicPagetit .t span { + font-size: 3.6458vw; + line-height: 1; +} + +.X100TopicPagetit .t.bold { + font-weight: bold; +} + +.X100TopicPagetit .t1 { + font-size: 1.3542vw; + color: #fff; + line-height: 3.125vw; + padding: 0 .5208vw; +} + +.X100TopicPagetit .t2 { + font-size: 1.0417vw; + color: #fff; + padding: 0 .5208vw; +} + +.X100TopicPagetit.B h5, +.X100TopicPagetit.B .t, +.X100TopicPagetit.B .t1 { + color: #333; +} + +.X100TopicPage1 { + background-size: cover; + background-position: center; + width: 100%; + padding-top: 5.6771vw; + text-align: center; +} + +.X100TopicPage1 .text1 { + width: 49.16667%; + margin: 0 auto; +} + +.X100TopicPage1 .text1 img { + width: 100%; +} + +.X100TopicPage1 .X100TopicPagetit { + margin-top: 1.5625vw; +} + +.X100TopicPage1 .img { + width: 32.76042%; + margin: 3.6458vw auto 0; +} + +.X100TopicPage1 .img img { + width: 100%; +} + +.X100TopicPage2 { + background-size: cover; + background-position: center; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-top: 8.3333vw; +} + +.X100TopicPage2 .left { + width: 41.5625%; + margin-left: 5.2083vw; +} + +.X100TopicPage2 .left img { + width: 100%; +} + +.X100TopicPage2 .right { + padding-left: 7.8125vw; + padding-top: 1.5625vw; +} + +.X100TopicPage2 .right .X100TopicPagetit .t { + margin-top: 1.5625vw; +} + +.X100TopicPage2 .right .X100TopicPagetit .t1 { + margin-top: 5.2083vw; +} + +.X100TopicPage2 .right .X100TopicPagetit .t2 { + margin-top: 4.9479vw; +} + +.X100TopicPage4 { + background-size: cover; + background-position: center; + width: 100%; + padding: 5.7292vw 0 9.5833vw; +} + +.X100TopicPage4 .X100TopicPagetit { + text-align: center; +} + +.X100TopicPage4 .X100TopicPagetit .t { + margin-top: 1.3021vw; +} + +.X100TopicPage4 .X100TopicPagetit .t1 { + margin-top: 2.6042vw; + line-height: 2.5vw; +} + +.X100TopicPage4 .img { + width: 100%; + margin: 3.9063vw auto 0; + text-align: center; +} + +.X100TopicPage4 .img img { + max-width: 100%; +} + +.X100TopicPage5 { + background-size: cover; + background-position: center; + width: 100%; + padding: 5.9896vw 0 14.8438vw; +} + +.X100TopicPage5 .X100TopicPagetit { + text-align: center; +} + +.X100TopicPage5 .X100TopicPagetit .t { + margin-top: 5.9896vw; + line-height: 3.75vw; +} + +.X100TopicPage5 .img { + width: 62.96875%; + margin: 3.3854vw auto 0; +} + +.X100TopicPage5 .img img { + width: 100%; +} + +.X100TopicPage6 { + background-size: cover; + background-position: center; + width: 100%; + padding: 8.0729vw 0 19.2708vw; +} + +.X100TopicPage6 .X100TopicPagetit { + text-align: center; +} + +.X100TopicPage6 .X100TopicPagetit .t { + margin-top: 15.3646vw; + line-height: 3.75vw; +} + +.Z6TopicPage1 { + padding-top: 6.25vw; + text-align: center; + background-size: cover; + background-position: center; +} + +.Z6TopicPage1 .text { + width: 45.83333%; + margin: 0 auto; +} + +.Z6TopicPage1 .text img { + width: 100%; +} + +.Z6TopicPage1 .X100TopicPagetit { + margin-top: 1.3021vw; +} + +.Z6TopicPage1 .X100TopicPagetit .t2 { + margin-top: 2.0833vw; + line-height: 1.875vw; +} + +.Z6TopicPage1 .img { + width: 48.95833%; + margin: 2.6042vw auto 0; +} + +.Z6TopicPage1 .img img { + width: 100%; +} + +.Z6TopicPage2 { + text-align: center; + background-size: cover; + background-position: center; + padding: 7.2917vw 0 8.3333vw; +} + +.Z6TopicPage2 .img { + width: 62.5%; + margin: 1.8229vw auto 0; +} + +.Z6TopicPage2 .img img { + width: 100%; +} + +.Z6TopicPage3 { + padding: 6.25vw 0 4.1667vw; + text-align: center; + background-size: cover; + background-position: center; +} + +.Z6TopicPage3 .img { + width: 50%; + margin: 3.9063vw auto 0; +} + +.Z6TopicPage3 .img img { + width: 100%; +} + +.Z6TopicPage3 .text { + max-width: 62.5vw; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 auto; +} + +.Z6TopicPage3 .text .X100TopicPagetit { + text-align: left; + width: 48.33333%; + margin-bottom: 2.0833vw; + padding: 1.3021vw 3.125vw; + background-color: rgba(255, 255, 255, 0.1); + -webkit-border-radius: 1.0417vw; + border-radius: 1.0417vw; +} + +.Z6TopicPage4 .X100TopicPagetit { + text-align: center; + padding: 4.9479vw 0 2.8646vw; +} + +.Z6TopicPage4 .X100TopicPagetit .t { + margin-top: 1.3021vw; +} + +.Z6TopicPage4 .X100TopicPagetit .t.bold { + margin-top: 3.6458vw; +} + +.Z6TopicPage4 .X100TopicPagetit .t1 { + margin-top: 1.5625vw; + line-height: 2.0833vw; +} + +.Z6TopicPage4 .icon { + background-color: #fff; + padding: 2.8646vw 0 8.3333vw; + text-align: center; +} + +.Z6TopicPage4 .icon img { + display: inline-block; + max-width: 100%; + margin: 0 1.0417vw; +} + +/* .Z6TopicPage5 { padding: 5.9896vw 0 10.9375vw; text-align: center; background-size: cover; background-position: center; } */ +.Z6TopicPage5 { + padding: 1.5vw 0 1vw; + text-align: center; + background-size: cover; + background-position: center; +} + +.Z6TopicPage5 .X100TopicPagetit .t1 { + margin-top: 1.5625vw; + line-height: 2.0833vw; +} + +.Z6TopicPage5 .X100TopicPagetit .t1 p, +.Z6TopicPage5 .X100TopicPagetit .t1 span { + white-space: pre-wrap !important; +} + +.Z6TopicPage5 .img { + width: 100%; + margin: 3.5417vw auto 0; + text-align: center; +} + +.Z6TopicPage5 .img img { + max-width: 100%; +} + +.Z6TopicPage6 .X100TopicPagetit { + text-align: center; + background-color: #fff; + padding: 5.9896vw 0 4.6875vw; +} + +.Z6TopicPage6 .X100TopicPagetit .t1 { + margin-top: 1.5625vw; + line-height: 2.5vw; +} + +.Z6TopicPage6 .con { + position: relative; +} + +.Z6TopicPage6 .con .Z6TopicPage6TabCont { + width: 100%; + position: relative; +} + +.Z6TopicPage6 .con .Z6TopicPage6TabCont .tabItem { + position: absolute; + top: 0; + left: 0; + display: none; +} + +.Z6TopicPage6 .con .Z6TopicPage6TabCont .tabItem.active { + display: block; + position: static; +} + +.Z6TopicPage6 .con .Z6TopicPage6TabCont .tabItem .pictureBox { + padding-top: 33.64583%; +} + +.Z6TopicPage6 .con .Z6TopicPage6TabCont .tabItem .pictureBox img { + min-height: 100%; +} + +.Z6TopicPage6 .con .Z6TopicPage6TabBar { + position: absolute; + z-index: 2; + width: auto; + text-align: center; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); + bottom: 1.5625vw; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + border-bottom: .0521vw solid rgba(255, 255, 255, 0.7); +} + +.Z6TopicPage6 .con .Z6TopicPage6TabBar .tabTerm { + padding: 0 1.5104vw; + border-bottom: .1042vw solid transparent; + font-size: .8333vw; + white-space: nowrap; + color: #fff; + opacity: 0.6; + -webkit-transition: all 0.3s; + transition: all 0.3s; + cursor: pointer; + margin-bottom: -0.0521vw; + padding-bottom: .2604vw; +} + +.Z6TopicPage6 .con .Z6TopicPage6TabBar .tabTerm.active { + opacity: 1; + border-bottom-color: #fff; +} + +.Z6TopicPage7 { + padding: 5.2083vw 0; +} + +.Z6TopicPage7 .X100TopicPagetit { + text-align: center; +} + +.Z6TopicPage7 .X100TopicPagetit .t1 { + margin-top: 1.5625vw; + line-height: 2.5vw; +} + +.Z6TopicPage7 .img { + width: 62.5%; + margin: 2.6042vw auto 0; +} + +.Z6TopicPage7 .img img { + width: 100%; +} + +.Z6TopicPage8 { + padding-top: 5.2083vw; +} + +.Z6TopicPage8 .X100TopicPagetit { + text-align: center; +} + +.Z6TopicPage8 .X100TopicPagetit .t1 { + margin-top: 1.5625vw; + line-height: 2.5vw; +} + +.Z6TopicPage8 .imgBox { + padding-bottom: 2.6042vw; + margin: 1.5625vw auto 0; + width: 69.94792%; +} + +.Z6TopicPage8 .imgBox .pictureBox { + padding-top: 51.67535%; +} + +.Z6TopicPage8 .imgBox .pictureBox img { + top: 0; + left: 0; + bottom: 0; + right: 0; + transform: none; +} + +.Z6TopicPage8 .imgBox .pictureBox img:nth-child(2) { + -webkit-transform: translate(-10%, -8%); + -ms-transform: translate(-10%, -8%); + transform: translate(-10%, -8%); + -webkit-transition: all 0.4s; + transition: all 0.4s; +} + +.Z6TopicPage8 .imgBox .pictureBox img:nth-child(3) { + -webkit-transform: translate(-20%, -16%); + -ms-transform: translate(-20%, -16%); + transform: translate(-20%, -16%); + -webkit-transition: all 0.7s; + transition: all 0.7s; +} + +.Z6TopicPage8 .imgBox .pictureBox img:nth-child(4) { + -webkit-transform: translate(-30%, -24%); + -ms-transform: translate(-30%, -24%); + transform: translate(-30%, -24%); + -webkit-transition: all 1s; + transition: all 1s; +} + +.Z6TopicPage8 .imgBox .pictureBox img:nth-child(5) { + -webkit-transform: translate(-40%, -32%); + -ms-transform: translate(-40%, -32%); + transform: translate(-40%, -32%); + -webkit-transition: all 1.3s; + transition: all 1.3s; +} + +.Z6TopicPage8 .imgBox .pictureBox img:nth-child(6) { + -webkit-transform: translate(-50%, -40%); + -ms-transform: translate(-50%, -40%); + transform: translate(-50%, -40%); + -webkit-transition: all 1.6s; + transition: all 1.6s; +} + +.Z6TopicPage8 .imgBox .pictureBox img:nth-child(7) { + -webkit-transform: translate(-60%, -48%); + -ms-transform: translate(-60%, -48%); + transform: translate(-60%, -48%); + -webkit-transition: all 1.9s; + transition: all 1.9s; +} + +.Z6TopicPage8 .imgBox .pictureBox img:nth-child(8) { + -webkit-transform: translate(-70%, -56%); + -ms-transform: translate(-70%, -56%); + transform: translate(-70%, -56%); + -webkit-transition: all 2.2s; + transition: all 2.2s; +} + +.Z6TopicPage8 .imgBox .pictureBox img:nth-child(9) { + -webkit-transform: translate(-80%, -64%); + -ms-transform: translate(-80%, -64%); + transform: translate(-80%, -64%); + -webkit-transition: all 2.5s; + transition: all 2.5s; +} + +.Z6TopicPage8 .imgBox .pictureBox img:nth-child(10) { + -webkit-transform: translate(-90%, -72%); + -ms-transform: translate(-90%, -72%); + transform: translate(-90%, -72%); + -webkit-transition: all 2.8s; + transition: all 2.8s; +} + + +.Z6TopicPage8 .imgBox.active .pictureBox img:nth-child(2), +.Z6TopicPage8 .imgBox.active .pictureBox img:nth-child(3), +.Z6TopicPage8 .imgBox.active .pictureBox img:nth-child(4), +.Z6TopicPage8 .imgBox.active .pictureBox img:nth-child(5), +.Z6TopicPage8 .imgBox.active .pictureBox img:nth-child(6), +.Z6TopicPage8 .imgBox.active .pictureBox img:nth-child(7), +.Z6TopicPage8 .imgBox.active .pictureBox img:nth-child(8), +.Z6TopicPage8 .imgBox.active .pictureBox img:nth-child(9), +.Z6TopicPage8 .imgBox.active .pictureBox img:nth-child(10) { + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); +} + +.Z6TopicPage9 { + text-align: center; + background-size: cover; + background-position: center; + padding: 5.9896vw .7813vw 7.8125vw; +} + +.Z6TopicPage9 .X100TopicPagetit .t1 { + margin-top: 1.5625vw; + line-height: 2.5vw; +} + +.Z6TopicPage9 .img { + width: 100%; + margin: 2.6042vw auto 0; + text-align: center; +} + +.Z6TopicPage9 .img img { + max-width: 100%; + margin-bottom: 2.0833vw; +} + +.Z6TopicPage10 { + padding-top: 5.9896vw; +} + +.Z6TopicPage10 .X100TopicPagetit { + text-align: center; +} + +.Z6TopicPage10 .X100TopicPagetit .t1 { + line-height: 2.5vw; + margin-top: 1.5625vw; +} + +.Z6TopicPage10 .imgTwo { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + max-width: 62.5vw; + margin: 3.9063vw auto 0; +} + +.Z6TopicPage10 .imgTwo img { + width: 48.33333%; +} + +.Z6TopicPage10 .img { + margin-top: 2.0833vw; + text-align: center; +} + +.Z6TopicPage10 .img img { + max-width: 100%; +} + +.classicCase_CCE { + padding: 3.125vw 0 7.2917vw; +} + +.classicCase_CCE .top .text { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 3.6458vw 1.0417vw; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #4c36ff; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.classicCase_CCE .top video { + width: 100% !important; + height: auto !important; +} + +.classicCase_CCE .top .img { + width: 28.27869%; + margin-right: 3.68852%; +} + +.classicCase_CCE .top .img img { + width: 100%; +} + +.classicCase_CCE .top h5 { + font-size: 4.1667vw; + color: #fff; + font-weight: bold; +} + +.classicCase_CCE .Case_CCETabBar { + margin-top: 6.25vw; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.classicCase_CCE .Case_CCETabBar .tabTerm { + width: 10.4167vw; + line-height: 3.125vw; + text-align: center; + background-color: #f4f4f4; + font-size: .94vw; + color: #333; + margin: 0 .5208vw; + cursor: pointer; +} + +.classicCase_CCE .Case_CCETabBar .tabTerm.active { + background-color: #00479d; + color: #fff; +} + +.classicCase_CCE .Case_CCETabCont { + margin-top: 2.0833vw; + position: relative; +} + +.classicCase_CCE .Case_CCETabCont .tabItem { + width: 100%; + position: absolute; + top: 0; + left: 0; + display: none; +} + +.classicCase_CCE .Case_CCETabCont .tabItem.active { + display: block; + position: static; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form1 .input { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 1.0417vw; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form1 .input h5 { + font-size: .7292vw; + color: #333; + width: 4.6875vw; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form1 .input input { + width: 100%; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + line-height: 3.125vw; + padding: 0 .5208vw; + background-color: #e8e8e8; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .inputBox { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .inputBox .left { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + width: 65.31746%; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .inputBox .left .img { + width: 24.30134%; + height: 3.125vw; + background-color: #e8e8e8; + position: relative; + margin-left: 1.0417vw; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .inputBox .left .img img { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: auto; + max-width: none; + width: 100%; + height: 100%; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .inputBox button { + width: 10.4167vw; + line-height: 3.125vw; + height: 3.125vw; + border: none; + font-size: .8333vw; + text-align: center; + color: #fff; + background-color: #00479d; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .tit { + font-size: 1.0417vw; + color: #333; + padding-left: .7292vw; + position: relative; + font-weight: bold; + line-height: 1; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .tit::before { + content: ""; + width: .3646vw; + height: .3646vw; + background-color: #00479d; + -webkit-border-radius: 50%; + border-radius: 50%; + position: absolute; + top: 50%; + left: 0; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .tit.tit2 { + margin-top: 2.3438vw; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox { + margin-top: 1.0417vw; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input { + width: 48.4127%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 1.0417vw; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input h5 { + width: 4.5833vw; + font-size: .7292vw; + color: #333; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input h5 span { + color: #ff0000; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input input, +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .dome-main { + width: 100%; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + line-height: 3.125vw; + padding: 0 1.0417vw; + background-color: #e8e8e8; + color: #333; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input input::-webkit-input-placeholder, +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .dome-main::-webkit-input-placeholder { + color: #999; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input input::-moz-placeholder, +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .dome-main::-moz-placeholder { + color: #999; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input input:-ms-input-placeholder, +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .dome-main:-ms-input-placeholder { + color: #999; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input input::placeholder, +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .dome-main::placeholder { + color: #999; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .dome-main { + padding: 0; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .dome-main .city-picker-selector ul::-webkit-scrollbar { + width: .2604vw; + height: .0521vw; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .dome-main .city-picker-selector ul::-webkit-scrollbar-thumb { + -webkit-border-radius: .5208vw; + border-radius: .5208vw; + -webkit-box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2); + box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2); + background: #00479d; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .dome-main .city-picker-selector ul::-webkit-scrollbar-track { + /*滚动条里面轨道*/ + -webkit-box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.1); + box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.1); + -webkit-border-radius: .5208vw; + border-radius: .5208vw; + background: #EDEDED; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .on { + width: 100%; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + position: relative; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .on::before { + content: ''; + border: .2083vw solid transparent; + border-top-color: #999; + display: block; + width: 0; + height: 0; + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + right: 1.0417vw; + -webkit-transition-duration: 400ms; + transition-duration: 400ms; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .on .Down { + width: 100%; + background-color: #fff; + -webkit-box-shadow: 0 .2604vw .5208vw #ddd; + box-shadow: 0 .2604vw .5208vw #ddd; + position: absolute; + top: 100%; + left: 0; + display: none; + z-index: 10; + max-height: 7.8125vw; + overflow-y: auto; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .on .Down::-webkit-scrollbar { + /*滚动条整体样式*/ + width: .1563vw; + height: .0521vw; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .on .Down::-webkit-scrollbar-thumb { + /*滚动条里面小方块*/ + -webkit-border-radius: .5208vw; + border-radius: .5208vw; + -webkit-box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2); + box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2); + background: #00479d; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .on .Down::-webkit-scrollbar-track { + /*滚动条里面轨道*/ + -webkit-box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2); + box-shadow: inset 0 0 .2604vw rgba(0, 0, 0, 0.2); + -webkit-border-radius: .5208vw; + border-radius: .5208vw; + background: #EDEDED; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .on .Down p { + width: 100%; + padding: 0 .7813vw; + line-height: 2.0833vw; + cursor: pointer; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .on .Down p:hover { + background-color: rgba(0, 0, 0, 0.1); +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input i { + width: 1.0417vw; + height: 1.0417vw; + border: .0521vw solid #999; + background-color: #fff; + opacity: 0.6; + margin-right: .4688vw; + display: inline-block; + cursor: pointer; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input i.active { + background: #fff url(resources/icon41.png) no-repeat center center; + opacity: 1; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input p { + display: inline-block; + font-size: .7292vw; + color: #999; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input p.active { + color: #333; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .img { + width: 10.4167vw; + height: 3.125vw; + text-align: center; + background-color: #e4e4e4; + position: relative; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .img img { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + max-width: 100%; + max-height: 100%; +} + +.classicCase_CCE .Case_CCETabCont .tabItem .form2 button { + width: 10.4167vw; + background-color: #00479d; + line-height: 3.125vw; + text-align: center; + color: #fff; + font-size: .8333vw; + margin-top: .5208vw; + border: none; + margin-left: 4.5833vw; +} + +.PastHighlights { + width: 100%; + background-color: #f4f4f4; + padding: 5.2083vw 0; +} + +.PastHighlights .tit { + text-align: center; + font-size: 2.3958vw; + line-height: 1; + color: #000; +} + +.PastHighlights .con { + position: relative; +} + +.PastHighlights .con .PastHighlights_swiper { + margin-top: 1.8229vw; +} + +.PastHighlights .con .PastHighlights_swiper .swiper-slide a { + display: block; +} + +.PastHighlights .con .PastHighlights_swiper .swiper-slide a .img .pictureBox { + padding-top: 61.75%; +} + +.PastHighlights .con .PastHighlights_swiper .swiper-slide a .text { + padding: 1.8229vw 2.0833vw; + background-color: #fff; +} + +.PastHighlights .con .PastHighlights_swiper .swiper-slide a .text h5 { + font-size: 1.0417vw; + color: #333; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.PastHighlights .con .PastHighlights_swiper .swiper-slide a .text p { + font-size: .8333vw; + color: #6b717a; + line-height: 22px; + display: -webkit-box; + height: 44px; + text-overflow: ellipsis; + overflow: hidden; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + margin-top: .2604vw; +} + +.PastHighlights .con .PastHighlights_swiper .swiper-slide a .text .data { + font-size: .8333vw; + color: #999; + margin-top: 1.0417vw; +} + +.PastHighlights .con .PastHighlights_prev, +.PastHighlights .con .PastHighlights_next { + width: 48px; + height: 48px; + background: #fff url(resources/jiant4.png) no-repeat center center; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +.PastHighlights .con .PastHighlights_prev.swiper-button-disabled, +.PastHighlights .con .PastHighlights_next.swiper-button-disabled { + opacity: 1; +} + +.PastHighlights .con .PastHighlights_prev:hover, +.PastHighlights .con .PastHighlights_next:hover { + background: #00479d url(resources/jiant3.png) no-repeat center center; + border-color: #00479d; +} + +.PastHighlights .con .PastHighlights_prev { + left: -3.5417vw; +} + +.PastHighlights .con .PastHighlights_next { + right: -3.5417vw; + -webkit-transform: rotate(-180deg); + -ms-transform: rotate(-180deg); + transform: rotate(-180deg); +} + +.certificate_popUp { + display: none; + width: 100%; + height: 100vh; + position: fixed; + top: 0; + left: 0; + z-index: 999; +} + +.certificate_popUp i { + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.6); + position: absolute; + top: 0; + left: 0; + z-index: 1; + cursor: pointer; +} + +.certificate_popUp .con { + max-width: 80%; + height: auto; + max-height: 90%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 2; + text-align: center; +} + +.certificate_popUp .con img { + max-width: 100%; +} + +.certificate_popUp .con .off { + width: 1.5104vw; + height: 1.5104vw; + position: absolute; + top: -2.0833vw; + right: 0; + transform: rotate(45deg); + pointer-events: none; + cursor: pointer; +} + +.certificate_popUp .con .off::before { + content: ""; + width: .0521vw; + height: 100%; + background-color: #fff; + position: absolute; + top: 0; + left: .7292vw; +} + +.certificate_popUp .con .off::after { + content: ""; + width: 100%; + height: .0521vw; + background-color: #fff; + position: absolute; + top: .7292vw; + left: 0; +} + + +.tipsbox { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + cursor: pointer; + pointer-events: none; +} + +.pointer { + left: calc(50% - 1.3021vw); + top: calc(50% - 1.3021vw); + width: 2.6042vw; + height: 2.6042vw; + position: absolute; + z-index: 9; + transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); + background: url(resources/pointer.png) no-repeat center; + background-size: cover; + -webkit-animation: pointer 1s linear 0ms infinite normal forwards; + animation: pointer 1s linear 0ms infinite normal forwards; +} + +@keyframes pointer { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + -webkit-transform: translate(1.5625vw, 0) rotate3d(0, 0, 1, 10deg); + -webkit-transform: translate(0.26667rem, + 0) rotate3d(0, 0, 1, 10deg); + transform: translate(1.5625vw, 0) rotate3d(0, 0, 1, 10deg); + transform: translate(0.26667rem, 0) rotate3d(0, 0, 1, 10deg) + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: translate(-1.5625vw, 0) rotate3d(0, 0, 1, -10deg); + -webkit-transform: translate(-0.26667rem, 0) rotate3d(0, 0, 1, -10deg); + transform: translate(-1.5625vw, 0) rotate3d(0, 0, 1, -10deg); + transform: translate(-0.26667rem, 0) rotate3d(0, 0, 1, -10deg); + opacity: 0.5 + } +} + +.head_navlist ul li>a { + white-space: nowrap; +} + +.Bg { + background-color: #fafafa; +} + +/* 新添联系我们页面 */ +.contactUs { + padding: 80px 0; +} + +.contactUsCon { + margin-top: 30px; + padding: 80px 50px; + position: relative; +} + +.contactUsCon .left { + width: 100%; + position: relative; + z-index: 2; +} + +.contactUsCon .left .tit { + font-size: 20px; + color: #333; + font-weight: bold; +} + +.contactUsCon .left .t { + margin-top: 15px; + font-size: 18px; + line-height: 40px; +} + +.contactUsCon .right { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} + +.contactUsCon .right img { + width: 100%; + height: 100%; + object-fit: cover; +} + +@media (min-width: 1420px) { + .pointerbox .pointer { + left: calc(50% - 2.8646vw); + top: calc(50% - 2.8646vw); + width: 5.7292vw; + height: 5.7292vw; + } +} + +@media (min-width: 992px) { + .sub_zinav a:hover { + color: #00479d; + } + + /* .head_navlist ul li:hover .sub_zinav.Lhide{opacity: 1;pointer-events: all;} */ + /* .head_navlist ul li:hover .sub_zinav { + pointer-events: initial; opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); } */ + /* .head_navlist ul li:hover .sub_zinav.Lhide{opacity: 0;pointer-events:none;} */ + +} + +@media (max-height: 650px) { + + /* .index_case{padding-top: 1.5625vw !important;} */ + .index_news { + padding: 2.0833vw 0 !important; + } +} + +@media (min-width: 1260px) { + + .pointerbox .pointer { + left: calc(50% - 2.3438vw); + top: calc(50% - 2.3438vw); + width: 4.6875vw; + height: 4.6875vw; + } + + + .head_navlist ul li>a { + padding: 0 20px; + font-weight: bold; + } + + .head_navlist ul li.active>a, + .head_navlist ul li:hover>a { + color: #00479d; + } + + .head_navlist ul li.active>a, + .head_navlist ul li:hover>a { + color: #00479d !important; + } + + /* .purpose_tab .item:hover { color: #00479d; } + .purpose_tab .item:hover::after { width: 100%; } */ +} + +.index_swiper .swiper-slide-active .Lbanner5 img { + animation-name: kenburns; + animation-timing-function: linear; + animation-duration: 1.2s; +} + +@keyframes kenburns { + 0% { + transform: scale(1.04); + -webkit-transform: scale(1.04); + } + + 25% { + transform: scale(1.03); + -webkit-transform: scale(1.03); + } + + 50% { + transform: scale(1.02); + -webkit-transform: scale(1.02); + } + + 75% { + transform: scale(1.01); + -webkit-transform: scale(1.01); + } + + 100% { + transform: scale(1); + -webkit-transform: scale(1); + } +} + +.home1 .index_swiper.Lhide .swiper-slide-active img.index_Bg { + animation-name: kenburns; + animation-timing-function: linear; + animation-duration: 1.2s; +} + +/* 新添荣誉资质页面 */ +.Lhonor { + padding: 5.2083vw 0; +} + +.Lhonor .top { + display: flex; + justify-content: flex-end; +} + +.Lhonor .top a { + font-size: .9375vw; + color: #333; + margin: 0 1.0417vw; +} + +.Lhonor .top a.active { + color: #00479d; +} + +.Lhonor .con { + margin-top: 1.5625vw; + display: flex; + flex-wrap: wrap; +} + +.Lhonor .con .box { + width: 23.8095%; + border: .0521vw solid #ebebeb; + -webkit-transition: all 0.3s; + transition: all 0.3s; + height: 10.4167vw; + position: relative; + margin-bottom: 1.0417vw; + position: relative; +} + +.Lhonor .con .box:not(:nth-child(4n + 1)) { + margin-left: 1.5873%; +} + +.Lhonor .con .box img { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + max-width: 90%; + max-height: 90%; +} + +@media (max-height: 900px) { + .home2 { + padding: 1.0417vw 12%; + } + + .index_purpose, + .index_news { + padding: 1.0417vw 4.5%; + } + + .innew_top { + margin-top: 1.5625vw; + } + + .innew_top .innew_tab .item { + height: 50px; + line-height: 50px; + width: 180px; + } + + .tong_title h2 { + font-size: 1.875vw; + margin-bottom: 1.0417vw; + } + + .index_about .tong_title p { + margin-top: 1.0417vw; + } + + .tong_title p { + font-size: .7292vw; + } + + .tong_title { + padding-bottom: 1.0417vw; + } + + .innew_bgbox .left { + width: 50%; + } + + .innew_bgbox .right { + width: 45%; + } + + .home4TabCont { + overflow: hidden; + } + + /* .index_case{padding-top: .5208vw;} */ + .index_swiper .swiper-slide { + transform: scale(1.001); + } +} + +@media (min-width: 768px) { + .certificate_popUp .con { + max-width: 90%; + } + + .pointerbox .pointer { + left: calc(50% - 1.8229vw); + top: calc(50% - 1.8229vw); + width: 3.6458vw; + height: 3.6458vw; + } +} + +@media (max-width: 1800px) { + .home1 .index_swiper .swiper-slide .imgbox { + height: 100%; + } + + .home1 .index_swiper .swiper-slide .imgbox img { + width: auto; + min-width: 100%; + max-width: none; + position: relative; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); + } +} + +@media (max-width: 1600px) { + .head_navlist ul li>a { + padding: 0 15px; + } +} + +@media (max-width: 1400px) { + .container1400 { + width: 100%; + padding: 0 15px; + } + + .head_navlist ul li>a { + padding: 0 15px; + } + + .X100TopicPage2 .right { + padding-left: 5%; + padding-bottom: 1.5625vw; + } + + .X100TopicPage2 .right .X100TopicPagetit .t1 { + margin-top: 2.6042vw; + } + + .X100TopicPage2 .right .X100TopicPagetit .t2 { + margin-top: 1.5625vw; + } + + .container1260 { + padding: 0 4.5%; + } +} + +@media (max-width: 1360px) { + .header_content .h_search { + width: 3.125vw; + } +} + +.sub_zinav2 { + position: relative; +} + +.sub_zinav3 { + display: none; + position: absolute; + top: 0; + left: 100%; + background-color: #fff; + +} + +@media (max-width: 1290px) { + .container1220 { + padding: 0 15px; + } + + .container1260 { + margin: 0 4.5%; + } + + .X100TopicPage2 .left { + margin-left: 50px; + } + + .Lbanner5 img.Lhide { + display: none; + } + + .Lbanner5 img.Lshow { + display: block; + } + + .index_case { + position: static !important; + } + + .yuyan_icon i, + .hsearch_btn i { + font-size: 21px; + } + + .container1260 { + width: auto; + padding: 0 4.5%; + } + + .tong_title h2 { + font-size: 30px; + margin-bottom: 15px; + } + + .index_about .tong_title p { + margin-top: 15px; + } + + .purpose_tab .item { + font-size: 16px; + } + + .home3Text .ppsw_box h2 { + font-size: 22px; + } + + .home3Text .ppsw_box .desc { + font-size: 16px; + } + + .purpose_jiantou { + right: 15px; + } + + .innew_bgbox .left .lfimtext h2 { + font-size: 22px; + margin-bottom: 5px; + } + + .index_news { + padding: 90px 0; + } + + + .home_swiper>.swiper-wrapper>.swiper-slide:first-child { + padding-top: 60px; + } + + .beer-handle { + width: 40px; + height: 40px; + } + + .beer-handle:before { + left: 6px; + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); + } + + .beer-handle:after { + right: -4px; + -webkit-transform: rotate(135deg); + -ms-transform: rotate(135deg); + transform: rotate(135deg); + } + + .home1 { + padding-top: 0; + } + + .home1 .index_swiper .swiper-slide .banner_text1 h5 { + font-size: 30px; + } + + .home1 .index_swiper .swiper-slide .banner_text1 .list { + margin-top: 30px; + } + + .home1 .index_swiper .swiper-slide .banner_text1 .list .li:not(:first-child) { + margin-left: 10px; + } + + .home1 .index_swiper .swiper-slide .product_img1 .container1260 p { + font-size: 200px; + } + + .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right h3 { + font-size: 100px; + } + + .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right h5 { + letter-spacing: 10px; + margin-right: 0; + } + + .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right img { + margin-top: 20px; + } + + .publicLink .container1260 h5 { + line-height: 60px; + } + + .publicLink .container1260 .right a { + line-height: 58px; + } + + .TopicPageCon1 { + padding-top: 50px; + } + + .TopicPageCon1 .img { + margin: 60px auto 0; + } + + .TopicPageCon3 { + padding: 60px 0; + } + + .TopicPageCon9 .TopicPagetit { + top: 60px; + } + + .TopicPageCon10 { + padding: 60px 0 100px; + } + + .TopicPage_download .box .list2 .li { + padding-right: 0; + } + + .TopicPage_download .box .list2 .li .text { + float: right; + width: -webkit-calc(100% - 47px); + width: calc(100% - 47px); + } + + .TopicPage_download .box .list2 .li .icon2 { + top: 76%; + right: 45px; + } + + .service_Software .right { + padding: 20px 20px 30px; + } + + .Z6TopicPage9 { + padding: 30px 15px !important; + } + + .PastHighlights .con .PastHighlights_prev, + .PastHighlights .con .PastHighlights_next { + border: 1px solid #ddd; + } + + .PastHighlights .con .PastHighlights_prev { + left: 10px; + } + + .PastHighlights .con .PastHighlights_next { + right: 10px; + } + + .Service_Network .con1 .container1260 .left .box { + padding: 30px 20px; + } + + + .about_government .government_item { + padding: 20px; + } + + .government_top .title .title_en { + font-size: 14px; + } + + .government_top .title .title_cn { + font-size: 16px; + } + + .government_btn { + width: 40px; + height: 40px; + } + + .government_btn img { + width: 10px; + } + + .government_item.active .government_desc_box { + padding-top: 10px; + } + + .government_desc { + padding: 20px; + } + + +} + +@media (min-width: 1920px) { + .container1260 { + width: 78.75vw; + } + + .container1400 { + width: 87.5vw; + } +} + +@media (max-width: 1260px) { + .investor_RX .box .list .li .t { + font-size: 14px; + } + + .Lmore { + width: 12vw; + } + + .index_home, + .index_body, + .home_swiper, + .home_swiper>.swiper-wrapper { + height: auto; + } + + .home_swiper>.swiper-wrapper>.swiper-slide, + .home_swiper>.swiper-wrapper { + height: auto; + display: block; + } + + .home1, + .home2, + .home3, + .home4 { + height: auto; + } + + .home4TabCont, + .home3 .con { + margin-bottom: 0; + } + + .home2, + .home3 { + padding-bottom: 30px; + } + + .purpose_swiper .img_bg { + width: 100%; + } + + .purpose_swiper { + position: static; + } + + .index_swiper .inswbg_img { + display: none; + } + + .index_swiper .imgbox { + display: block; + } + + .indexContentbox .swiper-scrollbar { + display: none; + } + + .innew_top .innew_tab .item { + font-size: 16px; + } +} + +.classicCase_big .con1 .text .WatchVideo { + margin-top: 20px; +} + +@media (max-width: 992px) { + + .publicLeft .li .ul2 .li3 .t, + .publicLeft .li .ul2 .li3 .ul3 a, + .publicLeft .li h5 { + line-height: 40px; + } + + .publicLeft .li .ul2 .li3 .t .li3On { + top: 15px; + } + + .publicLeft .li.active .liOn, + .publicLeft .li.active2 .liOn, + .publicLeft .li h5.active .liOn { + top: 13px; + } + + .ProductCenter .con .box .text h5 { + line-height: 40px; + } + + .head_navlist ul li { + position: relative; + } + + .contactUs { + padding: 30px 0; + } + + .contactUsCon { + padding: 50px 20px; + } + + .home3 .top, + .home4 .top, + .home2 { + padding-top: 30px; + } + + .publicLeft.publicLeft_download .li.active h5::before, + .publicLeft.publicLeft_download .li.active2 h5::before, + .publicLeft.publicLeft_download .li h5.active::before, + .publicLeft.publicLeft_download .li h5::before { + top: 5px; + } + + .footer .footer_nav { + padding: 60px 30px; + } + + .footer_content .ft_right { + display: none; + } + + .footer .footer_nav { + width: 100%; + float: none; + border: none; + } + + .footer_top { + padding-top: 30px; + } + + .footer .footer_nav { + padding: 0; + display: block; + } + + .footerNav2 { + margin-top: 0 !important; + line-height: 30px; + } + + .footerNav2:first-child { + margin-top: 15px !important; + } + + .footer .footer_nav dl dd { + display: none; + } + + .footer .footer_nav dl { + width: 100%; + margin-bottom: 15px; + position: relative; + padding-bottom: 15px; + border-bottom: 1px solid #eee; + } + + .footer_nav dl i::before { + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + -webkit-transition: all 0.4s; + transition: all 0.4s; + } + + .footer_nav dl i { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: absolute; + top: -4px; + right: 0; + color: #333; + width: 100%; + height: 36px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + } + + .footer_nav dl i.active::before { + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + } + + .footer .footer_nav dl dd a:first-child { + margin-top: 15px; + } + + .ft_saoma { + display: none; + } + + .ftbt_cont .ftbt_left { + width: 100%; + } + + /* .investor_yj .top form .right button i{font-size: 20px;line-height: 20px;} */ + .sub_zinav a:not(:nth-child(4n + 1)) { + border: none; + } + + .sub_zinav a::before { + display: none; + } + + body { + padding-top: 67px; + } + + .sub_zinav a { + padding: 5px 10px; + width: 100%; + } + + .ProductNav { + opacity: 0; + pointer-events: none; + } + + .head_navlist ul li { + display: block; + float: none; + line-height: 60px; + padding: 0 15px; + border-bottom: 1px solid #f7f7f7; + } + + .head_navlist li>a { + line-height: 60px; + } + + .sub_zinav { + opacity: 1 !important; + position: static !important; + border: none; + width: auto; + padding: 0 10px; + -webkit-box-shadow: none; + box-shadow: none; + display: none; + min-width: initial; + pointer-events: auto; + } + + .head_navlist ul li .sub_zinav a { + margin: 0; + color: #333; + line-height: 26px; + font-size: 14px; + text-align: left; + } + + .head_navlist ul li>span { + display: block; + cursor: pointer; + } + + .sub_zinav2 i { + position: absolute; + top: 16px; + right: 0; + width: 8px; + height: 8px; + border-top: 1px solid #666; + border-right: 1px solid #666; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transition: all 0.5s; + transition: all 0.5s; + pointer-events: none; + content: ""; + } + + .sub_zinav2 i.active { + -webkit-transform: rotate(135deg); + -ms-transform: rotate(135deg); + transform: rotate(135deg); + } + + .sub_zinav3 { + width: 100%; + position: static; + padding: 0 0 0 30px; + + } + + .sub_zinav3 .Link3 { + display: block; + padding: 0; + margin: 0; + font-size: 12px; + line-height: 22px; + } + + .header .header_top>div { + font-size: 12px; + } + + .header .header_top { + display: none; + } + + .head_navlist ul { + display: block; + } + + .head_navlist { + overflow-y: auto; + display: none; + position: fixed; + top: 67px; + left: 0; + right: 0; + background: #fff; + bottom: 0; + padding-top: 0; + z-index: 999999; + } + + .head_navlist ul li { + padding: 0; + } + + .head_navlist li>a { + font-size: 16px; + } + + .navmenu_div { + display: block; + } + + .index_swiperbox { + margin-top: 60px; + } + + .header .navmenu_box span { + background-color: #333; + } + + .header { + background-color: #fff; + } + + .header .header_top { + background-color: #f7f7f7; + color: #7d7d7d; + } + + .header .head_navlist li>a { + color: #333; + } + + .header .hsearch_btn i { + color: #333; + } + + .header .h_search { + width: auto; + } + + .header { + height: 67px; + } + + .language_box { + height: 67px; + line-height: 67px; + } + + .header .logo { + width: 90px; + } + + + + .aboutUs .con3 { + padding-top: 0 !important; + } + + /* .investor_yj .top form .left::before{right: 10px;} */ + .PastHighlights .con .PastHighlights_prev, + .PastHighlights .con .PastHighlights_next { + width: 38px; + height: 38px; + } + + .Lcrumbs a { + line-height: 50px; + } + + .defaPrevNextpage p { + line-height: 50px; + height: 50px; + } + + .aboutUs .con1 { + padding-top: 0 !important; + } + + .LtextTit { + font-size: 26px; + } + + .X100TopicPage2 .right { + padding-left: 2%; + padding-bottom: 30px; + } + + .Service_Network .con2 .ServiceTabCont .tabItem .box:not(:nth-child(4n + 1)) { + margin-left: 0; + } + + .Service_Network .con2 .ServiceTabCont .tabItem .box:not(:nth-child(3n + 1)) { + margin-left: 2%; + } + + .aboutUs .con6 .aboutUsCon6_swiperBox { + padding: 0 15px; + } + + .aboutCon6_prev { + left: -5px; + } + + .aboutCon6_next { + right: -5px; + } + + .index_prev, + .index_next { + opacity: 1 !important; + width: 30px; + height: 30px; + } + + .index_prev { + left: 2%; + } + + .index_next { + right: 2%; + } + + .index_prev::after, + .index_next::after { + width: 15px; + height: 15px; + } + + .index_next::after { + transform: translate(-105%, -50%) rotate(-135deg); + } + + .padd { + padding: 30px 0 !important; + } + + .Z6TopicPage9 { + padding: 30px 15px !important; + } + + .Z6TopicPage9 .img img { + margin-bottom: 10px; + } + + .container1260 { + margin: 0 4.5%; + } + + .home3Text .ppsw_box .desc { + font-size: 14px; + line-height: 22px; + } + + .insw_pagination { + bottom: 15px !important; + } + + .insw_pagination span { + width: 20px; + } + + .ppsw_box .more_links { + margin-top: 15px; + } + + .tong_title p { + font-size: 14px; + } + + .home3Text .ppsw_box { + width: 500px; + } + + .incase_tablist .item { + height: 60px; + font-size: 14px; + } + + .incase_tablist .item.active { + height: 80px; + } + + .more_links { + width: 150px; + height: 36px; + } + + .purpose_jiantou .btn { + width: 45px; + height: 45px; + } + + .purpose_jiantou .btn i { + font-size: 22px; + } + + .innew_bgbox .left { + width: 100%; + } + + .innew_bgbox .right { + width: 100%; + margin-top: 30px; + } + + .index_silulist a { + padding: 30px 20px; + } + + .index_silulist a h2 { + font-size: 18px; + } + + .index_news { + padding: 30px 0; + } + + .home1 .index_swiper .swiper-slide .imgbox { + height: auto; + } + + .home1 .index_swiper .swiper-slide .imgbox img { + width: 100%; + position: static; + -webkit-transform: none; + -ms-transform: none; + transform: none; + } + + .home1 .index_swiper .swiper-slide .product_img1 .container1260 img { + width: 45%; + } + + .home1 .index_swiper .swiper-slide .product_img1 .container1260 p { + font-size: 80px; + letter-spacing: 0; + top: 25%; + } + + .home1 .index_swiper .swiper-slide .product_img2 .container1260 p { + width: 20%; + } + + .home1 .index_swiper .swiper-slide .product_img2 .container1260 img { + width: 25%; + } + + .home1 .index_swiper .swiper-slide .banner_text2 h3 { + font-size: 20px; + } + + .home1 .index_swiper .swiper-slide .banner_text2 h5 { + font-size: 28px; + } + + .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right h3 { + font-size: 70px; + } + + .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right h3 span { + width: 100px; + line-height: 40px; + font-size: 14px; + } + + .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right h5 { + font-size: 20px; + letter-spacing: 0; + } + + .ProductCenter .con .box .text { + padding: 0 20px; + } + + .ProductCenter .con .box .text .t { + margin-top: 10px; + font-size: 14px; + line-height: 20px; + height: 40px; + } + + .ProductCenter .con .box .text .more { + margin-top: 15px; + font-size: 14px; + color: #00479d; + } + + .TopicPagetit h3 { + font-size: 30px; + } + + .TopicPagetit { + padding-left: 10px; + padding-right: 10px; + } + + .TopicPagetit h3 { + font-size: 40px; + } + + .TopicPagetit h5 { + font-size: 30px; + margin-top: 20px !important; + } + + .TopicPageCon8 .TopicPagetit h5 { + font-size: 20px; + } + + .TopicPageCon8 .TopicPagetit h5 p { + padding: 0 15px; + } + + .TopicPage_ALCon, + .TopicPage_GGCon { + padding: 30px 0; + } + + .TopicPageCon8 .TopicPagetit, + .Z6TopicPage4 .X100TopicPagetit, + .Z6TopicPage6 .X100TopicPagetit { + padding: 30px 0 15px !important; + } + + .TopicPage_GGCon .top { + padding-top: 0; + } + + .TopicPageCon3 .img { + margin: 60px auto 0; + } + + .TopicPageCon3 p { + font-size: 20px; + line-height: 45px; + margin-top: 30px; + } + + .TopicPageCon3 p span { + font-size: 30px; + } + + .TopicPageCon4, + .TopicPageCon7 { + padding: 60px 0; + } + + .TopicPageCon5 { + padding: 60px 0; + } + + .TopicPageCon5 .img { + margin: 60px auto 0; + } + + .TopicPageCon4 .con { + width: 90%; + } + + .TopicPageCon11 .img { + width: 90%; + } + + .slider::after, + .slider .beer-reveal::after { + font-size: 24px; + } + + .TopicPageCon8 .slider::after, + .TopicPageCon8 .slider .beer-reveal::after { + height: 45px; + line-height: 45px; + width: 120px; + bottom: 20px; + } + + .TopicPage_ALCon .box .text { + padding: 20px; + } + + .TopicPage_GGCon .tit { + font-size: 30px; + } + + .TopicPage_GGCon .top .con .box { + padding: 20px; + margin-bottom: 10px; + } + + .TopicPage_GGCon .bottom { + margin-top: 50px; + } + + .TopicPage_GGCon .bottom .con { + overflow-x: auto; + overflow-y: hidden; + } + + .TopicPage_GGCon .bottom table { + width: 900px; + } + + .TopicPage_GGCon.TopicPage_GGCon2 .con1 table tr th:nth-child(1), + .TopicPage_GGCon.TopicPage_GGCon2 .con1 table tr td:nth-child(1) { + padding-left: 0; + text-align: center; + } + + .Video_popUp .con { + width: 90%; + } + + .publicLink .container1260 .right a:not(:first-child) { + margin-left: 30px; + } + + .TopicPage_download { + padding: 30px 0 200px; + } + + .Solution { + padding: 30px 0; + } + + .Solution .box .text { + padding: 0 20px; + } + + .Solution .box .text h5 { + font-size: 20px; + } + + .Solution .box .text p { + font-size: 14px; + line-height: 1.5; + } + + .Solution .box .text a { + margin-top: 20px; + width: 160px; + padding-left: 10px; + line-height: 50px; + font-size: 14px; + } + + .Solution .box .text a img { + margin-left: 10px; + } + + .Solution .box:nth-child(even) .text { + padding: 0 20px; + } + + .banner2 { + margin-bottom: 0; + } + + .banner2 .banner2text p { + font-size: 20px; + } + + .banner2 .banner2text h5 { + font-size: 30px; + margin-top: 5px; + } + + .AnchorLocation .con .li { + line-height: 50px; + } + + .Solution_XQ .tit { + font-size: 22px; + } + + .Solution_XQ .con1 h5 { + font-size: 16px; + margin-top: 15px; + } + + .Solution_XQ .con1 p { + font-size: 14px; + } + + .Solution_XQ .con4 .SolutionXQ_swiper { + padding: 0 10% 30px; + } + + .Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .text { + padding: 15px; + } + + .Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .text h5 { + font-size: 20px; + line-height: 1.5; + } + + .Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .text p { + margin-top: 10px; + } + + .Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .text .more { + margin-top: 10px; + } + + .classicCase_big .text h5 { + font-size: 26px; + } + + .classicCase_big .text p { + font-size: 16px; + } + + .classicCase_big .text .tit2 { + font-size: 22px; + margin-top: 15px; + } + + .classicCase_big .Lmore { + margin-top: 15px !important; + } + + .classicCase_big.classicCase_video .con2 .left a .text { + padding: 20px; + } + + .classicCase_XQ { + padding: 30px 0; + } + + .classicCase_XQ .tit { + padding-bottom: 15px; + } + + .classicCase_XQ .tit .bot { + margin-top: 10px; + } + + .classicCase_XQ .con { + padding: 10px 0 30px !important; + } + + .classicCase_XQ.newsXQ .con img { + width: auto !important; + height: auto !important; + } + + .classicCase_ordinary { + padding: 30px 0; + } + + .classicCase_ordinary .right .con .box .text { + padding: 10px; + } + + .service_Software { + padding: 30px 0; + } + + .service_Software .right .con1 .box { + padding: 15px 0 0; + } + + .service_Software .right .con1 .box a { + right: 15px; + } + + .service_videoXQ { + padding: 30px 0; + } + + .service_videoXQ .right .con .box { + margin-bottom: 20px; + } + + .service_videoXQ .right .con .box .text { + padding: 20px 10px; + } + + .service_videoXQ .right .con .box .text h5 { + font-size: 16px; + } + + .LVideoPopup .con { + width: 90%; + } + + .Service_Network .con2 .ServiceTopNav { + padding: 20px; + } + + .Service_Network .con2 .ServiceTopNav .ServiceTabBar .tabTerm { + margin-bottom: 5px; + } + + .Service_Network .con2 .ServiceTabCont { + margin-top: 20px; + } + + .Service_Network .con2 .ServiceTabCont .tabItem .box { + width: 32%; + padding: 20px; + margin-bottom: 10px; + } + + .Service_Network .con2 .ServiceTabCont .tabItem .box .list { + margin-top: 15px; + } + + .contactUsCont .tabItem .box { + width: 32%; + padding: 20px; + margin-bottom: 10px; + } + + .contactUsCont .tabItem .box .list { + margin-top: 15px; + } + + + .Service_AfterSale .top .text { + font-size: 40px; + } + + .Service_AfterSale .con { + margin-top: 30px; + } + + .News .top .News_swiper .swiper-slide a .text { + padding: 20px; + } + + .News .con { + margin-top: 30px; + } + + .News .con .box a { + margin-top: 20px; + padding: 15px; + } + + .News .con .box a .text { + padding-top: 15px; + } + + .News .con .box a .text h5 { + font-size: 18px; + line-height: 1.5; + height: auto; + } + + .News .con .box a .text p { + margin-top: 10px; + } + + .News .con .box a .text .data { + margin-top: 20px; + } + + .aboutUs .con1 .text { + padding: 0; + } + + .aboutUs .con2 { + padding: 0 15px 30px 15px !important; + } + + .aboutUs .con2 .box { + margin-top: 40px; + } + + .aboutUs .con3 .box { + margin-top: 40px; + } + + .aboutUs .con3 .box .li { + margin: 0 2%; + } + + .aboutUs .con4 .container1260 { + display: block; + } + + .aboutUs .con4 .container1260 .tit1 { + width: 100%; + padding-top: 0; + } + + .aboutUs .con4 .container1260 .box { + width: 100%; + margin-top: 20px; + margin-left: 0; + } + + .aboutUs .con4 .container1260 .bjText { + font-size: 80px; + margin-top: 20px; + letter-spacing: 0; + } + + .aboutUs .tit2 h5 { + font-size: 30px; + } + + .aboutUs .tit2 p { + font-size: 32px; + margin-top: 10px; + } + + .aboutUs .con6 .aboutUsCon6_swiper { + margin-top: 20px; + } + + .aboutUs .con6 .box { + margin-top: 20px; + } + + .aboutUs .con6 .box .li .img p { + font-size: 24px; + } + + .aboutUs .con6 .box .li .text { + padding: 20px; + } + + .aboutUs .con6 .box .li .text h5 { + font-size: 40px; + } + + .aboutUs .con6 .box .li .text p { + line-height: 1.5; + margin-top: 20px; + } + + .aboutUs .con8 .tit2 { + padding: 100px 0; + } + + /* .aboutUs .con7 .aboutUsCon7_swiper .swiper-slide { height: 320px; } */ + .investor_yj { + padding-bottom: 30px; + } + + /* .investor_yj .top { padding: 10px 0; } + .investor_yj .top .container1260{padding: 0 !important;} + .investor_yj .top form .left .Down p, + .investor_yj .top form .left input{padding-left: 10px;} + .investor_yj .top form .right{padding-right: 10px;} */ + /* .investor_yj .con { margin-top: 20px; } */ + .investor_yj .con a { + padding: 10px; + } + + /* .investor_yj .con a .left h5 { line-height: 60px; } */ + /* .investor_yj .con a .right p { line-height: 60px; } */ + .Llist { + overflow-x: auto; + overflow-y: hidden; + padding: 0 15px; + } + + .Llist a { + line-height: 60px; + padding: 0 10px; + font-size: 14px; + margin: 0 5px; + } + + .investor_GG .top h5 { + font-size: 22px; + line-height: 1.5; + } + + .investor_GG .con .Box { + width: 32.3333%; + margin-bottom: 20px; + margin: 0 0.5% 20px !important; + } + + .investor_GG .con .Box:not(:nth-child(4n+ 1)) { + margin-left: 0; + } + + .investor_GG .con .Box .text { + padding: 10px 0; + } + + .investor_RX { + padding: 50px 20px !important; + } + + .investor_RX .box:nth-child(1) .bot .icon { + width: 40px; + } + + .investor_RX .box:nth-child(1) .bot p { + font-size: 36px; + } + + .investor_RX .box:nth-child(2) .t2 span { + font-size: 40px; + } + + .X100TopicPagetit h5 { + font-size: 50px; + } + + .X100TopicPagetit .t { + font-size: 32px; + } + + .X100TopicPagetit .t span { + font-size: 42px; + } + + .X100TopicPagetit .t1 { + font-size: 24px; + } + + .X100TopicPage1, + .X100TopicPage2, + .Z6TopicPage1 { + padding-top: 50px; + } + + .X100TopicPage2 .right .X100TopicPagetit .t1 { + margin-top: 30px; + line-height: 1.6; + } + + .X100TopicPage5 .X100TopicPagetit .t { + margin-top: 30px; + line-height: 1.5; + padding: 0 10px; + } + + .X100TopicPage6 .X100TopicPagetit .t { + margin-top: 50px; + } + + .Z6TopicPage1 .X100TopicPagetit { + margin-top: 20px; + } + + .Z6TopicPage1 .X100TopicPagetit .t2 { + margin-top: 15px; + } + + .Z6TopicPage3 { + padding: 30px 15px !important; + } + + .Z6TopicPage3 .img { + margin: 30px auto; + } + + .Z6TopicPage3 .text .X100TopicPagetit { + text-align: center; + margin-bottom: 15px; + padding: 10px; + } + + .Z6TopicPage3 .text .X100TopicPagetit .t { + font-size: 22px; + } + + .Z6TopicPage3 .text .X100TopicPagetit .t1 { + font-size: 18px; + line-height: 1.5; + } + + .Z6TopicPage4 .X100TopicPagetit .t.bold { + margin-top: 30px; + } + + .Z6TopicPage4 .X100TopicPagetit .t1 { + margin-top: 15px; + line-height: 1.5; + } + + .TopicPageCon8.Z6TopicPage4 .slider::after, + .TopicPageCon8.Z6TopicPage4 .slider .beer-reveal::after { + width: auto; + line-height: 35px; + font-size: 14px; + padding: 0 15px; + height: 35px; + bottom: 20px; + } + + .TopicPageCon8.Z6TopicPage4 .slider::before { + font-size: 14px; + top: 20px; + right: 20px; + } + + .Z6TopicPage5 .img { + margin: 20px auto 0; + width: 90%; + } + + .X100TopicPagetit .t1 { + line-height: 1.5 !important; + margin-top: 10px !important; + } + + .Z6TopicPage8 { + padding-top: 30px; + } + + .Z6TopicPage10 { + padding: 30px 15px; + } + + .Z6TopicPage10 .imgTwo { + margin: 20px auto 0; + } + + .Z6TopicPage10 .img { + margin-top: 10px; + } + + .classicCase_CCE .Case_CCETabBar { + margin-top: 30px; + } + + .classicCase_CCE .Case_CCETabCont { + margin-top: 20px; + } + + .PastHighlights .tit { + font-size: 24px; + } + + .Service_Network .con1 { + padding: 30px 0 100px; + } + + .Service_Network .con1 .tit { + font-size: 22px; + line-height: 1.5; + padding: 0 15px; + } + + .Service_Network .con1 .container1260 { + display: block; + margin-top: 0; + } + + .Service_Network .con1 .container1260 .ditu { + width: 100%; + height: 500px; + } + + .Service_Network .con1 .container1260 .left { + width: 100%; + margin-top: 10px; + } + + .Service_Network .con1 .container1260 .left .box { + max-height: 500px; + } + + .classicCase_CCE .Case_CCETabCont .city-picker-selector .selector-item { + height: 40px; + line-height: 40px; + } + + .classicCase_CCE .Case_CCETabCont .tabItem .form2 .tit { + font-size: 18px; + } + + .classicCase_CCE .Case_CCETabCont .tabItem .form2 .tit.tit2 { + margin-top: 20px; + } + + .classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input input, + .classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .dome-main { + line-height: 40px; + } + + .classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input .img { + height: 40px; + width: 150px; + } + + .classicCase_CCE .Case_CCETabCont .tabItem .form2 button { + width: 150px; + line-height: 40px; + } + + .classicCase_CCE .top h5 { + font-size: 50px; + } + + .ProductXQ2 { + text-align: center; + } + + .ProductXQ2 .tit { + font-size: 28px; + padding: 40px 0; + } + + .ProductXQ2 .con { + padding: 50px 20px; + } + + .ProductXQ2 .con img { + padding: 20px 0; + } + + .ProductXQ2 .con .text { + font-size: 16px; + } + + .TopicPageCon13 { + padding: 60px 0; + } + + .Lhonor .con .box { + width: 32%; + } + + .Lhonor .con { + margin-top: 20px; + } + + .Lhonor .con .box:not(:nth-child(4n + 1)) { + margin-left: 0; + } + + .Lhonor .con .box:not(:nth-child(3n + 1)) { + margin-left: 1.5%; + } + + .Lhonor .top a { + font-size: 16px; + margin: 0 15px; + } + + /* .service_Software .right .con1 .box:not(:nth-child(2n + 1)){margin-left: 10%;} */ +} + +@media (max-width: 768px) { + + .publicLeft .li .liOn, + .publicLeft .li .liOn, + .publicLeft .li h5 .liOn { + top: 17px !important; + } + + .publicLeft .li .ul2 .li3 .t .li3On { + top: 14px; + } + + .publicLeft.publicLeft_download .li.active h5::before, + .publicLeft.publicLeft_download .li.active2 h5::before, + .publicLeft.publicLeft_download .li h5.active::before, + .publicLeft.publicLeft_download .li h5::before { + top: 19px; + } + + .tong_title p { + line-height: 1.7; + } + + .footer .footer_nav dl dd a { + font-size: 14px; + line-height: 30px; + padding-left: 10px; + } + + .footerNav3 { + padding: 5px 10px; + } + + .TopicPage_video .big_video .con video { + pointer-events: none; + } + + .classicCase_big .text p { + font-size: 12px; + } + + .ProductCenter { + padding: 10px 0 30px; + } + + .classicCase_big .con1 a .pictureBox, + .classicCase_big .con2 .right a .pictureBox { + padding-top: 43%; + } + + .classicCase_big:first-child { + padding-bottom: 0 !important; + } + + /* .classicCase_big:not(:first-child){padding-top: 10px !important;} */ + .head_navlist { + padding-top: 0; + } + + .head_navlist ul li { + line-height: 40px; + } + + .head_navlist li>a { + line-height: 60px; + } + + /* .head_navlist ul li > span{top: 0;} */ + .Service_Network .con2 .ServiceTabCont .tabItem .box { + margin-bottom: 10px; + } + + .Service_Network .con2 .ServiceTabCont .tabItem .box:not(:nth-child(3n + 1)) { + margin-left: 0; + } + + .Service_Network .con2 .ServiceTabCont .tabItem .box:not(:nth-child(2n + 1)) { + margin-left: 2%; + } + + .search_jgcont { + padding: 40px 0; + } + + .search_jgcont .search_box { + width: 100%; + } + + .search_list a .imgbox { + width: 180px; + } + + .search_list a .text { + width: -webkit-calc(100% - 200px); + width: calc(100% - 200px); + } + + .search_list a .text h2 { + font-size: 16px; + } + + .padding95 { + padding-top: 40px; + } + + .tong_title h2 { + font-size: 22px; + } + + .inproduct_swiper .img_text .name { + font-size: 16px; + top: 15px; + } + + .inproduct_scrollbar { + margin-top: 20px; + } + + .tong_title { + padding-bottom: 20px; + } + + .swiper-container-horizontal>.swiper-pagination-progress { + height: 2px; + } + + .index_purpose { + padding: 60px 0; + } + + .home3Text .ppsw_box { + width: 100%; + } + + /* .index_case { padding-top: 20px; } */ + .tong_title p br { + display: none; + } + + .incase_tab { + position: static; + } + + .incase_tablist { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + justify-content: left; + } + + .incase_tablist .item { + width: 32%; + background-color: #eee; + margin-top: 15px; + } + + .incase_tablist .item:not(:nth-child(3n + 1)) { + margin-left: 1.5%; + } + + .incase_tablist .item.active { + height: 60px; + } + + .incase_swiper .more_links { + top: 50%; + } + + .index_news { + padding: 20px 0; + } + + .innew_top { + margin-top: 20px; + } + + .purpose_tab .item { + font-size: 14px; + } + + .innew_more i { + font-size: 30px; + } + + .innew_top .innew_tab .item { + width: 140px; + height: 50px; + border-width: 1px; + line-height: 50px; + } + + .innew_bgbox { + margin-top: 20px; + } + + .innew_bgbox .left .lfimtext h2 { + font-size: 18px; + } + + .innew_bgbox .left .lfimtext { + left: 15px; + right: 15px; + bottom: 15px; + } + + .innew_bgbox .right { + margin-top: 10px; + } + + .innew_bgbox .right_ul .item { + margin-bottom: 10px; + height: auto; + } + + .innew_bgbox .right_ul .item:last-child { + margin-bottom: 0; + border-top: 1px solid #ddd; + padding-top: 10px; + } + + .index_silulist a h2 { + margin-bottom: 5px; + } + + .index_silulist a p { + font-size: 12px; + line-height: 22px; + } + + .index_about { + padding: 60px 0; + } + + .index_about .inab_list .item .shuzi { + font-size: 14px; + text-align: center; + } + + .index_about .inab_list .item .couter { + font-size: 26px; + } + + .index_about .inab_list .item .chenghao { + font-size: 26px; + } + + .home1 .index_swiper .swiper-slide .banner_text1 { + padding-left: 20px; + } + + .home1 .index_swiper .swiper-slide .banner_text1 h3 { + width: 100px; + line-height: 40px; + font-size: 14px; + } + + .home1 .index_swiper .swiper-slide .banner_text1 h5 { + margin-top: 15px; + font-size: 24px; + } + + .home1 .index_swiper .swiper-slide .banner_text1 .list { + margin-top: 20px; + } + + .home1 .index_swiper .swiper-slide .banner_text1 .list .li .icon { + width: 50px; + height: 50px; + } + + .home1 .index_swiper .swiper-slide .product_img1 .container1260 img { + width: 40%; + } + + .home1 .index_swiper .swiper-slide .product_img1 .container1260 p { + font-size: 60px; + } + + .home1 .index_swiper .swiper-slide .product_img2 .container1260 p { + width: 20%; + } + + .home1 .index_swiper .swiper-slide .product_img2 .container1260 img { + width: 25%; + } + + .home1 .index_swiper .swiper-slide .banner_text2 h3 { + font-size: 20px; + } + + .home1 .index_swiper .swiper-slide .banner_text2 h5 { + font-size: 28px; + } + + .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right h3 { + font-size: 70px; + } + + .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right h3 span { + width: 100px; + line-height: 40px; + font-size: 14px; + } + + .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right h5 { + font-size: 20px; + letter-spacing: 0; + } + + .ProductCenter .publicLeft { + display: none; + } + + .publicLeft.onlyOne .li { + display: none; + } + + /* .publicLeft.onlyOne .li:nth-child(2){display: block;} */ + .publicLeft { + float: none; + width: 100%; + position: relative; + } + + /* .publicLeft .li{display: none;} */ + .publicLeft .li.active { + display: block; + } + + .publicLeft i { + width: 50%; + height: 50px; + position: absolute; + right: 0; + top: 0; + z-index: 2; + } + + .publicLeft i::before { + content: ""; + width: 13px; + height: 13px; + border: 2px solid transparent; + border-right-color: #333; + border-bottom-color: #333; + transform: rotate(45deg); + position: absolute; + right: 20px; + top: 17px; + transition: all 0.3s; + } + + .publicLeft i.active::before { + transform: rotate(-135deg); + } + + .publicLeft .li h5 { + line-height: 50px; + padding: 0 10px; + font-size: 18px; + } + + .ProductCenter .con { + float: none; + width: 100%; + margin-top: 20px; + } + + .ProductCenter .con .box { + margin-bottom: 10px; + } + + .TopicPagetit h3 { + font-size: 24px; + } + + .TopicPagetit h5 { + font-size: 16px; + margin-top: 10px !important; + } + + .TopicPageCon1 .img, + .TopicPageCon3 .img, + .TopicPageCon4 .con, + .TopicPageCon5 .img, + .TopicPageCon7 .img, + .TopicPageCon10 .img, + .TopicPageCon11 .img { + margin: 30px auto 0; + } + + .TopicPageCon3, + .TopicPageCon4, + .TopicPageCon5, + .TopicPageCon7, + .TopicPageCon10, + .TopicPageCon11 { + padding: 30px 0; + } + + .TopicPageCon6 { + padding-top: 40px; + } + + .TopicPageCon3 p { + font-size: 14px; + line-height: 1.5; + margin-top: 15px; + } + + .TopicPageCon3 p span { + font-size: 18px; + } + + .slider::after, + .slider .beer-reveal::after { + font-size: 18px; + } + + .TopicPageCon8 .slider::after, + .TopicPageCon8 .slider .beer-reveal::after { + border-width: 1px; + height: 35px; + line-height: 35px; + width: auto; + bottom: 20px; + padding: 0 15px; + } + + .TopicPageCon9 .TopicPagetit { + top: 30px; + } + + .publicLink .container1260 h5 { + line-height: 40px; + font-size: 22px + } + + .publicLink .container1260 .right { + white-space: nowrap; + width: 100%; + justify-content: space-between; + margin-top: 10px; + } + + .publicLink .container1260 .right a { + line-height: 38px; + font-size: 14px; + white-space: nowrap; + } + + .publicLink .container1260 .right a:not(:first-child) { + margin-left: 0; + } + + .TopicPageCon4 .con .slider::after, + .TopicPageCon4 .con .slider .beer-reveal::after { + top: 15px; + right: 15px; + } + + .TopicPage_ALCon .box { + width: 49%; + margin-bottom: 10px; + } + + .TopicPage_ALCon .box:not(:nth-child(3n + 1)) { + margin-left: 0; + } + + .TopicPage_ALCon .box:not(:nth-child(2n + 1)) { + margin-left: 2%; + } + + .TopicPage_GGCon .top .con .box { + width: 100%; + margin-left: 0 !important; + } + + .TopicPage_GGCon .bottom { + margin-top: 30px; + } + + .TopicPage_GGCon .bottom table { + font-size: 14px; + width: 800px; + } + + .TopicPage_GGCon .bottom table tr th { + font-size: 16px; + } + + .TopicPage_GGCon .bottom table tr th, + .TopicPage_GGCon .bottom table tr td { + height: 40px; + } + + .TopicPage_GGCon.TopicPage_GGCon2 { + margin-bottom: 0; + } + + .TopicPage_GGCon.TopicPage_GGCon2 .con1.con2 { + margin-top: 30px; + } + + .TopicPage_GGCon.TopicPage_GGCon2 .con1 { + overflow-x: auto; + overflow-y: hidden; + margin-top: 30px; + } + + .TopicPage_GGCon.TopicPage_GGCon2 .con1 table { + width: 800px; + } + + .TopicPage_video .big_video, + .TopicPage_video .list_video { + padding: 30px 0; + } + + .TopicPage_video { + padding-bottom: 30px; + } + + .TopicPage_video .big_video .con .text { + line-height: 50px; + font-size: 20px; + } + + .TopicPage_video .list_video .box { + width: 49%; + margin-bottom: 15px; + } + + .TopicPage_video .list_video .box:not(:nth-child(3n + 1)) { + margin-left: 0; + } + + .TopicPage_video .list_video .box:not(:nth-child(2n + 1)) { + margin-left: 2%; + } + + .TopicPage_video .list_video .box h5 { + font-size: 16px; + margin-top: 10px; + } + + .TopicPage_download { + display: block; + } + + .TopicPage_download .box { + width: 100%; + margin-left: 0 !important; + margin-bottom: 30px; + } + + .TopicPage_download .box .list2 .li .icon2 { + right: 0; + } + + .Solution .box { + display: block; + margin-bottom: 40px; + } + + .Solution .box .imgbox { + width: 100%; + } + + .Solution .box .text { + width: 100%; + padding: 20px 0 0 !important; + } + + .Solution .box .text h5 { + font-size: 18px; + font-weight: bold; + } + + .Solution .box .text a { + margin-top: 10px; + width: 150px; + line-height: 45px; + } + + .banner2 .banner2text p { + font-size: 16px; + } + + .banner2 .banner2text h5 { + font-size: 22px; + } + + /* .Solution_XQ .con3 .text .li { margin-bottom: 10px; } + .Solution_XQ .con3 .text .li p { font-size: 14px; } */ + .Solution_XQ .con4 .SolutionXQ_swiper { + padding: 0 10px 30px; + } + + .Solution_XQ .con4 .SolutionXQ_swiper .SolutionXQ_scrollbar { + width: 95%; + } + + .classicCase_big .text { + width: 100%; + text-align: center; + } + + .classicCase_big .text .WatchVideo { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + + .classicCase_big .Lmore { + width: auto; + padding: 0 15px; + line-height: 45px; + font-size: 14px; + display: inline-block; + } + + .classicCase_big .con1 { + margin-bottom: 10px; + } + + .classicCase_big .con1 a .text { + left: 0; + } + + .classicCase_big .con2 { + margin-bottom: 10px; + display: block; + } + + .classicCase_big .con2 .left { + width: 100%; + } + + .classicCase_big .con2 .left a .pictureBox { + padding-top: 43%; + } + + .classicCase_big .con2 .left a .text { + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + padding: 0 10px; + } + + .classicCase_big .con2 .right { + width: 100%; + margin-top: 10px; + } + + .classicCase_big .con2 .right a .text { + left: 0; + } + + .classicCase_big .con3 { + display: block; + } + + .classicCase_big .con3 a { + width: 100%; + margin-bottom: 10px; + } + + .classicCase_big .con3 a .pictureBox { + padding-top: 43%; + } + + .classicCase_big.classicCase_video .con1 a .text { + left: auto; + } + + .classicCase_big.classicCase_video .con1 a .text p { + margin-top: 10px; + } + + .classicCase_big.classicCase_video .con2 .left a .text .WatchVideo { + margin-top: 20px; + } + + .classicCase_big.classicCase_video .con2 .right a .text { + left: 0; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + width: 100%; + bottom: auto; + } + + .classicCase_XQ .tit h5 { + font-size: 20px; + } + + .classicCase_ordinary .right { + width: 100%; + margin-top: 15px; + } + + .service_Software .right { + margin-top: 20px; + width: 100%; + } + + .service_Software .right .con1 { + margin-top: 20px; + } + + .service_Software .right .con1 .box { + margin-bottom: 20px; + } + + .service_videoXQ .right { + width: 100%; + margin-top: 20px; + } + + .service_videoXQ .right .con .box { + margin-bottom: 10px; + } + + .service_videoXQ .right .con .box .text { + padding: 10px; + } + + .Service_Network .con2 .ServiceTopNav .ServiceTabBar .tabTerm { + padding: 0 10px; + } + + .Service_Network .con2 .ServiceTabCont .tabItem .box { + width: 49%; + } + + .contactUsCont .tabItem .box { + width: 49%; + } + + .contactUsCont .tabItem .box:not(:nth-child(3n + 1)) { + margin-left: 0; + } + + .contactUsCont .tabItem .box:not(:nth-child(2n + 1)) { + margin-left: 2%; + } + + .Service_AfterSale .top .text { + font-size: 30px; + } + + .Service_AfterSale .con { + display: block; + } + + .Service_AfterSale .con .left { + width: 100%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + + .Service_AfterSale .con .left h5 { + font-size: 14px; + line-height: 1.5; + } + + .Service_AfterSale .con form { + width: 100%; + margin-top: 20px; + } + + .News .top .News_swiper .swiper-slide a { + display: block; + } + + .News .top .News_swiper .swiper-slide a .imgbox { + width: 100%; + } + + .News .top .News_swiper .swiper-slide a .text { + width: 100%; + padding-bottom: 40px; + } + + .News .top .News_swiper .swiper-slide a .text h5 { + height: auto; + } + + .News .top .News_swiper .swiper-slide a .text p { + font-size: 14px; + margin-top: 10px; + height: auto; + } + + .News .top .News_swiper .swiper-slide a .text .data { + margin-top: 15px; + } + + .News .top .News_swiper .News_pagination { + width: 100%; + bottom: 18px; + left: auto; + } + + .News .con .NewsTab a { + margin: 0 10px; + } + + .News .con .box a { + width: 49%; + } + + .News .con .box a:not(:nth-child(3n + 1)) { + margin-left: 0; + } + + .News .con .box a:not(:nth-child(2n + 1)) { + margin-left: 2%; + } + + .News .con #demo0 { + margin-top: 30px; + } + + /* .aboutUs .tit1 h5 { font-size: 22px; } */ + .aboutUs .tit1 .t { + font-size: 14px; + margin-top: 10px; + } + + .aboutUs .tit2 h5 { + font-size: 22px; + } + + .aboutUs .tit2 p { + font-size: 24px; + margin-top: 10px; + } + + .aboutUs .con1 .img p { + font-size: 26px; + line-height: 1.5; + } + + .aboutUs .con1 .text p { + padding-top: 10px; + } + + .aboutUs .con2 .box { + margin-top: 20px; + } + + .aboutUs .con2 .box .li h5 span { + font-size: 60px; + } + + .aboutUs .con3 .box { + margin-top: 30px; + } + + .aboutUs .con3 .box .li { + width: 170px; + height: 170px; + } + + .aboutUs .con4 .container1260 .bjText { + font-size: 60px; + } + + .aboutUs .con5 .box .li p { + padding: 20px 20px 0; + font-size: 14px; + line-height: 1.5; + } + + .aboutUs .con6 .aboutUsCon6_swiper .swiper-slide { + line-height: 40px; + font-size: 14px; + } + + .aboutUs .con6 .box { + margin-top: 20px; + } + + .aboutUs .con6 .box .li .img p { + font-size: 20px; + padding-bottom: 10px; + top: 20px; + left: 10px; + } + + .aboutUs .con6 .box .li .img p::before { + height: 2px; + } + + .aboutUs .con6 .box .li .text { + padding: 10px; + } + + .aboutUs .con6 .box .li .text h5 { + font-size: 32px; + } + + .aboutUs .con6 .box .li .text p { + font-size: 14px; + } + + .aboutUs .con9 .box { + margin-top: 20px; + } + + .aboutUs .con9 .box .li { + width: 32%; + margin: 0 0.5% 10px !important; + } + + .aboutUs .con9 .box .li:not(:nth-child(5n + 1)) { + margin-left: 0; + } + + .investor_yj .con { + display: block; + } + + .investor_yj .con a { + width: 100%; + padding: 10px; + margin-bottom: 10px; + } + + .investor_yj .con a .left h5 { + font-size: 14px; + } + + .investor_yj .con a .right p { + font-size: 14px; + } + + .Llist { + display: block; + white-space: nowrap; + } + + .Llist a { + line-height: 50px; + white-space: nowrap; + } + + .banner3 h5 { + font-size: 20px; + } + + .investor_GG .top h5 { + font-size: 18px; + } + + .investor_GG .con .Box { + width: 49%; + margin: 0 0.5% 10px !important; + } + + .investor_GG .con .Box .text h5 { + font-size: 16px; + } + + .investor_RX { + display: block; + } + + .investor_RX .box { + width: 100%; + } + + .investor_RX .box:nth-child(1) { + padding: 30px 10px; + } + + .investor_RX .box:nth-child(1) .bot .icon { + width: 30px; + } + + .investor_RX .box:nth-child(1) .bot p { + font-size: 28px; + } + + .investor_RX .box:nth-child(2) .t2 span { + font-size: 30px; + } + + .X100TopicPagetit h5 { + font-size: 42px; + } + + .X100TopicPagetit .t { + font-size: 28px; + } + + .X100TopicPagetit .t span { + font-size: 32px; + } + + .X100TopicPagetit .t1 { + font-size: 20px; + } + + .X100TopicPagetit .t2 { + font-size: 16px; + } + + .X100TopicPage1 .img { + margin: 30px auto 0; + width: 60%; + } + + .X100TopicPage2 { + display: block; + } + + .X100TopicPage2 .left { + width: 80%; + margin: 0 auto; + } + + .X100TopicPage2 .right { + width: 100%; + padding: 30px 20px; + } + + .X100TopicPage4 .X100TopicPagetit .t { + margin-top: 15px; + } + + .X100TopicPage4 .X100TopicPagetit .t1 { + margin-top: 15px; + line-height: 1.5; + } + + .X100TopicPage4 .img { + margin: 30px auto 0; + width: 75%; + } + + .X100TopicPage .img { + margin: 30px auto 0; + width: 80%; + } + + .X100TopicPage6 .X100TopicPagetit .t { + margin-top: 15px; + line-height: 1.5; + padding: 0 5px; + } + + .Z6TopicPage6 .con .Z6TopicPage6TabBar { + bottom: 5px; + } + + .Z6TopicPage6 .con .Z6TopicPage6TabBar .tabTerm { + padding: 0 10px 5px; + font-size: 14px; + } + + .Z6TopicPage6 .X100TopicPagetit .t1, + .Z6TopicPage7 .X100TopicPagetit .t1 { + margin-top: 10px; + } + + .X100TopicPagetit h5 { + font-size: 38px; + } + + .Z6TopicPage7 .img { + margin: 20px auto 0; + width: 90%; + } + + .Z6TopicPage8 .imgBox { + padding-bottom: 30px; + width: 95%; + } + + .TopicPageCon8.Z6TopicPage4 .slider::after { + right: 20%; + } + + .TopicPageCon8.Z6TopicPage4 .slider .beer-reveal::after { + right: 30%; + } + + .classicCase_CCE .Case_CCETabCont .tabItem .inputBox .left .img { + height: 50px; + margin-left: 10px; + } + + .classicCase_CCE .Case_CCETabCont .tabItem .inputBox button { + line-height: 50px; + height: 50px; + width: 100px; + font-size: 16px; + } + + .PastHighlights .con .PastHighlights_swiper .swiper-slide a .text { + padding: 15px; + } + + .Service_Network .con1 .tit { + font-size: 18px; + } + + .Service_Network .con1 .container1260 .left .box .liBox:not(:first-child) { + margin-top: 20px; + } + + .Service_Network .con1 .container1260 .left .box .liBox h5 { + font-size: 22px; + } + + .Service_Network .con1 .container1260 .left .box .liBox .list { + margin-top: 10px; + } + + .Service_Network .con1 .container1260 .left .box .liBox .list .li { + margin-top: 10px; + } + + .Service_Network .con1 .container1260 .ditu { + height: 350px; + } + + .classicCase_CCE .Case_CCETabCont .tabItem .form1 .input { + margin-bottom: 10px; + } + + .classicCase_CCE .Case_CCETabCont .tabItem .form1 .input input { + line-height: 50px; + } + + .classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input { + width: 100%; + margin-bottom: 10px; + } + + .classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input.Lodd { + margin-left: 88px; + } + + .classicCase_CCE .top h5 { + font-size: 40px; + } + + .home4TabBar .tabTerm { + width: 140px; + line-height: 50px; + border-width: 1px; + height: 50px; + } + + .TopicPageCon12 img.Lshow { + display: none; + } + + .TopicPageCon12 img.Lhide { + display: block; + } + + .TopicPageCon12 .TopicPagetit .t { + font-size: 12px; + } + + .TopicPageCon13 { + padding: 30px 0; + } + + /* .TopicPageCon13 .left { width: 100%; } */ + .TopicPageCon13 .left img { + max-width: 80%; + } + + .TopicPageCon13 .right { + margin-top: 0; + } + + .TopicPageCon13 .right img { + max-width: 45%; + } + + .TopicPageCon13 .right .TopicPagetit { + margin-top: 10px; + } + + .TopicPageCon14 img.Lshow { + display: none; + } + + .TopicPageCon14 img.Lhide { + display: block; + } + + .TopicPageCon14 .right { + width: 100%; + top: 10%; + -webkit-transform: none; + -ms-transform: none; + transform: none; + } + + .TopicPageCon14 .right img { + max-width: 70%; + } + + .TopicPageCon14 .right .TopicPagetit { + margin-top: 10px; + } + + .TopicPageCon15 { + padding: 30px 0; + } + + .TopicPageCon15 .TopicPagetit h5 { + margin-top: 10px; + } + + .Lhonor .con .box { + width: 49%; + margin-bottom: 10px; + } + + .Lhonor .con .box:not(:nth-child(3n + 1)) { + margin-left: 0; + } + + .Lhonor .con .box:not(:nth-child(2n + 1)) { + margin-left: 2%; + } + + .about_government .government_item { + padding: 0; + } + + .government_top { + padding: 15px; + } + + .about_government { + margin-top: 20px; + } + + .about_government .government_item { + width: 100%; + margin-right: 0; + border: 1px solid #e1e1e1 !important; + } + + .government_desc { + position: static !important; + max-height: inherit !important; + border: none; + padding-top: 0 !important; + overflow: hidden; + } + + .about_government .government_item { + margin-bottom: 15px; + } + + .purpose_tab { + white-space: nowrap; + overflow-x: auto; + overflow-y: hidden; + display: block; + } + + .purpose_tab .item { + display: inline-block; + /* padding: 0 10px; */ + } + + + +} + +@media (max-width: 580px) { + + .aboutUs .con3 .tit1, + .aboutUs .con2 .tit1 .t { + text-align: left; + } + + #search-form input, + .service_Software .right .con1 .box p, + .innew_bgbox .left .lfimtext p { + font-size: 14px; + } + + .Lcrumbs a { + font-size: 16px; + } + + .incase_swiper .imgbox img { + width: 100%; + object-fit: contain; + height: auto; + } + + /* .investor_yj .top form .left .Down p{font-size: 14px;} */ + .contactUsCon { + padding: 30px 15px; + } + + .contactUsCon .left .tit { + font-size: 16px !important; + } + + .contactUsCon .left .t { + font-size: 14px !important; + line-height: 1.5; + } + + .aboutUs .con1 .textImg { + margin-top: 15px; + } + + .TopicPage_download .box .list2 .li:nth-child(n + 1) { + margin-top: 10px; + } + + .home1 .index_swiper.Lshow { + display: none; + } + + .home1 .index_swiper.Lhide { + display: block; + } + + .home1 .index_swiper.Lhide img { + width: 100%; + } + + .purpose_tab { + overflow-x: auto; + display: block; + white-space: nowrap; + } + + .home3Text .ppsw_box h2 { + font-size: 18px; + margin-bottom: 10px; + } + + .incase_tablist .item { + font-size: 14px; + } + + .innew_top .innew_tab .item { + font-size: 14px; + margin-right: 10px; + } + + .innew_bgbox .right_ul .item h2 { + font-size: 16px; + } + + .innew_bgbox::after { + height: 80%; + } + + .index_about .inab_list .item { + width: 50%; + margin-right: 0; + margin-bottom: 20px; + } + + .index_about { + padding: 40px 0; + } + + .footer_top { + padding-bottom: 30px; + } + + .ftbt_cont .ft_beian { + float: none; + text-align: center; + margin-right: 0; + } + + .ft_fvlink { + float: none; + text-align: center; + margin-top: 5px; + } + + .footer .footer_bottom { + padding: 15px 0; + } + + .index_silulist { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + + .footer .footer_nav dl dt { + font-size: 16px; + } + + .index_silulist a { + width: 100%; + border-bottom: 1px solid #eee; + } + + .index_silulist a::after { + display: none; + } + + .aboutUs .con3 .box .li { + width: 32%; + margin: 0 0.5%; + -webkit-border-radius: 0; + border-radius: 0; + } + + .aboutUs .con4 .container1260 .bjText { + font-size: 40px; + } + + .aboutUs .con6 .box .li.active { + display: block; + } + + .aboutUs .con6 .box .li .img { + width: 100%; + } + + .aboutUs .con6 .box .li .text { + width: 100%; + padding: 30px 10px; + } + + .aboutUs .con6 .box .li .text h5 { + font-size: 22px; + } + + .aboutUs .con6 .box .li .img .pictureBox { + padding-top: 0; + font-size: 0; + } + + .aboutUs .con6 .box .li .img .pictureBox img { + position: static; + transform: none; + width: 100%; + object-fit: contain; + } + + .aboutUs .con6 .box .li .text p { + margin-top: 10px; + line-height: 1.5 !important; + } + + .aboutUs .con8 .tit2 { + padding: 60px 10px; + } + + .Z6TopicPage1 .X100TopicPagetit .t2 { + line-height: 1.5; + padding: 0 10px; + } + + .Z6TopicPage1 .X100TopicPagetit .t2 span { + font-size: 14px !important; + } + + .Z6TopicPage1 .img { + margin: 20px auto 0; + width: 70%; + } + + .Z6TopicPage3 .img { + margin: 20px auto; + } + + .Z6TopicPage3 .text .X100TopicPagetit { + margin-bottom: 10px; + width: 100%; + } + + .Z6TopicPage4 .X100TopicPagetit .t { + margin-top: 10px; + } + + .Z6TopicPage4 .X100TopicPagetit .t.bold { + margin-top: 15px; + } + + .Z6TopicPage4 .X100TopicPagetit .t1 { + margin-top: 5px; + padding: 0 15px; + } + + .PastHighlights .tit { + font-size: 20px; + } + + .home4TabBar .tabTerm { + font-size: 12px; + margin-right: 10px; + } +} + +@media (max-width: 460px) { + .swiper-wrapper .product-item .product_control_sys_list .product_control_sys_ul { + display: flex; + flex-direction: row; + justify-content: space-around; + align-items: center; + } + .plan-advantage-box { + flex-direction: column; + } + + .plan-advantage-box .plan-advantage-item { + width: auto; + } + + .layui-table[lay-size=lg] td, + .layui-table[lay-size=lg] th { + padding: 15px 10px; + } + + .my-table th { + font-size: 20px; + } + + .my-table td { + font-size: 14px; + } + + + .Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .text .more, + .banner2 { + height: 170px; + } + + .banner2 img { + position: absolute; + top: 0; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); + /* width: auto; */ + height: 100%; + max-width: none; + } + + + + .publicLeft .li .ul2 .li3 { + padding-left: 25px; + } + + .defaSearchList dl dd, + .defaSearchList dl dt { + font-size: 14px; + } + + .defaSearchList li h3 { + font-size: 14px; + line-height: 1.5; + } + + .defaSearchList li { + padding: 10px; + margin-top: 10px; + } + + .defaSearchList dl { + padding-bottom: 5px; + } + + .investor_yj .con a .right .icon { + margin-right: 10px; + } + + .more_links { + width: 120px; + font-size: 14px; + } + + .home3 { + padding-bottom: 0; + } + + .tong_title h2 { + margin-bottom: 0; + } + + .Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .text .more { + color: #00479d; + } + + .classicCase_CCE .Case_CCETabCont .tabItem .inputBox button { + height: 40px; + line-height: 40px; + } + + /* .classicCase_big .text p{font-size: 18px;} */ + .Service_Network .con2 .ServiceTopNav h5 { + font-size: 16px; + } + + /* .TopicPage_download .box .list2 .li .icon1{width: 25px;} */ + .TopicPage_download .box .list a p { + padding-left: 10px; + } + + .TopicPage_download .box .list2 .li .text { + width: calc(100% - 30px); + padding-left: 10px; + } + + #search-form { + right: 0; + } + + .investor_RX { + padding: 0 !important; + margin: 30px 0; + } + + .classicCase_big .text .WatchVideo, + .classicCase_big .con1 .text .WatchVideo, + /* .investor_yj .top form .left input, + .investor_yj .top form .right input, + .investor_yj .top form .right input::placeholder, */ + .News .con .box a .text p, + .Solution_XQ .con4 .SolutionXQ_swiper .swiper-slide a .text .more, + .TopicPage_download .box .tit, + .publicLeft .li .ul2 .li3 .ul3 a, + .publicLeft .li .ul2 .li3 .t { + font-size: 14px; + line-height: 35px; + } + + .investor_yj .con a .left .icon { + width: 18px; + height: 18px; + } + + .publicLeft .li .li2 a { + font-size: 14px; + line-height: 35px; + } + + .aboutUs .con1 .textImg { + margin-top: 15px; + } + + .ProductCenter .con .box .text h5 { + font-size: 20px; + } + + .aboutUs .con1 .text { + margin-top: 30px; + } + + .LtextTit { + font-size: 20px; + padding-bottom: 5px; + } + + .tipsbox { + display: none; + } + + .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .img { + width: 35%; + } + + .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right { + width: 65%; + } + + .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right h5 { + font-size: 18px; + } + + .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right img { + width: 90%; + } + + .Description_popUp .con { + width: 90%; + } + + .home1 .index_swiper .swiper-slide .imgbox { + height: 300px; + } + + .home1 .index_swiper .swiper-slide .imgbox img { + width: auto; + max-width: none; + height: 100%; + position: relative; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); + } + + .home1 .index_swiper .swiper-slide .product_img1 .container1260 p { + font-size: 50px; + right: 5%; + } + + .home1 .index_swiper .swiper-slide .banner_text1 { + padding-left: 0; + } + + .home1 .index_swiper .swiper-slide .banner_text1 .list .li .icon { + width: 40px; + height: 40px; + } + + .home1 .index_swiper .swiper-slide .banner_text1 .list .li .icon img { + max-width: 80%; + max-height: 80%; + } + + .home1 .index_swiper .swiper-slide .banner_text1 .list .li p { + font-size: 12px; + margin-top: 5px; + } + + .home1 .index_swiper .swiper-slide .banner_text2 { + padding-left: 0; + } + + .home1 .index_swiper .swiper-slide .product_img2 { + text-align: right; + } + + .home1 .index_swiper .swiper-slide .product_img2 .container1260 p { + left: auto; + right: 5%; + -webkit-transform: none; + -ms-transform: none; + transform: none; + z-index: 0; + } + + .home1 .index_swiper .swiper-slide .product_img2 .container1260 p img { + -webkit-transform: none; + -ms-transform: none; + transform: none; + } + + .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right h3 { + font-size: 30px; + display: flex; + align-items: center; + margin-bottom: 10px; + line-height: 1; + letter-spacing: 0; + } + + .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right h3 span { + margin-left: 10px; + } + + .home1 .index_swiper .swiper-slide .banner_text3 .container1260 .right img { + margin-top: 10px; + } + + .index_purpose { + padding: 20px 0; + min-height: 320px; + } + + .home3 .con .container1260 { + padding: 0 !important; + } + + .home3Text { + position: absolute; + top: 0; + left: 0; + padding: 30px 15px 0; + } + + .tong_title p { + display: none; + } + + .home5 .index_about .tong_title p { + display: block; + margin-top: 15px; + } + + .innew_bgbox .right_ul .item .desc { + display: none; + } + + .innew_bgbox .right_ul .item .date { + font-size: 14px; + margin-top: 10px; + } + + .innew_bgbox::after { + display: none; + } + + .ProductCenter .con .box { + width: 100%; + } + + .publicLink .container1260 { + display: block; + } + + .publicLink .container1260 h5 { + line-height: 1; + padding-top: 21px; + } + + .publicLink .container1260 .right { + margin-top: 6px; + } + + .TopicPageCon1 { + padding-top: 20px; + } + + .TopicPageCon1 h5 { + margin-top: 10px; + } + + .TopicPagetit h3 { + font-size: 22px; + } + + .TopicPagetit h5 { + font-size: 14px; + } + + .TopicPagetit h5 span { + font-size: 12px !important; + } + + .slider::after, + .slider .beer-reveal::after { + font-size: 14px; + } + + .TopicPageCon8 .slider::after, + .TopicPageCon8 .slider .beer-reveal::after { + height: 30px; + line-height: 30px; + width: auto; + bottom: 10px; + padding: 0 10px; + } + + .TopicPage_ALCon .box { + width: 100%; + } + + .TopicPage_ALCon .box:not(:nth-child(2n + 1)) { + margin-left: 0; + } + + .TopicPage_ALCon .box .text { + padding: 10px; + } + + .TopicPage_ALCon .box .text h5 { + font-size: 18px; + } + + .TopicPage_ALCon .box .text .t { + font-size: 14px; + line-height: 1.5; + } + + .TopicPage_ALCon .box .text .data { + margin-top: 10px; + } + + .TopicPage_GGCon .tit { + font-size: 22px; + } + + .TopicPage_GGCon .top .con .box { + padding: 20px 10px; + } + + .TopicPage_GGCon .top .con .box h5 { + font-size: 16px; + } + + .TopicPage_GGCon .top .con .box .li { + margin-top: 10px; + } + + .TopicPage_GGCon .top .con .box .li p { + font-size: 12px; + line-height: 22px; + } + + .TopicPage_GGCon .top .con .box .li p::before { + top: 10px; + } + + .TopicPage_GGCon .bottom table tr th, + .TopicPage_GGCon .bottom table tr td { + height: 30px; + } + + .TopicPage_video .big_video .con .text { + font-size: 16px; + line-height: 30px; + } + + .TopicPage_video .list_video .box { + width: 100%; + margin-bottom: 10px; + } + + .TopicPage_video .list_video .box:not(:nth-child(2n + 1)) { + margin-left: 0; + } + + .TopicPage_video .list_video .box h5 { + font-size: 14px; + } + + .TopicPage_download { + padding: 30px 0; + } + + .TopicPage_download .box .tit { + padding-bottom: 10px; + } + + .TopicPage_download .box .list a { + margin-top: 10px; + } + + .TopicPage_download .box .list a p { + font-size: 14px; + } + + .TopicPage_download .box .list2 .li { + margin-top: 15px; + } + + .TopicPage_download .box .list2 .li .text h5 { + font-size: 14px; + } + + .TopicPage_download .box .list2 .li .text p { + font-size: 12px; + } + + .banner2 { + height: 170px; + } + + .banner2 .banner2text p { + font-size: 14px; + } + + .banner2 .banner2text h5 { + font-size: 18px; + } + + .Solution_XQ .tit { + font-size: 18px; + } + + .AnchorLocation .con .li { + line-height: 40px; + font-size: 16px; + } + + .classicCase_big .text h5 { + font-size: 18px; + } + + .classicCase_big .text .tit2 { + font-size: 16px; + margin-top: 10px; + } + + .classicCase_big .text .WatchVideo { + margin-top: 10px !important; + } + + .classicCase_big .Lmore { + padding: 0 10px; + line-height: 35px; + font-size: 12px; + } + + .classicCase_big .Lmore img { + margin-left: 5px; + } + + .classicCase_XQ .tit h5 { + font-size: 16px; + } + + .classicCase_XQ .tit .bot .data { + font-size: 12px; + } + + .classicCase_XQ .tit .bot p { + font-size: 12px; + display: none; + } + + .classicCase_XQ .con p { + font-size: 14px !important; + line-height: 1.5 !important; + } + + .classicCase_XQ .return { + margin-top: 20px; + } + + .classicCase_XQ .return a { + width: auto; + line-height: 45px; + padding: 0 15px; + font-size: 14px; + } + + .classicCase_XQ .return a img { + margin-left: 10px; + } + + .classicCase_ordinary .right .con .box { + width: 100%; + } + + .classicCase_ordinary .right .con .box .text h5 { + font-size: 18px; + } + + .classicCase_ordinary .right .con .box .text .data { + margin-top: 10px; + } + + .service_Software .right { + padding: 10px; + } + + .service_Software .right .con1 .box { + margin-bottom: 10px; + width: 100%; + } + + .service_Software .right .con1 .box h5 { + font-size: 14px; + margin-left: 10px; + } + + .layui-laypage a, + .layui-laypage span { + margin: 0 5px !important; + } + + .service_videoXQ .right .con .box { + width: 100%; + } + + .classicCase_XQ .con .imgTwo img { + margin-bottom: 10px !important; + } + + .Service_Network { + padding-bottom: 30px; + } + + .Service_Network .con2 .ServiceTopNav { + padding: 10px; + } + + .Service_Network .con2 .ServiceTopNav .ServiceTabBar .tabTerm { + font-size: 14px; + } + + .Service_Network .con2 .ServiceTabCont .tabItem .box h5 { + font-size: 16px; + padding-bottom: 10px; + } + + .Service_Network .con2 .ServiceTabCont .tabItem .box .list p { + font-size: 14px; + line-height: 1.5; + } + + .Service_Network .con2 .ServiceTabCont .tabItem .box h5::before { + width: 20px; + } + + .contactUsCont .tabItem .box h5 { + font-size: 16px; + padding-bottom: 10px; + line-height: 1.2; + } + + .contactUsCont .tabItem .box .list p { + font-size: 14px; + line-height: 1.5; + } + + .contactUsCont .tabItem .box h5::before { + width: 20px; + } + + .Service_AfterSale .top .text { + font-size: 16px; + } + + .Service_AfterSale .con form .input { + display: block; + } + + .Service_AfterSale .con form .input h5 { + width: 100%; + font-size: 14px; + } + + .Service_AfterSale .con form .input input { + margin-top: 10px; + line-height: 40px; + } + + .Service_AfterSale .con form .input .dropDown::before { + top: 29px; + } + + .Service_AfterSale .con form .input.textarea textarea { + min-height: 150px; + height: auto; + } + + .Service_AfterSale .con form .button { + padding-left: 0; + } + + .Service_AfterSale .con form .button button { + width: auto; + line-height: 35px; + padding: 0 20px; + font-size: 14px; + } + + .News .top .News_swiper .swiper-slide a .text { + padding: 20px 10px 30px; + } + + .News .top .News_swiper .swiper-slide a .text h5 { + font-size: 16px; + line-height: 1.5; + } + + .News .con .box a .text .data, + .News .top .News_swiper .swiper-slide a .text .data { + font-size: 12px; + } + + .News .con .NewsTab a { + width: auto; + padding: 0 10px; + line-height: 35px; + margin: 0 1px; + font-size: 14px; + } + + .News .con .box a { + width: 100%; + } + + .News .con .box a:not(:nth-child(2n + 1)) { + margin-left: 0%; + } + + .News .con .box a .text h5 { + font-size: 16px; + } + + .News .con .box a .text p { + line-height: 1.5; + height: auto; + } + + /* .aboutUs .tit1 h5 { font-size: 18px; } */ + .aboutUs .tit1 .t, + .aboutUs .con1 .text .t1 { + line-height: 1.4; + } + + .aboutUs .tit2 h5 { + font-size: 16px; + } + + .aboutUs .tit2 p { + font-size: 18px; + } + + .aboutUs .con1 .img p { + font-size: 16px; + letter-spacing: 0; + } + + .aboutUs .con2 .box .li { + padding: 30px 0; + } + + .aboutUs .con2 .box .li h5 { + font-size: 14px; + } + + .aboutUs .con2 .box .li h5 span { + font-size: 30px; + } + + .aboutUs .con2 .box .li p { + font-size: 14px; + margin-top: 10px; + } + + .aboutUs .con3 .box .li { + padding: 30px 0; + height: auto; + } + + .aboutUs .con3 .box .li .t { + font-size: 12px; + margin-top: 5px; + } + + .aboutUs .con4 .container1260 .bjText { + font-size: 22px; + margin-top: 10px; + letter-spacing: 0; + } + + .aboutUs .con4 .container1260 .box .punctuation_box .punctuation .block { + width: 4px; + height: 4px; + } + + .aboutUs .con4 .container1260 .box .punctuation_box .punctuation .block::before { + width: 8px; + height: 8px; + } + + .aboutUs .con5 .box { + display: block; + } + + .aboutUs .con5 .box .li { + width: 100%; + margin-top: 10px; + } + + .aboutUs .con5 .box .li p { + padding: 10px 10px 0; + } + + .aboutUs .con7 .aboutUsCon7_swiper { + padding: 30px 0; + } + + /* .aboutUs .con7 .aboutUsCon7_swiper .swiper-slide { height: 240px; } */ + .aboutUs .con9 .box .li { + width: 49%; + margin: 0 0.5% 5px !important; + } + + /* .investor_yj .top form .left { width: 25%; } + .investor_yj .top form .left input::before { right: 5px; } */ + .investor_ZL .con p { + font-size: 14px !important; + line-height: 1.5 !important; + margin-top: 10px !important; + } + + .investor_GG .top h5 { + font-size: 14px; + } + + .investor_GG .con .Box .text p { + font-size: 12px; + } + + .X100TopicPagetit h5 { + font-size: 22px; + line-height: 1.3; + padding: 0 20px; + } + + .X100TopicPagetit .t { + font-size: 18px; + } + + .X100TopicPagetit .t span { + font-size: 20px; + } + + .X100TopicPagetit .t1 p, + .X100TopicPagetit .t1 span, + .X100TopicPagetit .t1 { + font-size: 14px !important; + } + + .X100TopicPagetit .t2 { + font-size: 14px; + } + + .TopicPageCon8 .TopicPagetit h5 { + font-size: 14px; + } + + .X100TopicPage1 { + padding-top: 30px; + } + + .X100TopicPage1 .X100TopicPagetit { + margin-top: 10px; + } + + .X100TopicPage1 .img { + width: 75%; + } + + .X100TopicPage2 .right .X100TopicPagetit .t { + margin-top: 15px; + } + + .X100TopicPage2 .right .X100TopicPagetit .t1 { + margin-top: 10px; + } + + .X100TopicPage2 .right .X100TopicPagetit .t2 { + margin-top: 10px; + } + + .Z6TopicPage1 { + padding-top: 30px; + } + + .Z6TopicPage2 .img { + margin: 20px auto 0; + width: 80%; + } + + .Z6TopicPage4 .icon img { + max-width: 50%; + margin-bottom: 10px; + } + + .classicCase_CCE .Case_CCETabBar .tabTerm { + width: 100px; + line-height: 40px; + margin: 0 5px; + font-size: 14px; + } + + .classicCase_CCE .Case_CCETabCont .tabItem .form1 .input { + display: block; + } + + .classicCase_CCE .Case_CCETabCont .tabItem .form1 .input h5 { + width: 100%; + font-size: 14px; + } + + .classicCase_CCE .Case_CCETabCont .tabItem .form1 .input input { + margin-top: 5px; + } + + .classicCase_CCE .Case_CCETabCont .tabItem .inputBox .left { + width: 100%; + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; + } + + .classicCase_CCE .Case_CCETabCont .tabItem .inputBox .left .img { + margin-bottom: 10px; + width: 50%; + } + + .classicCase_CCE .Case_CCETabCont .tabItem .inputBox .left .img img { + width: 100%; + height: 100%; + } + + .classicCase_CCE .Case_CCETabCont .tabItem .inputBox { + display: block; + } + + .PastHighlights .con .PastHighlights_swiper { + margin-top: 20px; + } + + .Service_Network .con1 .tit { + font-size: 16px; + } + + .Service_Network .con1 .container1260 .left .box { + padding: 20px 15px; + } + + .Service_Network .con1 .container1260 .left .box .liBox h5 { + font-size: 16px; + padding-bottom: 10px; + } + + .Service_Network .con1 .container1260 .left .box .liBox .list .li p { + font-size: 14px; + } + + .Service_Network .con1 .container1260 .ditu { + height: 400px; + overflow-x: auto; + } + + .Service_Network .con1 .container1260 .ditu #china-map { + width: 500px; + } + + .classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input { + width: 100%; + margin-bottom: 10px; + display: block; + } + + .classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input h5 { + width: 100%; + } + + .classicCase_CCE .Case_CCETabCont .tabItem .form2 .inputBox .input.Lodd { + margin-left: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } + + .classicCase_CCE .Case_CCETabCont .tabItem .form2 button { + margin: 10px auto 0; + } + + .classicCase_CCE .top h5 { + font-size: 22px; + } + + .ProductXQ2 { + text-align: center; + } + + .ProductXQ2 .tit { + font-size: 20px; + padding: 20px 0; + } + + .ProductXQ2 .con { + padding: 30px 20px; + } + + .ProductXQ2 .con .text { + font-size: 14px; + margin-top: 20px; + } + + .service_Software .right .tit, + .aboutUs .tit2 h5, + .PastHighlights .con .PastHighlights_swiper .swiper-slide a .text h5 { + font-size: 20px !important; + } + + .PastHighlights .con .PastHighlights_swiper .swiper-slide a .text p, + .aboutUs .con1 .text .t1, + .aboutUs .tit2 p { + font-size: 14px; + } + + .aboutUs .tit1 .t { + font-size: 14px !important; + margin-top: 10px !important; + line-height: 1.5 !important; + } + + .Lhonor .con .box { + height: 150px; + } + + .Lhonor .top { + overflow-x: auto; + } + + .Lhonor .top::-webkit-scrollbar { + display: none; + } + + .Lhonor .top a { + font-size: 14px; + margin: 0 10px; + } + + .aboutUs .con7 .top .more { + font-size: 12px; + line-height: 18px; + padding: 0 5px; + } + + .aboutUs .con7 .aboutUsCon7_swiper .swiper-slide { + height: 150px; + } + + .tong_title p { + text-align: left; + } +} + +@media (max-width: 280px) { + .AnchorLocation .con .li { + font-size: 12px; + } + + .plan-advantage-box .plan-advantage-item .advantage-item-top div { + width: 18px; + height: 18px; + } + + .plan-advantage-box .plan-advantage-item .advantage-item-top h5 { + font-size: 16px; + } + + .plan-advantage-box .plan-advantage-item .advantage-item-bottom { + font-size: 12px; + } + + .layui-table[lay-size=lg] td, + .layui-table[lay-size=lg] th { + padding: 15px 0px; + } + + .my-table th { + font-size: 14px; + } + + .my-table td { + font-size: 12px; + } +} + +.popWindow { + position: fixed; + width: 495px; + height: auto; + right: 10px; + bottom: 1%; + /* background-color: #00479d; */ + z-index: 88888; + border-radius: 10px; + font-size: 16px; + color: #fff; + background-size: cover; + overflow: hidden; + padding: 40px 20px 30px 30px; +} + +.popWindow .closeDiv { + position: absolute; + right: 3%; + top: 2%; + display: block; + cursor: pointer; + z-index: 9999; +} + +.popWindow .closeDiv .i { + color: #fff; + font-size: 26px; +} + +.popWindow .popWindow_box { + height: 100%; + width: 100%; + max-height: 300px; + overflow-x: hidden; + overflow-y: auto; + padding-right: 20px; +} + +.popWindow .popWindow_box::-webkit-scrollbar { + /*滚动条整体样式*/ + width: 3px; + /*高宽分别对应横竖滚动条的尺寸*/ + height: 1px; + background-color: #fff; + border-radius: 3px; +} + +.popWindow .popWindow_box::-webkit-scrollbar-thumb { + /*滚动条里面小方块*/ + border-radius: 10px; + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); + background: #00479d; + width: 3px; +} + +.popWindow .popWindow_box::-webkit-scrollbar-track { + /*滚动条里面轨道*/ + width: 3px; + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); + border-radius: 2px; + background: #fff; + border-radius: 3px; +} + +.popWindow .popWindow_box h5 { + border-bottom: 1px solid #e5e5e5; + font-size: 22px; + font-weight: bold; + line-height: 48px; + text-align: center; + margin-bottom: 10px; +} + +.popWindow .popWindow_box { + font-size: 16px; + line-height: 1.4; + color: #fff; +} + +.phongpopWindow { + display: none; +} + +.Topping { + width: 55px; + height: 55px; + text-align: center; + border-radius: 50%; + background-color: #00479d; + position: fixed; + right: 10px; + bottom: 10%; + opacity: 0; + pointer-events: none; + cursor: pointer; + transition: all 0.3s; + z-index: 10; +} + +.Topping.active { + opacity: 1; + pointer-events: all; +} + +.Topping i { + color: #fff; + line-height: 55px; + font-size: 42px; +} + +@media (max-width: 765px) { + .X100TopicPagetit .t1 { + width: 100%; + padding: 0 15px; + } + + .Topping { + bottom: 5%; + width: 40px; + height: 40px; + } + + .Topping i { + line-height: 40px; + font-size: 20px; + } + + .container1260 { + padding: 0 15px !important; + margin: 0 !important; + } + + .home2 { + padding: 20px 0 !important; + } + + .index_purpose { + padding: 0 !important; + } + + .index_news { + padding: 20px 0 !important; + } + + .popWindow { + display: none; + } + + .phongpopWindow { + background-image: url(resources/bj25.jpg); + background-size: cover; + position: fixed; + right: 0; + bottom: 50px; + display: inline-block; + z-index: 999; + } + + .phongpopWindow a { + padding: 6px; + font-size: 22px; + line-height: 1.3; + color: #fff; + font-weight: bold; + display: inline-block; + letter-spacing: 3px; + + } +} + + +@media (min-width: 1920px) { + + .X100TopicPagetit h5, + .TopicPagetit, + .X100TopicPagetit .t1 { + max-width: 63vw; + } + + .container1220 { + width: 63vw; + } + + .hsearch_btn i, + .yuyan_icon i { + font-size: 1.5vw; + } + + .yuyan_icon::after { + height: 1.25vw; + } + + .classicCase_XQ .return a img { + width: 1vw; + margin-left: 1.1875vw; + } + + .Topping { + width: 3.4375vw; + height: 3.4375vw; + } + + .Topping i { + font-size: 3vw; + line-height: 3.4375vw; + } + + .more_links, + .ft_fvlink, + .ppsw_box .more_links { + font-size: .8vw; + } + + .ftbt_cont .ft_beian { + font-size: .8vw; + } + + .more_links .iconfont { + width: 0.75vw; + height: .125vw; + } + + .more_links .iconfont::after { + top: -0.1875vw; + right: -0.25vw; + border-top: 0.25vw solid transparent; + border-left: 0.25vw solid #fff; + border-bottom: 0.25vw solid transparent; + } + + .purpose_tab .item { + line-height: 2.5vw; + } + + .innew_bgbox .right_ul .item .desc { + font-size: 0.857vw; + } + + .incase_tablist .item { + height: 3.75vw; + } + + .incase_tablist .item.active { + height: 5.625vw; + } + + .classicCase_XQ .con p, + .classicCase_XQ .con p span { + font-size: .83vw !important; + } + + .TopicPage_download .box .list2 .li .icon1, + .service_Software .right .con1 .box .left .TextIcon, + .TopicPage_download .box .list a .TextIcon { + width: 1.375vw; + } + + .footer .footer_nav dl dd a { + line-height: 1.6; + } + + .AnchorLocation .con { + max-width: 78.75vw; + } + + .publicLeft .li .liOn { + width: 0.625vw; + height: 0.625vw; + border: 0.125vw solid transparent; + right: 0.625vw; + border-top-color: #333; + border-right-color: #333; + } + + .publicLeft .li .ul2 .li3 .ul3 a::before { + width: 0.3125vw; + height: 0.3125vw; + left: 0.625vw; + } + + .publicLeft .li .ul2 .li3 .ul3 a { + padding-left: 1.5625vw; + } + + .classicCase_big .text .WatchVideo img { + width: 1.5625vw; + height: 1.5625vw; + } + + .LVideoPopup .con .off { + width: 2.1875vw; + height: 2.1875vw; + top: -2.1875vw; + } + + .PastHighlights .con .PastHighlights_swiper .swiper-slide a .text p { + line-height: 1.375vw; + height: 2.75vw; + } + + .PastHighlights .con .PastHighlights_prev, + .PastHighlights .con .PastHighlights_next { + width: 3vw; + height: 3vw; + background-size: 0.5625vw 0.9375vw; + } + + .Service_AfterSale .con .left .icon { + width: 3.125vw; + margin-right: 1.75vw; + } + + .News .top .News_swiper .swiper-slide a .text p { + line-height: 1.5vw; + height: 4.5vw; + } + + .layui-laypage a, + .layui-laypage span { + width: 2.5vw !important; + height: 2.5vw !important; + line-height: 2.5vw !important; + font-size: 1vw !important; + margin: 0 0.625vw !important; + } + + .layui-laypage-next::before { + border: 0.375vw solid transparent; + right: 0.6875vw; + border-left-color: #00479d; + } + + .layui-laypage-prev::before { + border: 0.375vw solid transparent; + left: 0.6875vw; + border-right-color: #00479d; + } + + .News .top .News_swiper .News_pagination .swiper-pagination-bullet { + width: 0.4167vw; + height: 0.4167vw; + margin: 0 0.1875vw; + } + + .News .top .News_swiper .News_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { + width: 1.25vw; + } + + .aboutCon6_prev i, + .aboutCon6_next i { + font-size: 1.125vw; + } + + .investor_yj .con a .left .icon { + width: 1.5625vw; + height: 1.5625vw; + margin-right: 0.875vw; + } + + .investor_yj .con a .left .icon img { + width: 100%; + } + + .investor_yj .con a .right .icon { + width: 0.875vw; + margin-right: 1.25vw; + } + + .investor_yj .con a .right .icon img { + width: 100%; + } + + +} \ No newline at end of file diff --git a/src/static/iconfont/iconfont.css b/src/static/iconfont/iconfont.css new file mode 100644 index 0000000..4caf41e --- /dev/null +++ b/src/static/iconfont/iconfont.css @@ -0,0 +1,283 @@ +@font-face { + font-family: "iconfont"; + src: url('iconfont.woff2') format('woff2'), + url('iconfont.woff') format('woff'), + url('iconfont.ttf') format('truetype'); +} + +.iconfont { + font-family: "iconfont" !important; + font-size: 16px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon_icon_jiantou12_right:before { + content: "\e60e"; +} + +.icon_shangjiantou:before { + content: "\e60b"; +} + +.icon_shangjiantou1:before { + content: "\e60d"; +} + +.icon_xiazai2:before { + content: "\e617"; +} + +.icon_weizhi:before { + content: "\e78b"; +} + +.icon_jiantou11_left:before { + content: "\e76b"; +} + +.icon_jiantou11_right:before { + content: "\e8dc"; +} + +.icon_dingwei:before { + content: "\e8c4"; +} + +.icon_douyin:before { + content: "\e8db"; +} + +.icon_yuanquanjiantou:before { + content: "\e61e"; +} + +.icon_stop:before { + content: "\e650"; +} + +.icon_bofang2:before { + content: "\e87c"; +} + +.icon_pengyouquan:before { + content: "\e621"; +} + +.icon_xiaohongshu:before { + content: "\e609"; +} + +.icon_dianhua1:before { + content: "\e631"; +} + +.icon_bofang1:before { + content: "\e624"; +} + +.icon_liuyan:before { + content: "\e60a"; +} + +.icon_shijian:before { + content: "\e64d"; +} + +.icon_dianhua:before { + content: "\e616"; +} + +.icon_youxiang:before { + content: "\e608"; +} + +.icon_xiazai1:before { + content: "\e620"; +} + +.icon_wendang1:before { + content: "\e69c"; +} + +.icon_address1:before { + content: "\e67e"; +} + +.icon_jiantou10_left:before { + content: "\e768"; +} + +.icon_jiantou10_right:before { + content: "\e607"; +} + +.icon_zuizuo3_left:before { + content: "\e767"; +} + +.icon_zuiyou3_right:before { + content: "\e604"; +} + +.icon_top1:before { + content: "\e612"; +} + +.icon_x:before { + content: "\e688"; +} + +.icon_jiantou9_left:before { + content: "\e6e0"; +} + +.icon_jiantou9_right:before { + content: "\e766"; +} + +.icon_jiantou8_left:before { + content: "\e6a5"; +} + +.icon_zuizuo2_right:before { + content: "\e606"; +} + +.icon_zuizuo2_left:before { + content: "\e763"; +} + +.icon_jiantou8_right:before { + content: "\e764"; +} + +.icon_zuizuo1_left:before { + content: "\e70f"; +} + +.icon_zuizuo1_right:before { + content: "\e762"; +} + +.icon_yanjing1:before { + content: "\e605"; +} + +.icon_position_small1:before { + content: "\e603"; +} + +.icon_qq:before { + content: "\e760"; +} + +.icon_jiantou7_right:before { + content: "\e71a"; +} + +.icon_jiantou7_left:before { + content: "\e602"; +} + +.icon_home1:before { + content: "\e601"; +} + +.icon_gouwu:before { + content: "\e65c"; +} + +.icon_yonghu:before { + content: "\e719"; +} + +.icon_sousuo1:before { + content: "\e640"; +} + +.icon_jiantou6_left:before { + content: "\e628"; +} + +.icon_jiantou5_left:before { + content: "\e60c"; +} + +.icon_jiantou5_right:before { + content: "\e702"; +} + +.icon_wechat:before { + content: "\e701"; +} + +.icon_weibo:before { + content: "\e626"; +} + +.icon_facebook:before { + content: "\e653"; +} + +.icon_twitter:before { + content: "\e615"; +} + +.icon_jiantou4_right:before { + content: "\e6f3"; +} + +.icon_jiantou4_left:before { + content: "\e76a"; +} + +.icon_jiantou3_up:before { + content: "\e769"; +} + +.icon_jiantou3_right:before { + content: "\e651"; +} + +.icon_jiantou3_left:before { + content: "\e6ba"; +} + +.icon_jiantou3_down:before { + content: "\e761"; +} + +.icon_jiantou2_left:before { + content: "\e6b9"; +} + +.icon_jiantou2_right:before { + content: "\e614"; +} + +.icon_zanting:before { + content: "\e63a"; +} + +.icon_bofang:before { + content: "\e635"; +} + +.icon_sousuo:before { + content: "\e61d"; +} + +.icon_yuyan:before { + content: "\e600"; +} + +.icon_jiantou1_right:before { + content: "\e6b7"; +} + +.icon_jiantou1_left:before { + content: "\e6b8"; +} + diff --git a/src/static/iconfont/iconfont.ttf b/src/static/iconfont/iconfont.ttf new file mode 100644 index 0000000..1725dc7 Binary files /dev/null and b/src/static/iconfont/iconfont.ttf differ diff --git a/src/static/iconfont/iconfont.woff b/src/static/iconfont/iconfont.woff new file mode 100644 index 0000000..204ede2 Binary files /dev/null and b/src/static/iconfont/iconfont.woff differ diff --git a/src/static/iconfont/iconfont.woff2 b/src/static/iconfont/iconfont.woff2 new file mode 100644 index 0000000..115b826 Binary files /dev/null and b/src/static/iconfont/iconfont.woff2 differ diff --git a/src/static/image/E.jpg b/src/static/image/E.jpg new file mode 100644 index 0000000..12563ec Binary files /dev/null and b/src/static/image/E.jpg differ diff --git a/src/static/image/banner/new_二次开发解决方案.jpg b/src/static/image/banner/new_二次开发解决方案.jpg new file mode 100644 index 0000000..ea69dfd Binary files /dev/null and b/src/static/image/banner/new_二次开发解决方案.jpg differ diff --git a/src/static/image/banner/new_云平台.png b/src/static/image/banner/new_云平台.png new file mode 100644 index 0000000..2717231 Binary files /dev/null and b/src/static/image/banner/new_云平台.png differ diff --git a/src/static/image/banner/new_同步视频处理方案.png b/src/static/image/banner/new_同步视频处理方案.png new file mode 100644 index 0000000..0221261 Binary files /dev/null and b/src/static/image/banner/new_同步视频处理方案.png differ diff --git a/src/static/image/banner/new_商显解决方案.png b/src/static/image/banner/new_商显解决方案.png new file mode 100644 index 0000000..1bc31a5 Binary files /dev/null and b/src/static/image/banner/new_商显解决方案.png differ diff --git a/src/static/image/banner/new_灯杆解决方案.png b/src/static/image/banner/new_灯杆解决方案.png new file mode 100644 index 0000000..6d9c2ed Binary files /dev/null and b/src/static/image/banner/new_灯杆解决方案.png differ diff --git a/src/static/image/banner/new_车载解决方案.png b/src/static/image/banner/new_车载解决方案.png new file mode 100644 index 0000000..8b98157 Binary files /dev/null and b/src/static/image/banner/new_车载解决方案.png differ diff --git a/src/static/image/banner/old_AIPS.jpg b/src/static/image/banner/old_AIPS.jpg new file mode 100644 index 0000000..1c33e53 Binary files /dev/null and b/src/static/image/banner/old_AIPS.jpg differ diff --git a/src/static/image/banner/old_LED灯杆屏.jpg b/src/static/image/banner/old_LED灯杆屏.jpg new file mode 100644 index 0000000..357472a Binary files /dev/null and b/src/static/image/banner/old_LED灯杆屏.jpg differ diff --git a/src/static/image/banner/old_商显控制器.jpg b/src/static/image/banner/old_商显控制器.jpg new file mode 100644 index 0000000..1508556 Binary files /dev/null and b/src/static/image/banner/old_商显控制器.jpg differ diff --git a/src/static/image/banner/old_异步控制.jpg b/src/static/image/banner/old_异步控制.jpg new file mode 100644 index 0000000..b0dc588 Binary files /dev/null and b/src/static/image/banner/old_异步控制.jpg differ diff --git a/src/static/image/banner/old_灯杆控制系统.jpg b/src/static/image/banner/old_灯杆控制系统.jpg new file mode 100644 index 0000000..67a7674 Binary files /dev/null and b/src/static/image/banner/old_灯杆控制系统.jpg differ diff --git a/src/static/image/banner/old_车载控制系列.jpg b/src/static/image/banner/old_车载控制系列.jpg new file mode 100644 index 0000000..4fa2089 Binary files /dev/null and b/src/static/image/banner/old_车载控制系列.jpg differ diff --git a/src/static/image/homeFooterCanvasBg/darksky.jpg b/src/static/image/homeFooterCanvasBg/darksky.jpg new file mode 100644 index 0000000..3190269 Binary files /dev/null and b/src/static/image/homeFooterCanvasBg/darksky.jpg differ diff --git a/src/static/image/homeFooterCanvasBg/starsky.jpg b/src/static/image/homeFooterCanvasBg/starsky.jpg new file mode 100644 index 0000000..2c091f4 Binary files /dev/null and b/src/static/image/homeFooterCanvasBg/starsky.jpg differ diff --git a/src/static/image/homeFooterCanvasBg/whiteland.jpg b/src/static/image/homeFooterCanvasBg/whiteland.jpg new file mode 100644 index 0000000..c65be36 Binary files /dev/null and b/src/static/image/homeFooterCanvasBg/whiteland.jpg differ diff --git a/src/static/image/homeFooterCanvasBg/xingkong1.jpg b/src/static/image/homeFooterCanvasBg/xingkong1.jpg new file mode 100644 index 0000000..1dd74f0 Binary files /dev/null and b/src/static/image/homeFooterCanvasBg/xingkong1.jpg differ diff --git a/src/static/image/logo.png b/src/static/image/logo.png new file mode 100644 index 0000000..ecf7eaf Binary files /dev/null and b/src/static/image/logo.png differ diff --git a/src/static/js/AnimOnScroll.js b/src/static/js/AnimOnScroll.js new file mode 100644 index 0000000..f6b38e8 --- /dev/null +++ b/src/static/js/AnimOnScroll.js @@ -0,0 +1,178 @@ +/** + * animOnScroll.js v1.0.0 + * http://www.codrops.com + * + * Licensed under the MIT license. + * http://www.opensource.org/licenses/mit-license.php + * + * Copyright 2013, Codrops + * http://www.codrops.com + */ +; (function (window) { + + 'use strict'; + + var docElem = window.document.documentElement; + + function getViewportH() { + var client = docElem['clientHeight'], + inner = window['innerHeight']; + + if (client < inner) + return inner; + else + return client; + } + + function scrollY() { + return window.pageYOffset || docElem.scrollTop; + } + + // http://stackoverflow.com/a/5598797/989439 + function getOffset(el) { + var offsetTop = 0, offsetLeft = 0; + do { + if (!isNaN(el.offsetTop)) { + offsetTop += el.offsetTop; + } + if (!isNaN(el.offsetLeft)) { + offsetLeft += el.offsetLeft; + } + } while (el = el.offsetParent) + + return { + top: offsetTop, + left: offsetLeft + } + } + + function inViewport(el, h) { + var elH = el.offsetHeight, + scrolled = scrollY(), + viewed = scrolled + getViewportH(), + elTop = getOffset(el).top, + elBottom = elTop + elH, + // if 0, the element is considered in the viewport as soon as it enters. + // if 1, the element is considered in the viewport only when it's fully inside + // value in percentage (1 >= h >= 0) + h = h || 0; + + return (elTop + elH * h) <= viewed && (elBottom - elH * h) >= scrolled; + } + + function extend(a, b) { + for (var key in b) { + if (b.hasOwnProperty(key)) { + a[key] = b[key]; + } + } + return a; + } + + function AnimOnScroll(el, options) { + this.el = el; + this.options = extend(this.defaults, options); + this._init(); + } + + AnimOnScroll.prototype = { + defaults: { + // Minimum and a maximum duration of the animation (random value is chosen) + minDuration: 0, + maxDuration: 0, + // The viewportFactor defines how much of the appearing item has to be visible in order to trigger the animation + // if we'd use a value of 0, this would mean that it would add the animation class as soon as the item is in the viewport. + // If we were to use the value of 1, the animation would only be triggered when we see all of the item in the viewport (100% of it) + viewportFactor: 0 + }, + _init: function () { + this.items = Array.prototype.slice.call(document.querySelectorAll('#' + this.el.id + ' > li')); + this.itemsCount = this.items.length; + this.itemsRenderedCount = 0; + this.didScroll = false; + + var self = this; + + imagesLoaded(this.el, function () { + + // initialize masonry + new Masonry(self.el, { + itemSelector: 'li', + transitionDuration: 0 + }); + + if (Modernizr.cssanimations) { + // the items already shown... + self.items.forEach(function (el, i) { + if (inViewport(el)) { + self._checkTotalRendered(); + classie.add(el, 'shown'); + } + }); + + // animate on scroll the items inside the viewport + window.addEventListener('scroll', function () { + self._onScrollFn(); + }, false); + window.addEventListener('resize', function () { + self._resizeHandler(); + }, false); + } + + }); + }, + _onScrollFn: function () { + var self = this; + if (!this.didScroll) { + this.didScroll = true; + setTimeout(function () { self._scrollPage(); }, 60); + } + }, + _scrollPage: function () { + var self = this; + this.items.forEach(function (el, i) { + if (!classie.has(el, 'shown') && !classie.has(el, 'animate') && inViewport(el, self.options.viewportFactor)) { + setTimeout(function () { + var perspY = scrollY() + getViewportH() / 2; + self.el.style.WebkitPerspectiveOrigin = '50% ' + perspY + 'px'; + self.el.style.MozPerspectiveOrigin = '50% ' + perspY + 'px'; + self.el.style.perspectiveOrigin = '50% ' + perspY + 'px'; + + self._checkTotalRendered(); + + if (self.options.minDuration && self.options.maxDuration) { + var randDuration = (Math.random() * (self.options.maxDuration - self.options.minDuration) + self.options.minDuration) + 's'; + el.style.WebkitAnimationDuration = randDuration; + el.style.MozAnimationDuration = randDuration; + el.style.animationDuration = randDuration; + } + + classie.add(el, 'animate'); + }, 25); + } + }); + this.didScroll = false; + }, + _resizeHandler: function () { + var self = this; + function delayed() { + self._scrollPage(); + self.resizeTimeout = null; + } + if (this.resizeTimeout) { + clearTimeout(this.resizeTimeout); + } + this.resizeTimeout = setTimeout(delayed, 1000); + }, + _checkTotalRendered: function () { + ++this.itemsRenderedCount; + if (this.itemsRenderedCount === this.itemsCount) { + window.removeEventListener('scroll', this._onScrollFn); + } + } + } + + // add to global namespace + window.AnimOnScroll = AnimOnScroll; + +})(window); \ No newline at end of file diff --git a/src/static/js/BeerSlider.js b/src/static/js/BeerSlider.js new file mode 100644 index 0000000..f290582 --- /dev/null +++ b/src/static/js/BeerSlider.js @@ -0,0 +1 @@ +!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.BeerSlider=e():t.BeerSlider=e()}(window,function(){return function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=47)}([function(t,e){t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")()},function(t,e,n){var r=n(11)("wks"),o=n(33),i=n(0).Symbol,c=n(54);t.exports=function(t){return r[t]||(r[t]=c&&i[t]||(c?i:o)("Symbol."+t))}},function(t,e,n){var r=n(5);t.exports=function(t){if(!r(t))throw TypeError(String(t)+" is not an object!");return t}},function(t,e,n){var r=n(8),o=n(21);t.exports=n(6)?function(t,e,n){return r.f(t,e,o(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e,n){t.exports=!n(12)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},function(t,e,n){var r=n(6),o=n(31),i=n(2),c=n(32),u=Object.defineProperty;e.f=r?u:function(t,e,n){if(i(t),e=c(e,!0),i(n),o)try{return u(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},function(t,e,n){var r=n(0),o=n(3),i=n(14),c=n(19),u=n(57);t.exports=function(t,e){var n,a,s,f,l=t.target;if(n=t.global?r:t.stat?r[l]||c(l,{}):(r[l]||{}).prototype)for(a in e){if(s=n[a],f=e[a],!t.forced&&void 0!==s){if(typeof f==typeof s)continue;u(f,s)}(t.sham||s&&s.sham)&&o(f,"sham",!0),i(n,a,f,t.unsafe)}}},function(t,e){t.exports={}},function(t,e,n){var r=n(0),o=n(19),i=r["__core-js_shared__"]||o("__core-js_shared__",{});(t.exports=function(t,e){return i[t]||(i[t]=void 0!==e?e:{})})("versions",[]).push({version:"3.0.0-beta.3",mode:n(13)?"pure":"global",copyright:"© 2018 Denis Pushkarev (zloirock.ru)"})},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e){t.exports=!1},function(t,e,n){var r=n(0),o=n(3),i=n(4),c=n(19),u=n(34),a=n(15),s=a.get,f=a.enforce,l=String(u).split("toString");n(11)("inspectSource",function(t){return u.call(t)}),(t.exports=function(t,e,n,u){"function"==typeof n&&("string"!=typeof e||i(n,"name")||o(n,"name",e),f(n).source=l.join("string"==typeof e?e:"")),t===r?c(e,n):u?t[e]?t[e]=n:o(t,e,n):(delete t[e],o(t,e,n))})(Function.prototype,"toString",function(){return"function"==typeof this&&s(this).source||u.call(this)})},function(t,e,n){var r,o,i,c=n(0),u=n(34),a=n(5),s=n(3),f=n(4),l=n(22),p=n(23),v=c.WeakMap;if("function"==typeof v&&/native code/.test(u.call(v))){var d=new v,h=d.get,y=d.has,g=d.set;r=function(t,e){return g.call(d,t,e),e},o=function(t){return h.call(d,t)||{}},i=function(t){return y.call(d,t)}}else{var m=l("state");p[m]=!0,r=function(t,e){return s(t,m,e),e},o=function(t){return f(t,m)?t[m]:{}},i=function(t){return f(t,m)}}t.exports={set:r,get:o,has:i,enforce:function(t){return i(t)?o(t):r(t,{})},getterFor:function(t){return function(e){var n;if(!a(e)||(n=o(e)).type!==t)throw TypeError("Incompatible receiver, "+t+" required!");return n}}}},function(t,e,n){var r=n(60),o=n(25);t.exports=function(t){return r(o(t))}},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(String(t)+" is not a function!");return t}},function(t,e,n){"use strict";var r=n(17);t.exports.f=function(t){return new function(t){var e,n;this.promise=new t(function(t,r){if(void 0!==e||void 0!==n)throw TypeError("Bad Promise constructor");e=t,n=r}),this.resolve=r(e),this.reject=r(n)}(t)}},function(t,e,n){var r=n(0),o=n(3);t.exports=function(t,e){try{o(r,t,e)}catch(n){r[t]=e}return e}},function(t,e,n){var r=n(5),o=n(0).document,i=r(o)&&r(o.createElement);t.exports=function(t){return i?o.createElement(t):{}}},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e,n){var r=n(11)("keys"),o=n(33);t.exports=function(t){return r[t]||(r[t]=o(t))}},function(t,e){t.exports={}},function(t,e){var n=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:n)(t)}},function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on "+t);return t}},function(t,e){t.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},function(t,e,n){var r=n(8).f,o=n(4),i=n(1)("toStringTag");t.exports=function(t,e,n){t&&!o(t=n?t:t.prototype,i)&&r(t,i,{configurable:!0,value:e})}},function(t,e){t.exports=function(t){try{return{e:!1,v:t()}}catch(t){return{e:!0,v:t}}}},function(t,e,n){t.exports=n(0)},function(t,e,n){var r=n(7),o=n(1)("toStringTag"),i="Arguments"==r(function(){return arguments}());t.exports=function(t){var e,n,c;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=function(t,e){try{return t[e]}catch(t){}}(e=Object(t),o))?n:i?r(e):"Object"==(c=r(e))&&"function"==typeof e.callee?"Arguments":c}},function(t,e,n){t.exports=!n(6)&&!n(12)(function(){return 7!=Object.defineProperty(n(20)("div"),"a",{get:function(){return 7}}).a})},function(t,e,n){var r=n(5);t.exports=function(t,e){if(!r(t))return t;var n,o;if(e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;if("function"==typeof(n=t.valueOf)&&!r(o=n.call(t)))return o;if(!e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},function(t,e){var n=0,r=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+r).toString(36))}},function(t,e,n){t.exports=n(11)("native-function-to-string",Function.toString)},function(t,e,n){"use strict";var r=n(9),o=n(66),i=n(39),c=n(71),u=n(27),a=n(3),s=n(14),f=n(13),l=n(1)("iterator"),p=n(10),v=n(38),d=v.IteratorPrototype,h=v.BUGGY_SAFARI_ITERATORS,y=function(){return this};t.exports=function(t,e,n,v,g,m,x){o(n,e,v);var b,j,S,w=function(t){if(t===g&&_)return _;if(!h&&t in E)return E[t];switch(t){case"keys":case"values":case"entries":return function(){return new n(this,t)}}return function(){return new n(this)}},O=e+" Iterator",P=!1,E=t.prototype,T=E[l]||E["@@iterator"]||g&&E[g],_=!h&&T||w(g),L="Array"==e&&E.entries||T;if(L&&(b=i(L.call(new t)),d!==Object.prototype&&b.next&&(f||i(b)===d||(c?c(b,d):"function"!=typeof b[l]&&a(b,l,y)),u(b,O,!0,!0),f&&(p[O]=y))),"values"==g&&T&&"values"!==T.name&&(P=!0,_=function(){return T.call(this)}),f&&!x||E[l]===_||a(E,l,_),p[e]=_,g)if(j={values:w("values"),keys:m?_:w("keys"),entries:w("entries")},x)for(S in j)!h&&!P&&S in E||s(E,S,j[S]);else r({target:e,proto:!0,forced:h||P},j);return j}},function(t,e,n){var r=n(4),o=n(16),i=n(61)(!1),c=n(23);t.exports=function(t,e){var n,u=o(t),a=0,s=[];for(n in u)!r(c,n)&&r(u,n)&&s.push(n);for(;e.length>a;)r(u,n=e[a++])&&(~i(s,n)||s.push(n));return s}},function(t,e,n){var r=n(24),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},function(t,e,n){"use strict";var r,o,i,c=n(39),u=n(3),a=n(4),s=n(13),f=n(1)("iterator"),l=!1;[].keys&&("next"in(i=[].keys())?(o=c(c(i)))!==Object.prototype&&(r=o):l=!0),void 0==r&&(r={}),s||a(r,f)||u(r,f,function(){return this}),t.exports={IteratorPrototype:r,BUGGY_SAFARI_ITERATORS:l}},function(t,e,n){var r=n(4),o=n(67),i=n(22)("IE_PROTO"),c=n(68),u=Object.prototype;t.exports=c?Object.getPrototypeOf:function(t){return t=o(t),r(t,i)?t[i]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?u:null}},function(t,e,n){var r=n(2),o=n(69),i=n(26),c=n(41),u=n(20),a=n(22)("IE_PROTO"),s=function(){},f=function(){var t,e=u("iframe"),n=i.length;for(e.style.display="none",c.appendChild(e),e.src="javascript:",(t=e.contentWindow.document).open(),t.write("