文本查看器


<!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='大理塑胶跑道厂家'><!--ke--><!--ke--><!--ke--><!--ke--><script src=https://cdn.tailwindcss.com/3.4.16></script><script>tailwind.config={darkMode:`class`}</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-color:#3b82f6;--secondary-color:#1e40af;--accent-color:#60a5fa;--text-color:#1f2937;--bg-color:#fff;--card-bg:#f9fafb;--border-color:#e5e7eb;--hover-color:#f3f4f6;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444}.dark{--primary-color:#60a5fa;--secondary-color:#93c5fd;--accent-color:#3b82f6;--text-color:#f9fafb;--bg-color:#111827;--card-bg:#1f2937;--border-color:#374151;--hover-color:#1e293b;--success-color:#34d399;--warning-color:#fbbf24;--danger-color:#f87171}body{background-color:var(--bg-color);color:var(--text-color);font-family:Noto Sans SC,sans-serif;transition:all .3s}.card{background-color:var(--card-bg);border:1px solid var(--border-color);transition:all .3s}.card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.btn{transition:all .2s}.btn:hover{transform:scale(1.05)}.fade-in{animation:.8s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.section.visible{opacity:1;transform:translateY(0)}.product-card{border-left:4px solid var(--primary-color)}.service-card{border-left:4px solid var(--secondary-color)}.contact-card{border-left:4px solid var(--accent-color)}.feature-icon{color:var(--primary-color);transition:transform .3s}.feature-icon:hover{transform:scale(1.2)}</style></head><body class=min-h-screen><nav class="sticky top-0 z-50 bg-opacity-90 backdrop-blur-sm"style=background-color:var(--bg-color)><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"><span class="text-xl font-bold"> <i class="fas fa-running text-blue-500 mr-2"></i> <span class="text-blue-600 dark:text-blue-400">大理塑胶跑道</span> </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-sun text-yellow-500 dark:hidden"></i> <i class="fas fa-moon text-blue-300 hidden dark:block"></i></button></div></div></div></nav><header class="relative bg-gradient-to-r from-blue-600 to-blue-800 dark:from-blue-800 dark:to-blue-900"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 md:py-24"><div class="text-center fade-in"><h1 class="text-3xl md:text-4xl lg:text-5xl font-bold text-white mb-4">高品质运动场地解决方案</h1><p class="text-xl md:text-2xl text-blue-100 max-w-3xl mx-auto">专注于环保安全的塑胶跑道、球场及草坪产品，提供专业施工服务<div class="mt-8 flex justify-center"><a class="btn bg-blue-600 hover:bg-blue-700 text-white font-medium py-3 px-6 rounded-lg shadow-md"href=#products> <i class="fas fa-arrow-down mr-2"></i>了解更多产品 </a></div></div></div><div class="absolute bottom-0 left-0 w-full h-16 bg-gradient-to-t from-white dark:from-gray-900 to-transparent"></div></header><main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"><section class="mb-16 section"id=about><div class="max-w-3xl mx-auto"><h2 class="text-2xl md:text-3xl font-bold mb-6 text-center">关于我们</h2><p class="text-lg text-gray-700 dark:text-gray-300 mb-6 leading-relaxed">大理塑胶跑道厂家专注于为客户提供高品质、环保安全的塑胶跑道、球场及草坪产品，并提供专业的施工服务。这些产品和施工服务均符合国家较新标准，确保使用安全性和耐用性。<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mt-8"><div class="card rounded-xl p-6 shadow-md"><div class="text-blue-500 mb-4"><i class="fas fa-check-circle text-2xl"></i></div><h3 class="text-xl font-semibold mb-2">高品质</h3><p class="text-gray-600 dark:text-gray-400">采用环保材料，符合国家新国标要求，确保产品安全性和耐用性。</div><div class="card rounded-xl p-6 shadow-md"><div class="text-blue-500 mb-4"><i class="fas fa-shield-alt text-2xl"></i></div><h3 class="text-xl font-semibold mb-2">安全可靠</h3><p class="text-gray-600 dark:text-gray-400">所有产品均经过严格测试，确保符合国家安全标准，为用户提供安全保障。</div><div class="card rounded-xl p-6 shadow-md"><div class="text-blue-500 mb-4"><i class="fas fa-tools text-2xl"></i></div><h3 class="text-xl font-semibold mb-2">专业服务</h3><p class="text-gray-600 dark:text-gray-400">从设计到施工的一站式服务，提供专业的技术支持和售后服务。</div></div></div></section><section class="mb-16 section"id=products><div class="max-w-7xl mx-auto"><h2 class="text-2xl md:text-3xl font-bold mb-8 text-center">产品介绍</h2><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"><div class="product-card card rounded-xl overflow-hidden shadow-md"><div class="h-48 bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center"><i class="fas fa-running text-6xl text-white opacity-80"></i></div><div class=p-6><h3 class="text-xl font-bold mb-3 flex items-center"><i class="fas fa-trophy text-yellow-500 mr-2"></i> 塑胶跑道</h3><p class="text-gray-600 dark:text-gray-400 mb-4">适用于学校操场、体育场馆等场所。采用EPDM颗粒、橡胶颗粒、聚氨酯等环保材料，具有弹性好、耐磨损、防滑等特点。分为透气型、混合型、全塑型等多种类型，可根据客户需求定制厚度和颜色。<div class="flex flex-wrap gap-2 mt-4"><span class="px-3 py-1 bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200 rounded-full text-sm">透气型</span><span class="px-3 py-1 bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200 rounded-full text-sm">混合型</span><span class="px-3 py-1 bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200 rounded-full text-sm">全塑型</span></div></div></div><div class="product-card card rounded-xl overflow-hidden shadow-md"><div class="h-48 bg-gradient-to-r from-green-500 to-green-600 flex items-center justify-center"><i class="fas fa-leaf text-6xl text-white opacity-80"></i></div><div class=p-6><h3 class="text-xl font-bold mb-3 flex items-center"><i class="fas fa-star text-yellow-500 mr-2"></i> 人造草坪</h3><p class="text-gray-600 dark:text-gray-400 mb-4">广泛应用于足球场、网球场、高尔夫球场等场地。材质包括天然草纤维替代品和硅PU材料，具有逼真的视觉效果和良好的触感。表面柔软且富有弹性，适合多种运动项目，同时维护成本低，使用寿命长。<div class="flex flex-wrap gap-2 mt-4"><span class="px-3 py-1 bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200 rounded-full text-sm">足球场</span><span class="px-3 py-1 bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200 rounded-full text-sm">网球场</span><span class="px-3 py-1 bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200 rounded-full text-sm">高尔夫球场</span></div></div></div><div class="product-card card rounded-xl overflow-hidden shadow-md"><div class="h-48 bg-gradient-to-r from-purple-500 to-purple-600 flex items-center justify-center"><i class="fas fa-basketball-ball text-6xl text-white opacity-80"></i></div><div class=p-6><h3 class="text-xl font-bold mb-3 flex items-center"><i class="fas fa-medal text-yellow-500 mr-2"></i> 硅PU球场</h3><p class="text-gray-600 dark:text-gray-400 mb-4">一种新型运动场地材料，结合了硅树脂和聚氨酯的优点，具有优异的耐磨性和弹性。适用于篮球场、羽毛球场等多种场地，其表面平整光滑，色彩鲜艳，且不易褪色。<div class="flex flex-wrap gap-2 mt-4"><span class="px-3 py-1 bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-200 rounded-full text-sm">篮球场</span><span class="px-3 py-1 bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-200 rounded-full text-sm">羽毛球场</span><span class="px-3 py-1 bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-200 rounded-full text-sm">网球场</span></div></div></div><div class="product-card card rounded-xl overflow-hidden shadow-md"><div class="h-48 bg-gradient-to-r from-green-500 to-green-600 flex items-center justify-center"><i class="fas fa-seedling text-6xl text-white opacity-80"></i></div><div class=p-6><h3 class="text-xl font-bold mb-3 flex items-center"><i class="fas fa-leaf text-yellow-500 mr-2"></i> 草坪及人造草坪</h3><p class="text-gray-600 dark:text-gray-400 mb-4">包括天然草纤维替代品和仿真草坪，适用于幼儿园、公园、健身步道等场所。这些草坪采用环保材料制成，色彩自然，触感舒适，且易于清洁和维护。<div class="flex flex-wrap gap-2 mt-4"><span class="px-3 py-1 bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200 rounded-full text-sm">幼儿园</span><span class="px-3 py-1 bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200 rounded-full text-sm">公园</span><span class="px-3 py-1 bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200 rounded-full text-sm">健身步道</span></div></div></div></div></div></section><section class="mb-16 section"><div class="max-w-7xl mx-auto"><div class="card rounded-xl overflow-hidden shadow-md"><div class=p-6><h2 class="text-2xl md:text-3xl font-bold mb-6 text-center">产品特点</h2><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"><div class="flex flex-col items-center p-4 rounded-lg bg-blue-50 dark:bg-blue-900/30"><div class="text-3xl text-blue-500 mb-3"><i class="fas fa-shield-alt"></i></div><h3 class="text-lg font-semibold mb-2">环保安全</h3><p class="text-gray-600 dark:text-gray-400 text-center">采用环保无毒材料，符合国家新国标要求</div><div class="flex flex-col items-center p-4 rounded-lg bg-green-50 dark:bg-green-900/30"><div class="text-3xl text-green-500 mb-3"><i class="fas fa-heartbeat"></i></div><h3 class="text-lg font-semibold mb-2">弹性舒适</h3><p class="text-gray-600 dark:text-gray-400 text-center">提供良好的弹性和舒适度，保护运动员关节</div><div class="flex flex-col items-center p-4 rounded-lg bg-purple-50 dark:bg-purple-900/30"><div class="text-3xl text-purple-500 mb-3"><i class="fas fa-tachometer-alt"></i></div><h3 class="text-lg font-semibold mb-2">耐磨耐用</h3><p class="text-gray-600 dark:text-gray-400 text-center">优异的耐磨性，延长使用寿命，减少维护成本</div><div class="flex flex-col items-center p-4 rounded-lg bg-yellow-50 dark:bg-yellow-900/30"><div class="text-3xl text-yellow-500 mb-3"><i class="fas fa-paint-roller"></i></div><h3 class="text-lg font-semibold mb-2">色彩丰富</h3><p class="text-gray-600 dark:text-gray-400 text-center">多种颜色可选，满足不同场地和设计需求</div></div></div></div></div></section><section class="mb-16 section"id=services><div class="max-w-7xl mx-auto"><h2 class="text-2xl md:text-3xl font-bold mb-8 text-center">施工服务</h2><div class="grid grid-cols-1 md:grid-cols-3 gap-8"><div class="service-card card rounded-xl overflow-hidden shadow-md"><div class=p-6><div class="text-4xl text-blue-500 mb-4"><i class="fas fa-hard-hat"></i></div><h3 class="text-xl font-bold mb-3">专业施工团队</h3><p class="text-gray-600 dark:text-gray-400 mb-4">厂家拥有多年施工经验的专业团队，提供从设计到施工的一站式服务。施工过程中严格按照国家标准进行操作，确保跑道和草坪的质量和安全性。<div class="bg-blue-50 dark:bg-blue-900/30 p-3 rounded-lg"><ul class="list-disc list-inside text-sm text-gray-600 dark:text-gray-400"><li>基础处理<li>铺设碎石垫层<li>沥青砼层<li>混合型塑胶层</ul></div></div></div><div class="service-card card rounded-xl overflow-hidden shadow-md"><div class=p-6><div class="text-4xl text-blue-500 mb-4"><i class="fas fa-headset"></i></div><h3 class="text-xl font-bold mb-3">技术支持与售后服务</h3><p class="text-gray-600 dark:text-gray-400 mb-4">厂家提供全面的技术支持和售后服务，包括现场勘察、测量、设计及造价评估等服务。此外，还提供长期的维护保养方案，确保场地长期保持较佳状态。<div class="bg-blue-50 dark:bg-blue-900/30 p-3 rounded-lg"><ul class="list-disc list-inside text-sm text-gray-600 dark:text-gray-400"><li>现场勘察<li>专业测量<li>设计方案<li>造价评估<li>长期维护</ul></div></div></div><div class="service-card card rounded-xl overflow-hidden shadow-md"><div class=p-6><div class="text-4xl text-blue-500 mb-4"><i class="fas fa-award"></i></div><h3 class="text-xl font-bold mb-3">环保材料与质量保障</h3><p class="text-gray-600 dark:text-gray-400 mb-4">所有产品均采用环保无毒材料，符合国家新国标要求。例如，跑道面层厚度需达到国家标准规定的7毫米以上，以确保运动员的安全性和适应性。<div class="bg-blue-50 dark:bg-blue-900/30 p-3 rounded-lg"><ul class="list-disc list-inside text-sm text-gray-600 dark:text-gray-400"><li>环保无毒材料<li>符合国家标准<li>面层厚度≥7mm<li>严格质量控制</ul></div></div></div></div></div></section><section class="mb-16 section"><div class="max-w-7xl mx-auto"><div class="card rounded-xl overflow-hidden shadow-md"><div class=p-6><h2 class="text-2xl md:text-3xl font-bold mb-6 text-center">产品应用领域</h2><div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="flex flex-col items-center p-4 rounded-lg bg-blue-50 dark:bg-blue-900/30"><div class="w-16 h-16 bg-blue-100 dark:bg-blue-800 rounded-full flex items-center justify-center mb-4"><i class="fas fa-school text-2xl text-blue-600 dark:text-blue-400"></i></div><h3 class="text-lg font-semibold mb-2">学校</h3><p class="text-gray-600 dark:text-gray-400 text-center">中小学、大学、体育学院等教育机构</div><div class="flex flex-col items-center p-4 rounded-lg bg-green-50 dark:bg-green-900/30"><div class="w-16 h-16 bg-green-100 dark:bg-green-800 rounded-full flex items-center justify-center mb-4"><i class="fas fa-building text-2xl text-green-600 dark:text-green-400"></i></div><h3 class="text-lg font-semibold mb-2">体育场馆</h3><p class="text-gray-600 dark:text-gray-400 text-center">专业体育中心、健身房、健身俱乐部等</div><div class="flex flex-col items-center p-4 rounded-lg bg-purple-50 dark:bg-purple-900/30"><div class="w-16 h-16 bg-purple-100 dark:bg-purple-800 rounded-full flex items-center justify-center mb-4"><i class="fas fa-tree text-2xl text-purple-600 dark:text-purple-400"></i></div><h3 class="text-lg font-semibold mb-2">公园与公共设施</h3><p class="text-gray-600 dark:text-gray-400 text-center">城市公园、社区活动中心、健身步道等</div></div></div></div></div></section><section class="mb-16 section"id=contact><div class="max-w-7xl mx-auto"><div class="contact-card card rounded-xl overflow-hidden shadow-md"><div class=p-6><h2 class="text-2xl md:text-3xl font-bold mb-6 text-center">联系方式</h2><div class="flex flex-col md:flex-row items-center justify-center"><div class="w-full md:w-1/2 mb-6 md:mb-0 md:pr-8"><div class="flex items-center mb-4"><i class="fas fa-phone-alt text-2xl text-blue-500 mr-3"></i><p class="text-xl font-semibold">185-7145-9135</div><div class="flex items-center mb-4"><i class="fas fa-envelope text-2xl text-blue-500 mr-3"></i><p class="text-xl font-semibold">cnyouzheng@qq.com</div><div class="flex items-center"><i class="fas fa-map-marker-alt text-2xl text-blue-500 mr-3"></i><p class="text-xl font-semibold">大理市体育用品产业园</div></div><div class="w-full md:w-1/2 flex justify-center"><div class="w-full max-w-md bg-gray-100 dark:bg-gray-800 p-6 rounded-lg"><canvas height=200 id=contactChart></canvas></div></div></div></div></div></div></section></main><footer class=bg-gray-100 dark:bg-gray-900><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"><div class="flex flex-col md:flex-row justify-between items-center"><div class="mb-4 md:mb-0"><h3 class="text-xl font-bold mb-2">大理塑胶跑道厂家</h3><p class="text-gray-600 dark:text-gray-400">致力于为客户提供高品质的运动场地解决方案</div><div class="flex space-x-4"><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400"href=#> <i class="fab fa-weixin text-2xl"></i> </a><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400"href=#> <i class="fab fa-weibo text-2xl"></i> </a><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400"href=#> <i class="fas fa-envelope text-2xl"></i> </a></div></div><div class="mt-8 pt-8 border-t border-gray-200 dark:border-gray-700"><div class="flex flex-col md:flex-row justify-between items-center"><div class="mb-4 md:mb-0"><p class="text-gray-500 dark:text-gray-400">© 2023 大理塑胶跑道厂家 版权所有</div><div class="flex items-center"><span class="text-gray-500 dark:text-gray-400 mr-2">作者：</span><span class="font-medium text-blue-600 dark:text-blue-400">优正体育吴杰18571459135</span></div></div></div></div></footer><script>const themeToggle=document.getElementById(`theme-toggle`);const html=document.documentElement;if(window.matchMedia&&window.matchMedia(`(prefers-color-scheme: dark)`).matches){html.classList.add(`dark`)};themeToggle.addEventListener(`click`,()=>{html.classList.toggle(`dark`)});const sections=document.querySelectorAll(`.section`);const observer=new IntersectionObserver(a=>{a.forEach(a=>{if(a.isIntersecting){a.target.classList.add(`visible`)}})},{threshold:0.1});sections.forEach(a=>{observer.observe(a)});const ctx=document.getElementById(`contactChart`).getContext(`2d`);const contactChart=new Chart(ctx,{type:`doughnut`,data:{labels:[`学校`,`体育场馆`,`公园`,`其他`],datasets:[{data:[40,30,20,10],backgroundColor:[`rgba(59, 130, 246, 0.8)`,`rgba(16, 185, 129, 0.8)`,`rgba(245, 158, 11, 0.8)`,`rgba(239, 68, 68, 0.8)`],borderColor:[`rgba(59, 130, 246, 1)`,`rgba(16, 185, 129, 1)`,`rgba(245, 158, 11, 1)`,`rgba(239, 68, 68, 1)`],borderWidth:1}]},options:{responsive:!0,maintainAspectRatio:!1,plugins:{legend:{position:`bottom`,labels:{color:html.classList.contains(`dark`)?`#f9fafb`:`#1f2937`,font:{size:12}}}}}});themeToggle.addEventListener(`click`,()=>{let b=`#f9fafb`,a=`#1f2937`;contactChart.options.plugins.legend.labels.color=html.classList.contains(`dark`)?b:a;contactChart.update()})</script>
</body></html>