
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>印刷机上下料机器人—MES系统杭州数创自动化控制技术有限公司-包装智能化的先行者</title>
<meta name="keywords" content="印刷机上下料机器人—MES系统,制袋机、印刷机控制系统、视觉检测系统，频闪仪,频闪灯,静电吸墨,套色系统,静止画面,印刷机套色系统,静止画面系统" />
<meta  name="description" content="印刷机上下料机器人，杭州数创自动化控制技术有限公司是一家专业从事软包装自动化控制的系统设计、研发并集生产、销售、服务为一体的*********高新技术企业；包括制袋机、印刷机控制系统、视觉检测系统等为核心的软包装产品" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<link href="css/mask.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="font_css/iconfont.css" />
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/css.css">
<style>
#preload{
	position:absolute;
	width:100%;
	height:800px;
	left:0;
	top:0;
	
	z-index:200;
	display:flex;
	justify-content: center;
	align-items: center;
}
.preload-bg{
	position:absolute;
	width:100%;
	height:800px;
	background:#000;
	}
#preload .tip{
	display:inline;
	color:#fff;
	font-size:4vw;
	text-transform:uppercase;
	font-weight:bold;
	line-height:1;
	position:relative;
	overflow:hidden;
}
.tip-bg{
	position:absolute;
	width:0px;
	height:800px;
	background:#fff;
	}
.swiper-container {
	width: 100%;
	height:800px;
	z-index: 100;
}
#txt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:800px;
	z-index: 10;
}
.box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height:800px;
}

.swiper_h2 {
	cursor: pointer;
	color: #fff;
	font-size: 60px;
	line-height: 0;
	letter-spacing: 0.2em;
	display: inline;
	position: absolute;
	max-width: 74.61937%;
	white-space: normal;
	left: 0;
	bottom: calc(65% - 75px);
	margin-left: 18%;
}

.swiper-slide h2 {
	display: none;
}

.swiper_h3 {
	cursor: pointer;
	color: #fff;
	font-size: 28px;
	line-height: 0;
	letter-spacing: 0.2em;
	display: inline;
	position: absolute;
	max-width: 74.61937%;
	white-space: normal;
	left: 0;
	bottom: calc(55% - 75px);
	margin-left: 18%;
	 font-weight:normal
}

.swiper-slide h3 {
	display: none;
}



</style>
<link rel="stylesheet" href="css/upload.css">
</head>
<script src="js/jquery.min.js"></script>
<script src="js/swiper.min.js"></script>
<body style="background-color: #ffffff">
<div class="main_100" style="position:relative">

<style>

@media (min-width: 992px)
{
header .sign i { line-height: 80px}
}
	@media (max-width: 991px)
{
header .sign i { line-height: 60px}
}
</style>
<header>
  <div class="main_box" id="navbg">
    <div class="sign"><a href="./"><i style="color: #ffffff; font-size: 18px;  ">包装智能化的先行者</i><img src="images/logo1.png" style="border:0px; float: left" /></a></div>
    <button class="cd-nav-trigger">&nbsp;<span></span></button>
    <div class="Menu">
      <ul class="navMenu">
        <li><a href="/" >首 页</a></li>
        <li>
        <a href="/about.html" >关于我们</a>
        <dl>
	<dd id='li1'><a href='about.html'>公司简介</a></dd><dd id='li2'><a href='cert.html'>企业荣誉</a></dd><dd id='li3'><a href='factory.html'>工作环境</a></dd><dd id='li4'><a href='job.html'>人才招聘</a></dd>
             </dl>
        </li>
        <li>
        <a href="/product.html" >产品展示</a>
        <dl>
          <dd><a href="plist.html?cid=70">在线检测系列</a></dd>
          <dd><a href="plist.html?cid=68">制袋系列</a></dd>
          <dd><a href="plist.html?cid=69">印刷系列</a></dd>
          <dd><a href="mes.html">MES解决方案</a></dd>
          <dd><a href="upload.html">上下料机器人</a></dd>
          <dd><a href="automatic.html">无人叉车</a></dd>
          <dd><a href="detail202101.html">全自动理袋机</a></dd>
          <dd><a href="detail202102.html">圆角裁切机</a></dd>
        </dl>
        </li>
        <li><a href="/news.html" >新闻资讯</a></li>
        <li><a href="/download.html" >资料下载</a></li>
        <li><a href="/contact.html" >联系我们</a></li>
        <li id="lan"><a href="/en/">English</a><span>&nbsp;&nbsp;|&nbsp;&nbsp;</span><a href="product.html"><img src="images/search.png"></a></li>
      </ul>
    </div>
  </div>
</header>

</div>

   <div id="preload"><div class="preload-bg"></div><div class="tip"><div class="tip-bg"></div><span class="tiptxt">SOTRY</span></div></div>
<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide" data-poster="images/banner_upload.jpg">
            <h2 class="swiper_h2">印刷机上下料机器人</h2>
            <h3 class="swiper_h3">适用多机型 · 操作简单 · 高效管理</h3>
         </div>
  </div>
   <div id="txt"></div>
</div>
<canvas id="shows" style="position: absolute; left: 0px; top: 0px;"></canvas>
<div class="main_box">
  <div class="title_bg">
    <div class="title_cn">
      <h2>产 品 介 绍</h2>
    </div>
    <div class="title_en"></div>
  </div>
</div>
<div class="main_box pdesc">
  <p>基于激光、视觉导航技术和深度相机测距技术，实现印刷料卷的搬运和自动精准对接，完成软包印刷机的最后自动化环节。自动精准对接是利用双深度相机对应料卷的两端，通过蓝芯科技自研的视觉系统，完成印刷料卷和印刷机顶料锥头的精准对接，实现自动上下料卷，可大大降低劳动强度并节省大量劳动力。</p>
   <div><img src="images/icon_15.png"/></div>
</div>
<div class="main_100" id="box_upload">
        <div class="title_bg">
        <div class="title_cn">
          <h2>产 品 优 势</h2>
        </div>
        <div class="title_en"></div>
       </div>
    <div class="main_box">
        <ul class="animation_active" data-animate="slide_show,2s,ease">
          <li >
            <i></i>
            <h3>采用3D视觉定位<br />自动完成上料对接</h3>
          </li>
          <li >
              <i></i>
            <h3>采用3D视觉避障，<br />行驶更安全；</h3>
          </li>
          <li  >
          <i></i>
            <h3>能够实现与电梯、<br />自动门对接通讯</h3>
          </li>
          <li >
          <i></i>
            <h3>支持大地图、多地图导航<br />适合各种使用场景</h3>
          </li>
          <li  >
          <i></i>
            <h3>预留多种智能数据接口，<br />适应数字化工厂需求</h3>
          </li>
          <li >
          <i></i>
            <h3>采用工业级视觉导航，<br />无需对现场进行改造</h3>
          </li>
          <li >
          <i></i>
            <h3>可在拥挤狭小的通道中完成上下料任务</h3>
          </li>
        </ul>
    
    </div>
</div>
<div class="clr space20"></div>
<div class="main_box">
  <div class="title_bg">
    <div class="title_cn">
      <h2>产 品 参 数</h2>
    </div>
    <div class="title_en"></div>
  </div>
</div>
<div class="main_100" id="box_ys1">
  <div class="main_box" align="center">
  <img src="images/upload_pro.jpg"  alt=""/> </div>
</div>

<div class="clr space40"></div>
<div class="main_100" id="btm_bg">
  <div class="main_box">
    <div>
    <h5>关于我们</h5>
    <p><a href="about.html">公司简介</a><br>
      <a href="cert.html">荣誉资质</a><Br>
      <a href="factory.html">工作环境</a><Br>
      <a href="job.html">人才招聘</a></p>
    </div>
    <div>
      <h5>产品展示</h5>
	  <p><a href="plist.html?cid=70">在线检测系列</a><Br>
	    <a href="plist.html?cid=68">制袋系列</a><br>
      <a href="plist.html?cid=69">印刷系列</a><br>
          <a href="mes.html">MES</a><br>
          <a href="upload.html" style="overflow:hidden">上下料机器人</a><br>
          <a href="automatic.html">无人叉车</a><br>
         <a href="detail202101.html">自动理袋机</a><br>
         <a href="detail202102.html">圆角裁切机</a><br>
       </p>
    </div>
    <div>
      <h5>联系我们</h5>
	  <p>杭州市莫干山路1418-50号3幢8层(上城工业园区二期)<br>
邮箱：hzsotry@163.com<Br>
服务热线 : 0571-28809800<Br>销售热线 : 0571-28809801</p>
    </div>

    <div>
		<p><img src="images/wx.jpg"/></p>
    </div>
  </div>
  <div class="clr space20"></div>
  <div class="btm_copyright">Copyright © 杭州数创自动化控制技术有限公司 All Rights Reserved     备案号： <a href="http://beian.miit.gov.cn/" target="_blank">浙ICP备05084574号-1 </a></div>
</div>
<div class="main_100" id="btm_menu">
  <ul>
     <li><a href="javascript:void(0)">关于我们</a>
     <p class="sub">
        <a href="about.html">公司简介</a>
       <a href="cert.html" >资质荣誉</a>
      <a href="factory.html" >工作环境</a>
      <a href="job.html" >人才招聘</a>
     </p>
     </li>
     <li ><a href="javascript:void(0)">产品展示</a>
     <p class="sub">
        <a href="plist.html?cid=70">在线检测</a>
       <a href="plist.html?cid=68" >制袋系列</a>
          <a href="plist.html?cid=69" >印刷系列</a>
          <a href="mes.html">MES</a>
          <a href="upload.html" style="overflow:hidden">上下料机器人</a>
          <a href="automatic.html">无人叉车</a>
         <a href="detail202101.html">自动理袋机</a>
         <a href="detail202102.html">圆角裁切机</a>
     </p>
     
     </li>
     <li ><a href="download.html">资料下载</a></li>
     <li ><a href="contact.html">在线客服</a>
     </li>
    <li class="li_top"><a href="javascript:goTop();">TOP</a></li>
  </ul>
</div>
<div class="mask" ></div>
</body>
</html>
<script src="js/TweenMax.min.js"></script> 
<script>
var clientWidth1 = document.body.clientWidth

if(clientWidth1>991)
  { 
    //预加载图片
    slides = $('.swiper-slide');
    Img = [];
    slides.each(function(index, element) {
    	Img[index] = new Image();
    	Img[index].src = slides.eq(index).attr('data-poster');
    	slidesLength = index
    	//使用附加文本替换virtualTranslate，避免鼠标滚轮失效
    	$("#txt").append('<div class="box">' + slides.eq(index).html() + '</div>')
    });

    tweenObj = {
    	translate: 0
    };
    var canvas = document.getElementById("shows");
    ctx = canvas.getContext("2d");
    
	
	
    window.onload = function() {
		
    	var mySwiper = new Swiper('.swiper-container', {
    		watchSlidesProgress: true,
    		//	virtualTranslate:true,较好的解决方案但会导致滚轮失效
    		mousewheel: false,
    		grabCursor: true,
			autoplay: true,
			speed:700,//限制滚轴时间间隔
    		on: {
    			init: function() {
    				resize(this);
					/*预加载动画*/
					tl = new TimelineMax();
					tl.to(".tip-bg", 0.5, {width:'100%'})
					  .set(".tiptxt",{autoAlpha:0})
					  .to(".tip-bg", 0.5, {x:'101%'}, "+=0.2")
					  .to(".preload-bg", 0.5	, {x:'101%'}, "-=0.1")
					  .set("#preload", {autoAlpha:0})
    			},
    			resize: function() {
    				resize(this);
    			},
    			setTranslate: function() {
    				draw(this, 1);
    			},
    		},
    	});
    }

    function resize(swiper) {

    	clientWidth = document.body.clientWidth
    	clientHeight = document.body.clientHeight

    	// 每一个显示块的宽度
    	blockWidth = clientWidth / 5

    	// 使用的图片大小 720/1280=0.5625	
		// 图片裁剪区域
		imgwidth=1920
		imgheight=800
    	if (clientHeight / clientWidth > 0.421) {
			//0.5625
    		cutWidth = imgheight * clientWidth / clientHeight  
    		cutX = (imgwidth - cutWidth) / 2
    		cutHeight = imgheight
    		cutY = 0
    	} else {
    		cutHeight = imgwidth * clientHeight / clientWidth
    		cutY = (imgheight - cutHeight) / 2
    		cutWidth = imgwidth
    		cutX = 0
    	}

    	canvas.width = clientWidth;
    	canvas.height = clientHeight;

    	draw(swiper);

    }

    function draw(swiper, speed) {

    	if (typeof(speed) == "undefined") {
    		speed = 0.3;
    	}

    	TweenMax.killAll();

    	TweenMax.to(tweenObj, speed, {tlanslate: swiper.translate, ease: Power4.easeOut, onUpdate: function() {

    			//如果超出显示范围添加黑色背景
    			if (swiper.progress < 0 || swiper.progress > 1) {
    				ctx.fillStyle = "#000000";
    				ctx.fillRect(0, 0, clientWidth, clientHeight);
    			}

    			tlanslate = tweenObj.tlanslate

    			for (i = 0; i <= slidesLength; i++) {
					
					
    				percent = -tlanslate / clientWidth - i
					
    				if (Math.abs(percent) <= 1 ) {
						
						n2scale = 2 - Math.abs(percent) * 2
						if (n2scale > 1) {
							n2scale = 1
						}
						n1scale = 1 - Math.abs(percent) * 2
						if (n1scale < 0) {
							n1scale = 0
						}
	
						//画5个块，裁剪出位移差
						ctx.drawImage(Img[i], cutX + cutWidth * percent * 0.2 + cutWidth / 5 * Math.abs(percent) * 2, cutY, cutWidth / 5 * n1scale, cutHeight, (clientWidth * i + tlanslate) * 0.6 + blockWidth * (1 - n1scale), 0, blockWidth * n1scale, 800);
						ctx.drawImage(Img[i], cutX + cutWidth / 5 - cutWidth * percent * 0.1 + cutWidth / 5 - cutWidth / 5 * n2scale, cutY, cutWidth / 5 * n2scale, cutHeight, (clientWidth * i + tlanslate) * 0.6 + blockWidth + blockWidth - blockWidth * n2scale, 0, blockWidth * n2scale, 800);
						ctx.drawImage(Img[i], cutX + cutWidth / 5 * 2 - cutWidth * percent * 0.4, cutY, cutWidth / 5, cutHeight, (clientWidth * i + tlanslate) * 0.6 + blockWidth * 2, 0, blockWidth, 800);
						ctx.drawImage(Img[i], cutX + cutWidth / 5 * 3 - cutWidth * percent * 0.1, cutY, cutWidth / 5 * n2scale, cutHeight, (clientWidth * i + tlanslate) * 0.6 + blockWidth * 3, 0, blockWidth * n2scale, 800);
						ctx.drawImage(Img[i], cutX + cutWidth / 5 * 4 + cutWidth * percent * 0.2, cutY, cutWidth / 5 * n1scale, cutHeight, (clientWidth * i + tlanslate) * 0.6 + blockWidth * 4, 0, blockWidth * n1scale, 800);
                    }

    				//设置文字相对位置，右边缩进0.8，左边加大1.2倍
    				modifer = 1
    				if (i > -tlanslate / clientWidth) {
    					modifer = 0.8
    				}
    				if (i < -tlanslate / clientWidth) {
    					modifer = 1.2
    				}
    				swiper.$el.find('.box').eq(i).transform('translate3d(' + (tlanslate / clientWidth + i) * clientWidth * modifer + 'px, 0, 0)');

    			}

    		}
    	})

    }

}
</script>
<script src="js/jquery.num.js"></script>
<script src="js/site.js" language="javascript"></script>
<script language="javascript">
// 获取浏览器可见区域高度
var window_height= document.documentElement.clientHeight;
// 用户手动修改浏览器可见区域高度时修改变量
window.onresize=function () {
    window_height=document.documentElement.clientHeight;
};
// 获取所需效果元素
var My_dream=document.getElementsByClassName('animation_active');
// 鼠标滚轮滚动执行方法
window.onscroll = function(){
    // 获取鼠标滚轮滚动距离
    var _scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
 
    // 循环类dream
    for (var k=0;k<My_dream.length;k++){
        if (_scrollTop>= getOffsetTop(My_dream[k]) - window_height && _scrollTop<= getOffsetTop(My_dream[k]) ){
            My_dream[k].style.animationName=My_dream[k].dataset.animate.split(',')[0];
            My_dream[k].style.animationDuration=My_dream[k].dataset.animate.split(',')[1];
            My_dream[k].style.animationTimingFunction=My_dream[k].dataset.animate.split(',')[2];
        }
    }
};
 
// 判断元素父集是否有已定位元素
function getOffsetTop(ele) {
    var rtn = ele.offsetTop;
    var o = ele.offsetParent;
    while(o!=null)
    {
        rtn += o.offsetTop;
        o = o.offsetParent;
    }
    return rtn;
}
 
// 滚动条等于0时执行第一屏效果
function my_animation() {
    var _scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
    // 效果方法
    for (var k=0;k<My_dream.length;k++){
        if (_scrollTop>= getOffsetTop(My_dream[k]) - window_height && _scrollTop<= getOffsetTop(My_dream[k]) ){
            My_dream[k].style.animationName=My_dream[k].dataset.animate.split(',')[0];
            My_dream[k].style.animationDuration=My_dream[k].dataset.animate.split(',')[1];
            My_dream[k].style.animationTimingFunction=My_dream[k].dataset.animate.split(',')[2];
        }
    }
}
my_animation();

   // var scrolltop=+$("#box_sz").offset().top-$(window).height()+80
	//alert(parseInt($(window).scrollTop())+','+scrolltop)


</script>