<!--
 * @Author: lyp 2936084795@qq.com
 * @LastEditors: lyp 2936084795@qq.com
 * @LastEditTime: 2024-11-27 13:56:21
 * @Description: 
-->
<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="utf-8">
        <title>领胜（北京）科技有限公司</title>
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <!-- 兼容所有浏览器 -->
        <meta content="" name="keywords">
        <meta content="" name="description">
        <mata http-equiv="X-UA-Compatible" content="IE=edge">
        <mata name="format-detection" content="telephone=no">
        <!-- Google Web Fonts -->
        <link rel="preconnect" href="http://fonts.googleapis.com">
        <link rel="preconnect" href="http://fonts.gstatic.com" crossorigin>
        <link href="http://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Poppins:wght@200;300;400;500;600&display=swap" rel="stylesheet"> 

        <!-- Icon Font Stylesheet -->
        <link rel="stylesheet" href="http://use.fontawesome.com/releases/v5.15.4/css/all.css"/>
        <!-- <link href="http://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet"> -->
        <link href="./css/bootstrap-icons.css" rel="stylesheet">

        <!-- Libraries Stylesheet -->
        <link href="lib/animate/animate.min.css" rel="stylesheet">
        <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">


        <!-- Customized Bootstrap Stylesheet -->
        <link href="css/bootstrap.min.css" rel="stylesheet">

        <!-- Template Stylesheet -->
        <link href="css/style.css" rel="stylesheet">
    <!-- <script type="text/javascript" src="./js/buffermove1.js"></script>  -->
        <link rel="icon" href="/favicon.ico" />
        <script type="text/javascript">
        </script>

    </head>

    <body style="background:transparent">
        <div id="container-fluid-bg" class="container-fluid-bg">

        </div>
        <!-- <video src="./img/4.mp4" id="container-fluid-bg" class="container-fluid-bg"  muted loop poster="./img/4fm.png"></video> -->
        
        <!-- <video id="container-fluid-bg" class="container-fluid-bg" poster="./img/mp4fm.png">
            <source src="./img/3.mp4" type="video/mp4">
            Your browser does not support the video tag.
        </video> -->
        <div class="container-fluid-main " id="container-fluid-main"></div>
        <!-- Spinner Start -->
        <div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
            <div class="spinner-border text-secondary" style="width: 3rem; height: 3rem;" role="status">
                <span class="sr-only">Loading...</span>
            </div>
        </div>
        <!-- Spinner End -->

        <!-- Navbar & Hero Start bg-white -->
        <div class="container-fluid nav-bar p-0">
            <nav class="navbar navbar-expand-lg navbar-light px-4 px-lg-5 py-3 py-lg-0" style="background: transparent !important;height:80px">
                <a href="" class="navbar-brand p-0">
                    <!-- <h1 class="display-5 text-secondary m-0"> -->
                        <img src="img/logo.png" class="img-fluid" alt="">
                    <!-- </h1> -->
                    <!-- <img src="img/logo.png" alt="Logo"> -->
                </a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
                    <span class="fa fa-bars"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarCollapse">
                    <div class="navbar-nav ms-auto py-0">
                        <a href="./index.html" class="nav-item nav-link active" onclick="clickMenu('0')">首页</a>
                        <a href="" class="nav-item nav-link" onclick="clickMenu('1') " data-bs-toggle="modal" data-bs-target="#searchModal">数字人</a>
                        <a href="#AboutCompany" class="nav-item nav-link" onclick="clickMenu('2')">公司简介</a>
                        <!-- <a href="#CaseShow" class="nav-item nav-link" onclick="clickMenu('3')">案例展示</a> -->
                        <div class="nav-item dropdown">
                            <a href="#CaseShow" class="nav-link" data-bs-toggle="dropdown"><span class="dropdown-toggle">案例展示</span></a>
                            <div class="dropdown-menu m-0">
                                <a href="#CaseShow-1" class="dropdown-item" onclick="clickMenu('3','dropdown-0')">数字政务</a>
                                <a href="#CaseShow-2" class="dropdown-item" onclick="clickMenu('3','dropdown-1')">智能制造</a>
                                <a href="#CaseShow-3" class="dropdown-item" onclick="clickMenu('3','dropdown-2')">智慧农业</a>
                                <a href="#CaseShow-4" class="dropdown-item" onclick="clickMenu('3','dropdown-3')">智慧矿山</a>
                                <a href="#CaseShow-5" class="dropdown-item" onclick="clickMenu('3','dropdown-4')">智慧水务</a>
                                <a href="#CaseShow-6" class="dropdown-item" onclick="clickMenu('3','dropdown-5')">人才培训</a>
                            </div>
                        </div>
                        <a href="#Customer" class="nav-item nav-link" onclick="clickMenu('4')">合作客户</a>
                        <a href="#ContactUs" class="nav-item nav-link" onclick="clickMenu('5')">联系我们</a>
                        <!-- <a href="contact.html" class="nav-item nav-link">Contact</a> -->
                    </div>
                    <!-- <button class="btn btn-primary btn-md-square border-secondary mb-3 mb-md-3 mb-lg-0 me-3" data-bs-toggle="modal" data-bs-target="#searchModal"><i class="fas fa-search"></i></button> -->
                    <!-- <a href="" class="btn btn-primary border-secondary rounded-pill py-2 px-4 px-lg-3 mb-3 mb-md-3 mb-lg-0">获取报价</a> -->
                </div>
            </nav>
        </div>
        <!-- Navbar & Hero End -->

        <!-- Modal Search Start -->
        <div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog ">
                <div class="modal-content rounded-0">
                    <div class="modal-header">
                        <h4 class="modal-title text-secondary mb-0" id="exampleModalLabel" style="color:#fff!important;">数字人</h4>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body  align-items-center">
                        <div class=" w-75 mx-auto " style="text-align: center;">
                            <h3 style="color:#fff!important;">免费试用</h3>
                            <span style="color: #fff;">网址：</span>
                            
                            <a style="color: #fff;" target="_blank" href="http://ai.linksuccess.net/#/login?name=freetrial&password=12345678" title="点击跳转数字人">http://ai.linksuccess.net</a>
                            <br>
                            <br>
                            
                            <span style="color: #fff;">账号：freetrial   密码：12345678</span>
                            <br>
                            <br>
                            <span style="color: #dd790a;">（温馨提示：请在电脑端使用数字人功能）</span>
                            <br>
                            <h6 style="color:#fff!important;margin-top: 20px;margin-bottom: 10px;">扫码添加微信，了解更多信息</h6>
                            <br>
                            <img width="250" src="./img/wx.png" alt="">
                        </div>
                    </div>
                    <div style="height:58px;line-height: 58px;text-align: center;color:#fff!important;border-top: 1px solid #fff;">商务热线：13051811630</div>
                </div>
            </div>
        </div>
        <!-- Modal Search End -->
        <!-- Carousel Start -->
        <div class="carousel-header" >
            <div id="carouselId" class="carousel slide" data-bs-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-bs-target="#carouselId" data-bs-slide-to="0" class="active"></li>
                    <li data-bs-target="#carouselId" data-bs-slide-to="1"></li>
                    <li data-bs-target="#carouselId" data-bs-slide-to="2"></li>
                </ol>
                <div class="carousel-inner" role="listbox">
                    <div class="carousel-item active">
                        <img src="img/carousel-1.jpg" class="img-fluid" alt="Image">
                        <div class="carousel-caption">
                            <div class="text-center p-4" style="max-width: 900px;">
                                <!-- <h4 class="text-white text-uppercase fw-bold mb-3 mb-md-4 wow fadeInUp" data-wow-delay="0.1s">AI 数字人领域</h4> -->
                                <h4 class="display-4 text-capitalize text-white mb-3 mb-md-4 wow fadeInUp" data-wow-delay="0.3s">AI 数字人领域</h4>
                                <p class="text-white mb-4 mb-md-5 fs-5 wow fadeInUp" data-wow-delay="0.5s">数字人培训授课</p>
                                <!-- <a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5 wow fadeInUp" data-wow-delay="0.7s" href="#">More Details</a> -->
                            </div>
                        </div>
                    </div>
                    <div class="carousel-item">
                        <img src="img/carousel-2.jpg" class="img-fluid" alt="Image">
                        <div class="carousel-caption">
                            <div class="text-center p-4" style="max-width: 900px;">
                                <!-- <h5 class="text-white text-uppercase fw-bold mb-3 mb-md-4 wow fadeInUp" data-wow-delay="0.1s">Solution For All Type Of Visas</h5> -->
                                <h4 class="display-4 text-capitalize text-white mb-3 mb-md-4 wow fadeInUp" data-wow-delay="0.3s">专业软件研发</h4>
                                <p class="text-white mb-4 mb-md-5 fs-5 wow fadeInUp" data-wow-delay="0.5s">智能工具软件、工业化上位机软件、医疗软件定制化开发</p>
                                <!-- <a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5 wow fadeInUp" data-wow-delay="0.7s" href="#">More Details</a> -->
                            </div>
                        </div>
                    </div>
                    <div class="carousel-item">
                        <img src="img/carousel-3.jpg" class="img-fluid" alt="Image">
                        <div class="carousel-caption">
                            <div class="text-center p-4" style="max-width: 900px">
                                <!-- <h5 class="text-white text-uppercase fw-bold mb-3 mb-md-4 wow fadeInUp" data-wow-delay="0.1s">Solution For All Type Of Visas</h5> -->
                                <h4 class="display-4 text-capitalize text-white mb-3 mb-md-4 wow fadeInUp" data-wow-delay="0.3s">政府企业网站</h4>
                                <p class="text-white mb-4 mb-md-5 fs-5 wow fadeInUp" data-wow-delay="0.5s">针对政府平台定制化高安全性的政府门户网站</p>
                                <!-- <a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5 wow fadeInUp" data-wow-delay="0.7s" href="#">More Details</a> -->
                            </div>
                        </div>
                    </div>
                </div>
                <button class="carousel-control-prev" type="button" data-bs-target="#carouselId" data-bs-slide="prev">
                    <span class="carousel-control-prev-icon bg-secondary wow fadeInLeft" data-wow-delay="0.2s" aria-hidden="false"></span>
                    <span class="visually-hidden-focusable">Previous</span>
                </button>
                <button class="carousel-control-next" type="button" data-bs-target="#carouselId" data-bs-slide="next">
                    <span class="carousel-control-next-icon bg-secondary wow fadeInRight" data-wow-delay="0.2s" aria-hidden="false"></span>
                    <span class="visually-hidden-focusable">Next</span>
                </button>
            </div>
        </div>
        <!-- Carousel End -->


        <!-- Modal Search Start -->
        <!-- <div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-fullscreen">
                <div class="modal-content rounded-0">
                    <div class="modal-header">
                        <h4 class="modal-title text-secondary mb-0" id="exampleModalLabel">Search by keyword</h4>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body d-flex align-items-center">
                        <div class="input-group w-75 mx-auto d-flex">
                            <input type="search" class="form-control p-3" placeholder="keywords" aria-describedby="search-icon-1">
                            <span id="search-icon-1" class="input-group-text p-3"><i class="fa fa-search"></i></span>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
        <!-- Modal Search End -->



        <!-- About Start -->
        <div class="container-fluid py-5" id="AboutCompany">
            <div class="container py-5">
                <div class="row g-5">
                    <div class="col-xl-7 wow fadeInLeft" data-wow-delay="0.1s">
                        <div class="bg-light rounded" style="padding: 10px;">
                            <!-- <img src="img/about-2.png" class="img-fluid w-100" style="margin-bottom: -7px;" alt="Image">
                            <img src="img/about-3.jpg" class="img-fluid w-100 border-bottom border-5 border-primary" style="border-top-right-radius: 300px; border-top-left-radius: 300px;" alt="Image"> -->
                            <!-- <video style="width: 100%;" src="./img/szr.mp4" class="" autoplay muted loop></video> -->
                            <video style="width: 100%;" controls muted loop poster="./img/szrfm.png">
                                <source src="./img/szr.mp4" />
                            </video>
                        </div>
                    </div>
                    <div class="col-xl-4 wow fadeInRight" data-wow-delay="0.3s" >
                        <h5 class="sub-title pe-3 text-white">About the company</h5>
                        <h1 class="display-5 mb-4 text-white">公司简介</h1>
                        <p class="mb-4 text-white" style="color: #fff;text-indent: 2em;">
                            领胜（北京）科技有限公司位于北京市朝阳区。以领域大数据、知识图谱、AI为依托，在数字政府、智能制造、智慧农业、智慧矿山、智慧水务、专业人才培训发展等领域积累了丰富的行业管理经验和专业知识，为多家政府、国央企单位提供了专业的软件产品和行业解决方案。
                        </p>
                        <p class="mb-4 text-white" style="color: #fff;text-indent: 2em;">
                            公司秉承“用心·同理心·放心”的经营理念，把客户作为核心价值的体现，致力于更安全、更高效、更贴心的服务。
                        </p>
                        <!-- <div class="about-5-4">
                            <div class="left">
                                <div class="title">五大业务方向</div>
                                <ul>
                                    <li>数字政务</li>
                                    <li>智能制造</li> 
                                    <li>智慧农业</li> 
                                    <li>智慧矿山</li> 
                                    <li>智慧水务</li> 
                                    <li>人才培训</li>
                                </ul>
                            </div>
                            <div class="right">
                                <div class="title">四大技术平台</div>
                            </div>
                        </div> -->
                        <!-- <div class="row gy-4 align-items-center">
                            <div class="col-12 col-sm-6 d-flex align-items-center">
                                <i class="fas fa-map-marked-alt fa-3x text-secondary"></i>
                                <h5 class="ms-4">Best Immigration Resources</h5>
                            </div>
                            <div class="col-12 col-sm-6 d-flex align-items-center">
                                <i class="fas fa-passport fa-3x text-secondary"></i>
                                <h5 class="ms-4">Return Visas Availabile</h5>
                            </div>
                            <div class="col-4 col-md-3">
                                <div class="bg-light text-center rounded p-3">
                                    <div class="mb-2">
                                        <i class="fas fa-ticket-alt fa-4x text-primary"></i>
                                    </div>
                                    <h1 class="display-5 fw-bold mb-2">34</h1>
                                    <p class="text-muted mb-0">Years of Experience</p>
                                </div>
                            </div>
                            <div class="col-8 col-md-9">
                                <div class="mb-5">
                                    <p class="text-primary h6 mb-3"><i class="fa fa-check-circle text-secondary me-2"></i> Offer 100 % Genuine Assistance</p>
                                    <p class="text-primary h6 mb-3"><i class="fa fa-check-circle text-secondary me-2"></i> It’s Faster & Reliable Execution</p>
                                    <p class="text-primary h6 mb-3"><i class="fa fa-check-circle text-secondary me-2"></i> Accurate & Expert Advice</p>
                                </div>
                                <div class="d-flex flex-wrap">
                                    <div id="phone-tada" class="d-flex align-items-center justify-content-center me-4">
                                        <a href="" class="position-relative wow tada" data-wow-delay=".9s">
                                            <i class="fa fa-phone-alt text-primary fa-3x"></i>
                                            <div class="position-absolute" style="top: 0; left: 25px;">
                                                <span><i class="fa fa-comment-dots text-secondary"></i></span>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="d-flex flex-column justify-content-center">
                                        <span class="text-primary">Have any questions?</span>
                                        <span class="text-secondary fw-bold fs-5" style="letter-spacing: 2px;">Free: +0123 456 7890</span>
                                    </div>
                                </div>
                            </div>
                        </div> -->
                    </div>
                </div>
            </div>
        </div>
        <!-- About End -->


        <!-- Counter Facts Start -->
        <div class="container-fluid counter-facts py-5">
            <div class="container py-5">
                <div class="row g-4">
                    <div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.1s">
                        <div class="counter">
                            <div class="counter-icon">
                                <i class="fas fa-passport"></i>
                            </div>
                            <div class="counter-content">
                                <h3 >涉猎领域</h3>
                                <div class="d-flex align-items-center justify-content-center">
                                    <span class="counter-value" data-toggle="counter-up">8</span>
                                    <h4 class="text-secondary mb-0" style="font-weight: 600; font-size: 25px;">+</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.3s">
                        <div class="counter">
                            <div class="counter-icon">
                                <i class="fas fa-users"></i>
                            </div>
                            <div class="counter-content">
                                <h3>服务网站</h3>
                                <div class="d-flex align-items-center justify-content-center">
                                    <span class="counter-value" data-toggle="counter-up">68</span>
                                    <h4 class="text-secondary mb-0" style="font-weight: 600; font-size: 25px;">+</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.5s">
                        <div class="counter">
                            <div class="counter-icon">
                                <i class="fas fa-user-check"></i>
                            </div>
                            <div class="counter-content">
                                <h3>WEB服务</h3>
                                <div class="d-flex align-items-center justify-content-center">
                                    <span class="counter-value" data-toggle="counter-up">12</span>
                                    <h4 class="text-secondary mb-0" style="font-weight: 600; font-size: 25px;">年</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-sm-6 col-md-6 col-xl-3 wow fadeInUp" data-wow-delay="0.7s">
                        <div class="counter">
                            <div class="counter-icon">
                                <i class="fas fa-handshake"></i>
                            </div>
                            <div class="counter-content">
                                <h3>覆盖城市</h3>
                                <div class="d-flex align-items-center justify-content-center">
                                    <span class="counter-value" data-toggle="counter-up">10</span>
                                    <h4 class="text-secondary mb-0" style="font-weight: 600; font-size: 25px;">+</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Counter Facts End -->


        <!-- Services Start -->
        <div class="container-fluid service overflow-hidden pt-5" id="CaseShow">
            <div class="container py-5">
                <div class="section-title text-center mb-5 wow fadeInUp" data-wow-delay="0.1s">
                    <div class="sub-style">
                        <h5 class="text-white sub-title text-primary px-3">Case Presentation</h5>
                    </div>
                    <h1 class="text-white display-5 mb-4">案例展示</h1>
                </div>
                <div class="row g-4" >
                    <div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.1s"  id="CaseShow-1">
                        <div class="service-item">
                            <div class="service-inner">
                                <div class="service-img">
                                    <img src="./img/Case/szzw.png" class="img-fluid w-100 rounded" alt="Image">
                                </div>
                                <div class="service-title">
                                    <div class="service-title-name">
                                        <div class="bg-primary text-center rounded p-3 mx-5 mb-4">
                                            <a href="#" class="h4 text-white mb-0">数字政务</a>
                                        </div>
                                        <!-- <a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="#">Explore More</a> -->
                                    </div>
                                    <div class="service-content pb-4" style="width: 85%;">
                                        <a href="#"><h4 class="text-white mb-4 py-3">数字政务</h4></a>
                                        <div class="px-4" style="min-width: 80%">
                                            <p class="mb-4" style="min-width: 80%;">
                                                1. 雄安政府信息公布平台<br>
                                                2. OA平台智能审批系统&nbsp;&nbsp;<br>
                                                3. 雄安新区等政府门户&nbsp;&nbsp;&nbsp;&nbsp;<br>
                                            </p>
                                            <!-- <a class="btn btn-primary border-secondary rounded-pill py-3 px-5" href="#">Explore More</a> -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.3s"  id="CaseShow-2">
                        <div class="service-item">
                            <div class="service-inner">
                                <div class="service-img">
                                    <img src="./img/Case/znzz.png" class="img-fluid w-100 rounded" alt="Image">
                                </div>
                                <div class="service-title">
                                    <div class="service-title-name">
                                        <div class="bg-primary text-center rounded p-3 mx-5 mb-4">
                                            <a href="#" class="h4 text-white mb-0">智能制造</a>
                                        </div>
                                        <!-- <a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="#">Explore More</a> -->
                                    </div>
                                    <div class="service-content pb-4" style="width: 85%;">
                                        <a href="#"><h4 class="text-white mb-4 py-3">智能制造</h4></a>
                                        <div class="px-4">
                                            <p class="mb-4">
                                                1. 中车环境监测中心项目<br>
                                                2. 中车产品营销超市&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
                                                3. 中车设备管理项目&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
                                                4. 中铁中基ERP系统&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
                                            </p>
                                            <!-- <a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5" href="#">Explore More</a> -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.5s"  id="CaseShow-3">
                        <div class="service-item">
                            <div class="service-inner">
                                <div class="service-img">
                                    <img src="./img/Case/zhny.png" class="img-fluid w-100 rounded" alt="Image">
                                </div>
                                <div class="service-title">
                                    <div class="service-title-name">
                                        <div class="bg-primary text-center rounded p-3 mx-5 mb-4">
                                            <a href="#" class="h4 text-white mb-0">智慧农业</a>
                                        </div>
                                        <!-- <a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="#">Explore More</a> -->
                                    </div>
                                    <div class="service-content pb-4" style="width: 85%;">
                                        <a href="#"><h4 class="text-white mb-4 py-3">智慧农业</h4></a>
                                        <div class="px-4">
                                            <p class="mb-4">
                                                1. 中铁中基智慧农业项目<br>
                                                2. 河北农大智慧桃树项目<br>
                                            </p>
                                            <!-- <a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5" href="#">Explore More</a> -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.1s"  id="CaseShow-4">
                        <div class="service-item">
                            <div class="service-inner">
                                <div class="service-img">
                                    <img src="./img/Case/zhks.png" class="img-fluid w-100 rounded" alt="Image">
                                </div>
                                <div class="service-title">
                                    <div class="service-title-name">
                                        <div class="bg-primary text-center rounded p-3 mx-5 mb-4">
                                            <a href="#" class="h4 text-white mb-0">智慧矿山</a>
                                        </div>
                                        <!-- <a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="#">Explore More</a> -->
                                    </div>
                                    <div class="service-content pb-4" style="width: 85%;">
                                        <a href="#"><h4 class="text-white mb-4 py-3">智慧矿山</h4></a>
                                        <div class="px-4">
                                            <p class="mb-4">
                                                1. 内蒙某市智慧矿山项目<br>
                                            </p>
                                            <!-- <a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5" href="#">Explore More</a> -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.3s"  id="CaseShow-5">
                        <div class="service-item">
                            <div class="service-inner">
                                <div class="service-img">
                                    <img src="./img/Case/zhsw.png" class="img-fluid w-100 rounded" alt="Image">
                                </div>
                                <div class="service-title">
                                    <div class="service-title-name">
                                        <div class="bg-primary text-center rounded p-3 mx-5 mb-4">
                                            <a href="#" class="h4 text-white mb-0">智慧水务</a>
                                        </div>
                                        <!-- <a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="#">Explore More</a> -->
                                    </div>
                                    <div class="service-content pb-4" style="width: 85%;">
                                        <a href="#"><h4 class="text-white mb-4 py-3">智慧水务</h4></a>
                                        <div class="px-4">
                                            <p class="mb-4">
                                                1. 中水北方水务管控系统<br>
                                            </p>
                                            <!-- <a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5" href="#">Explore More</a> -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.5s"  id="CaseShow-6">
                        <div class="service-item">
                            <div class="service-inner">
                                <div class="service-img">
                                    <img src="./img/Case/rcpx.png" class="img-fluid w-100 rounded" alt="Image">
                                </div>
                                <div class="service-title">
                                    <div class="service-title-name">
                                        <div class="bg-primary text-center rounded p-3 mx-5 mb-4">
                                            <a href="#" class="h4 text-white mb-0">人才培训</a>
                                        </div>
                                        <!-- <a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="#">Explore More</a> -->
                                    </div>
                                    <div class="service-content pb-4" style="width: 85%;">
                                        <a href="#"><h4 class="text-white mb-4 py-3">人才培训</h4></a>
                                        <div class="px-4">
                                            <p class="mb-4">
                                                1. 爱迪科森教育集团<br>
                                                2. 数字人培训授课&nbsp;&nbsp;&nbsp;<br>
                                            </p>
                                            <!-- <a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5" href="#">Explore More</a> -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Services End -->


        <!-- Contact Start -->
        <div class="container-fluid contact overflow-hidden pb-5">
            <div class="container py-5">
                <div class="office pt-5">
                    <div class="section-title text-center mb-5 wow fadeInUp" data-wow-delay="0.1s">
                        <div class="sub-style">
                            <h5 class="text-white sub-title text-primary px-3">Enterprise Credit Certification</h5>
                        </div>
                        <h1 class="text-white display-5 mb-4">企业信用认证</h1>
                        <!-- <p class="mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat deleniti amet at atque sequi quibusdam cumque itaque repudiandae temporibus, eius nam mollitia voluptas maxime veniam necessitatibus saepe in ab? Repellat!</p> -->
                    </div>
                    <div class="row g-4 justify-content-center m-b-40">
                        <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.1s">
                            <div class="office-item p-4">
                                <div class="office-img">
                                    <img src="img/ZS/1.jpg" class="img-fluid w-100 rounded" alt="">
                                </div>
                                <!-- <div class="office-content d-flex flex-column">
                                    <h4 class="mb-2">Australia</h4>
                                    <a href="#" class="text-secondary fs-5 mb-2">+123.456.7890</a>
                                    <a href="#" class="text-muted fs-5 mb-2">travisa@example.com</a>
                                    <p class="mb-0">123, First Floor, 123 St Roots Terrace, Los Angeles 90010 Unitd States of America.</p>
                                </div> -->
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.3s">
                            <div class="office-item p-4">
                                <div class="office-img">
                                    <img src="img/ZS/2.jpg" class="img-fluid w-100 rounded" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.5s">
                            <div class="office-item p-4">
                                <div class="office-img">
                                    <img src="img/ZS/3.jpg" class="img-fluid w-100 rounded" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.7s">
                            <div class="office-item p-4">
                                <div class="office-img">
                                    <img src="img/ZS/4.jpg" class="img-fluid w-100 rounded" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row g-4 justify-content-center m-b-40">
                        <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.7s">
                            <div class="office-item p-4">
                                <div class="office-img">
                                    <img src="img/ZS/5.jpg" class="img-fluid w-100 rounded" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.7s">
                            <div class="office-item p-4">
                                <div class="office-img">
                                    <img src="img/ZS/6.jpg" class="img-fluid w-100 rounded" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.7s">
                            <div class="office-item p-4">
                                <div class="office-img">
                                    <img src="img/ZS/7.jpg" class="img-fluid w-100 rounded" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.7s">
                            <div class="office-item p-4">
                                <div class="office-img">
                                    <img src="img/ZS/8.jpg" class="img-fluid w-100 rounded" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row g-4 justify-content-center">
                        <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.7s">
                            <div class="office-item p-4">
                                <div class="office-img">
                                    <img src="img/ZS/9.jpg" class="img-fluid w-100 rounded" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.7s">
                            <div class="office-item p-4">
                                <div class="office-img">
                                    <img src="img/ZS/10.jpg" class="img-fluid w-100 rounded" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Contact End -->
        <div class="container-fluid contact overflow-hidden" id="Customer">
            <div class="container py-5">
                <div class="office pt-5">
                    <div class="section-title text-center mb-5 wow fadeInUp" data-wow-delay="0.1s">
                        <div class="sub-style">
                            <h5 class="sub-title text-primary px-3 text-white">Customer</h5>
                        </div>
                        <h1 class="display-5 mb-4 text-white">合作客户</h1>
                        <!-- <p class="mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat deleniti amet at atque sequi quibusdam cumque itaque repudiandae temporibus, eius nam mollitia voluptas maxime veniam necessitatibus saepe in ab? Repellat!</p> -->
                    </div>
                </div>
            </div>
        </div>
        <!-- 客户矩阵 start -->
         <div class="hidden" >

             <div class="customer-matrix-box">
                 <div class="customer-matrix">
                     <div class="scorll">
                         <img class="grayscale-image m-l-40" src="./logoIcon/logo_1.png" alt="">
                         <img class="grayscale-image" src="./logoIcon/logo_3.png" alt="">
                         <img class="grayscale-image" src="./logoIcon/logo_4.png" alt="">
                         <img class="grayscale-image m-r-20" src="./logoIcon/logo_5.png" alt="">
                         <img class="grayscale-image   m-r-50" src="./logoIcon/logo_6.png" alt="">
                         <img class="grayscale-image" src="./logoIcon/logo_8.png" alt="">
                         <img class="grayscale-image m-l-50" style="height: 100px;margin-top: -20px;" src="./logoIcon/logo_2.png" alt="">
                     </div>
                     <div class="scorll">
                         <img class="grayscale-image m-l-40" src="./logoIcon/logo_15.png" alt="">
                         <img class="grayscale-image m-r-70 m-l-60" src="./logoIcon/logo_9.png" alt="">
                         <img class="grayscale-image m-r-50 m-l-60" src="./logoIcon/logo_7.png" alt="">
                         <img class="grayscale-image" width="460" src="./logoIcon/logo_14.png" alt="">
          
                     </div>
                     <div class="scorll">
                         <img class="grayscale-image m-l-70"  src="./logoIcon/logo_11.png" alt="">
                         <img class="grayscale-image m-l-40 m-r-90" src="./logoIcon/logo_12.png" alt="">
                         <img class="grayscale-image" src="./logoIcon/logo_13.png" alt="">
                         <img class="grayscale-image m-l-40" src="./logoIcon/logo_16.png" alt="">
                         <img class="grayscale-image m-l-40" src="./logoIcon/logo_10.png" alt="">
                     </div>
                  </div>
                 <div class="customer-matrix" style="background:#ccc">
                    <div class="scorll">
                        <img class="grayscale-image m-l-40" src="./logoIcon/logo_1.png" alt="">
                        <img class="grayscale-image" src="./logoIcon/logo_3.png" alt="">
                        <img class="grayscale-image" src="./logoIcon/logo_4.png" alt="">
                        <img class="grayscale-image m-r-20" src="./logoIcon/logo_5.png" alt="">
                        <img class="grayscale-image   m-r-50" src="./logoIcon/logo_6.png" alt="">
                        <img class="grayscale-image" src="./logoIcon/logo_8.png" alt="">
                        <img class="grayscale-image m-l-50" style="height: 100px;margin-top: -20px;" src="./logoIcon/logo_2.png" alt="">
                    </div>
                    <div class="scorll">
                        <img class="grayscale-image m-l-40" src="./logoIcon/logo_15.png" alt="">
                        <img class="grayscale-image m-r-70 m-l-60" src="./logoIcon/logo_9.png" alt="">
                        <img class="grayscale-image m-r-50 m-l-60" src="./logoIcon/logo_7.png" alt="">
                        <img class="grayscale-image" width="460" src="./logoIcon/logo_14.png" alt="">
         
                    </div>
                    <div class="scorll">
                        <img class="grayscale-image m-l-70"  src="./logoIcon/logo_11.png" alt="">
                        <img class="grayscale-image m-l-40 m-r-90" src="./logoIcon/logo_12.png" alt="">
                        <img class="grayscale-image" src="./logoIcon/logo_13.png" alt="">
                        <img class="grayscale-image m-l-40" src="./logoIcon/logo_16.png" alt="">
                        <img class="grayscale-image m-l-40" src="./logoIcon/logo_10.png" alt="">
                    </div>
                  </div>
             </div>
         </div>
        <!-- 客户矩阵 end -->


        <!-- Footer Start -->        
        <div class="container-fluid contact overflow-hidden">
            <div class="container py-5">
                <div class="office pt-5">
                    <div class="section-title text-center mb-5 wow fadeInUp" data-wow-delay="0.1s">
                        <div class="sub-style">
                            <h5 class="text-white sub-title text-primary px-3">Contact Us</h5>
                        </div>
                        <h1 class="text-white display-5 mb-4">联系我们</h1>
                        <p class="text-white mb-0" style="font-size: 20px;">感谢有你，我们的坚持才更有意义！ </p>
                    </div>
                </div>
            </div>
        </div>
        <div class=" footer"  id="ContactUs">
            <div class="row g-12 contact-us" style="margin-left: 0px !important;">
                <div class="col-md-12 col-lg-6 col-xl-6 info  wow fadeInLeft"  data-wow-delay="0.3s">
                    <div class="unique-card">
                        <div class="background-overlay"></div>
                        <div class="card-content">
                            <div class="info-txt">
                                <h3 class="wow fadeInUp " data-wow-delay="0.5s">联系我们</h3>
                                
                                <div class="wow fadeInRight" data-wow-delay="0.6s" style="color: #fff!important"><img src="./img/address.png" alt="">地址：北京市朝阳区光华路15号亿利生态广场1号楼13层1314室</div>
                                
                                <div class="wow fadeInRight" data-wow-delay="0.7s" style="color: #fff!important"><img src="./img/email.png" alt="">邮箱：cooperation@linksuccess.net</div>
                                
                                <div class="wow fadeInRight" data-wow-delay="0.8s" style="color: #fff!important"><img src="./img/phone_sw.png" alt="">商务：<a href="tel:13051811630" style="color: #fff!important">130 5181 1630</a></div>
                                
                                <div class="wow fadeInRight" data-wow-delay="0.9s" style="color: #fff!important"><img src="./img/phone_js.png" alt="">技术：<a href="tel:13041095117" style="color: #fff!important">130 4109 5117</a></div>
                            </div>
                        </div>
                      </div>
                    
                </div>
                <div class="col-md-12 col-lg-6 col-xl-6 map wow fadeInRight" data-wow-delay="0.3s">
                    <img src="./img/map.png" alt="">
                </div>
                
            </div>
        </div>
        <!-- Footer End -->

        
        <!-- Copyright Start -->
        <div class="container-fluid copyright py-4">
            <div class="container">
                <div class="row g-4 align-items-center">
                    <div class="col-md-12 text-center text-md-start mb-md-0">
                        <span class="text-white">
                            <img width="16" src="./img/bq.png" alt="" style="margin-right: 20px;"> 
                            版权所有@领胜（北京）科技有限公司 保留一切权利  京ICP备18048275号 
                    </div>
                </div>
            </div>
        </div>
        <!-- Copyright End -->


        <!-- Back to Top -->
        <a href="#" class="btn btn-primary btn-lg-square back-to-top"><i class="fa fa-arrow-up"></i></a>   

        
    <!-- JavaScript Libraries -->
    <!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
    <script src="http://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script> -->
    <script src="./js/jquery-3.6.4.min.js"></script>
    <script src="./js/bootstrap.bundle.min.js"></script>
    <script src="lib/wow/wow.min.js"></script>
    <script src="lib/easing/easing.min.js"></script>
    <script src="lib/waypoints/waypoints.min.js"></script>
    <script src="lib/counterup/counterup.min.js"></script>
    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
    

    <!-- Template Javascript -->
    <script src="js/main.js"></script>
    <!-- <script type="text/javascript" src="./js/index.js"></script> -->

    <!-- <script color="255,0,0"opacity="0.8"count="99" src="//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script> -->
    <!-- 引入外部的js代码 -->
    <script type="text/javascript" src="./js/index.js"></script>
        
</body>

</html>
<style>
 .hidden{
    width: 100vw;
     overflow: hidden;
     /* background:linear-gradient(to right, #d3f5f9, #e3e7ff); */
     /* background:linear-gradient(to right, #d8ebf7, #f6f3f9); */
     /* background:linear-gradient(to right, #d8ebf7, #d5e4f3); */
     background:#a7cce8;
 }
 .customer-matrix-box{
    width: calc(1903px * 2);
    height: 340px;
    display: flex;
 }
 .m-r-20{
    margin-right: 60px !important;
 }
 .m-r-70{
    margin-right: 60px !important;
 }
 .m-r-50{
    margin-right: 50px !important;
 }
 .m-r-90{
    margin-right: 90px !important;
 }
 .m-l-60{
    margin-left: 60px !important;
 }
 .m-l-70{
    margin-left: 70px !important;
 }
 .m-l-40{
    margin-left: 40px !important;
 }
 .m-b-40{
    margin-bottom: 40px;
 }
 /* .grayscale-image {
    filter: grayscale(100%) brightness(180%);
  }
 .grayscale-image:hover {
    filter: grayscale(0%) brightness(100%);
  } */
.customer-matrix{
    padding: 40px 0 0px;
    width: 1903px;
    
}
.customer-matrix img{
    margin-right: 35px;
    margin-bottom: 30px;
    height:55px;
}

@keyframes customer {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.customer-matrix-box:hover .scorll{
    animation-play-state: paused;
}

.customer-matrix-box .scorll {
    animation: customer 20s linear infinite normal;

}
.container-fluid-main{
    background-color: rgba(255, 255, 255, 0);
    /* background-color:#050d37; */
    position: fixed;
    top: 0px;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    margin: 0 auto;
    left: 50%; /* 偏移元素到左边50% */
    transform: translateX(-50%); 
}
.container-fluid-bg{
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%); 
    min-width: 100vw;
    min-height: 100vh;    
    background-color: #283593;
    z-index: -2;
}
.about-5-4{
    display: flex;
    padding: 8px 8px;
    border-radius: 5px;
    background:linear-gradient(to right, #5072f4,#cf57bd)!important;
}
.about-5-4 .left,.about-5-4 .right{
    flex: 1;
}
.about-5-4 .title{
    color: #fff;
}
</style>