12 Commits

Author SHA1 Message Date
3eb78af090 refactor: 将hanjing项目的图片目录从SVG重命名为svg
- 保持项目文件命名一致性
- 解决大小写敏感环境下的潜在问题
2025-04-23 11:52:21 +08:00
53fe293094 refactor: 将hanjing项目的图片目录从PNG重命名为png
- 保持项目文件命名一致性
- 解决大小写敏感环境下的潜在问题
2025-04-23 11:49:38 +08:00
cc2ce9446e 汉晶路径全改小写 2025-04-23 11:33:57 +08:00
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
64f104ffad release汉晶网站完成 2025-04-18 14:16:06 +08:00
56 changed files with 3686 additions and 0 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
```

70
docs/hjsilicon.md Normal file
View File

@@ -0,0 +1,70 @@
# 一、芯片设计技术服务
## 1、服务概述
我们公司提供全方位的芯片设计技术服务涵盖从需求讨论、系统设计、逻辑设计、FPGA原型验证到最终的芯片制造、测试与验证等各个环节。我们采用行业领先的工具和技术确保芯片的性能、功耗、稳定性都能满足客户需求。
## 2、 服务内容
- **需求分析与规划**:根据客户的应用场景,进行深度调研,分析产品需求,输出系统方案。
- **芯片架构设计**:从芯片框架设计到芯片核心模块设计,包括接口定义等,确保基于此架构就可以正常进行逻辑设计。
- **逻辑设计与验证**:使用先进的设计工具(如 Verilog进行芯片逻辑设计并通过仿真与验证工具如 systemverilog确保功能和性能的正确性。通过后仿确定芯片功耗、面积符合客户需求。
- **硬件设计与原理图**在芯片封装设计时充分考虑到PCB板设计不仅仅是考虑芯片本身在芯片设计时就考虑产品的可靠性和稳定性。
- **制程与工艺**:团队与先进半导体制造厂有着长期的合作,对工艺细节了解充分,确保芯片生产过程中的质量控制与工艺优化,工艺良率达到业界领先水平。
- **测试与验证**:针对刚出厂的芯片,能对应设计开发测试板,提供包括功能测试、性能测试、功耗测试、热测试等全面的验证服务,保证客户收到的芯片都是合格产品。
- **量产与交付**:根据客户需求,我们提供从小批量试产到大规模量产的全程技术支持,并确保交付时效与质量。
## 3、 服务优势
- **全流程技术服务**:从芯从客户需求沟通到量产交付,提供端到端的技术服务,确保客户需求得到全方位满足。
- **行业经验**:我们的团队拥有多年芯片前后端设计经验,所设计的芯片均流片成功,能够应对复杂的设计挑战,提供个性化解决方案,在低功耗方面有独到的设计方法学。
- **技术工具**采用业界公认的可靠的EDA工具链保证设计功能正确和功耗、面积的准确性。
- **稳定的芯片制造商合作关系**团队与SMIC、GF等芯片制造商有着良好的合作关系在12nm、22nm等先进制程上均有流片并都是一版流片成功。
---
# 二、成功的工艺与产品案例
**产品KS2PRO 运算加速芯片**
- **客户需求**由于客户业务的急剧扩大客户希望在KS1PRO基础上出一个性能更强、功耗更低的芯片。
- **解决方案**:在上版芯片的架构基础上进一步优化细节,缩减逻辑资源,节省面积。
- **技术亮点**使用了定制化的12nm工艺集成了多个核心模块并通过自研AI算法加速模块提升了AI运算能力。
**产品YX1000 服务器芯片**
- **客户需求**:客户要求为复杂计算且数据安全设计一款高性能低功耗芯片,能够在复杂环境下稳定工作。
- **解决方案**:我们通过对客户去修的深度研究,设计了一款集成了高速计算、信号处理单元和数据传输功能的芯片。
- **技术亮点**采用了定制化的22nm工艺低功耗设计。
**产品KS1PRO 运算加速芯片**
- **客户需求**客户需要为云计算服务器设计一款高性能低功耗的SoC支持AI加速处理。
- **解决方案**我们根据客户的需求设计了一个集成soc和特定加速模块的系统级芯片。通过先进的架构和特定的低功耗设计确保芯片在性能和功耗上的平衡。
- **技术亮点**使用了定制化的22nm工艺集成了多个核心模块并通过自研AI算法加速模块提升了AI运算能力。
---
## 三、未来发展与技术趋势
### 1. **AI加速芯片**
- **应用领域**AI芯片在智能硬件、自动驾驶、工业互联网、智慧医疗等领域的需求越来越大。我们正在研发支持深度学习加速的定制芯片助力AI技术的商业化应用。
### 2. **量子计算芯片**
- **技术方向**:随着量子计算的不断发展,我们的研发团队正在探索量子计算芯片的设计,致力于开发具有突破性的量子计算硬件平台,为未来的计算革命奠定基础。
### 3. **5G/6G通信芯片**
- **未来规划**5G、6G通信技术的普及将进一步推动通信芯片的革新。我们计划设计更高效、低延迟、更强抗干扰能力的通信芯片支持全球网络的高速连接。
---
## 四、技术支持与客户服务
### 1. **技术咨询**
- 提供芯片设计前的需求分析、技术选型、系统架构建议。
### 2. **定制化开发**
- 根据客户的特定需求,提供个性化定制的芯片设计服务,确保项目的高效实施。
### 3. **产品维护与升级**
- 提供持续的技术支持,定期为客户的芯片产品提供性能优化与功能升级。
---
## 五、公司简介
我们公司是一家专注于集成电路设计的高科技公司,致力于为客户提供从芯片设计到量产的全流程服务。我们的团队拥有丰富的行业经验,采用最先进的工具和技术,为客户提供高品质的芯片解决方案。我们始终坚持以客户为中心,以技术为驱动,致力于推动集成电路行业的创新与发展。

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 模型训练的企业,为客户提供全方位的技术服务支持。我们秉承“专业、创新、高效”的理念,致力于帮助客户实现业务目标,提升企业竞争力。

117
docs/yxsilicon.md Normal file
View File

@@ -0,0 +1,117 @@
# 公司主营业务与产品设计
## 一、电子产品设计生产制造服务
### 1. 服务概述
我们公司提供全方位的电子产品设计与制造服务,涵盖从需求分析、产品设计、样机开发、生产制造到产品交付的全过程。我们依托先进的技术和工艺,致力于为客户提供高性能、高质量的电子产品解决方案。
### 2. 服务内容
- **产品需求分析**:通过与客户的深入沟通,明确产品功能需求、市场需求和技术要求。
- **硬件设计**基于电子电路设计原理进行精确的原理图设计和PCB布局设计确保电路高效稳定。
- **嵌入式系统设计**:针对客户需求开发定制化的嵌入式系统,确保产品性能与可靠性。
- **外观与结构设计**:提供从外观设计到结构设计的全方位服务,确保产品的美观与耐用性。
- **样机开发与测试**:在设计完成后,进行样机制作、性能测试及反馈改进,确保产品的成熟度和稳定性。
- **量产与制造**:我们与多家先进制造厂合作,提供从小批量试产到大规模量产的服务,确保生产质量和交货时效。
- **质量控制**:实施严格的质量管理体系,进行多项质量测试,确保每一个出厂产品都符合行业标准。
### 3. 电子产品设计案例
- **运算加速器KS6PRO**搭载12nm工艺的NT0010B云计算专用芯片作为云基础设施的核心节点提供高效的计算能力适用于大规模数据处理、高性能计算、人工智能等领域。
- **YX1000服务器**搭载22nm工艺的云计算专用芯片提供高性能的云计算服务适用于数据中心、企业级应用、云计算平台等场景。
- **NT0040A-服务器**采用水冷散热技术确保服务器在高负载下稳定运行适用于高性能计算、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. **产品维护与升级**
为客户的电子产品和服务器提供持续的技术支持与系统升级,确保产品长期稳定运行。
---
### 五、公司简介
我们公司始终致力于为客户提供创新、高效、稳定的产品与服务,凭借先进的技术和丰富的行业经验,帮助客户在市场中取得成功。

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

@@ -0,0 +1,138 @@
.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:51vw 0vw;
position: relative;
}
.topBannerLeft{
width: 21%;
height: 80%;
/* background: #00316B; */
color: #fff;
position: absolute;
top: 5vh;
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: 112vh;
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/svg/企业文化理念\(BJF\).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;
}
/* ------------------- */

View File

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: 80vw;
height: 15vh;
background: #00ECEC;
position: absolute;
top: -8vh;
left: 10vw;
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.8vw;
color: #fff;
font-weight: 600;
}
.emailLeft p:nth-child(2){
font-size: 1.2vw;
color: #fff;
font-weight: 400;
}
.emailRight{
width: 50%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.email{
width: 38%;
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: 1.2vw;
color: #3FB7DC;
font-weight: 800;
}
.email img{
width: 2vw;
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;
}

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

@@ -0,0 +1,86 @@
.header{
width: 100%;
height: 26vh;
background-color: #030045;
position: relative;
margin-bottom: 0;
margin-bottom: -1px;
}
.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: start;
justify-content: space-between;
/* background: palegoldenrod; */
}
.logo{
width: 20%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.logo img{
width: 3.5vw;
height: auto;
}
.header ul{
width: 45%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
/* background: palevioletred; */
margin-left: 5vw;
padding-right: 10vw;
}
.header ul li{
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.9vw;
}
.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;
} */
.active::before{
content:url(../imgs/svg/页面选择图标.svg);
width: 100%;
height: auto;
position: absolute;
bottom: 0;
left: 0;
}

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

@@ -0,0 +1,351 @@
.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; /* 防止水平滚动条 */
}
.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);
}
.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: 330vh;
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/png/ourProducts.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: 6vh;
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/png/关于我们.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 .top{
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;
}
.top p{
width: 60%;
font-size: 1vw;
line-height: 4.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);
}

View File

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

@@ -0,0 +1,219 @@
.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: 26%;
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: 1.2vw;
color: #01A0D0;
margin-top: 18px;
line-height: 6.5vh;
}
.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%;
height: 219vh;
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;
}

View File

@@ -0,0 +1,131 @@
.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: 5vh;
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;
}
.bannerLeft ,.bannerRight{
width: 25%;
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;
}

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

@@ -0,0 +1,122 @@
<!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(BJF).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">
<title>深圳汉晶电子信息有限公司</title>
</head>
<body>
<header class="header">
<div class="container">
<div class="logo">
<img src="../imgs/svg/汉晶LOGO(BJF).svg" alt="logo">
</div>
<ul>
<li> <a href="../index.html"> 首页</a></li>
<!-- <li> <a href="./mainBusiness.html"> 主营业务</a></li> -->
<li> <a href="./ourProducts.html"> 产品介绍</a></li>
<li> <a href="./technicalSupport.html"> 技术支持</a></li>
<!-- <li> <a href="./approaching.html"> 展望未来</a></li> -->
<li> <a class="active" href="#" style="color: #fff;"> 关于我们</a></li>
</ul>
</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="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>
</section>
<footer class="footer" style=" background-color: #020A4C !important; ">
<section class="emailBox">
<div class="emailLeft">
<p>我们准备好了</p>
<p>如果您有更多的需求,请联系我们</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 src="../imgs/svg/汉晶LOGO(BJF).svg" alt="logo">
</div>
<div class="footerBoxRight">
<p>Copyright &copy深圳汉晶电子信息有限公司 &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,35 @@
<!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(BJF).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">
<title>深圳汉晶电子信息有限公司</title>
</head>
<body>
<header class="header">
<div class="container">
<div class="logo">
<img src="../imgs/svg/汉晶LOGO(BJF).svg" alt="logo">
</div>
<ul>
<li> <a href="../index.html"> 首页</a></li>
<li> <a href="./mainBusiness.html"> 主营业务</a></li>
<li> <a href="./ourProducts.html"> 产品案例</a></li>
<li> <a href="./technicalSupport.html"> 技术支持</a></li>
<li> <a class="active" href="#" style="color: #fff;"> 展望未来</a></li>
<li> <a href="./aboutUs.html"> 关于我们</a></li>
</ul>
</div>
<div class="bg">
<img src="../imgs/svg/点纹.svg" alt="背景">
</div>
</header>
</body>
</html>

View File

@@ -0,0 +1,35 @@
<!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(BJF).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">
<title>深圳汉晶电子信息有限公司</title>
</head>
<body>
<header class="header">
<div class="container">
<div class="logo">
<img src="../imgs/svg/汉晶LOGO(BJF).svg" alt="logo">
</div>
<ul>
<li> <a href="../index.html"> 首页</a></li>
<li> <a class="active" href="#" style="color: #fff;"> 主营业务</a></li>
<li> <a href="./ourProducts.html"> 产品案例</a></li>
<li> <a href="./technicalSupport.html"> 技术支持</a></li>
<li> <a href="./approaching.html"> 展望未来</a></li>
<li> <a href="./aboutUs.html"> 关于我们</a></li>
</ul>
</div>
<div class="bg">
<img src="../imgs/svg/点纹.svg" alt="背景">
</div>
</header>
</body>
</html>

View File

@@ -0,0 +1,121 @@
<!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(BJF).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">
<title>深圳汉晶电子信息有限公司</title>
</head>
<body>
<header class="header">
<div class="container">
<div class="logo">
<img src="../imgs/svg/汉晶LOGO(BJF).svg" alt="logo">
</div>
<ul>
<li> <a href="../index.html"> 首页</a></li>
<li> <a class="active" href="#" style="color: #fff;"> 产品介绍</a></li>
<li> <a href="./technicalSupport.html"> 技术支持</a></li>
<li> <a href="./aboutUs.html" > 关于我们</a></li>
</ul>
</div>
<div class="bg">
<img src="../imgs/svg/点纹.svg" alt="背景">
</div>
</header>
<section class="topBanner">
<div class="topBannerLeft">
<div class="topBannerLeftTitle">
<p>我们的产品</p>
<p>我们提供芯片研发、生产和销售,芯片销售代理;以及软件WEB设计服务。</p>
</div>
<div class="topBannerBth">
<a href="mailto:fu.bin@hjsilicon.com">
<span>MAIL TO US</span>
<img src="../imgs/svg/邮箱(白).svg" alt="邮箱">
</a>
</div>
</div>
<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="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>我们准备好了</p>
<p>如果您有更多的需求,请联系我们</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 src="../imgs/svg/汉晶LOGO(BJF).svg" alt="logo">
</div>
<div class="footerBoxRight">
<p>Copyright &copy深圳汉晶电子信息有限公司 &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,100 @@
<!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(BJF).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">
<title>深圳汉晶电子信息有限公司</title>
</head>
<body>
<header class="header">
<div class="container">
<div class="logo">
<img src="../imgs/svg/汉晶LOGO(BJF).svg" alt="logo">
</div>
<ul>
<li> <a href="../index.html"> 首页</a></li>
<li> <a href="./ourProducts.html"> 产品介绍</a></li>
<li> <a class="active" href="#" style="color: #fff;"> 技术支持</a></li>
<li> <a href="./aboutUs.html"> 关于我们</a></li>
</ul>
</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="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="bannerLeft">
<div class="LeftImg">
<img src="../imgs/svg/技术服务帮助.svg" alt="技术服务帮助">
</div>
<p class="title">技术服务帮助</p>
<p class="problem">获取汉晶技术支持专家提供的保密帮助。</p>
<a class="report" href="mailto:fu.bin@hjsilicon.com">提交服务帮助 <img class="arrow" src="../imgs/svg/箭头.svg" alt="箭头"></a>
</div>
<div class="bannerRight">
<div class="rightImg">
<img src="../imgs/svg/产品安全漏洞.svg" alt="产品安全漏洞">
</div>
<p class="title">产品安全漏洞</p>
<p class="problem">发现您的产品存在潜在安全漏洞?</p>
<a class="report" href="mailto:fu.bin@hjsilicon.com">立即报告 <img class="arrow" src="../imgs/svg/箭头.svg" alt="箭头"></a>
</div>
</section>
<footer class="footer" style=" background-color: #020A4C !important; ">
<section class="emailBox">
<div class="emailLeft">
<p>我们准备好了</p>
<p>如果您有更多的需求,请联系我们</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 src="../imgs/svg/汉晶LOGO(BJF).svg" alt="logo">
</div>
<div class="footerBoxRight">
<p>Copyright &copy深圳汉晶电子信息有限公司 &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: 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

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

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: 6.1 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

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 5.3 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

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 345.46 379.27"><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-5" class="cls-1" d="M46.73,246.23A40.31,40.31,0,0,1,49.6,189.3l.12-.11L170,81.33a40.32,40.32,0,0,1,56.82,3L335.05,204.08A40.3,40.3,0,0,1,332.18,261l-.12.11L211.8,369A40.32,40.32,0,0,1,155,366Z"/><path id="Rectangle-6" class="cls-2" d="M6.21,129.59A24.19,24.19,0,0,1,8,95.43H8L107.09,6.21A24.18,24.18,0,0,1,141.24,8h0l89.23,99.09a24.18,24.18,0,0,1-1.8,34.15h0l-99.08,89.23a24.19,24.19,0,0,1-34.16-1.8h0Z"/></g></g></g></svg>

After

Width:  |  Height:  |  Size: 715 B

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 108 KiB

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 81 5.23"><defs><style>.cls-1{fill:url(#未命名的渐变_18);}</style><radialGradient id="未命名的渐变_18" cx="208.4" cy="-5.84" r="43.21" gradientTransform="translate(-132.68 3.03) scale(0.83 0.07)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="0.1" stop-color="#ededf2"/><stop offset="0.31" stop-color="#bebdcf"/><stop offset="0.61" stop-color="#727097"/><stop offset="0.98" stop-color="#0a074b"/><stop offset="1" stop-color="#040046"/></radialGradient></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><ellipse class="cls-1" cx="40.5" cy="2.61" rx="40.5" ry="2.61"/></g></g></svg>

After

Width:  |  Height:  |  Size: 756 B

View File

@@ -0,0 +1,135 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="./imgs/svg/汉晶LOGO(BJF).svg">
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="./css/base.css">
<link rel="stylesheet" href="./css/footer.css">
<link rel="stylesheet" href="./css/header.css">
<title>深圳汉晶电子信息有限公司</title>
</head>
<body class="body">
<header class="header">
<div class="container">
<div class="logo">
<img src="./imgs/svg/汉晶LOGO(BJF).svg" alt="logo">
</div>
<ul>
<li> <a class="active" href="#" style="color: #fff;"> 首页</a></li>
<!-- <li> <a href="./html/mainBusiness.html"> 主营业务</a></li> -->
<li> <a href="./html/ourProducts.html"> 产品介绍</a></li>
<li> <a href="./html/technicalSupport.html"> 技术支持</a></li>
<!-- <li> <a href="./html/approaching.html"> 展望未来</a></li> -->
<li> <a href="./html/aboutUs.html"> 关于我们</a></li>
</ul>
</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>
<p>Devoted to be the Globalleading Supplier for Electronic Information Products and Services</p>
</div>
<div class="topBannerBth">
<a href="mailto:fu.bin@hjsilicon.com">联系我们</a>
</div>
</div>
<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">
<h1>优秀的产品</h1>
<p>以我们的优质产品加速技术突破,建设更美好的世界。我们始终坚信,技术创新是推动人类文明的核心动力,我们以突破性研发为引擎,通过与全球合作伙伴协同合作。持续迭代的智能解决方案,加速构建未来生态。</p>
</div>
</div>
<div class="bannerMid">
<img class="bannerMidImg" src="/imgs/svg/mainFunctionalResources.svg" alt="主要功能资源">
<div class="bannerletf">
<img src="./imgs/png/chip.png" alt="芯片">
<div class="bannerletfText">
<p>定制化芯片</p>
<a href="/html/ourProducts.html">产品详情</a>
</div>
</div>
<div class="bannerRight">
<img src="/imgs/png/WEBdesign.png" alt="WEB设计">
<div class="bannerletfText">
<p>电子商场WEB设计</p>
<a href="./html/ourProducts.html">产品详情</a>
</div>
</div>
</div>
<div class="bannerBottom">
<div class="bannerBottomText">
<div class="top">
<h1>我们的目标</h1>
<p>汇聚人才,共同创造突破性技术,为更加智能、更加安全、更有保障的科技世界保驾护航。</p>
</div>
<div class="bottom">
<div class="bottomLeft">
<p class="perCent" data-target="30">0%</p>
<p class="characters">研发投入</p>
</div>
<div class="bottomRight">
<p class="perCent" data-target="70">0%</p>
<p class="characters">研究人员</p>
</div>
</div>
</div>
</div>
</section>
<footer class="footer">
<section class="emailBox">
<div class="emailLeft">
<p>我们准备好了</p>
<p>如果您有更多的需求,请联系我们</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 src="./imgs/svg/汉晶LOGO(BJF).svg" alt="logo">
</div>
<div class="footerBoxRight">
<p>Copyright &copy深圳汉晶电子信息有限公司 &nbsp;&nbsp; <a class="record" href="https://beian.miit.gov.cn/">粤ICP备2025405650号</a></p>
<!-- <p>Copyright &copy深圳汉晶电子信息有限公司 版权所有</p> -->
</div>
</section>
</footer>
<script src="./js/index.js"></script>
</body>
</html>

45
hanJing/js/index.js Normal file
View File

@@ -0,0 +1,45 @@
document.addEventListener('DOMContentLoaded', () => {
const elements = document.querySelectorAll('.perCent');
const animatePercentage = (element) => {
// 添加可见类触发CSS过渡效果
element.classList.add('visible');
let current = 1;
const target = parseInt(element.getAttribute('data-target'));
// 重置为初始值
element.textContent = '1%';
const timer = setInterval(() => {
current += 1;
element.textContent = `${current}%`;
if (current >= target) {
clearInterval(timer);
}
}, 30);
};
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
animatePercentage(entry.target);
} else {
// 当元素离开视口时
entry.target.classList.remove('visible');
entry.target.textContent = '1%'; // 重置为初始值
}
});
}, {
threshold: 0.5,
rootMargin: '0px'
});
elements.forEach(element => {
// 初始状态设置
element.classList.remove('visible');
element.textContent = '1%';
observer.observe(element);
});
});

2
nicetechcg/server/.gitignore vendored Normal file
View File

@@ -0,0 +1,2 @@
node_modules/*
package-lock.json

View File

@@ -0,0 +1,37 @@
const express = require('express');
const jwt = require('jsonwebtoken');
const { expressjwt: jwtMiddleware } = require('express-jwt'); // 导入 express-jwt 中间件
const app = express();
const secret = 'nicetechsg';
// 中间件:保护所有 /api 路由
app.use(
'/api',
jwtMiddleware({ secret, algorithms: ['HS512'] })
);
app.get("/test", (req, res) =>{
res.json({message: "test"})
})
// 登录接口(生成 token
app.post('/login', (req, res) => {
const user = { password: 1, username: 'alice' };
const token = jwt.sign(user, secret, { expiresIn: '1h' });
res.json({ token });
});
// 受保护接口
app.get('/api/protected', (req, res) => {
res.json({ message: 'You have access!', user: req.auth });
});
// 错误处理
app.use((err, req, res, next) => {
if (err.name === 'UnauthorizedError') {
return res.status(401).json({ message: 'Invalid token' });
}
next(err);
});
app.listen(3000, () => console.log('Server started on port 3000'));

1539
nicetechcg/server/package-lock.json generated Normal file

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,17 @@
{
"name": "server",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": {
"express": "^5.1.0",
"express-jwt": "^8.5.1",
"jsonwebtoken": "^9.0.2"
}
}

View File

@@ -0,0 +1,38 @@
class Response {
constructor(data){
this.code = 200
this.msg = 'success'
// this.data = data
}
}
class SuccessResponse extends Response {
constructor(data){
super(data)
this.data = data
}
}
class ErrorResponse extends Response {
constructor(data){
super(data)
if(typeof data === 'string'){
this.code = 500
this.msg = data
}
if (typeof data === 'object'){
this.code = 500
this.msg = "error"
this.data = data
}
if (data === "" || data === null || data === undefined){
this.code = 500
this.msg = "error"
}
}
}
module.exports = {
SuccessResponse,
ErrorResponse
}