@charset "utf-8";

#atc03{overflow:hidden;max-width:1400px;margin:0 auto;padding-bottom:180px}
#atc03 .tit_wrap{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:50px}
#atc03 .tit_wrap .btn_wrap{display:flex;align-items:center;gap:10px}
#atc03 .tit_wrap .btn_wrap .more_btn_wrap a{display:flex;align-items:center;justify-content:center;width:169px;height:53px;border-radius:28px;border:1px solid rgba(255, 255, 255, 0.6);font-size:15px;font-weight:500;color:rgba(255, 255, 255, 0.7);transition:all 0.2s;font-family:var(--e-font)}
#atc03 .tit_wrap .nav_container{display:flex;align-items:center;gap:10px}
#atc03 .tit_wrap .nav_container div{display:flex;align-items:center;justify-content:center;width:53px;height:53px;border-radius:100%;border:1px solid rgba(255, 255, 255, 0.6);transition:all 0.2s;cursor:pointer}
#atc03 .tit_wrap .nav_container div svg{color:rgba(255, 255, 255, 0.6);transition:all 0.2s}
#atc03 .atc03_slide{position:relative;width:100%}
#atc03 .atc03_slide ul li{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;cursor:pointer}
#atc03 .atc03_slide ul li a{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:335px}
#atc03 .atc03_slide ul li img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
#atc03 .atc03_slide ul li .txt{width:100%;padding-top:15px}
#atc03 .atc03_slide ul li .txt h3{display:block;padding-bottom:7px;font-size:18px;font-weight:700;text-align:left;color:#fff}
#atc03 .atc03_slide ul li .txt p{font-size:17px;font-weight:300;color:#fff;text-align:left}

@media (hover:hover){
#atc03 .tit_wrap .nav_container div:hover{border:1px solid #fff}
#atc03 .tit_wrap .nav_container div:hover svg{color:#fff}
#atc03 .tit_wrap .btn_wrap .more_btn_wrap a:hover{border:1px solid #fff;color:#fff}
}
@media(max-width:1700px){
#atc03{max-width:initial;padding-bottom:160px;width:95%}
#atc03 .atc03_slide ul li a{height:auto;padding-bottom:95.2%}
}
@media(max-width:1200px){
#atc03{padding-bottom:120px}
#atc03 .tit_wrap{display:block}
#atc03 .tit_area{display:flex;flex-direction:column;align-items:center;justify-content:center}
#atc03 .tit_area h2{text-align:center}
#atc03 .tit_wrap .btn_wrap{justify-content:flex-end;margin-top:40px}
}
@media(max-width:1024px){
#atc03 .tit_wrap .btn_wrap .more_btn_wrap a{width:150px;height:48px;border-radius:50pt}
#atc03 .tit_wrap .nav_container div{width:48px;height:48px}
}
@media(max-width:768px){
#atc03{padding-bottom:100px;width:90%}
}
@media(max-width:580px){
#atc03 .tit_wrap{padding-bottom:20px}
#atc03 .tit_wrap .btn_wrap{flex-direction:column-reverse;margin-top:30px}
#atc03 .tit_wrap .btn_wrap .more_btn_wrap{display:flex;justify-content:flex-end;width:100%}
#atc03 .tit_wrap .btn_wrap .more_btn_wrap a{width:auto;height:auto;padding:10px 20px;font-size:14px}
}
@media(max-width:390px){
#atc03 .tit_wrap .nav_container div{width:45px;height:45px}
#atc03 .tit_wrap .btn_wrap .more_btn_wrap a{padding:9px 15px;font-size:13px}
#atc03 .atc03_slide ul li .txt h3{font-size:17px}
#atc03 .atc03_slide ul li .txt p{font-size:16px}
}