﻿@charset "utf-8";
input:-moz-placeholder,  textarea:-moz-placeholder {  color: #ccc;  }  
  
input:-ms-input-placeholder,textarea:-ms-input-placeholder {   color: #ccc; }  
  
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {   color: #ccc;  }  
.left-menu{ width:420px; float:left;height:410px; background:#fff; border-radius:4px;-webkit-box-shadow: 0px 0px 30px rgba(24,66,57,0.08); -moz-box-shadow:0px 0px 30px rgba(24,66,57,0.08); box-shadow:0px 0px 30px rgba(24,66,57,0.08);}
.right-con{ width:760px; height:410px; float:right; overflow:hidden;-webkit-box-shadow:0px 0px 30px rgba(24,66,57,0.08); -moz-box-shadow: 0px 0px 30px rgba(24,66,57,0.08); box-shadow: 0px 0px 30px rgba(24,66,57,0.08);}
.showLeftNav{ display:none; background:#fff;}
.leftNav{  }
.leftNav-t{ color:#666; padding:0 20px 0 30px; *float: left; position:relative; z-index:999; margin: 0;}
.leftNav-t dt{ width:96%; float: left; *float: none;}
.leftNav-t-over{width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;float: right; height:46px;box-sizing:border-box;}
.leftNav-t dt h6{ float:left; font-size:16px; color:#333;line-height:46px; margin-right:5px; font-weight: bold;}
.leftIcon{ background:url(../../images/btn-icon/right_arrow.png) no-repeat; width:6px; height:12px; display:block; float:right;}
.leftNav-t dt a{margin:0 10px; font-size:14px; color:#666; float:left; line-height:46px; font-weight: normal;}
.leftNav-t dt a:hover{ color:#00c99d;}

.blook-box a{ color:#00c99d; font-size:16px; padding-left:30px; line-height:42px; cursor:pointer;}
.leftNav-t dd{ margin:18px 0 0px 0; float:right;}

.leftNav-t dd a:hover{ color:#4ec7be; text-decoration: none;}
.leftNav-t:hover{ background:#f8fafa; position:relative;}
.leftNav-t:hover .leftNav-all,.leftNav-t:hover .leftNav-line{ display:block;}


.leftNav-line{ position:absolute; top:0; right:-2px; z-index:99; width:1px; height:100%; display:none;}
.leftNav-all{ width:528px; background:#fff; display:none;}
.leftNav-down{ position:absolute; left:420px; top:-1px; border-radius:4px;-webkit-box-shadow: 0px 0px 30px rgba(24,66,57,0.08); -moz-box-shadow: 0px 0px 30px rgba(24,66,57,0.08); box-shadow: 0px 0px 30px rgba(24,66,57,0.08);}
.leftNav-down li{ line-height: 84px;font-size: 18px;padding:20px 0; cursor:pointer; border-bottom:1px solid #f8fbfb; border-top:1px solid #f8fbfb; width:468px;}

.leftNav-all .sub-tab li.cur {margin-top:-1px; width:100%;*width:182px; float:left;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background: #fff;color: #44c4bb;position: relative;padding-right: 1px;margin-right: -1px;}
.leftNav-all .sub-tab{ width:212px; float:left; border-right:1px solid #ddd; background:#f8fbfb;}
.leftNav-all .sub-tab ul{ padding:0; margin:0;}


.leftNav-all .sub-content ul{ float: left; width:468px;border-bottom:1px solid #eee; margin:0px 30px; }
.leftNav-all .sub-content ul:last-child{ border:0;}
.leftNav-all .sub-content li{ float:left; border:0;}
.leftNav-all .sub-content li h4 {float: none;padding-top: 0;width: auto; font-weight: bold; font-size:14px; color:#666; padding-bottom:10px;}
.leftNav-all .sub-content li .text {margin-left: 0;margin-top: 0; padding:0; line-height:28px; color:#999; font-size:14px; width:100%; float:left;}
.leftNav-all .sub-content li .text a:hover{ text-decoration:none; color:#00c99d;}
.leftNav-all .sub-content li .text a{ color:#999; margin:8px 26px 8px 0; white-space:normal;line-height:20px; float: left;*float:none; display: inline-block; font-size:14px;}


.sub-content{ float:left; padding:5px 0; width:528px; box-sizing:border-box; max-height: 600px; overflow-y: scroll;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
.sub-content::-webkit-scrollbar  
{  
    width: 6px;  
    height: 6px;  
    background-color: #F5F5F5;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
.sub-content::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px rgba(219,219,219,0.3);  
    border-radius: 10px;  
    background-color: #F5F5F5;  
}  
  
/*定义滑块 内阴影+圆角*/  
.sub-content::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    -webkit-box-shadow: inset 0 0 6px rgba(219,219,219,0.3);  
    background-color: #999;  
}  




.advertising{ width:1200px; margin:0 auto 14px auto;}


.whit-bg{ background: #fff; padding-top: 14px; min-width: 1200px;}
/*****************banner广告滚动切换****************/
.topvebanner { margin: 0 auto; width:760px; height: 410px; overflow: hidden; }
.topvebanner ul { margin: 0; padding: 0; }
#myjQuery { OVERFLOW: hidden; WIDTH:760px; POSITION: relative; HEIGHT:410px; }
#myjQueryContent { OVERFLOW: hidden; WIDTH:760px; HEIGHT: 410px; }
#myjQueryContent DIV { POSITION: absolute; HEIGHT:410px; }
#myjQueryContent .smask { Z-INDEX: -1; }
#myjQueryContent IMG { WIDTH:760px; HEIGHT: 410px; border: 0; border-radius:4px; }
#myjQueryNav { DISPLAY: block; OVERFLOW: hidden; WIDTH:100px; HEIGHT: 8px; position: absolute; bottom: 15px; left:50%; z-index: 5; margin-left:-50px; }
#myjQueryNav LI { DISPLAY: block; FLOAT: left; WIDTH: 10px; CURSOR: pointer; HEIGHT: 6px; TEXT-ALIGN: center; margin:0 3px; background:rgba(0,0,0,.4); color: #fff; border-radius:4px;  }
#myjQueryNav .nbg { BACKGROUND:rgba(255,255,255,.4); width:20px;}
#myjQueryNav A { DISPLAY: block; Z-INDEX: 12; MARGIN: 0px auto; TEXT-TRANSFORM: uppercase; WIDTH: 45px; COLOR: #ffffff; LINE-HEIGHT: 22px; POSITION: relative; HEIGHT: 22px; z-index: 20; }
#myjQueryNav .current { background:rgba(255,255,255,.6); width:20px; }
#myjQueryNav .current A { COLOR: #fff; }
#myjQuery #flow {WIDTH: 45px; HEIGHT: 22px; Z-INDEX: 22; left: 652px; POSITION: absolute; }
/*****************banner广告滚动切换 end****************/
/*******搜索**********/
.search-text{ width:820px; border:1px solid #eee; height:50px; padding-left:15px; box-sizing: border-box; outline:none; float:left;line-height: 50px; border-radius:4px; -webkit-box-shadow: 0px 0px 30px rgba(24,66,57,0.08); -moz-box-shadow: 0px 0px 30px rgba(24,66,57,0.08); box-shadow: 0px 0px 30px rgba(24,66,57,0.08);}
.search-text:focus,.search-text:hover,.search-btn{border:2px solid #00c99d; -webkit-box-shadow: 0px 0px 30px rgba(0,201,157,.08); -moz-box-shadow: 0px 0px 30px rgba(0,201,157,.08); box-shadow: 0px 0px 30px rgba(0,201,157,.08);}

.search-pos{ color:#999; font-size:14px; margin:21px 0 16px 0; line-height:16px;}
.search-pos a{ color:#00c99d; line-height:16px; margin:0px 8px ;}
.newlybtn{ background:url(../../images/btn-icon/upicom.png) no-repeat left center; padding-left:18px; font-size: 14px; color: #44c4bb; margin:16px 0; line-height: 28px; height:28px; display: table-cell; vertical-align:middle; }

.region{ position: relative; border-left:1px solid #eee;    margin-top: 1px;}
.region span{width:218px;*width:217px; display: block;  background:#fff; border-left:1px solid #eee; line-height:50px; padding-left:25px; cursor:pointer;}
.region span em{ font-style: normal; float: left; width:142px;    white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.search-btn{background:#00c99d; border:1px solid #00c99d; border-radius:4px; width:164px; height:50px; outline:none; padding:0; float:right; color:#fff; font-size:18px; letter-spacing:8px;}
.search-btn:hover{ background:#0a9e7e; border:1px solid #0a9e7e;-webkit-box-shadow: 0px 0px 30px rgba(10,158,126,.08); -moz-box-shadow: 0px 0px 30px rgba(10,158,126,.08); box-shadow: 0px 0px 30px rgba(10,158,126,.08);}


/************最新职位*********/
.recom-top-box{ border-bottom:2px solid #ffb53a; padding:26px 40px 0 8px}
.recom-top-left{ margin-left:38px; width:730px; position:relative; height:}
.title-box{ width:730px; height:78px; margin:26px 0 16px 0;}
.title-box h6{ font-size:28px; color:#00c99d; font-weight:bold;}
.title-box span{ font-size:16px; color:#999; float:left; margin:8px 0 0 10px;}

.recommend-list{ width:730px; position:absolute;top: 58px; left: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 64px;}
.recommend-list li{ float:left;}
.recommend-list li a{ font-size:16px; color:#666; padding:0px 12px; display:block; box-sizing:border-box; line-height: 62px;}
.recommend-cur,.recommend-list li a:hover{ border-bottom:2px solid #00c99d; font-weight:bold;}
.morer-position{ color:#333; font-size:16px; padding:64px 0px 0 0;}
.morer-position:hover{ color:#00c99d;}
.morer-position i{ margin:6px 0 0 20px; }




.my-intention-title{ font-size: 16px; line-height: 18px; margin-top: 16px;}
.questio-icon{ background-position: 0 -48px; width: 18px; height: 18px; display: block; float: left; margin: 0 9px 0 3px; }
.posion-intention{color: #999; margin-right: 30px; }
.my-it{ color: #00c99d; }
.my-solid-s{ color: #ccc; margin: 0 14px; }
.my-edt-internt{color: #ffb53a;}


.recom-cent-box{ width: 1200px;}
.my-intention-box{ margin-top: 30px; width: 1215px; }
.my-intention-per{position: relative; float: left;border-radius: 4px;  width: 390px; height: 184px; box-sizing: border-box; margin:0 15px 15px 0; }
.postion-box-job{ border-bottom: 1px solid #eee; padding-bottom: 15px; }
.my-intention-list{ border-radius: 4px; border: 1px solid #eee; background: #fff; width: 390px; height: 184px; box-sizing: border-box; float: left; padding: 16px 25px;  }
.my-intention-list:hover{ cursor: pointer; border: 0; position:absolute;top:-6px;-webkit-box-shadow: 0px 0px 30px rgba(24,66,57,.12); -moz-box-shadow: 0px 0px 30px rgba(24,66,57,.12); box-shadow: 0px 0px 30px rgba(24,66,57,.12); }
.postion-title{ font-size: 18px; width: 100%; line-height: 18px;}
.postion-title h6{ color: #666; font-size: 18px;max-width:252px; text-overflow: ellipsis; white-space: nowrap;overflow: hidden; font-weight: bold;}
.postion-title .money-right{ color: #ff6039;}
.job-box{ width: 100%; margin-top: 18px; }
.job-requ li{ background: #F8F8F8; line-height: 32px; height: 32px; font-size: 14px; float: left; padding: 0 10px; margin-right: 10px; border-radius: 4px; color: #666;}
.date-job{ line-height: 32px; text-align: right; font-style: 12px; color: #999; }
.job-company{ margin-top: 15px; color: #666; line-height: 18px; width: 100%;}
.job-company dd{ width:270px;}
.job-company img{ margin-right: 15px; border-radius: 6px; width:50px;  height: 50px; }
.company-title{ font-size: 16px;  margin:0px 0 6px 0;max-width:272px; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.company-size{ font-size: 14px; }
.position-text{max-width:118px; text-overflow: ellipsis; white-space: nowrap;overflow: hidden; float: left; display: block;; }
.company-size em{color: #eee; margin:0; font-style: normal;}
/************最新职位 end*********/



/***********名企直招**********/
.famousEnt{ position: absolute; top: 36px; height: 28px; margin:26px 0 30px 0; }
.famousEnt h6{ border-bottom: 2px solid #00C99D; height: 60px; }
.pel-famous{ position: relative; float: left;width: 290px; margin: 0 13px 13px 0; height: 226px;}
.famous-box-enterp{ width: 1213px; padding-top: 30px; }
.famous-box{border-radius: 4px; border: 1px solid #eee; background: #fff; width: 290px; float: left;  box-sizing: border-box; padding: 0 12px; }
.famous-box:hover{ cursor: pointer; border: 0; position: absolute; top: -6px; -webkit-box-shadow: 0px 0px 30px rgba(24,66,57,.12); -moz-box-shadow: 0px 0px 30px rgba(24,66,57,.12); box-shadow: 0px 0px 30px rgba(24,66,57,.12);}

.famous-list{ text-align: center; padding: 0 0 16px 0px;  border-bottom: dashed 1px #eee; position: relative;}
.famous-palcement{ position: absolute; top: 0; right: -12px; background: url(../../images/btn-icon/roof_placement.png) no-repeat; width: 55px; height: 55px; display: block; }
.famous-list dt img{ width: 70px; height: 70px; margin: 18px 0; border-radius: 4px; }
.famous-introduce{ font-size: 14px; color: #666; }
.famous-introduce span{    vertical-align: middle;}
.jobCategory{ max-width: 110px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.famous-introduce em{ margin:0; color: #eee; font-style: normal; }
.famous-title{ font-size: 16px; color: #333; margin: 0px 0 14px 0; line-height: 18px; max-width: 100%; text-overflow: ellipsis; white-space: nowrap;overflow: hidden; }
.recruiter-magg{ padding:10px 0 10px 0; line-height: 30px; height: 50px;}
.recruiter-name{ font-size: 12px; color: #666;max-width:160px; text-overflow: ellipsis; white-space: nowrap;overflow: hidden; }
.hotPosCount-text{ color: #666; font-size: 12px; }
.hotPosCount-text span{ color: #00C99D }
.recruiter-name img{ width: 30px; height: 30px; border-radius: 50%; margin-right: 10px; }


/***********名企直招 end**********/


.info-comapny{ color:#666; float: left;width: 100%; margin-top: 20px;}
.company-logo{ font-size:16px; line-height:24px; margin-bottom:2px; max-width:64%; text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; float: left;color: #666;}
.info-comapny p{ height: 20px; float: right;}
.industry{ color: #999; font-size: 16px; line-height: 24px;max-width:36%; text-overflow: ellipsis;  white-space: nowrap; overflow: hidden;}
.job-more{ width:100%; background:#eee; line-height:68px; height:68px; text-align:center; display:block; font-size:26px; color:#666}
.job-more:hover{ color:#fff; background-color: #44c4bb;}

.sign_out_title{float: right; margin: 16px 0;}



.searchBox-top{ margin:34px auto 0px auto;width:1030px;}
.searchBox-top .search{ width:1030px;}
.searchBox-top .region { border-left: 0; border-right:1px solid #eee;}
.searchBox-top .up, .searchBox-top .up1,.searchBox-top .down, .searchBox-top .down1{     margin: 0 12px 0 3px;}
.searchBox-top .city-box{ z-index: 99}
.positionList{ position:relative; width:76px; border-right:1px solid #eee; float: left; display: block; height: 50px; line-height: 50px; margin-left: 10px;}
.positonBtn{ position:absolute; top:0; right:0;  background: url(../../images/index/region-icon1.jpg) no-repeat center right;float: right;width: 21px;height: 50px;display: block;margin: 0 12px 0 8px;}
.positionDown{width:114px; display:none;  position:absolute; left:-10px; top:50px; color: #9fa3b0; box-shadow: 0 2px 8px rgba(0,0,0,.1); background: #fff;}
.positionDown li{padding-left:10px;}
.positionDown li,.showPosResumeUl{ cursor: pointer;}
.showPosResumeUl{ position: relative; z-index: 9;}
.positionDown li:hover{ background: #f1f3f6;}
.positonBtnDown{background: url(../../images/index/region-icon2.jpg) no-repeat center right;float: right;width: 21px;height: 50px;display: block;}

.searchBox-left .search-text{ width:586px;*width:542px!improtant;}
.searchBox-left .region span em{ width:90px;}
.searchBox-left .region span{ width:136px; padding-left:10px; border-left:0;}
.searchBox-left .search-btn{ float: right;}


.ad_box_main { width: 870px;}
.ad_box_main ul { height: auto; overflow: hidden; padding-bottom:10px; }
.ad_box_main ul li { width: 430px; border: 1px solid #dddddd; background: #00F;  float: left; margin-top: 10px; }
.ad_box_main ul li a {display: block;}
.ad_right_emt { margin-right: 10px; }


/**********广告图片************/
.advertList{ width:100%;}
.advertList p{ margin:0 0 2px 0;}
.advertList li{ float:left;}
.advertOne img{ width:580px; height:250px; margin-right:2px;}
.advert-smallPicture img,.advert-smallTrans img{ width:288px; height:124px;}
.advertTp{ margin:18px 0 20px 0;}
.advert-smallTrans p{ margin-left:3px; float:left;}
.advert-smallTrans p:first-child{ margin:0;}


/*************合作伙伴*********/
.coopPartner-title h6{ font-size: 28px; font-weight: bold; color: #00C99D; }
.coopPartner-title p{ font-size: 16px; color: #999; margin-top: 18px; }
.coopPartner{ text-align: center;}
.coopPartner-title{ margin:32px 0 32px 0; }
.hezuo_list_box { height: auto; overflow: hidden; margin-left: 40px;}
.hezuo_list_box li { margin-right: 20px;margin-bottom: 30px;float: left;}
.hezuo_list_box li span {display:table-cell;vertical-align:middle; text-align:center;height:70px;width:170px;border: 2px #fafafa solid;border-radius: 10px;}
.hezuo_list_box li img {vertical-align:middle; display:inline-block}
.hezuoButton{ text-align: center; padding:  10px 0 40px 0;}
.hezuoButton a{ border: 1px solid #00C99D; width: 180px; height: 48px; line-height: 46px; box-sizing: border-box; cursor: pointer; color: #00C99D; font-size: 16px; text-align: center; border-radius: 4px; display: block; background:#fff; margin: 0 auto}
.hezuoButton a:hover{ background: #00C99D; color: #fff; }