<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>高端大气黑色建筑设计公司网站模板 - 代码库</title>
<meta name="keywords" content="高端,大气,黑色,建筑,设计公司,网站模板,模板下载" />
<meta name="description" content="高端大气黑色建筑设计公司网站模板下载,包含首页及关于我们两个页面,页面设计简洁大气!" />
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<!--/************************************************************
* *
* 代码库 *
* www.dmaku.com *
* 努力创建完善、持续更新插件以及模板 *
* *
**************************************************************-->
<body>
<!--head-->
<header>
<section class="sec_t inner">
<span>您好,欢迎来到江苏城建校建筑规划设计院官方网站</span>
<p><a href="#">返回首页</a> | <a href="#">在线留言</a> | <a href="#">联系我们</a> </p>
<a href="/"><img src="images/logo.png" /></a>
<b> <img src="images/tel.png" width="57" height="57" alt=""/>
全国咨询热线:<br>
<em>0519-67896518</em></b>
</section><div class="clear"></div>
</header>
<!--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>
<ul>
<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>
<form>
<input type="text" placeholder="请输入关键词" class="search">
<input type="submit" value="搜索" class="search1">
</form>
</ul>
<div class="clear"> </div>
</nav>
<!--banner-->
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<div class="wrapper" >
<div id="focus">
<ul>
<li>
<a href="#"><img src="images/banner1.jpg" /></a>
</li>
<li>
<a href="#"><img src="images/banner2.jpg" /></a>
</li>
<li>
<a href="#"><img src="images/banner3.jpg" /></a>
</li>
</ul>
</div>
</div>
<!--main-->
<div class="ab">
<div class="inner">
<div class="jzt">
<p> Best classic works</p>
<b> 经典作品</b>
</div>
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/jquery.pwstabs-1.1.3.min.js"></script>
<script>
jQuery(document).ready(function ($) {
$('.tabset0').pwstabs();
$('.tabset1').pwstabs({
effect: 'scale',
defaultTab: 1,
containerWidth: '1200px'
});
});
</script>
<div class="tabset1">
<div data-pws-tab="tab1" data-pws-tab-name="工业建筑<br><span> Industrial buildings</span>">
<script type="text/javascript" src="js/jquery-1.8.2.js"></script>
<script type="text/javascript" src="js/base.js"></script>
<!--效果开始-->
<div class="item_box box10">
<div class="item_box_wp">
<div class="voice_2">
<ul>
<li class="li1" id="li1">
<div class="fold" style="display:none;">
<span class="img"></span>
<span class="txt"><a href="#">常州艾森乐特精密机械有限公司</a></span>
</div>
<div class="unfold" style="display:block">
<dl>
<dd><a href="#">常州艾森乐特精密机械有限公司</a></dd>
<dt><img src="images/jz1.jpg" /></dt>
</dl>
</div>
</li>
<li class="li2">
<div class="fold">
<span class="img"></span>
<span class="txt"><a href="#">常州大利节能新材料有限公司</a></span>
</div>
<div class="unfold">
<dl>
<dd><a href="#">常州大利节能新材料有限公司</a></dd>
<dt><img src="images/jz1.jpg" /></dt>
</dl>
</div>
</li>
<li class="li3">
<div class="fold">
<span class="img"></span>
<span class="txt"><a href="#">常州东风农机集团有限公司</a></span>
</div>
<div class="unfold">
<dl>
<dd><a href="#">常州东风农机集团有限公司</a></dd>
<dt><img src="images/jz1.jpg" /></dt>
</dl>
</div>
</li>
<li class="li4">
<div class="fold">
<span class="img"></span>
<span class="txt"><a href="#">常州卡斯特铝精密铸造科技</a></span>
</div>
<div class="unfold">
<dl>
<dd><a href="#">常州卡斯特铝精密铸造科技</a></dd>
<dt><img src="images/jz1.jpg" /></dt>
</dl>
</div>
</li>
<li class="li5">
<div class="fold">
<span class="img"> </span>
<span class="txt"><a href="#">常州美能特机电制造有限公司</a></span>
</div>
<div class="unfold">
<dl>
<dd><a href="#">常州美能特机电制造有限公司</a></dd>
<dt><img src="images/jz1.jpg" /></dt>
</dl>
</div>
</li>
</ul>
</div>
</div>
</div>
<!--效果html结束-->
<div class="clear"></div>
</div>
<div data-pws-tab="tab2" data-pws-tab-name="公共建筑<br><span>Public buildings</span>">
<!--效果开始-->
<div class="item_box box10">
<div class="item_box_wp">
<div class="voice_2">
<ul>
<li class="li1" id="li1">
<div class="fold" style="display:none;">
<span class="img"></span>
<span class="txt"><a href="#">常州艾森乐特精密机械有限公司</a></span>
</div>
<div class="unfold" style="display:block">
<dl>
<dd><a href="#">常州艾森乐特精密机械有限公司</a></dd>
<dt><img src="images/jz1.jpg" /></dt>
</dl>
</div>
</li>
<li class="li2">
<div class="fold">
<span class="img"></span>
<span class="txt"><a href="#">常州大利节能新材料有限公司</a></span>
</div>
<div class="unfold">
<dl>
<dd><a href="#">常州大利节能新材料有限公司</a></dd>
<dt><img src="images/jz1.jpg" /></dt>
</dl>
</div>
</li>
<li class="li3">
<div class="fold">
<span class="img"></span>
<span class="txt"><a href="#">常州东风农机集团有限公司</a></span>
</div>
<div class="unfold">
<dl>
<dd><a href="#">常州东风农机集团有限公司</a></dd>
<dt><img src="images/jz1.jpg" /></dt>
</dl>
</div>
</li>
<li class="li4">
<div class="fold">
<span class="img"></span>
<span class="txt"><a href="#">常州卡斯特铝精密铸造科技</a></span>
</div>
<div class="unfold">
<dl>
<dd><a href="#">常州卡斯特铝精密铸造科技</a></dd>
<dt><img src="images/jz1.jpg" /></dt>
</dl>
</div>
</li>
<li class="li5">
<div class="fold">
<span class="img"> </span>
<span class="txt"><a href="#">常州美能特机电制造有限公司</a></span>
</div>
<div class="unfold">
<dl>
<dd><a href="#">常州美能特机电制造有限公司</a></dd>
<dt><img src="images/jz1.jpg" /></dt>
</dl>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div data-pws-tab="tab3" data-pws-tab-name="民用建�