<!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 charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="keywords" content="">
<meta name="description" content="">
<link rel="stylesheet" type="text/css" href="statics/css/lib.css">
<link rel="stylesheet" type="text/css" href="statics/css/style.css">
<link rel="stylesheet" type="text/css" href="statics/css/1362.css">
<script type="text/javascript" src="statics/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="statics/js/org1480746227.js" data-main="indexMain"></script>
<title>大气蓝色企业机械类网站html静态页面源码模板 - 代码库</title>
</head>
<!--/************************************************************
* *
* 代码库 *
* www.dmaku.com *
* 努力创建完善、持续更新插件以及模板 *
* *
**************************************************************-->
<body>
<div id="header" class="index_nav">
<div class="content">
<a href="index.html" id="logo"><img src="statics/images/1482810077929.png" height="40" /></a>
<ul id="nav">
<li class="navitem">
<a class="nav-a active " href="index.html" target="_self"><span data-title="首页">首页</span></a>
</li>
<li class="navitem">
<a class="nav-a " href="product.html" target="_self"><span data-title="产品展示">产品展示</span></a>
</li>
<li class="navitem">
<a class="nav-a " href="about.html" target=""><span data-title="关于我们">关于我们</span><i class="fa fa-angle-down"></i></a>
<ul class="subnav">
<li>
<a href="about.html" target="_self"><span data-title="关于我们">关于我们</span><i class="fa fa-angle-right"></i></a>
</li>
</ul>
</li>
<li class="navitem">
<a class="nav-a " href="services.html" target="_self"><span data-title="服务范围">服务范围</span></a>
</li>
<li class="navitem">
<a class="nav-a " href="team.html" target="_self"><span data-title="我们团队">我们团队</span></a>
</li>
<li class="navitem">
<a class="nav-a " href="news.html" target="_self"><span data-title="资讯中心">资讯中心</span></a>
</li>
<li class="navitem">
<a class="nav-a " href="contact.html" target="_self"><span data-title="联系我们">联系我们</span></a>
</li>
</ul>
<div class="clear"></div>
</div>
<a id="headSHBtn" href="javascript:;"><i class="fa fa-bars"></i></a>
</div>
<div id="sitecontent">
<div id="indexPage">
<div id="mslider" class="module">
<script type="text/javascript">
$(function() {
$("#mslider li video").each(function(index, element) {
element.play();
});
})
</script>
<ul class="slider" data-options-height="580" data-options-auto="0" data-options-mode="0" data-options-pause="4" data-options-ease="ease-out">
<li style="background-image:url(statics/images/1482487629825.jpg)" class="active">
<div id="tempImage_0"></div><img style="display:none" src="statics/images/1482487629825.jpg" alt="" />
<div class="mask"></div>
<a target="_blank">
<div>
<p class="title ellipsis"></p>
</div>
<div class="sliderArrow fa fa-angle-down"></div>
</a>
</li>
<li style="background-image:url(statics/images/1482728145994.jpg)">
<div id="tempImage_1"></div><img style="display:none" src="statics/images/1482728145994.jpg" alt="" />
<div class="mask"></div>
<a target="_blank">
<div>
<p class="title ellipsis"></p>
</div>
<div class="sliderArrow fa fa-angle-down"></div>
</a>
</li>
<li style="background-image:url(statics/images/1482740503271.jpg)">
<div id="tempImage_2"></div><img style="display:none" src="statics/images/1482740503271.jpg" alt="" />
<div class="mask"></div>
<a target="_blank">
<div>
<p class="title ellipsis"></p>
</div>
<div class="sliderArrow fa fa-angle-down"></div>
</a>
</li>
</ul>
</div>
<div id="mindex" data-options-ease="Expo.easeInOut" data-options-speed="1" data-options-sscreen="0"></div>
<div id="mservice" class="module">
<div class="bgmask"></div>
<div class="content layoutnone">
<div class="header wow fw" data-wow-delay=".1s">
<p class="title">服务范围</p>
<p class="subtitle">SERVICE</p>
</div>
<div class="module-content fw" id="servicelist">
<div class="wrapper">
<ul class="content_list" data-options-sliders="3" data-options-margin="10" data-options-ease="1" data-options-speed="1">
<li id="serviceitem_0" class="serviceitem wow">
<a href="#" target="_blank">
<p class="service_img"><img src="statics/images/1481781330301.png" width="320" height="120" alt="生产经验" /></p>
<div class="service_info">
<p class="title">生产经验</p>
<p class="description">我们拥有8年生产及销售经验</p>
</div>
</a>
<a href="#" target="_blank" class="details">more<i class="fa fa-angle-right"></i></a>
</li>
<li id="serviceitem_1" class="serviceitem wow">
<a href="#" target="_blank">
<p class="service_img"><img src="statics/images/1481772762811.png" width="320" height="120" alt="出口国家" /></p>
<div class="service_info">
<p class="title">出口国家</p>
<p class="description">进出口国家三十多个,多款产品获得国家专利认证 ... </p>
</div>
</a>
<a href="#" target="_blank" class="details">more<i class="fa fa-angle-right"></i></a>
</li>
<li id="serviceitem_2" class="serviceitem wow">
<a href="#" target="_blank">
<p class="service_img"><img src="statics/images/1481772776706.png" width="320" height="120" alt="厂房面积" /></p>
<div class="service_info">
<p class="title">厂房面积</p>
<p class="description">厂房占地面积一万多平,高科技产业园区,现代化生产车间 ... </p>
</div>
</a>
<a href="#" target="_blank" class="details">more<i class="fa fa-angle-right"></i></a>
</li>
</ul>
</div>
</div>
<div class="clear"></div>
<a href="#service/" class="more wow">MORE<i class="fa fa-angle-right"></i></a>
</div>
</div>
<div id="mproject" class="module">
<div class="bgmask"></div>
<div class="content layoutnone">
<div class="header wow">
<p class="title">产品展示</p>
<p class="subtitle">PRODUCT</p>
</div>
<div id="category" class="hide wow">
<a href="#">零件加工</a>
<a href="#">机械加工</a>
<a href="#">五金加工</a>
</div>
<!--yyLayout masonry-->
<div class="module-content" id="projectlist">
<div class="projectSubList" id="projectSubList_">
<div class="projectSubHeader">
<p class="title"></p>
<p class="subtitle"></p>
</div>
<div class="wrapper">
<ul class="content_list" data-options-sliders="3" data-options-margin="15" data-options-ease="1" data-options-speed="1">
<li id="projectitem_0" class="projectitem wow">
<a href="#" class="projectitem_content" target="_blank">
<div class="projectitem_wrapper">
<div class="project_img"><img src="statics/images/1482390911519.jpg" alt="金属机械配件" width="650" height="385" /></div>
<div class="project_info">
<div>