<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>进口品牌 <?php echo e($data['title']); ?></title>
	<meta name="Keywords"
		  content="接头 软管总成 法兰 钢管 低压管件 液压附件<?php echo e($data['keywords']); ?>"/>
	<meta name="Description"
		  content="快速的供货渠道和优良的品质，这是我们向客户提供长期服务的开始。同客户保持长期的伙伴关系，帮助客户提高生产效率，让客户得到高质量的、值得信赖的产品与服务是我们的宗旨。<?php echo e($data['description']); ?>"/>

	<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/common.css">
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery.SuperSlide.2.1.js"></script>
<script src="js/source.func.js"></script>
<script src="js/common.js"></script>
<!--[if IE 6]>
<script src="js/DD_belatedPNG.js"></script>
<script>
  DD_belatedPNG.fix('#');
</script>
<![endif]-->
</head>

<body data-curpageid="4">
<div class="header">
	<div class="header-main wrapper clearfix">
		<a href="index.html" class="header-logo"><img src="images/logo.png"></a>
		<div class="header-right">
			<div class="header-right-sup clearfix">
				<div class="header-search clearfix">
					<input type="text" name="" id="">
					<a href="javascript:void(0);" class="submit" id=""></a>
				</div>
				<div class="header-version-tab"><a href="#">中文版</a>|<a href="#">English</a></div>
			</div>
			<p class="header-phone">021-58712795</p>
		</div>
	</div>
</div>
<div class="main-nav">
	<ul class="main-nav-list wrapper">
		<li><a href="index.html" data-pageid="1">网站首页</a></li>
		<li><a href="about.html" data-pageid="2">关于我们</a></li>
		<li><a href="pro.html" data-pageid="3">产品分类</a></li>
		<li><a href="jinkou.html" data-pageid="4">进口品牌</a></li>
		<li><a href="prodata.html" data-pageid="5">产品知识</a></li>
		<li><a href="anzh.html" data-pageid="6">安装工程</a></li>
		<li><a href="contact.html" data-pageid="7">联系我们</a></li>
	</ul>
</div>
<div class="inbanner">
	<div class="inbanner-pic" style="background-image:url(images/pic_banner_jinkou.jpg);"></div>
	<div class="inbanner-text">
		<h3 class="title">进口品牌</h3>
		<p class="exp">公司的产品广泛应用于工程机械，电力设备，机车制造，造纸造船工业, 港口码头。</p>
	</div>
</div>
<div class="inside-pos wrapper">
	<h1 class="page-title">进口品牌</h1>
	<p class="cur-pos">当前位置：<a href="index.html">首页</a> &gt; <a href="jinkou.html">进口品牌</a> &gt; Parker产品</p>
</div>
<div class="incontenter">
	<div class="wrapper">
		<div class="inside-nav">
			<ul class="inside-nav-list clearfix">
				<li class="on"><a href="jinkou_pro.html">Exmar GbmH产品</a></li>
				<li><a href="jinkou.html">GF管路系统</a></li>
				<li><a href="jinkou.html">Parker产品</a></li>
				<li><a href="jinkou_links.html">进口品牌链接</a></li>
			</ul>
		</div>
		<div class="pros-all-wrap">
			<ul class="pros-show-list row-list-4 clearfix">
				<li>
					<a href="pro_det.html" class="pros-simple-one">
						<div class="pic"><img src="images/pic_pro_1.jpg"></div>
						<h4 class="title">软管总成</h4>
					</a>
				</li>
				<li>
					<a href="pro_det.html" class="pros-simple-one">
						<div class="pic"><img src="images/pic_pro_2.jpg"></div>
						<h4 class="title">液压附件</h4>
					</a>
				</li>
				<li>
					<a href="pro_det.html" class="pros-simple-one">
						<div class="pic"><img src="images/pic_pro_3.jpg"></div>
						<h4 class="title">液压附件</h4>
					</a>
				</li>
				<li>
					<a href="pro_det.html" class="pros-simple-one">
						<div class="pic"><img src="images/pic_pro_4.jpg"></div>
						<h4 class="title">低压附件</h4>
					</a>
				</li>
				<li>
					<a href="pro_det.html" class="pros-simple-one">
						<div class="pic"><img src="images/pic_pro_1.jpg"></div>
						<h4 class="title">软管总成</h4>
					</a>
				</li>
				<li>
					<a href="pro_det.html" class="pros-simple-one">
						<div class="pic"><img src="images/pic_pro_2.jpg"></div>
						<h4 class="title">液压附件</h4>
					</a>
				</li>
				<li>
					<a href="pro_det.html" class="pros-simple-one">
						<div class="pic"><img src="images/pic_pro_3.jpg"></div>
						<h4 class="title">液压附件</h4>
					</a>
				</li>
				<li>
					<a href="pro_det.html" class="pros-simple-one">
						<div class="pic"><img src="images/pic_pro_4.jpg"></div>
						<h4 class="title">低压附件</h4>
					</a>
				</li>
			</ul>
		</div>
	</div>
</div>
<div class="footer">
	<div class="wrapper clearfix">
		<div class="footer-nav">
			<div class="footer-logo"><img src="images/logo_footer.png"></div>
			<div class="footer-nav-list">
				<a href="index.html">首页</a>
				<a href="about.html">关于我们</a>
				<a href="pro.html">产品展示</a>
				<a href="jinkou.html">进口品牌</a>
				<a href="prodata.html">产品知识</a>
				<a href="anzh.html">安装工程</a>
				<a href="contact.html">联系我们</a>
			</div>
		</div>
		<div class="footer-mess">
			<?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: ?>
				<p>地址：上海市青浦区徐泾镇崧泽大道1618弄9号&nbsp;&nbsp;电话：+86 21 58712722 / 58712795</p>
				<p>传真：+86 21 58716195&nbsp;&nbsp;邮箱：info@kevytech.com</p>
				<p>COPYRIGHT © 2015 凯蔚（上海）机电科技有限公司&nbsp</p>
			<?php endif; ?></div>
	</div>
</div>
<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>
</body>
</html>
