文本查看器


<!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:#06f;--secondary:#6b7280;--accent:#3b82f6;--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}.animate-fade-in{animation:.8s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card-hover{transition:all .3s}.card-hover:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.btn-hover{transition:all .2s}.btn-hover:hover{transform:scale(1.05)}.scroll-reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.scroll-reveal.active{opacity:1;transform:translateY(0)}</style></head><body class="bg-white dark:bg-gray-900 text-gray-800 dark:text-gray-200"><div class="min-h-screen flex flex-col"><header class="sticky top-0 z-50 bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-700 shadow-sm"><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-blue-600 dark:text-blue-400 text-2xl"></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-100 dark:hover:bg-gray-800 transition-colors"id=theme-toggle><i class="fas fa-moon dark:hidden"></i> <i class="fas fa-sun hidden dark:block text-yellow-300"></i></button></div></div></header><main class="flex-grow container mx-auto px-4 py-8 md:py-12"><section class="mb-16 animate-fade-in"><div class="max-w-4xl mx-auto text-center"><h1 class="text-3xl md:text-4xl lg:text-5xl font-bold mb-6 bg-gradient-to-r from-blue-600 to-indigo-600 dark:from-blue-400 dark:to-indigo-400 text-transparent bg-clip-text">芜湖塑胶跑道一站式解决方案</h1><p class="text-lg md:text-xl text-gray-600 dark:text-gray-400 mb-8">专业、安全、舒适的运动场地建设专家<div class="flex justify-center space-x-4"><a class="btn-hover inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"href=#contact> <i class="fas fa-phone-alt mr-2"></i>联系我们 </a><a class="btn-hover inline-flex items-center px-6 py-3 border border-gray-300 dark:border-gray-600 text-base font-medium rounded-md text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"href=#materials> <i class="fas fa-info-circle mr-2"></i>了解详情 </a></div></div></section><section class="mb-16 scroll-reveal"><div class="max-w-4xl mx-auto"><h2 class="text-2xl md:text-3xl font-bold mb-8 flex items-center"><i class="fas fa-building text-blue-600 dark:text-blue-400 mr-3"></i> 企业概览：专业服务的坚实后盾</h2><div class="bg-gray-50 dark:bg-gray-800 rounded-xl p-6 md:p-8 shadow-md"><p class="text-lg leading-relaxed mb-4">作为湖北优正体育在芜湖地区的战略布局，我们秉持"材料先行、施工精细"的理念，专注于为您提供符合<span class="font-semibold text-blue-600 dark:text-blue-400">GB36246-2018</span>标准的高品质塑胶跑道与球场材料。这不仅是一套跑道，更是一条为体育精神提供坚实支撑的动能通道。<div class="mt-6 flex justify-center"><div class="w-full max-w-md h-64"><canvas id=standardChart></canvas></div></div></div></div></section><section class="mb-16 scroll-reveal"id=materials><div class="max-w-4xl mx-auto"><h2 class="text-2xl md:text-3xl font-bold mb-8 flex items-center"><i class="fas fa-flask text-blue-600 dark:text-blue-400 mr-3"></i> 核心材料：安全与舒适的双重保障</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><div class="bg-white dark:bg-gray-800 rounded-xl p-6 shadow-md card-hover"><h3 class="text-xl font-semibold mb-4 flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i> GB36246-2018 标准严格遵循</h3><p class=mb-4>我们的所有材料均严格依据国家标准选材：<ul class="space-y-3 pl-5 list-disc"><li><span class=font-medium>高质量PVC/PU聚合物</span>：防滑、耐磨、耐寒热循环，确保雨天干燥，夏天不软化。<li><span class=font-medium>环保配色</span>：采用无毒助剂配色，颜色均匀持久，不褪色、不开裂。</ul></div><div class="bg-white dark:bg-gray-800 rounded-xl p-6 shadow-md card-hover"><h3 class="text-xl font-semibold mb-4 flex items-center"><i class="fas fa-cloud-sun-rain text-blue-500 mr-2"></i> 适应芜湖气候的特性</h3><p class=mb-4>芜湖属于亚热带湿润气候，四季分明，雨量充沛。我们的材料具备以下特性：<ul class="space-y-3 pl-5 list-disc"><li><span class=font-medium>出色的抗水性能</span>：即使在梅雨季节也能保持表面干燥，防止运动员打滑。<li><span class=font-medium>优异的抗紫外线性能</span>：不易因日晒而老化，保持长久如新。</ul></div></div></div></section><section class="mb-16 scroll-reveal"><div class="max-w-4xl mx-auto"><h2 class="text-2xl md:text-3xl font-bold mb-8 flex items-center"><i class="fas fa-tools text-blue-600 dark:text-blue-400 mr-3"></i> 施工工艺：科学精准，匠心独运</h2><div class="bg-white dark:bg-gray-800 rounded-xl p-6 shadow-md mb-8"><h3 class="text-xl font-semibold mb-4">施工前的地基处理</h3><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><div class="border-l-4 border-blue-500 pl-4"><h4 class="font-medium text-lg mb-2">基底平整</h4><p>针对芜湖本地常见的红壤或黄土路基，我们采用专业压实与调平工艺，确保基底坚实无沉陷。</div><div class="border-l-4 border-blue-500 pl-4"><h4 class="font-medium text-lg mb-2">排水系统</h4><p>施工前规划完善的微细排水孔，防止雨水聚积，延长跑道寿命。</div></div></div><div class="bg-white dark:bg-gray-800 rounded-xl p-6 shadow-md"><h3 class="text-xl font-semibold mb-4">铺装技术</h3><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><div class="border-l-4 border-blue-500 pl-4"><h4 class="font-medium text-lg mb-2">温度控制</h4><p>在施工过程中，我们严格控制混合温度与铺装温度，确保材料流平顺畅，避免因温差过大导致开裂。</div><div class="border-l-4 border-blue-500 pl-4"><h4 class="font-medium text-lg mb-2">多层结构</h4><p>采用橡胶颗粒底层与聚氨酯表层结合的多层结构，提升弹性与耐磨性，减少运动员关节压力。</div></div></div></div></section><section class="mb-16 scroll-reveal"><div class="max-w-4xl mx-auto"><h2 class="text-2xl md:text-3xl font-bold mb-8 flex items-center"><i class="fas fa-users text-blue-600 dark:text-blue-400 mr-3"></i> 专业团队：本地化施工与服务</h2><div class="bg-white dark:bg-gray-800 rounded-xl p-6 shadow-md"><p class="text-lg leading-relaxed mb-6">我们的施工团队深入了解芜湖当地的施工环境与后期养护需求。从选材、运输到现场铺装，每一步都有专业监理把关，确保每一米跑道都符合国家标准。<div class="flex flex-col md:flex-row items-center justify-center gap-6 mt-8"><div class="flex flex-col items-center"><div class="w-24 h-24 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mb-4"><i class="fas fa-hard-hat text-4xl text-blue-600 dark:text-blue-400"></i></div><h4 class="font-medium text-lg">专业施工团队</h4></div><div class="flex flex-col items-center"><div class="w-24 h-24 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mb-4"><i class="fas fa-clipboard-check text-4xl text-blue-600 dark:text-blue-400"></i></div><h4 class="font-medium text-lg">全程质量监控</h4></div><div class="flex flex-col items-center"><div class="w-24 h-24 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mb-4"><i class="fas fa-map-marker-alt text-4xl text-blue-600 dark:text-blue-400"></i></div><h4 class="font-medium text-lg">本地化服务</h4></div></div></div></div></section><section class="mb-16 scroll-reveal"><div class="max-w-4xl mx-auto"><h2 class="text-2xl md:text-3xl font-bold mb-8 flex items-center"><i class="fas fa-handshake text-blue-600 dark:text-blue-400 mr-3"></i> 服务承诺：售后无忧，维护省心</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><div class="bg-white dark:bg-gray-800 rounded-xl p-6 shadow-md card-hover"><div class="flex items-start mb-4"><div class="bg-blue-100 dark:bg-blue-900 p-3 rounded-full mr-4"><i class="fas fa-book text-blue-600 dark:text-blue-400"></i></div><div><h3 class="text-xl font-semibold mb-2">售后指导</h3><p>提供详细的日常维护手册，指导如何清理雨水、去除油渍，避免误用导致表面受损。</div></div></div><div class="bg-white dark:bg-gray-800 rounded-xl p-6 shadow-md card-hover"><div class="flex items-start mb-4"><div class="bg-blue-100 dark:bg-blue-900 p-3 rounded-full mr-4"><i class="fas fa-chart-line text-blue-600 dark:text-blue-400"></i></div><div><h3 class="text-xl font-semibold mb-2">定期检测</h3><p>建议您定期进行表面平整度与弹性检测，我们提供专业的检测服务，确保跑道性能稳定。</div></div></div></div></div></section><section class="mb-16 scroll-reveal"id=contact><div class="max-w-4xl mx-auto"><h2 class="text-2xl md:text-3xl font-bold mb-8 flex items-center"><i class="fas fa-address-card text-blue-600 dark:text-blue-400 mr-3"></i> 联系我们</h2><div class="bg-white dark:bg-gray-800 rounded-xl p-8 shadow-md"><p class="text-lg mb-6">如果您有任何关于塑胶跑道铺装的需求或疑问，欢迎随时联系我们：<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8"><div class="flex items-start"><div class="bg-blue-100 dark:bg-blue-900 p-2 rounded-full mr-4 mt-1"><i class="fas fa-building text-blue-600 dark:text-blue-400"></i></div><div><h4 class="font-medium text-lg">作者/厂家</h4><p>湖北优正体育</div></div><div class="flex items-start"><div class="bg-blue-100 dark:bg-blue-900 p-2 rounded-full mr-4 mt-1"><i class="fas fa-phone-alt text-blue-600 dark:text-blue-400"></i></div><div><h4 class="font-medium text-lg">联系电话</h4><p>185-7145-9135</div></div><div class="flex items-start"><div class="bg-blue-100 dark:bg-blue-900 p-2 rounded-full mr-4 mt-1"><i class="fas fa-map-marked-alt text-blue-600 dark:text-blue-400"></i></div><div><h4 class="font-medium text-lg">服务范围</h4><p>芜湖及周边地区</div></div></div><div class="bg-blue-50 dark:bg-blue-900/30 p-6 rounded-lg"><h3 class="text-xl font-semibold mb-4 text-center">结语：您的理想跑道，从这里开始</h3><p class="text-lg leading-relaxed mb-4">简而言之，选择湖北优正体育，就是选择了一条安全、舒适且符合国家标准的塑胶跑道。我们理解芜湖独特的地理与气候条件，致力于为您提供量身定制的施工服务。让我们一起打造一条不仅能经得起雨水考验，更能承载无数运动梦想的跑道！<p class="text-center font-bold text-blue-600 dark:text-blue-400">湖北优正体育——您值得信赖的体育设施合作伙伴。</div></div></div></section></main><footer class="bg-gray-100 dark:bg-gray-800 py-8 border-t border-gray-200 dark:border-gray-700"><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">作者： 优正体育吴杰185-7145-9135</div><div class="flex space-x-4"><a class="text-gray-500 hover:text-blue-600 dark:text-gray-400 dark:hover:text-blue-400 transition-colors"href=#> <i class="fab fa-weixin text-xl"></i> </a><a class="text-gray-500 hover:text-blue-600 dark:text-gray-400 dark:hover:text-blue-400 transition-colors"href=#> <i class="fab fa-weibo text-xl"></i> </a><a class="text-gray-500 hover:text-blue-600 dark:text-gray-400 dark:hover:text-blue-400 transition-colors"href=#> <i class="fas fa-envelope text-xl"></i> </a></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`)});const observerOptions={root:null,rootMargin:`0px`,threshold:0.1};const observer=new IntersectionObserver(a=>{a.forEach(a=>{if(a.isIntersecting){a.target.classList.add(`active`)}})},observerOptions);document.querySelectorAll(`.scroll-reveal`).forEach(a=>{observer.observe(a)});const ctx=document.getElementById(`standardChart`).getContext(`2d`);const standardChart=new Chart(ctx,{type:`radar`,data:{labels:[`防滑性能`,`耐磨性`,`耐候性`,`环保性`,`安全性`,`舒适性`],datasets:[{label:`GB36246-2018标准要求`,data:[85,90,80,95,88,82],backgroundColor:`rgba(54, 162, 235, 0.2)`,borderColor:`rgba(54, 162, 235, 1)`,pointBackgroundColor:`rgba(54, 162, 235, 1)`,pointBorderColor:`#fff`,pointHoverBackgroundColor:`#fff`,pointHoverBorderColor:`rgba(54, 162, 235, 1)`},{label:`湖北优正体育产品`,data:[95,98,92,99,96,94],backgroundColor:`rgba(75, 192, 192, 0.2)`,borderColor:`rgba(75, 192, 192, 1)`,pointBackgroundColor:`rgba(75, 192, 192, 1)`,pointBorderColor:`#fff`,pointHoverBackgroundColor:`#fff`,pointHoverBorderColor:`rgba(75, 192, 192, 1)`}]},options:{responsive:!0,maintainAspectRatio:!1,scales:{r:{angleLines:{display:!0},suggestedMin:0,suggestedMax:100}}}})</script>
</body></html>