<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
* {
margin: 0;
padding: 0;
}
.div1 {
height: 80px;
background-color: #9a3032;
}
.div2 {
margin: auto;
width: 75%;
height: 80px;
line-height: 80px;
position: relative;
}
a {
color: white;
text-decoration: none;
}
.div2>div {
height: 80px;
float: left;
padding-left: 17px;
padding-right: 17px;
color: white;
}
.div2>div:hover {
background-color: white;
color: #9a3032;
}
.aa:hover>a {
color: #9a3032;
}
.div3>* {
float: left;
}
.div6>* {
float: left;
}
.div5>* {
float: left;
}
.div3>div>ul>li {
list-style: none;
color: black;
line-height: 30px;
margin-left: 15px;
font-size: 16px;
}
.div5>div>ul>li {
list-style: none;
color: black;
line-height: 30px;
margin-right: 15px;
font-size: 16px;
}
.div6>div>ul>li {
list-style: none;
color: black;
line-height: 30px;
margin-right: 30px;
font-size: 16px;
}
li::before {
display: inline-block;
content: " ";
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #9a3032;
margin-right: 10px;
}
.xxgk {
position: relative;
}
.xxgk:hover>div {
width: 400px;
display: block;
}
.xxgk>div {
margin-top: 10px;
display: none;
position: absolute;
}
</style>
</head>
<body>
<div class="div1">
<div class="div2">
<div class="aa">
<a href=" " target="">首页</a>
</div>
<div class="xxgk">
学校概况
<div class="div3">
<div><img src="../110.png" alt="shibai"></div>
<div>
<ul>
<li>学校简介</li>
<li>校长寄语</li>
<li>学校领导</li>
<li>学校风光</li>
<li>学校标识</li>
</ul>
</div>
</div>
</div>
<div class="xxgk">
组织机构
<div class="div3">
<div><img src="../110.png" alt="shibai"></div>
<div>
<ul>
<li>党政机构</li>
<li>行政部门</li>
<li>二级学院</li>
</ul>
</div>
</div>
</div>
<div class="xxgk">
党群工作
<div class="div3">
<div><img src="../110.png" alt="shibai"></div>
<div>
<ul>
<li>党建工作</li>
<li>团委工作</li>
<li>工会工作</li>
</ul>
</div>
</div>
</div>
<div class="xxgk">
教育教学
<div class="div3">
<div><img src="../110.png" alt="shibai"></div>
<div>
<ul>
<li>本科教育</li>
<li>职业教育与继续教育</li>
<li>教研与科研</li>
<li>教学与动态</li>
</ul>
</div>
</div>
</div>
<div class="xxgk">
国际教育
<div class="div3">
<div><img src="../110.png" alt="shibai"></div>
<div>
<ul>
<li>国际交流中心</li>
<li>国际教育学院</li>
<li>国际联合培养</li>
<li>英才计划</li>
</ul>
</div>
</div>
</div>
<div class="xxgk">
校园生活
<div class="div6">
<div>
<ul>
<li>校园设施</li>
<li>教学设施</li>
<li>餐饮服务</li>
</ul>
</div>
<div>
<ul>
<li>住宿服务</li>
<li>网络服务</li>
<li>综合服务</li>
</ul>
</div>
<div><img src="../110.png" alt="shibai"></div>
</div>
</div>
<div class="xxgk">
学生服务
<div class="div5">
<div>
<ul>
<li>学工动态</li>
<li>学生会</li>
<li>学生资助</li>
<li>心理健康</li>
<li>资料下载</li>
</ul>
</div>
<div><img src="../110.png" alt="shibai"></div>
</div>
</div>
<div class="xxgk">
招生就业
<div class="div5">
<div>
<ul>
<li>招生网</li>
<li>就业网</li>
</ul>
</div>
<div><img src="../110.png" alt="shibai"></div>
</div>
</div>
<div class="xxgk">
人才招聘
<div class="div5">
<div>
<ul>
<li>招聘公告</li>
<li>联系我们</li>
</ul>
</div>
<div><img src="../110.png" alt="shibai"></div>
</div>
</div>
<div class="xxgk">
校友会
</div>
</div>
</div>
</body>
</html>
218
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
