/* area */
.area{background:#f3f3f3;}
.jobcn_index{width:1200px;min-width:1200px;}
.jobcn_index a:hover{text-decoration:none;}
.h_mode{padding:10px 0;}

.jobcn_searcher_bar{background:#fff;height:120px;}
.jobcn_searcher_bar .fr{width:650px;}
.jobcn_searcher_bar_logo{float:left;padding:30px 0;position:relative;}
.jobcn_searcher_bar_logo a{width:220px;height:60px;display:block;overflow:hidden;}
.jobcn_searcher_bar_logo:after{position:absolute;content:"";height:26px;width:1px;background:#e6e6e6;overflow:hidden;top:45px;right:-18px;}
.jobcn_searcher_bar_area{float:left;padding:28px 0 32px;line-height:60px;height:60px;}
.jobcn_searcher_bar_area b{font-size:24px;font-weight:bold;font-family:"Microsoft yahei";padding:0 12px 0 36px;}
.jobcn_searcher_bar_area a{font-family:"Microsoft yahei";font-size:14px;color:#4f8eef;}
.jobcn_searcher_bar_keywords{padding-top:8px;line-height:22px;height:22px;overflow:hidden;}
.jobcn_searcher_bar_keywords dt{float:left;font-family:"Microsoft yahei";font-size:14px;font-weight:bold;}
.jobcn_searcher_bar_keywords dd{float:left;padding-right:8px;}
.jobcn_searcher_bar_keywords dd a{font-family:"Microsoft yahei";font-size:14px;color:#4f8eef;}
.jobcn_searcher_bar_form{padding-top:24px;}
.jobcn_searcher_bar_input input[type=text]{line-height:24px;height:24px;padding:10px 15px;border:2px solid #f26b01;border-top-left-radius:4px;border-bottom-left-radius:4px;outline:none;width:500px;vertical-align:top;font-size:14px;color:#222;font-family:"Microsoft yahei";}
.jobcn_searcher_bar_input button[type=submit]{width:116px;height:48px;background:#f26b01 url("/commImage/10.2/ui/icon/02.png") no-repeat -100px -136px;border-top-right-radius:4px;border-bottom-right-radius:4px;border:0;outline:none;vertical-align:top;padding:0;cursor:pointer;}

.h_login_popularity{float:left;width:230px;background:#fff;border-radius:6px;margin-right:20px;}
.h_login_popularity_hd{line-height:22px;height:22px;padding:16px 20px 8px;position:relative;}
.h_login_popularity_hd:after{content:"";position:absolute;bottom:8px;left:20px;width:72px;height:6px;background:#f26b01;z-index:1;background:linear-gradient(45deg,#f26b01,transparent);}
.h_login_popularity_hd b{font-size:18px;font-weight:bold;font-family:"Microsoft yahei";display:inline-block;vertical-align:top;line-height:22px;height:22px;position:relative;z-index:2;}
.h_login_popularity_hd a{position:absolute;top:16px;right:20px;color:#4f8eef;font-size:14px;font-family:"Microsoft yahei";}
.h_login_popularity_bd{padding:8px 20px 14px;}
.h_login_popularity_bd li{padding:8px 0;}
.h_login_popularity_bd li a{padding:0 46px 0 30px;position:relative;line-height:24px;display:block;}
.h_login_popularity_bd li:nth-child(-n+3) a{padding-left:60px;}
.h_login_popularity_bd li:nth-child(-n+3) img{float:left;margin-left:-60px;border:1px solid #ddd;border-radius:6px;}
.h_login_popularity_bd li:nth-child(-n+3) i{top:0;margin-top:0;width:14px;height:14px;line-height:14px;background:#ff0000;border-top-right-radius:0;border-bottom-left-radius:0;font-size:12px;}
.h_login_popularity_bd li i{position:absolute;top:50%;left:0;width:20px;height:20px;line-height:20px;background:#cacaca;border-radius:6px;text-align:center;color:#fff;margin-top:-10px;font-family:arial;font-size:14px;}
.h_login_popularity_bd li h3{color:#222;font-size:14px;font-family:"Microsoft yahei";height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.h_login_popularity_bd li p{color:#999;font-size:14px;font-family:"Microsoft yahei";height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.h_login_popularity_bd li span{position:absolute;top:0;right:0;line-height:24px;font-size:14px;color:#f26b01;font-family:arial;}

.h_login{padding-top:20px;}
.h_login_slide{width:700px;float:left;border-radius:6px;overflow:hidden;height:340px;}
.h_login_slide img{vertical-align:top;}
.h_login_info{width:230px;float:right;}
.h_login_person{margin-bottom:20px;background:#fff;border-radius:6px;padding:10px 20px;}
.h_login_person_menu li{border-bottom:1px solid #eee;position:relative;}
.h_login_person_menu a{display:block;line-height:22px;height:22px;padding:11px 0;color:#222;font-size:14px;font-family:"Microsoft yahei";}
.h_login_person_menu a:hover{background:#f3f3f3;margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px;border-radius:5px;text-decoration:none;}
.h_login_person_menu span{position:absolute;top:50%;right:16px;height:14px;line-height:14px;padding:0 5px;color:#fff;background:#eb0000;border-radius:7px;margin-top:-7px;}
.h_login_person_menu i{width:6px;height:11px;position:absolute;top:50%;right:0;background:url("/commImage/10.2/ui/icon/81.png") no-repeat -50px -50px;margin-top:-5px;}
.h_login_avatar{width:60px;height:60px;overflow:hidden;border-radius:6px;position:absolute;top:18px;right:0;}
.h_login_avatar img{position:absolute;left:0;top:0;}
.h_login_side{padding:16px 70px 20px 0;position:relative;}
.h_login_welcome_tit{font-size:18px;color:#222;font-family:"Microsoft yahei";line-height:25px;height:25px;padding-bottom:10px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.h_login_welcome_btn a{display:inline-block;line-height:25px;height:25px;width:50px;text-align:center;background:#eeeeee;color:#222;font-size:14px;font-family:"Microsoft yahei";margin-right:10px;border-radius:2px;text-decoration:none;}
.h_login_welcome_btn a:hover{color:#f26b01;background:#ffeee1;}
.h_login_welcome_btn a:last-child{margin-right:0;}
.h_login_welcome_href a{display:inline-block;line-height:25px;height:25px;text-align:center;color:#222;font-size:14px;font-family:"Microsoft yahei";margin-right:8px;color:#478dec;}
.h_login_welcome_href a:last-child{margin-right:0;}
.h_login_employer a{color:#478dec;font-size:20px;font-family:"Microsoft yahei";display:block;background:#fff;border-radius:6px;line-height:26px;height:26px;padding:22px 0;text-align:center;}
.h_login_employer i{width:26px;height:26px;display:inline-block;vertical-align:top;background:url("/commImage/10.2/ui/icon/93.png") no-repeat 0 0;margin-right:15px;}
.h_login_employer a:hover{text-decoration:none;background:#4f8eef;color:#fff;}
.h_login_employer a:hover i{background:url("/commImage/10.2/ui/icon/93.png") no-repeat -50px 0;}


/* benefits */
.h_benefits li{float:left;padding-right:21px;}
.h_benefits li:last-child{padding-right:0;}
.h_benefits li a{display:block;}
.h_benefits li img{border-radius:6px;}

/* posnav */
.h_mode .jobcn_index{}
.h_mode_hd{padding:20px 20px 0;line-height:30px;height:30px;}
.h_mode_hd > b{font-size:18px;font-weight:bold;display:inline-block;vertical-align:top;position:relative;font-family:"Microsoft yahei";}
.h_mode_bd{padding:0 20px 10px;}
.h_posnav .jobcn_index{background:#fff;border-radius:6px;}
.h_posnav .h_mode_hd b span{font-family:"Microsoft yahei";position:relative;z-index:2;}
.h_posnav .h_mode_hd b:after{content:"";position:absolute;bottom:2px;left:0;right:0;height:6px;background:#f26b01;z-index:1;background:linear-gradient(45deg,#f26b01,transparent);}
.h_posnav .h_mode_bd li{float:left;;padding:18px 0;}
.h_posnav .h_mode_bd li:nth-child(3n) dl{padding-right:0;}
.h_posnav .h_mode_bd dl{padding-right:58px;width:348px}
.h_posnav .h_mode_bd dt{font-size:14px;color:#222;font-weight:bold;line-height:22px;padding-bottom:5px;font-family:"Microsoft yahei";}
.h_posnav .h_mode_bd dd .pic_text{float:right;width:85px;height:85px;background:#eee;border-radius:8px;text-align:center;margin:5px 0 5px 25px;position:relative;}
.h_posnav .h_mode_bd dd .pic_text a{color:#fff;}
.h_posnav .h_mode_bd dd .pic_text a:hover{text-decoration:none;}
.h_posnav .h_mode_bd dd .pic_text i{position:absolute;top:0;right:0;background:#555;color:#fff;width:30px;height:18px;line-height:18px;text-align:center;border-top-right-radius:8px;border-bottom-left-radius:8px;font-size:12px;font-family:"Microsoft yahei";}
.h_posnav .h_mode_bd dd .pic_text.sales{background:#916ab6;}
.h_posnav .h_mode_bd dd .pic_text.hr{background:#38af7b;}
.h_posnav .h_mode_bd dd .pic_text.financial{background:#ff7e00;}
.h_posnav .h_mode_bd dd .pic_text.production{background:#809099;}
.h_posnav .h_mode_bd dd .pic_text.purchase{background:#af7865;}
.h_posnav .h_mode_bd dd .pic_text.quality{background:#739b68;}
.h_posnav .h_mode_bd dd .pic_text.it{background:#3c76ec;}
.h_posnav .h_mode_bd dd .pic_text.electronic{background:#d27474;}
.h_posnav .h_mode_bd dd .pic_text.property{background:#4f91b3;}
.h_posnav .h_mode_bd dd .pic_text.design{background:#ab8569;}
.h_posnav .h_mode_bd dd .pic_text.clothing{background:#d260a6;}
.h_posnav .h_mode_bd dd .pic_text.service{background:#998082;}
.h_posnav .h_mode_bd dd .pic_text h4{font-family:"Microsoft yahei";font-size:18px;font-weight:bold;line-height:30px;height:30px;padding-top:20px;}
.h_posnav .h_mode_bd dd .pic_text p{font-size:12px;font-family:Arial;line-height:22px;height:22px;margin-top:-2px;}
.h_posnav .h_mode_bd dd{line-height:24px;height:96px;overflow:hidden;}
.h_posnav .h_mode_bd dd a{font-size:14px;color:#4f8eef;font-family:"Microsoft yahei";margin-right:5px;white-space:nowrap;}

/* jobs */
.h_jobs{padding-bottom:0;}
.h_jobs .h_mode_hd{padding:0;position:relative;}
.h_jobs .h_mode_hd > a{position:absolute;top:0;right:0;font-family:"Microsoft yahei";font-size:14px;color:#4f8eef;}
.h_jobs .h_mode_bd{padding:0;}
.h_jobs .h_mode_bd li{width:386px;float:left;padding:10px 21px 10px 0;}
.h_jobs .h_mode_bd ul{}
.h_jobs .h_jobs_box{background:#fff;border-radius:6px;position:relative;padding:18px 20px 15px;transition:box-shadow 0.3s;}
.h_jobs .h_mode_bd li:nth-child(3n){padding-right:0;}
.h_jobs .h_jobs_box:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);}
.h_jobs_info{padding-bottom:15px;height:80px;}
.h_jobs_info_base{line-height:22px;padding:6px 0;color:#888888;font-family:"Microsoft yahei";font-size:14px;}
.h_jobs_info_base span{padding:0 8px;color:#ddd;font-size:12px;}
.h_jobs_info_base em{font-style:normal;font-family:"Microsoft yahei";font-size:14px;}
.h_jobs_info_comName{line-height:22px;padding:4px 0;}
.h_jobs_info_comName a{color:#888888;font-family:"Microsoft yahei";font-size:14px;max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:22px;line-height:22px;display:inline-block;vertical-align:top;}
.h_jobs_info_comName .vip_com1{display:inline-block;height:14px;width:14px;vertical-align:top;overflow:hidden;padding:0;background:url("/commImage/ui/icon/default_icon.png") no-repeat -60px -30px;margin:4px 0 4px 8px;}
.h_jobs_info_comName .vip_com2{display:inline-block;height:14px;width:14px;vertical-align:top;overflow:hidden;padding:0;background:url("/commImage/ui/icon/default_icon.png") no-repeat -30px -30px;margin:4px 0 4px 8px;}
.h_jobs_info_comName .vip_com3{display:inline-block;height:14px;width:14px;vertical-align:top;overflow:hidden;padding:0;background:url("/commImage/ui/icon/default_icon.png") no-repeat 0 -30px;margin:4px 0 4px 8px;}
.h_jobs_attr{}
.h_jobs_info_posName{line-height:22px;height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:80px;font-weight:bold;padding-top:4px;}
.h_jobs_info_posName a{font-size:18px;color:#222;font-family:"Microsoft yahei";}
.h_jobs_info_posName a:hover{color:#3986fa;}
.h_jobs_info_posName a:visited{color:#9a531a;}
.h_jobs_info_posName .icon_urgent{display:inline-block;vertical-align:top;width:30px;height:16px;line-height:16px;color:#fff;background:#ff9f00;text-align:center;font-family:"Microsoft yahei";font-size:12px;border-radius:2px;margin:3px 0 3px 8px;}
.h_jobs_info_posName .icon_first{display:inline-block;vertical-align:top;width:30px;height:16px;line-height:16px;color:#fff;background:#4f8eef;text-align:center;font-family:"Microsoft yahei";font-size:12px;border-radius:2px;margin:3px 0 3px 8px;}
.h_jobs_info_posName .icon_highquality{display:inline-block;vertical-align:top;width:18px;height:18px;line-height:18px;color:#fff;background:#ce7b43 url("/commImage/10.2/ui/icon/81.png") no-repeat -250px -250px;;text-align:center;font-family:"Microsoft yahei";font-size:12px;border-radius:2px;margin:2px 0 2px 8px;}
.h_jobs_info_posName{line-height:22px;height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:80px;font-weight:bold;padding-top:4px;}
.h_jobs_salary{position:absolute;top:22px;right:20px;line-height:22px;font-size:18px;font-weight:bold;color:#f26b01;}
.h_jobs_chat{position:absolute;bottom:24px;right:20px;height:24px;width:28px;z-index:2;}
.h_jobs_chat_hd{display:inline-block;height:24px;width:28px;background:url("/commImage/10.2/ui/icon/93.png") no-repeat -50px -50px;vertical-align:top;overflow:hidden;text-indent:-300px;}
.h_jobs_chat_hd:hover{background-position:0 -50px;}
.h_jobs_chat_bd{position:absolute;top:0;right:36px;width:180px;background:#fff;overflow:hidden;border:1px solid #f4f4f4;box-shadow:0px 0px 10px rgba(0,0,0,0.1);border-radius:10px;border-top-right-radius:0;display:none;}
.h_jobs_chat:hover .h_jobs_chat_bd{display:block;}
.h_jobs_chat_text{background:#f3f3f3;padding:10px 12px;font-size:12px;color:#888;font-family:"Microsoft yahei";line-height:18px;}
.h_jobs_chat_appqr{text-align:center;padding:20px 0;}
.h_jobs_chat_appqr img{vertical-align:top;}
.h_jobs_info_welfare{height:20px;overflow:hidden;}
.h_jobs_info_welfare span{display:inline-block;vertical-align:top;line-height:20px;height:20px;background:#eee;padding:0 5px;border-radius:4px;color:#555;font-family:"Microsoft yahei";margin-right:8px;}
.h_jobs_corporation{border-top:1px solid #eee;padding-left:56px;padding-right:40px;line-height:20px;padding-top:15px;}
.h_jobs_corporation_avatar{float:left;margin-left:-56px;border:1px solid #e6e6e6;border-radius:6px;}
.h_jobs_corporation_comName{height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.h_jobs_corporation_comName a{color:#222;font-size:14px;font-family:"Microsoft yahei";}
.h_jobs_corporation_industry{font-size:12px;font-family:"Microsoft yahei";color:#999;height:20px;}
.h_jobs_corporation_industry em{font-size:12px;font-family:"Microsoft yahei";color:#999;display:inline-block;height:20px;vertical-align:top;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.h_jobs_corporation_industry span{color:#e6e6e6;font-size:12px;font-family:arial;padding:0 5px;}
.h_jobs_icon{position:absolute;top:0;left:0;font-size:0;overflow:hidden;border-bottom-right-radius:6px;border-top-left-radius:6px;}
.h_jobs_icon span{line-height:16px;height:16px;background:rgba(0,0,0,0.3);font-size:12px;padding:0 5px;font-family:"Microsoft yahei";display:inline-block;vertical-align:top;color:#fff;}
.h_jobs_icon .icon_urgent{background:#ff9f00;}
.h_jobs_icon .icon_highquality{background:#ce7b43;}

/* hots */
.h_hots .jobcn_index{background:#fff;border-radius:6px;}
.h_hots_hd{padding: 0 20px;}
.h_hots_hd ul{border-bottom:1px solid #e6e6e6;}
.h_hots_hd li{float:left;padding:20px 80px 15px 0;line-height:22px;}
.h_hots_hd li a{font-size:16px;font-family:"Microsoft yahei";cursor:pointer;display:inline-block;line-height:22px;height:22px;vertical-align:top;}
.h_hots_hd li.active a{color:#f26b01;position:relative;}
.h_hots_hd li.active a:after{content:"";position:absolute;bottom:-16px;left:0;right:0;height:3px;background:#f26b01;overflow:hidden;}
.h_hots_bd{padding: 16px 20px;}
.h_hots_bd li{float:left;padding-right:25px;line-height:30px;}
.h_hots_bd li a{font-size:14px;font-family:"Microsoft yahei";color:#222;white-space:nowrap;}

/* links */
.h_links{padding-bottom:20px;}
.h_links .jobcn_index{background:#fff;border-radius:6px;}
.h_links dl{padding:14px 20px 14px 90px;line-height:22px;font-size:14px;}
.h_links dt{float:left;margin-left:-70px;color:#222;font-size:px;font-weight:bold;font-family:"Microsoft yahei";}
.h_links li{float:left;padding-right:10px;}
.h_links li a{font-family:"Microsoft yahei";color:#4f8eef;}

/* areas */
.h_areas .jobcn_index{background:#fff;border-radius:6px;}
.h_areas dl{padding:14px 20px 14px 90px;line-height:22px;font-size:14px;}
.h_areas dt{float:left;margin-left:-70px;color:#222;font-size:px;font-weight:bold;font-family:"Microsoft yahei";}
.h_areas li{float:left;padding-right:10px;}
.h_areas li a{font-family:"Microsoft yahei";color:#4f8eef;}

/* industrys */
.h_industrys .jobcn_index{background:#fff;border-radius:6px;}
.h_industrys .h_mode_hd b{display:inline-block;vertical-align:top;position:relative;}
.h_industrys .h_mode_hd{padding-bottom:10px;}
.h_industrys .h_mode_hd b:after{content:"";position:absolute;bottom:2px;left:0;right:0;height:6px;background:#f26b01;z-index:1;background:linear-gradient(45deg,#f26b01,transparent);}
.h_industrys .h_mode_hd span{font-family:"Microsoft yahei";position:relative;z-index:2;}

.h_industrys .sort{padding-bottom:15px;}
.h_industrys .sort li{float:left;padding:5px 10px 5px 0;}
.h_industrys .sort li a{line-height:22px;padding:3px 18px;border:1px solid #e6e6e6;border-radius:15px;font-family:"Microsoft yahei";display:inline-block;vertical-align:top;color:#555;font-size:14px;}
.h_industrys .coms{padding-bottom:10px;}
.h_industrys .com_hd{line-height:22px;height:22px;padding-bottom:5px;font-family:"Microsoft yahei";font-size:14px;font-weight:bold;}
.h_industrys .com_hd:before{content:"";width:3px;height:14px;background:#f26b01;overflow:hidden;display:inline-block;vertical-align:top;margin:4px 8px 4px 0;}
.h_industrys .com_link ul{margin:0 -12px;}
.h_industrys .com_link li{float:left;width:370px;padding:12px;}
.h_industrys .com_link li a:hover{text-decoration:none;}
.h_industrys .com_link li:nth-child(-n+6):hover{background:#f3f3f3;border-radius:8px;}
.h_industrys .com_link li:nth-child(-n+6) a{padding-left:88px;display:block;line-height:25px;height:76px;}
.h_industrys .com_link li:nth-child(-n+6) img{float:left;margin-left:-88px;border:1px solid #ddd;border-radius:8px;height:74px;width:74px;}
.h_industrys .com_link li:nth-child(-n+6) h3{color:#222;font-size:16px;font-family:"Microsoft yahei";overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.h_industrys .com_link li:nth-child(-n+6) p{color:#888;font-family:"Microsoft yahei";font-size:12px;}
.h_industrys .com_link li:nth-child(-n+6) p span{padding-right:5px;color:#f26b01;}
.h_industrys .com_link li:nth-child(-n+6) div{color:#888;font-family:"Microsoft yahei";font-size:12px;}
.h_industrys .com_link li:nth-child(-n+6) div span{display:inline-block;vertical-align:top;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#888;font-family:"Microsoft yahei";font-size:12px;}
.h_industrys .com_link li:nth-child(-n+6) div em{font-style:normal;padding:0 5px;}
.h_industrys .com_link li:nth-child(n+6){white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-family:"Microsoft yahei";font-size:14px;}
.h_industrys .com_link li:nth-child(n+6) a{font-family:"Microsoft yahei";font-size:14px;color:#222;}
.h_industrys .com_link li:nth-child(n+6){line-height:20px;}

.top_banner{min-width:1200px;}
.jobcn_nav_header{min-width:1200px;}
.jobcn_searcher_bar{min-width:1200px;}
.footer{min-width:1200px;}
.footer_information_right dl.footer_information_right_about{padding-left:100px;}
.footer_information_right dl{padding-left:80px;}