#bgfix { position: fixed; z-index: -1; width: 100%; height: 100%; background-image: url(../images/bg/m06.jpg); }
.icon_bg { width: 18px; height: 18px; margin-right: 10px; background: #0070c0; }
.logo { text-align: center; padding-top: 70px; }
.wrapper { width: 96%; margin: 0 auto; }
.bg_header { background: url(../images/bg_header.png) no-repeat left bottom; }
.round_photo { width: 140px; height: 140px; text-align: center; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; background-color: #fff; /* padding: 5px;  */
-webkit-box-shadow: 1px 1px 10px 2px #black; -moz-box-shadow: 1px 1px 10px 2px #black; box-shadow: 1px 1px 10px 2px black; }
#logourl { line-height: 130px; overflow: hidden; margin: 0 auto; }
#logourl img { display: inline-block; width: 100%; vertical-align: middle; }
.company_title { margin: 20px 0 0 10px; padding-bottom: 15px; }
.company_title a { text-decoration: underline; color: #fff; }
.company_title a:hover { color: #fff; }
.company_title a.active { color: #fff; }
.company_title h1 { font-size: 20px; text-align: center; color: #fff; }
.company_title h2 { font-size: 1.6em; margin-bottom: 15px; text-align: center; color: #fff; }
.company_bg_main_center { background-color: #fff; }
.company_bg_main_center .main .myfix1 { padding: 24px 0 0 52px; background: url(../images/company.png) no-repeat #0070c0; }
.main h2 { font-size: 1.7em; padding-top: 15px; text-align: left; color: #0070c0; }
.main h2 p { margin-left: 20px; padding-top: 5px; }
.main .info { line-height: 2em; margin: 0 10px; text-align: left; }
.main .info a { word-wrap: break-word; }
.job_bg_main_top { background: url(../images/job_bg_main_top.png) no-repeat; }
.job_bg_main_center { overflow: hidden; background-image: url(../images/job_bg_main_bottom.png); }
.job_bg_main_center .main .myfix1 { margin-bottom: 25px; padding: 24px 0 4px 50px; background: url(../images/job.png) no-repeat #0070c0; }
.job_bg_main_center .main h2 { font-size: 1.7em; padding-top: 25px; text-align: left; color: #0070c0; }
.jobcl { float: left; width: 100%; margin-bottom: .8em; }
.jobcl a { color: #fff; }
.jobtl { line-height: 1.7em; padding: 10px; color: #fff; background: url(../images/job_title.png); }
.jobtl .myfix3 { float: right; padding: 0 5px; color: #fff; background: url(../images/job_title2.png); }
.jobcn { font-size: .8em; line-height: 1.7em; padding: 10px; color: #fff; background: url(../images/job_cnt.png); }
.job_button { line-height: 2em; width: 98%; margin: 1em 1%; text-align: center; color: #fff; color: #fff; background: url(../images/job_title2.png); }
.contactus_bg_main_center { padding-top: 1em; background-color: #fff; }
.contactus_bg_main_center .main .myfix1 { padding: 15px 0 10px 50px; background: url(../images/contact.png) no-repeat #0070c0; }
.contactus_bg_main_center .info { line-height: 2em; margin: 0 10px 0 10px; padding-bottom: 15px; text-align: left; }
.contactus_bg_main_center .info .float-lt{width: 100%;word-break: break-word;}
.bg_copyright { border-top: #ccc solid 1px; background-color: #fff; }
.copyright { font-size: 1em; line-height: 3em; text-align: center; color: #393c4b; }
.backToTop { position: fixed; right: 30px; bottom: 40px; display: none; display: none; width: 38px; cursor: pointer; _position: absolute; _bottom: 'auto'; }
.tools { display: none; width: 100%; height: 100%; }
.modal { position: fixed; z-index: 9999; top: 0; width: 100%; height: 100%; }
.modal .close_btn { font-size: 2em; line-height: 1em; position: absolute; top: 0; right: 0; width: 1em; /* height: 2em;  */
cursor: pointer; text-align: center; color: #fff; background: transparent; }
.modal .mask { position: fixed; top: 0; width: 100%; height: 100%; opacity: .5; background: none; filter: alpha(opacity=0); }
.modal .sharebox,
.modal .loginpane,
.modal .regpane,
.modal .userpane,
.modal .hotjobs { position: absolute; bottom: 20px; left: 10px; width: 90%; /* height: 30%;  */
padding: 2%; border: #dcdcdc solid 1px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: rgba(0, 163, 228, .8); }
.modal .sharebox .code { float: right; width: 34%; }
.modal .sharebox .code p { font-size: .5em; line-height: 2em; width: 100%; text-align: center; color: #fff; }
.modal .sharebox .code img { width: 100%; }
.modal .sharebox.floatbottom { -webkit-animation: floatBottom .4s ease forwards; }
.bdsharebuttonbox { float: left; width: 100%; }
.sharebox .bdshare-button-style0-32 a,
.bdsharebuttonbox a { float: left; width: 25%; height: auto; margin: 5% 4% 1% 4%; text-indent: 0; background: none; }
.modal .loginpane,
.modal .regpane { font-size: 1em; min-width: 45%; color: #fff; }
.modal .regpane { width: 25%; min-width: 25%; }
.modal .regpane { display: none; }
.modal .regpane p { font-size: .8em; right: 5%; margin-top: 1em; text-align: center; color: #eee; }
.modal .regpane p a { color: #eee; }
.modal .loginpane h3,
.modal .regpane h3 { margin: 0; text-indent: 5%; }
.modal .loginpane form { font-size: .8em; width: 100%; }
.modal .regpane form { font-size: .8em; width: 100%; }
.modal .loginpane form a,
.modal .regpane form a { display: block; width: 90%; margin: .3em 0; text-align: right; color: #fff; }
.modal .loginpane input.fill_field,
.modal .regpane input.fill_field { display: block; width: 90%; height: 25px; margin: 3px 5% 0; margin-left: 5%; vertical-align: middle; color: #666; }
.modal .regpane input.fill_field { width: 90%; }
.modal .loginpane input.fill_field:focus,
.modal .regpane input.fill_field:focus { color: #333; }
.modal .loginpane input.fill_field.password { display: inline-block; }
.modal .loginpane input.fill_field.validateimg { display: inline; width: 20%; }
.modal .loginpane input[type=checkbox],
.modal .regpane input[type=checkbox] { margin-left: 5%; VERTICAL-ALIGN: middle; }
.modal .loginpane input[type=submit],
.modal .regpane input[type=submit],
.modal .loginpane input[type=button] { font-size: 1.2em; display: block; width: 70%; height: 2em; margin: 1em auto 0 auto; color: #fff; border: 0; background: #f30000; }
.modal .loginpane input.to_reg_btn { display: none; }
.modal .loginpane .regbox { vertical-align: top; background: rgba(0, 0, 0, .2); }
.modal .loginpane .regbox p { font-size: .9em; line-height: 1.5; margin: 1em; }
.modal .loginpane .regbox p strong { line-height: 2.5; color: #ffbb50; }
.modal .loginpane .regbox a.to_reg_btn { display: block; width: 70%; height: 2em; margin: .8em 15%; text-align: center; color: #333; color: #fff; background: #ffbb50; }
.modal .userpane { width: auto; }
.modal .userpane .avatar,
.modal .userpane .info,
.modal .resume_status { float: left; }
.modal .userpane .info ul { margin: 0 1em; list-style: none; color: #fff; }
.modal .userpane .info ul li { font-size: .8em; line-height: 1.5; }
.modal .resume_status ul { width: 100%; }
.modal .resume_status ul li { font-size: 3em; line-height: 1; float: left; width: 22%; height: 100%; padding: .2em .4em; text-align: center; color: #ffbb50; border-right: 1px solid #ffbb50; }
.modal .resume_status ul li:nth-last-child(1) { border-right: none; }
.modal .resume_status ul li span { font-size: .3em; display: block; margin-top: 1em; text-align: center; }
.modal .userpane .info ul li h4 { font-size: 2em; }
.modal .hotjobs h4 { font-size: 1.5em; text-indent: 5%; color: #fff; }
.modal .hotjobs ul { margin: 1em; color: #fff; }
.modal .hotjobs ul li { line-height: 2; width: 100%; height: 2.5em; margin: .2em 0; text-indent: .5em; }
.modal .hotjobs ul li a { float: right; width: 100px; margin: .2em .2em 0 0; text-align: center; text-indent: 0; color: #000; background: #dafcef; }
.toolbtn { height: 38px; }
.toolbox { position: absolute; right: 63px; bottom: -20px; display: none; overflow: hidden; /* float: right;  */
width: 114px; height: 38px; }
.toolbox a { float: right; width: 38px; height: 38px; }
.toolbox.animate { display: block; }
.toolbox.animate a { -webkit-animation: flipRight 1 1s ease-out; -moz-animation: flipRight 1 1s ease-out; -ms-animation: flipRight 1 1s ease-out; -o-animation: flipRight 1 1s ease-out; animation: flipRight 1 1s ease-out; opacity: 1 !important; }
.modal .mask { background: #333; }
.modal .sharebox .code { position: absolute; bottom: 5%; left: 20%; width: 60%; }
.modal .sharebox .code p { width: 100%; text-align: center; color: #fff; }
.validateimgdiv { overflow: hidden; }
.modal .loginpane .validateimgdiv input.fill_field { float: left; width: 40%; margin: 0 5%; }
.modal .loginpane form .validateimgdiv a { float: right; width: 40%; margin-right: 5%; }
.modal .loginpane form .validateimgdiv a img { vertical-align: middle; }
.modal .loginpane form .validateimgdiv a span { margin-left: 5px; }
.error { display: block; width: 400px; height: 20px; margin-left: 5%; color: red; }
.modal .loginpane .validateimgdiv input.fill_field { float: left; width: 45%; margin-right: 3%; }
.modal .loginpane .validateimgdiv a { display: block; float: left; margin-top: 2px; }
.modal .loginpane .validateimgdiv a img { margin-right: 3px; vertical-align: middle; }
.version { font-family: 'Microsoft Yahei'; font-size: .5em; position: absolute; right: 2em; bottom: .5em; cursor: pointer; text-decoration: underline; color: #bde3ff; }
.shareboxtif { font-size: 1.4em; text-indent: 1em; color: #fff; }
a.meanmenu-reveal { display: none; }
.mean-container .mean-bar { position: fixed; z-index: 999999; top: 0; float: left; width: 100%; min-height: 42px; padding: 4px 0; opacity: .7; background: #0c1923; filter: alpha(opacity=70); -moz-opacity: .7; -khtml-opacity: .7; }
.mean-container a.meanmenu-reveal { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-size: 1px; font-weight: 700; line-height: 22px; position: absolute; top: 0; right: 0; display: block; width: 22px; height: 22px; padding: 13px 13px 11px; cursor: pointer; text-decoration: none; text-indent: -9999em; color: #fff; }
.mean-container a.meanmenu-reveal span { display: block; height: 3px; margin-top: 3px; background: #fff; }
.mean-container .mean-nav { float: left; width: 100%; margin-top: 44px; background: #0c1923; }
.mean-container .mean-nav ul { width: 100%; margin: 0; padding: 0; list-style-type: none; }
.mean-container .mean-nav ul li { position: relative; float: left; width: 100%; }
.mean-container .mean-nav ul li a { display: block; float: left; width: 90%; margin: 0; padding: .8em 5%; text-align: center; text-decoration: none; text-transform: uppercase; color: #fff; border-top: 1px solid #383838; border-top: 1px solid rgba(255, 255, 255, .5); }
.mean-container .mean-nav ul li li a { visibility: visible; width: 80%; padding: 1em 10%; opacity: .75; border-top: 1px solid #f1f1f1; border-top: 1px solid rgba(255, 255, 255, .25); text-shadow: none !important; filter: alpha(opacity=75); }
.mean-container .mean-nav ul li.mean-last a { margin-bottom: 0; border-bottom: 0; }
.mean-container .mean-nav ul li li li a { width: 70%; padding: 1em 15%; }
.mean-container .mean-nav ul li li li li a { width: 60%; padding: 1em 20%; }
.mean-container .mean-nav ul li li li li li a { width: 50%; padding: 1em 25%; }
.mean-container .mean-nav ul li a:hover { background: #252525; background: rgba(255, 255, 255, .1); }
.mean-container .mean-nav ul li a.mean-expand { font-weight: 700; position: absolute; z-index: 2; top: 0; right: 0; width: 26px; height: 32px; margin-top: 1px; padding: 12px !important; text-align: center; border: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, .2) !important; border-left: 1px solid rgba(255, 255, 255, .4) !important; background: rgba(255, 255, 255, .1); }
.mean-container .mean-nav ul li a.mean-expand:hover { background: rgba(0, 0, 0, .9); }
.mean-container .mean-push { float: left; clear: both; width: 100%; margin: 0; padding: 0; }
.mean-nav .wrapper { width: 100%; margin: 0; padding: 0; }
.mean-container .mean-bar,
.mean-container .mean-bar * { top: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.mean-remove { display: none !important; }
.jobdept { font-size: 12px; line-height: 1.5em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.apply { font-size: 18px; line-height: 35px; display: block; height: 40px; margin: 10px auto auto auto; padding: 5px 10; color: #fff; border: none; border-top: 1px solid #fff; }
.apply:hover { background: #0070c0; }
.toolbtn.scale { -webkit-animation: scale 1s; -moz-animation: scale 1s; -o-animation: scale 1s; }
.info .jobbox { position: relative; height: 370px; margin-bottom: 20px; padding-top: 16%; background: url(../images/bg/bgjob.png) top center no-repeat; background-size: 100%; }
.info .jobbox .filter { position: relative; }
.info .jobbox .filter i { position: absolute; z-index: 1; top: -25px; right: 17px; display: block; width: 35px; height: 35px; cursor: pointer; -webkit-border-radius: 8px; border-radius: 8px; background: url(../images/bg/icon_open.png) center center no-repeat #0070c0; background-size: cover; }
.info .jobbox .filter  .filter-list { position: absolute; top: 2px; left: 4%; display: none; width: 88%; padding: 3% 2%; /* border: 1px solid #ddd;  */ max-height:350px; overflow-y:scroll;
-webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; background: #fff; box-shadow: 0 3px 2px #ddd; }
.info .jobbox .filter  .filter-list  a { font-size: 13px; display: inline-block; margin-bottom: 2px; padding: 0 3px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #ccc; }
.info .jobbox .filter  .filter-list  a.on { cursor: pointer; background: #0070c0; }
.info .jobbox .joblist { overflow: hidden; width: 100%; height: 350px; }
.info .jobbox .tabtit { position: absolute; top: 1%; left: 6%; width: 135px; height: 30px; text-overflow: ellipsis; overflow: hidden; word-break: break-word; white-space: nowrap; color: #fff; }
.info .jobbox .joblist .job-con { overflow: hidden; height: 305px; padding: 3% 6% 0; }
.info .jobbox .joblist .job-con li { line-height: 50px; height: 50px; }
.info .jobbox .joblist .job-con li:nth-child(even) { background: #e4e4e4; }
.info .jobbox .joblist .job-con li:nth-child(even) .city { background: url( '../images/bg/odd.png') right center no-repeat; }
.info .jobbox .joblist .job-con li:after { display: block; clear: both; content: ''; }
.info .jobbox .joblist .job-con .tit { font-size: 14px; float: left; width: 60%; height: 50px; padding-left: 2%; }
.info .jobbox .joblist .job-con .tit span { font-size: 13px; line-height: 28px; display: block; overflow: hidden; height: 28px; }
.info .jobbox .joblist .job-con .tit span:nth-child(2) { font-size: 12px; line-height: 20px; overflow: hidden; height: 20px; text-overflow: ellipsis; white-space: nowrap; word-break: inherit; color: #aeaeae; text-shadow: .5px .8px 1px #aeaeae; }
.info .jobbox .joblist .job-con .count { font-size: 12px; float: left; overflow: hidden; width: 28%; height: 50px; }
.info .jobbox .joblist .job-con .city { font-size: 12px; float: right; overflow: hidden; width: 15%; height: 50px; padding-right: 10%; color: #aeaeae; background: url( '../images/bg/odd.png')  right center no-repeat; text-shadow: .5px .8px 1px #aeaeae; }
.joblist .pages { text-align: center; }
.joblist .pages a,
.joblist .pages span { font-size: 13px; line-height: 25px; display: inline-block; }
.joblist .pages a { margin: 0 3px; padding: 2px 5px; }
.joblist .pages a.arr { background: #ececec; }