@charset "utf-8";
#atc01{width:100%;position:relative}
#atc01 .inc_inner {max-width:170rem;width:100%;margin:0 auto;padding:15rem 10rem}

#atc01 .tit_box{margin-bottom:5rem;text-align:center;opacity:0;transition:opacity 1.5s}
#atc01 .tit_box .s_tit{margin-bottom:1rem;font-size:1.7rem;font-weight:700;color:var(--pt-color);font-family:'Poppins'}
#atc01 .tit_box .tit{margin-bottom:2rem;font-size:5.4rem;font-weight:700;line-height:1;color:#000;font-family:'Poppins'}
#atc01 .tit_box .tit span{color:var(--pt-color)}
#atc01 .tit_box .txt{max-width:85rem;width:100%;margin:0 auto;font-size:1.7rem;line-height:150%;color:#888;word-break:keep-all}

#atc01 .tit_box.active{opacity:1}

#atc01 .cont_list{display:flex;flex-wrap:wrap;gap:5rem 2%;justify-content: center;}
#atc01 .cont_list li{width:32%;position:relative;left:-3rem;opacity:0;transition:left 1s, opacity 1s;}
#atc01 .cont_list li.active{left:0;opacity:1}
#atc01 .cont_list a{display:block;width:100%;height:100%}
#atc01 .cont_list .img_box{width:100%;border-radius:2rem;box-shadow:0 0 2rem rgba(0,0,0,.2);position:relative;overflow:hidden}
#atc01 .cont_list .img_box img{width:100%;transition:all .3s}
#atc01 .cont_list .num{width:15rem;height:3.5rem;border-radius:3.5rem;background:var(--pt-color);box-shadow:0 0 1rem rgba(0,0,0,.2);font-size:1.5rem;font-weight:700;text-align:center;line-height:3.5rem;color:#fff;position:absolute;top:3rem;left:3rem;z-index:10;font-family:'Poppins'}
#atc01 .cont_list .txt_box{margin-top:2rem;text-align:center}
#atc01 .cont_list .txt_box .s_tit{font-size:1.7rem;font-weight:700;color:var(--pt-color);font-family:'Poppins'}
#atc01 .cont_list .txt_box .tit{font-size:2.5rem;font-weight:700;color:#222}
#atc01 .cont_list li:hover img{transform:scale(1.05)}




@media(max-width:1280px){
	#atc01 .inc_inner{padding:15rem 5rem}
	#atc01 .tit_box .tit{font-size:5.1rem}
}
@media(max-width:1024px){
	#atc01 .inc_inner{padding:13rem 2rem}

	#atc01 .tit_box .tit{font-size:4.8rem}
	
	#atc01 .cont_list{max-width:70rem;width:100%;margin:0 auto}
	#atc01 .cont_list li{width:49%}
}
@media(max-width:767px){
	#atc01 .inc_inner{padding:10rem 2rem}
	#atc01 .tit_box .s_tit{margin-bottom:1rem}
	#atc01 .tit_box .tit{margin-bottom:1rem;font-size:4rem}
	#atc01 .tit_box .txt br{display:none}
	
	#atc01 .cont_list{max-width:50rem}
	#atc01 .cont_list li{width:100%}
	#atc01 .cont_list li .img_box{height:30rem}
	#atc01 .cont_list li .img_box img{height:100%;object-fit:cover}
	#atc01 .cont_list .txt_box .tit{font-size:2.2rem}
	
	
}
@media(max-width:480px){
	#atc01 .inc_inner{padding:8rem 2rem}
	#atc01 .tit_box .tit{font-size:3.7rem}
	
	#atc01 .cont_list .num{left:2rem;top:2rem}
	
	
}
@media(max-width:320px){
	#atc01 .inc_inner{padding:7rem 2rem}
	#atc01 .tit_box .tit{font-size:3.4rem}
}