.banner  {
    width: 100%;
    height: calc(100%vh - 100px);
}

.banner video {
    width: 100%;
    height: 100%;
}



.party_wall {
    margin: 4rem auto;
    /* width: 70%; */
    width: 83.75rem;
    height: 43rem;
}

.party_wall ul li {margin-bottom: 1rem;}


.party_wall ul li:first-child {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 18.75rem;
}

.party_wall ul li:first-child .left {
    position: relative;
    width: 45%;
    height: 100%;
    /* width: 37.5rem;
    height: 18.75rem; */
    perspective: 800px;
    transform-style: preserve-3d;
    overflow: hidden;
}

.party_wall ul li:first-child .left .pic,
.party_wall ul li:first-child .left .pic img  {
    width: 100%;
    height: 100%;
}

.party_wall ul li:first-child .dangjian_overlay {
    position: absolute; 
    bottom: 0;
    left: 0;
    width: 20rem;
    height: 3.125rem;
    background-color: rgba(255,0,0,0.2);
    font-size: 1.25rem;
    color: white;
}

.party_wall ul li:first-child .left .pic:hover,
.party_wall ul li:first-child .right .pic:hover {
    transform: translateZ(20px);
    transition: all .5s ease-in-out;
}

.party_wall ul li:first-child .dangjian_overlay p {
    margin-top: 1rem;
    padding: 0px 0px 0px 1rem;
}

/* 第一行，右边图 */
.party_wall ul li:first-child .right {
    position: relative;
    width: 54%;
    height: 18.75rem;
    background-color: green;
    perspective: 800px;
    transform-style: preserve-3d;
    overflow: hidden;
}

.party_wall ul li:first-child .right .pic,
.party_wall ul li:first-child .right .pic img {
    width: 100%;
    height: 100%;   
}


/* 第二个盒子 */
.party_wall ul li:nth-child(2) {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 11.375rem;
}

.party_wall ul li:nth-child(2) .left {
    position: relative;
    width: 37%;
    height: 100%;
    perspective: 800px;
    transform-style: preserve-3d;
    overflow: hidden;
}


.party_wall ul li:nth-child(2) .right {
    position: relative;
    width: 62%;
    height: 100%;
    perspective: 1200px;
    transform-style: preserve-3d;
    overflow: hidden;
}

.party_wall ul li:nth-child(2) .right .pic,
.party_wall ul li:nth-child(2) .left .pic,
.party_wall ul li:nth-child(2) .left .pic img,
.party_wall ul li:nth-child(2) .right .pic img  {
    width: 100%;
    height: 100%;   
}


.party_wall ul li:nth-child(2) .left .dangjian_overlay,
.party_wall ul li:nth-child(2) .right .dangjian_overlay {
    position: absolute; 
    bottom: 0;
    left: 0;
    width: 20rem;
    height: 3.125rem;
    background-color: rgba(255,0,0,0.2);
    font-size: 1.25rem;
    color: white;
}

.party_wall ul li:nth-child(2) .left .pic:hover,
.party_wall ul li:nth-child(2) .right .pic:hover {
    transform: translateZ(20px);
    transition: all .5s ease-in-out;
}

.party_wall ul li:nth-child(2) .dangjian_overlay p {
    margin-top: 1rem;
    padding: 0px 0px 0px 1rem;
}


/* 第3个盒子 */
.party_wall ul li:nth-child(3) {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 11rem;
}

.party_wall ul li:nth-child(3) .left {
    position: relative;
    width: 32.6%;
    height: 100%;
    perspective: 1000px;
    overflow: hidden;
}

.party_wall ul li:nth-child(3) .mid {
    position: relative;
    width: 32.6%;
    height: 100%;
    perspective: 1000px;
    overflow: hidden;
}


.party_wall ul li:nth-child(3) .right {
    position: relative;
    width: 32.6%;
    height: 100%;
    perspective: 1000px;
    overflow: hidden;
}

.party_wall ul li:nth-child(3) .right .pic,
.party_wall ul li:nth-child(3) .left .pic,  
.party_wall ul li:nth-child(3) .left .pic img,
.party_wall ul li:nth-child(3) .right .pic img  {
    width: 100%;
    height: 100%;   
}


.party_wall ul li:nth-child(3) .left .dangjian_overlay,
.party_wall ul li:nth-child(3) .mid .dangjian_overlay,
.party_wall ul li:nth-child(3) .right .dangjian_overlay {
    position: absolute; 
    bottom: 0;
    left: 0;
    width: 20rem;
    height: 3.125rem;
    background-color: rgba(255,0,0,0.2);
    font-size: 1.25rem;
    color: white;
}

.party_wall ul li:nth-child(3) .left .pic:hover,
.party_wall ul li:nth-child(3) .mid .pic:hover,
.party_wall ul li:nth-child(3) .right .pic:hover {
    transform: translateZ(20px);
    transition: all .5s;
}

.party_wall ul li:nth-child(3) .dangjian_overlay p {
    margin-top: 1rem;
    padding: 0px 0px 0px 1rem;
}

/* 党建 -- 第二部分 -- 围绕 */
.party_wr {
    margin: 4rem auto;
    width: 83.75rem;
    height: 41rem;
    border: 1px solid #333;
    border-radius: 10px;
    overflow: hidden;
}

.party_wr .top {
    margin-bottom: 1rem;
    padding: 1rem;
    height: 2rem;
    background-color: rgb(204,51,51);
    font-size: 1.375rem;
    color: white;
    line-height: 2rem;
}

.party_wr h4 {
    margin: 1rem auto;
    padding: 0px 1rem;
    color: rgb(204,51,51);
    font-size: 1.125rem;
    font-weight: 400;

}

.party_wr p {
    margin: 0px;
    padding: 0px 1rem;
    line-height: 2rem;
}

/* 党建 -- 第三部分  */
.party_third {
    width: 100%;
    height: auto;
}

.party_third img {
    width: 100%;
    height: auto;
}

/* 党建 -- 第四部分 */
.party_car {
    width: 100%;
    height: 30rem;
    background-image: url(http://10.222.1.1:83/wp-content/uploads/2024/09/111_02.png) ;
    background-size: contain;
}

.party_car .content {
    padding: 3.5rem 0px 0px;
    margin: 0px auto;
    width: 83.75rem;
    height: 21.75rem;
    overflow: hidden;   
    transition: all .5s;
}

.party_car .content ul { 
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    animation: move 14s infinite  linear;
}

.party_car .content ul:hover {
    animation-play-state: paused;
}

.party_car .content ul li {
    margin: 0.75rem 0px 0px 1.7rem;
    width: 15.75rem;
    height: 100%;
}

.party_car .content ul li  img {
    width: 15.75rem;
    height: 100%;  
}
/* 252 * 348  15.75rem 21.75rem */


@keyframes move {
    from {
        margin-left: 0px;
    }
    to {
        margin-left: -68rem;
    }
}