#magazine3 ul{list-style:none}
#magazine3 .posts{margin-bottom:24px}
#magazine3 .posts ul{display:flex;row-gap:24px;column-gap:24px;justify-content:center}
#magazine3 .posts ul li{filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.3));width:20%;}
#magazine3 .posts ul li img{width:100%;}
#magazine3 .title{text-align:center;font-size:36px;margin-bottom:24px}
#magazine3 .CompanysCooperated{display:grid;grid-template-columns:repeat(auto-fit,calc(25% - 15px));row-gap:24px;column-gap:20px;justify-content:center}
#magazine3 .CompanysCooperated li{background:#e1e1e1;border-radius:10px;display:flex;align-items:center;justify-content:center}
#magazine3 .achievement ul{display:flex;flex-wrap:wrap;justify-content:center;grid-template-columns:repeat(auto-fit,calc(25% - 15px))}
#magazine3 .achievement ul li{text-align:center}
#magazine3 .achievement ul li img{width:100%;max-width:400px}
#magazine3 .achievement ul li p{display:block;height:55px;}
#magazine3 .bx-controls-direction{display:flex;justify-content:center;align-items:center;padding:12px 0;column-gap:12px}
#magazine3 .bx-controls-direction a{text-decoration:none;width:33px;height:25px;display:flex;color:#9e9e9e;background:#fff;justify-content:center;align-items:center;font-size:18px;font-weight:700;border-radius:5px}
@media all and (max-width:768px){#magazine3 .title{text-align:center;font-size:24px}
#magazine3 .posts ul li img{width:auto;}
#magazine3 .CompanysCooperated{grid-template-columns:repeat(auto-fit,calc(50% - 15px))}
#magazine3 .CompanysCooperated img{width: 100%;}
#magazine3 .achievement ul li,#magazine3 .posts ul li{text-align:center;width:100%}
#magazine3 .posts ul {
    display: block;
    row-gap: unset;
    column-gap: unset;
    justify-content: center;
}
}
@media all and (max-width:480px){#magazine3 .achievement ul li img{width:100%;max-width:320px}
#magazine3 .title{text-align:center;font-size:18px}}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}}
@media all and (max-width:480px) {
    #magazine3 .achievement ul li p{font-size: 15px}
}