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; } }