<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#wb{
width: 700px;
height: 500px;
margin: 0 auto;
}
#sz{
width: 350px;
height: 250px;
float: left;
}
#sy{
width: 350px;
height: 250px;
float: right;
}
#zb{
width: 700px;
height: 100px;
float: left;
margin-top: 20px;
}
#xb{
width: 700px;
height: 100px;
float: left;
margin-top: 10px;
}
ul li{
font-size: 14px;
}
hr{
color: gainsboro;
}
a{
color: black;
}
th{
color: gray;
transform: all 0.5s;
}
.t1:hover{
color: red;
transform: scale(2,2);
}
#zb1{
width: 165px;
height: 80px;
float: left;
margin-right: 10px;
}
#zb1 a{
float: left;
}
p{
font-size: 10px;
}
#xb1{
width: 200px;
height: 100px;
float: left;
margin-right: 30px;
}
.l1:hover{
transform: rotate(180deg);
}
</style>
</head>
<body>
<div id="wb">
<div id="sz">
<img src="img/a1.png" width="330px" height="250px"/>
</div>
<div id="sy">
<table>
<tr>
<th class="t1"> 热点关注| </th>
<th class="t1"> 今日北京| </th>
<th class="t1"> 政策解读| </th>
<th class="t1"> 国务院信息</th>
</tr>
</table>
<hr/>
<ul>
<li> 市政协议政会建言推进美丽乡村建设 蔡奇讲话</li>
<li class="l1">市委常委会召开会议 市委书记蔡奇主持会议</li>
<li>市政协举办科技讲堂活动 吉林参加</li>
</ul>
<hr/>
<ul>
<li> 首都百万师生同上一堂课活动启动</li>
<li><a href="#">本市与扶贫协作5省区纪检监察机关建立协同机制</a></li>
<li>副中心行政办公区架空线全面入地</li>
<li>市经济信息化委召开信息安全检查工作部署会</li>
<li>市食品药品管局突击检查新发地市场</li>
</ul>
</div>
<div id="zb">
<div id="zb1">
<a><img src="img/a2.png"width="50px" height="75px"></a>
<p>
政务名词 自住房 软件展览会<br />
环保督查 自行立改 合同示范文本
</p>
</div>
<div id="zb1">
<a><img src="img/a3.png"width="50px" height="75px"></a>
<p>
共有产权房 尾号限行 社保卡办理<br />
打响雪天保卫战 疏解整治促提升
</p>
</div>
<div id="zb1">
<a><img src="img/a4.png"width="50px" height="75px"></a>
<p>
棚户区改造 异地就医 进京证办理<br />
食品药品安全 安全生产督查
</p>
</div>
<div id="zb1">
<a><img src="img/a5.png"width="50px" height="75px"></a>
<p>
视频背景 惠明便民地图 医德昭<br />
中关村服务业 信用北京 政务数据
</p>
</div>
</div>
<div id="xb">
<div id="xb1">
<img src="img/a6.png" width="220px" height="50px"/>
</div>
<div id="xb1">
<img src="img/a7.png" width="220px" height="50px"/>
</div>
<div id="xb1">
<img src="img/a8.png" width="220px" height="50px"/>
</div>
</div>
</div>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#wb{
width: 700px;
height: 500px;
margin: 0 auto;
}
#sz{
width: 350px;
height: 250px;
float: left;
}
#sy{
width: 350px;
height: 250px;
float: right;
}
#zb{
width: 700px;
height: 100px;
float: left;
margin-top: 20px;
}
#xb{
width: 700px;
height: 100px;
float: left;
margin-top: 10px;
}
ul li{
font-size: 14px;
}
hr{
color: gainsboro;
}
a{
color: black;
}
th{
color: gray;
transform: all 0.5s;
}
.t1:hover{
color: red;
transform: scale(2,2);
}
#zb1{
width: 165px;
height: 80px;
float: left;
margin-right: 10px;
}
#zb1 a{
float: left;
}
p{
font-size: 10px;
}
#xb1{
width: 200px;
height: 100px;
float: left;
margin-right: 30px;
}
.l1:hover{
transform: rotate(180deg);
}
</style>
</head>
<body>
<div id="wb">
<div id="sz">
<img src="img/a1.png" width="330px" height="250px"/>
</div>
<div id="sy">
<table>
<tr>
<th class="t1"> 热点关注| </th>
<th class="t1"> 今日北京| </th>
<th class="t1"> 政策解读| </th>
<th class="t1"> 国务院信息</th>
</tr>
</table>
<hr/>
<ul>
<li> 市政协议政会建言推进美丽乡村建设 蔡奇讲话</li>
<li class="l1">市委常委会召开会议 市委书记蔡奇主持会议</li>
<li>市政协举办科技讲堂活动 吉林参加</li>
</ul>
<hr/>
<ul>
<li> 首都百万师生同上一堂课活动启动</li>
<li><a href="#">本市与扶贫协作5省区纪检监察机关建立协同机制</a></li>
<li>副中心行政办公区架空线全面入地</li>
<li>市经济信息化委召开信息安全检查工作部署会</li>
<li>市食品药品管局突击检查新发地市场</li>
</ul>
</div>
<div id="zb">
<div id="zb1">
<a><img src="img/a2.png"width="50px" height="75px"></a>
<p>
政务名词 自住房 软件展览会<br />
环保督查 自行立改 合同示范文本
</p>
</div>
<div id="zb1">
<a><img src="img/a3.png"width="50px" height="75px"></a>
<p>
共有产权房 尾号限行 社保卡办理<br />
打响雪天保卫战 疏解整治促提升
</p>
</div>
<div id="zb1">
<a><img src="img/a4.png"width="50px" height="75px"></a>
<p>
棚户区改造 异地就医 进京证办理<br />
食品药品安全 安全生产督查
</p>
</div>
<div id="zb1">
<a><img src="img/a5.png"width="50px" height="75px"></a>
<p>
视频背景 惠明便民地图 医德昭<br />
中关村服务业 信用北京 政务数据
</p>
</div>
</div>
<div id="xb">
<div id="xb1">
<img src="img/a6.png" width="220px" height="50px"/>
</div>
<div id="xb1">
<img src="img/a7.png" width="220px" height="50px"/>
</div>
<div id="xb1">
<img src="img/a8.png" width="220px" height="50px"/>
</div>
</div>
</div>
</body>
</html>