ceshi
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EdgeAI-ORN - 专用边缘AI计算机</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
:root {
--primary-color: #0066cc;
--secondary-color: #333333;
--accent-color: #00a86b;
--light-color: #f5f7fa;
--dark-color: #1a1a1a;
--tech-blue: #1e88e5;
--tech-green: #00c853;
--border-radius: 6px;
--shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
--transition: all 0.3s ease;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
}
body {
background-color: #f9fafb;
color: #333;
line-height: 1.6;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
/* 头部样式 */
.main-header {
background: linear-gradient(135deg, #1a237e 0%, #283593 100%);
color: white;
padding: 40px 0 30px;
text-align: center;
position: relative;
overflow: hidden;
}
.main-header::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"><path d="M0,0 L100,0 L100,100 Z" fill="rgba(255,255,255,0.05)"/></svg>');
background-size: cover;
}
.product-title {
font-size: 2.8rem;
font-weight: 700;
margin-bottom: 10px;
letter-spacing: -0.5px;
position: relative;
z-index: 1;
}
.product-subtitle {
font-size: 1.2rem;
opacity: 0.9;
max-width: 800px;
margin: 0 auto 25px;
position: relative;
z-index: 1;
}
.product-tagline {
background-color: rgba(255, 255, 255, 0.15);
display: inline-block;
padding: 8px 20px;
border-radius: 30px;
font-weight: 600;
font-size: 1.1rem;
position: relative;
z-index: 1;
}
/* 特色徽章 */
.feature-badges {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 15px;
margin-top: 30px;
position: relative;
z-index: 1;
}
.badge {
background-color: rgba(255, 255, 255, 0.2);
border: 1px solid rgba(255, 255, 255, 0.3);
padding: 8px 18px;
border-radius: 30px;
font-size: 0.9rem;
display: flex;
align-items: center;
gap: 8px;
backdrop-filter: blur(10px);
}
/* 主要内容区域 */
.main-content {
padding: 50px 0;
}
.section {
margin-bottom: 60px;
}
.section-title {
font-size: 1.8rem;
color: var(--dark-color);
margin-bottom: 25px;
padding-bottom: 12px;
border-bottom: 2px solid var(--primary-color);
display: flex;
align-items: center;
gap: 12px;
}
.section-title i {
color: var(--primary-color);
}
/* 性能概览 */
.performance-overview {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 25px;
}
.performance-card {
background-color: white;
border-radius: var(--border-radius);
padding: 25px;
box-shadow: var(--shadow);
text-align: center;
transition: var(--transition);
border-top: 4px solid var(--primary-color);
}
.performance-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
}
.performance-card i {
font-size: 2.5rem;
color: var(--primary-color);
margin-bottom: 15px;
}
.performance-value {
font-size: 2.2rem;
font-weight: 700;
color: var(--dark-color);
margin-bottom: 5px;
}
.performance-label {
color: #666;
font-size: 1rem;
}
/* 关键特性网格 */
.key-features {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 25px;
}
.feature-card {
background-color: white;
border-radius: var(--border-radius);
padding: 25px;
box-shadow: var(--shadow);
border-left: 4px solid var(--tech-green);
}
.feature-card h3 {
font-size: 1.3rem;
color: var(--dark-color);
margin-bottom: 15px;
display: flex;
align-items: center;
gap: 10px;
}
.feature-card ul {
padding-left: 20px;
}
.feature-card li {
margin-bottom: 10px;
line-height: 1.7;
}
/* 技术规格表格 */
.specs-container {
background-color: white;
border-radius: var(--border-radius);
padding: 30px;
box-shadow: var(--shadow);
overflow-x: auto;
}
.specs-table {
width: 100%;
border-collapse: collapse;
}
.specs-table th {
background-color: #f1f5f9;
color: var(--dark-color);
font-weight: 600;
text-align: left;
padding: 18px 15px;
border-bottom: 2px solid #e2e8f0;
}
.specs-table td {
padding: 16px 15px;
border-bottom: 1px solid #f1f5f9;
vertical-align: top;
}
.specs-table tr:hover {
background-color: #f9fafb;
}
.spec-category {
font-weight: 600;
color: var(--primary-color);
width: 20%;
}
/* 模块对比 */
.module-comparison {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 25px;
}
.module-card {
background-color: white;
border-radius: var(--border-radius);
padding: 30px 25px;
box-shadow: var(--shadow);
text-align: center;
border-top: 4px solid;
transition: var(--transition);
}
.module-card:hover {
transform: translateY(-5px);
}
.module-card.nx {
border-color: #5c6bc0;
}
.module-card.nano {
border-color: #42a5f5;
}
.module-name {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 10px;
}
.module-specs {
margin-top: 20px;
text-align: left;
}
.module-spec {
padding: 10px 0;
border-bottom: 1px solid #f1f5f9;
display: flex;
justify-content: space-between;
}
.module-spec:last-child {
border-bottom: none;
}
.spec-label {
color: #666;
}
.spec-value {
font-weight: 600;
color: var(--dark-color);
}
/* 服务体系 */
.services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 25px;
}
.service-card {
background-color: white;
border-radius: var(--border-radius);
padding: 25px;
box-shadow: var(--shadow);
text-align: center;
transition: var(--transition);
}
.service-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.service-icon {
width: 70px;
height: 70px;
background-color: #e3f2fd;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
font-size: 1.8rem;
color: var(--primary-color);
}
/* 联系区域 */
.contact-section {
background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);
padding: 50px 0;
border-radius: var(--border-radius);
margin-top: 40px;
text-align: center;
}
.contact-title {
font-size: 2rem;
color: var(--dark-color);
margin-bottom: 15px;
}
.contact-description {
max-width: 700px;
margin: 0 auto 30px;
color: #555;
}
.contact-button {
display: inline-block;
background-color: var(--primary-color);
color: white;
padding: 15px 35px;
border-radius: 30px;
font-weight: 600;
font-size: 1.1rem;
text-decoration: none;
transition: var(--transition);
border: none;
cursor: pointer;
}
.contact-button:hover {
background-color: #0052a3;
transform: translateY(-3px);
box-shadow: 0 8px 15px rgba(0, 102, 204, 0.3);
}
/* 页脚 */
.main-footer {
background-color: var(--secondary-color);
color: #ccc;
padding: 40px 0 30px;
margin-top: 60px;
}
.footer-content {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 40px;
}
.footer-section h3 {
color: white;
margin-bottom: 20px;
font-size: 1.3rem;
}
.footer-links li {
margin-bottom: 10px;
}
.footer-links a {
color: #aaa;
text-decoration: none;
transition: var(--transition);
}
.footer-links a:hover {
color: white;
padding-left: 5px;
}
.copyright {
text-align: center;
margin-top: 40px;
padding-top: 20px;
border-top: 1px solid #444;
color: #888;
font-size: 0.9rem;
}
/* 响应式设计 */
@media (max-width: 992px) {
.product-title {
font-size: 2.3rem;
}
.section-title {
font-size: 1.6rem;
}
}
@media (max-width: 768px) {
.main-header {
padding: 30px 0 25px;
}
.product-title {
font-size: 2rem;
}
.performance-overview,
.key-features,
.module-comparison,
.services-grid {
grid-template-columns: 1fr;
}
.spec-category {
width: 30%;
}
}
@media (max-width: 576px) {
.container {
padding: 0 15px;
}
.product-title {
font-size: 1.8rem;
}
.feature-badges {
flex-direction: column;
align-items: center;
}
.specs-table {
font-size: 0.9rem;
}
.spec-category {
width: 35%;
}
}
/* 动画效果 */
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.fade-in {
animation: fadeInUp 0.6s ease forwards;
}
</style>
</head>
<body>
<!-- 主标题区域 -->
<header>
<div>
<h1 class="product-title fade-in">EdgeAI-ORN</h1>
<p class="product-subtitle fade-in">专用边缘AI计算机，基于NVIDIA® Jetson™ Orin平台，为实际AI部署提供高性能、强连接和高可靠性</p>
<div class="product-tagline fade-in">最高157 TOPS AI性能 | 多相机接口 | 工业级可靠性</div>
<div>
<div>
<i class="fas fa-microchip"></i> NVIDIA Jetson Orin
</div>
<div>
<i class="fas fa-thermometer-three-quarters"></i> -20°C 至 75°C 工作温度
</div>
<div>
<i class="fas fa-shield-alt"></i> MIL-STD-810G 坚固性
</div>
<div>
<i class="fas fa-award"></i> 5年质保
</div>
</div>
</div>
</header>
<main class="main-content container">
<!-- 性能概览 -->
<section>
<h2><i class="fas fa-tachometer-alt"></i> 性能概览</h2>
<div>
<div class="performance-card fade-in">
<i class="fas fa-brain"></i>
<div>最高 157 TOPS</div>
<div>AI 性能</div>
</div>
<div class="performance-card fade-in">
<i class="fas fa-video"></i>
<div>4+ 接口类型</div>
<div>多相机输入支持</div>
</div>
<div class="performance-card fade-in">
<i class="fas fa-temperature-low"></i>
<div>-20°C 至 75°C</div>
<div>宽温工作范围</div>
</div>
<div class="performance-card fade-in">
<i class="fas fa-calendar-alt"></i>
<div>5 年</div>
<div>标准质保</div>
</div>
</div>
</section>
<!-- 关键特性 -->
<section>
<h2><i class="fas fa-star"></i> 核心特性</h2>
<div>
<div class="feature-card fade-in">
<h3><i class="fas fa-camera"></i> 多相机接口支持</h3>
<p>专为高吞吐量相机输入设计，支持多种工业相机接口：</p>
<ul>
<li><strong>2.5 GbE with PoE</strong>：4端口，每端口15W供电</li>
<li><strong>USB 3.2 Gen 2</strong>：4端口，每端口10Gbps</li>
<li><strong>GMSL2 / FPD Link IV</strong>：4端口解串器，带PoC供电</li>
<li><strong>MIPI CSI-2</strong>：4通道标准接口</li>
</ul>
</div>
<div class="feature-card fade-in">
<h3><i class="fas fa-industry"></i> 工业级设计</h3>
<p>专为严苛工业环境打造，确保稳定可靠运行：</p>
<ul>
<li><strong>MIL-STD-810G</strong> 坚固性认证</li>
<li><strong>宽温工作</strong>：-20°C 至 75°C</li>
<li><strong>隔离工业I/O</strong>：RS-232/485、CAN-FD、GPIO</li>
<li><strong>双散热方案</strong>：被动散热与主动风扇选项</li>
</ul>
</div>
<div class="feature-card fade-in">
<h3><i class="fas fa-network-wired"></i> 远程管理能力</h3>
<p>可选Allxon OOB（带外管理）模块，提升运维效率：</p>
<ul>
<li>远程电源循环与系统恢复</li>
<li>主系统无响应时仍可诊断</li>
<li>减少现场维护需求与停机时间</li>
<li>增强安全性与合规性</li>
</ul>
</div>
</div>
</section>
<!-- 技术规格 -->
<section>
<h2><i class="fas fa-list-alt"></i> 技术规格</h2>
<div class="specs-container fade-in">
<table>
<thead>
<tr>
<th>类别</th>
<th>规格</th>
</tr>
</thead>
<tbody>
<tr>
<td>计算模块</td>
<td>NVIDIA® Jetson™ Orin NX (16GB/8GB) 或 Orin Nano (8GB/4GB)</td>
</tr>
<tr>
<td>AI 性能</td>
<td>最高 157 TOPS (Orin NX 16GB) | 最高 34 TOPS (Orin Nano 4GB)</td>
</tr>
<tr>
<td>内存</td>
<td>板载 4GB / 8GB / 16GB LPDDR5</td>
</tr>
<tr>
<td>存储</td>
<td>M.2 Key-M NVMe (PCIe Gen 3/4)，支持2280规格，含集成散热片</td>
</tr>
<tr>
<td>视频输出</td>
<td>1 x HDMI 2.1 (最高支持 8K @ 30Hz)</td>
</tr>
<tr>
<td>网络</td>
<td>板载千兆 + 2.5千兆以太网，可选4口2.5GbE PoE扩展</td>
</tr>
<tr>
<td>无线连接</td>
<td>M.2 Key-E (Wi-Fi 6E/BT 5.2)，M.2 Key-B (LTE/5G)，板载Nano-SIM卡槽</td>
</tr>
<tr>
<td>工业I/O</td>
<td>隔离的 RS-232/485, CAN-FD, 2x GPI, 2x GPO (通过接线端子连接)</td>
</tr>
<tr>
<td>电源输入</td>
<td>宽压 DC 9V - 36V，额定功率 25W - 120W</td>
</tr>
<tr>
<td>散热方案</td>
<td><strong>被动散热</strong>：全覆盖散热片；<strong>主动散热</strong>：可选外置风扇，支持40W全性能运行</td>
</tr>
</tbody>
</table>
</div>
</section>
<!-- 模块对比 -->
<section>
<h2><i class="fas fa-microchip"></i> 计算模块选项</h2>
<div>
<div class="module-card nx fade-in">
<div>Jetson Orin NX 系列</div>
<div>
<div>
<span>AI 性能</span>
<span>最高 157 TOPS</span>
</div>
<div>
<span>内存</span>
<span>8GB 或 16GB LPDDR5</span>
</div>
<div>
<span>功率配置</span>
<span>10W / 15W / 25W / 40W</span>
</div>
<div>
<span>存储接口</span>
<span>PCIe Gen 4 x4</span>
</div>
</div>
</div>
<div class="module-card nano fade-in">
<div>Jetson Orin Nano 系列</div>
<div>
<div>
<span>AI 性能</span>
<span>最高 67 TOPS</span>
</div>
<div>
<span>内存</span>
<span>4GB 或 8GB LPDDR5</span>
</div>
<div>
<span>功率配置</span>
<span>7W / 10W / 15W / 25W</span>
</div>
<div>
<span>存储接口</span>
<span>PCIe Gen 3 x4</span>
</div>
</div>
</div>
</div>
</section>
<!-- 服务体系 -->
<section>
<h2><i class="fas fa-concierge-bell"></i> 增值服务</h2>
<div>
<div class="service-card fade-in">
<div>
<i class="fas fa-cogs"></i>
</div>
<h3>端到端AI服务</h3>
<p>从概念验证(PoC)到全面部署的一站式AI模型集成与部署支持</p>
</div>
<div class="service-card fade-in">
<div>
<i class="fas fa-palette"></i>
</div>
<h3>深度定制化</h3>
<p>硬件配置、操作系统映像、BIOS设置、品牌标识全方位定制，支持零接触部署(ZTP)</p>
</div>
<div class="service-card fade-in">
<div>
<i class="fas fa-headset"></i>
</div>
<h3>直接工程支持</h3>
<p>硬件、软件和机械工程师直接提供售前到售后全流程技术支持</p>
</div>
<div class="service-card fade-in">
<div>
<i class="fas fa-history"></i>
</div>
<h3>长期供应保障</h3>
<p>产品生命周期内保证稳定供应，5年标准质保，EOL组件备货服务</p>
</div>
</div>
</section>
<!-- 联系区域 -->
<section class="contact-section fade-in">
<div>
<h2>开始您的边缘AI项目</h2>
<p>
我们的工程团队可协助您根据具体业务需求配置设备，并提供45天无风险评估期。如需获取详细报价、技术咨询或定制化方案，请立即联系我们。
</p>
<a href="#contact">
<i class="fas fa-envelope"></i> 联系我们
</a>
</div>
</section>
</main>
<!-- 页脚 -->
<footer>
<div>
<div>
<div>
<h3>EdgeAI-ORN</h3>
<p>专用边缘AI计算机，基于NVIDIA® Jetson™ Orin平台，为工业AI应用提供高性能、可靠的解决方案。</p>
</div>
<div>
<h3>快速链接</h3>
<ul>
<li><a href="#specs">技术规格</a></li>
<li><a href="#features">产品特性</a></li>
<li><a href="#services">服务体系</a></li>
<li><a href="#docs">技术文档</a></li>
</ul>
</div>
<div>
<h3>技术支持</h3>
<ul>
<li><a href="#wiki">技术维基</a></li>
<li><a href="#docs">文档下载</a></li>
<li><a href="#support">工程支持</a></li>
<li><a href="#contact">联系我们</a></li>
</ul>
</div>
</div>
<div>
<p>© 2023 EdgeAI-ORN. NVIDIA, Jetson是NVIDIA Corporation的商标。所有其他商标均为其各自所有者的财产。</p>
</div>
</div>
</footer>
<script>
// 滚动动画效果
document.addEventListener('DOMContentLoaded', function() {
// 为所有具有 fade-in 类的元素添加动画
const fadeElements = document.querySelectorAll('.fade-in');
const observerOptions = {
threshold: 0.1,
rootMargin: '0px 0px -50px 0px'
};
const observer = new IntersectionObserver(function(entries) {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.style.opacity = '1';
entry.target.style.transform = 'translateY(0)';
}
});
}, observerOptions);
fadeElements.forEach(element => {
element.style.opacity = '0';
element.style.transform = 'translateY(20px)';
element.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
observer.observe(element);
});
// 平滑滚动到锚点
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();
const targetId = this.getAttribute('href');
if (targetId === '#') return;
const targetElement = document.querySelector(targetId);
if (targetElement) {
window.scrollTo({
top: targetElement.offsetTop - 80,
behavior: 'smooth'
});
}
});
});
// 联系按钮点击事件
const contactButton = document.querySelector('.contact-button');
if (contactButton) {
contactButton.addEventListener('click', function(e) {
if (this.getAttribute('href') === '#contact') {
e.preventDefault();
alert('在实际网站中，这里将显示联系表单或跳转到联系页面。\n\nEdgeAI-ORN 提供直接工程支持，请联系我们的技术团队获取定制配置。');
}
});
}
});
</script>
</body>
</html>
