@charset "gb2312";
/* CSS Document */

/* ¡î reset ======================================================*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family:'Microsoft YaHei';
	font-size: 12px;
	background: #f6f6f8;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{text-decoration:none;}
input,textarea{font-family:'Microsoft YaHei';}
/* ¡î pub Class==================================================================*/
.clearfix {zoom: 1;display: table;width: 100%;}
.clear{clear: both;}
.fl{float:left;}
.fr{float:right;}
.mainwrap{width: 1200px;margin: 0 auto;position: relative;}
.vertical{display: inline-block;vertical-align: middle;}
.icon{background-image: url(/images/2021/icon.png);background-repeat: no-repeat;}
.eps{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.comm_top{height: 30px;line-height: 30px;background: #2088e0;color: #ffffff;font-size: 12px;}
.top_left,.top_right{width: 50%;}
.top_left .area{padding: 0 0 0 12px;position: relative;cursor: pointer;z-index: 9;}
.top_left .area .icon{display: inline-block;width: 10px;height: 12px;background-position: 0 0;position: absolute;left: 0;top: 50%;margin: -5px 0 0 0;}
.top_left .switch{display: none;width: 564px;background: #ffffff;padding: 10px 0 0 10px;position: absolute;left: 0;top: 30px;box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);border: 1px solid #EBEEF5;z-index: 9999;}
.top_left .area:hover .switch{display: block;}
.top_left .switch .arrow{position: absolute;left: 16px;top: -6px;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #ffffff;}
.top_left .switch .item{display: block;float: left;padding: 10px 20px;color: #333;font-size: 14px;margin: 0 10px 10px 0;border-radius: 5px;border: 1px solid #eeeeee;cursor: pointer;line-height: 100%;}
.top_left .switch .item:hover{color: #2088e0;border: 1px solid #f8f8f8;}
.top_left .switch .curr,.top_left .switch .curr:hover{color: #2088e0;border: 1px solid #2088e0;}
.top_right .nav_item{float: right;margin: 0 0 0 20px;}
.top_right .nav_item a{color: #ffffff;}
.top_right .nav_item a:hover{color: #fffdca;text-decoration: underline;}
.top_right .com_login,.top_right .reg_login{padding: 0 0 0 22px;position: relative;}
.top_right .com_login .icon,.top_right .reg_login .icon{display: block;width: 18px;height: 18px;position: absolute;left: 0;top: 50%;margin: -8px 0 0 0;}
.top_right .com_login .icon{background-position: 0 -16px;}
.top_right .reg_login .icon{background-position: 0 -39px;}
.header{background: #ffffff;}
.header .commlogo,.header .commlogo a{display: block;width: 205px;height: 50px;float: left;}
.header .commlogo{background: url(/images/2021/logo.png) no-repeat center center}
.header .commlogo a{overflow: hidden;line-height: 200px;}
.header .nav,.header .nav .link,.header .nav,.header .nav .subWrap,.header .nav,.header .nav .subWrap2col{float: right;display: block;position: relative;}
.header .nav .sublinks{display: none;position: absolute;left: -25px;top: 50px;width: 150px;background: #ffffff;z-index: 999;border-top: 2px solid #2088e0;filter:drop-shadow(0 0 4px rgba(0,0,0,0.15));}
.header .nav .sublinks:before{content: '';position: absolute;left: 71px;top: -6px;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #2088e0;}
.header .nav .slink{display: block;font-size: 18px;text-align: center;height: 50px;line-height: 50px;color: #333333;}
.header .nav .slink:hover{background: #fafafa;color: #2088e0}
.header .nav .link{font-size: 18px;color: #333333;margin: 0 0 0 20px;height: 50px;line-height: 50px;}
.header .nav .curr,.header .nav .link:hover{color: #2188e0;}
.header .nav .subWrap:hover .sublinks,.header .nav .subWrap2col:hover .sublinks{display: block;}
.header .nav .subWrap2col .sublinks{width: 300px;}
.header .nav .subWrap2col .slink{width: 150px;float: left;}
.services{background: #fff;float: left;box-shadow: 0px 4px 10px 0px rgb(200 200 200 / 10%);width: 100%;margin: 10px 0 0 0;}
.services .title{float: left;width: 80px;height: 80px;background: #52cffd;color: #ffffff;font-size: 16px;text-align: center;line-height: 150%;box-shadow: 6px 0px 10px 0px rgb(200 200 200 / 10%);}
.services .title .inner{padding: 15px 0 0 0;}
.services .more{display: block;float: right;text-align: center;margin: 5px 0;padding: 0 10px 0 10px;border-left: 1px solid #e6e6e6;color: #929292;line-height: 17px;}
.services .scroll_list{float: left;overflow:hidden;width: 1100px;padding: 12px 0 0 10px;}
.services .scroll_list .hd{float: left;height: 1px;position: relative;width: 100%;z-index: 8;}
.services .scroll_list .hd .prev,
.services .scroll_list .hd .next{display:block; width:20px;height:30px;overflow:hidden;cursor:pointer;position: absolute;top: 10px;z-index: 9998;}
.services .scroll_list .hd .prev{background-position:-24px 0;left: 0;}
.services .scroll_list .hd .next{background-position:-44px 0;right: 0;}
.services .scroll_list .bd{float: left;padding:0 30px;width: 1050px;}
.services .scroll_list .bd ul{float: left;overflow:hidden;zoom:1;}
.services .scroll_list .bd ul li{float:left;display:block;overflow:hidden;text-align:center;width: 94px;}
.services .scroll_list .bd .icon,
.services .scroll_list .bd .text{display: block;text-align: center;margin: 0 auto;}
.services .scroll_list .bd .icon{width: 40px;height: 35px;}
.services .scroll_list .bd .text{color: #666666;margin: 8px 0 0 0;}
.services .scroll_list .bd .recruitment a .icon{background-position: 0 -62px;}
.services .scroll_list .bd .recruitment a:hover .icon{background-position: -40px -62px;}
.services .scroll_list .bd .flexe a .icon{background-position: 0 -97px;}
.services .scroll_list .bd .flexe a:hover .icon{background-position: -40px -97px;}
.services .scroll_list .bd .talent_introduction a .icon{background-position: 0 -132px;}
.services .scroll_list .bd .talent_introduction a:hover .icon{background-position: -40px -132px;}
.services .scroll_list .bd .gzks a .icon{background-position: 0 -167px;}
.services .scroll_list .bd .gzks a:hover .icon{background-position: -40px -167px;}
.services .scroll_list .bd .hunter a .icon{background-position: 0 -202px;}
.services .scroll_list .bd .hunter a:hover .icon{background-position: -40px -202px;}
.services .scroll_list .bd .outsource a .icon{background-position: 0 -237px;}
.services .scroll_list .bd .outsource a:hover .icon{background-position: -40px -237px;}
.services .scroll_list .bd .corporate_training a .icon{background-position: 0 -272px;}
.services .scroll_list .bd .corporate_training a:hover .icon{background-position: -40px -272px;}
.services .scroll_list .bd .management a .icon{background-position: 0 -307px;}
.services .scroll_list .bd .management a:hover .icon{background-position: -40px -307px;}
.services .scroll_list .bd .international a .icon{background-position: 0 -342px;}
.services .scroll_list .bd .international a:hover .icon{background-position: -40px -342px;}
.services .scroll_list .bd .hrdigital a .icon{background-position: 0 -377px;}
.services .scroll_list .bd .hrdigital a:hover .icon{background-position: -40px -377px;}
.services .scroll_list .bd .welfare a .icon{background-position: 0 -412px;}
.services .scroll_list .bd .welfare a:hover .icon{background-position: -40px -412px;}
.search{margin: 10px 0 0 0;}
.search .keyword{border: none;width: 900px;height: 38px;color: #999;line-height: 44px;background: #fff;padding:0 10px;font-size: 14px;background: #fff;border: 1px solid #2188e0;}
.search .submitbtn{color: #fff;font-size: 16px;height: 40px;line-height: 40px;background: #2188e0;width: 135px;cursor: pointer;text-align: center;border: none;}
.search .moresearch{color: #2188e0;border: 1px solid #2188e0;font-size: 16px;height: 38px;line-height: 38px;width: 135px;cursor: pointer;text-align: center;text-align: center;display: block;}
.comm_login{width: 220px;height: 400px;background: #ffffff;box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);}
.comm_login .type_tab,
.comm_login .tabs,
.comm_login .tabs .item{height: 40px;}
.comm_login .type_tab{border-bottom: 1px solid #f6f6f6;position: relative;padding: 5px 0 0 0;}
.comm_login .tabs{position: absolute;left: 0;top: 6px;line-height: 40px;width: 100%;text-align: center;}
.comm_login .tabs .item{display: inline-block;font-size: 16px;color: #7f7f7f;border-bottom: 1px solid transparent;margin: 0 10px;cursor: pointer;}
.comm_login .tabs .curr{border-bottom: 1px solid #2188e0;color: #2188e0;}
.comm_login .photo{width: 90px;height: 90px;margin: 14px auto;}
.comm_login .username,
.comm_login .password{display: block;width: 190px;height: 34px;line-height: 34px;border: 1px solid #efeded;padding: 0 5px;margin: 10px auto 0 auto;}
.comm_login .forget,.comm_login .loginbtn,.comm_login .reg{width: 200px;}
.comm_login .forget{line-height: 150%;margin: 10px auto;}
.comm_login .forget a{color: #f2730c;}
.comm_login .loginbtn{display: block;width: 200px;height: 36px;line-height: 36px;background: #2188e0;color: #ffffff;text-align: center;border: none;font-size: 14px;margin: 10px auto 0 auto;cursor: pointer;}
.comm_login .reg{line-height: 150%;margin: 10px auto 0 auto;text-align: center;font-size: 14px;}
.comm_login .reg a{color: #2188e0;}
.comm_title{height: 36px;line-height: 36px;position: relative;text-align: center;}
.comm_title .split_left,
.comm_title .split_right,
.comm_title .text{display: inline-block;height: 36px;vertical-align: middle;}
.comm_title .split_left,
.comm_title .split_right{width: 112px;}
.comm_title .split_left{background: url(/images/2021/comm_title_split_left.png) no-repeat right center;}
.comm_title .split_right{background: url(/images/2021/comm_title_split_right.png) no-repeat left center;}
.comm_title .text{font-size: 24px;color: #2188e0;margin: 0 20px;}
.footer{background: #ffffff;border-top: 1px solid #e8e8e8;padding: 30px 0;}
.footer .service_line{width: 750px;float: left;}
.footer .service_line .title{float: left;font-size: 18px;color: #505050;line-height: 150%;width: 100%;}
.footer .service_line .item{float: left;font-size: 14px;color: #707070;line-height: 150%;margin: 10px 40px 0 0;}
.footer .qrcodes{float: right;}
.footer .qrcodes .item{float: right;width: 124px;margin: 0 0 0 20px;}
.footer .qrcodes .code{width: 112px;height: 112px;padding: 6px;border: 1px solid #cccccc;background-image: url(/images/2017/index_icon.gif);background-repeat: no-repeat;}
.footer .qrcodes .msg{background-position: -33px -250px;}
.footer .qrcodes .app{background-position: -158px -252px;}
.footer .qrcodes .weixin{background-position: -37px -371px;}
.footer .qrcodes .text{color: #2188e0;font-size: 12px;text-align: center;margin: 10px 0 0 0;border: none;}
.bottom{text-align: center;line-height: 26px;padding: 20px 0;color: #9c9c9c;}
.bottom a{color: #9c9c9c;}
.bottom .vm{display: inline-block;vertical-align: middle;}
.bottom .info_1{padding: 10px 0;}
.logined_wrap{padding: 10px 10px;}
.logined_avatar{padding: 0 0 0 60px;position: relative;line-height: 150%;height: 100px;}
.logined_avatar .tit{font-size: 16px;color: #000000;}
.logined_avatar .welcome{color: #7b7b7b;}
.logined_avatar .avatar{width: 53px;height: 53px;position: absolute;left: 0;top: 0;}
.logined_avatar .p_s{padding: 5px 0 0 0;}
.logined_avatar .companyname{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.logined_avatar .person{background-position: -89px -62px;}
.logined_avatar .company{background-position: -142px -62px;}
.logined_info .item{float: left;width: 50%;text-align: center;line-height: 150%;}
.logined_info .num_show .num{font-size: 30px;color: #2188e0;}
.logined_info .num_show .unit{font-size: 16px;}
.logined_info .text{color: #585858;margin: 5px 0 0 0;}
.user_center{display: block;height: 36px;line-height: 36px;text-align: center;font-size: 14px;border: 1px solid #2188e0;color: #2188e0;margin: 30px auto 0 0;}
.user_center:hover{color: #ffffff;background: #2188e0;}
.logined_menus{margin: 30px 0 0 0;}
.logined_menus .item{display: block;width: 33.33%;float: left;color: #585858;}
.logined_menus .item:hover .text{color: #2188e0;}
.logined_menus .item .icon{display: block;width: 43px;height: 43px;margin: 0 auto;}
.logined_menus .item .resume_refresh{background-position: -89px -122px;}
.logined_menus .item .resume_admin{background-position: -89px -165px;}
.logined_menus .item .resume_view{background-position: -89px -208px;}
.logined_menus .item .job_add{background-position: -132px -122px;}
.logined_menus .item .job_refresh{background-position: -132px -165px;}
.logined_menus .item .job_top{background-position: -132px -208px;}
.logined_menus .item .text{margin: 10px 0 0 0;text-align: center;}
.site_fixed_tool{position: fixed;right: 0;top: 50%;z-index: 999;margin: -100px 0 0 0;box-shadow:0px 2px 8px 0px rgb(21 31 79 / 10%);}
.site_fixed_tool .item{display: block;width: 50px;height: 50px;background-color: #ffffff;background-image: url(/images/2021/site_fixed_tool_icon.png);background-repeat: no-repeat;cursor: pointer;line-height: 200px;overflow: hidden;}
.site_fixed_tool .item:first-child{border-radius: 4px 4px 0 0;}
.site_fixed_tool .item:last-child{border-radius: 0 0 4px 4px;}
.site_fixed_tool .item:hover{background-color: #2088e0;}
.site_fixed_tool .home{background-position: 0 0;}
.site_fixed_tool .home:hover{background-position: -50px 0;}
.site_fixed_tool .consult{background-position: 0 -50px;}
.site_fixed_tool .consult:hover{background-position: -50px -50px;}
.site_fixed_tool .qrCode{background-position: 0 -100px;}
.site_fixed_tool .qrCode:hover{background-position: -50px -100px;}
.site_fixed_tool .top{background-position: 0 -150px;}
.site_fixed_tool .top:hover{background-position: -50px -150px;}
.site_fixed_tool .telList{display: none;border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #2088e0;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;position: absolute;right: 60px;top: 50px;z-index: 9;line-height: 200%;cursor: auto;}
.site_fixed_tool .telList h5{padding: 5px 0;border-bottom: 2px solid #ccc;color: #2088e0;font-size: 18px;font-weight: 400;display: block;white-space: nowrap;}
.site_fixed_tool .telList p {margin-top: 5px;font-size: 16px;white-space: nowrap;}
.site_fixed_tool .qrCodeList{display: none;border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #2088e0;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;position: absolute;right: 60px;top: -100px;z-index: 9;line-height: 200%;cursor: auto;}
.site_fixed_tool .qrCodeList .qritem{width: 112px;height: 112px;padding: 6px;background-image: url(/images/2017/index_icon.gif);background-repeat: no-repeat;}
.site_fixed_tool .qrCodeList .applets{background-position: -33px -250px;}
.site_fixed_tool .qrCodeList .app{background-position: -158px -252px;}
.site_fixed_tool .qrCodeList .weixin{background-position: -37px -371px;}
.site_fixed_tool .qrCodeList .qrtext{font-size: 14px;line-height: 150%;margin: 5px 0;color: #2088e0;text-align: center;}
.site_fixed_tool .consult:hover .telList{display: block;}
.site_fixed_tool .qrCode:hover .qrCodeList{display: block;}