@charset "utf-8";

.m-white{padding: 20px;background: #fff;}
.m-todoservice{padding: 20px;background: #fff;height: 350px;}
/*热点*/
.m-hot{background:#f5f5f5;padding:20px 30px;overflow: hidden;}
.m-hot h3{height: 30px;padding:0 15px;margin-bottom: 18px;}
.m-hot h3 a{display:block;font-size: 28px;color: #265cae;font-weight: bold;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.m-hot li{float: left;width: 33.33%;}
.m-hot li a{display:block;font-size: 16px;padding: 0 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/*幻灯片*/
.m-flash{float:left;width: 418px;height:310px;border-bottom:1px solid #ddd;position: relative;overflow: hidden;}
.m-flash .bd{width: 100%;overflow: hidden;}
.m-flash .bd li{width: 100%;position: relative;}
.m-flash .bd li img{width: 100%;height:310px;}
.m-flash .bd li p{width: 100%;position: absolute;left: 0;bottom: 0;height: 50px;font-size:16px;line-height: 50px;background: url(/uploads/image/atximages/cover.png) repeat;color: #fff;text-indent: 15px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.m-flash .hd{position: absolute;right: 5px;bottom: 18px;z-index: 99;}
.m-flash .hd li{width: 10px;height: 10px;float: left;margin-right: 8px;background: url(/uploads/image/atximages/yuan1.png) no-repeat;}
.m-flash .hd li.on{width: 20px;background: url(/uploads/image/atximages/yuan2.png) no-repeat;}
/**办理服务区**/
.u-tit{text-align: center;background: url(/uploads/image/atximages/bg-red.png) center repeat-x;padding: 12px 0;}
.u-tit a{font-weight:bold;font-size: 20px;color: #3d3d3d;padding: 0 14px;background-color: #fff;vertical-align: middle;}
.m-to-yewu{margin:0 -5px;}
.m-to-yewu ul li{padding: 0 5px;margin: 10px 0;}
.m-to-yewu ul li a{display: block;background: #f6f6f6;height: 110px;border-radius: 4px;text-align: center;padding: 26px 0;    line-height: 58px;}
.m-to-yewu ul li a img{margin-bottom: 15px;}
.m-to-yewu ul li a p{}
.u-exit{height: 68px;background: #f6f6f6;border-radius: 8px;text-align: center;line-height: 68px;}

.m-to-zhinan ul li a{height: 97px;padding: 20px 0;}
.m-to-yewu{margin:0 -6px;}
.m-to-yewu ul li{padding: 0 6px;}
.m-to-yewu ul li a img{    margin-bottom: 2px;vertical-align: middle; margin-right: 17px;}
/*公用*/
.m-list .bd ul{margin: 10px 0;}
.m-list .bd li{height:38px;line-height:38px;}
.m-list .bd li a{background: url(/uploads/image/atximages/arr.png) 0 center no-repeat;padding-left: 12px;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.m-list .bd li span{float: right;color: #999999;font-size: 14px;margin-left: 10px;}

/*市局动态*/
.m-bmdt{float: right;width: 400px;height: 310px;overflow: hidden;}
.m-bmdt .hd{height:46px;background:#f5f5f5;overflow: hidden;}
.m-bmdt .hd li{float:left;height:46px;line-height: 46px;width: 20%;}
.m-bmdt .hd li a{display:block;font-size: 18px;font-weight: bold;text-align: center;}
.m-bmdt .hd li.on a{color:#b90609;}
.m-bmdt .bd li{height:37px;line-height:37px;background: url(/uploads/image/atximages/dt-line.png) 4px 0 repeat-y;}
.m-bmdt .bd li:first-child{background: url(/uploads/image/atximages/dt-line.png) 4px 18px no-repeat;}
.m-bmdt .bd li:last-child{background: url(/uploads/image/atximages/dt-line.png) 4px 0 no-repeat;}
.m-bmdt .bd li a{padding-left:17px;background: url(/uploads/image/atximages/dt1.png) 0 center no-repeat;}
.m-bmdt .bd li a:hover{background: url(/uploads/image/atximages/dt2.png) 0 center no-repeat;}

/*广告位*/
.m-adv{margin-top: 20px;width: 100%;overflow: hidden;}
.m-adv li{width: 100%;}
.m-adv li img{width: 100%;}

.m-public{position: relative;margin-top: 10px;padding: 20px;background: #fff;}
.m-public h3{height: 33px;border-bottom: 1px solid #ddd;}
.m-public h3 a{display:block;padding:0 15px;color: #b90609;font-size: 20px;font-weight: bold;}
.m-public .hd{position:absolute;top:18px;right:20px;height:26px;line-height: 26px;overflow: hidden;}
.m-public .hd li{float: left;margin-left:10px;border-radius: 5px;background:#f5f5f5;overflow: hidden;}
.m-public .hd li a{display: block;padding: 0 15px;text-align: center;font-size: 14px;}
.m-public .hd li.on a{background: #fbdbdb;color: #b90609;}

/*信息公开*/
.m-xxgk{float:left;height: 300px;overflow: hidden;}
.u-gkml{float:left;margin-top: 18px;width:206px;overflow: hidden;}
.u-gkml li{height: 48px;line-height:48px;margin-bottom: 10px;border:1px solid #ddd;border-radius:5px;overflow: hidden;}
.u-gkml li a{display: block;text-align: center;}
.u-gkml li img{margin: 12px 10px 0 0;}
.u-gkml li a:hover img{transition: .5s;transform: rotatey(360deg);}
.m-tab{overflow: hidden;}

/*通知公告*/
.m-tzgg{float: right;width: 450px;height: 300px;overflow: hidden;}

/*专题专栏*/
.m-ztzl{position: relative;margin-top:10px;padding:20px;background:#fff;overflow: hidden;}
.m-ztzl h3{float:left;width:80px;height: 80px;}
.m-ztzl .hd a{position: absolute;top: 50%;margin-top:-15px;z-index: 999;}
.m-ztzl .hd a.prev{left: 114px}
.m-ztzl .hd a.next{right: 20px}
.m-ztzl .bd{margin-left: 94px;overflow: hidden;}
.m-ztzl .bd li{float:left;margin-right: 16px;width: 255px;height: 80px;}
.m-ztzl .bd li img{width: 255px;height: 80px;}

/*下载专区  政民互动*/
.m-xzzq{height: 300px;overflow: hidden;}
.m-kfrx{height: 300px;}

.m-kfrx .u-hot{display: block;max-width: 100%;margin: 0 auto 10px;}
.m-kfrx ul li{width: 50%;float: left;overflow: hidden;}
.m-kfrx ul li a{display: block;background: #f6f6f6;border-radius: 5px;text-align: center;margin: 5px 5px;height: 46px;line-height: 46px;}
.m-kfrx ul li img{vertical-align: middle;margin-bottom: 5px;margin-right: 9px;}
/*热点推送*/
.advert-box{position:fixed;left:10px;bottom:10px; z-index:999;width:272px; height:auto;overflow:hidden;background:#b90609;border-radius: 4px;padding: 30px 0 0;}
.advert-box ul{display: block;background:#fff;padding: 3px 0; margin-bottom:16px;}
.advert-box ul li{padding: 3px 6px;}
.advert-box ul li img{width: 260px;}
.advert-box .fold-btn{position:absolute;right: 30px;top: 6px;display:block;width:18px;height: 18px;background:url(/uploads/image/atximages/flex.png) no-repeat;}
.advert-box .close-btn{position:absolute;right: 8px;top: 7px;display:block;width:18px;height: 18px;background:url(/uploads/image/atximages/close.png) no-repeat;}
.advert-box h2{ position:absolute; left:10px; top:0; height:30px; line-height:30px; width:60px; color:#fff; font-size:14px;}

/*媒体查询*/
@media (min-width: 1200px){
    .container{padding: 0;}
    .m-white,.m-xxgk,.m-xzzq{width: 870px;float: left;}
    .m-todoservice,.m-tzgg,.m-kfrx{width: 320px;float: right;}
}
@media (max-width: 1200px){
    .container{padding: 0;}
    .m-flash{width: 535px;}
    .m-xxgk,.m-xzzq {width: 615px;}
    .m-tzgg,.m-kfrx{width: 345px;}
}
@media (max-width: 992px){
    .m-flash,.m-list,.m-public{width: 100%;}
    .m-bmdt{margin-top: 20px;}
    .m-tzgg .hd,.m-xzzq .hd{margin-left: 0;}
    .m-todoservice{height: auto;}
}
@media (max-width: 768px){
    .m-flash{height: 50vw;}
    .m-flash .bd li img{height: 50vw;}
    .m-flash .bd li p{padding-right: 40%;}
    .m-xxgk{height: auto;}
    .u-gkml,.m-tab{width: 100%;float: none;}
    .u-gkml li{width: 49%;float: left;}
    .u-gkml li:nth-child(2n){float: right;}
    .m-tab{margin:10px 0 0 0;}
    .m-public{height: auto;}
    .m-public .hd{position: initial;height: auto;}
    .m-public .hd li{margin: 5px 10px 5px 0;}
    .m-tzgg .hd,.m-xzzq .hd{margin-top: 15px;}

    .m-list .bd li{width: 100% !important;;float: none !important;padding-right: 0 !important;padding-left: 0 !important;}
}
@media (max-width: 390px){
    .u-gkml li{width: 100%;}
}