﻿﻿@charset "utf-8";
/* 链接 */

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

a:hover { color: #224b7f; text-decoration: none; }

a:active { outline: none; }

/* 头部、底部、全局 */

body { overflow-x: hidden; font-size: 16px; color: #333; background: #fff url(../images/bg.jpg) 50% 0 no-repeat; }

.inner,
.nav ul,
.links,
.copyright { position: relative; width: 1100px; margin-left: auto; margin-right: auto; }

.header h1 { width: 100%; height: 150px; padding-left: 100px; background: url(../images/logo.png) 0 50% no-repeat; }

.header h1 a { display: block; color: #fff; height: 100%; line-height: 150px; font-size: 35px; font-weight: bold; }

.header h2 { width: 100%; height: 235px; background: url(../images/head.png) 50% 0 no-repeat; }

.header h2 a { display: block; height: 100%; }

@media (max-width: 1200px) {
    .header h1 { width: 100%; background-position: 10px 50%; background-size: auto 50%; }

    .header h2 { width: 100%; background-position: 50% 0px; background-size: auto 50%; }
}

@media (max-width: 768px) {
    .header h1 a { font-size: 30px; }

    .header h2 { background-position: 30% 0px; background-size: auto 50%; }

    .inner,
    .nav ul,
    .links,
    .copyright { width: 100%; }
}

@media (max-width: 480px) {
    .header h2 { background-position: 30px 0px; background-size: auto 45%; }
}

@media (max-width: 375px) {
    .header h2 { background-position: 30px 0px; background-size: auto 40%; }
}

@media (max-width: 320px) {
    .header h1 { background-size: auto 45%; }

    .header h1 a { font-size: 30px; }

    .header h2 { height: 120px; background-position: 30px 0px; background-size: auto 42%; }
}

.copyright { position: relative; border-top: 2px solid #2d66a8; margin-top: 20px; padding: 30px 0; line-height: 2; }

.copyright p a,
.copyright p span { margin: 0 10px; }

.gov { position: absolute; top: 50%; left: 0; width: 80px; height: 80px; margin-top: -40px; }

.jc { position: absolute; top: 50%; right: 0; width: 110px; height: 55px; margin-top: -22px; }

@media (max-width: 768px) {

    .copyright p span { display: block; }

    .footer .gov,
    .footer .jc { position: relative; display: inline-block; top: 0; margin-top: 20px; vertical-align: middle; }
}


/* 公用部分 */

.grid { width: 1100px; margin: 0 auto; padding: 36px; background-color: #f2f2f2; }

.grid > .row { margin-right: 0px; margin-left: 0px; }

.grid > .row > .col,
.grid > .row > [class*="col-"] { padding-right: 0; padding-left: 0; }

@media (max-width: 1200px) {
    .grid { width: 100%; padding-left: 16px; padding-right: 16px; }
}

.mt20 { margin-top: 20px; }

.main { border: 1px solid #e7e7e7; background-color: #fff; }

.search-box { display: block; z-index: 9; line-height: 0; text-align: center; font-size: 0; position: relative; margin: 47px 0px 83px 0px; }

@media (max-width: 1200px) {
    .search-box { margin: 7px 0px 43px 0px; }
}
/*
.search-box:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    width: 20%;
    height: 0;
    border-bottom: 2px solid #ccc;
}

.search-box:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0px;
    width: 20%;
    height: 0;
    border-bottom: 2px solid #ccc;
}
*/
.search-box input { width: 510px; height: 46px; line-height: 26px; font-size: 16px; padding: 10px; border: none; background: #fff; outline: none; border-radius: 9px; margin-left: -2%; border: 1px solid #3084c3; }

@media (max-width: 1200px) {
    .search-box input { width: 90%; }

    .search-box input { margin-left: -5%; }

    .search-box:before,
    .search-box:after { display: none; }
}

.search-box button { width: 40px; height: 40px; border: none; cursor: pointer; text-align: center; line-height: 0; font-size: 0; margin-left: -60px; color: transparent; background: url(../images/q.png) 0px 0px no-repeat; }

.article { padding: 0px; }

.article h2 { font-size: 32px; font-weight: bold; padding: 0px; }

.article .info { line-height: 24px; border-bottom: 1px #ccc solid; margin: -20px 0px 10px 0px; padding-bottom: 20px; text-align: center; position: relative; text-indent: initial; }

.article .info span { color: 333; margin-right: 10px; }

.article h2 a { color: #2d66a8; line-height: 100px; }

.article-box h4 { line-height: 52px; font-size: 22px; font-weight: bold; padding: 0px 24px; }

.article-box h5 { line-height: 52px; font-size: 18px; font-weight: bold; padding: 0px 24px; }

.main p { line-height: 32px; margin-bottom: 10px; padding: 0px 24px; }

.article-box { max-height: 940px; overflow-x: hidden; overflow-y: auto; padding: 0 18px; margin-right: 14px; margin-bottom: 40px; }

@media (max-width: 768px) {
    .article-box { max-height: 100%; margin-right: 0px; }
}

.article-box::-webkit-scrollbar { width: 10px; }

.article-box::-webkit-scrollbar-track-piece { background: #f2f2f2; border-radius: 100px; }

.article-box::-webkit-scrollbar-thumb { background: #2d66a8; border-radius: 100px; }

.info-list li a { display: block; padding: 8px 20px 8px 20px; line-height: 24px; font-size: 16px; }

.info-list li a span { padding-left: 10px; color: #858585; }

.main .info-list li.line { height: 0; border-bottom: 1px #ccc solid; font: 0/0 lx; overflow: hidden; margin: 10px 0; }

.mb10 { margin-bottom: 10px; }

.t3 { padding: 0px 15px; border-bottom: 1px solid #cbcbcb; }

.t3 b { font-size: 18px; font-weight: bold; border-left: none; height: 35px; line-height: 35px; color: #fff; display: inline-block; padding: 0px 10px; background-color: #2d66a8; }

.more { text-align: center; margin: 10px 0px; text-indent: 0em; }

.more a { display: inline-block; padding: 0px 30px; background-color: #e6e6e6; line-height: 30px; }

.report { margin-left: 5px; margin-right: 5px; }

.report li { border-left: 1px solid #ddd; }

.report li a { display: block; line-height: 24px; padding: 8px 0px 8px 15px; }

.report li:nth-child(6n-2),
.report li:nth-child(6n-1),
.report li:nth-child(6n) { background-color: #f8f8f8; }

@media (max-width: 480px) {
    .report li { width: 100%; }

    .report li:nth-child(6n-2),
    .report li:nth-child(6n-1),
    .report li:nth-child(6n) { background-color: inherit; }

    .report li:nth-child(even) { background-color: #f8f8f8; }

    .report li { border-left: none; }
}

/* 信息公开树 开始 */
ul.info-tree { padding-bottom: 15px; }

@media (max-width: 768px) {

    ul.info-tree,
    .main { margin: 0px -15px; }
}

ul.info-tree > li ul { display: none; }

ul.info-tree > li { position: relative; font-size: 18px; }

ul.info-tree > li + li { margin-top: 15px; }

ul.info-tree li a { display: block; width: 100%; font-size: 23px; line-height: 30px; padding: 4px 0px 4px 75px; color: #2d66a8; background-color: #fff; border: 1px solid #e7e7e7; }

@media (max-width: 480px) {
    ul.info-tree li a { padding: 15px 0px 15px 65px; }
}

ul.info-tree li a:hover,
ul.info-tree > li.current a,
ul.info-tree li.level-1.current a { color: #fff; background-color: #2d66a8; }

ul.info-tree li a i { position: absolute; top: 13px; left: 20px; display: block; width: 40px; height: 40px; cursor: pointer; background-image: url(../images/icons.png); background-image: url(../images/icons_ie8.png)\9; background-size: 320px auto; transition: transform .3s; }

ul.info-tree li a i.s1 { background-position: 0px 0px; }

ul.info-tree li a i.s2 { background-position: -40px 0px; }

ul.info-tree li a i.s3 { background-position: -80px 0px; }

ul.info-tree li a i.s4 { background-position: -120px 0px; }

ul.info-tree li a:hover i.s1,
ul.info-tree > li.current i.s1 { background-position: 0px -40px; }

ul.info-tree li a:hover i.s2,
ul.info-tree > li.current i.s2 { background-position: -40px -40px; }

ul.info-tree li a:hover i.s3,
ul.info-tree > li.current a i.s3 { background-position: -80px -40px; }

ul.info-tree li a:hover i.s4,
ul.info-tree > li.current a i.s4 { background-position: -120px -40px; }

ul.info-tree li.level-1 a,
ul.info-tree li.level-2 a { display: inline-block; }

ul.info-tree li li a:hover { text-decoration: underline; }

ul.info-tree li li { position: relative; line-height: 32px; }

ul.info-tree li li a { font-size: 16px; }

ul.info-tree li.level-2 ul { padding-left: 20px; }

ul.info-tree li.level-2 ul li { font-size: 14px; }

ul.info-tree > li:hover ul.info-tree li.level-2 ul { padding-left: 20px; }

ul.info-tree li.level-2 ul li { font-size: 14px; }

ul.info-tree > li.level-1 > i:after { margin-top: -10px; background-image: url(../images/icons.png); background-image: url(../images/icons_ie8.png)\9; background-size: 320px auto; background-position: -35px -280px; transition: transform .3s; }

ul.info-tree > li.current > i:after { margin-top: -10px; margin-left: 12px; background-image: url(../images/icons.png); background-image: url(../images/icons_ie8.png)\9; background-size: 320px auto; background-position: -84px -277px; transition: transform .3s; }

ul.info-tree li.level-1.current a { display: block; }

ul.info-tree li li a:after { box-sizing: border-box; content: ''; position: absolute; top: 50%; left: 35px; width: 4px; height: 4px; margin-top: -2px; background: #333; border-radius: 100px; }

ul.info-tree li li a:hover:after { background: #1e5fd8; }

ul.info-tree li li a:hover:after { color: #102b63; background: #102b63; }

ul.info-tree li.level-1.current ul li a { color: #333; line-height: 30px; padding-left: 50px; border: none; background-color: #fff; }

ul.info-tree li.level-1.current ul li a:hover,
ul.info-tree li.level-1.current ul li a.current { background-color: #e7f5ff; text-decoration: none; }

ul.info-tree .current > ul { display: block; background-color: #fff; border: 1px solid #e7e7e7; width: 240px; overflow: hidden }

ul.info-tree li.level-1 > i { position: absolute; top: 24px; right: 10%; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; background-position: center; cursor: pointer; }
ul.info-tree li.level-1 li.level-2 > i { position: absolute; top: 5px; right: 5%; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; background-position: center; cursor: pointer; }

ul.info-tree li.level-1 > i { background-image: url(../images/pus01.png); }

ul.info-tree li.level-1.current > i { background-image: url(../images/prep.png); font-style: normal; }

/*ul.info-tree li.level-1:hover > i { background-image: url(../images/pus02.png); font-style: normal; }*/

ul.info-tree li.level-1 li.level-2.current > i { background-image: url(../images/pus03.png); font-style: normal; }

ul.info-tree li a:focus { /* color: #048;*/ text-decoration: none; }

/*文件,解读样式*/
.jiedu-list ul { padding: 20px 0 20px; border-bottom: #e5e5e5 1px solid; overflow: hidden; }
.jiedu-list li { display: block; font-size: 20px; color: #999; height: 44px; }
.jiedu-list li a { padding-left: 8px; line-height: 44px; font-size: 16px; color: #666; font-family: "微软雅黑"; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 520px; float: left; }
.jiedu-list li a:hover { color: #2d66a8; }
.jiedu-list li span { line-height: 44px; font-size: 16px; color: #ccc; font-family: "微软雅黑"; float: right; }
.jiedu-list li span.red { color: #ff0000; float: initial }
.jiedu-list li i a { width: 60px; float: right; margin-right: 20px; line-height: 44px; font-size: 16px; color: #C00; font-family: "微软雅黑"; }

/* 信息公开树 结束 */


.pages .current { background-color: #2d66a8; }
