

.down-list {
    background:#f6f6f6;
}

.down-list ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-words: flex-start;
    gap: 30px 2%;
    padding:0 0 5% 0;
}
.down-list ul li {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-end;
    width: 49%;
    padding:2%;
    background: #fff;
}
.down-list ul li:hover {box-shadow: 2px 2px 10px #ccc;}
.down-list ul li .down-title {
    padding: 0 0 0 10%;
    background: url(../images/Pdf.svg) no-repeat 10px / 25px;
}
.down-list ul li .down-title h3 {
    font-size: 18px;
    color: #252525;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.down-list ul li:hover .down-title h3 {
    color: #df2228;
}
.down-list ul li .down-go {
    opacity: 0;
}
.down-list ul li:hover .down-go {
     opacity: 1;
}
.down-list ul li .down-go a{
    font-size: 13px;
    color: #797979;
    margin:0 5px
}
.down-list ul li .down-go a:hover{
    color: #000;
}

@media screen and (max-width:1320px){
.down-list ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-words: flex-start;
    gap: 30px 2%;
    padding:0 0 5% 0;
}
.down-list ul li {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    padding: 5% 2%;
}
.down-list ul li .down-title {
    width: 100%;
    margin: 0 0 2% 0;
    padding: 0 0 0 20%;
    background: url(../images/Pdf.svg) no-repeat 10px / 25px;
}
.down-list ul li .down-title h3 {
    font-size: 18px;
    color: #252525;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.down-list ul li .down-go {
    opacity: 1;
}
.down-list ul li:hover .down-go {
     opacity: 1;
}
.down-list ul li .down-go a{
    font-size: 13
    margin:0 5px
}
.down-list ul li .down-go a:hover{
}
}
