|
|
<title>海华锻造公司首页</title>
<link rel="stylesheet" href="CSS/style.css"/>
</head>
<body>
<!--头部区域-->
<div class="header">
<a href="#" class="logo">
<img src="images/logo1.png" alt="海华锻造有限公司logo"/>
</a>
<div class="tel"><img src="images/tel.png" alt="海华锻造有限公司电话"/></div>
</div>
<!--导航条-->
<div class="nav">
<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>
<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>
<li><a href="#" style="background:none">在线留言</a></li>
</ul>
</div>
<!--海报区域-->
<a href="#" class="banner"></a>
<!--关于我们-->
<div class="about">
<div class="title">
<h2>公司简介</h2>
<p>Company profile</p>
</div>
<div class="con">
<p>中国海华锻造有限公司位于中国著名的“锻造之乡”、“铁匠之乡”，系原来的中国锻造厂，有员工1360人，工程技术人员406人。集锻造、热处理、机加工于一体，主要生产油田井口设备锻件、液压机械锻件、机床锻件、工程机械锻件、矿山设备锻件。</p>
<p>主要生产设备有8吨、5吨、3吨电液锤，大型夹板锤，空气锤，8000吨、4000吨、2500吨、1000吨摩擦压力机等。我公司拥有自己的技术研发机构-“章丘市宝华锻造公司技术开发中心”，设有国家认可的理化实验室，配有德国光谱仪、美国布氏硬度计、超声波无损探伤设备等检测设备，能进行多项机械性能实验检测。</p>
<p>公司先后通过了ISO 9001：2001，ISO 9001:2008, ISO 14001:2004, OHSAS 18001:2007等认证，连续多年被多个厂家评为“优秀供应商”、“信得过合作伙伴”等荣誉称号。</p>
<div class="prc">
<img src="images/about-img.png" />
</div>
</div>
</div>
<!--产品展示-->
<div class="pro"></div>
<!--新闻中心-->
<div class="news"></div>
<!--底部区域-->
<div class="footer"></div>
</body>
</html>
<img src="images/about-img.png" alt="tupu"/>
css
*{padding:0;margin:0;}
body{font-family:"微软雅黑", "黑体", "宋体"}
ul{list-style:none;}
a{text-decoration:none;}
/*头部*/
.header{height:100px;width:1000px; ;margin:0 auto;}
.header .logo{float:left;margin-top:21px;}
.header .tel{float:right;margin-top:29px;}
/*导航条*/
.nav{height:40px;width:1000px; margin:0 auto;}
.nav li{float:left;}
.nav li a{display:block; line-height:40px; font-size:14px; padding:0 18px;}
.nav li a{color:rgba(128,124,125,1.00);border-top:1px solid rgba(167,159,159,1.00);background:url(../images/shutiao.png) no-repeat right center;}
.nav li a:hover{color:rgb(244,144,49);border-top:2px solid rgba(244,154,53,1.00);line-height:38px;}
/*海报*/
.banner{height:440px;width:100%;background:url(../images/banner.jpg) no-repeat center top; display:block }
/*关于我们*/
.about{height:280px;width:1000px;background:rgba(143,151,19,1.00); margin:30px auto;}
.about .title{border:1px solid red; text-align:center;background:url(../images/banner2.png) no-repeat center top 10px; line-height:1em;}
.about .title h2{font-weight:400px; font-size:18px;color:rgba(93,146,237,1.00);}
.about .title p{font-size:12px; color:#bababa; text-transform:uppercase;magin-top:6px;}
.about .con{margin-top:24px;}
.about .con p{text-indent:1.9em;color:#5e5e5e;font-size:13px; line-height:1.5em; display:block;}
.about .con.pic{ margin:0 auto; display:block;}
/*产品介绍*/
.pro{ height:400px; width:100%; background:rgba(143,151,19,1.00);margin:30px auto;}
/*新闻中心*/
.news{height:280px;width:100%; background:rgba(237,55,219,1.00);margin:30px auto;}
/*底部*/
.footer{height:105px; background:rgba(45,94,228,1.00);margin:0 auto;} |
|
