a:hover{
	color: #000;
}

.FirstFloor{
	position: relative;
	margin-top: 27px!important;
}
.NavList{
	position: absolute;
	left: 0;
	top: 0;
	width: 375px;
	border: 1px solid #f4f4f4;
	z-index: 2;
	background: #fbfbfb;
}
.NavList ul li{
	height: 51px;
	line-height: 51px;
	border-bottom: 1px solid #e3e3e3;
	margin: 0 10px;
}
.NavList ul li.active{
	background: #fff;
	margin: 0;
	padding: 0 10px;
	padding-right: 18px;
}
.NavList ul li.active .sub-category{
	display: block;
}
.NavList ul li.active .arrow {
    position: relative;
    background: #fff;
    width: 10px;
    height: 51px;
    top: 0;
    right: -20px;
    margin-left: -8px;
    margin-top: 0;
    z-index: 200;
	transform: rotate(0deg);
	border: none;
}
.NavList ul li.bbnone{
	border-bottom: none;
}
.NavList ul li:last-child{
	border-bottom: none;
}
.NavList ul li .name{
	float: left;
	font-size: 16px;
}
.NavList ul li .item{
	float: right;
	margin-right: 7px;
	color: #c7c7c7;
	font-size: 12px;
}
.NavList ul li .item:hover{
	color: #1da9ff;
}
.NavList ul li .arrow{
	float: right;
	margin-top: 20px;
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    width: 8px;
    height: 8px;
    transform: rotate(-45deg);
}
.NavList .more{
	height: 18px;
	background: #f7f7f7;
	text-align: center;
	cursor: pointer;
}
.NavList .more i{
	display: inline-block;
	border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
	position: relative;
	top: -2px;
}
.sub-category {
	display:none;
	position:absolute;
	left:376px;
	top:-1px;
	bottom:0;
	min-width:120px;
    background-color:#fff;
	-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.05);
	box-shadow:3px 5px 22px rgba(0,0,0,0.1);
	padding:0 25px;
	padding-bottom: 10px;
	z-index:40;
	text-align:left;
	width: 630px;
	overflow: auto;
}

.sub-category::-webkit-scrollbar {
    width:7px;
    height:7px;
}
.sub-category::-webkit-scrollbar-button{
    display: none;
}
.sub-category::-webkit-scrollbar-track-piece {
    background:none;
}
.sub-category::-webkit-scrollbar-thumb{
    background:#d2d2d2;
    border-radius:4px;
}
.slideBox{
	margin-left: 387px;
	width: 812px;
	height: 383px;
	overflow: hidden;
	position: relative;
	float: left;
}
.slideBox .slideobj {
	height: 383px;
}
.slideBox img{
	width: 812px;
	height: 383px;
}
.slideBox .hd{
	text-align: center;
	position: absolute;
	height: 30px;
	line-height: 30px;
	bottom: 0;
	left: 0;
	right: 0;
}
.slideBox .hd ul li{
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #f4d6c3;
	border-radius: 8px;
	margin: 0 10px;
	cursor: pointer;
}
.slideBox .hd ul li.on{
	background: #ffffff;
}


.category-popup li.active .sub-category {
	display:block;
}
.sub-category dl {
	-webkit-animation:leftFadeIn .3s ease-out;
	-moz-animation:leftFadeIn .3s ease-out;
	animation:leftFadeIn .3s ease-out;
}
.sub-category dt {
	border-bottom:1px solid #e3e3e3;
	height:36px;
	line-height:36px;
	padding-top:9px;
}
.sub-category dt a {
	color:#8c8c8c;
	font-size:16px;
}
.sub-category dt a:hover {
	color:#1da9ff;
}
.sub-category dd {
	padding-top:5px;
}
.sub-category dd .subitem {
	float:left;
}
.sub-category dd a {
	float:left;
	height:32px;
	line-height:32px;
	font-size:14px;
	color:#282828;
	margin-right: 20px;
}
.sub-category dd a:hover{
	color: #1da9ff;
}
.Recommend {
	margin-top: 30px!important;
}
.Recommend .RecoLead{
	height: 45px;
	line-height: 45px;
	border-bottom: 1px solid #eaeaea;
	font-size: 18px;
}
.Recommend .RecoLead ul li{
	float: left;
	cursor: pointer;
	position: relative;
}
.Recommend .RecoLead ul li:after{
	content: "";
	width: 73px;
	height: 2px;
	background: #0bdcd0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
}
.Recommend .RecoLead ul li.active:after{
	display: block;
}
.Recommend .RecoLead ul li.second{
	margin: 0 60px;
}
.PositionList{
	width: 1220px;
	margin-top: 25px;
}
.PositionList .PositionBox{
	float: left;
	width: 350px;
	height: 160px;
	border: 1px solid #eaeaea;
	overflow: hidden;
	padding: 15px 20px;
	margin-right: 12px;
	margin-bottom:12px;
    transition: all .3s ease;
}
.PositionList .PositionBox:hover{
	border-color: #fff;
	box-shadow: 1px 2px 20px #e4e4e4;
}
.PositionList .PositionBox .PositionTitle .PositionName{
	float: left;
	font-size: 16px;
	margin-right: 5px;
	max-width: 185px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.PositionList .PositionBox .PositionTitle .PositionTime{
	float: left;
	font-size: 14px;
	color: #adadad;
	position: relative;
	top: 2px;
}
.PositionList .PositionBox .PositionTitle .PositionPrice{
	float: right;
	font-size: 16px;
	color: #0bdcd0;
}
.PositionList .PositionBox .PositionInfo{
	font-size: 14px;
	color: #8f8f8f;
	padding: 5px 0;
}
.PositionList .PositionBox .PositionTips{
	height: 24px;
}
.PositionList .PositionBox .PositionTips em{
	padding: 3px 8px;
	border: 1px solid #dfdfdf;
	color: #c4c4c4;
	margin-right: 5px;
	display: inline-block;
}
.PositionList .PositionBox .PositionForm{
	border-top: 1px dashed #dfdfdf;
	margin-top: 17px;
	padding-top: 15px;
}
.PositionList .PositionBox .PositionForm .PF_pic{
	float: left;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	overflow: hidden;
	margin-right: 8px;
	border: 1px solid #dfdfdf;
}
.PositionList .PositionBox .PositionForm .PF_pic img{
	width: 50px;
	min-height: 50px;
}
.PositionList .PositionBox .PositionForm .PF_name{
	font-size: 14px;
	margin-top: 5px;
}
.PositionList .PositionBox .PositionForm .PF_info{
	font-size: 14px;
	color: #8f8f8f;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.PositionMore{
	width: 366px;
	height: 46px;
	line-height: 46px;
	border-radius: 5px;
	border: 1px solid #0bdcd0;
	margin: 30px auto 50px;
	transition: all .3s ease;
}
.PositionMore:hover{
	background: #0bdcd0;
}
.PositionMore:hover a{
	color: #fff;
}
.PositionMore a{
	display: block;
	font-size: 14px;
	color: #0bdcd0;
	text-align: center;
}
.PublicLead{
	height: 45px;
	line-height: 45px;
	border-bottom: 1px solid #eaeaea;
	font-size: 18px;
	margin-top: 30px;
}
.PublicLead .PublicName{
	float: left;
	position: relative;
}
.PublicLead .PublicName:after{
	content: "";
	width: 73px;
	height: 2px;
	background: #0bdcd0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.PublicLead .PublicMore{
	float: right;
	font-size: 14px;
}
.PublicLead .PublicMore a{
	color: #aeaeae;
}
.NewsList{
	width: 1248px;
	overflow: hidden;
}
.NewsList .NewsBox{
	float: left;
	width: 575px;
	height: 122px;
	margin-top: 30px;
	margin-right: 48px;
}
.NewsList .NewsBox a:hover .NT_txt{
	color: #0bdcd0;
}
.NewsList .NewsBox .NewsPic{
	float: left;
	width: 180px;
	height: 122px;
	overflow: hidden;
	margin-right: 15px;
}
.NewsList .NewsBox .NewsPic img {
    width: 180px;
    height: 122px;
}
.NewsList .NewsBox .NewsTitle{
	height: 22px;
	line-height: 22px;
}
.NewsList .NewsBox .NewsTitle .NT_txt{
	float: left;
	font-size: 18px;
	max-width: 270px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.NewsList .NewsBox .NewsTitle.long .NT_txt{
	float: left;
	font-size: 18px;
	max-width: 435px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.NewsList .NewsBox .NewsTitle em{
	float: right;
	width: 63px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	color: #0bdcd0;
	border: 1px solid #0bdcd0;
	text-align: center;
}
.NewsList .NewsBox .NewsTips{
	height: 20px;
	line-height: 20px;
	margin: 10px 0;
}
.NewsList .NewsBox .NewsTips .News_time{
	float: left;
	font-size: 12px;
	color: #979797;
	margin-right: 20px;
}
.NewsList .NewsBox .NewsTips .News_time i{
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(../images/job.png) no-repeat center;
	background-position: -8px -70px;
	position: relative;
	top: 2px;
	margin-right: 3px;
}
.NewsList .NewsBox .NewsTips .News_see{
	float: left;
	font-size: 12px;
	color: #979797;
}
.NewsList .NewsBox .NewsTips .News_see i{
	display: inline-block;
    width: 20px;
    height: 15px;
    background: url(../images/job.png) no-repeat center;
    background-position: -36px -70px;
    position: relative;
    top: 2px;
	margin-right: 5px;
}
.NewsList .NewsBox .NewsCon{
	font-size: 14px;
	color: #bebebe;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.CompanyList{
	width: 1240px;
}
.CompanyList .CompanyBox{
	width: 288px;
	height: 288px;
	border: 1px solid #eaeaea;
	text-align: center;
	overflow: hidden;
	transition: all .3s ease;
	float: left;
	margin-top: 15px;
	margin-right: 13px;
}
.CompanyList .CompanyBox:hover{
	border-color: #fff;
	box-shadow: 1px 2px 20px #e4e4e4;
}
.CompanyList .CompanyBox .cy_Pic{
	width: 83px;
	height: 83px;
	border-radius: 83px;
	overflow: hidden;
	border: 8px solid #f5f5f5;
	margin: 0 auto;
	margin-top: 14px;
}
.CompanyList .CompanyBox .cy_Pic img{
	width: 83px;
	min-height: 83px;
}
.CompanyList .CompanyBox .cy_name{
	font-size: 16px;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 5px;
}
.CompanyList .CompanyBox .cy_type{
	font-size: 14px;
	color: #8f8f8f;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 15px;
}
.CompanyList .CompanyBox .cy_dec{
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.CompanyList .CompanyBox .cy_foot{
	margin: 0 10px;
	border-top: 1px dashed #d7d7d7;
	margin-top: 15px;
	padding-top: 15px;
}
.CompanyList .CompanyBox .cy_foot ul li{
	float: left;
	width: 33.333333333%;
	position: relative;
}
.CompanyList .CompanyBox .cy_foot ul li span{
	color: #1bded3;
}
.CompanyList .CompanyBox .cy_foot ul li.middle:after{
	content: "";
	position: absolute;
	right: 0;
	top: 5px;
	width: 1px ;
	height: 32px;
	background: #dcdcdc;
}
.CompanyList .CompanyBox .cy_foot ul li.middle:before{
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	width: 1px ;
	height: 32px;
	background: #dcdcdc;
}
.CompanyMore{
	width: 366px;
	height: 46px;
	line-height: 46px;
	border-radius: 5px;
	border: 1px solid #0bdcd0;
	margin: 30px auto 50px;
	transition: all .3s ease;
}
.CompanyMore:hover{
	background: #0bdcd0;
}
.CompanyMore:hover a{
	color: #fff;
}
.CompanyMore a{
	display: block;
	text-align: center;
	color: #0bdcd0;
	font-size: 14px;
}
.ResumeList{
	float: left;
	width: 828px;
	overflow: hidden;
}
.ResumeDE{
	width: 1000px;
}
.ResumeBox{
	float: left;
	width: 250px;
	height: 100px;
	border-right: 1px solid #eaeaea;
	margin-right: 28px;
	margin-top: 20px;
	padding-right: 15px;
}
.ResumeBox:hover .RB_name{
	color: #0bdcd0;
}
.ResumeBox .RB_pic{
	float: left;
	width: 76px;
	height: 100px;
	margin-right: 13px;
}
.ResumeBox .RB_pic img{
	width: 76px;
	height: 100px;
}
.ResumeBox .RB_name{
	font-size: 16px;
	margin-bottom: 23px;
}
.ResumeBox .RB_name em{
	font-size: 12px;
	color: #919191;
	margin-left: 8px;
}
.ResumeBox p {
	font-size: 12px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.ResumeBox p em{
	color: #919191;
}
.JobFair{
	float: left;
	margin-left: 19px;
	width: 351px;
	border: 1px solid #eaeaea;
	margin-top: 30px;
	height: 526px;
	overflow: hidden;
}
.JobFair .PublicLead{
	margin-top: 0;
	padding: 0 10px;
    margin-bottom: 3px;
}
.JobFair .PublicLead .PublicName:after {
    content: "";
    width: 54px;
    height: 2px;
    background: #0bdcd0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.FairBox{
	padding: 14.3px 13px;
	position: relative;
}
.FairBox:hover{
	background: #f8f8f8;
}
.FairBox:before{
	content: "";
	width: 325px;
	height: 1px;
	border-bottom: 1px dashed #dfdfdf;
	position: absolute;
	bottom: 0;
	left: 13px;
	right: 0;
}
.FairBox .Fair_pic{
	float: left;
	width: 96px;
	height: 67px;
	overflow: hidden;
	margin-right: 11px;
}
.FairBox .Fair_pic img{
	width: 96px;
	height: 67px;
}
.FairBox .Fair_title{
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 18px;
	line-height: 18px;
}
.FairBox .Fair_location{
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 8px;
}
.FairBox .Fair_location i{
	width: 15px;
	height: 15px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/job.png) no-repeat center;
	background-position: -71px -71px;
}
.FairBox .Fair_foot .Fair_area{
	float: left;
	font-size: 12px;
	color: #989898;
}
.FairBox .Fair_foot .Fair_time{
	float: right;
	color: #989898;
}
.TreasureBox{
	height: 645px;
	background: #0bdcd0 url(../images/Treasure.png) repeat-x bottom;
	background-blend-mode: luminosity;
	margin-top: 45px;
}
.TreasureCon {
	color: #fff;
}
.TreasureCon a{
	color: #fff;
}
.TreasureCon .TreasureTitle{
	font-size: 22px;
	text-align: center;
	padding-top: 50px;
}
.TreasureCon .TreasureTitle i {
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 7px;
	background: #fff;
	vertical-align: middle;
	margin: 0 17px;
}
.TreasureCon .TreasureTitle2{
	font-size: 18px;
	text-align: center;
	margin-top: 15px;
}
.TreasureList {
	margin-top: 40px;
}
.TreasureList .TreasureDE{
	float: left;
	width: 300px;
	height: 140px;
	border-radius: 3px;
	transition: all .3s ease;
}
.TreasureList .TreasureDE:hover{
	background: #21e1d6;
}
.TreasureList .TreasureDE p{
	font-size: 16px;
	text-align: center;
	margin-top: 20px;
}
.TreasureList .TreasureDE span{
	display: block;
	width: 237px;
	margin: 0 auto;
	margin-top: 13px;
	font-size: 14px;
}
.LinkList a{
	float: left;
	font-size: 14px;
	color: #a9a9a9;
	margin-right: 30px;
	margin-bottom: 10px;
}
.LinkList a:hover{
	color: #0bdcd0 ;
}
.footbox{
    margin-top: 46px;
    background: #f8f8f8;
    height: 355px;
}
.LinkList{
	margin-top: 25px;
}
.FrindLink  a{
    margin-right: 20px;
}
.about .links{
    margin-top: 40px;
    float: left;
    width: 889px;
}
.about dl{
    float: left;
    width: 145px;
}
.about dl dt{
    font-size: 16px;
    margin-bottom: 10px;
}
.about dl dd{
    font-size: 12px;
    height: 22px;
    line-height: 22px;
}
.about .QR{
    float: right;
    margin-top: 46px;
}
.about .QR .Phone_QR{
    float: left;
    margin-left: 40px;
}
.about .QR .Phone_QR img{
    width: 101px;
    height: 101px;
}
.about .QR .Phone_QR p{
    text-align: center;
}
.bei{
    width: 559px;
    margin: 0 auto;
    margin-top: 70px;
}
.bei p {
    float: left;
    margin-right: 10px;
}
.footicon img{
    width: 260px;
    margin: 0 auto;
    display: block;
    margin-top: 22px;
}
