@charset "utf-8"; /* CSS Document */ /************************************************************ base ******************************************************************************/ .w1100{ width:1100px;margin:0 auto;} .f12{ font-size:12px;} .f14{ font-size:14px;} .f16{font-size:16px;} *{ font-family:"微软雅黑",MicrosoftYaHei, Geneva, sans-serif; color:#333;margin:0;padding: 0;font-size: 16px;} .t_c{text-align:center;} .w100{width:100%; } .fl{float:left;} .fr{float:right;} .margin_20{ margin:20px 0;} .margin20{ margin:10px 20px;} .margin_left20{ margin-left:20px;} .margin_bot20{ margin-bottom:20px;} .margin_10{ margin:10px 0;} .marginbot_10{ margin-bottom:10px;} .gray6{ color:#666;} .gray3{ color:#333;} .clear{ clear:both} .h_276{ height:276px;} .w250{ width:250px;} .w850{ width:850px;} .h_313{ height:313px;} .clear{clear:both;} .hidden{display:none;} /************************************************************ base ******************************************************************************/ /************************************************************ 头部 ******************************************************************************/ .body_bgcolor{ background-color:#ebf8dd; margin:0 auto;} .header{ background: #a7ca88; height:290px;width:100%} .logo_pic{ padding:76px 0 70px 20px; background: #a7ca88 url(../images/meihua.png) right center no-repeat;} .navlist{height:46px;line-height:36px;background:#6eac2a;} .navlist li{float:left;width:95px;background-color:#6eac2a;} .navlist li a{display:block;height:35px;padding:5px 10px;color:#fff; text-decoration:none;} .navlist li a:hover,.navlist li a.active{background:#4f9404;border-right: 1px solid #6eac2a;cursor:pointer;} .navlist ul{ list-style:none; margin:0 auto;} li.li_tit{width:220px; background:#6eac2a; } li.li_tit a{color:#fff; text-decoration:none;} li.li_tit a:hover,li.li_tit a:active{cursor:pointer; color:#346301; background-color:#6eac2a;} /************************************************************ 头部 ******************************************************************************/ /************************************************************ 首页btn ******************************************************************************/ .btn_wh{ width:231px; height:60px; border:1px solid #ddd; background-color:#fff;} .btn_font{ color:#69ae1f; height:60px; line-height:60px; padding-left:12px; font-size:16px;} .btn_bg1{ width:40px; height:40px; background:url(../images/sprite1.png) -45px 0px no-repeat; margin:10px 10px 10px 55px;} .btn_bg2{ width:40px; height:40px; background:url(../images/sprite1.png) 0px 0px no-repeat; margin:10px 10px 10px 55px;} .btn_bg3{ width:40px; height:40px; background:url(../images/sprite1.png) -130px 0px no-repeat; margin:10px 10px 10px 55px;} .btn_bg4{ width:40px; height:40px; background:url(../images/sprite1.png) -90px 0px no-repeat; margin:10px 10px 10px 55px;} .btn_wh:hover,.btn_wh:active{background-color:#d2edb5;cursor:pointer; } .btn_a{ text-decoration:none;} @font-face { font-family: 'fontNameRegular'; src:url('../font/fzcqjw-webfont.eot'); src:local('fontName Regular'), local('fontName'), url('../font/fontName.woff') format('woff'), /*无此类字体*/ url('../font/FZCQJW.ttf') format('truetype'), url('fontName.svg#fontName') format('svg'); /*无此类字体*/ } .bg_mm{ background:url(../images/bgmm.jpg) top center no-repeat; width:1100px; height:100px;} .bg_mm marquee{font-family:'fontNameRegular', "Microsoft YaHei";font-size:35px; color:#3f9308; line-height:100px;} /************************************************************ 首页btn ******************************************************************************/ /************************************************************ 政务要闻 &left_div ******************************************************************************/ .news{width:580px;border:1px solid #ddd; background-color:#fff; margin-left:20px; margin-right:20px;} .news_list,.div_left_ul{ margin-top:8px; margin-bottom:8px;} .news_list li{padding:2px 5px 7px 5px;list-style:url(../images/work_list_icon.png); font-size:14px;} .div_left_ul li{padding:2px 5px 7px 5px;list-style:url(../images/work_list_icon.jpg); font-size:14px; margin-left:-10px;} .news_list li a,.div_left_ul li a{text-decoration:none;} .news_list li a:hover,.div_left_ul li a:hover{text-decoration:none;color:#4f9404;} .news_tit{ border-left:#9ec626 solid 7px; line-height:20px;margin:10px 5px 0px 7px; padding-left:10px; } .more_margin{ margin:10px 10px 10px 430px} .btn_a:hover{ color:#4f9404;} li span{ /*padding-right:10px;*/} /************************************************************ 政务要闻 &left_div ******************************************************************************/ /************************************************************ 网上信访须知 right_div *******************************************************************/ .marguee_font{ font-size:12px; line-height:20px; padding:12px; width:223px; height:205px;} .xuzhi_div{ width:243px;border:1px solid #ddd; background:#fff;} .right_div_tit{ font-size:16px; color:#333; background:#f7f7f7; height:42px; line-height:42px; border-bottom:1px solid #ddd; width:223px; padding-left:10px; padding-right:10px;} /************************************************************ 网上信访须 right_div****************************************************************/ /************************************************************ 梅州民声 left_div****************************************************************/ .left_div_tit{ background:#6eac2a; color:#fff; padding:15px; margin-bottom:-1px;} .left_div_more{ padding-top:25px; padding-right:10px;} .table>thead>tr>th, .table>tbody>tr>td {padding: 8px 15px;border-top: 1px solid #ddd;} .table{ border:1px solid #ddd; border-top:0} .table>thead>tr>th{ background-color:#f7f7f7; text-align:left;height:28px; line-height:28px; border-top:2px solid #0997cd; padding-left:15px;} .table{background-color:#fff; height:263px;} .table .w_tit{width:275px;} .table .w_tit1{width:225px;} .table-hover>tbody>tr:hover{background-color:#f9f9f9;cursor:pointer;} .w1{width:56px;} .w2{width:85px;} .w3{width:120px;} .w4{width:67px;} /************************************************************ 梅州民声 left_div****************************************************************/ /************************************************************ foot****************************************************************/ .hr_style{border-top:5px solid #78bc2f;} .foot_img{ background:url(../images/foot_img.png) top center no-repeat; margin-top:20px; height:70px;} .foot_font{ color:#333; line-height:25px;} /************************************************************ foot****************************************************************/ /************************************************************ 路径 ****************************************************************/ .position_img{ height:20px; width:20px;background:url(../images/sprite1.png) -175px 0px no-repeat;} .position_font{ margin-left:10px; line-height:20px;} /************************************************************ 路径 ****************************************************************/ /************************************************************ article ****************************************************************/ .div_article{ background-color:#fff; border-top:4px solid #0997cd;} .chan_newsDetail{ padding:20px; line-height:24px; color:#333;} .div_article_tit{ padding:20px 0 0 0; font-size:18px; color:#333;} /************************************************************ article ****************************************************************/ /************************************************************ banshi_zhinan ****************************************************************/ .tupian_ziye{ width:250px; height:127px; background:url(../images/zhinan_pic.jpg) 0 0 no-repeat;} .nav_ziye{ height:46px; width:250px; font-weight:bold; color:#666; font-size:18px; background-color:#f9f9f9; text-align:center; line-height:46px;} .nav_ziye a{ text-decoration:none; color:#666;} .nav_ziye a:hover,.nav_ziye a.active{ color:#78bc2f; font-weight:bold;} .div_left_ziye ul{ margin:0; padding:0;} .nav_ziye_active{ height:46px; width:245px; font-weight:bold; color:#78bc2f; font-size:18px; background-color:#fff; text-align:center; line-height:46px;border-left:5px solid #78bc2f;} .ul_zhinan{ list-style:none; margin-left:-40px; margin-top:0px;} .time_zhinan{ font-size:12px; color:#666; border-bottom:1px dashed #ccc; line-height:40px; width:800px; margin:0 auto;} .time_zhinan span{ margin-left:50px;} .div_left_bgcolor{ background:#f9f9f9;} .h_389{ height:389px;} .h_2573{ height:2573px;} .h_6893{ height:6893px;} .h_1000{ height:1000px;} /************************************************************ banshi_zhinan ****************************************************************/ /************************************************************ 信箱 ****************************************************************/ .tupian_xinxiang{ width:250px; height:234px; background:url(../images/xinxiang.png) 0 0 no-repeat;} .p_intex{ text-indent:2em;} .t_r{ text-align:right;} .h_840{ height:840px;} .img_border{ border:1px solid #78bc2f;} .liucheng{ font-size:16px; height:32px; line-height:32px; border-bottom:2px solid #78bc2f; color:#78bc2f} /************************************************************ 信箱 ****************************************************************/ /************************************************************ 我要写信 ****************************************************************/ .write_tit{ width:120px; padding:10px; color:#fff; background:#0997cd; text-align:center;} .hr_write{border:0; border-top:2px solid #0997cd; margin-top:-2px;} .form-control2,.form-control,.form-control1,.form-control_ms{ width:202px; height:25px; border-radius: 3px; /* 所有角都使用半径为5px的圆角,此属性为CSS3标准属性 */ -moz-border-radius: 3px; /* Mozilla浏览器的私有属性 */ -webkit-border-radius: 3px; /* Webkit浏览器的私有属性 */ border:1px solid #ccc; padding-left: 5px;} .form-control2{width:199px;} .form-control1{width:555px;} .form-controlyzm{width:100px;} .textarea_h{ height:180px;} .btn_ucap{ height:30px;border-radius: 3px; /* 所有角都使用半径为5px的圆角,此属性为CSS3标准属性 */ -moz-border-radius: 3px; /* Mozilla浏览器的私有属性 */ -webkit-border-radius: 3px; /* Webkit浏览器的私有属性 */ background:#0997cd; color:#fff; border:0; padding:4px 10px;font-size: 12px;margin:10px;} .btn_ucap:hover{background:#0489bb; cursor:pointer;} .btn_ucap_file{ height:30px;border-radius: 3px; /* 所有角都使用半径为5px的圆角,此属性为CSS3标准属性 */ -moz-border-radius: 3px; /* Mozilla浏览器的私有属性 */ -webkit-border-radius: 3px; /* Webkit浏览器的私有属性 */ color:#333; border:1px solid #ccc; padding:4px 10px; background:#fff;font-size: 12px;} .btn_ucap_file:hover{border:1px solid #0489bb; color:#0489bb; cursor:pointer;} .red{ color:#f00;} .green{ color:#0997cd;} .td_padding{ padding-left:10px;} /************************************************************ 我要写信 ****************************************************************/ /************************************************************ 信件选登 ****************************************************************/ .page_div{text-align: center; } .page{display: inline-block; list-style:none;font-size:14px;} .page li{float:left;padding:5px 10px;;border:1px solid #ddd;margin-right:5px;} .page li:hover,.page li.active{background-color:#0997cd;border:1px solid #0997cd;color:#fff; cursor:pointer;} .page .disabled{color:#ccc;} .page .disabled:hover{background-color:#fff;border-color:#ddd;color:#ccc; cursor:default;} .div_shumu{ padding-top:20px;} .page li a{text-decoration:none;} /************************************************************ 信件选登 ****************************************************************/ /************************************************************ 信件详情 ****************************************************************/ .table_margin{ margin:40px auto 10px auto; padding-bottom:30px;} .xinjian_detail{ margin:40px auto;border-collapse:collapse; border:1px solid #ddd; border-spacing:0} .xinjian_detail tr td{border:1px solid #4D4D4D; border-spacing:0; line-height:20px; height:30px; padding:4px 10px;} .td_green{ background:#0997cd; color:#fff; text-align:center;} .td_gray{ background:#f2f2f2; color:#333; text-align:center;} /************************************************************ 信件详情 ****************************************************************/ /************************************************************ 电话信访 ****************************************************************/ .tupian_dianhuaxf{ width:250px; height:234px; background:url(../images/dianhua.jpg) 0 0 no-repeat;} .dianhuaxinf{ line-height:20px} .green_ziti{ color:#78bc2f;} .dianhuaxinf span,.shouji_span{ font-size:12px; font-weight:bold;} .tupian_shoujixf{ width:250px; height:234px; background:url(../images/shouji.jpg) 0 0 no-repeat;} .tupian_qqxf{ width:250px; height:234px; background:url(../images/qq.jpg) 0 0 no-repeat;} /************************************************************ 电话信访 ****************************************************************/ /************************************************************ 梅州民声 ****************************************************************/ .tupian_minsheng{ width:250px; height:145px; background:url(../images/minsheng.jpg) 0 0 no-repeat;} .ul_minsheng { padding:0; height:137px; margin-top:5px; height:600px;} .ul_minsheng li { margin:5px; height:30px; padding-top:5px; overflow:hidden; font-size:14px; width:190px; float:left; color:#333; text-align:center; list-style:none; border:1px solid #ddd;} .ul_minsheng li a { display:inline; font-size:14px; text-decoration:none; text-indent:10px; margin-right:10px;color:#333;} .tab_title{ line-height:25px;} a.tab_title:hover,a.tab_title:active{ color:#333; text-decoration:none;color:#0997cd;} .ul_style{ list-style:none;padding:0; height:186px; margin-top:0px; } .li_style{margin-left:10px; margin-right:10px; height:22px; padding-top:10px; overflow:hidden; font-size:14px;color:#282828;} /************************************************************ 梅州民声 ****************************************************************/ .w_119{ width:119px;} .w_129{ width:129px;} .w_307{ width:307px;} .w_453{ width:453px;} .p_tips{ text-indent:2em;} .div_p{ padding:19px 50px 18px 50px; font-size:14px;} .p_riqi{ text-align:right;} .w500{ width:500px;} .form-control_ms{ width:350px;} .login-btn_mt{ margin-top:10px;} .mingsheng_bl{ font-size:24px;} .mingsheng_bl span{ font-weight:bold;} .mingsheng_a{ text-decoration:none;} .mingsheng_a:hover,.mingsheng_a:active{text-decoration:none;color:#4f9404;} .mingsheng_tishi{ font-size:16px; line-height:25px; padding:50px 55px;} .mingsheng_bg{ background:url(../images/mingsheng.png) 0 0 no-repeat; width:500px; height:200px;} .kan_mingsheng{ margin:25px 0} /************************************************************ 梅州民声 ****************************************************************/ /************************************************************2015/12/31 页尾foot样式改动 ****************************************************************/ img{ border:none;} .foot_img11{filter:alpha(opacity=80); /*IE滤镜,透明度50%*/ -moz-opacity:0.8; /*Firefox私有,透明度50%*/ opacity:0.8;/*其他,透明度50%*/ } .foot_img11:hover{filter:alpha(opacity=100); /*IE滤镜,透明度50%*/ -moz-opacity:1; /*Firefox私有,透明度50%*/ opacity:1;/*其他,透明度50%*/} .foot_img_w{ width: 170px; margin: 0 auto; margin-top: 20px;} .foot_img_left{ border-right: 1px solid #ddd; padding-right: 25px;} /************************************************************2015/12/31 页尾foot样式改动 ****************************************************************/ /************************************************************2016/02/02 写信公共借口样式 ****************************************************************/ .write_bg{ background:url(../images/write_bg.jpg) no-repeat center center ;} .div_bg{background:url(../images/letter_line.gif) #fff top left repeat-x;} .write_tips{ font-size:12px; color:#333; padding:20px 20px 0px 55px; background:url(../images/wenxin.png) 20px 12px no-repeat; line-height:18px;} .per_info{width:100px; padding:10px 0px 10px 50px; color:#fff;} .pre_info1{width:125px;padding:10px 10px 10px 10px;background-color:#0997cd;color:#fff;} .per_info_bg{ background:url(../images/person.png) #0997cd 15px 10px no-repeat;} .per_info_bg1{ background:url(../images/file.png) #0997cd 15px 10px no-repeat;} .table1{border:0} .table1 td{ padding:5px 0;} .table1 tr.oddtr{ background:#f0f9fd;} .td_padding1{ padding-left:6px;} .red_xing{ font-family:"黑体"; color:#F00;} .form-control_sel{ width:132px; height:25px;} .form-control_sel1{ width:540px;} .form-control_sel2{width:203px; height:25px;} .form-control_zhuti{ width:547px;} input[type='radio'].radio,input[type='checkbox'].checkbox1 {opacity:0; display:inline-block;margin-right: -18px; padding-top: 7px;} label.radio {background:url(../images/form_ico.png) 0 0 no-repeat;background-position: 0px 0px;padding-left: 20px; margin-right: 5px;} input[type='radio'].radio:checked + .radio { background:url(../images/form_ico.png) 0 0 no-repeat;background-position: 0px -18px;} label.checkbox1 {background:url(../images/form_ico1.png) 0 0 no-repeat;background-position: 0px 0px;padding-left: 20px; margin-right: 5px;} input[type='checkbox'].checkbox1:checked + .checkbox1 { background:url(../images/form_ico1.png) 0 0 no-repeat;background-position: 0px -18px;} /*.r_off{ background:url(../images/form_ico.png) 0 0 no-repeat;background-position: 0px 0px; width:14px; height:14px;} .r_on{ background:url(../images/form_ico.png) 0 0 no-repeat;background-position: 0px -18px;width:14px; height:14px;} .c_off{ background:url(../images/form_ico.png) 0 0 no-repeat;background-position: -17px 0px;} .c_on{ background:url(../images/form_ico.png) 0 0 no-repeat;background-position: -17px -18px;} .regular_radio{display:none;}*/ .btn_p{ padding:5px 0 10px 0;} .textarea_shuo{border: 1px solid #ccc; width: 547px; border-radius: 3px;} .w700{ width:700px;} /*基于浏览器上下左右居中*/ .gkxj_cen{position:absolute; top:50%; height:380px;margin:0 auto; margin-top:-190px; width:700px; left:50%; margin-left:-350px;} /*信件查询*/ #firsttr a{text-decoration:none;} #firsttr a:hover{text-decoration:none;color:#0997cd} /*附件*/ .fujian a{text-decoration:none;} .fujian a:hover{text-decoration:none;color:#0997cd} /*信件详情背景图片*/ .overflow_detail{max-height: 700px;overflow: auto;} @media (max-width:768px){ .w1100{width: 100%} .table_margin{margin:10px 0} .xinjian_detail{margin-top:20px} }