<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>科技需求</title>
<link th:href="${portalHost+ '/vendors.css'}" rel="stylesheet">
<link th:href="${portalHost+'/newMenu/demand.css'}" rel="stylesheet">
</head>

<body>
	<div class="header">
		<div class="container">
			<div>
				<a href="#">网站导航</a>
			</div>
			<div>
				<ul>
					<li><a href="javascript:void(0)" class="head_login">登录</a></li>
					<li><a href="#">注册</a></li>
					<li><a href="#">我的订单</a></li>
					<li><a href="#">我的关注</a></li>
					<li><a href="#">我的消息</a></li>
				</ul>
			</div>
			<div class="colorRed">全国统一服务热线:400-8800-962</div>
		</div>
	</div>
	<!-- search -->
	<div class="container">
		<div class="navHeader">
			<div class="logo">
				<a href="#"> <img th:src="${portalHost+'/img/Logo111.png'}"
					alt="" title="技淘">
				</a>
			</div>
			<div class="logo_right"></div>
			<div class="nav">
				<ul>
					<li><a href="#">科技服务</a> <img
						th:src="${portalHost+'/img/hot.png'}">
						<ol class="subnavigation">
							<li><a href="#">高企认定</a></li>
							<li><a href="#">知识产权</a></li>
						</ol></li>
					<li><a href="#">技术交易</a>
						<ol class="subnavigation">
							<li><a href="#">专利产品</a></li>
							<li><a href="#">技术成果</a></li>
							<li><a href="#">技术需求</a></li>
							<li><a href="#">技术评估</a></li>
						</ol></li>
					<li><a href="#">智库咨询</a>
						<ol class="subnavigation">
							<li><a href="#">智政</a></li>
							<li><a href="/portal/thinkTank/index.html#zizone">智者</a></li>
						</ol></li>

					<li><a href="/portal/aboutUs.html">关于公司</a>
						<ol class="subnavigation" style="display: none;">
							<li><a href="#">联系我们</a></li>
						</ol></li>
				</ul>
			</div>
			<div class="nav_right">
				<img th:src="${portalHost+'/img/newMenu/navImg.jpg'}" alt="">
				<span>国家技术转移示范机构</span>
			</div>
		</div>
		<div class="clearFix search">
			<div class="navMeau">
				<div>
					<span class="selfun">行业选择</span>
					<div class="menuList">
						<ul>
							<li th:each="industryList:${industryList}"
								th:text=" ${industryList.name}"></li>

						</ul>
					</div>
				</div>
			</div>
			<div>
				<div class="search-inp">
					<div class="input-group">
						<input type="text" class="form-control demandSearch"
							placeholder="输入你感兴趣的内容"> <span class="input-group-btn">
							<button class="btn btn-default searchBtn" type="button">
								<img th:src="${portalHost+'/img/newMenu/search-icon.jpg'}"
									alt=""> 搜索
							</button>
						</span>
						<div class="txtVal"></div>
					</div>
					<div>
						<img th:src="${portalHost+'/img/newMenu/search-xq.png'}" alt="">
						<span>发布需求</span>
					</div>
					<div>
						<img th:src="${portalHost+'/img/newMenu/search-cg.png'}" alt="">
						<span>发布技术</span>
					</div>
				</div>
				<div class="searchMain">
					<ol>
						<li class="active">热搜</li>
						<li>人工智能</li>
						<li>区块链</li>
						<li>环保</li>
						<li>金属材料</li>
						<li>软件开发</li>
					</ol>
				</div>
				<div>
					<ol>
						<li><a href="#technology">企业技术需求</a></li>
						<li><a href="#industry">地区产业需求</a></li>
						<li><a href="#study">产学研合作需求</a></li>
						<li><a href="#capital">研产资金需求</a></li>
						<li><a href="#personnel">技术人才需求</a></li>
					</ol>
				</div>
			</div>
		</div>
	</div>
	<!-- banner -->
	<div id="myCarousel" class="carousel slide">
		<!-- 轮播（Carousel）指标 -->
		<ol class="carousel-indicators">
			<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
			<li data-target="#myCarousel" data-slide-to="1"></li>
			<li data-target="#myCarousel" data-slide-to="2"></li>
		</ol>
		<!-- 轮播（Carousel）项目 -->
		<div class="carousel-inner">
			<div class="item active">
				<img th:src="${portalHost+'/img/index_banner01.jpg'}"
					alt="First slide">
			</div>
			<div class="item">
				<img th:src="${portalHost+'/img/index_banner02.jpg'}"
					alt="Second slide">
			</div>
			<div class="item">
				<img th:src="${portalHost+'/img/index_banner03.jpg'}"
					alt="Third slide">
			</div>
		</div>
		<!-- 轮播（Carousel）导航 -->
		<!-- <a class="carousel-control left" href="#myCarousel" 
               data-slide="prev">&lsaquo;</a>
            <a class="carousel-control right" href="#myCarousel" 
               data-slide="next">&rsaquo;</a> -->
	</div>
	<!-- 主体内容区域 -->
	<div class="container">
		<div class="demand-marq">
			<span></span>
			<marquee direction="left" behavior="scroll" scrollamount="10"
				loop="-1">
				<ul>
					<li>匿名***，查看了“寻找关于土壤修复的技术”</li>
					<li>匿名***，查看了“寻找关于土壤修复的技术”</li>
					<li>匿名***，查看了“寻找关于土壤修复的技术”</li>
					<li>匿名***，查看了“寻找关于土壤修复的技术”</li>
					<li>匿名***，查看了“寻找关于土壤修复的技术”</li>
					<li>匿名***，查看了“寻找关于土壤修复的技术”</li>
					<li>匿名***，查看了“寻找关于土壤修复的技术”</li>
					<li>匿名***，查看了“寻找关于土壤修复的技术”</li>
					<li>匿名***，查看了“寻找关于土壤修复的技术”</li>
					<li>匿名***，查看了“寻找关于土壤修复的技术”</li>
				</ul>
			</marquee>
		</div>
		<div class="newDemand">
			<img th:src="${portalHost+'/img/newMenu/demand-2.jpg'}" alt="">
			<ul>

				<li th:each="recentDemandList:${recentDemandList}">
				<a th:href="@{/portal/technologyTrading/demandDetail(id=${recentDemandList.id},type=${recentDemandList.dataCategory})}">
					<div th:switch="${recentDemandList.demandType}">
					
						<p>
						
							<p th:text="${recentDemandList.name}"></p>
							<p class="colorWrite" th:text="${recentDemandList.employerName}"></p>
							<p>
							<span class="colorRed" th:case='0' th:text="企业技术需求"></span> <span
								class="colorRed" th:case='1' th:text="技术设备需求"></span> <span
								class="colorRed" th:case='2' th:text="产学研合作需求"></span> <span
								class="colorRed" th:case='3' th:text="研产资金需求"></span> <span
								class="colorRed" th:case='4' th:text="地区产业需求"></span> <span
								class="colorRed" th:case='5' th:text="技术人才需求"></span>
											<span class="colorBlur timeBefor"
							th:text="${recentDemandList.releaseDate}==null?'':${#dates.format(recentDemandList.releaseDate,'yyyy-MM-dd')}"></span></p>
					
			
						</p>
					</div>
					</a>
				</li>

			</ul>
		</div>
		<!-- hot -->
		<div class="row mainHot">
			<div class="col-md-6 mainLeft">
				<div>
					<span class="hot">HOT</span>
					<ol class="crumbNav crumbNavLeft">
						<li>人工智能</li>
						<li>/</li>
						<li>区块链</li>
						<li>/</li>
						<li>环保</li>
						<li>/</li>
						<li>金属材料</li>
						<li>/</li>
						<li>软件开发</li>
					</ol>
				</div>
				<span class="hr"></span>
				<div class="demandTxt row">
					<div class="col-md-5">
						<img th:src="${portalHost+'/img/newMenu/demand-3.png'}" alt="">
					</div>
					<div class="col-md-7" th:each="u2:${urgentDemand2}">
					<a th:href="@{/portal/technologyTrading/demandDetail(id=${u2.id},type=${u2.dataCategory})}">
						<div>
							<div th:switch="${u2.demandType}">
								<span class="talents" th:case='0' th:text="企业技术需求"></span>
								 <span class="talents" th:case='1' th:text="技术设备需求"></span> 
								 <span class="talents" th:case='2' th:text="产学研合作需求"></span> 
								 <span class="talents" th:case='3' th:text="研产资金需求"></span> 
								 <span class="talents" th:case='4' th:text="地区产业需求"></span>
								  <span class="talents" th:case='5' th:text="技术人才需求"></span>
								  <span class="name" th:text="${u2.name}"></span>
							</div>
							
							<div>
								 <span class="problemDes" th:text="${u2.problemDes}"></span>	
								 <span class="colorTime" th:if="${u2.validityPeriod}==null" th:text="无期限"></span>
								 <span class="colorTime" th:if="${u2.validityPeriod}!=null" th:text="${#dates.format(u2.validityPeriod,'yyyy-MM-dd')+'到期'}"></span>
								 <span class="colorOrange" th:if="${u2.demandType}==5" th:text="${u2.fundForPersonnel}==null?'人才：¥0元/月':${'人才：¥'+u2.fundForPersonnel+'元/月'}"></span>
								 <span class="colorOrange" th:if="${u2.demandType}==3" th:text="${'期望资金:¥'+u2.fundForCrowd}+'万'"></span>
							</div>
						</div>
						</a>
					</div>
				</div>
				<div class="talentsTxt row">
					<ol>
						<li th:each="u3:${urgentDemand3}">
							<a th:href="@{/portal/technologyTrading/demandDetail(id=${u3.id},type=${u3.dataCategory})}">
								<p class="introduceP">
								<div th:switch="${u3.demandType}">
									<span class="talents" th:case='0' th:text="企业技术需求"></span>
									 <span class="talents" th:case='1' th:text="技术设备需求"></span> <span
										class="talents" th:case='2' th:text="产学研合作需求"></span> <span
										class="talents" th:case='3' th:text="研产资金需求"></span> <span
										class="talents" th:case='4' th:text="地区产业需求"></span> <span
										class="talents" th:case='5' th:text="技术人才需求"></span>
									<span th:text="${u3.name}"></span>	
										<span class="colorOrange" th:if="${u3.demandType}==3 and ${u3.researchType}==null">用途:未知</span>
									<span class="colorOrange" th:if="${u3.demandType}==3 and ${u3.researchType}!=null" th:text="${u3.researchType}==0?'用途：研发':'用途：扩大再生产'"></span>
									<span class="colorOrange" th:if="${u3.demandType}==5" th:text="${u3.fundForPersonnel}==null?'人才：¥0.00元/月':${'人才：¥'+u3.fundForPersonnel+'元/月'}"></span>
									<span class="colorOrange" th:if="${u3.demandType}==3" th:text="${'期望资金：¥'+u3.fundForCrowd+'万'}"></span>

								</div>
								
							
							</p>
							<p class="introduceP">
							 <span th:text="${u3.problemDes}"></span>
							 <span class="colorTime" th:if="${u3.validityPeriod}!=null" th:text="${#dates.format(u3.validityPeriod,'yyyy-MM-dd')+'到期'}"></span>
								
							</p>
							</a>
						</li>

					</ol>
				</div>
			</div>
			<div class="col-md-6">
				<div>
					<span class="hot">HOT</span>
					<ol class="crumbNav crumbNavRight">
						<li>人工智能</li>
						<li>/</li>
						<li>区块链</li>
						<li>/</li>
						<li>环保</li>
						<li>/</li>
						<li>金属材料</li>
						<li>/</li>
						<li>软件开发</li>
					</ol>
				</div>
				<span class="hr"></span>
				<div class="demandTxt row">
					<div class="col-md-5">
						<img th:src="${portalHost+'/img/newMenu/demand-4.png'}" alt="">
					</div>
					<div class="col-md-7" th:each="h2:${hotDemand2}">
					<a th:href="@{/portal/technologyTrading/demandDetail(id=${h2.id},type=${h2.dataCategory})}">
						<div>
							<div th:switch="${h2.demandType}">
								<span class="talents" th:case='0' th:text="企业技术需求"></span>
								 <span class="talents" th:case='1' th:text="技术设备需求"></span> 
								 <span class="talents" th:case='2' th:text="产学研合作需求"></span> 
								 <span class="talents" th:case='3' th:text="研产资金需求"></span> 
								 <span class="talents" th:case='4' th:text="地区产业需求"></span>
								  <span class="talents" th:case='5' th:text="技术人才需求"></span>
								  <span class="name" th:text="${h2.name}"></span>
							</div>
							
							<div>
							
								 <span class="problemDes" th:text="${h2.problemDes}"></span>	
								 <span class="colorOrange" th:if="${h2.demandType}==5" th:text="${h2.fundForPersonnel}==null?'人才：¥0.00元/月':${'人才：¥'+h2.fundForPersonnel}+'元/月'"></span>
								 <span class="colorOrange" th:if="${h2.demandType}==3" th:text="${'期望资金：¥'+h2.fundForCrowd}+'万'"></span>
						
								<span class="colorTime">	<img th:src="${portalHost+'/img/newMenu/demand-5.jpg'}" alt=""></span>
								 
							</div>
						</div>
						</a>
				</div>
			
			</div>
				<div class="talentsTxt row">
					<ol>
						<li th:each="h3:${hotDemand3}">
							<a th:href="@{/portal/technologyTrading/demandDetail(id=${h3.id},type=${h3.dataCategory})}">
							<p class="introduceP">
								<div th:switch="${h3.demandType}">
									<span class="talents" th:case='0' th:text="企业技术需求"></span>
									 <span class="talents" th:case='1' th:text="技术设备需求"></span> 
									 <span class="talents" th:case='2' th:text="产学研合作需求"></span>
									  <span class="talents" th:case='3' th:text="研产资金需求"></span> 
									  <span class="talents" th:case='4' th:text="地区产业需求"></span>
									   <span class="talents" th:case='5' th:text="技术人才需求"></span>
									<span th:text="${h3.name}"></span>	
							<span class="colorOrange" th:if="${h3.researchType}==null and ${h3.demand}==3">用途：未知</span>
									<span class="colorOrange" th:if="${h3.demandType}==3 and ${h3.researchType}!=null" th:text="${h3.researchType}==0?'用途：研发':'用途：扩大再生产'"></span>
											<span class="colorOrange" th:if="${h3.demandType}==5" th:text="${h3.fundForPersonnel}==null?'人才：¥0.00元/月':${'人才：¥'+h3.fundForPersonnel+'元/月'}"></span>
									<span class="colorOrange" th:if="${h3.demandType}==3" th:text="${'期望资金：¥'+h3.fundForCrowd+'万'}"></span>
								</div>
							</p>
							<p class="introduceP" >
							 <span th:text="${h3.problemDes}"></span>
			
									<img th:src="${portalHost+'/img/newMenu/demand-5.jpg'}" alt="">
							</p>
							</a>
						</li>

					</ol>
				</div>
		</div>
		</div>
		<div class="imgs">
			<img th:src="${portalHost+'/img/newMenu/demand-7.png'}" alt="">
		</div>
		<div class="enterprise" id="technology">
			<h4>
				企业技术需求 <a href="#">查看更多 > </a>
			</h4>
			<div class="row">
				<div class="col-md-2">
					<img th:src="${portalHost+'/img/newMenu/demand-8.png'}" alt="">
				</div>
				<div class="imgGroup col-md-10">
					<ul>

						<li th:each="companyDemandList:${companyDemandList}">
						<a th:href="@{/portal/technologyTrading/demandDetail(id=${companyDemandList.id},type=${companyDemandList.dataCategory})}">
						<img
							th:src="${companyDemandList.pictureUrl}==null?${portalHost+'/img/newMenu/demand-9.png'}:${avatarUploadHost +companyDemandList.pictureUrl}"
							alt="">
							<p th:text="${companyDemandList.name}"></p>
							</a>
							</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- 地区产业需求 -->
	<div class="areaDemand" id="industry">
		<div class="container">
			<h3>
				<img th:src="${portalHost+'/img/newMenu/demand-13.jpg'}" alt="">
			</h3>
		</div>
		<div class="fullImg">
			<img th:src="${portalHost+'/img/newMenu/demand-16.jpg'}" alt="" />
			<div class="fullImgTxt container">
				<ul class="row">
					<li class="col-md-3" th:each="areaDemand,iterStat:${areaDemandList}">
						<a th:href="@{/portal/technologyTrading/demandDetail(id=${areaDemand.id},type=${areaDemand.dataCategory})}">
						<div class="warpImg">
							<div th:if="${iterStat.even}" class="btnAreaBj">
								<span class="btnArea" th:text="${areaDemand.name}"></span>
							</div>
							<div class="introduction">
								<p th:text="${areaDemand.problemDes}"></p>
							</div>
							<div th:if="${iterStat.odd}" class="btnAreaBj">
								<span class="btnArea" th:text="${areaDemand.name}"></span>
							</div>
							<div class="btnSee">
								<span>立即查看产业需求</span>
							</div>
						</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="study" id="study">
			<h4>
				产学研合作需求 <a href="#">查看更多 > </a>
			</h4>
		</div>
		<div class="row studyTxt">
			<div class="col-sm-10">
				<ul class="row">
					<li class="col-sm-4" th:each="plsdemand:${proLearnStudyDemandList}">
						<a th:href="@{/portal/technologyTrading/demandDetail(id=${plsdemand.id},type=${plsdemand.dataCategory})}">
						<div class="imgLeft">
							<img th:if="${plsdemand.pictureUrl}==null" th:src="${portalHost+'/img/newMenu/demand-17.jpg'}" alt="">
							<img th:if="${plsdemand.pictureUrl}!=null" th:src="${avatarUploadHost+plsdemand.pictureUrl}" alt="">
						</div>
						<div class="imgRight">
							<h5 th:text="${plsdemand.employerName}"></h5>
							<p th:text="${plsdemand.problemDes}"></p>
							<span th:text="${plsdemand.industryCategory1}"></span>
							 <span  th:text="${plsdemand.industryCategory2}"></span>
						</div>
						</a>
					</li>
				
				</ul>
			</div>
			<div class="col-sm-2">
				<img th:src="${portalHost+'/img/newMenu/demand-18.jpg'}" alt="">
			</div>
		</div>
		<div class="study capital" id="capital">
			<h4>
				研产资金需求 <a href="#">查看更多 > </a>
			</h4>
		</div>
		<div class="capitalMain row">
			<div class="col-sm-2">
				<img th:src="${portalHost+'/img/newMenu/demand-19.jpg'}" alt="">
			</div>
			<div class="col-sm-10">
				<ol class="row">
					
					<li class="col-sm-3" th:each="fundDemand:${fundDemandList}">
						<a th:href="@{/portal/technologyTrading/demandDetail(id=${fundDemand.id},type=${fundDemand.dataCategory})}">
						<div class="capital-administration">
							<div class="capitalBj">
								<h4 th:text="${fundDemand.name}"></h4>
								<p th:text="${fundDemand.problemDes}"></p>
								<div class="float-left">
									<p>期望资金</p>
									<p th:text="${'￥'+fundDemand.fundForCrowd+'万'}"></p>
								</div>
								<div class="float-right">
									<p>资金用途</p>
									<p th:if="${fundDemand.researchType}==null">未知用途</p>
									<p th:if="${fundDemand.researchType}!=null" th:text="${fundDemand.researchType}==0?'研发':'扩大再生产'"></p>
								</div>
							</div>
							<a href="#">立即查看</a>
						</div>
						</a>
					</li>
				</ol>
			</div>
		</div>
		<div class="study capital" id="personnel">
			<h4>
				技术人才需求 <a href="#">查看更多 > </a>
			</h4>
		</div>
		<div class="technology row">
			<div class="col-sm-2">
				<img th:src="${portalHost+'/img/newMenu/demand-21.jpg'}" alt="">
			</div>
			<div class="col-sm-10">
				<ol class="row">
				
					<li class="col-sm-4" th:each="personnelDemand:${personnelDemandList}">
						<a th:href="@{/portal/technologyTrading/demandDetail(id=${personnelDemand.id},type=${personnelDemand.dataCategory})}">
						<div>
							<h4 >
							<span th:text="${personnelDemand.name}"></span>
								 <span class="titleBorder">人才</span> <span class="money" th:text="${personnelDemand.fundForPersonnel}==null?'¥0.00元/月':${'¥'+personnelDemand.fundForPersonnel+'元/月'}"></span>
							</h4>
							<p th:text="${personnelDemand.problemDes}"></p>
							<span class="float-right">招募中</span>
						</div>
						</a>
					</li>
				</ol>
			</div>
		</div>
		<div class="demandFootImg">
			<img th:src="${portalHost+'/img/newMenu/demand-22.jpg'}" alt="">
		</div>
	</div>
	<footer>
		<div id="bottom">
			<div class="bottom">
				<div class="bottom_text">
					<div class="text_top">
						<a href="/portal/aboutUs.html">关于公司</a> <a
							href="/portal/contactUs.html">联系我们</a>
						<p>Copyright © 2016-2017 科德 版权所有 湘ICP备15019731号 -2
							技术支持：湖南阿凡提科技有限公司</p>
					</div>
					<div class="text_center" id="qrCode">
						<div class="cont_left">
							<img th:src="${portalHost+'/img/dizhi.jpg'}" alt="">
							<p>湖南省长沙市营盘东路19号金山大厦八楼</p>
						</div>
						<div class="cont_center">
							<img th:src="${portalHost+'/img/dianhua.jpg'}" alt="">
							<p>合作电话：400-8800-962</p>
						</div>
						<div class="cont_guanli">
							<a href="/admin/login"> <img
								th:src="${portalHost+'/img/guanli.png'}" alt="">
								<p>管理员入口</p>
							</a>
						</div>
						<div class="cont_rightapp">
							<img th:src="${portalHost+'/img/erweima_iphone.png'}" alt="">
							<p>iPhone版</p>
						</div>
						<div class="cont_right android">
							<img th:src="${portalHost+'/img/erweima_android.jpg'}" alt="">
							<p>Android版</p>
						</div>
						<div class="cont_right">
							<img th:src="${portalHost+'/img/erweima.jpg'}" alt="">
							<p>微信公众号</p>
						</div>
					</div>
					<div class="text_bottom">
						<p>友情链接</p>
						<a href="http://www.hnst.gov.cn/" target="_blank">湖南省科技厅/</a> <a
							href="http://www.cssti.cn/" target="_blank">长沙市科技局/</a> <a
							href="http://www.cast.org.cn/" target="_blank">中国科学技术协会/</a> <a
							href="http://www.chinatorch.gov.cn/" target="_blank">科技部火炬中心/</a>
						<a href="http://www.nosta.gov.cn/web/index.aspx" target="_blank">国家科技成果奖励办/</a>
						<a href="http://www.nast.org.cn/" target="_blank">国家科技成果网/</a> <a
							href="http://www.hnast.org.cn/portal/comm/index.action"
							target="_blank">湖南省科学技术协会/</a> <a href="http://www.hncgw.gov.cn/"
							target="_blank">湖南省科技成果转化公共服务平台/</a> <a
							href="http://www.hnjxw.gov.cn/" target="_blank">湖南省经济信息化委员会/</a>
						<a href="http://kyy.hnu.cn/" target="_blank">湖南大学科学技术研究院/</a> <a
							href="http://www.gxst.gov.cn/gxkjt/" target="_blank">广西省科技厅/</a>
						<a href="http://www.nmkjt.gov.cn/" target="_blank">内蒙古自治区科技厅/</a>
						<a href="http://www.cshtz.gov.cn/" target="_blank">长沙市高新区管委会/</a>
						<a href="http://www.jxas.ac.cn/" target="_blank">江西省科学院/</a> <a
							href="http://www.cnic.cn/front/index.html#/cnicSite/home"
							target="_blank">中科院计算机网络信息中心/</a> <a
							href="http://kxyjb.csu.edu.cn/" target="_blank">中南大学科学研究部/</a> <a
							href="http://www.cast.org.cn/" target="_blank">中国科协创新创业服务中心/</a>
						<a href="http://www.hbstd.gov.cn/" target="_blank">湖北省科技厅/</a> <a
							href="http://www.gdstc.gov.cn/" target="_blank">广东省科技厅/</a> <a
							href="http://www.hnkjt.gov.cn/" target="_blank">河南省科技厅/</a> <a
							href="http://www.cbtm.gov.cn/" target="_blank">技术合同登记官网</a>
					</div>
				</div>
			</div>
		</div>
		<div onclick="_MEIQIA('showPanel')" id="lxkf" style="display: none"></div>
		<div class="pub_fix">
			<span class="index_blur"></span>
			<ul class="ret_top">
				<li class="head_login"><a href="javascript:;"> <img
						th:src="${portalHost+'/img/index_fix0.png'}" alt="">
						<p>申请会员</p>
				</a></li>
				<li><a onclick="_MEIQIA('showPanel')"> <img
						th:src="${portalHost+'/img/index_fix3.png'}" alt="">
						<p>联系客服</p>
				</a></li>
				<li><a href="" class="pendent_box"> <img
						th:src="${portalHost+'/img/index_fix4.png'}" alt="">
						<p>返回顶部</p>
				</a></li>
			</ul>
			<span class="index_orange"></span>
		</div>
		<div class="message">
			<span></span>
		</div>
		<div class="login">
			<div class="login_mian">
				<div class="login_left">
					<div class="login_ewm">
						<img th:src="${portalHost+'/img/Android.jpg'}" alt="二维码" />
						<p>Android版</p>
						<p>客户端</p>
					</div>
					<div class="login_ewm">
						<img th:src="${portalHost+'/img/iPhone.jpg'}" alt="二维码" />
						<p>iPhone版</p>
						<p>客户端</p>
					</div>
				</div>
				<div class="login_right">
					<h5>
						用户登陆 <a href="">免费注册有好礼呦!!</a>
					</h5>
					<form id="form_login">
						<div class="login_uesr">
							<label for="uesname"> <img
								th:src="${portalHost+'/img/login_use.png'}" />
							</label> <input type="text" name="uesname" id="Lo_user" placeholder="用户名" />
							<img th:src="${portalHost+'/img/login_del.png'}" class="log_del" />
						</div>
						<div class="login_pass">
							<label for="pass"> <img
								th:src="${portalHost+'/img/login_password.png'}" />
							</label> <input type="password" name="pass" id="Lo_pass"
								placeholder="请输入密码" />
						</div>
						<div class="login_check">
							<a href="">忘记密码？</a>
						</div>
						<input type="submit" value="登 陆" class="login_submit" />
					</form>
					<img th:src="${portalHost+'/img/login_hua.png'}" alt=""
						class="login_hua" /> <img
						th:src="${portalHost+'/img/login_shadow.png'}" alt="阴影效果"
						class="login_shadow" /> <img
						th:src="${portalHost+'/img/login_close.png'}" alt=""
						class="login_close" />
				</div>
			</div>
		</div>
		<div id="forget">
			<div class="forget">
				<form id="forget_form">
					<div class="forget_top">
						<a href="">忘记密码？</a>
						<div class="login_check">
							<label for="forget_checks" class="lab_check"> <input
								type="checkbox" name="type" id="forget_checks" />专家登录
							</label> <label for="forget_checkst" class="lab_checkno"> <input
								type="checkbox" name="type" id="forget_checkst" />企业登录
							</label>
						</div>
					</div>
					<div class="forget_center">
						<div class="phone">
							<label for="forget_phone"> 手机号码： <input type="text"
								name="type" id="forget_phone" placeholder="请输入您的手机号码..." />
							</label>
						</div>
						<div class="yanzheng">
							<label for="forget_yanzheng"> 图形验证码： <input type="text"
								name="type" id="forget_yanzheng" />
							</label>
							<div class="yanzhengma_cont_">
								<img th:src="${basePath+'/open/getVCode'}" />
							</div>
						</div>
						<div class="cellcode_">
							<div>
								验证码： <input type="text" name="cellCode" placeholder="手机验证码"
									id="photo_n" />
							</div>
							<input type="button" id="photo_m" value="获取验证码" disabled />
						</div>
						<div class="fastener">
							<input type="submit" class="forget_sub" value="确认" />
							<div class="fastener_right">取消</div>
						</div>
					</div>
				</form>
				<img th:src="${portalHost+'/img/login_close.png'}" alt=""
					class="login_close" />
			</div>
		</div>
		<div id="new_password">
			<div class="new_password">
				<form id="new_password_form">
					<div class="password_top">
						<h4>设置新密码</h4>
						<span>密码长度为6-20个字符，区分大小写</span>
					</div>
					<div class="password_center">
						<div>
							<label for="new_pass"> 新密码： <input type="text"
								name="type" id="new_pass" placeholder="请输入您的新密码..." />
							</label>
						</div>
						<div>
							<label for="new_pass_again"> 确认密码： <input type="text"
								name="type" id="new_pass_again" placeholder="请确认您的密码..." />
							</label>
						</div>
						<div class="fastener">
							<input type="submit" class="new_password_sub" value="确认" />
							<div class="fastener_right">取消</div>
						</div>
					</div>
				</form>
				<img th:src="${portalHost+'/img/login_close.png'}" alt=""
					class="login_close" />
			</div>
		</div>
		<div class="smg">
			<input type="text" name="msg" value="111" id="msg" />
		</div>
	</footer>
</body>
<script type="text/javascript" th:src="${portalHost+'/vendors.js'}"></script>
<script type="text/javascript"
	th:src="${portalHost+'/newMenu/demand.js'}"></script>

</html>