/* Basic style */
* {
    margin: 0px;
    padding: 0px;
}

html, body {
    font-size: 14px;
    color: #000;
    font-family: "宋体";
}

ul, li {
    list-style: none;
    text-align: left;
    margin: 0;
}

input, select {
    color: #757574;
    vertical-align: middle;
}

a img {
    border: 0;
}
/* font color */
a {
    text-decoration: none;
    color: #333;
}

    a:hover {
        text-decoration: underline;
    }
/* general */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    *+height:1%;
    zoom: 1;
}

.wapper {
    width: 1034px;
    margin: 0 auto;
    overflow: hidden;
}

/* home Layout */
.top {
    height: 35px;
    background: #4f4f4f;
    color: #FFF;
}

.top_nav {
    float: right;
}

.top_time {
    font-size: 12px;
    line-height: 35px;
    font-weight: normal;
}

.top_nav li {
    float: left;
    height: 35px;
    line-height: 35px;
}

    .top_nav li img {
        margin-top: 10px;
    }

    .top_nav li a {
        padding: 0 10px;
        color: #fff;
        font-size: 12px;
    }

.container {
    background: #fff;
    margin-top: 55px;
    border-bottom: 5px solid #e1e1e1;
    padding: 22px;
    width: 1200px;
}

@media screen and (max-width:1200px) {
    .header_layout {
        background: url(../images/top-logo_05.jpg;vpn_img) no-repeat;
        z-index: 100;
        height: 201px;
        width: 1200px;
        background-size: cover;
    }
}

@media screen and (min-width:1201px) {
    .header_layout {
        background: url(../images/top-logo_05.jpg;vpn_img) no-repeat;
        z-index: 100;
        height: 201px;
        min-width: 1200px;
        background-size: cover;
    }
}

.header {
    width: 100%;
}

.menu_layout {
    position: relative;
    z-index: 10000;
    background-color: #3277ab;
}

.menu {
    height: 44px;
    background-color: #3277ab;
    margin: auto;
}

    .menu ul.firmenu li {
        width: 92px;
        float: left;
        background: #3277ab url(../images/menu_line.gif;vpn_img) 100% 0 repeat-y;
    }

.fNiv {
    color: #fff;
    width: 94px;
    float: left;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}

    .fNiv:hover {
        border-bottom: 4px solid #ffb33a;
        background-color: #26639a;
        color: #FFF;
        line-height: 40px;
        text-decoration: none;
    }

.sec_nav {
    display: none;
    position: absolute;
    padding: 0;
    margin: 0;
}

    .sec_nav > li {
        background-color: #3286c5;
        display: block;
        border-bottom: 1px solid #3893d8;
        padding: 0
    }

        .sec_nav > li a {
            font-size: 14px;
            color: #FFF;
            text-transform: none;
            padding: 10px;
            display: block;
            border-top: 1px solid transparent;
            border-bottom: 1px solid transparent;
            cursor: pointer;
        }

            .sec_nav > li a:hover {
                background-color: #ffb33a;
                border-top: 1px solid #ffb33a;
                border-bottom: 1px solid #ffb33a;
                cursor: pointer;
                text-decoration: none;
            }

/*container*/
.clearoverflow {
    overflow: hidden;
}

.overflowscroll {
    overflow: scroll;
}

.clear-1 {
    height: 12px;
}

.clear-2 {
    height: 20px;
}

.clear-3 {
    height: 40px;
}

.clear-4 {
    height: 10px;
}

.le-con {
    width: 700px;
    float: left;
}
/*#frame_wrapper{width:840px;}*/
/*banner*/
.slidest .slide .slide-left img {
    height: 220px;
    *height: 250px;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

.clearfix:after {
    clear: both;
}

#layout {
    border: 1px solid #d2d2d2;
    padding-top: 10px;
    padding-left: 10px;
    margin-right: 16px;
}

.example-slide {
    width: 636px;
    height: 220px;
    position: relative;
}

    .example-slide .slidest {
        position: absolute;
        z-index: 100;
        width: 636px;
    }

.slidest .slides_container .slide-all {
    float: left;
    width: 700px;
}

.slides_container .slide-all a {
    width: 100%;
    display: block;
    overflow: hidden;
}

    .slides_container .slide-all a img {
        width: 100%;
    }

.slidest .slides_container .slide-left {
    float: left;
    width: 166px;
}

.slidest .slides_container .slide-right {
    float: right;
    position: relative;
    width: 440px;
    margin-right: 0px;
}

.slides_container .slide-left img {
    width: 166px;
    display: block;
    overflow: hidden;
}

.slidest .slides_container {
    width: 636px;
    overflow: hidden;
    position: relative;
    display: none;
}

    .slidest .slides_container .slide {
        width: 636px;
        height: 210px;
        display: block;
    }

.imgtitle {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 163px;
    height: 36px;
    line-height: 36px;
    color: #FFF;
    padding-left: 10px;
    background: url(../images/ti-bg.png;vpn_img) repeat-x;
    font-size: 14px;
}

.slidest .pagination {
    position: absolute;
    z-index: 9999;
    bottom: 18px;
    left: 100px;
    height: 4px;
}

    .slidest .pagination li {
        float: left;
        margin: 0 2px;
        list-style: none;
    }

        .slidest .pagination li a {
            width: 12px;
            height: 12px;
            padding-top: 12px;
            background-color: #ddd;
            float: left;
            overflow: hidden;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }

        .slidest .pagination li.current a {
            background-color: #fc712d;
            width: 12px;
            height: 12px;
        }

.slidest:hover a.prev {
    background: url(../images/topicarrow_hover.png;vpn_img) 0px 0px;
}

.slidest:hover a.next {
    background: url(../images/topicarrow_hover.png;vpn_img) 40px 0px;
}
/*右边文字*/
.slide-right .hotinfo-tit {
    text-align: center;
    padding: 10px 5px;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    font-family: 黑体;
    font-style: normal;
    color: #f83b28;
}

.slide-right .hotinfo-desc {
    line-height: 20px;
    margin-top: 0px;
    color: #4c4c4c;
}

.morelink {
    font-size: 14px;
    color: #50b0fa;
}

    .morelink:hover {
        font-size: 14px;
        color: #208ada;
        text-decoration: underline;
        cursor: pointer;
    }

.slide-right .hotinfo-item {
    font-size: 12px;
    padding: 10px 0;
    position: relative;
    margin-top: 10px;
}

    .slide-right .hotinfo-item img {
        display: inline-block;
        width: 32px;
        height: 32px;
        border-radius: 100%;
        margin-right: 10px;
        vertical-align: middle;
        overflow: visible;
    }

    .slide-right .hotinfo-item .hotinfo-link {
        position: absolute;
        width: 90px;
        height: 34px;
        top: 10px;
        right: 0;
    }

.slide-right img.doublearrow {
    height: 12px;
    width: 12px;
    position: absolute;
    margin-top: 3px;
}

.listblock {
    float: left;
    width: 321px;
}

.marginright-44 {
    margin-right: 44px;
}

.listblock-title {
    display: block;
    width: 321px;
    height: 36px;
    background: url(../images/title-line.png;vpn_img) no-repeat;
    font-size: 16px;
    color: #0078cd;
    font-family: "Microsoft Yahei";
}

    .listblock-title:hover {
        color: #085c98;
    }

    .listblock-title img {
        vertical-align: middle;
        margin-right: 5px;
    }

    .listblock-title > img {
        width: 14px;
    }

.listblock ul {
    border: 1px solid #d2d2d2;
    margin-top: 10px;
    padding-left: 16px;
    min-height: 236px;
}

.listblock-more {
    font-size: 12px;
    color: #2f87d0;
    float: right;
    margin-top: 4px;
    font-weight: normal;
}

.listblock ul li {
    margin: 16px 0;
}
/*.listblock ul li a{font-size:14px;color:#000;display:block;width:338px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;cursor:pointer;}*/
/*right content*/
.ri-con {
    float: left;
    width: 301px;
}

.rightlist {
    width: 278px;
}

.rightlist-title {
    font-size: 16px;
    color: #d72800;
    font-weight: bold;
    background: url(../images/r-bg_03.png;vpn_img) no-repeat;
    width: 278px;
    height: 36px;
    line-height: 36px;
    padding-left: 10px;
    font-family: "Microsoft Yahei";
}

.rightlist > ul {
    background-color: #f9f9f9;
    border-bottom: 1px dotted #7f7f7f;
    padding-top: 2px;
    height: 186px;
}

    .rightlist > ul > li {
        padding-left: 10px;
        margin: 10px 0;
    }
/*.rightlist ul li a{font-size:14px;color:#000;display:block;width:278px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;cursor:pointer;}*/
.rightlist-2 {
    width: 200px;
    margin-left: 24px;
}

.rightlist-title-2 {
    font-size: 16px;
    color: #FFF;
    background: url(../images/r-bg2_03.png;vpn_img) no-repeat;
    width: 278px;
    height: 36px;
    line-height: 36px;
    padding-left: 10px;
    font-family: "Microsoft Yahei";
}

.searcharea {
    background-color: #f9f9f9;
    border-bottom: 1px dotted #7f7f7f;
}

.searcharea-a > p {
    padding: 10px 10px 0;
}

    .searcharea-a > p > select {
        width: 189px;
        height: 24px;
        margin-bottom: 5px;
        font-family: "宋体";
        font-size: 14px;
    }

.searcharea-a ul {
    overflow: hidden;
    margin: 0 8px;
}

    .searcharea-a ul li {
        float: left;
    }

        .searcharea-a ul li a {
            display: block;
            width: 53px;
            height: 24px;
            background-color: #e7f2fa;
            color: #808080;
            float: left;
            margin: 6px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            line-height: 24px;
            text-align: center;
        }

            .searcharea-a ul li a:hover {
                background-color: #fa3535;
                color: #FFF;
                text-decoration: none;
                cursor: pointer;
            }

            .searcharea-a ul li a.current-ma {
                background-color: #fa3535;
                color: #FFF;
                text-decoration: none;
                cursor: pointer;
            }

.inputsearch {
    font-family: "宋体";
    font-size: 14px;
    width: 252px;
    height: 30px;
}

.searchbtn {
    width: 94px;
    height: 30px;
    background-color: #333;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 10px 84px;
}

.searcharea-a > p.padtop-0 {
    padding-top: 0;
}

.periods {
    display: block;
    width: 278px;
    height: 48px;
    margin: 8px 0;
    overflow: hidden;
}

    .periods img {
        width: 100%;
    }

.rightlist-3 {
    width: 278px;
}

    .rightlist-3 ul {
        background-color: #f9f9f9;
        height: 274px;
        border-bottom: 1px dotted #7f7f7f;
        padding-top: 1px;
    }

        .rightlist-3 ul li {
            padding-left: 20px;
            margin: 12px 0;
            font-size: 14px;
        }

            .rightlist-3 ul li span a {
                cursor: pointer;
            }

                .rightlist-3 ul li span a img {
                    vertical-align: middle;
                }

/*footer*/
@media screen and (max-width:1200px) {
    .footer {
        background: #fbfbfb;
        height: 291px;
        border-top: 2px solid #3277ab;
        width: 1200px;
        margin-top: 10px;
    }
}

@media screen and (min-width:1201px) {
    .footer {
        background: #fbfbfb;
        height: 291px;
        border-top: 2px solid #3277ab;
        min-width: 1200px;
        margin-top: 10px;
    }
}

.ot-title {
    width: 88px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    background-color: #f0eeee;
    color: #666666;
    margin: 20px 0 0;
}

.le-con02 {
    width: 709px;
    float: left;
    padding-left: 10px;
}

.le-con03 {
    width: 320px;
    float: left;
}

.ot-select {
    width: 168px;
    border: 1px solid #ccc;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    font-family: "宋体";
    font-size: 12px;
}

.ot-links {
    overflow: hidden;
    margin-top: 12px;
}

    .ot-links li {
        float: left;
    }

        .ot-links li a {
            float: left;
            display: block;
            width: 160px;
            margin: 8px 0;
            font-size: 13px;
            color: #4c4c4c;
        }

.marginleft-24 {
    margin-left: 24px;
}

.marginright-24 {
    margin-right: 55px;
}

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

.greyline {
    border-bottom: 1px solid #d9d9d9;
}

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

.footer-bottom {
    margin: 10px auto;
    text-align: center;
    width: 200px;
}

    .footer-bottom img {
        float: left;
    }

    .footer-bottom p {
        line-height: 18px;
        padding-top: 8px;
        font-size: 12px;
    }

/*second page*/
.locate-layout {
    width: 100%;
    background-color: #ecf5ff;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
}
/*.location{position:absolute;left:0;}*/
.location > img {
    vertical-align: middle;
    margin-right: 4px;
}

.location > span {
    color: #0078cd;
}

.se-left {
    width: 240px;
    float: left;
    margin-right: 30px;
}

.le-title {
    width: 100%;
    height: 48px;
    background-color: #2f87d0;
    line-height: 48px;
    color: #FFF;
    font-size: 20px;
    padding-left: 10px;
}

.le-bg {
    width: 100%;
    height: 500px;
    background: url(../images/l-bg.png;vpn_img) no-repeat;
}

.searcharea-a > p > select.select-2 {
    width: 146px;
    height: 24px;
    margin-bottom: 5px;
    font-family: "宋体";
    font-size: 14px;
}

.inputsearch-2 {
    font-family: "宋体";
    font-size: 14px;
    width: 212px;
    height: 36px;
}

.searcharea-a > p.otherp-2 {
    padding: 10px 15px;
}

.writearea {
    background: url(../images/write-bg.jpg;vpn_img);
    width: 156px;
    height: 82px;
    text-align: center;
    margin: 100px 42px 0;
    line-height: 82px;
}

    .writearea a {
        font-size: 14px;
        text-decoration: underline;
    }

.se-right {
    width: 650px;
    float: left;
}

.listblock-2 {
    width: 100%;
}

    .listblock-2 ul li {
        margin: 18px 0;
        font-size: 14px;
    }

        .listblock-2 ul li a {
            width: 100%;
            cursor: pointer;
        }

.listpage {
    float: right;
}

    .listpage ul li {
        float: left;
    }

        .listpage ul li a {
            float: left;
            display: block;
            border: 1px solid #d8d8d8;
            color: #666px;
            font-size: 14px;
            padding: 4px 8px;
            margin: 0 6px;
        }

            .listpage ul li a:hover {
                border: none;
                color: #000;
                font-weight: bold;
                text-decoration: none;
            }

            .listpage ul li a.unavailable {
                color: #d8d8d8;
            }

/*third page*/
.article-title {
    font-size: 34px;
    color: #1a1a1a;
    font-family: "黑体";
    margin: 20px 0;
}

.article-other {
    font-size: 14px;
    color: #1a1a1a;
    margin: 20px 0;
}

.article-other-2 {
    margin: 20px 0;
    font-size: 14px;
}

    .article-other-2 em {
        font-style: normal;
    }

    .article-other-2 button {
        border: none;
        background-color: transparent;
        font-family: "宋体";
        font-size: 14px;
        cursor: pointer;
        outline: none;
    }

    .article-other-2 span {
        cursor: pointer;
    }

.dotline {
    border-bottom: 1px dotted #7f7f7f;
}

.article-content p { /*line-height:30px;*/
}

.relatedcontent h3 {
    font-size: 20px;
    color: #0078cd;
}

    .relatedcontent h3 img {
        vertical-align: middle;
        margin-right: 5px;
    }

.relatedcontent ul {
    border: 1px dotted #4ea4eb;
    padding: 0 10px;
    margin: 10px 0;
}

.comment {
    width: 100%;
    background-color: #f9f9f9;
    padding: 20px;
    margin-top: 10px;
}

.comment-l {
    float: left;
    width: 360px;
    margin-right: 20px;
}

    .comment-l p input {
        border: 1px solid #b2b2b2;
        width: 216px;
        height: 24px;
        margin-left: 10px;
    }

    .comment-l textarea {
        margin-top: 10px;
        width: 360px;
        border: 1px solid #b2b2b2;
        min-height: 100px;
        padding: 10px;
    }

    .comment-l button {
        border: none;
        color: #FFF;
        background-color: #f29d24;
        width: 94px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        float: right;
        margin-top: 10px;
        cursor: pointer;
    }

.comment-r {
    float: left;
    width: 230px;
}

    .comment-r p {
        line-height: 20px;
        font-size: 13px;
    }

        .comment-r p b {
            color: #fa3434;
        }


/*toplinks*/
.ot-bg-top {
    background: url(../images/bo-bg_03.png;vpn_img) no-repeat;
    background-position: top;
    background-size: contain;
}

.ot-bg-bottom {
    background: url(../images/bo-bg_04.png;vpn_img) no-repeat;
    background-size: contain;
    background-position: bottom;
}

.midcontent {
    background-color: #FFF;
    min-height: 640px;
    padding: 40px;
    margin-top: 120px;
}

.fontwhite {
    color: #FFF;
}

.midtitle {
    font-size: 28px;
    color: #1782cf;
    font-weight: bold;
}

.lineheight30 {
    line-height: 30px;
}

.lineheight20 {
    line-height: 20px;
}

.newwidth01 {
    width: 400px;
    margin: 0 auto;
}

.ad-tb {
    width: 800px;
    margin: 0 auto;
}

    .ad-tb thead tr th {
        background-color: #e7f2fa;
        padding: 16px 10px;
        font-size: 18px;
        text-align: center;
        font-weight: normal;
    }

    .ad-tb tbody tr td {
        padding: 16px 10px;
        font-size: 16px;
        text-align: center;
        border-bottom: 1px solid #d2d2d2;
    }

.ad-tb-foot {
    color: #666;
    margin: 30px 0;
}

.bold {
    font-weight: bold;
}

.fontred {
    color: #fa3535;
    font-weight: bold;
}

.midtitle-sub {
    font-weight: normal;
    margin-top: 20px;
    font-size: 22px;
}

.newwidth02 {
    width: 560px;
    margin: 0 auto;
}

.srline {
    margin: 10px 0;
    overflow: hidden;
}

    .srline label {
        text-align: right;
        font-size: 16px;
        font-weight: bold;
        display: block;
        width: 100px;
        float: left;
    }

.rigth-sr {
    width: 440px;
    float: left;
    margin-left: 20px;
}

    .rigth-sr input {
        font-family: "宋体";
        font-size: 16px;
    }

    .rigth-sr .rigth-sr-c {
        width: 100%;
        border: 1px solid #d2d2d2;
        height: 32px;
        line-height: 32px;
        text-indent: 10px;
    }

    .rigth-sr textarea {
        width: 100%;
        border: 1px solid #d2d2d2;
        min-height: 100px;
        text-indent: 10px;
        font-family: "宋体";
        font-size: 16px;
        line-height: 32px;
    }

.t-btn-upload {
    width: 158px;
    height: 50px;
    line-height: 50px;
    background-color: #1380ce;
    font-size: 22px;
    color: #FFF;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 10px 20px;
}

.t-btn-logout {
    width: 158px;
    height: 50px;
    line-height: 50px;
    border: none;
    border: 1px solid #a0a0a0;
    background-color: #FFF;
    font-size: 22px;
    color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 10px 20px;
}

.srline-2 {
    margin-top: 50px;
    margin-left: 120px;
}

.pdfcontent {
    background-color: #FFF;
    min-height: 640px;
    padding: 20px 28px;
}

    .pdfcontent ul {
        overflow: hidden;
    }

        .pdfcontent ul li {
            margin: 20px 25px;
            float: left;
        }

.pdf-block {
    display: block;
    cursor: pointer;
    width: 166px;
}


    .pdf-block img {
        width: 100%;
        height: 209.67px
    }

    .pdf-block p {
        background-color: #e5e5e5;
        font-size: 13px;
        text-align: center;
        width: 166px;
        height: 28px;
        line-height: 28px;
        margin-top: 10px;
    }

.rightlist-title a {
    color: #d72800;
}

.columncontent {
    background-color: #f9f9f9;
    border-bottom: 1px dotted #7f7f7f;
    padding-top: 2px;
    padding: 10px;
    font-size: 12px;
    line-height: 27px;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
}

    .columncontent a {
        text-decoration: underline;
        color: #2f87d0;
    }

.move_div {
    position: fixed;
    width: 300px;
    height: 81px;
    font-weight: bold;
    left: 0;
    top: 0;
    cursor: pointer;
    background: #FFF;
    z-index: 100001;
}

.nw-width {
    width: 1014px;
    margin: auto;
    overflow: hidden;
}

.sm-title {
    font-size: 14px;
    font-family: "Microsoft Yahei";
}

.pic-links {
    width: 776px;
    overflow: hidden;
}

.periods-2 {
    display: block;
    width: 134px;
    height: 30px;
    margin: 10px 6px 0 0;
    float: left;
}

    .periods-2 img {
        width: 100%;
    }

.searcharea {
    background-color: #f9f9f9;
    border-bottom: 1px dotted #7f7f7f;
}
/*要情通报占位*/
.heightfix {
    min-height: 205px;
}

    .heightfix > ul {
        background-color: #f9f9f9;
        border-bottom: 1px dotted #7f7f7f;
        padding-top: 2px;
        min-height: 196px;
    }

        .heightfix > ul > li {
            padding-left: 10px;
            margin: 10px 0;
        }
/*二级列表日期*/
#articlelist i {
    margin-left: 1.5em;
    color: gray;
}
/*二级列表分页样式*/
.listpage a, span {
    margin: 0 3px 0 3px;
    font-size: 1em;
}

.listpage span {
    font-weight: bold;
}
/*详情摘要*/
.article-summary {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 2em;
}

.comment_list {
    padding-top: 40px;
    width: 700px;
    margin: 0 auto;
}

.comment_details {
    float: left;
}

.comment_content {
    margin-top: 10px;
    font-size: 16px;
}

.comment_add_or_last {
    margin: 0 auto;
    clear: both;
    width: 600px;
    height: 40px;
    background: #F0F0F0;
    text-align: center;
    line-height: 40px;
}

.comment_name {
    margin-left: 10px;
    color: #3D9EEA;
    font-size: 15px;
    font-weight: bolder;
}

.layui-icon {
    font-size: 10px;
    color: grey;
}

.del {
    margin-left: 55px;
}

.sheight ul {
    border: 1px solid #d2d2d2;
    margin-top: 10px;
    padding-left: 16px;
    height: 320px;
}

/**自定义错误页*/
.cust_error {
    text-align:center;
}

.cust_error h2{
    margin-bottom:120px;
    text-align: center;
    color:darkgrey;
}