<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{
margin: 0;
padding: 0;
}
.top{
height:175px;
width: 100%;
background-color: #EFF0F1;
position: absolute;
background-color: #2C79F9;
}
.nav{
width: 100%;
background-color: #414654;
height: 55px;
margin-top: 120px;
}
.nav ul{
height: 40px;
margin-right: 50px;
padding: 0;
}
.nav ul li{
color: white;
font-family: "微软雅黑";
font-size: 18px;
float: left;
margin: 10px;
list-style: none;
width: 150px;
padding: 0;
margin: 0;
text-align: center;
line-height: 55px;
border-bottom: #FF0000;
}
.nav ul li a{
text-decoration: none;
color: #FFFFFF;
display: block;
width: 150px;
}
.nav ul li a:hover{
background-color: #B22222;
}
.nav ul li:hover ul li{
color: #333333;
width: 150px;
background-image: url();
}
.nav ul li ul li{
width: 150px;
font-size: 16px;
height: 40px;
line-height: 40px;
background-color: #414654;
display: none;
}
.nav ul li ul li a{
font-family: "微软雅黑";
color: #FFFAF0;
text-decoration: none;
}
.nav ul li:hover ul li{
display: block;
}
</style>
</head>
<body>
<div class="nav">
<ul>
<li><a href="#">营运类</a>
<ul>
<li><a href="#" target="_blank">(SURA)</a></li>
<li><a href="#" target="_blank">HHT升级包下载</a></li>
<li><a href="#" target="_blank">客户核心信息系统</a></li>
<li><a href="#" target="_blank">营运质量系统</a></li>
<li><a href="#" target="_blank">PMM系统</a></li>
<li><a href="#" target="_blank">运营管理系统(SFPAY</a></li>
<li><a href="#" target="_blank">通•易打单</a></li>
<li><a href="#" target="_blank">舒华(shiva)系统</a></li>
</ul>
</li>
<li><a href="#">商业类</a>
<ul>
<li><a href="#">企业协同平台</a></li>
<li><a href="#">国际商城</a></li>
<li><a href="#">国内商城</a></li>
<li><a href="#">门店运营</a></li>
</ul>
</li>
<li><a href="#">金融类</a>
<ul>
<li><a href="#">收银台管理</a></li>
<li><a href="#">储值卡自助服务</a></li>
<li><a href="#">保价业务系统</a></li>
<li><a href="#">代收保费运营管理</a></li>
</ul>
</li>
<li><a href="#">人资类</a>
<ul>
<li><a href="#">员工自助系统</a></li>
<li><a href="#">员工诉求系统</a></li>
<li><a href="#">考勤管理系统</a></li>
<li><a href="#">伙伴计划PMP系统</a></li>
<li><a href="#">档案管理系统</a></li>
<li><a href="#">绩效管理系统</a></li>
<li><a href="#">区域服务需求系统</a></li>
<li><a href="#">招聘支持系统</a></li>
</ul>
</li>
<li><a href="#">客服类</a>
<ul>
<li><a href="#">专项客服平台</a></li>
<li><a href="#">呼叫中心报表平台</a></li>
<li><a href="#">客服运营监控平台</a></li>
<li><a href="#">运单查询系统</a></li>
<li><a href="#">会员平台建设</a></li>
</ul>
</li>
<li><a href="#">行政类</a>
<ul>
<li><a href="#">物业管理系统</a></li>
<li><a href="#">行政车</a></li>
<li><a href="#">物资需求管理平台</a></li>
<li><a href="#">工建管理系统</a></li>
<li><a href="#">工建管理系统</a></li>
<li><a href="#">综合后勤服务平台</a></li>
</ul>
</li>
<li><a href="#">其他类</a>
<ul>
<li><a href="#">资讯管理服务平台</a></li>
<li><a href="#">生日认证</a></li>
</ul>
</li>
</ul>
</div>
</div>
</body>
</html>