<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>蓝色简洁大气船舶运输企业官网模板 - 代码库</title>
<meta name="keywords" content="蓝色,简洁,大气,船舶运输,企业官网,模板下载" />
<meta name="description" content="蓝色简洁大气船舶运输企业官网模板下载，下载文件包含index首页和about关于我们两张静态网页。" />
</head>
<link href="css/style.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="js/js.js"></script>
<!--/************************************************************
* *
* 代码库 *
* www.dmaku.com *
* 努力创建完善、持续更新插件以及模板 *
* *
**************************************************************-->
<body>
<div class="inner">
<div class="logo">
<img src="images/logo.png" />
<b>常州阅海船舶服务有限公司</b>
<em>changzhou yuehai Marine service co., LTD</em>
</div>
<div class="sea">
<!--search-->
<form>
<input type="text" value="" id="" onblur="if(this.value=='') this.placeholder='搜索';" onfocus="if(this.placeholder=='搜索') this.placeholder='';" class="sousuo1" placeholder="搜索" />
<input class="sousuo" type="button">
</form> <em><i>:</i>0519-85325235</em> <img src="images/tel.png" />
</div>
<div class="clear"> </div>
</div>
<!--nav-->
<nav>
<ul>
<li><a href="index.html">网站首页</a></li>
<li><a href="about.html">关于我们</a>
<ul>
<li><a href="#">公司介绍</a></li>
<li><a href="#">院长致辞</a></li>
<li><a href="#">组织结构</a></li>
<li><a href="#">建院资质</a></li>
<li><a href="#">建院荣誉</a></li>
</ul>
</li>
<li><a href="#">新闻中心</a></li>
<li><a href="#">业务领域</a></li>
<li><a href="#">招贤纳士</a></li>
<li><a href="#">联系我们</a></li>
</ul>
<div class="clear"> </div>
</nav>
<!--banner-->
<div class="flexslider">
<ul class="slides">
<li style="background:url(images/banner1.jpg) 50% 0 no-repeat;"></li>
<li style="background:url(images/banner2.jpg) 50% 0 no-repeat;"></li>
<li style="background:url(images/banner3.jpg) 50% 0 no-repeat;"></li>
</ul>
</div>
<!--news-->
<div class="inner">
<ul class="hykx">
<li><a href="#">航运快讯：中国对外投资逆势上扬，存量将升至全球第六…… </a> <span>[2016-6-30]</span></li>
</ul>
<div class="clear"></div>
<script type="text/javascript" src="js/jquery.easing.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
var kv_num = 0;
function nextKv(){
$(".control").attr("style","pointer-events:none");
kv_num++;
if(kv_num==4){kv_num=0;}
$(".kv_pic").animate({ left:-600*kv_num},{ easing: 'easeInOutQuad', duration: 500, complete: function(){
$(".control").attr("style","pointer-events:auto");
}});
$(".kv_word>ul").stop().animate({ left:-600*kv_num},{ easing: 'easeInOutQuad', duration: 500, complete: function(){}});
$(".kv_dot ul li").removeClass("action").eq(kv_num).addClass("action");
}
function prevKv(){
$(".control").attr("style","pointer-events:none");
kv_num--;
if(kv_num==-1){kv_num=3;}
$(".kv_pic").animate({ left:-600*kv_num},{ easing: 'easeInOutQuad', duration: 500, complete: function(){
$(".control").attr("style","pointer-events:auto");
}});
$(".kv_word>ul").stop().animate({ left:-600*kv_num},{ easing: 'easeInOutQuad', duration: 500, complete: function(){}});
}
$(".control .next").on("click",nextKv);
$(".control .prev").on("click",prevKv);
// 自动轮播
setInterval(nextKv,3500);
});
</script>
<div class="main">
<div class="kv">
<ul class="kv_pic">
<li><img src="images/new1.jpg" alt="" /></li>
<li><img src="images/new1.jpg" alt="" /></li>
<li><img src="images/new1.jpg" alt="" /></li>
<li><img src="images/new1.jpg" alt="" /></li>
</ul>
<div class="kv_word">
<ul>
<li>
<h3 class="tit1">中远集运、达飞轮船、长荣海运和东方海外组建联盟</h3>
<h3 class="tit2">2016-6-30</h3>
<a href="#"><img src="images/more.png" width="27" height="27" alt=""/></a> </li>
<li>
<h3 class="tit1">中远集运、达飞轮船、长荣海运和东方海外组建联盟1</h3>
<h3 class="tit2">2016-6-30</h3>
<a href="#"><img src="images/more.png" width="27" height="27" alt=""/></a> </li>
<li>
<h3 class="tit1">中远集运、达飞轮船、长荣海运和东方海外组建联盟2</h3>
<h3 class="tit2">2016-6-30</h3>
<a href="#"><img src="images/more.png" width="27" height="27" alt=""/></a> </li>
<li>
<h3 class="tit1">中远集运、达飞轮船、长荣海运和东方海外组建联盟3</h3>
<h3 class="tit2">2016-6-30</h3>
<a href="#"><img src="images/more.png" width="27" height="27" alt=""/></a> </li>
</ul>
</div>
<div class="control">
<div class="prev"><img src="images/newprev.png" alt="" /></div>
<div class="next"><img src="images/newnext.png" alt="" /></div>
</div>
</div>
</div>
<!--new-->
<div class="new">
<div class="newa">
<a href="#">公司新闻</a>
<a href="#">行业新闻</a>
<a href="#">公司公告</a>
</div><div class="clear"></div>
<ul class="newb">
<li>
<span> <i>30</i>
06月<br>
2016</span>
<b><a href="#">克拉克森：亚太船东重掌世界船队</a></b>
<a href="#" class="more">更多+ </a>
</li>
<li>
<span> <i>30</i>
06月<br>
2016</span>
<b><a href="#">中国对外投资逆势上扬，存量将升
至全球第六 </a></b>
<a href="#" class="more">更多+ </a>
</li>
<li>
<span> <i>30</i>
06月<br>
2016</span>
<b><a href="#">中国对外投资逆势上扬，存量将升
至全球第六 </a></b>
<a href="#" class="more">更多+ </a>
</li>
</ul>
</div><div class="clear"></div>
<!--业务领域-->
<div class="ywly">
<div class="lya">
<h2>业务领域</h2> <a href="#">更多+</a>
</div>
<ul class="lyb">
<li class="p1">
<img src="images/p1.jpg" alt=""/>
<div><h2> 01/ 校企委培包就业特色班</h2>
<p>常州阅海船舶服务有限公司联合国内多家海事院校开展国际海乘、国际海员的校校加企业合作订单委培就业班，学生进校之前直接和我公司鉴定就业合同，确保学生毕业后100%就业。</p>
<a href="#">了解详情>></a></div>
</li>
<li class="p2">
<img src="images/p2.jpg" alt=""/>
<div>
<h2> 01/ 校企委培包就业特色班</h2>
<p>常州阅海船舶服务有限公司联合国内多家海事院校开展国际海乘、国际海员的校校加企业合作订单委培就业班，学生进校之前直接和我公司鉴定就业合同，确保学生毕业后100%就业。</p>
<a href="#">了解详情>></a></div>
</li>
<li class="p3">
<img src="images/p3.jpg" alt=""/>
<div>
<h2> 01/ 校企委培包就业特色班</h2>
<p>常州阅海船舶服务有限公司联合国内多家海事院校开展国际海乘、国际海员的校校加企业合作订单委培就业班，学生进校之前直接和我公司鉴定就业合同，确保学生毕业后100%就业。</p>
<a href="#">了解详情>></a></div>
</li>
</ul>
<div class="clear"> </div>
</div>
<div class="clear"></div>
</div>
<!--about-->
<div class="about">
<div class="aba inner">
<h2>业务领域</h2> <a href="#">更多+</a>
</div>
<p>随着世界航运市场蓬勃发展以及国家海事局对船舶船员配备和船员持证上岗的规定要求，我公司与国内各大海运专业学校及航海院校，携手联合面向社会长年招收有志从事航海事业的优秀青年。入学前首先与公司
网站模板21-蓝色简洁大气船舶运输企业官网模板.zip （35个子文件） 
网站模板21-蓝色简洁大气船舶运输企业官网模板 21-蓝色简洁大气船舶运输企业官网模板 css 
style.css 9KB 代码库.url 321B images 
newnext.png 1KB next.png 17KB ywly.png 2KB nbg.png 1KB
p3.jpg 48KB lm.png 1KB prev.png 17KB banner3.jpg 317KB index_kv1.jpg 167KB index_kv3.jpg 136KB weizhi.png 1KB search.png 1KB index_kv4.jpg 130KB about.png 3KB ban.jpg 195KB jt.png 981B p2.jpg 61KB p1.jpg 44KB banner2.jpg 292KB newprev.png 1KB logo.png 14KB tel.png 2KB hykx.png 1KB banner1.jpg 358KB jta.png 1KB index_kv2.jpg 228KB more.png 1KB new1.jpg 106KB
index.html 10KB js js.js 116KB jquery.easing.js 8KB 20170525175520.png 50KB about.html 5KB资源评论
