- nginx 安全加固 (CSP, HSTS, 缓存策略) - 共享 style.css - 138个页面全部接入 Co-authored-by: Hermes AI <agent@hermes>
194 lines
12 KiB
HTML
194 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>IT解决方案 · 陕西博海网络科技</title>
|
|
<meta name="description" content="陕西博海网络科技 — IT运维外包、企业网络布线、办公设备租赁、应急维修服务。定边县本地化IT解决方案,2小时上门响应。">
|
|
<link rel="preconnect" href="https://fonts.loli.net">
|
|
<link rel="preconnect" href="https://gstatic.loli.net" crossorigin>
|
|
<link href="https://fonts.loli.net/css2?family=Inter:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;600;700&display=swap" rel="stylesheet">
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "Service",
|
|
"name": "IT解决方案 — 陕西博海网络科技",
|
|
"serviceType": "IT技术支持/网络工程/设备租赁",
|
|
"provider": {
|
|
"@type": "Organization",
|
|
"name": "陕西博海网络科技有限公司",
|
|
"telephone": "0912-4223980",
|
|
"areaServed": "陕西省榆林市定边县",
|
|
"address": {"@type": "PostalAddress", "streetAddress": "二道西街", "addressLocality": "定边县", "addressRegion": "榆林市", "addressCountry": "CN"}
|
|
},
|
|
"areaServed": {"@type": "City", "name": "定边县"},
|
|
"description": "IT运维外包、企业网络布线、办公设备租赁、应急维修"
|
|
}
|
|
</script>
|
|
<style>
|
|
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
|
|
body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;background:#f8fafc;color:#0a132e;line-height:1.6}
|
|
header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid #e2e8f0}
|
|
.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:68px}
|
|
.logo{font-size:20px;font-weight:700;color:#0f1f4a;display:flex;align-items:center;gap:12px;text-decoration:none}
|
|
.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#1a3380,#06b6d4);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700}
|
|
nav{display:flex;gap:36px}
|
|
nav a{color:#475569;text-decoration:none;font-size:14px;font-weight:500;padding:4px 0}
|
|
nav a:hover{color:#0f1f4a}
|
|
.hero{background:linear-gradient(135deg,#0a132e,#0f1f4a 40%,#1a3380);color:#fff;padding:80px 24px;text-align:center;margin-top:68px;overflow:hidden;position:relative}
|
|
.hero::before{content:"";position:absolute;top:-30%;right:-20%;width:60%;height:150%;background:radial-gradient(ellipse,rgba(6,182,212,.15),transparent 70%)}
|
|
.hero-inner{max-width:1200px;margin:0 auto;position:relative;z-index:2}
|
|
.badge{display:inline-block;padding:6px 16px;border-radius:20px;background:rgba(255,255,255,.1);font-size:13px;margin-bottom:16px;border:1px solid rgba(255,255,255,.15)}
|
|
.hero h1{font-family:"Noto Serif SC",serif;font-size:48px;font-weight:700;margin-bottom:8px}
|
|
.hero h1 span{color:#06b6d4}
|
|
.hero .sub{font-size:18px;color:rgba(255,255,255,.6);margin-bottom:32px}
|
|
.hero .tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
|
|
.hero .tags span{padding:6px 14px;border-radius:6px;font-size:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1)}
|
|
.section-inner{max-width:1200px;margin:0 auto;padding:80px 24px}
|
|
.section-label{font-size:13px;font-weight:600;color:#06b6d4;letter-spacing:3px;margin-bottom:12px}
|
|
.section-title{font-family:"Noto Serif SC",serif;font-size:32px;font-weight:700;margin-bottom:12px;color:#0a132e}
|
|
.section-desc{font-size:16px;color:#64748b;margin-bottom:48px}
|
|
.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}
|
|
.service-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;transition:all .3s}
|
|
.service-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-2px)}
|
|
.service-card .card-head{padding:24px 24px 16px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:12px}
|
|
.service-card .card-head .icon{font-size:28px}
|
|
.service-card .card-head h3{font-family:"Noto Serif SC",serif;font-size:20px;font-weight:600}
|
|
.service-card .card-body{padding:20px 24px 24px}
|
|
.service-card .card-body p{font-size:14px;color:#475569;margin-bottom:12px}
|
|
.service-card .card-body ul{list-style:none;font-size:14px;color:#475569}
|
|
.service-card .card-body ul li{padding:6px 0;padding-left:20px;position:relative}
|
|
.service-card .card-body ul li::before{content:"▸";position:absolute;left:0;color:#06b6d4}
|
|
.service-card .price-tag{display:inline-block;margin-top:12px;padding:6px 14px;background:#f0f9ff;border-radius:6px;font-size:13px;color:#1a3380;font-weight:600}
|
|
.steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:40px}
|
|
.step-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;text-align:center;position:relative}
|
|
.step-num{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#1a3380,#06b6d4);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;margin:0 auto 12px}
|
|
.step-item h4{font-size:15px;font-weight:600;margin-bottom:4px}
|
|
.step-item p{font-size:13px;color:#64748b}
|
|
.cta-section{background:linear-gradient(135deg,#0a132e,#1a3380);color:#fff;text-align:center;padding:60px 24px}
|
|
.cta-section h2{font-family:"Noto Serif SC",serif;font-size:28px;margin-bottom:16px}
|
|
.cta-section .phone{font-size:36px;font-weight:700;color:#fbbf24;margin-bottom:8px}
|
|
.cta-section .sub{font-size:14px;color:rgba(255,255,255,.5)}
|
|
.cta-section .btn-back{display:inline-block;margin-top:24px;padding:12px 32px;border-radius:8px;background:#fff;color:#0f1f4a;font-size:16px;font-weight:600;text-decoration:none}
|
|
footer{background:#0a132e;color:rgba(255,255,255,.5);text-align:center;padding:32px 24px;font-size:14px}
|
|
footer a{color:rgba(255,255,255,.4);text-decoration:none}
|
|
footer a:hover{color:#06b6d4}
|
|
footer .sep{margin:0 12px;color:rgba(255,255,255,.2)}
|
|
@media (max-width:768px){.hero h1{font-size:32px}.section-title{font-size:24px}.service-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.cta-section .phone{font-size:28px}}
|
|
</style>
|
|
<link rel="stylesheet" href="/style.css">
|
|
</head>
|
|
<body>
|
|
<header><div class="header-inner"><a href="/" class="logo"><div class="logo-icon">博</div>陕西博海网络科技</a><nav><a href="/#services">解决方案</a><a href="/#products">产品中心</a><a href="/#perspective">博海视角</a><a href="/#why">为什么选择我们</a><a href="/#contact">联系我们</a></nav></div></header>
|
|
<main>
|
|
|
|
<section class="hero"><div class="hero-inner">
|
|
<div class="badge">IT解决方案 · 专业服务</div>
|
|
<h1>IT解决方案 <span>·</span> 专业服务</h1>
|
|
<p class="sub">从运维外包到网络布线,从设备租赁到应急维修,覆盖企业IT全场景需求</p>
|
|
<div class="tags"><span>运维外包</span><span>网络工程</span><span>设备租赁</span><span>应急维修</span><span>弱电工程</span><span>IT咨询</span></div>
|
|
</div></section>
|
|
|
|
<section><div class="section-inner">
|
|
<div class="section-label">服务方案</div>
|
|
<h2 class="section-title">五大核心 · 服务方案</h2>
|
|
<p class="section-desc">针对企业IT管理的不同需求,提供灵活可定制的解决方案</p>
|
|
<div class="service-grid">
|
|
|
|
<div class="service-card">
|
|
<div class="card-head"><span class="icon">🛡️</span><h3>IT运维外包</h3></div>
|
|
<div class="card-body">
|
|
<p>将企业IT运维工作整体外包,降低运维成本,提升系统稳定性。适合没有专职IT人员的中小企业。</p>
|
|
<ul>
|
|
<li>桌面支持:电脑/打印机/网络故障处理</li>
|
|
<li>服务器运维:文件服务器、邮件服务器维护</li>
|
|
<li>系统巡检:每月定期巡检,提前发现隐患</li>
|
|
<li>应急响应:工作日4小时内上门</li>
|
|
<li>资产管理:IT资产台账登记与生命周期管理</li>
|
|
</ul>
|
|
<div class="price-tag">按月/按年计费,灵活可选</div>
|
|
</div></div>
|
|
|
|
<div class="service-card">
|
|
<div class="card-head"><span class="icon">🌐</span><h3>网络工程布线</h3></div>
|
|
<div class="card-body">
|
|
<p>企业网络规划设计与施工,从家庭办公室到整栋办公楼,提供完整解决方案。</p>
|
|
<ul>
|
|
<li>综合布线:六类/超六类网线部署,面板安装</li>
|
|
<li>无线覆盖:企业级AP部署,全屋/全层无缝漫游</li>
|
|
<li>网络改造:老旧网络升级,千兆/万兆到桌面</li>
|
|
<li>弱电工程:监控系统、门禁系统、电话系统</li>
|
|
<li>机房建设:机柜整理、UPS安装、环境监控</li>
|
|
</ul>
|
|
<div class="price-tag">免费勘测出方案,按项目报价</div>
|
|
</div></div>
|
|
|
|
<div class="service-card">
|
|
<div class="card-head"><span class="icon">📋</span><h3>办公设备租赁</h3></div>
|
|
<div class="card-body">
|
|
<p>电脑、打印机、复印机租赁服务,降低企业一次性采购成本,灵活应对人员变动。</p>
|
|
<ul>
|
|
<li>电脑租赁:台式机/笔记本,月租低至50元/台</li>
|
|
<li>打印机租赁:含耗材和维护,按印量计费</li>
|
|
<li>租赁方案:3个月起租,到期可退可留可换</li>
|
|
<li>全程维护:设备故障免费更换,不影响办公</li>
|
|
<li>批量优惠:10台以上享企业租赁套餐价</li>
|
|
</ul>
|
|
<div class="price-tag">月付/季付/年付,无押金选项</div>
|
|
</div></div>
|
|
|
|
<div class="service-card">
|
|
<div class="card-head"><span class="icon">🔧</span><h3>应急维修服务</h3></div>
|
|
<div class="card-body">
|
|
<p>电脑、打印机、网络设备突发故障,快速响应,最大限度减少业务中断时间。</p>
|
|
<ul>
|
|
<li>电脑维修:台式机/笔记本硬件故障检测维修</li>
|
|
<li>打印机维修:卡纸/不打印/报错代码快速处理</li>
|
|
<li>网络故障:断网/慢速/设备离线排查修复</li>
|
|
<li>数据恢复:硬盘损坏/误删除数据抢救</li>
|
|
<li>系统重装:Windows/Mac系统安装调试</li>
|
|
</ul>
|
|
<div class="price-tag">定边县城内2小时响应</div>
|
|
</div></div>
|
|
|
|
<div class="service-card">
|
|
<div class="card-head"><span class="icon">🤖</span><h3>AI智能体服务</h3></div>
|
|
<div class="card-body">
|
|
<p>基于大语言模型的AI智能体(Agent)系统搭建,为企业提供智能化办公、自动化流程、数据洞察能力。博海科技自身已部署生产级Agent系统,具备完整交付能力。</p>
|
|
<ul>
|
|
<li>智能客服Bot:7×24小时自动应答,对接企业微信/公众号</li>
|
|
<li>自动化办公流程:审批、报表、通知自动流转</li>
|
|
<li>企业知识库:文档自动归类、智能检索、问答系统</li>
|
|
<li>数据看板:业务数据自动汇总,可视化分析</li>
|
|
<li>定制AI助手:根据企业需求训练专属智能体</li>
|
|
</ul>
|
|
<div class="price-tag">按项目定制,含部署+培训+维护</div>
|
|
<p style="font-size:12px;color:#64748b;margin-top:10px;padding-top:10px;border-top:1px solid #e2e8f0;">💡 博海科技自身已部署8个AI智能体、11个自动任务,实现夜间自动复盘和知识提取,是AI Agent的落地实践者。</p>
|
|
</div></div>
|
|
|
|
</div></div></section>
|
|
|
|
<section style="background:#f1f5f9;"><div class="section-inner">
|
|
<div class="section-label">服务流程</div>
|
|
<h2 class="section-title">合作流程 · 简单四步</h2>
|
|
<p class="section-desc">从咨询到交付,每一步都清晰透明</p>
|
|
<div class="steps">
|
|
<div class="step-item"><div class="step-num">1</div><h4>需求沟通</h4><p>了解您的现状、痛点和预算,确定服务范围</p></div>
|
|
<div class="step-item"><div class="step-num">2</div><h4>方案报价</h4><p>出具详细服务方案和报价单,双方确认</p></div>
|
|
<div class="step-item"><div class="step-num">3</div><h4>签约实施</h4><p>签订服务合同,按计划部署实施</p></div>
|
|
<div class="step-item"><div class="step-num">4</div><h4>持续服务</h4><p>日常维护+定期巡检+应急响应,持续保障</p></div>
|
|
</div>
|
|
</div></section>
|
|
|
|
<section class="cta-section">
|
|
<h2>需要IT解决方案?</h2>
|
|
<p style="color:rgba(255,255,255,.6);margin-bottom:24px;">告诉您的需求,免费出方案和报价</p>
|
|
<div class="phone">📞 0912-4223980</div>
|
|
<div class="sub">工作时间:周一至周五 9:00-18:00 · 陕西博海网络科技<br>地址:陕西省榆林市定边县二道西街</div>
|
|
<a href="/" class="btn-back">← 返回首页</a>
|
|
</section>
|
|
|
|
</main>
|
|
<footer>© 2026 陕西博海网络科技有限公司 版权所有 <span class="sep">|</span> 专业IT解决方案 · 值得信赖<br><a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">陕ICP备2023001969号-3</a></footer>
|
|
</body>
|
|
</html> |