Compare commits

...

64 Commits

Author SHA1 Message Date
lzx 88b222161a Merge branch 'dev' of http://47.129.22.53:22345/lizixuan/webs 2025-05-22 15:03:13 +08:00
yaoqin 21e5b9800f 压缩图片 2025-05-22 15:02:13 +08:00
lzx b904e49447 Merge branch 'dev' of http://47.129.22.53:22345/lizixuan/webs 2025-05-22 14:15:48 +08:00
yaoqin 4f0c460668 修复跳转 删除AI文字 2025-05-22 14:14:49 +08:00
lzx 20546e745b Merge branch 'dev' of http://47.129.22.53:22345/lizixuan/webs 2025-05-22 14:10:44 +08:00
yaoqin 2810dd5bb6 删除含有人工智能、AI计算的内容,修复跳转bug 2025-05-22 14:09:52 +08:00
yaoqin 2c9a1c4f2c 修改主页按钮及项目title 2025-05-22 11:44:55 +08:00
lzx 48bcfb41c2 Merge branch 'dev' of http://47.129.22.53:22345/lizixuan/webs 2025-05-22 11:37:57 +08:00
yaoqin 9133a9329b 优化主页芯片代理的点击滚动功能 2025-05-22 11:36:21 +08:00
lzx 677b031451 Merge branch 'dev' of http://47.129.22.53:22345/lizixuan/webs 2025-05-22 11:25:22 +08:00
yaoqin b4428e08df 驭鑫网站重写 new yxsilicon 2025-05-22 11:22:59 +08:00
yaoqin 503b5f14b1 重写驭鑫网站 new yxsilicon 2025-05-22 10:58:44 +08:00
yaoqin c7dec1cf35 重写驭鑫网站 当前已完成 首页、关于驭鑫页面 2025-05-16 15:04:20 +08:00
lzx 69def66764 update yxsilicon docs 2025-05-13 16:22:34 +08:00
lzx 2ab9ca4d9c Merge branch 'dev' of http://47.129.22.53:22345/lizixuan/webs 2025-05-12 16:56:34 +08:00
yaoqin 4b4ecee679 删除汉晶项目有关AI字段以及图片更换 2025-05-12 16:28:29 +08:00
yaoqin d76668bfd4 miner 页面代码 2025-05-09 14:34:41 +08:00
lzx 412e2f7031 Merge branch 'dev' 2025-05-08 17:50:08 +08:00
yaoqin ff15341443 英文公司名称 2025-05-08 17:22:52 +08:00
yaoqin 69980bb413 芯片产品文字中英文翻译 2025-05-08 17:08:35 +08:00
yaoqin 602ee741e0 更改所有页面中英文切换样式及JS功能代码 所有页面logo图片不切换 2025-05-08 17:04:34 +08:00
yaoqin 3923e4df10 汉晶添加中英文翻译 2025-05-08 14:56:06 +08:00
lzx 9b886ccf18 Merge branch 'dev' 2025-04-30 11:49:09 +08:00
lzx 9a36958af1 merge dev into main 2025-04-30 11:49:02 +08:00
yaoqin bd38cf7e2d Merge branch 'dev' of http://47.129.22.53:22345/lizixuan/webs into dev 2025-04-30 11:47:08 +08:00
yaoqin 5db928797f 修改主营页面页面文字内容 2025-04-30 11:45:44 +08:00
lzx cb0a86698d merge dev into main 2025-04-28 16:43:47 +08:00
lzx a0948c6615 update docs 2025-04-28 16:41:25 +08:00
yaoqin 75df70fc78 修改展望未来页面文字描述、删除6个产品案例 2025-04-28 16:39:22 +08:00
lzx 14147c06ce update delete some products 2025-04-28 16:14:25 +08:00
lzx 2542e573de update docs 2025-04-28 16:10:12 +08:00
lzx e4b362d26d Merge branch 'dev' of http://47.129.22.53:22345/lizixuan/webs into dev 2025-04-27 15:44:57 +08:00
yaoqin 35713f4d83 调整展望未来页面文字 2025-04-27 15:19:11 +08:00
lzx 8fda9b7f8b update hjsilicon.md 2025-04-27 15:10:37 +08:00
yaoqin 903d2f183c 更新汉晶 关于我们页面的文字信息 2025-04-27 11:49:37 +08:00
yaoqin 01fbdf71a6 更新汉晶新需求 2025-04-25 18:03:20 +08:00
yaoqin d64ed43221 汉晶删除3个产品案例、添加地图组件 2025-04-25 17:18:01 +08:00
lzx 461fed6bd6 update hjsilicon 2025-04-25 15:14:25 +08:00
lzx 779183bf82 update dev 2025-04-25 15:06:53 +08:00
lzx f6bf0cdf05 merge dev into main 2025-04-25 15:02:55 +08:00
lzx f3914cf1e6 merge branch dev into main 2025-04-25 14:57:01 +08:00
yaoqin 62f22bd1c1 汉晶展望未来页面 显示调整 2025-04-25 13:50:55 +08:00
yaoqin b3dbe515b4 汉晶图片路径修改 2025-04-25 13:36:48 +08:00
lzx ded48c0625 Merge dev into main 2025-04-25 11:51:04 +08:00
yaoqin ea02673740 修改图片路径、产品案列注释客户需求相关文字 2025-04-25 11:48:06 +08:00
yaoqin 6d6f59d7a8 1.重写汉晶网站
2.修改巨象云数网站“软件开发” 改为 “网站服务”
2025-04-25 11:12:40 +08:00
lzx f21af39358 update 2025-04-24 18:50:22 +08:00
lzx 6fc1b1aa16 add docs/webs_server.md 2025-04-24 18:05:57 +08:00
lzx 716d741d9b Merge branch 'main' of http://47.129.22.53:22345/lizixuan/webs 2025-04-23 15:25:05 +08:00
lzx 761e6284a4 update docs: yxsilicon.md 2025-04-23 15:24:39 +08:00
lizixuan 232165ebd7 删除 docs/hjsilicon.html 2025-04-23 07:20:21 +00:00
lzx 4120110569 update docs: hjsilicon.md 2025-04-23 15:14:45 +08:00
yaoqin 3eb78af090 refactor: 将hanjing项目的图片目录从SVG重命名为svg
- 保持项目文件命名一致性
- 解决大小写敏感环境下的潜在问题
2025-04-23 11:52:21 +08:00
yaoqin 53fe293094 refactor: 将hanjing项目的图片目录从PNG重命名为png
- 保持项目文件命名一致性
- 解决大小写敏感环境下的潜在问题
2025-04-23 11:49:38 +08:00
yaoqin cc2ce9446e 汉晶路径全改小写 2025-04-23 11:33:57 +08:00
yaoqin abbc33395c 更新汉晶代码“
git commit -m 更新汉晶代码“
2025-04-23 11:14:59 +08:00
lzx ac25b947e2 update hjsilicon.md 2025-04-22 16:25:16 +08:00
lzx 7a66f9a872 update 2025-04-21 15:04:06 +08:00
lzx c0e6c667a8 update docs 2025-04-21 11:45:32 +08:00
lzx f64dcd435b update docs 2025-04-21 11:43:27 +08:00
lzx 693f2ad1f5 update webs docs 2025-04-21 11:41:18 +08:00
lzx e4be66c067 add 4 webs docs 2025-04-18 19:23:54 +08:00
lzx 7571592d24 add web design docs 2025-04-18 18:27:44 +08:00
yaoqin 64f104ffad release汉晶网站完成 2025-04-18 14:16:06 +08:00
249 changed files with 14362 additions and 12 deletions

35
docs/README.md Normal file
View File

@ -0,0 +1,35 @@
# JXYS网站设计规范标准
## 官网类
### 设计思路
```
1一般采用响应式设计适配PC端和移动端
2一般采用简洁的布局突出重点内容
3一般采用高质量的图片和视频提升用户体验
4一般采用简洁的字体和颜色提升阅读体验
5一般采用简洁的导航和菜单提升操作体验
6一般采用简洁的按钮和表单提升操作体验
7一般采用简洁的图标和动画提升视觉体验
8一般采用简洁的提示和反馈提升用户体验
9一般采用简洁的加载和进度条提升用户体验
10一般采用简洁的搜索和筛选提升用户体验
```
### 模块设计
```
1页头(头部导航)包括网站logo、首页跳转、公司介绍、产品介绍、技术支持、电子商城(如果有需要)、联系我们、页尾(尾部导航) 等通用模块
2首页包括轮播图、新闻动态、产品展示、合作伙伴、联系我们、页尾(尾部导航) 等模块
3公司介绍包括公司简介、企业文化、组织架构、荣誉资质 等模块
4产品介绍包括产品分类、产品详情、产品对比、产品下载 等模块
4技术支持包括技术文档、常见问题、在线客服 等模块
5电子商城(如果有需要):包括商品分类、商品详情、购物车、订单管理 等模块
6联系我们包括联系方式、在线留言、地图定位 等模块
7页尾(尾部导航):包括版权信息、友情链接、网站地图 等模块
```
### 设计技术
```
html+css+js
如有后台服务需求可使用express 或 express
```

103
docs/hjsilicon.md Normal file
View File

@ -0,0 +1,103 @@
# 一、芯片设计技术服务
## 1、服务概述
我们公司提供全方位的芯片设计技术服务涵盖从需求讨论、系统设计、逻辑设计、FPGA原型验证到最终的芯片制造、测试与验证等各个环节。我们采用行业领先的工具和技术确保芯片的性能、功耗、稳定性都能满足客户需求。
## 2、 服务内容
- **需求分析与规划**:根据客户的应用场景,进行深度调研,分析产品需求,输出系统方案。
- **芯片架构设计**:从芯片框架设计到芯片核心模块设计,包括接口定义等,确保基于此架构就可以正常进行逻辑设计。
- **逻辑设计与验证**:使用先进的设计工具(如 Verilog进行芯片逻辑设计并通过仿真与验证工具如 systemverilog确保功能和性能的正确性。通过后仿确定芯片功耗、面积符合客户需求。
- **硬件设计与原理图**在芯片封装设计时充分考虑到PCB板设计不仅仅是考虑芯片本身在芯片设计时就考虑产品的可靠性和稳定性。
- **制程与工艺**:团队与先进半导体制造厂有着长期的合作,对工艺细节了解充分,确保芯片生产过程中的质量控制与工艺优化,工艺良率达到业界领先水平。
- **测试与验证**:针对刚出厂的芯片,能对应设计开发测试板,提供包括功能测试、性能测试、功耗测试、热测试等全面的验证服务,保证客户收到的芯片都是合格产品。
- **量产与交付**:根据客户需求,我们提供从小批量试产到大规模量产的全程技术支持,并确保交付时效与质量。
## 3、 服务优势
- **全流程技术服务**:从芯从客户需求沟通到量产交付,提供端到端的技术服务,确保客户需求得到全方位满足。
- **行业经验**:我们的团队拥有多年芯片前后端设计经验,所设计的芯片均流片成功,能够应对复杂的设计挑战,提供个性化解决方案,在低功耗方面有独到的设计方法学。
- **技术工具**采用业界公认的可靠的EDA工具链保证设计功能正确和功耗、面积的准确性。
- **稳定的芯片制造商合作关系**团队与SMIC、GF等芯片制造商有着良好的合作关系在12nm、22nm等先进制程上均有流片并都是一版流片成功。
---
# 二、成功的工艺与产品案例
**产品Y200 运算加速芯片**
- **客户需求**由于客户业务的急剧扩大客户希望在Y100基础上出一个性能更强、功耗更低的芯片。
- **解决方案**:在上版芯片的架构基础上进一步优化细节,缩减逻辑资源,节省面积。
- **技术亮点**使用了定制化的12nm工艺集成了多个核心模块并通过自研AI算法加速模块提升了AI运算能力。
**产品X100 服务器芯片**
- **客户需求**:客户要求为复杂计算且数据安全设计一款高性能低功耗芯片,能够在复杂环境下稳定工作。
- **解决方案**:我们通过对客户去修的深度研究,设计了一款集成了高速计算、信号处理单元和数据传输功能的芯片。
- **技术亮点**采用了定制化的22nm工艺低功耗设计。
**产品Y100 运算加速芯片**
- **客户需求**客户需要为云计算服务器设计一款高性能低功耗的SoC支持AI加速处理。
- **解决方案**我们根据客户的需求设计了一个集成soc和特定加速模块的系统级芯片。通过先进的架构和特定的低功耗设计确保芯片在性能和功耗上的平衡。
- **技术亮点**使用了定制化的22nm工艺集成了多个核心模块并通过自研AI算法加速模块提升了AI运算能力。
**产品VV10 信息安全芯片**
- **客户需求**客户需要为云计算服务器设计一款高性能低功耗的加密芯片支持常规RSA加密算法。
- **解决方案**我们根据客户的需求设计了一个由CPU核心处理器连接外部存储并通过私有总线扩展外设接口内部包含两个RAM具备ITCM和DTCM用于指令和数据存储。
- **技术亮点**EAI协处理器接口和AES算法核支持高效加解密运算RSA算法核由控制、模乘和寄存器堆组成实现高效RSA算法运算。
**产品FX100 MCU芯片**
- **客户需求**客户需要为医疗器械设计一款低功耗、多功能MCU芯片。
- **解决方案**我们根据客户的需求设计了一个由两个Master和三个Slave组成其中两个Master分别是CPU内核和DMA控制器三个Slave为内部SRAMNVM和外设。
- **技术亮点**FX100采用超低功耗休眠模式μA级别使得搭载该芯片的医疗器械在外部断电时依然可以通过内置电池继续工作。
**产品NAVT1 自动驾驶视觉处理芯片**
- **客户需求**:自动识别障碍物与车道线,适配自动驾驶系统。
- **解决方案**:内置神经网络引擎、图像识别模块,支持 CAN 通信。
- **技术亮点**:支持 YOLOv5识别延迟低集成 IMU 实现高精度导航。
**产品BIOX1 指纹识别芯片**
- **客户需求**:智能门锁中实现快速安全的指纹识别。
- **解决方案**:内置光学传感器接口与指纹模板引擎,支持超低功耗待机。
- **技术亮点**活体检测支持0.3s 识别时间,极低误识率。
**产品WIFI6-UC 通信协议芯片**
- **客户需求**:升级路由器至 Wi-Fi 6 并支持多设备高速连接。
- **解决方案**:实现 OFDMA、MU-MIMO 与 BSS Coloring优化多终端通信。
- **技术亮点**:支持双频并发,吞吐率达 9.6Gbps,节能设计优秀。
**产品GSEC8 安全加密芯片**
- **客户需求**:保障金融终端和智能设备数据安全。
- **解决方案**:集成 RSA/ECC 加速器,支持安全启动与防物理攻击。
- **技术亮点**:支持国密算法,具备 CC EAL5+ 认证与 TRNG。
---
## 三、未来发展与技术趋势
### 1. **持续迭代与优化**
- **应用领域**聚焦AI加速芯片的高效能、低延迟与低功耗优化支持智能终端、边缘计算和行业应用的多场景落地。持续推进自研IP核、算子优化和软硬件协同设计提升芯片整体性能与能效比。
### 2. **从架构到后端全面升级**
- **技术方向**:面向更极致能效目标,系统性优化芯片架构设计,探索异构计算、任务调度、功耗感知等关键技术。结合后端版图设计与工艺优化,打造具备竞争力的低功耗解决方案,助力智能设备与数据中心应用。
### 3. **面向量产的工程化突破**
- **未来规划**:设计出功耗性能更优秀的定制化计算芯片。
---
## 四、技术支持与客户服务
### 1. **技术咨询**
- 提供芯片设计前的需求分析、技术选型、系统架构建议。
### 2. **定制化开发**
- 根据客户的特定需求,提供个性化定制的芯片设计服务,确保项目的高效实施。
### 3. **产品维护与升级**
- 提供持续的技术支持,定期为客户的芯片产品提供性能优化与功能升级。
---
## 五、公司简介
我们公司是一家专注于集成电路设计的高科技公司,致力于为客户提供从芯片设计到量产的全流程服务。我们的团队拥有丰富的行业经验,采用最先进的工具和技术,为客户提供高品质的芯片解决方案。我们始终坚持以客户为中心,以技术为驱动,致力于推动集成电路行业的创新与发展。
**为什么选择汉晶?**
- IC设计全生命周期一站式覆盖
- 独特的低功耗设计,让芯片更有竞争力
- 有稳定的芯片制造商合作关系
- 流片均一版成功即流片成功率100%,助力客户赢得市场

0
docs/miner-backend.md Normal file
View File

45
docs/nicetechsg.md Normal file
View File

@ -0,0 +1,45 @@
# 主营业务
- **芯片设计、生产、制造、销售**
我们专注于芯片的全产业链服务,涵盖设计、生产、制造、销售等多个环节,致力于为客户提供高性能、低功耗、定制化的芯片解决方案。
## 主要芯片产品
1. **处理器芯片SoC**
提供高性能、低功耗的处理器芯片,支持各种计算密集型应用,如人工智能、图形处理和云计算等。
2. **电源管理芯片**
为嵌入式系统和消费电子产品设计高效的电源管理解决方案,优化系统能效和电池寿命。
3. **通信芯片**
设计支持高速数据传输的通信芯片,广泛应用于物联网、智能家居、通信设备等领域。
4. **传感器芯片**
提供各类传感器芯片,包括温度传感器、加速度传感器等,广泛应用于智能硬件、汽车和工业自动化等领域。
5. **存储芯片**
设计高性能存储解决方案,满足各种存储需求,应用于消费电子、汽车、通信设备等多个领域。
## 设计合作伙伴
- **汉晶电子**
作为我们的设计合作伙伴,汉晶电子在芯片设计领域具有丰富的经验,能够为我们提供优质的设计支持。
## 生产合作伙伴
- **格罗方德**
格罗方德是我们的生产合作伙伴,拥有先进的半导体制造能力,能够确保我们产品的高质量和稳定性。
## 封装合作伙伴
- **绿晶**
绿晶负责我们的芯片封装工作,提供高效、可靠的封装解决方案,确保产品在不同环境下的性能表现。
## 主要客户
- **深圳驭鑫**
深圳驭鑫是我们的主要客户之一,涉及多个领域,包括消费电子、汽车和工业自动化等。
## 公司简介
我们的总部位于新加坡主要业务范围是芯片研发、生产和销售以及芯片代理销售。目前该公司的主要研发方向是各种计算加速芯片。已成功研发出游戏加速芯片NT0010以及两款加密算法计算加速芯片NT0030和NT0040。以上产品均采用FCLGA技术包装。目前该公司还代理销售多种其他类型的芯片。

50
docs/szfx.md Normal file
View File

@ -0,0 +1,50 @@
## 深圳丰潇技术服务有限公司 - 主营业务及服务介绍
### 一、网站设计方案实施技术服务
#### 1. 服务概述
我们为企业客户提供从网站策划、视觉设计、前后端开发到部署运维的一站式网站建设解决方案,助力客户打造专业、高效、安全的互联网门户或交易平台。
#### 2. 服务内容
- **网站策划与原型设计**:需求调研、用户体验分析、信息架构设计、原型图设计;
- **UI 视觉设计**:品牌风格提取、界面视觉统一、组件系统构建、高保真稿输出;
- **前端开发**:采用 Vue/React 框架构建响应式页面,兼容多终端设备,进行性能优化与 SEO 支持;
- **后端开发**:基于 Node.js (中小型项目) / Spring企业级项目 开发业务逻辑与 API 接口,支持 MySQL/MongoDB 数据库;
- **系统部署与上线**:部署至云服务器(如阿里云、腾讯云等),配置 CI/CD 流程,提供安全加固与监控运维支持。
#### 3. 适用场景
- 企业官网 / 品牌官网
- 电商商城B2B/B2C
- 教育、政务、医疗等垂直行业平台
- SaaS 管理后台 / 数据可视化平台
---
### 二、企业 AI 模型训练与接入技术服务
#### 1. 服务概述
为企业构建、训练、部署定制化的 AI 模型,支持多种业务场景如智能客服、推荐系统、图像识别、文档处理等。实现 AI 能力的快速接入与业务融合。
#### 2. 服务内容
- **AI 场景需求分析**:明确业务目标,匹配适用模型类别(如 NLP、CV、推荐等
- **数据处理与标注**:数据清洗、格式规范、智能与人工混合标注服务;
- **模型训练与优化**:支持 PyTorch/TensorFlow 等框架,结合 GPU 加速与 AutoML 超参优化;
- **模型服务化部署**:封装为 API支持本地或云端部署提供调用认证、权限控制与限流服务
- **业务系统集成**:接入现有 CRM、ERP、OA 等系统,实现数据回流与模型迭代闭环。
#### 3. 支持场景
- 客服大模型接入与知识库问答
- 电商推荐系统 / 用户画像分析
- 图像识别商品识别、OCR、检测
- NLP 应用(舆情分析、智能问答、文档结构化)
- 多模态生成AI 绘画、广告创意)
#### 4. 技术优势
- 支持大模型微调(如 GPT、BERT、CLIP与私有化部署
- 接入企业专属知识库,提供 RAG 检索增强生成方案
- 内置安全策略与日志审计功能,保障模型可控与合规
---
### 三、公司简介
深圳丰潇技术服务有限公司是一家专注于网站设计与 AI 模型训练的企业,为客户提供全方位的技术服务支持。我们秉承“专业、创新、高效”的理念,致力于帮助客户实现业务目标,提升企业竞争力。

8
docs/webs_server.md Normal file
View File

@ -0,0 +1,8 @@
| 域名 | 服务器ip | 负载均衡器实例 | CNAME-HOST | CNAME-VALUE |
|--------------|----------|----------------------------------|------------------------------|-------------------------------------|
| betmaysg.com | 18.139.226.58 | betmaysg-490498208.ap-southeast-1.elb.amazonaws.com | _281545d4b752c5f8a2edb30fbc62b1a5 | _baf71426857598421e75865d21fafde0.djqtsrsxkq.acm-validations.aws. |
| nicetechsg.com | 13.212.44.168 | nicetechsg-1772585931.ap-southeast-1.elb.amazonaws.com | 9bf69675f66d2169e993cbfe0a224133 | _f249bb7e9914db37ebd80aefb0b275d0.xlfgrmvvlj.acm-validations.aws. |
| yxsilicon.com | 120.77.35.15 | 无(阿里云) | 无 | 无 |
| hjsilicon.com | 120.24.187.195 | 无(阿里云) | 无 | 无 |
| fengxtech.com | 待王总反馈 | 待王总反馈 | 待王总反馈 | 待王总反馈 |
| jxyscd.com | 18.139.226.58 | jxyscd-1798098070.ap-southeast-1.elb.amazonaws.com. | _28e651ae4fcc58f78f0fe46cffd084b5 | _67e27c31459fec7ed63256a60cc1f1b4.xlfgrmvvlj.acm-validations.aws. |

117
docs/yxsilicon.md Normal file
View File

@ -0,0 +1,117 @@
# 公司主营业务与产品设计
## 一、电子产品设计生产制造服务
### 1. 服务概述
我们公司提供全方位的电子产品设计与制造服务,涵盖从需求分析、产品设计、样机开发、生产制造到产品交付的全过程。我们依托先进的技术和工艺,致力于为客户提供高性能、高质量的电子产品解决方案。
### 2. 服务内容
- **产品需求分析**:通过与客户的深入沟通,明确产品功能需求、市场需求和技术要求。
- **硬件设计**基于电子电路设计原理进行精确的原理图设计和PCB布局设计确保电路高效稳定。
- **嵌入式系统设计**:针对客户需求开发定制化的嵌入式系统,确保产品性能与可靠性。
- **外观与结构设计**:提供从外观设计到结构设计的全方位服务,确保产品的美观与耐用性。
- **样机开发与测试**:在设计完成后,进行样机制作、性能测试及反馈改进,确保产品的成熟度和稳定性。
- **量产与制造**:我们与多家先进制造厂合作,提供从小批量试产到大规模量产的服务,确保生产质量和交货时效。
- **质量控制**:实施严格的质量管理体系,进行多项质量测试,确保每一个出厂产品都符合行业标准。
### 3. 电子产品设计案例
- **运算加速器H6PRO**搭载12nm工艺的NT0010B云计算专用芯片作为云基础设施的核心节点提供高效的计算能力适用于大规模数据处理、高性能计算、人工智能等领域。
- **MY100服务器**搭载22nm工艺的云计算专用芯片提供高性能的云计算服务适用于数据中心、企业级应用、云计算平台等场景。
- **C0040Z-服务器**采用水冷散热技术确保服务器在高负载下稳定运行适用于高性能计算、AI计算、大数据处理等领域。
### 4. 服务优势
- **全流程服务**:从产品设计到量产交付,提供从概念到成品的全流程服务。
- **高效的生产能力**:拥有先进的生产设施和高效的生产线,确保产品按时交付。
- **多样化的设计方案**:根据客户需求提供多样化的电子产品设计解决方案,满足不同领域的需求。
---
## 二、芯片代理
我们代理多家国际知名芯片厂商的高性能芯片涵盖通信、嵌入式、AI、汽车电子等多个领域提供全系列的芯片选型与供应服务确保为客户提供最佳的解决方案。
### 1. 以下是我们在国内外代理的常用芯片品牌,涵盖了从控制器、电源、分立器件、传感器到存储器等多个领域,满足不同应用场景的需求。
| 品牌 | 国家 | 产品线 | 应用领域 | 网站 |
|--------------|----------|----------------------------------|------------------------------|-------------------------------------|
| 意法 ST | 欧洲 | 控制器、晶体管、MOSFET、运放、比较器 | 通信、消费、PC、汽车 | [https://www.st.com](https://www.st.com) |
| 德州仪器 TI | 美国 | 控制器,电源,分立器件,射频,微波 | 医疗,消费,工业,汽车,通信 | [https://www.ti.com.cn/](https://www.ti.com.cn/) |
| NXP 恩智浦 | 荷兰 | 控制器,电源,分立器件,射频,传感器 | 医疗,消费,工业,汽车,通信 | [https://www.nxp.com/](https://www.nxp.com/) |
| ON 安森美 | 美国 | 控制器,电源,驱动器,传感器 | 汽车通信PC消费工业 | [https://www.onsemi.cn/](https://www.onsemi.cn/) |
| ADI 亚德诺 | 美国 | 数据转换信号处理IC | 医疗通信PC消费工业 | [https://www.analog.com/](https://www.analog.com/) |
| OMRON 欧姆龙 | 日本 | 连接器,继电器,开关,传感器 | 医疗,消费,工业,汽车 | [www.omron.com.cn](http://www.omron.com.cn) |
| HRS 广濑 | 日本 | 连接器 | 工业,消费,汽车 | [www.hirose.com](http://www.hirose.com) |
| ShinDengen 新电元 | 日本 | 功率器件二极管电源IC | 汽车、3C、工业 | [www.shindengen.co.jp](http://www.shindengen.co.jp) |
| KDS 大真空 | 日本 | 晶振,晶体滤波器 | 气车、通信、GPS | [www.kds.info](http://www.kds.info) |
| SMC | 日本 | 气动控制元件,控制器 | 工业,汽车,汽缸 | [www.smc.com.c](http://www.smc.com.c) |
| ALLIANCE 联盟 | 美国 | 存储器 | 通信、工业、PC | [www.alsc.com/](http://www.alsc.com/) |
| HTC 泰进 | 韩国 | 电源IC线性放大器 | 消费电子通信PC | [http://www.htckorea.co.kr/](http://www.htckorea.co.kr/) |
| SNA 世纳 | 韩国 | 光学传感IC驱动IC | 3C消费 | [http://sna-ic.com/](http://sna-ic.com/) |
| Nordic | 挪威 | 低功耗蓝牙芯片ZIGBEE | 3C消费 | [www.nordicsemi.com](http://www.nordicsemi.com) |
| Panjit强茂 | 中国台湾 | 电源IC线性稳压器功率开关 | 消费电子通信PC | [https://www.panjit.com.cn](https://www.panjit.com.cn) |
| UTC 友顺 | 中国台湾 | 二三极管MOSFETIGBT | 医疗,通信,工业 | [http://www.utc-ic.com/](http://www.utc-ic.com/) |
| Tenx 十速 | 中国台湾 | MCUNVMSOC | 通信、PC | [http://wwwsz.tenx.com.tw/](http://wwwsz.tenx.com.tw/) |
| Nuvoton 新唐 | 中国台湾 | 单片机8051ARM | 消费电子PC | [www.nuvoton.com.cn](http://www.nuvoton.com.cn) |
| 台半 | 中国台湾 | 电源IC整流器二极管 | 消费,工业,汽车 | [www.taiwansemi.com](http://www.taiwansemi.com) |
| Dragonchip 龙芯 | 中国香港 | RF器件图像处理人体参数 | 消费电子 | [www.dragonchip.com](http://www.dragonchip.com) |
| LEC 长弘 | 中国大陆 | 桥式整流器、二极管、三极管、场效应管 | 消费、工业、PC | [http://www.lecsemi.com/](http://www.lecsemi.com/) |
| HDSC 华大 | 中国大陆 | 功率器件SICMCU | 汽车、工业、物联网 | [www.hdsc.com.cn](http://www.hdsc.com.cn) |
| GOWIN 高云 | 中国大陆 | 国产FPGA | 通信、工业、汽车 | [www.gowinsemi.com.cn](http://www.gowinsemi.com.cn) |
| 芯洲 SCT | 中国大陆 | 电源IC | 消费,工业,汽车 | [www.silicontent.com](http://www.silicontent.com) |
| 英联 | 中国大陆 | 电源IC | 医疗,消费,工业 | [www.union-ic.com](http://www.union-ic.com) |
| 顺络电子 SunLord | 中国大陆 | 电感电阻NTC | 消费工业PC | [www.sunlordinc.com](http://www.sunlordinc.com) |
| 芯奥微 NeoMEMS | 中国大陆 | 硅基麦克风 | 消费PC | [www.neomems.com](http://www.neomems.com) |
| 广和通 Fibocom | 中国大陆 | 无线模组 | 工业,汽车 | [www.fibocom.com](http://www.fibocom.com) |
| 大唐微电子 DDT | 中国大陆 | 智能卡芯片,物联网芯片 | 工业,金融 | [www.dmt.com.cn](http://www.dmt.com.cn) |
| 捷捷微电 | 中国大陆 | 可控硅,二极管,整流桥 | 消费,工业,汽车 | [www.jjwdz.com](http://www.jjwdz.com) |
| 富芯森美 | 中国大陆 | 可控硅,场效应管、保护管 | 消费、医疗、工业 | [http://www.fuxinsemi.com/](http://www.fuxinsemi.com/) |
### 2. 芯片选型与支持
我们为客户提供专业的芯片选型服务,根据客户需求推荐最合适的芯片,并提供应用支持,帮助客户快速实现产品研发。
---
## 三、云计算服务器设计生产制造销售
### 1. 服务概述
我们公司提供从云计算服务器的设计、生产到销售的全方位服务,致力于为数据中心、企业客户及云计算平台提供高效、稳定、可扩展的服务器解决方案。
### 2. 服务内容
- **服务器需求分析**:根据客户的计算、存储、带宽等需求,提供个性化的服务器配置和选型建议。
- **硬件设计与定制**:提供针对性硬件设计服务,确保服务器满足客户的高效能和可靠性要求。
- **水冷服务器设计与生产**:我们为高性能计算需求提供专门的水冷服务器设计和生产服务,确保高密度服务器在极限负载下依然能够稳定运行。
- **服务器整机组装**:提供专业的服务器整机组装服务,确保产品在交付前经过严格的测试与调试。
- **售后与维护服务**:为客户提供完善的售后服务,包括产品升级、技术支持及定期维护。
### 3. 水冷服务器范例
**产品:云计算水冷服务器**
- **客户需求**客户需要为高性能计算HPC任务和AI计算提供稳定的服务器要求服务器在高负载下具备良好的散热性能并且能够保持较低的噪音水平。
- **解决方案**我们为客户提供了一款基于水冷散热技术的服务器采用高效水冷系统确保在满负载运行的情况下CPU和GPU温度始终保持在最优范围内。
- **技术亮点**
- **水冷系统**:采用液冷散热技术,能够快速有效地降低服务器内部的热量,避免因过热导致的性能瓶颈。
- **高密度设计**支持多个GPU、CPU的并行计算适用于大规模并行计算任务。
- **低噪音**:由于采用水冷技术,服务器噪音大幅度降低,适合用于数据中心和需要安静环境的场景。
### 4. 服务器定制化服务
根据不同客户的需求,我们可以为客户量身定制云计算服务器,包括处理器、存储、内存、网络接口等方面的配置,确保服务器在特定环境下的最佳性能。
---
## 四、技术支持与客户服务
### 1. **技术咨询**
我们为客户提供全方位的技术咨询服务,帮助客户在产品研发、芯片选型和系统集成等方面做出科学决策。
### 2. **定制化开发**
根据客户的独特需求,提供定制化设计与开发服务,确保每一个产品都能满足实际使用场景。
### 3. **产品维护与升级**
为客户的电子产品和服务器提供持续的技术支持与系统升级,确保产品长期稳定运行。
---
## 五、公司简介
我们公司始终致力于为客户提供创新、高效、稳定的产品与服务,凭借先进的技术和丰富的行业经验,帮助客户在市场中取得成功。

View File

@ -27,7 +27,7 @@
</div>
<ul class="nav">
<li><a class="menu " href="../index.html">首页</a> </li>
<li><a class="menu" href="software.html">软件开发</a></li>
<li><a class="menu" href="software.html">网站服务</a></li>
<li><a class="menu" href="bigDataServices.html">大数据服务</a></li>
<li><a style="color: black;text-decoration: none;" href="#">关于我们</a></li>
<li><a href="mailto:support@betmaysg.com"> <img class="email" src="../imgs/PNG/邮件.png" alt="邮件"></a></li>
@ -40,7 +40,7 @@
<p>About us</p>
</div>
<p class="content">
我们是一家专业的软件开发公司,致力于
我们是一家专业的网站服务公司,致力于
为您提供全方位的解决方案。无论您需要
定制应用程序开发、APP开发或者大数据
技术服务,我们的专业团队将为您量身打

View File

@ -27,7 +27,7 @@
</div>
<ul class="nav">
<li><a class="menu" href="../index.html">首页</a> </li>
<li><a class="menu" href="software.html">软件开发</a></li>
<li><a class="menu" href="software.html">网站服务</a></li>
<li><a style="color: black;text-decoration: none;" href="#">大数据服务</a></li>
<li><a class="menu" href="aboutUs.html">关于我们</a></li>
<li><a href="mailto:support@betmaysg.com"> <img class="email" src="../imgs/PNG/邮件.png" alt="邮件"></a></li>

View File

@ -20,7 +20,7 @@
</div>
<ul class="nav">
<li>首页</li>
<li>软件开发</li>
<li>网站服务</li>
<li>大数据服务</li>
<li>关于我们</li>
<li><img class="email" src="../imgs/PNG/邮件.png" alt="邮件"></li>

View File

@ -28,7 +28,7 @@
</div>
<ul class="nav">
<li><a class="menu " href="../index.html">首页</a> </li>
<li > <a style="color: black;text-decoration: none;" href="#">软件开发</a></li>
<li > <a style="color: black;text-decoration: none;" href="#">网站服务</a></li>
<li><a class="menu" href="bigDataServices.html">大数据服务</a></li>
<li><a class="menu" href="aboutUs.html">关于我们</a></li>
<li><a href="mailto:support@betmaysg.com"> <img class="email" src="../imgs/PNG/邮件.png" alt="邮件"></a></li>
@ -37,11 +37,11 @@
<div class="ABtitleBox">
<div class="ABtitle">
<h1>软件开发</h1>
<p>Software Development</p>
<h1>网站服务</h1>
<p>Website Services</p>
</div>
<p class="content">
巨象云数为企业提供软件外包、系统设计、开发服务并在预算范围内按质交付项目。我们能够帮助客户确定对应系统或产品的具体需求,并管理和维护其整个生命周期。
巨象云数为企业提供软件外包、系统设计、开发服务并在预算范围内按质交付项目。我们能够帮助客户确定对应系统或产品的具体需求,并管理和维护其整个生命周期。
</p>
</div>
</section>

View File

@ -26,7 +26,7 @@
</div>
<ul class="nav">
<li><a class=" home" href="#">首页</a> </li>
<li><a class="menu" href="html/software.html">软件开发</a></li>
<li><a class="menu" href="html/software.html">网站服务</a></li>
<li><a class="menu" href="html/bigDataServices.html">大数据服务</a></li>
<li><a class="menu" href="html/aboutUs.html">关于我们</a></li>
<li><a href="mailto:support@betmaysg.com"> <img class="email" src="./imgs/PNG/邮件.png" alt="邮件"></a></li>
@ -67,11 +67,11 @@
<section class="software">
<div class="textBox">
<div class="text">
<div class="Tilte"> <span class="round"></span> <h1 class="textTilte">软件开发
<div class="Tilte"> <span class="round"></span> <h1 class="textTilte">网站服务
</h1>
</div>
<p class="introduce">巨象云数科技是一家专门从事“软件开发"
服务的企业适用于PC移动APP,小程
<p class="introduce">巨象云数科技是一家专门从事“网站服务"
的企业适用于PC移动APP,小程
微信wap站等专业的开发技术
品团队让您的产品快速启动,完美落地。

3
hanJing/.vscode/settings.json vendored Normal file
View File

@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}

284
hanJing/css/aboutUs.css Normal file
View File

@ -0,0 +1,284 @@
.topBanner{
width: 100%;
height: 68vh;
background-color: #030045;
display: flex;
justify-content: center;
align-items: start;
/* background: palegoldenrod; */
overflow: hidden;
background-image: url(../imgs/svg/关于我们图.svg);
background-repeat: no-repeat;
background-size:43vw auto;
background-position:46vw 0vw;
position: relative;
}
.topBannerLeft{
width: 27%;
height: 80%;
/* background: #00316B; */
color: #fff;
position: absolute;
top: 10vh;
left: 18vw;
}
.topBannerLeft p:nth-child(1){
font-size: 2.5vw;
font-weight: 600;
letter-spacing: 0.5vw;
}
.topBannerLeft p:nth-child(2){
font-size: 1.28vw;
color: #01A0D0;
margin-top: 10px;
line-height: 4.2vh;
}
.btLeft{
width: 20vw;
position: absolute;
bottom: 15vh;
left: -5.5vw;
}
.tpRight{
width: 17vw;
position: absolute;
top: 10vh;
right: -6vw;
}
.btRight{
width:70vw;
position: absolute;
bottom: -1.3vh;
right: 0vw;
}
/* ------------------- */
.banner{
width: 100%;
height: 205vh;
background-image: url(../imgs/svg/背景纹.svg);
background-repeat: no-repeat;
background-size:160%;
background-position: 54vw -42vw;
background-color: #00316B;
}
/* .bannerLeft{
width: 100%;
height: 30%;
background-color: rgba(3, 0, 69, 0.5);
} */
.bannertop{
width: 100%;
height:105vh;
background-image: url(../imgs/us/corporateCultureConcept.svg);
background-repeat: no-repeat;
background-size:40vw;
background-position:0vw 50%;
display: flex;
align-items: center;
justify-content: end;
padding-right: 5vw;
padding-top: 18vh;
}
.textBox{
width: 45vw;
height: 100%;
color: #fff;
/* background: peru; */
display: flex;
flex-direction: column;
justify-content: start;
align-items: start;
}
.textOne,.textTwo,.textThree{
width: 100%;
height: 30%;
/* background-color: rgba(3, 0, 69, 0.5); */
display: flex;
align-items: center;
justify-content: start;
margin-top: 3vh;
}
.Left{
width: 15%;
height: 100%;
}
.Left img{
width: 5vw;
height: auto;
}
.Right{
width: 80%;
height: 100%;
}
.Right p:nth-child(1){
font-size: 1.9vw;
font-weight: 600;
/* letter-spacing: 0.3vw; */
}
.Right p:nth-child(2){
font-size: 1.25vw;
margin-top: 2vh;
}
.bannerBottom{
width: 100%;
/* height: 100vh; */
background-color:rgba(3, 0, 69, 0.8);
padding-top: 8vh;
padding-bottom: 8vh;
}
.bannerBottom h1{
font-size: 3vw;
font-weight: 600;
color: #fff;
text-align: center;
text-decoration: underline;
text-underline-offset: 0.8vw;
}
.bannerBottomList{
width: 80%;
height:auto;
/* background: palegoldenrod; */
margin: 0 auto;
margin-top: 8vh;
display: flex;
flex-direction: column;
align-items: center;
}
.bannerBottomList li{
width: 80%;
height:35vh;
margin-top: 10vh;
display: flex;
justify-content: space-around;
}
.bannerBottomList li p{
width: 40%;
height: 100%;
color: #fff;
display: flex;
flex-direction: column;
justify-content: end;
align-items: start;
padding-bottom: 3vh;
font-size: 1.2vw;
padding-left: 4vw;
}
.bannerBottomListOne{
background-image: url(../imgs/us/ic.png);
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
height: 100%;
}
.bannerBottomListTwo{
background-image: url(../imgs/us/lowpower.png);
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
height: 100%;
}
.bannerBottomListThree{
background-image: url(../imgs/us/manufacturer.png);
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
height: 100%;
}
.bannerBottomListFour{
background-image: url(../imgs/us/Tapeout.png);
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
height: 100%;
}
/* ------------------- */
.top3{
width: 20vw;
position: absolute;
top: 0vh;
left: 20vw;
}
/* --------------- */
.map{
width: 100%;
height: 100vh;
/* background: palegoldenrod; */
background-color:rgba(3, 0, 69, 0.8);
display: flex;
justify-content: center;
align-items: center;
}
.addressBox-bottom{
width: 55vw;
height: 55vh;
margin: 0 auto;
position: relative;
margin-top: 10vh;
}
#mapContainer {
width: 100%;
height: 100%;
min-height: 300px; /* 确保地图有最小高度 */
}
html {
scroll-behavior: smooth; /* 添加平滑滚动效果 */
}
#contact-map {
scroll-margin-top: 10vh;
}
/* 英文状态下样式 */
.topBannerLeftTitle p.en:nth-child(1) {
font-size: 2vw;
letter-spacing: normal;
font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif;
}
.topBannerLeftTitle p.en:nth-child(2) {
font-size: 1vw;
letter-spacing: normal;
font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif;
}

210
hanJing/css/approaching.css Normal file
View File

@ -0,0 +1,210 @@
.topBanner{
width: 100%;
height: 68vh;
background-color: #030045;
display: flex;
justify-content: center;
align-items: start;
/* background: palegoldenrod; */
overflow: hidden;
background-image: url(../imgs/approaching/prospect.png);
background-repeat: no-repeat;
background-size:80vw auto;
background-position:20vw -6vw;
position: relative;
}
.topBannerLeft{
width: 50%;
height: 80%;
color: #fff;
position: absolute;
top: 5vh;
left: 12vw;
}
.topBannerLeftTitle{
/* background: palegoldenrod; */
margin-top: 8vh;
position: relative;
}
.lightImg{
width: 34vw;
height: auto;
}
.topBannerLeft p:nth-child(1){
font-size: 3vw;
font-weight: 600;
letter-spacing: 0.5vw;
position: absolute;
top: 0.8vw;
left: 1.5vw;
}
.topBannerLeft p:nth-child(2){
font-size: 1.3vw;
color: #01A0D0;
margin-top: 18px;
line-height: 5vh;
}
.top{
width: 20vw;
position: absolute;
top: 0vh;
left: 20vw;
}
.btLeft{
width: 20vw;
position: absolute;
bottom: 15vh;
left: -5.5vw;
}
.tpRight{
width: 17vw;
position: absolute;
top: 10vh;
right: -6vw;
}
.btRight{
width:70vw;
position: absolute;
bottom: -1.3vh;
right: 0vw;
}
/* --------------------- */
.future{
width: 100%;
height: 100vh;
background: #01326C;
color: #fff;
padding-top: 5vh;
}
.futureList{
width: 90%;
height: 100%;
display: flex;
justify-content: space-around;
align-items: center;
margin: 0 auto;
/* background: paleturquoise; */
}
.futureList li{
width: 25%;
height: 80%;
/* background: palegoldenrod; */
border: 4px solid #00EAEB;
border-radius: 20px;
text-align: center;
padding: 18px;
position: relative;
}
.futureImg{
width: 100%;
height:auto;
}
.futureContent{
margin-top: 5vh;
}
.futureContent p:nth-child(1){
font-size: 1.5vw;
font-weight: 600;
}
.futureContent p:nth-child(2){
font-size: 1.2vw;
width: 90%;
margin: 0 auto;
margin-top: 2vh;
text-align: left;
line-height: 4vh;
text-align: justify;
}
.futureCircle{
width: 8vw;
height: 8vw;
border: 4px solid #00EAEB;
border-radius: 50%;
position: absolute;
top: -3vw;
left: -1vw;
display: flex;
justify-content: center;
align-items: center;
}
.futureCircleInner{
width: 6.8vw;
height: 6.8vw;
border-radius: 50%;
background: #019FCF;
color: #fff;
font-size: 1.5vw;
font-weight: 600;
display: flex;
justify-content: center;
align-items: center;
padding: 1.2vw;
}
/* 英文状态下样式 */
.topBannerLeftTitle p.en {
font-size: 2vw;
letter-spacing: normal;
left: -3.5vw;
}
/* .futureList.en li {
font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif;
background: rgba(0,236,236,0.06);
border-radius: 12px;
margin-bottom: 2vw;
padding: 2vw 2vw 2vw 2vw;
color: #00ECEC;
box-shadow: 0 2px 8px rgba(0,236,236,0.08);
display: flex;
align-items: flex-start;
gap: 2vw;
} */
.futureList.en .futureContent p:nth-child(1) {
font-weight: bold;
font-size: 1.2vw;
font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif;
}
.futureList.en .futureContent p:nth-child(2) {
width: 96%;
/* font-weight: bold; */
font-size: 0.9vw;
text-align: left;
line-height: 2.7vh;
font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif;
}
.futureList.en .futureCircleInner {
font-size: 1vw;
}
.textOne .Right p.en,
.textTwo .Right p.en,
.textThree .Right p.en {
font-family: 'Segoe UI', 'Arial', 'Helvetica Neue', sans-serif;
}

70
hanJing/css/base.css Normal file
View File

@ -0,0 +1,70 @@
/* 所有标签的内外边距清零 */
* {
margin: 0px;
padding: 0px;
/* css3盒子模型 */
box-sizing: border-box;
font-family:DFKai-SB;
}
/* em 和 i 斜体的文字不倾斜 */
em,
i {
font-style: normal
}
/* 去掉li 的小圆点 */
/* li {
list-style: none
} */
/* ul{
list-style: none;
} */
img {
/* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */
border: 0;
/* 取消图片底侧有空白缝隙的问题 */
vertical-align: middle;
}
button {
/* 当我们鼠标经过button 按钮的时候,鼠标变成小手 */
cursor: pointer
}
a {
color: #666;
text-decoration: none
}
a:hover {
color: #c81623
}
button,
input {
/* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */
font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
/* 默认有灰色边框我们需要手动去掉 */
}
body {
/* CSS3 抗锯齿形 让文字显示的更加清晰 */
-webkit-font-smoothing: antialiased;
/* background-color: #fff; */
/* font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif; */
/* color: #666 */
}
.hide,
.none {
display: none
}
/* 清除浮动 */
.clearfix::after {
visibility: hidden;
clear: both;
display: block;
content: ".";
height: 0
}

127
hanJing/css/footer.css Normal file
View File

@ -0,0 +1,127 @@
.footer{
width: 100%;
height: 60vh;
/* background-color: #030045; */
position: relative;
background:
url(../imgs/svg/页尾背景左.svg) 2vw 28vh/400px auto no-repeat,
url(../imgs/svg/页尾背景右.svg) 78vw 19vh/400px auto no-repeat,
hsl(243, 100%, 14%); /* 背景色放在最后 */
}
.emailBox{
width: 55vw;
height: 12vh;
background: #00ECEC;
position: absolute;
top: 18vh;
left: 30vw;
border-radius: 20px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
}
.emailLeft{
width: 50%;
height: 100%;
display: flex;
align-items: start;
justify-content: center;
flex-direction: column;
padding-left: 4vw;
}
.emailLeft p{
font-size: 1.2vw;
color: #fff;
font-weight: 600;
}
.emailLeft p:nth-child(2){
font-size: 1vw;
color: #fff;
font-weight: 400;
}
.emailRight{
width: 50%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.email{
width: 50%;
height: 48%;
background: #fff;
border-radius: 10px;
overflow: hidden;
border: 3px solid #3FB7DC;
display: flex;
align-items: center;
justify-content: space-around;
cursor: pointer;
transition: all 0.3s ease;
}
.email span{
font-size: 1vw;
color: #3FB7DC;
font-weight: 800;
}
.email img{
width: 1.5vw;
height: auto;
}
.email:hover{
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
/* --------------------------------------- */
.footerBox{
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.footerBoxLeft{
width: 30vw;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.footerBoxLeft img{
width: 8vw;
height:auto;
}
.footerBoxRight{
width: 50%;
height: 100%;
display: flex;
flex-direction: column;
align-items: end;
justify-content: end;
padding-bottom: 2vh;
padding-right: 5vw;
color: #fff;
}
.footerBoxRight p{
font-size: 1vw;
font-weight: 400;
}
.record{
color: #fff;
font-size: 1vw;
}
.record:hover{
color: #009FD0;
font-size: 1vw;
}

204
hanJing/css/header.css Normal file
View File

@ -0,0 +1,204 @@
.header{
width: 100%;
height: 15vh;
background-color: #030045;
position: relative;
margin-bottom: 0;
margin-bottom: -1px;
/* background: padding-box; */
display: flex;
align-items: center;
justify-content: center;
}
.header .bg{
width: 20vw;
height: 35%;
/* background: palegoldenrod; */
position: absolute;
bottom: 0;
left: 24vw;
}
.header .bg img{
width: 100%;
height:auto;
}
.header .container{
width: 100%;
height: 65%;
display: flex;
align-items: center;
/* justify-content: space-around; */
/* background: palegoldenrod; */
}
.logo{
width: 50%;
height: 100%;
display: flex;
align-items: center;
padding-left: 10vw;
}
.logo img{
width: 4vw;
height: auto;
max-height: 4vw;
display: block;
object-fit: contain; /* 保证图片不变形 */
}
.header ul{
width: auto;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
/* background: palevioletred; */
margin-left: 5vw;
/* padding-right: 10vw; */
}
.header ul li{
/* width: 100%; */
min-width: 5vw;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.9vw;
margin-left: 1vw;
/* background: palegreen; */
}
.header ul li a{
display: inline-block;
color: #009FD1;
transition: all 0.2s ease;
font-weight: 600;
font-size: 1vw;
position: relative;
padding-bottom: 2vh;
}
.header ul li a:hover{
font-size: 1vw;
color: #fff;
text-shadow: 0 0 10px rgba(41, 111, 216, 0.5);
}
/* .active{
background: palegoldenrod;
} */
.actives::before{
content:url(../imgs/svg/页面选择图标.svg);
width: 100%;
height: auto;
position: absolute;
bottom: 0;
left: 0;
}
.language{
/* width: 10%; */
/* height: 100%; */
/* background: palegoldenrod; */
/* line-height:5vh; */
padding-bottom: 2vh;
border:none;
outline: none;
cursor: pointer;
color: #009FD1;
transition: all 0.2s ease;
font-weight: 600;
font-size: 1vw;
background: transparent;
margin-left: 1vw;
}
.language:hover{
color: #fff;
text-shadow: 0 0 10px rgba(41, 111, 216, 0.5);
}
/* -------------------- */
/* 语言切换下拉框样式 */
.lang-dropdown {
position: relative;
display: inline-block;
cursor: pointer;
margin-bottom: 2vh;
margin-left: 8px;
}
.lang-btn {
display: flex;
align-items: center;
background-color: transparent;
color: #ffffff;
border: none;
cursor: pointer;
padding: 8px 12px;
border-radius: 4px;
font-size: 0.8vw;
transition: all 0.3s ease;
font-weight: 600;
}
.lang-btn:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.lang-btn img {
width: 20px;
height: 14px;
margin-right: 8px;
border-radius: 2px;
object-fit: cover;
}
.lang-btn .arrow {
margin-left: 8px;
transition: transform 0.3s ease;
}
.lang-dropdown-content {
display: none;
position: absolute;
right: 0;
top: 100%; /* 确保设置了这个值 */
min-width: 120px;
background-color: #ffffff;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
border-radius: 4px;
z-index: 1000;
overflow: hidden;
}
.lang-dropdown-content.show {
display: block;
animation: fadeIn 0.2s ease;
}
.lang-item {
display: flex;
align-items: center;
padding: 10px 12px;
color: #333;
text-decoration: none;
transition: all 0.2s ease;
}
.lang-item:hover {
background-color: #f5f5f5;
}
.lang-item img {
width: 20px;
height: 14px;
margin-right: 8px;
border-radius: 2px;
object-fit: cover;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(-10px); }
to { opacity: 1; transform: translateY(0); }
}

707
hanJing/css/index.css Normal file
View File

@ -0,0 +1,707 @@
.topBanner{
width: 100%;
height: 100vh;
background-color: #030045;
display: flex;
justify-content: center;
align-items: start;
/* background: palegoldenrod; */
overflow: hidden;
background-image: url(../imgs/png/首页图.png);
background-repeat: no-repeat;
background-size:68vw auto;
background-position:35vw -4vw;
position: relative;
margin-top: 0;
background-color: #030045;
}
* {
box-sizing: border-box; /* 确保所有元素使用相同的盒模型 */
}
body {
margin: 0;
padding: 0;
overflow-x: hidden; /* 防止水平滚动条 */
}
/* --------轮播------------ */
.CarouselBox{
width: 100%;
height: 80%;
margin: 0 auto;
overflow: hidden;
position: relative;
}
/* 轮播图容器 */
.carousel-container {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
padding: 0;
}
.carousel-list {
display: flex;
width: 100%;
height: 100%;
transition: transform 0.5s ease;
}
.carousel-item {
flex: 0 0 100%;
width: 100%;
height: 100%;
background: palegoldenrod;
}
/* 优化图片渲染 */
.carousel-item img {
width: 100%;
height: 100%;
user-select: none;
/* 添加这些属性以提升性能 */
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
object-fit: cover; /* 保持比例填充整个容器 */
display: block; /* 移除图片底部间隙 */
}
/* 优化箭头按钮样式 */
.carousel-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 40px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: white;
font-size: 20px;
z-index: 10;
transition: all 0.3s ease;
}
.carousel-arrow:hover {
background-color: rgba(0, 0, 0, 0.8);
}
/* 添加触摸设备支持 */
@media (hover: none) {
.carousel-arrow {
display: none; /* 在触摸设备上隐藏箭头 */
}
}
.carousel-arrow-left {
left: 2vw;
top: 48.7%;
}
.carousel-arrow-right {
right: 2vw;
}
/* 修正指示器容器样式 */
.carousel-indicators {
position: absolute;
bottom: 1vh;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 2vw;
z-index: 10;
}
/* 修正指示器小圆点样式 */
.indicator {
width: 20px; /* 稍微调小一点 */
height: 20px;
border-radius: 50%;
/* background-color: rgba(255, 255, 255, 0.5); */
background-color: #009ECF;
cursor: pointer;
transition: all 0.3s ease;
}
/* 补充激活状态的指示器样式 */
.indicator.active {
background-color: #00ECEC; /* 高亮为纯白色 */
transform: scale(1.2); /* 稍微放大 */
box-shadow: 0 0 10px rgba(255, 255, 255, 0.5); /* 添加发光效果 */
}
/* 修正容器结构相关样式 */
.carousel-container {
width: 100%;
height: 100%;
position: relative; /* 确保是相对定位 */
overflow: hidden;
padding: 0;
}
/* 悬停效果 */
.indicator:hover {
background-color: rgba(255, 255, 255, 0.8);
transform: scale(1.1);
}
/* 轮播项样式 */
.carousel-item {
position: relative;
width: 100%;
height: 100%;
}
/* 产品详情按钮基础样式 */
.product-detail-btn {
position: absolute;
bottom:6vh;
padding: 1vw 5vw;
background-color:#00ECEC;
border-radius: 50px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
color: #fff !important;
text-decoration: none;
cursor: pointer;
}
/* 左侧按钮位置 */
.product-detail-btn.left {
left: 22vw;
}
/* 右侧按钮位置 */
.product-detail-btn.right {
right:22vw;
}
/* 按钮悬停效果 */
.product-detail-btn:hover {
/* background-color: #ffffff; */
/* transform: translateY(-2px); */
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
transform: scale(1.1);
color: #fff ;
}
/* 链接样式 */
.detail-link {
display: flex;
align-items: center;
gap: 10px;
text-decoration: none;
color: #fff;
font-size: 1vw;
font-weight: 500;
}
/* 箭头图标样式 */
.arrow-icon {
width: 20px;
height: 20px;
transition: transform 0.3s ease;
}
/* 链接悬停时箭头动画 */
.detail-link:hover {
color: #fff ;
}
/* 确保轮播项内的图片样式 */
.carousel-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* -------------------- */
.topBannerLeft{
width: 43%;
height: 80%;
/* background: #00316B; */
color: #fff;
position: absolute;
top: 16vh;
left: 13vw;
}
.topBannerLeft p:nth-child(1){
font-size: 3vw;
font-weight: 600;
letter-spacing: 0.3vw;
}
.topBannerLeft p:nth-child(2){
font-size: 3vw;
font-weight: 600;
letter-spacing: 0.3vw;
}
.topBannerLeft p:nth-child(3){
font-size: 1.2vw;
font-weight: 600;
color: #01A0D0;
margin-top: 18px;
}
.topBannerBth{
width: 100%;
padding-left: 5vw;
margin-top: 30vh;
}
.topBannerBth a{
display: block;
width: 15vw;
height: 4vw;
font-size: 1.4vw;
font-weight: 600;
color: #fff;
text-decoration: none;
background: #00ECEC;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
transition: all 0.3s ease;
}
.topBannerBth a:hover{
color: #fff;
/* background: #00A0D0;
*/
transform: scale(1.1);
}
.top{
width: 20vw;
position: absolute;
top: 0vh;
left: 20vw;
}
.btLeft{
width: 20vw;
position: absolute;
bottom: 8vh;
left: -5.5vw;
}
.tpRight{
width: 17vw;
position: absolute;
top: 16vh;
right: -6vw;
}
.btRight{
width:70vw;
position: absolute;
bottom: -1.3vh;
right: 0vw;
}
/* ----------------------------- */
.banner{
width: 100%;
height: 520vh;
background-image: url(../imgs/svg/背景纹.svg);
background-repeat: no-repeat;
background-size:160%;
background-position: 54vw -42vw;
background-color: #00316B;
}
.bannerBottom2{
width: 100%;
height: 190vh;
background-color:rgba(3, 0, 69, 0.8);
padding-top: 8vh;
padding-bottom: 8vh;
/* background: palegoldenrod; */
}
.bannerBottom2 h1{
font-size: 3vw;
font-weight: 600;
color: #fff;
text-align: center;
text-decoration: underline;
text-underline-offset: 0.8vw;
}
.bannerBottomList{
width: 72vw;
height:150vh;
/* background: palegoldenrod; */
margin: 0 auto;
margin-top: 8vh;
display: flex;
flex-direction: column;
align-items: center;
}
.bannerBottomList li{
width: 70%;
height:60vh;
margin-top: 10vh;
display: flex;
justify-content: space-around;
}
.bannerBottomList li p{
width: 40%;
height: 100%;
color: #fff;
display: flex;
flex-direction: column;
justify-content: end;
align-items: start;
padding-bottom: 3vh;
font-size: 1.2vw;
padding-left: 4vw;
}
.bannerBottomListOne{
background-image: url(../imgs/us/ic.png);
background-repeat: no-repeat;
background-size: 100% 100%;
width: auto;
height: 100%;
/* background: palegoldenrod; */
}
.bannerBottomListTwo{
background-image: url(../imgs/us/lowpower.png);
background-repeat: no-repeat;
/* background-size: 100% 100%; */
background-size: contain; /* 改为 contain 保持图片比例 */
background-position: center; /* 居中显示 */
width: 100%;
height: 100%;
}
.bannerBottomListThree{
background-image: url(../imgs/us/manufacturer.png);
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
height: 100%;
}
.bannerBottomListFour{
background-image: url(../imgs/us/Tapeout.png);
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
height: 100%;
}
/* .bannerLeft{
width: 100%;
height: 30%;
background-color: rgba(3, 0, 69, 0.5);
} */
.bannertop{
width: 100%;
height:105vh;
background-image: url(../imgs/home/mainBusiness.png);
background-repeat: no-repeat;
background-size:40vw;
background-position:0vw 50%;
display: flex;
align-items: center;
justify-content: end;
padding-right: 22vw;
padding-top: 18vh;
}
.textBox{
width: 29vw;
height: 50%;
color: #fff;
/* background: peru; */
}
.textBox h1{
font-size: 2vw;
font-weight: 600;
letter-spacing: 0.3vw;
}
.textBox p{
font-size: 1.2vw;
line-height: 5vh;
margin-top: 5vh;
}
/* ------------------------- */
.bannerMid{
width: 100%;
height: 105vh;
background-color: rgba(3, 0, 69, 0.8);
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.bannerMidImg{
width: auto;
height: 118vh;
position: absolute;
top: -5vh;
right: 5vw;
}
.bannerletf{
width: 35%;
height: 50%;
background: palegreen;
z-index: 10;
background-color: #00316B;
margin-right: 5vw;
border-radius: 20px;
position: relative;
}
.bannerletf img{
width: 30vw;
height: auto;
position: absolute;
top: -8vh;
left: 2.5vw;
}
.bannerletfText{
width: 100%;
height: 35%;
position: absolute;
bottom:2vh;
left: 0;
color: #fff;
text-align: center;
}
.bannerletfText p{
font-size: 1.2vw;
font-weight: 600;
}
.bannerletfText a{
width: 17vw;
height: 3vw;
display: block;
font-size: 1.2vw;
color: #00EDEF;
border: 1px solid #00EDEF;
border-radius: 10px;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
margin-top: 18px;
}
.bannerletfText a:hover{
color: #00A0D0;
/* background: #00A0D0; */
}
.bannerRight{
width: 35%;
height: 50%;
z-index: 10;
background-color: #00316B;
margin-left: 5vw;
border-radius: 20px;
position: relative;
}
.bannerRight img{
width: 30vw;
height: auto;
position: absolute;
top: -8vh;
left: 2.5vw;
}
/* ----------------- */
.bannerBottom{
width: 100%;
height: 108vh;
position: relative;
background-image: url(../imgs/home/aboutUs.png);
background-repeat: no-repeat;
background-size:40vw;
background-position:0vw 50%;
display: flex;
justify-content: right;
padding-right: 10vw;
}
.bannerBottomText{
width: 40%;
height: 100%;
/* background-color: palegoldenrod; */
display: flex;
flex-direction: column;
align-items: start;
justify-content: center;
color: #fff;
}
.bannerBottomText .top2{
width: 100%;
height: 40%;
/* background-color: palegoldenrod; */
display: flex;
flex-direction: column;
align-items: start;
justify-content: center;
padding-top: 8vh;
}
.bannerBottomText h1{
font-size: 2vw;
font-weight: 600;
}
.top2 p{
width: 80%;
font-size: 1.3vw;
line-height: 5vh;
margin-top: 4vh;
}
.bannerBottomText .bottom{
width: 100%;
height: 50%;
/* background-color: peachpuff; */
display: flex;
align-items: start;
justify-content: left;
}
.bottomRight{
margin-left: 10vw;
}
.perCent{
font-size: 2.5vw;
font-weight: 600;
position: relative;
padding-bottom: 4vh;
}
.perCent::before{
content: '';
width: 70%;
height: 1.5vh;
background-color: #00EBEC;
position: absolute;
bottom: 0;
left: 10%;
border-radius: 20px;
}
.characters{
font-size: 1.5vw;
font-weight: 600;
margin-top: 2vh;
}
/*
.bannerBottomText p{
font-size: 1.2vw;
line-height: 6vh;
margin-top: 5vh;
} */
.perCent {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.3s ease, transform 0.3s ease;
}
.perCent.visible {
opacity: 1;
transform: translateY(0);
}
/* --------------- */
.newBottom{
width: 100%;
height: 40%;
/* background-color: palegoldenrod; */
}
.teamImg{
width: 12vw;
height: 12vw;
}
.teamBox{
width: 100%;
height: 100%;
display: flex;
margin-top: 4vh;
/* align-items: center; */
}
.teamBox div{
width: 60%;
height: 100%;
margin-left: 3vw;
/* background-color: palegoldenrod; */
}
.teamBox div p{
font-size: 2.8vw;
font-weight: 600;
margin-top: 3vh;
}
.teamBox div p:nth-child(2){
font-size: 1.5vw;
font-weight: 600;
}
/* 英文样式 */
.textBox.en {
width: 32vw;
font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif;
}
.textBox.en h1{
font-size: 1.3vw;
font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif;
}
.textBox.en p{
font-size: 1.3vw;
font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif;
}

View File

@ -0,0 +1,332 @@
.topBanner{
width: 100%;
height: 68vh;
background-color: #030045;
display: flex;
justify-content: center;
align-items: start;
/* background: palegoldenrod; */
overflow: hidden;
background-image: url(../imgs/main/mainbusiness.png);
background-repeat: no-repeat;
background-size:55vw auto;
background-position:40vw -1vw;
position: relative;
}
.topBannerLeft{
width: 24%;
height: 80%;
/* background: #00316B; */
color: #fff;
position: absolute;
top: 10vh;
left: 18vw;
}
.topBannerLeft p:nth-child(1){
font-size: 2.4vw;
font-weight: 600;
letter-spacing: 0.5vw;
text-align: justify;
}
.topBannerLeft p:nth-child(2){
font-size: 1.1vw;
color: #01A0D0;
margin-top: 10px;
line-height: 4.2vh;
text-align: justify;
}
.btLeft{
width: 20vw;
position: absolute;
bottom: 15vh;
left: -5.5vw;
}
.tpRight{
width: 17vw;
position: absolute;
top: 10vh;
right: -6vw;
}
.btRight{
width:70vw;
position: absolute;
bottom: -1.3vh;
right: 0vw;
}
.top3{
width: 20vw;
position: absolute;
top: 0vh;
left: 20vw;
}
/* ------------------ */
.banner{
width: 100%;
height: 255vh;
background-image: url(../imgs/svg/背景纹.svg);
background-repeat: no-repeat;
background-size:160%;
background-position: 54vw -42vw;
background-color: #00316B;
}
.bannertop{
width: 100%;
height:115vh;
background-image: url(../imgs/main/content.svg);
background-repeat: no-repeat;
background-size:40vw;
background-position:0vw 50%;
display: flex;
align-items: center;
justify-content: end;
padding-right: 5vw;
/* padding-top: 18vh; */
}
.bannerArrow{
height:100%;
width: auto;
}
.textBox{
width: 50vw;
height: 100%;
color: #fff;
/* background: peru; */
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
background-image: url(../imgs/main/arrow.png);
background-repeat: no-repeat;
background-size:4vw 110%;
background-position:0vw 50%;
padding-top: 10vh;
}
/* 手风琴容器 */
.accordion {
width: 100%;
max-width: 40vw;
margin: 0 auto;
}
/* 手风琴项目 */
.accordion-item {
/* border: 1px solid #e0e0e0; */
margin-bottom: 3vh;
border-radius: 8px;
overflow: hidden;
/* background: #fff; */
transition: all 0.3s ease;
}
/* 手风琴标题 */
.accordion-header {
padding: 20px;
/* background: #f8f8f8; */
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
transition: background-color 0.3s ease;
color: #fff;
}
/* .accordion-header:hover {
background: #009FD0;
} */
/* 标题文字 */
.accordion-header h3 {
margin: 0;
color: #fff;
font-size: 1.8vw;
}
.accordion-header h3:hover {
margin: 0;
font-size: 1.9vw;
color: #00E0E4;
/* 00E0E4 */
}
/* 展开/收起图标 */
.accordion-icon {
font-size: 24px;
transition: transform 0.3s ease;
}
/* 内容区域 */
.accordion-content {
padding: 0;
max-height: 0;
overflow: hidden;
transition: all 0.3s ease;
font-size: 1vw;
}
/* 激活状态 */
.accordion-item.active .accordion-content {
padding: 20px;
max-height: 500px; /* 根据实际内容调整 */
/* background-color: #009FD0; */
}
.accordion-item.active .accordion-icon {
transform: rotate(45deg);
}
/* 添加激活状态的标题样式 */
.accordion-item.active .accordion-header h3 {
color: #00E0E4;
font-size: 1.9vw;
}
/* 响应式调整 */
@media (max-width: 768px) {
.accordion-header {
padding: 15px;
}
.accordion-header h3 {
font-size: 16px;
}
.accordion-content {
padding: 15px;
}
}
/* 添加到现有CSS中 */
@keyframes slideDown {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.accordion-item.active .accordion-content {
animation: slideDown 0.3s ease forwards;
}
.bannerBottom{
width: 100%;
height: 150vh;
background-image: url(../imgs/main/advantage.svg);
background-repeat: no-repeat;
background-size:42vw 30vw;
background-position:50% 55%;
background-color: rgba(3, 0, 69, 0.8);
padding: 10vh 0;
}
.bannerBottomList{
width: 58vw;
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin: 0 auto;
}
.bannerBottomList li{
list-style: none;
width: 20vw;
height: 25vw;
/* background: palegoldenrod; */
margin-top: 8vh;
border-radius: 8px;
background: #00316B;
color: #fff;
text-align: center;
padding: 20px;
padding-top: 6vh;
}
.ListImg{
width: 6vw;
}
.list p:nth-of-type(1){
font-size: 1.2vw;
font-weight: 600;
margin-top: 2vh;
}
.list p:nth-of-type(2){
width: 80%;
font-size: 1vw;
color: #009ECF;
text-align: left;
margin: 0 auto;
margin-top: 2vh;
text-align: justify;
}
/* ----------------- */
/* 英文状态下样式 */
.topBannerLeft.en{
width: 34%;
}
.topBannerLeftTitle p:nth-child(1).en
{
font-size: 1.8vw;
font-weight: 600;
letter-spacing: normal;
text-align: left;
}
.topBannerLeftTitle p:nth-child(2).en{
font-size: 1.1vw;
letter-spacing: normal;
text-align: left;
font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif;
}
/* 英文状态下样式 */
.bannerBottomList li.en {
font-size: 1.1vw;
letter-spacing: normal; /* 英文去除字间距 */
/* 其它英文专属样式 */
}
.bannerBottomList li.en p:nth-child(3) {
font-size: 0.9vw;
letter-spacing: normal; /* 英文去除字间距 */
width: 100%;
line-height: 1.7;
text-align: left;
font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif;
}

458
hanJing/css/ourProducts.css Normal file
View File

@ -0,0 +1,458 @@
.topBanner{
width: 100%;
height: 100vh;
background-color: #030045;
display: flex;
justify-content: center;
align-items: start;
/* background: palegoldenrod; */
overflow: hidden;
background-image: url(../imgs/png/我们的产品图.png);
background-repeat: no-repeat;
background-size:65vw auto;
background-position:35vw 0vw;
position: relative;
}
.topBannerLeft{
width: 28%;
height: 80%;
/* background: #00316B; */
color: #fff;
position: absolute;
top: 20vh;
left: 13vw;
}
.topBannerLeft p:nth-child(1){
font-size: 3.5vw;
font-weight: 600;
letter-spacing: 0.3vw;
text-align: left;
letter-spacing: 0.5vw;
}
.topBannerLeft p:nth-child(2){
font-size:3.5vw;
font-weight: 600;
color: #fff;
margin-top: 18px;
text-align: right;
letter-spacing: 0.5vw;
}
.topBannerBth{
width: 100%;
padding-left: 2vw;
margin-top: 13vh;
}
.topBannerBth a{
display: block;
width: 15vw;
height: 4vw;
font-size: 1.4vw;
font-weight: 600;
color: #fff;
text-decoration: none;
background: #00ECEC;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
transition: all 0.3s ease;
}
.topBannerBth span{
font-size: 1.2vw;
margin-right: 1vw;
}
.topBannerBth img{
width: 1.5vw;
height: auto;
}
.topBannerBth a:hover{
color: #fff;
transform: scale(1.1); /* 放大到原尺寸的1.1倍 */
transition: all 0.3s ease; /* 添加过渡动画 */
}
.btLeft{
width: 20vw;
position: absolute;
bottom: 8vh;
left: -5.5vw;
}
.tpRight{
width: 17vw;
position: absolute;
top: 16vh;
right: -6vw;
}
.btRight{
width:70vw;
position: absolute;
bottom: -1.3vh;
right: 0vw;
}
/* ----------------------------- */
.banner{
width: 100%;
min-height: 110vh;
background-image: url(../imgs/svg/背景纹.svg);
background-repeat: no-repeat;
background-size:160%;
background-position: 54vw -42vw;
background-color: #00316B;
}
/* .bannerLeft{
width: 100%;
height: 30%;
background-color: rgba(3, 0, 69, 0.5);
} */
.bannertop{
width: 100%;
height:105vh;
display: flex;
align-items: center;
justify-content: left;
}
.imgBox{
width: 50%;
height: 100%;
/* background: palegreen; */
position: relative;
}
.imgBox .imgBox1{
width: 20vw;
height: auto;
/* background: palegoldenrod; */
position: absolute;
top: 5vw;
left:10vw;
}
.imgBox .imgBox2{
width: 20vw;
height: auto;
position: absolute;
top: 19vw;
left: 20vw;
/* background: palegoldenrod; */
}
.imgBox img{
width: 26vw;
height: auto;
}
.textBox{
width: 15vw;
height: 50%;
color: #fff;
margin-left: 5vw;
/* background: peru; */
}
.textBox h1{
font-size: 2vw;
font-weight: 600;
letter-spacing: 0.3vw;
}
.textBox p{
font-size: 1.2vw;
line-height: 6vh;
margin-top: 5vh;
}
/* ------------------------- */
.bannerBottom{
width: 100%;
height: 115vh;
position: relative;
background-image: url(../imgs/png/电子商城.png);
background-repeat: no-repeat;
background-size:40vw;
background-position:0vw 50%;
display: flex;
justify-content: right;
padding-right: 10vw;
background-color: rgba(3, 0, 69, 0.8);
}
.bannerBottomText{
width: 40%;
height: 100%;
/* background-color: palegoldenrod; */
display: flex;
flex-direction: column;
align-items: start;
justify-content: center;
color: #fff;
/* background: peru; */
}
.bannerBottomText .top{
width: 100%;
height: 40%;
/* background-color: palegoldenrod; */
display: flex;
flex-direction: column;
align-items: start;
justify-content: center;
/* padding-top: 3vh; */
}
.top p{
width: 70%;
font-size: 1.5vw;
line-height:7vh;
margin-top: 4vh;
}
.top3{
width: 20vw;
position: absolute;
top: 0vh;
left: 20vw;
}
/* --------------------------- */
/* 产品展示区样式 */
.case {
display: flex;
width: 90%;
min-height: 100vh;
padding: 40px;
gap: 40px;
margin: 0 auto;
padding-top: 10vh;
align-items: flex-start; /* 确保子元素从顶部开始对齐 */
}
/* 左侧导航样式 */
.product-nav {
width: 20vw;
flex-shrink: 0;
border-right: 2px solid #00E0E4;
padding-right: 3vw;
/* 添加最大高度和滚动 */
max-height: 100vh;
overflow-y: auto;
/* 添加平滑滚动 */
scroll-behavior: smooth;
/* 固定位置 */
position: sticky;
top: 0;
min-height: 100vh;
}
/* 添加滚动条样式 */
.product-nav::-webkit-scrollbar {
width: 3px;
}
.product-nav::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.1);
border-radius: 3px;
}
.product-nav::-webkit-scrollbar-thumb {
background: rgba(0, 224, 228, 0.5);
border-radius: 3px;
transition: all 0.3s ease;
}
.product-nav::-webkit-scrollbar-thumb:hover {
background: rgba(0, 224, 228, 0.8);
}
.product-category {
margin-bottom: 30px;
/* background: palegoldenrod; */
}
.category-header {
display: flex;
align-items: center;
gap: 10px;
padding: 15px;
cursor: pointer;
transition: all 0.3s ease;
}
.category-header.active {
color: #00E0E4;
}
.dot {
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #fff;
}
.category-header.active .dot {
background-color: #00E0E4;
}
.category-header h3 {
color: #fff;
margin: 0;
font-size: 18px;
}
.category-content {
display: none;
padding-left: 30px;
/* background: palegoldenrod; */
position: relative;
padding-left: 3vw;
}
.category-content::before{
content: '';
width: 1px;
height: 100%;
background: #fff;
position: absolute;
left: 12%;
top: 0;
}
.category-content.show {
display: block;
}
/* 产品项样式 */
.product-item {
padding: 15px;
cursor: pointer;
border-radius: 8px;
transition: all 0.3s ease;
margin-bottom: 15px;
}
.product-item:hover,
.product-item.active {
background-color: rgba(0, 224, 228, 0.1);
color: #00E0E4 !important;
border: 1px solid #00E0E4;
box-shadow: 0 0 8px 1px rgba(0, 224, 228, 0.5),
0 5px 8px 5px rgba(0, 0, 0, 0.5);
}
.product-item img {
width: 100%;
border-radius: 8px;
margin-bottom: 10px;
}
.product-item p {
color: #fff;
margin: 0;
font-size: 16px;
transition: color 0.3s ease; /* 添加颜色过渡效果 */
}
/* 选中状态的文字样式 */
.product-item.active p {
color: #00E0E4;
}
/* 可以添加悬停效果 */
.product-item:hover p {
color: #00E0E4;
}
/* 右侧详情样式 */
.product-detail {
/* flex-grow: 1; */
/* background-color: rgba(255, 255, 255, 0.05); */
border-radius: 12px;
padding: 30px;
margin-left: 8vw;
width: 30vw;
}
.detail-content {
color: #fff;
}
.detail-image {
width: 20vw;
margin-bottom: 30px;
border: 1px solid #00E0E4;
border-radius: 12px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 0 10px 1px rgba(0, 224, 228, 0.5),
0 5px 15px 10px rgba(0, 0, 0, 0.3);
}
.detail-image img {
width: 20vw;
border-radius: 12px;
object-fit: contain;/* 保持图片比例,确保完整显示 */
}
.detail-info h2 {
color: #00E0E4;
margin-bottom: 20px;
}
.info-list p {
margin-bottom: 15px;
line-height: 1.6;
font-size: 0.8vw;
}
/* ----------------- */
/* 添加平滑滚动效果 */
html {
scroll-behavior: smooth;
}
/* 添加产品项过渡动画 */
.product-item {
transition: all 0.3s ease;
position: relative;
}
/* 优化active状态的视觉效果 */
.product-item.active {
background-color: rgba(0, 224, 228, 0.1);
transform: translateX(10px);
}
/* 英文状态下样式 */
#topBannerLeftTitle1.en,
#topBannerLeftTitle2.en {
font-size: 2.3vw;
font-weight: 600;
letter-spacing: normal;
}

View File

@ -0,0 +1,155 @@
.topBanner{
width: 100%;
height: 68vh;
background-color: #030045;
display: flex;
justify-content: center;
align-items: start;
/* background: palegoldenrod; */
overflow: hidden;
background-image: url(../imgs/svg/技术支持图.svg);
background-repeat: no-repeat;
background-size:38vw auto;
background-position:50vw 0vw;
position: relative;
}
.topBannerLeft{
width: 23%;
height: 80%;
/* background: #00316B; */
color: #fff;
position: absolute;
top: 9vh;
left: 16vw;
}
.topBannerLeft p:nth-child(1){
font-size: 3vw;
font-weight: 600;
letter-spacing: 0.5vw;
}
.topBannerLeft p:nth-child(2){
font-size: 1.3vw;
color: #01A0D0;
margin-top: 18px;
line-height: 5vh;
}
.btLeft{
width: 20vw;
position: absolute;
bottom: 15vh;
left: -5.5vw;
}
.tpRight{
width: 17vw;
position: absolute;
top: 10vh;
right: -6vw;
}
.btRight{
width:70vw;
position: absolute;
bottom: -1.3vh;
right: 0vw;
}
/* ------------------- */
.banner{
width: 100%;
height: 90vh;
background-image: url(../imgs/svg/背景纹.svg);
background-repeat: no-repeat;
background-size:160%;
background-position: 54vw -42vw;
background-color: #00316B;
display: flex;
justify-content:center;
align-items: center;
color: #fff;
}
.bannerBox{
width: 70%;
height: 100%;
display: flex;
justify-content: space-around;
align-items: center;
margin: 0 auto;
}
.bannerLeft ,.bannerRight{
width: 24%;
height: 50%;
display: flex;
flex-direction: column;
justify-content: start;
align-items: start;
}
.bannerLeft{
margin-right: 3vw;
padding-top: 3%;
}
.LeftImg , .rightImg{
width: 5vw;
height: 5vw;
overflow: hidden;
/* background: palegoldenrod; */
}
.LeftImg img{
height: 100%;
width: 100%;
}
.rightImg img{
height:100%;
width: 100%;
}
.arrow{
width: 0.8vw;
margin-left: 8px;
}
.report:hover{
color: #Ffff;
}
.bannerRight{
margin-left: 3vw;
padding-top: 3%;
}
.title{
font-size: 1.3vw;
font-weight: 600;
margin-top: 3vh;
}
.problem{
font-size: 0.9vw;
color: rgba(255, 255, 255, 0.7);
margin-top: 1vh;
}
.report{
font-size: 0.9vw;
color: #00E0E2;
margin-top: 2vh;
}
.top3{
width: 20vw;
position: absolute;
top: 0vh;
left: 20vw;
}
/* 英文状态下样式 */
.topBannerLeftTitle p.en:nth-child(1) {
font-size: 2vw;
letter-spacing: normal;
}

199
hanJing/html/aboutUs.html Normal file
View File

@ -0,0 +1,199 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="../imgs/svg/logo.svg">
<link rel="stylesheet" href="../css/aboutUs.css">
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/footer.css">
<link rel="stylesheet" href="../css/header.css">
<script>
window._AMapSecurityConfig = {
securityJsCode: 'd7d163684cbe3ea85f182a42cd1b8880',
}
</script>
<script src="https://webapi.amap.com/maps?v=2.0&key=d8d0391f0356497ccdc1c0f13d4a8c33&plugin=AMap.Geocoder,AMap.ToolBar,AMap.Scale"></script> <script src="../js/aboutUs.js"></script>
<script src="../js/header.js"></script>
<title id="title">深圳汉晶电子信息有限公司</title>
</head>
<body>
<header class="header">
<div class="container">
<div class="logo">
<img id="logo-img" src="../imgs/svg/logo.svg" alt="logo">
</div>
<ul>
<li> <a id="nav-home" href="../index.html"> 首页</a></li>
<li> <a id="nav-business" href="./mainBusiness.html"> 主营业务</a></li>
<li> <a id="nav-products" href="./ourProducts.html"> 产品案例</a></li>
<li> <a id="nav-support" href="./technicalSupport.html"> 技术支持</a></li>
<li> <a id="nav-future" href="./approaching.html"> 展望未来</a></li>
<li> <a id="nav-about" class="actives" href="#" style="color: #fff;"> 关于我们</a></li>
</ul>
<!-- <button class="language" id="lang-toggle" aria-label="切换语言" tabindex="0">English</button> -->
<div class="lang-dropdown">
<button class="lang-btn" id="lang-btn" aria-label="选择语言" tabindex="0">
<img id="current-flag" src="../imgs/flags/zh.svg" alt="中文">
<span id="current-lang">简体中文</span>
<span class="arrow"></span>
</button>
<div class="lang-dropdown-content" id="lang-dropdown">
<div class="lang-item" data-lang="zh">
<img src="../imgs/flags/zh.svg" alt="中文">
<span>简体中文</span>
</div>
<div class="lang-item" data-lang="en">
<img src="../imgs/flags/en.svg" alt="English">
<span>English</span>
</div>
</div>
</div>
</div>
<!-- <div class="bg">
<img src="./imgs/svg/点纹.svg" alt="背景">
</div> -->
</header>
<section class="topBanner">
<div class="topBannerLeft">
<div class="topBannerLeftTitle">
<p>公司介绍</p>
<p>我们是一家专注于集成电路设计的高科技公司,致力于为客户提供从芯片设计到量产的全流程服务。我们的团队拥有丰富的行业经验,采用最先进的工具和技术,为客户提供高品质的芯片解决方案。我们始终坚持以客户为中心,以技术为驱动,致力于推动集成电路行业的创新与发展。</p>
</div>
</div>
<img class="top3" src="../imgs/svg/点纹.svg" alt="点纹">
<img class="btLeft" src="../imgs/svg/点纹.svg" alt="点纹">
<img class="tpRight" src="../imgs/svg/点纹.svg" alt="点纹">
<img class="btRight" src="../imgs/svg/线纹.svg" alt="点纹">
</section>
<section class="banner">
<div class="bannertop">
<div class="textBox">
<div class="textOne">
<div class="Left">
<img src="../imgs/svg/我们的愿景.svg" alt="我们的愿景">
</div>
<div class="Right">
<p>我们的愿景</p>
<p>聚焦高性能芯片设计,打造全球竞争力核心,以技术创新驱动产业升级,引领智能生态新未来。</p>
</div>
</div>
<div class="textTwo">
<div class="Left">
<img src="../imgs/svg/我们的使命.svg" alt="我们的使命">
</div>
<div class="Right">
<p>我们的使命</p>
<p>通过在集成电路设计、应用解决方案和人工智能技术的持续创新,
我们提供高可靠、智能的产品和服务,为客户创造价值,让人们的生活更加美好!
</p>
</div>
</div>
<div class="textThree">
<div class="Left">
<img src="../imgs/svg/我们的核心价值观.svg" alt="我们的核心价值观">
</div>
<div class="Right">
<p>我们的核心价值观</p>
<p>客户至上、艰苦奋斗、创新卓越、合作共赢</p>
</div>
</div>
</div>
</div>
<!-- <div class="bannerBottom">
<h1>为什么选择汉晶?</h1>
<ul class="bannerBottomList">
<li class="bannerBottomListOne">
<p></p>
<p> IC设计全生命周期一站式覆盖 </p>
</li>
<li class="bannerBottomListTwo">
<p>独特的低功耗设计,让芯片更有竞争力</p>
<p></p>
</li>
<li class="bannerBottomListThree">
<p></p>
<p>有稳定的芯片制造商合作关系</p>
</li>
<li class="bannerBottomListFour">
<p>流片均一版成功即流片成功率100%,助力客户赢得市场</p>
<p></p>
</li>
</ul>
</div> -->
<section class="map">
<div class="addressBox-bottom" id="contact-map">
<div id="mapContainer"></div>
</div>
</section>
</section>
<footer class="footer" style=" background-color: #020A4C !important; ">
<section class="emailBox">
<div class="emailLeft">
<p class="emailLeftTitle">我们准备好了</p>
<p class="emailLeftText">如果您有更多的需求,请联系我们</p>
</div>
<div class="emailRight">
<div class="email" onclick="window.location.href='mailto:fu.bin@hjsilicon.com'">
<span>MAIL TO US</span>
<a href="mailto:fu.bin@hjsilicon.com">
<img src="../imgs/svg/邮箱.svg" alt="邮箱">
</a>
</div>
</div>
</section>
<section class="footerBox" >
<div class="footerBoxLeft">
<img id="footerLogo" src="../imgs/svg/logo.svg" alt="logo">
</div>
<div class="footerBoxRight">
<p>Copyright &copy <span class="footerBoxRightTitle">深圳汉晶电子信息有限公司</span> &nbsp;&nbsp; <a class="record" href="https://beian.miit.gov.cn/">粤ICP备2025405650号</a></p>
</div>
</section>
</footer>
</body>
</html>

View File

@ -0,0 +1,145 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="../imgs/svg/logo.svg">
<link rel="stylesheet" href="../css/approaching.css">
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/footer.css">
<link rel="stylesheet" href="../css/header.css">
<script src="../js/header.js"></script>
<script src="../js/approaching.js"></script>
<title id="title">深圳汉晶电子信息有限公司</title>
</head>
<body>
<header class="header">
<div class="container">
<div class="logo">
<img id="logo-img" src="../imgs/svg/logo.svg" alt="logo">
</div>
<ul>
<li> <a id="nav-home" href="../index.html"> 首页</a></li>
<li> <a id="nav-business" href="./mainBusiness.html"> 主营业务</a></li>
<li> <a id="nav-products" href="./ourProducts.html"> 产品案例</a></li>
<li> <a id="nav-support" href="./technicalSupport.html"> 技术支持</a></li>
<li> <a id="nav-future" class="actives" href="#" style="color: #fff;"> 展望未来</a></li>
<li> <a id="nav-about" href="./aboutUs.html"> 关于我们</a></li>
</ul>
<!-- <button class="language" id="lang-toggle" aria-label="切换语言" tabindex="0">English</button> -->
<div class="lang-dropdown">
<button class="lang-btn" id="lang-btn" aria-label="选择语言" tabindex="0">
<img id="current-flag" src="../imgs/flags/zh.svg" alt="中文">
<span id="current-lang">简体中文</span>
<span class="arrow"></span>
</button>
<div class="lang-dropdown-content" id="lang-dropdown">
<div class="lang-item" data-lang="zh">
<img src="../imgs/flags/zh.svg" alt="中文">
<span>简体中文</span>
</div>
<div class="lang-item" data-lang="en">
<img src="../imgs/flags/en.svg" alt="English">
<span>English</span>
</div>
</div>
</div>
</div>
<!-- <div class="bg">
<img src="./imgs/svg/点纹.svg" alt="背景">
</div> -->
</header>
<section class="topBanner">
<div class="topBannerLeft">
<div class="topBannerLeftTitle">
<p>未来发展与技术趋势</p>
<img class="lightImg" src="../imgs/approaching/light.png" alt="未来发展与技术趋势">
</div>
</div>
<img class="top" src="../imgs/svg/点纹.svg" alt="点纹">
<img class="btLeft" src="../imgs/svg/点纹.svg" alt="点纹">
<img class="tpRight" src="../imgs/svg/点纹.svg" alt="点纹">
<img class="btRight" src="../imgs/svg/线纹.svg" alt="点纹">
</section>
<section class="future">
<ul class="futureList">
<li>
<img class="futureImg" src="../imgs/approaching/ai.png" alt="定制加速芯片">
<div class="futureContent">
<p>持续迭代与优化</p>
<p>聚焦定制加速芯片的高效能、低延迟与低功耗优化支持智能终端、边缘计算和行业应用的多场景落地。持续推进自研IP核、算子优化和软硬件协同设计提升芯片整体性能与能效比。</p>
</div>
<div class="futureCircle">
<div class="futureCircleInner">
应用领域
</div>
</div>
</li>
<li>
<img class="futureImg" src="../imgs/approaching/quantum.png" alt="量子计算芯片">
<div class="futureContent" >
<p>从架构到后端全面升级</p>
<p>面向更极致能效目标,系统性优化芯片架构设计,探索异构计算、任务调度、功耗感知等关键技术。结合后端版图设计与工艺优化,打造具备竞争力的低功耗解决方案,助力智能设备与数据中心应用。</p>
</div>
<div class="futureCircle">
<div class="futureCircleInner">
技术方向
</div>
</div>
</li>
<li>
<img class="futureImg" src="../imgs/approaching/future.png" alt="低功耗量子计算芯片">
<div class="futureContent">
<p>面向量产的工程化突破</p>
<p>设计出功耗性能更优秀的定制化计算芯片。</p>
</div>
<div class="futureCircle">
<div class="futureCircleInner">
未来规划
</div>
</div>
</li>
</ul>
</section>
<footer class="footer" style=" background-color: #020A4C !important; ">
<section class="emailBox">
<div class="emailLeft">
<p class="emailLeftTitle">我们准备好了</p>
<p class="emailLeftText">如果您有更多的需求,请联系我们</p>
</div>
<div class="emailRight">
<div class="email" onclick="window.location.href='mailto:fu.bin@hjsilicon.com'">
<span>MAIL TO US</span>
<a href="mailto:fu.bin@hjsilicon.com">
<img src="../imgs/svg/邮箱.svg" alt="邮箱">
</a>
</div>
</div>
</section>
<section class="footerBox" >
<div class="footerBoxLeft">
<img id="footerLogo" src="../imgs/svg/logo.svg" alt="logo">
</div>
<div class="footerBoxRight">
<p>Copyright &copy <span class="footerBoxRightTitle">深圳汉晶电子信息有限公司</span> &nbsp;&nbsp; <a class="record" href="https://beian.miit.gov.cn/">粤ICP备2025405650号</a></p>
<!-- <p>Copyright &copy深圳汉晶电子信息有限公司 版权所有</p> -->
</div>
</section>
</footer>
</body>
</html>

View File

@ -0,0 +1,218 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="../imgs/svg/logo.svg">
<link rel="stylesheet" href="../css/mainBusiness.css">
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/footer.css">
<link rel="stylesheet" href="../css/header.css">
<script src="../js/mainBusiness.js"></script>
<script src="../js/header.js"></script>
<title id="title">深圳汉晶电子信息有限公司</title>
</head>
<body>
<header class="header">
<div class="container">
<div class="logo">
<img id="logo-img" src="../imgs/svg/logo.svg" alt="logo">
</div>
<ul>
<li> <a id="nav-home" href="../index.html"> 首页</a></li>
<li> <a id="nav-business" href="#" class="actives" style="color: #fff;"> 主营业务</a></li>
<li> <a id="nav-products" href="./ourProducts.html"> 产品案例</a></li>
<li> <a id="nav-support" href="./technicalSupport.html"> 技术支持</a></li>
<li> <a id="nav-future" href="./approaching.html"> 展望未来</a></li>
<li> <a id="nav-about" href="./aboutUs.html"> 关于我们</a></li>
</ul>
<!-- <button class="language" id="lang-toggle" aria-label="切换语言" tabindex="0">English</button> -->
<div class="lang-dropdown">
<button class="lang-btn" id="lang-btn" aria-label="选择语言" tabindex="0">
<img id="current-flag" src="../imgs/flags/zh.svg" alt="中文">
<span id="current-lang">简体中文</span>
<span class="arrow"></span>
</button>
<div class="lang-dropdown-content" id="lang-dropdown">
<div class="lang-item" data-lang="zh">
<img src="../imgs/flags/zh.svg" alt="中文">
<span>简体中文</span>
</div>
<div class="lang-item" data-lang="en">
<img src="../imgs/flags/en.svg" alt="English">
<span>English</span>
</div>
</div>
</div>
</div>
<!-- <div class="bg">
<img src="./imgs/svg/点纹.svg" alt="背景">
</div> -->
</header>
<section class="topBanner">
<div class="topBannerLeft">
<div class="topBannerLeftTitle">
<p>芯片设计技术服务</p>
<p>我们公司提供全方位的芯片设计技术服务,涵盖从需求讨论、 系统设计、 逻辑设计、 FPGA原型验证到最终的芯片制造、测试与验证等各个环节。我们采用行业领先的工具和技术,确保芯片的性能、功耗、稳定性都能满足客户需求。</p>
</div>
</div>
<img class="top3" src="../imgs/svg/点纹.svg" alt="点纹">
<img class="btLeft" src="../imgs/svg/点纹.svg" alt="点纹">
<img class="tpRight" src="../imgs/svg/点纹.svg" alt="点纹">
<img class="btRight" src="../imgs/svg/线纹.svg" alt="点纹">
</section>
<section class="banner">
<div class="bannertop">
<div class="textBox">
<div class="accordion">
<!-- 第1项 - 默认展开 -->
<div class="accordion-item active">
<div class="accordion-header">
<h3>1.需求分析与规划</h3>
<span class="accordion-icon"></span>
</div>
<div class="accordion-content">
<p>根据客户的应用场景,进行深度调研,分析产品需求,输出系统方案。</p>
</div>
</div>
<!-- 第2项 -->
<div class="accordion-item">
<div class="accordion-header">
<h3>2.芯片架构设计</h3>
<span class="accordion-icon"></span>
</div>
<div class="accordion-content">
<p>从芯片框架设计到芯片核心模块设计,包括接口定义等,确保基于此架构就可以正常进行逻辑设计。</p>
</div>
</div>
<!-- 第3项 -->
<div class="accordion-item">
<div class="accordion-header">
<h3>3.逻辑设计与验证</h3>
<span class="accordion-icon"></span>
</div>
<div class="accordion-content">
<p>使用先进的设计工具(如 Verilog进行芯片逻辑设计并通过仿真与验证工具如 systemverilog确保功能和性能的正确性。通过后仿确定芯片功耗、面积符合客户需求。</p>
</div>
</div>
<!-- 第4项 -->
<div class="accordion-item">
<div class="accordion-header">
<h3>4.硬件设计与原理图</h3>
<span class="accordion-icon"></span>
</div>
<div class="accordion-content">
<p>在芯片封装设计时充分考虑到PCB板设计不仅仅是考虑芯片本身在芯片设计时就考虑产品的可靠性和稳定性。</p>
</div>
</div>
<!-- 第5项 -->
<div class="accordion-item">
<div class="accordion-header">
<h3>5.制程与工艺</h3>
<span class="accordion-icon"></span>
</div>
<div class="accordion-content">
<p>团队与先进半导体制造厂有着长期的合作,对工艺细节了解充分,确保芯片生产过程中的质量控制与工艺优化,工艺良率达到业界领先水平。</p>
</div>
</div>
<!-- 第6项 -->
<div class="accordion-item">
<div class="accordion-header">
<h3>6.测试与验证</h3>
<span class="accordion-icon"></span>
</div>
<div class="accordion-content">
<p>针对刚出厂的芯片,能对应设计开发测试板,提供包括功能测试、性能测试、功耗测试、热测试等全面的验证服务,保证客户收到的芯片都是合格产品。</p>
</div>
</div>
<!-- 第7项 -->
<div class="accordion-item">
<div class="accordion-header">
<h3>7.量产与交付</h3>
<span class="accordion-icon"></span>
</div>
<div class="accordion-content">
<p>根据客户需求,我们提供从小批量试产到大规模量产的全程技术支持,并确保交付时效与质量。</p>
</div>
</div>
</div>
</div>
</div>
<div class="bannerBottom">
<ul class="bannerBottomList">
<li class="list bannerBottomListOne">
<img class="ListImg" src="../imgs/main/process.png" alt="优势">
<p>全流程技术服务</p>
<p>从芯从客户需求沟通到量产交付,提供端到端的技术服务,确保客户需求得到全方位满足。</p>
</li>
<li class="list bannerBottomListTwo">
<img class="ListImg" src="../imgs/main/experience.png" alt="优势">
<p>行业经验</p>
<p>我们的团队拥有多年芯片前后端设计经验,所设计的芯片均流片成功,能够应对复杂的设计挑战,提供个性化解决方案,在低功耗方面有独到的设计方法学。</p>
</li>
<li class="list bannerBottomListThree">
<img class="ListImg" src="../imgs/main/tool.png" alt="优势">
<p>技术工具</p>
<p>在采用标准 EDA 工具链的基础上,我们开发了定制化自动脚本,提升设计效率与验证覆盖率。</p>
</li>
<li class="list bannerBottomListFour">
<img class="ListImg" src="../imgs/main/workmanship.png" alt="优势">
<p>稳定的芯片制造商合作关系</p>
<p>团队与SMIC、GF等芯片制造商有着良好的合作关系,在12nm、22nm等先进制程上均有流片并都是一版流片成功。</p>
</li>
</ul>
</div>
</section>
<footer class="footer" style=" background-color: #020A4C !important; ">
<section class="emailBox">
<div class="emailLeft">
<p class="emailLeftTitle">我们准备好了</p>
<p class="emailLeftText">如果您有更多的需求,请联系我们</p>
</div>
<div class="emailRight">
<div class="email" onclick="window.location.href='mailto:fu.bin@hjsilicon.com'">
<span>MAIL TO US</span>
<a href="mailto:fu.bin@hjsilicon.com">
<img src="../imgs/svg/邮箱.svg" alt="邮箱">
</a>
</div>
</div>
</section>
<section class="footerBox" >
<div class="footerBoxLeft">
<img id="footerLogo" src="../imgs/svg/logo.svg" alt="logo">
</div>
<div class="footerBoxRight">
<p>Copyright &copy <span class="footerBoxRightTitle">深圳汉晶电子信息有限公司</span>&nbsp;&nbsp; <a class="record" href="https://beian.miit.gov.cn/">粤ICP备2025405650号</a></p>
</div>
</section>
</footer>
</body>
</html>

View File

@ -0,0 +1,454 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="../imgs/svg/logo.svg">
<link rel="stylesheet" href="../css/ourProducts.css">
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/footer.css">
<link rel="stylesheet" href="../css/header.css">
<script src="../js/ourProducts.js"></script>
<script src="../js/header.js"></script>
<title id="title">深圳汉晶电子信息有限公司</title>
</head>
<body>
<header class="header">
<div class="container">
<div class="logo">
<img id="logo-img" src="../imgs/svg/logo.svg" alt="logo">
</div>
<ul>
<li> <a id="nav-home" href="../index.html"> 首页</a></li>
<li> <a id="nav-business" href="./mainBusiness.html"> 主营业务</a></li>
<li> <a id="nav-products" class="actives" href="#" style="color: #fff;"> 产品案例</a></li>
<li> <a id="nav-support" href="./technicalSupport.html"> 技术支持</a></li>
<li> <a id="nav-future" href="./approaching.html"> 展望未来</a></li>
<li> <a id="nav-about" href="./aboutUs.html"> 关于我们</a></li>
</ul>
<!-- <button class="language" id="lang-toggle" aria-label="切换语言" tabindex="0">English</button> -->
<div class="lang-dropdown">
<button class="lang-btn" id="lang-btn" aria-label="选择语言" tabindex="0">
<img id="current-flag" src="../imgs/flags/zh.svg" alt="中文">
<span id="current-lang">简体中文</span>
<span class="arrow"></span>
</button>
<div class="lang-dropdown-content" id="lang-dropdown">
<div class="lang-item" data-lang="zh">
<img src="../imgs/flags/zh.svg" alt="中文">
<span>简体中文</span>
</div>
<div class="lang-item" data-lang="en">
<img src="../imgs/flags/en.svg" alt="English">
<span>English</span>
</div>
</div>
</div>
</div>
<!-- <div class="bg">
<img src="./imgs/svg/点纹.svg" alt="背景">
</div> -->
</header>
<section class="topBanner">
<div class="topBannerLeft">
<div class="topBannerLeftTitle">
<p id="topBannerLeftTitle1">成功的工艺</p>
<p id="topBannerLeftTitle2">与产品案例</p>
</div>
<div class="topBannerBth">
<a href="mailto:fu.bin@hjsilicon.com">
<span class="topBannerBthSpan">联系我们</span>
<img src="../imgs/svg/邮箱(白).svg" alt="邮箱">
</a>
</div>
</div>
<img class="top3" src="../imgs/svg/点纹.svg" alt="点纹">
<img class="btLeft" src="../imgs/svg/点纹.svg" alt="点纹">
<img class="tpRight" src="../imgs/svg/点纹.svg" alt="点纹">
<img class="btRight" src="../imgs/svg/线纹.svg" alt="点纹">
</section>
<section class="banner">
<div class="case">
<!-- 左侧导航菜单 -->
<div class="product-nav">
<!-- 芯片产品分类 -->
<div class="product-category">
<div class="category-header active">
<span class="dot"></span>
<h3 class="category-header-title">芯片产品</h3>
</div>
<div class="category-content show">
<div class="product-item " data-product="Y100">
<img src="../imgs/products/Y100.png" alt="Y100服务器芯片">
<p class="product_item_titleY100">Y100 服务器芯片</p>
</div>
<div class="product-item" data-product="S6PRO">
<img src="../imgs/products/K6PRO.png" alt="S6PRO运算加速芯片">
<p class="product_item_titleS6PRO">S6PRO 运算加速芯片</p>
</div>
<div class="product-item" data-product="S1PRO">
<img src="../imgs/products/S1PRO.png" alt="S1PRO运算加速芯片">
<p class="product_item_titleS1PRO">S1PRO 运算加速芯片</p>
</div>
<div class="product-item" data-product="VV10">
<img src="../imgs/products/VV10.png" alt="S6PRO运算加速芯片">
<p class=" product_item_titleVV10">VV10 信息安全芯片</p>
</div>
<div class="product-item" data-product="FX100">
<img src="../imgs/products/FX100.png" alt="S6PRO运算加速芯片">
<p class="product_item_titleFX100">FX100 MCU芯片</p>
</div>
<!-- <div class="product-item" data-product="XYV2">
<img src="../imgs/products/XYV2.png" alt="S6PRO运算加速芯片">
<p>XYV2 红外图像处理芯片</p>
</div> -->
<!-- <div class="product-item" data-product="NAVT1">
<img src="../imgs/products/NAVT1.png" alt="S6PRO运算加速芯片">
<p>NAVT1 自动驾驶视觉处理芯片</p>
</div> -->
<!-- <div class="product-item" data-product="BIOX1">
<img src="../imgs/products/BIOX1.png" alt="S6PRO运算加速芯片">
<p>BIOX1 指纹识别芯片</p>
</div> -->
<!-- <div class="product-item" data-product="SND32">
<img src="../imgs/products/SND32.png" alt="S6PRO运算加速芯片">
<p>SND32 高保真音频处理芯片</p>
</div> -->
<!-- <div class="product-item" data-product="WIFI6-UC">
<img src="../imgs/products/WIFI6-UC.png" alt="S6PRO运算加速芯片">
<p>WIFI6-UC 通信协议芯片</p>
</div> -->
<!-- <div class="product-item" data-product="AGRO1">
<img src="../imgs/products/AGRO1.png" alt="S6PRO运算加速芯片">
<p>AGRO1 农业环境监测芯片</p>
</div> -->
<!-- <div class="product-item" data-product="HEALX2">
<img src="../imgs/products/HEALX2.png" alt="S6PRO运算加速芯片">
<p>HEALX2 医疗级心电检测芯片</p>
</div> -->
<!-- <div class="product-item" data-product="INDT5">
<img src="../imgs/products/INDT5.png" alt="S6PRO运算加速芯片">
<p>INDT5 工业机器人控制芯片</p>
</div> -->
<div class="product-item" data-product="GSEC8">
<img src="../imgs/products/GSEC8.png" alt="S6PRO运算加速芯片">
<p class="product_item_titleGSEC8">GSEC8 安全加密芯片</p>
</div>
<!-- <div class="product-item" data-product="VIDA-M">
<img src="../imgs/products/VIDA-M.png" alt="S6PRO运算加速芯片">
<p>VIDA-M 微型AI识别芯片</p>
</div> -->
</div>
</div>
<!-- 其他产品分类 -->
<div class="product-category">
<div class="category-header">
<span class="dot"></span>
<h3 class="OtherProducts">其它产品</h3>
</div>
<div class="category-content">
<!-- 其他产品内容 -->
</div>
</div>
</div>
<!-- 右侧产品详情 -->
<div class="product-detail">
<div class="detail-content" id="Y100">
<div class="detail-image">
<img src="../imgs/products/Y100.png" alt="Y100服务器芯片">
</div>
<div class="detail-info">
<h2 class="product_item_titleY100">Y100 服务器芯片</h2>
<div class="info-list">
<!-- <p>客户需求:客户要求为复杂计算且数据安全设计一款高性能低功耗芯片,能够在复杂环境下稳定工作。</p> -->
<p class="detail_info_textY1001">解决方案:我们通过对客户需求的深度研究,设计了一款集成了高速计算、信号处理单元和数据传输功能的芯片。</p>
<p class="detail_info_textY1002">技术亮点采用了定制化的22nm工艺低功耗设计。</p>
</div>
</div>
</div>
<div class="detail-content" id="S6PRO" style="display: none;">
<div class="detail-image">
<img src="../imgs/products/K6PRO.png" alt="S6PRO运算加速芯片">
</div>
<div class="detail-info">
<h2 class="product_item_titleS6PRO">S6PRO 运算加速芯片</h2>
<div class="info-list">
<!-- <p>客户需求由于客户业务的急剧扩大客户希望在S1PRO基础上出一个性能更强、功耗更低的芯片。</p> -->
<p class="detail_info_textS6PRO1">解决方案在S1PRO芯片的架构基础上进一步优化细节缩减逻辑资源节省面积。</p>
<p class="detail_info_textS6PRO2">技术亮点使用了定制化的12nm工艺集成了多个核心模块。</p>
</div>
</div>
</div>
<div class="detail-content" id="S1PRO" style="display: none;">
<div class="detail-image">
<img src="../imgs/products/S1PRO.png" alt="S1PRO">
</div>
<div class="detail-info">
<h2 class=" product_item_titleS1PRO">S1PRO 运算加速芯片</h2>
<div class="info-list">
<!-- <p>客户需求客户需要为云计算服务器设计一款高性能低功耗的SoC支持AI加速处理。</p> -->
<p class="detail_info_textS1PRO1">解决方案我们根据客户的需求设计了一个集成soc和特定加速模块的系统级芯片。通过先进的架构和特定的低功耗设计确保芯片在性能和功耗上的平衡。</p>
<p class="detail_info_textS1PRO2">技术亮点使用了定制化的22nm工艺集成了多个核心模块并通过自研AI算法加速模块提升了AI运算能力。</p>
</div>
</div>
</div>
<div class="detail-content" id="VV10" style="display: none;">
<div class="detail-image">
<img src="../imgs/products/VV10.png" alt="VV10">
</div>
<div class="detail-info">
<h2 class="product_item_titleVV10">VV10 信息安全芯片</h2>
<div class="info-list">
<!-- <p>客户需求客户需要为云计算服务器设计一款高性能低功耗的加密芯片支持常规RSA加密算法。</p> -->
<p class="detail_info_textVV101">解决方案我们根据客户的需求设计了一个由CPU核心处理器连接外部存储并通过私有总线扩展外设接口内部包含两个RAM具备ITCM和DTCM用于指令和数据存储。</p>
<p class="detail_info_textVV102">技术亮点EAI协处理器接口和AES算法核支持高效加解密运算RSA算法核由控制、模乘和寄存器堆组成实现高效RSA算法运算。</p>
</div>
</div>
</div>
<div class="detail-content" id="FX100" style="display: none;">
<div class="detail-image">
<img src="../imgs/products/FX100.png" alt="FX100 MCU芯片">
</div>
<div class="detail-info">
<h2 class="product_item_titleFX100">FX100 MCU芯片</h2>
<div class="info-list">
<!-- <p>客户需求客户需要为医疗器械设计一款低功耗、多功能MCU芯片。</p> -->
<p class="detail_info_textFX1001">解决方案我们根据客户的需求设计了一个由两个Master和三个Slave组成其中两个Master分别是CPU内核和DMA控制器三个Slave为内部SRAMNVM和外设。</p>
<p class="detail_info_textFX1002">技术亮点FX100采用超低功耗休眠模式μA级别使得搭载该芯片的医疗器械在外部断电时依然可以通过内置电池继续工作。</p>
</div>
</div>
</div>
<!-- <div class="detail-content" id="XYV2" style="display: none;">
<div class="detail-image">
<img src="../imgs/products/XYV2.png" alt="XYV2">
</div>
<div class="detail-info">
<h2>XYV2 红外图像处理芯片</h2>
<div class="info-list">
<p>解决方案我们根据客户的需求设计了一个红外成像器件接收红外辐射生成图像数据图像增强模块优化图像质量CPU协调系统运作DSPs进行图像处理ROM存储程序代码通用IO连接外部设备图像处理加速器完成非均匀校正等DDR3存储数据FLASH接口存储系统信息视频输出显示图像调试接口用于系统维护。</p>
<p>技术亮点:超低功耗可由内置电池供电,支持多种红外成像器件,图像处理速度快,功耗低,支持多种视频输出格式。</p>
</div>
</div>
</div> -->
<!-- <div class="detail-content" id="NAVT1" style="display: none;">
<div class="detail-image">
<img src="../imgs/products/NAVT1.png" alt="NAVT1">
</div>
<div class="detail-info">
<h2>NAVT1 自动驾驶视觉处理芯片</h2>
<div class="info-list">
<p>解决方案:内置神经网络引擎、图像识别模块,支持 CAN 通信。</p>
<p>技术亮点:支持 YOLOv5识别延迟低集成 IMU 实现高精度导航。</p>
</div>
</div>
</div> -->
<!-- <div class="detail-content" id="BIOX1" style="display: none;">
<div class="detail-image">
<img src="../imgs/products/BIOX1.png" alt="BIOX1">
</div>
<div class="detail-info">
<h2>BIOX1 指纹识别芯片</h2>
<div class="info-list">
<p>解决方案:内置光学传感器接口与指纹模板引擎,支持超低功耗待机。</p>
<p>技术亮点活体检测支持0.3s 识别时间,极低误识率。</p>
</div>
</div>
</div> -->
<!-- <div class="detail-content" id="SND32" style="display: none;">
<div class="detail-image">
<img src="../imgs/products/SND32.png" alt="SND32">
</div>
<div class="detail-info">
<h2>SND32 高保真音频处理芯片</h2>
<div class="info-list">
<p>解决方案:集成 DAC/ADC、3D 音效引擎,兼容蓝牙音频协议。</p>
<p>技术亮点:支持 192kHz/24bit低失真率音频处理延迟极低。</p>
</div>
</div>
</div> -->
<!-- <div class="detail-content" id="WIFI6-UC" style="display: none;">
<div class="detail-image">
<img src="../imgs/products/WIFI6-UC.png" alt="WIFI6-UC">
</div>
<div class="detail-info">
<h2>WIFI6-UC 通信协议芯片</h2>
<div class="info-list">
<p>解决方案:实现 OFDMA、MU-MIMO 与 BSS Coloring优化多终端通信。</p>
<p>技术亮点:支持双频并发,吞吐率达 9.6Gbps,节能设计优秀。</p>
</div>
</div>
</div> -->
<!-- <div class="detail-content" id="AGRO1" style="display: none;">
<div class="detail-image">
<img src="../imgs/products/AGRO1.png" alt="AGRO1">
</div>
<div class="detail-info">
<h2>AGRO1 农业环境监测芯片</h2>
<div class="info-list">
<p>解决方案:集成多种传感器与 LoRa 通信模块,太阳能供电支持。</p>
<p>技术亮点:超低功耗,传输距离远达 30km工业级防护设计。</p>
</div>
</div>
</div> -->
<!-- <div class="detail-content" id="HEALX2" style="display: none;">
<div class="detail-image">
<img src="../imgs/products/HEALX2.png" alt="HEALX2">
</div>
<div class="detail-info">
<h2>HEALX2 医疗级心电检测芯片</h2>
<div class="info-list">
<p>解决方案支持12导联采集、蓝牙传输与噪声滤除处理。</p>
<p>技术亮点高精度ADC安卓/iOS SDK支持内置实时预警机制。</p>
</div>
</div>
</div> -->
<!-- <div class="detail-content" id="INDT5" style="display: none;">
<div class="detail-image">
<img src="../imgs/products/INDT5.png" alt="INDT5">
</div>
<div class="detail-info">
<h2>INDT5 工业机器人控制芯片</h2>
<div class="info-list">
<p>解决方案内置PWM控制、编码器接口与路径预测引擎。</p>
<p>技术亮点控制精度达0.01度5us 指令周期,支持 EtherCAT。</p>
</div>
</div>
</div> -->
<div class="detail-content" id="GSEC8" style="display: none;">
<div class="detail-image">
<img src="../imgs/products/GSEC8.png" alt="GSEC8">
</div>
<div class="detail-info">
<h2 class="product_item_titleGSEC8">GSEC8 安全加密芯片</h2>
<div class="info-list">
<!-- <p>客户需求:保障金融终端和智能设备数据安全。</p> -->
<p class="detail_info_textGSEC81">解决方案:集成 RSA/ECC 加速器,支持安全启动与防物理攻击。</p>
<p class="detail_info_textGSEC82">技术亮点:支持国密算法,具备 CC EAL5+ 认证与 TRNG。</p>
</div>
</div>
</div>
<!-- <div class="detail-content" id="VIDA-M" style="display: none;">
<div class="detail-image">
<img src="../imgs/products/VIDA-M.png" alt="VIDA-M">
</div>
<div class="detail-info">
<h2>VIDA-M 微型AI识别芯片</h2>
<div class="info-list">
<p>解决方案:集成 CNN 加速器,支持模型压缩和 OTA 升级。</p>
<p>技术亮点:边缘推理延迟低,功耗仅 100mW支持多对象识别。</p>
</div>
</div>
</div> -->
</div>
</div>
<!-- <div class="bannertop">
<div class="imgBox">
<div class="imgBox1">
<img src="../imgs/png/芯片2.png" alt="芯片2">
</div>
<div class="imgBox2">
<img src="../imgs/png/芯片1.png" alt="芯片1">
</div>
</div>
<div class="textBox">
<h1>定制化芯片</h1>
<p>
团队有丰富的TSMC、SMIC、GF等多个芯片制造商流片成功经验
</p>
</div>
</div>
<div class="bannerBottom">
<div class="bannerBottomText">
<div class="top">
<p>成熟的电子商城及配套软件解决方案,
支持商品后台上下架、在线支付、快
递匹配等多套软件,目前已为超百位
电子商务公司及个人用户提供开发服
务。</p>
<p>适用范围: 电子商务公司及个人</p>
</div>
</div>
</div> -->
</section>
<footer class="footer" style=" background-color: #020A4C !important; ">
<section class="emailBox">
<div class="emailLeft">
<p class="emailLeftTitle">我们准备好了</p>
<p class="emailLeftText">如果您有更多的需求,请联系我们</p>
</div>
<div class="emailRight">
<div class="email" onclick="window.location.href='mailto:fu.bin@hjsilicon.com'">
<span>MAIL TO US</span>
<a href="mailto:fu.bin@hjsilicon.com">
<img src="../imgs/svg/邮箱.svg" alt="邮箱">
</a>
</div>
</div>
</section>
<section class="footerBox" >
<div class="footerBoxLeft">
<img id="footerLogo" src="../imgs/svg/logo.svg" alt="logo">
</div>
<div class="footerBoxRight">
<p>Copyright &copy <span class="footerBoxRightTitle">深圳汉晶电子信息有限公司</span></span> &nbsp;&nbsp; <a class="record" href="https://beian.miit.gov.cn/"> <span class="recordTitle">粤ICP备2025405650号</span></a></p>
<!-- <p>Copyright &copy深圳汉晶电子信息有限公司 版权所有</p> -->
</div>
</section>
</footer>
</body>
</html>

View File

@ -0,0 +1,138 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="../imgs/svg/logo.svg">
<link rel="stylesheet" href="../css/technicalSupport.css">
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/footer.css">
<link rel="stylesheet" href="../css/header.css">
<script src="../js/header.js"></script>
<script src="../js/technicalSupport.js"></script>
<title id="title">深圳汉晶电子信息有限公司</title>
</head>
<body>
<header class="header">
<div class="container">
<div class="logo">
<img id="logo-img" src="../imgs/svg/logo.svg" alt="logo">
</div>
<ul>
<li> <a id="nav-home" href="../index.html"> 首页</a></li>
<li> <a id="nav-business" href="./mainBusiness.html"> 主营业务</a></li>
<li> <a id="nav-products" href="./ourProducts.html"> 产品案例</a></li>
<li> <a id="nav-support" class="actives" href="#" style="color: #fff;"> 技术支持</a></li>
<li> <a id="nav-future" href="./approaching.html"> 展望未来</a></li>
<li> <a id="nav-about" href="./aboutUs.html"> 关于我们</a></li>
</ul>
<!-- <button class="language" id="lang-toggle" aria-label="切换语言" tabindex="0">English</button> -->
<div class="lang-dropdown">
<button class="lang-btn" id="lang-btn" aria-label="选择语言" tabindex="0">
<img id="current-flag" src="../imgs/flags/zh.svg" alt="中文">
<span id="current-lang">简体中文</span>
<span class="arrow"></span>
</button>
<div class="lang-dropdown-content" id="lang-dropdown">
<div class="lang-item" data-lang="zh">
<img src="../imgs/flags/zh.svg" alt="中文">
<span>简体中文</span>
</div>
<div class="lang-item" data-lang="en">
<img src="../imgs/flags/en.svg" alt="English">
<span>English</span>
</div>
</div>
</div>
</div>
<!-- <div class="bg">
<img src="./imgs/svg/点纹.svg" alt="背景">
</div> -->
</header>
<section class="topBanner">
<div class="topBannerLeft">
<div class="topBannerLeftTitle">
<p>技术支持</p>
<p>我们为您的项目提供技术指导。我们的
技术销售代表和产品专家可以从技术角
度解答您关于产品的问题</p>
</div>
</div>
<img class="top3" src="../imgs/svg/点纹.svg" alt="点纹">
<img class="btLeft" src="../imgs/svg/点纹.svg" alt="点纹">
<img class="tpRight" src="../imgs/svg/点纹.svg" alt="点纹">
<img class="btRight" src="../imgs/svg/线纹.svg" alt="点纹">
</section>
<section class="banner">
<div class="bannerBox">
<div class="bannerLeft">
<div class="LeftImg">
<img src="../imgs/technology/technicalAdvice.png" alt="技术咨询">
</div>
<p class="title">技术咨询</p>
<p class="problem">提供芯片设计前的需求分析、技术选型、系统架构建议。</p>
<a class="report" href="aboutUs.html#contact-map">提交服务帮助 <img class="arrow" src="../imgs/svg/箭头.svg" alt="箭头"></a>
</div>
<div class="bannerLeft">
<div class="LeftImg">
<img src="../imgs/technology/customization.svg" alt="定制化开发">
</div>
<p class="title">定制化开发</p>
<p class="problem">根据客户的特定需求,提供个性化定制的芯片设计服务,确保项目的高效实施。</p>
<a class="report" href="aboutUs.html#contact-map">定制需求 <img class="arrow" src="../imgs/svg/箭头.svg" alt="箭头"></a>
</div>
<div class="bannerRight">
<div class="rightImg">
<img src="../imgs/technology/upgrade.png" alt="产品维护与升级">
</div>
<p class="title">产品维护与升级</p>
<p class="problem">提供持续的技术支持,定期为客户的芯片产品提供性能优化与功能升级。</p>
<a class="report" href="aboutUs.html#contact-map">立即升级 <img class="arrow" src="../imgs/svg/箭头.svg" alt="箭头"></a>
</div>
</div>
</section>
<footer class="footer" style=" background-color: #020A4C !important; ">
<section class="emailBox">
<div class="emailLeft">
<p class="emailLeftTitle">我们准备好了</p>
<p class="emailLeftText">如果您有更多的需求,请联系我们</p>
</div>
<div class="emailRight">
<div class="email" onclick="window.location.href='mailto:fu.bin@hjsilicon.com'">
<span>MAIL TO US</span>
<a href="mailto:fu.bin@hjsilicon.com">
<img src="../imgs/svg/邮箱.svg" alt="邮箱">
</a>
</div>
</div>
</section>
<section class="footerBox" >
<div class="footerBoxLeft">
<img id="footerLogo" src="../imgs/svg/logo.svg" alt="logo">
</div>
<div class="footerBoxRight">
<p>Copyright &copy <span class="footerBoxRightTitle">深圳汉晶电子信息有限公司</span> &nbsp;&nbsp; <a class="record" href="https://beian.miit.gov.cn/">粤ICP备2025405650号</a></p>
<!-- <p>Copyright &copy深圳汉晶电子信息有限公司 版权所有</p> -->
</div>
</section>
</footer>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 277 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 211 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 261 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 310 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 260 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 7.2 KiB

View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1746690536424" class="icon" viewBox="0 0 1536 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7258" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="200"><path d="M0 0h1536v1024H0z" fill="#D8231D" p-id="7259"></path><path d="M626.7392 261.5808a165.4784 165.4784 0 0 1 14.3872 14.0288l14.2848 15.0016 36.608-17.664a163.84 163.84 0 0 1-8.96 18.432c-3.072 6.0416-6.2976 11.9808-9.5232 18.176l28.8768 30.0032a25.6 25.6 0 0 1-3.072 0l-34.9184-6.5536c-3.3792-0.6144-3.3792-0.512-5.12 2.6112l-16.1792 30.72-1.9456 3.2256-1.2288-8.2944c-1.536-10.24-2.9184-20.48-4.3008-30.72-0.4096-2.4576-0.4096-2.5088-2.9184-3.0208l-35.84-6.5536a5.12 5.12 0 0 1-1.8432-0.7168c5.9904-3.3792 12.1344-6.144 18.176-9.1136l18.5344-8.9088-5.12-40.3968zM502.016 170.6496l0.6144-0.512 37.3248 15.36 26.7264-31.6416v4.3008l-2.304 33.9456c0 3.3792 0 3.3792 2.9184 4.608l32.7168 13.2096c0.768 0 1.3824 0.6144 2.7136 1.1776l-3.072 1.0752-34.56 8.448c-2.9184 0.6144-2.9184 0.6144-3.1744 3.6864l-2.4576 37.0176-0.3072 1.8432-2.0992-3.2256c-6.144-9.8304-12.288-19.712-18.5856-29.5424-1.6896-2.7648-1.792-2.7648-5.12-1.8944l-34.2016 8.3456-2.9184 0.5632c9.0624-10.9056 17.8176-21.1968 26.7264-31.7952l-21.0432-34.6112z m-63.488 144.0768L357.5808 374.4768l-1.9968 1.4848c-2.304 1.792-2.304 1.792-1.3824 4.6592l22.1184 67.584 10.24 31.4368 0.768 2.5088h-0.6144l-1.792-1.2288-86.016-62.976-0.768-0.4608h-0.7168L209.0496 482.4576l-0.6144-0.4608 33.5872-105.0112-88.4736-64.3584v-0.768h105.3184c4.608 0 3.84 0.5632 5.12-3.84l32.256-96.2048a9.472 9.472 0 0 1 1.6896-3.2768l33.536 103.2704c6.0416 0.3072 12.1344 0 18.1248 0h91.4432v0.6656z m161.2288 253.9008l-34.2528 8.2944-3.2256 0.9216-2.816 41.6768-1.9968-2.816-18.7392-29.7984c-1.792-2.816-1.8432-2.816-5.12-2.048l-34.1504 8.448-3.072 0.512 26.7776-31.8464-21.0432-34.56 0.4096-0.512c6.3488 2.1504 12.4416 5.12 18.688 7.424l18.8928 7.68 26.2144-31.1296h0.512v3.4816l-2.304 33.8432v1.2288a2.56 2.56 0 0 0 1.9968 3.1744l14.1312 5.6832 19.6608 7.8848 2.7136 1.1264-3.2256 1.0752z m99.1744-122.4704l-27.0336 21.0432c-2.6624 2.048-2.6624 2.048-1.536 5.12l11.6736 32.6144a6.4512 6.4512 0 0 1 0.3584 3.2256l-33.792-23.3984-32.4608 25.1904-0.512-0.4096 11.4176-39.4752-33.4848-23.04v-0.768c13.4144-0.6656 26.88-0.512 40.704-1.28l11.8272-38.8096h0.512l1.2288 3.072 11.52 32.3584c1.024 2.9184 1.024 2.9184 4.096 2.816l34.2528-1.024h3.2256v0.6144z" fill="#FFFA30" p-id="7260"></path></svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 214 KiB

BIN
hanJing/imgs/home/S6PRO.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 427 KiB

BIN
hanJing/imgs/home/S6PRO.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 479 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 432 KiB

BIN
hanJing/imgs/home/Y100.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 173 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 176 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 565 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 206 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 205 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 233 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 232 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 695 1063.45"><defs><style>.cls-1{fill:#009fd0;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><polygon class="cls-1" points="695 0 582.21 0 0 531.72 582.21 1063.45 695 1063.45 112.79 531.72 695 0"/></g></g></svg>

After

Width:  |  Height:  |  Size: 311 B

BIN
hanJing/imgs/home/team.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 6.4 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 6.8 KiB

BIN
hanJing/imgs/main/arrow.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 6.5 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 5.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 244 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

BIN
hanJing/imgs/main/tool.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 371 KiB

BIN
hanJing/imgs/png/chip.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 371 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 241 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 207 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 294 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 228 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 286 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 287 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 316 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 222 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 204 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 219 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 366 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 174 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 194 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 138 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 306 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 239 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 251 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 217 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 370 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 281 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 227 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 379 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 139 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 5.3 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 6.2 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26.2 26.2"><defs><style>.cls-1{fill:#009fd0;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><g id="Lang_Select" data-name="Lang Select"><g id="android-globe"><path id="Shape-7" class="cls-1" d="M13.1,26.2A13.1,13.1,0,1,1,26.2,13.1,13.1,13.1,0,0,1,13.1,26.2ZM4.55,5.82a11.23,11.23,0,0,0,7.19,18.43q.16-.37.36-.72c.36-.65.69-1.26.1-1.74s-.95-.83-1.46-1.33a3.26,3.26,0,0,1-.52-1.41,4.17,4.17,0,0,0,.44-1.24c0-.1,0-.21.07-.32.18-.73-.17-.95-.74-1.32l-.1-.06a17,17,0,0,1-1.8-1.36L7.16,14l-.35-.24a2,2,0,0,1-.91-.95c-.05-.16-.08-.32-.12-.49A3.87,3.87,0,0,0,5.31,11a4.46,4.46,0,0,1-.65-3.37c0-.11,0-.22,0-.33a5.21,5.21,0,0,0-.06-1C4.59,6.18,4.57,6,4.55,5.82Zm8.87,9.5a1.19,1.19,0,0,1,.69.18l.43.3a13.49,13.49,0,0,0,2.54,1.55c.39.17,1.46.86,1.65,1.48a.57.57,0,0,1-.05.46l-.09.14a9.67,9.67,0,0,0-.77,1.32,4.7,4.7,0,0,1-1.24,1.53,4.65,4.65,0,0,0-1.37,1.85A11.25,11.25,0,0,0,24,15.87l-.24,0a3.23,3.23,0,0,1-.92-.16,6.17,6.17,0,0,1-1.48-2.81c0-.57-.05-1.09-.05-1.59a10.92,10.92,0,0,0-.13-2,5.29,5.29,0,0,0-1-1.83,7.84,7.84,0,0,1-.71-1.09c-.38-.77-.83-1.68-1.27-2.63l.14.05a1.88,1.88,0,0,1,.3.12h0c.29,0,.57-.08.82-.1A10.92,10.92,0,0,0,14.74,2v.52L15,3.1l-.87.82-.54-.18-.63-.65-.63-.74L11.41,2a11.12,11.12,0,0,0-2.85.83,3.42,3.42,0,0,1,0,.45c.22-.09.46-.17.7-.25L10,2.77h.05a2.12,2.12,0,0,1,.74.43l.19.14a3.57,3.57,0,0,1-.46.4c-.37.31-.85.69-.88.94,0,.07.07.15.17.25s.24.24.24.36,0,.35,0,.52v0c0,.18,0,.36,0,.54a6.11,6.11,0,0,0,.48-.47,8.85,8.85,0,0,1,.9-.83l.18,0a3.15,3.15,0,0,1,2.1,1.61c.09.34-.68,1-1.36,1.55-.26.21-.5.42-.69.59a4.26,4.26,0,0,1-.54.41c-.48.31-.93.6-.7,1.13l.05.11c.16.36.54,1.18.27,1.4a.29.29,0,0,1-.18.07c-.29,0-.64-.47-.83-.72l-.08-.11a1.65,1.65,0,0,0-1.32-.43H7.25v.15a2.67,2.67,0,0,0,.94,2.56l.67.52a11.21,11.21,0,0,0,2.29,1.51,1.3,1.3,0,0,0,.55.09,6.11,6.11,0,0,0,.86-.09,6.27,6.27,0,0,1,.86-.09Z"/></g></g></g></g></svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85"><defs><style>.cls-1,.cls-2{fill:none;stroke-miterlimit:10;}.cls-1{stroke:aqua;stroke-width:3.02px;}.cls-2{stroke:#000;stroke-width:1.02px;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M15.88,14.22H69.12a1.73,1.73,0,0,1,1.74,1.7V68.59a1.73,1.73,0,0,1-1.74,1.7H15.88a1.69,1.69,0,0,1-1.7-1.7V15.92a1.69,1.69,0,0,1,1.7-1.7Z"/><path class="cls-1" d="M42.54,26.69A88,88,0,0,1,28.4,34c1.81,10.48,6.27,18.72,14.4,23.86C51.65,51.35,57.25,43.75,56.57,34a81.52,81.52,0,0,1-14-7.3Z"/><polyline class="cls-1" points="36.03 42.77 40.27 46.96 48.97 37.55"/><line class="cls-2" x1="32.33" x2="32.33" y2="8.89"/><line class="cls-1" x1="32.33" x2="32.33" y2="8.89"/><line class="cls-1" x1="42.5" x2="42.5" y2="8.89"/><line class="cls-1" x1="52.67" x2="52.67" y2="8.89"/><line class="cls-1" x1="32.33" y1="76.15" x2="32.33" y2="85"/><line class="cls-1" x1="42.5" y1="76.15" x2="42.5" y2="85"/><line class="cls-1" x1="52.67" y1="76.15" x2="52.67" y2="85"/><line class="cls-1" y1="52.67" x2="8.89" y2="52.67"/><line class="cls-1" y1="42.5" x2="8.89" y2="42.5"/><line class="cls-1" y1="32.33" x2="8.89" y2="32.33"/><line class="cls-1" x1="76.15" y1="52.67" x2="85" y2="52.67"/><line class="cls-1" x1="76.15" y1="42.5" x2="85" y2="42.5"/><line class="cls-1" x1="76.15" y1="32.33" x2="85" y2="32.33"/></g></g></svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 18 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88.5 98.56"><defs><style>.cls-1{fill:none;stroke:#00a0d1;stroke-miterlimit:10;stroke-width:3.56px;}.cls-2{fill:red;fill-rule:evenodd;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M44.25,96.78c11.53,0,21-21.36,21-47.52s-9.42-47.48-21-47.48S23.3,23.09,23.3,49.26s9.41,47.52,21,47.52Z"/><path class="cls-1" d="M3.09,25.54C8.91,15.48,32,18,54.72,31.12S91.17,63,85.4,73s-28.92,7.52-51.62-5.59S-2.67,35.55,3.09,25.54Z"/><path class="cls-1" d="M3.09,73c-5.76-10,8-28.79,30.69-41.9S79.59,15.48,85.4,25.54,77.47,54.28,54.72,67.43,8.91,83,3.09,73Z"/><path class="cls-2" d="M44.62,57.65a9.44,9.44,0,1,0-9.46-9.41,9.44,9.44,0,0,0,9.46,9.41Z"/></g></g></svg>

After

Width:  |  Height:  |  Size: 769 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 97.96 96.11"><defs><style>.cls-1,.cls-2,.cls-3,.cls-4{fill:none;stroke-width:3.52px;}.cls-1{stroke:#00a0d1;}.cls-1,.cls-2,.cls-3{stroke-miterlimit:10;}.cls-2,.cls-3,.cls-4{stroke:red;}.cls-3{stroke-linecap:round;}.cls-4{stroke-linejoin:round;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M43,81.39A39.82,39.82,0,1,1,82.79,41.6,39.9,39.9,0,0,1,43,81.39Zm0-15.51A24.31,24.31,0,1,0,18.67,41.6,24.34,24.34,0,0,0,43,65.88ZM71.34,13.7l12.92-12M1.87,82.5,14.75,70.56M1.2,1.4l12.88,12"/><path class="cls-2" d="M43,47a5.42,5.42,0,1,0-5.44-5.39A5.44,5.44,0,0,0,43,47Z"/><line class="cls-3" x1="44.15" y1="42.75" x2="83.28" y2="81.88"/><path class="cls-4" d="M84,82.14l12.17.18c-6.64-6.19-13.5-8.95-20.59-8.6C75.3,80.18,77.53,87,83.28,94.35Z"/></g></g></svg>

After

Width:  |  Height:  |  Size: 871 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 95.31 103.65"><defs><style>.cls-1,.cls-2{fill:none;stroke-linecap:round;stroke-width:3.65px;}.cls-1{stroke:red;stroke-linejoin:round;}.cls-2{stroke:#00a0d1;stroke-miterlimit:10;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M42.22,84l.19-17.52a19.26,19.26,0,0,0-7.72-13.95c3.74-2,8.18-1.71,13.31.5a13.66,13.66,0,0,1,12.07.19,17.2,17.2,0,0,0-7.35,13.13l.55,18.16"/><path class="cls-2" d="M59.37,85.72l-25,.18C35.85,67,24.61,66.77,21.05,57.2,15,41,25.54,20.92,44.17,19.07c15-1.53,26.8,8.41,29.72,26.2,1.52,8.14-1.39,15-8.55,22-5.18,5.09-6.15,11-6,18.4Z"/><line class="cls-2" x1="13.2" y1="46.01" x2="1.83" y2="46.01"/><line class="cls-2" x1="93.48" y1="46.01" x2="82.11" y2="46.01"/><line class="cls-2" x1="47.72" y1="1.83" x2="47.72" y2="13.2"/><line class="cls-2" x1="21.93" y1="70.42" x2="13.38" y2="77.91"/><line class="cls-2" x1="80.54" y1="14.77" x2="71.99" y2="22.3"/><line class="cls-2" x1="81.42" y1="78.09" x2="72.87" y2="70.56"/><line class="cls-2" x1="23.69" y1="23" x2="15.14" y2="15.46"/><path class="cls-2" d="M38.2,86.41,38,92.7c-.42,3.28,2.08,8.69,9.1,9.1,5.5.33,7.54-3.09,9.48-8.22L56.74,86"/><line class="cls-2" x1="61.64" y1="93.58" x2="56.6" y2="93.58"/><line class="cls-2" x1="38.02" y1="93.58" x2="32.98" y2="93.58"/></g></g></svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 46 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.08 80.44"><defs><style>.cls-1{fill:aqua;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M2.66,35.08l65-34.5A5.06,5.06,0,0,1,71.45.21a5.28,5.28,0,0,1,3,2.45l7.15,13.47-1.83,1.08A4.93,4.93,0,0,0,77.52,20a4.52,4.52,0,0,0,3,5.69,4.83,4.83,0,0,0,3.62-.25L86,24.57l7.48,14a5.11,5.11,0,0,1,.33,3.83,4.94,4.94,0,0,1-2.41,3l-65,34.5a5.16,5.16,0,0,1-3.83.33,5,5,0,0,1-2.95-2.41c0-.08-6.48-12.22-7.48-14.13l2.08-1.08a5.15,5.15,0,0,0,2.37-2.83,4.82,4.82,0,0,0-.29-3.62L16.25,56a4.75,4.75,0,0,0-2.7-2.08,5.06,5.06,0,0,0-3.7.37L7.77,55.41C6.82,53.58.58,41.9.58,41.86A5.21,5.21,0,0,1,.21,38a5.14,5.14,0,0,1,2.45-3Zm67-30.63L4.7,39a.61.61,0,0,0-.29.37.6.6,0,0,0,0,.46l5.28,9.89a9.1,9.1,0,0,1,5.07,0,8.85,8.85,0,0,1,5.4,4.41l.25.5v0a8.79,8.79,0,0,1,.38,6.4A9.44,9.44,0,0,1,18,65.3l5.53,10.43a.6.6,0,0,0,.37.29.72.72,0,0,0,.5,0l65-34.46a.6.6,0,0,0,.29-.37.63.63,0,0,0,0-.5L84,30.14a9.05,9.05,0,0,1-4.82-.21A8.93,8.93,0,0,1,74,25.56a9,9,0,0,1,1.87-10.84l-5.32-10a.61.61,0,0,0-.37-.29,1,1,0,0,0-.46,0Z"/><path class="cls-1" d="M25.69,36.33,56.86,19.79H57a3.54,3.54,0,0,1,2,0,3.73,3.73,0,0,1,2,1.7l.25.46h0l8.81,16.62v.13a3.64,3.64,0,0,1,0,2,3.75,3.75,0,0,1-1.71,2L37.7,59a3.59,3.59,0,0,1-2.62.25h0a3.3,3.3,0,0,1-2-1.7L24.23,41A3.46,3.46,0,0,1,24,38.37a3.42,3.42,0,0,1,1.71-2Zm31.88-12-29,15.42L36.49,54.7l29-15.42Z"/></g></g></svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 332.59 40.39"><defs><style>.cls-1{fill:#00316a;}.cls-2{fill:#00a0d1;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><polygon class="cls-1" points="105.72 15.45 80.77 40.39 100.96 40.39 125.91 15.45 105.72 15.45"/><polygon class="cls-1" points="24.95 15.45 0 40.39 20.19 40.39 45.14 15.45 24.95 15.45"/><polygon class="cls-1" points="65.33 15.45 40.38 40.39 60.58 40.39 85.52 15.45 65.33 15.45"/><polygon class="cls-1" points="146.1 15.45 121.16 40.39 141.35 40.39 166.29 15.45 146.1 15.45"/><polygon class="cls-1" points="267.25 15.45 242.31 40.39 262.5 40.39 287.45 15.45 267.25 15.45"/><polygon class="cls-1" points="226.87 15.45 201.93 40.39 222.12 40.39 247.06 15.45 226.87 15.45"/><polygon class="cls-1" points="186.49 15.45 161.54 40.39 181.73 40.39 206.68 15.45 186.49 15.45"/><polygon class="cls-2" points="150.85 0 125.91 24.95 146.1 24.95 171.05 0 150.85 0"/><polygon class="cls-2" points="70.08 0 45.14 24.95 65.33 24.95 90.28 0 70.08 0"/><polygon class="cls-2" points="110.47 0 85.52 24.95 105.72 24.95 130.66 0 110.47 0"/><polygon class="cls-2" points="191.24 0 166.29 24.95 186.49 24.95 211.43 0 191.24 0"/><polygon class="cls-2" points="312.39 0 287.45 24.95 307.64 24.95 332.59 0 312.39 0"/><polygon class="cls-2" points="272.01 0 247.06 24.95 267.25 24.95 292.2 0 272.01 0"/><polygon class="cls-2" points="231.62 0 206.68 24.95 226.87 24.95 251.82 0 231.62 0"/></g></g></svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.94 12.21"><defs><style>.cls-1{fill:#00eced;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path id="Vector_273_Stroke_" data-name="Vector 273 Stroke " class="cls-1" d="M0,6.9V5.31H13.14V6.9Z"/><path id="Vector_274_Stroke_" data-name="Vector 274 Stroke " class="cls-1" d="M13.7,5.55a.79.79,0,0,1,0,1.12L8.16,12.21,7,11.09l5-5-5-5L8.16,0Z"/></g></g></svg>

After

Width:  |  Height:  |  Size: 456 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1303.67 91.95"><defs><style>.cls-1{fill:#00316a;}.cls-2{fill:#00a0d1;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><polygon class="cls-1" points="773.59 0 172 0 172 8.88 782.47 8.88 773.59 0"/><polygon class="cls-2" points="1303.67 8.88 1303.67 0 773.59 0 782.47 8.88 1303.67 8.88"/><polygon class="cls-2" points="827.94 29.64 1303.67 29.64 1303.67 20.77 819.06 20.77 827.94 29.64"/><polygon class="cls-2" points="744.95 20.77 753.83 29.64 788.09 29.64 779.22 20.77 744.95 20.77"/><polygon class="cls-1" points="779.22 20.77 788.09 29.64 827.94 29.64 819.06 20.77 779.22 20.77"/><polygon class="cls-1" points="116 20.77 116 29.64 753.83 29.64 744.95 20.77 116 20.77"/><polygon class="cls-1" points="59.33 41.54 59.33 50.41 778.58 50.41 769.71 41.54 59.33 41.54"/><polygon class="cls-2" points="778.58 50.41 1303.67 50.41 1303.67 41.54 769.71 41.54 778.58 50.41"/><polygon class="cls-1" points="0 62.3 0 71.18 714.88 71.18 706.01 62.3 0 62.3"/><polygon class="cls-1" points="734.3 62.3 743.17 71.18 792.18 71.18 783.3 62.3 734.3 62.3"/><polygon class="cls-2" points="706.01 62.3 714.88 71.18 743.17 71.18 734.3 62.3 706.01 62.3"/><polygon class="cls-2" points="792.18 71.18 1303.67 71.18 1303.67 62.3 783.3 62.3 792.18 71.18"/><polygon class="cls-2" points="781.47 91.95 1303.67 91.95 1303.67 83.07 772.6 83.07 781.47 91.95"/><polygon class="cls-1" points="772.6 83.07 696.89 83.07 667.41 83.07 172 83.07 172 91.95 676.28 91.95 705.77 91.95 781.47 91.95 772.6 83.07"/></g></g></svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 105 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.67 26.13"><defs><style>.cls-1{fill:#009fd0;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><g id="iconixto_linear_mail" data-name="iconixto linear mail"><g id="Group_326" data-name="Group 326"><g id="Vector_20" data-name="Vector 20"><path class="cls-1" d="M6.53,2.45A4.08,4.08,0,0,0,2.45,6.53V19.6a4.08,4.08,0,0,0,4.08,4.08h19.6a4.09,4.09,0,0,0,4.09-4.08V6.53a4.09,4.09,0,0,0-4.09-4.08H6.53M6.53,0h19.6a6.54,6.54,0,0,1,6.54,6.53V19.6a6.53,6.53,0,0,1-6.54,6.53H6.53A6.53,6.53,0,0,1,0,19.6V6.53A6.54,6.54,0,0,1,6.53,0Z"/></g><path class="cls-1" d="M16.35,14.84a8.29,8.29,0,0,1-1.11-.08,7.71,7.71,0,0,1-5.11-3L5.55,5.64A1.24,1.24,0,0,1,5.8,3.92a1.22,1.22,0,0,1,1.71.24l4.58,6.1a5.3,5.3,0,0,0,7.43,1.06,5.32,5.32,0,0,0,1.06-1.06l4.57-6.1a1.23,1.23,0,1,1,2,1.48l-4.57,6.09A7.59,7.59,0,0,1,21,13.28,7.7,7.7,0,0,1,16.35,14.84Z"/></g></g></g></g></svg>

After

Width:  |  Height:  |  Size: 946 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 82.82 66.25"><defs><style>.cls-1{fill:#fff;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><g id="iconixto_linear_mail" data-name="iconixto linear mail"><g id="Group_326" data-name="Group 326"><g id="Vector_20" data-name="Vector 20"><path class="cls-1" d="M16.56,6.21A10.37,10.37,0,0,0,6.21,16.56V49.69A10.36,10.36,0,0,0,16.56,60H66.25A10.37,10.37,0,0,0,76.61,49.69V16.56A10.37,10.37,0,0,0,66.25,6.21H16.56m0-6.21H66.25A16.57,16.57,0,0,1,82.82,16.56V49.69A16.56,16.56,0,0,1,66.25,66.25H16.56A16.56,16.56,0,0,1,0,49.69V16.56A16.57,16.57,0,0,1,16.56,0Z"/></g><path class="cls-1" d="M41.45,37.61a19.1,19.1,0,0,1-2.82-.2,19.54,19.54,0,0,1-13-7.67L14.08,14.29a3.11,3.11,0,0,1,5-3.73L30.64,26a13.48,13.48,0,0,0,18.84,2.69A13.76,13.76,0,0,0,52.18,26L63.77,10.56a3.11,3.11,0,1,1,5,3.73L57.14,29.74a19.61,19.61,0,0,1-15.69,7.87Z"/></g></g></g></g></svg>

After

Width:  |  Height:  |  Size: 943 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352.18 351.06"><defs><style>.cls-1,.cls-2{fill:#fff;isolation:isolate;}.cls-1{opacity:0.05;}.cls-2{opacity:0.05;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><g id="Deco"><path id="Rectangle-3" class="cls-1" d="M10.41,218a40.3,40.3,0,0,1,2.87-56.93l.12-.1L133.66,53.11a40.3,40.3,0,0,1,56.81,3L298.73,175.86a40.31,40.31,0,0,1-2.87,56.93l-.12.11L175.47,340.76a40.3,40.3,0,0,1-56.81-3Z"/><path id="Rectangle-4" class="cls-2" d="M121.71,129.59a24.18,24.18,0,0,1,1.79-34.16h0L222.59,6.21A24.18,24.18,0,0,1,256.74,8h0L346,107.09a24.17,24.17,0,0,1-1.79,34.15h0l-99.08,89.23a24.19,24.19,0,0,1-34.16-1.8h0Z"/></g></g></g></svg>

After

Width:  |  Height:  |  Size: 719 B

Some files were not shown because too many files have changed in this diff Show More