/******** 基层政务公开 ********/
.jczwgk-top { height: 360px; background: url(/images/2021-jczwgk-top-img.jpg) no-repeat center #0e33ea; }
.jczwgk-top .top-logo { width: 100%; }

.jczwgk-mid { width: 100%; background: url(/images/2021-jczwgk-bg.jpg) no-repeat top center; }
.jczwgk-mid .main { background-color: #FFFFFF;  box-shadow: 0 0 20px rgb(0 0 0 / 10%); margin-top: 78px; padding-bottom: 25px; }

.jczwgk-tit { width: 100%; background: url(/images/2021-jczwgk-tit-bg.png) no-repeat center; }
.jczwgk-tit .a-tit { width: 335px; height: 77px; line-height: 77px; background: url(/images/2021-jczwgk-tit-menu.png) no-repeat center; display: block; margin: 0 auto; font-size: 30px; letter-spacing: 1px; font-weight: 700; color: #FFFFFF; text-align: center; }

.jczwgk-box01 { width: 100%; position: relative;}
.jczwgk-box01 .jczwgk-tit { position: absolute; top: -38px; left: 0; }
.jczwgk-box01 .con { padding: 62px 25px 0; }
.jczwgk-box01 .con .pList01 li a { background: url(/images/2021-jczwgk-list-ico.png) no-repeat left; padding-left: 25px; }

.jczwgk-box02 { margin-top: 25px; }
.jczwgk-box02 .con { padding: 25px 25px 0; }
.jczwgk-box02 .con .pList01 li a { background: url(/images/2021-jczwgk-list-ico.png) no-repeat left; padding-left: 25px; }

.jczwgk-box02 .ico-list li { width: 20%; float: left; margin-top: 25px; text-align: center; }
.jczwgk-box02 .ico-list li img { display: block; margin: 0 auto; }
.jczwgk-box02 .ico-list li span { width: 100%; height: 64px; line-height: 32px; display: block; font-weight: 700; margin-top: 15px; }
.jczwgk-box02 .ico-list li a { width: 100%; height: 100%; display: block; }
.jczwgk-box02 .ico-list li a:hover { color: #FF0000; }

.jczwgk-logo { position: absolute; left: 0; top: 60px; height: 45px; line-height: 45px; }
.jczwgk-logo img { display: block; float: left; margin-right: 10px; }
.jczwgk-logo a { color: #FFFFFF; font-size: 30px; font-weight: 700; } 

.clearfix { zoom: 1; }
.clearfix:after { clear: both; overflow: hidden; content: ""; display: table; }
.lm-hd { margin: 30px 0; text-align: center; display: inline-block; width: 100%; }
.lm-hd ul { width: 100%; display: block; text-align: center; }
.lm-hd ul li { width: 24.5%; display: inline-block; text-align: center; margin-top: 20px; }
.lm-hd ul li a { width: calc(100% - 26px); padding: 10px 30px; border-radius: 5px; font-size: 19px; color: #2d73cb; font-weight: bold; line-height: 46px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; display: inline-block; box-shadow:0 0 20px rgb(0 0 0 / 10%); }
.lm-hd ul li a .img-span { transition:all .3s linear;  -webkit-transition:all .3s linear;  -moz-transition:all .3s linear;  -o-transition:all .3s linear;  -ms-transition:all .3s linear;}
.lm-hd ul li:hover a,
.lm-hd ul li.active a { color: #fff; background: #2d73cb;}
.lm-bd { padding: 0 20px 115px 20px; background-color: #fff;}
.lm-bd .box { display: none;}
.lm-bd .box.linkbox { display: block; min-height: 200px; padding-top: 50px; text-align: center; }
.lm-bd .box.linkbox .box-lm-bd ul li { float: none; display: inline-block; }
.lm-bd .box .box-lm-hd { padding-top: 30px; font-size: 19px; color: #2760b7; font-weight: bold; line-height: 20px;}
.lm-bd .box .box-lm-hd i { width: 5px; height: 20px; margin-right: 8px; float: left; background-color: #2760b7; display: inline-block;}
.lm-bd .box .box-lm-bd ul { margin-right: -18px;}
.lm-bd .box .box-lm-bd ul li { width: 25%; float: left; position: relative;}
.lm-bd .box .box-lm-bd ul li .lv1 { margin: 18px 18px 0 0; padding: 20px 15px; font-size: 16px; color: #2760b7; text-align: center; background-color: #f1f5f9; border: 1px solid #f1f5f9; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; -webkit-transition: 500ms; -o-transition: 500ms; -moz-transition: 500ms; transition: 500ms; }
.lm-bd .box .box-lm-bd ul li .lv2 { width: calc(200% - 20px); background-color: #f1f5f9; position: absolute; top: calc(100% - 1px); left: 0; z-index: 999; display: none; overflow: hidden; }
.lm-bd .box .box-lm-bd ul li .lv2 ul { max-height: 230px; margin: 0; padding: 0 10px 10px; box-sizing: border-box; overflow-y: scroll; border: 1px solid #2760b7; }
.lm-bd .box .box-lm-bd ul li .lv2 ul li { width: 50%; float: left; text-align: center; margin-top: 10px; }
.lm-bd .box .box-lm-bd ul li .lv2 ul li a { width: 80%; padding: 0 5%; font-size: 15px; line-height: 36px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #e2e9f1; }
.lm-bd .box .box-lm-bd ul li .lv2 ul li a:hover { color: #FF0000; }
.lm-bd .box .box-lm-bd ul li .lv2 ul li span { float: right; display: none; font-size: 15px; color: #929292; }
.lm-bd .box .box-lm-bd ul li .lv2 ul::-webkit-scrollbar {  width: 4px; background-color: #fafafa;}
.lm-bd .box .box-lm-bd ul li .lv2 ul::-webkit-scrollbar-track { background-color: #fafafa; opacity: 0.5; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em;}
.lm-bd .box .box-lm-bd ul li .lv2 ul::-webkit-scrollbar-thumb { background-color: #f1f1f1; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em;}
.lm-bd .box .box-lm-bd ul li .lv2 ul:after { clear: both; overflow: hidden; content: ""; display: table; }
.lm-bd .box .box-lm-bd ul li:hover .lv1,.lm-bd .box .box-lm-bd ul li.cur .lv1 { font-weight: bold; border: 1px solid #2760b7;}
.lm-bd .box .box-lm-bd ul li:hover .lv2,.lm-bd .box .box-lm-bd ul li.cur .lv2 { display: block;}
.re-img { image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor;}
.lm-bd .box .box-lm-bd.box02 ul li .lv1 { padding: 10px 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -moz-box; -moz-box-orient: vertical; -moz-line-clamp: 2; word-wrap: break-word; word-break: break-all; height: 80px; line-height: 40px; white-space: inherit; overflow: hidden; box-sizing: inherit; }
.lm-bd .box .box-lm-bd.box02 ul li .lv2 { top: 112px; }
.lm-bd .box .box-lm-bd ul li .lv2.news ul { padding-top: 10px; max-height: 200px; }
.lm-bd .box .box-lm-bd ul li .lv2.news ul li { width: calc(100% - 10px); height: 36px; line-height: 36px; text-align: left; margin-top: 0; padding-left: 10px; }
.lm-bd .box .box-lm-bd ul li .lv2.news ul li a { width: 80%; background: none; padding: 0; }
.lm-bd .box .box-lm-bd ul li .lv2.news ul li span { display: block; }
.lm-bd .box .box-lm-bd ul li .lv2.news ul li::before { display: inline-block; content: ""; height: 4px; width: 4px; border: 1px solid #0067b8; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; left: 0px; top: 50%; margin-top: -0.2rem; }
.lm-bd .box .box-lm-bd ul li:nth-child(4n) .lv2.news { left: auto; right: 18px; }

.jczwgk-wz { padding-top: 20px; padding-bottom: 20px; }
.jczwgk-list-con { margin-top: 25px; }
.jczwgk-list-con .pList01 li { position: relative; padding-left: 12px; }
.jczwgk-list-con .pList01 li:nth-child(5n) { border-bottom: 1px dashed #c8c7c7; padding-bottom: 10px; margin-bottom: 10px; }
.jczwgk-list-con .pList01 li::before { display: inline-block; content: ""; height: 4px; width: 4px; border: 1px solid #0067b8; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; left: 0px; top: 50%; margin-top: -0.2rem; }
.jczwgk-list-con .pList01T li:nth-child(1n)::before { margin-top: -0.5rem; }
.jczwgk-list-con .pList01 li:nth-child(5n)::before { margin-top: -0.5rem; }
.jczwgk-list-con.list02 .pList01 li:nth-child(5n) { border: 0; padding-bottom: 0; margin-bottom: 0; }
.jczwgk-list-con.list02 .pList01 li:last-child { border-bottom: 1px dashed #c8c7c7; padding-bottom: 10px; margin-top: -0.5rem; margin-bottom: 10px; }
.jczwgk-list-con .more { width: 100%; text-align: center; font-size: 14px; margin-top: 25px; }
.jczwgk-list-con .more a { display: inline-block; padding: 8px 30px; background-color: #f1f5f9; }
.jczwgk-list-con .more a:hover { color: #FFFFFF; background-color: #2760b7; }

@media screen and (max-width:1500px) {
    .jczwgk-top { height: 340px; background-size: cover; }
    .jczwgk-top .main { position: relative; height: 100%; }
    .jczwgk-top .top-logo { width: auto; height: 100%; display: block; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%) !important; -webkit-transform:translate(-50%,-50%) !important; -ms-transform:translate(-50%,-50%) !important; *position: relative; *left: auto; *top: auto; }
    .pTopImg .main { padding-top: 60px; }
    .jczwgk-mid { background-size: contain; }
    .jczwgk-mid .main { margin-top: 73px; padding-bottom: 20px; }
    .jczwgk-tit { background-size: contain; }
    .jczwgk-tit .a-tit { font-size: 28px; height: 67px; line-height: 67px; background-size: contain; }
    .jczwgk-box01 .jczwgk-tit { top: -33px; }
    .jczwgk-box01 .con { padding-top: 63px; }
    .jczwgk-box02 { margin-top: 20px; }
    .jczwgk-box02 .con { padding-top: 20px; }
    .jczwgk-box02 .ico-list li { margin-top: 20px; }
}
@media screen and (max-width:1400px) {
    .jczwgk-top { height: 300px; }
    .jczwgk-mid .main { margin-top: 68px; padding-bottom: 15px; }
    .jczwgk-tit .a-tit { font-size: 26px; height: 57px; line-height: 57px; }
    .jczwgk-box01 .jczwgk-tit { top: -28px; }
    .jczwgk-box01 .con { padding-top: 58px; }
    .jczwgk-box02 { margin-top: 15px; }
    .jczwgk-box02 .con { padding-top: 15px; }
    .jczwgk-box02 .ico-list { padding-top: 10px; }
    .jczwgk-box02 .ico-list li { margin-top: 15px; }
    .jczwgk-box02 .ico-list li img { width: 40%; }
    .jczwgk-box02 .ico-list li span { margin-top: 10px; line-height: 24px; height: 48px; }
}
@media screen and (max-width:1200px) {
    .jczwgk-top { height: 280px; }
    .jczwgk-mid .main { margin-top: 53px; padding-bottom: 10px; }
    .jczwgk-tit .a-tit { font-size: 24px; height: 47px; line-height: 47px; }
    .jczwgk-box01 .jczwgk-tit { top: -23px; }
    .jczwgk-box01 .con { padding-top: 53px; }
    .jczwgk-box02 { margin-top: 10px; }
    .jczwgk-box02 .con { padding-top: 10px; }
    .jczwgk-box02 .ico-list li { margin-top: 10px; }
    .jczwgk-box02 .ico-list li span { line-height: 20px; height: 40px; }
}
@media screen and (max-width:835px) {
    .jczwgk-top { height: 200px; background-position: left; }
    .jczwgk-top .top-logo { height: 80%; }
    .jczwgk-mid .main { padding: 0 0 10px; margin: 40px 10px 0;}
    .jczwgk-tit .a-tit { font-size: 20px; height: 37px; line-height: 37px; }
    .jczwgk-box01 .jczwgk-tit { top: -18px; }
    .jczwgk-box01 .con { padding-left: 10px; padding-right: 10px; padding-top: 38px; }
    .jczwgk-box01 .con .pList01 li a { width: 68%; background-size: 10px; padding-left: 15px; }
    .jczwgk-box02 .con { padding-left: 10px; padding-right: 10px; }
    .jczwgk-box02 .con .pList01 li a { width: 68%; background-size: 10px; padding-left: 15px; }
    .jczwgk-box02 .ico-list li { width: 29.33%; padding: 0 2%; }
    .jczwgk-box02 .ico-list li img { width: 50%; }
    .jczwgk-logo { left: 10px; top: 40px; height: 20px; line-height: 20px; }
    .jczwgk-logo img { height: 20px; margin-right: 5px; }
    .jczwgk-logo a { font-size: 14px; } 
    
    .lm-hd { margin: 0; }
    .lm-hd ul li { width: 100%; float: none; margin-top: 8px; }
    .lm-hd ul li:first-child { margin-top: 0; }
    .lm-hd ul li a { margin: 0; display: block; overflow: hidden; padding: 0; width: 100%; font-size: 16px; }
    .lm-bd { padding: 0 10px 10px 10px; }
    .lm-bd .box.linkbox { padding-top: 0; }
    .lm-bd .box .box-lm-hd { padding-top: 15px; font-size: 16px; }
    .lm-bd .box .box-lm-bd ul { margin: 5px 0 0 0; }
    .lm-bd .box .box-lm-bd ul li { width: 100%; }
    .lm-bd .box .box-lm-bd ul li .lv1 { margin: 10px 0 0 0; padding: 10px; }
    .lm-bd .box .box-lm-bd ul li .lv2 { width: 100%; background-color: #f1f5f9; border: 0; position: static; }
    .lm-bd .box .box-lm-bd ul li .lv2 ul { margin: 0 10px; padding: 10px 0; box-sizing: border-box; border-top: 1px solid #2760b7; border-left: 0; border-bottom: 0; border-right: 0; overflow-y: initial; }
    .lm-bd .box .box-lm-bd ul li .lv2 ul li a { font-size: 14px; }
    .lm-bd .box .box-lm-bd ul li .lv2 ul li span { font-size: 14px; }
    .lm-bd .box .box-lm-bd.box02 ul li .lv1 { height: auto; line-height: 30px;}
    .lm-bd .box .box-lm-bd ul li:hover .lv1,.lm-bd .box .box-lm-bd ul li.cur .lv1 { border: 0; }
    .lm-bd .box .box-lm-bd ul li .lv2.news { width: 100%; }
    .jczwgk-list-con { margin-top: 10px; }
    .jczwgk-list-con .more { font-size: 12px; padding: 5px 30px; margin-top: 10px; }
}