@charset "utf-8";

#shSub{display:flex;align-items:center;justify-content:center;height:500px;margin:0 auto;background:url(./sub_bg.jpg) center no-repeat;background-size:cover}
#shSub .txt_area{padding-top:40px;color:#fff;text-align:center}
#shSub .txt_area h1{margin-bottom:20px;font-size:46px;font-weight:700}
#shSub .txt_area div{display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:500}
#shSub .txt_area div a{padding-top:3px}
#shSub .txt_area div svg{fill:#fff}
#shSub .txt_area div i{margin:0 20px;font-size:14px}
#shSub .sub_tit{display:none}

@media (max-width:1200px){
#shSub{height: 420px;}
#shSub .txt_area{padding-top: 0;}
#shSub .txt_area h1{margin-bottom: 15px;font-size: 42px;}
}
@media (max-width:1024px){
#shSub{height:350px}
#shSub .txt_area h1{margin-bottom:8px;font-size:30px}
}
@media (max-width:768px){
#shSub{height:320px}
#shSub .txt_area h1{font-size:28px}
#shSub .txt_area div{font-size:15px}
}
@media (max-width:580px){
#shSub{height:300px}
#shSub .txt_area h1{margin-bottom:6px;font-size:26px}
}
@media (max-width:480px){
#shSub{height:100%;padding:20px 0;border-bottom:1px solid #e1e1e1;background:#fff}
#shSub .txt_area{padding-top: 0;}
#shSub .txt_area h1{margin-bottom: 0;font-size:16px;color:#111}
#shSub .txt_area div{display:none}
}