Files

751 lines
38 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<html lang="zh-CN"><head>
<meta charset="UTF-8">
<script>document.documentElement.className+=' js';</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>陕西博海网络科技:AI与CMA驱动的企业数字化转型服务商</title>
<meta name="description" content="陕西博海网络科技有限公司(品牌“一切皆如”)成立于2001年,深耕定边、榆林25年的专业IT服务商,现已升级为企业数字化转型服务商——以CMA管理会计系统帮老板算清账,以BotOS多智能体平台帮企业管住事,以AI Agent定制落地数字化。本地服务30分钟响应,远程覆盖全国。">
<meta name="keywords" content="陕西博海网络科技,数字化转型服务商,CMA管理会计系统,AI Agent,BotOS多智能体,企业数字化升级,榆林IT服务,定边IT服务">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<meta property="og:title" content="陕西博海网络科技(一切皆如)|AI Agent与CMA管理会计的数字化转型服务商">
<meta property="og:description" content="25年本地IT信任底座,加上CMA管理会计系统与BotOS多智能体平台——国学×CMA×Agent三位一体,让企业算得清、看得远、管得住。">
<meta property="og:image" content="https://sxbh.ltd/og-image.png">
<meta property="og:url" content="https://sxbh.ltd">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="陕西博海网络科技(一切皆如)|AI Agent与CMA管理会计的数字化转型服务商">
<meta name="twitter:description" content="25年本地IT信任底座,加上CMA管理会计系统与BotOS多智能体平台——国学×CMA×Agent三位一体,让企业算得清、看得远、管得住。">
<!-- Fonts: Inter + Noto Serif SC (通过国内镜像加速) -->
<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&amp;family=Noto+Serif+SC:wght@500;600;700&amp;display=swap" rel="stylesheet">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "陕西博海网络科技有限公司",
"url": "https://sxbh.ltd",
"telephone": "+86-912-4223980",
"email": "service@sxbh.ltd",
"description": "电脑维修、打印机维修、网络工程、电子产品销售、Web开发、IT运维一站式IT解决方案",
"address": {
"@type": "PostalAddress",
"addressLocality": "定边县",
"addressRegion": "榆林市",
"addressCountry": "CN",
"streetAddress": "二道西街(房管所楼下)"
},
"areaServed": ["定边县", "榆林市"],
"openingHours": "Mo-Sa 08:30-18:00",
"priceRange": "¥¥"
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"@id": "https://sxbh.ltd/#organization",
"name": "陕西博海网络科技有限公司",
"alternateName": "一切皆如",
"url": "https://sxbh.ltd",
"description": "专业IT服务与数字化转型服务商,以国学×CMA×Agent三位一体的理念驱动企业数字化升级",
"foundingDate": "2001-03-07",
"taxID": "91610825713571436B",
"founder": {
"@type": "Person",
"name": "任富海"
},
"address": {
"@type": "PostalAddress",
"streetAddress": "二道西街(房管所楼下)",
"addressLocality": "定边县",
"addressRegion": "榆林市",
"addressCountry": "CN"
},
"brand": {
"@type": "Brand",
"name": "联想金牌服务商"
},
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+86-912-4223980",
"contactType": "customer service",
"availableLanguage": "zh"
},
"sameAs": [
"https://sxbh.ltd/perspective/"
],
"knowsAbout": ["IT服务", "管理系统开发", "AI Agent", "CMA管理会计", "国学管理"],
"makesOffer": [
{"@type": "Offer", "itemOffered": {"@type": "Service", "name": "电脑维修"}},
{"@type": "Offer", "itemOffered": {"@type": "Service", "name": "打印机维修"}},
{"@type": "Offer", "itemOffered": {"@type": "Service", "name": "网络工程"}},
{"@type": "Offer", "itemOffered": {"@type": "Service", "name": "IT运维服务"}},
{"@type": "Offer", "itemOffered": {"@type": "Service", "name": "行业应用开发"}},
{"@type": "Offer", "itemOffered": {"@type": "Service", "name": "电子产品销售"}}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"@id": "https://sxbh.ltd/#website",
"url": "https://sxbh.ltd",
"name": "陕西博海网络科技",
"description": "专业IT服务 · 行业应用开发 · AI Agent · CMA管理会计",
"inLanguage": "zh-CN",
"isAccessibleForFree": true,
"potentialAction": {
"@type": "SearchAction",
"target": "https://sxbh.ltd/search?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{"@type": "ListItem", "position": 1, "name": "首页", "item": "https://sxbh.ltd/"},
{"@type": "ListItem", "position": 2, "name": "服务项目", "item": "https://sxbh.ltd/#services"},
{"@type": "ListItem", "position": 3, "name": "博海视角", "item": "https://sxbh.ltd/perspective/"},
{"@type": "ListItem", "position": 4, "name": "IT服务", "item": "https://sxbh.ltd/#it-services"},
{"@type": "ListItem", "position": 5, "name": "产品销售", "item": "https://sxbh.ltd/#products"},
{"@type": "ListItem", "position": 6, "name": "联系我们", "item": "https://sxbh.ltd/#contact"}
]
}
</script>
<!-- End Umami -->
<script defer src="https://sxbh.ltd/umami/api/send" data-website-id="22bcb6ef-cc9d-4e3a-91f5-c218ba4e9437"></script>
<link rel="stylesheet" href="/style.css">
<link rel="canonical" href="https://sxbh.ltd/">
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
</head>
<body>
<!-- HEADER -->
<header>
<div class="header-inner">
<a href="#" class="logo">
<div class="logo-icon">博</div>
博海网络科技 <span>· BHWL</span>
</a>
<nav id="nav">
<a href="#services">服务项目</a>
<a href="/services.html">IT服务</a>
<a href="/cases.html">客户案例</a>
<a href="#products">产品销售</a>
<a href="#perspective">博海视角</a>
<a href="/faq.html">FAQ</a>
<a href="#contact">联系我们</a>
</nav>
<button class="mobile-toggle" onclick="document.getElementById('nav').classList.toggle('open')" aria-label="菜单">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<line x1="3" y1="6" x2="21" y2="6"></line>
<line x1="3" y1="12" x2="21" y2="12"></line>
<line x1="3" y1="18" x2="21" y2="18"></line>
</svg>
</button>
</div>
</header>
<!-- HERO -->
<section class="hero">
<div class="hero-inner">
<div class="hero-badge fade-in visible">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M6 9H4.5a2.5 2.5 0 0 1 0-5C7 4 7 7 9 7c0-2.5 2-5 5.5-4 .5 1 .5 2.5 1 3 2 .5 3 2 3 4 0 .5-2.5 2.5-2.5 4"></path>
<path d="M13 17H8l-2 5h10l-2-5"></path>
<path d="M20 11a2.5 2.5 0 1 0-3 4.2M10 13a2.5 2.5 0 1 0-1-4.7"></path>
</svg>
定边本地专业IT服务商 · 25年+行业经验
</div>
<h1 class="fade-in visible fade-in-d1">您的企业<em>数字化转型服务商</em></h1>
<p class="fade-in visible fade-in-d2">从电脑维修到CMA管理会计、AI Agent——25年本地IT服务商,以国学×CMA×Agent三位一体理念驱动企业数字化升级。注册资本 500 万全额实缴 · 纳税信用 A 级连续 5 年。</p>
<div class="hero-actions fade-in visible fade-in-d3">
<a href="tel:09124223980" class="btn btn-primary">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M22 16.92v3a2 2 0 0 1-2.18 2A19.79 19.79 0 0 1 7.32 6.18 2 2 0 0 1 9.5 4.5h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L13.5 13.5a12.06 12.06 0 0 0 5.67 5.67l1.78-1.78a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>
</svg>
立即咨询:0912-4223980
</a>
<a href="#services" class="btn btn-outline">
查看服务项目
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<line x1="5" y1="12" x2="19" y2="12"></line>
<polyline points="12 5 19 12 12 19"></polyline>
</svg>
</a>
</div>
</div>
</section>
<!-- SERVICES -->
<section id="services">
<div class="section-inner">
<div class="section-label fade-in">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
<line x1="8" y1="21" x2="16" y2="21"></line>
<line x1="12" y1="17" x2="12" y2="21"></line>
</svg>
OUR SERVICES
</div>
<h2 class="section-title fade-in">我们的服务</h2>
<p class="section-desc fade-in">覆盖您全方位IT需求的专业服务:应急维修县城 2 小时上门(恶劣天气、交通管制、边远乡镇等特殊情形除外;超出范围另行约定),运维外包工作日 4 小时内上门</p>
<div class="services-grid">
<!-- 电脑维修 -->
<div class="service-card fade-in fade-in-d1">
<div class="service-icon" style="background:#ecfeff;color:#0e7490;">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
<line x1="8" y1="21" x2="16" y2="21"></line>
<line x1="12" y1="17" x2="12" y2="21"></line>
</svg>
</div>
<h3>电脑维修</h3>
<p>台式机/笔记本故障诊断、硬件更换升级、系统安装优化、数据备份恢复、清灰保养</p>
<div class="service-tags">
<span>硬件维修</span><span>系统安装</span><span>数据恢复</span><span>清灰保养</span>
</div>
</div>
<!-- 打印机维修 -->
<div class="service-card fade-in fade-in-d1">
<div class="service-icon" style="background:#ecfeff;color:#0e7490;">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<polyline points="6 9 6 2 18 2 18 9"></polyline>
<path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path>
<rect x="6" y="14" width="12" height="8"></rect>
</svg>
</div>
<h3>打印机维修</h3>
<p>激光/喷墨打印机维修、驱动安装调试、加粉换墨、不进纸修复、网络打印配置</p>
<div class="service-tags">
<span>打印机维修</span><span>加粉换墨</span><span>驱动安装</span><span>网络打印</span>
</div>
</div>
<!-- 网络工程监控 -->
<div class="service-card fade-in fade-in-d2">
<div class="service-icon" style="background:#ecfeff;color:#0e7490;">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="10"></circle>
<line x1="2" y1="12" x2="22" y2="12"></line>
<path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
</svg>
</div>
<h3>网络工程监控</h3>
<p>综合布线、无线覆盖、企业组网、监控安防、弱电工程、机房建设</p>
<div class="service-tags">
<span>综合布线</span><span>无线覆盖</span><span>监控安防</span><span>弱电工程</span>
</div>
</div>
<!-- 行业应用开发 -->
<a href="https://learn.sxbh.ltd" target="_blank" class="service-card-link">
<div class="service-card fade-in fade-in-d2">
<div class="service-icon" style="background:#ecfeff;color:#0e7490;">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<rect x="5" y="2" width="14" height="20" rx="2"></rect>
<line x1="12" y1="18" x2="12" y2="18"></line>
</svg>
</div>
<h3>行业应用开发</h3>
<p>企业官网、管理后台、小程序、移动应用、行业管理系统定制、网站运维升级</p>
<div class="service-tags">
<span style="display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:6px;background:#0f1f4a;color:#fff;font-size:13px;font-weight:500;">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="width:14px;height:14px;">
<circle cx="12" cy="12" r="10"></circle>
<line x1="2" y1="12" x2="22" y2="12"></line>
<path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
</svg>
全栈学习网
</span>
<span style="display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:6px;background:#f1f5f9;color:#94a3b8;font-size:13px;font-weight:500;">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="width:14px;height:14px;">
<rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
<line x1="8" y1="21" x2="16" y2="21"></line>
<line x1="12" y1="17" x2="12" y2="21"></line>
</svg>
管理会计OS
</span>
</div>
</div>
</a>
<!-- IT运维服务 -->
<div class="service-card fade-in fade-in-d3">
<div class="service-icon" style="background:#ecfeff;color:#0e7490;">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="3"></circle>
<path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
</svg>
</div>
<h3>IT运维服务</h3>
<p>驻场IT技术支持、服务器运维、网站建设维护、办公设备年度维保、IT规划咨询</p>
<div class="service-tags">
<span>驻场运维</span><span>服务器维护</span><span>IT规划</span>
</div>
</div>
</div>
</div>
</section>
<!-- PRODUCTS -->
<section id="products" style="background:var(--gray-100);">
<div class="section-inner">
<div class="section-label fade-in">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"></path>
<line x1="3" y1="6" x2="21" y2="6"></line>
<path d="M16 10a4 4 0 0 1-8 0"></path>
</svg>
PRODUCTS
</div>
<h2 class="section-title fade-in">产品销售</h2>
<p class="section-desc fade-in">正品行货,品质保障,电话下单2小时送达,免费安装</p>
<div class="products-grid">
<!-- 联想电脑 -->
<div class="product-card fade-in fade-in-d1">
<div class="product-img" style="background:linear-gradient(135deg,#ecfeff,#cffafe);">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="color:#0e7490;">
<rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
<line x1="8" y1="21" x2="16" y2="21"></line>
<line x1="12" y1="17" x2="12" y2="21"></line>
</svg>
</div>
<div class="product-body">
<h3>联想电脑</h3>
<p>联想 ThinkPad / 小新 / 拯救者系列笔记本、扬天 / ThinkCentre 台式机、工作站</p>
<div class="product-tags">
<span>笔记本</span><span>台式机</span><span>工作站</span><span>ThinkPad</span><span>小新</span><span>拯救者</span>
</div>
<a href="/products/lenovo.html" class="product-btn">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<line x1="5" y1="12" x2="19" y2="12"></line>
<polyline points="12 5 19 12 12 19"></polyline>
</svg>
查看详情
</a>
</div>
</div>
<!-- 办公设备 -->
<div class="product-card fade-in fade-in-d1">
<div class="product-img" style="background:linear-gradient(135deg,#ecfeff,#cffafe);">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="color:#0e7490;">
<polyline points="6 9 6 2 18 2 18 9"></polyline>
<path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path>
<rect x="6" y="14" width="12" height="8"></rect>
</svg>
</div>
<div class="product-body">
<h3>办公设备</h3>
<p>打印机、复印机、扫描仪、多功能一体机、投影仪、碎纸机、会议设备</p>
<div class="product-tags">
<span>打印机</span><span>复印机</span><span>扫描仪</span><span>投影仪</span><span>一体机</span><span>会议设备</span>
</div>
<a href="/products/office.html" class="product-btn">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<line x1="5" y1="12" x2="19" y2="12"></line>
<polyline points="12 5 19 12 12 19"></polyline>
</svg>
查看详情
</a>
</div>
</div>
<!-- 配件耗材 -->
<div class="product-card fade-in fade-in-d2">
<div class="product-img" style="background:linear-gradient(135deg,#ecfeff,#cffafe);">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="color:#0e7490;">
<circle cx="12" cy="12" r="3"></circle>
<path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
</svg>
</div>
<div class="product-body">
<h3>配件耗材</h3>
<p>原装/品牌硒鼓、墨盒、碳粉、色带、打印纸、网线、水晶头、电源、键鼠、内存、硬盘</p>
<div class="product-tags">
<span>硒鼓墨盒</span><span>碳粉</span><span>打印纸</span><span>网线</span><span>键鼠</span><span>内存硬盘</span>
</div>
<a href="/products/consumables.html" class="product-btn">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<line x1="5" y1="12" x2="19" y2="12"></line>
<polyline points="12 5 19 12 12 19"></polyline>
</svg>
查看详情
</a>
</div>
</div>
</div>
</div>
</section>
<!-- WHY US -->
<section id="why" class="why-section">
<div class="section-inner">
<div class="section-label fade-in">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 20h9"></path>
<path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"></path>
</svg>
WHY CHOOSE US
</div>
<h2 class="section-title fade-in">为什么选择我们</h2>
<p class="section-desc fade-in">专业值得信赖,服务创造价值</p>
<div class="why-grid">
<div class="why-card fade-in fade-in-d1">
<div class="why-icon" style="background:#ecfeff;color:#0e7490;">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
</svg>
</div>
<h3>快速响应</h3>
<p>应急维修:30 分钟内响应,县城 2 小时上门(恶劣天气、交通管制、边远乡镇等特殊情形除外;超出范围另行约定)<br>运维外包:工作日 4 小时内上门<br>紧急情况随叫随到</p>
</div>
<div class="why-card fade-in fade-in-d1">
<div class="why-icon" style="background:#ecfeff;color:#0e7490;">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="8" r="6"></circle>
<path d="M15.477 12.89 17 22l-5-3-5 3 1.523-9.11"></path>
</svg>
</div>
<h3>专业团队</h3>
<p>资深认证工程师团队<br>十年以上行业经验<br>持续技术培训更新</p>
</div>
<div class="why-card fade-in fade-in-d2">
<div class="why-icon" style="background:#ecfeff;color:#0e7490;">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
</svg>
</div>
<h3>售后保障</h3>
<p>维修后质保3个月<br>所有报价公开透明<br>无隐形消费承诺</p>
</div>
<div class="why-card fade-in fade-in-d2">
<div class="why-icon" style="background:#ecfeff;color:#0e7490;">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
<line x1="8" y1="21" x2="16" y2="21"></line>
<line x1="12" y1="17" x2="12" y2="21"></line>
</svg>
</div>
<h3>全品类覆盖</h3>
<p>一站式IT服务解决方案<br>电脑·打印机·网络·服务器<br>省心省力·降本增效</p>
</div>
</div>
</div>
</section>
<!-- 博海视角(PERSPECTIVE) -->
<section id="perspective" class="perspective-section">
<div class="section-inner">
<div class="section-label fade-in">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="10"></circle>
<line x1="2" y1="12" x2="22" y2="12"></line>
<path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
</svg>
博海视角
</div>
<h2 class="section-title fade-in">洞察 · 思考 · 观点</h2>
<p class="section-desc fade-in">博海公司出品 · 一切皆如 — 品宣BOT同步发布的热点洞察与人文思考</p>
<div class="perspective-tabs fade-in" id="perspective-tabs">
<button class="ptab active" data-section="all">全部</button>
<button class="ptab" data-section="humanities">博海视角(人文)</button>
<button class="ptab" data-section="botos">BotOS 实践</button>
<button class="ptab" data-section="company">公司身份</button>
</div>
<div class="perspective-grid" id="perspective-list">
<!-- 动态由 JavaScript 加载 -->
</div>
<div class="perspective-actions fade-in fade-in-d3">
<a href="/perspective/" class="perspective-btn">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<line x1="5" y1="12" x2="19" y2="12"></line>
<polyline points="12 5 19 12 12 19"></polyline>
</svg>
查看全部 <span id="article-total">138</span> 篇文章
</a>
</div>
</div>
</section>
<!-- CONTACT -->
<section class="contact-section" id="contact">
<div class="section-inner">
<div class="section-label fade-in" style="color:rgba(255,255,255,.72);">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
<polyline points="22,6 12,13 2,6"></polyline>
</svg>
CONTACT US
</div>
<h2 class="section-title fade-in">联系我们</h2>
<p class="section-desc fade-in">随时为您服务,期待您的来电</p>
<div class="contact-grid">
<div class="contact-item fade-in fade-in-d1">
<div class="icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M22 16.92v3a2 2 0 0 1-2.18 2A19.79 19.79 0 0 1 7.32 6.18 2 2 0 0 1 9.5 4.5h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L13.5 13.5a12.06 12.06 0 0 0 5.67 5.67l1.78-1.78a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>
</svg>
</div>
<h4>服务热线 · 销售 · 售后技术支持</h4>
<div class="value">
服务热线 <a href="tel:09124223980">0912-4223980</a>
<span class="divider">|</span>
销售咨询 <a href="tel:09124221786">0912-4221786</a>
<span class="divider">|</span>
售后技术支持 <a href="tel:09124215944">0912-4215944</a>
</div>
<div class="sub">服务热线 8:30-18:00 · 周日及节假日接受预约 · 周末紧急报修</div>
</div>
<div class="contact-item fade-in fade-in-d1">
<div class="icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path>
<circle cx="12" cy="10" r="3"></circle>
</svg>
</div>
<h4>公司地址</h4>
<div class="value">陕西省榆林市定边县二道西街(房管所楼下)</div>
<div class="sub">定边县内均可上门服务</div>
</div>
<div class="contact-item fade-in fade-in-d2">
<div class="icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="10"></circle>
<polyline points="12 6 12 12 16 14"></polyline>
</svg>
</div>
<h4>服务时间</h4>
<div class="value">周一至周六 8:30 - 18:00</div>
<div class="sub">周日及节假日接受预约服务</div>
</div>
<div class="contact-item fade-in fade-in-d2">
<div class="icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
<polyline points="22,6 12,13 2,6"></polyline>
</svg>
</div>
<h4>电子邮箱</h4>
<div class="value"><a href="mailto:service@sxbh.ltd">service@sxbh.ltd</a></div>
<div class="sub">24小时内回复邮件</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer>
<div>
© 2026 陕西博海网络科技有限公司
<span class="sep">|</span> 专业IT服务 · 值得信赖
</div>
<div style="margin-top:8px;">
<a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">陕ICP备2023001969号-3</a>
<span class="sep">|</span> 统一社会信用代码:91610825713571436B
</div>
<!-- sxbh-legal-links -->
<div style="margin-top:8px;">
<a href="/privacy.html" style="color:#9fc7d8;">隐私政策</a>
<span style="margin:0 10px;color:rgba(255,255,255,.35);">|</span>
<a href="/terms.html" style="color:#9fc7d8;">服务条款</a>
</div>
</footer>
<!-- FLOAT CONSULT - 电话 + 微信 + 在线咨询 -->
<button class="float-btn consult-btn" onclick="toggleConsultModal()" aria-label="在线咨询" style="bottom:164px;">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 20h9"></path><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"></path>
</svg>
</button>
<a href="tel:09124223980" class="float-btn phone-btn" aria-label="电话咨询" style="bottom:96px;">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M22 16.92v3a2 2 0 0 1-2.18 2A19.79 19.79 0 0 1 7.32 6.18 2 2 0 0 1 9.5 4.5h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L13.5 13.5a12.06 12.06 0 0 0 5.67 5.67l1.78-1.78a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>
</svg>
</a>
<a href="https://work.weixin.qq.com/ca/cawcde4a54ff2e7ff5" target="_blank" class="float-btn wecom-btn" aria-label="微信咨询" style="bottom:28px;">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
</svg>
</a>
<!-- CONSULT MODAL -->
<div id="consultOverlay" class="consult-overlay" onclick="closeConsultModal(event)">
<div class="consult-modal" onclick="event.stopPropagation()">
<button class="consult-close" onclick="closeConsultModal()">&times;</button>
<h3>在线咨询</h3>
<p class="consult-desc">请留下您的联系方式,我们将尽快与您取得联系</p>
<form id="consultForm" onsubmit="submitConsult(event)">
<div class="form-group">
<label for="consultName">姓名</label>
<input type="text" id="consultName" name="name" required placeholder="请输入您的姓名">
</div>
<div class="form-group">
<label for="consultPhone">联系电话</label>
<input type="tel" id="consultPhone" name="phone" required placeholder="请输入您的手机号">
</div>
<div class="form-group">
<label for="consultMsg">需求描述</label>
<textarea id="consultMsg" name="message" rows="3" placeholder="请简要描述您的需求(如:需要购买联想电脑、办公设备采购等)"></textarea>
</div>
<div class="form-group" style="display:flex;align-items:flex-start;gap:8px;">
<input type="checkbox" id="consultAgree" required style="width:16px;height:16px;margin-top:3px;flex:none;accent-color:#0e7490;">
<label for="consultAgree" style="display:inline-block;font-size:13px;font-weight:400;line-height:1.6;color:#475569;margin:0;cursor:pointer;">我已阅读并同意<a href="/privacy.html" target="_blank" rel="noopener" style="color:#0e7490;">《隐私政策》</a>与<a href="/terms.html" target="_blank" rel="noopener" style="color:#0e7490;">《服务条款》</a></label>
</div>
<button type="submit" class="consult-submit">提交咨询</button>
<p class="consult-tip">或直接拨打 <strong>0912-4223980</strong></p>
</form>
<div id="consultSuccess" class="consult-success" style="display:none;">
<div class="success-icon">✓</div>
<h4>提交成功!</h4>
<p>感谢您的咨询,我们将尽快与您联系。</p>
<p style="font-size:13px;color:var(--gray-400);margin-top:4px;">或直接拨打 0912-4223980</p>
</div>
</div>
</div>
<script>
// ===== 咨询弹窗 =====
function toggleConsultModal() {
document.getElementById('consultOverlay').classList.toggle('open');
document.body.style.overflow = document.getElementById('consultOverlay').classList.contains('open') ? 'hidden' : '';
}
function closeConsultModal(e) {
if (e && e.target !== e.currentTarget) return;
document.getElementById('consultOverlay').classList.remove('open');
document.body.style.overflow = '';
}
function submitConsult(e) {
e.preventDefault();
const agree = document.getElementById('consultAgree');
if (!agree || !agree.checked) {
alert('请先阅读并勾选同意《隐私政策》与《服务条款》后再提交');
return;
}
const btn = document.querySelector('.consult-submit');
btn.disabled = true; btn.textContent = '提交中...';
const name = document.getElementById('consultName').value.trim();
const phone = document.getElementById('consultPhone').value.trim();
const msg = document.getElementById('consultMsg').value.trim();
const text = `📩 新咨询\n姓名: ${name}\n电话: ${phone}\n需求: ${msg || '未填写'}`;
// 通过 gotify 发送通知 - 尝试本地通知服务
fetch('https://sxbh.ltd/api/consult', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify({name, phone, message: msg})
}).catch(() => {
// 静默失败 - 通知可能失败但咨询已记录
});
// 显示成功
document.getElementById('consultForm').style.display = 'none';
document.getElementById('consultSuccess').style.display = 'block';
setTimeout(() => { closeConsultModal(); }, 3000);
}
const observer = new IntersectionObserver((entries) => {
entries.forEach(e => {
if (e.isIntersecting) e.target.classList.add('visible');
});
}, { threshold: .1 });
document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));
// ===== 加载博海视角最新文章(支持栏目分流)=====
(async function() {
const container = document.getElementById('perspective-list');
const tabs = document.getElementById('perspective-tabs');
let allArticles = [];
let currentSection = 'all';
function render() {
// 栏目分流:company 保留待补(空态建设中);other 并入 humanities 展示;无 section 视为 other
const inSec = (a, sec) => {
const s = a.section || 'other';
if (s === sec) return true;
// other(商业观察/中性)并入 humanities tab 展示,全部在 all 可见
if (sec === 'humanities' && s === 'other') return true;
return false;
};
const filtered = currentSection === 'all'
? allArticles
: allArticles.filter(a => inSec(a, currentSection));
const slice = filtered.slice(0, 6);
if (slice.length === 0) {
const emptyMsg = currentSection === 'company'
? '该栏目建设中,敬请期待'
: '该栏目暂无文章';
container.innerHTML = `<p style="text-align:center;color:var(--gray-400);padding:40px;">${emptyMsg}</p>`;
return;
}
const catLabel = {humanities: '博海视角(人文)', botos: 'BotOS 实践', company: '公司身份', other: '博海视角'};
container.innerHTML = slice.map(a => `
<a href="${a.url}" target="_blank" class="service-card-link" data-track="${a.section || 'other'}">
<div class="perspective-card fade-in">
<div class="cat">${catLabel[a.section] || a.category || '博海视角'}</div>
<h3>${a.title}</h3>
<div class="meta">${a.date || ''}</div>
<span class="perspective-link">
阅读全文
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<line x1="5" y1="12" x2="19" y2="12"></line>
<polyline points="12 5 19 12 12 19"></polyline>
</svg>
</span>
</div>
</a>
`).join('');
// Trigger fade-in animation
requestAnimationFrame(() => {
container.querySelectorAll('.perspective-card').forEach(el => {
observer.observe(el);
// Force a quick reflow so the fade-in triggers
el.getBoundingClientRect();
});
});
}
try {
const resp = await fetch('/perspective-articles.json?t=' + Date.now());
if (!resp.ok) throw new Error('HTTP ' + resp.status);
const data = await resp.json();
allArticles = data.articles || [];
const totalEl = document.getElementById('article-total');
if (totalEl) totalEl.textContent = allArticles.length;
render();
// Tab 切换
tabs.querySelectorAll('.ptab').forEach(btn => {
btn.addEventListener('click', () => {
tabs.querySelectorAll('.ptab').forEach(b => b.classList.remove('active'));
btn.classList.add('active');
currentSection = btn.dataset.section;
render();
});
});
} catch(e) {
console.error('加载博海视角文章失败:', e);
container.innerHTML = '<p style="text-align:center;color:var(--gray-400);padding:40px;">博海视角文章正在加载中…</p>';
}
})();
</script>
<!-- 博海AI自动获客组件 -->
<link rel="stylesheet" href="/chat-widget.css">
<script src="/chat-widget.js"></script>
</body></html>