Files
fad-home/portfolio.html
砂糖 2cf1b252e3 feat: 添加行业资讯模块及相关功能
新增行业资讯列表页和详情页,实现文章数据的获取和展示功能
添加导航菜单项到所有页面,并移除部分冗余代码
创建HTTP请求工具函数用于获取文章数据
2026-04-04 11:10:07 +08:00

326 lines
18 KiB
HTML

<!DOCTYPE html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<title>成功案例 - 福安德信息科技有限公司</title>
<meta name="description" content="福安德信息科技有限公司在工业自动化、智慧校园、人工智能应用等领域的成功案例展示。">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="assets/logo/favicon.ico">
<link rel="apple-touch-icon" href="assets/logo/favicon.ico">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/all.css">
<link rel="stylesheet" href="assets/css/slick-theme.css">
<link rel="stylesheet" href="assets/css/slick.css">
<link rel="stylesheet" href="assets/css/animate.css">
<link rel="stylesheet" href="assets/css/venobox.css">
<link rel="stylesheet" href="assets/css/flaticon.css">
<link rel="stylesheet" href="assets/css/flaticon1.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/responsive.css">
<meta name="theme-color" content="#fafafa">
</head>
<body id="home">
<div id="loading"><img src="assets/picture/preloader.gif" alt=""></div>
<header>
<div class="site-navigation menu-transparent" id="mainmenu-area">
<nav class="navbar navbar-expand-lg navbar-light navbar-floating">
<div class="container"><a class="navbar-brand" href="index.html">
<img src="assets/logo/logo-white.jpg" alt="福安德信息科技" class="img-fluid">
<span class="ml-2 text-white">福安德信息科技有限公司</span>
</a><button
class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarMenu"
aria-controls="navbarMenu" aria-expanded="false" aria-label="Toggle navigation"><span
class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse mainmenu" id="navbarMenu">
<ul class="navbar-nav mx-auto">
<li class="nav-item"><a href="index.html" class="nav-link">首页</a></li>
<li class="nav-item"><a href="about.html" class="nav-link">关于我们</a></li>
<li class="nav-item"><a href="service.html" class="nav-link">解决方案</a></li>
<li class="nav-item"><a href="articleList.html" class="nav-link">行业资讯</a></li>
<li class="nav-item"><a href="portfolio.html" class="nav-link">成功案例</a></li>
<li class="nav-item"><a href="contact.html" class="nav-link">联系我们</a></li>
</ul>
<div class="header-btn d-none d-lg-block"><a href="tel:+8615075462410"
class="btn btn-radius btn-solid-border text-uppercase">欢迎致电</a></div>
</div>
</div>
</nav>
</div>
</header>
<section class="page-banner pt-60 pb-60">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-6">
<div class="page-banner-content text-center">
<h2>成功案例</h2>
<ul class="list-inline">
<li class="list-inline-item"><a href="index.html">首页</a></li>
<li class="list-inline-item"><i class="fa fa-angle-right"></i></li>
<li class="list-inline-item">成功案例</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="portfolio2 pt-100 pb-80 section">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-8">
<div class="section-heading text-center mb-70">
<span class="text-primary text-uppercase mb-10 d-inline-block">精选案例</span>
<h2>我们的成功案例</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="portfolio-item mb-30 bg-shadow item-common item-2 wow slideInUp" data-wow-delay="100ms"
data-wow-duration="1500ms">
<div class="portfolio-img"><img src="assets/picture/portfolio/1.png" style="height: 200px;" alt="1450mm二十辊轧机"
class="img-fluid"></div>
<div class="content">
<p>1450mm二十辊轧机</p>
<h4><a href="#">1450mm二十辊轧机</a></h4>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="portfolio-item mb-30 bg-shadow item-common item-2 wow slideInUp" data-wow-delay="300ms"
data-wow-duration="1500ms">
<div class="portfolio-img"><img src="assets/picture/portfolio/2.png" style="height: 200px;" alt="1250mm双机架平整兼二次冷轧机组"
class="img-fluid"></div>
<div class="content">
<p>双机架平整兼二次冷轧机组</p>
<h4><a href="#">双机架平整兼二次冷轧机组</a></h4>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="portfolio-item mb-30 bg-shadow item-common wow item-2 slideInUp" data-wow-delay="400ms"
data-wow-duration="1500ms">
<div class="portfolio-img"><img src="assets/picture/portfolio/3.png" style="height: 200px;" alt="1450mm二十辊轧机"
class="img-fluid"></div>
<div class="content">
<p>核心加热装备</p>
<h4><a href="#">核心加热装备</a></h4>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="portfolio-item mb-30 bg-shadow item-common item-2 wow slideInUp" data-wow-delay="600ms"
data-wow-duration="1500ms">
<div class="portfolio-img"><img src="assets/picture/portfolio/4.png" style="height: 200px;" alt="冷轧涂镀一体化平台"
class="img-fluid"></div>
<div class="content">
<p>冷轧涂镀一体化平台</p>
<h4><a href="#">冷轧涂镀一体化平台</a></h4>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="portfolio-item mb-30 bg-shadow item-common item-2 wow slideInUp" data-wow-delay="700ms"
data-wow-duration="1500ms">
<div class="portfolio-img"><img src="assets/picture/portfolio/5.png" style="height: 200px;" alt="机组生产及工艺管理系统"
class="img-fluid"></div>
<div class="content">
<p>机组生产及工艺管理系统</p>
<h4><a href="#">机组生产及工艺管理系统</a></h4>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="portfolio-item mb-30 bg-shadow item-common wow item-2 slideInUp" data-wow-delay="800ms"
data-wow-duration="1500ms">
<div class="portfolio-img"><img src="assets/picture/portfolio/6.png" style="height: 200px;" alt="数字化转型案例"
class="img-fluid"></div>
<div class="content">
<p>工程绩效管理系统</p>
<h4><a href="#">工程绩效管理系统</a></h4>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- <section class="portfolio section-padding pb-85 section bg-primary-light">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-8">
<div class="section-heading text-center mb-60">
<span class="text-primary text-uppercase mb-10 d-inline-block">更多案例</span>
<h2>我们的项目展示</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-3 col-lg-6 col-sm-6">
<div class="portfolio-item mb-4 text-center rounded bg-shadow item-common wow fadeInUp"
data-wow-duration="1500ms" data-wow-delay="100ms">
<div class="img-box"><img src="assets/picture/project/part.jpg" alt="工业自动化案例"
class="img-fluid">
<div class="overlay-content"><a href="javascript:;" class="venobox" data-gall="myGallery"><i
class="flaticon flaticon-plus"></i></a></div>
</div>
<div class="content">
<h4><a href="#">汽车零部件企业自动化改造</a></h4>
<p class="text-primary">工业自动化</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-sm-6">
<div class="portfolio-item mb-4 text-center rounded bg-shadow item-common wow fadeInUp"
data-wow-duration="1500ms" data-wow-delay="300ms">
<div class="img-box"><img src="assets/picture/project/control.jpg" alt="二级系统案例"
class="img-fluid">
<div class="overlay-content"><a href="javascript:;" class="venobox" data-gall="myGallery"><i
class="flaticon flaticon-plus"></i></a></div>
</div>
<div class="content">
<h4><a href="#">企业生产管理系统</a></h4>
<p class="text-primary">二级系统</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-sm-6">
<div class="portfolio-item mb-4 text-center rounded bg-shadow item-common wow fadeInUp"
data-wow-duration="1500ms" data-wow-delay="400ms">
<div class="img-box"><img src="assets/picture/project/smart.jpg" alt="智慧校园案例"
class="img-fluid">
<div class="overlay-content"><a href="javascript:;" class="venobox" data-gall="myGallery"><i
class="flaticon flaticon-plus"></i></a></div>
</div>
<div class="content">
<h4><a href="#">山东现代学院智慧校园建设</a></h4>
<p class="text-primary">智慧校园</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-sm-6">
<div class="portfolio-item mb-4 text-center rounded bg-shadow item-common wow fadeInUp"
data-wow-duration="1500ms" data-wow-delay="500ms">
<div class="img-box"><img src="assets/picture/project/ai-agent.png" alt="AI应用案例"
class="img-fluid">
<div class="overlay-content"><a href="javascript:;" class="venobox" data-gall="myGallery"><i
class="flaticon flaticon-plus"></i></a></div>
</div>
<div class="content">
<h4><a href="#">AI智能体-配网大模型</a></h4>
<p class="text-primary">人工智能应用</p>
</div>
</div>
</div>
</div>
</div>
</section> -->
<section class="cta bg-primary-light">
<div class="container">
<div class="cta-inner section">
<div class="cta-shape1"></div>
<div class="cta-shape2"></div>
<div class="cta-shape3"></div>
<div class="row align-items-center ">
<div class="col-xl-8 col-lg-8">
<div class="section-heading text-center text-lg-left mb-4 mb-lg-0">
<span class="text-white text-capitalize mb-10 d-inline-block">准备开始合作?</span>
<h2 class="text-white">联系我们</h2>
</div>
</div>
<div class="col-xl-4 col-lg-4">
<div class="text-center text-lg-right ">
<a href="contact.html" class="btn btn-main btn-radius text-uppercase">立即咨询</a>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer footer-2 pt-130">
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col-xl-3 col-md-6 col-sm-6">
<div class="footer-widget mb-5 mb-xl-0">
<div class="footer-logo">
<img src="assets/logo/logo-blue.jpg" alt="福安德信息科技" class="img-fluid">
</div>
<p>致力于为企业提供全方位的智能制造与数字化转型解决方案</p>
<div class="subscribe-form">
<form action="javascript:;" class="sub-form">
<input type="text" class="form-control" placeholder="请输入您的邮箱">
<a href="#"><i class="flaticon flaticon-paper-plane"></i></a>
</form>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 col-sm-6">
<div class="footer-widget mb-5 mb-xl-0 pl-xl-3">
<h3>快速链接</h3>
<ul class="list-unstyled">
<li><a href="about.html">关于我们</a></li>
<li><a href="service.html">解决方案</a></li>
<li><a href="portfolio.html">成功案例</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
</div>
</div>
<div class="col-xl-2 col-md-6 col-sm-6">
<div class="footer-widget mb-5 mb-xl-0">
<h3>支持服务</h3>
<ul class="list-unstyled">
<li><a href="contact.html">联系方式</a></li>
<li><a href="service.html">技术支持</a></li>
<li><a href="about.html">关于我们</a></li>
<li><a href="contact.html">在线咨询</a></li>
</ul>
</div>
</div>
<div class="col-xl-3 col-md-6 col-sm-6 offset-xl-1 col-lg-5">
<div class="footer-widget mb-5 mb-xl-0">
<h3>联系方式</h3>
<ul class="list-unstyled">
<li><strong>地址:</strong>山东省济宁市济宁经济开发区嘉瑞路与呈祥大道交汇处向北50米电子信息产业园A4号楼</li>
<li><a href="mailto:1225822242@qq.com"><strong>邮箱:</strong>1225822242@qq.com</a></li>
<li><a href="tel:15075462410"><strong>电话:</strong>15075462410</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
<div class="row">
<div class="col-xl-6 col-sm-6">
<p class="copyright text-center text-sm-left text-lg-left">Copyright © 2024 福安德信息科技有限公司. 版权所有</p>
</div>
<div class="col-xl-6 col-sm-6">
<div class="footer-socials text-center text-xl-right">
<a href="#"><i class="flaticon flaticon-weixin"></i></a>
<a href="#"><i class="flaticon flaticon-weibo"></i></a>
<a href="#"><i class="flaticon flaticon-linkedin"></i></a>
</div>
</div>
</div>
</div>
</div>
</footer>
<div class="fixed-btm-top"><a href="#home" class="smoth-scroll scroll-to-top bg-shadow"><i
class="fa fa-angle-up"></i></a></div>
<script src="assets/js/jquery-3.5.1.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/slick.min.js"></script>
<script src="assets/js/venobox.js"></script>
<script src="assets/js/tilt.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/jquery.waypoints.min.js"></script>
<script src="assets/js/jquery.counterup.min.js"></script>
<script src="assets/js/js.html"></script>
<script src="assets/js/map.js"></script>
<script src="assets/js/scripts.js"></script>
</body>
</html>