加入纵横修改

aboutUs-join.html

@@ -113,14 +113,54 @@
 					<div class="about-entry">
 						<img src="images/aboutus/join-1.jpg">
 						<div class="about-text" style="padding-bottom:20px">
-							<h2>快加入我们，奔跑吧兄弟</h2>
 							<p>纵横崇尚创新、扁平的企业文化</p>
 							<p>正在寻找富有创意和想法的你</p>
-							<p>简历发送：<a href="mailto:yangfufang@smartcost.com.cn" target="_blank">yangfufang@smartcost.com.cn</a>；请在邮件中注明应聘职位名称，及工作地点。</p>
+							<p>快来加入我们，一起终生学习、快乐工作、享受生活</p>
 						</div>
 						<div class="about-text timeline join-line" style="padding-right: 100px;padding-left: 100px;">
 							<div class="year">
-								<h3 title="展开详情">技术支持工程师<i class="arow"></i></h3>
+								<h3 title="展开详情">工程造价技术研究员<i class="arow"></i><a href="#apply-position" class="apply"  data-toggle="modal">申请职位</a></h3>
+								<div class="month">
+									<em>工作地点<i class="dot"></i></em>
+									<div class="text clearfix">
+										<p>重庆市</p>
+									</div>
+								</div>
+								<div class="month">
+									<em>岗位职责<i class="dot"></i></em>
+									<div class="text clearfix">
+										<p>1. 负责工程专业相关培训的课程研发及授课工作；</p>
+										<p>2. 沟通了解客户培训需求，制定企业培训实施方案；</p>
+										<p>3. 配合公司业务需求，提供造价专业咨询，为公司产品提供专业技术支持；</p>
+										<p>4. 致力于成为工程造价领域顶尖人才。</p>
+									</div>
+								</div>
+								<div class="month">
+									<em>任职要求<i class="dot"></i></em>
+									<div class="text clearfix">
+										<p>1. 本科及以上学历，工程相关专业，工程管理/造价专业优先，工作年限不限；</p>
+										<p>2. 具有市政、公路专业工作经验优先；</p>
+										<p>3. 具有工程造价编审工作经验优先；</p>
+										<p>4. 熟练掌握日常办公软件（包括但不限于office、Xmind等）；</p>
+										<p>5. 热爱营销，具有较强的表达沟通能力，有较好的团队合作精神；</p>
+										<p>6. 能适应短期出差和具有挑战性的工作。</p>
+									</div>
+								</div>
+								<div class="month">
+									<em>薪酬福利<i class="dot"></i></em>
+									<div class="text clearfix">
+										<p>1. 提供高于行业期望的薪酬；</p>
+										<p>2. 伴随公司发展，为个人定制适宜的职业发展规划；</p>
+										<p>3. 购买六险一金，额外补充商业医疗保险；</p>
+										<p>4. 5天8小时工作制，享受所有法定假期，含带薪年假、病假、婚产假等；</p>
+										<p>5. 享受年度体检、节日福利. 生日金等各种福利；</p>
+										<p>6. 协助办理职称评审等多项福利</p>
+										<p>7. 提供技术分享会、每年三次培训的学习机会，构建学习型组织。</p>
+									</div>
+								</div>
+							</div>
+							<div class="year">
+								<h3 title="展开详情">技术支持工程师<i class="arow"></i><a href="#apply-position" class="apply"  data-toggle="modal">申请职位</a></h3>
 								<div class="month">
 									<em>工作地点<i class="dot"></i></em>
 									<div class="text clearfix">
@@ -161,7 +201,7 @@
 								</div>
 							</div>
 							<div class="year">
-								<h3 title="展开详情">软件测试工程师<i class="arow"></i></h3>
+								<h3 title="展开详情">软件测试工程师<i class="arow"></i><a class="apply" href="#apply-position" data-toggle="modal">申请职位</a></h3>
 								<div class="month">
 									<em>工作地点<i class="dot"></i></em>
 									<div class="text clearfix">
@@ -200,7 +240,7 @@
 								</div>
 							</div>
 							<div class="year">
-								<h3 title="展开详情">JavaScript后端开发工程师<i class="arow"></i></h3>
+								<h3 title="展开详情">JavaScript开发工程师<i class="arow"></i><a class="apply" href="#apply-position" data-toggle="modal">申请职位</a></h3>
 								<div class="month">
 									<em>工作地点<i class="dot"></i></em>
 									<div class="text clearfix">
@@ -241,7 +281,7 @@
 								</div>
 							</div>
 							<div class="year">
-								<h3 title="展开详情">软件营销工程师<i class="arow"></i></h3>
+								<h3 title="展开详情">软件营销工程师<i class="arow"></i><a class="apply" href="#apply-position" data-toggle="modal">申请职位</a></h3>
 								<div class="month">
 									<em>工作地点<i class="dot"></i></em>
 									<div class="text clearfix">
@@ -280,7 +320,7 @@
 								</div>
 							</div>
 							<div class="year">
-								<h3 title="展开详情">软件实施工程师<i class="arow"></i></h3>
+								<h3 title="展开详情">软件实施工程师<i class="arow"></i><a class="apply" href="#apply-position" data-toggle="modal">申请职位</a></h3>
 								<div class="month">
 									<em>工作地点<i class="dot"></i></em>
 									<div class="text clearfix">
@@ -376,4 +416,18 @@
 				} );
 			});
 		</script>
+		<!--申请职位弹窗-->
+<div class="modal hide" id="apply-position">
+  <div class="modal-header">
+    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+    <h3>申请职位</h3>
+  </div>
+  <div class="modal-body">
+    <div class="about-text" style="padding:0px">
+		<p>简历发送：<a href="mailto:yangfufang@smartcost.com.cn" target="_blank" style="font-size:20px">job@smartcost.com.cn</a></p><p>请在邮件中注明应聘职位名称，及工作地点。</p>
+		<p>联系人：温小姐</p>
+		<p>联系电话：0756-3850886、13750023415（微信同号）</p>
+	</div>
+  </div>
+</div>
 </body>

css/global.css

@@ -528,7 +528,7 @@ li.search .topSerach input[type=submit]:active{
 }
 .mainContent .contentItem{
   margin:20px 0;
-  min-height: 400px  
+  min-height: 400px
 }
 .softList {
   margin:15px 0 200px 0
@@ -916,6 +916,7 @@ li.search .topSerach input[type=submit]:active{
   color:#fff
 }
 .formTable .formTd {
+  min-height: 80px;
   margin:0 0 0 80px;
   border-top:1px dashed #ddd;
   padding:0 20px
@@ -1498,69 +1499,139 @@ li.search .topSerach input[type=submit]:active{
   z-index: 1040;
   background-color: #000000;
 }
+
 .modal-backdrop.fade {
   opacity: 0;
 }
+
 .modal-backdrop,
 .modal-backdrop.fade.in {
-  opacity: 0.8;
-  filter: alpha(opacity=80);
+  opacity: 0.4;
+  filter: alpha(opacity=40);
 }
 .modal {
   position: fixed;
-  _position:absolute;
   top: 10%;
   left: 50%;
   z-index: 1050;
-  width: 860px;
-  margin-left: -430px;
+  width: 560px;
+  margin-left: -280px;
   background-color: #ffffff;
   border: 1px solid #999;
   border: 1px solid rgba(0, 0, 0, 0.3);
   *border: 1px solid #999;
-  /* IE6-7 */
+  -webkit-border-radius: 6px;
+     -moz-border-radius: 6px;
+          border-radius: 6px;
+  outline: none;
   -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
   -webkit-background-clip: padding-box;
-  -moz-background-clip: padding-box;
-  background-clip: padding-box;
-  outline: none;
+     -moz-background-clip: padding-box;
+          background-clip: padding-box;
 }
+
 .modal.fade {
-  -webkit-transition: opacity .3s linear, top .3s ease-out;
-  -moz-transition: opacity .3s linear, top .3s ease-out;
-  -o-transition: opacity .3s linear, top .3s ease-out;
-  transition: opacity .3s linear, top .3s ease-out;
   top: -25%;
+  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
+     -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
+       -o-transition: opacity 0.3s linear, top 0.3s ease-out;
+          transition: opacity 0.3s linear, top 0.3s ease-out;
 }
+
 .modal.fade.in {
   top: 10%;
 }
+
 .modal-header {
   padding: 9px 15px;
   border-bottom: 1px solid #eee;
 }
+
 .modal-header .close {
   margin-top: 2px;
 }
+
 .modal-header h3 {
   margin: 0;
   line-height: 30px;
 }
+
 .modal-body {
   position: relative;
-  padding: 1px;
+  max-height: 400px;
+  padding: 15px;
+  overflow-y: auto;
 }
+
 .modal-form {
   margin-bottom: 0;
 }
-.modal a.close{
-  background:#FFF;
-  padding: 0 5px;
-  position: absolute;
-  _background:#f90000;
-  _color:#fff
+
+.modal-footer {
+  padding: 14px 15px 15px;
+  margin-bottom: 0;
+  text-align: right;
+  background-color: #f5f5f5;
+  border-top: 1px solid #ddd;
+  -webkit-border-radius: 0 0 6px 6px;
+     -moz-border-radius: 0 0 6px 6px;
+          border-radius: 0 0 6px 6px;
+  *zoom: 1;
+  -webkit-box-shadow: inset 0 1px 0 #ffffff;
+     -moz-box-shadow: inset 0 1px 0 #ffffff;
+          box-shadow: inset 0 1px 0 #ffffff;
+}
+
+.modal-footer:before,
+.modal-footer:after {
+  display: table;
+  line-height: 0;
+  content: "";
+}
+
+.modal-footer:after {
+  clear: both;
+}
+
+.modal-footer .btn + .btn {
+  margin-bottom: 0;
+  margin-left: 5px;
+}
+
+.modal-footer .btn-group .btn + .btn {
+  margin-left: -1px;
+}
+
+.modal-footer .btn-block + .btn-block {
+  margin-left: 0;
+}
+.close {
+  float: right;
+  font-size: 20px;
+  font-weight: bold;
+  line-height: 20px;
+  color: #000000;
+  text-shadow: 0 1px 0 #ffffff;
+  opacity: 0.2;
+  filter: alpha(opacity=20);
+}
+.close:hover,
+.close:focus {
+  color: #000000;
+  text-decoration: none;
+  cursor: pointer;
+  opacity: 0.4;
+  filter: alpha(opacity=40);
+}
+
+button.close {
+  padding: 0;
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+  -webkit-appearance: none;
 }
 .adBanner{
   position:absolute;
@@ -2493,7 +2564,7 @@ border:none
   width:440px;
   height:342px;
   bottom:5px;
-  left:216px;
+  left:376px;
   transition: all 0.8s ease-in 0s;
   transform: translateX(-70px);
 }
@@ -2502,7 +2573,7 @@ border:none
   width:325px;
   height:192px;
   bottom:5px;
-  left:520px;
+  left:180px;
   transition: all 0.8s ease-in 0s;
   transform: translateX(70px);
 }
@@ -2543,8 +2614,8 @@ border:none
 }
 .banner-seven .more-button{
   position:absolute;
-  top:385px;
-  right:40px;
+  top:450px;
+  right:200px;
   z-index: 99;
   opacity:0;
   transition: all 0.2s ease-in 0s;
@@ -2865,6 +2936,72 @@ border:none
 }
 /*招聘*/
 
+/*大司空*/
+.banner-entry.banner-ten {
+  background:#e36335 url(bing-banner07.jpg) center center
+}
+.banner-ten .animation{
+  position:absolute;
+  opacity:0
+}
+.banner-ten .title-1{
+  top:25px;
+  width: 100%;
+  text-align: center;
+  font-size: 46px;
+  color: #fff;
+  transition: all 0.4s ease-out 0s;
+  transform: translateX(30px);
+}
+.banner-ten .title-2{
+  top:85px;
+  width: 100%;
+  text-align: center;
+  font-size: 46px;
+  color: #fff;
+  transition: all 0.2s ease-in 0s;
+  transform: translateX(30px);
+  transition-delay: 0.2s;
+}
+.banner-ten.show .title-1{
+  transform: translateX(0px);
+  opacity:1;
+}
+.banner-ten.show .title-2{
+  transform: translateX(0px);
+  opacity:1;
+}
+.banner-ten .more-button{
+  position:absolute;
+  top:205px;
+  left:50%;
+  margin-left:-78px;
+  z-index: 99;
+  opacity:0;
+  transition: all 0.4s ease-in 0s;
+  transform: translateY(-30px);
+  transition-delay: 0.6s;
+}
+.banner-ten.show .more-button{
+  transform: translateY(0px);
+  opacity:1;
+}
+.banner-ten .more-button a{
+  color:#fff;
+  background: #ff6501;
+  border:1px solid #ff6501;
+  padding:15px 30px;
+  text-decoration: none;
+  font-size: 16px
+}
+.banner-ten .more-button a:hover{
+  color:#fff;
+  background:#d95e0e;
+  border:1px solid #d95e0e;;
+  padding:17px 32px;
+}
+/*大司空*/
+
 /*新定额*/
 .banner-entry.banner-six {
   background:#B6BA6B url(banner-newdinge.png) center center
@@ -3141,6 +3278,18 @@ border:none
 .about-entry a:hover {
     text-decoration: underline;
 }
+.about-entry a.apply {
+  background:#fff;
+  padding:5px;
+  border:1px solid #B2005E;
+  float: right;
+  margin-right:30px;
+}
+.about-entry a.apply:hover{
+  color:#fff;
+  background: #B2005E;
+  text-decoration:none;
+}
 .timeline {
   padding-top:0;
 }