<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#div1{
text-align: center;
}
</style>
</head>
<body>
<div>
<div>
<img src="1.png"/">
<input type="text" placeholder="SEARCH..." style="padding-left: 20px;position: absolute;top: 25px;right: 20px;" />
</div>
<div id="div1" style="background-color: black;height: 80px;">
<div style="float: left;width: 12.4%;height:80px;color: white;border-right:solid beige 1px ;line-height: 80px;">
集团介绍
</div>
<div style="float: left;width: 12.4%;height:80px;color: white;border-right:solid beige 1px ;line-height: 80px;">
产品中心
</div><div style="float: left;width: 12.4%;height:80px;color: white;border-right:solid beige 1px ;line-height: 80px;">
卧龙市场
</div><div style="float: left;width: 12.4%;height:80px;color: white;border-right:solid beige 1px ;line-height: 80px;">
技术研发
</div><div style="float: left;width: 12.5%;height:80px;color: white;border-right:solid beige 1px ;line-height: 80px;">
国际合作
</div><div style="float: left;width: 12.5%;height:80px;color: white;border-right:solid beige 1px ;line-height: 80px;">
投融资关系
</div><div style="float: left;width: 12.4%;height:80px;color: white;border-right:solid beige 1px ;line-height: 80px;">
新闻资讯
</div><div style="float: left;width: 12.4%;height:80px;color: white;border-right:solid beige 1px ;line-height: 80px;">
人力资源
</div>
</div>
<div "><img src="2.png" style="width: 100%"/></div>
<div id="" style="height: 240px;">
<div style="float: left;width: 40%;height: 240px;">
<p style="font-size: 20px;">新闻资讯</p>
<ul>
<li>123</li>
<li>456</li>
<li>789</li>
</ul>
</div>
<div style="float: left;width: 30%;background-color: #DDDDDD;height: 240px;">
<p style="font-size: 20px;">卧龙介绍</p>
<p>1234567890</p>
</div>
<div style="float: left;width: 30%;height: 240px;">
<p style="font-size: 20px;">人才招聘</p>
<p>0987654321</p>
</div>
<p style="font-size: 20px;">卧龙市场</p>
<div style="height: 280px;">
<div style="height: 240px;width: 23%;margin-left: 1%;margin-right: 1%;float: left;">
<img src="3.png" style="width: 100%;"/>
<p style="width: 100%;height: auto;word-wrap:break-word;word-break:break-all;overflow: hidden;">dsgsdgsfjsdgssdgjd</p>
</div>
<div style="height: 240px;width: 23%;margin-left: 1%;margin-right: 1%;float: left;">
<img src="3.png" style="width: 100%;"/>
<p style="width: 100%;height: auto;word-wrap:break-word;word-break:break-all;overflow: hidden;">dsgsdgsfjsdgsjhsdgjd</p>
</div>
<div style="height: 240px;width: 23%;margin-left: 1%;margin-right: 1%;float: left;">
<img src="3.png" style="width: 100%;"/>
<p style="width: 100%;height: auto;word-wrap:break-word;word-break:break-all;overflow: hidden;">dsgsdgsfjjsdhgkjhsdgjd</p>
</div>
<div style="height: 240px;width: 23%;margin-left: 1%;margin-right: 1%;float: left;">
<img src="3.png" style="width: 100%;"/>
<p style="width: 100%;height: auto;word-wrap:break-word;word-break:break-all;overflow: hidden;">dsgsdghkjdghkjsdhgkjsdhgkjhsdgjd</p>
</div>
</div>
<div style="height: 240px;background-color: #C0C0C0;">
</div>
</div>
</div>
</body>
</html>
效果：
image.png
image.png
