huangyan
/
cc-officialweb


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218
							<!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="">新闻</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>

<!--==========================
  banner
============================-->
<section id="innerBanner">
    <div class="inner-content">
        <h2><span>{{.detail.Title}}</span><br>We create the opportunities!</h2>
        <div>
        </div>
    </div>
</section>
<main id="main">
    <!--==========================
      服务&产品
    ============================-->
    <section id="services">
        <div class="container">
            <div class="section-header">
                <h2>产品详情</h2>
            </div>
            <div class="btn-group" role="group" aria-label="Basic outlined example">
                <button type="button" class="btn btn-outline-primary" id="introduction" onclick="location.href='/product/{{.detail.ID}}'">产品介绍</button>
                <button type="button" class="btn btn-outline-primary" id="parameters" onclick="location.href='/product/{{.detail.ID}}/parameters'">技术参数</button>
                <button type="button" class="btn btn-outline-primary" id="instructions" onclick="location.href='/product/{{.detail.ID}}/instructions'">操作说明</button>
                <button type="button" class="btn btn-outline-primary" id="software" onclick="location.href='/product/{{.detail.ID}}/software'">配套软件</button>
                <button type="button" class="btn btn-outline-primary" id="accessories" onclick="location.href='/product/{{.detail.ID}}/accessories'">可选配件</button>
            </div>

            <div class="row" style="margin-top: 10px;" id="isShow">
                <div class="div2 col-6" style="width: 300px;height: auto">
                    <img src="{{.detail.Url}}"
                         class="img-fluid" alt="">
                </div>
                <div class="div1 col-6" id="t"></div>
            </div>
            <div id="t1" style="width: 100%; margin-top: 10px"></div>
        </div>
    </section><!-- #services -->

    <!--==========================
      Call To Action Section
    ============================-->
    <section id="call-to-action" class="wow fadeInUp" style="margin-top: 40px;">
        <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">
            Copyright &copy; 2018.Company name All rights reserved.<a target="_blank"
                                                                      href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</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>
<script>
    // js 页面加载完成时自动执行该js
    window.onload = function () {
        let s = '{{.detail.Detail}}';
        let s1 = '{{.detail.ProductIntroduction}}';
        let isShow =document.querySelector('#isShow')
        //获取url
        let url = window.location.href;
        let prams =url.split('/')[5]
        switch (prams){
            case 'parameters':
                s1='{{.detail.TechnicalParameters}}'
                isShow.style.display='none'
                break;
            case 'instructions':
                s1='{{.detail.Instructions}}'
                isShow.style.display='none'
                break;
            case 'software':
                s1='{{.detail.SupportingSoftware}}'
                isShow.style.display='none'
                break;
            case 'accessories':
                s1='{{.detail.OptionalAccessories}}'
                isShow.style.display='none'
                break;
        }
        let t = document.getElementById('t');
        let t1 = document.getElementById('t1');
        t.innerHTML = s;
        t1.innerHTML = s1;
    }
</script>
</body>
</html>