<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>新闻网站</title>
<link rel="stylesheet" href="./top.css" />
<link rel="stylesheet" href="./zho.css" />
<link rel="stylesheet" href="./botton.css" />
</head>
<body>
<div class="ditu">
<div class="top">
<div class="topbei">
<img class="logo1" src="./img/logo.png"/>
<div class="logo2"><img src="./img/logo2.jpg"/></div>
<div class="lanmu">
<ul>
<a href="#"><li id="li1">网站栏目</li></a>
<a href="#"><li id="li1">网站栏目</li></a>
<a href="#"><li id="li1">网站栏目</li></a>
<a href="#"><li id="li1">网站栏目</li></a>
<a href="#"><li id="li1">网站栏目</li></a>
<a href="#"><li id="li1">网站栏目</li></a>
<a href="#"><li id="li1">网站栏目</li></a>
<a href="#"><li id="li1">网站栏目</li></a>
<a href="#"><li id="li1">网站栏目</li></a>
</ul>
</div>
</div>
<div class="topxin1">
<div class="incon"></div>
<p class="p1">学院新闻</p>
<a href="#"><p class="p2">更多...</p></a>
<div class="hr1"></div>
<img class="litu1" src="./img/02.jpg"/>
<p class="p3">这是一个布局标签2的内容</p>
<p class="p4">这是布局p标签的内容这是布局 这是布局p标签的内容这是布局这<br />
是布局p标签的内容这是布局p标签的内容这是布局p标签的内容这<br />是布局p标签的内容</p>
<div class="ul1">
<ul>
<a href="#"> <li class="li1">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li1">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li1">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li1">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li1">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li1">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li1">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li1">这是一段用于测试文章列表的文本标题</li></a>
</ul>
</div>
<div class="ul2">
<a href="#"><li class="li3">2017-7-7</li></a>
<a href="#"><li class="li3">2017-7-7</li></a>
<a href="#"><li class="li3">2017-7-7</li></a>
<a href="#"><li class="li3">2017-7-7</li></a>
<a href="#"><li class="li3">2017-7-7</li></a>
<a href="#"><li class="li3">2017-7-7</li></a>
<a href="#"><li class="li3">2017-7-7</li></a>
<a href="#"><li class="li3">2017-7-7</li></a>
</div>
</div>
<div class="topxin2">
<div class="incon1"></div>
<p id="p1">通知公告</p>
<a href="#"><p id="p2">更多...</p></a>
<div class="hr2"></div>
<div class="ul3">
<a href="#"> <li class="li33">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li33">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li33">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li33">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li33">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li33">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li33">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li33">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li33">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li33">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li33">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li33">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li33">这是一段用于测试文章列表的文本标题</li></a>
</div>
<div class="ul4">
<a href="#"><li class="li4">2017-7-7</li></a>
<a href="#"><li class="li4">2017-7-7</li></a>
<a href="#"><li class="li4">2017-7-7</li></a>
<a href="#"><li class="li4">2017-7-7</li></a>
<a href="#"><li class="li4">2017-7-7</li></a>
<a href="#"><li class="li4">2017-7-7</li></a>
<a href="#"><li class="li4">2017-7-7</li></a>
<a href="#"><li class="li4">2017-7-7</li></a>
<a href="#"><li class="li4">2017-7-7</li></a>
<a href="#"><li class="li4">2017-7-7</li></a>
<a href="#"><li class="li4">2017-7-7</li></a>
<a href="#"><li class="li4">2017-7-7</li></a>
<a href="#"><li class="li4">2017-7-7</li></a>
</div>
</div>
</div>
<div class="zho">
<div id="zhoxinl">
<div id="icon1"></div>
<p id="p3">教学科研</p>
<a href="#"><p class="p4">更多...</p></a>
<div class="hr3"></div>
<img id="litu2" src="./img/01.jpg"/>
<p class="p3">这是一个布局标签3的内容</p>
<p class="p5">这是布局p标签的内容这是布局p标签<br />的内容这是布局p标签的内容</p>
<div class="ul5">
<a href="#"> <li class="li11">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li11">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li11">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li11">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li11">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li11">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li11">这是一段用于测试文章列表的文本标题</li></a>
</div>
<div class="ul6">
<a href="#"><li class="li22">2017-7-7</li></a>
<a href="#"><li class="li22">2017-7-7</li></a>
<a href="#"><li class="li22">2017-7-7</li></a>
<a href="#"><li class="li22">2017-7-7</li></a>
<a href="#"><li class="li22">2017-7-7</li></a>
<a href="#"><li class="li22">2017-7-7</li></a>
<a href="#"><li class="li22">2017-7-7</li></a>
</div>
<div id="zhoxin11">
<div id="icon11"></div>
<p id="p31">党建工作</p>
<a href="#"><p class="p44">更多...</p></a>
<div class="hr4"></div>
<img id="litu4" src="./img/01.jpg"/>
<p class="p31">这是一个布局标签3的内容</p>
<p class="p51">这是布局p标签的内容这是布局p标签<br />的内容这是布局p标签的内容</p>
<div class="ul5">
<a href="#"> <li class="li11">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li11">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li11">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li11">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li11">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li11">这是一段用于测试文章列表的文本标题</li></a>
<a href="#"> <li class="li11