349 lines
19 KiB
HTML
349 lines
19 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 {
|
|
font-family: 'Inter', sans-serif;
|
|
background: #0a0f1a;
|
|
color: #e2e8f0;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
/* 网格背景 */
|
|
.grid-bg {
|
|
position: 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">
|
|
|
|
<div class="grid-bg"></div>
|
|
|
|
<!-- 顶部导航占位 (可替换为您原有的header) -->
|
|
<header class="border-b border-white/10 bg-darkerBg/80 backdrop-blur-md sticky top-0 z-50">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between">
|
|
<a href="index_new.html" class="flex items-center space-x-2 text-white hover:text-primary transition-colors">
|
|
<i class="fa fa-arrow-left"></i>
|
|
<span class="font-semibold">返回首页</span>
|
|
</a>
|
|
<div class="text-gray-300 font-medium">处理器 IP 货架集群</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- 页面标题区 -->
|
|
<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-2 gap-12">
|
|
<!-- Wing-M 系列 (量产型/专用小核/中核) -->
|
|
<div>
|
|
<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 gap-5">
|
|
<a href="Wing-M050.html" 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安全核.html" 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.html" 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.html" 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>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Wing-A 系列 (通用大核) -->
|
|
<div>
|
|
<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="grid sm:grid-cols-2 gap-5 h-[calc(100%-3rem)]">
|
|
<a href="Wing-A500.html" 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-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>
|
|
|
|
<a href="Wing-A700.html" 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-A700</h4>
|
|
<div class="icon-wrapper w-8 h-8 rounded-lg bg-indigo-500/20 text-indigo-400 flex items-center justify-center">
|
|
<i class="fa fa-server"></i>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm text-gray-400 mb-4 flex-grow">更高性能的 64 位多核强劲算力引擎，专为高性能服务器及大算力平台设计。</p>
|
|
<div class="text-indigo-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">
|
|
|
|
<a href="#" class="model-card p-6 rounded-xl group border-cyan-500/20">
|
|
<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 mb-4 flex-grow">专用矢量处理器，聚焦 5G 通信核心场景与高频信号处理。</p>
|
|
<div class="text-cyan-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="#" class="model-card p-6 rounded-xl group border-cyan-500/20">
|
|
<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 mb-4 flex-grow">强化版矢量处理器，同时完美适配轻量级 AI 运算与 HIFI 音频处理。</p>
|
|
<div class="text-cyan-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 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>
|
|
|
|
<!-- ================= NPU 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-purple-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-purple-500/20">Wing-N / P / M 系列</span>
|
|
</div>
|
|
|
|
<div class="grid sm:grid-cols-3 gap-6">
|
|
<!-- 端侧 -->
|
|
<a href="#" class="model-card p-6 rounded-xl group border-purple-500/20">
|
|
<div class="flex justify-between items-start mb-6">
|
|
<div>
|
|
<span class="text-xs font-bold text-purple-400 uppercase tracking-wider mb-1 block">端侧 AI</span>
|
|
<h4 class="text-xl font-bold text-white">0 - 4T 算力</h4>
|
|
</div>
|
|
<div class="icon-wrapper w-10 h-10 rounded-xl bg-purple-500/20 text-purple-400 flex items-center justify-center text-xl">
|
|
<i class="fa fa-cogs"></i>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm text-gray-400 mb-6 flex-grow">
|
|
覆盖各类 IoT 设备、智能家居、可穿戴设备。极低待机功耗，支持实时唤醒与本地小模型推理。
|
|
</p>
|
|
<div class="pt-4 border-t border-white/5 text-purple-400 text-sm font-medium flex items-center font-mono">
|
|
Wing-M 系列 <i class="fa fa-angle-right ml-auto group-hover:translate-x-1 transition-transform"></i>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- 边缘侧 -->
|
|
<a href="#" class="model-card p-6 rounded-xl group border-fuchsia-500/20">
|
|
<div class="flex justify-between items-start mb-6">
|
|
<div>
|
|
<span class="text-xs font-bold text-fuchsia-400 uppercase tracking-wider mb-1 block">边缘 AI</span>
|
|
<h4 class="text-xl font-bold text-white">4 - 64T 算力</h4>
|
|
</div>
|
|
<div class="icon-wrapper w-10 h-10 rounded-xl bg-fuchsia-500/20 text-fuchsia-400 flex items-center justify-center text-xl">
|
|
<i class="fa fa-car"></i>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm text-gray-400 mb-6 flex-grow">
|
|
适用于智能汽车、安防监控前端、服务器边缘端节点。提供极高能效比的大规模张量加速。
|
|
</p>
|
|
<div class="pt-4 border-t border-white/5 text-fuchsia-400 text-sm font-medium flex items-center font-mono">
|
|
Wing-P 系列 <i class="fa fa-angle-right ml-auto group-hover:translate-x-1 transition-transform"></i>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- 云端 -->
|
|
<a href="#" class="model-card p-6 rounded-xl group border-pink-500/20">
|
|
<div class="flex justify-between items-start mb-6">
|
|
<div>
|
|
<span class="text-xs font-bold text-pink-400 uppercase tracking-wider mb-1 block">云端 AI</span>
|
|
<h4 class="text-xl font-bold text-white">> 200T 算力</h4>
|
|
</div>
|
|
<div class="icon-wrapper w-10 h-10 rounded-xl bg-pink-500/20 text-pink-400 flex items-center justify-center text-xl">
|
|
<i class="fa fa-cloud"></i>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm text-gray-400 mb-6 flex-grow">
|
|
针对大数据平台、服务器集群与大模型训练/推理定制，具备高度可扩展的多芯多卡级联能力。
|
|
</p>
|
|
<div class="pt-4 border-t border-white/5 text-pink-400 text-sm font-medium flex items-center font-mono">
|
|
Wing-N 系列 <i class="fa fa-angle-right ml-auto group-hover:translate-x-1 transition-transform"></i>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
</body>
|
|
</html> |