.banner {
    display: block;
    margin: 0 auto;
    width: 75vw;
    border-radius: 0.83333vw;
}
div {
    box-sizing: border-box;
}
.title {
    padding-top: 1.46vw;
    text-align: center;
    font-weight: 600;
    font-size: 1.5625vw;
    color: #1E3F66;
}
.box{
    width: 75vw;
    margin: 0 auto;
}
.li {
    cursor: pointer;
    display: flex;
    align-items: center;
    margin: 1.46vw 0 0;
    height: 13.64583vw;
    border-bottom: 1px solid #D8D8D8;
    padding-right: 0.7812vw;
    position: relative;
}
.li-l {
    width: 8.22916vw;
    height: 13.64583vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.li-l .li-l-h1 {
    font-weight: 600;
    font-size: 3.75vw;
    color: #333333;
}
.li-l .li-l-h2 {
    padding-top: 1.46vw;
    font-weight: 600;
    font-size: 1.5625vw;
    color: #333333;
}
.li:hover {
    box-shadow: 0px 0.20833vw 0.52083vw 0px rgba(4,80,168,0.3);
}
.li:hover .li-l{
    background: #0450A8;
}
.li:hover .li-l::after{
    content: '';
    position: absolute;
    top: 5.58vw;
    left: 8.229vw;
    width: 0;
    height: 0;
    border-top: 1.25vw solid transparent;
    border-left: 1.25vw solid #0450A8;
    border-bottom: 1.25vw solid transparent;
}
.li:hover .li-l .li-l-h1{
    color: #fff;
}
.li:hover .li-l .li-l-h2{
    color: #fff;
}

.li-content {
    flex: 1;
    padding: 0 4.01041vw;
}
.li-content-h1 {
    font-weight: 600;
    font-size: 1.25vw;
    color: #0450A8;
}
.li-content-h2 {
    padding-top: 1.46vw;
    font-weight: 400;
    font-size: 0.83333vw;
    color: #666666;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;
}
.li-r {
    width: 18.95833vw;
    height: 12.1875vw;
    object-fit: cover;
}