325 lines
18 KiB
HTML
325 lines
18 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>处理器 IP 货架集群 - 隼瞻科技</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<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;800&display=swap" rel="stylesheet">
|
|
<script>
|
|
tailwind.config = {
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: '#3b82f6',
|
|
darkBg: '#1e293b',
|
|
darkerBg: '#0a0f1a',
|
|
darkCard: '#151e2e',
|
|
},
|
|
fontFamily: {
|
|
inter: ['Inter', 'sans-serif'],
|
|
},
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
<style>
|
|
/* 将原 body 样式迁移到独立容器以防止被 WordPress 主题覆盖 */
|
|
#ip-matrix-wrapper {
|
|
font-family: 'Inter', sans-serif !important;
|
|
background-color: #0a0f1a !important;
|
|
color: #e2e8f0 !important;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
/* 网格背景 */
|
|
.grid-bg {
|
|
position: absolute; /* 防止在WP中fixed导致遮挡其他内容 */
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-image:
|
|
linear-gradient(rgba(59, 130, 246, 0.03) 1px, transparent 1px),
|
|
linear-gradient(90deg, rgba(59, 130, 246, 0.03) 1px, transparent 1px);
|
|
background-size: 40px 40px;
|
|
z-index: -1;
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* 产品卡片特效 */
|
|
.model-card {
|
|
background: linear-gradient(145deg, rgba(30, 41, 59, 0.6), rgba(15, 23, 42, 0.8));
|
|
border: 1px solid rgba(59, 130, 246, 0.15);
|
|
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
position: relative;
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.model-card::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: -100%;
|
|
width: 100%;
|
|
height: 2px;
|
|
background: linear-gradient(90deg, transparent, #3b82f6, transparent);
|
|
transition: left 0.5s ease;
|
|
}
|
|
|
|
.model-card:hover::before {
|
|
left: 100%;
|
|
}
|
|
|
|
.model-card:hover {
|
|
transform: translateY(-5px);
|
|
border-color: rgba(59, 130, 246, 0.5);
|
|
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4), 0 0 20px rgba(59, 130, 246, 0.15);
|
|
background: linear-gradient(145deg, rgba(30, 41, 59, 0.9), rgba(15, 23, 42, 1));
|
|
}
|
|
|
|
.model-card:hover .icon-wrapper {
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
.icon-wrapper {
|
|
transition: transform 0.3s ease;
|
|
}
|
|
|
|
/* 渐变文本 */
|
|
.gradient-text {
|
|
background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 50%, #8b5cf6 100%);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
background-clip: text;
|
|
}
|
|
|
|
.category-header {
|
|
position: relative;
|
|
padding-left: 1rem;
|
|
}
|
|
|
|
.category-header::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 10%;
|
|
height: 80%;
|
|
width: 4px;
|
|
background: #3b82f6;
|
|
border-radius: 4px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="antialiased">
|
|
|
|
<!-- WordPress 隔离容器：解决主题层面的样式穿透导致颜色错乱的问题 -->
|
|
<div id="ip-matrix-wrapper" class="relative w-full min-h-screen bg-[#0a0f1a] text-[#e2e8f0]">
|
|
|
|
<div class="grid-bg"></div>
|
|
|
|
<!-- 页面标题区 -->
|
|
<section class="py-16 relative overflow-hidden">
|
|
<div class="absolute top-0 left-1/2 -translate-x-1/2 w-3/4 h-64 bg-primary/20 blur-[120px] rounded-full pointer-events-none"></div>
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10">
|
|
<h1 class="text-4xl md:text-5xl font-extrabold text-white mb-6">
|
|
完整的 <span class="gradient-text">处理器 IP</span> 货架集群
|
|
</h1>
|
|
<p class="text-lg text-gray-400 max-w-3xl mx-auto">
|
|
点击具体型号，深入了解从超低功耗嵌入式到全场景数字算力的详细架构与技术规格。
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 主体货架展示区 -->
|
|
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 space-y-24 pb-24">
|
|
|
|
<!-- ================= CPU IP 板块 ================= -->
|
|
<section>
|
|
<div class="flex items-center justify-between mb-8 pb-4 border-b border-white/10">
|
|
<h2 class="text-3xl font-bold text-white category-header border-primary">CPU IP (RISC-V 架构)</h2>
|
|
<span class="px-4 py-1.5 rounded-full bg-blue-500/10 text-blue-400 text-sm font-medium border border-blue-500/20">Wing-M & Wing-A 系列</span>
|
|
</div>
|
|
|
|
<div class="grid lg:grid-cols-4 gap-12">
|
|
<!-- Wing-M 系列 (量产型/专用小核/中核) -->
|
|
<div class="lg:col-span-3">
|
|
<h3 class="text-xl font-semibold text-emerald-400 mb-6 flex items-center">
|
|
<i class="fa fa-microchip mr-3"></i> Wing-M 系列 (嵌入式/工控/安全)
|
|
</h3>
|
|
<div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-5">
|
|
<a href="/Wing-M050" class="model-card p-6 rounded-xl group">
|
|
<div class="flex justify-between items-start mb-4">
|
|
<h4 class="text-lg font-bold text-white">Wing-M050</h4>
|
|
<div class="icon-wrapper w-8 h-8 rounded-lg bg-emerald-500/20 text-emerald-400 flex items-center justify-center">
|
|
<i class="fa fa-battery-empty"></i>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm text-gray-400 mb-4 flex-grow">量产型小核，完美替代 Cortex-M0/M0+，极小面积与超低功耗设计。</p>
|
|
<div class="text-emerald-400 text-sm font-medium flex items-center">查看详情 <i class="fa fa-angle-right ml-2 group-hover:translate-x-1 transition-transform"></i></div>
|
|
</a>
|
|
|
|
<a href="/wing-m050s" class="model-card p-6 rounded-xl group border-emerald-500/30">
|
|
<div class="flex justify-between items-start mb-4">
|
|
<h4 class="text-lg font-bold text-white">Wing-M050s</h4>
|
|
<div class="icon-wrapper w-8 h-8 rounded-lg bg-green-500/20 text-green-400 flex items-center justify-center">
|
|
<i class="fa fa-shield"></i>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm text-gray-400 mb-4 flex-grow">专用加密安全小核，面向汽车电子及高安全特性需求。</p>
|
|
<div class="text-emerald-400 text-sm font-medium flex items-center">查看详情 <i class="fa fa-angle-right ml-2 group-hover:translate-x-1 transition-transform"></i></div>
|
|
</a>
|
|
|
|
<a href="/wing-m130" class="model-card p-6 rounded-xl group">
|
|
<div class="flex justify-between items-start mb-4">
|
|
<h4 class="text-lg font-bold text-white">Wing-M130</h4>
|
|
<div class="icon-wrapper w-8 h-8 rounded-lg bg-emerald-500/20 text-emerald-400 flex items-center justify-center">
|
|
<i class="fa fa-tachometer"></i>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm text-gray-400 mb-4 flex-grow">通用中核，高性能嵌入式处理器，服务于通信、工控及存储等领域。</p>
|
|
<div class="text-emerald-400 text-sm font-medium flex items-center">查看详情 <i class="fa fa-angle-right ml-2 group-hover:translate-x-1 transition-transform"></i></div>
|
|
</a>
|
|
|
|
<a href="/wing-m130a" class="model-card p-6 rounded-xl group">
|
|
<div class="flex justify-between items-start mb-4">
|
|
<h4 class="text-lg font-bold text-white">Wing-M130A</h4>
|
|
<div class="icon-wrapper w-8 h-8 rounded-lg bg-teal-500/20 text-teal-400 flex items-center justify-center">
|
|
<i class="fa fa-music"></i>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm text-gray-400 mb-4 flex-grow">在 M130 基础上增强 DSP 计算能力，适配轻量音频与信号处理。</p>
|
|
<div class="text-emerald-400 text-sm font-medium flex items-center">查看详情 <i class="fa fa-angle-right ml-2 group-hover:translate-x-1 transition-transform"></i></div>
|
|
</a>
|
|
|
|
<a href="/wing-m130s" class="model-card p-6 rounded-xl group border-emerald-500/30">
|
|
<div class="flex justify-between items-start mb-4">
|
|
<h4 class="text-lg font-bold text-white">Wing-M130s</h4>
|
|
<div class="icon-wrapper w-8 h-8 rounded-lg bg-green-500/20 text-green-400 flex items-center justify-center">
|
|
<i class="fa fa-shield"></i>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm text-gray-400 mb-4 flex-grow">专用加密安全中核，强化信息安全与加解密特性设计。</p>
|
|
<div class="text-emerald-400 text-sm font-medium flex items-center">查看详情 <i class="fa fa-angle-right ml-2 group-hover:translate-x-1 transition-transform"></i></div>
|
|
</a>
|
|
|
|
<a href="/wing-m510" class="model-card p-6 rounded-xl group border-emerald-500/30">
|
|
<div class="flex justify-between items-start mb-4">
|
|
<h4 class="text-lg font-bold text-white">Wing-M510</h4>
|
|
<div class="icon-wrapper w-8 h-8 rounded-lg bg-emerald-500/20 text-emerald-400 flex items-center justify-center">
|
|
<i class="fa fa-microchip"></i>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm text-gray-400 mb-4 flex-grow">高性能多核处理器，满足复杂嵌入式与工业控制算力需求。</p>
|
|
<div class="text-emerald-400 text-sm font-medium flex items-center">查看详情 <i class="fa fa-angle-right ml-2 group-hover:translate-x-1 transition-transform"></i></div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Wing-A 系列 (通用大核) -->
|
|
<div class="lg:col-span-1">
|
|
<h3 class="text-xl font-semibold text-blue-400 mb-6 flex items-center">
|
|
<i class="fa fa-rocket mr-3"></i> Wing-A 系列 （通用大核）
|
|
</h3>
|
|
<div class="flex flex-col gap-5 h-[calc(100%-3rem)]">
|
|
<a href="/wing-a500" class="model-card p-6 rounded-xl group flex-grow">
|
|
<div class="flex justify-between items-start mb-4">
|
|
<h4 class="text-lg font-bold text-white">Wing-A500</h4>
|
|
<div class="icon-wrapper w-8 h-8 rounded-lg bg-blue-500/20 text-blue-400 flex items-center justify-center">
|
|
<i class="fa fa-laptop"></i>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm text-gray-400 mb-4 flex-grow">支持 RVA23 规范的双发射9级流水线大核，覆盖 AP 与端侧 AI。</p>
|
|
<div class="text-blue-400 text-sm font-medium flex items-center mt-auto">查看详情 <i class="fa fa-angle-right ml-2 group-hover:translate-x-1 transition-transform"></i></div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ================= DSP IP 板块 ================= -->
|
|
<section>
|
|
<div class="flex items-center justify-between mb-8 pb-4 border-b border-white/10">
|
|
<h2 class="text-3xl font-bold text-white category-header !border-cyan-500">DSP IP (信号与矢量处理)</h2>
|
|
<span class="px-4 py-1.5 rounded-full bg-cyan-500/10 text-cyan-400 text-sm font-medium border border-cyan-500/20">Wing-D 系列</span>
|
|
</div>
|
|
|
|
<div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-6">
|
|
|
|
<div class="model-card p-6 rounded-xl group border-cyan-500/20 cursor-default">
|
|
<div class="flex justify-between items-start mb-4">
|
|
<h4 class="text-lg font-bold text-white">Wing-D200</h4>
|
|
<div class="icon-wrapper w-8 h-8 rounded-lg bg-cyan-500/20 text-cyan-400 flex items-center justify-center">
|
|
<i class="fa fa-wifi"></i>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm text-gray-400 my-auto">专用矢量处理器，聚焦 5G 通信核心场景与高频信号处理。</p>
|
|
</div>
|
|
|
|
<div class="model-card p-6 rounded-xl group border-cyan-500/20 cursor-default">
|
|
<div class="flex justify-between items-start mb-4">
|
|
<h4 class="text-lg font-bold text-white">Wing-D400-VL</h4>
|
|
<div class="icon-wrapper w-8 h-8 rounded-lg bg-cyan-600/20 text-cyan-500 flex items-center justify-center">
|
|
<i class="fa fa-headphones"></i>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm text-gray-400 my-auto">强化版矢量处理器，同时完美适配轻量级 AI 运算与 HIFI 音频处理。</p>
|
|
</div>
|
|
|
|
<!-- 场景介绍占位卡片 -->
|
|
<div class="lg:col-span-2 p-6 rounded-xl bg-gradient-to-br from-cyan-900/20 to-transparent border border-cyan-500/10 flex flex-col justify-center">
|
|
<h4 class="text-lg font-bold text-white mb-2 flex items-center"><i class="fa fa-crosshairs text-cyan-500 mr-2"></i> 精准高效的专用架构</h4>
|
|
<p class="text-sm text-gray-400 leading-relaxed">
|
|
基于独特的指令集与数据路径融合设计，Wing-D 系列在 5G 基带运算、复杂音频降噪以及特定轻量级网络推理上，相比通用核心能大幅降低功耗并提高吞吐量，为通信与声学领域提供极致的算力支撑。
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ================= DSP IP 板块 ================= -->
|
|
<section>
|
|
<div class="flex items-center justify-between mb-8 pb-4 border-b border-white/10">
|
|
<h2 class="text-3xl font-bold text-white category-header !border-cyan-500">NPU IP (神经网络处理器)</h2>
|
|
<span class="px-4 py-1.5 rounded-full bg-purple-500/10 text-purple-400 text-sm font-medium border border-cyan-500/20">Nexus 系列</span>
|
|
</div>
|
|
|
|
<div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-6">
|
|
|
|
<div class="model-card p-6 rounded-xl group border-cyan-500/20 cursor-default">
|
|
<div class="flex justify-between items-start mb-4">
|
|
<h4 class="text-lg font-bold text-white">Nexus N100</h4>
|
|
<div class="icon-wrapper w-8 h-8 rounded-lg bg-purple-500/20 text-purple-400 flex items-center justify-center">
|
|
<i class="fa fa-cube"></i>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm text-gray-400 my-auto">算力0.1-0.5T低功耗神经网络处理器，可用于物体检测、指纹、声纹检测等应用场景</p>
|
|
</div>
|
|
|
|
<div class="model-card p-6 rounded-xl group border-cyan-500/20 cursor-default">
|
|
<div class="flex justify-between items-start mb-4">
|
|
<h4 class="text-lg font-bold text-white">Nexus P100</h4>
|
|
<div class="icon-wrapper w-8 h-8 rounded-lg bg-purple-600/20 text-purple-400 flex items-center justify-center">
|
|
<i class="fa fa-eye"></i>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm text-gray-400 my-auto">算力0.5-4T低功耗神经网络处理器，可用于人脸识别、手势识别等应用场景</p>
|
|
</div>
|
|
|
|
<!-- 场景介绍占位卡片 -->
|
|
<div class="lg:col-span-2 p-6 rounded-xl bg-gradient-to-br from-cyan-900/20 to-transparent border border-cyan-500/10 flex flex-col justify-center">
|
|
<h4 class="text-lg font-bold text-white mb-2 flex items-center"><i class="fa fa-crosshairs text-cyan-500 mr-2"></i> 精准高效的专用架构</h4>
|
|
<p class="text-sm text-gray-400 leading-relaxed">
|
|
高度可定制的AI加速引擎：Nexus系列神经网络处理器核心是一款领域专用的可扩展AI加速引擎，专为在边缘端与终端设备上高效运行复杂的神经网络模型而设计，支持16-2048个MAC阵列配置，算力涵盖0.1-4T，支持CNN、RNN等主流模型，并提供内存层次、数据位宽，专用AI算子的深度定制，配套易用的软件工具链，满足从超低功耗IoT感知到高性能边缘推理的全场景需求。
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
</div> <!-- 结束 WordPress 隔离容器 -->
|
|
|
|
</body>
|
|
</html> |