<!DOCTYPE html>

<html lang="zxx">
<head>
<!-- End Wayback Rewrite JS Include -->
<title>神海航运科技（上海）有限公司</title>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<meta content="神海航运科技（上海）有限公司" name="keywords">
<meta content="神海航运科技（上海）有限公司「www.shenhaigroup.com」" name="description"/>
<script>
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
<!-- Custom Theme files -->
<link href="css/bootstrap.css" media="all" rel="stylesheet" type="text/css"/>
<link href="css/chocolat.css" media="screen" rel="stylesheet" type="text/css"/>
<!-- chocolate css for gallery light box -->
<link href="css/style.css" media="all" rel="stylesheet" type="text/css"/>
<link href="css/font-awesome.css" rel="stylesheet"/>
<!-- font-awesome icons -->
<!--//Custom Theme files-->
<!-- web-fonts -->
<link href="https://fonts.googleapis.com/css?family=Barlow+Condensed:100,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet"/>
<!-- //web-fonts -->
</meta></head>
<body>
<div class="header-agileinfo">
<div class="header-banner text-center">
<div class="container">
<div class="header-bottom">
<div class="col-md-4 col-sm-4 header-left">
<span aria-hidden="true" class="fa fa-envelope-o icon"></span>
<a href="http://web.archive.org/web/20240221174110/mailto:info@example.com">info@example.com</a>
</div>
<div class="col-md-4 col-sm-4 logo">
<h1 class="main-title">
<a href="index.html">公司首页</a>
</h1>
</div>
<div class="col-md-4 col-sm-4 header-right">
<span aria-hidden="true" class="fa fa-phone icon"></span>
<p>123 456 789</p>
</div>
<div class="clearfix"></div>
</div>
<div class="banner-text">
<h4>欢迎访问我的网站！</h4>
<h3>我是公司的峡谷</h3>
<div class="banner-slide">
<h2 class="bnrtext">我是</h2>
<b>
<span class="span1">
								网站开发
								<br/> 网页设计师
								<br/> UI开发人员
								<br/> 网络博主
								<br/>
</span>
</b>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<nav class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button class="navbar-toggle collapsed navbar-toggle1" data-target="#bs-megadropdown-tabs" data-toggle="collapse" type="button">菜单
					<span class="sr-only">切换导航</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="bs-megadropdown-tabs">
<ul>
<li>
<a class="active" href="index.html">首页</a>
</li>
<li>
<a class="scroll" href="#about">关于我</a>
</li>
<li>
<a class="scroll" href="#skills">技能</a>
</li>
<li>
<a class="scroll" href="#公共事业">服务</a>
</li>
<li>
<a class="scroll" href="#port">最新资讯</a>
</li>
<li>
<a class="scroll" href="#contact">联系我</a>
</li>
</ul>
</div>
</nav>
</div>
<!-- about -->
<div class="about section-w3layouts main-pos" id="about">
<h3 class="pos-title">关于我</h3>
<div class="container">
<h4 class="sec-title">轮廓</h4>
<div class="main-about-grid text-center">
<p>当你两岁的时候，你头发的持有者会喝酒，比紫外线还聪明，笑的胡子现在会恨你。

还有铁钻石。你现在比猫更容易了。他们瘦骨嶙峋，因为当时是在熔炉里。

按质量悬置超声波。因为我们担心会有很多超声波检查。批量时间密码

天空中一定有各种各样的湖泊，吹着花儿。两个歌手在折磨中，却很伤心。我一直在这里。</p>
<ul class="about-list">
<li>
<a class="wthree- about-link scroll" href="#contact">雇用我</a>
</li>
<li>
<a class="wthree- about-link" href="#">下载简历</a>
</li>
</ul>
</div>
<div class="about-btm-w3_agileits">
<div class="grid-flex">
<div class="ab1 main-about-grid1">
<span aria-hidden="true" class="fa fa-graduation-cap wthree-title-list"></span>
<h4 class="aboutbtm-head">教育</h4>
<h5>计算机科学博士</h5>
<p>他们吃得像劳力，而且太少了。</p>
<h5>大学</h5>
<p>他们吃得像劳力，而且太少了。</p>
<h5>高中</h5>
<p>他们吃得像劳力，而且太少了。</p>
</div>
<div class="ab1 main-about-grid2">
<span aria-hidden="true" class="fa fa-shield wthree-title-list"></span>
<h4 class="aboutbtm-head">专门知识</h4>
<h5>高级界面设计师</h5>
<p>20XX-20XX</p>
<h5>平面设计师</h5>
<p>20XX-20XX</p>
<h5>Web设计器</h5>
<p>20XX-20XX</p>
</div>
<div class="ab1 main-about-grid3">
<span aria-hidden="true" class="fa fa-trophy"></span>
<h4 class="aboutbtm-head">奖</h4>
<h5>最佳网站设计</h5>
<p>他们吃得像劳力，而且太少了。</p>
<h5>当天的地点</h5>
<p>他们吃得像劳力，而且太少了。</p>
<h5>首届用户体验奖</h5>
<p>他们吃得像劳力，而且太少了。</p>
</div>
<div class="clearfix"></div>
</div>
</div>
<!-- //about-bottom -->
</div>
</div>
<!-- skills -->
<div class="skills section-w3layouts main-pos" id="skills">
<h3 class="pos-title">专门知识</h3>
<div class="container">
<h4 class="sec-title">技能</h4>
<div class="row">
<div class="skills-bar">
<h3 class="progress-title">HTML5</h3>
<div class="progress green">
<div class="progress-bar" style="width:90%; background:#5fad56">
<div class="progress-value">90%</div>
</div>
</div>
<h3 class="progress-title">PHOTOSHOP</h3>
<div class="progress pink">
<div class="progress-bar" style="width:90%; background:#ff4b7d;">
<div class="progress-value">90%</div>
</div>
</div>
<h3 class="progress-title">JAVASCRIPT</h3>
<div class="progress yellow">
<div class="progress-bar" style="width:90%; background:#e8d324;">
<div class="progress-value">90%</div>
</div>
</div>
<h3 class="progress-title">CSS3</h3>
<div class="progress blue">
<div class="progress-bar" style="width:75%; background:#3485ef;">
<div class="progress-value">75%</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--//skills -->
<!-- 公共事业 -->
<div class="about section-w3layouts main-pos" id="公共事业">
<h3 class="pos-title">网页设计</h3>
<div class="container">
<h4 class="sec-title">服务</h4>
<div class="公共事业-left">
<div class="col-md-6 serv-left text-center">
<div class="serv-txt">
<span aria-hidden="true" class="fa fa-folder-open-o"></span>
<h5>公共事业</h5>
</div>
<div class="icon-grid1">
<div class="icon icon1">
<span aria-hidden="true" class="fa fa-newspaper-o"></span>
</div>
<div class="clearfix"></div>
</div>
<div class="icon-grid2">
<div class="icon icon2">
<span aria-hidden="true" class="fa fa-gear"></span>
</div>
<div class="clearfix"></div>
</div>
<div class="icon-grid5">
<div class="icon icon3">
<span aria-hidden="true" class="fa fa-pencil"></span>
</div>
<div class="clearfix"></div>
</div>
<div class="icon-grid3">
<div class="col-md-3 icon icon4">
<span aria-hidden="true" class="fa fa-info"></span>
</div>
<div class="clearfix"></div>
</div>
<div class="icon-grid6">
<div class="icon icon5">
<span aria-hidden="true" class="fa fa-file-image-o"></span>
</div>
<div class="clearfix"></div>
</div>
<div class="icon-grid4">
<div class="icon icon6">
<span aria-hidden="true" class="fa fa-bolt"></span>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-6 公共事业-right-w3ls">
<h5>公司简介</h5>
<p> 我们坚持“创新、诚信、质量、服务”的生产经营理念，以创造造福人类的美丽环境为己任，


始终对行业和社会负责。目前，公司拥有完善的产品研发体系，标准化


标准化生产基地，广泛应用新技术、新材料、新工艺，优化产品性能


产品已在江苏、浙江、上海、深圳、贵州、陕西、山东、河南、四川等全国主要中小城市上市。


我们的产品远销香港、澳门、新加坡等国家，客户遍布中国各地，赢得了客户的广泛认可和赞誉！</p>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- //公共事业 -->
<!-- Portfolio -->
<div class="portfolio section-w3layouts main-pos" id="port">
<h4 class="sec-title">近期作品</h4>
<h3 class="pos-title1">概述</h3>
<ul class="simplefilter">
<li class="active" data-filter="all">所有</li>
<li data-filter="1">网页设计</li>
<li data-filter="2">品牌创建</li>
<li data-filter="3">摄影</li>
</ul>
<div class="filtr-container">
<div class="filtr-item gallery-t" data-category="1, 3" data-sort="Busy streets">
<a class="b-link-stripe b-animate-go thickbox" href="images/b.jpg">
<figure class="port-gird">
<img alt=" " class="img-responsive" src="images/b.jpg"/>
<figcaption class="port-gird-caption-agileits_w3layouts">
<h3>我的设计</h3>
</figcaption>
</figure>
</a>
</div>
<div class="filtr-item" data-category="1, 3" data-sort="City wonders">
<a class="b-link-stripe b-animate-go thickbox" href="images/d.jpg">
<figure class="port-gird">
<img alt=" " class="img-responsive" src="images/d.jpg"/>
<figcaption class="port-gird-caption-agileits_w3layouts">
<h3>我的设计</h3>
</figcaption>
</figure>
</a>
</div>
<div class="filtr-item" data-category="2" data-sort="Luminous night">
<a class="b-link-stripe b-animate-go thickbox" href="images/c.jpg">
<figure class="port-gird">
<img alt=" " class="img-responsive" src="images/c.jpg"/>
<figcaption class="port-gird-caption-agileits_w3layouts">
<h3>我的设计</h3>
</figcaption>
</figure>
</a>
</div>
<div class="filtr-item gallery-t" data-category="1, 3" data-sort="Busy streets">
<a class="b-link-stripe b-animate-go thickbox" href="images/a.jpg">
<figure class="port-gird">
<img alt=" " class="img-responsive" src="images/a.jpg"/>
<figcaption class="port-gird-caption-agileits_w3layouts">
<h3>我的设计</h3>
</figcaption>
</figure>
</a>
</div>
<div class="filtr-item" data-category="3" data-sort="In production">
<a class="b-link-stripe b-animate-go thickbox" href="images/e.jpg">
<figure class="port-gird">
<img alt=" " class="img-responsive" src="images/e.jpg"/>
<figcaption class="port-gird-caption-agileits_w3layouts">
<h3>我的设计</h3>
</figcaption>
</figure>
</a>
</div>
<div class="filtr-item" data-category="3, 2" data-sort="Industrial site">
<a class="b-link-stripe b-animate-go thickbox" href="images/g.jpg">
<figure class="port-gird">
<img alt=" " class="img-responsive" src="images/g.jpg"/>
<figcaption class="port-gird-caption-agileits_w3layouts">
<h3>我的设计</h3>
</figcaption>
</figure>
</a>
</div>
<div class="filtr-item" data-category="2, 3" data-sort="Peaceful lake">
<a class="b-link-stripe b-animate-go thickbox" href="images/f.jpg">
<figure class="port-gird">
<img alt=" " class="img-responsive" src="images/f.jpg"/>
<figcaption class="port-gird-caption-agileits_w3layouts">
<h3>我的设计</h3>
</figcaption>
</figure>
</a>
</div>
<div class="filtr-item gallery-t" data-category="1, 3" data-sort="Busy streets">
<a class="b-link-stripe b-animate-go thickbox" href="images/h.jpg">
<figure class="port-gird">
<img alt=" " class="img-responsive" src="images/h.jpg"/>
<figcaption class="port-gird-caption-agileits_w3layouts">
<h3>我的设计</h3>
</figcaption>
</figure>
</a>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //Portfolio -->
<!-- blog -->
<div class="blog main-pos section-w3layouts" id="blog">
<h3 class="pos-title postitle4">最新资讯</h3>
<div class="container">
<h4 class="sec-title">最新热门文章</h4>
<div class="blog-sec-w3_agile-grids">
<div class="blog-sub">
<div class="col-md-8 blog-sec-w3_agile b1">
<div class="blog-top"></div>
<div class="col-md-6 blog-img img1">
<a data-target="#myModal" data-toggle="modal" href="#">
<img alt="" class="img-responsive" src="images/a5.jpg"/>
</a>
</div>
<div class="col-md-6 blog-bottom bb1">
<div class="post-info">
<ul>
<li class="blog-icon-left">最新
										<a href="#">资讯</a>
</li>
<li class="blog-icon-right">
<a href="#">
<span aria-hidden="true" class="fa fa-heart"></span>
</a>94</li>
</ul>
<div class="clearfix"></div>
<a data-target="#myModal" data-toggle="modal" href="#">
<h5>2月20日：</h5>
<h4>最新热门文章</h4>
</a>
<p>厦门新增海上救援执勤点 与小金门一水之隔
继厦门海天码头和高崎渔港救援执勤点之后，厦门海上义务救援队在与小金门一水之隔的观音山新增设第三个海上救援执勤点，23日正式揭牌启动。
厦门海上义务救援队由成立十多年的厦门市休闲垂钓协会发起设立，作为配合厦门相关职能部门开展海上救援工作的民间应急救援力量，助力厦门海上救援活动。

　　观音山与小金门岛一水之隔，来此观光游览的游客众多，人员密集，是海上事故多发地，至今尚未设立海上救援队。伴随海洋休闲旅游的快速发展，完善海上救援体系，更好地保障民众生命财产安全，显得日益重要与迫切。

　　厦门市休闲垂钓协会会长、海上义务救援队队长陈成基在接受中新网记者采访时介绍说，因应需求新增设的观音山救援点，覆盖南起厦门环岛路椰风寨、北至五通码头一带海域，常设救援人员18名，每天均有2人轮值，节假日则加强救援力量的投入.........
								</p>
</div>
<a href="#">
<span aria-hidden="true" class="blog-share fa fa-share-alt"></span>
</a>
<div class="blog-sec-w3_agile blog-button">
<a data-target="#myModal" data-toggle="modal" href="#">更多</a>
</div>
</div>
</div>
<div class="col-md-4 blog-sec-w3_agile">
<div class="blog-bottom bb2">
<div class="post-info">
<ul>
<li class="blog-icon-left">最新
										<a href="#">资讯</a>
</li>
<li class="blog-icon-right">
<a href="#">
<span aria-hidden="true" class="fa fa-heart"></span>
</a>67</li>
</ul>
<div class="clearfix"></div>
<a data-target="#myModal" data-toggle="modal" href="#">
<h5>25 jan:</h5>
<h4>最新热门文章</h4>
</a>
<p>厦门新增海上救援执勤点 与小金门一水之隔
继厦门海天码头和高崎渔港救援执勤点之后，厦门海上义务救援队在与小金门一水之隔的观音山新增设第三个海上救援执勤点，23日正式揭牌启动。
厦门海上义务救援队由成立十多年的厦门市休闲垂钓协会发起设立，作为配合厦门相关职能部门开展海上救援工作的民间应急救援力量，助力厦门海上救援活动。

　　观音山与小金门岛一水之隔，来此观光游览的游客众多，人员密集，是海上事故多发地，至今尚未设立海上救援队。伴随海洋休闲旅游的快速发展，完善海上救援体系，更好地保障民众生命财产安全，显得日益重要与迫切。

　　厦门市休闲垂钓协会会长、海上义务救援队队长陈成基在接受中新网记者采访时介绍说，因应需求新增设的观音山救援点，覆盖南起厦门环岛路椰风寨、北至五通码头一带海域，常设救援人员18名，每天均有2人轮值，节假日则加强救援力量的投入.........
								</p>
</div>
<a href="#">
<span aria-hidden="true" class="blog-share fa fa-share-alt"></span>
</a>
<div class="blog-sec-w3_agile blog-button">
<a data-target="#myModal" data-toggle="modal" href="#">更多</a>
</div>
</div>
<div class="blog-img">
<a data-target="#myModal" data-toggle="modal" href="#">
<img alt="" class="img-responsive" src="images/a3.jpg"/>
</a>
</div>
</div>
<div class="clearfix"></div>
<div class="col-md-4 blog-sec-w3_agile b1">
<div class="blog-bottom bb3">
<div class="post-info">
<ul>
<li class="blog-icon-left">最新
										<a href="#">资讯</a>
</li>
<li class="blog-icon-right">
<a href="#">
<span aria-hidden="true" class="fa fa-heart"></span>
</a>98</li>
</ul>
<div class="clearfix"></div>
<a data-target="#myModal" data-toggle="modal" href="#">
<h5>25 jan:</h5>
<h4>最新热门文章</h4>
</a>
<p>厦门新增海上救援执勤点 与小金门一水之隔
继厦门海天码头和高崎渔港救援执勤点之后，厦门海上义务救援队在与小金门一水之隔的观音山新增设第三个海上救援执勤点，23日正式揭牌启动。
厦门海上义务救援队由成立十多年的厦门市休闲垂钓协会发起设立，作为配合厦门相关职能部门开展海上救援工作的民间应急救援力量，助力厦门海上救援活动。

　　观音山与小金门岛一水之隔，来此观光游览的游客众多，人员密集，是海上事故多发地，至今尚未设立海上救援队。伴随海洋休闲旅游的快速发展，完善海上救援体系，更好地保障民众生命财产安全，显得日益重要与迫切。

　　厦门市休闲垂钓协会会长、海上义务救援队队长陈成基在接受中新网记者采访时介绍说，因应需求新增设的观音山救援点，覆盖南起厦门环岛路椰风寨、北至五通码头一带海域，常设救援人员18名，每天均有2人轮值，节假日则加强救援力量的投入.........
								</p>
</div>
<a href="#">
<span aria-hidden="true" class="blog-share fa fa-share-alt"></span>
</a>
<div class="blog-sec-w3_agile blog-button">
<a data-target="#myModal" data-toggle="modal" href="#">更多</a>
</div>
</div>
<div class="blog-img">
<a data-target="#myModal" data-toggle="modal" href="#">
<img alt="" class="img-responsive" src="images/a3.jpg"/>
</a>
</div>
</div>
<div class="col-md-8 blog-sec-w3_agile b3">
<div class="col-md-6 blog-img img1">
<a data-target="#myModal" data-toggle="modal" href="#">
<img alt="" class="img-responsive" src="images/a4.jpg"/>
</a>
</div>
<div class="col-md-6 blog-bottom bb4">
<div class="post-info">
<ul>
<li class="blog-icon-left">最新
										<a href="#">资讯</a>
</li>
<li class="blog-icon-right">
<a href="#">
<span aria-hidden="true" class="fa fa-heart"></span>
</a>73</li>
</ul>
<div class="clearfix"></div>
<a data-target="#myModal" data-toggle="modal" href="#">
<h5>2月20日：</h5>
<h4>最新热门文章</h4>
</a>
<p>厦门新增海上救援执勤点 与小金门一水之隔
继厦门海天码头和高崎渔港救援执勤点之后，厦门海上义务救援队在与小金门一水之隔的观音山新增设第三个海上救援执勤点，23日正式揭牌启动。
厦门海上义务救援队由成立十多年的厦门市休闲垂钓协会发起设立，作为配合厦门相关职能部门开展海上救援工作的民间应急救援力量，助力厦门海上救援活动。

　　观音山与小金门岛一水之隔，来此观光游览的游客众多，人员密集，是海上事故多发地，至今尚未设立海上救援队。伴随海洋休闲旅游的快速发展，完善海上救援体系，更好地保障民众生命财产安全，显得日益重要与迫切。

　　厦门市休闲垂钓协会会长、海上义务救援队队长陈成基在接受中新网记者采访时介绍说，因应需求新增设的观音山救援点，覆盖南起厦门环岛路椰风寨、北至五通码头一带海域，常设救援人员18名，每天均有2人轮值，节假日则加强救援力量的投入.........
								</p>
</div>
<a href="#">
<span aria-hidden="true" class="blog-share fa fa-share-alt"></span>
</a>
<div class="blog-sec-w3_agile blog-button">
<a data-target="#myModal" data-toggle="modal" href="#">更多</a>
</div>
</div>
<div class="clearfix"></div>
<div class="blog-top blog-top2"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<!-- //blog -->
<div class="contact-bottom section-w3layouts main-pos" id="contact">
<h3 class="pos-title">取得联系</h3>
<h4 class="sec-title">见到你很高兴</h4>
<div class="contact-right-w3l">
<h3 class="title-contact text-center">有问题或只是想联系？</h3>
<form action="#" method="post">
<div class="contact-input">
<input class="name" name="name" placeholder="First Name" required="" type="text"/>
</div>
<div class="contact-input">
<input class="name" name="name" placeholder="Last Name" required="" type="text"/>
</div>
<div class="contact-input">
<input class="name" name="name" placeholder="Email" required="" type="email"/>
</div>
<div class="contact-input">
<input class="name" name="name" placeholder="Subject" required="" type="text"/>
</div>
<div class="contact-input">
<textarea placeholder="Your Message" required=""></textarea>
</div>
<input type="submit" value="SEND MESSAGE"/>
</form>
</div>
<div class="clearfix"></div>
</div>
<!-- //contact -->
<!-- 订阅 -->
<div class="subscribe-main section-w3layouts text-center">
<div class="subscribe-head">
<h4 class="sec-title">订阅 </h4>
<h6>到我的时事通讯</h6>
<h5>获取免费的时事通讯，随时了解我的项目。</h5>
<!-- <p class="sub-p">Never miss out on latest sales and best offers!</p> -->
<div class="subscribe-form">
<form action="#" class="subscribe_form" method="post">
<input placeholder="Email" required="" type="email"/>
<input type="submit" value="subscribe"/>
</form>
<div class="clearfix"> </div>
</div>
<p>我们尊重您的隐私。从不发送垃圾邮件！</p>
</div>
</div>
<!-- //订阅 -->
<div class="footer-main">
<div class="footer-social">
<h4>跟我来</h4>
<ul>
<li>
<a href="#">
<span class="fa fa-facebook icon_facebook"></span>
</a>
</li>
<li>
<a href="#">
<span class="fa fa-twitter icon_twitter"></span>
</a>
</li>
<li>
<a href="#">
<span class="fa fa-dribbble icon_dribbble"></span>
</a>
</li>
<li>
<a href="#">
<span class="fa fa-google-plus icon_g_plus"></span>
</a>
</li>
</ul>
</div>
<div class="cpy-right">
<p>版权所有©；2018.我公司保留所有权利。<a href="http://www.cssmoban.com/" target="_blank">创新、诚信、质量、服务</a></p>
</div>
</div>
<!-- modal -->
<div class="modal about-modal fade" id="myModal" role="dialog" tabindex="-1">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button aria-label="Close" class="close" data-dismiss="modal" type="button">
<span aria-hidden="true">&amp;时间;</span>
</button>
<h4 class="modal-title">探讨</h4>
</div>
<div class="modal-body">
<div class="model-info">
<img alt="" src="images/bg2.jpg"/>
<p>当你两岁的时候，你头发的持有者会喝酒，比紫外线还聪明，笑的胡子现在会恨你。

还有铁钻石。你现在比猫更容易了。他们瘦骨嶙峋，因为当时是在熔炉里。

按质量悬置超声波。因为我们担心会有很多超声波检查。批量时间密码

天空中一定有各种各样的湖泊，吹着花儿。两个歌手在折磨中，却很伤心。我一直在这里。
</p>
</div>
</div>
</div>
</div>
</div>
<!-- //modal -->
<!-- js -->
<script src="js/jquery-2.2.3.min.js"></script>
<!-- //js -->
<script>
		$(window).scroll(function () {
			if ($(window).scrollTop() >= 730) {
				$('nav').addClass('fixed-header');
			} else {
				$('nav').removeClass('fixed-header');
			}
		});

		/* scrollTop() >= 240
		   Should be equal the the height of the header
		 */
	</script>
<!-- PopUp-Box-JavaScript -->
<script src="js/jquery.chocolat.js"></script>
<script>
		$(function () {
			$('.filtr-item a').Chocolat();
		});
	</script>
<!-- //PopUp-Box-JavaScript -->
<!-- fliter-JavaScript -->
<script src="js/jquery.filterizr.js"></script>
<script src="js/controls.js"></script>
<script>
		$(function () {
			$('.filtr-container').filterizr();
		});
	</script>
<!-- //fliter-JavaScript -->
<!-- start-smooth-scrolling -->
<script src="js/move-top.js"></script>
<script src="js/easing.js"></script>
<script>
		jQuery(document).ready(function ($) {
			$(".scroll").click(function (event) {
				event.preventDefault();

				$('html,body').animate({
					scrollTop: $(this.hash).offset().top
				}, 1000);
			});
		});
	</script>
<!-- end-smooth-scrolling -->
<!-- smooth-scrolling-of-move-up-->
<script>
		$(document).ready(function () {
			/*
			var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
			};
			*/

			$().UItoTop({
				easingType: 'easeOutQuart'
			});

		});
	</script>
<script src="js/SmoothScroll.min.js"></script>
<!-- Bootstrap core JavaScript
    ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/bootstrap.js"></script>
</body>
</html>
<!--
playback timings (ms):
  captures_list: 0.748
  exclusion.robots: 0.037
  exclusion.robots.policy: 0.022
  esindex: 0.013
  cdx.remote: 8.039
  LoadShardBlock: 68.078 (3)
  PetaboxLoader3.datanode: 74.209 (4)
  load_resource: 123.531
  PetaboxLoader3.resolve: 58.521
-->