/*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:14px; 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;star:expression(this.onFocus=this.blur());}
i{font-style:normal}

body { background: #fff url(xxgk_bg.png) no-repeat center top;}

.xxgk-header { width: 1100px; height: 364px; margin: 0 auto;}
.xxgk-header .xxgk-logo { padding-top: 32px;}
.xxgk-header .xxgk-tit { text-align: center; margin-top: 55px;}

.container { position: relative; width: 1030px; background: #f2f2f2 url(xxgk_bg2.png) no-repeat center top; padding: 0 35px 35px; margin: 0 auto; overflow: hidden;}

.xxgk-search { position: relative; padding: 84px 0;}
.xxgk-search .left-line,.xxgk-search .right-line { position: absolute; left: 0; top: 50%; width: 240px; height: 1px; background: #d9d9d9;}
.xxgk-search .right-line { left: auto; right: 0;}
.xxgk-search .search { border: 1px solid #2d66a5; border-radius: 5px; width: 508px; height: 48px; margin: 0 auto; overflow: hidden;}
.xxgk-search .search .search-txt { float: left; border: 0; width: 400px; height: 48px; line-height: 48px; font-size: 16px; padding: 0 20px; cursor: text; outline: none;}
.xxgk-search .search .search-btn { float: left; border: 0; width: 68px; height: 48px; background: #fff url(xxgk_search.png) no-repeat center center; cursor: pointer; outline: none;}

.column-list { float: left; width: 240px;}
.column-list .column-item { margin-bottom: 15px;}
.column-list .column-tit { position: relative; display: block; height: 68px; border: 1px solid #2d66a5; background: #fff; font-size: 0; line-height: 68px; overflow: hidden;}
.column-list .column-tit i{ display: inline-block; *display: inline; *zoom: 1; width: 68px; height: 68px; background: url(xxgk_column_icon.png) no-repeat 0 0; vertical-align: middle; margin-left: 5px;}
.column-list .column-tit i.i1{ background: url(xxgk_column_icon.png) no-repeat 0 0;}
.column-list .column-tit i.i2{ background: url(xxgk_column_icon.png) no-repeat 0 -68px;}
.column-list .column-tit i.i3{ background: url(xxgk_column_icon.png) no-repeat 0 -136px;}
.column-list .column-tit i.i4{ background: url(xxgk_column_icon.png) no-repeat 0 -204px;}
.column-list .column-tit i.i5{ background: url(xxgk_column_icon.png) no-repeat 0 -272px;}
.column-list .column-tit span { display: inline-block; *display: inline; *zoom: 1; width: 132px; font-size: 22px; color: #2d66a5; line-height: 24px; vertical-align: middle; *line-height: 28px; cursor: pointer;}
.column-list .column-item:last-child .column-tit span { width: auto;}
.column-list .column-item.active .column-tit{ background: #2d66a5;}
.column-list .column-item.active .column-tit i{ background-image: url(xxgk_column_icon2.png);}
.column-list .column-item.active .column-tit span { color: #fff;}
.column-list .list_parent .column-tit{ background: #fff url(xxgk_column_icon3.png) no-repeat  right 15px center;}
.column-list .list_parent.active .column-tit { background: #2d66a5 url(xxgk_column_icon4.png) no-repeat right 15px center;}
.column-list .column-item .column-tit:hover span { font-weight: bold;}
.column-list .sub-column{ background: #fff; padding: 10px 0; overflow: hidden; display: none;}
.column-list .sub-column li { line-height: 32px;}
.column-list .sub-column li a{ display: block; background: url(xxgk_dot.jpg) no-repeat 80px center; padding-left: 90px; font-size: 15px;}
.column-list .sub-column li.active,.column-list .sub-column li a:hover { background-color: #e6f4ff;}
.column-list .list_parent.active .sub-column { display: block;}

.xxgk-right { float: right; width: 770px; background: #fff;}
.xxgk-item { margin-bottom: 30px;}
.xxgk-item .title{ border-bottom: 2px solid #d9d9d9; height: 35px;} 
.xxgk-item .title h3 { float: left;}
.xxgk-item .title h3 a { display: block; height: 35px; background: #2d66a5; font-size: 16px; line-height: 35px; color: #fff; padding: 0 20px;}
.xxgk-item ul{ margin: 15px 35px 0;}
.xxgk-item ul li { padding: 15px 0; font-size: 16px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.xxgk-item ul li span { color: #a1a1a1; margin-left: 15px;}
.xxgk-item ul li a:hover{ color: #2d66a5;}
.xxgk-item .more { display: block; width: 100px; height: 30px; background: #f2f2f2; text-align: center; line-height: 30px; margin: 0 auto;}
.xxgk-item .more:hover{ background-color: #2d66a5; color: #fff;}

/* 信息公开列表 */
.xxgk-list ul{ margin: 15px 35px 0; padding-bottom: 30px;}
.xxgk-list ul li { padding: 15px 0; font-size: 16px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.xxgk-list ul li:first-child { border-bottom: 2px solid #d9d9d9; padding-bottom: 30px; margin-bottom: 20px;}
.xxgk-list ul li span { color: #a1a1a1; margin-left: 15px;}
.xxgk-list ul li a:hover{ color: #2d66a5;}

/* 信息公开指南 */
.content { padding: 30px 30px 50px;}
.content h2 { font-size: 32px; line-height: 40px; color: #2d66a5; text-align: center;}
.content .info { border-bottom: 2px solid #d9d9d9; text-align: center; padding-bottom: 20px; margin-top: 20px;}
.content .info span { padding: 0 5px;}
.content .info a:hover{ color: #2d66a5;}
.content-main { margin-top: 30px;}
.content-main,.content-main * { font-size: 16px; line-height: 30px;}

/* 政府机构详情 */
.content .wjxx{ background: #f7f7f7; border: 1px solid #dddddd; padding: 10px 0; margin-bottom: 30px;}
.content .wjxx ul{ overflow: hidden;}
.content .wjxx li{ width: 33.33%; float: left; font-size: 16px; padding: 7px 0; }
.content .wjxx li span{ display: block; margin-left: 30px;}

.summarizing { min-height: 540px; padding-bottom: 50px; overflow: hidden;}
.summarizing h2 { font-size: 18px; line-height: 20px; padding: 20px 0; font-weight: normal; padding-left: 10px;}
.summarizing h3 { float: left; background: #2d66a5; font-size: 16px; line-height: 40px; color: #fff; padding: 0 20px;}
.summarizing ul { width: 771px; clear: both; overflow: hidden;}
.summarizing ul li { float: left; width: 236px; line-height: 24px; font-size: 16px; padding: 10px; border-right: 1px solid #e3e3e3;}
.summarizing ul li a:hover { color: #2d66a5}

/* 行政机关下拉 */
.xzjg { position: absolute; left: 35px; top: 22px; z-index: 9; margin-right: 35px;}
.xzjg-head {  font-size: 22px; font-weight: bold; line-height: 45px;}
.xzjg-head h3 { display: inline-block; *display: inline; *zoom: 1; background: #2d66a5 url(xxgk_xzjg_jt.png) no-repeat right 10px center; border-radius: 5px; color: #fff; padding: 0   30px 0 20px;}
.xzjg.on .xzjg-head h3 { background-image: url(xxgk_xzjg_jt2.png);}
.xzjg-list { border: 1px solid #e1e1e1; background: #fff; padding: 20px; display: none;}
.xzjg-list ul {  max-height: 500px; overflow-y: auto;}
.xzjg-list ul::-webkit-scrollbar { width: 8px;}
.xzjg-list ul::-webkit-scrollbar-track { background-color:#f2f2f2; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;}
.xzjg-list ul::-webkit-scrollbar-thumb { background-color:#2d66a5; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;}
.xzjg-list li  { overflow: hidden;}
.xzjg-list li h4 { font-size: 18px; line-height: 40px; color: #2d66a5;}
.xzjg-list li a { float: left; width: 260px; font-size: 16px; line-height: 30px;}
.xzjg-list li a:hover { color: #2d66a5;}


.paging {margin: 0 !important; height: auto !important; padding: 0 35px 35px !important;}
.paging li { line-height: 30px !important; height: auto !important;}
.paging li a, .paging li span { margin: 0 !important;}

/* media */
@media only screen and (max-width: 1099px) {
    .xxgk-header { width: 100%; height: auto; padding: 30px 0;}
    .xxgk-header .xxgk-logo { padding-top: 0; text-align: center;}

    .container { box-sizing: border-box; width: 100%; padding: 30px 10px;}
    .xxgk-search .left-line, .xxgk-search .right-line { display: none;}
    .xxgk-search { padding: 0;}
    .xxgk-search,.xxgk-search .search { box-sizing: border-box; width: 100%;}
    .xxgk-search .search .search-txt { box-sizing: border-box; width: calc(100% - 68px);}

    .column-list .column-item { margin: 10px 0 0;}
    .column-list { width: 100%;}
    .column-list .column-tit { box-sizing: border-box; height: 40px; line-height: 38px;}
    .column-list .column-tit i { width: 34px; height: 34px; background-size: 34px 170px !important;}
    .column-list .column-tit i.i2{ background-position-y: -34px;}
    .column-list .column-tit i.i3{ background-position-y: -68px;}
    .column-list .column-tit i.i4{ background-position-y: -102px;}
    .column-list .column-tit i.i5{ background-position-y: -136px;}
    .column-list .column-tit span { width: auto !important; font-size: 18px; line-height: 24px;}
    .column-list .sub-column li a { padding-left: 40px; background-position-x: 30px;}

    .xxgk-right { box-sizing: border-box; width: 100%; margin-top: 10px; box-sizing: border-box; padding: 10px;}
    .xxgk-list ul,.xxgk-item ul {  margin: 0; padding-bottom: 0;}
    .xxgk-item ul { margin: 10px 0;}
    .xxgk-list ul li,.xxgk-list ul li:first-child,.xxgk-item ul li { padding: 0; margin: 0;}
    .xxgk-list ul li a,.xxgk-item ul li a { float: left; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .xxgk-list ul li span,.xxgk-item ul li span { float: right; margin-left: 0;}

    .summarizing ul { width: 100%;}
    .summarizing ul li { box-sizing: border-box; width: calc(100% / 3);}
}

@media only screen and (max-width: 768px) { 
    .xxgk-header .xxgk-logo img { width: 55%;}
    .xxgk-header .xxgk-tit { margin-top: 20px;}
    .xxgk-tit img { width: 80%;}
    .xxgk-list ul li a,.xxgk-item ul li a { max-width: 75%;}

    .content { padding: 0 10px;}

    .summarizing ul li { width: calc(100% / 2); background: #f2f2f2;}
}
 
@media only screen and (max-width: 480px) {  
    .xxgk-list ul li a,.xxgk-item ul li a { max-width: 66%;}
    .summarizing ul li { width: 100%;}
}