/* 如需修改公共头部搜索框和导航条背景色，请修改以下三处颜色值 */
.topInfo a:hover, .topInfo .loginbox .siteCityInfo, .search .type dd a.active span,.search .type dd a:hover span, .MoudleNav ul li:hover, .MoudleNav ul li.MooudleBC {
  color: #2babff;   /* 修改一 */
}
.searchwrap, .search .hotkey a:hover, .search .submit:hover, .fixedwrap .nav, .mainnav li dd, .mainnav li:hover ,.mainnav li:hover .dropbox, .mainnav li.mainnav li dd ,.hover .dropbox ,.mainnav li:hover ,.mainnav li:hover .dropbox {
  background: #2babff;   /* 修改二 */
}
.MoudleNav ul li:hover, .MoudleNav ul li.MooudleBC{
  border: 1px solid #2babff;   /* 修改三 */
}


/* Css Reset */
html {color:#333; background:#fff; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin:0; padding:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
audio, canvas, video {display:inline-block; *display:inline; *zoom:1;}
body, button, input, select, textarea {font:14px/2.0 "Microsoft Yahei", "\5B8B\4F53", sans-serif, tahoma, arial;}
input, select, textarea {font-size:100%;}
table {border-collapse:collapse; border-spacing:0;}
th {text-align:inherit;}
fieldset, img {border:0;}
iframe {display:block;}
abbr, acronym {border:0; font-variant:normal;}
del {text-decoration:line-through;}
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:500;}
ol, ul, li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:500;}
q:before, q:after {content:'';}
sub, sup {font-size:75%; line-height:0;	position:relative; vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
a {color:#333;}
a:hover {color:#000; text-decoration:none;}
ins, a {text-decoration:none;}
.fn-clear:after {visibility:hidden; display:block; font-size:0;	content:" "; clear:both; height:0;}
.fn-clear {zoom:1; /* for IE6 IE7 */}
.fn-hide {display:none;}
.fn-left, .fn-right {display:inline;}
.fn-left {float:left;}
.fn-right {float:right;}
.huoniao_iOS .header{padding-top: 20px;}
/*.padTop20{padding-top: 20px;}*/


.wrap {width: 1000px; margin: 0 auto;}
.w1200 .wrap {width: 1200px;}

a {color: #333; transition: all 0.1s; -moz-transition: all 0.1s; -webkit-transition: all 0.1s; -o-transition: all 0.1s;}
.adv ,.ad ,.tladv{}
.adv img ,.ad img ,.tladv img {display: block;width: 100%;}
.tladv img {margin:20px 0;}
.oh {position: relative; overflow: hidden;}
a.more:hover {text-decoration: underline;}
.aaa {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.picon {background-image:url(public_icons.png);background-repeat:no-repeat;}
.picon-qq {background-position: -2px 0px;}
.picon-weixin {background-position: -6px -20px;}
.picon-weibo {background-position: -6px -40px;}
.picon-phone {background-position: -6px -60px;}
.picon-down {background-position: -2px -85px;}
.picon-down2 {background-position: -20px -94px;}
.picon-latest {background-position: 0 -103px;}
.picon-hui {background-position: 0 -126px;}
.picon-join {background-position: 0 -149px;}

/* 顶部信息 */
.topInfo {position: relative;height: 34px; line-height: 34px; margin-bottom: 16px; border-bottom: 1px solid #eee; background: #f5f5f5;color: #6c6c6c;z-index: 1002;}
.topInfo a {color: #6c6c6c;}
.topInfo .separ {color:#ddd;margin-left: 15px;}
.topInfo .loginbox .regist {margin-right: 0;}
.topInfo .regist {color: #ff6600;}
.topInfo .logint {float: left; margin-right: 10px;}
.topInfo .loginbox .logint a {margin-right: 0;}
.topInfo .menu {float: right;}
.topInfo .menu li {position: relative;float: left;padding:0 8px;border-left: 1px solid transparent;border-right: 1px solid transparent;}
.topInfo .menu li .ewmbox {position: absolute;left:0;top:36px;margin-left: -90px; border-radius: 4px; border: 1px solid #0087BD; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); box-shadow: 0 0 10px rgba(0,0,0,.2);z-index: 100;display: none;}
.topInfo .loginbox {float: left;}
.topInfo .loginbox .siteCityInfo, .topInfo .loginbox .changeCityBtn, .topInfo .loginbox .loginbefore, .topInfo .loginbox .loginafter {float: left;}
.topInfo .loginbox .changeCityBtn {margin-right: 10px;}
.topInfo .loginbox .changeCityBtn a {float: none; margin: 0;}
.topInfo .loginbox a {float: left;margin:0 10px 0 0;}
.topInfo .loginbox a.loginconnect .picon {background: none;}
.topInfo .loginbox a:hover {text-decoration: underline;}
.topInfo .dropdown a {padding-left: 2px;}
.topInfo .dropdown .picon-down {display: inline-block;width: 8px;height: 5px;margin-left: 4px;vertical-align: middle;-webkit-transition:all .3s;transition:all .3s;}
.topInfo .submenu {display: none;position: absolute;top:35px;left:-1px;min-width: 82px; padding: 5px 0; border: 1px solid #ddd; border-top: none; background: #fff;-webkit-animation: topFadeIn .3s ease-out; -moz-animation: topFadeIn .3s ease-out; animation: topFadeIn .3s ease-out; z-index: 10;}
.topInfo li.user .submenu {min-width: 106px;}
.topInfo .submenu a {display: block;padding:0 10px;line-height: 26px;white-space:nowrap;}
.topInfo li:hover .picon-down {-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.topInfo li.dropdown:hover {height: 35px;border-color: #ddd;background: #fff;}
.topInfo li:hover .submenu {display: block;}
.topInfo .submenu a:hover {}
.topInfo .picon {display: inline-block;width: 20px;height: 20px;margin:0 3px 0 0;vertical-align: middle;}
.topInfo .picon img {width: 17px; height: 17px; display: block; margin: 0 auto; vertical-align: middle;}


/* 浮动菜单 */

.topInfo .pop {display: none; position: absolute; left: -38px; top: 34px; width: 170px; text-align: center; background: #fff; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px 0; -moz-box-shadow: 4px 4px 0 rgba(0,0,0,.2); -webkit-box-shadow: 4px 4px 0 rgba(0,0,0,.2); box-shadow: 4px 4px 0 rgba(0,0,0,.2); color: #101010; font-size: 14px; -webkit-animation:topFadeIn .3s ease-out; -moz-animation:topFadeIn .3s ease-out; animation:topFadeIn .3s ease-out;}
.topInfo .pop s {position: absolute; top: -8px; left: 80px; width: 16px; height: 9px; background: url('icons.png') -10px -591px;}
.topInfo .pop p {line-height: 20px;}
.topInfo .pop p a {padding: 0; background: none;}
.topInfo .pop p a img {display: block; margin: 0 auto;}
.wapp:hover .pop{ display:block;}

.topInfo .pop1 {display: none; position: absolute; left: -38px; top: 34px; width: 170px; text-align: center; background: #fff; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px 0; -moz-box-shadow: 4px 4px 0 rgba(0,0,0,.2); -webkit-box-shadow: 4px 4px 0 rgba(0,0,0,.2); box-shadow: 4px 4px 0 rgba(0,0,0,.2); color: #101010; font-size: 14px; -webkit-animation:topFadeIn .3s ease-out; -moz-animation:topFadeIn .3s ease-out; animation:topFadeIn .3s ease-out;}
.topInfo .pop1 s {position: absolute; top: -8px; left: 80px; width: 16px; height: 9px; background: url('icons.png') -10px -591px;}
.topInfo .pop1 p {line-height: 20px;}
.topInfo .pop1 p a {padding: 0; background: none;}
.topInfo .pop1 p a img {display: block; margin: 0 auto;}
.wxx:hover .pop1{ display:block;}

/* header */
.fixedwrap {height: 139px;margin:10px 0 23px;}
.fixedpane.fixed {position: fixed; height: 139px; width: 100%; top: 0; z-index: 1000; background-color: #fff;}
/*.header {margin-top: 10px;}*/
.fixedwrap .header .logo {float: left;max-width: 270px;height: 61px;margin-top: 13px;overflow: hidden;}
.fixedwrap .header .logo a {display: inline-block;overflow: hidden;}
.fixedwrap .header .logo h2 {float: left;line-height: 60px;font-size: 24px;color: #333;}
.fixedwrap .header .logo img {float: left; height: 61px; margin-right: 10px;vertical-align: middle;}

.searchwrap {position: relative;float: right;width: 410px;height: 40px;line-height: 34px;margin: 25px 85px 0 0;z-index: 1001;}
.w1200 .searchwrap {width: 557px;}
.fixedwrap .search {margin:3px 88px 3px 3px;background: #fff;*zoom:1;}
.fixedwrap .search .type {float: left;width: 93px;border-right: 1px solid #ddd;}
.fixedwrap .search .type a {font-size: 14px;color: #666;}
.fixedwrap .search .type dl {position: relative;}
.fixedwrap .search .type dl dt {height: 34px;text-align: center;}
.fixedwrap .search .type dl em {display: inline-block;width: 0;height: 0;border:5px solid transparent;border-top-color: #666;vertical-align: middle;margin-left: 8px;transition: all .3s;}
.fixedwrap .search .type dl.hover em {-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin: center 2px;transform-origin: center 2px;}
.fixedwrap .search .type dd {display: none;position: absolute;top:32px;padding-top: 20px;left:-3px;width: 100px;}
.fixedwrap .search .type dd .ModuleBox{min-width: 97px;  border-top: none; background: #fff;-webkit-animation: topFadeIn .3s ease-out; -moz-animation: topFadeIn .3s ease-out; animation: topFadeIn .3s ease-out; z-index: 10;box-shadow: 1px 2px 16px rgb(218, 218, 218);padding:8px 0;}
.fixedwrap .search .type dl.hover dd {display: block;}
.fixedwrap .search .type dd a {display: block;line-height: 30px;padding:0 10px;white-space: nowrap;text-align: center;position: relative;}
.fixedwrap .search .type dd a.active span,.fixedwrap .search .type dd a:hover span {background: #fff;}
.fixedwrap .search .type dd a:hover .MoudleNav {display: block;}
.MoudleNav{position: absolute;left: 100px;top: -37px;width: 600px;padding-left: 20px;display: none;}
.jobMoudle.MoudleNav{top: -16px;}
.MoudleNav i{position: absolute;left: 13px;top: 40px;width: 0; height: 0; border-top: 11px solid transparent;border-right: 7px solid #fff;border-bottom: 11px solid transparent;}
.jobMoudle.MoudleNav i{top: 21px;}
.MoudleNav ul{width: 425px;background: #fff;box-shadow: 1px 2px 16px rgb(218, 218, 218);border-radius: 5px;padding: 10px;}
.MoudleNav ul li{float: left;width: 86px;height: 28px;line-height: 28px;border: 1px solid #afafaf;text-align: center;border-radius: 20px;color: #afafaf;margin: 7px 9px;cursor: pointer;}

.fixedwrap .search .inputbox {position: relative;margin-left: 63px;overflow: hidden;}
.fixedwrap .search .inpbox {margin:0 10px;height: 34px;}
.fixedwrap .search .searchkey {width: 100%;height: 21px;margin:6px 0 7px;font-size: 14px;vertical-align: middle;}
.fixedwrap .search .searchkey ,.fixedwrap .search .searchkey:focus ,.fixedwrap .search .searchkey:active ,.fixedwrap .search .submit ,.fixedwrap .search .submit:focus ,.fixedwrap .search .submit:active {border:0;outline:0;background: none;}
.fixedwrap .search .hotkey {position: absolute;right: 15px;top:0;max-width:270px;display: none;}
.w1200 .fixedwrap .search .hotkey {display: block;}
.fixedwrap .search .hotkey a {display: inline-block;float: right;height: 21px;line-height: 20px;margin: 6px 0 0 7px;padding:0 12px;background: #f0f0f0;color: #fff;font-size: 14px;color: #999;white-space:nowrap;border-radius:10px;-webkit-transition: all 0.2s; transition: all 0.2s;}
.fixedwrap .search .hotkey.leave a {opacity:.5;}
.fixedwrap .search .hotkey a:hover {color: #fff;}
.fixedwrap .search .submit {position: absolute;right:0;top:0;display: block;width: 88px;height: 100%;text-align: center;font-size: 16px;color: #fff;cursor: pointer;}

.header .kefu {float: right; position: relative; padding-left: 55px; margin-top: 18px; font-size: 20px; line-height: 25px;}
.header .kefu p {font-size: 14px;}
.header .kefu s {position: absolute; left: 0; top: 6px; width: 40px; height: 40px;}
.header .kefu s img {width: 100%; height: 100%; display: block;}

/* 导航 */
.fixedwrap .nav {position: relative;margin-top: 20px;height: 45px;-moz-box-shadow: 0 5px 30px rgba(0,0,0,.1); -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);box-shadow: 0 5px 30px rgba(0,0,0,.1);z-index: 100;}
.mainnav li {position: relative;float: left;padding:0 12px;margin:0;}
.w1200 .mainnav li {margin: 0 9px; padding: 0 13px;}
.mainnav li a {color: #fff; display: block;}
.mainnav li .nav-m {position: relative;font-size: 18px;line-height: 45px;}
.mainnav li .nav-m i {position: absolute;left:50%;top:-14px;display: inline-block;width: 32px;height: 22px;}
.dropbox {margin: -11px -12px 0;border-top-left-radius: 4px;border-top-right-radius: 4px;}

.mainnav li dl {padding-top: 11px;}
.mainnav li dt {padding:0 12px;overflow: hidden;}
.mainnav li dd a {font-size: 16px;white-space: nowrap;}
.mainnav li dd {display: none;position: absolute;top:45px;left:0;min-width:100%;padding:8px 0 16px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;z-index: 10;}
.mainnav li dd a {display: block;line-height: 40px;padding:0 13px;}
.mainnav li dt .nav-m {float: left;}
.mainnav li .picon-down2 {display: inline-block;width: 11px;height: 6px;float: left;margin:20px 0 0 6px;-webkit-transition:all .3s;transition:all .3s;}
.mainnav li:hover ,.mainnav li:hover .dropbox {filter: alpha(opacity:98); opacity: .98; -moz-opacity: .98; -khtml-opacity: .98;}
.mainnav li:hover dd {display: block;}
.mainnav li:hover .picon-down2 {-webkit-transform:rotate(180deg);transform:rotate(180deg);}

.nav .wrap {position: relative;}




