/* style.css 文件较多，本文件路径是r/cms/www/red/css/style.css */
html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img {
    margin: 0;
    padding: 0;
}

body {
    min-width: 1200px;
}

html,
body,
body * {
    box-sizing: border-box;
}

img {
    vertical-align: middle;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

body {
    font: 12px/1.5 "微软雅黑";
}

.clear {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    clear: both;
}

.orange {
    color: #ff9e01 !important;
}

input,
button,
textarea {
    outline: none;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 10px;
    margin-top: 10px;
    margin-bottom: 15px;
    background-color: #fff;

}

.header {
    width: 100%;
    background: url(../images/bg.gif) no-repeat center top;
    /* background-size: 100% 100%; */
    overflow: hidden;
}

.h-banner {
    width: 1200px;
    height: 230px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.h-banner .fl,
.h-banner .fr {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;

}

.search {
    position: absolute;
    right: 10px;
    top: 22px;
}

.search input {
    float: left;
}

.search .word {
    background: url(../images/icon/icon_search.png) #fff 5px 10px no-repeat;
    width: 250px;
    padding-left: 40px;
    border: 1px #e5e5e5 solid;
    height: 40px;
    line-height: 40px;
    color: #999;
    float: left;
    font-size: 15px;
    transition: all 0.3s;

}

.search .submit {
    width: 70px;
    height: 40px;
    float: left;
    line-height: 27px;
    text-align: center;
    background: #3e88e4;
    color: #fff;
    cursor: pointer;
    border: none;
    padding: 0;
    transition: all 0.3s;
}

.search .submit:hover {
    background-color: #ff9e01;
}

.search .word:focus {
    border: 2px solid #01479d;
    border-right: 0;
}

.h-nav {
    width: 100%;
    height: 55px;
    background-color: #3e88e4;
}

.h-nav ul {
    width: 1200px;
    margin: 0 auto;
    height: 55px;
    display: flex;
}

.h-nav ul li {
    flex: 1;
}

.h-nav ul li a {
    display: block;
    width: 100%;
    line-height: 55px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 19px;
}

.h-nav ul li .active {
    background-color: #ff9e01;
}

.h-nav ul li a:hover {
    background-color: #ff9e01;
}


.links {
    position: fixed;
    top: 60%;
    transform: translateY(-45%);
    right: 10px;
    transition: .5s all;
}

.links li {
    width: 80px;
    height: 85px;
    margin-bottom: 5px;
    background-color: #fff;
    position: relative;
    cursor: pointer;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    transition: .5s all;
}

.links li:hover {
    box-shadow: 0 0.25rem 1.25rem rgba(62, 151, 223, .3);
}

.links li a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: flex-end;
}

.links li:nth-child(2) {
    background: #fff 15px 10px url(../images/icon/ic-fuwutubiao.png) no-repeat;
    background-size: 45px 45px;
}

.links li:nth-child(3) {
    background: #fff 15px 10px url(../images/icon/ic-zhengce.png) no-repeat;
    background-size: 45px 45px;
}

.links li:nth-child(4) {
    background: #fff 15px 10px url(../images/icon/ic-QQ.png) no-repeat;
    background-size: 45px 45px;
}

.links li:nth-child(5) {
    background: #fff 15px 10px url(../images/icon/ic-weixin.png) no-repeat;
    background-size: 45px 45px;
}

.links li:nth-child(6) {
    background: #fff 15px 10px url(../images/icon/ic-yiwen.png) no-repeat;
    background-size: 45px 45px;
}

.links li:nth-child(1) {
    background: #fff 10px 10px url(/u/cms/www/202507/09160457hibe.png) no-repeat;
    background-size: 60px;
    text-align: center;
    line-height: 15px;
    height: 95px;
}

.links li a span {
    margin: 0px auto 5px auto;
    text-align: center;
    line-height: 120%;
}

.links li img {
    display: inline-block;
    position: absolute;
    width: 0px;
    transition: all 0.5s;
    right: 80px;
    bottom: 0;
}

.links li:hover img {
    width: 100px;
}

/*主任信箱*/
.infolist-main form#guestbookForm table tr td {
    padding: 5px 12px;
}

.infolist-main form#guestbookForm table tr td input {
    padding: 6px 4px;
    border: 1px #ccc solid;
    width: 200px;
}

.infolist-main form#guestbookForm table tr td textarea {
    border: 1px #ccc solid;
}

.infolist-main form#guestbookForm table tr td select {
    border: 1px #ccc solid;
    padding: 3px 6px;
}

.guestbook_bnt {
    width: 100%;
    height: 50px;
    text-align: center;
    margin-top: 30px;
}

.guestbook_bnt input {
    width: 190px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    background: #1b98f9;
    border: none;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.infolist-main form#guestbookForm table tr td input:focus,
.infolist-main form#guestbookForm table tr td textarea:focus {
    border: 1px solid #0371c6;
    box-shadow: 0 0 5px #a8cdff;
    transition: all ease-in 0.3s;
}

.guestbook_bnt input[type="image"]:hover {
    background: #fa8c00;
    transition: all ease-in 0.3s;
}

.infolist-main form#guestbookForm table tr td label.error {
    color: #ff0000;
    margin-left: 6px;
    margin-top: -10px;
}

/*留言回复*/
.infolist-main .gb-dl {
    padding-bottom: 15px;
    border-bottom: 1px #e7e7e7 dotted;
}

.infolist-main .gb-dl .gb-dl-tit {
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 6px;
}

.infolist-main .gb-dl .gb-dl-tit span {
    color: #ff0000;
    margin-right: 6px;
    font-size: 14px;
}

.infolist-main .gb-dl .gb-photo {
    margin-right: 10px;
}

.infolist-main .gb-dl .gb-time {
    margin-bottom: 6px;
}

.infolist-main .gb-dl .gb-time,
.infolist-main .gb-dl .gb-txt {
    width: 745px;
    float: left;
    color: #666;
}

.infolist-main .gb-dl .gb-txt {
    line-height: 24px;
    color: #333;
    margin-bottom: 15px;
    padding: 10px;
    border: 1px #d3efff solid;
    min-width: 500px;
    max-width: 725px;
    background: #f2faff;
    border-radius: 4px;
}

.infolist-main .gb-dl .gb-txt span.gb-jt {
    width: 23px;
    height: 17px;
    background: url(../images/icon-gb-jt.png) 0 0 no-repeat;
    float: left;
    margin-top: -28px;
    z-index: 10;
    position: absolute;
}

.infolist-main .gb-dl .gb-txt em {
    font-weight: 600;
    color: #333;
    font-size: 14px;
}

.infolist-main .gb-dl .relpy {
    padding: 10px;
    min-width: 500px;
    max-width: 725px;
    background: #fffbf6;
    border: 1px #ffe5c5 solid;
    border-radius: 4px;
}

.infolist-main .gb-dl .relpy_txt {
    float: right;
    width: 700px;
    text-align: right;
    height: 35px;
    line-height: 35px;
}

.content {
    padding: 20px 10px;
}

.content p,
.content span,
.content a,
,
.content font {
    line-height: 200% !important;
    font-size: 16px !important;
    font-family: "Microsoft Yahei Font", "微软雅黑" !important;
}

.content p {
    line-height: 180%;
    font-size: 16px;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.content table {
    width: 90% !important;
    border: 1px solid #333 !important;
    height: auto;
    margin: 15px auto;
}


.footer {
    width: 100%;
    border-top: 1px solid #c1cae0;
    background-color: #f5f5f5;
}

.footer .w1200 {
    display: flex;
    justify-content: space-between;
    padding: 15px 25px;
    background-color: #f5f5f5;
    margin-bottom: 0;
}

.footer .w1200 p {
    font-size: 15px;
    line-height: 24px;
    color: #333;
}

.footer .w1200 div:nth-child(1) {
    line-height: 107px;
}

.footer .w1200 img:nth-child(1) {
    vertical-align: middle;
}


/* -----------------老年模式------------------ */
/* -----------------老年模式------------------ */
/* 适老化改造 */
.wza-box{margin-top: 35px; float: right; min-width: 200px;}
.wza-box a{ display: block;float: right;height: 38px;line-height:38px;padding: 0 16px;font-size: 18px;letter-spacing: 0.32px; }
.wza-box a.wza{ background: #fff;color: #F76B00; border: 1px solid #FC740D; border-radius: 2px 0px 0px 2px;}
.wza-box a.oldman{ background:#F79600;color: #fff;border: 1px solid #F79600;border-radius: 0px 2px 2px 0px; }

/*  */
.oldModel *{font-size: 28px!important;}

.oldModel .footer .w1200 p{line-height: 2;}


.oldModel .wza-box {
    width: 350px;
}

.oldModel .search {
    top: 55px;
}

.oldModel .Toptit {
    height: 100px;
}

.oldModel .weizhi {
    font-size: 28px;
}

.oldModel .dianhua {
    height: 130px !important;
    font-size: 28px;
    text-align: center;
}

.oldModel .module1 .fl {
    width: 100%;
    height: 680px;
}

.oldModel .module1 .fr {
    width: 100%;
    margin-top: 20px;
    height: 500px;
}

.oldModel .module1 .fr .news li {
    width: 100%;
    margin-top: 10px;
    padding: 5px 12px 5px;
}

.oldModel .module2 a {
    display: flex;
    align-items: center;
    height: 100px;
    line-height: 130%;
}

.oldModel .module3 .tab-item-list li span {
    width: 180px;
    text-align: right;
}

.oldModel .module3 .tab-item-list li a,
.oldModel .module3 .tab-content-item .fl li {
    line-height: 65px;
    padding: 0 15px;
}

.oldModel .module3 .tab-item-list .more {
    line-height: 60px;
    width: 100%;
    font-size: 28px;
}

.oldModel .module4 a {
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    line-height: 130%;
}

.oldModel .link select {
    font-size: 26px;
    width: 252px;
}

.oldModel .channel_wrap .channel_list li a {
    line-height: 55px;
    width: calc(100% - 170px)
}

.oldModel .pages-list a {
    width: calc(100% - 200px)
}

.oldModel .list>ul>li a[class=title] {
    line-height: 65px;
    height: 65px;
}

.oldModel .content_wrap h2 {
    font-size: 58px;
    line-height: 120%;
}

.oldModel .links li {
    width: 160px;
    height: 100px;
    font-size: 25px;
    background-position: center 10px;
}

.oldModel .infolist-main form#guestbookForm table tr td input,
.oldModel .infolist-main form#guestbookForm table tr td select {
    width: 90% !important;
    font-size: 28px !important;
}


.oldModel .Toptit>p>a,
.oldModel .footer .w1200 p,
.oldModel .infolist-main .gb-dl .gb-txt,
.oldModel .search .word {
    font-size: 28px;
    line-height: 160%;
}
.oldModel .wza-box a{
    font-size: 28px !important;
    line-height: 38px !important;
    padding: 0 !important
}

.oldModel .h-nav ul li a,
.oldModel .search .submit,
.oldModel .banner .list li p,
.oldModel .module1 .fr .title a,
.oldModel .module1 .fr .news li a,
.oldModel .module1 .fr .news li span,
.oldModel .module2 a,
.oldModel .module3 .tab-title a,
.oldModel .module3 .tab-title span,
.oldModel .module3 .tab-content-item .fl li,
.oldModel .module3 .tab-item-list li a,
.oldModel .module3 .tab-item-list li span,
.oldModel .module5 a span,
.oldModel .link,
.oldModel .channel_wrap .fl h2,
.oldModel .list>ul>li a[class=title],
.oldModel .channel_wrap .fl ul li a,
.oldModel .channel_wrap .title p,
.oldModel .channel_wrap .channel_list li a,
.oldModel .channel_wrap .channel_list li span,
.oldModel .channel_wrap .page_wrap,
.oldModel .content-attr,
.oldModel .Toptit>a,
.oldModel .pages-list span,
.oldModel .pages-list a,
.oldModel .pages-list .prevpage,
.oldModel .pages-list .nextpage,
.oldModel .infolist-main form#guestbookForm table tr td,
.oldModel .guestbook_bnt input,
.oldModel .infolist-main .gb-dl .gb-dl-tit span,
.oldModel .infolist-main .gb-dl .gb-dl-tit,
.oldModel .infolist-main .gb-dl .gb-time,
.oldModel .infolist-main .gb-dl .gb-txt,
.oldModel .infolist-main .gb-dl .gb-txt em,
.oldModel .infolist-main .gb-dl .relpy,
.oldModel .infolist-main .gb-dl .relpy_txt,
.oldModel .channel_wrap .page_wrap>select,
.oldModel .content,
.oldModel .content p,
.oldModel .content span,
.oldModel .content a,
.oldModel .content font {
    font-size: 28px !important;
}

.oldModel .la-widget {
    display: none;
}

.oldModel .h-nav ul{
    width: 100% !important;
}