@charset "utf-8";

#atc01{padding-bottom:150px}
#atc01 .tit{width:var(--main-size);margin:0 auto}
#atc01 h3{font-size:24px;font-weight:600;font-family:var(--font)}
#atc01 .prd_slider a{position:relative;overflow:hidden;display:block;height:470px;padding:40px 35px;border-radius:20px;color:#fff;background-size:cover}
#atc01 .prd_slider a:after{position:absolute;content:'';bottom:0;left:0;width:100%;height:0;transition:all .5s}
#atc01 .prd_slider a:hover:after{height:100%}
#atc01 .prd_slider a .txt{position:relative;z-index:10;height:100%}
#atc01 .prd_slider a .txt ul{opacity:0;transition:all .5s}
#atc01 .prd_slider a:hover .txt ul{opacity:1}
#atc01 .prd_slider a:hover .row2{opacity:1}
#atc01 .prd_slider a ul{margin-top:30px;font-size:15px;font-weight:500}
#atc01 .prd_slider a ul li:before{display:inline-block;content:'';width:3px;height:3px;margin-right:7px;border-radius:50px;vertical-align:5px;background:rgba(255,255,255,.5)}
#atc01 .prd_slider a .row2{opacity:0;position:absolute;bottom:0;left:0;display:grid;grid-template-columns:repeat(2,1fr);width:100%;transition:all .5s}
#atc01 .prd_slider a .row2 dt{display:inline-block;padding:3px 10px;border-radius:3px;font-size:13px;font-weight:600;color:#fff;background:rgba(0,0,0,.5)}
#atc01 .prd_slider a .row2 dd p{margin:7px 0 2px;font-size:25px;font-weight:600}
#atc01 .prd_slider a .row2 dd span{font-size:14px;font-weight:500;color:rgba(255,255,255,.5)}
#atc01 .bg01{background-image:url('./img/bg01.jpg')}
#atc01 .bg01:after{background:#6F51EA}
#atc01 .bg02{background-image:url('./img/bg02.jpg')}
#atc01 .bg02:after{background:#B89B8E}
#atc01 .bg03{background-image:url('./img/bg03.jpg')}
#atc01 .bg03:after{background:#CCAFB4}
#atc01 .bg04{background-image:url('./img/bg04.jpg')}
#atc01 .bg04:after{background:#3576AE}
#atc01 .bg05{background-image:url('./img/bg05.jpg')}
#atc01 .bg05:after{background:#705978}
#atc01 .bg06{background-image:url('./img/bg06.jpg')}
#atc01 .bg06:after{background:#355687}