<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!DOCTYPEHTMLPUBLIC“-//W3C//DTDHTML4.01//EN”   "http://www.w3.org/TR/html4/strict.dtd”> 
<!DOCTYPEhtmlPUBLIC“-//W3C//DTDXHTML1.0Strict//EN”   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link type="text/css" rel="stylesheet" href="css/sub03.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<title>产品中心 - 详情 <?php echo e($data['title']); ?></title>
    <meta name="Keywords"
          content="可可饮料取绿色无污染的新鲜水果为原料，自然新鲜，保证消费者口感度<?php echo e($data['keywords']); ?>"/>
    <meta name="Description"
          content="可可饮料有限公司——始建于1993年，2002年经改制后组建的有限公司,现有员工220余人 其中专科以上人员26人 <?php echo e($data['description']); ?>"/>

</head>

<body style="overflow-x:hidden">
<div class="main">
<!--头部-->
	<div class="header">
    	<div class="right-bg"></div>
        <ul class="worp">
            <div class="header-con">
                <li class="logo"><img src="images/logo.gif" /></li>
                <li class="sj"><img src="images/sj.gif" /></li>
                <li class="right">
                    <p class="hot">咨询热线：<span class="images"><img src="images/photo.gif" /></span></p>
                    <input type="text"  class="txt" name="words" value="输入关键字" onclick="hidenWords()" onblur="showWords()" />
                    <input type="submit" value="" class="button" />
                </li>
            </div> 
        </ul>
	</div>
<!--导航-->   
    <div class="con">
    	<div class="worp">
         	<div class="nav">
                <a href="index.html">首页<p>HOME</p></a>
                <a href="introduction.html">集团简介<p>INTRODUCTION</p></a>
                <a href="culture.html">品牌文化<p>CULTURE</p></a>
                <a href="product.html" class="a1">产品中心<p>PRODUCT</p></a>
                <a href="news.html">新闻中心<p>NEWS</p></a>
                <a href="join.html">招商加盟<p>JOIN</p></a>
                <a href="resources.html">人力资源<p>RESOURCES</p></a>
                <a href="message.html">留言反馈<p>MESSAGE</p></a>
                <a href="contact.html">联系我们<p>CONTACT</p></a>
            </div>
        </div>
    </div>
<!--轮播图-->
    <div class="banner">
        <ul class="slide">
            <a href="#"><img src="images/banner1.gif" /></a>
           <!-- <a href="#"><img src="../images/banner2.gif" /></a>
            <a href="#"><img src="../images/banner3.gif" /></a>
            <p class="ctrl">
                <span class="currt"></span>
                <span></span>
                <span></span>
            </p>-->
        </ul>
    </div>
<!--正文--> 
	<!--产品中心-->   
    <div class="content">
        <div class="worp">
            <p class="title1"><img src="images/title4.gif" /></p>
            <p class="title2"><span class="line1"><img src="images/line1.gif" /></span>产品中心<span class="line2"><img src="images/line2.gif" /></span></p>
            <ul class="product">
            	<li>
                	<img src="images/product.gif" />
                    <p class="topic">营养成分：</p>
                    <p class="text">
                    	可可饮料取绿 色无污染的新鲜水果为原料，自然新鲜，保证消费者口感度，让每
						位消费者都能体会新鲜柠檬带来的鲜活滋味、快乐心情。
                    </p>
                </li>
                <li>
                    <p class="topic1">口感：</p>
                    <p class="text1">
                        饮料里含有很多水，饮用后可补充身体因运动和进行生命活动所消耗掉的水分和
                        一部分糖、矿物质，对维持体内的水液电解质平衡有一定作用。果汁含有很多天然招
                        牌营养素，能增强免疫力、减少生病、延缓衰老。特别是鲜榨果汁，具有该水果的绝
                        大部分营养、功效。服用果汁可以使消化系统、泌尿系统和呼吸道患癌症的危险低一
                        半，同时还能有效防止动脉硬化、高血脂和冠心病等心血管疾患。        
                    </p>
                </li>
                 <li>
                    <p class="topic2">产品参数：</p>
                    <ul class="ul1">
                        <li class="li1">
                            <span>生产许可证编号：430105010082</span>
                            <span>厂名： 可可饮料有限公司</span>
                            <span>联系方式：4008850151</span>
                            <span>储藏方法：干燥、密封保存</span>
                            <span>食品添加剂：蔗糖脂肪酸酯、单硬脂酸甘油酯</span>
                            <span>体积(ml): 2500</span>
                            <span>品牌: 旺旺系列: 旺仔牛奶（调制乳）125ml</span>
                            <span>省份: 湖南省</span>
                            <span>净含量: 500mL及以上</span>
						</li>
						<li class="li2">
                        	<span>产品标准号：GB 25191</span>
                            <span>厂址：湖南省广州....</span>
                            <span>配料表：复原乳、水、白砂糖 香精</span>
                            <span>保质期：270</span>
                            <span>产品名称：可可饮料</span>
                            <span>包装方式: 包装</span>
                            <span>产地: 中国大陆</span>
                            <span>城市: 长沙市</span>
                        </li>                             
                    </ul>
                </li>
            </ul>
            <div class="clear"></div>
        </div>
     </div>
<!--底部-->
    <div class="con1">
    	<div class="worp">
         	<div class="foot-nav">
                <a href="index.html">首页</a><span></span>
                <a href="introduction.html">集团简介</a><span></span>
                <a href="culture.html">品牌文化</a><span></span>
                <a href="product.html">产品中心</a><span></span>
                <a href="news.html">新闻中心</a><span></span>
                <a href="join.html">招商加盟</a><span></span>
                <a href="resources.html">人力资源</a><span></span>
                <a href="message.html">留言反馈</a><span></span>
                <a href="contact.html">联系我们</a>
            </div>
        </div>
    </div>
    <div class="foot">
        <div class="copy">

            <p>
                <?php if($data['open_foot'] == 1): ?>
                    <span style="display: inline !important;">Copyright ©<?php echo e($data['banquan']); ?></span> |
                    <span style="display: inline !important;">备案号:<?php echo e($data['beian']); ?></span> |
                    <span style="display: inline !important">友情链接:
                        <?php foreach($data['lianjie_name'] as $key => $vo): ?>
                            <a style="display: inline !important;marhin-rignt:10px;"
                               href="<?php echo e(is_or($data['lianjie'],$key)); ?>"><?php echo e($vo); ?></a>
                        <?php endforeach; ?>
                </span>
                <?php else: ?>
                    ©2015 可可饮料有限公司 版权所有 地址：广州市天河路365号天俊阁1202 电话：020- 38812035
                <?php endif; ?>
            </p>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="js/index.js"></script>
<script src="/static/plugins/jquery/jquery.js"></script>
<?php if($data['open_bd'] == 1): ?>
    <script>
        let bd_image = "<?php echo e($data['bd_image']); ?>",
            bd_link = "<?php echo e($data['bd_link']); ?>";
    </script>
    <script src="/static/js/bd.js"></script>
<?php endif; ?>
<style>
    .nico {
        position: fixed;
        top: 10px;
        right: 0;
        bottom: 0;
        z-index: 10000;
        width: 400px;
        height: 500px;
        border: 0;
        background-color: #fff;
        box-shadow: 0 0 0 4px lightseagreen
    }

    .nico * {
        padding: 0;
        margin: 0;
    }

    .news_wrap {
        position: relative;
        height: 500px;
    }

    .news_wrap li {
        position: relative;
        padding-left: 10px;
        list-style-type: none;
        display: block;
        width: 380px;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid grey
    }

    .news_wrap li > span {
        display: block;
        width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 100%;
        line-height: 40px;
    }

    .news_wrap li > i {
        position: absolute;
        width: 80px;
        font-size: .5rem;
        top: 0;
        right: 0;
    }

    .page-btn {
        position: absolute;
        width: 100%;
        height: 70px;
        bottom: 0;
    }

    .page-btn li {
        font-size: .8rem;
        padding: 0 !important;
        margin-left: 2px;
        list-style-type: none;
        display: inline-block;
        width: 15px;
        height: 15px;
        line-height: 15px;
        text-align: center;
        border: 1px solid grey;
        cursor: pointer;
    }

    .clicked {
        background-color: #0c5460;
        color: #fff;
    }
</style>
<div class="nico">
    <div class="news_wrap">
        <ul>
            <?php foreach($data['list'][0] as $vo): ?>
                <li style="border-bottom: 1px solid #ccc;">
                <span><a style="text-decoration: none;color:#000" href="detail/<?php echo e(pathinfo($vo,PATHINFO_BASENAME)); ?>"
                         target="_blank"><?php echo e($data['titles'][rtrim(pathinfo($vo,PATHINFO_BASENAME),'.html')]); ?></a></span>
                    <i><?php echo e(Date('Y/m/d',strtotime($data['times'][rtrim(pathinfo($vo,PATHINFO_BASENAME),'.html')]))); ?></i>
                </li>
            <?php endforeach; ?>
        </ul>
        <div class="page-btn">
            <ul>
                <?php foreach($data['list'] as $key => $vo): ?>
                    <li class="pg-li <?php echo e($key ?'':'clicked'); ?>"><?php echo e($key + 1); ?></li>
                <?php endforeach; ?>
            </ul>
        </div>
    </div>
</div>
<script>
    let list = JSON.parse("<?php echo e(json_encode($data['list'])); ?>".replace(/&quot;/g, '"')),
        titles = JSON.parse("<?php echo e(json_encode($data['titles'])); ?>".replace(/&quot;/g, '"')),
        times = JSON.parse("<?php echo e(json_encode($data['times'])); ?>".replace(/&quot;/g, '"'));
    $('.pg-li').click(function () {
        $(this).addClass('clicked').siblings().removeClass('clicked');
        let p = ($(this).text() - 1) | 0,
            data = list[p];
        $('.news_wrap > ul').html(function () {
            let html = '';
            $(data).each(function (x, y) {
                let id = y.match(/(\d+)\.html/)[1],
                    time = times[id].split(' ')[0].replace('-', '/');
                html += '<li style="border-bottom: 1px solid #ccc;"><span><a style="text-decoration: none;color:#000" href="detail/' + id + '.html" target="_blank">' + titles[id] + '</a></span> <i>' + time + '</i></li>';
            });
            return html;
        });
    });
</script>
</html>
