|
|
<!DOCTYPE html> |
|
|
<html lang="zh-CN"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>工业自动化解决方案 - 深圳自动化设备有限公司</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
|
|
<style> |
|
|
|
|
|
.hero-section { |
|
|
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80'); |
|
|
background-size: cover; |
|
|
background-position: center; |
|
|
background-repeat: no-repeat; |
|
|
} |
|
|
|
|
|
.product-card:hover { |
|
|
transform: translateY(-10px); |
|
|
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); |
|
|
} |
|
|
|
|
|
.nav-link:hover::after { |
|
|
content: ''; |
|
|
display: block; |
|
|
width: 100%; |
|
|
height: 2px; |
|
|
background-color: #3b82f6; |
|
|
margin-top: 2px; |
|
|
} |
|
|
|
|
|
.animate-float { |
|
|
animation: float 3s ease-in-out infinite; |
|
|
} |
|
|
|
|
|
@keyframes float { |
|
|
0% { transform: translateY(0px); } |
|
|
50% { transform: translateY(-15px); } |
|
|
100% { transform: translateY(0px); } |
|
|
} |
|
|
|
|
|
.scroll-top { |
|
|
opacity: 0; |
|
|
visibility: hidden; |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
|
|
|
.scroll-top.active { |
|
|
opacity: 1; |
|
|
visibility: visible; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="font-sans bg-gray-50"> |
|
|
|
|
|
<header class="bg-white shadow-md sticky top-0 z-50"> |
|
|
<div class="container mx-auto px-4 py-3 flex justify-between items-center"> |
|
|
<div class="flex items-center"> |
|
|
<img src="https://via.placeholder.com/50x50" alt="Company Logo" class="h-10 mr-3"> |
|
|
<h1 class="text-xl font-bold text-blue-600">深圳自动化设备有限公司</h1> |
|
|
</div> |
|
|
|
|
|
<nav class="hidden md:flex space-x-8"> |
|
|
<a href="#home" class="nav-link text-gray-700 hover:text-blue-600 font-medium">首页</a> |
|
|
<a href="#about" class="nav-link text-gray-700 hover:text-blue-600 font-medium">公司简介</a> |
|
|
<a href="#products" class="nav-link text-gray-700 hover:text-blue-600 font-medium">产品介绍</a> |
|
|
<a href="#support" class="nav-link text-gray-700 hover:text-blue-600 font-medium">技术支持</a> |
|
|
<a href="#contact" class="nav-link text-gray-700 hover:text-blue-600 font-medium">联系我们</a> |
|
|
</nav> |
|
|
|
|
|
<div class="md:hidden"> |
|
|
<button id="mobile-menu-button" class="text-gray-700 focus:outline-none"> |
|
|
<i class="fas fa-bars text-2xl"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="mobile-menu" class="hidden bg-white shadow-lg"> |
|
|
<div class="container mx-auto px-4 py-3 flex flex-col space-y-3"> |
|
|
<a href="#home" class="text-gray-700 hover:text-blue-600 font-medium py-2">首页</a> |
|
|
<a href="#about" class="text-gray-700 hover:text-blue-600 font-medium py-2">公司简介</a> |
|
|
<a href="#products" class="text-gray-700 hover:text-blue-600 font-medium py-2">产品介绍</a> |
|
|
<a href="#support" class="text-gray-700 hover:text-blue-600 font-medium py-2">技术支持</a> |
|
|
<a href="#contact" class="text-gray-700 hover:text-blue-600 font-medium py-2">联系我们</a> |
|
|
</div> |
|
|
</div> |
|
|
</header> |
|
|
|
|
|
|
|
|
<section id="home" class="hero-section text-white py-20 md:py-32"> |
|
|
<div class="container mx-auto px-4 text-center"> |
|
|
<h1 class="text-4xl md:text-6xl font-bold mb-6 animate__animated animate__fadeIn">工业自动化解决方案专家</h1> |
|
|
<p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto">为您的生产线提供高效、可靠的自动化设备和定制化解决方案</p> |
|
|
<div class="flex flex-col md:flex-row justify-center space-y-4 md:space-y-0 md:space-x-6"> |
|
|
<a href="#products" class="bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-lg font-medium transition duration-300">查看产品</a> |
|
|
<a href="#contact" class="bg-transparent hover:bg-white hover:text-blue-600 border-2 border-white text-white px-8 py-3 rounded-lg font-medium transition duration-300">联系我们</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="text-center mb-12"> |
|
|
<h2 class="text-3xl font-bold text-gray-800 mb-4">我们的优势</h2> |
|
|
<p class="text-gray-600 max-w-2xl mx-auto">凭借多年的行业经验和技术积累，我们为客户提供全方位的自动化解决方案</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
|
|
<div class="bg-gray-50 p-8 rounded-lg shadow-sm hover:shadow-md transition duration-300"> |
|
|
<div class="text-blue-600 mb-4"> |
|
|
<i class="fas fa-cogs text-4xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-semibold mb-3 text-gray-800">专业技术</h3> |
|
|
<p class="text-gray-600">拥有20年自动化设备研发经验，掌握核心技术和专利</p> |
|
|
</div> |
|
|
|
|
|
<div class="bg-gray-50 p-8 rounded-lg shadow-sm hover:shadow-md transition duration-300"> |
|
|
<div class="text-blue-600 mb-4"> |
|
|
<i class="fas fa-tools text-4xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-semibold mb-3 text-gray-800">定制服务</h3> |
|
|
<p class="text-gray-600">根据客户需求提供个性化定制方案，满足特殊生产要求</p> |
|
|
</div> |
|
|
|
|
|
<div class="bg-gray-50 p-8 rounded-lg shadow-sm hover:shadow-md transition duration-300"> |
|
|
<div class="text-blue-600 mb-4"> |
|
|
<i class="fas fa-headset text-4xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-semibold mb-3 text-gray-800">完善售后</h3> |
|
|
<p class="text-gray-600">24小时响应机制，提供设备维护、技术培训和升级服务</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="about" class="py-16 bg-gray-50"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="flex flex-col md:flex-row items-center"> |
|
|
<div class="md:w-1/2 mb-8 md:mb-0 md:pr-8"> |
|
|
<img src="https://images.unsplash.com/photo-1519389950473-47ba0277781c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="About Us" class="rounded-lg shadow-lg w-full"> |
|
|
</div> |
|
|
<div class="md:w-1/2"> |
|
|
<h2 class="text-3xl font-bold text-gray-800 mb-6">关于我们</h2> |
|
|
<p class="text-gray-600 mb-4">深圳自动化设备有限公司成立于2003年，是一家专注于工业自动化设备研发、生产和销售的高新技术企业。</p> |
|
|
<p class="text-gray-600 mb-6">公司拥有20000平方米的生产基地和100多人的研发团队，产品广泛应用于电子、汽车、医疗、包装等行业。</p> |
|
|
|
|
|
<div class="space-y-4"> |
|
|
<div class="flex items-start"> |
|
|
<div class="text-blue-600 mr-3 mt-1"> |
|
|
<i class="fas fa-check-circle"></i> |
|
|
</div> |
|
|
<p class="text-gray-700">通过ISO9001质量管理体系认证</p> |
|
|
</div> |
|
|
<div class="flex items-start"> |
|
|
<div class="text-blue-600 mr-3 mt-1"> |
|
|
<i class="fas fa-check-circle"></i> |
|
|
</div> |
|
|
<p class="text-gray-700">拥有50多项国家专利技术</p> |
|
|
</div> |
|
|
<div class="flex items-start"> |
|
|
<div class="text-blue-600 mr-3 mt-1"> |
|
|
<i class="fas fa-check-circle"></i> |
|
|
</div> |
|
|
<p class="text-gray-700">服务全球1000多家企业客户</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<a href="#" class="inline-block mt-6 bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-lg font-medium transition duration-300">了解更多</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="products" class="py-16 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="text-center mb-12"> |
|
|
<h2 class="text-3xl font-bold text-gray-800 mb-4">我们的产品</h2> |
|
|
<p class="text-gray-600 max-w-2xl mx-auto">提供多种自动化设备解决方案，满足不同行业的生产需求</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
|
|
|
|
|
<div class="product-card bg-white rounded-lg overflow-hidden shadow-md transition duration-300"> |
|
|
<div class="relative overflow-hidden h-48"> |
|
|
<img src="https://images.unsplash.com/photo-1581094271901-8022df4466f9?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="Machine Vision" class="w-full h-full object-cover transition duration-500 hover:scale-110"> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-semibold mb-2 text-gray-800">机器视觉检测系统</h3> |
|
|
<p class="text-gray-600 mb-4">高精度视觉检测设备，可识别0.01mm的缺陷，广泛应用于电子元件、医药包装等行业。</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="text-blue-600 font-medium">了解更多 <i class="fas fa-arrow-right ml-1"></i></span> |
|
|
<span class="text-sm bg-blue-100 text-blue-800 px-3 py-1 rounded-full">热销产品</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="product-card bg-white rounded-lg overflow-hidden shadow-md transition duration-300"> |
|
|
<div class="relative overflow-hidden h-48"> |
|
|
<img src="https://images.unsplash.com/photo-1581093057302-7a37a8a9d2c1?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="Flexible Feeder" class="w-full h-full object-cover transition duration-500 hover:scale-110"> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-semibold mb-2 text-gray-800">柔性振动盘OEM定制</h3> |
|
|
<p class="text-gray-600 mb-4">可根据客户需求定制各种规格的柔性振动盘，适用于不同形状、尺寸的零件送料。</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="text-blue-600 font-medium">了解更多 <i class="fas fa-arrow-right ml-1"></i></span> |
|
|
<span class="text-sm bg-green-100 text-green-800 px-3 py-1 rounded-full">新品上市</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="product-card bg-white rounded-lg overflow-hidden shadow-md transition duration-300"> |
|
|
<div class="relative overflow-hidden h-48"> |
|
|
<img src="https://images.unsplash.com/photo-1581094271900-2a1d5a7e0829?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="Assembly Line" class="w-full h-full object-cover transition duration-500 hover:scale-110"> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-semibold mb-2 text-gray-800">自动化装配生产线</h3> |
|
|
<p class="text-gray-600 mb-4">模块化设计，可根据生产需求灵活配置，提高生产效率30%以上。</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="text-blue-600 font-medium">了解更多 <i class="fas fa-arrow-right ml-1"></i></span> |
|
|
<span class="text-sm bg-purple-100 text-purple-800 px-3 py-1 rounded-full">定制方案</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="text-center mt-12"> |
|
|
<a href="#" class="inline-block bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-lg font-medium transition duration-300">查看全部产品</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="support" class="py-16 bg-gray-50"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="text-center mb-12"> |
|
|
<h2 class="text-3xl font-bold text-gray-800 mb-4">技术支持</h2> |
|
|
<p class="text-gray-600 max-w-2xl mx-auto">我们提供全方位的技术支持服务，确保您的设备稳定高效运行</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"> |
|
|
<div class="bg-white p-6 rounded-lg shadow-sm hover:shadow-md transition duration-300 text-center"> |
|
|
<div class="text-blue-600 text-4xl mb-4"> |
|
|
<i class="fas fa-book"></i> |
|
|
</div> |
|
|
<h3 class="text-lg font-semibold mb-2">技术文档</h3> |
|
|
<p class="text-gray-600 text-sm">提供详细的产品说明书、操作手册和维护指南</p> |
|
|
</div> |
|
|
|
|
|
<div class="bg-white p-6 rounded-lg shadow-sm hover:shadow-md transition duration-300 text-center"> |
|
|
<div class="text-blue-600 text-4xl mb-4"> |
|
|
<i class="fas fa-video"></i> |
|
|
</div> |
|
|
<h3 class="text-lg font-semibold mb-2">视频教程</h3> |
|
|
<p class="text-gray-600 text-sm">操作演示、常见问题解决和高级功能讲解视频</p> |
|
|
</div> |
|
|
|
|
|
<div class="bg-white p-6 rounded-lg shadow-sm hover:shadow-md transition duration-300 text-center"> |
|
|
<div class="text-blue-600 text-4xl mb-4"> |
|
|
<i class="fas fa-chalkboard-teacher"></i> |
|
|
</div> |
|
|
<h3 class="text-lg font-semibold mb-2">技术培训</h3> |
|
|
<p class="text-gray-600 text-sm">现场或远程培训，提升操作人员技能水平</p> |
|
|
</div> |
|
|
|
|
|
<div class="bg-white p-6 rounded-lg shadow-sm hover:shadow-md transition duration-300 text-center"> |
|
|
<div class="text-blue-600 text-4xl mb-4"> |
|
|
<i class="fas fa-tools"></i> |
|
|
</div> |
|
|
<h3 class="text-lg font-semibold mb-2">维护服务</h3> |
|
|
<p class="text-gray-600 text-sm">定期维护、故障诊断和设备升级服务</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="mt-12 bg-white rounded-lg shadow-md p-8"> |
|
|
<div class="flex flex-col md:flex-row items-center"> |
|
|
<div class="md:w-1/2 mb-6 md:mb-0"> |
|
|
<h3 class="text-2xl font-bold text-gray-800 mb-4">申请打样服务</h3> |
|
|
<p class="text-gray-600 mb-4">我们提供免费打样服务，让您在实际购买前验证设备的适用性。</p> |
|
|
<ul class="space-y-2 text-gray-700"> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-green-500 mt-1 mr-2"></i> |
|
|
<span>3-5个工作日内完成打样</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-green-500 mt-1 mr-2"></i> |
|
|
<span>专业工程师一对一服务</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-green-500 mt-1 mr-2"></i> |
|
|
<span>提供详细测试报告</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
<div class="md:w-1/2 md:pl-8"> |
|
|
<form class="space-y-4"> |
|
|
<div> |
|
|
<label for="name" class="block text-sm font-medium text-gray-700 mb-1">姓名</label> |
|
|
<input type="text" id="name" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-blue-500 focus:border-blue-500"> |
|
|
</div> |
|
|
<div> |
|
|
<label for="company" class="block text-sm font-medium text-gray-700 mb-1">公司名称</label> |
|
|
<input type="text" id="company" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-blue-500 focus:border-blue-500"> |
|
|
</div> |
|
|
<div> |
|
|
<label for="phone" class="block text-sm font-medium text-gray-700 mb-1">联系电话</label> |
|
|
<input type="tel" id="phone" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-blue-500 focus:border-blue-500"> |
|
|
</div> |
|
|
<div> |
|
|
<label for="product" class="block text-sm font-medium text-gray-700 mb-1">产品型号</label> |
|
|
<select id="product" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-blue-500 focus:border-blue-500"> |
|
|
<option value="">请选择产品</option> |
|
|
<option value="vision">机器视觉检测系统</option> |
|
|
<option value="feeder">柔性振动盘</option> |
|
|
<option value="assembly">自动化装配线</option> |
|
|
<option value="other">其他</option> |
|
|
</select> |
|
|
</div> |
|
|
<button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-lg font-medium transition duration-300">提交申请</button> |
|
|
</form> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="text-center mb-12"> |
|
|
<h2 class="text-3xl font-bold text-gray-800 mb-4">客户评价</h2> |
|
|
<p class="text-gray-600 max-w-2xl mx-auto">听听我们的客户怎么说</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
|
|
<div class="bg-gray-50 p-8 rounded-lg shadow-sm"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="text-yellow-400 mr-2"> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-700 mb-6">"深圳自动化提供的视觉检测设备大大提高了我们的产品质量，故障率降低了90%，服务团队响应迅速，非常专业。"</p> |
|
|
<div class="flex items-center"> |
|
|
<img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Client" class="w-10 h-10 rounded-full mr-3"> |
|
|
<div> |
|
|
<h4 class="font-medium text-gray-800">张先生</h4> |
|
|
<p class="text-sm text-gray-600">某电子科技公司 生产总监</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="bg-gray-50 p-8 rounded-lg shadow-sm"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="text-yellow-400 mr-2"> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-700 mb-6">"定制化的柔性振动盘完美解决了我们异形零件的送料问题，生产效率提升了40%，工程师团队技术实力强。"</p> |
|
|
<div class="flex items-center"> |
|
|
<img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Client" class="w-10 h-10 rounded-full mr-3"> |
|
|
<div> |
|
|
<h4 class="font-medium text-gray-800">李女士</h4> |
|
|
<p class="text-sm text-gray-600">某医疗器械公司 技术经理</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="bg-gray-50 p-8 rounded-lg shadow-sm"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="text-yellow-400 mr-2"> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star-half-alt"></i> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-700 mb-6">"自动化装配生产线运行稳定，售后服务及时，培训到位，帮助我们实现了生产线的智能化升级。"</p> |
|
|
<div class="flex items-center"> |
|
|
<img src="https://randomuser.me/api/portraits/men/75.jpg" alt="Client" class="w-10 h-10 rounded-full mr-3"> |
|
|
<div> |
|
|
<h4 class="font-medium text-gray-800">王先生</h4> |
|
|
<p class="text-sm text-gray-600">某汽车零部件公司 厂长</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="contact" class="py-16 bg-gray-800 text-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="text-center mb-12"> |
|
|
<h2 class="text-3xl font-bold mb-4">联系我们</h2> |
|
|
<p class="text-gray-300 max-w-2xl mx-auto">无论您有任何问题或需求，我们都随时为您提供帮助</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12"> |
|
|
<div> |
|
|
<div class="mb-8"> |
|
|
<h3 class="text-xl font-semibold mb-4">联系方式</h3> |
|
|
<div class="space-y-4"> |
|
|
<div class="flex items-start"> |
|
|
<div class="text-blue-400 mr-4 mt-1"> |
|
|
<i class="fas fa-map-marker-alt"></i> |
|
|
</div> |
|
|
<p>深圳市宝安区福永街道凤凰社区凤凰工业区3栋5楼</p> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<div class="text-blue-400 mr-4"> |
|
|
<i class="fas fa-phone-alt"></i> |
|
|
</div> |
|
|
<p>0755-12345678</p> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<div class="text-blue-400 mr-4"> |
|
|
<i class="fas fa-envelope"></i> |
|
|
</div> |
|
|
<p>info@sz-automation.com</p> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<div class="text-blue-400 mr-4"> |
|
|
<i class="fas fa-clock"></i> |
|
|
</div> |
|
|
<p>周一至周五: 8:30 - 17:30</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h3 class="text-xl font-semibold mb-4">关注我们</h3> |
|
|
<div class="flex space-x-4"> |
|
|
<a href="#" class="bg-gray-700 hover:bg-blue-600 w-10 h-10 rounded-full flex items-center justify-center transition duration-300"> |
|
|
<i class="fab fa-weixin"></i> |
|
|
</a> |
|
|
<a href="#" class="bg-gray-700 hover:bg-blue-600 w-10 h-10 rounded-full flex items-center justify-center transition duration-300"> |
|
|
<i class="fab fa-weibo"></i> |
|
|
</a> |
|
|
<a href="#" class="bg-gray-700 hover:bg-blue-600 w-10 h-10 rounded-full flex items-center justify-center transition duration-300"> |
|
|
<i class="fab fa-linkedin-in"></i> |
|
|
</a> |
|
|
<a href="#" class="bg-gray-700 hover:bg-blue-600 w-10 h-10 rounded-full flex items-center justify-center transition duration-300"> |
|
|
<i class="fab fa-youtube"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h3 class="text-xl font-semibold mb-4">在线留言</h3> |
|
|
<form class="space-y-4"> |
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4"> |
|
|
<div> |
|
|
<label for="contact-name" class="block text-sm font-medium text-gray-300 mb-1">姓名</label> |
|
|
<input type="text" id="contact-name" class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-blue-500 focus:border-blue-500 text-white"> |
|
|
</div> |
|
|
<div> |
|
|
<label for="contact-phone" class="block text-sm font-medium text-gray-300 mb-1">电话</label> |
|
|
<input type="tel" id="contact-phone" class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-blue-500 focus:border-blue-500 text-white"> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<label for="contact-email" class="block text-sm font-medium text-gray-300 mb-1">邮箱</label> |
|
|
<input type="email" id="contact-email" class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-blue-500 focus:border-blue-500 text-white"> |
|
|
</div> |
|
|
<div> |
|
|
<label for="contact-subject" class="block text-sm font-medium text-gray-300 mb-1">主题</label> |
|
|
<input type="text" id="contact-subject" class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-blue-500 focus:border-blue-500 text-white"> |
|
|
</div> |
|
|
<div> |
|
|
<label for="contact-message" class="block text-sm font-medium text-gray-300 mb-1">留言内容</label> |
|
|
<textarea id="contact-message" rows="4" class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-blue-500 focus:border-blue-500 text-white"></textarea> |
|
|
</div> |
|
|
<button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-lg font-medium transition duration-300">提交留言</button> |
|
|
</form> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<div class="h-96 bg-gray-200"> |
|
|
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3683.325730381644!2d113.8103963153447!3d22.60178598516648!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3403f8e1a0d8e7a5%3A0x7b7c7b7c7b7c7b7c!2z5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6aOe5a6J5YyX5a6J5Zyw5YyX5biC6a |
|
|
</html> |
