招聘列表

作者：曹え 5811
发布时间：2022-01-20 07:45:05
浏览次数：236

代码

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>模块名称</title>
		<meta name="renderer" content="webkit">
		<meta name="format-detection" content="telephone=no" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		
		<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">

<style>
		body{
			height:80vh;
		}
			.jobbgimg {
				background: url(https://h5.org.cn/images/p3.jpg) no-repeat left top;
				background-size:cover;
				
				padding: 0;
			}

.wp {
				max-width: 1280px;
				margin: 0 auto;
			}

.ul-jobsrow {
				padding: 50px 0 50px;
			}

.ul-jobsrow>li {
				margin-bottom: 8px;
				/* padding: 0 30px 0 20px; */
			}

.ul-jobsrow>li.li-head {
				color: #fff;
			}

.ul-jobsrow>li.li-head li {
				background-color: #2A7DB9 !important;
			}

.ul-jobscol {
				overflow: hidden;
			}

.ul-jobscol li {
				width: 20%;
				float: left;
				font-size: 17px;
				box-sizing: border-box;
				background-color: #fff;
			}

.ul-jobscol li:first-of-type {
				width: 30%;
				padding-left: 30px;
			}

.ul-jobscol li:first-of-type .con {
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}

.ul-jobscol li.icon,
			.ul-jobsrow>li.li-head li:last-of-type {
				width: 10%;
				text-align: right;
				padding-right: 10px;
			}

.ul-jobscol li.icon .con {
				text-align: right;
				padding-right: 0;
			}

.ul-jobscol .con {
				/* padding: 14px 10px 14px 0 ; */
				height: 55px;
				line-height: 55px;
			}

.ul-jobscol .icon {
				height: 55px;
			}

.ul-jobscol .icon .con {
				padding: 0;
				overflow: hidden;
				margin-right: 10px;
				transform: translateY(5px);
			}

.ul-jobscol .icon i {
				background: url(https://h5.org.cn/images/z2.png) no-repeat center;
				background-size: 50%;
				max-width: 42px;
				width: 100%;
				height: 42px;
				float: right;
				transition: .5s;
			}

.ul-jobscol .icon i.on {
				background-image: url(https://h5.org.cn/images/z2.png);
			}

.ul-jobsrow>li:hover ul li {
				background-color: rgba(42, 125, 185, .3);
				color: #fff;
			}

.ul-jobscol .jobinfno {
				float: none;
				width: 100%;
				clear: both;
				padding: 40px 60px 46px 60px;
				background-color: transparent !important;
				border: 1px solid #d7d9dc;
				color: #666 !important;
			}

.ul-jobscol .jobinfno .con {
				height: auto;
			}

.ul-jobscol .jobinfno .tits {
				overflow: hidden;
				border-bottom: 1px solid #d7d9dc;
				padding-bottom: 12px;
				margin-bottom: 12px;
			}

.ul-jobscol .jobinfno .tits .tit {
				font-size: 20px;
				float: left;
			}

.ul-jobscol .jobinfno .tits .date {
				font-size: 17px;
				float: right;
			}

.ul-jobscol .jobinfno .jobbody {
				margin-bottom: 34px;
			}

.ul-jobscol .jobinfno .jobbody .job {
				margin-bottom: 16px;
			}

.ul-jobscol .jobinfno .jobbody .job:last-of-type {
				margin-bottom: 0;
			}

.ul-jobscol .jobinfno .jobbody .tit {
				color: #005897;
				margin-bottom: 26px;
				font-size: 17px;
			}

.ul-jobscol .jobinfno .jobbody .info {
				line-height: 2;
				font-size: 15px;
			}

.ul-jobscol .jobinfno .emall {
				background-color: #2A7DB9;
				color: #fff;
				display: inline-block;
				height: 46px;
				line-height: 46px;
				padding: 0 50px 0 35px;
				border-radius: 3px;
				font-size: 14px;
			}

.ul-jobscol .jobinfno .emall:hover {
				box-shadow: 0 0 20px #2A7DB9;
			}

.ul-jobscol .jobinfno .emall i {
				display: inline-block;
				background: url(../images/news/emall.png) no-repeat center;
				background-size: 100%;
				width: 21px;
				height: 13px;
			}
		</style>
	</head>

<body>
		<div class="jobbgimg">
			<div class="wp">
				<ul class="ul-jobsrow">
					<li class="li-head">
						<ul class="ul-jobscol">
							<li>
								<div class="con">
									职业名称
								</div>
							</li>
							<li>
								<div class="con">
									学历要求
								</div>
							</li>
							<li>
								<div class="con">
									招聘人数
								</div>
							</li>
							<li>
								<div class="con">
									工作地点
								</div>
							</li>
							<li>
								<div class="con">
									详细内容
								</div>
							</li>
						</ul>
					</li>
					<li>
						<ul class="ul-jobscol">
							<li>
								<div class="con">
									技术工程师 </div>
							</li>
							<li>
								<div class="con">
									本科及以上 </div>
							</li>
							<li>
								<div class="con">
									2名 </div>
							</li>
							<li>
								<div class="con">
									重庆 </div>
							</li>
							<li class="icon">
								<div class="con">
									<i></i>
								</div>
							</li>
							<li class="jobinfno dn">
								<div class="con">
									<div class="tits">
										<div class="tit">
											技术工程师 - 职位详情
										</div>
										<div class="date">
											发布时间：2021-12-29 </div>
									</div>
									<div class="jobbody">
										<div class="job">
											<div class="tit">
												岗位描述：
											</div>
											<div class="info">
												<p><span
														style="font-size:20px;">1、负责两化融合技术指导体系的培训、交流、咨询工作（前期公司统一提供两化融合专家培训）；</span>
												</p>

<div><span
														style="font-size:20px;">2、负责客户前期技术交流，准确掌握客户需求，协助专业技术人员整理两化融合技术解决方案；</span>
												</div>

<div><span style="font-size:20px;">3、负责自动化、数字化项目管理与组织协调；</span></div>

<div><span style="font-size:20px;">4、负责工业互联网创新体验中心入驻企业的技术管理工作；</span>
												</div>

<div><span style="font-size:20px;">5、负责公司网站的技术指导及支持工作。</span></div>

<div> </div>
											</div>
										</div>
										<div class="job">
											<div class="tit">
												职位要求：
											</div>
											<div class="info">
												<p><span
														style="font-size:20px;">1、全日制本科及以上学历，计算机相关专业（或自动化、机械等专业），至少5年以上IT行业或者工业自动化行业技术岗位从业经历；</span>
												</p>

<div><span
														style="font-size:20px;">2、了解工业自动化控制，有制造类企业自动化及信息化项目实施经验者优先考虑；</span>
												</div>

<div><span style="font-size:20px;">3、具备良好的学习能力，能快速掌握某方面的专业知识；</span>
												</div>

<div><span
														style="font-size:20px;">4、具备良好的撰写能力，能利用当前主流工具，撰写科技、商务类文稿并做成PPT；</span>
												</div>

<div><span
														style="font-size:20px;">5、具备良好的可塑性，诚信、忠诚、团结、和善等优良品质。工作细致严谨，责任心强，良好的沟通协调与深入浅出的讲解能力。</span>
												</div>
											</div>
										</div>
									</div>
									<a href="mailto:fengw@bjklt.com.cn" class="emall"> <i></i> 投递简历至：fengw@bjklt.com.cn
									</a>
								</div>
							</li>
						</ul>
					</li>
					<li>
						<ul class="ul-jobscol">
							<li>
								<div class="con">
									客户经理 </div>
							</li>
							<li>
								<div class="con">
									本科及以上 </div>
							</li>
							<li>
								<div class="con">
									2名 </div>
							</li>
							<li>
								<div class="con">
									重庆 </div>
							</li>
							<li class="icon">
								<div class="con">
									<i></i>
								</div>
							</li>
							<li class="jobinfno dn">
								<div class="con">
									<div class="tits">
										<div class="tit">
											客户经理 - 职位详情
										</div>
										<div class="date">
											发布时间：2021-12-29 </div>
									</div>
									<div class="jobbody">
										<div class="job">
											<div class="tit">
												岗位描述：
											</div>
											<div class="info">
												<p><span style="font-size:20px;">1、负责工业互联网体验中心培训客户的邀请工作；</span></p>

<div><span
														style="font-size:20px;">2、跟进公司分配的客户资源，建立目标客户关系，整合内外部资源达成销售目标；</span>
												</div>

<div><span style="font-size:20px;">3、积极响应客户问题，引导问题合理解决方案，维护客户满意度；</span>
												</div>

<div><span
														style="font-size:20px;">4、收集掌握区域内相关销售信息，进行日常商务拜访，促进销售各项事务进度；</span>
												</div>

<div><span style="font-size:20px;">5、准确分解、严格落实销售计划，及时跟踪，定时评估。</span>
												</div>

<div> </div>
											</div>
										</div>
										<div class="job">
											<div class="tit">
												职位要求：
											</div>
											<div class="info">
												<p><span
														style="font-size:20px;">1、全日制大学本科及以上学历，市场营销，工业自动化，计算机专业优先考虑；</span>
												</p>

<div><span style="font-size:20px;">2、2年以上工控或IT行业销售岗位工作经验，有成功案例分享；</span>
												</div>

<div><span style="font-size:20px;">3、再学习能力强，良好的客户服务意识；</span></div>

<div><span
														style="font-size:20px;">4、出色的人际交往能力和组织协调能力，工作严谨细致，责任心强，有团队协作精神。</span>
												</div>

<div> </div>
											</div>
										</div>
									</div>
									<a href="mailto:fengw@bjklt.com.cn" class="emall"> <i></i> 投递简历至：fengw@bjklt.com.cn
									</a>
								</div>
							</li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
		<script type="text/javascript">
			 // var swiper = new Swiper(".mySwiper.ul-opts", {
			 //        slidesPerView :'auto',
			     
			 //    });
			$('.ul-jobscol li:not(.jobinfno)').click(function(){
					
					let i = $(this).parents('.ul-jobscol').find('.icon');
					let info = $(this).parents("ul").find('.jobinfno');
					if(i.find('i').hasClass('on')){
						info.stop().slideUp(500);
						$('.ul-jobscol .icon i').removeClass('on');
						console.log('有on')
					}else{
						$('.ul-jobscol .icon i').removeClass('on');
						$('.jobinfno').stop().slideUp(500)
						i.find('i').addClass('on').parents('.icon').next('li').stop().slideDown(500);
						console.log('没on')
					}
				})
		</script>
	</body>
</html>

预览[刷新]

320 360 460 768 960 1024 1280 1366 1460 1680 75% 全屏