@charset "utf-8";

#inc04{width:100%;padding:15rem 5rem;background:#f4f6fb}
#inc04 .inner{max-width:140rem;width:100%;margin:0 auto;display:flex;align-items: center;}
#inc04 .tit_box{width:56rem;padding-right:3rem}
#inc04 .tit_box .s_tit{margin-bottom:1rem;font-size:1.7rem;font-weight:700;color:var(--pt-color);font-family:'Poppins'}
#inc04 .tit_box .tit{font-size:5rem;font-weight:700;line-height:130%;color:#222}
#inc04 .tit_box .txt{margin-top:1rem;font-size:1.7rem;line-height:150%;color:#666}

#inc04 .inc04_btn_area{margin-top:5rem;display:flex;flex-wrap:wrap;align-items: center;gap:1.5rem}
#inc04 .inc04_num{display:flex;flex-wrap:wrap;gap:1.3rem}
#inc04 .inc04_num span{font-size:1.5rem;font-weight:700;color:#666;font-family:'Poppins'}
#inc04 .inc04_num .s_num{color:var(--pt-color);position:relative}
#inc04 .inc04_num .s_num:before{content:'';width:1px;height:1rem;background:#ccc;position:absolute;top:50%;right:-.7rem;transform:translateY(-50%)}
#inc04 .inc04_btn_area .line{width:8rem;height:1px;background:#ddd}
#inc04 .control_box{display:flex}
#inc04 .control_box .c_btn{width:5rem;height:5rem;border-radius:50%;background:#fff;position:relative;transition:all .3s;cursor:pointer;display:flex;align-items:center;justify-content:center;}
#inc04 .control_box .c_btn + .c_btn {margin-left:-.8rem} 
#inc04 .control_box .c_btn img{filter: invert(1);opacity:.5;transition:all .3s}
#inc04 .control_box .c_btn.on{background:var(--pt-color);z-index:10}
#inc04 .control_box .c_btn.on img{filter:invert(0);opacity:1}

#inc04 .inc04_slider_wrap{width:calc(100% - 56rem)}
#inc04 .inc04_slider_wrap .inc04_slider{width:calc(100vw - ((100vw - 140rem) / 2) - 54rem);padding:4rem 0;overflow:hidden}
#inc04 .inc04_slider .swiper-slide{width:37rem;height:46rem;margin-right:4rem}
#inc04 .inc04_slider .swiper-slide a{display:block;width:100%;position:relative;z-index:5;transition:all .3s}
#inc04 .inc04_slider .swiper-slide-active a{width:calc(100% + 8rem);top:-4rem}
#inc04 .inc04_slider .swiper-slide-active ~ li a {left:8rem;}

#inc04 .inc04_slider .img_box{width:100%;border-radius:2rem;overflow:hidden}
#inc04 .inc04_slider .img_box img{width:100%;transition:all .3s}
#inc04 .inc04_slider .img_box:hover img{transform:scale(1.05)}

#inc04 .inc04_slider .txt_box{width:100%;margin-top:2rem;text-align:center}
#inc04 .inc04_slider .txt_box .s_tit{display:inline-block;margin-bottom:1rem;padding:.5rem 1.5rem;border-radius: 5rem;background: #e8edf5;font-size: 1.5rem;font-weight: 600;color: var(--pt-color);}
#inc04 .inc04_slider .txt_box .tit{width:100%;font-size:1.8rem;font-weight:500;color:#222}

@media(max-width:1280px){
	#inc04{padding:13rem 3rem}
	#inc04 .tit_box .tit{font-size:4.7rem}
}


@media(max-width:1024px){
	#inc04{padding:12rem 2rem}
	#inc04 .inner{flex-wrap:wrap}
	#inc04 .tit_box{width:100%;margin-bottom:5rem;padding:0;text-align:center}
	#inc04 .tit_box .tit{font-size:4.4rem}
	#inc04 .inc04_btn_area{margin-top:3rem;justify-content: center;}

	#inc04 .inc04_slider_wrap{width:100%}
	#inc04 .inc04_slider_wrap .inc04_slider{width:100%;padding:0;overflow:unset}
	#inc04 .inc04_slider .swiper-slide{max-width:40rem;width:95%;height:auto;margin:0 1rem}
	#inc04 .inc04_slider .swiper-slide-active a{width:100%;top:auto}
	#inc04 .inc04_slider .swiper-slide-active ~ li a {left:auto;}
}

@media(max-width:767px){
	#inc04{padding:11rem 2rem}
	#inc04 .tit_box .tit{font-size:4.1rem}
	
	
	
	
}

@media(max-width:480px){
	#inc04{padding:10rem 2rem}
	#inc04 .tit_box .tit{font-size:3.8rem}
	#inc04 .tit_box .tit br{display:none}
	#inc04 .tit_box .txt br{display:none}
	
}

@media(max-width:320px){
	#inc04{padding:10rem 1.5rem}
	#inc04 .tit_box .tit{font-size:3.5rem}
}