文本查看器


<!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><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}.light{background-color:var(--background-light);color:var(--text-light)}.dark{background-color:var(--background-dark);color:var(--text-dark)}.card{border-radius:12px;transition:all .3s}.light .card{background-color:var(--card-light);border:1px solid var(--border-light)}.dark .card{background-color:var(--card-dark);border:1px solid var(--border-dark)}.card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.btn{transition:all .2s}.btn:hover{transform:scale(1.05)}.fade-in{opacity:0;animation:.8s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-title{margin-bottom:1.5rem;display:inline-block;position:relative}.section-title:after{content:"";background-color:var(--primary);border-radius:2px;width:40px;height:4px;position:absolute;bottom:-8px;left:0}.icon-box{align-items:center;margin-bottom:1rem;display:flex}.icon-box i{color:var(--primary);margin-right:.75rem;font-size:1.5rem}.highlight{background:linear-gradient(#0000 60%,#3b82f633 40%);padding:0 4px}.progress-bar{background-color:#e5e7eb;border-radius:4px;height:8px;margin-top:8px;overflow:hidden}.progress-value{background-color:var(--primary);border-radius:4px;height:较高;transition:width 1s ease-in-out}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.timeline-item{margin-bottom:1.5rem;padding-left:2rem;position:relative}.timeline-item:before{content:"";background-color:var(--primary);border-radius:50%;width:12px;height:12px;position:absolute;top:6px;left:0}.timeline-item:after{content:"";background-color:var(--border-light);width:2px;height:calc(较高 + 1rem);position:absolute;top:22px;left:5px}.timeline-item:last-child:after{display:none}.dark .timeline-item:after{background-color:var(--border-dark)}@media (prefers-reduced-motion){.fade-in{animation:none}.progress-value{transition:none}}</style></head><body class=light><div class="min-h-screen flex flex-col"><nav class="sticky top-0 z-50 bg-white dark:bg-gray-900 shadow-md"><div class="container mx-auto px-4 py-3 flex justify-between items-center"><div class="flex items-center space-x-2"><i class="fas fa-running text-blue-600 text-xl"></i><span class="text-lg font-bold">威海塑胶跑道解决方案</span></div><div class="flex items-center space-x-4"><button class="p-2 rounded-full hover:bg-gray-100 dark:hover:bg-gray-800"id=theme-toggle><i class="fas fa-moon dark:hidden"></i> <i class="fas fa-sun hidden dark:block"></i></button></div></div></nav><header class="py-16 md:py-24 bg-gradient-to-r from-blue-500 to-blue-700 text-white"><div class="container mx-auto px-4"><div class="max-w-3xl mx-auto text-center fade-in"style=animation-delay:.1s><h1 class="text-3xl md:text-5xl font-bold mb-6">威海塑胶跑道全流程解决方案</h1><p class="text-lg md:text-xl opacity-90">专业、环保、耐用的运动场地建设专家<div class="mt-8 flex justify-center space-x-4"><a class="btn bg-white text-blue-600 px-6 py-3 rounded-lg font-medium shadow-lg hover:bg-blue-50"href=#contact> <i class="fas fa-phone-alt mr-2"></i>联系我们 </a><a class="btn bg-transparent border-2 border-white px-6 py-3 rounded-lg font-medium hover:bg-white hover:bg-opacity-10"href=#overview> <i class="fas fa-info-circle mr-2"></i>了解详情 </a></div></div></div></header><main class="flex-grow container mx-auto px-4 py-12"><section class="mb-16 fade-in"id=overview style=animation-delay:.2s><h2 class="section-title text-2xl md:text-3xl font-bold">项目概述</h2><div class="card p-6 md:p-8"><p class="text-lg leading-relaxed">威海位于山东半岛东端，拥有得天独厚的海岸线资源和宜人的气候条件。湖北优正体育致力于为威海地区的学校、企事业单位及公共体育设施提供符合国家强制性标准 <span class=highlight>GB36246-2018</span> 的高品质塑胶跑道及球场材料。我们不仅提供符合环保标准的原材料，还提供专业的施工铺装服务，确保场地安全、平整、耐久。</div></section><section class="mb-16 fade-in"style=animation-delay:.3s><h2 class="section-title text-2xl md:text-3xl font-bold">当地地理与气候优势分析</h2><div class="card p-6 md:p-8"><p class=mb-6>威海的气候特征是塑胶跑道施工和后期维护的关键。<div class=space-y-6><div class=icon-box><i class="fas fa-cloud-sun-rain"></i><div><h3 class="text-xl font-semibold">海岸性气候</h3><p>威海属于北温带季风型大陆性气候，受海洋调节，<span class=highlight>春冷、夏凉、秋暖、冬温</span>，气候温和，昼夜温差小，无霜期长。</div></div><div class=icon-box><i class="fas fa-tint"></i><div><h3 class="text-xl font-semibold">降水分布</h3><p>雨水充沛且季节分布较为集中。夏季凉爽湿润，降水多且雨水多为中小雨，利于跑道施工后期的养护固化。</div></div><div class=icon-box><i class="fas fa-thermometer-half"></i><div><h3 class="text-xl font-semibold">温度适宜</h3><p>夏季较高气温不易超过40℃，冬季相对温暖，较少出现较端高温天气，这对于塑胶跑道材料的耐热性和耐候性有利。</div></div></div></div></section><section class="mb-16 fade-in"style=animation-delay:.4s><h2 class="section-title text-2xl md:text-3xl font-bold">材料与标准要求</h2><div class="card p-6 md:p-8"><p class=mb-6>我们提供的所有材料严格执行 <span class=highlight>GB36246-2018</span> 标准，确保无毒无害。<div class=feature-grid><div class="bg-blue-50 dark:bg-blue-900 dark:bg-opacity-20 p-5 rounded-lg"><h3 class="text-xl font-semibold mb-3 flex items-center"><i class="fas fa-ruler-vertical mr-2 text-blue-600"></i> 厚度要求</h3><p>根据场地类型（田径场、球类场地或其他活动场地），我们确保材料厚度均符合新国标要求。例如，400米田径场跑道施工厚度应≥13mm，球场类场地平均厚度≥8mm，任何测量点均需达标。</div><div class="bg-green-50 dark:bg-green-900 dark:bg-opacity-20 p-5 rounded-lg"><h3 class="text-xl font-semibold mb-3 flex items-center"><i class="fas fa-leaf mr-2 text-green-600"></i> 环保标准</h3><p>新国标对有害物质限量和挥发性有机化合物（VOC）有严格规定。我们使用的材料均通过VOC环境测试舱检测，确保符合GB/T 14833和GB36246-2018中对有害物质的严格控制。</div><div class="bg-purple-50 dark:bg-purple-900 dark:bg-opacity-20 p-5 rounded-lg"><h3 class="text-xl font-semibold mb-3 flex items-center"><i class="fas fa-chart-line mr-2 text-purple-600"></i> 性能指标</h3><p>材料需具备优良的弹性、耐磨性和抗紫外线性能，确保运动员的减震防护和场地的使用寿命。</div></div></div></section><section class="mb-16 fade-in"style=animation-delay:.5s><h2 class="section-title text-2xl md:text-3xl font-bold">施工工艺流程</h2><div class="card p-6 md:p-8"><p class=mb-6>优正体育拥有专业的施工团队，严格按照标准进行施工。<div class=space-y-8><div class=timeline-item><h3 class="text-xl font-semibold">基础处理</h3><p>根据威海地区的土壤和基底情况（如粘土层、砾石层），进行专业的地基压实和防潮处理，确保基底平整坚固。</div><div class=timeline-item><h3 class="text-xl font-semibold">层间喷涂</h3><p>对于透气型跑道，我们采用双层喷涂聚氨酯工艺。基础层使用单组份MDI胶水混合EPDM颗粒喷涂，面层使用有色颗粒喷涂，确保面层气密性和防水性。</div><div class=timeline-item><h3 class="text-xl font-semibold">养护固化</h3><p>施工完成后，需进行足够时间的自然养护，以确保胶层完全固化并释放潜在的有害气体，达到绿色环保标准。</div></div></div></section><section class="mb-16 fade-in"style=animation-delay:.6s><h2 class="section-title text-2xl md:text-3xl font-bold">适用场景与服务范围</h2><div class="card p-6 md:p-8"><div class=feature-grid><div class="bg-blue-50 dark:bg-blue-900 dark:bg-opacity-20 p-5 rounded-lg"><div class="flex items-center mb-3"><i class="fas fa-school text-2xl text-blue-600 mr-3"></i><h3 class="text-xl font-semibold">学校与体育场</h3></div><p>提供400米标准田径跑道、400米标准球场及多功能球场的整体解决方案，满足日常教学和比赛需求。</div><div class="bg-green-50 dark:bg-green-900 dark:bg-opacity-20 p-5 rounded-lg"><div class="flex items-center mb-3"><i class="fas fa-building text-2xl text-green-600 mr-3"></i><h3 class="text-xl font-semibold">企事业单位</h3></div><p>针对企业内部的体育健身区或小型运动场地，提供高性价比的铺装方案。</div><div class="bg-purple-50 dark:bg-purple-900 dark:bg-opacity-20 p-5 rounded-lg"><div class="flex items-center mb-3"><i class="fas fa-tools text-2xl text-purple-600 mr-3"></i><h3 class="text-xl font-semibold">全套服务</h3></div><p>我们不仅销售材料，还提供配套的施工队伍，确保从采购到完工的一站式服务。</div></div></div></section><section class="mb-16 fade-in"style=animation-delay:.7s><h2 class="section-title text-2xl md:text-3xl font-bold">质量保证</h2><div class="card p-6 md:p-8"><div class="grid grid-cols-1 md:grid-cols-2 gap-8"><div><h3 class="text-xl font-semibold mb-4">环保指标达标率</h3><div class=space-y-4><div><div class="flex justify-between mb-1"><span>有害物质限量</span><span>99.8%</span></div><div class=progress-bar><div class=progress-value style=width:99.8%></div></div></div><div><div class="flex justify-between mb-1"><span>VOC排放</span><span>99.5%</span></div><div class=progress-bar><div class=progress-value style=width:99.5%></div></div></div><div><div class="flex justify-between mb-1"><span>抗紫外线性能</span><span>98.2%</span></div><div class=progress-bar><div class=progress-value style=width:98.2%></div></div></div><div><div class="flex justify-between mb-1"><span>耐磨性测试</span><span>97.5%</span></div><div class=progress-bar><div class=progress-value style=width:97.5%></div></div></div></div></div><div><h3 class="text-xl font-semibold mb-4">施工质量评估</h3><div class=space-y-4><div class="flex items-center"><div class="w-1/3 text-sm">平整度</div><div class="w-2/3"><div class=progress-bar><div class=progress-value style=width:98%></div></div></div></div><div class="flex items-center"><div class="w-1/3 text-sm">厚度均匀性</div><div class="w-2/3"><div class=progress-bar><div class=progress-value style=width:96%></div></div></div></div><div class="flex items-center"><div class="w-1/3 text-sm">弹性回弹</div><div class="w-2/3"><div class=progress-bar><div class=progress-value style=width:95%></div></div></div></div><div class="flex items-center"><div class="w-1/3 text-sm">排水性能</div><div class="w-2/3"><div class=progress-bar><div class=progress-value style=width:97%></div></div></div></div></div></div></div></div></section><section class="mb-16 fade-in"id=contact style=animation-delay:.8s><h2 class="section-title text-2xl md:text-3xl font-bold">联系我们</h2><div class="card p-6 md:p-8"><div class="flex flex-col md:flex-row items-center justify-between"><div class="md:w-1/2 mb-8 md:mb-0"><h3 class="text-xl font-semibold mb-4">湖北优正体育</h3><p class=mb-4>威海塑胶跑道全流程解决方案提供商<p class=mb-4>我们致力于为客户提供高品质的塑胶跑道及球场材料，以及专业的施工铺装服务。<div class="flex space-x-4"><a class="btn bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700"href=tel:185-7145-9135> <i class="fas fa-phone-alt mr-2"></i>185-7145-9135 </a><a class="btn bg-gray-200 dark:bg-gray-700 px-4 py-2 rounded-lg hover:bg-gray-300 dark:hover:bg-gray-600"href=mailto:cnyouzheng@qq.com> <i class="fas fa-envelope mr-2"></i>cnyouzheng@qq.com </a></div></div><div class="md:w-1/2 flex justify-center"><div class="w-64 h-64 relative"><div class="absolute inset-0 bg-gradient-to-br from-blue-500 to-blue-700 rounded-full opacity-10 animate-pulse"></div><div class="absolute inset-0 flex items-center justify-center"><i class="fas fa-map-marker-alt text-6xl text-blue-600"></i></div><div class="absolute bottom-0 left-0 right-0 text-center"><p class="text-sm font-medium">威海市体育中心</div></div></div></div></div></section></main><footer class="bg-gray-100 dark:bg-gray-900 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-sm text-gray-600 dark:text-gray-400">作者： 优正体育吴杰185-7145-9135</div><div class="flex space-x-4"><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400"href=#> <i class="fab fa-weixin text-xl"></i> </a><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400"href=#> <i class="fab fa-weibo text-xl"></i> </a><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400"href=#> <i class="fas fa-share-alt text-xl"></i> </a></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(`dark`);body.classList.toggle(`light`)});document.addEventListener(`DOMContentLoaded`,()=>{const a=document.querySelectorAll(`.progress-value`);setTimeout(()=>{a.forEach(a=>{const b=a.style.width;a.style.width=`0`;setTimeout(()=>{a.style.width=b},300)})},500)});const observer=new IntersectionObserver(a=>{a.forEach(a=>{if(a.isIntersecting){a.target.style.opacity=`1`;a.target.style.transform=`translateY(0)`}})},{threshold:0.1});document.querySelectorAll(`.fade-in`).forEach(a=>{observer.observe(a)})</script>
</body></html>