#main #news {
    width: 1225px;
    min-height: 266px;
}

#main #news ul li {
    height: 244px;
    margin: 50px 0 0;
    position: relative;
    cursor: default;
    border-bottom: 1px solid #B9B9B9;
}

#main #news ul li .newsImage {
    width: 384px;
    height: 215px;
  
}

#main #news ul li .newsContent {
    height: 215px;
    width: 810px;
}

#main #news ul li .newsContent .date {
    height: 32px;
    margin: 13px 0 26px;
}

#main #news ul li .newsContent .date .day {
    height: 32px;
    line-height: 32px;
    font-size: 40px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #5E93FF;
    padding: 0 10px;
}

#main #news ul li .newsContent .date .years {
    display: inline-block;
    text-align: center;
    width: 102px;
    height: 24px;
    background: #5D92FF;
    border-radius: 5px;
    font-size: 20px;
    line-height: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}

#main #news ul li .newsContent .title {
    height: 50px;
    line-height: 25px;
    padding: 0 40px 0 10px;
    text-align: justify;
}

#main #news ul li .newsContent .title strong {
    display: -webkit-box;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: black;
}

#main #news ul li .newsContent .details {
    margin: 20px 0 0;
    height: 52px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #858585;
    line-height: 18px;
    display: -webkit-box;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    padding: 0 30px 0 10px;
    text-align: justify;
}

#main #news ul li .look {
    right: 15px;
    bottom: 5px;
    font-size: 18px;
    font-weight: 400;
    color: #ACACAC;
}

#main #news ul li .look:hover {
    color: #5d92ff;
}