主页
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#div2 img{
width: 100%;
height: 500px;
}
div img{
width: 100%;
height: 150px;
}
div #div1:hover{
background-color:whitesmoke;
}
</style>
</head>
<body>
<div style="height: 150px;width: 100%;">
<p style="float: right;"><input type="text" placeholder="sdadsa" /></p>
<p style="position:relative;left: 20px;top:0px;width: 20%;">
<img src="img/12.png"/>
</p>
</div>
<div style="overflow: hidden;height: 80px;"align="center">
<div style="height: 50px;background-color:black;color: white;float: left;width: 12.5%;margin-right: 1px; "><br />集团介绍</div>
<div style="height: 50px;background-color:black;color: white;float: left;width: 12.5%;margin-right: 1px;"><br />集团介绍</div>
<div style="height: 50px;background-color:black;color: white;float: left;width: 12.5%;margin-right: 1px;"><br />集团介绍</div>
<div style="height: 50px;background-color:black;color: white;float: left;width: 12.5%;margin-right: 1px;"><br />集团介绍</div>
<div style="height: 50px;background-color:black;color: white;float: left;width: 12.5%;margin-right: 1px;"><br />集团介绍</div>
<div style="height: 50px;background-color:black;color: white;float: left;width: 12.5%;margin-right: 1px;"><br />集团介绍</div>
<div style="height: 50px;background-color:black;color: white;float: left;width: 12.5%;margin-right: 1px;"><br />集团介绍</div>
<div style="height: 50px;background-color:black;color: white;float: left;width: 11.6%;"><br />集团介绍</div>
</div>
<div id=div2 style="position: absolute;top: 230px;width: 100%;overflow: hidden;">
<a href="http://www.baidu.com/"style="width: 100%;"> <img src="img/jd.jpg"/></a>
<div id=""style="width:30%;height: 180px;position: absolute;left: 30px;top: 250px;background-color: yellow;">
<h3 align="center">应用于高铁领域</h3>
</div>
</div>
<div style="height: 541px;"></div>
<div style="overflow: hidden;width: 100%;">
<div style="height: 200px;width: 50%;margin-right:1px;float: left;"id="div1";>
<h3>新闻资讯</h3>
<a href="0">dcwe</a><br />
<a href="0">fw</a><br />
<a href="0">fw</a><br />
<a href="0">ver</a><br />
<a href="0">fw</a><br />
<a href="0">fwe</a><br />
</div>
<div style="height: 200px;width: 25%;margin-right:1px;float: left;"id="div1";>
<h3>卧龙介绍</h3>
<a href="0">dcwe</a><br />
<a href="0">fw</a><br />
<a href="0">fw</a><br />
<a href="0">ver</a><br />
<a href="00">fw</a><br />
<a href="0">fwe</a><br />
</div>
<div style="height: 200px;width: 24.8%;float:right;"id="div1";>
<h3>人才招聘</h3>
<div style="color: black;">
<a href="0">dcwe</a><br />
<a href="0">fw</a><br />
<a href="0">fw</a><br />
<a href="0">ver</a><br />
<a href="0">fw</a><br />
<a href="0">fwe</a><br />
</div>
</div>
</div>
<div ><h2>卧龙市场</h2></div>
<div style="overflow: hidden;">
<div style="width:23.5%;height: 250px;background-color: yellow;margin-right:1.5% ;margin-left: 5px; float: left;">
<a href="http://www.baidu.com/"style="float: left;"> <img src="img/jd.jpg"/></a>
<div style="width:100%;height: 250px;background-color: white; ">动次打次收到都是吃粑粑是打算圣地带带说到底</div>
</div>
<div style="width:23.5%;height: 250px;background-color: yellow;margin-right:1.5% ;float: left;">
<a href="http://www.baidu.com/"style="float: left;"> <img src="img/jd.jpg"/></a>
<div style="width:100%;height: 250px;background-color: white; ">动次打次收到都是吃粑粑是打算圣地带带说到底</div>
</div>
<div style="width:23.5%;height: 250px;background-color: yellow;margin-right:1.5% ;float: left;">
<a href="http://www.baidu.com/"style="float: left;"> <img src="img/jd.jpg"/></a>
<div style="width:100%;height: 250px;background-color: white; ">动次打次收到都是吃粑粑是打算圣地带带说到底</div>
</div>
<div style="width:23.5%;height: 250px;background-color: yellow;margin-right:5px ;float: left;">
<a href="http://www.baidu.com/"style="float: left;"> <img src="img/jd.jpg"/></a>
<div style="width:100%;height: 250px;background-color: white; ">动次打次范围分为服务规范为发给我我国归属感热</div>
</div>
</div>
<br />
<div style="height: 300px;width: 100%;background-color: lightgray;">
</div>
<p style="float: right;"><input type="text" name="1" value="1" placeholder="sdadsa" /></p>
</body>
</html>