huangyan
/
cc-officialweb


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588
							<!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">
    <meta content="Author" name="WebThemez">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Favicons -->
    <link href="../static/img/favicon.png" rel="icon">
    <link href="../static/img/apple-touch-icon.png" rel="apple-touch-icon">
    <link href="/static/layui/css/layui.css" rel="stylesheet">
    <!--字体 -->
    <link
            href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Raleway:300,400,500,700,800|Montserrat:300,400,700"
            rel="stylesheet">

    <!-- Bootstrap CSS File -->
    <link href="../static/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">


    <!-- Libraries CSS Files -->
    <link href="../static/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="../static/lib/animate/animate.min.css" rel="stylesheet">
    <link href="../static/lib/ionicons/css/ionicons.min.css" rel="stylesheet">
    <link href="../static/lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
    <link href="../static/lib/magnific-popup/magnific-popup.css" rel="stylesheet">
    <link href="../static/lib/ionicons/css/ionicons.min.css" rel="stylesheet">

    <!-- Main Stylesheet File -->
    <link href="../static/css/style.css" rel="stylesheet">
</head>

<body id="body">

<!--==========================
Header
============================-->
<header id="header">
    <div class="container">
        <div id="logo" class="pull-left">
            <img src="../static/img/favicon.png" alt="Logo" class="logo-image"/>
            <h1><a href="/" class="scrollto"><span>宝</span>智达冷链</a></h1>
        </div>
        <!-- 新增电话号码部分 -->
        <!--<div id="phone-number" class="pull-right">-->
        <!--    <i class="fa fa-phone-square" aria-hidden="true"></i> 电话: +86-123-4567-890-->
        <!--</div>-->
        <nav id="nav-menu-container">
            <ul class="layui-nav layui-bg-gray">
                <li class="layui-nav-item"><a href="/">首页</a></li>
                <li class="layui-nav-item"><a href="/about">关于我们</a></li>
                <li class="layui-nav-item">
                    <a href="/news?types=industry">新闻</a>
                    <dl class="layui-nav-child">
                        <dd><a href="/news?types=firm">公司新闻</a></dd>
                        <dd><a href="/news?types=industry">行业新闻</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="/services/1">服务介绍</a></li>
                <li class="layui-nav-item">
                    <a href="/product?ptype=hardware">产品介绍</a>
                    <dl class="layui-nav-child">
                        <dd><a href="/product?ptype=software">软件</a></dd>
                        <dd><a href="/product?ptype=hardware">硬件</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="/recruit">全国代理招募</a></li>
                <li class="layui-nav-item"><a href="/contact">联系我们</a></li>
            </ul>
        </nav>
    </div>
</header>

<!--==========================
banner
============================-->
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
    <div class="carousel-inner">
        {{range $index,$item:=.banner}}
        <!--<div class="float-buttons">-->
        <!--    <button class="btn btn-outline-primary btn-lg">校准</button>-->
        <!--    <button class="btn btn-outline-info btn-lg">验证</button>-->
        <!--</div>-->
        <div class="carousel-item{{if eq $index 0}} active{{end}}">
            <img src="{{$item}}" id="carousel-img-height" class="d-block w-100" alt="...">
        </div>
        {{end}}
    </div>
    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators"
            data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators"
            data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
    </button>
</div><!-- #intro -->

<main id="main">
    <div class="layui-carousel" id="ID-carousel-demo-2">
        <div carousel-item class="parent">
            <div class="innerdiv">
                <div class="layui-container">
                    <div class="layui-row layui-col-space15">
                        <div class="layui-col-md12">
                            <h5 class="layui-carousel-title layui-text-center">覆盖区域</h5>
                        </div>
                    </div>
                    <div class="layui-row layui-col-space15">
                        <div class="layui-col-md4">
                            <div class="layui-card layadmin-card-demo">
                                <div class="layui-card-header">省区</div>
                                <div class="layui-card-body layui-padding">
                                    <div class="layui-count-num" data-target="123" id="provinces">0</div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-card layadmin-card-demo">
                                <div class="layui-card-header">地州</div>
                                <div class="layui-card-body layui-padding">
                                    <div class="layui-count-num" data-target="123" id="prefecture">0</div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-card layadmin-card-demo">
                                <div class="layui-card-header">县份</div>
                                <div class="layui-card-body layui-padding">
                                    <div class="layui-count-num" data-target="123" id="counties">0</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div>
                <div>
                    <div class="layui-container">
                        <div class="layui-row layui-col-space15">
                            <div class="layui-col-md12">
                                <h5 class="layui-carousel-title layui-text-center">覆盖领域</h5>
                            </div>
                        </div>
                        <div class="layui-row layui-col-space15">
                            <div class="layui-col-md2">
                                <div class="layui-card layadmin-card-demo">
                                    <div class="layui-card-header">医院</div>
                                    <div class="layui-card-body layui-padding">
                                        <div class="layui-count-num" data-target="123" id="hospital">0</div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <div class="layui-card layadmin-card-demo">
                                    <div class="layui-card-header">疾控中心</div>
                                    <div class="layui-card-body layui-padding">
                                        <div class="layui-count-num" data-target="123" id="cdc">0</div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <div class="layui-card layadmin-card-demo">
                                    <div class="layui-card-header">医药公司</div>
                                    <div class="layui-card-body layui-padding">
                                        <div class="layui-count-num" data-target="123" id="pharmaceutical_companies">0
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <div class="layui-card layadmin-card-demo">
                                    <div class="layui-card-header">器械公司</div>
                                    <div class="layui-card-body layui-padding">
                                        <div class="layui-count-num" data-target="123" id="device_companies">0</div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <div class="layui-card layadmin-card-demo">
                                    <div class="layui-card-header">连锁药店</div>
                                    <div class="layui-card-body layui-padding">
                                        <div class="layui-count-num" data-target="123" id="chain_pharmacies">0</div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <div class="layui-card layadmin-card-demo">
                                    <div class="layui-card-header">门店数量</div>
                                    <div class="layui-card-body layui-padding">
                                        <div class="layui-count-num" data-target="123" id="number_of_stores">0</div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <div class="layui-card layadmin-card-demo">
                                    <div class="layui-card-header">冷链物流公司</div>
                                    <div class="layui-card-body layui-padding">
                                        <div class="layui-count-num" data-target="123"
                                             id="cold_chain_logistics_company">0
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <div class="layui-card layadmin-card-demo">
                                    <div class="layui-card-header">药厂</div>
                                    <div class="layui-card-body layui-padding">
                                        <div class="layui-count-num" data-target="123" id="pharmaceutical">0</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div>
                <div>
                    <div class="layui-container">
                        <div class="layui-row layui-col-space15">
                            <div class="layui-col-md12">
                                <h5 class="layui-carousel-title layui-text-center">监测对象</h5>
                            </div>
                        </div>
                        <div class="layui-row layui-col-space15">
                            <div class="layui-col-md2">
                                <div class="layui-card layadmin-card-demo">
                                    <div class="layui-card-header">冷藏车</div>
                                    <div class="layui-card-body layui-padding">
                                        <div class="layui-count-num" data-target="123" id="refrigerated_trucks">0</div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <div class="layui-card layadmin-card-demo">
                                    <div class="layui-card-header">保温箱</div>
                                    <div class="layui-card-body layui-padding">
                                        <div class="layui-count-num" data-target="123" id="incubator">0</div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <div class="layui-card layadmin-card-demo">
                                    <div class="layui-card-header">冷冻柜</div>
                                    <div class="layui-card-body layui-padding">
                                        <div class="layui-count-num" data-target="123" id="freezer">0
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <div class="layui-card layadmin-card-demo">
                                    <div class="layui-card-header">冷藏柜</div>
                                    <div class="layui-card-body layui-padding">
                                        <div class="layui-count-num" data-target="123" id="refrigerated_cabinets">0
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <div class="layui-card layadmin-card-demo">
                                    <div class="layui-card-header">阴凉柜</div>
                                    <div class="layui-card-body layui-padding">
                                        <div class="layui-count-num" data-target="123" id="shaded_cabinet">0</div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <div class="layui-card layadmin-card-demo">
                                    <div class="layui-card-header">冷库</div>
                                    <div class="layui-card-body layui-padding">
                                        <div class="layui-count-num" data-target="123" id="cold_storage">0</div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <div class="layui-card layadmin-card-demo">
                                    <div class="layui-card-header">阴凉库</div>
                                    <div class="layui-card-body layui-padding">
                                        <div class="layui-count-num" data-target="123"
                                             id="shaded_storage">0
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <div class="layui-card layadmin-card-demo">
                                    <div class="layui-card-header">空 调</div>
                                    <div class="layui-card-body layui-padding">
                                        <div class="layui-count-num" data-target="123" id="airpacing">0</div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md2">
                                <div class="layui-card layadmin-card-demo">
                                    <div class="layui-card-header">除湿机</div>
                                    <div class="layui-card-body layui-padding">
                                        <div class="layui-count-num" data-target="123" id="dehumidifiers">0</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div>
                <div class="layui-container">
                    <div class="layui-row layui-col-space15">
                        <div class="layui-col-md12">
                            <h5 class="layui-carousel-title layui-text-center">冷链验证</h5>
                        </div>
                    </div>
                    <div class="layui-row layui-col-space15">
                        <div class="layui-col-md4">
                            <div class="layui-card layadmin-card-demo">
                                <div class="layui-card-header">验证方案数量</div>
                                <div class="layui-card-body layui-padding">
                                    <div class="layui-count-num" data-target="123" id="number_of_validation_scenarios">
                                        0
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-card layadmin-card-demo">
                                <div class="layui-card-header">验证报告数量</div>
                                <div class="layui-card-body layui-padding">
                                    <div class="layui-count-num" data-target="123" id="number_of_validation_reports">0
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 其他卡片重复代码... -->
                    </div>
                </div>
            </div>
            <div>
                <div class="layui-container">
                    <div class="layui-row layui-col-space15">
                        <div class="layui-col-md12">
                            <h5 class="layui-carousel-title layui-text-center">探头校准</h5>
                        </div>
                    </div>
                    <div class="layui-row layui-col-space15">
                        <div class="layui-col-md12">
                            <div class="layui-card layadmin-card-demo">
                                <div class="layui-card-header">探头数量</div>
                                <div class="layui-card-body layui-padding">
                                    <div class="layui-count-num" data-target="123" id="number_of_probes">
                                        0
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 其他卡片重复代码... -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--==========================
服务介绍
    ============================-->
    <section id="features" class="features">
        <div class="container" data-aos="fade-up">
            <div class="section-header" style="margin-top: 40px;">
                <h2>服务介绍</h2>
                <p>
                    宝智达主要经营冷链温湿度监测平台、储运温湿度监测系统、温湿度监控设备及温湿度记录仪等系列产品、药品专用陈列柜、药品温度实时监测保温箱、冷链验证服务等均具有自主知识产权。</p>
            </div>
            <div class="row">
                <div class="div1 col-6">
                    {{range .Serves}}
                    <h4><a href="services/{{.ID}}">{{.Title}}</a></h4>
                    <p>{{.Synopsis}}</p>
                    {{end}}
                </div>
                <div class="div2 col-6 serverbg">
                    <img src="/img/cclod.png" alt=""></img>
                </div>
                <button class="btn btn-outline-primary" style="margin-top: 40px;"
                        onclick="location.href = '/services/1'">
                    了解更多服务
                </button>
            </div>

        </div>
    </section><!-- End Features Section -->
    <!--==========================
服务&产品
    ============================-->
    <section id="services">
        <div class="container">
            <div class="section-header">
                <h2>产品介绍</h2>
                <p>专业一流的硬件、软件工程师最新设计理念与实现</p>
            </div>
            <div class="row">
                {{range .Products}}
                <div class="col-lg-4">
                    <div class="box wow fadeInLeft">
                        <div class="icon svgImg"><img src="{{.Url}}" alt=""></div>
                        <h4 class="title"><a href="product/{{.ID}}">{{.Title}}</a></h4>
                        <p class="description">{{.Synopsis}}</p>
                    </div>
                </div>
                {{end}}
                <button class="btn btn-outline-primary" onclick="location.href = 'product?ptype=hardware'">查看更多
                </button>
            </div>
        </div>
    </section><!-- #services -->

    <!--==========================
成功案例
    ============================-->
    <section id="clients" class="wow fadeInUp">
        <div class="container">
            <div class="section-header">
                <h2>部分合作案例</h2>
                <!--                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam,-->
                <!--                    incidunt fugiat culpa esse aute nulla. duis fugiat culpa esse aute nulla ipsum velit export irure-->
                <!--                    minim illum fore</p>-->
            </div>
            <div class="owl-carousel clients-carousel">
                {{range $index,$exam:=.example}}
                <img src="{{$exam}}" alt="..." style="max-width: 100%; height: auto">
                {{end}}
            </div>
        </div>
    </section><!-- #clients -->
    <!--==========================
资质荣耀
    ============================-->
    <section id="testimonials" class="wow fadeInUp">
        <div class="container">
            <div class="section-header">
                <h2>资质荣耀</h2>
                <!--                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam,-->
                <!--                    incidunt fugiat culpa esse aute nulla. duis fugiat culpa esse aute nulla ipsum velit export irure-->
                <!--                    minim illum fore</p>-->
            </div>
            <div class="owl-carousel testimonials-carousel">
                {{range $index,$honor:=.honor}}
                <div class="testimonial-item">
                    <img src="{{$honor}}" alt="..." style="max-width: 100%; height: auto">
                </div>
                {{end}}
            </div>

        </div>
    </section><!-- #testimonials -->

    <!--==========================
Call To Action Section
    ============================-->
    <section id="call-to-action" class="wow fadeInUp">
        <div class="container">
            <div class="row">
                <div class="col-lg-9 text-center text-lg-left">
                    <h3 class="cta-title">获取我们的服务</h3>
                    <p class="cta-text">
                        欢迎随时与我们联系！无论您有关于产品的问题，需要技术支持，或是想要探讨合作机会，我们的团队都乐意为您提供帮助</p>
                </div>
                <div class="col-lg-3 cta-btn-container text-center">
                    <a class="cta-btn align-middle" href="/contact">联系我们</a>
                </div>
            </div>

        </div>
    </section><!-- #call-to-action -->


</main>

<!--==========================
页脚
============================-->
<footer id="footer">
    <div class="container">
        <div class="copyright">
            © 版权所有 2024 宝智达科技有限公司 <a target="_blank"
                                                  href="https://beian.miit.gov.cn/">黔ICP备2022006612号</a>
        </div>
        <div class="credits">
        </div>
    </div>
</footer><!-- #footer -->

<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>

<!-- JavaScript  -->
<script src="../static/lib/jquery/jquery.min.js"></script>
<script src="../static/lib/jquery/jquery-migrate.min.js"></script>
<script src="../static/lib/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="../static/lib/easing/easing.min.js"></script>
<script src="../static/lib/superfish/hoverIntent.js"></script>
<script src="../static/lib/superfish/superfish.min.js"></script>
<script src="../static/lib/wow/wow.min.js"></script>
<script src="../static/lib/owlcarousel/owl.carousel.min.js"></script>
<script src="../static/lib/magnific-popup/magnific-popup.min.js"></script>
<script src="../static/lib/sticky/sticky.js"></script>
<script src="../static/js/main.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"></script>
<script src="/static/layui/layui.js"></script>
<script>
    document.addEventListener('DOMContentLoaded', function () {

        var countUpElements = document.querySelectorAll('.count-up');
        countUpElements.forEach(function (element) {
            var target = parseInt(element.getAttribute('data-target')); // 获取目标数值
            var start = 0; // 初始值
            var duration = 2000; // 动画持续时间，单位毫秒
            var increment = Math.ceil(target / (duration / 16)); // 计算每16ms增加的值

            var timer = setInterval(function () {
                start += increment;
                element.textContent = start; // 更新显示的数值

                if (start > target) {
                    clearInterval(timer); // 达到或超过目标值时停止
                    element.textContent = target;
                }
            }, 100); // 每16ms执行一次，大约60帧/秒
        });
    });
    layui.use(['carousel'], function () {
        var carousel = layui.carousel;
        carousel.render({
            elem: '#ID-carousel-demo-2' // 轮播图容器的选择器
            , width: '100%' // 宽度
            , height: '300px' // 高度
            , arrow: 'hover' // 箭头切换状态
            , anim: 'default' // 动画类型
            , interval: 3000 // 自动切换时间间隔，单位ms
        });
    });
    layui.use(['layer', 'jquery'], function () {
        var $ = layui.jquery;
        // 发起Ajax请求获取省份数据
        $.ajax({
            url: '/api/data',  // 后端提供的API地址
            type: 'GET',
            dataType: 'json',
            success: function (res) {
                if (res.Code === 200) {
                    $('#provinces').text(res.Data.provinces); // 更新省区数量
                    $('#prefecture').text(res.Data.prefecture); // 更新地州数量
                    $('#counties').text(res.Data.counties); // 更新县份数量
                    $('#hospital').text(res.Data.hospital); // 更新医院数量
                    $('#cdc').text(res.Data.cdc); // 更新疾控中心数量
                    $('#cdc_injection_sites').text(res.Data.cdc_injection_sites); // 疾控注射点
                    $('#pharmaceutical_companies').text(res.Data.pharmaceutical_companies); // 医药公司
                    $('#device_companies').text(res.Data.device_companies); // 器械公司
                    $('#chain_pharmacies').text(res.Data.chain_pharmacies); // 连锁药店
                    $('#number_of_stores').text(res.Data.number_of_stores); // 门店数量
                    $('#cold_chain_logistics_company').text(res.Data.cold_chain_logistics_company); // 冷链物流公司
                    $('#refrigerated_trucks').text(res.Data.refrigerated_trucks); // 冷藏车
                    $('#incubator').text(res.Data.incubator); // 保温箱
                    $('#freezer').text(res.Data.freezer); // 冷冻柜
                    $('#refrigerated_cabinets').text(res.Data.refrigerated_cabinets); // 冷藏柜
                    $('#shaded_cabinet').text(res.Data.shaded_cabinet); // 阴凉柜
                    $('#cold_storage').text(res.Data.cold_storage); // 冷库
                    $('#shaded_storage').text(res.Data.shaded_storage); // 阴凉库
                    $('#airpacing').text(res.Data.airpacing); // 空  调
                    $('#dehumidifiers').text(res.Data.dehumidifiers); // 除湿机
                    $('#pharmaceutical').text(res.Data.pharmaceutical); // 药厂
                    $('#number_of_validation_scenarios').text(res.Data.number_of_validation_scenarios); // 验证方案数量
                    $('#number_of_validation_reports').text(res.Data.number_of_validation_reports); // 验证报告数量
                    $('#number_of_probes').text(res.Data.number_of_probes); // 探头数量
                } else {
                    layer.msg('获取省份数量失败！');
                }
            },
            error: function () {
                layer.msg('请求错误，请检查网络！');
            }
        });
    });
</script>
</body>
</html>