606 lines
40 KiB
HTML
606 lines
40 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>产品详情 - 隼瞻科技</title>
|
||
|
||
<!-- Tailwind (kept, may be used for layout utilities) -->
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
|
||
<!-- Font Awesome & Font -->
|
||
<link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||
|
||
<!-- Main styles -->
|
||
<style type="text/tailwindcss">
|
||
@layer utilities {
|
||
.glass-panel {
|
||
background: linear-gradient(135deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.4));
|
||
backdrop-filter: blur(16px);
|
||
-webkit-backdrop-filter: blur(16px);
|
||
border: 1px solid rgba(255, 255, 255, 0.9);
|
||
box-shadow: 0 8px 32px -4px rgba(59, 130, 246, 0.1);
|
||
}
|
||
.glass-panel-light {
|
||
background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.8));
|
||
backdrop-filter: blur(20px);
|
||
-webkit-backdrop-filter: blur(20px);
|
||
border: 1px solid rgba(255, 255, 255, 1);
|
||
box-shadow: 0 4px 16px -2px rgba(59, 130, 246, 0.05);
|
||
}
|
||
.gradient-text {
|
||
background: linear-gradient(135deg, #2563eb 0%, #3b82f6 50%, #8b5cf6 100%);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
.text-shadow {
|
||
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
|
||
}
|
||
.product-feature-card {
|
||
transition: all 0.3s ease;
|
||
}
|
||
.product-feature-card:hover {
|
||
transform: translateY(-5px);
|
||
}
|
||
.section-active {
|
||
color: #2563eb !important;
|
||
border-bottom: 2px solid #2563eb !important;
|
||
}
|
||
.animate-fade-in {
|
||
opacity: 0;
|
||
transform: translateY(20px);
|
||
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
|
||
}
|
||
.animate-fade-in.visible {
|
||
opacity: 1;
|
||
transform: translateY(0);
|
||
}
|
||
.hover-float {
|
||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||
}
|
||
.hover-float:hover {
|
||
transform: translateY(-5px);
|
||
}
|
||
}
|
||
</style>
|
||
<script>
|
||
tailwind.config = {
|
||
theme: {
|
||
extend: {
|
||
colors: {
|
||
primary: '#3b82f6',
|
||
secondary: '#2563eb',
|
||
accent: '#60a5fa',
|
||
},
|
||
fontFamily: {
|
||
inter: ['Inter', 'sans-serif'],
|
||
},
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
</head>
|
||
|
||
<body class="bg-slate-50 text-slate-800 font-inter antialiased">
|
||
<!-- 固定在背景的全局毛玻璃淡蓝光晕 -->
|
||
<div class="fixed inset-0 z-0 pointer-events-none bg-slate-50">
|
||
<div class="absolute top-[-10%] left-[-10%] w-[50%] h-[50%] rounded-full bg-blue-200/50 blur-[100px]"></div>
|
||
<div class="absolute bottom-[-10%] right-[-10%] w-[40%] h-[40%] rounded-full bg-sky-200/40 blur-[100px]"></div>
|
||
<div class="absolute top-[40%] right-[10%] w-[30%] h-[30%] rounded-full bg-indigo-100/60 blur-[80px]"></div>
|
||
<div class="absolute bottom-[20%] left-[20%] w-[30%] h-[30%] rounded-full bg-blue-100/50 blur-[80px]"></div>
|
||
</div>
|
||
|
||
<!-- Wrapper with an ID so we can scope styles and avoid WP theme interference -->
|
||
<div id="sj-product-page" class="min-h-screen relative z-10">
|
||
|
||
<!-- 产品页面头部 -->
|
||
<section class="pt-24 md:pt-32 pb-16 md:pb-24 relative overflow-hidden">
|
||
<div class="absolute top-0 left-1/2 -translate-x-1/2 w-[80%] h-64 bg-primary/10 blur-[120px] rounded-full pointer-events-none"></div>
|
||
|
||
<div class="container mx-auto px-4 md:px-6 lg:px-8 relative z-10">
|
||
<div class="max-w-4xl mx-auto text-center">
|
||
<h1 class="text-[clamp(2rem,5vw,3.5rem)] font-extrabold text-slate-800 leading-tight drop-shadow-sm mb-6">
|
||
车规处理器IP
|
||
</h1>
|
||
<div class="glass-panel-light inline-flex items-center space-x-2 px-6 py-2 rounded-full border border-blue-200 mb-6 shadow-sm animate-fade-in">
|
||
<h2 class="text-xl font-bold text-blue-700">Wing-M Series</h2>
|
||
</div>
|
||
<h3 class="text-2xl md:text-3xl font-extrabold text-slate-800 mb-8 gradient-text inline-block">Wing-M130A Processor IP</h3>
|
||
|
||
<p class="text-lg md:text-xl text-slate-600 font-medium mb-8 max-w-2xl mx-auto leading-relaxed">
|
||
Wing-M130A是基于RISC-V架构的32位、3级流水线的支持浮点应用的微控制器。其采用双核锁步机制,提高单点故障覆盖率和潜在故障覆盖率,满足车规安全等级要求。该产品能够显著减少客户在汽车安全标准认证上的时间成本。同时，依托于RISC-V架构的模块化和高度可定制的特性，它能够适应多样化的车载系统级芯片（SoC）设计需求。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 4. 架构 -->
|
||
<section id="architecture" class="section-content py-16 relative">
|
||
<div class="container mx-auto px-4 md:px-6 lg:px-8 relative z-10">
|
||
<div class="max-w-4xl mx-auto mb-16">
|
||
<h2 class="text-3xl md:text-4xl font-extrabold mb-6 text-slate-800 text-center drop-shadow-sm">架构</h2>
|
||
<p class="text-slate-600 mb-6 text-center font-medium">
|
||
Wing-M130A是基于RISC-V架构的32位、单发射、3级流水线的支持浮点应用的微控制器。
|
||
</p>
|
||
<div class="w-24 h-1.5 bg-gradient-to-r from-blue-500 to-sky-400 mx-auto mb-12 rounded-full"></div>
|
||
</div>
|
||
|
||
<!-- 架构大图 -->
|
||
<div class="max-w-4xl mx-auto glass-panel rounded-3xl shadow-md border border-white hover:shadow-lg transition-shadow overflow-hidden animate-fade-in mb-12">
|
||
<div class="p-6 bg-slate-50 border-b border-slate-200">
|
||
<h3 class="text-2xl font-extrabold text-slate-800 text-center">Wing-M130A 处理器IP架构</h3>
|
||
</div>
|
||
<div class="p-4 bg-white/50 backdrop-blur-sm">
|
||
<img src="https://www.beiyuxing.live/wp-content/uploads/2025/11/whiteboard_exported_image-16-scaled.png"
|
||
alt="Wing-M130A Processor IP架构图" class="w-full h-auto rounded-2xl border border-slate-100 shadow-sm" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 2. 产品特点 -->
|
||
<section id="features" class="section-content py-16 bg-slate-50/50 relative">
|
||
<div class="container mx-auto px-4 md:px-6 lg:px-8 relative z-10">
|
||
<div class="max-w-4xl mx-auto mb-16">
|
||
<h2 class="text-3xl md:text-4xl font-extrabold mb-6 text-slate-800 text-center drop-shadow-sm">产品特点</h2>
|
||
<div class="w-24 h-1.5 bg-gradient-to-r from-blue-500 to-sky-400 mx-auto mb-12 rounded-full"></div>
|
||
</div>
|
||
|
||
<div class="space-y-6 max-w-4xl mx-auto">
|
||
<div class="glass-panel p-6 rounded-2xl shadow-sm hover:shadow-md transition-all duration-300 animate-fade-in border border-white hover:-translate-y-1">
|
||
<div class="flex items-center">
|
||
<div class="bg-blue-100 text-blue-600 p-3 rounded-xl shrink-0 border border-blue-200">
|
||
<i class="fa fa-check text-xl"></i>
|
||
</div>
|
||
<div class="ml-5">
|
||
<h4 class="text-xl font-bold text-slate-800">业界领先的架构性能，与ARM比肩的面效比与能效比</h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="glass-panel p-6 rounded-2xl shadow-sm hover:shadow-md transition-all duration-300 animate-fade-in border border-white hover:-translate-y-1" style="transition-delay: 0.1s">
|
||
<div class="flex items-center">
|
||
<div class="bg-blue-100 text-blue-600 p-3 rounded-xl shrink-0 border border-blue-200">
|
||
<i class="fa fa-check text-xl"></i>
|
||
</div>
|
||
<div class="ml-5">
|
||
<h4 class="text-xl font-bold text-slate-800">支持基于隼瞻科技自研处理器自动化设计平台扩展领域专用指令集，可快速迭代专用处理器解决方案</h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="glass-panel p-6 rounded-2xl shadow-sm hover:shadow-md transition-all duration-300 animate-fade-in border border-white hover:-translate-y-1" style="transition-delay: 0.2s">
|
||
<div class="flex items-center">
|
||
<div class="bg-blue-100 text-blue-600 p-3 rounded-xl shrink-0 border border-blue-200">
|
||
<i class="fa fa-check text-xl"></i>
|
||
</div>
|
||
<div class="ml-5">
|
||
<h4 class="text-xl font-bold text-slate-800">支持隼瞻科技自研代码压缩技术，直击RISC-V基础架构代码膨胀问题</h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="glass-panel p-6 rounded-2xl shadow-sm hover:shadow-md transition-all duration-300 animate-fade-in border border-white hover:-translate-y-1" style="transition-delay: 0.3s">
|
||
<div class="flex items-center">
|
||
<div class="bg-blue-100 text-blue-600 p-3 rounded-xl shrink-0 border border-blue-200">
|
||
<i class="fa fa-check text-xl"></i>
|
||
</div>
|
||
<div class="ml-5">
|
||
<h4 class="text-xl font-bold text-slate-800">支持隼瞻科技自研中断实时性增强技术，提供优异的中断切换效率和中断处理实时性</h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="glass-panel p-6 rounded-2xl shadow-sm hover:shadow-md transition-all duration-300 animate-fade-in border border-white hover:-translate-y-1" style="transition-delay: 0.4s">
|
||
<div class="flex items-center">
|
||
<div class="bg-blue-100 text-blue-600 p-3 rounded-xl shrink-0 border border-blue-200">
|
||
<i class="fa fa-check text-xl"></i>
|
||
</div>
|
||
<div class="ml-5">
|
||
<h4 class="text-xl font-bold text-slate-800">支持多样化的在线/离线调试手段，可快速定位并解决故障</h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="glass-panel p-6 rounded-2xl shadow-sm hover:shadow-md transition-all duration-300 animate-fade-in border border-white hover:-translate-y-1" style="transition-delay: 0.5s">
|
||
<div class="flex items-center">
|
||
<div class="bg-blue-100 text-blue-600 p-3 rounded-xl shrink-0 border border-blue-200">
|
||
<i class="fa fa-check text-xl"></i>
|
||
</div>
|
||
<div class="ml-5">
|
||
<h4 class="text-xl font-bold text-slate-800">支持统一的WingLink调试工具，一站式解决不同调试接口的兼容性问题</h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="glass-panel p-6 rounded-2xl shadow-sm hover:shadow-md transition-all duration-300 animate-fade-in border border-white hover:-translate-y-1" style="transition-delay: 0.6s">
|
||
<div class="flex items-center">
|
||
<div class="bg-blue-100 text-blue-600 p-3 rounded-xl shrink-0 border border-blue-200">
|
||
<i class="fa fa-check text-xl"></i>
|
||
</div>
|
||
<div class="ml-5">
|
||
<h4 class="text-xl font-bold text-slate-800">支持配置丰富的功能，可针对客户目标应用“量体裁衣”</h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="glass-panel p-6 rounded-2xl shadow-sm hover:shadow-md transition-all duration-300 animate-fade-in border border-white hover:-translate-y-1" style="transition-delay: 0.7s">
|
||
<div class="flex items-center">
|
||
<div class="bg-blue-100 text-blue-600 p-3 rounded-xl shrink-0 border border-blue-200">
|
||
<i class="fa fa-check text-xl"></i>
|
||
</div>
|
||
<div class="ml-5">
|
||
<h4 class="text-xl font-bold text-slate-800">支持丰富的安全机制，满足信息安全国际CC认证</h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="glass-panel p-6 rounded-2xl shadow-sm hover:shadow-md transition-all duration-300 animate-fade-in border border-white hover:-translate-y-1" style="transition-delay: 0.8s">
|
||
<div class="flex items-center">
|
||
<div class="bg-blue-100 text-blue-600 p-3 rounded-xl shrink-0 border border-blue-200">
|
||
<i class="fa fa-check text-xl"></i>
|
||
</div>
|
||
<div class="ml-5">
|
||
<h4 class="text-xl font-bold text-slate-800">车规核获ISO26262 ASIL-D等级认证</h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 3. 产品参数 -->
|
||
<section id="specifications" class="section-content py-16 relative">
|
||
<div class="container mx-auto px-4 md:px-6 lg:px-8 relative z-10">
|
||
<div class="max-w-4xl mx-auto mb-16">
|
||
<h2 class="text-3xl md:text-4xl font-extrabold mb-6 text-slate-800 text-center drop-shadow-sm">产品参数</h2>
|
||
<p class="text-slate-600 font-medium mb-6 text-center">
|
||
Wing-M130A Processor IP的详细技术参数，为您提供全面的产品信息
|
||
</p>
|
||
<div class="w-24 h-1.5 bg-gradient-to-r from-blue-500 to-sky-400 mx-auto mb-12 rounded-full"></div>
|
||
</div>
|
||
|
||
<div class="glass-panel rounded-3xl shadow-sm border border-white p-8 animate-fade-in mb-8">
|
||
<h3 class="text-2xl font-extrabold mb-6 text-slate-800 flex items-center gap-3">
|
||
<div class="w-10 h-10 bg-indigo-100 rounded-lg flex items-center justify-center text-indigo-600">
|
||
<i class="fa fa-tachometer"></i>
|
||
</div>
|
||
性能基准测试
|
||
</h3>
|
||
<div class="grid md:grid-cols-2 gap-8">
|
||
<div class="space-y-4">
|
||
<div class="flex justify-between items-end pb-3 border-b border-slate-200 hover:border-blue-300 transition-colors">
|
||
<span class="text-slate-500 font-medium text-xl">Dhrystone</span>
|
||
<span class="font-extrabold text-2xl text-blue-600">2.23（Legal）</span>
|
||
</div>
|
||
</div>
|
||
<div class="space-y-4">
|
||
<div class="flex justify-between items-end pb-3 border-b border-slate-200 hover:border-blue-300 transition-colors">
|
||
<span class="text-slate-500 font-medium text-xl">Coremark</span>
|
||
<span class="font-extrabold text-2xl text-blue-600">4.47</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="glass-panel rounded-3xl shadow-sm border border-white p-8 animate-fade-in">
|
||
<h3 class="text-2xl font-extrabold mb-8 text-slate-800 flex items-center gap-3">
|
||
<div class="w-10 h-10 bg-sky-100 rounded-lg flex items-center justify-center text-sky-600">
|
||
<i class="fa fa-cogs"></i>
|
||
</div>
|
||
功能参数
|
||
</h3>
|
||
<div class="grid md:grid-cols-2 gap-x-12 gap-y-6">
|
||
<div class="space-y-5">
|
||
<div class="flex flex-col sm:flex-row sm:justify-between sm:items-center pb-3 border-b border-slate-200 hover:border-blue-300 transition-colors">
|
||
<span class="text-slate-500 font-medium mb-1 sm:mb-0">ISA</span>
|
||
<span class="font-bold text-slate-800 text-right">RV32I（M）（A）B（F）_zce_zicond_xwingc</span>
|
||
</div>
|
||
<div class="flex flex-col sm:flex-row sm:justify-between sm:items-center pb-3 border-b border-slate-200 hover:border-blue-300 transition-colors">
|
||
<span class="text-slate-500 font-medium mb-1 sm:mb-0">Micro Arch</span>
|
||
<span class="font-bold text-slate-800 text-right">3-stage, In-order, one-issue</span>
|
||
</div>
|
||
<div class="flex flex-col sm:flex-row sm:justify-between pb-3 border-b border-slate-200 hover:border-blue-300 transition-colors">
|
||
<span class="text-slate-500 font-medium mt-1">Memory System</span>
|
||
<span class="font-bold text-slate-800 text-right">I Cache(up to 64KB); I/D TCM(up to 128KB);<br/>Optional Memory Protect Unit(PMP)</span>
|
||
</div>
|
||
</div>
|
||
<div class="space-y-5">
|
||
<div class="flex flex-col sm:flex-row sm:justify-between sm:items-center pb-3 border-b border-slate-200 hover:border-blue-300 transition-colors">
|
||
<span class="text-slate-500 font-medium mb-1 sm:mb-0">Ext. Interrupts</span>
|
||
<span class="font-bold text-slate-800 text-right">Up to 4064 IRQs</span>
|
||
</div>
|
||
<div class="flex flex-col sm:flex-row sm:justify-between sm:items-center pb-3 border-b border-slate-200 hover:border-blue-300 transition-colors">
|
||
<span class="text-slate-500 font-medium mb-1 sm:mb-0">Debug</span>
|
||
<span class="font-bold text-slate-800 text-right">CJTAG/JTAG</span>
|
||
</div>
|
||
<div class="flex flex-col sm:flex-row sm:justify-between sm:items-center pb-3 border-b border-slate-200 hover:border-blue-300 transition-colors">
|
||
<span class="text-slate-500 font-medium mb-1 sm:mb-0">External Bus</span>
|
||
<span class="font-bold text-slate-800 text-right">3x AHB</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 1. 应用场景 -->
|
||
<!-- 1. 应用场景 -->
|
||
<section id="applications" class="section-content py-16 bg-slate-50/50 relative">
|
||
<div class="container mx-auto px-4 md:px-6 lg:px-8 relative z-10">
|
||
<div class="max-w-4xl mx-auto mb-16">
|
||
<h2 class="text-3xl md:text-4xl font-extrabold mb-6 text-slate-800 text-center drop-shadow-sm">应用场景</h2>
|
||
<p class="text-slate-600 font-medium mb-6 text-center">
|
||
Wing-M130A处理器IP凭借其高性能、低功耗特性，广泛应用于以下领域
|
||
</p>
|
||
<div class="w-24 h-1.5 bg-gradient-to-r from-blue-500 to-sky-400 mx-auto mb-12 rounded-full"></div>
|
||
</div>
|
||
|
||
<!-- 应用场景标签 -->
|
||
<div class="flex flex-wrap justify-center gap-4 max-w-3xl mx-auto mb-16">
|
||
<span
|
||
class="bg-blue-50 border border-blue-200 text-blue-700 px-6 py-3 rounded-full text-lg font-bold animate-fade-in flex items-center gap-2 shadow-sm hover:bg-blue-100 transition-colors pointer-events-none">
|
||
<i class="fa fa-industry"></i> 工业控制
|
||
</span>
|
||
<span
|
||
class="bg-blue-50 border border-blue-200 text-blue-700 px-6 py-3 rounded-full text-lg font-bold animate-fade-in flex items-center gap-2 shadow-sm hover:bg-blue-100 transition-colors pointer-events-none"
|
||
style="transition-delay: 0.1s">
|
||
<i class="fa fa-connectdevelop"></i> 物联网
|
||
</span>
|
||
<span
|
||
class="bg-blue-50 border border-blue-200 text-blue-700 px-6 py-3 rounded-full text-lg font-bold animate-fade-in flex items-center gap-2 shadow-sm hover:bg-blue-100 transition-colors pointer-events-none"
|
||
style="transition-delay: 0.2s">
|
||
<i class="fa fa-mobile"></i> 可穿戴设备
|
||
</span>
|
||
<span
|
||
class="bg-blue-50 border border-blue-200 text-blue-700 px-6 py-3 rounded-full text-lg font-bold animate-fade-in flex items-center gap-2 shadow-sm hover:bg-blue-100 transition-colors pointer-events-none"
|
||
style="transition-delay: 0.3s">
|
||
<i class="fa fa-shield"></i> 物理安全
|
||
</span>
|
||
<span
|
||
class="bg-blue-50 border border-blue-200 text-blue-700 px-6 py-3 rounded-full text-lg font-bold animate-fade-in flex items-center gap-2 shadow-sm hover:bg-blue-100 transition-colors pointer-events-none"
|
||
style="transition-delay: 0.4s">
|
||
<i class="fa fa-car"></i> 车规功能安全
|
||
</span>
|
||
</div>
|
||
|
||
<!-- 详细应用场景描述 -->
|
||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-5xl mx-auto">
|
||
<div class="glass-panel p-6 rounded-2xl shadow-sm hover:shadow-md transition-all duration-300 animate-fade-in border border-white hover:-translate-y-1 group">
|
||
<div class="flex items-start mb-4">
|
||
<div class="w-12 h-12 bg-blue-100 rounded-xl flex items-center justify-center mr-4 group-hover:bg-blue-500 transition-colors border border-blue-200">
|
||
<i class="fa fa-industry text-blue-600 text-xl group-hover:text-white transition-colors"></i>
|
||
</div>
|
||
<div>
|
||
<h4 class="text-xl font-bold mb-2 text-slate-800">工业控制</h4>
|
||
<p class="text-slate-600 font-medium">
|
||
提供高精度、实时性强的工业控制系统解决方案，支持复杂的工业自动化和控制算法，确保工业环境下的稳定可靠运行。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="glass-panel p-6 rounded-2xl shadow-sm hover:shadow-md transition-all duration-300 animate-fade-in border border-white hover:-translate-y-1 group" style="transition-delay: 0.1s">
|
||
<div class="flex items-start mb-4">
|
||
<div class="w-12 h-12 bg-sky-100 rounded-xl flex items-center justify-center mr-4 group-hover:bg-sky-500 transition-colors border border-sky-200">
|
||
<i class="fa fa-connectdevelop text-sky-600 text-xl group-hover:text-white transition-colors"></i>
|
||
</div>
|
||
<div>
|
||
<h4 class="text-xl font-bold mb-2 text-slate-800">物联网</h4>
|
||
<p class="text-slate-600 font-medium">
|
||
为物联网终端设备提供高效的计算能力，支持多协议通信和边缘计算，满足物联网设备的低功耗和高可靠性需求。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="glass-panel p-6 rounded-2xl shadow-sm hover:shadow-md transition-all duration-300 animate-fade-in border border-white hover:-translate-y-1 group" style="transition-delay: 0.2s">
|
||
<div class="flex items-start mb-4">
|
||
<div class="w-12 h-12 bg-indigo-100 rounded-xl flex items-center justify-center mr-4 group-hover:bg-indigo-500 transition-colors border border-indigo-200">
|
||
<i class="fa fa-mobile text-indigo-600 text-xl group-hover:text-white transition-colors"></i>
|
||
</div>
|
||
<div>
|
||
<h4 class="text-xl font-bold mb-2 text-slate-800">可穿戴设备</h4>
|
||
<p class="text-slate-600 font-medium">
|
||
针对智能手表、健康监测设备等可穿戴电子产品优化，提供低功耗运行和高效的数据处理能力，保障长时间电池续航。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="glass-panel p-6 rounded-2xl shadow-sm hover:shadow-md transition-all duration-300 animate-fade-in border border-white hover:-translate-y-1 group" style="transition-delay: 0.3s">
|
||
<div class="flex items-start mb-4">
|
||
<div class="w-12 h-12 bg-teal-100 rounded-xl flex items-center justify-center mr-4 group-hover:bg-teal-500 transition-colors border border-teal-200">
|
||
<i class="fa fa-shield text-teal-600 text-xl group-hover:text-white transition-colors"></i>
|
||
</div>
|
||
<div>
|
||
<h4 class="text-xl font-bold mb-2 text-slate-800">物理安全</h4>
|
||
<p class="text-slate-600 font-medium">
|
||
提供硬件级安全防护能力，支持安全启动、加密存储和安全通信，为物理安全设备提供可靠的安全计算基础。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="glass-panel p-6 rounded-2xl shadow-sm hover:shadow-md transition-all duration-300 animate-fade-in border border-white hover:-translate-y-1 group" style="transition-delay: 0.4s">
|
||
<div class="flex items-start mb-4">
|
||
<div class="w-12 h-12 bg-blue-100 rounded-xl flex items-center justify-center mr-4 group-hover:bg-blue-600 transition-colors border border-blue-200">
|
||
<i class="fa fa-car text-blue-600 text-xl group-hover:text-white transition-colors"></i>
|
||
</div>
|
||
<div>
|
||
<h4 class="text-xl font-bold mb-2 text-slate-800">车规功能安全</h4>
|
||
<p class="text-slate-600 font-medium">
|
||
符合ISO 26262等车规安全标准，为车载电子系统提供高可靠性的计算平台，支持自动驾驶和智能座舱等安全关键应用。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 4. 认证 -->
|
||
<section id="certification" class="section-content py-16 relative">
|
||
<div class="container mx-auto px-4 md:px-6 lg:px-8 relative z-10">
|
||
<div class="max-w-4xl mx-auto mb-16">
|
||
<h2 class="text-3xl md:text-4xl font-extrabold mb-6 text-slate-800 text-center drop-shadow-sm">安全认证</h2>
|
||
<div class="w-24 h-1.5 bg-gradient-to-r from-blue-500 to-sky-400 mx-auto mb-12 rounded-full"></div>
|
||
</div>
|
||
|
||
<!-- 认证大图 -->
|
||
<div class="max-w-4xl mx-auto glass-panel rounded-3xl shadow-md border border-white hover:shadow-lg transition-shadow overflow-hidden animate-fade-in mb-12">
|
||
<div class="p-6 bg-slate-50 border-b border-slate-200">
|
||
<h3 class="text-2xl font-extrabold text-slate-800 text-center">Wing-M130A的车规认证</h3>
|
||
</div>
|
||
<div class="p-4 bg-white/50 backdrop-blur-sm">
|
||
<img src="https://www.beiyuxing.live/wp-content/uploads/2025/11/FS_71_220_24_1422_scan_00.jpg"
|
||
alt="Wing-M130A 认证图" class="w-full h-auto rounded-2xl border border-slate-100 shadow-sm" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 5. 交付包 -->
|
||
<section id="documentation" class="section-content py-16 bg-slate-50/50 relative">
|
||
<div class="container mx-auto px-4 md:px-6 lg:px-8 relative z-10">
|
||
<div class="max-w-4xl mx-auto mb-16">
|
||
<h2 class="text-3xl md:text-4xl font-extrabold mb-6 text-slate-800 text-center drop-shadow-sm">交付包</h2>
|
||
<p class="text-slate-600 font-medium mb-6 text-center">
|
||
隼瞻科技提供全面的技术交付包，帮助客户快速集成和使用我们的产品
|
||
</p>
|
||
<div class="w-24 h-1.5 bg-gradient-to-r from-blue-500 to-sky-400 mx-auto mb-12 rounded-full"></div>
|
||
</div>
|
||
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-16">
|
||
<div class="glass-panel rounded-2xl border border-white shadow-sm hover:shadow-lg transition-all duration-300 overflow-hidden hover-float animate-fade-in">
|
||
<div class="p-8">
|
||
<div class="w-14 h-14 bg-blue-100 rounded-xl flex items-center justify-center mb-6 border border-blue-200 shadow-sm">
|
||
<i class="fa fa-microchip text-blue-600 text-2xl"></i>
|
||
</div>
|
||
<h4 class="text-2xl font-extrabold mb-4 text-slate-800 border-b border-slate-200 pb-2">HDK</h4>
|
||
<ul class="space-y-4 mb-2">
|
||
<li class="flex items-center text-slate-700 bg-white/60 p-2 rounded-lg shadow-sm border border-slate-100">
|
||
<div class="w-8 h-8 rounded bg-red-50 text-red-500 flex items-center justify-center mr-3"><i class="fa fa-file-pdf-o"></i></div>
|
||
<span class="font-medium">Wing-M130A RTL代码</span>
|
||
</li>
|
||
<li class="flex items-center text-slate-700 bg-white/60 p-2 rounded-lg shadow-sm border border-slate-100">
|
||
<div class="w-8 h-8 rounded bg-blue-50 text-blue-500 flex items-center justify-center mr-3"><i class="fa fa-file-text-o"></i></div>
|
||
<span class="font-medium">仿真验证环境</span>
|
||
</li>
|
||
<li class="flex items-center text-slate-700 bg-white/60 p-2 rounded-lg shadow-sm border border-slate-100">
|
||
<div class="w-8 h-8 rounded bg-green-50 text-green-500 flex items-center justify-center mr-3"><i class="fa fa-file-code-o"></i></div>
|
||
<span class="font-medium">DC综合参考环境</span>
|
||
</li>
|
||
<li class="flex items-center text-slate-700 bg-white/60 p-2 rounded-lg shadow-sm border border-slate-100">
|
||
<div class="w-8 h-8 rounded bg-purple-50 text-purple-500 flex items-center justify-center mr-3"><i class="fa fa-file-image-o"></i></div>
|
||
<span class="font-medium">Formality形式验证参考环境</span>
|
||
</li>
|
||
<li class="flex items-center text-slate-700 bg-white/60 p-2 rounded-lg shadow-sm border border-slate-100">
|
||
<div class="w-8 h-8 rounded bg-orange-50 text-orange-500 flex items-center justify-center mr-3"><i class="fa fa-file-video-o"></i></div>
|
||
<span class="font-medium">FPGA配置文件</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="glass-panel rounded-2xl border border-white shadow-sm hover:shadow-lg transition-all duration-300 overflow-hidden hover-float animate-fade-in" style="transition-delay: 0.2s">
|
||
<div class="p-8">
|
||
<div class="w-14 h-14 bg-sky-100 rounded-xl flex items-center justify-center mb-6 border border-sky-200 shadow-sm">
|
||
<i class="fa fa-sitemap text-sky-600 text-2xl"></i>
|
||
</div>
|
||
<h4 class="text-2xl font-extrabold mb-4 text-slate-800 border-b border-slate-200 pb-2">SDK</h4>
|
||
<ul class="space-y-4 mb-2">
|
||
<li class="flex items-center text-slate-700 bg-white/60 p-2 rounded-lg shadow-sm border border-slate-100">
|
||
<div class="w-8 h-8 rounded bg-red-50 text-red-500 flex items-center justify-center mr-3"><i class="fa fa-file-pdf-o"></i></div>
|
||
<span class="font-medium">Wing IDE</span>
|
||
</li>
|
||
<li class="flex items-center text-slate-700 bg-white/60 p-2 rounded-lg shadow-sm border border-slate-100">
|
||
<div class="w-8 h-8 rounded bg-blue-50 text-blue-500 flex items-center justify-center mr-3"><i class="fa fa-file-text-o"></i></div>
|
||
<span class="font-medium">编译工具链</span>
|
||
</li>
|
||
<li class="flex items-center text-slate-700 bg-white/60 p-2 rounded-lg shadow-sm border border-slate-100">
|
||
<div class="w-8 h-8 rounded bg-green-50 text-green-500 flex items-center justify-center mr-3"><i class="fa fa-file-code-o"></i></div>
|
||
<span class="font-medium">调试器</span>
|
||
</li>
|
||
<li class="flex items-center text-slate-700 bg-white/60 p-2 rounded-lg shadow-sm border border-slate-100">
|
||
<div class="w-8 h-8 rounded bg-purple-50 text-purple-500 flex items-center justify-center mr-3"><i class="fa fa-file-image-o"></i></div>
|
||
<span class="font-medium">BSP</span>
|
||
</li>
|
||
<li class="flex items-center text-slate-700 bg-white/60 p-2 rounded-lg shadow-sm border border-slate-100">
|
||
<div class="w-8 h-8 rounded bg-orange-50 text-orange-500 flex items-center justify-center mr-3"><i class="fa fa-file-video-o"></i></div>
|
||
<span class="font-medium">IA/CA 仿真器</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="glass-panel rounded-2xl border border-white shadow-sm hover:shadow-lg transition-all duration-300 overflow-hidden hover-float animate-fade-in" style="transition-delay: 0.4s">
|
||
<div class="p-8">
|
||
<div class="w-14 h-14 bg-indigo-100 rounded-xl flex items-center justify-center mb-6 border border-indigo-200 shadow-sm">
|
||
<i class="fa fa-code text-indigo-600 text-2xl"></i>
|
||
</div>
|
||
<h4 class="text-2xl font-extrabold mb-4 text-slate-800 border-b border-slate-200 pb-2">文档</h4>
|
||
<ul class="space-y-4 mb-2">
|
||
<li class="flex items-center text-slate-700 bg-white/60 p-2 rounded-lg shadow-sm border border-slate-100">
|
||
<div class="w-8 h-8 rounded bg-red-50 text-red-500 flex items-center justify-center mr-3"><i class="fa fa-file-pdf-o"></i></div>
|
||
<span class="font-medium">Wing-M130A 处理器技术文档</span>
|
||
</li>
|
||
<li class="flex items-center text-slate-700 bg-white/60 p-2 rounded-lg shadow-sm border border-slate-100">
|
||
<div class="w-8 h-8 rounded bg-blue-50 text-blue-500 flex items-center justify-center mr-3"><i class="fa fa-file-text-o"></i></div>
|
||
<span class="font-medium">Wing-M130A 处理器集成文档</span>
|
||
</li>
|
||
<li class="flex items-center text-slate-700 bg-white/60 p-2 rounded-lg shadow-sm border border-slate-100">
|
||
<div class="w-8 h-8 rounded bg-green-50 text-green-500 flex items-center justify-center mr-3"><i class="fa fa-file-code-o"></i></div>
|
||
<span class="font-medium">Wing-M130A SDK手册</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
</div> <!-- end #sj-product-page -->
|
||
|
||
<!-- 咨询按钮 -->
|
||
<div class="fixed bottom-12 right-12 z-50 popupbox">
|
||
<button id="consult-button"
|
||
class="bg-blue-600 hover:bg-blue-700 text-white py-5 px-8 rounded-full shadow-lg hover:shadow-xl transform transition-all duration-300 hover:-translate-y-1 flex items-center gap-3 text-lg font-bold border border-blue-500 hover:border-blue-400 focus:outline-none focus:ring-4 focus:ring-blue-100">
|
||
<i class="fa fa-comments-o text-2xl"></i>
|
||
<span>立刻咨询</span>
|
||
</button>
|
||
</div>
|
||
|
||
<!-- JavaScript - 仅保留滚动动画，移除标签页切换功能 -->
|
||
<script>
|
||
// 滚动动画 - scoped to the animate-fade-in elements inside #sj-product-page
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
const root = document.getElementById('sj-product-page');
|
||
if (!root) return;
|
||
|
||
const animateElements = root.querySelectorAll('.animate-fade-in');
|
||
|
||
function checkScroll() {
|
||
animateElements.forEach(element => {
|
||
const elementTop = element.getBoundingClientRect().top;
|
||
const elementVisible = 150;
|
||
if (elementTop < window.innerHeight - elementVisible) {
|
||
element.classList.add('visible');
|
||
}
|
||
});
|
||
}
|
||
|
||
// initial check
|
||
checkScroll();
|
||
// add listener
|
||
window.addEventListener('scroll', checkScroll, { passive: true });
|
||
// also on resize/orientation change to catch changes
|
||
window.addEventListener('resize', checkScroll);
|
||
});
|
||
</script>
|
||
</body>
|
||
|
||
</html> |