<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.unify{
margin: 0 auto;
width: 700px;
}
.btop{
width: 700px;
}
#_doc{
color: red;
float: left;
margin-left: 30px;
}
#_doc1{
float: left;
margin-left: 30px;
}
.pic1{
float: left;
margin-top: -20px;
}
.pic2{
float: left;
}
.pic2 table{
margin-left: 15px;
font-size: 15px;
border-collapse: collapse;
font-family: "宋体";
}
.pic2 table th{
border: hidden;
border-radius: 15px;
border-bottom: #DD524D solid 2px;
}
.bboy{
width: 700px;
}
.pic2 table th:hover{
background-color: red;
color: white;
border-bottom: #6C6C6C solid 2px;
}
.pic2 ul{
font-size: 13px;
}
.bfot{
width: 700px;
float: left;
}
.bfot table{
border-top: red solid 1px;
vertical-align: middle;
font-size: 15px;
width: 700px;
}
#a1{
margin-left: 20px;
transition: 3s;
}
#a1:hover{
transform: rotate(360deg);
}
#a2{
margin-left: 20px;
transition: 3s;
}
#a2:hover{
transform: scale(2)
}
#a3{
margin-left: 20px;
transition: 3s;
}
#a3:hover{
transform: skew(60deg)
}
#a4{
margin-left: 20px;
transition: 3s;
}
#a4:hover{
transform: translate(20px)
}
</style>
</head>
<body>
<div class="unify">
<div class="btop">
<h4 id="_doc">今日关注:</h4><h4 id="_doc1">全面健身存在发展不平衡不充分问题 </h4>
</div>
<div class="bboy">
<div class="pic1">
<dl>
<dt><img src="img/15_1.png" style="width: 300px;"/></dt>
<dd><b style="font-size: 12px;">营造超一流营商环境</b></dd>
</dl>
</div>
<div class="pic2">
<div class="tab1">
<table border="1px">
<tr><th>新闻发布</th>
<th>国务院信息</th>
<th>专题报道</th>
</tr>
</table>
<ul>
<li>保障市民参加体育健身合法权益,市人大。。。。</li>
<li>保障市民参加体育健身合法权益,市人大。。。。</li>
<li>保障市民参加体育健身合法权益,市人大。。。。</li>
<li>保障市民参加体育健身合法权益,市人大。。。。</li>
<li>保障市民参加体育健身合法权益,市人大。。。。</li>
<li>保障市民参加体育健身合法权益,市人大。。。。</li>
<li>保障市民参加体育健身合法权益,市人大。。。。</li>
</ul>
</div>
</div>
</div>
<div class="bfot">
<table align="center">
<tr><td><img src="img/15_2.png" id="a1"/><p>手机客户端</p></td>
<td><img src="img/15_3.png" id="a2"/><p>手机客户端</p></td>
<td><img src="img/15_4.png" id="a3"/><p>手机客户端</p></td>
<td><img src="img/15_5.png" id="a4"/><p>手机客户端</p></td>
</tr>
</table>
</div>
</div>
<h1></h1>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.unify{
margin: 0 auto;
width: 700px;
}
.btop{
width: 700px;
}
#_doc{
color: red;
float: left;
margin-left: 30px;
}
#_doc1{
float: left;
margin-left: 30px;
}
.pic1{
float: left;
margin-top: -20px;
}
.pic2{
float: left;
}
.pic2 table{
margin-left: 15px;
font-size: 15px;
border-collapse: collapse;
font-family: "宋体";
}
.pic2 table th{
border: hidden;
border-radius: 15px;
border-bottom: #DD524D solid 2px;
}
.bboy{
width: 700px;
}
.pic2 table th:hover{
background-color: red;
color: white;
border-bottom: #6C6C6C solid 2px;
}
.pic2 ul{
font-size: 13px;
}
.bfot{
width: 700px;
float: left;
}
.bfot table{
border-top: red solid 1px;
vertical-align: middle;
font-size: 15px;
width: 700px;
}
#a1{
margin-left: 20px;
transition: 3s;
}
#a1:hover{
transform: rotate(360deg);
}
#a2{
margin-left: 20px;
transition: 3s;
}
#a2:hover{
transform: scale(2)
}
#a3{
margin-left: 20px;
transition: 3s;
}
#a3:hover{
transform: skew(60deg)
}
#a4{
margin-left: 20px;
transition: 3s;
}
#a4:hover{
transform: translate(20px)
}
</style>
</head>
<body>
<div class="unify">
<div class="btop">
<h4 id="_doc">今日关注:</h4><h4 id="_doc1">全面健身存在发展不平衡不充分问题 </h4>
</div>
<div class="bboy">
<div class="pic1">
<dl>
<dt><img src="img/15_1.png" style="width: 300px;"/></dt>
<dd><b style="font-size: 12px;">营造超一流营商环境</b></dd>
</dl>
</div>
<div class="pic2">
<div class="tab1">
<table border="1px">
<tr><th>新闻发布</th>
<th>国务院信息</th>
<th>专题报道</th>
</tr>
</table>
<ul>
<li>保障市民参加体育健身合法权益,市人大。。。。</li>
<li>保障市民参加体育健身合法权益,市人大。。。。</li>
<li>保障市民参加体育健身合法权益,市人大。。。。</li>
<li>保障市民参加体育健身合法权益,市人大。。。。</li>
<li>保障市民参加体育健身合法权益,市人大。。。。</li>
<li>保障市民参加体育健身合法权益,市人大。。。。</li>
<li>保障市民参加体育健身合法权益,市人大。。。。</li>
</ul>
</div>
</div>
</div>
<div class="bfot">
<table align="center">
<tr><td><img src="img/15_2.png" id="a1"/><p>手机客户端</p></td>
<td><img src="img/15_3.png" id="a2"/><p>手机客户端</p></td>
<td><img src="img/15_4.png" id="a3"/><p>手机客户端</p></td>
<td><img src="img/15_5.png" id="a4"/><p>手机客户端</p></td>
</tr>
</table>
</div>
</div>
<h1></h1>
</body>
</html>