@charset "utf-8";

.m-white{padding: 20px;background: #fff;}
.f-toe{overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
/*热点*/
.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: 590px;height:384px;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:384px;}
.m-flash .bd li p{width: 100%;position: absolute;left: 0;bottom: 0;height: 50px;font-size:16px;line-height: 50px;background: url(../images/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(../images/yuan1.png) no-repeat;}
.m-flash .hd li.on{width: 20px;background: url(../images/yuan2.png) no-repeat;}

/*公用*/
.m-list .bd ul{margin: 10px 0;}
.m-list .bd li{height:36px;line-height:36px;}
.m-list .bd li a{display: block;padding-left: 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.m-list .bd li span{float: right;color: #999;font-size: 14px;margin-left: 10px;}

/*市局动态*/
.m-bmdt{float: right;width: 550px;height: 384px;overflow: hidden;}
.m-bmdt .hd{height:46px;background:#f5f5f5;overflow: hidden;}
.m-bmdt .hd li{float:left;height:46px;line-height: 46px;}
.m-bmdt .hd li a{display:block;width:130px;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(../images/dt-line.png) 4px 0 repeat-y;}
.m-bmdt .bd li:first-child{background: url(../images/dt-line.png) 4px 18px no-repeat;}
.m-bmdt .bd li:last-child{background: url(../images/dt-line.png) 4px 0 no-repeat;}
.m-bmdt .bd li a{padding-left:17px;background: url(../images/dt1.png) 0 center no-repeat;}
.m-bmdt .bd li a:hover{background: url(../images/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-sbrf .hd{height: 33px;border-bottom: 1px solid #ddd;position: static;}
.m-sbrf .hd ul li a{display: block;padding: 0 15px;color: #3d3d3d;font-size: 20px;font-weight: bold;font-weight: normal;}
.m-sbrf .hd li{background: none;}
.m-sbrf .hd li.on a{background: none;color: #b90609;}
/*信息公开*/
.m-xxgk{float:left;width:860px;height: 372px;overflow: hidden;}
.u-gkml{float:left;width:100%;overflow: hidden;}
.u-gkml li{}
.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; }
.g-zxbj{text-align:center;height:95px;border:1px solid #ddd;border-radius:4px;margin-top:15px;}
.g-zxbj img{    margin: 20px 0 10px;}

/*通知公告*/
.m-tzgg,.m-zggs{float: right;width: 330px;height: 372px;overflow: hidden;}
.m-zggs{height:310px;}
.m-zggs a{display: block;width:100%;margin-bottom:14px;}
.m-zggs a:nth-child(2){margin-bottom:0;}
/**专题专栏2***/
/**专题专栏**/
.m-theme{height: 120px;background: #fff;    margin-top: 10px;}
.m-ztzl{padding:15px 15px;}
.g-special .owl-item{padding: 0 7px;}
.g-special .u-item{display: block;}
.g-special .u-item img{display: block; width: 100%; height: 80px;}
/*专题专栏*/
.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{width: 595px;height: 290px;overflow: hidden;}

/*热点推送*/
.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(../images/flex.png) no-repeat;}
.advert-box .close-btn{position:absolute;right: 8px;top: 7px;display:block;width:18px;height: 18px;background:url(../images/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;}
/*专题业务*/
.m-ywzt h3{margin-bottom: 20px;}
.m-ywzt ul li{margin-bottom: 10px; }
.m-ywzt ul li a{text-align: center;height: 48px;line-height: 46px;border:1px solid #ddd;background: #f5f5f5;display: block;overflow: hidden;word-wrap: normal; white-space: nowrap;text-overflow: ellipsis;}
/***环境质量数据发布***/
.m-tab .m-table thead {background:#f4f4f4;height:26px;}
.m-tab .m-table thead th{color:#333;font-size:14px;padding: 0 11px 0 10px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;height:30px;font-weight:blod;}
.m-tab .m-table thead th:last-child{border-right:none;}
.m-table{border:1px solid #ddd;border-bottom:none;}
.m-table{margin-top:10px;}
.m-tab .m-table tbody td{color:#333;font-size:14px;height:26px;    text-align: center;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.m-tab .m-table tbody td:last-child{border-right:none;}
/***政民互动***/
.m-itxjhd{height: 42px; line-height: 42px; background: #f5f5f5;margin-bottom:4px;}
.m-itxjhd p{float: left; text-align: center; font-weight: bold;font-size: 14px;color: #3d3d3d;}
.m-itxjlbs .u-itb1{width: 70%;}
.m-itxjlbs .u-itb2{width: 15%;}
.m-itxjlbs .u-itb3{width: 15%;}
.m-itxjbd{height: 285px;overflow: hidden;}
.m-itxjbd li{height: 38px; line-height: 37px;}
.m-itxjbd li p{float: left;}
.m-itxjbd li p.u-itb1 a{padding-left: 10px; display: block; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;color: #3d3d3d;}
.m-itxjbd li p.u-itb1 a:hover{color: #b80608;}
.m-itxjbd li .u-itb2{font-size: 16px; color: #3d3d3d;}
.m-itxjbd li .u-itb3{font-size: 16px;color: #999999;}
.m-itxjbd li .u-red{color: #ff0000;}
.m-itxjbd li .u-yellow{color: #d8a908;}
.m-itxjbd li .u-green{color: #009900;}
.m-itxjbtns li {position: relative;z-index:1;overflow:hidden;transition:all .35s; display:inline-block;}
.m-itxjbtns a{display: block; margin: 5px 5px; background: #f5f5f5; height: 57px; line-height: 57px; text-align: center; font-size: 18px;}
.m-itxjbtns a:hover{color: #fff; background: #b80608;}
.m-itxjbtns a:hover span{color: #fff;}
.m-xzzq {    float: left; width: 860px;  height: 312px;overflow: hidden;}
.m-tsjb{float: right; width: 330px;height: 312px; overflow: hidden;}
.m-code img{display:block;margin:0 auto;max-width:100%;}
.m-clickpic a{display:block; margin-bottom: 3px; width:49%;float: left; height: 33px;line-height: 33px;text-align: center; background: #f5f5f5;color: #b90609;}
.m-clickpic a.last{width: 100%;}
.m-clickpic{margin-top:7px;}
.m-zxbs{width: 860px;}
.m-zxbs .bd ul{width:615px;}
/**在线办事***/
.f-mlr{margin:0 -10px;}
.f-plr{padding:0 10px;}
/*媒体查询*/
@media (min-width: 1200px){
    .container{padding: 0;}
}
@media (max-width: 1200px){
    .container{padding: 0;}
    .m-flash{width: 535px;}
    .m-bmdt{width: 375px;}
    .m-xxgk,.m-xzzq,.m-zxbs{width: 615px;}
    .m-tzgg,.m-tsjb{width: 345px;}
    .m-tzgg .hd{margin-left: 133px;}
    .m-xzzq .hd{margin-left: 172px;}
}
@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;}
}
@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;}
}
@media (max-width: 390px){
    .u-gkml li{width: 100%;}
}