html,body,ul,li,p{
list-style: none;
margin: 0;
padding: 0;
}
a{
text-decoration: none;
color: #000;
font-size: 16px;
}
.pc{display:none;}
.top_nav{
width: 100%;
height: 40px;
background-color: #1980dd;
line-height: 40px;
}
.container {
width: 1280px;
margin: 0 auto;
margin-top: 30px;
}
.fl_left{
float: left;
}
.fl_right{
float: right;
}
.clearfl{
clear: both;
}
.top_nav_left ul li{
margin-right: 25px;
}
.top_nav ul li img{
margin-right: 10px;
padding-top: 8px;
float: left;
display: block;
}
.top_nav_left img{
width: 20px;
height: 22px;
}
.top_nav_right ul li{
margin-right: 25px;
}
.loginimg{
padding-top: 10px !important;
}
.depnavimg{
padding-top: 12px !important;
}
.header{
height: 226px;
background-color: #f7f7f7;
}
.logo{
width:580px;
margin-top: 30px;
float: left;
}
/*搜索框和集约化logo*/
.l_topt,.zwwx_box,.kpzg_box{ float:left; font-size:14px; color:#fff; margin-right:20px; line-height:40px;}
.zwwx_box a{font-size:14px; color:#fff;}
.zwwx_box{ position:relative;}
.zwwx_ewm{ display:none; position:absolute; top:40px; left:50%; margin-left:-70px; width:140px; padding:5px; box-sizing:border-box; background:#fff; z-index:999;}
.zwwx_ewm img{ display:block; width:100%;}
.zwwx_ewm span{ display:block; width:100%; margin-top:0px; text-align:center; color:#666; font-size:14px; line-height:20px;}
.header_top_right div.zwwx_box:hover .zwwx_ewm{ display:block;}
.kpzg_box{ position:relative;}
.kpzg_ewm{ display:none; position:absolute; top:40px; left:50%; margin-left:-70px; width:140px; padding:13px; box-sizing:border-box; background:#fff; z-index:999;}
.kpzg_ewm img{ display:block; width:100%;}
.kpzg_ewm span{ display:block; width:100%; margin-top:10px; text-align:center; color:#666; font-size:14px; line-height:14px;}
.header_top_right div.kpzg_box:hover .kpzg_ewm{ display:block;}
.header_top{ width:100%; height:40px; line-height:38px; background:#015293;}
.header_top_left{ float:left; color:#fff; font-size:14px;}
.header_top_right{ float:right;}
.header_top_left img{ width:20px; height:22px; margin-right:5px; padding-top:8px; float:left; display:block;}
.header_top_left a{ overflow:hidden; display:inline-block;}
.header_top_left a span{ color:#fff; font-size:14px; float:left; display:block;}
.header_top_left a:hover{ color:#fff; font-size:14px;}
.header_top_left .l_topleft{ margin-right:20px;}
.header_top_right{ overflow:visible;}
.header_top_content{ overflow:visible; max-width:1280px; width:100%; margin:0 auto;}
.header_search{ width:300px; float:right;}
.header_search input{ width:43%;}
.header_search button{ width:16%; background:#2682cb; color:#fff;}
.header_dengl{ float:left;}
.header_dengl_main{ float:right; line-height:38px; margin-left:8px;}
.header_bmdh{ float:left; margin-left:20px; position:relative; height:40px;}
.header_bmdh_main{ float:right; color:#fff; font-size:14px; line-height:38px; margin-left:8px; cursor:pointer;}
div.header_bmdh:hover .l_bmdh_main{ height:470px; opacity:1; padding:20px; border:1px solid #ccc; border-top:none; box-sizing:border-box;}
.l_bmdh_main{ position:absolute; top:40px; right:0px; border-top:none; background:#fff; box-sizing:border-box; width:600px; height:0px; z-index:999; opacity:0; transition:opacity 0.3s;}
.l_bmdh_bt{ color:#2682cb; font-size:16px; font-weight:bold; display:none; opacity:0; transition:all 0.3s;}
.l_zfbm_main{ overflow:hidden; width:100%; display:none; opacity:0; transition:all 0.3s;}
.l_bmdh_main .l_zfbm_main li{ width:33.33%; float:left; line-height:24px; background:none; padding:0px; margin:0;}
.l_zfbm_main li a{ font-size:14px; color:#333;}
div.header_bmdh:hover .l_bmdh_bt{ display:block; opacity:1;}
div.header_bmdh:hover .l_zfbm_main{ display:block; opacity:1;}
.header_search .l_ssqh{ width:28%; font-size:14px; color:#999; line-height:20px; height:20px; margin-top:11px; background:none; background:url(/uploads/image/m2$images/search_img.png) no-repeat right center; box-sizing:border-box; outline:0; text-align:left; padding-left:17px; padding-right:0px; border:none;}
.header_search .l_ssqh span{ display:block; width:100%;}
.header_search .l_ssqh .l_ssqhli{ box-sizing:content-box; display:none; background:#fff; margin-top:5px; line-height:26px; box-shadow:0 3px 5px rgba(0,0,0,.2);}
.header_search .l_ssqh .l_ssqhli li{ text-align:center;}
.header_search .l_ssqh ul li:hover{ background:#2682cb; color:#fff;}
.header_search input{ border:none; outline:0;}
.header_search .search_btn{ border-radius:22px; width:30%; background:#2682cb; color:#fff; padding:0px; margin:0px; top:0px; font-size:18px; right:-2px;}
#keywords{ padding-left:7px; display:block; float:left; height:40px;}
.header_search button{ display:block; float:left; cursor:pointer; border:none;}
#submit_btn{ display:block; float:left; height:42px; position:absolute;}
.header_dengl2{ margin-right:20px;}
.header_dengl2 img{ padding-top:7px;}
.userinfo{list-style-type: none;}
.header_top_right div.kpzg_box:hover .kpzg_ewm{ display:block;}
.header_top{ width:100%; height:40px; line-height:38px; background:#015293;}
.header_top_left{ float:left; color:#fff; font-size:14px;height:40px;}
.header_top_right{ float:right;}
.header_top_left img{ width:20px; height:22px; margin-right:5px; padding-top:8px; float:left; display:block;}
.header_top_left a{ overflow:hidden; display:inline-block;}
.header_top_left a:hover{ color:#fff; font-size:14px;}
.header_top_left .l_topleft{ margin-right:20px;}
.header_top_right{ overflow:visible;}
.header_top_content{ overflow:visible; max-width:1280px; width:100%; margin:0 auto;}
.header_search{ width:300px; float:right;}
.header_search input{ width:43%;}
.header_search button{ width:16%; background:#2682cb; color:#fff;}
.header_dengl{ float:left;}
.header_dengl img{ float:left; padding-top:7px;}
.header_dengl_main{ float:right; line-height:38px; margin-left:8px;}
.header_dengl_main a{ color:#ffffff !important; font-size:14px;}
.header_bmdh{ float:left; margin-left:20px; position:relative; height:40px;}
.header_bmdh img{ float:left; padding-top:11px;}
div.header_bmdh:hover .l_bmdh_main{ height:470px; opacity:1; padding:20px; border:1px solid #ccc; border-top:none; box-sizing:border-box;}
.l_bmdh_main{ position:absolute; top:40px; right:0px; border-top:none; background:#fff; box-sizing:border-box; width:600px; height:0px; z-index:999; opacity:0; transition:opacity 0.3s;}
.l_bmdh_bt{ color:#2682cb; font-size:16px; font-weight:bold; display:none; opacity:0; transition:all 0.3s;}
.l_zfbm_main{ overflow:hidden; width:100%; display:none; opacity:0; transition:all 0.3s;}
.l_bmdh_main .l_zfbm_main li{ width:33.33%; float:left; line-height:24px; background:none; padding:0px; margin:0;}
.l_zfbm_main li a{ font-size:14px; color:#333;}
div.header_bmdh:hover .l_bmdh_bt{ display:block; opacity:1;}
div.header_bmdh:hover .l_zfbm_main{ display:block; opacity:1;}
.l_jy{ float:right; width:60px; margin-top:90px; margin-left:20px;}
.header_search .l_ssqh{ width:28%; font-size:14px; color:#999; line-height:20px; height:20px; margin-top:11px; background:none; background:url(/uploads/image/m2021_zym/search_img.png) no-repeat right center; box-sizing:border-box; outline:0; text-align:left; padding-left:17px; padding-right:0px; border:none;}
.header_search .l_ssqh span{ display:block; width:100%;}
.header_search .l_ssqh .l_ssqhli{ box-sizing:content-box; display:none; background:#fff; margin-top:5px; line-height:26px; box-shadow:0 3px 5px rgba(0,0,0,.2);}
.header_search .l_ssqh .l_ssqhli li{ text-align:center;}
.header_search .l_ssqh ul li:hover{ background:#2682cb; color:#fff;}
.header_search{ border:2px solid #2682cb; box-sizing:border-box; overflow:visible; height:46px; border-radius:23px; position:relative; margin-top:100px; background:#fff;}
.header_search input{ border:none; outline:0;}
.header_search .search_btn{ border-radius:22px; width:30%; background:#2682cb; color:#fff; padding:0px; margin:0px; top:0px; font-size:18px; right:-2px;cursor: pointer}
#keywords{ padding-left:7px; display:block; float:left; height:40px;}
.header_search button{ display:block; float:left; cursor:pointer; border:none;}
#submit_btn{ display:block; float:left; height:42px; position:absolute;}
.header_dengl2{ margin-right:20px;}
.header_dengl2 img{ padding-top:7px;}
/*搜索框和集约化logo*/
/*导航*/
.main_nav{
background-color: #1980dd;
}
.nav {position: relative}
.main_nav ul li{
width: 256px;
height: 50px;
float: left;
text-align: center;
line-height: 50px;
}
.main_nav ul li a{
font-size: 18px;
font-weight: 600;
color: #ffffff;
}
.subscript{
width: 100px;
height: 5px;
background-color: #0162b9;
position: absolute;
bottom: -2px;
left: 75px;
}
/*导航*/
/*头条*/
.top_news{
height: auto;
padding-bottom: 10px;
text-align:center;
}
.top_news div{
display: inline-block;
padding-left: 160px;
background: url(/uploads/image/mimages/tt.png) no-repeat 61px center;
box-sizing: border-box;
}
.top_news a{
color: #c5181f;
text-align: center;
margin: 30px 0 20px 0;
font-size: 25px;
display: block;
font-weight: 600;
}
.top_news p{
text-align: center;
color: #7d7d7d;
font-size: 15px;
}
/*头条*/
/*轮播图*/
.banner_box{
position: relative;
}
.con_left_banner{width:744px;float: left;position: relative}
.con_left{width:670px;float: left}
.swiper-container {
width: 744px;
height: 414px;
}
.pagination {
position: absolute;
text-align: right;
bottom: 15px;
padding-right: 20px;
width: 100%;
z-index: 9;
box-sizing: border-box;
}
.swiper-pagination-switch {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 10px;
background: #fff;
margin: 0 3px;
cursor: pointer;
}
.swiper-active-switch {
background: #1787e0;
}
.swiper-slide{
position: relative;
}
.banner_describe{
width: 100%;
height: 80px;
background-color: rgba(0,0,0,0.6);
position: absolute;
bottom: 0;
}
.banner_describe .date{
width: 100px;
height: 100%;
float: left;
}
.banner_describe .date p{
height: 50%;
text-align: center;
color: #ffffff;
font-size: 14px;
}
.banner_describe .date .p1{
line-height: 70px;
font-size: 26px;
}
.banner_describe .date .p2{
line-height: 30px;
}
.banner_describe .title_box{
width: 644px;
height: 100%;
float: left;
}
.banner_describe .title_box p{
height: 51%;
color: #ffffff;
}
.banner_describe .title_box .p1{
font-size: 16px;
font-weight: 600;
line-height: 60px;
}
.banner_describe .title_box .p2{
font-size: 14px;
color: #d9d9d9;
line-height: 30px;
}
/*轮播图结束*/
/*轮播图右侧列表*/
.con_right{
width: 493px;
float: right;
margin-left: 40px;
}
.con_right .news_lists_box .news_lists ul li{
height: 90px;
position: relative;
padding-left: 0;
}
.con_right .news_lists_box .news_lists ul li .change_box{
transition: all .5s ease-out;
}
.con_right .news_lists_box .news_lists ul li:hover .change_box{
background-color: #1980dd;
width: 610px;
position: absolute;
right:-30px;
z-index: 9;
transform: scale(1);
}
.con_right .news_lists_box .news_lists ul li:hover .change_box .title_box{
margin-right: 30px;
}
.con_right .news_lists_box .news_lists ul li:hover .change_box p{
color: #fff !important;
}
.con_right .news_lists_box .news_lists ul li .date{
width: 80px;
height: 100%;
}
.con_right .news_lists_box .news_lists ul li .date .day{
height: 45px;
margin: 0;
text-align: center;
line-height: 70px;
font-size: 24px;
font-weight: 600;
}
.con_right .news_lists_box .news_lists ul li .date .year-month{
height: 45px;
margin: 0;
text-align: center;
line-height: 40px;
color: #a1a0a0;
}
.con_right .news_lists_box .news_lists ul li .title_box{
width: 383px;
padding-left: 30px;
float: right;
}
.title_box p{
height: 45px;
overflow: hidden;
}
.title_box .title{
font-size: 17px;
font-weight: bold;
line-height: 65px;
}
.title_box .abs{
color:#626262;
font-size: 13px;
line-height: 40px;
}
.gwyxx{
float: left;
width: 120px;
height: 35px;
text-align: center;
}
.gwyxx a{
display: block;
height: 20px;
line-height: 20px;
font-size: 18px;
color: #000000;
border-right: 1px solid #000;
}
/*腰带*/
.yaodai{
margin-top: 38px;
}
.tab_box{
width: 100%;
height: 35px;
border-bottom:1px solid #dcdcdc;
margin-bottom: 18px;
}
.tab_box ul{
float: left;
}
.tab_box ul li{
float: left;
width: 120px;
height: 35px;
text-align: center;
}
.tab_box ul li a{
display: block;
height: 20px;
line-height: 20px;
font-size: 18px;
color: #000000;
border-right: 1px solid #000;
}
.tab_box ul li .noborder{
border: none ;
}
.active a{
color: #1980dd !important;
font-weight: 600;
}
.active span{
display: block;
width: 80px;
height: 3px;
background-color: #1980dd;
position: relative;
bottom: -14px;
left: 20px;
}
.more{
display: block;
float: right;
color: #dcdcdc;
margin-top: 6px;
}
.more2{
display: block;
float: right;
color: #dcdcdc;
margin-top: 6px;
}
.more2 a{
color: #c5181f;
font-size: 28px;
margin-right: 20px;
}
.news_detail{
margin-bottom: 14px;
}
.news_detail a{
display: block;
}
.news_detail a:first-child{
font-size: 15px;
color: #1980dd;
font-weight: 600;
padding: 15px;
}
.news_detail a:last-child{
padding-left: 15px;
text-indent: 2rem;
line-height: 25px;
color: #7d7d7d;
font-size: 13px;
}
.news_lists ul li{
height: 40px;
line-height: 40px;
/*padding-left: 15px;*/
}
.news_lists ul li span:first-child{
display: block;
float: left;
width: 2px;
height: 2px;
border-radius: 2px;
background-color: #7d7d7d;
margin: 18px 5px 0 5px;
}
.news_lists ul li a{
color: #1a1a1a;
}
.news_lists ul li span:last-child{
display: block;
float: right;
color: #1a1a1a;
}
.con_right_normal{
width: 535px;
float: right;
}
/*重点信息公开*/
.zdxxgk{margin-top: 35px}
.zdxxgk ul li{
width: 134px;
float: left;
text-align: center;
}
.zdxxgk ul li a img{
width: 50px;
height:40px;
}
.zdxxgk ul li a p{
margin: 17px 0;
}
.zdxxgk ul li:hover img {
-webkit-animation:shake 1s .1s ease both;
-moz-animation:tada 1s .1s ease both;
}
@-webkit-keyframes shake {
0% {
-webkit-transform: scale(1)
}
10%, 20% {
-webkit-transform: scale(0.8) rotate(-2deg)
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(2deg)
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-2deg)
}
100% {
-webkit-transform: scale(1) rotate(0deg)
}
}
.zwgk_box{margin-bottom: 60px}
.zwgk_box ul li{
width: 203px;
height: 75px;
background-color: #e1e1df;
float: left;
margin-right: 12px;
text-align: center;
line-height: 75px;
transition: all .4s ease-out;
}
.nomargin{
margin: 0 auto !important;
}
.zwgk_box ul li img{
vertical-align: middle;
margin-right: 15px;
}
.zwgk_box ul li a{
font-size: 16px;
}
.zwgk_box ul li:hover {
transform: scale(1.07);
}
/*首页互动交流模块*/
.hdjl ul li{
float: left;
width: 149px;
height: 101px;
border: 1px solid #1787e0;
text-align: center;
margin-right: 21px;
}
.hdjl ul li a{display: block}
.hdjl ul li a img{width: 38px;margin-top: 20px}
.hdjl ul li a p{margin-top: 5px}
/*在线访谈模块*/
.zxft_img{
width: 311px;
height: 178px;
margin-top: 10px;
float: left;
}
.zxft_desc{
width: 200px;
height: 178px;
margin-top: 10px;
float: right;
}
.zxft_desc a{
display: block;
font-weight: bold;
font-size: 16px;
padding: 15px 5px 10px 5px;
}
.zxft_desc p{
margin: 5px 0;
}
.zxft_desc p span{
font-size: 14px;
}
.zxft_abs{
margin-top: 25px;
text-indent: 2rem;
font-size: 14px;
line-height: 30px;
}
/*专题专栏*/
.ztzl{
height: 114px;
margin-bottom: 60px;
}
.turnleft,.turnright{
width: 40px;
height: 100%;
font-size: 20px;
font-weight: 600;
color:#c1bfbf;
text-align: center;
line-height: 114px;
cursor: pointer;
}
.zttp{
width: 1200px;
overflow: hidden;
position: relative;
height: 114px;
}
.zttp ul{
position: absolute;
left: 0;
}
.zttp ul li{
float: left;
margin: 0 12px;
}
.zttp ul li a img{
width: 375px;
height: 114px;
}
/*网站底部*/
img,span{ border:none; padding:0px; margin:0px;}
.yqlj_box{ position:relative; height:38px;padding-left: 95px;}
.yqlj_box li{ width:179px; height:35px; line-height:35px; box-sizing:border-box; background:#1068d6; position:static; float:left; margin:0 19px;}
.yqlj_box li a{ display:block; width:100%; height:100%; text-align:left; font-size:14px; color:#ffffff;}
.l_yqzz{ display:none; overflow:hidden;}
.l_yqlj_box{ display:block; width:100%; text-align:center; line-height:32px; height:38px;}
.l_yqlj_box img{ margin-left:2px; transition:all 0.3s;}
.l_yqlj_box span{ font-size:14px; color:#ffffff; }
.l_yqzz2{ position:absolute; width:100%; bottom:38px; left:0px; z-index:999; padding:20px; box-sizing:border-box; background:#1980dd;}
.yqlj_box .l_yqzz a{ display:block; width:25%; line-height:30px; font-size:14px; color:#ffffff; float:left;}
.yqlj_box li:hover .l_yqzz{ display:block;}
.yqlj_box li:hover .l_yqlj_box img{ transform:rotate(180deg);}
.footer_box{ background:#1980dd; width:100%; height: 248px;margin-top:0px;}
.foooter_list_gai{ width:100%; display:flex; justify-content:space-between;}
.foooter_list_gai li{ width:23%; background:#214d8e; height:38px;}
.foooter_list_gai li a{ display:block; width:100%; height:100%; font-size:15px; color:#ffffff; line-height:38px; text-align:center;}
.footer_main{ padding:28px 0px 10px 0px; width:100%; max-width:1280px; margin:0 auto;}
.footer_bottom{ width:83%; justify-content:space-between; margin-top:30px !important;margin:0 auto;}
.footer_listg li{ line-height:30px;}
.footer_listg li a{ color:#ffffff; display:block; font-size:16px;}
.l_left_gai{ width:80px; justify-content:space-between;float:left;margin-right: 10px}
.l_left_gai a{ }
.l_left_gai a img{ display:block; width:100%;}
.l_footer_leftc{ font-size:14px; line-height:30px; color:#ffffff; box-sizing:border-box;float:left;margin-right: 45px}
.footer_listg{ float:left;margin-right: 40px;margin-left: 40px}
.footer_listg li{ line-height:30px;}
.footer_listg li a{ display:block; color:#ffffff; font-size:14px;}
.l_footer_rightg{ box-sizing:border-box; width:260px;float:right;}
.l_footer_rightg img{ display:block; width:100%;}
.l_footer_line{ height:80px; width:1px; background:#ffffff; margin-top:9px;float:left;margin-right: 30px}
.l_footer_line2{ margin-left:130px; margin-top:17px;}
/*首页结束*/
/*党建工作页面开始*/
.djgz_con_left_banner{
width: 721px;
}
.djgz_con_left_banner .swiper-container{
width: 721px;
height: 400px;
}
.djgz_con_left_banner .swiper-container .swiper-wrapper .swiper-slide a img{
width: 721px;
height: 400px;
}
.djgz_banner{
height: 44px;
}
.djgz_banner .title_box{
line-height: 44px;
width: 600px;
}
.djgz_banner .title_box p{
height: 100%;
padding-left: 25px;
font-size: 14px;
}
.djgz_pagination{
right: 50px;
left: unset;
text-align: center;
bottom: 0;
width: auto;
height: 44px;
line-height: 44px;
}
.djgz_pagination .swiper-pagination-switch{
width: 8px;
height: 8px;
box-sizing: border-box;
background-color: rgba(0,0,0,0);
border: 1px solid #ffffff;
box-shadow: none;
}
.djgz_pagination .swiper-active-switch{
background-color: #a51726;
border: 1px solid #a51726;
}
.djgz_title_box{
height: 55px;
line-height: 55px;
border-bottom: 1px solid #dcdcdc;
}
.djgz_title_box img{
float: left;
}
.djgz_title_box a{
display: block;
float: left;
color:#c5181f;
margin-left: 10px;
font-size: 18px;
}
.djgz_con_left{width: 721px}
.djgz_con_right{
width: 493px;
float: right;
margin-left: 40px;
}
.djgz_tab_box{
height: 35px;
border-bottom: 1px solid #dcdcdc;
}
.djgz_tab_box a{
display: inline-block;
height: 35px;
line-height: 35px;
padding: 0 15px;
font-size: 20px;
border-bottom: 2px solid #c5181f;
}
.special_list{
padding: 25px 5px 0 5px;
}
.special_list a{
color:#c5181f;
font-size: 15px;
font-weight: bold;
}
.special_list p{
text-indent: 2rem;
font-size: 13px;
margin-top: 15px;
color: #7d7d7d;
line-height: 30px;
}
.dzcy{
height: 382px;
background-color: #eeeeee
}
.dzcy_title_box{
height: 88px;
line-height: 88px;
padding-left: 35px;
}
.dzcy_title_box span{
display: block;
float: left;
margin-right: 15px;
}
.line{
width: 137px;
height: 1px;
background-color: #c5181f;
position: relative;
top: 44px;
}
.circle{
width: 4px;
height: 4px;
position: relative;
top: 40px;
border-radius: 10px;
border: 3px solid #c5181f;
}
.dzcy_title{
color: #c5181f;
font-size: 20px;
font-weight: bold;
}
.dzcy img{
width: 185px;
height: 231px;
margin-left: 35px;
}
.dzcyjs {
width: 273px;
}
.dzcyjs p{
text-align: center
}
.dzcyjs p span{
font-size: 18px;
}
.dzcyjs .dzcyjs_title{
margin-top: 15px;
padding: 0 30px 0 40px;
font-size: 18px;
}
.dzcyjs .dzcyjs_con{
margin-top: 15px;
padding: 0 30px 0 40px;
text-indent: 2rem;
font-size: 15px;
line-height: 25px;
}
.more a{
color: #c5181f;
font-size: 28px;
margin-right: 20px;
}
.djgz_box{
width: 100%;
background: ;
margin-top: 80px;
}
.zbsh_box{
box-sizing: border-box;
padding: 27px;
}
.zbsh_img{
display: block;
}
.zbsh_sp_list{
width: 365px;
height: 159px;
padding: 10px 10px 0 40px;
box-sizing: border-box;
}
.zbsh_sp_list a{
display: block;
text-align: center;
font-size: 18px;
color: #c5181f;
font-weight: bold;
}
.zbsh_sp_list p{
text-indent: 2rem;
line-height: 30px;
font-size: 14px;
margin-top: 15px;
}
/*在线访谈概览*/
.crumb{
display: inline;
width: auto;
height: 40px;
float: right;
color: #585858;
font-size: 14px;
}
.crumb a{
color: #585858;
font-size: 15px;
}
.zxft h3{
color: #1a81dd;
padding-left: 25px;
}
.zxft img{
width: 502px;
height: 270px;
display: block;
float: left;
}
.ftjj_box{
width:724px;
height: 270px;
float: right;
}
.ftjj_box p{
font-weight: bold;
margin: 10px 0 20px 0;
}
.ftjj_box p span{
font-weight: normal;
line-height: 30px;
}
.wqhg{
width: 100%;
padding-bottom: 60px;
background-color: #eeeeee;
margin-top: 60px;
}
.wqhg .container .wqhg_title{
display: block;
padding: 55px 0 55px 40px;
font-weight: bold;
font-size: 20px;
}
.wqhg ul li{
width: 374px;
float: left;
background-color: #ffffff;
margin: 0 25px;
}
.wqhg ul:after{
content: "";
display: block;
clear:both
}
.wqhg ul li a img{
width: 100%;
height: 210px;
}
.wqhg ul li a p{
width: 100%;
height: 100px;
box-sizing: border-box;
padding: 30px 40px;
color: #545454;
}
/*领导信箱表单页*/
.chnllists{
float: left;
width: 246px;
}
.parentchnl{
width: 100%;
height: 60px;
line-height: 60px;
text-align: center;
background-color: #1980dd;
color: #ffffff;
font-size: 20px;
font-weight: bold;
}
.chnllists ul li{
width: 100%;
height: 53px;
line-height: 53px;
text-align: center;
color: #242424;
border-bottom: 1px solid #dcdcdc;
font-size: 18px;
cursor: pointer;
}
.infolists{
float: left;
width: 1034px;
padding: 0 64px 0 100px;
box-sizing: border-box;
}
.active{
color: #1980dd !important;
}
.chnldesc{
height: 40px;
border-bottom: 2px solid #dcdcdc;
}
.chnldesc p{
color: #1980dd;
font-size: 18px;
font-weight: bold;
display: inline-block;
height: 39px;
padding: 0 20px;
border-bottom: 3px solid #1980dd;
}
.sysm{
margin: 60px 0 40px 0;
}
.sysm p:first-child{
height: 40px;
line-height: 40px;
text-align: center;
background-color: #1980dd;
color: #ffffff;
}
.sysm p:last-child{
text-indent: 2rem;
font-size: 14px;
line-height: 30px;
color: #9d9d9d;
border: 1px solid #dcdcdc;
padding: 40px 15px;
}
.letterlists table{
width: 100%;
height: 50px;
background-color: #fafafa;
}
.letterlists table tr td{
text-align: center;
}
.letterlists ul li{
height: 50px;
line-height: 50px;
border-bottom: 1px dashed #dcdcdc;
}
.letterlists ul li em{
float: left;
width: 50px;
height: 24px;
line-height: 24px;
text-align: center;
font-size: 14px;
color: #999;
background-color: #f5f5f5;
margin-top: 13px;
margin-left: 14px;
margin-right: 46px;
font-style: normal;
}
.letterlists ul li a{
display: block;
width: 450px;
float: left;
color: #1e1e1e;
}
.letterlists ul li span{
display: block;
color: #9d9d9d;
}
.letterlists ul li .lxsj{
margin: 0 57px 0 45px;
}
.searchmyletter{
display: block;
float: right;
color:#c5181f;
font-weight: bold;
cursor: pointer;
}
.layui-layer-content{padding:20px;}
.layui-layer-content span{
display: inline-block;
width: 64px;
font-size:14px;
}
.layui-layer-content input{
height:25px;
border: 1px solid #d2d2d2;
padding-left: 10px;
border-radius: 3px;
background-color: #fcfcfc;
}
.sub_srarch{
width:65px;
height:30px;
background-color:#bd1a2d;
border-radius:5px;
line-height:30px;
text-align:center;
margin:0 auto;
border:none;
color:#fff;
font-size:14px;
margin-top:20px;
cursor: pointer;
}
#turnpage{
text-align: center;
line-height: 36px;
margin: 20px auto;
}
#turnpage a{cursor: pointer;}
.ql_detailbro_bshare, .ql_font_size {
float: right;
}
.ql_detailbro_bshare > div {
float: left;
font-size:14px;
}
.ql_detailbro_bshare .bshare-custom {
padding-top: 10px;
}
.ql_detailbro_bshare .bshare-custom > a.bshare-weixin {
background: url(/uploads/image/m2021_zym/qgl_bshare_icon01.png) no-repeat center;
}
.ql_detailbro_bshare .bshare-custom > a.bshare-sinaminiblog {
background: url(/uploads/image/m2021_zym/qgl_bshare_icon02.png) no-repeat center;
}
.ql_detailbro_bshare .bshare-custom > a.bshare-qzone {
background: url(/uploads/image/m2021_zym/qgl_bshare_icon03.png) no-repeat center;
}
.ql_detailbro_bshare .bshare-custom > a {
display: block;
float: left;
padding: 0;
margin: 0 4px;
height: 26px;
width: 26px;
}
#pare.fontsize18 * {
font-size: 18px !important;
line-height: 2em !important;
font-family: '微软雅黑' !important;
}
#pare.fontsize16 * {
font-size: 16px !important;
line-height: 2em !important;
font-family: '微软雅黑' !important;
}
#pare.fontsize14 * {
font-size: 14px !important;
line-height: 2em !important;
font-family: '微软雅黑' !important;
}
/*政策类文档细览*/
.zcxl_left{
width:895px;
float:left;
padding-right: 30px;
border-right: 1px solid #e6e6e6;
min-height: 390px;
box-sizing: border-box;
}
.zcxl_right{
width:290px;
float:left;
margin-left:35px;
}
/*民意征集*/
.myzj_zxdc_box ul li{
height: 70px;
line-height: 70px;
border-bottom: 1px solid #d7d7d7;
}
.myzj_zxdc_box ul li .date{
float: right;
}
.myzj_zxdc_box ul li a{
font-size: 18px;
}
.myzj_zxdc_box ul li:after{
content: "";
display: block;
clear: both;
}
.ing{
float: left;
width: 55px;
height: 25px;
background-color: #015293;
color: #ffffff;
text-align: center;
line-height: 25px;
font-size: 14px;
margin-top: 25px;
margin-right: 40px;
}
.ended{
float: left;
width: 55px;
height: 25px;
background-color: #e63a05;
color: #ffffff;
text-align: center;
line-height: 25px;
font-size: 14px;
margin-top: 25px;
margin-right: 40px;
}
/*提取码弹出框*/
.gltqm-prompt-box{
position: fixed;
z-index: 2000;
height: 200px;
width: 300px;
left:50%;
top: 200px;
margin-left: -150px;
background: #fff;
border-radius: 4px;
overflow: hidden;
display: none;
}
.gltqm-prompt-posi{
position: relative;
height: 100%;
width: 100%;
}
.gltqm-prompt-tit{
position: absolute;
width:100%;
top: 0px;
left: 0px;
height: 40px;
text-align: center;
line-height: 40px;
font-size: 16px;
background: #eee;
}
.gltqm-prompt-conts{
position: absolute;
top: 80px;
left: 0px;
width: 100%;
height: 40px;
}
.gltqm-prompt-conts p{
font-size: 14px;
line-height: 40px;
text-align: center;
}
.gltqm-prompt-btn{
width: 200px;
height: 30px;
position: absolute;
bottom: 14px;
left: 50%;
margin-left: -100px;
}
.gltqm-prompt-btn input{
height: 30px;
width: 40%;
text-align: center;
line-height: 30px;
border-radius: 4px;
cursor: pointer;
color: #fff;
font-size: 14px;
}
.gltqm-prompt-lf{
background: #3a9bd3;
}
.gltqm-prompt-rt{
background: #ccc;
}
/*领导简介细览*/
.jdjj{
box-sizing: border-box;
padding: 50px 30px;
}
.ldjjleft{
width: 352px;
background-color: #f8f8f8;
box-sizing: border-box;
padding: 30px 30px 91px;
}
.ldjjright{
width: 829px;
padding-left: 37px;
}
.ldjjleft .ld h3{
color: #015293;
padding-bottom: 20px;
border-bottom: 1px solid #dae5e4;
line-height:36px;
font-size:23px;
text-align: justify;
}
.ldjjleft .ld h3 i{
display: block;
margin-left: 0;
margin-top:10px;
font-size: 22px;
color: #333;
font-style: normal;
}
.ldjjleft .ld img{
display: block;
height: 221px;
margin: 0 auto;
margin-top: 30px;
}
.ldjjright h3{
height: 43px;
box-sizing: border-box;
border-bottom: 1px solid #e3e3e3;
font-size: 22px;
color: #015293;
}
.ldjjright h3 span {
display: inline-block;
box-sizing: border-box;
height: 100%;
border-bottom: 3px solid #015293;
}
.ldjjright .cont {
margin-bottom: 30px;
padding-top: 20px;
}
.ldjjright .cont * {
font-size: 18px !important;
color: #333 !important;
line-height: 36px !important;
}
/*网站地图*/
.wzdt h3{
margin: 41px 0 29px 0;
}
.wzdt h3 a{
color: #333;
font-size: 22px;
font-weight: 400;
display: inline-block;
padding-right: 30px;
background: url(/uploads/image/m2021_zym/xy_wzdt_img.png) no-repeat right center;
}
.wzdt ul li{
float: left;
width: 224px;
height: 46px;
line-height: 46px;
background-color: #f8f8f8;
text-align: center;
transition: background-color 0.3s;
margin-bottom: 10px;
margin-right: 20px;
}
.wzdt ul li a{
font-size: 18px;
}
.wzdt ul li:hover{
background-color: #015293;
transition: background-color 0.3s;
}
.wzdt ul li:hover a{display:block;width:100%;height:100%;color: #ffffff;}
/*保密专栏*/
.bmzl{
background: url(/uploads/image/m2021_zym/bmztbg.png) no-repeat center top;
background-size:cover;
overflow:hidden;
width: 100%;
margin: 0 auto;
}
.bmzl_box{
overflow: hidden;
}
.bmzl_zytz{
width: 54%;
height: 146px;
margin-top: 26%;
margin-left: 23%;
}
.bmzl_zytz p:first-child{
color: #b80000;
font-size: 30px;
font-weight: bold;
}
.bmzl_zytz p:last-child{
text-indent: 2rem;
line-height: 40px;
margin-top: 15px;
font-size: 18px;
}
.bmzl_zytz a{
color:#b80000;
}
.bmzl_list{
margin-top: 26%;
}
.bmzl_list_box{
width: 608px;
height: auto;
float: left;
}
.bmzl_list_title{
width: 100%;
height: 100px;
}
.bmzl_lsjy .bmzl_list_title{
background: url(/uploads/image/m2021_zym/lsjy.png);
}
.bmzl_bmwh .bmzl_list_title{
background: url(/uploads/image/m2021_zym/bmwh.png);
}
.bmzl_flfg .bmzl_list_title{
background: url(/uploads/image/m2021_zym/flfg.png);
}
.bmzl_bmgz .bmzl_list_title{
background: url(/uploads/image/m2021_zym/bmgz.png);
}
.bmzl_list_box ul li{
height: 40px;
line-height: 40px;
margin-bottom: 15px;
}
.bmzl_list_box ul li span:first-child{
display: block;
width: 17px;
height: 17px;
border-radius: 17px;
border: 2px solid #b80000;
float: left;
margin: 10px 15px 0 0;
box-sizing: border-box;
}
.bmzl_list_box ul li span{
float: right;
color: #7d7d7d;
}
.bmzl_foot{
width: 490px;
height: 100px;
margin: 0 auto;
text-align: center;
line-height: 30px;
margin-top: 50px;
margin-bottom: 200px;
}
.bmzl_more{
color: #b80000;
float: right;
font-size: 16px;
margin: 50px 40px 0 0;
}
@media (min-width: 1780px) (max-width: 1920px) {
.bmzl_zytz{
width: 80%;
height: 150px;
margin-top: 480px;
margin-left: 10%;
}
}
/*移动端开始*/
@media (min-width: 320px) and (max-width: 750px) {
html,
body {
min-width: 320px;
max-width: 750px;
overflow-x: hidden;
}
.container{width: 100%;overflow: hidden;box-sizing: border-box}
.header{height: 180px}
.top_nav_left{
display: none;
}
.mobile{display: none !important}
.logo{
width: 90%;
display: block;
margin: 0 auto;
margin-top: 24px;
float: none;
}
.l_jy{display: none}
.header_search{float: none;margin: 0 auto}
.main_nav{display: none}
.userinfo{margin-right:25px;}
.pc{display:block;}
.mobilenav{
background-color:#1980dd;
width:100%;
height:39px;
position:relative;
}
.navbtn{
width: 31px;
height: 22px;
border: 1px solid #fff;
text-align: center;
line-height: 27px;
position: absolute;
top: 7px;
right: 20px;
border-radius: 4px;
}
.mobilenav ul{
width:100%;
background-color:#efefef;
position:absolute;
top:39px;
z-index: 999;
display:none;
}
.mobilenav ul li{
height:40px;
line-height:40px;
text-align:center;
}
/*首页*/
.top_news{padding: 0 20px}
.top_news a{font-size: 18px;margin: 0}
.top_news div{
padding-left:0;
background:none;
}
.banner_box{padding: 0}
.con_left_banner{width: 360px;margin: 0 auto;float: none}
.swiper-container{width: 360px;height: 200px}
.swiper-container .swiper-wrapper .swiper-slide a img{
width: 100%;
height:100%;
}
.banner_describe{
height:40px;
}
.banner_describe .title_box p{height:100%;}
.banner_describe .title_box .p1{line-height:40px;font-size:14px;margin-left:15px;}
.con_right{
width: 100%;
margin-top: 20px;
}
.gwyxx{display: none}
.news_lists_box{padding: 0 20px }
.con_right .news_lists_box .news_lists ul li .title_box{
width: 75%;
padding: 0;
height:70px;
}
.con_right .news_lists_box .news_lists ul li .title_box .title{
height: 100%;
line-height: unset;
font-size: 14px;
}
.con_right .news_lists_box .news_lists ul li:not:hover{
}
.con_right .news_lists_box .news_lists ul li .date {
width: 22%;
float:left;
}
.abs{
display: none;
}
.con_right .news_lists_box .news_lists ul li .date .day{height:35px;line-height:35px;}
.yaodai{padding: 0}
.yaodai img{width: 100%;}
.con_left{width: 100%}
.more{display: none}
.con_right .news_lists_box .news_lists ul li{
height: 70px;
line-height: 30px;
}
.news_lists_box .news_lists ul li span:first-child{display: none}
.news_lists_box .news_lists ul li span:last-child{
color: #999999;
font-size: 14px;
}
.zdxxgk ul li{
width: 33%;
}
.con_right_normal{
width: 100%;
}
.con_right_normal img{width: 100%}
.zxft_desc{width: auto}
.zwgk_box{padding: 0 2%}
.zwgk_box ul li{width:48%;margin: 0 0 3% 0}
.zwgk_box ul li a{font-size: 14px}
.zwgk_box ul li:nth-child(odd){margin-right: 10px}
.hdjl ul li{
width: 45%;
margin: 2% !important;
}
.zttp{width: 280px}
.zttp ul li{margin: 0}
.zttp ul li a img{width: 280px}
.footer_box{height:160px}
.l_left_gai a img{width:70px;margin-left:10px;}
.footer_bottom{margin-top: 0;width:100%;margin-top: -10px !important;}
.yqlj_box ,.footer_listg,.l_footer_line,.l_footer_rightg{display: none}
.l_footer_leftc{width: 260px;margin-right: 0}
.zdxxgk{
width: 90%;
margin: 0 auto;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
padding: 20px 0 10px 0;
margin-bottom: 30px;
}
.zdxxgk ul li a p{font-size:14px;}
.banner_describe .title_box{
width:240px
}
.con_right .news_lists_box .news_lists ul li .date .year-month{
line-height: 20px;
height:35px;
}
.news_lists ul li a{width:100%;}
.btn_close3{width:200px}
.btn_close3 img{width:200px}
.news_lists ul li{height:80px;line-height:30px;padding:0;}
/*党建工作*/
.djgz_con_left_banner .swiper-container{
width: 360px;
height: 200px;
}
.djgz_con_left_banner .swiper-container .swiper-wrapper .swiper-slide a img{
width: 100%;
height: 100%;
}
.banner_box{margin-top: 30px !important;}
.djgz_title_box{padding: 0 10px}
.djgz_title_box img{width: 30px;margin-top: 10px}
.djgz_title_box a{font-size: 16px}
.line{width: 21%}
.dzcy img{
margin-left: 15px;
width: 150px;
height: 187px;
}
.dzcyjs{
width: 190px;
}
.dzcyjs .dzcyjs_con{padding: 0 10px 0 10px;}
.djgz_box{margin-top: 0}
.zbsh_sp_list{
width: 100%;
padding: 10px 0 0 0;
}
.djgz_con_right{
width: 100%;
margin-top: 20px;
}
.zbsh_box{height: auto}
.kmnj{width: 100%}
.news_lists ul li a{height: 80px}
.main_box{width: auto !important;}
.djgz_box{height:auto !important;}
.djgz_pagination{right:0;}
/*在线访谈概览*/
.crumb{
float: left;
margin-left: 15px;
}
.zxft img{
width: 100%;
height: auto;
}
.ftjj_box{
width: 100%;
padding: 0 20px;
box-sizing: border-box;
}
.wqhg ul li{
width: 360px;
margin: 0 auto;
}
.wqhg ul li a img{
height:auto;
}
/*领导信箱*/
.infolists{
width: 100%;
padding: 20px;
}
.chnllists{
width: 100%;
}
.letterlists ul li a{
width: 69%;
height: 100%;
overflow: hidden;
}
.letterlists ul li span{
float: right;
}
/*民意征集*/
.myzj_zxdc_box{
padding: 0 20px;
}
.myzj_zxdc_box ul li{
height: 70px;
line-height: 30px;
}
.myzj_zxdc_box ul li a{
width: 100%;
float: left;
font-size: 0.3rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ing,.ended{
margin-top: 7px;
}
/*领导简介*/
.ldjjleft{
width: 100%;
}
.ldjjright {
width: 100%;
padding-left: 0;
}
/*网站地图*/
.wzdt{
padding: 0.5rem 20px
}
.wzdt ul li{
width: 48%;
margin-right: 2%;
font-size: 0.3rem;
}
/*通用细览*/
#d_show img{
width: 100% !important;
height: 100% !important;
}
.zcxl_left{
width: 100%;
border: none;
padding: 0;
}
}