文本查看器


<!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='楚雄地区专业塑胶跑道与球场材料供应及铺装服务'><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:#0070f3;--secondary:#6c757d;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--info:#17a2b8;--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}.card{transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.fade-in{animation:.8s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn{transition:transform .2s,background-color .2s}.btn:hover{transform:scale(1.05)}.dark .prose{color:var(--text-dark)}.light .prose{color:var(--text-light)}</style></head><body class="antialiased bg-gray-50 text-gray-900 dark:bg-gray-900 dark:text-gray-100 transition-colors duration-300"><div class="min-h-screen flex flex-col"id=app><header class="sticky top-0 z-50 bg-white dark:bg-gray-800 shadow-md"><div class="container mx-auto px-4 py-4 flex justify-between items-center"><h1 class="text-xl md:text-2xl font-bold text-blue-600 dark:text-blue-400">楚雄运动场地解决方案</h1><div class="flex items-center space-x-4"><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><button class="hidden md:block bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md transition btn">联系我们</button></div></div></header><main class="flex-grow container mx-auto px-4 py-8"><section class="mb-12 fade-in"><div class="bg-gradient-to-r from-blue-500 to-indigo-600 rounded-2xl p-8 text-white shadow-lg"><h1 class="text-3xl md:text-4xl font-bold mb-4">楚雄地区专业塑胶跑道与球场材料供应及铺装服务</h1><p class="text-lg opacity-90">为学校、社区和体育机构提供符合国家标准的高品质运动场地解决方案</div></section><section class="mb-12 fade-in"style=animation-delay:.2s><div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="card bg-white dark:bg-gray-800 rounded-xl shadow-md p-6"><div class="flex items-center mb-4"><i class="fas fa-map-marked-alt text-blue-500 text-2xl mr-3"></i><h3 class="text-xl font-semibold">楚雄地理环境</h3></div><p class="text-gray-700 dark:text-gray-300">位于云贵高原，亚热带季风气候，兼具大陆性气候特点，日照充足，紫外线强，干湿季分明。</div><div class="card bg-white dark:bg-gray-800 rounded-xl shadow-md p-6"><div class="flex items-center mb-4"><i class="fas fa-shield-alt text-green-500 text-2xl mr-3"></i><h3 class="text-xl font-semibold">国家标准保障</h3></div><p class="text-gray-700 dark:text-gray-300">全面符合GB36246-2018《中小学合成材料面层运动场地》国家标准，确保安全、环保与耐久性。</div><div class="card bg-white dark:bg-gray-800 rounded-xl shadow-md p-6"><div class="flex items-center mb-4"><i class="fas fa-tools text-purple-500 text-2xl mr-3"></i><h3 class="text-xl font-semibold">一体化服务</h3></div><p class="text-gray-700 dark:text-gray-300">从前期咨询、材料供应到专业施工铺装，提供全方位的专业解决方案。</div></div></section><section class="mb-12 fade-in"style=animation-delay:.4s><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-thermometer-half text-red-500 mr-2"></i> 楚雄气候对运动场地的要求</h2><div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="card bg-white dark:bg-gray-800 rounded-xl shadow-md p-6"><div class="flex items-center mb-4"><i class="fas fa-sun text-yellow-500 text-2xl mr-3"></i><h3 class="text-xl font-semibold">强紫外线照射</h3></div><p class="text-gray-700 dark:text-gray-300">材料需具备优异的耐紫外线和抗老化性能，防止面层快速褪色、粉化或变脆。</div><div class="card bg-white dark:bg-gray-800 rounded-xl shadow-md p-6"><div class="flex items-center mb-4"><i class="fas fa-cloud-rain text-blue-500 text-2xl mr-3"></i><h3 class="text-xl font-semibold">雨季降水集中</h3></div><p class="text-gray-700 dark:text-gray-300">场地需拥有良好的排水性能，避免积水影响使用和安全，同时具备稳定的耐水性能。</div><div class="card bg-white dark:bg-gray-800 rounded-xl shadow-md p-6"><div class="flex items-center mb-4"><i class="fas fa-temperature-high text-orange-500 text-2xl mr-3"></i><h3 class="text-xl font-semibold">昼夜温差较大</h3></div><p class="text-gray-700 dark:text-gray-300">要求材料具有出色的弹性稳定性和温度适应性，确保在不同温度下都能提供一致的缓冲效果。</div></div></section><section class="mb-12 fade-in"style=animation-delay:.6s><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-book text-blue-500 mr-2"></i> GB36246-2018国家标准核心要求</h2><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6"><div class=mb-8><h3 class="text-xl font-semibold mb-4 text-blue-600 dark:text-blue-400">物理性能保障运动表现与安全</h3><div class=space-y-4><div class="flex items-start"><div class="flex-shrink-0 h-10 w-10 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center"><i class="fas fa-ruler-vertical text-blue-600 dark:text-blue-400"></i></div><div class=ml-4><h4 class=font-medium>厚度要求</h4><p class="text-gray-700 dark:text-gray-300">田径跑道平均厚度不小于13毫米，合格率需达到90%以上，确保有效冲击吸收。</div></div><div class="flex items-start"><div class="flex-shrink-0 h-10 w-10 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center"><i class="fas fa-compress-arrows-alt text-blue-600 dark:text-blue-400"></i></div><div class=ml-4><h4 class=font-medium>冲击吸收与垂直变形</h4><p class="text-gray-700 dark:text-gray-300">模拟人体落地时的冲击力，确保跑道具备良好的缓冲性能，减少运动损伤风险。</div></div><div class="flex items-start"><div class="flex-shrink-0 h-10 w-10 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center"><i class="fas fa-hand-paper text-blue-600 dark:text-blue-400"></i></div><div class=ml-4><h4 class=font-medium>抗滑值</h4><p class="text-gray-700 dark:text-gray-300">确保运动者在高速奔跑或急停时具有足够的摩擦力，防止滑倒。</div></div></div></div><div class=mb-8><h3 class="text-xl font-semibold mb-4 text-green-600 dark:text-green-400">化学环保性能守护健康与环境</h3><div class=space-y-4><div class="flex items-start"><div class="flex-shrink-0 h-10 w-10 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center"><i class="fas fa-flask text-green-600 dark:text-green-400"></i></div><div class=ml-4><h4 class=font-medium>有害物质限量</h4><p class="text-gray-700 dark:text-gray-300">对18项有害物质（重金属、多环芳烃、VOC等）做出严格限制，杜绝"毒跑道"可能性。</div></div><div class="flex items-start"><div class="flex-shrink-0 h-10 w-10 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center"><i class="fas fa-hourglass-half text-green-600 dark:text-green-400"></i></div><div class=ml-4><h4 class=font-medium>耐老化性能</h4><p class="text-gray-700 dark:text-gray-300">经过规定时间的老化测试后，关键物理性能仍能保持较高水平，确保长期可使用性。</div></div></div></div><div><h3 class="text-xl font-semibold mb-4 text-purple-600 dark:text-purple-400">全面的检测与验收依据</h3><p class="text-gray-700 dark:text-gray-300">标准对产品的取样、检验和判定规则作出明确规定，要求供应商提供具备CMA或CNAS资质的检测机构出具的全项合格检测报告。</div></div></section><section class="mb-12 fade-in"style=animation-delay:.8s><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-cogs text-purple-500 mr-2"></i> 专业的系统服务流程</h2><div class="relative overflow-hidden"><div class="absolute inset-0 bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-900/30 dark:to-indigo-900/30 rounded-xl transform -rotate-1"></div><div class="relative z-10 grid grid-cols-1 md:grid-cols-4 gap-6"><div class="card bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 border-t-4 border-blue-500"><div class="flex items-center mb-4"><div class="w-12 h-12 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center"><i class="fas fa-search-location text-blue-600 dark:text-blue-400"></i></div><h3 class="text-xl font-semibold ml-3">前期咨询与评估</h3></div><p class="text-gray-700 dark:text-gray-300">针对楚雄当地的具体项目进行实地考察，分析基础状况，结合气候特点提供材料选型建议。</div><div class="card bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 border-t-4 border-green-500"><div class="flex items-center mb-4"><div class="w-12 h-12 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center"><i class="fas fa-boxes text-green-600 dark:text-green-400"></i></div><h3 class="text-xl font-semibold ml-3">材料供应</h3></div><p class="text-gray-700 dark:text-gray-300">供应包括透气型、混合型、全塑型、预制型等多种符合GB36246-2018标准的塑胶跑道面层材料。</div><div class="card bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 border-t-4 border-purple-500"><div class="flex items-center mb-4"><div class="w-12 h-12 rounded-full bg-purple-100 dark:bg-purple-900 flex items-center justify-center"><i class="fas fa-hard-hat text-purple-600 dark:text-purple-400"></i></div><h3 class="text-xl font-semibold ml-3">专业施工铺装</h3></div><p class="text-gray-700 dark:text-gray-300">拥有专业的施工团队，严格遵循施工工艺规范，涵盖基础处理、防水层施工、弹性层摊铺等关键工序。</div><div class="card bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 border-t-4 border-yellow-500"><div class="flex items-center mb-4"><div class="w-12 h-12 rounded-full bg-yellow-100 dark:bg-yellow-900 flex items-center justify-center"><i class="fas fa-headset text-yellow-600 dark:text-yellow-400"></i></div><h3 class="text-xl font-semibold ml-3">后期支持</h3></div><p class="text-gray-700 dark:text-gray-300">提供规范的使用与维护指导，帮助客户延长场地使用寿命，确保长期性能稳定。</div></div></div></section><section class="mb-12 fade-in"style=animation-delay:1s><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-chart-pie text-indigo-500 mr-2"></i> 运动场地性能指标对比</h2><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6"><div class=h-80><canvas id=performanceChart></canvas></div></div></section><section class="mb-12 fade-in"style=animation-delay:1.2s><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-building text-blue-500 mr-2"></i> 服务主体信息</h2><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6"><div class="flex flex-col md:flex-row items-center"><div class="w-full md:w-1/3 mb-6 md:mb-0 flex justify-center"><div class="w-48 h-48 rounded-full bg-gradient-to-br from-blue-500 to-indigo-600 flex items-center justify-center"><i class="fas fa-running text-white text-5xl"></i></div></div><div class="w-full md:w-2/3 md:pl-8"><h3 class="text-2xl font-bold mb-2">湖北优正体育</h3><p class="text-gray-700 dark:text-gray-300 mb-4">专注于符合国家高标准运动场地材料的推广与施工技术服务。<div class="flex items-center"><i class="fas fa-phone-alt text-blue-500 mr-2"></i><span class=font-medium>服务咨询电话：185-7145-9135</span></div></div></div></div></section></main><footer class="bg-gray-100 dark:bg-gray-800 py-8"><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-400">© 2025 楚雄地区专业塑胶跑道与球场材料供应及铺装服务</div><div class="flex items-center"><span class="text-gray-600 dark:text-gray-400 mr-2">作者：</span><span class=font-medium>优正体育吴杰185-7145-9135</span></div></div></div></footer></div><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`)});document.addEventListener(`DOMContentLoaded`,(()=>{let e=`rgba(255, 255, 255, 0.1)`,f=`rgba(0, 0, 0, 0.1)`;const a=document.getElementById(`performanceChart`).getContext(`2d`);const b=new Chart(a,{type:`radar`,data:{labels:[`耐紫外线性能`,`排水性能`,`弹性稳定性`,`抗滑性能`,`环保安全性`,`耐老化性能`],datasets:[{label:`普通材料`,data:[60,70,55,65,50,60],backgroundColor:`rgba(255, 99, 132, 0.2)`,borderColor:`rgba(255, 99, 132, 1)`,pointBackgroundColor:`rgba(255, 99, 132, 1)`,borderWidth:2},{label:`GB36246-2018标准材料`,data:[95,90,95,90,95,95],backgroundColor:`rgba(54, 162, 235, 0.2)`,borderColor:`rgba(54, 162, 235, 1)`,pointBackgroundColor:`rgba(54, 162, 235, 1)`,borderWidth:2}]},options:{responsive:!0,maintainAspectRatio:!1,scales:{r:{angleLines:{display:!0},suggestedMin:0,suggestedMax:100,ticks:{stepSize:20,backdropColor:e},grid:{color:f},pointLabels:{font:{size:12}}}},plugins:{legend:{position:`bottom`,labels:{padding:20,font:{size:12}}}}}});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.6s ease-out, transform 0.6s ease-out`;d.observe(a)})}))</script>
</body></html>