<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>东方供应链 | Oriental Supply Chain</title>
<style>
body{margin:0;font-family:Arial;}
header{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#111;color:#fff;}
nav a{margin:0 10px;color:#fff;text-decoration:none;}
button{margin-left:10px;padding:5px 10px;cursor:pointer;}
section{padding:60px 20px;}
.hero{background:#eee;text-align:center;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;}
.card{background:#f5f5f5;padding:20px;border-radius:8px;text-align:center;}
footer{background:#111;color:#fff;text-align:center;padding:20px;}
.video{width:100%;max-width:600px;margin:20px auto;}
</style>
<script>
function setLang(lang){
document.querySelectorAll("[data-zh]").forEach(el=>{
el.innerText = el.getAttribute("data-"+lang);
});
}
</script>
</head>
<body>
<header>
<div>东方供应链</div>
<nav>
<a href="#">首页</a>
<a href="#services">服务</a>
<a href="#about">关于</a>
<a href="#contact">联系</a>
</nav>
<div>
<button onclick="setLang('zh')">中文</button>
<button onclick="setLang('es')">ES</button>
</div>
</header>
<section class="hero">
<h1 data-zh="连接中国与阿根廷的供应链服务"
data-es="Conectando China y Argentina en la cadena de suministro">
连接中国与阿根廷的供应链服务
</h1>
<p data-zh="从供应商寻找到生产监督与发货，全流程服务"
data-es="Servicio completo: desde búsqueda de proveedores hasta envío">
从供应商寻找到生产监督与发货，全流程服务
</p>
<a href="#contact">联系我们</a>
</section>
<section id="services">
<h2 data-zh="核心服务" data-es="Servicios">核心服务</h2>
<div class="grid">
<div class="card"
data-zh="供应商开发"
data-es="Búsqueda de proveedores">
供应商开发
</div>
<div class="card"
data-zh="工厂实地验厂（视频）"
data-es="Inspección de fábricas (video)">
工厂实地验厂（视频）
</div>
<div class="card"
data-zh="质量检测"
data-es="Control de calidad">
质量检测
</div>
<div class="card"
data-zh="物流与发货"
data-es="Logística y envío">
物流与发货
</div>
</div>
</section>
<section id="about">
<h2 data-zh="我们的优势" data-es="Ventajas">我们的优势</h2>
<p data-zh="我们在中国与阿根廷均设有团队，拥有双语人才，为客户提供高效沟通与执行。"
data-es="Contamos con equipos en China y Argentina con personal bilingüe para una comunicación eficiente.">
我们在中国与阿根廷均设有团队，拥有双语人才，为客户提供高效沟通与执行。
</p>
<p data-zh="专注化工领域供应链，与行业龙头企业长期合作。"
data-es="Especializados en el sector químico con proveedores líderes.">
专注化工领域供应链，与行业龙头企业长期合作。
</p>
</section>
<section>
<h2 data-zh="视频展示" data-es="Video">视频展示</h2>
<div class="video">
<iframe width="100%" height="315"
src="https://www.youtube.com/embed/dQw4w9WgXcQ"
frameborder="0" allowfullscreen>
</iframe>
</div>
</section>
<section id="contact">
<h2 data-zh="联系我们" data-es="Contacto">联系我们</h2>
<p>Email: contact@yourcompany.com</p>
<p>WhatsApp: +54 xxx xxx xxx</p>
</section>
<footer>
© 2026 Oriental Supply Chain
</footer>
</body>
</html>