/* b-o-o-j-o-b.com */

/* 导航 CSS */
.com_Nav{  margin:auto; width:100%; height:40px;margin-bottom:10px; padding:0px 0px; text-align:center; background-color:#fff; }
.com_Nav span{ float:left;width:25%; height:40px;line-height:40px;display:inline-block; padding:0px; margin:0px;}
.com_Nav .item1{  border-bottom:1px #E13E3E solid;}
.com_Nav .item0{  border-bottom:1px #EEE solid;}
.com_Nav .item1 a{ color:#E13E3E; display:block; }
.com_Nav .item0 a{ color:#999; display:block; }

/* 公司简介 */
.com_Base{ margin-top:10px;position:relative; padding:10px 0px; font-size:14px;text-align:left; background-color:#FFF; }
.com_Base .name{ position:relative; line-height:30px; padding:0px 10px;}
.com_Base .name b{ padding-right:70px; line-height:30px; font-size:18px; color:#FF6600;}
.com_Base .name p{ position:absolute;top:0;right:10px;width:60px; line-height:30px;}
.com_Base .name p a{ display:inline-block; width:60px; line-height:25px;font-size:14px; background-color:#4EA832;color:#FFF; text-align:center; cursor:pointer;border-radius:2px; }
.com_Base .name p a:link{ color:#FFF; }
.com_Base .name p a:hover{ background-color:#4EA832;color:#FFF; }

.com_Base .mans{ position:relative; line-height:20px; padding:0px 10px;font-size:12px; color:#009900; }
.com_Base .mans span{ font-size:12px; color:#009900; }
.com_Base dl{ padding:0px 10px }
.com_Base dd{ position:relative; line-height:25px; }
.com_Base dd b{ margin-right:0px; color:#787878; font-weight:normal; }
.com_Base dd i{ font-style:normal; color:#009900; }


/* 公司福利 */
.com_Weal{ margin-top:10px;position:relative; padding:0px 10px;padding-top:0px;text-align:left; background-color:#FFF; overflow:hidden; }
.com_Weal i{ float:left;width:auto; padding:3px 8px; border:1px #DDD solid; margin:6px 0px;margin-right:10px; font-style:normal;WHITE-SPACE: nowrap; font-size:14px;color:#333;cursor:pointer;border-radius:5px;  }


.com_Desc{ margin-top:10px;position:relative; font-size:14px; text-align:left;background-color:#FFF; }
.com_Desc .title{ height:40px; line-height:40px; font-size:16px; font-weight:bold; border-bottom:1px #EEE solid; margin:0px 10px; }
.com_Desc .body{ padding:10px 10px; color:#555; line-height:25px; }
.com_Desc .body span{ color:#555; }
.com_Desc .view{ padding:10px 10px;  }
.com_Desc .view dl{ }
.com_Desc .view dd{ position:relative; line-height:25px; }
.com_Desc .view dd b{ margin-right:0px; color:#787878; font-weight:normal; }
.com_Desc .login{ color:#777; line-height:28px; padding:10px 0px;padding-left:10px; }
.com_Desc .login a{ display:inline-block; width:80px; line-height:28px;font-size:14px; background-color:#E13E3E;color:#FFF; text-align:center; cursor:pointer;border-radius:2px; }
.com_Desc .login a:link{ color:#FFF; }
.com_Desc .login a:hover{ background-color:#E13E3E;color:#FFF; }

.com_Map{ margin:auto;border: #DDD 1px solid; width:100%; height:200px; padding:0px; }


/* 职位简介 */
.job_Base{ margin-top:10px;position:relative; font-size:14px; padding-top:10px;text-align:left; background-color:#FFF; }
.job_Base .name{ position:relative; line-height:30px; padding:0px 10px; }
.job_Base .name b{ padding-right:70px; line-height:30px; font-size:18px; color:#444;}
.job_Base .name p{ position:absolute;top:0;right:10px;width:60px; line-height:30px;}
.job_Base .name p a{ display:inline-block; width:60px; line-height:25px;font-size:14px; background-color:#4EA832;color:#FFF; text-align:center; cursor:pointer;border-radius:2px; }
.job_Base .name p a:link{ color:#FFF; }
.job_Base .name p a:hover{ background-color:#4EA832;color:#FFF; }

.job_Base .monthpay{ position:relative; margin:0px 10px; border-bottom:1px #EEE solid; }
.job_Base .monthpay span{ position:absolute;top:0;left:10;width:100px; line-height:30px;color:#E13E3E;}
.job_Base .monthpay p{padding-left:100px; line-height:30px; color:#999; text-align:right; font-size:12px; }

.job_Base .basic{ width:100%; margin:auto; margin-top:0px; padding:10px 0px; text-align:center; font-size:14px; background-color:#fff; }
.job_Base .basic span{ width:23%; display:inline-block;border-right:1px solid #E8E8E8; padding:5px 0px;}
.job_Base .basic span:last-child{ border-right:0;}
.job_Base .basic span b{ display:inline-block; height:37px; width:100%; }
.job_Base .basic span i{ display:inline-block; color:#444; height:30px; line-height:30px; width:100%; }
.job_Base .basic .s1 b{ background:url(/touch/image/browse/s1.png) top center no-repeat; }
.job_Base .basic .s2 b{ background:url(/touch/image/browse/s2.png) top center no-repeat; }
.job_Base .basic .s3 b{ background:url(/touch/image/browse/s3.png) top center no-repeat; }
.job_Base .basic .s4 b{ background:url(/touch/image/browse/s4.png) top center no-repeat; }

/* 职位亮点 */
.job_Tag{ margin-top:10px;position:relative; padding:0px 10px;padding-top:0px;text-align:left; background-color:#FFF; overflow:hidden; }
.job_Tag i{ float:left;width:auto; padding:3px 8px; border:1px #E35151 solid; margin:6px 0px;margin-right:10px; font-style:normal;WHITE-SPACE: nowrap; font-size:14px;color:#E35151;cursor:pointer;border-radius:5px;  }

/* 招聘职位 */
.com_JobList{ width:100%; margin:auto; margin-top:10px;font-size:14px; background-color:#FFF; }
.com_JobList li{ height:39px;line-height:39px;border-bottom:1px solid #DDD;position:relative; }
.com_JobList li:after{content:' ';position:absolute;top:50%;margin-top:-4px;right:10px;width:6px;height:6px;border:#AAAAAA solid;-webkit-transform: rotate(45deg);border-width: 2px 2px 0 0;}
.com_JobList li a{display:block;padding:0 10px 0 10px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.com_JobList li a:visited{color:#333;}

/* 公司环境 */
.com_PicList{ width:100%; margin:auto; margin-top:10px;font-size:14px; background-color:#FFF; }
.com_PicList dl{ height:auto;border-bottom:0px solid #EEE;position:relative; margin:0px 10px; }
.com_PicList dt{ height:120px; padding:5px 0px; text-align:center;}
.com_PicList dt img{ width:145px;height:120px; border:1px #EEE solid; padding:4px;}
.com_PicList dd{ height:30px; line-height:30px; padding:0px 0px;text-align:center; color:#999;}

/* 留言评论 */
.com_Pinglun{ width:100%; margin:auto; margin-top:10px; padding:10px 0px;font-size:14px;text-align:left; background-color:#FFF; }
.com_Pinglun ul{ position:relative;height:auto;border-bottom:1px solid #EEE; padding:10px 0px; margin:0px 10px; }
.guestli1{ position:relative; height:25px; }
.guestli1 b{ position:absolute;top:0;left:0px;width:100px; line-height:25px; font-weight:normal;color:#999;}
.guestli1 b span{ color:#999;}
.guestli1 i{ position:absolute;top:0;right:0px;line-height:25px; font-style:normal;text-align:right;color:#999; }
.guestli2{ position:relative; height:auto; line-height:25px; color:#555;padding:5px 0px; }
.guestli3{ position:relative; height:auto;}
.guestli3 p{ height:auto;line-height:25px; border:1px #DDD solid;background-color:#F7F7F7; color:#E13E3E; margin:0px 0px; padding:5px;}
.com_Foot{ width:100%; height:60px; }


.layer{position:absolute}
.layer{left:0;display:none}
.layer{top:0;z-index:999;width:100%;height:100%;background:url(/touch/image/wzp/wzp_layer.png) center no-repeat;background-color:rgba(0,0,0,.75);background-size:320px auto}
.wx_layer{position:absolute;left:0;width:100%}
.wx_layer{top:0;z-index:1000;display:none;height:100%;background:url(/touch/image/wzp/wx_layer.png) center top no-repeat;background-color:rgba(0,0,0,.8);background-size:contain}
@-webkit-keyframes top{
	0%,20%{opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
	60%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	100%{opacity:0;-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}
}
@keyframes top{
	0%,20%{opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
	60%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	100%{opacity:0;-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}
}
@media screen and (min-height:667px){
	.about_us{margin-top:40px}
	.about_us_msg_p{-webkit-line-clamp:10}
	.job_msg{-webkit-line-clamp:9}
	.poster_tit{margin-top:100px}
}
@media screen and (min-height:568px) and (max-height:667px){
	.about_us{margin-top:30px}
	.about_us_msg_p{-webkit-line-clamp:9}
	.job_msg{-webkit-line-clamp:8}
}
@media screen and (min-height:480px) and (max-height:568px){
	.about_us{margin-top:20px}
	.about_us_msg_p{-webkit-line-clamp:7}
	.job_msg{-webkit-line-clamp:5}
}
@media screen and (max-height:480px){
	.poster_logo_con{margin-top:20px}
	.company_intro{padding-top:25px}
	.welfare{margin-top:25px}
	.posit_tit{margin:20px 0 0}
	.posit_list_con{top:60px;bottom:85px}
	.job_btn_con{bottom:25px}
	.poster_praise_con{margin:30px auto 0}
	.praise_tip{margin-top:15px}
	.praise_btn{margin-top:25px}
	.search_logo{top:20px}
	.search_posit{top:155px}
	.search_footer_btn{margin-top:20%}
	.about_us_msg_p{-webkit-line-clamp:5}
	.job_msg{-webkit-line-clamp:4}
	.poster_tit{margin-top:20px}
}