huangyan
/
cc-officialweb


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273
							<!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="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">

<!--==========================
  Top Bar
============================-->
<!--  <section id="topbar" class="d-none d-lg-block">-->
<!--    <div class="container clearfix">-->
<!--      <div class="contact-info float-left">-->
<!--        <i class="fa fa-envelope-o"></i> <a href="mailto:contact@example.com">name@websitename.com</a>-->
<!--        <i class="fa fa-phone"></i> +1 2345 67855 22-->
<!--      </div>-->
<!--      <div class="social-links float-right">-->
<!--        <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>-->
<!--        <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>-->
<!--        <a href="#" class="google-plus"><i class="fa fa-google-plus"></i></a>-->
<!--        <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>-->
<!--        <a href="#" class="instagram"><i class="fa fa-instagram"></i></a>-->
<!--      </div>-->
<!--    </div>-->
<!--  </section>-->

<!--==========================
  Header
============================-->
<header id="header">
    <div class="container">

        <div id="logo" class="pull-left">
            <h1><a href="#body" class="scrollto"><span>宝</span>智达冷链</a></h1>
            <!-- <a href="#body"><img src="img/logo.png" alt="" title="" /></a>-->
        </div>

        <nav id="nav-menu-container">
            <ul class="nav-menu">
                <li class="menu-active"><a href="/">首页</a></li>
                <li><a href="/about">关于我们</a></li>
                <li><a href="/services/1">服务介绍</a></li>
                <li><a href="/product?ptype=hardware">产品介绍</a>
                    <ul>
                        <li><a href="/product?ptype=software">软件</a></li>
                        <li><a href="/product?ptype=hardware">硬件</a></li>
                    </ul>
                </li>
                <li><a href="/recruit">全国代理招募</a></li>
                <li class="menu-has-children"><a href="/news">新闻</a>
                    <ul>
                        <li><a href="#">公司新闻</a></li>
                        <li><a href="#">行业新闻</a></li>
                    </ul>
                </li>
                <li><a href="/contact">联系我们</a></li>
            </ul>
        </nav><!-- #nav-menu-container -->
    </div>
</header><!-- #header -->

<!--==========================
  banner
============================-->
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
    <div class="carousel-indicators">
        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active"
                aria-current="true" aria-label="Slide 1"></button>
        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"
                aria-label="Slide 2"></button>
        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"
                aria-label="Slide 3"></button>
    </div>
    <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 active">
            <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">

    <!--==========================
      服务介绍
    ============================-->
    <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" style="width: 300px;height: auto">
                    <img src="https://ts1.cn.mm.bing.net/th/id/R-C.adaca9eef98172ce4fbb1c2f36405cf6?rik=So40VJkhm3qAxQ&riu=http%3a%2f%2fimg.juimg.com%2ftuku%2fyulantu%2f120417%2f6597-12041F9233979.jpg&ehk=Q7ZmO7gl0UOGFRlkiETxxrZrML6olvsSJ%2fuAINaNNeY%3d&risl=&pid=ImgRaw&r=0"
                         class="img-fluid" alt="">
                </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">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro
                        consequatur aliquam, incidunt fugiat culpa esse aute nulla cupidatat non proident, sunt in culpa
                        qui officia deserunt mollit anim id est laborum.</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="contact/jqBootstrapValidation.js"></script>-->
<!--<script src="contact/contact_me.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>
</body>
</html>