.hkm_top_banner{height: 300px;background: url(../images/hkm_index_big.jpg) no-repeat center center;}
.hkm_top_banner .bigtitle{padding: 85px 0 0 0;text-align: center;font-size: 50px;line-height: 100%;color: #ffffff;}
.hkm_top_banner .search{width: 1076px;margin: 30px auto 0 auto;}
.hkm_top_banner .search_cond{width: 200px;height: 42px;line-height: 42px;background: #ffffff;float: left;position: relative;cursor: pointer;border:1px solid #e2e2e2;border-left: none;}
.hkm_top_banner .keyword{width: 350px;border-left:1px solid #e2e2e2;}
.hkm_top_banner .search_cond .ikeyword,
.hkm_top_banner .search_cond .ilocation,
.hkm_top_banner .search_cond .ijobtype,
.hkm_top_banner .search_cond .isalary{position: absolute;width: 18px;height: 18px;top:12px;left: 10px;}
.hkm_top_banner .search_cond .ikeyword{background-position: -85px 0;}
.hkm_top_banner .search_cond .ilocation{background-position: -120px 0;}
.hkm_top_banner .search_cond .ijobtype{background-position: -154px 0;}
.hkm_top_banner .search_cond .isalary{background-position: -167px -34px;}
.hkm_top_banner .search_cond .inputshow{color: #b8b8b8;font-size: 14px;width: 190px;float: left;margin: 0 0 0 10px;}
.hkm_top_banner .keyword .inputshow{width: 312px;float: left;margin: 0 0 0 38px;}
.hkm_top_banner .search_cond .inputbox{height: 38px;border: none;}
.hkm_top_banner .search_cond .arrow{position: absolute;width: 16px;height: 10px;top:16px;right: 10px;background-position: -198px -6px;}
.hkm_top_banner .search_btn{width: 120px;height: 44px;line-height: 43px;border:none;background: #f1a80c;float: left;text-align: center;font-size: 14px;color: #ffffff;cursor: pointer;}
.indexsearchwrap{background: #f7f7f7;padding: 30px 0;height: auto;}
.indexsearchwrap .search{margin: 0 auto;}
.section1{margin: 15px -10px 0 -10px;}
.section1 .jobtypebox{float: left;width: 224px;height: 262px;margin: 0 10px;}
.section1 .jobtypebox .bigclass{display: block;width: 100%;}
.section1 .jobtypebox .bigclass .img{width: 100%;height: 90px;}
.section1 .jobtypebox .bigclass .text{height: 36px;line-height: 36px;background: #3465cf;text-align: center;font-size: 14px;color: #ffffff;}
.section1 .jobtypebox .moreclass{line-height: 180%;font-size: 14px;margin: 10px 0 0 0;}
.section1 .jobtypebox .moreclass,.section1 .jobtypebox .moreclass a{color: #3f4048;}
.section1 .jobtypebox .moreclass a:hover{color: #3465cf;}
.section2{margin: 15px 0 0 0;}
.section2 .famous{float: left;margin: 0 -10px;}
.section2 .famous .box{display: block;float: left;width: 222px;height: 115px;margin: 20px 10px 0 10px;border: 1px solid #dfdfdf;}
.section2 .famous .box:hover{border: 1px solid #3465cf;}
.section2 .famous .box .logo{margin: 5px auto 0 auto;}
.section2 .famous .box .logo,.section2 .famous .box .logo img{width: 180px;height: 70px;}
.section2 .famous .box .name{color: #4b4b4b;line-height: 150%;width: 180px;text-align: center;font-size: 12px;margin: 5px auto 15px auto;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.section2 .famous .box:hover .name{color: #3465cf;}
.section3{margin: 15px 0 0 0;}
.section3 .hotjobs{float: left;margin: 0 -10px;}
.section3 .hotjobs .box{float: left;width: 262px;height: 85px;padding:15px 10px 10px;margin: 15px 10px 0 10px;line-height: 150%;border: 1px solid #dfdfdf;font-size: 12px;}
.section3 .hotjobs .box .jobname{float: left;width: 170px;font-size: 16px;}
.section3 .hotjobs .box .jobname a{color: #3465cf;}
.section3 .hotjobs .box .date{float: right;width: 70px;font-size: 14px;color: #b8b8b8;text-align: right;}
.section3 .hotjobs .box .salary{float: right;width: 92px;font-size: 16px;color: #f1830c;text-align: right;}
.section3 .hotjobs .box .company,
.section3 .hotjobs .box .location{float: left;width: 100%;font-size: 14px;margin: 5px 0 0 0;}
.section3 .hotjobs .box .company{border-top: 1px dashed #dfdfdf;padding: 10px 0 0 0;margin-top: 10px;}
.section3 .hotjobs .box .company a,
.section3 .hotjobs .box .location{color: #6c6c6c;}
.section3 .hotjobs .box .company a:hover{color: #3465cf;}
.section3 .hotjobs .box .hkm_icon{display: inline-block;width: 16px;height: 16px;vertical-align: middle;}
.section3 .hotjobs .box .company a,
.section3 .hotjobs .box .location span{vertical-align: middle;}
.section3 .hotjobs .box .icompany{background-position: -249px 0;}
.section3 .hotjobs .box .ilocation{background-position: -286px 1px;}
.section4{margin: 15px 0 0 0;}
.section4 .pioneer{float: left;margin: 25px -15px 0 -18px;}
.section4 .pioneer .box{float: left;width: 380px;height: 260px;margin: 0 15px;box-shadow: 3px 3px 19px 1px rgb(0 0 0 / 15%);background: #ffffff;}
.section4 .pioneer .box .img{width: 100%;height: 210px;text-align: center;}
.section4 .pioneer .box .link{width: 90%;margin: 0 auto;height: 50px;line-height: 50px;font-size: 16px;text-align: center;}
.section4 .pioneer .box .link a{color: #6c6c6c;}
.section4 .pioneer .box .link a:hover{color: #3465cf;}
.section5{margin: 15px 0 30px 0;}
.section5 .news{float: left;margin: 0 -50px 0 -50px;}
.section5 .news .item{float: left;width: 550px;margin: 10px 50px 0 50px;font-size: 16px;line-height: 150%;}
.section5 .news .item .newstitle{float: left;width: 400px;padding: 0 0 0 15px;position: relative;}
.section5 .news .item .newstitle i{display: block;width: 8px;height: 8px;border-radius: 20px;background: #8bbae8;position: absolute;left: 0;top: 50%;margin: -4px 0 0 0;}
.section5 .news .item .newstitle a{color: #3e3e3e;}
.section5 .news .item .newstitle a:hover{color: #3465cf;}
.section5 .news .item .newstitle a .type{color: #f1830c;}
.section5 .news .item .newsdate{float: right;width: 120px;text-align: right;color: #9d9d9d;}
.section6{padding: 20px 0 0 0;}
.section6 .title{font-size: 18px;color: #494949;line-height: 150%;}
.agency_scroll{position:relative;}
.agency_scroll .hd{height:1px;position: relative;}
.agency_scroll .hd .prev,.agency_scroll .hd .next{position: absolute;display:block;width:32px;height:39px; overflow:hidden;cursor:pointer;background-image:url(/static/images/hkm_icon.png);background-repeat: no-repeat;top: 65px;z-index: 99999;}
.agency_scroll .hd .prev{background-position:-49px -29px;left: 1px;}
.agency_scroll .hd .next{background-position:-81px -29px;right: 1px;}
.agency_scroll .bd{padding:0;margin: 0 -8px;}
.agency_scroll .bd ul{overflow:hidden; zoom:1;}
.agency_scroll .bd ul li{margin:0 8px; float:left; _display:inline;overflow:hidden;text-align:center;}
.agency_scroll .bd ul li .pic{text-align:center;}
.agency_scroll .bd ul li .pic img{width:225px;height:130px; display:block;border:1px solid #ccc;}
.agency_scroll .bd ul li .pic a:hover img{border-color:#999;}
.hkm_recruitment_top{height: 200px;background: url(../images/recruitment_big.jpg) no-repeat center center;}
.hkm_recruitment_top .bigtitle{padding: 40px 0 0 0;font-size: 30px;}
.hkm_recruitment_top .hotsearch{padding: 10px 0 0 0;}
.hkm_recruitment_top .hotsearch,.hkm_recruitment_top .hotsearch a{color: #ffffff;font-size: 14px;}
.hkm_recruitment_top .hotsearch{font-size: 14px;line-height: 150%;}
.hkm_recruitment_top .hotsearch a{display: inline-block;margin: 0 10px 0 0;}
.hkm_recruitment_top .hotsearch a:hover{color: #f1a80c;}
.section7{margin: 15px 0;}
.section7 .hotcompany{float: left;margin: 0 -10px;}
.section7 .hotcompany .box{float: left;width: 263px;padding:10px 10px;margin: 15px 10px 0 10px;line-height: 150%;border: 1px solid #dfdfdf;}
.section7 .hotcompany .box .logo,
.section7 .hotcompany .box .logo img{width: 80px;height: 80px;}
.section7 .hotcompany .box .logo{float: left;border: 1px solid #9d9d9d;border-radius: 6px;overflow: hidden;margin: 0 10px 0 0;}
.section7 .hotcompany .box .name,
.section7 .hotcompany .box .ind,
.section7 .hotcompany .box .recruit{float: left;width: 170px;}
.section7 .hotcompany .box .name{margin: 5px 0 0 0;}
.section7 .hotcompany .box .name a{color: #000000;font-size: 16px;}
.section7 .hotcompany .box .ind{float: left;color: #7a7a7a;font-size: 14px;}
.section7 .hotcompany .box .recruit{float: left;color: #000000;font-size: 14px;}
.section7 .hotcompany .box .recruit span{color: #f1830c;font-size: 16px;}
.hkm_famous_top{height: 200px;background: url(../images/famous_big.jpg) no-repeat center center;}
.hkm_famous_top .bigtitle{padding: 40px 0 0 0;font-size: 30px;}
.hkm_famous_top .hotsearch{padding: 10px 0 0 0;}
.hkm_famous_top .hotsearch,.hkm_famous_top .hotsearch a{color: #ffffff;font-size: 14px;}
.hkm_famous_top .hotsearch{font-size: 14px;line-height: 150%;}
.hkm_famous_top .hotsearch a{display: inline-block;margin: 0 10px 0 0;}
.hkm_famous_top .hotsearch a:hover{color: #f1a80c;}
.section_xjh{margin: 15px 0 0 0;}
/* ä¸ç‰å±å¹•ï¼ˆå¹³æ¿ï¼Œå°äºŽç‰äºŽ 1024px） */
@media screen and (max-width: 1024px) {
.section1{margin: 15px 0 0 10px;}
.section1 .jobtypebox{margin: 0 9px;}
.section2 .famous{margin: 0;}
.section2 .famous .box{margin: 20px 11px 0 10px;}
.section3 .hotjobs{margin: 0;}
.section3 .hotjobs .box{margin: 15px 13px 0 10px;}
.section4 .pioneer{margin: 25px 0;}
.section4 .pioneer .box{margin: 0 5px 0 18px;}
.section5 .news{margin: 0 0;}
.section5 .news .item{margin: 20px 25px 0 25px;}
.section7 .hotcompany{margin: 0x;}
.section7 .hotcompany .box{margin: 15px 5px 0 10px;}
.agency_scroll .bd{padding:0;margin: 0 8px;}
.agency_scroll .hd .prev{left: 10px;}
.agency_scroll .hd .next{right: 10px;}
}