联系我们
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/header.css">
<link rel="stylesheet" href="css/banner.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/footer.css">
<title>关于公司</title>
</head>
<body>
<div class="header">
<div class="header_dh"><!--导航条-->
<div class="header_logo">
<img src="images/logo.png" width="200" alt="">
</div>
<div class="top_link">
<ul>
<a href="/" class="top_link_a">首页</a>
<a href="/" class="top_link_a">关于公司</a>
<a href="/" class="top_link_a">产品与服务</a>
<a href="/" class="top_link_a">公司文章</a>
<a href="/" class="top_link_a">联系我们</a>
</ul>
</div>
</div>
</div>
<div class="banner"> <!--广告条-->
<div class="banner_images"><img src="images/banner.jpg" alt=""></div>
</div>
<!--主体-->
<div class="container">
<div class="wrap">
<div class="main">
<h2>联系方式:</h2><br>
<dl>
<dt>***:133333333333333</dt><br>
<dt>微信:133333333333333</dt><br>
<dt>地址:辽宁省沈阳市三好街12号</dt><br>
<dt>联系人:阿冰</dt>
</dl>
</div>
</div>
<div class="left">
<div class="left_main">
<a class="left_link" href="/">关于公司</a></br>
<a class="left_link" href="/">产品与服务</a></br>
<a class="left_link" href="/">公司文章</a></br>
<a class="left_link" href="/">联系我们</a></br>
</div>
</div>
</div>
<div class="footer">
<div class="footer_aaa">
<dl>
<dt>电话:13333333333 微信:1333333333</dt>
<dt>地址:辽宁省沈阳市三好街12号</dt>
<dt>备案地址:<a href="/">辽备1258888</a></dt>
</dl>
</div>
</div>
</body>
</html>
===========================================================
关于公司简介:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/header.css">
<link rel="stylesheet" href="css/banner.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/footer.css">
<title>关于公司</title>
</head>
<body>
<div class="header">
<div class="header_dh"><!--导航条-->
<div class="header_logo">
<img src="images/logo.png" width="200" alt="">
</div>
<div class="top_link">
<ul>
<a href="/" class="top_link_a">首页</a>
<a href="/" class="top_link_a">关于公司</a>
<a href="/" class="top_link_a">产品与服务</a>
<a href="/" class="top_link_a">公司文章</a>
<a href="/" class="top_link_a">联系我们</a>
</ul>
</div>
</div>
</div>
<div class="banner"> <!--广告条-->
<div class="banner_images"><img src="images/banner.jpg" alt=""></div>
</div>
<!--主体-->
<div class="container">
<div class="wrap">
<div class="main_aboutus">
<br>
<h2>公司概览:</h2><br>
<p>
万华化学集团股份***是一家全球化运营的化工新材料公司，依托不断创新的核心技术、产业化装置及高效的运营模式，为客户提供更具竞争力的产品及解决方案。<br>
万华化学始终坚持以科技创新为第一核心竞争力，持续优化产业结构，业务涵盖MDI、TDI、聚醚多元醇等聚氨酯产业集群，丙烯酸及酯、环氧丙烷等石化产业集群，水性PUD、PA乳液、TPU、ADI系列等功能化学品及材料产业集群。所服务的行业主要包括：生活家居、运动休闲、汽车交通、建筑工业和电子电器等。<br>
在***领域，国内烟台、宁波、珠海三大***基地稳定运营，2011年万华化学托管匈牙利BC公司，拥有了自己的海外***基地。在研发领域，烟台、北京、佛山、上海等地的研发中心已逐渐成型，2017年北美技术中心在休斯敦正式投入使用。另外，万华化学在欧洲、美国、***等十余个国家和地区均设有公司和办事处。<br>
目前全球范围内拥有员工近11000人（含BC公司），近三分之一为外籍员工。<br>
万华化学将“为客户创造价值”作为第一使命，为客户提供稳定的、高质量的、有竞争力的产品和快速高效的服务，做负责任的供应商和行业领袖。并将一如既往地在化工新材料领域持续创新，引领行业发展方向，为人类创造美好生活！
</p>
</div>
</div>
<div class="left">
<div class="left_main">
<a class="left_link" href="/">关于公司</a></br>
<a class="left_link" href="/">产品与服务</a></br>
<a class="left_link" href="/">公司文章</a></br>
<a class="left_link" href="/">联系我们</a></br>
</div>
</div>
</div>
<div class="footer">
<div class="footer_aaa">
<dl>
<dt>电话:13333333333 微信:1333333333</dt>
<dt>地址:辽宁省沈阳市三好街12号</dt>
<dt>备案地址:<a href="/">辽备1258888</a></dt>
</dl>
</div>
</div>
</body>
</html>
==============================
banner.css
.banner{
margin: auto;
padding: auto;
height: 400px;
}
.banner_images{
width: 1000px;
height: inherit;
}
==============================================
footer.css
.footer{
height: 100px;
margin-top: 10px;
padding: auto;
}
.footer_aaa{
padding-top:30px;
height: inherit;
width: 1000px;
background-color: lightgray;
text-align: center;
font-size: 20px;
line-height: 30px;
}
===============================================
header.css
* {
padding: auto;
margin: auto;
}
.header{
height: 100px;
background-color: black;
}
.header_dh{
width: 1000px;
}
.header_logo{
width: 200px;
margin-top: 17.5px;
float: left;
}
.top_link{
line-height: 120px;
}
.top_link_a{
color: white;
display: inline-block;
height: 100px;
width: 150px;
text-align: center;
font-size: 20px;
}
.top_link_a:hover{
color: black;
background-color: white;
font-size: 1.5em;
}
a {
text-decoration: none;
}
========================================
main.css
.container{
margin-top: 5px;
height:800px;
width:1000px;
}
.wrap{
height: inherit;
width: inherit;
float: left;
}
.main{
padding-left: 230px;
padding-right:230px;
}
.main_aboutus{
padding-left: 230px;
}
.left {
height:inherit;
width: 200px;
background-color: white;
float: left;
margin-left: -1000px;
}
.right{
height:inherit;
width: 200px;
float: left;
margin-left:-200px;
}
.left_link {
width: 196px;
height: 50px;
display: inline-block;
list-style:none;
background-color: black;
color: white;
border: 2px solid white;
line-height: 50px;
font-size: 20px;
text-align:center;
}
.left_link:hover{
color: yellow;
}
dt {
font-size: 20px;
}
p {
font-size: 25px;
}
