@charset "utf-8";
/*****
*雨花区法定主动公开公共样式
*@crtime:2020年1月5日
*@Author: 朱治龙(i@zhuzhilong.cn)
*@modifyLog:    what    when    who
* 增加分页样式 2020年1月5日18点59分 朱治龙
*/
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;}
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}
.fl{float: left;}
.fr{float: right;}
body{background: url(cssresouce-ea9ccb_2019csszf_xxgk_banner.png) no-repeat center 308px;}
.w1200{width: 1200px;margin: 0 auto;}

.container{position: relative;width: 1130px;background-color: #f2f2f2;padding: 0 35px 35px;margin: 45px auto;margin-bottom: 50px;overflow: hidden;}
.header{height: 130px;}
.header .logo {
    float: left;
    padding-top: 30px;
}
.xxgk-search{position: relative;}
.xxgk-search .left-line,
.xxgk-search .right-line{position: absolute;left: 0;top: 50%;width: 290px;height: 1px;background: #d9d9d9;}
.xxgk-search .right-line{left: auto;right: 0;}
.xxgk-search .search{border: 1px solid #6ea1c4;border-radius: 5px;width: 508px;height: 48px;margin: 84px 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;background: #fff;}
.xxgk-search .search .search-btn{float: left;border: 0;width: 68px;height: 48px;background: #fff url(cssresouce-59abc2_common_search.png) no-repeat center center;cursor: pointer;outline: none;}
.column-list{float: left;width: 290px;}
.column-list .column-item{margin-bottom: 15px;}
.column-list .column-tit{position: relative;display: block;height: 68px;border: 1px solid #6ea1c4;background: #fff;font-size: 0;line-height: 68px;}
.column-list .column-tit i{display: inline-block;*display: inline;*zoom: 1;width: 68px;height: 68px;background: url(cssresouce-287abc_xxgk_column_icon.png) no-repeat 0 0;vertical-align: middle;margin-left: 20px;}
.column-list .column-tit i.i1{background: url(cssresouce-287abc_xxgk_column_icon.png) no-repeat 0 0;}
.column-list .column-tit i.i2{background: url(cssresouce-287abc_xxgk_column_icon.png) no-repeat 0 -68px;}
.column-list .column-tit i.i3{background: url(cssresouce-287abc_xxgk_column_icon.png) no-repeat 0 -136px;}
.column-list .column-tit i.i4{background: url(cssresouce-287abc_xxgk_column_icon.png) no-repeat 0 -204px;}
.column-list .column-tit i.i5{background: url(cssresouce-287abc_xxgk_column_icon.png) no-repeat 0 -272px;}
.column-list .column-tit span{display: inline-block;*display: inline;*zoom: 1;width: 88px;font-size: 22px;font-family: "microsoft yahei";color: #6ea1c4;line-height: 24px;vertical-align: middle;margin-left: 10px;*line-height: 28px;cursor: pointer;}
.column-list .column-item:last-child .column-tit span{width: 120px;}
.status-expand-icon{width: 20px !important;/* margin-left: 0px !important; */}
.column-list .column-item.active .column-tit{background: #6ea1c4;}
.column-list .column-item.active .column-tit i{background-image: url(cssresouce-50b4f7_xxgk_column_icon2.png);}
.column-list .column-item.active .column-tit span{color: #fff;}
.column-list .list_parent .column-tit{background: #fff url(cssresouce-34db2d_xxgk_column_icon3.png) no-repeat 260px center;}
.column-list .list_parent.active .column-tit{background: #6ea1c4 url(cssresouce-34798d_xxgk_column_icon4.png) no-repeat 260px 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(cssresouce-a6df62_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: #cfdce6;}
.xxgk-right{float: right;width: 800px;padding: 15px 0px 15px 15px;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: #6ea1c4;font-size: 16px;line-height: 35px;color: #fff;padding: 0 20px;}
.xxgk-item ul{margin: 15px 0px 0;}
.xxgk-item ul li{padding: 15px 0;text-indent: 15px;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{font-size: 16px;width: 73%;display: block;float: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xxgk-item ul li i{margin-left: 25px;}
.xxgk-item ul li span{float: right;margin-right: 10px;margin-left: 0px;}
.xxgk-item ul li a:hover{color: #6ea1c4;}
.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: #6ea1c4;color: #fff;}
.xxgk-item .div_cutPage .on{background-color: #6ea1c4;}
.xxgk-item .div_cutPage a:hover{background-color: #6ea1c4;border: 1px solid #6ea1c4;}
/* 信息公开指南*/
.content{/* padding: 30px 30px 50px; */}
.content h2{font-size: 32px;line-height: 40px;color: #6ea1c4;text-align: center;margin-top: 3%;}
.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: #6ea1c4;}
.content-main{margin-top: 30px;height: 615px;/* padding: 15px; */overflow-y: auto;overflow-x: hidden;}
.content-main,
.content-main *{font-size: 16px;line-height: 30px;}
/**分页**/
.paging {
    text-align: center;
    margin-top:30px;
    float:left;
    width:100%;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
} 
.paging span{ font-size:14px;}
.paging a { font-size:14px;border:1px solid #ddd; padding:3px 8px; margin: 2px; color: #666;} 
.paging a:hover {border:1px solid #0066cc; color:#0066cc;} 
.paging a:active { border-right:1px solid #ddd; color: #000;} 
.paging span.current {
    border:1px solid #0066cc;
    padding:3px 8px;
    margin: 2px;
    color: #fff;
    background-color: #355e92;
} 
.paging span.disabled a{
    border:1px solid #c5b7b7;
    color: #666;
    cursor:  pointer;
} 
.paging span.all{border:1px solid #0066cc; padding:3px 8px; margin: 2px;color: #fff;background:#0066cc;}
.paging .page_ipt{ width:50px; height:26px; line-height:26px; text-align:center;border:1px solid #ddd; margin: 2px; color: #666;}
.paging .page_btn{border:1px solid #0066cc; padding:3px 8px; margin: 2px;color: #fff;background:#0066cc}

/**侧边栏**/
.zd_l_ul ul{padding: 20px 0px;background: #fff;}
.zd_l{width: 260px; position: relative; z-index: 2; border-top:#449df5 solid 2px;background: #edf6ff;}
.zd_l_ul ul li{font-size: 14px;line-height: 32px;height: 32px;text-align: center;background: url(cssresouce-0b8015_xian_a.png) no-repeat bottom center;}
.zd_l_ul ul li:last-child{background-image:none;}
.zd_l_ul ul li a{display: block;line-height: 32px;/* background: #fff; */font-family: "microsoft yahei";}
.chnl-sub.on a{
    color:#6ea1c4
}
.zd_l_ul ul li a:hover{background: #f4f4f4;}
.column-subchannels-wrap {
    display: none;
}
.status-expand-icon:before{
    content: '+';
}
.status-expand .column-subchannels-wrap{
    display:block;
}
.status-expand .status-expand-icon:before{
    content: '-';
}
.chnl-sub a {
    font-size: 16px;
}
.status-subchannel-nodata{
    display: none!important;
}
.doc-count-0 .more-wrap,.doc-count-1 .more-wrap,.doc-count-2 .more-wrap,.doc-count-3 .more-wrap,.doc-count-4 .more-wrap,.doc-count-5 .more-wrap {
    display: none;
}
.column-item.on .column-tit{
    font-weight:bold;
}
.p_noData{
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #ccc;
}
.p_noData img {
    max-width: 150px;
    display: block;
    margin:10px auto
}


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

    .nicescroll-rails { display: none !important;}

    .xxgk-head { width: 100%; height: auto; padding: 50px 0;}
    .xxgk-logo { float: none; text-align: center; font-size: 0; padding-top: 0;}
    .xxgk-logo a { display: inline-block; text-align: left;}
    .xxgk-slogen .line { display: none;}

    .xxgk-right .content-main { height: auto; padding-right: 0;}

    .content { padding: 5px;}
    .content h2 { font-size: 26px; line-height: 30px;}
    .content .wjxx { padding: 10px;}
    .content .wjxx li{ width: 100%;}
    .content .wjxx li span { margin-left: 0;}
    .details-wrap { width: 100%; padding: 10px; margin: 0;}
    .details-wrap .qrcode,.content-bottom { display: none;}

    .container { box-sizing: border-box; width: 100%; padding: 10px;margin:0;}
    .xzjg { position: static; padding-bottom: 10px; margin-right: 0; display: none;}
    .xzjg-list { width: 100%;}
    .xzjg-head { font-size: 18px; line-height: 36px;}
    .xxgk-search .left-line, .xxgk-search .right-line { display: none;}
    .xxgk-search { padding: 0; display: none;}
    .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: auto; line-height: 38px; background-position: right 15px center !important;}
    .column-list .column-tit i {width: 75px;height: 35px;background-size: 68px 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;}

    .footer .w1200{ width: 100%; padding: 0;}
    .footer .f-l,.footer .f-c { width: 50%; padding: 0; text-align: center;}
    .footer .f-r { width: 100%; text-align: center; margin-top: 10px; height: auto; padding-left: 0;}
}

@media only screen and (max-width: 768px) {
    .xxgk-head { padding: 30px 0;}
    .xxgk-logo img{ width: 70%;}
    .xxgk-slogen { width: 100%; margin-top: 20px;}
    .xxgk-slogen img{ width: 80%;}

    .xxgk-list ul li a,.xxgk-item ul li a { max-width: 75%;}
}

@media only screen and (max-width: 480px) {
    .xxgk-logo a { background-size: 57px 60px; height: 70px; padding-left: 65px;}
    .xxgk-logo a h1 { font-size: 30px; white-space: nowrap;}
    .xxgk-logo a span { font-size: 12px; white-space: nowrap;}

    .xxgk-list ul li a,.xxgk-item ul li a { max-width: 66%;}

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

    .content .info .dozoom { display: none;}
}