<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta content="telephone=no" name="format-detection">
	<meta name="referrer" content="no-referrer">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<title>浙江锦凯智塑科技有限公司</title>
	<link rel="stylesheet" type="text/css" href="css/public.css" />
	<link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon">
	<link rel="stylesheet" type="text/css" href="css/jquery.bxslider.css" />
	<link rel="stylesheet" type="text/css" href="css/style.css?v=0.3" />
	<script type="text/javascript" src="js/jquery1.11.3.min.js"></script>
	<script type="text/javascript" src="js/jquery.bxslider.min.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
	<style>
		#about .title {
			padding-top: 140px;
			margin-bottom: 36px;
			color: var(--Text-5, #303133);
			font-size: 48px;
			font-style: normal;
			font-weight: 700;
			line-height: normal;
		}

		#about span {
			color: #006B3E;
			font-size: 48px;
			font-style: normal;
			font-weight: 700;
			line-height: normal;
		}

		#about .line {
			background: #303133;
			width: 72px;
			height: 3px;
		}

		#about .content {
			margin-top: 56px;
			margin-bottom: 100px;
			color: #000;
			font-size: 22px;
			font-style: normal;
			font-weight: 400;
			line-height: normal;
		}
	</style>
</head>

<body>
	<!--top-->
	<div id="top">
		<div class="wrap clearfloat">
			<div class="logo"><a href="index.html"><img  src="https://ossbucketzhink.oss-cn-hangzhou.aliyuncs.com/home-assets/mainlogo-1.png" /></a></div>
			<div id="nav">
				<ul class="clearfloat menu-wrapper">
					<li class="active">
						<a href="index.html">首页</a>
					</li>
					<li>
						<a href="about.html">关于我们</a>
					</li>
					<li>
						<a href="product.html">生产工艺</a>
					</li>
					<li>
						<a href="show.html">产品展示 </a>
					</li>
					<li>
						<a href="news.html">新闻中心</a>
					</li>
					<li>
						<a href="hr.html">人力资源</a>
					</li>
					<li>
						<a href="sample.html">咨询建议</a>
					</li>
					<li>
						<a href="contact.html">联系我们</a>
					</li>
				</ul>
			</div>
			<!-- <div class="language"><a href="https://jkaiplastic.com/">EN</a></div> -->
			<div class="language"><a href="https://jkaiplastic.com/">EN</a></div>
		</div>

		<div class="muen">
			<span class="muenX"></span>
			<span class="muenY"></span>
			<span class="muenZ"></span>
		</div>


	</div>
	<!--/top-->

	<!--main-->
	<div class="main">
		<div class="banner">
			<ul class="slider1"></ul>
		</div>

		<div class="homeAdvance">
			<div class="wrap">
				<div class="homeAdvanceTit">
					<h2>我们的<span>优势</span></h2>
					<p>“坚持以质量为先，诚信为本的原则，提供给客户高质量，可靠的产品”</p>
				</div>
				<div class="homeAdvanceM">
					<ul class="clearfloat">
						<li class="bg1">
							<h3 class="homeAdvance01">产能优势</h3>
							<div class="homeAdvanceTxt">
								<p>年产60亿套APET直饮容器及3万吨光学级BOPET。</p>
							</div>
						</li>
						<li class="bg2">
							<h3 class="homeAdvance02">信誉优势</h3>
							<div class="homeAdvanceTxt">
								<p>公司实力雄厚，信誉优良，获得广大客户的一致认可。</p>
							</div>
						</li>
						<li class="bg3">
							<h3 class="homeAdvance03">位置优势</h3>
							<div class="homeAdvanceTxt">
								<p>紧邻三大机场、4大贸易港口、五大通衢要道，交通十分便捷。
								</p>
							</div>
						</li>
						<li class="bg4">
							<h3 class="homeAdvance04">更高品质</h3>
							<div class="homeAdvanceTxt">
								<p>全自动产品线，精细化工艺流程，可一对一定制服务。</p>
							</div>
						</li>
					</ul>
				</div>


				<!--<div class="homeAdvanceWap">-->
				<div class="homeAdvanceW clearfloat">
					<ul class="homeAdvanceList1">
						<li>
							<div class="pic"><img  src="https://ossbucketzhink.oss-cn-hangzhou.aliyuncs.com/home-assets/home_advance_im1.png" /></div>
						</li>
					</ul>
					<ul class="homeAdvanceList2">
						<li>
							<div class="pic"><img  src="https://ossbucketzhink.oss-cn-hangzhou.aliyuncs.com/home-assets/home_advance_im2.png" /></div>
						</li>
						<li class="homeAdvanceCont homeAdvanceCont-c">
							<h3 class="homeAdvance02">产能优势</h3>
							<div class="homeAdvanceTxt">
								<p>年产60亿套APET直饮容器及3万吨光学级BOPET。</p>
							</div>
						</li>
					</ul>
					<ul class="homeAdvanceList3">
						<li class="homeAdvanceCont homeAdvanceCont-c">
							<h3 class="homeAdvance01">信誉优势</h3>
							<div class="homeAdvanceTxt">
								<p>公司实力雄厚，信誉优良，获得广大客户的一致认可。</p>
							</div>
						</li>
						<li class="homeAdvanceCont homeAdvanceCont-c">
							<h3 class="homeAdvance03">位置优势</h3>
							<div class="homeAdvanceTxt">
								<p>紧邻三大机场、4大贸易港口、五大通衢要道，交通十分便捷。</p>
							</div>
						</li>
					</ul>
					<ul class="homeAdvanceList4">
						<li>
							<div class="pic"><img  src="https://ossbucketzhink.oss-cn-hangzhou.aliyuncs.com/home-assets/home_advance_im9.png" /></div>
						</li>
						<li class="homeAdvanceCont homeAdvanceCont-c">
							<h3 class="homeAdvance04">更高品质</h3>
							<div class="homeAdvanceTxt">
								<p>全自动产品线，精细化工艺流程，可一对一定制服务。</p>
							</div>
						</li>
					</ul>
				</div>
				<!--</div>-->
			</div>
		</div>

		<div class="homeSp">
			<div class="homeSpH">
				<div class="bg"></div>
				<div class="wrap">
					<h2>ADVANTAGE</h2>
					<h3>锦凯智塑优势</h3>
					<div class="line"></div>
					<h4>专注全球食品级PET包装制品，力作富有持续竞争力的行业领先者</h4>
				</div>
			</div>
			<div class="wrap">
				<div class="homeSpT clearfloat">
					<div class="left">
						<div class="pic"><img  src="https://ossbucketzhink.oss-cn-hangzhou.aliyuncs.com/home-assets/machine.jpg" class='index-intro'/></div>
					</div>
					<div class="right">
						<div class="homeSpTW">
							<ul class="sliderHomeSpT">
								<li>
									<div class="homeSpTInner">
										<h2><span class="icon1"><img  src="https://ossbucketzhink.oss-cn-hangzhou.aliyuncs.com/home-assets/icon_zs.png" /></span> 匠心工艺，精工出品</h2>
									</div>
									<div class="homeSpTInner">
										<h2><span class="icon2"><img  src="https://ossbucketzhink.oss-cn-hangzhou.aliyuncs.com/home-assets/icon_zs1.png" /></span> 先进设备，保驾护航</h2>
									</div>
									<div class="homeSpTInner">
										<h2><span class="icon1"><img  src="https://ossbucketzhink.oss-cn-hangzhou.aliyuncs.com/home-assets/icon_zs.png" /></span> 专业专注，直饮容器</h2>
									</div>
									<div class="homeSpTInner">
										<h2><span class="icon2"><img  src="https://ossbucketzhink.oss-cn-hangzhou.aliyuncs.com/home-assets/icon_zs1.png" /></span> 全心全意，客户服务
										</h2>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="homeSp">
			<!-- 视频 -->
			<div id="about">
				<div class="wrap">
					<div class="title">
						关于<span>锦凯智塑</span>
					</div>
					<div class="line"></div>
					<div class="content">
						锦凯智塑为正凯集团下属全资子公司，是采用高端绿色PET原材料和国际先进工艺设备的食品包装容器提供商
					</div>
					<video id="video" src="https://ossbucketzhink.oss-cn-hangzhou.aliyuncs.com/1.7.mp4" muted controls controlsList="nodownload"
						width="100%" poster="./images/锦凯官网视频封面.png">您的浏览器不支持 video
						标签。</video>
				</div>
			</div>
		</div>

		<div class="homeDzzx">
			<div class="homeDzzxH">
				<div class="bg"></div>
				<div class="homeDzzxCont">
					<h2>按需定制，一对一量身打造</h2>
					<h3><a href="./contact.html">联系我们</a></h3>
				</div>
			</div>
		</div>

		<div class="homeNews">
			<div class="wrap">
				<div class="homeNewsH clearfloat">
					<div class="line"></div>
					<div class="left">
						<h3><em>NEWS</em> <span>新闻资讯</span></h3>
					</div>
					<div class="right homeNewsTab">
						<a class="on" href="javascript:">公司新闻</a>
						</ul>
					</div>
				</div>
				<div class="homeNewsW">
					<div class="homeNewsInner clearfloat">
						<ul class="left" id="news-list-left">
						</ul>
						<ul class="right" id="news-list-right">
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div id="footer">
		<div class="wrap clearfloat">
			<div class="left footerZx">
				<div class="footerZxPhone">
					<h3>咨询热线：</h3>
					<p>0579-82209562</p>
					<p style="margin-top: 12px;">400-9696-276</p>
				</div>
				<p class="footerCopy">锦凯智塑 Copyright © 2022 版权所有浙ICP备：2022031224号-1</p>
				<div style="width:300px;margin:0 auto; padding:20px 0;">
					<a target="_blank" href="javascript:void(0)" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img  src="./images/gongan.png" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">浙公网安备 33070202100532号</p ></a>
				</div>
			</div>
			<div class="left footerEwm">
				<div class="pic"><img  src="https://ossbucketzhink.oss-cn-hangzhou.aliyuncs.com/home-assets/wxcode-1.jpg" /></div>
				<p>手机扫一扫</p>
			</div>
			<ul class="clearfloat">
				<li>
					<h3>关于我们</h3>
					<p><a href="./about.html">公司简介</a></p>
				</li>
				<li>
					<h3>友情链接</h3>
					<p><a href="https://www.zhink.cc/">正凯集团</a></p>
					<p><a href="http://zhinktex.cc/">正凯纺织</a></p>
					<p><a href="http://zhinkcf.cc/">正凯化纤</a></p>
					<p><a href="http://www.zhinkxc.cc/">正凯新材</a></p>
					<p><a href="http://www.wkai.cc/">万凯新材料</a></p>
					<p><a href="https://www.zhink.cc/">润凯产业园</a></p>
				</li>
				<li>
					<h3>产品展示</h3>
					<p><a href="./show.html">相关产品</a></p>
				</li>
				<li>
					<h3>新闻中心</h3>
					<p><a href="./news.html">公司新闻</a></p>
					<p><a href="./news.html">行业动态</a></p>
				</li>
			</ul>
		</div>
	</div>
	<!--</div>-->
	<!--/footer-->

	<!--wap-->
	<div class="wapBottom">
		<ul class="clearfloat">
			<li><a href="index.html" class="homepage">首页</a></li>
			<li><a href="about.html">关于我们</a></li>
			<li><a href="tel:13586974916">电话咨询</a></li>
			<li><a href="contact.html">联系我们</a></li>
		</ul>
	</div>
	<!--/wap-->

	<div class="wapBg"></div>
</body>
<script src="js/utils.js"></script>
<script type="text/javascript">
	// $('.sliderHomeSpT').bxSlider({
	// 	'auto': false,
	// 	'controls': true,
	// 	'touchEnabled': true,
	// 	'pager': true,
	// })
	
	var lineW = $(".lineW span").width();
	$('.sliderHomeSpB').bxSlider({
		'auto': false,
		infiniteLoop: false,
		'controls': true,
		'touchEnabled': true,
		'pager': true,
		'slideWidth': '204',
		'minSlides': 2,
		'maxSlides': 5,
		'moveSlides': 5,
		onSlideAfter: function ($slideElement, oldIndex, newIndex) {
			var num = $(".homeSpBW .bx-pager .bx-pager-item").length;
			var lineWW = $(".lineW").width();

			console.log(oldIndex, newIndex)
			if (newIndex == 0) {
				$(".lineW span").css({
					"width": lineW + 'px'
				})
			} else {
				$(".lineW span").css({
					"width": (lineWW / num) * (newIndex + 1) + 'px'
				})
			}
		},
	})
	
	// 获取首页新闻数据
	$.ajax({
		cache: false,
		url: 'https://www.jkai.net.cn/jeecg-boot/door/info/list?column=createTime&type=9&order=desc&pageNo=1&pageSize=4&tenantId=2&language=zh_CN',
		method: 'get',
		success: function (res) {
			var htmlLeft = '';
			var htmlRight = '';
			var data = res.result.records;
 
			$.each(data, function (index, newsItem) {
				console.log(newsItem)
				if (index < 2) {
					htmlLeft += `
					<li class="clearfloat">
						<div class="homeNewsNum">0${index + 1}</div>
						<div class="homeNewsCont">
							<div class="homeNewsContH">
								<h3 class="single-line"><a href="news-detail.html?id=${newsItem.id}">${newsItem.title}</a></h3>
								<p>${newsItem.createTime.split(' ')[0]}</p>
								<a class="homeNewsMore" href="news-detail.html?id=${newsItem.id}">MORE +</a>
							</div>
							<div class="homeNewsTxt">
								<p class="multi-line">${newsItem.briefIntroduction}</p>
							</div>
						</div>
					</li>
				`;
				} else {
					htmlRight += `
					<li class="clearfloat">
						<div class="homeNewsNum">0${index + 1}</div>
						<div class="homeNewsCont">
							<div class="homeNewsContH">
								<h3 class="single-line"><a href="news-detail.html?id=${newsItem.id}">${newsItem.title}</a></h3>
								<p>${newsItem.createTime.split(' ')[0]}</p>
								<a class="homeNewsMore" href="news-detail.html?id=${newsItem.id}">MORE +</a>
							</div>
							<div class="homeNewsTxt">
								<p class="multi-line">${newsItem.briefIntroduction}</p>
							</div>
						</div>
					</li>
				`;
				}
			});
			$('#news-list-left').html(htmlLeft);
			$('#news-list-right').html(htmlRight);
		}
	})
	$('.sliderHomeDzzc').bxSlider({
		'auto': true,
		'controls': true,
		'touchEnabled': true,
		'pager': false,
		'slideWidth': '280',
		'minSlides': 2,
		'maxSlides': 4,
		'moveSlides': 1,
		'speed': 600,
		//	    'slideMargin': 20
	})
	// 获取首页banner图
	let html = '';
	$.ajax({
	cache: false,
        url: 'https://www.jkai.net.cn/jeecg-boot/door/info/listPicture?tenantId=2&module=1&language=zh_CN',
        method: 'get',
        success: function(res) {
			var data = res.result.records;
			
			$.each(data, function (index, picItem) {
				html += `
				<li>
					<a href="javascript:;"><img class="img1" src="${picItem.pictrueUrl}" /><img class="img2"
							src="${picItem.pictrueUrl}" /></a>
				</li>
				`;
			});
			
			$('.slider1').html(html);
			
			$('.slider1').bxSlider({
				'auto': true,
				'controls': true,
				'touchEnabled': true,
				'pager': true,
				'speed': 1000,
				'pause': 4000,
			})
        }
    })

	// 首页访问量埋点
	$.ajax({
		cache: false,
		url: 'https://www.jkai.net.cn/jeecg-boot/door/info/addPageView?tenantId=2'
	})
</script>
<script>
	console.log(window.location.pathname)
	// 获取导航菜单
	$.ajax({
	cache: false,
		url: 'https://www.jkai.net.cn/jeecg-boot/door/info/navigationList',
	type: "post",
        contentType:'application/json; charset=utf-8',
        data: JSON.stringify({
            tenantId: 2,
            language: "zh_CN"
        }),
		success: function(res) {
			const showMenu = res.result.filter(item => item.hidden === false);
			let html = '';
			$.each(showMenu, function (index, page) {
				html += `
					<li class="${page.url === window.location.pathname || page.url  === '/index.html' ? 'active' : ''}">
						<a href="${page.redirect}">${page.title}</a>
					</li>
				`;
			});
			$('.menu-wrapper').html(html);
		}
	})
</script>
</html>