@charset "utf-8";

#sub_bnr_wrap{width:100%;height:57rem;position:relative}
#sub_bnr_wrap .sub_inner{width:100%;height:100%;position:relative;overflow:hidden}
#sub_bnr_wrap .sub_tit_box{text-align:center;position:absolute;left:50%;top:53%;z-index:10;transform:translate(-50%,-50%)}
#sub_bnr_wrap .sub_tit_box .tit{width:100%;margin-bottom:2rem;font-size:7rem;font-weight:700;text-shadow:0 0 1rem rgba(0,0,0,.2);line-height:1;color:#fff;font-family:'Poppins'}

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



#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:rgba(0,0,0,.1);position:absolute;left:0;top:0;transition:all .3s}

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


@media(max-width: 1280px) {
	#sub_bnr_wrap{height:50rem}
	#sub_bnr_wrap .sub_tit_box .tit{font-size:6.5rem}
}
@media(max-width: 1024px) {
	#sub_bnr_wrap{height:45rem}
	#sub_bnr_wrap .sub_tit_box .tit{font-size:5.5rem}
	
}
@media(max-width: 767px) {
	#sub_bnr_wrap{height:35rem}
	#sub_bnr_wrap .sub_tit_box{top:50%}
	#sub_bnr_wrap .sub_tit_box .tit{margin-bottom:1rem;font-size:5rem}
	#sub_bnr_wrap .sub_tit_box{width:100%}
	#sub_bnr_wrap .page_root{padding:0 2rem;flex-wrap:wrap;white-space:normal;gap:1rem 2rem}
	#sub_bnr_wrap .page_root li{}
	#sub_bnr_wrap .page_root li:after{right:-1.3rem}
	#sub_bnr_wrap .page_root li{line-height:130%}
	
}
@media(max-width: 480px) {
	#sub_bnr_wrap{height:32rem}
	#sub_bnr_wrap .sub_tit_box .tit{font-size:4.5rem}
	
}
@media(max-width: 320px) {
	#sub_bnr_wrap .sub_tit_box .tit{font-size:4rem}
	
}