.in-content .in-img img{
    width: 100%;
    height: 100%;
}
.in-content .in-img{
    width: 540px;
    height: 340px;
}
.in-content{
    display: flex;
}
.in-content .in-img{
    z-index: 100    ;
}
.in-content .in-text{
    width: 900px;
    height: 260px;
    background-color: rgba(255,255,255,1);
    box-shadow: 0px 2px 6px 0px rgba(191,191,191,0.4);
    position: relative;
    top: 40px;
    box-sizing: border-box;
    left: -20px;
    padding: 40px 40px 40px 60px;
}
.in-content .in-text-even{
    width: 900px;
    height: 260px;
    background-color: rgba(255,255,255,1);
    box-shadow: 0px 2px 6px 0px rgba(191,191,191,0.4);
    position: relative;
    top: 40px;
    box-sizing: border-box;
    left: 20px;
    padding: 40px 60px 40px 40px;
}
.in-content .in-text:hover,.in-content .in-text-even:hover{
    background-color: rgba(136,17,11,1);
    color: #fff;
}
.in-content .in-text .in-text-title,.in-content .in-text-even .in-text-title{
    height: 28px;
    line-height: 28px;
    font-size: 20px;
    width: 820px;
}
.in-content .in-text .in-text-intro, .in-content .in-text-even .in-text-intro{
    height: 46px;
    line-height: 23px;
    font-size: 16px;
    margin-top: 50px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
}
.in-content .in-text .in-date, .in-content .in-text-even .in-date{
    margin-top: 50px;
}