@font-face {
    font-family: 'Noto Serif SC';
    src: url('../fonts/SourceHanSerifSC-Regular.woff2') format('woff2'),
        url('../fonts/SourceHanSerifSC-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* 二级页公共样式 */
.header .header_right .search_btn,
.header .header_right .main-but {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.subBanner {
    position: relative;
    padding-bottom: 27.16%;
    height: 0;
    overflow: hidden;
    background-size: cover;
}

.gp-bread {
    padding: 20px 0;
    line-height: 1.4;
    background: url("../images/bread-bg.jpg") no-repeat center/100% 100%;
}

.gp-bread img {
    margin-right: 5px;
}

.title_bread {
    position: absolute;
    left: 0;
    bottom: 0.65rem;
    width: 100%;
    z-index: 50;
}

.title_bread .subTitle2 {
    text-align: center;
    font-size: 0.46rem;
}

.sidebar-nav {
    width: 2.6rem;
    overflow: hidden;
}

.sidebar-nav .top-box {
    position: relative;
    width: 100%;
    height: .80rem;
    background: url("../images/aside-top-bg.png") no-repeat center right/95% 100%;
}

.sidebar-nav .top-box::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: .1rem;
    background-color: #fff;

}

.sidebar-nav .sub-nav {
    padding-left: .1rem;
    padding-bottom: .7rem;
    background: url("../images/aside-bg.png") no-repeat 50% 135%, #990000;
}

.sidebar-nav .sub-nav li {
    background-color: #fff5ed;
}

.sidebar-nav .sub-nav li.active>a {
    color: #990000;
}

.sidebar-nav .sub-nav li.active>a::before {
    content: '';
    display: block;
    position: absolute;
    left: -.3rem;
    top: 0;
    width: .1rem;
    height: 100%;
    background-color: #d18e59;
}

.sidebar-nav .sub-nav li .nav-item {
    position: relative;
    display: -ms-flexbox;
    /* IE10+ */
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .25rem 0;
    margin: 0 .2rem;
    padding-left: .2rem;
    border-bottom: 1px solid #e6dac3
}

.sidebar-nav .sub-nav li .gp-second-nav {
    display: none;
    padding: .15rem 0;
    background-color: #faeee3;
}

.sidebar-nav .sub-nav li .gp-second-nav a {
    display: block;
    padding-left: .6rem;
    color: #323232;
    line-height: .4rem;
    transition: all .3s;
}

.sidebar-nav .sub-nav li .gp-second-nav a:hover {
    transform: translateX(.1rem);
    color: #990000;
}

.sidebar-nav .sub-nav li .nav-item .gp-toggles {
    display: -ms-flexbox;
    /* IE10+ */
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding: 10px;
    min-height: 36px;
    box-sizing: border-box;
}

.gp-m-subNav {
    margin-bottom: .2rem;
    display: none;
}

.gp-m-inner-header {
    width: auto;
    height: 0.6rem;
    cursor: pointer;
    line-height: 0.55rem;
    background: #910305;
    height: 100%;
    /* background: -webkit-linear-gradient(left, #910305, #e27475);
    background: -o-linear-gradient(right, #910305, #e27475);
    background: -moz-linear-gradient(right, #910305, #e27475);
    background: linear-gradient(to right, #910305, #e27475); */
}

.gp-m-subNav .gp-m-inner-header-icon {
    float: right;
    width: 0.4rem;
    height: 0.4rem;
    text-align: center;
    color: #fff;
    margin-top: 0.1rem;
    line-height: 0.4rem;
}

.gp-m-inner-header>span {
    height: 0.4rem;
    padding-left: 0.15rem;
    font-size: 0.18rem;
    color: #fff;
}

.gp-subNavm {
    width: 100%;
    overflow: hidden;
    display: none;
    background-color: #fff;
}

.gp-subNavm li {
    position: relative;
}

.gp-subNavm li>a {
    font-size: 14px;
    line-height: 1.4;
    border-bottom: 0.01rem solid #dcdcdc;
    display: block;
    padding: 0.13rem 0.15rem;
    color: #000;
}

.gp-m-toggle {
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    right: 0;
    top: 0.05rem;
    line-height: 0.4rem;
    text-align: center;
}

.gp-subNavm dl {
    display: none;
    background-color: #fff;
}

.gp-subNavm dl dd {
    padding-left: 0.3rem;
    line-height: 0.18rem;
    padding: 0.12rem 0px 0.12rem 0.3rem;
    border-bottom: 0.01rem dotted #e6e6e6;
}

.gp-subNavm li dl dd a {
    font-size: 0.14rem;
    font-weight: normal;
    display: inline;
    border: none;
    padding: 0px;
}

@media screen and (max-width: 996px) {
    .department-overview {
        flex-direction: column;
    }

    .work-guide .gp-container {
        flex-direction: column;
    }

    .work-laws .gp-container {
        flex-direction: column;
    }

    .gp-m-subNav {
        display: block;
    }
}

.icon-jia2:before {
    color: #323232;
}

.sidebar-nav .icon-down:before {
    content: "";
    display: block;
    width: .16rem;
    height: 2px;
    background-color: #323232;

}

.horizontal-business-column {
    padding: .25rem 0 .1rem;
    background-color: #fff;
    box-shadow: rgba(142, 0, 0, .1) 0px -10px 20px 0px;
}

.horizontal-business-column .gp-container {
    display: -ms-flexbox;
    /* IE10+ */
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.horizontal-business-column .business-column-title {
    margin-right: .8rem;
    width: .7rem;
    height: 1.4rem;
    text-align: center;
    line-height: 0.7rem;
    color: #8e0000;
    writing-mode: vertical-lr;
    background: url("../images/business-column-bg.png") no-repeat center/100% 100%;
}

.horizontal-business-column ul {
    display: -ms-flexbox;
    /* IE10+ */
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    /* IE 专用属性 */
    flex-wrap: wrap;
    align-items: center;
    flex: 1;
}

.horizontal-business-column ul li {
    width: 14.28%;
}

.horizontal-business-column ul li a {
    display: -ms-flexbox;
    /* IE10+ */
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.horizontal-business-column ul li a .text {
    display: block;
    color: #481c1c;
    margin-top: .15rem;
}

.horizontal-business-column ul li a img {
    transition: all .3s ease-in-out;
}

.horizontal-business-column ul li a:hover img {
    transform: scale(1.2);
}

.horizontal-business-column ul li a:hover .text {
    color: #990000;
}

.horizontal-business-column ul li:nth-child(1) a img {
    width: .77rem;
    height: .55rem;
}

.horizontal-business-column ul li:nth-child(2) a img {
    width: .65rem;
    height: .56rem;
}

.horizontal-business-column ul li:nth-child(3) a img {
    width: .69rem;
    height: .55rem;
}

.horizontal-business-column ul li:nth-child(4) a img {
    width: .6rem;
    height: .6rem;
}

.horizontal-business-column ul li:nth-child(5) a img {
    width: .70rem;
    height: .58rem;
}

.horizontal-business-column ul li:nth-child(6) a img {
    width: .79rem;
    height: .60rem;
}

/* 暂时隐藏 */
.horizontal-business-column ul li:nth-child(7) {
    display: none;
}

.horizontal-business-column ul li:nth-child(7) a img {
    width: .79rem;
    height: .60rem;
}

.vertical-business-column {
    /* position: absolute;
    top: .8rem;
    right: 0; */
    flex-shrink: 0;
    height: fit-content;
    padding: .5rem .4rem;
    padding-top: .3rem;
    background: url("../images/business-column-vertical-bg.png") no-repeat center/100% 100%;
}

.vertical-business-column ul li a {
    display: -ms-flexbox;
    /* IE10+ */
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .2rem 0;
    border-bottom: 1px dashed #ebcccc;
}

.vertical-business-column ul li:last-child a {
    border-bottom: none;
}

.vertical-business-column ul li a .text {
    margin-left: .1rem;
    color: #323232;
}

.vertical-business-column ul li a img {
    transition: all .3s ease-in-out;
}

.vertical-business-column ul li a:hover img {
    transform: scale(1.2);
}

.vertical-business-column ul li a:hover .text {
    color: #990000;
}

.vertical-business-column ul li:nth-child(1) a img {
    width: .5rem;
    height: .35rem;
}

.vertical-business-column ul li:nth-child(2) a img {
    width: .43rem;
    height: .37rem;
}

.vertical-business-column ul li:nth-child(3) a img {
    width: .43rem;
    height: .35rem;
}

.vertical-business-column ul li:nth-child(4) a img {
    width: .36rem;
    height: .36rem;
}

.vertical-business-column ul li:nth-child(5) a img {
    width: .44rem;
    height: .38rem;
}

.vertical-business-column ul li:nth-child(6) a img {
    width: .49rem;
    height: .38rem;
}

.share {
    margin-top: .6rem;
}

.share .bdsharebuttonbox {
    display: -ms-flexbox;
    /* IE10+ */
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.share .bdsharebuttonbox>a.bds_weixin {
    background-color: #52af50;
    border-color: #52af50;
}

.share .bdsharebuttonbox>a.bds_tsina {
    background-color: #d81e06;
    border-color: #d81e06;
}

.share .bdsharebuttonbox>a {
    padding-left: 0;
    height: 0.5rem;
    text-indent: 0;
    width: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    background: none;
    font-size: 0.32rem;
    display: inline-block;
    float: none;
    color: #fff;
    flex-shrink: 0;
    transition: all 0.35s ease-out;
    border-radius: 50%;
    margin: 0 .15rem 0 0 !important;
}

.weChatBox {
    width: 2.6rem;
    background-color: #fff;
    border: solid 0.01rem #d8d8d8;
    padding: 0.1rem;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -1.3rem 0 0 -1.4rem;
    z-index: 9998;
    display: none;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.25);
}

.weChatBox .w-title {
    font-size: 0.12rem;
    font-weight: bold;
    padding: 0 0 0.1rem 0;
}

.w-close {
    width: 0.2rem;
    height: 0.2rem;
    line-height: 0.2rem;
    text-align: center;
    font-size: 0.2rem;
    position: absolute;
    right: 0;
    top: 0;
    color: #333;
    cursor: pointer;
}

.qrcode {
    width: 2rem;
    height: 2rem;
    margin: 0.15rem auto;
    background: #ccc;
}

.w-footer {
    font-size: 12px;
    line-height: 1.5;
    color: #757575;
}

#qrodeText {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    visibility: hidden;
}

@media screen and (max-width: 996px) {
    .sidebar-nav {
        display: none;
    }

    .vertical-business-column {
        display: none;
    }

    .horizontal-business-column ul li {
        width: 24.28%;
        margin: .1rem 0;
    }
}

@media screen and (max-width: 650px) {
    .horizontal-business-column ul li {
        width: 33.33%;
    }
}

@media screen and (max-width: 450px) {
    .horizontal-business-column .gp-container {
        flex-direction: column;
        align-items: center;
    }

    .horizontal-business-column .business-column-title {
        margin: 0;
        margin-bottom: .2rem;
        width: fit-content;
        height: fit-content;
        padding: .2rem .4rem;
        writing-mode: horizontal-tb;
        background: none;
    }

    .horizontal-business-column ul li {
        display: -ms-flexbox;
        /* IE10+ */
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        width: 50%;
    }

    .horizontal-business-column ul li a .text {
        text-align: center;
    }

    /* .horizontal-business-column ul li a img {
        width: auto !important;
        height: auto !important;
    } */

    .title_bread {
        bottom: .1rem;
    }

    .title_bread .subTitle2 {
        font-size: 0.32rem;
    }
}


/* 部门概括 */
.department-overview {
    display: -ms-flexbox;
    /* IE10+ */
    display: -webkit-flex;
    display: flex;
    position: relative;
    padding: .4rem 0 .7rem;
}

.department-overview .gp-article {
    margin-left: .5rem;
    flex: 1;
}

.department-overview .gp-article .article-title {
    padding-bottom: .2rem;
    margin-bottom: .4rem;
    color: #323232;
    font-family: 'Noto Serif SC';
    border-bottom: 1px solid #e6e6e6;
}

.department-overview .gp-article .article-title span {
    display: inline-block;
    position: relative;
}

.department-overview .gp-article .article-title span::after {
    content: '';
    position: absolute;
    bottom: -.2rem;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #a10201;
}

.department-overview .gp-article .article-content p {
    color: #323232;
    line-height: 2;
}

/* 通知公告 */
.notice-container {
    /* position: relative; */
    display: flex;
    padding-top: .4rem;
}

.notice-container .notice-list {
    margin-right: .9rem;
    width: 80%;
}

.notice-container .vertical-business-column {
    /* position: absolute;
    right: 0;
    top: .8rem; */

}

.notice-container .notice-list>ul li:nth-child(even) a {
    margin-left: .3rem;
}

.notice-container .notice-list>ul li a {
    display: block;
    position: relative;
    margin-bottom: .2rem;
}

.notice-container .notice-list>ul li a .title {
    padding: .25rem .25rem 0 .5rem;
    height: 1.1rem;
    margin-left: .4rem;
    color: #333;
    box-sizing: border-box;
    background-color: #faf6f2;
}

.notice-container .notice-list>ul li:nth-child(4n+1) a .title,
.notice-container .notice-list>ul li:nth-child(4n+2) a .title {
    background: url("../images/ej-notice-item-bg.png") no-repeat, #faf6f2;
    background-position: 110% 240%;
}

.notice-container .notice-list>ul li a .title span {
    display: block;
    display: -webkit-box;
    /* 旧版弹性盒子模型 */
    -webkit-box-orient: vertical;
    /* 内容垂直排列 */
    -webkit-line-clamp: 2;
    /* 限制显示行数 */
    overflow: hidden;
    /* 隐藏溢出内容 */
    text-overflow: ellipsis;
    /* 添加省略号 */
    transition: all .3s;
}

.notice-container .notice-list>ul li a:hover .title span {
    color: #990000;
    transform: translateX(.1rem);
}

.notice-container .notice-list>ul li a .date {
    position: absolute;
    left: 0;
    top: 10px;
    display: -ms-flexbox;
    /* IE10+ */
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: .8rem;
}

.notice-container .notice-list>ul li a .date .year {
    color: #fff;
    font-family: 'Arial';
    background-color: #f0d2c0;
    padding: 0.06rem 0;
    display: block;
    width: 100%;
    text-align: center;
    border-radius: .1rem .1rem 0 0;
}

.notice-container .notice-list>ul li a .date .month {
    color: #990000;
    font-family: 'Times New Roman';
    background-color: #f5ebe4;
    padding: .12rem 0;
    display: block;
    width: 100%;
    text-align: center;
    border-radius: 0 0 .1rem .1rem;
}

@media screen and (max-width: 996px) {
    .notice-container .notice-list {
        margin: 0;
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .notice-container .notice-list>ul li:nth-child(even) a {
        margin-left: 0;
    }

    .notice-container .notice-list>ul li:nth-child(4n+1) a .title, .notice-container .notice-list>ul li:nth-child(4n+2) a .title {
        background: none;
        background-color: #faf6f2;
    }

    .notice-container .notice-list>ul li:nth-child(odd) a .title {
        background: url("../images/ej-notice-item-bg.png") no-repeat, #faf6f2;
        background-position: 110% 240%;
    }
}

/* 新闻动态 */
.news-container {
    /* position: relative; */
    display: flex;
    padding-top: .6rem;
}

.news-container .news-list {
    margin-right: .9rem;
    width: 80%;
}

.news-container .news-list>ul {
    margin-bottom: .3rem;
}

.news-container .news-list>ul li a {
    display: -ms-flexbox;
    /* IE10+ */
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding: .2rem 0;
    border-bottom: 1px solid #eeeeee;
}

.news-container .news-list>ul li a .img {
    width: 2.54rem;
    flex-shrink: 0;
    margin-right: .25rem;
}

.news-container .news-list>ul li a .right .title {
    color: #333;
    font-weight: normal;
}

.news-container .news-list>ul li a .right .text {
    margin: .2rem 0;
    line-height: 1.5;
    color: #999;
    display: -webkit-box;
    /* 旧版弹性盒子模型 */
    -webkit-box-orient: vertical;
    /* 内容垂直排列 */
    -webkit-line-clamp: 2;
    /* 限制显示行数 */
    overflow: hidden;
    /* 隐藏溢出内容 */
    text-overflow: ellipsis;
    /* 添加省略号 */
}

.news-container .news-list>ul li a .right .date {
    display: -ms-flexbox;
    /* IE10+ */
    display: -webkit-flex;
    display: flex;
    align-items: center;
    color: #ad8f73;
    padding-right: .1rem;
    float: left;
    /* 或 right */
    clear: both;
    width: auto;
    border-radius: .2rem;
    background-color: #fff5ed;
}

.news-container .news-list>ul li a .right .date .month {
    margin-left: 5px;
}

@media screen and (max-width: 996px) {
    .news-container .news-list {
        margin: 0;
        width: 100%;
    }

    .department-overview .gp-article {
        margin-left: 0;
    }
}

@media screen and (max-width: 580px) {
    .news-container .news-list>ul li a {
        flex-direction: column;
    }

    .news-container .news-list>ul li a .img {
        width: 100%;
        margin-bottom: .2rem;
    }
}

/* 新闻详情 */
.news-detail {
    /* position: relative; */
    display: flex;

    padding: .7rem 0 .8rem;
}

.news-detail .news-info {
    margin-right: .9rem;
    width: 80%;
}

.news-detail .news-info .title {
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: .3rem;
}

.news-detail .news-info .date {
    padding: .18rem 0 .4rem;
    color: #999;
    text-align: center;
}

.news-detail .news-info .text-main {
    color: #333;
}

.news-detail .news-info .text-main p {
    text-indent: 2em;
    line-height: 2;
}

.news-detail .news-info .text-main .img-text {
    display: -ms-flexbox;
    /* IE10+ */
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: .3rem 0;
}

.news-detail .news-info .text-main .img-text .img {
    width: 60%;

}

.news-detail .news-info .text-main .img-text span {
    margin-top: .2rem;
    color: #999;
}

@media screen and (max-width: 996px) {
    .news-detail .news-info {
        margin: 0;
        width: 100%;
    }

    .news-detail .news-info .text-main .img-text .img {
        width: 80%;
    }
}

/* 办事指南 */
.work-guide {
    padding: .4rem 0 .25rem;
}

.work-guide .gp-container {
    display: -ms-flexbox;
    /* IE10+ */
    display: -webkit-flex;
    display: flex;
}

.work-guide .guide-list {
    flex: 1;
    margin-left: .5rem;
}

.work-guide .guide-list .guide-title {
    padding-bottom: .2rem;
    margin-bottom: .4rem;
    color: #323232;
    font-family: 'Noto Serif SC';
    border-bottom: 1px solid #e6e6e6;
}

.work-guide .guide-list .guide-title span {
    display: inline-block;
    position: relative;
}

.work-guide .guide-list .guide-title span::after {
    content: '';
    position: absolute;
    bottom: -.2rem;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #a10201;
}

.work-guide .guide-list .guide-content>ul li:nth-child(odd) a {
    margin-right: .3rem;
}

.work-guide .guide-list .guide-content>ul li {
    margin-bottom: .2rem;
}

.work-guide .guide-list .guide-content>ul li a {
    display: -ms-flexbox;
    /* IE10+ */
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding: .2rem .25rem .45rem;
    background: url('../images/guide-item-bg.png') no-repeat center/cover;
}

.work-guide .guide-list .guide-content>ul li a .guide-text {
    margin-left: .15rem;
    transition: all .3s;
}

.work-guide .guide-list .guide-content>ul li a:hover .guide-text {
    transform: translateX(.1rem);
}

@media screen and (max-width: 996px) {
    .work-guide .guide-list {
        margin: 0;
    }
}

@media screen and (max-width: 768px) {
    .work-guide .guide-list .guide-content>ul li:nth-child(odd) a {
        margin-right: 0;
    }
}

/* 法律法规 */
.work-laws {
    padding: .4rem 0 .25rem;
}

.work-laws .gp-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.work-laws .laws-list {
    flex: 1;
    margin-left: .5rem;
}

.work-laws .laws-list .laws-content>ul {
    margin-bottom: .3rem;
}

.work-laws .laws-list .laws-title {
    padding-bottom: .2rem;
    margin-bottom: .4rem;
    color: #323232;
    font-family: 'Noto Serif SC';
    border-bottom: 1px solid #e6e6e6;
}

.work-laws .laws-list .laws-title span {
    display: inline-block;
    position: relative;
}

.work-laws .laws-list .laws-title span::after {
    content: '';
    position: absolute;
    bottom: -.2rem;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #a10201;
}

.work-laws .laws-list .laws-content>ul li a {
    display: flex;
    align-items: center;
    padding: .2rem 0;
    border-bottom: 1px dashed #f2dcc2;
}

.work-laws .laws-list .laws-content>ul li a .laws-text {
    margin-left: .15rem;
    transition: all .3s;
}

.work-laws .laws-list .laws-content>ul li a:hover .laws-text {
    transform: translateX(.1rem);
}

@media screen and (max-width: 996px) {
    .work-laws .laws-list {
        margin-left: 0rem;
    }
}