@charset "UTF-8";
/*公共样式*/
.head_bgcolor{display:none;}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; vertical-align: baseline; }

input { border: 0; outline: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-appearance: none; }

button, input, select, textarea { box-sizing: border-box; outline: 0; border: 0; background: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

li, ol, ul { list-style: none; }

em, i { font-style: normal; }

blockquote, q { quotes: none; }

b, strong { font-weight: 700; }

img { vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; -webkit-touch-callout: none; }

a { color: #333; text-decoration: none; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; cursor: pointer; }

a.active { color: #06c; }

a:hover { color: #e74f06; }

.clearfix:after { content: ""; display: block; height: 0; clear: both; }

.fr { float: right; }

.fl { float: left; }

body { overflow-x: hidden; font-size: 14px !important; font-family: "微软雅黑"; color: #333; min-width: 1260px; }

.text-left { text-align: left; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.text-justify { text-align: justify; }

.vertical-middle { vertical-align: middle; }

.font-blod { font-weight: bold; }

.inline-block { display: inline-block; }

.block { display: block; }

.hide { display: none; }

.bold { font-weight: 700; }


.margin-top-10 { margin-top: 10px; }

.margin-top-20 { margin-top: 20px; }

.margin-top-30 { margin-top: 30px; }

.margin-top-40 { margin-top: 40px; }

.margin-top-50 { margin-top: 50px; }

.margin-bottom-30 { margin-bottom: 30px; }

.m-t-20px { margin-top: 20px; }

.m-t-30px { margin-top: 30px; }

.m-t-50px { margin-top: 50px; }

.padding-top-20 { padding-top: 20px; }

.border-left-0 { border-left: 0 !important; }

.border-right-0 { border-right: 0 !important; }

.color-blue { color: #204180 !important; }

.color-white { color: #fff !important; }

.font-size-14 { font-size: 14px; }

.font-size-16 { font-size: 16px; }

.font-size-18 { font-size: 18px; }

.font-size-20 { font-size: 20px; }

.wrap { margin: 0 auto; }

.container-fluid { width: 100%; }

.p-relative { position: relative; }

.mobile-show, .tablet-min-show { display: none; }

.border-0{
  border-width: 0px !important;
}

.box-justify::after { content: ""; display: inline-block; width: 100%; }

@font-face {
  font-family: 'iconfont';  /* project id 274880 */
  src: url('//at.alicdn.com/t/font_274880_08565vz5yah8h0k9.eot');
  src: url('//at.alicdn.com/t/font_274880_08565vz5yah8h0k9.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_274880_08565vz5yah8h0k9.woff') format('woff'),
  url('//at.alicdn.com/t/font_274880_08565vz5yah8h0k9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_274880_08565vz5yah8h0k9.svg#iconfont') format('svg');
}

.iconfont { vertical-align: middle; font-family: "iconfont" !important; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }

.navgationDiv { height: 50px; background: url("/eportal/uiFramework/images/topnav.png") left top repeat-x #D8D8D8; padding: 0 30px; margin: 0; }

.navgationDiv ul { float: right; width: 500px; list-style-type: none; }

.navgationDiv ul li { text-align: right; height: 24px; list-style-type: none; }

.navgationDiv .currentSite { color: #17970A; padding-right: 10px; }

.navgationDiv .currentUser { color: #0184B1; padding-right: 10px; }

.navgationDiv .exit { background: url("/eportal/uiFramework/images/quit.gif") left -1px no-repeat; padding-left: 20px; margin-top: 3px; display: inline-block; height: 18px; line-height: 18px; cursor: pointer; }

.navgationDiv .actionBar input { cursor: pointer; }

.navgationDiv .actionBar label { cursor: pointer; }

.navgationDiv .actionBar img { margin-right: 3px; width: 12px; }

#header.on { position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; box-shadow: 0 0 10px #ccc; background: #0c172a; }
#header{ left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999; }
.header-wrap {}

.header-wrap .logo-wrap { margin-left: 4.3%;
    width: 180px;margin-top: 30px; }

.header-wrap .logo { position: fixed; top: 0; left: -1000px; width: 100%; height: 130px; }

.header-right { overflow: hidden; width: 70%; height: 130px; }

.header-right form { width: 100%; height: 40px; background: #fff; -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }

.header-right form.on { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); }

.header-right form::after { content: "按下回车搜索结果！"; display: inline-block; width: 100%; font-size: 12px; }

.header-right input[type="text"] { width: 95%; height: 30px; border-bottom: 1px solid #ccc; }

.header-right .icon-search { margin: 13px 0 0 20px; cursor: pointer; }

.header-right .icon-search-close { vertical-align: bottom; cursor: pointer; }

.header-right .menu-wrap { width: 100%; height: 80px; text-align: justify;position: relative; }

.header-right .menu-wrap::after { content: ""; display: inline-block; width: 100%; }

.header-right .main-menu { display: inline-block; }

.header-right .main-menu.on > a { color: #40b0e7;  }

.header-right .main-menu > a { line-height: 44px; color: #fff;  font-size: 16px; }

.header-right .main-menu > a:hover { color: #40b0e7; }

#footer { height: 100px; background: #444; line-height: 100px; color: #fff; }

.back-top { position: fixed; right: -100px; bottom: 30px; z-index: 9999; cursor: pointer; -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; }

.back-top.on { right: 20px; }

.back-top .iconfont { font-size: 40px; color: #28a7e1; }

.jedatebox { width: 268px; height: auto; border: 1px #00A1CB solid; position: absolute; background-color: #fff; font-family: "Microsoft Yahei"; font-size: 14px; display: none; cursor: default; }

.jedatebox.dateshow { display: block; }

.jedatebox .jedatetop { width: 100%; background: #00A1CB; color: #fff; overflow: hidden; text-align: center; font-family: '\5B8B\4F53'; }

.jedatebox .jedateym { float: left; height: 40px; line-height: 40px; }

.jedateym span { width: 70%; padding: 0; float: left; text-align: center; text-overflow: ellipsis; display: block; }

.jedateym span input { width: 100%; float: left; padding: 0; border: none; background-color: transparent; text-align: center; }

.jedateym .next, .jedateym .prev { width: 15%; height: 40px; line-height: 45px; float: left; display: block; text-align: center; }

.jedateym .prev:before { width: 0; height: 0; display: inline-block; border-width: 7px; border-style: dashed; border-color: transparent; overflow: hidden; border-right-style: solid; border-right-color: #fff; content: ""; margin: 10px 9px 0 0; }

.jedateym .next:before { width: 0; height: 0; display: inline-block; border-width: 7px; border-style: dashed; border-color: transparent; overflow: hidden; border-left-style: solid; border-left-color: #fff; content: ""; margin: 10px 0 0 6px; }

.jedateym .pndrop { width: 14px; height: 14px; overflow: hidden; display: inline-block; position: relative; vertical-align: middle; }

.jedateym .pndrop:before { width: 0; height: 0; display: inline-block; border-width: 5px; border-style: dashed; border-color: transparent; overflow: hidden; border-top-style: solid; border-top-color: #fff; content: ""; position: absolute; top: 4px; left: 2px; }

.jedatesetm, .jedatesety { width: 100%; position: absolute; left: 0; top: 40px; bottom: 0; background-color: #fff; }

.jedatesetm .ymdropul, .jedatesety .ymdropul { width: 100%; height: 210px; overflow: auto; }

.jedatesety .ymdropul li { width: 33.3%; float: left; text-align: center; height: 40px; line-height: 40px; }

.jedatesetm .ymdropul li { width: 33.3%; float: left; text-align: center; height: 50px; line-height: 50px; }

.jedatesetm .ymdropul li.action, .jedatesety .ymdropul li.action { background: #00A1CB; color: #fff; }

.jedatetopym p { overflow: auto; padding-top: 4px; }

.jedatetopym p span { width: 31%; margin: 0 1.1%; background-color: #00A1CB; color: #fff; display: block; height: 28px; line-height: 28px; text-align: center; font-family: '\5B8B\4F53'; }

.jedatetopym p span.jedateymchri { background-color: #ECF4FB; color: #1F547E; float: left; font-size: 16px; }

.jedatetopym p span.jedateymchle { background-color: #ECF4FB; color: #1F547E; float: left; font-size: 16px; }

.jedatetopym p span.jedateymchok { background-color: #00A1CB; color: #fff; float: right; font-size: 12px; }

.jedatebox .jedaym { height: 202px; overflow: auto; padding: 5px; }

.jedatebox .jedaym li { width: 50%; float: left; text-align: center; height: 32px; line-height: 32px; }

.jedatebox .jedaym li.action { background: #00A1CB; color: #fff; }

.jedatebox .jedaol { width: 100%; overflow: auto; }

.jedatebox .jedaul { padding: 0 4px; overflow: auto; }

.jedatebox .jedaol li, .jedatebox .jedaul li { width: 14.28%; float: left; height: 30px; line-height: 30px; text-align: center; }

.jedatebox .jedaul li { width: 14.28%; float: left; }

.jedatebox .jedaol li.weeks { background: #f5f5f5; border-bottom: 1px solid #ddd; }

.jedatebox .jedaul li.action { background: #00A1CB; color: #fff; }

.jedatebox .jedaul li.nextdate, .jedatebox .jedaul li.prevdate { color: #4DDBFF; }

.jedatebox .jedaul li.disabled { color: #bbb; }

.jedatebox .jedaul li:nth-child(7n) { border-right: none; }

.jedatebot { height: 34px; line-height: 34px; padding: 0 3px 0 5px; overflow: hidden; background: #f5f5f5; }

.jedatebot .botflex { width: 50%; float: left; display: block; margin: 0; padding-top: 3px; overflow: hidden; }

.jedatebot .botflex li { width: 33.33%; float: left; text-align: center; }

.jedatebot .botflex li em { width: 70%; float: left; padding: 0; border: none; border: 1px #ddd solid; background-color: #fff; text-align: center; display: block; height: 28px; line-height: 28px; }

.jedatebot .botflex li i { width: 30%; float: left; height: 28px; line-height: 26px; font-style: normal; display: block; text-align: center; }

.jedatebot .jedatebtn { text-align: center; font-size: 12px; font-family: '\5B8B\4F53'; }

.jedatebot .jedatebtn span { float: left; margin: 0 1.1%; background-color: #00A1CB; color: #fff; display: block; height: 28px; line-height: 28px; text-align: center; }

.jedateh, .jedatems { width: 100%; position: absolute; left: 0; bottom: 40px; background-color: #fff; border-top: 1px solid #ccc; }

.jedatehmstitle { width: 100%; height: 35px; line-height: 35px; background: #f5f5f5; color: #000; position: relative; overflow: hidden; text-align: center; font-size: 15px; }

.jedateh p { width: 20%; float: left; text-align: center; height: 32px; line-height: 32px; }

.jedatems p { width: 10%; float: left; text-align: center; height: 32px; line-height: 32px; }

.jedateh p.action, .jedatems p.action { background: #00A1CB; color: #fff; }

.jedatehmsclose { width: 30px; height: 30px; line-height: 26px; text-align: center; position: absolute; top: 50%; right: 4px; margin-top: -15px; z-index: 150; font-size: 24px; }

@media screen and (max-width: 1200px) { .wrap { width: 95%; } }

@media screen and (max-width: 1024px) { .header-wrap { padding: 20px 0 10px; }
  .header-right .icon-search { margin: 8px 0 0 20px; }
  .header-right .main-menu > a { line-height: 30px; }
  .content .content-banner .job-email-text { font-size: 16px; } }

@media screen and (max-width: 1023px) { .tablet-min-show { display: block; }
  #footer { height: auto; padding: 24px 0; line-height: 24px; }
  #footer span { display: inline-block; } }

@media screen and (max-width: 767px) { .mobile-show { display: block; }
  .mobile-hide { display: none; }
  .wrap { width: 93%; }
  .header-wrap { padding: 20px 0; }
  .header-wrap .logo-wrap { width: 60%; }
  .header-wrap .header-right { width: auto; height: auto; }
  .header-wrap .header-right form { -webkit-box-sizing: border-box; box-sizing: border-box; position: fixed; top: 0; left: 0; width: 100%; height: 60px; padding: 0 20px; -webkit-transform: translateY(-60px); transform: translateY(-60px); }
  .header-wrap .header-right form.on { -webkit-transform: translateY(10px); transform: translateY(10px); }
  .header-wrap .header-right input[type="text"] { width: 90%; }
  .header-wrap .header-right .header-menu { overflow-y: scroll; position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
  .header-wrap .header-right .header-menu.on { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
  .header-wrap .header-right .menu-wrap { width: 78%; height: 100%; padding-left: 20px; background: rgba(255, 255, 255, 0.9); }
  .header-wrap .header-right .main-menu { display: block; }
  .header-wrap .header-right .icon-menu { margin-top: 5px; }
  .header-wrap .header-right .icon-search { margin: 5px 0 0 10px; }
  .header-wrap .header-right .icon-menu-close { position: absolute; top: 20px; right: 20px; } }

@media screen and (max-device-width: 767px) and (orientation: landscape) { .header-wrap .logo-wrap { width: 40%; } }