@charset "utf-8";

body{padding:0; margin:0; font-family:Microsoft Yahei;  font-size:16px; color:#333; text-align:left;
background:url(../images/xfgztl2022_topbanner.png) no-repeat top center #fff;position:relative;-webkit-text-size-adjust:none;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, select, form, fieldset, input, button, textarea, blockquote, table{padding:0;margin:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
li{list-style:none;}
i{font-style:normal; vertical-align:top; display:inline-block; background-repeat:no-repeat;}

table{border-collapse:collapse;border-spacing:0;margin:auto;}
th,td{padding:0}
img,a img{border:0;margin:0;padding:0; vertical-align:middle;}
img, table, object, embed, video{max-width:100%;}

button,input,select,textarea{vertical-align:middle; font-family:Microsoft Yahei; font-size:14px; box-sizing:border-box;outline:0;}
button,input{*overflow:visible;line-height:normal;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
button,html input[type="button"],input[type="reset"],input[type=image],input[type="submit"]{-webkit-appearance:button;cursor:pointer;border:none;}
select{width:100%;}
a{outline-style:none;text-decoration:none;color:#333;}
a:focus{outline:none;-moz-outline:none; noline:expression(this.onFocus=this.blur());}
a:hover{color:#3a75cf;}
input[type="text"],textarea,select{padding:2px 5px; line-height:20px; border:1px solid #e3e3e3; color:#666;}

.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.clear{clear:both;}
.auto{margin-left:auto;margin-right:auto;}
.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
.transparent{background:transparent !important;}
.bgwhite{background-color:#ffffff;}
.bggray{background-color:#fafafa;}
.red{color:#f00;}
.inmobile{}

.transition a{-webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;}
.imgScale a img{-moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s;}
.imgScale a:hover img{-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}

/* 列表 */
.common_list li{padding-left:20px;position:relative;line-height:40px;color:#333;}
.common_list li:after{content:""; position:absolute; left:0px; top:50%; width:8px; height:8px;margin-top:-4px;
background-color:#bad3ef;border-radius:50%;}
.common_list li a{display: block;width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.common_list li{padding-right: 100px;}
.common_list li span.time{position: absolute; right:4px; text-align: right; top: 0;}
.common_list li span.time{ color:#999; position:absolute; top:0;right:0;}

.mt32{margin-top:32px;}
.mb32{margin-bottom:32px;}

/* 标题 */
.common_tit{display:block;text-align:center;margin:48px 0 24px;}


/* header */
.zt_header{width:1200px;height:770px;margin:auto;position:relative;}


/* logo */
.zt_logo{width:320px;position:absolute;left:24px;top:24px;}
.zt_logo img{width:100%;}
.zt_gd{width:161px;position:absolute;right:24px;top:24px;}
.zt_gd img{width:100%;}

/* container */
.zt_container{width:1200px;margin:0 auto;}

/* 引言 */
.yy{padding-top:48px;background-color:#f2f3f5;}
.yy .yy_tit{display:block;margin:24px;}
.yy .yy_con{width:66%;margin:24px;line-height:32px;text-align:justify;}

/* 漫话《信访工作条例》 */
.mhxfgztl_con{width:100%;height:675px;}

/* 学习资料 */
.xxzl_con{margin:-12px;}
.xxzl_con ul li{width:33.333%;float:left;}
.xxzl_con ul li a.tit{margin:12px;background-color:#f7f7f7;display:block;height:256px;
background:url(../images/xfgztl2022_xxzl_bg.png) no-repeat;background-size:100% 100%;
text-align:center;}
.xxzl_con ul li a.tit span{display:inline-block;width:60%;font-size:28px;margin-top:48px;color:#e6212a;}
.xxzl_con ul li a.tit:hover span{color:#306bd1;}
.xxzl_con ul li a.tit i{display:block;width:117px;margin:24px auto;font-size:18px;
position:relative;line-height:48px;color:#e6212a;}
.xxzl_con ul li a.tit i::after{content:'';width:100%;height:7px;position:absolute;left:0;bottom:0;
background:url(../images/xfgztl2022_xxzl_moretip.png) no-repeat;}

/* 《信访工作条例》重点内容解读 */
.zdnrjd{height:960px;background:url(../images/xfgztl2022_zdnrjd_bg.png) no-repeat center;margin-top:48px;}
.zdnrjd_con{padding:24px;background-color:#fff;}
.zdnrjd_con ul{margin:-12px;}
.zdnrjd_con ul li{width:25%;float:left;}
.zdnrjd_con ul li a.img{margin:12px;background-color:#f7f7f7;display:block;}

/* 各地学习活动 */
.gdxxhd{margin-bottom:32px;}
.gdxxhd_con ul{margin:-12px;}
.gdxxhd_con ul li{width:33.333%;float:left;}
.gdxxhd_con ul li a{margin:12px;display:block;height:256px;position:relative;}
.gdxxhd_con ul li a img{width:100%;height:100%;}
.gdxxhd_con ul li a .con{width:88%;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.3);
position:absolute;left:50%;margin-left:-44%;top:224px;}
.gdxxhd_con ul li a .con p{padding:24px 24px 12px;font-size:18px;height:76px;}
.gdxxhd_con ul li a .con h1{padding:0 24px 24px;font-size:16px;}
.gdxxhd_con ul li a .con h1 i{display:inline-block;background-color:#ffdede;padding:6px 12px;color:#d32424;}
.gdxxhd_con ul li a .con h1 span{display:inline-block;padding:6px 24px 6px 12px;position:relative;color:#d32424;}
.gdxxhd_con ul li a .con h1 span::after{content:'';width:22px;height:22px;position:absolute;right:0;top:50%;margin-top:-11px;
background:url(../images/xfgztl2022_gdxxhd_tip.png) no-repeat;}