/* 会史频道页 */
.content {
    width: 100%;
    height: auto;
    padding-top: .2083rem;
}

.position {
    width: 100%;
    height: .1563rem;
    padding-left: .2083rem;
    background: url(../images/position.png) left center / auto 100% no-repeat;
}

.position span,
.position a {
    font-size: .0938rem;
    line-height: .1563rem;
}

.position a {
    display: inline-block;
    position: relative;
    padding-right: .1563rem;
    color: #999;
}

.position a.current {
    color: #333;
}

.position a::after {
    position: absolute;
    right: .0521rem;
    top: 0;
    content: '>';
    font-size: .1042rem;
    line-height: .1563rem;
}

.position a:last-child::after {
    display: none;
}

.position a:hover {
    color: #bf000a;
}

.his_nav1 {
    position: relative;
    width: 100%;
    height: .3333rem;
    overflow: hidden;
}

.his_nav1 a {
    display: block;
    height: 100%;
    margin: 0 auto;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    transition: transform .5s .2s;
}

.his_nav1 a:hover {
    transform: scale(1.1);
}

.his1 .his_nav1::before,
.his1 .his_nav1::after {
    width: 2.9688rem;
}

.his_nav1.hover::before {
    transform: translateY(-50%) translateX(-0.1042rem);
}

.his_nav1.hover::after {
    transform: translateY(-50%) translateX(.1042rem);
}

.his_nav1::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: '';
    height: .1719rem;
    background: url(../images/channel_arrow_L.png) right center / auto 100% no-repeat;
    transition: transform .3s;
}

.his_nav1::after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    content: '';
    height: .1719rem;
    background: url(../images/channel_arrow_R.png) left center / auto 100% no-repeat;
    transition: transform .3s;
}

.his1 .his_nav1 a {
    width: 1.1458rem;
    background-image: url(../images/his1_nav.png);
}

.his1 {
    margin-top: .2083rem;
}

.his1 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.his1 li {
    width: 48%;
    padding: .2604rem .1563rem .1042rem .1042rem;
    border-bottom: .0052rem dashed #e1e1e1;
    transition: transform .5s;
}

.his1 li:hover {
    border-bottom: .0052rem dashed #bf000a;
}

.his1 li:hover h3 {
    color: #bf000a;
    transform: translateY(-0.026rem);
}

.his1 li:hover p {

    transform: translateY(-0.026rem);
}

.his1 li h3 {
    font-size: .1042rem;
    line-height: .1667rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color, transform .5s;
}

.his1 li p {
    display: -webkit-box;
    width: 100%;
    margin-top: .1042rem;
    font-size: .0833rem;
    line-height: .1667rem;
    color: #888888;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color, transform .5s;
}

.his2 {
    position: relative;
    width: 100%;
    height: .8333rem;
    background: url(../images/his2.png) center center / 100% auto repeat-y;
    margin-top: .3646rem;
    text-align: center;
    animation: history 10s linear 0s infinite forwards;
    animation-play-state: paused;
}

.his2::after {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: .0052rem dashed #e2e2e2;
    border-radius: .0521rem;
    width: calc(100% - .1563rem);
    height: calc(100% - .1563rem);

}

.his2:hover {
    animation-play-state: running;
}

@keyframes history {
    0% {
        background-position: center 0;
    }

    100% {
        background-position: center 1.6979rem;
    }
}

.his2 a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 1.875rem;
    height: .3125rem;
    background: url(../images/his2_word.png) center center / 100% auto no-repeat;
    z-index: 10;
    transition: transform .5s;
}

.his2 a:hover {
    transform: translate(-50%, -50%) scale(1.1);
}

.his2::before {
    position: absolute;
    right: 32%;
    top: 50%;
    content: '';
    transform: translateY(-50%);
    width: .2083rem;
    height: .2083rem;
    margin-left: .1042rem;
    background: url(../images/history_go.png) center center/100% auto no-repeat;
}

.his3 {
    margin-top: .3646rem;
}

.his3 .his_nav1::before,
.his3 .his_nav1::after {
    width: 3.125rem;
}

.his3 .his_nav1 a {
    width: .8854rem;
    background-image: url(../images/his3_nav_a.png);
}

.his3_swiperBox {
    position: relative;
    width: 100%;
    height: 2.2917rem;
    background: url(../images/his3_swiper.png) center center/95% auto no-repeat;
    padding: 0 .4427rem 0 .5729rem;
}

#his3_swiper {
    width: 100%;
    height: 100%;
}


#his3_swiper .swiper-slide {
    width: .1042rem !important;
    height: .1042rem;
    margin-right: .5469rem;
    background-color: #bf000a;
    border-radius: 100%;
}

#his3_swiper .swiper-slide.hidden .box {
    visibility: hidden;
    opacity: 0;
}

#his3_swiper .swiper-wrapper {

    align-items: center;
}

#his3_swiper .swiper-slide::before {
    display: block;
    position: relative;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40%;
    height: 40%;
    background-color: #fff;
    border-radius: 100%;
}

#his3_swiper .swiper-slide:hover {}

#his3_swiper .swiper-slide .box {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: .0521rem;
    width: 1.25rem;
    height: .8333rem;
    padding: .0521rem 0 0 .1042rem;
    border-left: .0156rem solid #bf000a;
    transition: .3s;
}

#his3_swiper .swiper-slide .box p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    width: 100%;
    flex: 1;
    overflow: hidden;
    font-size: .0729rem;
    line-height: 1.6;
}

#his3_swiper .swiper-slide .box h3 {
    margin-bottom: .0521rem;
    font-size: .125rem;
    line-height: .1458rem;
    font-style: italic;
    color: #bf000a;
}

/* #his3_swiper .swiper-slide .box a {
    font-size: .1042rem;
    line-height: .1667rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
} */

#his3_swiper .swiper-slide:nth-child(2n + 1) .box {
    bottom: .125rem;
}

#his3_swiper .swiper-slide:nth-child(2n) .box {
    top: .125rem;
}

#his3_swiperLBtn,
#his3_swiperRBtn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .2083rem;
    height: .2083rem;
    border-radius: 100%;
    cursor: pointer;
    transition: all .5s;
}

#his3_swiperLBtn.end,
#his3_swiperRBtn.end {
    opacity: .4;
}

#his3_swiperLBtn {
    left: -0.1042rem;
    background: url(../images/his3_swiperLBtn.png) center center / 100% auto no-repeat;
}

#his3_swiperRBtn {
    right: -0.1042rem;
    background: url(../images/his3_swiperRBtn.png) center center / 100% auto no-repeat;
}

#his3_swiper .swiper-button-prev,
#his3_swiper .swiper-button-next {
    display: none;
}

.his4 {
    width: 100%;
    margin-top: .2083rem;
    margin-bottom: .4167rem;
}

.his4 .his_nav1::before,
.his4 .his_nav1::after {
    width: 3.125rem;
}

.his4 .his_nav1 a {
    width: .8854rem;
    background-image: url(../images/his4_a.png);
}

.his4 .his4_box {
    width: 100%;
    height: 2.6042rem;
    padding-top: .25rem;
    display: flex;
    justify-content: space-between;
}

.his4_box a {
    display: block;
    width: 3.5938rem;
    height: 2.3438rem;
}

.his4_box a img {
    position: relative;
    display: block;
    width: 100%;
    height: 2.0313rem;
}

.his4_box a p {
    width: 100%;
    height: .3125rem;
    background-color: #f3f3f3;
    font-size: .1042rem;
    line-height: .3125rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
}

.his4_box a img::before {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: .2604rem;
    height: .1823rem;
    background: url(../images/his_play.png) center center / 100% auto no-repeat;
}


/* 民进领导 */
.secendList {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: .2083rem;

    align-items: flex-start
}

.secendNav {
    width: 1.5625rem;
    height: auto;
    padding-bottom: .2083rem;
    border-left: .026rem solid #bf000a;
    border-right: 1px solid #ececec;
}

.secendNav a {
    display: block;
    width: 100%;
    height: 100%;
}

.secendNav li:nth-child(1) {
    font-family: "楷体";
    width: 100%;
    height: .5208rem;
    font-size: .1823rem;
    /* font-weight: 800; */
    line-height: .5208rem;
    text-align: center;
    padding-left: 0;
}

.secendNav li {
    width: 100%;
    padding-left: .1042rem;
    border-bottom: .0052rem solid #e2e2e2;
    font-size: .1042rem;
    line-height: .3125rem;
}

.secendNav li:nth-child(1) i {
    display: inline-block;
    width: .3125rem;
    height: 100%;
    margin-right: .0781rem;
    background: url(../images/secend_i.png) center center / .3125rem auto no-repeat;
    color: #fff;
}

.secendNav li:nth-child(n + 2) {
    position: relative;
    background: linear-gradient(to right, #ececec 0%, #fff 100%) -15% center/15% 100% no-repeat, linear-gradient(to right, #fff 0%, #ececec 100%) 130% center/30% 100% no-repeat;
    overflow: hidden;
    transition: background .5s;
}

.secendNav li:nth-child(n + 2)::after {
    position: absolute;
    right: -0.1563rem;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    width: .1563rem;
    height: .0938rem;
    background: url(../images/arrow2.png) center center/ auto .0938rem no-repeat;
    transition: right .3s;
}

.secendNav.mjgk li:nth-child(5),
.secendNav.mjgk li:nth-child(2) {
    /* padding-left: 0 !important; */
    line-height: .3125rem;
    font-size: .1146rem;
    /* font-family: "楷体"; */
    /* text-align: center; */
    background: none;
    background-color: #f7f7f7;

}

.secendNav.mjgk li:nth-child(2)::before,
.secendNav.mjgk li:nth-child(5)::before {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    content: '';
    width: .0521rem;
    height: .0521rem;
    border-left: .0052rem solid #818181;
    border-bottom: .0052rem solid #818181;
}

.secendNav.mjgk li:nth-child(5):hover,
.secendNav.mjgk li:nth-child(2):hover,
.secendNav.mjgk li:nth-child(1):hover {
    font-weight: 400 !important;
}

.secendNav.mjgk li:nth-child(5):hover::after,
.secendNav.mjgk li:nth-child(2):hover::after {
    display: none;
}

.secendNav.mjgk li:nth-child(5):hover,
.secendNav.mjgk li:nth-child(2):hover {

    color: #333 !important;
}

.secendNav li:nth-child(n + 2):hover::after,
.secendNav li:nth-child(n + 2).hover::after {
    right: .1042rem;
}

.secendNav li:nth-child(n + 2):hover,
.secendNav li:nth-child(n + 2).hover {
    font-weight: 800;
    background-position: left center, right center;
}

.secendContent {
    width: 5.7292rem;
    min-height: 4.4271rem;
}

.secendChannel {
    width: 100%;
    height: .3125rem;
    border-bottom: .0052rem solid #e9e9e9;
}

.secendChannel span {
    display: inline-block;
    height: 100%;
    font-size: .1667rem;
    color: #bf000a;
    border-bottom: .0052rem solid #bf000a;
}

.secendContent .leaderList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;


}

.secendContent .leaderList li {
    width: 1.0417rem;
    height: 1.3542rem;
    margin-bottom: .2604rem;
}

.secendContent .leaderList li a {
    display: block;
    width: 1.0417rem;
    height: 1.3542rem;
    margin: 0 auto;
}

.leaderList img {
    display: block;
    width: .7813rem;
    height: 1.0417rem;
    margin: 0 auto;
}

.leaderList p {
    width: 100%;
    height: .3125rem;
    font-size: .0938rem;
    text-align: center;
    line-height: .3125rem;
}

.leaderList li:nth-child(1),
.leaderList li:nth-child(2),
.leaderList li:nth-child(6) {
    width: 100%;
    margin: 0 auto .2604rem;
}

/* 二级导航 内容直接展示 */
.secendContentBox {
    width: 100%;
    padding: .3646rem 0 .5208rem;
}

.secendart p {
    font-size: .0938rem;
    line-height: 2;
    margin-bottom: .1563rem;
    text-indent: 2em;
}

/* 荣誉成绩 */
.secend_honor {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.secend_honor li .img {
    width: 100%;
    height: 100%;
}

.secend_honor li .img img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    object-fit: contain;
}

.secendContent .th_link {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.secendContent .th_link a {
    position: relative;
    display: block;
    width: 48%;
    height: .3125rem;
    text-align: center;
    font-size: .1042rem;
    line-height: .3125rem;
    background-color: #f8f7f5;
}

.secendContent .th_link a.hover {
    background: #fee8d1;
    font-weight: 800;
}

.secendContent .th_link a.hover::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 100%);
    content: '';
    border-top: 10px solid #fee8d1;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    z-index: 10;
}

.secendContent .th_link a.hover {
    color: #bf000a;
}

.secend_honor li {
    position: relative;
    width: 1.224rem;
    height: .9375rem;
    margin-right: .2448rem;
    margin-bottom: .2448rem;
}

.secend_honor li::after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    transition: .5s;
}

.secend_honor li:hover::after {
    visibility: visible;
    opacity: 1;
}

.secend_honor li::before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(.5);
    content: '';
    width: .3385rem;
    height: .3385rem;
    background: url(../images/bigger.png) center center / 100% auto no-repeat;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    transition: .5s;
}

.secend_honor li:hover::before {
    transform: translate(-50%, -50%) scale(1);
    visibility: visible;
    opacity: 1;
}

.secend_honor li:nth-child(4n) {
    margin-right: 0;
}

.honor_big {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    opacity: 0;
    z-index: 999;
}

.honor_big.hover {
    visibility: visible;
    opacity: 1;
}

.honor_big .img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min-content;
    padding: .1042rem;
    border-radius: .1042rem;
    background-color: #fff;
    overflow: visible !important;
}

.honor_big .img img {
    width: auto;
    height: 70vh;
}

.honor_big .img span {
    display: block;
    font-size: .1667rem;
    width: 100%;
    white-space: wrap;
    margin-top: .1042rem;
    text-align: center;
}

.honor_big_close {
    position: absolute;
    right: -0.2083rem;
    top: -0.3125rem;
    width: .3125rem;
    height: .3125rem;
    border-radius: 100%;
    background-color: #262626;
    color: #fff;
    font-size: .1563rem;
    line-height: .2083rem;
    text-align: center;
    cursor: pointer;
}

.honor_big_Btn {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    width: .4167rem;
    height: .4167rem;
    background: rgba(0, 0, 0, .2);
    border-radius: 100%;
    padding: .1042rem;
    cursor: pointer;
}



.honor_big_lBtn {
    left: .2604rem;
}

.honor_big_rBtn {
    right: .2604rem;
}

body.blackcover {
    overflow: hidden;

}

/* 组织机构 */
.secend_ins {
    width: 100%;
    padding: .2083rem .2083rem .5208rem .2604rem;
}

.secend_ins ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;

}

.secend_ins ul li {
    width: 1.4583rem;
    height: .2604rem;
    background-color: #f7f5f5;
    margin-right: .2083rem;
    margin-bottom: .2083rem;
    font-size: .1042rem;
    line-height: .2604rem;
    color: #bf000a;
    text-align: center;
}

.secend_ins ul li:nth-child(3n) {
    margin-right: 0;

}

.secend_ins ul li:hover,
.secend_ins ul li.hover {
    background-color: #bf000a;
    color: #fff;
    font-weight: 800;
}

.secend_ins_art h3 {
    padding-left: .2344rem;
    background: url(../images/secend_ins_logo.png) left center / .1302rem auto no-repeat;
    font-size: .125rem;
    line-height: .1875rem;
    color: #bf000a;
}

/* 通用内容页 */
.channel {
    width: 100%;
    height: .3125rem;
    border-bottom: .0052rem solid #e9e9e9;
    margin-top: .1042rem;
}

.channel span {
    display: inline-block;
    height: 100%;
    font-size: .1667rem;
    color: #bf000a;
    border-bottom: .0052rem solid #bf000a;
}

.artBox {
    width: 100%;
    margin-top: .2083rem;
    border: .0052rem solid #e9e9e9;
    padding: 0 .1563rem;
    margin-bottom: .2083rem;
}

.artBox_title {
    width: 100%;
    height: auto;
    padding-top: .2083rem;

    background: url(../images/artBox_title.png) center bottom / 100% auto no-repeat;
}

.artBox_title h1 {
    font-size: .1667rem;
    line-height: 2;
    text-align: center;
}

.artInfo {
    display: flex;
    justify-content: center;
}

.artInfo p {
    font-size: .0938rem;
    line-height: .3125rem;
    color: #777;
}

.artInfo p:first-child span:last-child {
    margin-right: .1042rem;
}

.art_content {
    width: 100%;
    padding: .2083rem 0;
}

.art_content p>img {
    display: block;
    width: 3.6458rem;
    /* height: 2.3438rem; */
    margin: 0 auto;
    object-fit: contain;
}

.art_content p {
    font-size: .0938rem;
    line-height: 2;
    margin-bottom: .1042rem;
    color: #222;
}

/* 通用列表页 */
.artList_comList li {
    padding: .1563rem 0;
    border-bottom: .0052rem dashed #f9eedd;
}

.artList_comList li a {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.artList_comList li .listTIme {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: .3646rem;
    height: .3125rem;
    background-color: #fff5e4;
    box-shadow: 0 .026rem 0 0 #ffe6bc;
    border-radius: .0521rem;
    color: #bf000a;
    text-align: center;
}

.artList_comList li .listTIme span {
    display: block;
}

.artList_comList li .listTIme span:nth-child(1) {
    font-size: .1458rem;
    line-height: 1.2;
}

.artList_comList li .listTIme span:nth-child(2) {
    font-size: .0729rem;
    line-height: 1.5;
}

.artList_comList li p {
    width: calc(100% - .5208rem);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .1042rem;
    line-height: 1.5;
    transition: color, transform 0.5s;
}

.artList_comList li:hover p {
    color: #bf000a;
    font-weight: 800;
    transform: translateY(-0.0521rem);
}

.artList_comList li:hover {
    border-color: #ffbf50;
}

/* 通用列表——带图展示 */
.artList_picList {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: .1042rem;
    padding-top: .2083rem;
}

.artList_picList li {
    position: relative;
    width: 1.7448rem;
    border: .0052rem solid #ededed;
    transition: all .5s;
}

.artList_picList li .img {
    width: 100%;
    height: 1.25rem;
}

.img {
    overflow: hidden;
}

.img img {
    width: 100%;
    height: 100%;
    transition: .5s;
}

.artList_picList li .listTIme_pic {
    position: absolute;
    right: .1042rem;
    top: 1.1198rem;
    width: .625rem;
    height: .2083rem;
    background: url(../images/artList_picList_time.png) center center/100% auto no-repeat;
    font-size: .0938rem;
    color: #fff;
    line-height: .2083rem;
    text-align: center;
    /* transform: skewX(-20deg); */
}

.artList_picList li .p {
    width: 100%;
    height: .5729rem;
    padding: .1302rem .1042rem;
}

.artList_picList li .p p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .1042rem;
    color: #333;
    line-height: .1563rem;
}

.artList_picList li:hover {
    box-shadow: 0 .0104rem .0521rem .0104rem #f3f3f3;
}

.artList_picList li:hover p {
    color: #bf000a;
}

/* 组织建设 */

.artList2 {
    width: 100%;
    margin-bottom: .2083rem;
}

.artList2 ul {
    width: 100%;
    padding-top: .2083rem;
}

.artList2 ul li:nth-child(5) {
    margin-bottom: .2083rem;
}

.artList2 ul li:nth-child(5)::after {
    position: absolute;
    left: 0;
    bottom: -0.1042rem;
    content: "";
    width: 100%;
    height: .0052rem;
    border-bottom: .0052rem dashed #eece99;

}


.artList2 li {
    position: relative;
    padding-left: .1042rem;
}

.artList2 li:hover p {
    transform: translateX(.0521rem);
    color: #bf000a;
}

.artList2 li::before {
    position: absolute;
    left: 0;
    top: 50%;
    content: '';
    transform: translateY(-50%);
    width: .026rem;
    height: .026rem;
    border-radius: 100%;
    background-color: #cbac7b;
}

.artList2 li a {
    display: flex;
    justify-content: space-between;

}

.artList2 li p {
    width: 90%;
    font-size: .0938rem;
    line-height: .2604rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color, transform .3s;
}

.artList2 li span {
    font-size: .0885rem;
    line-height: .2604rem;
    color: #888888;
}

.artList2 .lookmore {
    display: block;
    width: .9375rem;
    height: .2396rem;
    margin: .2083rem auto 0;
    background-color: #e6e6e6;
    color: #888888;
    font-size: .0885rem;
    line-height: .2396rem;
    text-align: center;

}

/* 双岗建功 */
.artList3 {
    width: 100%;
    padding-top: .2083rem;
}

.artList3 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.artList3 li {
    position: relative;
    width: 48%;
    padding: .1563rem 0rem .1563rem .1042rem;
    border-bottom: .0052rem solid #e6e6e6;
}

.artList3 li:hover span {
    transform: translateX(.0521rem);
    color: #bf000a;
}

.artList3 li::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    width: .026rem;
    height: 100%;
    background: url(../images/arrow1.png) left center / auto .2865rem no-repeat;
}

.artList3 li a {
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 100%;
    height: .3125rem;
}

.artList3 li a span {
    font-size: .1042rem;
    line-height: 1.5;
    transition: color, transform .3s;
}

/* 主题学习 */
.artList4 {
    width: 100%;
    padding-top: .2083rem;
}

.artList4 ul {
    display: flex;
    flex-wrap: wrap;

    justify-content: space-between;
}

.artList4 li {
    width: 48%;
    padding: .1042rem .1042rem .1042rem 0;
    box-shadow: 0 .0104rem .0521rem .0104rem #f7f5f5;
    margin-bottom: .2083rem;
    transition: box-shadow .3s;
}

.artList4 li a {
    display: flex;
    width: 100%;
    height: .4167rem;
    align-items: center;
    padding-left: .5208rem;
    background: url(../images/book2.png) .1302rem center / .2344rem auto no-repeat;
    border-bottom-left-radius: .0521rem;
    border-bottom-right-radius: .0521rem;
    overflow: hidden;
}

.artList4 li a span {
    font-size: .1042rem;
    line-height: 2;
}

.artList4 li:hover {
    box-shadow: 0 .0521rem .1042rem .0104rem #d5b8b8;
}

.artList4 li:hover span {
    color: #bf000a;
}

/* 机关建设 */
.artList5 {
    width: 100%;
    padding-top: .2083rem;
}

.artList5 ul {
    width: 100%;
    /* padding-top: .2083rem; */
}

.artList5 ul li:nth-child(5n) {
    margin-bottom: .2083rem;
}

.artList5 ul li:nth-child(5n)::after {
    position: absolute;
    left: 0;
    bottom: -0.1042rem;
    content: "";
    width: 100%;
    height: .0052rem;
    border-bottom: .0052rem dashed #eece99;
}

.artList5 ul li:last-child::after {
    display: none !important;
}

.artList5 li {
    position: relative;
    padding-left: .1042rem;
}

.artList5 li:hover p {
    transform: translateX(.0521rem);
    color: #bf000a;
}

.artList5 li::before {
    position: absolute;
    left: 0;
    top: 50%;
    content: '';
    transform: translateY(-50%);
    width: .026rem;
    height: .026rem;
    border-radius: 100%;
    background-color: #cbac7b;
}

.artList5 li a {
    display: flex;
    justify-content: space-between;

}

.artList5 li p {
    width: 90%;
    font-size: .0938rem;
    line-height: .2604rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color, transform .3s;
}

.artList5 li span {
    font-size: .0885rem;
    line-height: .2604rem;
    color: #888888;
}

.artList5 .lookmore {
    display: block;
    width: .9375rem;
    height: .2396rem;
    margin: .2083rem auto 0;
    background-color: #e6e6e6;
    color: #888888;
    font-size: .0885rem;
    line-height: .2396rem;
    text-align: center;

}

/* 会员风采 */
.paintingList {
    width: 100%;
    margin-top: .2083rem;
    padding-bottom: .5208rem;
}

.paintingList .listTitle {
    display: block;
    width: 100%;
    height: .5208rem;
    background: url(../images/listTitle_bg1.png) 3.0729rem center / auto .5208rem no-repeat;
    margin-bottom: .2083rem;
    font-size: .1458rem;
    line-height: .5208rem;
    font-weight: 800;
    text-align: center;
}

#swiper_painting {
    width: 100%;
    height: 2.5rem;
}

#swiper_painting .swiper-wrapper {
    height: 1.9792rem;
}

#swiper_painting .swiper-slide:nth-child(2n) {
    padding-top: .3125rem;
}

#swiper_painting .swiper-slide a {
    display: block;
    width: 100%;
    height: 1.6667rem;
    padding: .1042rem .1042rem 0;
    border: .0052rem solid #e5e5e5;
    background-color: #fff;
}

#swiper_painting .swiper-slide a .img {
    width: 100%;
    height: 1.1979rem;
    overflow: hidden;
}

#swiper_painting .swiper-slide a .img img {
    width: 100%;
    height: 100%;
    transition: .4s;
}

#swiper_painting .swiper-slide a p {
    width: 100%;
    font-size: .0938rem;
    line-height: .3646rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

#swiper_painting .swiper-slide:hover img {
    transform: scale(1.1);
}

#swiper_painting .swiper-slide:hover p {
    color: #bf000a;
}

#swiper_painting>.swiper-pagination-bullets {
    bottom: .2083rem !important;
}

#swiper_painting .swiper-pagination-bullet {
    width: .0521rem;
    height: .0521rem;
    background-color: #ffd5a4;
    opacity: 1;
}

#swiper_painting .swiper-pagination-bullet-active {
    opacity: 1;
    background: #bf000a;
}

.photoList {
    position: relative;
}

.photoList::after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -.3646rem;
    content: '';
    width: 100vw;
    height: 4.0104rem;
    background: url(../images/photoListBox_bg.png) center center repeat;
    z-index: -1;
}

.photoList .listTitle {
    display: block;
    width: 100%;
    height: .5208rem;
    background: url(../images/listTitle_bg1.png) 3.0729rem center / auto .5208rem no-repeat;
    margin-bottom: .2083rem;
    font-size: .1458rem;
    line-height: .5208rem;
    font-weight: 800;
    text-align: center;
}

#photoListBox {
    display: flex;
    position: relative;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
}

#photoListBox a {
    position: relative;
    /* position: absolute; */
    display: block;
    width: 1.0417rem;
    height: 100%;
    transition: width 1s;
    overflow: hidden;
}

#photoListBox a::after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    visibility: visible;
    opacity: 1;
    transition: 1s;
}

#photoListBox a .img,
#photoListBox a img {
    width: 4.375rem;
    height: 100%;
}

#photoListBox a:nth-child(1) {
    /* left: 0; */
    z-index: 3;
}

#photoListBox a:nth-child(2) {
    /* left: 1.0417rem; */
    z-index: 6;
}

#photoListBox a:nth-child(3) {
    /* left: 2.0833rem; */
    z-index: 9;
}

#photoListBox a:nth-child(4) {
    /* left: 3.125rem; */
    z-index: 12;
}

#photoListBox a.hover::after {
    width: 4.375rem;
    visibility: hidden;
    opacity: 0;
}

#photoListBox a.hover {
    width: 4.375rem;
}

#photoListBox a.hover img {
    animation: photoBiger 10s linear forwards;
}

@keyframes photoBiger {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.2);
    }
}

#photoListBox a .p1 {
    position: absolute;
    left: .1042rem;
    bottom: 0;
    width: .2604rem;
    height: 1.1979rem;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), transparent);
    padding-top: .0833rem;
    color: #fff;
    font-size: .1042rem;
    line-height: .2604rem;
    writing-mode: vertical-lr;
    z-index: 10;
    transition: 1s;
    transform: translateX(0);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#photoListBox a.hover .p1 {
    transform: translateX(-0.5208rem);
}

#photoListBox a .p2 {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: .3646rem;
    left: 0;
    writing-mode: horizontal-tb;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
    text-align: center;
    font-size: .1042rem;
    line-height: .3646rem;
    color: #fff;
    transition: 1s;
    transform: translateY(.3646rem);
}

#photoListBox a.hover .p2 {
    transform: translateY(0);
}

.literatureList {
    position: relative;
    width: 100%;
    margin-top: .5208rem;
    margin-bottom: .5208rem;
}

.literatureList .listTitle {
    display: block;
    width: 100%;
    height: .5208rem;
    background: url(../images/listTitle_bg1.png) 3.0729rem center / auto .5208rem no-repeat;
    margin-bottom: .2083rem;
    font-size: .1458rem;
    line-height: .5208rem;
    font-weight: 800;
    text-align: center;
}

#swiper_literatureList {
    width: 100%;
    height: 1.6667rem;
    padding: .1042rem .026rem;
}

#swiper_literatureList ul {
    display: flex;
    flex-wrap: wrap;

}

#swiper_literatureList li {
    position: relative;
    width: 2.3438rem;
    height: .4167rem;
    box-shadow: -0.0156rem -0.0156rem 0 .0052rem #fdd7d8;
    border-bottom: .0052rem solid #eaeaea;
    border-right: .0052rem solid #eaeaea;
    margin-right: .1302rem;
    padding: 0 .1042rem 0 .3906rem;
    margin-bottom: .1563rem;
    background: #fff url(../images/swiper_literatureList_li.png) .0781rem center / .1875rem auto no-repeat;
    z-index: 1;
}

#swiper_literatureList li:hover {
    background-image: url(../images/swiper_literatureList_li_green.png);
}

#swiper_literatureList li:nth-child(3n) {
    margin-right: 0;
}

/* #swiper_literatureList li i {
    display: block;
    position: absolute;
    left: -0.0156rem;
    top: -0.0156rem;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #fdd7d8;
    z-index: 0;
} */

#swiper_literatureList li a {
    display: block;
    width: 100%;
    font-size: .1042rem;
    line-height: .4167rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 2;
}

#swiper_literatureList .swiper-button-prev,
#swiper_literatureList .swiper-button-next {
    display: none;
}

.swiper_literatureList-prev,
.swiper_literatureList-next {
    position: absolute;
    top: 1.4583rem;
    /* transform: translateY(-50%); */
    width: .2604rem;
    height: .2604rem;
    border-radius: 100%;
    box-shadow: 0 0 .0521rem 0 #e6e6e6;
}

.swiper_literatureList-prev {
    left: -0.5208rem;
    background: url(../images/arrow2_l.png) center center / .0521rem auto no-repeat;
}

.swiper_literatureList-next {
    right: -0.5208rem;
    background: url(../images/arrow2_r.png) center center / .0521rem auto no-repeat;
}

/* 会史工作主题年 */
.theme_body1 {
    background: url(../images/hsgzztn.png) center top / 100% auto no-repeat;
}

.theme_head {
    position: relative;
    width: 100%;
    height: 2.0313rem;
}

.returnSite {
    display: block;
    position: absolute;
    left: 0;
    top: .0521rem;
    width: 1.9792rem;
    height: .3646rem;

}

.theme_body1 .returnSite {
    background: url(../images/returnSite1.png) center center / 100% auto no-repeat;
}

.theme_body1 .theme_head {
    background: url(../images/theme_body1_head.png) center .8333rem / 3.6458rem auto no-repeat;
}

.theme_body1 .content {
    width: 100%;
}

.theme_body1 .content .w {
    background-color: #fff;
}

.theme_body1 .content .theme1_box1>div:first-child {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: .3646rem;
    background: url(../images/zxxx.png) left center / auto 100% no-repeat;
}

.theme1_headline {
    display: block;
    width: 100%;
    height: .625rem;
    background-color: #fff0ed;
    padding: 0 .2083rem;
    margin-top: .2083rem;
}

.theme1_headline h1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .1875rem;
    line-height: .625rem;
}

.theme1_box1 {
    position: relative;
    width: 100%;
    /* height: 3.6458rem; */
    padding: .3646rem .2083rem .2083rem;
    margin-top: .2083rem;
    border: .0052rem solid #ef7f53;
}

.theme1_imgNews {
    display: flex;
    justify-content: space-between;
    margin-top: .2083rem;
}

.theme1_imgNews a {
    position: relative;
    display: block;
    width: 3.4375rem;
    height: 2.0833rem;
}

.theme1_imgNews a .img {
    width: 100%;
    height: 100%;
}

.theme1_imgNews a:hover img {
    transform: scale(1.1);
}

.theme1_imgNews p {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: .3646rem;
    padding: 0 .1042rem;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
    font-size: .1042rem;
    font-weight: 800;
    color: #fff;
    line-height: .3646rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.theme2_box2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: .2083rem;
    margin-bottom: .2083rem;
}

.theme2_box2 li {
    width: 3.6458rem;
    padding: .1042rem;
    border: .0052rem solid #ef7f53;
    box-shadow: .026rem .026rem 0 .0052rem #ef7f53;
    margin-bottom: .2344rem;
}

.theme2_box2 li a {
    display: flex;
    justify-content: space-between;
}

.theme2_box2 li .themeList_time1 {
    width: .5208rem;
    height: 100%;
}

.themeList_time1 span {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1.5;
}

.themeList_time1 span:nth-child(1) {
    font-size: .1875rem;

}

.themeList_time1 span:nth-child(2) {
    font-size: .1042rem;

}

.theme2_box2 li .p {
    width: 2.7083rem;
    padding: .1458rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.theme2_box2 li .p span {
    background: linear-gradient(to right, #ef7f53, #ef7f53) left bottom/ 0 .0052rem no-repeat;
    font-size: .1042rem;
    line-height: 1.5;
    transition: color, background-size .5s;

}

.theme2_box2 li:hover .p span {
    background-size: 100% .0104rem;
    color: #ef7f53;
    font-weight: 700;
}

/* 民进成立80周年 */
.theme_body2 {
    background: url(../images/theme_body2.png) center bottom / 100% auto no-repeat;
}

.theme_body2 .theme_head {
    width: 100%;
    height: 3.9844rem;
    background: url(../images/theme_body2_head.png) center center / 100% auto no-repeat;
}

.theme_body2 .returnSite {
    background: url(../images/returnSite1.png) center center / 100% auto no-repeat;
}

.theme2_swiper {
    position: relative;
    width: 100%;
}

#theme2_swiper {
    width: 90%;
    height: 2.9688rem;
    padding: .2083rem 0 0;
    margin: 0 auto;
}

#theme2_swiper a.swiper-slide .img {
    width: 100%;
    height: 2.0833rem;
}

#theme2_swiper a p {
    width: 100%;
    height: .3646rem;
    padding: 0 .1042rem;
    background-color: #fff;
    font-size: .0938rem;
    line-height: .3646rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    box-shadow: .0104rem .0104rem .0521rem .0104rem #f3f3f3;
}

#theme2_swiper a:hover img {
    transform: scale(1.1);
}

#theme2_swiper .swiper-button-prev,
#theme2_swiper .swiper-button-next {
    display: none;
}

.theme2_swiper_prev,
.theme2_swiper_next {
    position: absolute;
    top: 40%;
    /* transform: translateY(-50%); */
    width: .2604rem;
    height: .2604rem;
    cursor: pointer;
}

.theme2_swiper_prev {
    left: 0;
    background: url(../images/theme2_swiper_prev.png) center center / 100% auto no-repeat;
}

.theme2_swiper_next {
    right: 0;
    background: url(../images/theme2_swiper_next.png) center center / 100% auto no-repeat;
}

.theme2_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: .2083rem;
    margin-bottom: .2083rem;
}

.theme2_list li {
    width: 3.6458rem;
    padding: .1042rem;
    border: .0052rem solid #ffeab8;
    box-shadow: .026rem .026rem 0 .0052rem #fff8e8;
    margin-bottom: .2344rem;
    background-color: #fff;
}

.theme2_list li a {
    display: flex;
    justify-content: space-between;
}

.theme2_list li .themeList_time1 {
    width: .5208rem;
    height: 100%;
}

.themeList_time2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.themeList_time2 span {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1.5;
}

.themeList_time2 span:nth-child(1) {
    font-size: .1354rem;
    font-weight: 800;
    color: #c2020f;
}

.themeList_time2 span:nth-child(2) {
    font-size: .0938rem;
    color: #999999;
}

.theme2_list li .p {
    width: 2.7083rem;
    padding: .1458rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.theme2_list li .p span {
    background: linear-gradient(to right, #bf000a, #bf000a) left bottom/ 0 .0052rem no-repeat;
    font-size: .1042rem;
    line-height: 1.5;
    transition: color, background-size .5s;

}

.theme2_list li:hover .p span {
    background-size: 100% .0104rem;
    color: #bf000a;
    font-weight: 700;
}

/* 学规定 强作风 树形象 */
.theme_body3 {
    background: #fffaed url(../images/theme_body3.png) center -1.1458rem / 100% auto no-repeat;
}

.theme_body3 .theme_head {
    width: 100%;
    height: 2.1875rem;
    background: url(../images/theme_body3_head.png) center center / 100% auto no-repeat;
}

.theme_body3 .returnSite {
    background: url(../images/returnSite1.png) center center / 100% auto no-repeat;
}

.theme_body3 .head_help,
.theme_body1 .head_help {
    background-image: url(../images/head_help_white.png);
    color: #fff !important;
}

/* 长者版 */
.older_head {
    width: 100%;
    height: 2.3438rem;
    background: url(../images/older_head.png) center center / 100% auto no-repeat;
}

.older_head .w {
    padding-top: .5208rem;
    background: url(../images/older_head_w.png) center bottom / 100% auto no-repeat;

}

.older_head .returnOlder {
    display: block;
    width: 4.4271rem;
    height: .651rem;
    background: url(../images/head_name.png) center center / 100% auto no-repeat;
    margin: 0 auto;
}

.older_head .older_nav {
    display: flex;
    justify-content: end;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: .4167rem;

}

.older_help {
    font-size: .125rem;
    line-height: .4167rem;
    color: #bf000a !important;
    text-decoration: underline;
    cursor: pointer;
}

.older_returnSite {
    display: block;
    background: #bf000a url(../images/older_returnSite.png) .0781rem center / auto .1563rem no-repeat;
    background-color: #bf000a;
    padding: 0 .1042rem 0 .3125rem;
    margin-left: .1563rem;
    border-radius: .1302rem;
    font-size: .125rem;
    color: #fff !important;
    line-height: .2604rem;
}

.older_headline {
    display: flex;
    align-items: center;
    padding-left: 1.3021rem;
    background: url(../images/older_headline.png) left center / 1.1719rem auto no-repeat;
}

.older_headline h1 {
    width: 100%;
    height: .6875rem;
    font-size: .2292rem;
    line-height: 1.5;
}

.older_swiper {
    width: 100%;
    height: 3.3854rem;
    margin-top: .2604rem;
    background: #bf000a url(../images/index_swiper_bg.png) center center / auto auto repeat;
}

.older_swiper p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .5208rem;
    padding: 0 .9896rem 0 .2083rem;
    background-color: rgba(0, 0, 0, .5);
    font-size: .1979rem;
    line-height: .5208rem;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.older_swiper#swiper_picNews .swiper-slide img {
    display: block;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.older_swiper#swiper_picNews.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: .1823rem;
}

.older_link li a {
    display: block;
    width: 100%;
    height: 100%;
}

.older_link {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: .2604rem;
    margin-top: .2604rem;
}

.older_link li {
    position: relative;
    width: 1.5625rem;
    height: 1.4583rem;
    background-position: center center;
    background-size: 107% auto;
    background-repeat: no-repeat;
    margin-bottom: .2083rem;
}

.older_link li:hover {
    background-position: center center;
    background-size: 107% auto;
    background-repeat: no-repeat;
    animation: skew .5s linear;
}

.older_link li span {
    position: absolute;
    left: .1583rem;
    top: .4208rem;
    font-size: .2083rem;
    font-weight: 800;

}

.older_link li i {
    display: block;
    position: absolute;
    right: .1704rem;
    bottom: .15rem;

}

@keyframes skew {
    0% {
        transform: none;

    }

    22% {
        transform: skew(6deg, 6deg);

    }

    44% {
        transform: skew(-3deg, -3deg);
    }

    66% {
        transform: skew(1.5deg, 1.5deg);
    }

    88% {
        transform: skew(-0.7deg, -0.7deg);
    }

    100% {
        transform: skew(0, 0);

    }
}

.older_link1 {
    background: url(../images/older_link1.png);
}

.older_link2 {
    background: url(../images/older_link2.png);
}

.older_link3 {
    background: url(../images/older_link3.png);
}

.older_link4 {
    background: url(../images/older_link4.png);
}

.older_link5 {
    background: url(../images/older_link5.png);
}

.older_link6 {
    background: url(../images/older_link6.png);
}

.older_link7 {
    background: url(../images/older_link7.png);
}

.older_link8 {
    background: url(../images/older_link8.png);
}

.older_link1:hover {
    background: url(../images/older_link1_hover.png);
}

.older_link2:hover {
    background: url(../images/older_link2_hover.png);
}

.older_link3:hover {
    background: url(../images/older_link3_hover.png);
}

.older_link4:hover {
    background: url(../images/older_link4_hover.png);
}

.older_link5:hover {
    background: url(../images/older_link5_hover.png);
}

.older_link6:hover {
    background: url(../images/older_link6_hover.png);
}

.older_link7:hover {
    background: url(../images/older_link7_hover.png);
}

.older_link8:hover {
    background: url(../images/older_link8_hover.png);
}

.older_link1 i {
    width: .4583rem;
    height: .4896rem;
    background: url(../images/older_link1_logo.png) center center /100% auto no-repeat;
}

.older_link2 i {
    width: .375rem;
    height: .5rem;
    background: url(../images/older_link2_logo.png) center center /100% auto no-repeat;
}

.older_link3 i {
    width: .5104rem;
    height: .5104rem;
    background: url(../images/older_link3_logo.png) center center /100% auto no-repeat;
}

.older_link4 i {
    width: .5365rem;
    height: .5208rem;
    background: url(../images/older_link4_logo.png) center center /100% auto no-repeat;
}

.older_link5 i {
    width: .5156rem;
    height: .4844rem;
    background: url(../images/older_link5_logo.png) center center /100% auto no-repeat;
}

.older_link6 i {
    width: .526rem;
    height: .526rem;
    background: url(../images/older_link6_logo.png) center center /100% auto no-repeat;
}

.older_link7 i {
    width: .4635rem;
    height: .4635rem;
    background: url(../images/older_link7_logo.png) center center /100% auto no-repeat;
}

.older_link8 i {
    width: .5313rem;
    height: .4479rem;
    background: url(../images/older_link8_logo.png) center center /100% auto no-repeat;
}

/* 长者版列表页 */
.older_position {
    height: .2083rem;
    padding-left: .2604rem;
}

.older_position.position span,
.older_position.position a {
    font-size: .1354rem;
    line-height: .2083rem;
}

.older_position.position a::after {
    right: .0521rem;
    font-size: .1354rem;
    line-height: .2083rem;
}

.older_position.position a {
    padding-right: .2083rem;
}

.older_channel {
    width: 100%;
    font-size: .2604rem;
    font-weight: 800;
    line-height: .4167rem;
    margin-top: .1042rem;
}

.older_list {
    margin-top: .2083rem;
}

.older_list li {
    position: relative;
    width: 100%;
    height: .7292rem;
    padding: 0 .1563rem 0 .3646rem;
    margin-bottom: .2083rem;
    border: .0104rem solid #ffd7a0;
    border-radius: .1042rem;
}

.older_list li .p::after {
    position: absolute;
    left: -0.2083rem;
    top: .099rem;
    content: '';
    width: .0781rem;
    height: .0781rem;
    background-color: #f13139;
    border-radius: 100%;
}

.older_list li a {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
}

.older_list li a .p {
    position: relative;
    width: 5.8333rem;
}

.older_list li a p {
    max-height: .5208rem;
    font-size: .1771rem;
    line-height: 1.5;
    overflow: hidden;
}

.older_list li:hover {
    background-color: #ffd7a0;
}

.older_list li:hover p {
    font-weight: 800;
}

.older_list li a span {
    width: .9375rem;
    font-size: .1563rem;
    line-height: 1.5;
    color: #666666;
}

/* 长者版内容页 */
.older_title {
    width: 100%;
    margin-top: .2604rem;
}

.older_title h2 {
    padding: 0 .2083rem;
    font-size: .1979rem;
    line-height: 2;
    text-align: center;
}

.older_title .older_info {
    width: 100%;
    margin-top: .1042rem;
    display: flex;
    justify-content: center;
    border-bottom: .0052rem solid #dcdcdc;
    align-items: center;
}

.older_info span {
    font-size: .1563rem;
    line-height: .4167rem;
}

.older_info P:nth-child(1) {
    margin-right: .2083rem;
}

.older_content {
    padding: .2083rem 0;
}

.older_content P {
    font-size: .1667rem;
    line-height: 2;
    margin-bottom: .2083rem;
}

.older_content img {
    display: block;
    width: 2.8646rem;
    margin: 0 auto;
}

.older_foot {
    height: .5208rem !important;
}


/* 宣传片 */
.artList_imgList {
    display: flex;
    flex-wrap: wrap;
}

.artList_imgList li {
    position: relative;
    width: 2.3438rem;
    height: 1.6667rem;
    margin-right: .1823rem;
    margin-bottom: .2083rem;
}

.artList_imgList li:nth-child(3n) {
    margin-right: 0;
}

.artList_imgList li .img {
    width: 100%;
    height: 1.3542rem;
}

.artList_imgList li:hover img {
    transform: scale(1.1);
}

.artList_imgList li p {
    width: 100%;
    height: .3125rem;
    background-color: #f4f4f4;
    text-align: center;
    font-size: .1042rem;
    line-height: .3125rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.artList_imgList li a {
    flex-direction: column;
}

.artList_imgList li::after {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translateX(-50%);
    content: '';
    width: .3125rem;
    height: .2083rem;
    background: url(../images/play2.png) center center / 100% 100% no-repeat;
}

/* 大事件 */
.historyBox {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: .2083rem 0;
}

#historyTime {
    width: .4688rem;
    height: 1.8229rem;
    overflow-y: scroll;
    scrollbar-width: none;
}

#historyTime::-webkit-scrollbar {
    display: none;
}

#historyTime .swiper-wrapper {
    display: flex;
    height: max-content;
    flex-direction: column;
}

#historyTime .swiper-slide {
    position: relative;
    width: .4167rem;
    height: .1823rem;
    border: .0052rem solid #e9e9e9;
    font-size: .0833rem;
    line-height: .1823rem;
    text-align: center;
    cursor: pointer;
    transition: .5;
}

#historyTime .swiper-slide.swiper-slide-active {
    font-size: .1042rem;
    font-weight: 800;
    color: #fff;
    background-color: #c2020f;
}

#historyTime .swiper-slide.swiper-slide-active::after {
    position: absolute;
    right: -0.0521rem;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    border-bottom: .026rem solid transparent;
    border-top: .026rem solid transparent;
    border-left: .026rem solid #c2020f;
    border-right: .026rem solid transparent;
}

#historyContent {
    width: 6rem;
    height: 3.6458rem;
}

#historyContent::after {
    position: absolute;
    left: .1rem;
    top: 0;
    content: '';
    width: .0104rem;
    height: 100%;
    background-color: #dbdbdb;
}

#historyContent .swiper-slide {
    width: 100%;
    height: auto;
}

#historyContent .swiper-slide .timePoint {
    position: relative;
    display: block;
    width: 100%;
    padding-left: 0.3rem;
    text-align: left;
    font-size: .125rem;
    font-weight: 800;
    color: #bf000a;
    line-height: .2083rem;
    transition: .5s;
}

#historyContent .swiper-slide .timePoint:hover {
    padding-left: .38rem;
}

#historyContent .swiper-slide .timePoint::after {
    position: absolute;
    left: 0.0468rem;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    width: .0833rem;
    height: .0833rem;
    border-radius: 100%;
    background-color: #fff;
    margin-bottom: .0938rem;
    border: .0208rem solid #bf000a;
}

#historyContent .swiper-slide .timePoint::before {
    background-color: #bf000a;
    z-index: 1;
}

#historyContent .yearBox {
    position: relative;
    height: auto;
    max-height: 1.5104rem;
    overflow: hidden;
    padding-left: .3125rem;
    padding-top: .15rem;
    font-size: 16px;
    line-height: 2;
}

#historyContent .yearBox p {
    position: relative;
    /* overflow: hidden; */
    text-indent: 2em;
    font-size: .0938rem;
    line-height: 2.5;
}

#historyContent .his_more {
    display: inline-block;
    width: .6rem !important;
    padding: 0 .05rem;
    margin-left: .3125rem;
    margin-top: .1rem;
    background-color: #f9f9f9;
    font-size: .0938rem;
    line-height: .2083rem;
}


#historyContent .his_more::before {
    display: none;
}

#historyContent .yearBox p::after {
    position: absolute;
    left: -0.235rem;
    top: 0.087rem;
    content: '';
    width: .0521rem;
    height: .0521rem;
    background-color: #666666;
    border-radius: 100%;

}

/* #historyContent .swiper-slide .yearBox a {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: .2604rem;
    font-size: .1042rem;
    line-height: .2604rem;
} */

#historyContent .swiper-slide .yearBox a:hover span,
#historyContent .swiper-slide .yearBox a:hover p {
    color: #bf000a !important;
}

#historyContent .swiper-slide .yearBox a:hover::before {
    background-color: #bf000a;
}

#historyContent .swiper-slide .yearBox a span {
    width: .4688rem;
    color: #666666;
    text-align: right;
}

#historyContent .swiper-slide .yearBox a p {
    width: 1.2292rem;
    text-align: left;
}

#historyContent .swiper-slide>a::before {
    position: absolute;
    left: 0.08rem;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    width: .0521rem;
    height: .0521rem;
    background-color: #666666;
    border-radius: 100%;
}

/* 书画作品 */
.paintingList {
    display: flex;
    flex-wrap: wrap;
}

.paintingList li {
    width: 1.7708rem;
    height: 1.6667rem;
    margin-bottom: .3125rem;
    margin-right: .1302rem;
}

.paintingList li:nth-child(4n) {
    margin-right: 0;
}

.paintingList li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: .1042rem .1042rem 0;
    border: .0052rem solid #e5e5e5;
    background-color: #fff;
}

.paintingList li .img {
    width: 100%;
    height: 1.1979rem;
}

.paintingList li:hover img {
    transform: scale(1.1);
}

.paintingList li p {
    width: 100%;
    height: .3646rem;
    font-size: .0938rem;
    text-align: center;
    line-height: .3646rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* 网站地图 */
.webMap {
    padding-bottom: .5208rem;
}

.webMap>div {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: .3125rem 0 .2604rem;
    border-bottom: .0052rem solid #e5e5e5;
}

.webMap>div>a {
    font-size: .125rem;
    font-weight: 800;
    color: #bf000a;
    line-height: 1.5;
}

.webMap>div ul {
    display: flex;
    flex-wrap: wrap;
    width: 6.25rem;
}

.webMap>div ul a {
    display: block;
    width: 1.5625rem;
    text-align: left;
    font-size: .1042rem;
    line-height: 2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 专题专栏列表 */
.list_ztzl {
    display: flex;
    flex-wrap: wrap;
    padding: .2604rem 0;
}

.list_ztzl li {
    width: 2.3438rem;
    height: .9375rem;
    margin: 0 .2083rem .2604rem 0;
}

.list_ztzl li:nth-child(3n) {
    margin-right: 0;
}

.list_ztzl li a,
.list_ztzl li .img {
    width: 100%;
    height: 100%;
}

.list_ztzl li:hover img {
    transform: scale(1.1);
}

/* 学习资料汇编 */
.theme4_box1 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-top: .2083rem;
    /* padding-bottom: .5208rem; */
}

.theme4_box1 li {
    position: relative;
    width: 1.5104rem;
    height: 2.1354rem;
    background: url(../images/xxzlhb.jpg) center center / 100% 100% no-repeat;
    margin-right: .4167rem;
    margin-bottom: .4167rem;
    overflow: hidden;
}

.theme4_box1 li>a {
    display: block;
    width: 100%;
    height: 100%;
}

.theme4_box1 li:nth-child(4n) {
    margin-right: 0;
}

.theme4_box1 li h2 {
    position: absolute;
    right: .1563rem;
    top: .8073rem;
    font-size: .1667rem;
    font-family: 'siyuanheiti';
    /* font-weight: 800; */
    text-align: right;
    color: #000;
}

.theme4_box1 li>span {
    position: absolute;
    right: .0781rem;
    top: 1.4844rem;
    font-size: .0938rem;
    color: #222;
}

.theme4_box1 li:hover .download,
.theme4_box1 li:hover .overlook {
    transform: translateY(0);
}

.download {
    top: 0;
    width: 100%;
    height: 50%;
    transform: translateY(-100%);

}

.download span {
    display: block;
    width: 100%;
    font-size: .1354rem;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.overlook {
    bottom: 0;
    width: 100%;
    height: 50%;
    transform: translateY(100%);
}

.overlook a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: .1354rem;
    text-align: center;
    color: #fff;
}

.download,
.overlook {
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    transition: .5s;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    overflow: hidden;
}

.download:hover,
.overlook:hover {
    background: rgba(0, 0, 0, 0.9);
}

.download .download_pdf,
.download .download_word {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    transition: .5s;
}

.download .download_pdf {
    top: 0;
    background: rgb(235, 38, 8) url(../images/pdf.png) center center / .2604rem auto no-repeat;
    transform: translateY(-105%);
}

.download .download_word {
    bottom: 0;
    background: rgba(67, 142, 219, 1) url(../images/word.png) center center / .2604rem auto no-repeat;
    transform: translateY(105%);
}

.download:hover .download_pdf,
.download:hover .download_word {
    transform: translateY(0);
}