﻿@charset "utf-8";

.m-white{padding: 20px;background: #fff;}

/*热点*/
.m-hot{float:right;width: 580px;margin-bottom:12px;border-bottom:1px dashed #ddd;overflow: hidden;}
.m-hot h3{height: 35px;line-height:35px;margin-bottom: 10px;}
.m-hot h3 a{display:block;font-size: 24px;color: #b90609;font-weight: bold;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.m-hot p{font-size: 13px;color: #999;text-indent: 2em;margin-bottom: 15px;}
.m-hot p a{font-size: 13px;color: #ff7200;}

/*幻灯片*/
.m-flash{float:left;width: 560px;height:392px;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:392px;}
.m-flash .bd li p{width: 100%;position: absolute;left: 0;bottom: 0;padding-right: 40%;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: 10px;background: #fff;}
.m-flash .hd li.on{background: #ff862d;}

/*公用*/
.m-list{background: #fff;}
.m-list .hd{height:38px;background:url(../images/t-line2.jpg) 0 bottom repeat-x;overflow: hidden;}
.m-list .hd li{float: left;border-radius: 5px;overflow: hidden;}
.m-list .hd li a{display: block;height:38px;font-size:18px;padding: 0 15px;text-align: center;font-weight: bold;}
.m-list .hd li.on{background:url(../images/t-line1.jpg) 0 bottom repeat-x;}
.m-list .hd li.on a{color: #b90609;background: url(../images/t-bj.png) center bottom no-repeat;}
.m-list .bd ul{margin: 10px 0;}
.m-list .bd li{height:35px;line-height:35px;background: url(../images/arr.jpg) 0 center no-repeat;}
.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: 580px;height: 300px;overflow: hidden;}

/*通知公告*/
.m-tzgg{float:left;margin-top:10px;padding:20px;width: 580px;height: 178px;background:#fff;overflow: hidden;}
.m-tzgg h3{float: left;width: 50px;height: 138px;padding: 23px 16px;line-height: 20px;background: #b90609;}
.m-tzgg h3 a{color: #fff;font-size: 18px;font-weight: bold;}
.m-tzgg ul{margin-left: 65px;}
.m-tzgg ul li{height:34px;line-height:34px;background: url(../images/arr.jpg) 0 center no-repeat;}
.m-tzgg ul li a{display: block;padding-left: 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.m-tzgg ul li span{float: right;color: #999;font-size: 14px;margin-left: 10px;}

/*机构简介*/
.m-jgjj{float:right;margin-top:10px;padding:20px;width: 610px;background:#fff;overflow: hidden;}
.m-jgjj li{float:left;width:31%;height: 138px;text-align: center; background: #fff0f0;}
.m-jgjj li:nth-child(2){margin:0 3.5%;}
.m-jgjj li a{display: block;line-height: 40px;font-size: 18px;padding: 28px 0;}
.m-jgjj li a:hover img{transform: rotateY(360deg);transition: .5s;}

/*两学一做*/
.m-lxyz{margin-top: 10px;padding:20px;height:120px;background:#fff;overflow: hidden;}
.m-lxyz .bd{width: 100%;overflow: hidden;}
.m-lxyz li{float: left;width:381px;height:80px;margin-left: 10px;}
.m-lxyz li img{width:381px;height:80px;}

/*政策法规*/
.m-sjgg{margin-top:10px;padding:15px 20px;width: 393px;height:330px;background:#fff;overflow: hidden;}

/*政策文件*/
.m-zcfg{margin-left: 10px;}

/*专题专栏*/
.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-zmhd h3{height:38px;background:url(../images/t-line2.jpg) 0 bottom repeat-x;overflow: hidden;}
.m-zmhd h3 a{display: block;width:102px;height:38px;font-size:18px;padding: 0 15px;text-align: center;font-weight: bold;color: #b90609;background: url(../images/zmhd-t.png) center bottom no-repeat;}
.m-zmhd .hd{width: 100%;overflow: hidden;}
.m-zmhd .hd li{float: left;margin:10px 10px 0 0;height:32px;line-height:32px;overflow: hidden;}
.m-zmhd .hd li a{display: block;padding: 0 20px;background: #f5f5f5;}
.m-zmhd .hd li.on a{color: #b90609;}
.m-zmhd .bd ul{padding-top: 5px;}
.m-zmhd .bd li{height:37px;line-height:37px;background: url(../images/arr.jpg) 0 center no-repeat;}
.m-zmhd .bd li a{display: block;padding-left: 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.m-zmhd .bd li span{float: right;color: #999;font-size: 14px;margin-left: 10px;}

/*热点推送*/
.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;}

/*媒体查询*/
@media (min-width: 1200px){
    .container{padding: 0;}
}
@media (max-width: 1200px){
    .container{padding: 0;}
    .m-flash,.m-tzgg{width: 515px;}
    .m-hot,.m-bmdt{width: 395px;}
    .m-bmdt{height: 296px;}
    .m-jgjj{width: 445px;}
    .m-sjgg{width: 317px;}
}
@media (max-width: 991px){
    .m-flash,.m-tzgg,.m-hot,.m-bmdt,.m-jgjj,.m-sjgg{width: 100%;}
    .m-hot{margin-top: 10px;}
    .m-zcfg{margin-left: 0;}
}
@media (max-width: 767px){
    .m-flash,.m-flash .bd li img{height: 45vw;}
}
@media (max-width: 414px){
    .m-flash,.m-flash .bd li img{height: 55vw;}
}






