文本查看器


<!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:#4361ee;--secondary-color:#3f37c9;--accent-color:#f72585;--text-color:#1f2937;--bg-color:#fff;--card-bg:#f9fafb;--border-color:#e5e7eb}.dark{--primary-color:#4cc9f0;--secondary-color:#4895ef;--accent-color:#f72585;--text-color:#f3f4f6;--bg-color:#111827;--card-bg:#1f2937;--border-color:#374151}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(-5px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.btn{transition:all .2s}.btn:hover{transform:scale(1.05)}.fade-in{opacity:0;animation:.8s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-icon{color:var(--primary-color);transition:all .3s}.feature-card:hover .feature-icon{transform:scale(1.2)rotate(5deg)}.section-title{color:var(--primary-color);margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.section-title:after{content:"";background-color:var(--primary-color);width:60px;height:3px;position:absolute;bottom:0;left:0}.contact-card{border-left:4px solid var(--accent-color);background-color:#f725850d}.dark .contact-card{border-left-color:var(--accent-color);background-color:#f725851a}</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="container mx-auto px-4 py-4 flex justify-between items-center"><div class="flex items-center space-x-2"><i class="fas fa-running text-2xl"style=color:var(--primary-color)></i><span class="text-xl font-bold">太原塑胶跑道厂家</span></div><div class="flex items-center space-x-4"><button class="p-2 rounded-full hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors"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></nav><header class="relative bg-gradient-to-r from-blue-500 to-purple-600 dark:from-blue-700 dark:to-purple-800"><div class="container mx-auto px-4 py-20 md:py-32"><div class="max-w-4xl mx-auto text-center text-white"><h1 class="text-4xl md:text-5xl font-bold mb-6 fade-in"style=animation-delay:.1s>专业运动场地解决方案</h1><p class="text-xl md:text-2xl mb-8 fade-in"style=animation-delay:.3s>提供高品质塑胶跑道、球场和人造草坪，打造理想运动场地<div class="flex flex-wrap justify-center gap-4 fade-in"style=animation-delay:.5s><a class="btn bg-white text-blue-600 hover:bg-blue-50 px-6 py-3 rounded-lg font-medium"href=#products> <i class="fas fa-list-ul mr-2"></i> 产品展示 </a><a class="btn bg-transparent border-2 border-white text-white hover:bg-white hover:text-blue-600 px-6 py-3 rounded-lg font-medium"href=#services> <i class="fas fa-tools mr-2"></i> 施工服务 </a></div></div></div><div class="absolute bottom-0 w-full h-16 bg-gradient-to-t from-white dark:from-gray-900 to-transparent"></div></header><main class="container mx-auto px-4 py-12"><section class="mb-20 fade-in"id=products style=animation-delay:.2s><h2 class="section-title text-3xl font-bold">产品展示</h2><div class="grid grid-cols-1 md:grid-cols-3 gap-8"><div class="card rounded-xl overflow-hidden shadow-md feature-card"><div class="h-48 bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center"><i class="fas fa-road text-6xl text-white"></i></div><div class=p-6><h3 class="text-xl font-bold mb-4">塑胶跑道</h3><p class=mb-4>塑胶跑道是体育场地的重要组成部分，具有多种类型，如透气型、混合型、全塑型、预制型和环保型等。<div class=space-y-3><div class="flex items-start"><i class="fas fa-check-circle feature-icon mt-1 mr-2"></i><span>弹性好，有效保护运动员关节</span></div><div class="flex items-start"><i class="fas fa-check-circle feature-icon mt-1 mr-2"></i><span>耐久性强，使用寿命长</span></div><div class="flex items-start"><i class="fas fa-check-circle feature-icon mt-1 mr-2"></i><span>环保安全，符合国家环保标准</span></div><div class="flex items-start"><i class="fas fa-check-circle feature-icon mt-1 mr-2"></i><span>施工便捷，周期短</span></div></div></div></div><div class="card rounded-xl overflow-hidden shadow-md feature-card"><div class="h-48 bg-gradient-to-r from-green-500 to-green-600 flex items-center justify-center"><i class="fas fa-basketball-ball text-6xl text-white"></i></div><div class=p-6><h3 class="text-xl font-bold mb-4">塑胶球场</h3><p class=mb-4>塑胶球场是另一种常见的运动场地材料，适用于篮球场、网球场等多种用途。<div class=space-y-3><div class="flex items-start"><i class="fas fa-check-circle feature-icon mt-1 mr-2"></i><span>耐磨抗压，承受高强度运动负荷</span></div><div class="flex items-start"><i class="fas fa-check-circle feature-icon mt-1 mr-2"></i><span>色彩鲜艳，可个性化定制</span></div><div class="flex items-start"><i class="fas fa-check-circle feature-icon mt-1 mr-2"></i><span>维护简单，降低维护成本</span></div><div class="flex items-start"><i class="fas fa-check-circle feature-icon mt-1 mr-2"></i><span>安全性高，防滑设计</span></div></div></div></div><div class="card rounded-xl overflow-hidden shadow-md feature-card"><div class="h-48 bg-gradient-to-r from-teal-500 to-teal-600 flex items-center justify-center"><i class="fas fa-spa text-6xl text-white"></i></div><div class=p-6><h3 class="text-xl font-bold mb-4">人造草坪</h3><p class=mb-4>人造草坪是一种新型的运动场地材料，广泛应用于足球场、门球场和高尔夫球场等。<div class=space-y-3><div class="flex items-start"><i class="fas fa-check-circle feature-icon mt-1 mr-2"></i><span>耐用性强，耐磨损且不易老化</span></div><div class="flex items-start"><i class="fas fa-check-circle feature-icon mt-1 mr-2"></i><span>维护成本低，无需频繁修剪</span></div><div class="flex items-start"><i class="fas fa-check-circle feature-icon mt-1 mr-2"></i><span>适应性强，不受天气影响</span></div><div class="flex items-start"><i class="fas fa-check-circle feature-icon mt-1 mr-2"></i><span>美观大方，可定制颜色和纹理</span></div></div></div></div></div></section><section class="mb-20 fade-in"id=services style=animation-delay:.4s><h2 class="section-title text-3xl font-bold">施工服务</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-8"><div class="card rounded-xl p-6"><h3 class="text-xl font-bold mb-4">一站式服务</h3><div class=space-y-6><div class="flex items-start"><div class="flex-shrink-0 w-10 h-10 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mr-4"><i class="fas fa-drafting-compass text-blue-600 dark:text-blue-300"></i></div><div><h4 class="font-medium text-lg">设计咨询</h4><p class="text-gray-600 dark:text-gray-300">根据客户需求提供专业的设计方案，确保场地功能性和美观性。</div></div><div class="flex items-start"><div class="flex-shrink-0 w-10 h-10 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mr-4"><i class="fas fa-boxes text-blue-600 dark:text-blue-300"></i></div><div><h4 class="font-medium text-lg">材料供应</h4><p class="text-gray-600 dark:text-gray-300">提供多种类型的塑胶跑道和人造草坪材料，满足不同场地需求。</div></div><div class="flex items-start"><div class="flex-shrink-0 w-10 h-10 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mr-4"><i class="fas fa-hard-hat text-blue-600 dark:text-blue-300"></i></div><div><h4 class="font-medium text-lg">施工安装</h4><p class="text-gray-600 dark:text-gray-300">拥有经验丰富的施工队伍，严格按照国家标准进行施工，确保工程质量。</div></div><div class="flex items-start"><div class="flex-shrink-0 w-10 h-10 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mr-4"><i class="fas fa-headset text-blue-600 dark:text-blue-300"></i></div><div><h4 class="font-medium text-lg">售后服务</h4><p class="text-gray-600 dark:text-gray-300">提供长期的维护保养方案，确保场地安全可靠。</div></div></div></div><div class="card rounded-xl p-6"><h3 class="text-xl font-bold mb-4">施工流程</h3><div class=space-y-4><div class="flex items-center"><div class="w-10 h-10 rounded-full bg-blue-500 flex items-center justify-center mr-4"><span class="text-white font-bold">1</span></div><div><h4 class=font-medium>挖土方</h4><p class="text-sm text-gray-600 dark:text-gray-300">清理场地，准备基础施工</div></div><div class="flex items-center"><div class="w-10 h-10 rounded-full bg-blue-500 flex items-center justify-center mr-4"><span class="text-white font-bold">2</span></div><div><h4 class=font-medium>平整夯实</h4><p class="text-sm text-gray-600 dark:text-gray-300">确保地面平整，增强稳定性</div></div><div class="flex items-center"><div class="w-10 h-10 rounded-full bg-blue-500 flex items-center justify-center mr-4"><span class="text-white font-bold">3</span></div><div><h4 class=font-medium>铺设碎石垫层</h4><p class="text-sm text-gray-600 dark:text-gray-300">增加排水性能，提高承载能力</div></div><div class="flex items-center"><div class="w-10 h-10 rounded-full bg-blue-500 flex items-center justify-center mr-4"><span class="text-white font-bold">4</span></div><div><h4 class=font-medium>沥青砼层</h4><p class="text-sm text-gray-600 dark:text-gray-300">提供稳定支撑，减少变形</div></div><div class="flex items-center"><div class="w-10 h-10 rounded-full bg-blue-500 flex items-center justify-center mr-4"><span class="text-white font-bold">5</span></div><div><h4 class=font-medium>塑胶面层</h4><p class="text-sm text-gray-600 dark:text-gray-300">安装较终表面材料，完成施工</div></div></div></div></div></section><section class="mb-20 fade-in"style=animation-delay:.6s><h2 class="section-title text-3xl font-bold">应用场景</h2><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"><div class="card rounded-xl p-6 text-center"><i class="fas fa-school text-4xl mb-4"style=color:var(--primary-color)></i><h3 class="text-lg font-bold mb-2">学校</h3><p class="text-gray-600 dark:text-gray-300">为学生提供安全、舒适的运动场地</div><div class="card rounded-xl p-6 text-center"><i class="fas fa-futbol text-4xl mb-4"style=color:var(--primary-color)></i><h3 class="text-lg font-bold mb-2">体育场</h3><p class="text-gray-600 dark:text-gray-300">专业赛事场地建设与维护</div><div class="card rounded-xl p-6 text-center"><i class="fas fa-tree text-4xl mb-4"style=color:var(--primary-color)></i><h3 class="text-lg font-bold mb-2">公园</h3><p class="text-gray-600 dark:text-gray-300">公共休闲空间的运动设施</div><div class="card rounded-xl p-6 text-center"><i class="fas fa-building text-4xl mb-4"style=color:var(--primary-color)></i><h3 class="text-lg font-bold mb-2">社区</h3><p class="text-gray-600 dark:text-gray-300">社区健身设施的建设与改造</div></div></section><section class="mb-16 fade-in"style=animation-delay:.8s><h2 class="section-title text-3xl font-bold">产品优势</h2><div class="card rounded-xl p-8"><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"><div><h3 class="text-xl font-bold mb-4">环保性能</h3><p class="text-gray-600 dark:text-gray-300">所有产品均符合国家环保标准，无毒无害，确保使用者健康。</div><div><h3 class="text-xl font-bold mb-4">耐久性</h3><p class="text-gray-600 dark:text-gray-300">经过特殊处理的材料，使用寿命长，不易老化或磨损。</div><div><h3 class="text-xl font-bold mb-4">安全性</h3><p class="text-gray-600 dark:text-gray-300">防滑设计，减少运动时的意外风险，保护用户安全。</div><div><h3 class="text-xl font-bold mb-4">维护成本</h3><p class="text-gray-600 dark:text-gray-300">相比传统场地，维护成本更低，无需频繁维护。</div></div></div></section><section class="mb-16 fade-in"style=animation-delay:1s><div class="card rounded-xl p-8"><h2 class="text-3xl font-bold mb-6">产品特点对比</h2><div class=overflow-x-auto><table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700"><thead><tr><th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">产品类型<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">弹性性能<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">耐磨性<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">适用场景<tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700"><tr><td class="px-6 py-4 whitespace-nowrap">塑胶跑道<td class="px-6 py-4 whitespace-nowrap"><span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200"> 高 </span><td class="px-6 py-4 whitespace-nowrap"><span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200"> 高 </span><td class="px-6 py-4 whitespace-nowrap">学校、体育场馆<tr><td class="px-6 py-4 whitespace-nowrap">塑胶球场<td class="px-6 py-4 whitespace-nowrap"><span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200"> 中 </span><td class="px-6 py-4 whitespace-nowrap"><span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200"> 高 </span><td class="px-6 py-4 whitespace-nowrap">篮球场、网球场<tr><td class="px-6 py-4 whitespace-nowrap">人造草坪<td class="px-6 py-4 whitespace-nowrap"><span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200"> 中 </span><td class="px-6 py-4 whitespace-nowrap"><span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200"> 高 </span><td class="px-6 py-4 whitespace-nowrap">足球场、高尔夫球场</table></div></div></section><section class="mb-16 fade-in"style=animation-delay:1.2s><div class="card rounded-xl p-8"><h2 class="text-3xl font-bold mb-6">产品价格参考</h2><div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div><h3 class="text-xl font-bold mb-4">塑胶跑道</h3><div class="h-48 w-full"><canvas id=trackChart></canvas></div></div><div><h3 class="text-xl font-bold mb-4">塑胶球场</h3><div class="h-48 w-full"><canvas id=fieldChart></canvas></div></div><div><h3 class="text-xl font-bold mb-4">人造草坪</h3><div class="h-48 w-full"><canvas id=grassChart></canvas></div></div></div></div></section><section class="mb-16 fade-in"id=contact style=animation-delay:1.4s><h2 class="section-title text-3xl font-bold">联系我们</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-8"><div class="card rounded-xl p-6"><h3 class="text-xl font-bold mb-4">联系方式</h3><div class="space-y-4 text-gray-600 dark:text-gray-300"><div class="flex items-center"><i class="fas fa-phone-alt text-blue-500 mr-3"></i><span>185-7145-9135</span></div><div class="flex items-center"><i class="fas fa-envelope text-blue-500 mr-3"></i><span>cnyouzheng@qq.com</span></div><div class="flex items-center"><i class="fas fa-map-marker-alt text-blue-500 mr-3"></i><span>太原市体育路88号</span></div></div></div><div class="contact-card rounded-xl p-6"><h3 class="text-xl font-bold mb-4">留言咨询</h3><form class="space-y-4"><div class="flex flex-col"><label class="text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">姓名</label><input class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500"placeholder=请输入您的姓名 type=text></div><div class="flex flex-col"><label class="text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">电话</label><input class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500"placeholder=请输入您的电话号码 type=tel></div><div class="flex flex-col"><label class="text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">留言</label><textarea class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500"placeholder=请输入您的留言 rows=3></textarea></div><button class="btn bg-blue-500 hover:bg-blue-600 text-white font-medium py-2 px-6 rounded-lg"type=submit>提交咨询</button></form></div></div></section></main><footer class=py-8 style=background-color:var(--bg-color)><div class="container mx-auto px-4"><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-300">致力于为客户提供高品质的产品和专业的服务</div><div class="flex space-x-4"><a class="text-gray-500 hover:text-blue-500 dark:text-gray-400 dark:hover:text-blue-400"href=#> <i class="fab fa-weixin text-xl"></i> </a><a class="text-gray-500 hover:text-blue-500 dark:text-gray-400 dark:hover:text-blue-400"href=#> <i class="fab fa-weibo text-xl"></i> </a><a class="text-gray-500 hover:text-blue-500 dark:text-gray-400 dark:hover:text-blue-400"href=#> <i class="fas fa-envelope text-xl"></i> </a></div></div><div class="mt-6 pt-6 border-t border-gray-200 dark:border-gray-700 text-center text-gray-500 dark:text-gray-400"><p>© 2025 太原塑胶跑道厂家</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 observer=new IntersectionObserver(a=>{a.forEach(a=>{if(a.isIntersecting){a.target.style.opacity=1;a.target.style.transform=`translateY(0)`}})},{threshold:0.1});document.querySelectorAll(`.fade-in`).forEach(a=>{observer.observe(a)});const ctx=document.getElementById(`trackChart`).getContext(`2d`);const trackChart=new Chart(ctx,{type:`bar`,data:{labels:[`透气型`,`混合型`,`全塑型`,`预制型`,`环保型`],datasets:[{label:`价格 (元/平方米)`,data:[150,200,250,300,350],backgroundColor:[`rgba(54, 162, 235, 0.5)`,`rgba(54, 162, 235, 0.7)`,`rgba(54, 162, 235, 0.9)`,`rgba(54, 162, 235, 1)`,`rgba(54, 162, 235, 1)`],borderColor:[`rgba(54, 162, 235, 1)`,`rgba(54, 162, 235, 1)`,`rgba(54, 162, 235, 1)`,`rgba(54, 162, 235, 1)`,`rgba(54, 162, 235, 1)`],borderWidth:1}]},options:{responsive:!0,plugins:{legend:{display:!1},tooltip:{callbacks:{label:(a=>`¥ ${a.raw} 元/平方米`)}}},scales:{y:{beginAtZero:!0,title:{display:!0,text:`价格 (元/平方米)`}}}}});const ctx2=document.getElementById(`fieldChart`).getContext(`2d`);const fieldChart=new Chart(ctx2,{type:`bar`,data:{labels:[`硅PU球场`,`丙烯酸球场`,`弹性丙烯酸球场`],datasets:[{label:`价格 (元/平方米)`,data:[200,180,250],backgroundColor:[`rgba(75, 192, 192, 0.5)`,`rgba(75, 192, 192, 0.7)`,`rgba(75, 192, 192, 0.9)`],borderColor:[`rgba(75, 192, 192, 1)`,`rgba(75, 192, 192, 1)`,`rgba(75, 192, 192, 1)`],borderWidth:1}]},options:{responsive:!0,plugins:{legend:{display:!1},tooltip:{callbacks:{label:(a=>`¥ ${a.raw} 元/平方米`)}}},scales:{y:{beginAtZero:!0,title:{display:!0,text:`价格 (元/平方米)`}}}}});const ctx3=document.getElementById(`grassChart`).getContext(`2d`);const grassChart=new Chart(ctx3,{type:`bar`,data:{labels:[`普通型`,`加强型`,`专业型`],datasets:[{label:`价格 (元/平方米)`,data:[180,220,280],backgroundColor:[`rgba(153, 102, 255, 0.5)`,`rgba(153, 102, 255, 0.7)`,`rgba(153, 102, 255, 0.9)`],borderColor:[`rgba(153, 102, 255, 1)`,`rgba(153, 102, 255, 1)`,`rgba(153, 102, 255, 1)`],borderWidth:1}]},options:{responsive:!0,plugins:{legend:{display:!1},tooltip:{callbacks:{label:(a=>`¥ ${a.raw} 元/平方米`)}}},scales:{y:{beginAtZero:!0,title:{display:!0,text:`价格 (元/平方米)`}}}}})</script>
</body></html>