@charset "utf-8";

#inc02{width:100%;background:url(/index/include/include02/bg.jpg) no-repeat center/cover}
#inc02 .inner{max-width:150rem;width:100%;padding:15rem 5rem 29rem;margin:0 auto}
#inc02 .txt_box{margin-bottom:5rem;display:flex;flex-wrap:wrap;align-items:end;gap:2rem;position:relative}
#inc02 .txt_box .tit{font-size:5rem;font-weight:700;line-height:1;color:#fff;font-family:'Poppins'}
#inc02 .txt_box .txt{font-size:1.7rem;line-height:150%;color:rgba(255,255,255,.7)}

#inc02 .control_box{position:absolute;bottom:0;right:0;display:flex}
#inc02 .control_box .c_btn{width:5rem;height:5rem;border-radius:50%;background:rgba(255,255,255,.2);position:relative;transition:all .3s;cursor:pointer;display:flex;align-items:center;justify-content:center;}
#inc02 .control_box .c_btn + .c_btn {margin-left:-.8rem} 
#inc02 .control_box .c_btn.on{background:var(--pt-color);z-index:10}

#inc02 .inc02_slider .swiper-slide{width:40rem;height:40rem;margin-right:3.5rem}
#inc02 .inc02_slider .swiper-slide a{display:block;width:100%;position:relative;z-index:5;transition:all .3s}
#inc02 .inc02_slider .swiper-slide-active a{width:50rem}
#inc02 .inc02_slider .swiper-slide-active ~ li a{left:10rem;}

#inc02 .inc02_slider .img_box{width:100%;border-radius:2rem;background:#fff;overflow:hidden}
#inc02 .inc02_slider .img_box img{width:100%;transition:all .3s}
#inc02 .inc02_slider .img_box:hover img{transform:scale(1.05)}
#inc02 .inc02_slider .tit{margin-top:1.5rem;font-size:1.8rem;font-weight:700;text-align:center;color:#fff;transition:all .3s}
#inc02 .inc02_slider .swiper-slide-active .tit{font-size:2.3rem;font-weight:700}

@media(max-width:1280px){
	#inc02 .inner{padding:13rem 3rem 27rem}
	#inc02 .txt_box .tit{font-size:4.7rem}
}
@media(max-width:1024px){
	#inc02 .inner{padding:12rem 2rem}
	#inc02 .txt_box .tit{font-size:4.4rem}
	#inc02 .inc02_slider .swiper-slide{max-width:40rem;width:95%;height:auto;margin:0 1rem}
	#inc02 .inc02_slider .swiper-slide-active a{width:100%}
	#inc02 .inc02_slider .swiper-slide-active ~ li a{left:auto;}
}
@media(max-width:767px){
	#inc02 .inner{padding:11rem 2rem}
	#inc02 .txt_box{text-align:center;align-items: center;justify-content: center;gap:1rem}
	#inc02 .txt_box .tit{width:100%;font-size:4.1rem}
	#inc02 .txt_box .txt{width:100%}
	#inc02 .control_box{position:unset}
	#inc02 .inc02_slider .swiper-slide-active .tit{font-size:2rem}
	
}
@media(max-width:480px){
	#inc02 .inner{padding:10rem 2rem}
	#inc02 .txt_box .tit{font-size:3.8rem}
	
}
@media(max-width:320px){
	#inc02 .inner{padding:10rem 1.5rem}
	#inc02 .txt_box .tit{font-size:3.6rem}
}