255 lines
11 KiB
HTML
255 lines
11 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<link rel="icon" href="./imgs/home/logoicon.png">
|
||
<link rel="stylesheet" href="./css/header.css">
|
||
<link rel="stylesheet" href="./css/index.css">
|
||
<link rel="stylesheet" href="./css/footer.css">
|
||
<title>深圳丰潇</title>
|
||
<script src="./js/header.js"></script>
|
||
<script src="./js/index.js"></script>
|
||
</head>
|
||
|
||
<body>
|
||
<header class="header">
|
||
<div class="logo">
|
||
<img src="./imgs/home/logo.png" alt="logo">
|
||
</div>
|
||
<div class="nav">
|
||
<ul class="nav-list">
|
||
<li class="nav-item">
|
||
<a href="#" class="nav-link active ">
|
||
首页
|
||
</a>
|
||
</li>
|
||
<li class="nav-item nav-dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
||
<a href="#" class="nav-link ">
|
||
主营业务 <span class="arrow" aria-hidden="true"></span>
|
||
</a>
|
||
<ul class="dropdown-menu" aria-label="主营业务下拉菜单">
|
||
<li><a href="./html/websiteDesign.html">网站设计 <div class="dropdown-item"></div></a></li>
|
||
<li><a href="./html/aimodel.html">企业AI模型训练与接入技术服务 <div class="dropdown-item"></div></a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="./html/technicalSupport.html" class="nav-link">
|
||
支持与服务
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="./html/aboutUs.html" class="nav-link">
|
||
关于丰潇
|
||
</a>
|
||
</li>
|
||
|
||
<li class="nav-item contactUs">
|
||
<a href="mailto:zmz@yxsilicon.com" class="nav-link emailBox">
|
||
<span>联系我们</span>
|
||
<div class="contactUs-email">
|
||
<img src="./imgs/home/email.svg" alt="email">
|
||
</div>
|
||
</a>
|
||
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
<div class="dropdown-mask" tabindex="0" aria-label="下拉菜单遮罩层"></div>
|
||
</div>
|
||
|
||
|
||
</header>
|
||
|
||
<section class="banner">
|
||
<div class="banner-left">
|
||
<div class="banner-left-video">
|
||
<video autoplay loop muted playsinline style="width: 100%;height: 100%;object-fit: cover;" preload="metadata">
|
||
<source src="./imgs/home/video.mp4" type="video/mp4">
|
||
你的浏览器不支持 video 标签。
|
||
</video>
|
||
</div>
|
||
|
||
<div class="banner-left-title">
|
||
<p>专业</p>
|
||
<p>创新</p>
|
||
<p>高效</p>
|
||
<p>专注于网站设计与AI模型训练,致力于帮助客户实现业务目标。</p>
|
||
</div>
|
||
<div class="banner-left-button">
|
||
<a href="./html/aboutUs.html"> <span>关于丰潇</span> <span class="right-arrow"></span></a>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<div class="banner-right">
|
||
<div class="banner-right-top">
|
||
<img src="./imgs/home/aimodel.png" alt="AI模型">
|
||
|
||
</div>
|
||
<div class="banner-right-bottom">
|
||
|
||
<img src="./imgs/home/website.png" alt="网站制作">
|
||
</div>
|
||
|
||
<div class="banner-left-button right-button-top">
|
||
<a href="./html/aimodel.html"> <span>AI模型</span> <span class="right-arrow"></span></a>
|
||
</div>
|
||
|
||
<div class="banner-left-button right-button">
|
||
<a href="./html/websiteDesign.html"> <span>网站制作</span> <span class="right-arrow"></span></a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<section class="business">
|
||
<div class="business-content">
|
||
<div class="business-text">
|
||
<h2>网站设计新视界</h2>
|
||
<p class="subtitle">我们以用户为中心，将环保、智能、情感价值融入设计，同时拥抱AI新技术，实现设计突破，提升用户体验，推动社会可持续发展。</p>
|
||
<a href="./html/websiteDesign.html" class="business-btn" tabindex="0" aria-label="查看更多">查看更多</a>
|
||
</div>
|
||
<div class="business-gallery">
|
||
<div class="gallery-mask top"></div>
|
||
<div class="gallery-list">
|
||
<img src="./imgs/home/newvision1.png" alt="新视界1" />
|
||
<img src="./imgs/home/newvision2.png" alt="新视界2" />
|
||
<img src="./imgs/home/newvision3.png" alt="新视界3" />
|
||
</div>
|
||
<div class="gallery-mask bottom"></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<section class="aimodel">
|
||
<div class="aimodel-bg">
|
||
<div class="aimodel-content">
|
||
<div class="aimodel-top">
|
||
<div class="aimodel-top-left">
|
||
<img src="./imgs/home/ai.png" alt="AI模型">
|
||
</div>
|
||
<div class="aimodel-text">
|
||
<h2>AI模型训练</h2>
|
||
<h2>与接入技术服务</h2>
|
||
<p class="subtitle">为企业构建、训练、部署定制化的 AI 模型，支持多种业务场景如智能客服、推荐系统、图像识别、文档处理等。实现 AI 能力的快速接入与业务融合。</p>
|
||
<a href="./html/aimodel.html" class="business-btn" tabindex="0" aria-label="查看更多">查看更多</a>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="aimodel-bottom">
|
||
<ul class="aimodel-bottom-list">
|
||
<li class="aimodel-bottom-list-item">
|
||
<div class="list-item-imgBox">
|
||
<img src="./imgs/home/ailist1.png" alt="智能客服">
|
||
</div>
|
||
<div class="list-item-text">
|
||
<h3>智能客服</h3>
|
||
<p>智能技术赋能，真正懂客户的客服机器人提供全天候服务。</p>
|
||
</div>
|
||
|
||
</li>
|
||
<li class="aimodel-bottom-list-item">
|
||
<div class="list-item-imgBox">
|
||
<img src="./imgs/home/ailist2.png" alt="电商推荐系统">
|
||
</div>
|
||
<div class="list-item-text">
|
||
<h3>电商推荐系统</h3>
|
||
<p>为用户提供精准的商品推荐，提升购物体验和消费满意度。</p>
|
||
</div>
|
||
|
||
</li>
|
||
<li class="aimodel-bottom-list-item">
|
||
<div class="list-item-imgBox">
|
||
<img src="./imgs/home/ailist3.png" alt="图像识别">
|
||
</div>
|
||
<div class="list-item-text">
|
||
<h3>图像识别</h3>
|
||
<p>提供超过十万种物体和场景的通用图像识别，以及人脸、植物、车型、动物、logo等类别识别，还支持定制化识图和私有化部署。</p>
|
||
</div>
|
||
|
||
</li>
|
||
<li class="aimodel-bottom-list-item">
|
||
<div class="list-item-imgBox">
|
||
<img src="./imgs/home/ailist4.png" alt="文档处理">
|
||
</div>
|
||
<div class="list-item-text">
|
||
<h3>文档处理</h3>
|
||
<p>运用先进AI技术，提供全面的文档处理功能，如智能排版、多语言翻译、自动纠错等，让文档编辑、整理、翻译变得轻松简单。</p>
|
||
</div>
|
||
|
||
</li>
|
||
</ul>
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<img class="section-divider-img" src="../imgs/home/bg3.svg" alt="分割装饰" />
|
||
<div class="advantage-bg">
|
||
<div class="advantage-content">
|
||
<h2>我们的优势</h2>
|
||
<ul class="advantage-list">
|
||
<li class="advantage-list-item">
|
||
<img src="./imgs/home/advantage1.png" alt="优势1">
|
||
<p>支持大模型微调(如 GPT、BERT、CLIP)与私有化部署</p>
|
||
</li>
|
||
<li class="advantage-list-item">
|
||
<img src="./imgs/home/advantage2.png" alt="优势2">
|
||
<p>接入企业专属知识库，提供 RAG 检索增强生成方案</p>
|
||
</li>
|
||
<li class="advantage-list-item">
|
||
<img src="./imgs/home/advantage3.png" alt="优势3">
|
||
<p>内置安全策略与日志审计功能，保障模型可控与合规</p>
|
||
</li>
|
||
</ul>
|
||
|
||
<div class="advantage-list-item-img">
|
||
<img src="./imgs/home/list1.png" alt="7*24小时服务">
|
||
<img src="./imgs/home/list2.png" alt="专业技术服务">
|
||
<img src="./imgs/home/list3.png" alt="全周期解决方案">
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="footer">
|
||
<ul class="footer-list">
|
||
<li class="footer-list-item">
|
||
<img class="footer-logo" src="./imgs/home/footerlogo.png" alt="logo">
|
||
</li>
|
||
<li class="footer-list-item item-textBOX">
|
||
<div class="footer-list-item-text">
|
||
深圳丰潇技术服务有限公司是一家专注于网站设计与 AI 模型训练的企业，为客户提供全方位的技术服务支持。我们秉承“专业、创新、高效”的理念，致力于帮助客户实现业务目标，提升企业竞争力。
|
||
</div>
|
||
</li>
|
||
<li class="footer-list-item item-nav">
|
||
<p>主营业务</p>
|
||
<p style="margin-top: 5vh;"> <a href="./html/websiteDesign.html">网站设计</a></p>
|
||
<p style="margin-top: 5vh;"> <a href="./html/aimodel.html">企业 AI 模型训练与接入技术服务</a></p>
|
||
</li>
|
||
<li class="footer-list-item item-nav">
|
||
<p>和我们取得联系</p>
|
||
<p style="margin-top: 5vh;"> <img src="./imgs/home/positioning.svg" alt=""> 地址：<a href="./html/websiteDesign.html"></a></p>
|
||
<p style="margin-top: 5vh;"><img src="./imgs/home/footeremail.svg" alt=""> 邮箱： <a href="./html/websiteDesign.html"></a></p>
|
||
</li>
|
||
</ul>
|
||
|
||
<div class="footer-bottom">
|
||
<p>Copyright ©深圳丰潇技术服务有限公司 版权所有</p>
|
||
</div>
|
||
|
||
</section>
|
||
|
||
|
||
</body>
|
||
|
||
</html> |