﻿

/*二级 + 三级导航*/
.m-snav{width: 100%;height:45px;background: #015293;position: relative;z-index: 1; display: none;}
.m-snav .u-nav{overflow-x: auto;}
.m-snav .nav-box{margin: 0 auto;width: 1200px;height: 56px;}
.m-snav li.nLi{float: left;padding: 0;border-left: 1px solid #2a6ea4;}
.m-snav li.nLi:last-child{border-right:1px solid #2a6ea4;}
.m-snav li.nLi h3{line-height: 45px;position: relative;}
.m-snav li.nLi h3 i{display: none;position: absolute;top: 45px;left: 50%;z-index:9999;margin-left: -10px;width: 21px;height: 11px;background: url(../images/jt.png) no-repeat;}
.m-snav li.nLi h3 a{font-size: 18px;color: #fff;display: block;text-align: center;font-weight: bold;padding: 0 36px;cursor:pointer;}
.m-snav li.nLi h3 a:hover,.m-snav li.on h3 a{background: #02467d;color: #fff;}
.m-snav li.nLi h3 a:hover i,.m-snav li.on a i{display: block;}
.m-snav .sub{position: absolute;top: 45px;left: 50%;z-index: 999;display:none;width: 1200px;background: #e1eefd; margin-left: -600px;padding: 10px 0;}
.m-snav .sub li{float: left;color: #333;margin: 0 15px;height: 35px;line-height: 35px;}
.m-snav .sub li a{color: #333;font-size: 17px;font-weight: bold;}
.m-snav li.n1 li:first-child{margin-left:50px;}
.m-snav li.n2 li:first-child{margin-left:110px;}
.m-snav li.n3 li:first-child{margin-left:500px;}
.m-snav li.n4 li:first-child{margin-left:620px;}
.m-snav li.n5 li:first-child{margin-left:600px;}
.m-snav li.n6 li:first-child{margin-left:900px;}
.m-snav li.n7 li:first-child{margin-left:200px;}

/* 搜索 */
.m-xxss{margin-bottom: 15px;background: #f5f5f5;padding: 10px 15px; border: 1px solid #ddd;}
.m-xxss form{display: flex;}
.m-xxss ul{display: flex;flex-wrap: wrap;flex: 1;}
.m-xxss li{display: flex;margin: 5px 0; width: 50%;align-items: center;}
.m-xxss span{padding-right: 10px; width: 90px;text-align: right;}
.m-xxss input[type="text"]{padding: 0 10px; height: 30px;line-height: 30px; border: 1px solid #ddd;flex: 1;background: #fff;}
.m-xxss label{display: flex; font-weight: normal;flex: 1;}
.m-xxss label input{width: 100px;}
.m-xxss .u-tj{display: flex;flex-wrap: wrap;margin-left: 20px; width: 90px;}
.m-xxss .u-tj input{display: block;margin: 5px 0;width: 90px;height: 30px;line-height: 30px;text-align: center;color: #fff;background: #015293;border-radius: 5px;}
.m-xxss .u-tj a{display: block;margin: 5px 0;width: 90px;height: 30px;line-height: 30px;text-align: center;border-radius: 5px;}

/*公用*/
.m-ht3{border: 1px solid #ddd;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.m-ht3 h3{height: 44px;line-height: 44px;background: #f5f5f5;border-bottom: 1px solid #ddd;background: url(../images/t-bj.png) 20px 11px no-repeat;}
.m-ht3 h3 a{display:block;font-size: 22px;color: #015293;font-family: "FZDBSJW";padding-left: 35px;}

.m-list li{height:35px;line-height:35px;overflow: hidden;padding-left: 12px;background: url(../images/arr1.png) 0 center no-repeat;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.m-list li span{color: #666;float: right;margin-left: 10px;font-size: 15px;}

/*五公开*/
.m-wgk{position: relative;height: 250px;overflow: hidden;}
.m-wgk .hd{position: absolute;top: 0;right: 0;width: 100%;height:44px;line-height:44px;}
.m-wgk .hd li{float: left;width: 25%;text-align: center;}
.m-wgk .hd li a{display: block;line-height: 44px;font-weight: bold;font-size: 18px;}
.m-wgk .hd li.on a{border-top: 2px solid #015293;background: #FFF;line-height: 42px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.m-wgk .bd{overflow: hidden;margin-top:40px;}
.m-wgk .bd ul{padding:10px 15px;overflow:hidden;}
.m-wgk .bd li{float:left;width:48.5%;height:36px;line-height:36px;}
.m-wgk .bd .u-list233{padding-left:10px;margin-left:10px;border-left:1px solid #de534f;color:#de534f;display:none;}
.m-wgk .bd .u-list119 li{width:100%;height:38px;line-height:34px;}
/*重点领域信息公开*/
.m-zdly{position: relative;height:220px;overflow: hidden;background: url(../images/zdly-bj.jpg) no-repeat;background-size: 100% 100%;}
.m-zdly h4{height: 50px;line-height: 50px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;background: url(../images/t-bj.png) 20px 13px no-repeat;}
.m-zdly h4 a{display: block;width: 225px;font-size: 22px;color: #fff;text-align:center;font-family: "FZDBSJW";background:#015293}
.m-zdly .hd{position: absolute;top: 0;right: 0;width: 80%;height: 54px;line-height: 50px;overflow:hidden;}
.m-zdly .hd li{float: left;text-align: center;}
.m-zdly .hd li a{display: block;height:54px;font-weight: bold;font-size: 18px;padding: 0 25px;}
.m-zdly .hd li.on a{color: #015293;background: url(../images/t-bj1.png) center 45px no-repeat;}
.m-zdly .bd li{float: left;width: 20%;}
.m-zdly .bd{height: 175px;overflow-y: auto;}
.m-zdly ul.u-tb li{margin: 25px 0;}
.m-zdly ul.u-cz li{width: 25%;}
.m-zdly ul.u-wz{padding: 25px 10px 0;}
.m-zdly ul.u-wz li{margin-bottom: 23px;}
.m-zdly ul.u-wz li a{margin:0 15px;padding:0 10px;height:50px;line-height:50px;border: 1px dashed #74bffb;border-radius: 50px;}
.m-zdly .bd li a{display: block;text-align: center;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.m-zdly .bd li img{display: block;margin: 0 auto;margin-bottom: 20px;}
.m-zdly .bd li a:hover img{transform: rotateZ(360deg);transition: .5s;}

.m-zdly ul.u-pz{padding-top:15px;}
.m-zdly ul.u-pz li{margin-bottom:10px;}
.m-zdly ul.u-pz li a{height:40px;line-height:40px;}


/*专题专栏*/
.m-ztzl{margin-top: 15px;height:82px;overflow: hidden;position: relative;}
.m-ztzl .hd{float:right;width:15px;height:82px;position:relative;margin-left:10px;}
.m-ztzl .hd a{position: absolute;right: 0;z-index:999;}
.m-ztzl .hd a.prev{top: 0;cursor: pointer;}
.m-ztzl .hd a.next{top: 52px;cursor: pointer;}
.m-ztzl .bd{overflow: hidden;}
.m-ztzl .bd li{float: left;margin-right: 10px;width: 288px;height: 82px;}
.m-ztzl .bd li img{width: 288px;height: 82px;}

/*宣传解读  回应关切  公众参与*/
.m-xchy{margin-top:15px;overflow:hidden;border: 1px solid #ddd;border-top:none;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.m-xchy .hd{height: 45px;line-height: 42px;border-bottom: 2px solid #015293;}
.m-xchy .hd li{float: left;text-align: center;width: 399px;}
.m-xchy .hd li a{display: block;background:#f5f5f5;font-size: 20px;border-right: 1px solid #ddd;border-top: 1px solid #ddd;font-family: "FZDBSJW";}
.m-xchy .hd li.on a{height:45px;color: #015293;background: #fff url(../images/t-bj.png) 140px center no-repeat;border-right: 2px solid #015293;border-left: 2px solid #015293;border-top: 2px solid #015293;}
/*宣传解读*/
.m-xccy{ margin: 0 20px 0 20px;height:315px;overflow: hidden;}
.m-xccy .inHd{height: 40px;line-height: 38px;border-bottom: 1px solid #ddd;overflow: hidden;margin-top: 10px;}
.m-xccy .inHd li{float: left;margin-right: 15px;}
.m-xccy .inHd li a{display: block;padding: 0 15px;font-weight: bold;}
.m-xccy .inHd li.on a{border-bottom: 1px solid #015293;color: #015293;}
.m-xccy .inHd{float: left;width: 973px;}
.m-xccy .inBd{float: left;width: 973px;height: 248px;}
.m-xccy .inBd .wj{color: #fe0000;}
.m-xccy .inBd ul{padding: 10px 0;}
.m-xccy .inBd li{height: 38px;line-height: 38px;}
.m-xccy .u-jd{float: right;width: 170px;margin: -25px 0 10px 0;}
.m-xccy .u-jd li{height: 125px;line-height: 48px;margin-bottom: 15px;overflow: hidden;border-radius: 5px;border:1px solid #ddd;}
.m-xccy .u-jd li a{display: block;color:#015293;font-weight:bold;text-align: center;  padding: 17px 0 15px;}
.m-xccy .u-jd li a i{display:block;margin:0 auto ;width:50px;height:50px;background: url(../images/jd-icon.png) no-repeat;}
.m-xccy .u-jd li a:hover{background: #dcf0fb;border: none;}
.m-xccy .u-jd li a:hover i{transform: rotateY(360deg);transition: .5s;}
.m-xccy .u-jd li.jd1 a i{background-position: 6px 5px;}
.m-xccy .u-jd li.jd2 a i{background-position: 5px -138px;}
.m-xccy .u-gz li a{display: block;color:#015293;font-weight:bold;text-align: center;padding: 17px 0 15px;}
.m-xccy .u-gz li a i{display: block;margin:0 auto ;width:50px;height:50px;background: url(../images/jd2-icon.png) no-repeat;}
.m-xccy .u-gz li a:hover{background: #dcf0fb;border: none;}
.m-xccy .u-gz li a:hover i{transform: rotateY(360deg);transition: .5s;}
.m-xccy .u-gz li.jd1 a i{background-position: 6px 5px;}
.m-xccy .u-gz li.jd2 a i{background-position: 5px -138px;}
.m-hygq .inHd,.m-hygq .inBd{width: 100%;}
.m-video{width:700px;margin:0 auto;}   

/*任务公开在行动*/
.m-rwgk{float: left;margin-top: 15px;width: 875px;height: 364px;}
.u-rw{margin: 10px 20px;overflow: hidden;}
.u-rw .hd{height: 40px;line-height: 38px;border-bottom: 1px solid #ddd;overflow:hidden;}
.u-rw .hd li{float: left;width: 15%;text-align: center;}
.u-rw .hd li a{display: block;font-weight: bold;}
.u-rw .hd li.on a{border-bottom: 1px solid #015293;color: #015293;}
.u-rw .bd{height: 160px;overflow: hidden;}
.u-rw .bd ul{padding: 10px 0;}
.u-zw{ margin: 5px 0 15px 0;overflow: hidden;}
.u-zw li{float:left;height: 78px;line-height: 78px;margin-left: 10px;}
.u-zw li.zw1{margin-left: 0;}
.u-zw li a{display: block;background: #dcf0fb;color: #015293;padding: 0 25px;font-size: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.u-zw li i{display: block;float:left;width: 50px;height: 78px;background: url(../images/xd-icon.png) no-repeat;}
.u-zw li.zw1 i{background-position: 0 center;}
.u-zw li.zw2 i{background-position: -231px center;}
.u-zw li.zw3 i{background-position: -593px center;}
.u-zw li.zw1 a,.u-zw li.zw3 a{padding: 0 43px;}
.u-zw li a:hover i{transform: rotateX(360deg);transition: .5s;}

/*政府公报*/
.m-zfgb{float: right;margin-top: 15px;width: 308px;height: 364px;overflow: hidden;}
.m-pic{margin: 20px 20px 5px 20px;overflow: hidden;}
.m-pic li img{display:block;width: 126px;height: 170px;margin: 0 auto;}
.m-zfgb .m-list{margin: 20px 20px 15px 20px;}
.m-zfgb .m-list li{height: 38px;line-height: 38px;}

/*媒体查询*/
@media (max-width: 1200px){
	.m-zdly .hd{width:74%;}
    .m-xchy .hd li{width: 33.33%;}
    .m-xchy .hd li.on a{background: #fff;}
    .m-zdly .u-wz li{width: 25%;}
    .m-xccy .inHd,.m-xccy .inBd{width: 80%;}
    .m-xccy .inHd li a{padding: 0 11px;}
    .m-rwgk{width: 66%;}
    .u-zw{overflow-x: auto;}
    .u-zw ul{width: 833px;overflow: hidden;}
	.m-snav li.n2 li:first-child{margin-left:15px;}
	.m-snav li.n3 li:first-child{margin-left:15px;}
	.m-snav li.n4 li:first-child{margin-left:15px;}
	.m-snav li.n5 li:first-child{margin-left:15px;}
	.m-snav li.n6 li:first-child{margin-left:15px;}
	.m-snav li.n7 li:first-child{margin-left:15px;}
}
@media (max-width: 992px) {
    .m-snav .sub{left: 0;margin-left: 0;width: 100%;}
    .m-snav{margin-top: 15px;}
    /*五公开*/
    .m-wgk{height:auto;}
    .m-wgk .hd li{width: 20%;}
    .m-wgk .bd li{width: 100%;}
    /*重点领域信息公开*/
    .m-zdly .bd{height: auto;}
    .m-zdly .u-tb li{width: 33.33%;}
    .m-zdly .u-wz li{width: 50%;}
    .m-zdly{height: auto;padding-bottom: 20px;}
    .m-zdly .hd{width: 100%;position: relative;}
    /*宣传解读*/
    .m-xccy .inHd,.m-xccy .inBd{width: 100%;}
    /*解读专栏*/
    .m-xccy{height: auto;}
    .m-xccy .u-jd{width: 100%;margin: 5px 0 10px 0;}
    .m-xccy .u-jd li{width:49%;}
    .m-xccy .u-jd li a{text-indent: 35%;}
    .m-xccy .u-jd li.jd1{float: left;}
    .m-xccy .u-jd li.jd2{float: right;}
    .m-xccy .u-jd li.jd1 a{background-position: 16% 18px;}
    .m-xccy .u-jd li.jd2 a{background-position: 15% -125px;}
    /*任务公开在行动*/
    .m-rwgk{width: 100%;height: auto;}
    .m-zfgb{width: 100%;}
}
@media (max-width:600px){
	.m-wgk{height:468px;overflow:hidden;}
    .m-wgk .hd{width: 100%;position:relative;border-bottom:1px solid #ddd;overflow:hidden;}
	.m-wgk .hd li{width:91px;}
	.m-wgk .hd li.on a{border:none;border-bottom:2px solid #015293;}
	.m-zdly{height:634px;overflow:hidden;}
    .m-zdly .hd{position: inherit;width: 100%;}
    .m-zdly .u-tb li{width: 50%;margin: 25px 0 0 0;}
    .m-zdly .u-tb li a{padding: 0 10px;}
    .m-xccy .u-jd li{width:100%;margin: 0 auto 10px auto;}
    .m-xccy .u-jd li.jd1,.m-xccy .u-jd li.jd2{float: none;}
    .u-rw .hd{overflow-x:auto;}
    .u-rw .hd li{width: 100px;}
    .m-zdly ul.u-cz li{width: 50%;}
}
@media (max-width:414px){
    .m-xccy .u-jd li{width:100%;}
    .m-zdly .u-wz li{width: 100%;}
	.m-video{width:100%;}
}





