hangb 8 лет назад
Родитель
Сommit
d95d6d5606

+ 323 - 0
src/main/webapp/WEB-INF/views/normal/hiring.html

@@ -0,0 +1,323 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="renderer" content="webkit"> 
+<meta http-equiv="Content-Language" Content="zh-CN">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="author" content="优软科技">
+<meta name="Keywords" content="优软,优软云,优企云服,SAAS,UAS,ERP,企业管理">
+<meta name="baidu-site-verification" content="tamBdrxeYx" />
+<link href="static/img/icon/icon_32.png" rel="icon" type="image/x-icon" />
+<link rel="stylesheet" href="static/lib/bootstrap/css/bootstrap.min.css" />
+<link rel="stylesheet"
+	href="static/lib/fontawesome/css/font-awesome.min.css" />
+<link rel="stylesheet" href="static/lib/bootstrap-tour/css/bootstrap-tour.min.css" />
+<link rel="stylesheet" href="static/css/common.css" />
+<link rel="stylesheet" href="static/css/hiring.css" />
+<title>人才招聘</title>
+</head>
+<body>
+	<!-- nav start -->
+	<nav id="nav" class="navbar navbar-inverse navbar-fixed-top">
+		<div class="container">
+			<div class="navbar-header">
+				<a href="" id="logo"><img src="static/img/logo.png" alt=""
+					height="25px" /></a>
+			</div>
+			<div class="collapse navbar-collapse">
+				<ul class="nav navbar-nav navbar-left">
+					<li><a href="http://uas.ubtob.com" class="link-b2b">B2B商务</a></li>
+					<li><a href="http://www.usoftmall.com/" class="link-mall">优软商城</a></li>
+					<li><a href="saas/about" class="link-saas">优企云服</a></li>
+					<li><a href="#/finance" class="link-finance">金融服务</a></li><!-- http://finance.ubtob.com -->
+					<li><a href="http://job.uuzcc.com/" class="">人才招聘</a></li><!-- http://public.ubtob.com -->
+					<li>
+						<a href="http://www.uuzcc.com/" class="">UU众创</a>
+						<ul>
+							<li><a href="http://zb.uuzcc.com/">任务外包</a></li>
+							<li><a href="http://fangan.uuzcc.com/">方案商城</a></li>
+							<li><a href="http://bbs.uuzcc.com/forum.php">工程师交流圈</a></li>
+						</ul>
+					</li><!-- http://public.ubtob.com -->
+					<li>
+						<a href="#/help" class="link-help">服务专区</a>
+						<ul>
+							<li><a href="#/public" class="link-public">公共服务</a></li><!-- http://public.ubtob.com -->
+							<li><a href="#/member" class="link-member">会员中心</a></li><!-- http://member.ubtob.com -->
+						</ul>
+					</li><!-- http://help.ubtob.com -->
+				</ul>
+				<ul class="nav navbar-nav navbar-right x-nologin">
+					<li><a href="#" class="link-login">登录</a></li>
+					<li><a href="https://account.ubtob.com/sso/register">注册</a></li>
+				</ul>
+				<ul class="nav navbar-nav navbar-right x-login">
+					<li class="dropdown">
+						<a href="#" class="dropdown-toggle"><i class="fa fa-user"></i> <span class="title"></span></a>
+					</li>
+					<li><a href="#" class="link-logout">退出</a></li>
+				</ul>
+			</div>
+		</div>
+	</nav>
+	<!-- nav end -->
+
+	<!-- header start -->
+	<header>
+		<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
+			<!-- Controls -->
+			<a class="left header-carousel-control" href="#carousel-example-generic"
+				role="button" data-slide="prev">
+				<i class="fa fa-angle-left"></i>
+			</a>
+			<a class="right header-carousel-control"
+				href="#carousel-example-generic" role="button" data-slide="next">
+				<i class="fa fa-angle-right"></i>
+			</a>
+				
+			<!-- Indicators -->
+			<ol class="carousel-indicators">
+				<li data-target="#carousel-example-generic" data-slide-to="0"
+				class="active"></li>
+				<li data-target="#carousel-example-generic" data-slide-to="1"></li>
+				<li data-target="#carousel-example-generic" data-slide-to="2"></li>
+				<li data-target="#carousel-example-generic" data-slide-to="3"></li>
+				<li data-target="#carousel-example-generic" data-slide-to="4"></li>
+				<li data-target="#carousel-example-generic" data-slide-to="5"></li>
+				<li data-target="#carousel-example-generic" data-slide-to="6"></li>
+				<li data-target="#carousel-example-generic" data-slide-to="7"></li>
+				<li data-target="#carousel-example-generic" data-slide-to="8"></li>
+				<li data-target="#carousel-example-generic" data-slide-to="9"></li>
+			</ol>
+
+			<!-- Wrapper for slides -->
+			<div class="carousel-inner" role="listbox">
+				<div class="item active">
+					<img src="static/img/carousel/banner01.jpg" alt="" />
+					<div class="carousel-caption">
+						<div class="container">
+							<div class="header-text">
+								<h1>人才招聘</h1>
+								<p>
+									优质服务,快速响应,急速入职!<br />专为电子信息行业的资深工程师发现更好的工作机会, <br/>为企业挖掘专业人才。
+								</p>
+							</div>
+							<div class="header-btn">
+								<a href="">我要招人</a><a href="">我要求职</a>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="item">
+					<img src="static/img/carousel/banner01.jpg" alt="" />
+					<div class="carousel-caption">
+						<div class="container">
+							<div class="header-text">
+								<h1>人才招聘</h1>
+								<p>
+									优质服务,快速响应,急速入职!<br />专为电子信息行业的资深工程师发现更好的工作机会, <br/>为企业挖掘专业人才。
+								</p>
+							</div>
+							<div class="header-btn">
+								<a href="">我要招人</a><a href="">我要求职</a>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="item">
+					<img src="static/img/carousel/banner01.jpg" alt="" />
+					<div class="carousel-caption">
+						<div class="container">
+							<div class="header-text">
+								<h1>人才招聘</h1>
+								<p>
+									优质服务,快速响应,急速入职!<br />专为电子信息行业的资深工程师发现更好的工作机会, <br/>为企业挖掘专业人才。
+								</p>
+							</div>
+							<div class="header-btn">
+								<a href="">我要招人</a><a href="">我要求职</a>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="item">
+					<img src="static/img/carousel/banner01.jpg" alt="" />
+					<div class="carousel-caption">
+						<div class="container">
+							<div class="header-text">
+								<h1>人才招聘</h1>
+								<p>
+									优质服务,快速响应,急速入职!<br />专为电子信息行业的资深工程师发现更好的工作机会, <br/>为企业挖掘专业人才。
+								</p>
+							</div>
+							<div class="header-btn">
+								<a href="">我要招人</a><a href="">我要求职</a>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="item">
+					<img src="static/img/carousel/banner01.jpg" alt="" />
+					<div class="carousel-caption">
+						<div class="container">
+							<div class="header-text">
+								<h1>人才招聘</h1>
+								<p>优质服务,快速响应,极速入职!<br />
+									专为电子信息行业的资深工程师发现更好的工作机会,
+									<br />
+									为企业挖掘专业人才。
+								</p>
+							</div>
+							<div class="header-btn">
+								<a href="">我要招人</a><a href="">我要求职</a>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="item">
+					<img src="static/img/carousel/banner01.jpg" alt="" />
+					<div class="carousel-caption">
+						<div class="container">
+							<div class="header-text">
+								<h1>人才招聘</h1>
+								<p>优质服务,快速响应,极速入职!<br />
+									专为电子信息行业的资深工程师发现更好的工作机会,
+									<br />
+									为企业挖掘专业人才。
+								</p>
+							</div>
+							<div class="header-btn">
+								<a href="">我要招人</a><a href="">我要求职</a>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="item">
+					<img src="static/img/carousel/banner01.jpg" alt="" />
+					<div class="carousel-caption">
+						<div class="container">
+							<div class="header-text">
+								<h1>人才招聘</h1>
+								<p>优质服务,快速响应,极速入职!<br />
+									专为电子信息行业的资深工程师发现更好的工作机会,
+									<br />
+									为企业挖掘专业人才。
+								</p>
+							</div>
+							<div class="header-btn">
+								<a href="">我要招人</a><a href="">我要求职</a>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="item">
+					<img src="static/img/carousel/banner01.jpg" alt="" />
+					<div class="carousel-caption">
+						<div class="container">
+							<div class="header-text">
+								<h1>人才招聘</h1>
+								<p>优质服务,快速响应,极速入职!<br />
+									专为电子信息行业的资深工程师发现更好的工作机会,
+									<br />
+									为企业挖掘专业人才。
+								</p>
+							</div>
+							<div class="header-btn">
+								<a href="">我要招人</a><a href="">我要求职</a>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="item">
+					<img src="static/img/carousel/banner01.jpg" alt="" />
+					<div class="carousel-caption">
+						<div class="container">
+							<div class="header-text">
+								<h1>人才招聘</h1>
+								<p>优质服务,快速响应,极速入职!<br />
+									专为电子信息行业的资深工程师发现更好的工作机会,
+									<br />
+									为企业挖掘专业人才。
+								</p>
+							</div>
+							<div class="header-btn">
+								<a href="">我要招人</a><a href="">我要求职</a>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="item">
+					<img src="static/img/carousel/banner01.jpg" alt="" />
+					<div class="carousel-caption">
+						<div class="container">
+							<div class="header-text">
+								<h1>人才招聘</h1>
+								<p>优质服务,快速响应,极速入职!<br />
+									专为电子信息行业的资深工程师发现更好的工作机会,
+									<br />
+									为企业挖掘专业人才。
+								</p>
+							</div>
+							<div class="header-btn">
+								<a href="">我要招人</a><a href="">我要求职</a>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</header>
+	<!-- header end -->
+
+	<!-- footer start -->
+	<footer>
+		<div class="container">
+			<div class="row">
+				<div class="col-sm-3 col-sm-offset-2">
+					<div class="qrcode qrcode-uu">
+						<div class="qrcode-img pull-left">
+							<img src="static/img/qrcode/uu.png" width="100px" height="100px"
+								alt="UU互联" />
+						</div>
+						<div class="qrcode-text pull-left">
+							<div>手机UU</div>
+							<div>快人一步</div>
+						</div>
+						<div class="clearfix"></div>
+					</div>
+				</div>
+				<div class="col-sm-3">
+					<div class="qrcode qrcode-uas">
+						<div class="qrcode-img pull-left">
+							<img src="static/img/qrcode/uas.png" width="100px" height="100px"
+								alt="优软公众号" />
+						</div>
+						<div class="qrcode-text pull-left">
+							<div>微信扫描</div>
+							<div>关注公众号</div>
+						</div>
+						<div class="clearfix"></div>
+					</div>
+				</div>
+				<div class="col-sm-4">
+					<p>
+						<a href="">关于优软</a>
+						<a href="contact">联系我们</a>
+						<a href="help/agreement">帮助</a>
+					</p>
+					<p>©2016 深圳市优软科技有限公司</p>
+					<p>粤ICP备15112126号-2</p>
+				</div>
+			</div>
+		</div>
+	</footer>
+	<!-- footer end -->
+</body>
+<script type="text/javascript" src="static/lib/jquery/jquery.min.js"></script>
+<script type="text/javascript" src="static/lib/bootstrap/js/bootstrap.min.js"></script>
+<script type="text/javascript" src="static/lib/bootstrap-tour/js/bootstrap-tour.min.js"></script>
+<script type="text/javascript" src="static/js/common/common.js"></script>
+<script type="text/javascript" src="static/js/index/app.js"></script>
+</html>

+ 127 - 0
src/main/webapp/WEB-INF/views/normal/setHrAccount.html

@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="renderer" content="webkit"> 
+<meta http-equiv="Content-Language" Content="zh-CN">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="author" content="优软科技">
+<meta name="Keywords" content="优软,优软云,优企云服,SAAS,UAS,ERP,企业管理">
+<meta name="baidu-site-verification" content="tamBdrxeYx" />
+<link href="static/img/icon/icon_32.png" rel="icon" type="image/x-icon" />
+<link rel="stylesheet" href="static/lib/bootstrap/css/bootstrap.min.css" />
+<link rel="stylesheet"
+	href="static/lib/fontawesome/css/font-awesome.min.css" />
+<link rel="stylesheet" href="static/lib/bootstrap-tour/css/bootstrap-tour.min.css" />
+<link rel="stylesheet" href="static/css/common.css" />
+<link rel="stylesheet" href="static/css/setHrAccount.css" />
+<title>设置hr账号</title>
+</head>
+<body>
+	<!-- nav start -->
+	<nav id="nav" class="navbar navbar-inverse navbar-fixed-top">
+		<div class="container">
+			<div class="navbar-header">
+				<a href="" id="logo"><img src="static/img/logo.png" alt=""
+					height="25px" /></a>
+			</div>
+			<div class="collapse navbar-collapse">
+				<div class="nav navbar-nav navbar-left">
+					<span>人才招聘</span>
+				</div>
+				<ul class="nav navbar-nav navbar-right">
+					<li class="dropdown">
+						<a href="#" class="dropdown-toggle">李亚津</a>
+					</li>
+					<li class="dropdown">
+						<a href="#" class="dropdown-toggle">深圳市优软科技有限公司</a>
+					</li>
+					<li><a href="/" class="return">[返回首页]</a></li>
+				</ul>
+			</div>
+		</div>
+	</nav>
+	<!-- nav end -->
+
+	<!-- section start -->
+	<section>
+		<div class="container">
+			<div class="section-title">
+				<h3>设置HR账号</h3>
+			</div>
+			<div class="section-nav">
+				<span class="active">添加新的HR账号</span>
+				<span>选择现有人员账号</span>
+			</div>
+			<!--添加新的hr账号-->
+			<div class="section-choose show">
+				<form action="">
+					<div class="form-group">
+						<input type="text" class="form-control" placeholder="姓名" />
+					</div>
+					<div class="form-group">
+						<input type="text" class="form-control" placeholder="电话号码" />
+					</div>
+					<div class="form-group">
+						<input type="text" class="form-control" placeholder="邮箱" />
+					</div>
+					<div class="form-group">
+						<button class="btn">添加并设置为HR账号</button>
+					</div>
+				</form>
+			</div>
+			<!--选择现有人员账号-->
+			<div class="section-choose">
+				<form action="">
+					<div class="form-group">
+						<input type="text" class="form-control" placeholder="姓名" />
+						<ul style="display: none;">
+							<li><b>李亚津</b><span class="phone">13800001111</span><span>liyj@ftchina.com</span></li>
+							<li><b>李亚津</b><span class="phone">13800001111</span><span>liyj@ftchina.com</span></li>
+							<li><b>李亚津</b><span class="phone">13800001111</span><span>liyj@ftchina.com</span></li>
+							<li><b>李亚津</b><span class="phone">13800001111</span><span>liyj@ftchina.com</span></li>
+							<li><b>李亚津</b><span class="phone">13800001111</span><span>liyj@ftchina.com</span></li>
+							<li><b>李亚津</b><span class="phone">13800001111</span><span>liyj@ftchina.com</span></li>
+							<li><b>李亚津</b><span class="phone">13800001111</span><span>liyj@ftchina.com</span></li>
+							<li><b>李亚津</b><span class="phone">13800001111</span><span>liyj@ftchina.com</span></li>
+							<li><b>李亚津</b><span class="phone">13800001111</span><span>liyj@ftchina.com</span></li>
+							<li><b>李亚津</b><span class="phone">13800001111</span><span>liyj@ftchina.com</span></li>
+							<li><b>李亚津</b><span class="phone">13800001111</span><span>liyj@ftchina.com</span></li>
+							<li><b>李亚津</b><span class="phone">13800001111</span><span>liyj@ftchina.com</span></li>
+						</ul>
+					</div>
+					<div class="form-group">
+						<input type="text" class="form-control" placeholder="电话号码" />
+					</div>
+					<div class="form-group">
+						<input type="text" class="form-control" placeholder="邮箱" />
+					</div>
+					<div class="form-group">
+						<input type="text" class="form-control" placeholder="UU号" />
+					</div>
+					<div class="form-group">
+						<button class="btn">添加并设置为HR账号</button>
+					</div>
+				</form>
+			</div>
+		</div>
+	</section>
+	<!-- section end -->
+
+</body>
+<script type="text/javascript" src="static/lib/jquery/jquery.min.js"></script>
+<script type="text/javascript" src="static/lib/bootstrap/js/bootstrap.min.js"></script>
+<script type="text/javascript" src="static/lib/bootstrap-tour/js/bootstrap-tour.min.js"></script>
+<script type="text/javascript" src="static/js/common/common.js"></script>
+<script type="text/javascript" src="static/js/index/app.js"></script>
+<script>
+	$(function(){
+		$('.section-nav').on('click','span',function(){
+			var index = $(this).index();
+			$(this).addClass('active').siblings().removeClass('active');
+			$('.section-choose').eq('index').addClass('show').siblings().removeClass('show');
+		})
+	});
+</script>
+</html>

+ 2 - 0
src/main/webapp/WEB-INF/webmvc.xml

@@ -50,6 +50,8 @@
 	<mvc:view-controller path="/contact" view-name="contact" />
 	<mvc:view-controller path="/help/agreement" view-name="help/agreement" />
 	<mvc:view-controller path="/help/index" view-name="help/index" />
+	<mvc:view-controller path="/hiring" view-name="hiring" />
+	<mvc:view-controller path="/setHrAccount" view-name="setHrAccount" />
 
 	<mvc:interceptors>
 		<!-- SSO过滤 -->

+ 162 - 0
src/main/webapp/resources/css/hiring.css

@@ -0,0 +1,162 @@
+/* header */
+header {
+	position: relative;
+}
+
+header .carousel .carousel-caption {
+	left: 0;
+	right: 0;
+	top: 0;
+	text-align: left;
+}
+
+.item .header-text {
+	color: #000000;
+	padding-top: 39px;
+	position: relative;
+	left: 0px;
+}
+
+.header-text h1 {
+	font-size: 50px;
+    font-weight: 600;
+}
+
+.header-text p {
+    font-size: 20px;
+    font-weight: 600;
+    margin-top: 20px;
+    margin-bottom: 60px;
+    letter-spacing: 2px;
+    line-height: 35px;
+}
+
+.header-carousel-control {
+	position: absolute;
+	top: 50%;
+	margin-top: -40px;
+	display: block;
+	width: 40px;
+	height: 80px;
+	line-height: 80px;
+	background: rgba(0, 0, 0, 0.1);
+	color: rgba(255, 255, 255, 0.5);
+	font-size: 50px;
+	text-align: center;
+	text-decoration: none;
+	transition: all 0.5s;
+	opacity: 0;
+	z-index: 15;
+}
+
+header:HOVER .header-carousel-control {
+	opacity: 1;
+}
+
+.header-carousel-control:HOVER, .header-carousel-control:ACTIVE, .header-carousel-control:VISITED, .header-carousel-control:FOCUS {
+	color: rgba(255, 255, 255, 0.5);
+	text-decoration: none;
+}
+
+.header-carousel-control:HOVER {
+	color: rgba(255, 255, 255, 1) !important;
+	background: rgba(0, 0, 0, 0.4) !important;
+}
+
+.header-carousel-control>i {
+	display: block;
+	padding: 15px 0;
+}
+
+.header-carousel-control.left {
+	left: 0px;
+}
+
+.header-carousel-control.right {
+	right: 0px;
+}
+
+header .carousel-indicators {
+	bottom: 5px;
+}
+
+header .carousel-indicators li {
+	width: 40px;
+	height: 5px;
+	border-radius: 0;
+	border: none;
+	margin: 0;
+	background-color: #333333;
+    opacity: 0.3;
+}
+
+header .carousel-indicators li:hover {
+	background-color: #ffffff;
+	opacity: 0.6;
+}
+
+header .carousel-indicators li.active {
+	width: 40px;
+	height: 5px;
+    margin: 0;
+    background-color: #ffffff;
+    opacity: 0.9;
+}
+
+header .header-control {
+	position: absolute;
+	bottom: 0px;
+	left: 0px;
+	right: 0px;
+	padding-bottom: 20px;
+}
+
+header .header-control a {
+	display: inline-block;
+	width: 40px;
+	height: 5px;
+	line-height: 20px;
+	background: #666666;
+	cursor: pointer;
+	opacity: 0.6;
+}
+
+header .header-control a:hover {
+	opacity: 0.6;
+	background: #bbbbbb;
+}
+
+header .header-control a.active {
+	opacity: 1;
+	background: #FFFFFF;
+}
+header .carousel-caption .header-btn{
+	position: absolute;
+	bottom: 17%;
+	left: 50%;
+	margin-left: -200px;
+	width: 1140px;
+
+}
+header .carousel-caption .header-btn a{
+	display: inline-block;
+	width: 200px;
+	height: 40px;
+	line-height: 40px;
+	font-weight: bold;
+	text-align: center;
+	text-decoration: none;
+	border-radius: 20px;
+}
+header .carousel-caption .header-btn a:first-child{
+	margin-right: 26px;
+	font-size: 16px;
+	color: #fff;
+	background: #f85659;
+}
+header .carousel-caption .header-btn a:last-child{
+	font-size: 16px;
+	color: #f85659;
+	border: 1px solid #fff;
+}
+/* main */

+ 144 - 0
src/main/webapp/resources/css/setHrAccount.css

@@ -0,0 +1,144 @@
+/*nav begin*/
+div.navbar-nav{
+	position: relative;
+	height: 50px;
+	line-height: 50px;
+	font-size: 16px;
+	color: #fff;
+}
+div.navbar-nav span {
+	margin-left: 20px;
+}
+div.navbar-nav span:before{
+	content: '';
+	position: absolute;
+	top: 19px;
+	left: 0;
+	width: 1px;
+	height: 14px;
+	background: #dcdcdc;
+}
+.navbar-inverse .navbar-nav>li>a {
+	padding: 15px;
+	font-size: 14px;
+	color: #d3d3d3;
+}
+.navbar-inverse .navbar-nav>li>a.return{
+	font-size: 12px;
+}
+/*nav end*/
+
+/*section begin*/
+section {
+	margin: 0 auto;
+	width: 100%;
+}
+section .container{
+	margin: 0 auto;
+	width: 1140px;
+	text-align: center;
+}
+.section-title{
+	margin: 140px 0 70px;
+}
+.section-title h3{
+	font-size: 36px;
+	color: #1f1f1f;
+}
+.section-nav{
+	position: relative;
+	margin-bottom: 34px;
+}
+.section-nav span{
+	font-size: 16px;
+	color: #b5b5b5;
+	cursor: pointer;
+}
+.section-nav span:first-child{
+	margin-right: 56px;
+}
+.section-nav span:first-child:after{
+	position: absolute;
+	top: 4px;
+	right: 558px;
+	content: '';
+	width: 1px;
+	height: 16px;
+	background: #dcdcdc;
+}
+.section-nav span.active{
+	padding-bottom: 6px;
+	color: #e91c20;
+	border-bottom: 2px solid #f85659;
+}
+.section-choose .form-group {
+	margin: 0 auto;
+	position: relative;
+	margin-bottom: 12px;
+	width: 300px;
+}
+.section-choose .form-group input{
+	padding-left: 20px;
+	width: 300px;
+	height: 44px;
+	font-size: 16px;
+	color: #323232;
+	border-radius: 0;
+}
+.section-choose .form-group .btn{
+	margin-top: 40px;
+	width: 300px;
+	height: 44px;
+	font-size: 16px;
+	color: #fff;
+	background: #f85659;
+	border-radius: 3px;
+}
+.section-choose .form-group ul{
+	position: absolute;
+	top: 44px;
+	left: 30px;
+	padding-left: 0;
+	margin: 0 auto;
+	width: 440px;
+	height: 300px;
+	background: #fff;
+	overflow-y: auto;
+	text-align:  left;
+	box-shadow: 0 0 2px 5px rgba(220,220,220,0.5);
+	-moz-box-shadow:  0 0 2px 5px rgba(220,220,220,0.5);
+	-webkit-box-shadow:  0 0 2px 5px rgba(220,220,220,0.5);
+	-o-box-shadow: 0 0 2px 5px rgba(220,220,220,0.5);
+	z-index: 1000;
+}
+.section-choose .form-group ul li{
+	width: 100%;
+	height: 34px;
+	line-height: 34px;
+	list-style: none;
+	cursor: pointer;
+}
+.section-choose .form-group ul li:hover,.section-choose .form-group ul li.active{
+	background: #e5e5e5;
+}
+.section-choose .form-group ul li b{
+	padding-left: 26px;
+	font-size: 14px;
+	font-weight: normal;
+	color: #323232;
+}
+.section-choose .form-group ul li span{
+	font-size: 14px;
+	color: #b4b4b4;
+}
+.section-choose .form-group ul li span.phone{
+	margin: 0 20px;
+}
+/*点击切换*/
+.section-choose{
+	display: none;
+}
+.show{
+	display: block;
+}
+/*section end*/

BIN
src/main/webapp/resources/img/carousel/banner01.jpg