@charset "UTF-8";

body{background: #fff;}
.is-main{margin: 20px auto;padding: 0;}

/*左栏*/
.m-openleft{float: left;width: 285px;}

/*政府信息公开目录*/
.m-gkml h3{height: 50px;line-height: 50px;font-size: 18px;color: #fff;font-weight: bold;background: #b90609;}
.m-gkml h3 img{margin: 11px 15px 0 22px;}
.u-zpfl{border: 1px solid #ddd;border-top: none;padding-top: 5px;}
.u-zpfl .hd{background: #f5f5f5;overflow: hidden;}
.u-zpfl .hd li{float: left;width: 33.33%;height: 41px;line-height: 41px;font-size:15px;text-align:center;border-bottom: 1px solid #ddd;}
.u-zpfl .hd li.on{line-height:37px;color:#b90609;border-top: 2px solid #ddd;border-bottom:none;background: #fff;}
.u-zpfl .hd li:nth-child(1).on{border-right:1px solid #ddd;}
.u-zpfl .hd li:nth-child(2).on{border-right:1px solid #ddd;border-left:1px solid #ddd;}
.u-zpfl .hd li:nth-child(3).on{border-left:1px solid #ddd;}
.u-zpfl .bd{height: 627px;overflow-y: auto;}

.m-box1treebox {margin: 6px 2px 0 15px; position: relative;overflow: auto;height: 621px;}
.m-treetab{width: 27px;  position: absolute;left: 0;    top: 11px;}
.m-menutreebox{ margin-left: 35px;}
.m-treetab ul li{padding:5px 5px;background: #ebebeb;width: 27px;margin-top:1px;position: relative;top: 0;left: 0;    line-height: 16px;    text-align: center;    cursor: pointer;}
.m-treetab ul li.hover{color: #fff;background: #b90609;}
.m-treetab ul li.hover i{background: url(../images/icon-trees.png) no-repeat;position: absolute;width: 6px;height: 11px;    right: -6px;top:50%;margin-top: -5px;}
.m-menutreebox{ margin-left: 35px;}
/*政府信息公开制度*/
.m-gkzd{margin: 15px 0 4px;overflow: hidden;}
.m-gkzd li{height: 50px;line-height: 50px;background: #f5f5f5;border: 1px solid #ddd;margin-bottom: 11px;}
.m-gkzd li a{display: block;font-size: 18px;color: #b90609;font-weight: bold;}
.m-gkzd li img{margin: 8px 15px 0 22px;}
.is-listnews li{ font-size:14px; height:32px; line-height:32px; list-style:none; }
.is-listnews li{ height:38px;line-height:38px;list-style:none;padding-left:12px;border-bottom:1px dashed #ddd;}
.is-listnews li a{ padding-left:13px; color:#4e4e4e}
.is-listnews li span{ float:right; color:#949494;}
.is-listnews li.line {border-bottom:#bfbfbe 1px dashed; margin-bottom:14px;padding-bottom:14px;}

/*依申请公开*/
.m-ysq{border: 1px solid #ddd;}
.m-ysq h3{height: 49px;line-height: 49px;padding:0 20px;background: #f5f5f5;border-bottom: 1px solid #ddd;}
.m-ysq h3 a{display:block;text-indent:15px;font-size: 18px;color: #b90609;font-weight: bold;background: url(../images/openness/ysq.png) 0 center no-repeat;}
.m-ysq ul{padding: 15px 15px 5px;overflow: hidden;border-bottom: 1px dashed #ddd;}
.m-ysq ul li{float: left;margin-bottom:10px;width: 48.2%;height: 40px;line-height: 40px;}
.m-ysq ul li:last-child{width: 100%;}
.m-ysq ul li:nth-child(2n){float: right;}
.m-ysq li a{display: block;text-align: center;background: #f5f5f5;}
.m-ysq li img{margin: 10px 10px 0 0;}

.m-ysq form{padding: 15px;}
.m-ysq form h4{margin-bottom:15px;font-size: 16px;color: #cd0000;}
.m-ysq form h4 img{margin-right: 10px;}
.m-ysq form label{display:flex;font-size: 14px;margin-bottom: 8px;overflow: hidden;}
.m-ysq form label span{float: left;display: block;width: 56px;}
.m-ysq form label input{float:left;flex:1;width:115px;height: 28px;line-height: 28px;font-weight:normal;padding: 0 5px;border: 1px solid #ddd;}
.m-ysq form label img{float: right;margin-left: 5px;}
.m-ysq form input[type="button"]{margin-left:56px;width: 64px;height: 28px;color:#fff;background: #ff8a00;}


/*右栏*/
.m-openright{float: right;width: 900px;border: 1px solid #ddd;}
.m-gkdw{padding: 5px 15px;border-bottom:1px solid #ddd;overflow: hidden;}
.m-gkdw li{float:left;height: 35px;line-height: 35px;font-size: 14px;}
.m-gkdw li:first-child{width: 100%;}
.m-gkdw li:first-child b{color: #ce000c;}
.m-gkdw li:nth-child(2){width: 65%;}
.m-xxcx{display:flex;padding:5px 0;border-bottom: 1px solid #ddd;overflow: hidden;}
.m-xxcx span{float: left;width: 135px;line-height:45px;text-align:center;color:#ce000c;border-right:1px solid #ddd;}
.m-xxcx .con{float: left;flex:1;display:flex;padding: 5px 38px;}
.m-xxcx .con input.text{flex:1;height: 35px;line-height: 35px;font-size:14px;border: 1px solid #ddd;border-radius: 6px;padding: 0 10px;}
.m-xxcx .con input.but{margin-left:10px;width: 95px;height: 35px;background: #ff8a00;color: #fff;border-radius: 6px;}

/*信息列表*/
.m-openlist{padding: 15px;}
.m-openlist p{float:left;font-size: 14px;text-align: center;}
.m-openlist p.xh{width: 82px;}
.m-openlist p.bt{flex: 1;}
.m-openlist p.sy{    width: 271px;}
.m-openlist p.sj{width: 135px;}
.m-openlist h3{display:flex;height: 36px;line-height: 36px;background: #e5e5e5;overflow: hidden;}
.m-openlist h3 p{font-weight: bold;}
.m-openlist h3 p.bt{border-left: 1px solid #fff;border-right: 1px solid #fff;}
.m-openlist h3 p.sy{border-right: 1px solid #fff;}
.m-openlist li.nLi{display:flex;height: 45px;line-height: 45px;position: relative; }
.m-openlist li.nLi p.bt{text-align: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.m-openlist li.nLi p.bt a{font-size: 15px;}
.m-openlist li.nLi:nth-child(2n){background: #f7f7f7;}
.m-listview{display:none;position: absolute;top: 50px;left:50%;margin-left:-30%;z-index:99;width: 60%;background:#fff;border: 3px solid #ddd;}
.m-listview .row{margin: 0;}
.m-openlist li.nLi:hover .m-listview{display: block;}
.m-listview li{height: 40px;line-height: 40px;font-size:14px;border-bottom: 1px dashed #ddd;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.m-openlist li.nLi:last-child .m-listview,.m-openlist li.nLi:nth-last-child(2) .m-listview{top: auto;bottom: 50px;}

/* 换肤 */
.m-zthf{position: fixed;left: -50px;top: 50%;margin-top:-54px;overflow: hidden;}
.m-zthf h4{float:right;margin:0;width:36px;text-align:center;color:#fff;font-size: 16px;padding:29px 10px;line-height:20px;background:#b90609;border-bottom-right-radius: 5px;border-top-right-radius: 5px}
.m-zthf ul{margin:0;  width: 48px;border: 1px solid #ddd;background: #fff;float: right;  padding: 6px 10px 10px;}
.m-zthf li{display:block;width:25px;height:25px;float:left;cursor:pointer;margin-top: 5px;}

/* 分页 */
#page-list{line-height: 20px; text-align: center; margin: 30px 0 15px; font-size: 14px; font-family:'Arial';}
#page-list .page{border: 1px solid #e0e0e0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  color: #868585; text-decoration: none; margin-right: 4px; margin-left: 4px; padding-top: 4px; padding-right: 8px; padding-bottom: 4px; padding-left: 8px;display: block;}
#page-list .page:hover{border: 1px solid #e0e0e0; background-color: #f1f1f1; color: #868585;}
#page-list a{text-decoration: none;display: inline-block;margin-bottom: 10px;}
#page-list .currentpage{display: inline-block;border: 1px solid #e0e0e0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #f1f1f1; color: #868585; text-decoration: none;margin-right: 4px; margin-left: 4px; padding-top: 4px; padding-right: 8px; padding-bottom: 4px; padding-left: 8px;}
#page-list .direct input {color: #666;padding: 2px 2px;border: 1px solid #ddd;margin: 0 3px;width: 30px;position: absolute;line-height: 15px;height: 15px;}
#page-list span.direct {padding: 5px 50px 5px 8px;}
#page-list .direct input {color: #666;padding: 2px 2px;border: 1px solid #ddd;margin: 0 3px;width: 40px;position: absolute;line-height: 20px;height: 18px;background-color: #fff;}
#page-list .direct + a {padding: 5px 8px;border: 1px solid #e0e0e0;border-radius: 3px;color: #868585;}
#page-list .direct + a:hover {background: #e50000;color: #fff;text-decoration: none;border: 1px solid #e50000;}


/*媒体查询*/
@media (max-width: 1200px){
    .m-openright{width: 670px;}
}
@media (max-width: 991px){
    .m-openleft,.m-openright{width: 100%;}
}
@media (max-width: 767px){
    .is-main{margin: 15px;}
    .m-xxcx{display: block;padding: 0;}
    .m-xxcx span{width:100%;padding:0 15px;text-align: left;border-right: none;border-bottom: 1px solid #ddd;}
    .m-xxcx .con{width: 100%;padding: 5px 15px;}
    .m-openlist p.xh,.m-openlist p.sy{display: none;}
    .m-gkdw li:nth-child(2){width: 100%;}
}
@media (max-width: 414px){
    .m-openlist p.sj{display: none;}
    .m-listview{margin-left: -45%;width: 90%;}
}