.banner {
    width: 100%;
    height: 476px;
    background: url('../img/banner8.jpg') center center / cover no-repeat;;
    overflow: hidden;
    text-align: center;
}
.banner > .title,
.banner > .title-en {
    font-size: 36px;
    color: #FFFFFF;
    margin-top: 12px;
}
.banner > .title {
    margin-top: 220px;
}
.download {
    width: 1200px;
    margin: 80px auto;
}
.download .list {
    padding-bottom: 48px;
    overflow: hidden;
}
.download .list .item {
    width: 100%;
    padding: 44px 176px 44px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #EFEFEF;
    overflow: hidden;
    position: relative;
}
.download .list .item:hover {
    background: #E5191A;
    border-radius: 6px;
}
.download .list .item .img-wrap {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translate(0, -50%);
}
.download .list .item .img-wrap img {
    width: 100%;
    height: 100%;
}
.download .list .item .img-wrap img.moren,
.download .list .item:hover .img-wrap img.active {
    display: block;
}
.download .list .item:hover .img-wrap img.moren,
.download .list .item .img-wrap img.active {
    display: none;
}
.download .list .item:hover
.download .list .item::after {
    clear: both;
    content: '';
}
.download .list .item .left {
    float: left;
    width: 824px;
    font-size: 18px;
    padding-left: 32px;
    padding-right: 20px;
    box-sizing: border-box;
    color: #333333;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.download .list .item .right {
    float: right;
    width: 200px;
    text-align: right;
    font-size: 18px;
    color: #666666;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.download .list .item:hover .left,
.download .list .item:hover .right  {
    color: #FFFFFF;
}