@charset "utf-8";
/* CSS Document */
/*
* @description: 网站首页样式
* @author: ishang_pan
* @update: ishang_pan (2017-10-11 10:50)
*/


/*首页 on*/
.is-main{background: url(/dist/images/home/main-bj.png) center 0 no-repeat #f5f5f5;}

/* 头部广告位 */
.m-adv{padding: 18px 0 0;height: 118px; background: #fff; overflow: hidden;}
.m-adv li img{width: 100%;height: 100%;}

/* 热点 */
.m-hot{margin-bottom: 20px;padding: 18px 0; background: #fff url(/dist/images/home/main-bj.png) center 0 no-repeat;}
.m-hot h1{padding: 0 20px;}
.m-hot h1 img{margin-right: 57px;}
.m-hot h1 a{color: #0861a8;font-size: 32px;font-weight: bold;}

@media (max-width:1240px){
    .m-adv{height: auto;}
    .m-hot h1 img{display: none;}
}
@media (max-width:767px){
    .m-hot h1 a{display: block;font-size: 24px;text-align: center;}
}
@media (max-width:414px) {
    .m-hot h1 a{line-height: 30px;font-size: 18px;}
}

/* 幻灯片 */
/* .m-flash{float: left; width: 697px;height: 416px;overflow: hidden;position: relative;}
.m-flash .owl-item{float: left;position: relative;}
.m-flash .owl-item img{width: 100%;height: 416px;}
.m-flash .owl-item p{position: absolute;left: 0;bottom: 0;padding: 0 30% 0 10px; width: 100%;height: 50px;line-height: 50px;color:#fff;font-weight: bold; background: url(/dist/images/home/cover.png) 0 0 repeat;}
.m-flash .owl-nav{display: none;}
.m-flash .owl-dots{position: absolute;right: 10px;bottom: 15px;}
.m-flash .owl-dots button{margin-left: 8px; width: 12px;height: 12px;border-radius: 8px;background: #cad2d4;border: none;}
.m-flash .owl-dots button.active{background: #b10f00;} */

.m-flash{float: left;overflow: hidden;position: relative;}
.m-flash,.m-flash .bd li,.m-flash .bd img{width: 697px; height: 416px;}
.m-flash .bd li{position: relative;}
.m-flash .bd li p{position: absolute;left: 0;bottom: 0;padding: 0 30% 0 10px; width: 100%;height: 50px;line-height: 50px;color:#fff;font-weight: bold; background: url(/dist/images/home/cover.png) 0 0 repeat; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-flash .hd{position: absolute; right: 10px;bottom: 15px;}
.m-flash .hd li{float: left; margin-left: 8px; width: 12px;height: 12px;border-radius: 8px;background: #cad2d4;border: none;}
.m-flash .hd li.on{background: #b10f00;}

/* 工作动态 */
.m-gzdt{margin-left: 712px;height: 416px;}
.m-gzdt .hd{height: auto; background: #f1f2f3;border: none;overflow: hidden;}
.m-gzdt .hd ul{justify-content: space-around;}
.m-gzdt .hd li a{padding: 11px 7px;font-weight: normal;}
.m-gzdt .hd li.on a{font-weight: bold;}
.m-gzdt .hd li.on a::after{display: none;}
.m-gzdt .bd ul{padding-top: 0px;}

/* 国务院 */
.m-gwy{margin-left: 712px;}
.m-gwy ul{display: flex;justify-content: space-around;}
.m-gwy ul li{width: 33.33%;border: 1px solid #dfdfdf;border-left:none;}
.m-gwy ul li:nth-child(1){border-left: 1px solid #dfdfdf;}
.m-gwy ul li span{display: block;margin: 10px auto;width: 30px;height: 30px;line-height: 30px; font-size: 30px;color: #0e54ad;}
.m-gwy ul li p{margin-bottom: 10px; padding:0 5px;text-align: center;font-weight: bold;font-size:14px;}
.m-gwy ul li a:hover span{transform: rotateY(360deg);transition: .5s;}

/*新增按钮*/
.f-pr{position: relative;}
.f-pa{position: absolute;}
.f-mlrf6{margin: 0 -6px;}
.f-plr6{padding: 0 6px;}
.f-mlrf0{margin: 0;}
.f-plr0{padding: 0;}

.m-hmbtns{margin: 0; padding: 0 13px 20px;background-color: #fff;}
.m-hmbtns .f-plr7{padding: 0 7px;}
.g-hmbtnlf{padding-left: 95px;}
.g-hmbtnlf .u-title{width: 85px; height: 82px; text-align: center; background: #0e54ad; color: #fff; padding: 12px 18px; font-size: 20px; font-weight: bold; left: 0; top: 0;}
.g-hmbtnlf li a{display: block; padding: 17px 5px; text-align: center; height: 82px; line-height: 48px; background: url(/dist/images/home/bg-hy.png) #f8f8f8 right bottom no-repeat; font-size: 22px; color: #0e54ad; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.g-hmbtnlf li span{display: inline-block; margin-right: 3px; width: 48px; height: 48px; border-radius: 50%; font-size: 30px; color: #fff; background: #67b3f0; vertical-align: middle;}

.m-hmbtnrg ul{border: 1px solid #ddd; text-align: center;}
.m-hmbtnrg a{display: block; padding: 12px 10px; height: 80px; border-right: 1px solid #ddd;}
.m-hmbtnrg span{display: block; margin: 0 auto 11px;width: 30px;height: 30px;line-height: 30px; font-size: 30px;color: #0e54ad;}
.m-hmbtnrg p{padding: 0 5px; text-align: center; font-size:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.m-hmbtnrg a:hover span{transform: rotateY(360deg);transition: .5s;}
.m-hmbtnrg li:last-child a{border: none;}
/* .m-hmbtnrg ul li{width: 121px;} */

.m-hot h1{position: relative;text-align: center;}
.m-hot h1 img{position: absolute;left: 0;}
.m-list .bd li a{display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: calc(100% - 190px);}
.m-list .bd li a.gtjl {color: #035ea5;border: 1px dashed #035ea5;box-sizing: border-box;border-radius: 5px;line-height: 20px;font-size: 14px;text-align: center;padding: 0 5px;margin-bottom: 12px;}


@media (min-width:1240px) {
    .m-hmbtnlf{width: 712px;}
    .m-hmbtnrg{width: 502px;}
}

@media screen and (max-width: 991px ) {
	.g-hmbtnlf{margin-bottom: 15px;}
	
	.g-hmbtnlf li span{display: none;}
}

@media screen and (max-width: 638px) {
	.g-hmbtnlf{padding-left: 0;}
	.g-hmbtnlf .u-title{display: none;}
}

/* 广告位 */
.m-advert{height: 100px; background: #fff; overflow: hidden;position: relative;}
.m-advert li{height: 100px;}
.m-advert li img{width: 100%;height: 100%;}
.m-advert .hd ul li{width: 14px;height: 14px;text-align: center;line-height: 14px;font-size: 12px;color: #fff;background: rgba(0, 0, 0, .48);float: left;margin-left: 3px;}
.m-advert .hd ul li.on{background: #000;}
.m-advert .hd{position: absolute;right: 20px;bottom: 10px;}

@media (max-width:1240px){
    .m-flash{width: 520px;}
    .m-gzdt,.m-gwy{margin-left: 540px;}
    .m-gzdt .hd ul{display: flex;}
    .m-gzdt .hd li a{padding: 11px 5px;}
    .m-advert{height: auto;}
}
@media (max-width:991px){
    .m-flash,.m-flash .owl-item img{float: none;width: 100%;height: 55vw;}
    .m-gzdt,.m-gwy{margin:15px 0 0;height: auto;}
}
@media (max-width:414px) {
	.m-flash .owl-item p{padding-right:40%;}
}

/* 政务公开        政务服务        政民互动 */
.m-tabbar{margin-top: 20px;}
.m-tabbar .tabB{margin-bottom: 15px; background: #e1e9f2;}
.m-tabbar .tabBs{display: flex;justify-content: space-between;}
.m-tabbar .tabBs a{display: flex;align-items: center;justify-content: center;margin: 32px 0 9px; width: 350px;line-height: 63px;text-align: center; font-size: 26px;color: #fff;font-weight: bold;background: #8aaedb url(../images/home/zw.png) right bottom no-repeat;border-radius: 5px;}
.m-tabbar .tabBs a span{margin-right: 15px; font-size:40px;font-weight: normal;}
.m-tabbar .tabBs a.aon{position: relative; background: #0e54ad url(../images/home/zw.png) right bottom no-repeat;}
.m-tabbar .tabBs a.aon::after{content: "";position: absolute;bottom: -9px;left: 50%;margin-left: -11px;width: 22px;height: 22px;background: #0e54ad;transform: rotateZ(45deg);}
.m-tabbar .m-box{bottom: 0;}
.m-tabbar .tabBs a.on{position: relative; background: #0e54ad url(../images/home/zw.png) right bottom no-repeat;}
.m-tabbar .tabBs a.on::after{content: "";position: absolute;bottom: -9px;left: 50%;margin-left: -11px;width: 22px;height: 22px;background: #0e54ad;transform: rotateZ(45deg);}

/* 政务公开 */
.m-zfwj{float: left; width: 830px;height: 438px;/* overflow: hidden; */ overflow: unset;}
.m-zfwj .bd li{height: 48px;line-height: 48px;}
.m-zfxx{margin-left: 850px;height: 438px;/* overflow: hidden; */}
.u-zfxx li{height: 50px;line-height: 50px; border-bottom: 1px dashed #dfdfdf;}
.u-zfxx li:last-child{border-bottom: none;}
.u-zfxx li a{display: flex;align-items: center;padding: 0 20px 0 30px; font-size: 18px;}
.u-zfxx li a span.left{margin-right: 20px; font-size: 28px;color: #0e54ad;}
.u-zfxx li a span.right{font-size: 20px;color: #97b5dc;}
.u-zfxx li a p{flex: 1;}

/* 政务服务 */
.m-grbs{float: left;width: 742px;height: 330px; position: relative;}

.m-newaddbtns{position: absolute;top: -6px;right: 0;}
.m-newaddbtns li{float: left; margin-left: 5px;}
.m-newaddbtns li a{display: block; padding: 8px 16px; height: 38px; border: 1px solid #ddd; color: #ff0000; font-size: 16px; font-weight: bold;}
.m-newaddbtns li span{margin-right: 8px; font-weight: normal;}

.u-bstj{display: flex;align-items: center; position: absolute;top: -6px;right: 0;font-size: 18px;color: #ff0000;font-weight: bold;}
.u-bstj span{margin-right: 10px; font-weight: normal;font-size: 26px;}
.owl-grbs .owl-stage-outer{overflow: hidden;}
.owl-grbs .owl-item{float: left;display: flex;justify-content: flex-start;flex-wrap: wrap;overflow: hidden;}
.owl-grbs .owl-item div{width:100%;}
.owl-grbs .owl-stage-outer{height:242px;}
.owl-grbs .owl-nav{display: none}
.owl-grbs .owl-dots{margin-top: 20px; text-align: center;}
.owl-grbs .owl-dots button{margin: 0 5px; width: 9px;height: 6px;background: #d2d2d2;border-radius: 6px;border: none;}
.owl-grbs .owl-dots button.active{width: 19px;background: #0e54ad;}
.u-grbs .owl-item a{display: block; float: left;margin-top: 30px;width: 11.11%;text-align: center;}
.u-grbs .owl-item a:hover img{transition: .5s;transform: rotateZ(360deg);}
.u-grbs .owl-item img{display: block;padding: 5px;margin: 0 auto 15px; width: 54px;height: 54px;background: #e8f1fb;border-radius: 54px;}
.u-bmbs .owl-item a{display: block; float: left;margin: 13px 10px 0 10px;width: 128px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/* 办件公示 */
.m-bjgs{margin-left: 762px;height: 330px;overflow: hidden;}
.m-bjxx h3{height: 37px;border-bottom: 1px solid #ddd;}
.m-bjxx h3 a{display: block;position: relative;padding: 0 10px;width: 130px; height: 37px;line-height: 24px; color: #0e54ad;font-size: 18px;text-align: center;font-weight: bold;}
.m-bjxx h3 a::after{content: "";position: absolute;bottom: -2px;left: 50%;margin-left: -15px;width: 30px;height: 5px;background: #0e54ad;border-radius: 5px;}
.m-bjxx h4{margin-top: 8px;display: flex;padding: 12px 0;font-size: 16px; background: #f2f2f2;font-weight: bold;}
.m-bjxx h4 span,.m-bjxx .bd li a,.m-bjxx .bd li span{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.m-bjxx .bd li{display: flex;height: 39px;line-height: 39px;}
.m-bjxx .name{flex: 1;}
.m-bjxx .time,.m-bjxx .state,.m-bjxx .type{width: 100px;text-align: center;}
.m-bjxx .state{width: 100px;text-align: center;}
.m-bjxx h4 .name{text-indent: 20px;}
.m-bjxx .bl{color: #009900;}
.m-bjxx .yc{color: #cc6600;}
.m-bjxx .dc{color: #cc0000;}
.m-szxx .yh{color: #cc9900;}

/* 政民互动 */
.m-zfxx a.yf{font-weight: bold;font-size: 18px;padding: 0 10px;}
/* 市长信箱 */
.m-szxx{float: left;width: 700px; height: 330px;overflow: hidden;}
.m-szxx h4{margin-top: 0;font-size: 14px;}
.m-szxx .bd{height: 150px;overflow: hidden;}
/* 我要写信 */
.u-wyxx{margin-top: 20px;}
.u-wyxx ul{display: flex;justify-content: space-between;}
.u-wyxx li{float: left;width: 105px;padding: 5px 0 10px 0; text-align: center; border: 1px solid #ddd;}
.u-wyxx li span{display: block; font-size: 30px;color: #0e54ad;}
.u-wyxx li span p{font-weight: bold;}
.u-wyxx li a:hover span{transition: .5s;transform: rotateX(360deg);}
/* 在线访谈 */
.m-zxft{margin-left: 720px;height: 330px;overflow: hidden;}
.u-ft{display: flex;margin-top: 20px;}
.u-ft h3{margin-bottom: 10px;}
.u-ft h3 a{font-size: 16px;font-weight: bold;}
.u-ft img{margin-right: 10px;width: 214px;height: 158px;}
.m-zxft p{line-height: 30px;font-size: 14px;}
.m-zxft p a{color: #ff0000; font-size: 14px;}

@media (max-width:1240px){
    .m-tabbar .tabBs a{margin: 32px 10px 9px;}
    .m-zfwj,.m-grbs,.m-szxx{float: none;width: 100%;height: auto;}
    .m-zfxx,.m-bjgs,.m-zxft{margin: 15px 0 0;height: auto;}
}
@media (max-width:767px){
    .m-tabbar .tabBs{display: block;}
    .m-tabbar .m-box,.m-tabbar .tabBs a.aon::after{display: none;}
    .m-tabbar .tabBs a {margin: 15px 0;width: 100%;}
    .m-zfxx .bd li a{padding: 0 20px;}
}


/* 专题专栏 */
.m-ztzl{position: relative;height: 157px; overflow: hidden;}
.m-ztzl h3{margin-bottom: 20px; height: 37px;border-bottom: 1px solid #0e54ad;}
.m-ztzl h3 a{display: block;height: 37px;color: #0e54ad;font-size: 18px;font-weight: bold;}
.m-ztzl .owl-ztzl{margin:0 30px;overflow: hidden;}
.m-ztzl .owl-item{float: left;position: relative;width: 220px;height: 100px;overflow: hidden;}
.m-ztzl .owl-item img{width: 100%;height: 100%;transition: .5s;}
.m-ztzl .owl-item p{position: absolute;top: 0;left: 0;padding: 0 40px;display: flex;align-items: center;text-align: center;; width: 100%;height: 100%; color: #fff; background: url(/dist/images/home/cover.png);opacity: 0;transition: .5s;}
.m-ztzl .owl-item a:hover p{opacity: 1;}
.m-ztzl .owl-item a:hover img{transform: scale(1.1);}
.m-ztzl .owl-nav button{display: flex;align-items: center; position: absolute;bottom: 58px;line-height: 0; font-size: 60px;border: none;color: #0e54ad;}
.m-ztzl .owl-nav .owl-prev{left: 0;}
.m-ztzl .owl-nav .owl-next{right: 0;}
.m-ztzl .owl-dots{display: none;}


.adv-rb{position:fixed;bottom:0;right:0;}
.adv-close{font-size: 20px;
    background: #999;
    border-radius: 50%;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    position: absolute;
    top: 5px;
    right: 5px;}
	
	

.f-mb20{margin-bottom: 20px;}
.f-mlrf6{margin: 0 -6px;}
.f-plr6{padding: 0 6px;}
.f-nmg{margin: 0;}
.f-npd{padding: 0;}
.m-newfwrg{margin-left: 762px; height: 330px; overflow: hidden;}
.m-newfwbtns a{display: block; padding: 12px 10px 8px; height: 75px; background: #f8f8f8;}
.m-newfwbtns span{display: block; width: 22px; height: 22px; margin: 0 auto 5px; font-size: 22px; color: #0e54ad; line-height: 1;}
.m-newfwbtns p{font-size: 18px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.m-newfwbtj{padding: 14px 15px 10px; border: 1px solid #ddd;}
.m-newfwbtj .col-xs-6{height: 202px;}
.m-newfwbtj li{margin-top: 18px;}
.m-newfwbtj h1{margin-bottom: 15px; padding: 4px 0; font-size: 18px; font-weight: bold; color: #0e54ad; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.m-newfwbtj h2{margin-bottom: 7px; font-size: 30px; font-weight: bold; color: #888; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.m-newfwbtj p{font-size: 14px; color: #333; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.u-newztj{border-left: 1px dashed #ddd;}
.u-newztj li{padding: 87px 10px 10px; background: url(/dist/images/home/bg-pjzs.png) center no-repeat;}
.u-newztj li h2{color: #e00303;}

@media (max-width:1240px){
	.m-newfwrg{margin: 15px 0 0; height: auto;}
}
@media (max-width:767px){
	.f-md-mb15{margin-bottom: 15px;}
    #leftad,#rightad,#aside-nav{display: none;}
    .m-flash, .m-flash .bd li, .m-flash .bd img{width: 100%;height: 200px;}
    .m-gzdt.m-list{padding-bottom: 50px;}
    .g-hmbtnlf .u-title{display: block;width: 100%;height: 55px;}
    .g-hmbtnlf{padding-top: 55px;}
    .g-hmbtnlf ul li{width: 100%;}
    .m-hmbtnrg>ul li{width: 100%;}
}

@media screen and (min-width:768px) and (max-width: 1025px) {
    .m-gzdt .hd li a{padding: 11px 14px;}
    .m-hmbtnrg a{padding: 12px 5px;}
    .m-hmbtnrg ul li{width: 94px;}
    .m-hmbtnrg p{font-size: 14px;}
    .g-hmbtnlf li span{display: none;}
}