/* zxfb.html 页面样式
 * 已内联：layui.css, gongbao.css, reset.css, body.css, extra.css
 * 仅保留本页面使用到的规则；组件样式（layer / iconfont / autocomplete）整份保留
 */

/* ===== 来源：layui.css ===== */
/** layui v2.1.2，采用 MIT 开源许可协议，出自 http://www.layui.com */
.layui-btn, img {
 vertical-align: middle; }
.layui-btn {
 -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; }
blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
 margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); }
a:active, a:hover {
 outline: 0; }
img {
 display: inline-block; border: none; }
li {
 list-style: none; }
table {
 border-collapse: collapse; border-spacing: 0; }
h1, h2, h3 {
 font-size: 14px; font-weight: 400; }
h4, h5, h6 {
 font-size: 100%; font-weight: 400; }
button, input, optgroup, option, select, textarea {
 font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: 0; }
pre {
 white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
@font-face {
 font-family: layui-icon; src: url(../font/iconfont.eot?v=2); src: url(../font/iconfont.eot?v=2#iefix) format('embedded-opentype'),url(../font/iconfont.svg?v=2#iconfont) format('svg'),url(../font/iconfont.woff?v=2) format('woff'),url(../font/iconfont.ttf?v=2) format('truetype'); }
body {
 line-height: 24px; font: 14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif; }
hr {
 height: 1px; margin: 10px 0; border: 0; background-color: #e2e2e2; clear: both; }
a {
 color: #333; text-decoration: none; }
a:hover {
 color: #777; }
a cite {
 font-style: normal;; }
.layui-clear {
 clear: both;; }
.layui-clear:after {
 content: '\20'; clear: both;; display: block; height: 0; }
.layui-container {
 position: relative; margin: 0 auto; padding: 0 15px; box-sizing: border-box; }
.layui-col-xs4 {
 position: relative; display: block; box-sizing: border-box; }
.layui-col-xs4 {
 float: left; }
.layui-col-xs4 {
 width: 33.33333333%; }
@media screen and (min-width:768px) {
.layui-container {
 width: 750px; }
}
@media screen and (min-width:992px) {
.layui-container {
 width: 970px; }
}
@media screen and (min-width:1200px) {
.layui-container {
 width: 1170px; }
}
.layui-col-space15 {
 margin: -7.5px; }
.layui-col-space15 > * {
 padding: 7.5px; }
.layui-btn, .layui-input {
 outline: 0; -webkit-transition: border-color .3s cubic-bezier(.65,.05,.35,.5); transition: border-color .3s cubic-bezier(.65,.05,.35,.5); box-sizing: border-box; }
.layui-btn {
 display: inline-block; height: 38px; line-height: 38px; padding: 0 18px; background-color: #009688; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border: none; border-radius: 2px; cursor: pointer; opacity: .9; filter: alpha(opacity=90); }
.layui-btn:hover {
 opacity: .8; filter: alpha(opacity=80); color: #fff; }
.layui-btn:active {
 opacity: 1; filter: alpha(opacity=100); }
.layui-btn + .layui-btn {
 margin-left: 10px; }
.layui-input {
 height: 38px; line-height: 36px\9; border: 1px solid #e6e6e6; background-color: #fff; border-radius: 2px; }
.layui-input {
 display: block; width: 100%; padding-left: 10px; }
.layui-input:hover {
 border-color: #D2D2D2!important; }
.layui-input:focus {
 border-color: #C9C9C9!important; }
.layui-form input[type=checkbox], .layui-form input[type=radio], .layui-form select {
 display: none; }
.layui-form-item {
 margin-bottom: 15px; clear: both;; }
.layui-form-item:after {
 content: '\20'; clear: both;; display: block; height: 0; }
@-webkit-keyframes layui-rotate {
    from { -webkit-transform: rotate(0); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes layui-rotate {
    from { transform: rotate(0); }
    to { transform: rotate(360deg); }
}
@-webkit-keyframes layui-up {
    from { -webkit-transform: translate3d(0,100%,0); opacity: .3; }
    to { -webkit-transform: translate3d(0,0,0); opacity: 1; }
}
@keyframes layui-up {
    from { transform: translate3d(0,100%,0); opacity: .3; }
    to { transform: translate3d(0,0,0); opacity: 1; }
}
@-webkit-keyframes layui-upbit {
    from { -webkit-transform: translate3d(0,30px,0); opacity: .3; }
    to { -webkit-transform: translate3d(0,0,0); opacity: 1; }
}
@keyframes layui-upbit {
    from { transform: translate3d(0,30px,0); opacity: .3; }
    to { transform: translate3d(0,0,0); opacity: 1; }
}
@-webkit-keyframes layui-scale {
    0% { opacity: .3; -webkit-transform: scale(.5); }
    100% { opacity: 1; -webkit-transform: scale(1); }
}
@keyframes layui-scale {
    0% { opacity: .3; -ms-transform: scale(.5); transform: scale(.5); }
    100% { opacity: 1; -ms-transform: scale(1); transform: scale(1); }
}
@-webkit-keyframes layui-scale-spring {
    0% { opacity: .5; -webkit-transform: scale(.5); }
    80% { opacity: .8; -webkit-transform: scale(1.1); }
    100% { opacity: 1; -webkit-transform: scale(1); }
}
@keyframes layui-scale-spring {
    0% { opacity: .5; transform: scale(.5); }
    80% { opacity: .8; transform: scale(1.1); }
    100% { opacity: 1; transform: scale(1); }
}
@-webkit-keyframes layui-fadein {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes layui-fadein {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@-webkit-keyframes layui-fadeout {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes layui-fadeout {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

/* ===== 来源：gongbao.css ===== */
.fz24 {
 font-size:24px !important
}
.mt20 {
 margin-top:20px !important
}
.mt30 {
 margin-top:30px !important
}
.pl5 {
 padding-left:5px !important
}
.pr35 {
 padding-right:35px !important
}
.pl35 {
 padding-left:35px !important
}
.fwb {
 font-weight:bold !important
}
.clearfix::after {
 display:block;
 content:"";
 clear:both
}
::-webkit-scrollbar-track {
 width:6px;
 background-color:#f4f4f4;
 -webkit-border-radius:2em;
 -moz-border-radius:2em;
 border-radius:2em
}
::-webkit-scrollbar-thumb {
 background-color:#2867a0;
 background-clip:padding-box;
 height:80px;
 -webkit-border-radius:2em;
 -moz-border-radius:2em;
 border-radius:2em
}
::-webkit-scrollbar-thumb:hover {
 background-color:#2867a0
}
.layui-container {
 width:1230px !important
}
body {
 font-size:16px;
 background:url("../images/bg.jpg") no-repeat center 0
}
a {
 color:#333;
 text-decoration:none
}
a:hover {
 color:#0068b7;
 transition:.3s
}
img {
 max-width:100%
}
.box-shadow {
 box-shadow:0 0 10px #ddd
}
.right {
 height:1046px
}
.right {
 width:820px;
 float:right;
 background:#ffffff
}
.news-list {
 padding-top:10px;
 overflow:hidden
}
.news-list li {
 line-height:2.5;
 text-indent:8px
}
.news-list li a {
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 float:left;
 max-width:85%;
 width: 450px;
}
.news-list li span {
 color:#999999;
 margin-left:10px;
 display:inline-block
}

/* ===== 来源：reset.css ===== */
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, caption, th, form, fieldset, legend, input, button, textarea, menu {
margin:0;padding:0;}
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details {
display:block;}
caption, th {
text-align:left;font-weight:normal;}
html, body, fieldset, img, iframe, abbr {
border:0;}
i, cite, em, var, address, dfn {
font-style:normal;}
[hidefocus], summary {
outline:0;}
li {
list-style:none;}
h1, h2, h3, h4, h5, h6, small {
font-size:100%;}
sup, sub {
font-size:83%;}
pre, code, kbd, samp {
font-family:inherit;}
q:before, q:after {
content:none;}
textarea {
overflow:auto;resize:none;}
label, summary {
cursor:default;}
h1, h2, h3, h4, h5, h6, em, strong, b {
font-weight:bold;}
a {
text-decoration:none}
body {
    font-family: 微软雅黑;
    font-size: 14px;
}

/* ===== 来源：body.css ===== */
/***便民服务结束****/


.page {
    margin: auto;
    width: max-content; padding:20px 0; font-size:12px;}
.page ul li {
float:left; margin:0 3px; }
.page ul li a {
 border:1px solid #b2b2b2; color:#015092; padding: 3px 8px;display:block;}
.page ul li.on a {
 border:none; background:#0068b7; color:#fff;border:1px solid #b2b2b2;}
.page ul span {
 color:#333; display:block; float:left;line-height: 23px;}
.page ul input {
 width:43px; line-height:23px; color:#333; border:1px solid #b2b2b2; margin:0 5px; background:none;padding:0 2px;}

/* ===== 来源：extra.css ===== */
::placeholder {
	font-size: 17px;
	color: #acacac;
}
body {
	margin: 0;
}
.extra-header {
	width: 100%;
	height: 256px;
	/* background: url('/yasrmzf/new_zwzt/new_zfgb/images/newlog.png') no-repeat center top; */
	min-width: 1200px;
	border-bottom: 2px solid #0068b7;
}
.extra-header .main {
	width: 1000px;
	height: 256px;
	margin: 0 auto;
}
.head-img-box>img {
	margin-right: 38px;
}
body {
	position: relative;
}
.list {
	margin-left: auto;
	margin-right: auto;
}
.list .title {
	width: 1200px;
	height: 84px;
	background-image: url('/yasrmzf/new_zwzt/new_zfgb/images/latest-title.png');
	background-repeat: no-repeat;
}
.list .title p {
	width: 115px;
	position: relative;
	font-size: 28px;
	color: #c30000;
	font-weight: bold;
	top: 20px;
	left: 53px;
}

/* ===== 页面内联样式 ===== */

/* ===== 页面内联样式 (原 zxfb.html <style>) ===== */
.id-body {
    background-color: white;
}
.top-icon {float:right;}
.top-icon img{ vertical-align:initial;}
.id-ss-box .border1 {
    font-size: 18px;
    line-height: 30px;
    width: 3px;
    float: left;
    color: #eeeeee;
}
.news-list li {
    width: 1130px;
    display: table;
    font-size: 18px;
    border-bottom: 1.5px solid #cdd7e0;
}
.news-list li:hover span{
    color: #0068b7;
}
.news-list li:hover a{
    color: #0068b7;
}
.news-list li a {
    width: 1000px;
}
.extra-header {
    border-bottom: 2px solid #0068b7 !important;
}
body {
    background: url("") no-repeat center 0 !important;
}
.layui-container{
    padding-bottom: 30px;
}
.layui-container .news-list{
    min-height: 450px;
}
.extra-header .main {
    width: 735px !important;
}
.news-list li a{
    width: 1300px;
}
.news-list li span {
    float: left;
    min-width: 260px;
    margin-left: 20px;
}
.extra-header {
    background: url("") no-repeat center top !important;
}
.id-foot{
    margin-top: 0px !important;
}

/* ==========================================================================
   响应式适配（平板 / 手机）：规则置于文件末尾，可覆盖前面内联进来的样式
   ========================================================================== */

/* ---------- 断点一：≤1200px，容器流体化 ---------- */
@media (max-width:1200px){
    /* 头部横幅 */
    .extra-header { min-width: 0 !important; height: auto !important; padding: 20px 0; }
    .extra-header .main { width: 100% !important; height: auto !important; padding: 0 12px; box-sizing: border-box; }
    .head-img-box { padding-top: 16px !important; }
    .head-img-box > div {
        height: auto !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    .head-img-box > div > img {
        width: 56px !important;
        height: auto !important;
        margin-right: 12px !important;
    }
    .head-img-box > div > a { display: flex; align-items: center; }
    .head-img-box > div > a > img {
        width: auto !important;
        max-width: 200px !important;
        height: auto !important;
    }
    .head-img-box > img {
        display: block !important;
        width: 100% !important;
        max-width: 520px !important;
        height: auto !important;
        margin: 16px auto 0 !important;
    }

    /* 内容区：容器与右栏占满，内边距收紧 */
    .layui-container { width: 100% !important; padding: 0 12px 30px !important; box-sizing: border-box; }
    .right { width: 100% !important; height: auto !important; float: none !important; }
    .pl35 { padding-left: 16px !important; }
    .pr35 { padding-right: 16px !important; }

    /* 「最新发布」标题横幅：宽度随容器，底图等比缩放 */
    .title {
        width: 100% !important;
        margin-left: 0 !important;
        height: auto !important;
        background-size: 100% 100% !important;
        background-repeat: no-repeat !important;
    }
    .title > div {
        margin-left: 0 !important;
        padding: 14px 0 14px 20px !important;
        font-size: 22px !important;
    }

    /* 列表：占满整行 */
    .news-list li { width: 100% !important; }
    .news-list li a { width: auto !important; max-width: 100% !important; }
    .layui-container .news-list { min-height: 0 !important; }
}

@media (max-width:992px){
    .head-img-box > div > a > img {
        max-width: 300px !important;
    }
    .head-img-box {
        padding-top: 0px !important;
    }
}

/* ---------- 断点二：≤768px，手机端 ---------- */
@media (max-width:768px){
    .extra-header { padding: 14px 0; }
    .head-img-box { padding-top: 0px !important; }
    .head-img-box > div > img { width: 48px !important; margin-right: 10px !important; }
    .head-img-box > div > a > img { max-width: 170px !important; }
    .head-img-box > img { max-width: 440px !important; }

    .layui-container { padding: 0 12px 20px !important; }
    .pl35 { padding-left: 12px !important; }
    .pr35 { padding-right: 12px !important; }
    .title > div { font-size: 20px !important; padding: 12px 0 12px 16px !important; }

    /* 列表条目：小图标悬浮左上，标题一行省略，日期换行小字显示 */
    .news-list li {
        display: block !important;
        padding: 10px 0 !important;
        overflow: hidden;
    }
    .news-list li img { margin: 0px 0px 0 0 !important; }
    .news-list li a {
        float: none !important;
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        font-size: 15px;
        line-height: 1.6;
    }
    .news-list li span {
        float: none !important;
        display: block !important;
        min-width: 0 !important;
        margin: 4px 0 0 !important;
        font-size: 13px;
    }

    /* 分页 */
    .page { padding: 12px 0 !important; }
    .page ul li a { padding: 2px 7px !important; }
}

/* ---------- 断点三：≤480px，超窄屏 ---------- */
@media (max-width:480px){
    .extra-header { padding: 12px 0; }
    .head-img-box > div > img { width: 44px !important; margin-right: 8px !important; }
    .head-img-box > div > a > img { max-width: 280px !important; }
    .head-img-box > img { max-width: 100% !important; }
    .title > div { font-size: 18px !important; }
    .news-list li a { font-size: 14px; }
    .news-list li span { font-size: 12px; }
}