/* header */
.home_header{ background: url(/jinhon/images/home_header.svg) no-repeat; height: 430px; background-size: cover;}


/* slogan */
.home_slogan{ justify-content: center; height: 100px;}
.home_slogan img{width: 756.12px;}


/* 搜索 */
.home_search{width: 880px; height: 56px; background: #fff; border-radius: 6px; margin: 0 auto; box-shadow: 0 2px 8px rgba(0,0,0,0.16);}
.home_search .search_type{width: 96px; text-align: center; position: relative;}
.home_search .search_type .show{height: 56px; line-height: 56px; font-size: 16px; font-weight: bolder;}
.home_search .search_type .hide{display: none; position: absolute; left: 0; top: 52px; background: #fff; border-radius: 0 0 6px 6px; width: 96px; z-index: 999;}
.home_search .search_type .hide a{display: block; text-align: center; height: 40px; line-height: 40px; border-bottom: 1px solid #efefef; }
.home_search .search_type .hide a:last-child{border-bottom: none;}
.home_search .search_type:hover .hide{display: block;}
.home_search .search_type::after{content: ""; width: 1px; height: 20px; background: #efefef; position: absolute; right: 0; top: calc(50% - 10px);}
.home_search .search_input{width: calc(100% - 96px); height: 56px; cursor: pointer;}
.home_search .search_input input[type='text']{width: 80%; height: 100%; border: none; padding-left: 16px; font-size: 16px;}
.home_search .search_input input[type='submit']{width: 100%; height: 100%; border: none; color: #4576FB; font-weight: bolder; padding-left: 35px; cursor: pointer; background: url(/jinhon/images/icon_search.svg) no-repeat 40px center;}
.home_search .search_input .button{width: 20%; height: 100%; background: linear-gradient(to bottom, #FFFFFF , #E1E9FF); border: none; margin-left: auto; border-radius: 0 6px 6px 0; color: #4576FB; font-size: 16px; border-left: 1px solid #E0E4EF; box-sizing: border-box; font-weight: bolder; position: relative;}


/* 数据 */
.home_data{justify-content: center; width: 880px; padding: 28px 0; margin: 0 auto;}
.home_data .item{width: 25%; text-align: center; border-right: 1px solid #5884FC;}
.home_data .item_num{font-size: 32px; font-weight: bolder; font-family: din; color: #fff; line-height: 1; margin-bottom: 8px;}
.home_data .item_title{font-size: 16px; color: #fff; opacity: .5;}
.home_data .item:last-child{border-right: none;}


/* 公告 */
.home_notice{margin-bottom: 12px;}
.home_notice .page_box{padding: 16px ; }
.home_notice .column{filter: drop-shadow(rgba(0, 0, 0, 0.16) 0px 3px 6px);}
.home_notice .list{margin-left: 20px; width: calc(100% - 140px);}
.home_notice .list li{width: 50%; background: url(/jinhon/images/icon_arrow_fill.svg) no-repeat 0 center; padding-left: 20px; background-size: 12px 12px; line-height: 30px; height: 30px;  overflow:hidden;  white-space: nowrap;  text-overflow: ellipsis;}  
.home_notice .more{margin-left: auto;}



/* 紧急招聘 */
.home_urgent{margin-top: 12px; padding: 16px; margin-bottom: 16px;}
.home_urgent .column{justify-content: space-between; margin-bottom: 16px;}
.home_urgent .column_title{width: 130px; height: 26px;}
.home_urgent .column_more{background: url(/jinhon/images/icon_arrow_fill.svg) no-repeat right center; padding-right: 20px; background-size: 12px 12px; }
.home_urgent .list{ position: relative;}
.home_urgent .list .item{width: 31.5%; margin-left: 2.7%; justify-content: space-between; background: url(/jinhon/images/icon_arrow_fill.svg) no-repeat 0 center; padding-left: 16px; background-size: 12px 12px; line-height: 30px; height: 30px;}
.home_urgent .list .item:nth-child(3n+1){margin-left: 0;}
.home_urgent .list .item_title{font-size: 13px;}
.home_urgent .list .item_salary{color: #F86F07;}
.home_urgent .list::before{content: ""; width: 1px; height: 100%; background: #efefef; position: absolute; left: 33%; top: 0;}
.home_urgent .list::after{content: ""; width: 1px; height: 100%; background: #efefef; position: absolute; left: 67.3%; top: 0;}


/* 快捷 */
.home_quick{width: 913px; border-radius: 6px; overflow: hidden;}
.home_quick .quick_item{background: url(/jinhon/images/home_quick_back.svg) no-repeat 1px bottom #fff; width: 25%; position: relative; height: 131px; border-bottom: 1px solid #F5F5F5; border-right: 1px solid #F5F5F5;}
.home_quick .quick_item:nth-child(4n+1){margin-left: 0;}
.home_quick .quick_content{text-align: center; width: 50%; margin-left: auto;}
.home_quick .quick_icon{margin-bottom: 8px; margin-top: 32px;}
.home_quick .quick_title{font-size: 14px; }
.home_quick .quick_pic{position: absolute; left: 15px; bottom: 15px;}
.home_quick .quick_pic img{width: 88px; height: 90px;}
.home_quick .quick_item:nth-child(4){border-right: none;}
.home_quick .quick_item:nth-child(5){margin-bottom: 0;}
.home_quick .quick_item:nth-child(6){margin-bottom: 0;}
.home_quick .quick_item:nth-child(7){margin-bottom: 0;}
.home_quick .quick_item:nth-child(8){margin-bottom: 0; border-right: none;}


/* 登录 */
.home_login{width: 277px; margin-left: auto; padding: 1px; height: 262px; box-sizing: border-box;}
.home_login .box{background: url(/jinhon/images/home_login_back.svg) no-repeat; background-size: 100%;}

/* 登录 - 协议 */
.home_login .agree{text-align: center; color: #999;}
.home_login .agree a{margin: 0 4px;}

/* 登录 - 未登录 */
.home_login .hp_login{padding: 12px;}
.home_login .hp_login .tab{margin-bottom: 8px;}
.home_login .hp_login .tab li{width: 90px; height: 32px; line-height: 32px; border-radius: 6px; color: #666; text-align: center; font-size: 14px; height: 37px; line-height: 32px; margin-right: 10px; cursor: pointer;}
.home_login .hp_login .tab li.active{ color: #fff; background: url(/jinhon/images/home_login_active.svg) no-repeat; width: 90px;}
.home_login .hp_login .form .item{margin-bottom: 12px; position: relative;}
.home_login .hp_login .form .getcode{position: absolute; right: 12px; top: 0; line-height: 45px;}
.home_login .hp_login .form .item_input{overflow: hidden;}
.home_login .hp_login .form .item_input input{width: 100%; height: 100%; padding-left: 12px; border: 1px solid #D4DBEE; height: 45px; border-radius: 6px; background: #fff; transition: all .3s;}
.home_login .hp_login .form .item_input input:focus{border: 1px solid #5572FF;}
.home_login .hp_login .form .item_tips{ position: absolute; right:12px; top:0; line-height:45px; color:#ff0000}
.home_login .hp_login .other{margin-bottom: 8px; justify-content: space-between; display: flex;}
.home_login .hp_login .button{width: 100%; height: 45px; background: #5572FF; text-align: center; color: #fff; border: none; border-radius: 6px; cursor: pointer; transition: all .3s;} 
.home_login .hp_login .button:hover{opacity: .8;}
.home_login .hp_login .button input[type="button"]{width: 100%; height: 100%; background: none; border: none; color: #fff; font-size: 16px; cursor: pointer; transition: all .3s;}

/* 登录 - 已登录 */
.login_ok_user_photo{margin-right: 12px; border-radius: 6px; overflow: hidden;}
.login_ok_username{width: 70%; }
.login_ok_username a{color: #999;}
.login_ok_username b{overflow:hidden;  white-space: nowrap;  text-overflow: ellipsis; display: block;}
.login_ok_data{display: flex; background: #fff; border-radius: 6px; margin-top: 12px; box-shadow: 0 1px 2px rgba(0,0,0,0.16);}
.login_ok_n_list{width: 33.333%; text-align: center; padding: 12px 0;}
.login_ok_n{font-size: 18px; font-weight: bolder; line-height: 1; margin-bottom: 8px; display: block;}
.login_ok_name{color: #999; line-height: 1;}
.login_ok_mune {display: flex; flex-wrap: wrap; padding: 16px 0; justify-content: space-between; padding-bottom: 0;}
.login_ok_mune .login_ok_mune_list{width: 49%; text-align: center; border: 1px solid #5572FF; height: 36px; border-radius: 6px; color: #5572FF; line-height: 34px; margin-bottom: 8px;}
.login_ok_mune .login_ok_mune_list a{color: #5572FF; display: block;}
.login_ok_mune .login_ok_mune_list a:hover{background: #5572FF; color: #fff;}
.login_ok_mune .login_ok_mune_list:nth-child(3){margin-bottom: 0;}
.login_ok_mune .login_ok_mune_list:nth-child(4){margin-bottom: 0;}


/* 职位 */
.home_job {position: relative;}

/* 职位 - item */
.home_job .item{width: 32.6%; margin-left: 1%; margin-bottom: 12px; overflow: hidden;}
.home_job .item:nth-child(3n+1){margin-left: 0;}
.home_job .item_top{padding: 12px 16px;}
.home_job .item_title{font-size: 18px; font-weight: bolder; justify-content: space-between;}
.home_job .item_salary{font-family: din; color: #F86F07;}
.home_job .item_condition{color: #999;}
.home_job .item_condition i{margin: 0 4px; color: #eee;}
.home_job .item_company{ background: url(/jinhon/images/home_job_bottom.svg) no-repeat; padding: 0 16px; height: 72px; box-sizing: border-box;}
.home_job .item_company .company_logo{width: 40px; height: 40px; border-radius: 8px; overflow: hidden; margin-right: 12px;}
.home_job .item_company .company_logo img{width: 100%;}
.home_job .item_company .company_name{line-height: 1; margin-bottom: 8px;}
.home_job .item_company .company_name a{ display: flex; align-items: center; color: #666;}
.home_job .item_company .company_name img{width: 14px; height: 14px; margin-left: 5px;}
.home_job .item_company .company_info{color: #ccc; line-height: 1;}
.home_job .item_company .company_info i{margin: 0 4px; color: #eee;}


/* 名企 */
.home_company .item{width: 32.6%; margin-left: 1%; margin-bottom: 12px; overflow: hidden; height: 280px; position: relative;}
.home_company .item:nth-child(3n+1){margin-left: 0;}
.home_company .item_top{padding: 16px; background: url(/jinhon/images/home_company_top.svg) no-repeat; padding: 0 16px; height: 81px; box-sizing: border-box;}
.home_company .item_logo{width: 40px; height: 40px; overflow: hidden; margin-right: 12px}
.home_company .item_logo img{border-radius: 6px; width: 100%;}
.home_company .item_name{line-height: 1; margin-bottom: 8px; font-size: 18px; font-weight: bolder;}
.home_company .item_info{color: #999; line-height: 1;}
.home_company .item_info i{margin: 0 4px; color: #eee;}
.home_company .item_job{padding: 12px 16px; padding-bottom: 0;}
.home_company .item_job .home_company_cell{width: 50%; background: url(/jinhon/images/icon_arrow_fill.svg) no-repeat 0 center; padding-left: 15px; background-size: 10px 10px; height: 30px; line-height: 30px;}
.home_company .item_job .no{text-align: center; color: #999; width: 100%;}
.home_company .item_bottom{padding: 0 16px; justify-content: space-between; height: 64px; position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; line-height: 64px;}
.home_company .item_num{color: #ccc;}
.home_company .item_num b{color: #4572FF;}
.home_company .item_more a{border: 1px solid #efefef; width: 96px; height: 36px; display: block; border-radius: 100px; display: flex; align-items: center; justify-content: center; color: #666;}
.home_company .item_more a:hover{background: #4572FF; color: #fff; border: 1px solid #4572FF; }


/* hd */
.home_hd{position: absolute; left: 0; top: -70px; width: 100%; display: flex; justify-content: center;}
.home_hd ul{background: #fff; width: 205px; height: 45px; border-radius: 100px; padding: 2px; box-sizing: border-box;} 
.home_hd ul li{width: 50%; text-align: center; height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer;  color: #666;}
.home_hd ul li.on{ background: #4576FB; color: #fff; border-radius: 100px;}


/* hr */
.home_hr{position: relative;}
.home_hr .item{width: 32.6%; margin-left: 1%; margin-bottom: 12px; overflow: hidden; padding: 1px;}
.home_hr .item:nth-child(3n+1){margin-left: 0;}
.home_hr .item_top{padding: 16px;}
.home_hr .item_photo{width: 64px; height: 64px; border-radius: 100px; overflow: hidden;}
.home_hr .item_photo img{width: 100%;}
.home_hr .item_content{width: calc(100% - 64px); padding-left: 12px; box-sizing: border-box;}
.home_hr .item_name{font-size: 18px; font-weight: bolder; line-height: 1; margin-bottom: 8px; }
.home_hr .item_info{color: #999;}
.home_hr .item_info i{margin: 0 4px; color: #eee;}
.home_hr .item_intention{ background:url(/jinhon/images/home_hr_bottom.svg) no-repeat; height: 45px; line-height: 45px; padding: 0 16px;}
.home_hr .item_intention .title{color: #999;}
.home_hr .item_intention .text{color: #4576FB;}



/* more */
.home_more{text-align: center; padding: 16px 0;}
.home_more a{color: #999;}




/* company */
/* .home_company .wrap{}
.home_company .item{background: #fff; padding: 20px 16px 0 16px; margin-left: 12px; border-radius: 8px; width: 24.23%; box-sizing: border-box; margin-bottom: 16px; position: relative; transition: all .3s;}
.home_company .item:nth-child(4n+1){margin-left: 0;}
.home_company .item .company{ text-align: center;}
.home_company .item .pic{width: 80px; height: 80px; border-radius: 8px; overflow: hidden; margin:0 auto; margin-bottom: 12px; border: 1px solid #f0f3f7; padding: 3px;}
.home_company .item .pic img{width: 100%; height: 100%; border-radius: 8px; }
.home_company .item .job {border-top: 1px solid #f0f3f7; border-bottom: 1px solid #f0f3f7; height: 150px; margin-top: 16px; padding: 16px 0; box-sizing: border-box;}
.home_company .item .job .index_mq_box_cont_showjoblist{line-height: 28px;}
.home_company .item .job .index_mq_box_cont_showjoblist a{color: #666;}
.home_company .item .job .no{text-align: center; color: #999; display: block;}
.home_company .item .info{ }
.home_company .item .info h3{font-size: 16px;}
.home_company .item .other{ color: #999; margin: 8px 0;}
.home_company .item i{margin: 0 4px; color: #ccc;}
.home_company .item .number{text-align: center; color: #999; height: 45px; line-height: 45px;}
.home_company .item .number em{color: #398FD7; font-weight: bolder;}
.home_company .item:hover{ box-shadow: 0px 0px 10px #EDEEF8;} */


/* hr */
/* .home_hr .box{border-radius: 8px; background: #fff;}
.home_hr .item {padding: 25px; border-bottom: 1px solid #f0f3f7; width: 33.333%;}
.home_hr .item .pic{width: 80px; height: 80px; border-radius: 100px; overflow: hidden;}
.home_hr .item .pic img{width: 100%; height: 100%;}
.home_hr .item .box{padding-left: 16px;}
.home_hr .item .name{font-size: 16px;}
.home_hr .item .info{ color: #999; margin: 4px 0;}
.home_hr .item .intention{ color: #ccc; }
.home_hr .item .intention em{color: #398FD7;}
.home_hr .item i{margin: 0 4px; color: #ccc;} */


/* box */
/* .home_box {margin: 12px 0;} */


/* banner */
.home_banner{ margin-bottom: 12px; margin-top: -150px;}
.home_banner .wrap{ padding: 10px; }
.home_banner .swiper{width: 100%;}
.home_banner .swiper-wrapper{width: 100%;}
.home_banner .swiper-slide{width: 100%; }
.home_banner .swiper-slide img{border-radius: 6px; width: 100%; height: 310px;}



/* home */
.home_ad{margin: 12px 0; margin-bottom: 6px;}
.home_ad a{margin-bottom: 10px; display: block;}
.home_ad img{width: 100%;}
.home_ad .ad_small{justify-content: space-between;}
.home_ad .ad_small a{width: 595px;}


/* link */
.home_link{margin: 12px 0;}
.home_link .column{padding: 12px 16px; font-size: 18px; font-weight: bolder;}
.home_link .list{padding: 16px; padding-top: 0;}
.home_link .list a{margin-right: 20px; color: #666;}


/* footer */
.home_footer{background: #000; background-color:rgba(0,0,0,0.8); position: fixed; bottom: 0; left: 0; width: 100%; display: flex; align-items: center; height: 70px;}
.home_footer .wrap{position: relative; width: 100%;}
.home_footer .uesr{position: absolute; left: 0; bottom: 0;}
.home_footer .title{font-size: 22px; color: #fff; font-weight: bolder; color: #fff;}
.home_footer .dep{color: #fff; margin-left: 20px; opacity: .8;}
.home_footer .right{margin-left: auto; position: relative;}
.home_footer .button{margin-right: 160px;}
.home_footer .button a{display: block; padding: 8px 32px; color: #fff; margin-left: 16px; border-radius: 4px;}
.home_footer .button a.login{background: #398FD7;}
.home_footer .button a.reg{background: #f60;}
.home_footer .qrcode{width: 135px; height: 135px; position: absolute; right: 0; bottom: 0px;}
.home_footer .qrcode img{width: 100%; height: 100%; background: #fff; padding: 2px; border-radius: 4px; position: relative; z-index: 99;}
.home_footer .qrcode::after{content: ""; left: 0px; top: -30px; background: url(/jinhon/images/foot_erm.png) no-repeat; background-size: 115%; position: absolute; width: 100%; height: 100%;}
.home_footer .close{position: absolute; right: -56px; top: 0; cursor: pointer;}
.home_footer .close img{width: 25px; height: 25px;}