.box4{ background-color: rgb(255,255,255);padding-bottom: 78px}
.box4 .contain .right .content{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap}
.box4 .contain .right .content .list{height: 160px;width: 100%;overflow: hidden;padding: 30px;box-sizing: border-box;background-color: rgb(245,245,245);margin-bottom: 20px;position: relative }
.box4 .contain .right .content .list::before{
    content: '';
    width: 0;
    left: 20px;
    height: 2px;
    border-top: 2px solid white;
    display: block;
    position: absolute;
    top: 5px;

}
.box4 .contain .right .content .list::after{
    content: '';
    width: 0;
    right: 20px;
    height: 2px;
    border-bottom: 2px solid white;
    display: block;
    position: absolute;
    bottom: 5px;

}
.box4 .contain .right .content .list:hover::before{
    width: calc(100% - 40px);
    transition: 1s;
}
.box4 .contain .right .content .list:hover::after{
    width: calc(100% - 40px);
    transition: 1s;
}
.box4 .contain .right .content .list .link{display: flex;flex-wrap: nowrap;flex-direction: row;color: black;height: 100%;width: 100%;position: relative}
 .box4 .contain .right .content .list .link .time{text-align: center;box-sizing: border-box;background: rgb(115,119,123);height: 90px;width:110px;padding-top: 20px}
 .box4 .contain .right .content .list .link .time .year{font-size: 14px;line-height: 14px;color: white;margin-bottom: 5px}
 .box4 .contain .right .content .list .link .time .day{font-size: 23px;line-height: 23px;color: white}
.box4 .contain .right .content .list .link .new{margin-left: 20px;box-sizing: border-box;width: 84%;overflow: hidden;height: 92px}
.box4 .contain .right .content .list .link .new .tle{font-size: 18px;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-top: 7px}
.box4 .contain .right .content .list .link .new .news{font-size: 14px;line-height: 18px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;opacity: 0.6}
.box4 .contain .right .content .list .link:hover .time{transform: rotateY(360deg);transition: 1s;background: #fff}
.box4 .contain .right .content .list .link:hover .year,
.box4 .contain .right .content .list .link:hover .day{color:#333}
.box4 .contain .right .content .list:hover{background-color: rgb(253,201,0)}
.box4 .contain .right .content .list:hover .link .new .tle{color: white;transition: 0.5s}
.box4 .contain .right .content .list:hover .link .new .news{color: white;transition: 0.5s;opacity: 1}