/* 头条 */
.headline {
    width: 100%;
    height: .7813rem;
}

.headline .w {
    padding: .2344rem 0;
}

.headline .w h2 {
    width: 100%;
    overflow: hidden;
}

.headline .w h2 a {
    width: 100%;
    font-size: .2083rem;
    color: #333;
    text-align: center;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* 图片新闻 */
.picNews {
    width: 100%;
    height: 2.6042rem;
    margin-bottom: .2083rem;
}

.picNews .w {
    display: flex;
    justify-content: space-between;
}

.picNews #swiper_picNews {
    width: 56%;
    height: 100%;
    background: #bf000a url(../images/index_swiper_bg.png) center center / auto auto repeat;
    margin-left: 0;
}

.picNews .box1_L {
    width: 41%;
    height: 100%;
}

.picNews .box1_L .box1_L_list li a p,
.picNews .box1_L .box1_L_list li a i {
    line-height: .2865rem;
}

.picNews #swiper_picNews .swiper-slide {
    position: relative;
}

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

.picNews #swiper_picNews .swiper-slide.swiper-slide-active p {
    animation: imgNews 1.5s ease-in-out 1.2s 1 normal forwards;

}

.picNews #swiper_picNews .swiper-slide p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .3646rem;
    background-color: rgba(0, 0, 0, .5);
    padding: 0 1.3021rem 0 .5rem;
    color: #fff;
    font-size: .1042rem;
    line-height: .3646rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

}

@keyframes imgNews {
    0% {
        padding: 0 1.3021rem 0 .5rem;
    }

    100% {
        padding: 0 1.3021rem 0 .25rem;
    }
}

#swiper_picNews.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: .1146rem;
    left: auto;
    width: .625rem;
    right: .1302rem;
}

#swiper_picNews .swiper-pagination-bullet {
    width: .0781rem;
    height: .0781rem;
    display: inline-block;
    border-radius: 100%;
    background: transparent;
    border: 1px solid #fff;
    margin: 0 .0208rem;
    opacity: 1;
}

#swiper_picNews .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}

#swiper_picNews .swiper-button-prev,
#swiper_picNews .swiper-button-next {
    width: .8333rem;
    height: .5208rem;
    background-image: none !important;
    z-index: 999;
}

#swiper_picNews .swiper-button-prev {
    left: .0781rem;
}

#swiper_picNews .swiper-button-next {
    right: .0781rem;
}



.cls-4 {
    transition: .5s;
    stroke-width: .0104rem;
    stroke: #fff;
    fill: none;
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    opacity: .4;
}

.cls-5 {
    transition: .5s;
    stroke-width: .0052rem;
    stroke: #fff;
    fill: none;
}

.cls-3 {
    transition: .5s;
    stroke-width: .0052rem;
    stroke: #fff;
    fill: none;

}

.cls-1 {
    transition: .5s;
}

.swiper-button-prev .cls-1 {
    transform-origin: 65px 45px;
}

.swiper-button-next .cls-1 {
    transform-origin: 95px 45px;
}

.swiper-button-prev .cls-3 {
    transform-origin: 65px 45px;
}

.swiper-button-next .cls-3 {
    transform-origin: 95px 45px;
}

.swiper-button-prev .cls-5 {
    transform-origin: 65px 45px;
}

.swiper-button-next .cls-5 {
    transform-origin: 95px 45px;
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: .8333rem;
    height: .5208rem;
}

/* 右svg */
.swiper-button-next svg:hover .cls-4 {
    stroke-dasharray: .0104rem;
    stroke-dashoffset: .0104rem;
    opacity: 1;
}

.swiper-button-next svg:hover .cls-3 {
    transform: scaleX(0.4);
}

.swiper-button-next svg:hover .cls-5 {
    transform: scaleX(1.4);
}

.swiper-button-next svg:hover .cls-1 {
    transform: scale(1.1);
}

/* 左svg */
.swiper-button-prev svg:hover .cls-4 {
    stroke-dasharray: 2px;
    stroke-dashoffset: 2px;
    opacity: 1;
}

.swiper-button-prev svg:hover .cls-3 {
    transform: scaleX(0.4);
}

.swiper-button-prev svg:hover .cls-5 {
    transform: scaleX(1.4);
}

.swiper-button-prev svg:hover .cls-1 {
    transform: scale(1.1);
}

/* 多党合作 民进中央要闻 区委会要闻    盟市速递 基层快讯 */
.newsBox1 {
    width: 100%;
    height: 2.8125rem;
    padding-bottom: .1042rem;
}

.newsBox1 .w {
    display: flex;
    justify-content: space-between;
}

.box1_L {
    width: 4.1667rem;
    height: 100%;
}


.nav1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: .3125rem;
    border-bottom: 1px solid #e3e3e3;
}

.nav1 .nav_link {
    position: relative;
    display: flex;
    width: max-content;
}

.nav1 .nav_link a {
    padding: 0 .1rem;
    margin-right: .0521rem;
    font-size: .125rem;
    font-weight: 800;
    line-height: .2604rem;
    transition: color .5s;
}

.nav1 .nav_link a.hover2 {
    color: #333 !important;
}

.nav1 .nav_link a.hover {
    color: #fff;
    z-index: 1;
}

.nav1 .nav_link .hoverBox {
    position: absolute;
    left: 0;
    top: 0;
    width: .7031rem;
    height: .2604rem;
    background-color: #bf000a;
    border-radius: .0417rem;
}

.hoverBox2 {
    position: absolute;
    left: 0;
    top: 0;
    width: .8177rem;
    height: .2604rem;
    background-color: #bf000a;
    border-radius: .0417rem;
    z-index: -1;
}

.nav_more {
    display: block;
    width: .8594rem;
    height: 100%;
    background: url(../images/index_more_line.png) right center/ auto .1563rem no-repeat;
    cursor: pointer;
}

.nav_more span {
    float: right;
    display: block;
    padding-right: .1823rem;
    font-size: .0833rem;
    line-height: .3125rem;
    color: #555555;

}

.box1_L_list {}

.box1_L_list li,
.list li {
    position: relative;
    width: 100%;
    transition: .5s;
}


.box1_L_list li:hover p,
.list li:hover p {
    background-size: 100% 1px;
    transform: translateX(-0.0521rem);
    color: #bf000a;
}

.box1_L_list li:hover p span,
.list li:hover p span {
    background-size: 100% 1px;
}

.box1_L_list li::before,
.list li::before {
    position: absolute;
    left: .026rem;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    width: .0417rem;
    height: .0417rem;
    border-radius: 100%;
    background-color: #c9a977;
}

.box1_L_list li a,
.list li a {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-left: .1563rem;
}

.box1_L_list li a p,
.list li a p {
    width: 80%;

    font-size: .1042rem;
    line-height: .2604rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: .5s;
}

.box1_L_list li a p span,
.list li a p span {
    background: linear-gradient(to right, #bd010b, #fc020e) left bottom / 0% 1px no-repeat;
    transition: .5s;
}

.box1_L_list li a>i,
.list li a>i {
    font-size: .0885rem;
    line-height: .2604rem;
    color: #9b9b9b;
}

.box1_R {
    width: 3.0729rem;
    height: 100%;
    border-top: 2px solid #bf000a;
    background: #fffcf7 url(../images/index_building.png) right bottom / 100% auto no-repeat;
    /* background-attachment: fixed; */
}

.nav2 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: .3125rem;
    padding-left: .2083rem;
}

.nav2 .nav_link a {
    margin-right: .2083rem;
    font-size: .125rem;
    font-weight: 800;
    line-height: .3646rem;
}

.nav2 .nav_link a.hover {
    color: #bd010b;
}

.nav2 .nav_more {
    margin-right: .0521rem;
}

#swiper_box1_R {
    width: 100%;
    height: 2.2917rem;
}

.box1_R_listBox {
    width: 1005;
}

.box1_R_list {
    padding: 0 .2083rem;

}

#swiper_box1_R ul li {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: .1146rem 0;
    border-bottom: 1px dashed #e2ad54;
}

.list_time1 {
    width: .4063rem;
    height: .3125rem;
    background-color: #fff5e4;
    box-shadow: 0 .0156rem 0 0 #ffe6bc;
    border-radius: .026rem;
    padding: .026rem;
    transition: .5s;
}

.list_time1 i {
    display: block;
    text-align: center;
    color: #bf000a;
}

.list_time1 i:nth-child(1) {
    font-size: .1458rem;
    line-height: .1458rem;
    font-weight: 800;
}

.list_time1 i:nth-child(2) {
    font-size: .0729rem;
    line-height: .1458rem;
}

#swiper_box1_R ul li p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;

    width: 2.1354rem;
    font-size: .1042rem;
    line-height: .1667rem;
    transition: .5s;
}

#swiper_box1_R ul li:hover p,
#swiper_box1_R ul li:hover .list_time1 {
    transform: translateY(.026rem);
}

#swiper_box1_R ul li:hover p a {
    color: #bf000a;
}


/* 公告栏 */

.notice {
    display: none;
    position: relative;
    width: 100%;
    height: 1.1979rem;
    margin-bottom: .2083rem;
}

.notice .w {
    position: relative;
    background: url(../images/index_notice.png) center center/ 100% auto no-repeat;
}

.notice_logo {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    left: .4167rem;
    top: .1302rem;
    width: .599rem;
    height: .599rem;
}

.notice_logo:hover i:nth-child(2) {
    animation: notice_speaker 2s ease 0s forwards;
}

@keyframes notice_speaker {
    0% {
        transform: scale(1) rotateZ(0)
    }

    25% {
        transform: scale(1.2) rotateZ(15deg)
    }

    50% {
        transform: scale(1.2) rotateZ(-15deg)
    }

    100% {
        transform: scale(1) rotateZ(0)
    }
}

.notice_logo i {
    display: block;
    width: 50%;
    height: 50%;
}

.notice_logo i:nth-child(1) {

    background: url(../images/notice_gong.png) .1042rem .1042rem/ .1719rem auto no-repeat;
}

.notice_logo i:nth-child(2) {

    background: url(../images/speaker.png) center center/ .2656rem auto no-repeat;
}

.notice_logo i:nth-child(3) {

    background: url(../images/notice_gao.png) .0625rem 0rem/ .2188rem auto no-repeat;
}

.notice_logo i:nth-child(4) {

    background: url(../images/notice_lan.png) 0 .026rem/ .2188rem auto no-repeat;
}

#swiper_notice {
    position: absolute;
    top: .1302rem;
    right: 1.25rem;
    width: 4.1667rem;
    height: .625rem;
}

#swiper_notice li {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-left: .1563rem;
}

#swiper_notice li:hover p a {
    background-size: 100% 1px;
    color: #bf000a;
}

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

#swiper_notice li p a {
    background: linear-gradient(to right, #bd010b, #fc020e) left bottom / 0% 1px no-repeat;
    transition: .5s;
}

#swiper_notice li p {
    width: 80%;
    font-size: .1042rem;
    line-height: .2083rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#swiper_notice li span {
    font-size: .0833rem;
    line-height: .2083rem;
    color: #b9814a;
}

.notice_more {
    display: block;
    position: absolute;
    right: .2604rem;
    top: .2865rem;
    width: .4427rem;
    height: .4427rem;
    border-radius: 100%;
    background-color: #fff7ea;
    font-size: .08rem;
    transition: .5s;
}


.notice_more:hover {
    font-weight: 800;
    background-color: #fff3df;
}

.notice_more:hover::after {
    transform: translate(-50%, -50%) scale(.8);
    /* line-height: 50px; */
    vertical-align: middle;
    background-color: #ffe0ad;
}

.notice_more::after {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: '更多 >';
    width: .3646rem;
    height: .3646rem;
    border-radius: 100%;
    text-align: center;
    background-color: #ffeac8;
    color: #b9814a !important;
    line-height: .3646rem;
    cursor: pointer;
    z-index: 2;
    transition: .5s;
}

/* 参政议政 社会服务 */
.newsBox2 {
    width: 100%;
    height: 3.724rem;
    background: url(../images//newsBox2_bg.png) left top/ auto 100% no-repeat;
    padding: .3125rem 0 0 0;
}

.newsBox2 .w {
    display: flex;
    justify-content: space-between;
    background-color: rgba(255, 255, 255, .8);
}

.newsBox2_L {
    width: 3.5417rem;
    padding-left: .1563rem;
    /* background-color: rgba(255, 255, 255, .8); */
}

.newsBox2_R {
    width: 3.75rem;
    /* background-color: rgba(255, 255, 255, .8); */
}

.nav3 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: .4688rem;
    font-size: .1458rem;
    font-weight: 800;
    line-height: .4688rem;
}

.nav3 .nav_more span {
    line-height: .4688rem;
    font-weight: 400;
}

#swiper_newsBox2_L {
    position: relative;
    width: 100%;
    height: 1.1458rem;
    transform: translate3d(0rem, 0rem, 0rem);
    background-color: #facb95;
    z-index: 1;
}

#swiper_newsBox2_L a {
    display: flex;
    justify-content: space-between;
    padding: .1042rem;
}

#swiper_newsBox2_L a .img {
    overflow: hidden;
}

#swiper_newsBox2_L a img {
    position: relative;
    width: 1.3542rem;
    height: 100%;
    transition: .5s;
    z-index: 3;
}

#swiper_newsBox2_L a>div:nth-child(2) {
    width: 1.5625rem;
    height: 100%;
}

#swiper_newsBox2_L a p {
    display: -webkit-box;
    width: 100%;
    height: .4167rem;
    font-size: .1042rem;
    line-height: .2083rem;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: color .5s;
    z-index: 3;
}

#swiper_newsBox2_L.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: .1042rem;
    vertical-align: middle;
    line-height: .1042rem;
}

.time2 {
    padding-left: .1875rem;
    margin-top: .1042rem;
    background: url(../images/time_logo.png) left center / auto .1042rem no-repeat;
    font-size: .0938rem;
    color: #bb8839;
    transition: .5s;
}

#swiper_newsBox2_L .swiper-pagination {
    width: .3125rem !important;
    height: .1042rem !important;
    left: auto !important;
    right: .7813rem !important;
}

#swiper_newsBox2_L .swiper-pagination-bullet {
    width: .0521rem;
    height: .0521rem;
    background: #fff;
    opacity: 1;
}

#swiper_newsBox2_L .swiper-pagination-bullet-active {
    background-color: #bd010b;
    opacity: 1;
    transition: background-color 0.5s;
}

.img {
    position: relative;
    width: 1.3542rem;
    height: 100%;
    overflow: hidden;
}

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

#swiper_newsBox2_L a:hover::after {
    width: 100%;
}

#swiper_newsBox2_L:hover p {
    color: #fff;
}

#swiper_newsBox2_L:hover .time2 {
    background-image: url(../images/time_logo_hover.png);
    color: #e9a944;
}

#swiper_newsBox2_L:hover .swiper-pagination-bullet-active {
    background-color: #e9a944;
}

#swiper_newsBox2_L a::after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 0;
    height: 100%;
    background-color: #bf000a;
    transition: .5s;
    z-index: 2;
}

#swiper_newsBox2_L a .img,
#swiper_newsBox2_L a>div:nth-child(2) {
    z-index: 3;
}

#swiper_newsBox2_L a {
    background-color: #facb95;
}

/* 社会服务 */
.newsBox2_R_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.newsBox2_R_list>a {
    position: relative;
    display: block;
    width: 1.7969rem;
    height: 1.7708rem;
    box-shadow: 0 .0104rem .026rem 0 #dddddd;
}

.newsBox2_R_list>a .img {
    width: 100%;
    height: 1.1979rem;
}

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

.newsBox2_R_list>a .p {
    position: relative;
    height: .5729rem;
    padding: .1042rem .1042rem 0 .2083rem;
}

.newsBox2_R_list>a p {
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: .1042rem;
    line-height: .1823rem;
    transition: color, transform .5s;
}

.newsBox2_R_list>a .p::after {
    position: absolute;
    left: .1042rem;
    top: .1458rem;
    content: '';
    width: .0156rem;
    height: .2865rem;
    background-color: #bf000a;
    transition: .5s;
    z-index: 1;
}

.newsBox2_R_list>a .time3 {
    position: absolute;
    right: 0;
    top: .9635rem;
    width: .5729rem;
    height: .1563rem;
    border-bottom-left-radius: .0781rem;
    border-top-left-radius: .0781rem;
    background-color: rgba(156, 30, 36, 0.6);
    z-index: 1;
    color: #fff;
    line-height: .1563rem;
    font-size: .0833rem;
    text-align: center;
}

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

.newsBox2_R_list>a:hover p {
    color: #bd010b;
    transform: translateY(-0.026rem);
}

.newsBox2_R_list>a:hover .p::after {
    height: .1563rem;
    transform: translateY(-0.026rem);
}

.newsBox2_R_list .list {
    width: 100%;
    margin-top: .1563rem;
}

/* 专题专栏 */
.newsBox3 {
    width: 100%;
    height: 1.7708rem;
    margin-top: .2083rem;
}

.newsBox3 .nav4 {
    width: 100%;
    height: .2083rem;
    margin-bottom: .1563rem;
    background: url(../images/nav4_bg.png) center center/100% auto no-repeat;
    text-align: center;
}

#swiper_newsBox3 {
    height: 1.0938rem;
}

.newsBox3 .nav4 a {

    font-size: .1667rem;
    line-height: 1;
    font-weight: 800;
    color: #bf000a !important;
}

#swiper_newsBox3 a {
    display: block;
    width: 2.3438rem !important;
    height: .9375rem;
    margin-right: .2083rem;
}

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

#swiper_newsBox3 a .img {
    width: 100%;
    height: 100%;
}

#swiper_newsBox3 .swiper-pagination {
    display: none;
    bottom: 0rem;
}

#swiper_newsBox3 .swiper-pagination-bullet {
    width: .0521rem;
    height: .0521rem;
    background: #d2d2d2;
    opacity: 1;
}

#swiper_newsBox3 .swiper-pagination-bullet-active {
    background-color: #bd010b;
    opacity: 1;
    transition: background-color 0.5s;
}

/* 主题学习 会史往事 */
.newsBox4 {
    width: 100%;
    height: 2.3438rem;
    margin-bottom: .3385rem;
}

.newsBox4 .w {
    display: flex;
    justify-content: space-between;
}

#swiper_newsBox4_L {
    width: 100%;
    height: 2.0313rem;
}

.newsBox4 .newsBox4_L {
    width: 3.5417rem;
    height: 100%;
}

.newsBox4_L_list li {
    width: 95%;
    display: flex;
    height: .5729rem;
    justify-content: space-between;
    padding-right: .1302rem;
    margin: .0781rem auto 0;
    background-color: #fff;
    border-radius: .1563rem;
    box-shadow: 0rem .0104rem 0rem .0052rem rgba(233, 233, 233, .7);
    transition: .5s;
}

.newsBox4_L_list li:hover {
    box-shadow: 0 .0521rem .0521rem .0052rem rgba(206, 206, 206, 0.7);
}

.newsBox4_L_list li:hover p {
    color: #bf000a !important;
}

.newsBox4_L_list li:hover a {
    color: #bf000a !important;
    background-size: 100% 1px;
}

.newsBox4_L_list li i {
    display: block;
    width: .5208rem;
    height: 100%;
    background: url(../images/book.png) center center / .224rem auto no-repeat;
}

.newsBox4_L_list li .p {
    display: flex;
    align-items: center;
    width: 2.8646rem;
    height: 100%;
    padding: .1042rem 0;
}

.newsBox4_L_list li p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 2.8646rem;
    /* height: 100%; */
    font-size: .1042rem;
    line-height: .1875rem;
}

.newsBox4_L_list li p a {
    background: linear-gradient(to top, #bf000a, #bf000a) left bottom / 0 1px no-repeat;
    transition: background .5s;
}

.newsBox4_R {
    display: flex;
    flex-wrap: wrap;
    width: 3.75rem;
    height: 100%;
    justify-content: space-between;
}

.trailer {
    position: relative;
    display: block;
    width: 1.8229rem;
    height: 1.4063rem;
    padding-left: .0521rem;
}

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

.trailer:hover p {
    color: #bd010b;
}

.trailer:hover p span {

    background-size: 100% 1px;
}

.trailer p span {

    background: linear-gradient(to top, #bf000a, #bf000a) left bottom / 0 1px no-repeat;
    transition: color, background .5s;
}

.trailer::before {
    position: absolute;
    left: 50%;
    top: calc(50% - .1823rem);
    transform: translate(-50%, -50%);
    content: '';
    width: .3385rem;
    height: .3385rem;
    background: url(../images/play.png) center center/ 100% auto no-repeat;
    z-index: 9;
}

.trailer .img {
    width: 100%;
    height: 1.0417rem;
}

.trailer p {
    width: 100%;
    height: .3646rem;
    padding: 0 .0781rem;
    background-color: #f2f2f2;
    font-size: .1042rem;
    line-height: .3646rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.trailer .logo {
    position: absolute;
    left: 0;
    top: .1042rem;
    width: .4688rem;
    height: .2604rem;
    color: #fff;
    font-size: .1042rem;
    text-align: center;
    line-height: .3021rem;
    background: url(../images/bookmark.png) center center/ 100% auto no-repeat;
}

.history {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: .8333rem;
    background: url(../images/history_bg1.png) center top/100% auto repeat-y;
    border-radius: .1042rem;
    animation: history 10s linear 0s infinite forwards;
    animation-play-state: paused;
}

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

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

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

.history::before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: url(../images/history_bg2.png) center center/97% auto no-repeat;
    z-index: 9;
}

.history_name {
    width: 1.224rem;
    height: .2604rem;
    background: url(../images/history_name.png) center center/100% auto no-repeat;
    transition: transform .5s ease-in-out;

}

.history:hover .history_name {
    transform: translateY(-.026rem);
}



.history_go {
    width: .2083rem;
    height: .2083rem;
    margin-left: .1042rem;
    background: url(../images/history_go.png) center center/100% auto no-repeat;
    transition: transform 1s ease-in-out;
}

.history:hover .history_go {
    transform: translateX(.1563rem) rotateZ(360deg);
}

/*双岗建功 文艺芸萃  */
.newsBox5 {
    width: 100%;
    height: auto;
    background: linear-gradient(to bottom, #fffaf8, #fff);
    /* background-color: #fffaf8; */
    margin-bottom: .3125rem;
}

.newsBox5 .w {
    display: flex;
    justify-content: space-between;
}

.newsBox5_L {
    width: 4.6354rem;
}

.nav5 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: .7031rem;
}

.nav5 a:nth-child(1) {
    font-size: .1667rem;
    font-weight: 800;
    line-height: .7031rem;
    color: #bf000a;
}

.nav5 .nav_more span {
    line-height: .7031rem !important;
}

.newsBox5_L_list {
    display: flex;
    justify-content: space-between;
    height: 1.9792rem;
}

.newsBox5_L_list>a:nth-child(1) {
    display: block;
    width: 2.4479rem;
    height: 100%;
}

.newsBox5_L_list>a:nth-child(1):hover img {
    transform: scale(1.1);
}

.newsBox5_L_list>a:nth-child(1) .img {
    width: 100%;
    height: 1.5625rem
}

.newsBox5_L_list>a:nth-child(1):hover p {
    color: #bd010b;
    font-weight: 800;
}

.newsBox5_L_list>a:nth-child(1):hover p span {
    transform: translateY(-0.026rem);
}

.newsBox5_L_list>a:nth-child(1) p {
    position: relative;
    width: 100%;
    height: .4167rem;
    padding-left: .1042rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: .1042rem;
    line-height: .4167rem;
    box-shadow: 0 0 .0521rem 0 #dadada;
}

.newsBox5_L_list>a:nth-child(1) p::before {
    position: absolute;
    left: .0521rem;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    width: .0156rem;
    height: .1563rem;
    background-color: #bd010b;
    transition: .5s;
}

.newsBox5_L_list ul {
    display: flex;
    flex-direction: column;
    width: 2.0313rem;
    height: 100%;
}

.newsBox5_L_list ul li {
    position: relative;
    height: .4948rem;
    padding: .0781rem 0 .0781rem .1042rem;
    background: url(../images/arrow1.png) left center / auto .2604rem no-repeat;
    border-bottom: .0052rem solid #e5e5e5;
    transition: background-position 0.5s;
}

.newsBox5_L_list ul li::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 0;
    height: 1px;
    background-color: #bf000a;
    transition: width .7s;
}

.newsBox5_L_list ul li:hover {
    background-position: left .1563rem;
}

.newsBox5_L_list ul li:hover::after {
    width: 100%;
}

.newsBox5_L_list ul li:hover p {
    transform: translateY(.026rem);
    color: #bd010b;
}

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

.newsBox5_L_list ul li p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: .1042rem;
    line-height: 1.5;
    transition: color, transform 0.5s;
}

.newsBox5_R {
    width: 2.6042rem;
    height: 100%;
}

#newsBox5_R {
    width: 100%;
    height: .9375rem;
}

#newsBox5_R .img {
    width: 1.3021rem;
    height: .9375rem;
}

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

#newsBox5_R .swiper-slide-active {
    z-index: 9;
}

#newsBox5_R .swiper-slide-next {
    z-index: 8;
}

#newsBox5_R a {
    position: relative;
    display: block;
}

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

#newsBox5_R a .className {
    position: absolute;
    left: .1042rem;
    bottom: .2083rem;
    padding: 0 .0781rem;
    border-radius: .1042rem;
    border-bottom-left-radius: 0;
    background-color: #bf000a;
    text-align: center;
    line-height: .1302rem;
    font-size: .0833rem;
    color: #fff;
}

.newsBox5_R_list ul li {
    position: relative;
    width: 100%;
    height: .3438rem;
    border-bottom: .0052rem solid #f4e9d9;
}

.newsBox5_R_list ul li:hover p {
    color: #bf000a;
}

.newsBox5_R_list ul li:hover::after {
    width: 100%;
}

.newsBox5_R_list ul li a {
    display: flex;
    justify-content: space-around;
    align-items: center;

}

.newsBox5_R_list ul li::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 0;
    height: 1px;
    background-color: #bf000a;
    transition: width 1s;
}

.newsBox5_R_list ul li .className {
    height: .1302rem;
    padding: 0 .0781rem;
    border-radius: .1042rem;
    border-bottom-left-radius: 0;
    background-color: #bf000a;
    text-align: center;
    line-height: .1302rem;
    font-size: .0833rem;
    color: #fff;
}

.newsBox5_R_list ul li p {
    width: 2.0313rem;
    font-size: .1042rem;
    line-height: .3646rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 微信矩阵 监督举报 网站投稿 */
.linkBox {
    width: 100%;
    height: .9375rem;
    margin-bottom: .3125rem;
}

.linkBox .w {
    display: flex;
    justify-content: space-between;
}

.linkBox .w a {
    position: relative;
    display: flex;
    width: 2.4063rem;
    height: 100%;

    box-shadow: 0 0 .0521rem 0 #dbdbdb;
    border-bottom: .0208rem solid #bf000a;
    align-items: center;
}

.linkBox .w a::after {
    position: absolute;
    left: 0;
    bottom: -0.0208rem;
    content: '';
    width: 0;
    height: .0208rem;
    background-color: #ff8389;
    transition: width .5s;
}


.linkBox .w a:hover::after {
    width: 100%;
}

.linkBox .w a:hover .timeLogo1 {
    background-position: center .1563rem, center center;
}

.linkBox .w a .icon_wx {
    background-image: url(../images/icon_wx1.png), url(../images/icon_wx2.png), url(../images/icon_wx3.png);
    background-size: .4427rem .4427rem, .3281rem .2708rem, .3281rem .2708rem;
    background-position: center center, center center, center -0.2865rem;
}

.linkBox .w a:hover .icon_wx {
    background-position: center center, center calc(100% + .2865rem), center center;
}

.linkBox .w a .icon_jb {
    background-image: url(../images/icon_jb1.png), url(../images/icon_jb2.png), url(../images/icon_jb3.png);
    background-size: .4948rem .4948rem, .2188rem .2188rem, .2188rem .2188rem;
    background-position: center center, .2604rem .1563rem, .2604rem -0.2604rem;
    /* animation: icon_jb_over 1s 1 forwards; */
}

.linkBox .w a:hover .icon_jb {
    animation: icon_jb 1.5s 1 forwards;
}

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

    33% {
        transform: scale(1.1);
        background-position: center center, .2604rem .1563rem, .2604rem -0.2604rem;
    }

    66% {
        background-position: center center, .2604rem .6771rem, .2604rem .1563rem;
        transform: scale(1.1);
    }

    100% {
        background-position: center center, .2604rem .6771rem, .2604rem .1563rem;
        transform: scale(1);
    }
}

.linkBox .w a .icon_web {
    background-image: url(../images/icon_web1.png), url(../images/icon_web2.png);
    background-size: .5365rem .4688rem, 0 auto;
    background-position: center center, .625rem .1563rem;
}

.linkBox .w a:hover .icon_web {
    background-size: .5365rem .4688rem, .1563rem auto;
    background-position: center center, .6771rem 0rem;
}

.linkBox .w a>span {
    font-size: .1458rem;
}

.linkBox .w a p {
    display: flex;
    justify-content: center;
    align-items: center;
    width: .9896rem;
    height: 100%;
}

.linkBox_icon {
    width: .8333rem;
    height: 70%;
    background-repeat: no-repeat;
    transition: background.5s;
}

.timeLogo1 {
    display: block;
    width: .1563rem;
    height: .1563rem;
    margin-right: .0521rem;
    background-image: url(../images/timeLogo1.png), url(../images/timeLogo2.png);
    background-size: 100% auto;
    background-position: center center, center -0.1563rem;
    background-repeat: no-repeat;
    transition: background .5s;
}

.linkBox .w a p i {
    font-size: .0729rem;
    color: #bf000a;
}