/**
 * Theme Name: 人事处
 * Author: zchar
 * Author URI: http://zchar-hong.com
 * Description: 2014年人事处网站开发 
 * Version: 1.0
**/
a,
body,
caption,
div,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
label,
li,
ol,
p,
span,
strong,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline
;}

table {
    border-collapse: collapse;
    border-spacing: 0;
    vertical-align: middle
;}

caption,
td,
th {
    text-align: left;
    font-weight: 400;
    vertical-align: middle
;}

a img {
    border: none
;}

body {
    font: 13px/1.5 宋体, 黑体;
    color: #333;
    background-repeat: 'repeat';
    background-position: '#ccffff'0;
    background-color: transparent
;}

img[src="/images/common/3.gif"] {
    float: left;
    display: none !important
;}

a {
    text-decoration: none;
    color: #093
;}

a:hover {
    text-decoration: underline
;}

#header {
    background-repeat: 'repeat-x';
    background-position: 0 0;
    background-color: #FFF
;}

#header .inner-wrapper {
    position: relative;
    height: 100px;
    width: 1170px;
    margin: 0 auto
;}

#header .inner-wrapper h1 {
    font-size: 0;
    text-indent: -99999em;
    color: transparent;
    float: left;
    display: inline-block
;}

#header .inner-wrapper h1 a {
    display: block;
    width: 500px;
    height: 100px;
    background-image: url(img/newlogo.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: transparent;
    background-size:cover;}

#header .inner-wrapper span {
    color: transparent;
    position: absolute;
    display: block;
    float: right;
    font-size: 15px;
    bottom: 18px;
    right: 39px
;}

#header .inner-wrapper span a {
    letter-spacing: 1px
;}

#banner {
    background-image: url(img/banner-bg.png);
    background-repeat: 'repeat-x';
    background-position: 0 0;
    background-color: transparent;
    height: 217px
;}

#banner .inner-wrapper {
    margin: 0 auto;
    background-image: url(img/banner.jpg);
    background-repeat: 'no-repeat';
    background-position: 0 0;
    background-color: transparent;
    width: 1201px;
    height: 100%;
    position: relative;
}


.banner-logo-bg{
    position: absolute;
    width: 375px;
    left: 352px;
    top: -32px;
}

#banner .inner-wrapper > span {
    color: transparent;
    position: absolute;
    display: block;
    float: right;
    font-size: 15px;
    right: 20px;
    top: 17px;
}

#nav {
margin:0 auto;
    height: 35px;
    border: 1px solid #063;
    background-color: #029142
;}

#nav ul {
    list-style: none;
    width: 1456px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}

#nav ul li {
    
    font-size: 20px;
    line-height: 35px
;}

#nav ul li a {
    display: block;
    padding: 0 8px;
    font-weight: 700;
    color: #fff
;}

#nav ul li a:hover {
    text-decoration: none;
    color: #ececec
;}
.political{
height:408px;
}

.political-title {
    background-image: url(img/annouce.jpg);
    background-repeat: no-repeat;
    background-position: 0 8px;
    background-color: transparent;
    position: relative;
    padding-left: 32px;
    line-height: 36px;
    height: 36px;
    font-size: 20px;
    font-weight: 700;
    color: #093;
}
.political-title > a {
    position: absolute;
    color: #093!important;
    font-size: 12px!important;
    bottom: 0;
    right: 0;
    font-weight: 700;
}
.political > .list >div{
    height:385px;
    overflow:hidden;
} 
#footer {
    margin-top: 10px;
    padding-top: 25px;
    padding-bottom: 25px;
    background-image: url(img/footer-bg.jpg);
    background-repeat: repeat;
    background-position: 0 0;
    background-color: transparent;
    border-top: 1px solid #999
;}

#footer h1 {
    width: 360px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 2em;
    color: #666;
    margin: 0 auto
;}

#footer h1 a {
    color: #666
;}

#footer h1 a:hover {
    color: #777
;}

.pos {
    background-color: #093;
    border-radius: 4px 4px 0 0;
    line-height: 40px;
    padding-left: 17px;
    font-size: 13px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 2px
;}

.hidden {
    display: none
;}

.date {
    font-size: 11px;
    color: #7d7d7d;
    font-style: italic;
    font-family: Arial, Helvetica, sans-serif
;}

#main .optionClick {
    display: block
;}

#main .box {
    border: 1px solid #ccc;
    padding: 1px;
    background-color: #fff;
    margin-bottom: 5px;
    height: 203px
;}

#main .box .title {
    position: relative;
    background-color: #093;
    width: 100%;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    font-weight: 700;
    text-indent: 13px;
    letter-spacing: 2px
;}

#main .box .title a {
    display: block;
    position: absolute;
    color: #fff;
    font-size: 12px;
    bottom: -1px;
    right: 11px
;}

#main #content {
    width: 1416px;
    margin: 0 auto;
    padding: 14px 0 6px;
    display: block
;}

#main #content a {
    color: #4d4d4d;
    font-size: 16px;
line-height: 40px;
    font-weight: 400;
}

#main #content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
;}

#main #content .section-news {
    float: left;
    border: 1px solid #ccc;
    background-color: #f8f8f8;
    padding: 10px 10px 5px;
    width: 945px
;}

#main #content .section-news .news {
    border: 1px solid #ccc;
    padding: 1px;
    background-color: #fff;
    margin-bottom: 5px;
    height: 241px;
    float: left;
    width: 445px;
    overflow: hidden
;}

#main #content .section-news .news .title {
    position: relative;
    background-color: #093;
    width: 100%;
    color: #fff;
    font-size: 19px;
    line-height: 36px;
    font-weight: 700;
    text-indent: 13px;
    letter-spacing: 2px
;}

#main #content .section-news .news .title a {
    display: block;
    position: absolute;
    color: #fff;
    font-size: 12px;
    bottom: -1px;
    right: 11px
;}

#main #content .section-news .news .list {
    padding: 9px
;}

#main #content .section-news .news .list table {
    width: 100%
;}

#main #content .section-news .news .list table tr {
    line-height: 2em
;}

#main #content .section-news .news .list table div {
    font-size: 15px;
    color: #7d7d7d;
    font-style: italic;
    font-family: Arial, Helvetica, sans-serif
;}

#main #content .section-news .info {
    border: 1px solid #ccc;
    padding: 1px;
    background-color: #fff;
    margin-bottom: 5px;
    height: 240px;
    float: right;
    width: 486px;
    overflow: hidden
;}

#main #content .section-news .info .title {
    position: relative;
    background-color: #093;
    width: 100%;
    color: #fff;
    font-size: 19px;
    line-height: 36px;
    font-weight: 700;
    text-indent: 13px;
    letter-spacing: 2px
;}

#main #content .section-news .info .title a {
    display: block;
    position: absolute;
    color: #fff;
    font-size: 15px;
    bottom: -1px;
    right: 11px
;}

#main #content .section-news .info .list {
    padding: 9px
;}

#main #content .section-news .info .list table {
    width: 100%
;}

#main #content .section-news .info .list table tr {
    line-height: 2em
;}

#main #content .section-news .info .list table div {
    font-size: 15px;
    color: #7d7d7d;
    font-style: italic;
    font-family: Arial, Helvetica, sans-serif
;}

#main #content .section-news .clear {
    display: block
;}

#main #content .section-news .clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
;}

#main #content .sidebar {
height: 754px;
    padding-right: 12px;
    padding-left: 12px;
    float: right;
    border: 1px solid #ccc;
    width: 416px;
    background-color: #f8f8f8;
    padding-bottom: 11px
;}



#main #content .sidebar .single {
height:0;
    margin-top: -14px;
;}

#main #content .sidebar .single .title-annouce {
    background-image: url(img/annouce.jpg);
    background-repeat: no-repeat;
    background-position: 0 8px;
    background-color: transparent;
    position: relative;
    padding-left: 32px;
    line-height: 36px;
    height: 36px;
    font-size: 19px;
    font-weight: 700;
    color: #093;
    margin-top: 10px;
}

#main #content .sidebar .single .title-annouce a {
    position: absolute;
    color: #093;
    font-size: 12px;
    bottom: 0;
    right: 0;
    font-weight: 700;
    _margin-top: 1.7em
;}

#main #content .sidebar .single .list {
    margin-top: 6px;
    border-bottom: solid 1px #ccc
;}

#main #content .sidebar .single .list table {
    width: 100%
;}

#main #content .sidebar .single .list table tr {
    line-height: 2em
;}

#main #content .sidebar .single .list table a {
    color: #4d4d4d
;}

#main #content .sidebar .single .list table div {
    font-size: 10px;
    color: #7d7d7d;
    font-style: italic;
    font-family: Arial, Helvetica, sans-serif
;}

#main #content .sidebar .single .title-download {
    margin-top: -20px;
    position: relative;
    padding-left: 32px;
    line-height: 36px;
    height: 36px;
    font-size: 19px;
    font-weight: 700;
    color: #093;
    background-image: url(img/down.jpg);
    background-repeat: no-repeat;
    background-position: 0 8px;
    background-color: transparent
;}

#main #content .sidebar .single .title-download a {
    position: absolute;
    color: #093;
    font-size: 12px;
    bottom: 0;
    right: 0;
    font-weight: 700;
    _margin-top: 1.7em
;}

#main #content .sidebar .single #download {
    
;}

#main #content .sidebar .single .list {
    
;}

#main #content .sidebar .single .division {
    height: 2px;
    width: 227px;
    background-color: #ccc
;}

#main #content .sidebar .sys-enter {
    padding: 27px 0;
;}

#main #content .sidebar .sys-enter a.btn {
    margin: 0 auto;
    display: block;
    width: 217px;
    height: 51px;
    background-image: url(img/btn.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: transparent
;}

#main #content .sidebar .sys-enter a.btn:hover {
    opacity: .85;
    filter: alpha(opacity=85);
    transition: opacity .2s ease-in-out
;}

#main #content .sidebar .sys-enter .select {
    margin: 26px auto;
    position: relative;
    width: 219px;
    height: 39px;
    background-image: url(img/option-bg.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: transparent;
    color: #093;
    font: 14px/1.5em '黑体'
;}

#main #content .sidebar .sys-enter .select span {
    display: block;
    line-height: 39px;
    text-align: center;
    width: 219px;
    font-weight: 700;
    cursor: pointer
;}

#main #content .sidebar .sys-enter .select .option {
    position: absolute;
    font-weight: 700;
    *z-index: 999 !important;
    z-index: 999 !important;
    _z-index: 999 !important;
    top: 34px;
    width: 215px;
    border: 2px solid #97d3be;
    background-color: #f8f8f8;
    padding-bottom: 5px;
    visibility: hidden
;}

#main #content .sidebar .sys-enter .select .option li {
    margin: 0 auto;
    text-align: center;
    list-style: none;
    font: 14px/28px '黑体'
;}

#main #content .sidebar .sys-enter .select .option li a {
    display: block;
    color: #666
;}

#main #content .sidebar .sys-enter .select .option li a:hover {
    color: #fcfcfc;
    background-color: #093
;}

#main #content .sidebar .sys-enter a.email {
    width: 180px;
    margin: 0 auto;
    margin-top: 20px;
    display: block;
    background-image: url(img/email.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
    background-color: transparent;
    padding-left: 32px;
    font-size: 16px;
    color: #555;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 16px;
    letter-spacing: 2px;
    font-weight: 700;
    height: 16px;
    padding-bottom: 20px
;}

#main #content .sidebar .sys-enter a.email:hover {
    text-decoration: none;
    cursor: pointer;
    color: #999
;}

#main #content .clear {
    display: block
;}

#main #content .clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
;}

#main #content #link {
    margin-top: 9px;
    width: 1367px;
    height: 53px;
    border: 1px solid #ccc;
    background: #fff;
    padding: 12px 24px
;}

#main #content #link .link-title {
    width: 65px;
    line-height: 14px;
    font-size: 14px;
    color: #093;
    font-weight: 700;
    padding-bottom: 7px;
    border-bottom: 2px solid #093;
    font-family: '宋体'
;}

#main #content #link ul {
    list-style: none
;}

#main #content #link ul li {
    float: left;
    margin-right: 18px;
    font-weight: 700;
    line-height: 39px;
    letter-spacing: 2.5px
;}

#main #content #link ul li a {
    color: #666;
font-size: 15px;
}

#main #content #link ul li a:hover {
    color: #777
;}

#listcolumn #content {
    width: 1170px;
    margin: 0 auto;
    padding: 14px 0 6px;
    display: block
;}

#listcolumn #content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
;}

#listcolumn #content #menu {
    float: left;
    background-color: #fcfcfc;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 230px;
    padding: 1px 1px 0
;}

#listcolumn #content #menu .title {
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #ddd;
    width: 190px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    text-align: left;
    padding-left: 13px;
    background-color: #093
;}

#listcolumn #content #menu table {
    width: 100%
;}

#listcolumn #content #menu table .menu-list:last-child a {
    border-bottom: none
;}

#listcolumn #content #menu table .menu-list .selected {
    background-color: #f1f1f1;
    color: #4d4d4d;
    padding: 0 20px;
    transition: background-color .2s ease-in-out, color .2s ease-in-out, padding .3s ease-in-out;
    text-decoration: none
;}

#listcolumn #content #menu table .menu-list a {
    display: block;
    line-height: 40px;
    font-size: 14px;
    color: #7d7d7d;
    border-bottom: 1px solid #ddd;
    padding-left: 17px
;}

#listcolumn #content #menu table .menu-list a:hover {
    background-color: #f1f1f1;
    color: #4d4d4d;
    padding: 0 20px;
    transition: background-color .2s ease-in-out, color .2s ease-in-out, padding .3s ease-in-out;
    text-decoration: none
;}

#listcolumn #content #list {
    float: right;
    width: 920px;
    background-color: #fcfcfc;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 1px
;}

#listcolumn #content #list .title table {
    width: 100%
;}

#listcolumn #content #list .title table td {
    background-color: #093;
    border-radius: 4px 4px 0 0;
    line-height: 40px;
    padding-left: 17px;
    font-size: 13px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 2px
;}

#listcolumn #content #list .title table td a {
    color: #fff
;}

#listcolumn #content #list .title table td a:hover {
    text-decoration: underline;
    color: #fcfcfc
;}

#listcolumn #content #list .news {
    padding: 15px;
    margin-bottom: 10px
;}

#listcolumn #content #list .news .news-list {
    width: 100%;
    padding-bottom: 10px
;}

#listcolumn #content #list .news .news-list a {
    display: block;
    float: left;
    width: 735px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 10px;
    background-image: url(img/list-bg.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
    line-height: 30px;
    height: 30px;
    color: #4d4d4d
;}

#listcolumn #content #list .news .news-list a:hover {
    cursor: pointer;
    text-decoration: underline
;}

#listcolumn #content #list .news table {
    text-align: right
;}

#displayinfo #content {
    width: 1170px;
    margin: 14px auto 6px;
    border: 1px solid #ddd;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: block;
    padding: 1px
;}

#displayinfo #content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
;}

#displayinfo #content #article-pos {
    width: 100%
;}

#displayinfo #content #article-pos td {
    background-color: #093;
    border-radius: 4px 4px 0 0;
    line-height: 40px;
    padding-left: 17px;
    font-size: 13px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 2px
;}

#displayinfo #content #article-pos td a {
    color: #fff
;}

#displayinfo #content #article-pos td a:hover {
    text-decoration: underline;
    color: #fcfcfc
;}

#displayinfo #content #article-pos td .posSplit {
    background-image: url(../../images/possplit.gif);
    background-repeat: no-repeat;
    text-indent: 12px;
    background-position: center
;}

#displayinfo #content .post {
    padding: 15px
;}

#displayinfo #content .post h1 #article-title {
    width: 100%
;}

#displayinfo #content .post h1 #article-title td {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px;
    text-align: center
;}

#displayinfo #content .post .description {
    width: 100%
;}

#displayinfo #content .post .description td {
    text-align: center;
    padding-bottom: 10px
;}

#displayinfo #content .post .description td span {
    font-size: 16px
;}

#displayinfo #content .post .article {
    font-size: 16px !important
;}

#displayinfo #content .post .article p {
    line-height: 2em !important
;}

#displayinfo #content .post .article table table {
    width: 1140px !important;
    margin: 0 auto !important
;}

.abord .button_str{
    width: 216px;
    height: 48px;
    background-color: rgb(51, 102, 204);
    border-radius: 5px;
    text-align: center;
    line-height: 48px;
    color: #FFFFFF;
    font-weight: bold;
    letter-spacing: 5px;
        margin: 7px auto 7px auto;
    font-size: 19px;
    border:1px solid black;
}

.abord .button_str .img_logo{
   width:20px;
   height:20px;
   
}
.abord:hover{
text-decoration: none;
}

.abord:hover .button_str{
background-color: rgb(81, 124, 211);
}