文本查看器


<!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><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;--primary-dark:#0052cc;--secondary:#6b7280;--accent:#f59e0b;--background-light:#fff;--text-light:#1f2937;--card-light:#f9fafb;--border-light:#e5e7eb;--background-dark:#111827;--text-dark:#f3f4f6;--card-dark:#1f2937;--border-dark:#374151}body{font-family:Noto Sans SC,sans-serif;transition:background-color .3s,color .3s}.light{background-color:var(--background-light);color:var(--text-light)}.dark{background-color:var(--background-dark);color:var(--text-dark)}.card{transition:transform .3s,box-shadow .3s,border-color .3s}.card:hover{transform:translateY(-5px)}.light .card{background-color:var(--card-light);border-color:var(--border-light)}.light .card:hover{border-color:var(--primary);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dark .card{background-color:var(--card-dark);border-color:var(--border-dark)}.dark .card:hover{border-color:var(--primary);box-shadow:0 10px 25px -5px #00000080,0 10px 10px -5px #0003}.btn{transition:transform .2s,background-color .2s}.btn:hover{transform:scale(1.05)}.fade-in{animation:.8s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-title{display:inline-block;position:relative}.section-title:after{content:"";background-color:var(--primary);border-radius:2px;width:60px;height:4px;position:absolute;bottom:-8px;left:0}.price-tag{background-color:var(--primary);color:#fff;border-radius:4px;padding:4px 12px;font-weight:500;display:inline-block}.feature-icon{background-color:#0066ff1a;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:10px;display:flex}.light .feature-icon{background-color:#0066ff1a}.dark .feature-icon{background-color:#0066ff33}</style></head><body class=light><div class="min-h-screen flex flex-col"><nav class="sticky top-0 z-50 backdrop-blur-md bg-white/90 dark:bg-gray-900/90 border-b border-gray-200 dark:border-gray-700 shadow-sm"><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 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-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 overflow-hidden 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-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-10 fade-in"><a class="btn inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-blue-700 bg-white hover:bg-gray-100 shadow-md"href=#features> <i class="fas fa-info-circle mr-2"></i>了解更多 </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></header><main class="flex-grow max-w-7xl w-full mx-auto px-4 sm:px-6 lg:px-8 py-12"><section class="mb-20 fade-in"id=features><h2 class="text-3xl font-bold mb-12 section-title">规格与特点</h2><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"><div class="card rounded-xl p-6 border-2"><div class=feature-icon><i class="fas fa-ruler text-blue-600 dark:text-blue-400"></i></div><h3 class="text-xl font-semibold mb-3">标准规格</h3><p>常见厚度为13mm，宽度为1.2米，长度可根据需求定制，如100米、200米、400米等，以适应不同赛事和训练需求。</div><div class="card rounded-xl p-6 border-2"><div class=feature-icon><i class="fas fa-shield-alt text-blue-600 dark:text-blue-400"></i></div><h3 class="text-xl font-semibold mb-3">材质特性</h3><p>采用环保橡胶材质，具有高弹性、耐磨性、抗冲击性以及良好的防滑性能，适用于大型体育比赛和教学训练场所。</div><div class="card rounded-xl p-6 border-2"><div class=feature-icon><i class="fas fa-palette text-blue-600 dark:text-blue-400"></i></div><h3 class="text-xl font-semibold mb-3">色彩选择</h3><p>颜色多样，包括红色、蓝色、绿色等，能够提升场地的美观性和运动氛围。</div></div></section><section class="mb-20 fade-in"id=price><h2 class="text-3xl font-bold mb-12 section-title">价格区间</h2><div class="grid grid-cols-1 lg:grid-cols-2 gap-12"><div class="card rounded-xl p-6 border-2"><h3 class="text-xl font-semibold mb-4">市场价格范围</h3><div class=space-y-4><div><span class=font-medium>基础价格：</span><span class=price-tag>180-260元/平方米</span></div><div><span class=font-medium>包工包料服务：</span><span class=price-tag>220-518元/平方米</span></div><div><span class=font-medium>低端品牌：</span><span class=price-tag>140-180元/平方米</span></div><div><span class=font-medium>高品质品牌：</span><span class=price-tag>400元以上/平方米</span></div></div></div><div class="card rounded-xl p-6 border-2"><h3 class="text-xl font-semibold mb-4">影响因素</h3><ul class=space-y-3><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span><strong>材料成本：</strong>聚氨酯树脂、催化剂、颜料等原材料价格波动</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span><strong>施工工艺：</strong>技术要求高，对基础平整度要求严格</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span><strong>品牌与质量：</strong>知名品牌通常价格较高，但产品质量更有保障</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span><strong>地区差异：</strong>不同地区的运输费用和施工成本导致价格波动</span></ul></div></div><div class="mt-12 card rounded-xl p-6 border-2"><h3 class="text-xl font-semibold mb-6">价格对比图表</h3><div class=h-80><canvas id=priceChart></canvas></div></div></section><section class="mb-20 fade-in"id=applications><h2 class="text-3xl font-bold mb-12 section-title">适用场景</h2><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"><div class="card rounded-xl p-6 border-2 text-center"><div class="w-16 h-16 mx-auto mb-4 bg-blue-100 dark:bg-blue-900 rounded-full flex items-center justify-center"><i class="fas fa-running text-2xl text-blue-600 dark:text-blue-400"></i></div><h3 class="text-xl font-semibold mb-2">田径场</h3><p>专业标准跑道，满足各类田径赛事需求</div><div class="card rounded-xl p-6 border-2 text-center"><div class="w-16 h-16 mx-auto mb-4 bg-blue-100 dark:bg-blue-900 rounded-full flex items-center justify-center"><i class="fas fa-futbol text-2xl text-blue-600 dark:text-blue-400"></i></div><h3 class="text-xl font-semibold mb-2">足球场</h3><p>提供舒适的运动体验，减少运动员受伤风险</div><div class="card rounded-xl p-6 border-2 text-center"><div class="w-16 h-16 mx-auto mb-4 bg-blue-100 dark:bg-blue-900 rounded-full flex items-center justify-center"><i class="fas fa-basketball-ball text-2xl text-blue-600 dark:text-blue-400"></i></div><h3 class="text-xl font-semibold mb-2">篮球场</h3><p>专业篮球场地，提供良好的弹性和防滑性能</div><div class="card rounded-xl p-6 border-2 text-center"><div class="w-16 h-16 mx-auto mb-4 bg-blue-100 dark:bg-blue-900 rounded-full flex items-center justify-center"><i class="fas fa-tree text-2xl text-blue-600 dark:text-blue-400"></i></div><h3 class="text-xl font-semibold mb-2">社区公园</h3><p>公共运动区域，提升社区生活品质</div></div></section><section class="mb-20 fade-in"id=maintenance><h2 class="text-3xl font-bold mb-12 section-title">维护与保养</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-8"><div class="card rounded-xl p-6 border-2"><h3 class="text-xl font-semibold mb-4">日常维护</h3><ul class=space-y-3><li class="flex items-start"><i class="fas fa-broom text-orange-500 mt-1 mr-2"></i> <span>定期清洗，保持场地清洁</span><li class="flex items-start"><i class="fas fa-ban text-orange-500 mt-1 mr-2"></i> <span>避免重物挤压，防止变形</span><li class="flex items-start"><i class="fas fa-tint-slash text-orange-500 mt-1 mr-2"></i> <span>防止化学腐蚀，延长使用寿命</span></ul></div><div class="card rounded-xl p-6 border-2"><h3 class="text-xl font-semibold mb-4">专业保养</h3><ul class=space-y-3><li class="flex items-start"><i class="fas fa-tools text-orange-500 mt-1 mr-2"></i> <span>施工完成后需进行适当的养护</span><li class="flex items-start"><i class="fas fa-shield-alt text-orange-500 mt-1 mr-2"></i> <span>确保长期稳定性和安全性</span><li class="flex items-start"><i class="fas fa-calendar-check text-orange-500 mt-1 mr-2"></i> <span>定期检查，及时处理问题</span></ul></div></div></section><section class="mb-20 fade-in"id=contact><h2 class="text-3xl font-bold mb-12 section-title">联系我们</h2><div class="card rounded-xl p-8 border-2"><div class="flex flex-col md:flex-row items-center"><div class="md:w-1/3 mb-6 md:mb-0 md:pr-8"><div class="w-32 h-32 bg-blue-100 dark:bg-blue-900 rounded-full flex items-center justify-center"><i class="fas fa-building text-4xl text-blue-600 dark:text-blue-400"></i></div><h3 class="text-2xl font-bold mt-4">湖北优正体育</h3><p class="text-gray-600 dark:text-gray-300">专业预制型塑胶跑道厂家</div><div class="md:w-2/3 md:pl-8"><div class="grid grid-cols-1 md:grid-cols-2 gap-4"><div><label class="block text-sm font-medium mb-1">联系电话</label><input class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"placeholder=185-7145-9135 type=text></div><div><label class="block text-sm font-medium mb-1">您的姓名</label><input class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"placeholder=您的姓名 type=text></div><div><label class="block text-sm font-medium mb-1">邮箱地址</label><input class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"placeholder=cnyouzheng@qq.com type=email></div><div><label class="block text-sm font-medium mb-1">咨询内容</label><textarea class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"placeholder=请描述您的需求 rows=3></textarea></div></div><div class="mt-6 flex justify-end"><button class="btn bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-md shadow-md">提交咨询</button></div></div></div></div></section></main><footer class="bg-gray-100 dark:bg-gray-800 py-12"><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-6 md:mb-0"><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><p class="text-gray-600 dark:text-gray-300 mt-2">专业运动场地解决方案</div><div class="text-center md:text-right"><p class="text-gray-600 dark:text-gray-300">作者： A优正塑胶跑道厂家夏琳18571459135<p class="text-gray-500 dark:text-gray-400 text-sm mt-2">© 2025 预制型塑胶跑道 - 所有权利保留</div></div></div></footer></div><script>const themeToggle=document.getElementById(`theme-toggle`);const body=document.body;if(window.matchMedia&&window.matchMedia(`(prefers-color-scheme: dark)`).matches){body.classList.remove(`light`);body.classList.add(`dark`)};themeToggle.addEventListener(`click`,()=>{body.classList.toggle(`light`);body.classList.toggle(`dark`)});document.addEventListener(`DOMContentLoaded`,(()=>{let f=`rgba(255, 255, 255, 0.1)`,e=`dark`,g=`rgba(0, 0, 0, 0.1)`;const a=document.getElementById(`priceChart`).getContext(`2d`);const b=new Chart(a,{type:`bar`,data:{labels:[`基础价格`,`包工包料`,`低端品牌`,`高品质品牌`],datasets:[{label:`价格范围 (元/平方米)`,data:[220,370,160,450],backgroundColor:[`rgba(0, 102, 255, 0.7)`,`rgba(0, 102, 255, 0.8)`,`rgba(0, 102, 255, 0.6)`,`rgba(0, 102, 255, 0.9)`],borderColor:[`rgba(0, 102, 255, 1)`,`rgba(0, 102, 255, 1)`,`rgba(0, 102, 255, 1)`,`rgba(0, 102, 255, 1)`],borderWidth:1}]},options:{responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},tooltip:{callbacks:{label:(a=>`价格: ${a.raw}元/平方米`)}}},scales:{y:{beginAtZero:!0,grid:{color:body.classList.contains(e)?f:g},ticks:{color:body.classList.contains(e)?`#F3F4F6`:`#1F2937`}},x:{grid:{display:!1},ticks:{color:body.classList.contains(e)?`#F3F4F6`:`#1F2937`}}}}});themeToggle.addEventListener(`click`,()=>{const a=body.classList.contains(e)?f:g;b.options.scales.y.grid.color=a;b.options.scales.x.ticks.color=body.classList.contains(e)?`#F3F4F6`:`#1F2937`;b.options.scales.y.ticks.color=body.classList.contains(e)?`#F3F4F6`:`#1F2937`;b.update()});const c=document.querySelectorAll(`.fade-in`);const d=new IntersectionObserver(a=>{a.forEach(a=>{if(a.isIntersecting){a.target.style.opacity=1;a.target.style.transform=`translateY(0)`}})},{threshold:0.1});c.forEach(a=>{a.style.opacity=0;a.style.transform=`translateY(20px)`;a.style.transition=`opacity 0.8s ease, transform 0.8s ease`;d.observe(a)})}))</script>
</body></html>