html { height: 100%; margin: 0; padding: 0; }
body { font-family: 'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif; height: auto; font-size: 13px; color: #676a6c; overflow-x: hidden; }
#container { height: 100%; margin: 0; padding: 0; }
body > #container { height: auto; min-height: 100%; }
#content { padding-bottom: 60px; }
#footer { clear: both; position: relative; z-index: 10; height: 40px; line-height: 40px; color: #1d5494; margin-top: -40px; text-align: center; background-color: #eee; }
a { outline: none; text-decoration: none; cursor: pointer; }
input:focus, select:focus, textarea:focus, #Screenings:focus { border: 1px solid #00a7ea; }
a:link, a:visited, a:active, a:hover { outline-width: 0; text-decoration: none; text-decoration: none; cursor: pointer; }
ul, li { list-style: none; margin: 0; padding: 0; }
header, footer, hgroup, nav, section { display: block; }
mark { background-color: #a6dbed; padding-left: 5px; padding-right: 5px; }
p { margin: 0; padding: 0; }
img { border: 0; vertical-align: top; }
.cc { color: #ccc; }

.no-padding { padding: 0px; }
.overflow { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.clearfix { *zoom: 1; }
    .clearfix:before,
    .clearfix:after { display: table; line-height: 0; content: ""; }
    .clearfix:after { clear: both; }
.p-sm { padding: 15px; }
.p-t-20 { padding-top: 20px; }
.p-b-20 { padding-bottom: 30px; margin-top: 30px; }
.m-b-20 { margin-bottom: 20px; }
.m-b-15 { margin-bottom: 15px; }

.gray-bg { background-color: #f3f3f4; }
.white-bg { background-color: #fff; }
.chosen-container-single .chosen-single span { line-height: 28px; }
.btn-primary { color: #fff; background-color: #00a0e9; border-color: #00a0e9; }
.modal-dialog { margin-top: 90px; }
.modal-header { border-bottom: 0px; }
.form-control { border-color: #eaeaea; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; }

.m-b { margin-bottom: 10px; }

.navbar-default { border: none; /*border-bottom: 1px solid #e7eaec;*/ /* padding: 10px 0; */ box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); }
    .navbar-default .btn-primary { color: #fff; background-color: #00a0e9; border-color: #00a0e9; }
.dh-menu { min-width: 400px; width: 400px; /*box-shadow:none;border-top:none;*/ }
.navbar-brand { background: url("images/company/logo.png") no-repeat center; background-size: contain; width: 195px; margin: 10px; /*height: 60px;*/ }
#top-search .btn-default { border: 2px solid #00a0e9; border-right: 0px; padding: 5px 12px; }
#top-search .form-control { border: 2px solid #00a0e9; border-left: 0px; }
.navbar-form { margin-top: 0px; }
.nav > li { margin-right: 5px; }
    .nav > li > a { font-weight: normal; font-size: 14px; padding: 6px 12px; border-radius: 3px; }

.navbar-toggle { margin-top: 18px; margin-right: 15px; }

@media(min-width:768px) {
    .navbar-toggle { margin-right: 0px; }
}

.navbar { background-color: #ffffff; border-radius: 0; z-index: 10000; margin-bottom: 0px; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { background-color: #f7f8fa; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color: #f7f8fa; }
.navbar-default .navbar-nav > li.dropdown > a.btn:link { color: #fff; }
.navbar-default .navbar-nav > li > a.btn:focus, .navbar-default .navbar-nav > li > a.btn:hover { background-color: #f0a63e; }
.navbar-default .navbar-nav > .open > a.btn, .navbar-default .navbar-nav > .open > a.btn:focus, .navbar-default .navbar-nav > .open > a.btn:hover { background-color: #f0a63e; }
#navbar { padding-top: 20px; }
.navbar-nav > li.dropdown li a { line-height: 30px; display: block; }
.nav > li.active { border-left: none; background-color: transparent; }
.dropdown-menu { background-color: #fff; border: 1px solid #eee; border-radius: 4px; box-shadow: 5px 5px rgba(102, 102, 102, 0.1); display: none; float: left; left: 0; list-style: outside none none; margin: 10px 0 0; min-width: 175px; padding: 0; position: absolute; text-shadow: none; z-index: 1000; }
    .dropdown-menu li.divider { background: #f1f3f6 none repeat scroll 0 0; margin: 4px 0; }
    .dropdown-menu li.header { padding: 8px 14px 2px; }
    .dropdown-menu > li > a { clear: both; color: #6f6f6f; display: block; font-weight: 300; line-height: 18px; padding: 8px 16px; text-decoration: none; white-space: nowrap; }
        .dropdown-menu > li > a > [class*=" fa-"], .dropdown-menu > li > a > [class^="fa-"] { color: #888; }
        .dropdown-menu > li > a > [class*=" icon-"], .dropdown-menu > li > a > [class^="icon-"] { color: #666; }
        .dropdown-menu > li > a > [class*=" glyphicon-"], .dropdown-menu > li > a > [class^="glyphicon-"] { color: #888; }
    .dropdown-menu > li.active:hover > a, .dropdown-menu > li.active > a, .dropdown-menu > li:hover > a { background-color: #f6f6f6; background-image: none; color: #555; filter: none; text-decoration: none; }
    .dropdown-menu.bottom-up { bottom: 100%; margin-bottom: 2px; top: auto; }
        .dropdown-menu.bottom-up::after, .dropdown-menu.bottom-up::before { display: none; }
    .dropdown-menu > li:first-child:hover > a { border-radius: 4px 4px 0 0; }
    .dropdown-menu > li:last-child:hover > a { border-radius: 0 0 4px 4px; }
.dropdown-hover:hover > .dropdown-menu { display: block; }
.btn-group > .dropdown-menu, .dropdown-toggle > .dropdown-menu, .dropdown > .dropdown-menu, .navbar-nav > li > .dropdown-menu { margin-top: 10px; }
    .btn-group > .dropdown-menu::before, .dropdown-toggle > .dropdown-menu::before, .dropdown > .dropdown-menu::before { }
    .btn-group > .dropdown-menu::after, .dropdown-toggle > .dropdown-menu::after, .dropdown > .dropdown-menu::after { border-bottom: 7px solid #eee; border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block !important; left: 10px; position: absolute; right: auto; top: -7px; }
.navbar-right .dropdown > .dropdown-menu::after { border-bottom: 7px solid #eee; border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block !important; position: absolute; left: auto; right: 10px; top: -7px; }

.btn-group > .dropdown-menu.pull-left::before, .dropdown-toggle > .dropdown-menu.pull-left::before, .dropdown > .dropdown-menu.pull-left::before { left: auto; right: 9px; }
.btn-group > .dropdown-menu.pull-left::after, .dropdown-toggle > .dropdown-menu.pull-left::after, .dropdown > .dropdown-menu.pull-left::after { left: auto; right: 10px; }
.btn-group > .dropdown-menu.pull-right::before, .dropdown-toggle > .dropdown-menu.pull-right::before, .dropdown > .dropdown-menu.pull-right::before { left: auto; right: 9px; }
.btn-group > .dropdown-menu.pull-right::after, .dropdown-toggle > .dropdown-menu.pull-right::after, .dropdown > .dropdown-menu.pull-right::after { left: auto; right: 10px; }
.btn-group.dropup > .dropdown-menu, .dropdown-toggle.dropup > .dropdown-menu, .dropdown.dropup > .dropdown-menu { margin-bottom: 10px; margin-top: 0; }
    .btn-group.dropup > .dropdown-menu::after, .btn-group.dropup > .dropdown-menu::before, .dropdown-toggle.dropup > .dropdown-menu::after, .dropdown-toggle.dropup > .dropdown-menu::before, .dropdown.dropup > .dropdown-menu::after, .dropdown.dropup > .dropdown-menu::before { display: none !important; }
.dropdown-toggle::after { display: none; }
.dropdown-submenu { position: relative; }
    .dropdown-submenu > .dropdown-menu { left: 100%; margin-left: -1px; margin-top: -6px; top: 5px; }
    .dropdown-submenu > a::after { content: ""; display: inline-block; font-family: FontAwesome; font-size: 14px; font-weight: 300; height: auto; position: absolute; right: 7px; top: 7px; }
    .dropdown-submenu:hover > .dropdown-menu { display: block; }
    .dropdown-submenu:hover > a::after { border-left-color: #fff; }
    .dropdown-submenu.pull-left { float: none; }
        .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; }
.dropup .dropdown-submenu > .dropdown-menu { bottom: 0; margin-bottom: -2px; margin-top: 0; top: auto; }
.nav.pull-right > li > .dropdown-menu, .nav > li > .dropdown-menu.pull-right { left: auto; right: 0; }
    .nav.pull-right > li > .dropdown-menu::before, .nav > li > .dropdown-menu.pull-right::before { left: auto; right: 12px; }
    .nav.pull-right > li > .dropdown-menu::after, .nav > li > .dropdown-menu.pull-right::after { left: auto; right: 13px; }
    .nav.pull-right > li > .dropdown-menu .dropdown-menu, .nav > li > .dropdown-menu.pull-right .dropdown-menu { left: auto; margin-left: 0; margin-right: -1px; right: 100%; }


footer { background: #fff; padding: 30px 0px; text-align: center; color: #999; border-top: 1px solid #e7eaec; }
    footer a { color: #999; margin: 5px; line-height: 200%; }
        footer a:hover { text-decoration: underline; }

@media(min-width:768px) {
    footer { padding: 30px; }
}

#period { height: 34px; border: 1px solid #e4eaec; border-radius: 4px; }

/*zph-hg*/
.banner { text-align: center; width: 100%; background: url(/Content/images/zph/zph.jpg) no-repeat center top; background-size: cover; }
.title h1 { color: #fff; margin-bottom: 5px; font-size: 28px; font-weight: 600; letter-spacing: 2px; padding-top: 10px; line-height: 150%; }
.zph-hg-bg { padding: 20px; border: 1px solid #f0f0f0; min-height: 200px; padding: 20px; background-color: #fff; }
    .zph-hg-bg h2 { margin-top: 0px; font-size: 18px; border-bottom: 1px solid #f0f0f0; margin-bottom: 15px; height: 40px; position: relative; color: #337ab7; background-color: #fff; }
        .zph-hg-bg h2 span { background-color: #fff; padding: 0 20px 0 0; position: absolute; }
.zph-hg-content li { line-height: 250%; position: relative; padding: 20px 0; border-bottom: 1px dotted #ccc; }
    .zph-hg-content li span { position: absolute; right: 0px; top: 0; display: block; width: 100px; color: #999; line-height: 70px; text-align: right; }
.submenu li { border-radius: 5px; background-color: #f8f8f8; margin-bottom: 10px; }
.zph-hg-content li img { width: 100%; top: 15px; }
.zph-hg-content li a { float: left; display: block; color: #555; }
.zph-hg-content li p { margin-left: 0px; margin-bottom: 0px; }
    .zph-hg-content li p.text { color: #999; line-height: 200%; }

.zph-title { font-size: 18px; margin-left: 10px; margin: 10px 0px; }
.submenu li a { display: block; }
.col-xs-9 { width: 100%; }

@media(min-width:768px) {
    .title h1 { color: #fff; margin-bottom: 5px; font-size: 32px; font-weight: 600; letter-spacing: 10px; padding-top: 10px; line-height: 46px; }

    .zph-title { padding-right: 100px; margin: 0px; }
    .zph-hg-content li img { width: 120px; height: 80px; top: 15px; float: left; }
    .col-xs-9 { width: 75%; }
    .zph-hg-content li p { margin-left: 140px; }
}
/*zph-hg-end*/


/*xiaoyuan*/
.agogList { float: none; width: 100%; border: 1px solid #eee; line-height: 30px; text-align: center; font-size: 14px; margin-left: -1px; margin-bottom: -1px; background-color: #fff; position: relative; }
    .agogList:hover .agognum { display: block; }
    .agogList img { margin: 30px 0px; }
    .agogList dt { background-color: #fff; }
    .agogList dd { width: 216px; margin-left: auto; margin-right: auto; height: 30px; line-height: 30px; overflow: hidden; margin-bottom: 15px; color: #333; }
        .agogList dd span { color: #cccccc; }
        .agogList dd a { color: #999; }
            .agogList dd a:hover { color: #ff6347; }
.agognum { background: rgba(50, 50, 50, 0.7); color: #91fcd0; line-height: 25px; font-size: 14px; width: 100%; height: 100%; padding: 50px 10px; text-align: center; position: absolute; top: 0px; display: none; z-index: 2; left: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .agognum span, .agogList .more span { font-size: 30px; }
.agogList .more a { width: 100%; height: 161px; background-color: #fff; color: #4caf50; padding-top: 50px; display: inline-block; text-decoration: none; }
    .agogList .more a:hover { box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.03); }

@media(min-width:768px) {
    .agogList { float: left; width: 229px; }
}



.job-news-list li a { display: block; line-height: 300%; font-size: 13px; border-bottom: 1px dashed #eee; color: #555; }

@media(min-width:768px) {
    .job-news-list li a { font-size: 16px; }
}

/*.navbar-default .navbar-toggle .icon-bar { background-color:#fff;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color:rgba(255,255,255,.2); }*/


/*头部*/
    .jf-banner h2 { margin: 0px; line-height: 80px; padding-top: 30px; font-size: 42px; color: #fff; font-weight: 600; letter-spacing: 10px; }
    .jf-banner h4 { margin: 0px; line-height: 45px; color: rgba(255,255,255,.6); font-size: 18px; }
    .jf-banner ul { margin-top: 20px; text-align: center; }
    .jf-banner li { display: inline-block; margin: 0px 10px; }
        .jf-banner li a { display: block; height: 40px; line-height: 36px; width: 120px; color: #fff; font-size: 18px; border-radius: 4px; }
    .jf-banner .btn-open { background-color: #ffa21e; border: 1px solid #ffa21e; }
    .jf-banner .btn-contents { border: 1px solid #fff; }

/*搜索*/
.search-box { height: 100px; background-color: #edf4f9; padding-top: 35px; }
    .search-box .search-all { margin: 40px auto 5px; width: 700px; }
.search-all .input-search { padding-left: 25px; height: 38px; border: 1px solid #eee; float: left; width: 590px; margin-left: -1px; }
.search-all button { float: left; display: inline-block; width: 100px; text-align: center; background-color: #3b9ff5; color: #fff; letter-spacing: 1em; text-indent: 1em; border: none; height: 38px; line-height: 38px; font-size: 15px; }
    .search-all button:hover { background-color: #348dd9; cursor: pointer; }
.search-area { width: 103px; border: 1px solid #eee; float: left; height: 38px; line-height: 36px; text-align: center; display: inline-block; background-color: #fff; font-size: 14px; }
.search-hot { width: 700px; margin: 12px auto 0px; font-size: 13px; }
    .search-hot li { float: left; margin-right: 18px; }
        .search-hot li a { color: #3b9ff5; }
    .search-hot .s-title { margin: 0 10px 0px 12px; color: #999; }

/*列表*/
.db .company-box { margin-top:50px; padding-bottom: 20px; }
   .db .company-box li { float: left; width: 380px; height: 305px; margin-right: 30px; border-radius:2px; background-color: #fff; margin-bottom: 30px;padding-bottom:5px; box-shadow: 0px 0px 12px rgba(0,0,0,.1); }
        .company-box li:hover {  }
        .company-box li:nth-child(3n) { margin-right: 0px; }
    .company-box .jfc-logo { position: relative; }
        .company-box .jfc-logo img { margin-top: 19px; width: 80px; position: absolute; left: -97px; top: 0px; border-radius:2px; padding:2px; background-color:#fff; }
.company-logo-box { padding:0px 0px 15px 115px; border-bottom: 1px solid #eee;background-color:#e8f2f9;margin-bottom:10px; }
    .company-logo-box span { display: block; }
    .company-logo-box .jfc-t1 { font-size: 18px; line-height: 45px; height: 45px; overflow: hidden; padding-top: 4px; }
    .company-logo-box .jfc-t2 { color: #999;height:18px;line-height:18px;overflow:hidden; }
.company-box .company-job { font-size: 15px; line-height: 30px; height: 30px; overflow: hidden; position: relative; padding-right: 145px;margin: 8px 18px 0px; }
    .company-box .company-job a { color:#555;}
    .company-box .company-job span { position: absolute; right: 0px; top: 0px; color: #ffa21e; font-size: 18px; }
.company-box .company-job-more { font-size: 13px; line-height: 26px; color: #999; padding-bottom: 8px; border-bottom: 1px dashed #eee;margin: 0px 18px; }
    .company-box .company-job-more:last-child {  border-bottom:0px;}
.company-box .company-more-show { text-align: center;padding:5px; }
    .company-box .company-more-show a { display: inline-block; width: 90px; background-color: #f5f5f5; line-height: 28px; color: #999; border-radius: 4px; margin-top: 5px; }

.layui-layer-dialog .layui-layer-content { text-align: center; font-size: 15px; }


/*清除浮动*/
.clearFloat:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; }
.clearFloat { zoom: 1; }
.db { margin: 0px auto; width: 1200px; }
input, button, select, textarea { outline: none; }

/*头部*/
.text-list { line-height: 200%; margin: 30px auto; font-size: 15px; }
    .text-list h2 { text-align: center; font-size: 30px; margin: 80px 0px 40px; }
    .text-list p { text-indent: 2em; color: #999; }
    .text-list li { float: left; padding: 20px; }
        .text-list li h3 span { display: block; text-align: center; margin-bottom: 20px; font-size: 20px; }
            .text-list li h3 span .iconfont { font-size: 3em; }
    .text-list ul { margin-top: 20px; }

.icon { width: 5em; height: 5em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }