文本查看器


<!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.2/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:#0070f3;--primary-dark:#0050d0;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#212529;--bg-light:#fff;--bg-dark:#121212;--text-light:#212529;--text-dark:#e9ecef}body{font-family:Noto Sans SC,sans-serif;transition:background-color .3s,color .3s}.dark{--bg-light:var(--bg-dark);--text-light:var(--text-dark)}.card{transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.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)}}.price-tag{background-color:var(--primary);color:#fff;border-radius:20px;padding:4px 12px;font-weight:500;display:inline-block}.dark .price-tag{background-color:var(--primary-dark)}</style></head><body class="bg-gray-50 text-gray-800 dark:bg-gray-900 dark:text-gray-200"><nav class="sticky top-0 z-50 bg-white dark:bg-gray-800 shadow-md"><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="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"><section class="mb-12 fade-in"><h1 class="text-3xl md:text-4xl font-bold mb-6 text-center">湖北优正体育塑胶跑道产品展示</h1><p class="text-lg text-gray-600 dark:text-gray-300 mb-8 text-center max-w-3xl mx-auto">专注于塑胶跑道研发、生产及施工的专业企业，致力于为客户提供高品质的运动场地解决方案。我们遵循国家新标准GB36426-2018，提供从材料研发到施工监理的一站式服务。<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"><div class="card bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden"><div class=p-6><div class="flex items-center mb-4"><i class="fas fa-wind text-blue-500 text-2xl mr-3"></i><h3 class="text-xl font-semibold">透气型+耐磨面层</h3></div><div class="mb-4 flex items-center"><span class="price-tag mr-2">¥80-120/㎡</span><span class="text-sm text-gray-500 dark:text-gray-400">价格区间</span></div><ul class="space-y-2 text-gray-600 dark:text-gray-300"><li><i class="fas fa-check-circle text-green-500 mr-2"></i>适用场景：高校田径场、综合体育场<li><i class="fas fa-check-circle text-green-500 mr-2"></i>特点：透气性好，耐磨性强，适合高强度使用</ul></div></div><div class="card bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden"><div class=p-6><div class="flex items-center mb-4"><i class="fas fa-layer-group text-blue-500 text-2xl mr-3"></i><h3 class="text-xl font-semibold">混合型+自结纹</h3></div><div class="mb-4 flex items-center"><span class="price-tag mr-2">¥70-130/㎡</span><span class="text-sm text-gray-500 dark:text-gray-400">价格区间</span></div><ul class="space-y-2 text-gray-600 dark:text-gray-300"><li><i class="fas fa-check-circle text-green-500 mr-2"></i>适用场景：学校场地、小区运动场<li><i class="fas fa-check-circle text-green-500 mr-2"></i>特点：性价比高，兼具美观与实用性</ul></div></div><div class="card bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden"><div class=p-6><div class="flex items-center mb-4"><i class="fas fa-fill-drip text-blue-500 text-2xl mr-3"></i><h3 class="text-xl font-semibold">EPDM塑胶跑道</h3></div><div class="mb-4 flex items-center"><span class="price-tag mr-2">¥50-220/㎡</span><span class="text-sm text-gray-500 dark:text-gray-400">价格区间</span></div><ul class="space-y-2 text-gray-600 dark:text-gray-300"><li><i class="fas fa-check-circle text-green-500 mr-2"></i>基础款：50-80元/平方米<li><i class="fas fa-check-circle text-green-500 mr-2"></i>高品质款：140-220元/平方米<li><i class="fas fa-check-circle text-green-500 mr-2"></i>适用场景：国际赛事场馆、高品质运动场地<li><i class="fas fa-check-circle text-green-500 mr-2"></i>特点：环保性能优异，色彩鲜艳，适用于多种气候条件</ul></div></div><div class="card bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden"><div class=p-6><div class="flex items-center mb-4"><i class="fas fa-cubes text-blue-500 text-2xl mr-3"></i><h3 class="text-xl font-semibold">预制型塑胶跑道</h3></div><div class="mb-4 flex items-center"><span class="price-tag mr-2">¥140-220/㎡</span><span class="text-sm text-gray-500 dark:text-gray-400">价格区间</span></div><ul class="space-y-2 text-gray-600 dark:text-gray-300"><li><i class="fas fa-check-circle text-green-500 mr-2"></i>适用场景：紧急施工项目、大型体育场馆<li><i class="fas fa-check-circle text-green-500 mr-2"></i>特点：施工便捷，周期短，质量稳定</ul></div></div><div class="card bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden"><div class=p-6><div class="flex items-center mb-4"><i class="fas fa-puzzle-piece text-blue-500 text-2xl mr-3"></i><h3 class="text-xl font-semibold">半预制型塑胶跑道</h3></div><div class="mb-4 flex items-center"><span class="price-tag mr-2">¥140-200/㎡</span><span class="text-sm text-gray-500 dark:text-gray-400">价格区间</span></div><ul class="space-y-2 text-gray-600 dark:text-gray-300"><li><i class="fas fa-check-circle text-green-500 mr-2"></i>适用场景：学校操场、社区运动场<li><i class="fas fa-check-circle text-green-500 mr-2"></i>特点：施工简单，使用寿命长</ul></div></div><div class="card bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden"><div class=p-6><div class="flex items-center mb-4"><i class="fas fa-layer-group text-blue-500 text-2xl mr-3"></i><h3 class="text-xl font-semibold">复合型塑胶跑道</h3></div><div class="mb-4 flex items-center"><span class="price-tag mr-2">¥70-130/㎡</span><span class="text-sm text-gray-500 dark:text-gray-400">价格区间</span></div><ul class="space-y-2 text-gray-600 dark:text-gray-300"><li><i class="fas fa-check-circle text-green-500 mr-2"></i>适用场景：全天候运动场地<li><i class="fas fa-check-circle text-green-500 mr-2"></i>特点：安全舒适，高效耐用</ul></div></div></div></section><section class="mb-12 fade-in"style=animation-delay:.2s><h2 class="text-2xl font-bold mb-6 text-center">产品价格对比</h2><div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6"><canvas height=300 id=priceChart width=400></canvas></div></section><section class="mb-12 fade-in"style=animation-delay:.4s><h2 class="text-2xl font-bold mb-6 text-center">影响因素</h2><div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6"><div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="p-4 border border-gray-200 dark:border-gray-700 rounded-lg"><div class="flex items-center mb-3"><i class="fas fa-road text-blue-500 text-xl mr-3"></i><h3 class=font-semibold>基础处理费用</h3></div><p class="text-gray-600 dark:text-gray-300">沥青基础成本约为水泥基础的15%</div><div class="p-4 border border-gray-200 dark:border-gray-700 rounded-lg"><div class="flex items-center mb-3"><i class="fas fa-ruler-vertical text-blue-500 text-xl mr-3"></i><h3 class=font-semibold>厚度标准</h3></div><p class="text-gray-600 dark:text-gray-300">13mm厚度的产品造价约为8mm产品的30%</div><div class="p-4 border border-gray-200 dark:border-gray-700 rounded-lg"><div class="flex items-center mb-3"><i class="fas fa-flask text-blue-500 text-xl mr-3"></i><h3 class=font-semibold>环保检测</h3></div><p class="text-gray-600 dark:text-gray-300">新国标检测项目增加9项，环保要求更高</div></div></div></section><section class="mb-12 fade-in"style=animation-delay:.6s><h2 class="text-2xl font-bold mb-6 text-center">定制化服务</h2><div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6"><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><div class="flex items-start"><div class="bg-blue-100 dark:bg-blue-900 p-3 rounded-full mr-4"><i class="fas fa-tools text-blue-600 dark:text-blue-300"></i></div><div><h3 class="font-semibold mb-2">全面的定制化服务</h3><p class="text-gray-600 dark:text-gray-300">可根据客户需求调整材料配方和施工方案，确保跑道符合特定场地的使用需求。</div></div><div class="flex items-start"><div class="bg-blue-100 dark:bg-blue-900 p-3 rounded-full mr-4"><i class="fas fa-headset text-blue-600 dark:text-blue-300"></i></div><div><h3 class="font-semibold mb-2">技术支持与售后服务</h3><p class="text-gray-600 dark:text-gray-300">提供长期的技术支持和售后服务，保障跑道的使用寿命和性能。</div></div></div></div></section><section class="mb-12 fade-in"style=animation-delay:.8s><h2 class="text-2xl font-bold mb-6 text-center">联系方式</h2><div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6"><div class="flex flex-col md:flex-row justify-center items-center gap-6"><div class=text-center><div class="w-16 h-16 bg-blue-100 dark:bg-blue-900 rounded-full flex items-center justify-center mx-auto"><i class="fas fa-building text-blue-600 dark:text-blue-300 text-2xl"></i></div><h3 class="font-semibold mt-4">湖北优正体育科技有限公司</h3></div><div class=text-center><div class="w-16 h-16 bg-blue-100 dark:bg-blue-900 rounded-full flex items-center justify-center mx-auto"><i class="fas fa-phone-alt text-blue-600 dark:text-blue-300 text-2xl"></i></div><h3 class="font-semibold mt-4">185-7145-9135</h3></div><div class=text-center><div class="w-16 h-16 bg-blue-100 dark:bg-blue-900 rounded-full flex items-center justify-center mx-auto"><i class="fas fa-map-marker-alt text-blue-600 dark:text-blue-300 text-2xl"></i></div><h3 class="font-semibold mt-4">湖北省武汉市汉阳区龙阳大道12号</h3></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 items-center"><span class="text-gray-600 dark:text-gray-300 mr-2">作者:</span><span class=font-medium><a href="/">湖北优正体育</a> <a href="tel:18571459135">185-7145-9135</a></span></div></div></div></footer><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`)});const ctx=document.getElementById(`priceChart`).getContext(`2d`);const priceChart=new Chart(ctx,{type:`bar`,data:{labels:[`透气型+耐磨面层`,`混合型+自结纹`,`EPDM基础款`,`EPDM高品质款`,`预制型`,`半预制型`,`复合型`],datasets:[{label:`价格区间(元/平方米)`,data:[100,100,65,180,180,170,100],backgroundColor:[`rgba(54, 162, 235, 0.7)`,`rgba(54, 162, 235, 0.7)`,`rgba(54, 162, 235, 0.7)`,`rgba(54, 162, 235, 0.7)`,`rgba(54, 162, 235, 0.7)`,`rgba(54, 162, 235, 0.7)`,`rgba(54, 162, 235, 0.7)`],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)`,`rgba(54, 162, 235, 1)`,`rgba(54, 162, 235, 1)`],borderWidth:1}]},options:{responsive:!0,maintainAspectRatio:!1,scales:{y:{beginAtZero:!0,title:{display:!0,text:`价格(元/平方米)`}},x:{title:{display:!0,text:`产品类型`}}},plugins:{legend:{display:!1}}}});const observer=new IntersectionObserver(a=>{a.forEach(a=>{if(a.isIntersecting){a.target.classList.add(`fade-in`)}})},{threshold:0.1});document.querySelectorAll(`section`).forEach(a=>{observer.observe(a)})</script>
</body></html>