@charset "utf-8";

#sub_bnr_wrap{width:100%;height:46.5rem;overflow:hidden;position:relative}
#sub_bnr_wrap .sub_tit_box{max-width:140rem;width:100%;position:absolute;bottom:5rem;left:50%;transform:translateX(-50%);z-index:10;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between}
#sub_bnr_wrap .sub_tit_box .s_tit{margin-bottom:1rem;font-size:1.8rem;font-weight:600;color:#fff;text-shadow: 0 0 1rem rgba(0, 0, 0, .2)}
#sub_bnr_wrap .sub_tit_box .tit{font-size:6.5rem;font-weight:700;line-height:110%;color:#fff;text-shadow: 0 0 1rem rgba(0, 0, 0, .2);font-family:"Poppins"}
#sub_bnr_wrap .sub_tit_box .tit span{color:var(--pt-color)}

#sub_bnr_wrap .sub_tit_box .page_root{font-size:1.6rem;font-weight:500;line-height:100%;color:#fff;display:flex;align-items:center;justify-content:center;gap:.5rem 3rem}
#sub_bnr_wrap .sub_tit_box .page_root li{position:relative;text-align:center}
#sub_bnr_wrap .sub_tit_box .page_root li:after {content: "\f105";color:rgba(255,255,255,.5);position:absolute;right:-1.8rem;top:50%;transform:translateY(-56%);font-family:'fontawesome';}
#sub_bnr_wrap .sub_tit_box .page_root li:last-child{font-weight:700}
#sub_bnr_wrap .sub_tit_box .page_root li:last-child:after{display:none}

#sub_bnr_wrap .sub_bnr{width:100%;height:100%;animation:sub_bnr 20s linear infinite}
#sub_bnr_wrap .sub_bnr::before{content:'';width:100%;height:100%;background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 85%, rgba(0,0,0,0.5) 100%);;position:absolute;left:0;bottom:0;transition:all .3s}

@keyframes sub_bnr{0%{transform:scale(1)} 50%{transform:scale(1.13)} 100%{transform:scale(1)}}

@media(max-width: 1400px) {
	#sub_bnr_wrap .sub_tit_box{padding:0 2rem}
}

@media(max-width: 1280px) {
	#sub_bnr_wrap .sub_tit_box .tit{font-size:6rem}
}
@media(max-width: 1024px) {
	#sub_bnr_wrap{height:43rem}
	#sub_bnr_wrap .sub_tit_box{top:50%;bottom:auto;transform:translate(-50%,-36%);justify-content:center}
	#sub_bnr_wrap .sub_tit_box .tit_box{width:100%;margin-bottom:2rem;text-align:center}
	#sub_bnr_wrap .sub_tit_box .tit{font-size:5.5rem}

	#sub_bnr_wrap .sub_bnr::before{background:rgba(0,0,0,.3)}
}
@media(max-width: 767px) {
	#sub_bnr_wrap{height:40rem}
	#sub_bnr_wrap .sub_tit_box .tit{font-size:5rem}
}
@media(max-width: 480px) {
	#sub_bnr_wrap{height:35rem}
	#sub_bnr_wrap .sub_tit_box .tit{font-size:4.5rem}
}
@media(max-width: 320px) {
	#sub_bnr_wrap{height:30rem}
	#sub_bnr_wrap .sub_tit_box .tit{font-size:4rem}
}