body,div,ul,p,li,a,img,table,tr,td,input,form,h3,span{
    margin:0;
    padding:0;
    border:0;
    font-family: "微软雅黑";
    font-size:16px;
    color:#333333;
}
.ban{
    background:url(ban.jpg) no-repeat center;
    height:220px;
}
.clear{
    overflow: hidden;
}
input{
    outline:0;
}
/* 内容开始 */
.con{
    width:1200px;
    margin:0 auto;
}
.ban .con h3{
    font-size: 36px;
    color:#ffffff;
    font-weight: normal;
    padding:65px 0px 52px;
}
.ban .con li{
    overflow: hidden;
    line-height: 56px;
    background:url(ban_libg.png) no-repeat left top;
    height: 56px;
    float:left;
    width:24%;
    margin-left:6px;
    text-align: center;
    color:#ffffff;
    font-size:18px;
    font-weight: bold;
	cursor: pointer;
}
.ban .con li:first-child{
    margin-left:0px;
}
.ban .con li.active{
    background:#ffffff;
    color:#4c67a7;
}
/*主题类别 */
.qbzt{
    margin-top:10px;
}
.qbzt_title{
    line-height: 50px;
    border-bottom:2px solid #a5b3d3;
}
.qbzt_title h3{
    float:left;
    color:#4c67a7;
    font-size:20px;
}
.qbzt_title ul{
    float: right;
}
.qbzt_title ul li{
    float:left;
    padding-left:15px;
    font-size:14px;
    color:#737373;
}
.qbzt_title ul li span{
    font-size:14px;
    color:#737373;
}
/* 全部主题标题结束 */
.qbzt_form{
    padding:30px 0px;
    line-height: 30px;
}
.qbzt_form div{
    color:#848d8c;
    height:30px;
}
.sx{
    float:left;
}
.search{
    float: right;
}
.sxfl_list{
    display: none;
    background-color: #ffffff;
    margin-left:-10px;
    padding-left:10px;
    position: relative;
    z-index: 99;
    padding:20px;
}
.sxfl_list li{
    line-height:40px;
    text-align:center;
}
.sxfl_list li a{
    font-size:14px;
}
.sxfl_list li:hover,.sxfl_list li.on{
    background-color: #4c67a7;
}
.sxfl_list li:hover a,.sxfl_list li.on a{
    color:#ffffff;
}
.sxfl div{
    float:left;
    font-size:14px;
}
.qbzt_form .qbfl{
    margin:0px 40px 0px 0px;
    padding-left:10px;
    width:170px;
    border:1px solid #d7d8d9;
    height: 30px;
    line-height: 30px;
    background:url(jiao.png) no-repeat 150px center;
	cursor: pointer;
}
.qbfl span{
    font-size:14px;
    color:#848d8c; 
}
.search .kuang{
    padding:2px 5px;
    font-size:12px;
    width:255px;
    color:#9b9ea0;
    margin-left: 1px;
}
.search{
    background: url(search.png) no-repeat left center;
}
.sousuo{
    width:30px;
    background: none;
}
/* 事项查询结束 */
.sx_list li:first-child,.qzqd_list li:first-child{
    background:#edf0f6;
    height:40px;
}
.sx_list li:first-child span,.qzqd_list li:first-child span{
    font-size:14px;
    color:#aaaaaa;
}
.sqr{
    width:25%;
    font-size:14px;
}
.bjmc{
    width:45%;
}
.sbh{
    width:20%;
}
.jg{
    width:10%;
}
.sx_list{
    margin-bottom:40px;
}
.bg{
    background-color:#f5f5f5;
}
.sx_list li,.qzqd_list li{
    height: 80px;
    overflow: hidden;
    display: table;
    width:100%;
    padding:10px 0px;
}
.sx_list li a,.sx_list li span,.qzqd_list li a,.qzqd_list li span{
    padding-left:20px;
    display: table-cell;
    vertical-align: middle; 
}
.sx_list li a{
    width:45%;  
    height:100%; 
}
.sx_list .first{
    width:25%;
}
.sx_list .third{
    width:20%;
}
.sx_list .blue{
    width:10%;
    color:#4c67a7;
}
/* 切换共同样式结束 */
.qzqdbz{
    height: 80px; 
    display: table;
}
.qzqdbz span{ 
    display: table-cell;
    vertical-align: middle;
}
.qzqd_list li:first-child{
    text-align: center;
}
.qzqd_list li{
    text-align: left;
}
.qzqd_list li span{
    color:#4c67a7;
}
.sxbm{
    width:16.6%;
}
.sxmc{
    width:83.4%;
}
/* 权责清单list结束 */
/* ban结束 */
.pages{
    margin-top:40px;
    text-align:center;
    margin-bottom:40px;
}
.pages ul{
    display: inline-block;
    margin:0px auto;
}

/* 便民清单 */
.h40{
    height: 40px;
}
.bm{
    width: 400px;
    float: left;
    background: url(shadow.png) no-repeat;
    background-size: 100% 100%;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
    position: relative;
}
.box1-1{
    background: url(1-1.png) no-repeat 70px center ;
}
.box1-1:hover,.box1-1:active{
    background: #4c67a7 url(1-1-hover.png) no-repeat 70px center ;
    overflow: hidden;
}
.box1-2{
    background: url(1-2.png) no-repeat 70px center ;
}
.box1-2:hover,.box1-2:active{
    background: #4c67a7 url(1-2-hover.png) no-repeat 70px center ;
    overflow: hidden;
}
.box1-3{
    background: url(1-3.png) no-repeat 70px center ;
}
.box1-3:hover,.box1-3:active{
    background: #4c67a7 url(1-3-hover.png) no-repeat 70px center ;
    overflow: hidden;
}
.box2-1{
    background: url(2-1.png) no-repeat 70px center ;
}
.box2-1:hover,.box2-1:active{
    background: #4c67a7 url(2-1-hover.png) no-repeat 70px center ;
    overflow: hidden;
}
.box2-2{
    background: url(2-2.png) no-repeat 70px center ;
}
.box2-2:hover,.box2-2:active{
    background: #4c67a7 url(2-2-hover.png) no-repeat 70px center ;
    overflow: hidden;
}
.box2-3{
    background: url(2-3.png) no-repeat 70px center ;
}
.box2-3:hover,.box2-3:active{
    background: #4c67a7 url(2-3-hover.png) no-repeat 70px center ;
    overflow: hidden;
}
.box3-1{
    background: url(3-1.png) no-repeat 70px center ;
}
.box3-1:hover,.box3-1:active{
    background: #4c67a7 url(3-1-hover.png) no-repeat 70px center ;
    overflow: hidden;
}
.box3-2{
    background: url(3-2.png) no-repeat 70px center ;
}
.box3-2:hover,.box3-2:active{
    background: #4c67a7 url(3-2-hover.png) no-repeat 70px center ;
    overflow: hidden;
}
.box3-3{
    background: url(3-3.png) no-repeat 70px center ;
}
.box3-3:hover,.box3-3:active{
    background: #4c67a7 url(3-3-hover.png) no-repeat 70px center ;
    overflow: hidden;
}
.box4-1{
    background: url(4-1.png) no-repeat 70px center ;
}
.box4-1:hover,.box4-1:active{
    background: #4c67a7 url(4-1-hover.png) no-repeat 70px center ;
    overflow: hidden;
}
.box4-2{
    background: url(4-2.png) no-repeat 70px center ;
}
.box4-2:hover,.box4-2:active{
    background: #4c67a7 url(4-2-hover.png) no-repeat 70px center ;
    overflow: hidden;
}
.box4-3{
    background: url(4-3.png) no-repeat 70px center ;
}
.box4-3:hover,.box4-3:active{
    background: #4c67a7 url(4-3-hover.png) no-repeat 70px center ;
    overflow: hidden;
}
.box5-1{
    background: url(5-1.png) no-repeat 70px center ;
}
.box5-1:hover,.box5-1:active{
    background: #4c67a7 url(5-1-hover.png) no-repeat 70px center ;
    overflow: hidden;
}
.box5-2{
    background: url(5-2.png) no-repeat 70px center ;
}
.box5-2:hover,.box5-2:active{
    background: #4c67a7 url(5-2-hover.png) no-repeat 70px center ;
    overflow: hidden;
}
.box5-3{
    background: url(5-3.png) no-repeat 70px center ;
}
.box5-3:hover,.box5-3:active{
    background: #4c67a7 url(5-3-hover.png) no-repeat 70px center ;
    overflow: hidden;
}
.box:hover .tit, .box:active .tit {
    color: #fff;
}
.box{
    margin: 2.5%;
    line-height: 350%;
    text-align: center;
    
}

/* 下拉内容 (默认隐藏) */
.list{
    display: none;
    font-size: 18px;   
    text-align: center;
    position: absolute;
    left:10px;
    top:65px;
    background:url(list.png) no-repeat -7px -10px;
    background-size: 100% 110%;
    width: 400px;
    z-index: 999;
}
.list-hover{
    /* margin: 4%; */
    line-height: 350%;
    text-align: center;
    width: 95%;
}
/* 下拉菜单的链接 */
.list a {
    color: black;
    padding-top: 5px;
    text-decoration: none;
    background: url(d.png) no-repeat 50px center;
    font-weight: normal;
    border-top: 0;
    display: block;
    line-height: 50px;
    text-align: left;
    width: 90%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 85px;
}
.list li:hover,.list li:active{
    background: #d2d9e9 url(d.png) no-repeat 50px center;
}
/* 页数 */
@media all and (min-width: 960px) and (max-width: 1199px) {
    .con{
        width:100%;
        padding:0px 34px;
    }
    .ban .con li{
        width:23.8%;
    }
    .bm{
        width: 50%;
    }
   .list{
       width: 100%;
   }
   .list a{
       margin-left: 2%;
   }
}
@media all and (min-width: 768px) and (max-width: 959px) { 
    .list{
        width: 100%;
    }
    .con{
        width:100%;
        padding:0px 10px;
    }
    .ban .con li{
        width:23.7%;
    }
    .bjmc,.sx_list li a{
        width:46%;
    }
    .jg,.sx_list .blue{
        width:9%;
    }
    .bm{
        width: 50%;
    }
    .list a {
        background: url(d.png) no-repeat 100px center ;
    }
    .list a:hover,.list a:active{
        background: #d2d9e9 url(d.png) no-repeat 100px center;
    }
}
@media all and (min-width: 480px) and (max-width: 767px){
    .list{
        width: 100%;
    }
    .list a {
        background: url(d.png) no-repeat 45px center ;
    }
    .list a:hover,.list a:active{
        background: #d2d9e9 url(d.png) no-repeat 45px center;
    }
    .con{
        width:100%;
        padding:0px 10px;
    }
    .ban .con li{
        width:23.3%;
        margin-left:1%;
    }
    .sx{
        float: none;
        overflow: hidden;
    }
    .search{
        width:291px;
        margin:20px auto 0px;
        float:none;
    }
    .bm{
        width: 50%;
    }
    .box1-1{
        background: url(1-1.png) no-repeat 14px center ;
    }
    .box1-1:hover,.box1-1:active{
        background: #4c67a7 url(1-1-hover.png) no-repeat 14px center ;
        overflow: hidden;
    }
    .box1-2{
        background: url(1-2.png) no-repeat 14px center ;
    }
    .box1-2:hover,.box1-2:active{
        background: #4c67a7 url(1-2-hover.png) no-repeat 14px center ;
        overflow: hidden;
    }
    .box1-3{
        background: url(1-3.png) no-repeat 14px center ;
    }
    .box1-3:hover,.box1-3:active{
        background: #4c67a7 url(1-3-hover.png) no-repeat 14px center ;
        overflow: hidden;
    }
    .box2-1{
        background: url(2-1.png) no-repeat 14px center ;
    }
    .box2-1:hover,.box2-1:active{
        background: #4c67a7 url(2-1-hover.png) no-repeat 14px center ;
        overflow: hidden;
    }
    .box2-2{
        background: url(2-2.png) no-repeat 14px center ;
    }
    .box2-2:hover,.box2-2:active{
        background: #4c67a7 url(2-2-hover.png) no-repeat 14px center ;
        overflow: hidden;
    }
    .box2-3{
        background: url(2-3.png) no-repeat 14px center ;
    }
    .box2-3:hover,.box2-3:active{
        background: #4c67a7 url(2-3-hover.png) no-repeat 14px center ;
        overflow: hidden;
    }
    .box3-1{
        background: url(3-1.png) no-repeat 14px center ;
    }
    .box3-1:hover,.box3-1:active{
        background: #4c67a7 url(3-1-hover.png) no-repeat 14px center ;
        overflow: hidden;
    }
    .box3-2{
        background: url(3-2.png) no-repeat 14px center ;
    }
    .box3-2:hover,.box3-2:active{
        background: #4c67a7 url(3-2-hover.png) no-repeat 14px center ;
        overflow: hidden;
    }
    .box3-3{
        background: url(3-3.png) no-repeat 14px center ;
    }
    .box3-3:hover,.box3-3:active{
        background: #4c67a7 url(3-3-hover.png) no-repeat 14px center ;
        overflow: hidden;
    }
    .box4-1{
        background: url(4-1.png) no-repeat 14px center ;
    }
    .box4-1:hover,.box4-1:active{
        background: #4c67a7 url(4-1-hover.png) no-repeat 14px center ;
        overflow: hidden;
    }
    .box4-2{
        background: url(4-2.png) no-repeat 14px center ;
    }
    .box4-2:hover,.box4-2:active{
        background: #4c67a7 url(4-2-hover.png) no-repeat 14px center ;
        overflow: hidden;
    }
    .box4-3{
        background: url(4-3.png) no-repeat 14px center ;
    }
    .box4-3:hover,.box4-3:active{
        background: #4c67a7 url(4-3-hover.png) no-repeat 14px center ;
        overflow: hidden;
    }
    .box5-1{
        background: url(5-1.png) no-repeat 14px center ;
    }
    .box5-1:hover,.box5-1:active{
        background: #4c67a7 url(5-1-hover.png) no-repeat 14px center ;
        overflow: hidden;
    }
    .box5-2{
        background: url(5-2.png) no-repeat 14px center ;
    }
    .box5-2:hover,.box5-2:active{
        background: #4c67a7 url(5-2-hover.png) no-repeat 14px center ;
        overflow: hidden;
    }
    .box5-3{
        background: url(5-3.png) no-repeat 14px center ;
    }
    .box5-3:hover,.box5-3:active{
        background: #4c67a7 url(5-3-hover.png) no-repeat 14px center ;
        overflow: hidden;
    }
    
}
@media all and (max-width: 479px) {
    .list a {
        background: url(d.png) no-repeat 80px center ;
    }
    .list a:hover,.list a:active{
        background: #d2d9e9 url(d.png) no-repeat 80px center;
    }
    .con{
        width:100%;
        padding:0px 10px;
    }
    .ban .con li{
        width:23.3%;
        font-size:15px;
    }
    .qbzt_title h3{
        font-size:18px;
    }
    .qbzt_form .qbfl{
        margin: 0px 25px 0px 0px;
    }
    .sx{
        float: none;
        margin-bottom:20px;
    }
    .search{
        width:291px;
        margin:0px auto 0px;
        float:none;
        clear:both;
        
    }
    .sx_list li a, .sx_list li span{
        padding-left:0px;
        text-align:center;
    }
    .sx_list li:first-child{
        text-align:center;
    }
    .sqr,.sx_list .first{
        width:20%;
    }
    .bjmc,.sx_list li a{
        width:25%;
    }
    .sbh,.sx_list .third{
        width:40%;
    }
    .pages ul li{
        margin-bottom:10px;
    }
    .sxbm{
        width:37%;
    }
    .sxmc{
        width:63%;
    }
    .bm{
        width: 98%;
    }
    .box{
        margin:3% 4%;
    }
    .box1-1{
        background: url(1-1.png) no-repeat 30px center ;
    }
    .box1-1:hover,.box1-1:active{
        background: #4c67a7 url(1-1-hover.png) no-repeat 30px center ;
        overflow: hidden;
    }
    .box1-2{
        background: url(1-2.png) no-repeat 30px center ;
    }
    .box1-2:hover,.box1-2:active{
        background: #4c67a7 url(1-2-hover.png) no-repeat 30px center ;
        overflow: hidden;
    }
    .box1-3{
        background: url(1-3.png) no-repeat 30px center ;
    }
    .box1-3:hover,.box1-3:active{
        background: #4c67a7 url(1-3-hover.png) no-repeat 30px center ;
        overflow: hidden;
    }
    .box2-1{
        background: url(2-1.png) no-repeat 30px center ;
    }
    .box2-1:hover,.box2-1:active{
        background: #4c67a7 url(2-1-hover.png) no-repeat 30px center ;
        overflow: hidden;
    }
    .box2-2{
        background: url(2-2.png) no-repeat 30px center ;
    }
    .box2-2:hover,.box2-2:active{
        background: #4c67a7 url(2-2-hover.png) no-repeat 30px center ;
        overflow: hidden;
    }
    .box2-3{
        background: url(2-3.png) no-repeat 30px center ;
    }
    .box2-3:hover,.box2-3:active{
        background: #4c67a7 url(2-3-hover.png) no-repeat 30px center ;
        overflow: hidden;
    }
    .box3-1{
        background: url(3-1.png) no-repeat 30px center ;
    }
    .box3-1:hover,.box3-1:active{
        background: #4c67a7 url(3-1-hover.png) no-repeat 30px center ;
        overflow: hidden;
    }
    .box3-2{
        background: url(3-2.png) no-repeat 30px center ;
    }
    .box3-2:hover,.box3-2:active{
        background: #4c67a7 url(3-2-hover.png) no-repeat 30px center ;
        overflow: hidden;
    }
    .box3-3{
        background: url(3-3.png) no-repeat 30px center ;
    }
    .box3-3:hover,.box3-3:active{
        background: #4c67a7 url(3-3-hover.png) no-repeat 30px center ;
        overflow: hidden;
    }
    .box4-1{
        background: url(4-1.png) no-repeat 30px center ;
    }
    .box4-1:hover,.box4-1:active{
        background: #4c67a7 url(4-1-hover.png) no-repeat 30px center ;
        overflow: hidden;
    }
    .box4-2{
        background: url(4-2.png) no-repeat 30px center ;
    }
    .box4-2:hover,.box4-2:active{
        background: #4c67a7 url(4-2-hover.png) no-repeat 30px center ;
        overflow: hidden;
    }
    .box4-3{
        background: url(4-3.png) no-repeat 30px center ;
    }
    .box4-3:hover,.box4-3:active{
        background: #4c67a7 url(4-3-hover.png) no-repeat 30px center ;
        overflow: hidden;
    }
    .box5-1{
        background: url(5-1.png) no-repeat 30px center ;
    }
    .box5-1:hover,.box5-1:active{
        background: #4c67a7 url(5-1-hover.png) no-repeat 30px center ;
        overflow: hidden;
    }
    .box5-2{
        background: url(5-2.png) no-repeat 30px center ;
    }
    .box5-2:hover,.box5-2:active{
        background: #4c67a7 url(5-2-hover.png) no-repeat 30px center ;
        overflow: hidden;
    }
    .box5-3{
        background: url(5-3.png) no-repeat 30px center ;
    }
    .box5-3:hover,.box5-3:active{
        background: #4c67a7 url(5-3-hover.png) no-repeat 30px center ;
        overflow: hidden;
    }
    .list{
        width: 100%;
    }
    
}
@media all and (max-width: 375px) {
    .ban .con li{
        width:22.7%;
        font-size:15px;
    }
    .qbzt_form .qbfl{
        margin-right:10px;
    }
    .qbzt_form .mr0{
        margin-right:0px;
    }
    .sxbm{
        width:40%;
    }
    .sxmc{
        width:60%;
    }
    
}