文本查看器


<!doctypehtml><html lang=zh-CN><head><meta charset=UTF-8><meta content=width=device-width,initial-scale=1.0 name=viewport><title>专业塑胶跑道与球场材料制造商 - 优正体育</title><meta name='keywords' content='专业塑胶跑道与球场材料制造商'><script src=https://cdn.tailwindcss.com/3.4.16></script><script>tailwind.config={darkMode:`class`}</script><link href=https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css rel=stylesheet><script src=https://jsdelivr.topthink.com/npm/chart.js></script><style>@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--primary:#06f;--secondary:#6b7280;--accent:#3b82f6;--background-light:#fff;--text-light:#1f2937;--background-dark:#111827;--text-dark:#f3f4f6}body{font-family:Noto Sans SC,sans-serif;transition:background-color .3s,color .3s}.card-hover{transition:all .3s}.card-hover:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.fade-in{animation:.8s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-hover{transition:all .2s}.btn-hover:hover{transform:scale(1.05)}</style></head><body class="bg-white dark:bg-gray-900 text-gray-800 dark:text-gray-200"><div class="min-h-screen flex flex-col"><nav class="bg-white dark:bg-gray-800 shadow-md sticky top-0 z-50"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex justify-between h-16"><div class="flex items-center"><i class="fas fa-running text-blue-600 dark:text-blue-400 text-2xl mr-2"></i><span class="font-bold text-xl">优正体育</span></div><div class="flex items-center"><button class="p-2 rounded-full hover:bg-gray-200 dark:hover:bg-gray-700 focus:outline-none"id=theme-toggle><i class="fas fa-moon dark:hidden"></i> <i class="fas fa-sun hidden dark:block"></i></button></div></div></div></nav><main class=flex-grow><section class="relative bg-gradient-to-r from-blue-500 to-indigo-600 dark:from-blue-800 dark:to-indigo-900"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24 md:py-32"><div class=text-center><h1 class="text-4xl md:text-5xl font-bold text-white mb-6 fade-in">专业塑胶跑道与球场材料制造商</h1><p class="text-xl md:text-2xl text-blue-100 max-w-3xl mx-auto fade-in">一站式解决方案，严格遵循国家标准<div class="mt-8 fade-in"><a class="inline-block bg-white text-blue-600 hover:bg-blue-50 font-medium px-6 py-3 rounded-lg shadow-md btn-hover"href=#products> 了解我们的产品 </a></div></div></div><div class="absolute bottom-0 left-0 right-0 h-16 bg-gradient-to-t from-white dark:from-gray-900 to-transparent"></div></section><section class="py-16 bg-gray-50 dark:bg-gray-800"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="max-w-3xl mx-auto text-center"><h2 class="text-3xl font-bold mb-6 fade-in">我们致力于为客户提供符合国家标准的全线产品与技术服务</h2><p class="text-lg text-gray-600 dark:text-gray-300 fade-in">作为专注于塑胶跑道、球场材料研发、生产、销售与铺装服务的专业制造商，我们不仅提供优质材料，更拥有一体化的施工服务体系，确保从基础处理到面层完成的每一个环节都达到专业水准。</div></div></section><section class="py-16 bg-white dark:bg-gray-900"id=products><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><h2 class="text-3xl font-bold mb-12 text-center fade-in">核心材料：严格遵循较新国标，保障基础安全</h2><div class="grid grid-cols-1 md:grid-cols-3 gap-8"><div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden card-hover fade-in"><div class=p-6><div class="w-16 h-16 bg-blue-100 dark:bg-blue-900 rounded-full flex items-center justify-center mb-4"><i class="fas fa-running text-blue-600 dark:text-blue-400 text-2xl"></i></div><h3 class="text-xl font-bold mb-3">塑胶跑道系列</h3><p class="text-gray-600 dark:text-gray-300">涵盖透气型、混合型、复合型、自结纹型及EPDM颗粒型等多种工艺体系，能够适应不同地区气候条件、使用频率和预算要求。</div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden card-hover fade-in"style=animation-delay:.2s><div class=p-6><div class="w-16 h-16 bg-green-100 dark:bg-green-900 rounded-full flex items-center justify-center mb-4"><i class="fas fa-basketball-ball text-green-600 dark:text-green-400 text-2xl"></i></div><h3 class="text-xl font-bold mb-3">球场材料系列</h3><p class="text-gray-600 dark:text-gray-300">包括硅PU球场材料、丙烯酸球场材料等。硅PU材料因其优异的弹性和环保性能，广泛应用于篮球场、网球场等球类运动场地。</div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden card-hover fade-in"style=animation-delay:.4s><div class=p-6><div class="w-16 h-16 bg-yellow-100 dark:bg-yellow-900 rounded-full flex items-center justify-center mb-4"><i class="fas fa-leaf text-yellow-600 dark:text-yellow-400 text-2xl"></i></div><h3 class="text-xl font-bold mb-3">环保与安全</h3><p class="text-gray-600 dark:text-gray-300">所有产品在生产过程中严格控制原材料品质，采用环保型配方，旨在降低挥发性有机物（VOCs）的释放，从源头保障运动场地的环境安全与使用者健康。</div></div></div></div></section><section class="py-16 bg-gray-50 dark:bg-gray-800"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><h2 class="text-3xl font-bold mb-12 text-center fade-in">专业施工：技术团队保障工程品质</h2><div class="grid grid-cols-1 md:grid-cols-3 gap-8"><div class="bg-white dark:bg-gray-700 rounded-xl shadow-lg overflow-hidden card-hover fade-in"><div class=p-6><div class="w-16 h-16 bg-purple-100 dark:bg-purple-900 rounded-full flex items-center justify-center mb-4"><i class="fas fa-tasks text-purple-600 dark:text-purple-400 text-2xl"></i></div><h3 class="text-xl font-bold mb-3">标准化施工流程</h3><p class="text-gray-600 dark:text-gray-300">施工过程遵循科学的工艺步骤，包括基础检查与处理、底层摊铺、面层喷涂或涂刮、划线养护等。例如，对于半预制型跑道，流程涵盖多个关键环节。</div></div><div class="bg-white dark:bg-gray-700 rounded-xl shadow-lg overflow-hidden card-hover fade-in"style=animation-delay:.2s><div class=p-6><div class="w-16 h-16 bg-red-100 dark:bg-red-900 rounded-full flex items-center justify-center mb-4"><i class="fas fa-users-cog text-red-600 dark:text-red-400 text-2xl"></i></div><h3 class="text-xl font-bold mb-3">专业化施工团队</h3><p class="text-gray-600 dark:text-gray-300">我们拥有经过严格培训的自有技术施工队伍，所有操作人员均熟练掌握各类面层材料的施工工艺与技术要点。</div></div><div class="bg-white dark:bg-gray-700 rounded-xl shadow-lg overflow-hidden card-hover fade-in"style=animation-delay:.4s><div class=p-6><div class="w-16 h-16 bg-orange-100 dark:bg-orange-900 rounded-full flex items-center justify-center mb-4"><i class="fas fa-check-circle text-orange-600 dark:text-orange-400 text-2xl"></i></div><h3 class="text-xl font-bold mb-3">质量控制贯穿始终</h3><p class="text-gray-600 dark:text-gray-300">在施工前、中、后期均设有质量检查点，对材料配比、现场环境（温湿度）、涂层厚度、固化情况等进行监控，确保较终成品的整体质量稳定可靠。</div></div></div></div></section><section class="py-16 bg-white dark:bg-gray-900"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><h2 class="text-3xl font-bold mb-12 text-center fade-in">一体化服务优势：从材料到场地的无缝衔接</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-8"><div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden card-hover fade-in"><div class=p-6><div class="flex items-start"><div class="w-12 h-12 bg-blue-100 dark:bg-blue-900 rounded-full flex items-center justify-center mr-4 mt-1"><span class="text-blue-600 dark:text-blue-400 font-bold">1</span></div><div><h3 class="text-xl font-bold mb-2">质量责任统一</h3><p class="text-gray-600 dark:text-gray-300">避免了材料供应商与施工方相互推诿的可能，任何质量问题均由我们全程负责，沟通效率更高。</div></div></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden card-hover fade-in"style=animation-delay:.2s><div class=p-6><div class="flex items-start"><div class="w-12 h-12 bg-green-100 dark:bg-green-900 rounded-full flex items-center justify-center mr-4 mt-1"><span class="text-green-600 dark:text-green-400 font-bold">2</span></div><div><h3 class="text-xl font-bold mb-2">成本控制优化</h3><p class="text-gray-600 dark:text-gray-300">厂家直供材料，减少了中间流通环节，能够为客户提供更具性价比的整体解决方案。</div></div></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden card-hover fade-in"style=animation-delay:.4s><div class=p-6><div class="flex items-start"><div class="w-12 h-12 bg-purple-100 dark:bg-purple-900 rounded-full flex items-center justify-center mr-4 mt-1"><span class="text-purple-600 dark:text-purple-400 font-bold">3</span></div><div><h3 class="text-xl font-bold mb-2">技术配合紧密</h3><p class="text-gray-600 dark:text-gray-300">材料研发与施工实践相互反馈，使得产品性能更能贴合实际施工工艺要求，从而保障较终场地的表现效果。</div></div></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden card-hover fade-in"style=animation-delay:.6s><div class=p-6><div class="flex items-start"><div class="w-12 h-12 bg-yellow-100 dark:bg-yellow-900 rounded-full flex items-center justify-center mr-4 mt-1"><span class="text-yellow-600 dark:text-yellow-400 font-bold">4</span></div><div><h3 class="text-xl font-bold mb-2">售后服务保障</h3><p class="text-gray-600 dark:text-gray-300">我们提供完善的售后支持，针对客户在使用过程中可能遇到的问题，能提供及时、专业的技术咨询与解决方案。</div></div></div></div></div></div></section><section class="py-16 bg-gray-50 dark:bg-gray-800"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><h2 class="text-3xl font-bold mb-12 text-center fade-in">应用场景广泛</h2><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"><div class="bg-white dark:bg-gray-700 rounded-xl shadow-lg overflow-hidden card-hover fade-in"><div class=p-6><div class="w-16 h-16 bg-blue-100 dark:bg-blue-900 rounded-full flex items-center justify-center mb-4"><i class="fas fa-school text-blue-600 dark:text-blue-400 text-2xl"></i></div><h3 class="text-lg font-bold mb-2">各级中小学、高等院校</h3><p class="text-gray-600 dark:text-gray-300">为学校提供安全可靠的运动场地，保障学生健康成长。</div></div><div class="bg-white dark:bg-gray-700 rounded-xl shadow-lg overflow-hidden card-hover fade-in"style=animation-delay:.2s><div class=p-6><div class="w-16 h-16 bg-green-100 dark:bg-green-900 rounded-full flex items-center justify-center mb-4"><i class="fas fa-stadium text-green-600 dark:text-green-400 text-2xl"></i></div><h3 class="text-lg font-bold mb-2">专业体育场馆</h3><p class="text-gray-600 dark:text-gray-300">为专业比赛和训练提供高标准的运动场地。</div></div><div class="bg-white dark:bg-gray-700 rounded-xl shadow-lg overflow-hidden card-hover fade-in"style=animation-delay:.4s><div class=p-6><div class="w-16 h-16 bg-purple-100 dark:bg-purple-900 rounded-full flex items-center justify-center mb-4"><i class="fas fa-tree text-purple-600 dark:text-purple-400 text-2xl"></i></div><h3 class="text-lg font-bold mb-2">社区公园、健身步道</h3><p class="text-gray-600 dark:text-gray-300">为社区居民提供便捷的运动休闲场所。</div></div><div class="bg-white dark:bg-gray-700 rounded-xl shadow-lg overflow-hidden card-hover fade-in"style=animation-delay:.6s><div class=p-6><div class="w-16 h-16 bg-yellow-100 dark:bg-yellow-900 rounded-full flex items-center justify-center mb-4"><i class="fas fa-building text-yellow-600 dark:text-yellow-400 text-2xl"></i></div><h3 class="text-lg font-bold mb-2">企事业单位、部队</h3><p class="text-gray-600 dark:text-gray-300">为企业员工和军队官兵提供专业的体育设施。</div></div></div></div></section><section class="py-16 bg-white dark:bg-gray-900"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="bg-gradient-to-r from-blue-500 to-indigo-600 dark:from-blue-800 dark:to-indigo-900 rounded-xl shadow-lg overflow-hidden"><div class="p-8 text-white"><h2 class="text-2xl font-bold mb-4">联系我们</h2><div class="flex flex-col md:flex-row items-center justify-between"><div class="mb-6 md:mb-0"><p class="text-lg mb-2">作者：湖北优正体育<p class="text-lg mb-2">服务咨询电话：185-7145-9135</div><div class="flex space-x-4"><a class="text-white hover:text-blue-200 btn-hover"href=#> <i class="fab fa-weixin text-2xl"></i> </a><a class="text-white hover:text-blue-200 btn-hover"href=#> <i class="fab fa-weibo text-2xl"></i> </a><a class="text-white hover:text-blue-200 btn-hover"href=#> <i class="fas fa-envelope text-2xl"></i> </a></div></div></div></div></div></section></main><footer class="bg-gray-100 dark:bg-gray-800 py-8"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex flex-col md:flex-row justify-between items-center"><div class="mb-4 md:mb-0"><p class="text-gray-600 dark:text-gray-300">© 2025 优正体育 版权所有</div><div class="flex space-x-4"><a class="text-gray-600 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 btn-hover"href=#> <i class="fas fa-arrow-up"></i> 返回顶部 </a></div></div></div></footer></div><script>const themeToggle=document.getElementById(`theme-toggle`);if(window.matchMedia&&window.matchMedia(`(prefers-color-scheme: dark)`).matches){document.documentElement.classList.add(`dark`)};themeToggle.addEventListener(`click`,()=>{document.documentElement.classList.toggle(`dark`)});document.addEventListener(`DOMContentLoaded`,()=>{const a=new IntersectionObserver(b=>{b.forEach(b=>{if(b.isIntersecting){b.target.classList.add(`fade-in`);a.unobserve(b.target)}})},{threshold:0.1});document.querySelectorAll(`section`).forEach(b=>{a.observe(b)})})</script>
</body></html>