@charset "utf-8";

#atc01{padding:250px 0 130px}
#atc01 .main_tit{max-width:1200px;margin:0 auto 125px !important}
#atc01 .main_tit span{display:block;margin-bottom:15px;color:#777}

#atc01 ul{display:flex;justify-content:flex-end;gap:20px;margin-right:60px}
#atc01 ul li{width:100%;max-width:450px}
#atc01 ul a{position:relative;display:flex;flex-wrap:wrap;align-content:space-between;width:100%;height:320px;padding:50px;border-radius:20px;color:#fff;background:#fff;transition:all .3s}
#atc01 ul a:hover{width:650px;background:var(--primary)}
#atc01 ul a .s_tit{width:100%}
#atc01 ul a .s_tit span{font-size:15px;font-weight:700;color:var(--primary);text-transform:uppercase;font-family:'Play'}
#atc01 ul a .s_tit div{white-space:pre-line;opacity:.5}
#atc01 ul a:hover .s_tit span{color:#fff}
#atc01 ul a .s_tit p{margin:5px 0 5px;font-size:25px;font-weight:700;color:#111}
#atc01 ul a:hover .s_tit p{color:#fff}
#atc01 ul a .cir{display:flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:50%;border:1px solid #e1e1e1;color:#111;transition:all .3s}
#atc01 ul a:hover .cir{border:none;color:var(--primary);background:#fff}
#atc01 ul a img{position:absolute;bottom:50px;right:50px}