@charset "utf-8";

#sub_bnr_wrap{width:100%;height:45rem;padding-top:4rem;margin:0 auto;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;transition:all .3s}
#sub_bnr_wrap .bg{width:100%;height:100%;background:url(/hd/sub/sub_bnr.jpg) repeat center/cover;position:absolute;top:0;left:0;z-index:1;animation:main 20s linear infinite;transition:background-position .5s ease-out}
@keyframes main{from{transform:scale(1)}50%{transform:scale(1.13)}100%{transform:scale(1)}}

#sub_bnr_wrap .sub_tit_box{max-width:130rem;width:100%;text-align:center;margin:0 auto;position:relative;z-index:2}
#sub_bnr_wrap .sub_tit_box .sub_tit{font-weight:700;font-size:5.2rem;color:#fff;transition:all .3s}


@media (max-width: 1400px) {
	#sub_bnr_wrap{width:100%;height:30rem}
}
@media (max-width: 1024px) {
	#sub_bnr_wrap .sub_tit_box .sub_tit{font-size:4.6rem;}
}
@media (max-width: 767px) {
	#sub_bnr_wrap{height:22rem}
	#sub_bnr_wrap .sub_tit_box .sub_tit{font-size:4.3rem;}
}
@media (max-width: 480px) {
	#sub_bnr_wrap .sub_tit_box .sub_tit{font-size:4rem;}
}
@media (max-width: 320px) {
	#sub_bnr_wrap .sub_tit_box .sub_tit{font-size:3.7rem;}
}