/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p {
    margin: 0;
    padding: 0;
    font-family: "microsoft yahei";
    font-size: 16px;
    cursor: default;
    color: #333;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
}

/*tr,td{border:none;}*/
fieldset,img {
    border: 0;
    border: none;
}

ul,li,dl ,dt,dd ,ol,p,img {
    list-style: none;
    border: none;
    vertical-align: middle;
}

address,caption,cite,code,dfn,em,th,var,optgroup {
    font-style: normal;
    font-weight: normal;
}

del,ins {
    text-decoration: none;
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
}

button,input,select,textarea {
    font-size: 100%;
}

q:before,q:after {
    content: '';
}

abbr,acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

a {
    text-decoration: none;
    outline: none;
    color: #333;
}

a:hover {
    text-decoration: none;
}

a:active {
    outline: none;
}

i {
    font-style: normal
}

:after, :before {
    box-sizing: border-box;
}

/**æ»šåŠ¨æ¡é£Žæ ¼è‡ªå®šä¹‰**/
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    border-radius: 4px;
}

::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 4px;
}

::-webkit-scrollbar-track-piece {
    background-color: rgba(255, 255, 255, 0.2);
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active {
    background-color: rgba(0, 0, 0, .4);
}

/* selectordie.css */
.sod_select, .sod_select * {
    /*-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/* The SoD - Please keep this first three lines intact, otherwise all hell will break looooooose */
.sod_select {
    float: left;
    border-radius: 3px;
    position: relative;
    line-height: 1;
    width: 114px;
    background: #fff url(index_xxgk_search.png) no-repeat 90px center;
    color: #444444;
    font-size: 14px;
    text-align: left;
    text-transform: uppercase;
    outline: 0;
    outline-offset: -2px;
    /* Opera */
    cursor: default;
    margin-right: 10px;
}

.sod_select .xxgk-txt {
    margin: 10px 10px 0 0;
}

/* Change the border color on hover, focus and when open */
/*.sod_select:hover,
.sod_select.open,
.sod_select.focus {
	border-color: #000000;
}*/
.sod_select.open {
    color: #919191;
}

/*.sod_select.focus {
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}*/
/* When the entire SoD is disabled, go crazy! */
.sod_select.disabled {
    border-color: #828282;
    color: #b2b2b2;
    cursor: not-allowed;
}

/* The "label", or whatever we should call it. Keep the first three lines for truncating. */
.sod_select .sod_label {
    height: 40px;
    line-height: 40px;
    text-indent: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 15px;
    width: 100%;
}

.sod_select .sod_prefix {
    /* Use this if you're using a prefix and want to style it */
}

.sod_select .sod_placeholder {
    /* Use this if you're using a placeholder and want to style it */
}

/* Options list wrapper */
.sod_select .sod_list {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    height: auto;
    width: 100%;
    text-align: center;
    background: #ffffff;
    color: #444444;
    font-weight: 300;
    z-index: 1;
    overflow: hidden;
}

/* Shows the option list (don't edit) */
.sod_select.open .sod_list {
    display: block;
}

/* Don't display the options when  */
.sod_select.disabled.open .sod_list {
    display: none;
}

/* When the option list is displayed above the SoD */
.sod_select.above .sod_list {
    top: auto;
    bottom: 100%;
    border-top: 3px solid #000000;
    border-bottom: none;
}

/* Options list container */
.sod_select .sod_list ul {
    overflow-y: auto;
    padding: 0;
    margin: 0;
}

/* All the options. Keep the first three lines for truncating... */
.sod_select .sod_list li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    padding: 10px 10px;
    list-style-type: none;
}

/* Optgroups */
.sod_select .sod_list .optgroup, .sod_select .sod_list .optgroup.disabled {
    background: inherit;
    color: #939393;
    font-size: 10px;
    font-style: italic;
}

/* Children of an optgroup */
.sod_select .sod_list .groupchild {
    padding-left: 20px;
}

/* Disabled option */
.sod_select .sod_list .disabled {
    background: inherit;
    color: #cccccc;
}

/* Hover state for options, also used when a user uses his/hers up/down keys */
.sod_select .sod_list .active {
    background: #f7f7f7;
    color: #333333;
}

/*Make room for the check mark */
.sod_select .sod_list .selected {
    font-weight: 700;
    /* padding-right: 25px; */
}

/* Add a .no_highlight class to you SoD to hide the check mark and don't bold the option */
.sod_select.no_highlight .sod_list .selected {
    font-weight: 300;
}

.sod_select.no_highlight .sod_list .selected:before {
    display: none;
}

.sod_select .sod_list .link {
    /* If data-link is set on a specific option */
}

.sod_select .sod_list .linkexternal {
    /* If data-link-external is set on a specific option */
}

/* Hide native select */
.sod_select select {
    display: none !important;
}

/* The native select in touch mode. Keep this first line. Sorry, keep everything. */
.sod_select.touch select {
    -webkit-appearance: menulist-button;
    position: absolute;
    top: 0;
    left: 0;
    display: block !important;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 1;
}

/******************** 公共部分  ********************/
.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
    clear: both;
}

::-webkit-input-placeholder {
    color: #709dbf;
}

:-moz-placeholder {
    color: #709dbf;
}

::-moz-placeholder {
    color: #709dbf;
}

:-ms-input-placeholder {
    color: #709dbf;
}

.clear {
    clear: both;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

img {
    max-width: 100%;
}

/* top */
.common-top-wrap .top {
    height: 35px;
    line-height: 35px;
}

.common-top-wrap .top .t-l {
    float: left;
    color: #999;
    height: 35px;
}

.common-top-wrap .top .t-l a {
    font-size: 14px;
    color: #999;
    margin: 0 5px;
}

.common-top-wrap .top .t-l a:hover {
    color: #0d7abf;
}

.common-top-wrap .top .t-r {
    float: right;
}

.common-top-wrap .top .top-menu {
    float: left;
}

.common-top-wrap .top .top-menu a {
    float: left;
    font-size: 12px;
    color: #999;
    margin-left: 10px;
}

.common-top-wrap .top .top-menu a img {
    vertical-align: middle;
    margin-left: 5px;
}

.common-top-wrap .top .top-menu a:hover {
    color: #0d7abf;
}

.common-top-wrap .top .top-menu .site-nav {
    float: none;
    display: block;
    border-radius: 12px;
    width: 84px;
    height: 24px;
    background: #bb1a2a;
    text-align: center;
    color: #fff;
    line-height: 24px;
    margin: 0 auto;
}

.common-top-wrap .top .top-menu .site-nav:hover {
    color: #fff !important;
}

.common-top-wrap .top .w1200 {
    position: relative;
}

/* 站群导航 */
.common-top-wrap .site-nav {
    float: right;
    margin: 6px 0 0 10px;
}

.common-top-wrap .site-nav>h4 {
    width: 85px;
    height: 23px;
    border-radius: 12px;
    background: #0d7abf;
    font-size: 14px;
    font-size: 12px;
    text-align: center;
    line-height: 23px;
    color: #fff;
}

.common-top-wrap .site-nav.active>h4 {
    background: #fff;
    color: #0d7abf;
}

.common-top-wrap .site-nav .site-nav-main {
    position: absolute;
    right: 0;
    z-index: 8;
    top: 28px;
    width: 1100px;
    background: #fff;
    padding: 30px 50px;
    overflow: hidden;
    display: none;
}

.common-top-wrap .site-nav-main .hd {
    float: left;
    width: 100%;
}

.common-top-wrap .site-nav-main .hd li {
    position: relative;
    float: left;
    width: 183px;
    background: #f4f4f4;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}

.common-top-wrap .site-nav-main .hd li.on {
    border-radius: 5px;
    box-shadow: 0 0 #ccc;
    line-height: 38px;
    top: -4px;
    background: #0d7abf;
    color: #fff;
}

.common-top-wrap .site-nav-main .bd {
    clear: both;
    margin-top: 20px;
}

.common-top-wrap .site-nav-main .bd ul {
    display: none;
}

.common-top-wrap .site-nav-main .bd ul:first-child {
    display: block;
}

.common-top-wrap .site-nav-main .bd ul li {
    float: left;
    width: 156px;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    padding: 15px 0;
}

.common-top-wrap .site-nav-main .bd ul li a {
    color: #666;
}

.common-top-wrap .site-nav-main .bd ul li a:hover {
    color: #0d7abf;
}

/**事业单位最后一个文字超长做特殊处理**/
.common-top-wrap .site-nav-main ul.sydw li:last-child {
    width: 185px
}

/* header */
.common-top-wrap .header {
    height: 151px;
    border-bottom: 1px solid #005387;
    background: #0d7abf;
}

.common-top-wrap .header .logo {
    float: left;
    padding-top: 30px;
}

.common-top-wrap .header .logo a {
    display: block;
    height: 100px;
    background: url(national_emblem.png) no-repeat left center;
    padding-left: 110px;
}

.common-top-wrap .header .logo h1 {
    font-size: 50px;
    line-height: 70px;
    color: #e01919;
    text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0;
}

.common-top-wrap .header .logo span {
    font-family: Arial;
    font-size: 18px;
    color: #fff;
}

.common-top-wrap .header .search {
    float: right;
    border-radius: 5px;
    width: 408px;
    height: 43px;
    margin-top: 54px;
    overflow: hidden;
}

.common-header__searchform {
    margin: 0;
    padding: 0;
}

.common-top-wrap .header .search .search-txt {
    float: left;
    border: 0;
    width: 304px;
    height: 43px;
    background: #e7f2f9;
    font-size: 14px;
    line-height: 43px;
    padding: 0 15px;
    cursor: text;
    outline: none;
}

.common-top-wrap .header .search .search-btn {
    float: left;
    border: 0;
    border-left: 1px solid #c0cad1;
    width: 74px;
    height: 45px;
    background: url(2020css_bm_search.png) no-repeat center center #e7f2f9;
    text-indent: 12px;
    color: #fff;
    cursor: pointer;
    outline: none;
}

/* 导航 */
.common-top-wrap .nav-bar {
    border-top: 1px solid #45a9e9;
    background: #0d7abf;
}

.common-top-wrap .nav-bar .nav {
    overflow: hidden;
}

.common-top-wrap .nav-bar li {
    float: left;
    width: 170px;
    height: 55px;
    background: url(nav_line.png) no-repeat left center;
}

.common-top-wrap .nav-bar li:first-child {
    background: none;
}

.common-top-wrap .nav-bar li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 55px;
}

.common-top-wrap .nav-bar li.on span,.nav-bar li:hover span {
    font-weight: bold;
    padding-bottom: 5px;
}

/* footer */
.common-footer-wrap .footer {
    border-top: 3px solid #e6e6e6;
    padding: 20px 0;
    background: #0d7abf;
}

.common-footer-wrap .footer .w1200 {
    width: 1100px;
    height: 100%;
    padding: 0 50px;
    overflow: hidden;
}

.common-footer-wrap .footer p {
    font-size: 14px;
    line-height: 26px;
    color: #ffffff;
}

.common-footer-wrap .footer .f-l {
    float: left;
    width: 300px;
}

.common-footer-wrap .footer .f-c {
    float: left;
    height: 104px;
    border-left: 1px solid #e6e6e6;
    padding-left: 69px;
}

.common-footer-wrap .footer .f-c p {
    padding-left: 25px;
}

.common-footer-wrap .footer .f-c p a {
    color: #ffffff;
}

.common-footer-wrap .footer .f-c p:first-child {
    padding-left: 0;
}

.common-footer-wrap .footer .f-c p:first-child img {
    width: 18px;
    margin-right: 7px;
}

.common-footer-wrap .footer .f-r {
    float: right;
    border-left: 1px solid #e6e6e6;
    height: 104px;
    padding-left: 49px;
    line-height: 80px;
}

.common-footer-wrap .footer .f-r img {
    vertical-align: middle;
    margin: 0 5px;
}

/* é€šç”¨ä¿¡æ¯æ ‡é¢˜ */
.title {
    position: relative;
    background: url(title_icon.png) no-repeat left center;
    padding-left: 12px;
}

.title ul {
    border-bottom: none;
    height: auto;
    overflow: hidden;
}

.title li {
    float: left;
    padding-right: 15px;
    font-size: 20px;
}

.title li a {
    display: block;
    font-weight: bold;
    color: #333;
}

.title li.on a {
    color: #0d7abf;
}

.title .more {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.title .more a {
    display: block;
    width: 24px;
    height: 100%;
    background: url(list_more.png) no-repeat center center;
}

/* 通用信息列表 */
.list {
    margin-top: 10px;
}

.list ul {
    display: none;
}

.list ul:first-child {
    display: block;
}

.list li {
    background: url(index_dot.png) no-repeat left center;
    line-height: 36px;
}

.list li a {
    display: block;
    width: 78%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.list li a:hover {
    color: #0d7abf;
}

.list-date li {
    position: relative;
    height: 39px;
    line-height: 39px;
    padding-left: 15px;
    white-space: normal;
}

.list-date li span {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;
}

.list-date li span b {
    font-size: 18px;
    font-weight: normal;
}

/* 面包屑 */
.crumbs {
    background: #f2f2f2;
    line-height: 24px;
    padding: 13px 0;
}

.crumbs .w1200 {
    background: url(2020css_bm_crumbs.png) no-repeat left center;
    padding-left: 30px;
    box-sizing: border-box;
}

.crumbs a:hover {
    color: #0d7abf;
}

.main {
    margin: 20px auto;
    overflow: hidden;
}

/* 分页 */
/**分页区域**/
.cutPage {
    height: 30px;
    margin: 20px;
}

#kkpager {
    clear: both;
    color: #999;
    padding: 5px 0px 5px 0px;
    font-size: 13px;
}

#kkpager a {
    border: 1px solid #ccc;
    display: inline;
    padding: 3px 7px 3px 7px;
    margin-right: 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    background: #fff;
    text-decoration: none;
    color: #999;
}

#kkpager span.disabled {
    display: inline;
    padding: 3px 7px 3px 7px;
    margin-right: 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #DFDFDF;
    background-color: #FFF;
    color: #DFDFDF;
}

#kkpager span.curr {
    border: 1px solid #1062A1;
    display: inline;
    padding: 3px 7px 3px 7px;
    margin-right: 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #E6F1F7;
    color: #1062A1;
}

#kkpager a:hover {
    border: 1px solid #1062A1;
    background-color: #1062A1;
    color: #fff;
}

#kkpager span.normalsize {
}

#kkpager_gopage_wrap {
    position: relative;
    left: 0px;
    top: 0px;
}

#kkpager_btn_go {
    width: 44px;
    height: 18px;
    border: 0px;
    overflow: hidden;
    line-height: 140%;
    padding: 0px;
    margin: 0px;
    text-align: center;
    cursor: pointer;
    background-color: #1062A1;
    color: #FFF;
    position: absolute;
    left: 0px;
    top: 1px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: none;
}

#kkpager_btn_go_input {
    width: 36px;
    height: 16px;
    color: #999;
    text-align: center;
    margin-left: 1px;
    margin-right: 1px;
    border: 1px solid #DFDFDF;
    position: relative;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    left: 0px;
    top: 0px;
    outline: none;
}

#kkpager_btn_go_input.focus {
    border-color: #1062A1;
}

#kkpager .pageBtnWrap {
    float: left;
}

#kkpager .infoTextAndGoPageBtnWrap {
    float: right;
    margin-right: 35px;
}

#kkpager .spanDot {
    margin-right: 5px;
}

#kkpager .currPageNum {
    color: #1062A1;
}

#kkpager .infoTextAndGoPageBtnWrap {
    padding-top: 5px;
}

.p_noData {
    padding: 10px;
    text-align: center;
    color: #ccc;
}

.p_noData img {
    max-width: 85px;
    display: block;
    margin: 10px auto
}

@media only screen and (max-width: 1199px) {
    * {
        box-sizing: border-box;
    }

    .mt30 {
        margin-top: 10px;
    }

    .w1200,.tzgg,.recommend,.xzfg,.column-left {
        width: 100%;
    }

    .top,.content .qrcode,.content-bottom {
        display: none;
    }

    .common-top-wrap .header {
        height: auto;
        padding: 25px 0;
    }

    .common-top-wrap .header .logo {
        float: none;
        text-align: center;
        font-size: 0;
        padding-top: 0;
    }

    .common-top-wrap .header .logo a {
        display: inline-block;
    }

    .common-top-wrap .header .logo h1 {
        font-size: 40px;
        line-height: 60px;
        white-space: nowrap;
        text-align: left;
    }

    .common-top-wrap .header .logo span {
        display: block;
        font-size: 16px;
        white-space: nowrap;
        margin-top: 10px;
        text-align: left;
    }

    .common-top-wrap .header .search {
        float: none;
        margin: 25px auto 0;
        padding-top: 0;
    }

    .common-top-wrap .header .search {
        width: 420px;
    }

    .common-top-wrap .header .search .search-txt {
        width: calc(100% - 74px);
    }

    .common-top-wrap .header .search .search-btn {
        height: 43px;
    }

    .common-top-wrap .nav-bar li {
        width: calc(100% / 6);
    }

    .common-footer-wrap .footer .w1200 {
        width: 100%;
        padding: 0;
    }

    .common-footer-wrap .footer .f-l,.footer .f-c {
        width: 50%;
        padding: 0;
        text-align: center;
    }

    .common-footer-wrap .footer .f-r {
        width: 100%;
        text-align: center;
        margin-top: 10px;
        height: auto;
        padding-left: 0;
    }
}

@media only screen and (max-width: 768px) {
    .common-top-wrap .nav-bar li {
        width: calc(100% / 3);
        height: 46px;
    }

    .common-top-wrap .nav-bar li a {
        line-height: 46px;
        font-size: 16px;
        line-height: 46px;
    }

    .common-top-wrap .nav-bar li:nth-child(4) {
        background: none;
    }

    .slideBox,.slideBox .bd,.slideBox .bd li {
        height: 320px;
    }
    .infoTextAndGoPageBtnWrap{
        display:none;
    }
  
    #kkpager a:nth-of-type(2),
    #kkpager a:nth-of-type(3),
     #kkpager a:nth-of-type(4)
    {
        display:none
    }
    #kkpager .pageBtnWrap{
        float:none;
        display:block;
        text-align:center;
    }
}

@media only screen and (max-width: 480px) {
    .common-top-wrap .header .logo a {
        height: 70px;
        background-size: 66px 70px;
        padding-left: 70px;
    }

    .common-top-wrap .header .logo h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .common-top-wrap .header .logo span {
        font-size: 12px;
        margin-top: 10px;
    }

    .common-top-wrap .header .search {
        width: 90%;
    }

    .common-footer-wrap .footer .f-l,.common-footer-wrap .footer .f-c {
        width: 100%;
    }
}

@media only screen and (max-width: 360px) {
    .common-top-wrap .header .logo a {
        height: 60px;
        background-size: 56px 60px;
        padding-left: 60px;
    }

    .common-top-wrap .header .logo h1 {
        font-size: 24px;
        line-height: 40px;
    }

    .common-top-wrap .header .logo span {
        margin-top: 0;
    }
}

/*********************** right-aside *********************/
.right-aside {
    position: fixed;
    width: 50px;
    top: 240px;
    left: 50%;
    margin-left: 609px;
    background: #979a9b;
    padding: 10px 0;
    border-radius: 4px;
    z-index: 9999;
}

.right-aside ul>li {
    position: relative;
}

.right-aside ul>li>a {
    display: block;
    text-align: center;
    padding: 5px 0;
    transition: .2s;
}

.right-aside ul>li>a.on {
    background: #036ac5;
    padding: 10px 0;
}

.nxapp {
    position: absolute;
    background: #fff;
    display: none;
    box-shadow: 0 0 10px #ccc;
}

.nxapp1 {
    top: -55px;
    left: -130px;
    width: 100px;
}

/* .nxapp2:before{
	position: absolute;
	content:"";
	right: -16px;
	top: 74px;
	border:8px solid transparent;
	border-left-color: #fff;
} */
.nxapp1 h4 {
    line-height: 32px;
    background: #036ac5;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.nxapp-1 {
    padding: 15px 14px;
}

.nxapp-1 p {
    text-align: center;
}

.nxapp-1 p img {
    display: block;
}

.nxapp-1 p span {
    color: #666;
    font-size: 14px;
    display: block;
    margin-top: 4px;
}

.nxapp-1 .p2 {
    margin-top: 8px;
}

.nxapp2 {
    top: 0px;
    left: -130px;
    width: 100px;
}

.nxapp5 {
    top: 4px;
}

.nxapp2 h4 {
    padding: 10px;
}

.nxapp2 h4 img {
    display: block;
}

.nxapp2 h4 span {
    font-size: 14px;
    color: #666;
    display: block;
    margin-top: 4px;
    text-align: center;
}

.nxapp2 h4 a {
    font-size: 14px;
    color: #666;
    display: block;
    margin-top: 4px;
    text-align: center;
}

.nxapp2 h4 a:hover {
    color: #005bac;
}