文本查看器


<!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 src=https://jsdelivr.topthink.com/npm/chart.js></script><link href=https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css rel=stylesheet><style>@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--primary:#5e6ad2;--primary-light:#8a94e0;--secondary:#f5f5f5;--text:#1d1d1f;--text-light:#6e6e73;--background:#fff;--card-bg:#f9fafb;--border:#e5e5e7;--success:#0070f3;--warning:#ff9500;--danger:#e53e3e}.dark{--primary:#818cf8;--primary-light:#a5b4fc;--secondary:#1e293b;--text:#f5f5f5;--text-light:#94a3b8;--background:#0f172a;--card-bg:#1e293b;--border:#334155}body{background-color:var(--background);color:var(--text);font-family:Noto Sans SC,sans-serif;transition:all .3s}.card{background-color:var(--card-bg);border:1px solid var(--border);transition:all .3s}.card:hover{transform:translateY(-4px);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(20px)}to{opacity:1;transform:translateY(0)}}.chart-container{width:较高;height:300px;position:relative}.price-table{border-collapse:separate;border-spacing:0}.price-table th,.price-table td{border:1px solid var(--border);padding:.75rem 1rem}.price-table th{background-color:var(--primary);color:#fff}.price-table tr:nth-child(2n){background-color:var(--card-bg)}.feature-icon{color:var(--primary);margin-right:.5rem;display:inline-block}.contact-card{transition:all .3s}.contact-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.lazy-load{opacity:0;transition:opacity .5s}.lazy-load.loaded{opacity:1}</style></head><body class=min-h-screen><header class="sticky top-0 z-50 bg-opacity-90 backdrop-blur-sm"style=background-color:var(--background)><div class="container mx-auto px-4 py-4 flex justify-between items-center border-b"style=border-color:var(--border)><div class="flex items-center space-x-2"><i class="fas fa-running text-2xl"style=color:var(--primary)></i><h1 class="text-xl font-bold">预制型塑胶跑道</h1></div><div class="flex items-center space-x-4"><button class="p-2 rounded-full hover:bg-gray-200 dark:hover:bg-gray-700"id=theme-toggle><i class="fas fa-moon dark:hidden"></i> <i class="fas fa-sun hidden dark:block"></i></button></div></div></header><main class="container mx-auto px-4 py-8"><section class="mb-12 fade-in"><div class="max-w-3xl mx-auto text-center mb-8"><h2 class="text-3xl font-bold mb-4">湖北优正体育 - 专业塑胶跑道解决方案</h2><p class="text-lg text-gray-600 dark:text-gray-300">致力于为客户提供高品质、符合新国标的预制型塑胶跑道</div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8"><div class="card rounded-xl p-6 flex flex-col items-center text-center"><div class="w-16 h-16 rounded-full flex items-center justify-center mb-4"style=background-color:var(--primary-light)><i class="fas fa-ruler text-2xl"style=color:var(--background)></i></div><h3 class="text-xl font-semibold mb-2">标准规格</h3><p class=text-gray-600 dark:text-gray-300>厚度：13mm | 宽度：1.2m</div><div class="card rounded-xl p-6 flex flex-col items-center text-center"><div class="w-16 h-16 rounded-full flex items-center justify-center mb-4"style=background-color:var(--primary-light)><i class="fas fa-shield-alt text-2xl"style=color:var(--background)></i></div><h3 class="text-xl font-semibold mb-2">安全标准</h3><p class=text-gray-600 dark:text-gray-300>符合GB36246-2018国家标准</div><div class="card rounded-xl p-6 flex flex-col items-center text-center"><div class="w-16 h-16 rounded-full flex items-center justify-center mb-4"style=background-color:var(--primary-light)><i class="fas fa-recycle text-2xl"style=color:var(--background)></i></div><h3 class="text-xl font-semibold mb-2">环保材料</h3><p class=text-gray-600 dark:text-gray-300>环保耐磨橡胶面层和PU/TPE材料</div><div class="card rounded-xl p-6 flex flex-col items-center text-center"><div class="w-16 h-16 rounded-full flex items-center justify-center mb-4"style=background-color:var(--primary-light)><i class="fas fa-clock text-2xl"style=color:var(--background)></i></div><h3 class="text-xl font-semibold mb-2">质保期</h3><p class=text-gray-600 dark:text-gray-300>长达8年质保期</div></div></section><section class="mb-16 fade-in"style=animation-delay:.2s><div class="max-w-4xl mx-auto"><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-info-circle mr-2"style=color:var(--primary)></i> 预制型塑胶跑道的特点</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8"><div class="card rounded-xl p-6 hover:shadow-lg transition-all duration-300"><div class="flex items-start"><div class="flex-shrink-0 w-10 h-10 rounded-full flex items-center justify-center"style=background-color:var(--primary)><i class="fas fa-bounce text-white"></i></div><div class=ml-4><h3 class="text-lg font-semibold mb-2">弹性和缓冲性能</h3><p class="text-gray-600 dark:text-gray-300">表面经过特殊设计，提供良好的弹性和缓冲效果，有效减少冲击力，降低运动损伤风险。</div></div></div><div class="card rounded-xl p-6 hover:shadow-lg transition-all duration-300"><div class="flex items-start"><div class="flex-shrink-0 w-10 h-10 rounded-full flex items-center justify-center"style=background-color:var(--primary)><i class="fas fa-shield-alt text-white"></i></div><div class=ml-4><h3 class="text-lg font-semibold mb-2">耐用性和稳定性</h3><p class="text-gray-600 dark:text-gray-300">材料经过严格测试，耐老化、抗紫外线、抗磨损性能优异，确保长期使用下的稳定性和安全性。</div></div></div><div class="card rounded-xl p-6 hover:shadow-lg transition-all duration-300"><div class="flex items-start"><div class="flex-shrink-0 w-10 h-10 rounded-full flex items-center justify-center"style=background-color:var(--primary)><i class="fas fa-leaf text-white"></i></div><div class=ml-4><h3 class="text-lg font-semibold mb-2">环保性能</h3><p class="text-gray-600 dark:text-gray-300">符合国家GB36246-2018标准，通过技术机构检测，不含有害物质，适用于学校、公园及专业运动场馆。</div></div></div><div class="card rounded-xl p-6 hover:shadow-lg transition-all duration-300"><div class="flex items-start"><div class="flex-shrink-0 w-10 h-10 rounded-full flex items-center justify-center"style=background-color:var(--primary)><i class="fas fa-tachometer-alt text-white"></i></div><div class=ml-4><h3 class="text-lg font-semibold mb-2">施工便捷</h3><p class="text-gray-600 dark:text-gray-300">预制型跑道安装快速，施工周期短，适合各种场地条件，尤其适合预算有限或工期紧张的项目。</div></div></div></div></div></section><section class="mb-16 fade-in"style=animation-delay:.4s><div class="max-w-5xl mx-auto"><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-chart-line mr-2"style=color:var(--primary)></i> 预制型塑胶跑道的价格区间</h2><div class="card rounded-xl p-6 mb-8"><div class="chart-container mb-4"><canvas id=priceChart></canvas></div></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8"><div class="card rounded-xl p-6 hover:shadow-lg transition-all duration-300"><h3 class="text-lg font-semibold mb-3">半预制型跑道</h3><div class="flex items-center mb-2"><span class="text-2xl font-bold mr-2"style=color:var(--primary)>¥140-180</span><span class=text-sm style=color:var(--text-light)>/平方米</span></div><p class="text-gray-600 dark:text-gray-300">适用于预算有限的学校或社区运动场所</div><div class="card rounded-xl p-6 hover:shadow-lg transition-all duration-300"><h3 class="text-lg font-semibold mb-3">全预制型跑道</h3><div class="flex items-center mb-2"><span class="text-2xl font-bold mr-2"style=color:var(--primary)>¥160-220</span><span class=text-sm style=color:var(--text-light)>/平方米</span></div><p class="text-gray-600 dark:text-gray-300">适合专业运动场馆或高标准比赛场地</div><div class="card rounded-xl p-6 hover:shadow-lg transition-all duration-300"><h3 class="text-lg font-semibold mb-3">特殊用途跑道</h3><div class="flex items-center mb-2"><span class="text-2xl font-bold mr-2"style=color:var(--primary)>¥120-218</span><span class=text-sm style=color:var(--text-light)>/平方米</span></div><p class="text-gray-600 dark:text-gray-300">适用于大型体育赛事或多功能运动场地</div><div class="card rounded-xl p-6 hover:shadow-lg transition-all duration-300"><h3 class="text-lg font-semibold mb-3">包工包料价格</h3><div class="flex items-center mb-2"><span class="text-2xl font-bold mr-2"style=color:var(--primary)>¥220-260</span><span class=text-sm style=color:var(--text-light)>/平方米</span></div><p class="text-gray-600 dark:text-gray-300">全预制型跑道包工包料价格</div></div><div class="card rounded-xl p-6 mb-8"><h3 class="text-lg font-semibold mb-4">进口与国产对比</h3><div class=overflow-x-auto><table class="price-table w-full"><thead><tr><th>类型<th>价格区间<th>特点<th>适用场景<tbody><tr><td class=font-medium>进口预制型跑道<td>¥400以上/平方米<td>性能优越，质量稳定<td>高品质需求、专业赛事<tr><td class=font-medium>国产预制型跑道<td>¥150-280/平方米<td>性价比高，质量可靠<td>学校、社区、普通运动场地</table></div></div></div></section><section class="mb-16 fade-in"style=animation-delay:.6s><div class="max-w-4xl mx-auto"><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-question-circle mr-2"style=color:var(--primary)></i> 影响价格的因素</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><div class="card rounded-xl p-6 hover:shadow-lg transition-all duration-300"><div class="flex items-center mb-3"><div class="w-10 h-10 rounded-full flex items-center justify-center"style=background-color:var(--primary)><i class="fas fa-dollar-sign text-white"></i></div><h3 class="text-lg font-semibold ml-3">材料成本</h3></div><p class="text-gray-600 dark:text-gray-300">优质材料如进口PU或TPE的价格较高，而普通国产材料成本较低。</div><div class="card rounded-xl p-6 hover:shadow-lg transition-all duration-300"><div class="flex items-center mb-3"><div class="w-10 h-10 rounded-full flex items-center justify-center"style=background-color:var(--primary)><i class="fas fa-industry text-white"></i></div><h3 class="text-lg font-semibold ml-3">生产工艺</h3></div><p class="text-gray-600 dark:text-gray-300">先进的生产工艺可提高产品质量，降低生产成本，从而影响较终售价。</div><div class="card rounded-xl p-6 hover:shadow-lg transition-all duration-300"><div class="flex items-center mb-3"><div class="w-10 h-10 rounded-full flex items-center justify-center"style=background-color:var(--primary)><i class="fas fa-certificate text-white"></i></div><h3 class="text-lg font-semibold ml-3">品牌与质量</h3></div><p class="text-gray-600 dark:text-gray-300">知名品牌通常价格较高，但其耐用性和售后服务更有保障。</div><div class="card rounded-xl p-6 hover:shadow-lg transition-all duration-300"><div class="flex items-center mb-3"><div class="w-10 h-10 rounded-full flex items-center justify-center"style=background-color:var(--primary)><i class="fas fa-map-marker-alt text-white"></i></div><h3 class="text-lg font-semibold ml-3">地区差异</h3></div><p class="text-gray-600 dark:text-gray-300">不同地区的施工费用和消费水平也会影响总价。</div></div></div></section><section class="mb-16 fade-in"style=animation-delay:.8s><div class="max-w-4xl mx-auto"><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-lightbulb mr-2"style=color:var(--primary)></i> 选购建议</h2><div class="grid grid-cols-1 gap-6"><div class="card rounded-xl p-6 hover:shadow-lg transition-all duration-300"><div class="flex items-start"><div class="flex-shrink-0 w-10 h-10 rounded-full flex items-center justify-center mr-4"style=background-color:var(--primary)><span class="text-white font-bold">1</span></div><div><h3 class="text-lg font-semibold mb-2">明确需求</h3><p class="text-gray-600 dark:text-gray-300">根据使用场景选择合适的跑道类型。例如，学校预算有限可选择半预制型跑道；专业运动场馆则建议选择全预制型跑道。</div></div></div><div class="card rounded-xl p-6 hover:shadow-lg transition-all duration-300"><div class="flex items-start"><div class="flex-shrink-0 w-10 h-10 rounded-full flex items-center justify-center mr-4"style=background-color:var(--primary)><span class="text-white font-bold">2</span></div><div><h3 class="text-lg font-semibold mb-2">注重质量</h3><p class="text-gray-600 dark:text-gray-300">优先选择符合国家新标GB36246-2018的产品，并关注材料是否通过环保检测。</div></div></div><div class="card rounded-xl p-6 hover:shadow-lg transition-all duration-300"><div class="flex items-start"><div class="flex-shrink-0 w-10 h-10 rounded-full flex items-center justify-center mr-4"style=background-color:var(--primary)><span class="text-white font-bold">3</span></div><div><h3 class="text-lg font-semibold mb-2">综合性价比</h3><p class="text-gray-600 dark:text-gray-300">不仅要考虑初期造价，还需考虑后期维护成本和使用寿命。优质跑道虽然初期投入较高，但长期来看更经济。</div></div></div><div class="card rounded-xl p-6 hover:shadow-lg transition-all duration-300"><div class="flex items-start"><div class="flex-shrink-0 w-10 h-10 rounded-full flex items-center justify-center mr-4"style=background-color:var(--primary)><span class="text-white font-bold">4</span></div><div><h3 class="text-lg font-semibold mb-2">专业服务</h3><p class="text-gray-600 dark:text-gray-300">选择有完善服务体系的供应商，如湖北优正体育，提供从设计到施工的一站式服务，并享有长达8年的质保期。</div></div></div></div></section><section class="mb-16 fade-in"style=animation-delay:1s><div class="max-w-4xl mx-auto"><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-phone-alt mr-2"style=color:var(--primary)></i> 联系我们</h2><div class="card rounded-xl p-8 contact-card"><div class="flex flex-col md:flex-row md:items-center"><div class="md:w-1/3 mb-6 md:mb-0 md:pr-8 flex justify-center"><div class="w-32 h-32 rounded-full flex items-center justify-center"style=background-color:var(--primary-light)><i class="fas fa-building text-4xl"style=color:var(--background)></i></div></div><div class=md:w-2/3><h3 class="text-xl font-bold mb-4">湖北优正体育</h3><p class="text-gray-600 dark:text-gray-300 mb-4">作为塑胶跑道行业的靠前企业，我们始终以客户需求为核心，提供高品质的产品和专业的服务。<div class="flex flex-wrap gap-4 mb-4"><div class="flex items-center"><i class="fas fa-phone-alt mr-2"style=color:var(--primary)></i><span class=font-medium>189-7128-8099</span></div><div class="flex items-center"><i class="fas fa-map-marker-alt mr-2"style=color:var(--primary)></i><span class=font-medium>湖北省武汉市</span></div></div><div class="flex items-center"><button class="btn bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg transition"><i class="fas fa-envelope mr-2"></i>发送咨询</button></div></div></div></div></div></section></main><footer class=py-8 style=background-color:var(--card-bg)><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"><p class="text-gray-600 dark:text-gray-300">作者： 优正体育小唐18571459135</div><div class="flex items-center space-x-4"><a class="text-gray-600 hover:text-primary dark:text-gray-300 dark:hover:text-primary"href=#> <i class="fab fa-weixin text-xl"></i> </a><a class="text-gray-600 hover:text-primary dark:text-gray-300 dark:hover:text-primary"href=#> <i class="fab fa-weibo text-xl"></i> </a><a class="text-gray-600 hover:text-primary dark:text-gray-300 dark:hover:text-primary"href=#> <i class="fas fa-envelope text-xl"></i> </a></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 ctx=document.getElementById(`priceChart`).getContext(`2d`);const isDarkMode=html.classList.contains(`dark`);const textColor=isDarkMode?`#F5F5F5`:`#1D1D1F`;const gridColor=isDarkMode?`rgba(255, 255, 255, 0.1)`:`rgba(0, 0, 0, 0.1)`;const chart=new Chart(ctx,{type:`bar`,data:{labels:[`半预制型`,`全预制型`,`特殊用途`,`包工包料`,`进口`,`国产`],datasets:[{label:`价格区间 (元/平方米)`,data:[140,160,120,220,400,200],backgroundColor:[`rgba(94, 106, 210, 0.6)`,`rgba(94, 106, 210, 0.7)`,`rgba(94, 106, 210, 0.8)`,`rgba(94, 106, 210, 0.9)`,`rgba(94, 106, 210, 1)`,`rgba(94, 106, 210, 0.5)`],borderColor:[`rgba(94, 106, 210, 1)`,`rgba(94, 106, 210, 1)`,`rgba(94, 106, 210, 1)`,`rgba(94, 106, 210, 1)`,`rgba(94, 106, 210, 1)`,`rgba(94, 106, 210, 1)`],borderWidth:1}]},options:{responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},tooltip:{callbacks:{label:(a=>{const b=a.dataset.label||``;const c=a.raw;const d=c>=400?`¥${c}+`:`¥${c}~${c+ 100}`;return `${b}: ${d}`})}}},scales:{y:{beginAtZero:!0,grid:{color:gridColor},ticks:{color:textColor}},x:{grid:{color:gridColor},ticks:{color:textColor}}}}});themeToggle.addEventListener(`click`,()=>{let a=`#F5F5F5`;const b=html.classList.contains(`dark`);const c=b?`#1D1D1F`:a;const d=b?`rgba(255, 255, 255, 0.1)`:`rgba(0, 0, 0, 0.1)`;chart.options.scales.y.ticks.color=c;chart.options.scales.x.ticks.color=c;chart.options.scales.y.grid.color=d;chart.options.scales.x.grid.color=d;chart.update()});const observer=new IntersectionObserver(a=>{a.forEach(a=>{if(a.isIntersecting){a.target.classList.add(`loaded`);observer.unobserve(a.target)}})},{threshold:0.1});document.querySelectorAll(`.fade-in`).forEach(a=>{observer.observe(a)})</script>
</body></html>