html{scroll-behavior:smooth}
.static-hero{position:relative;height:calc((100vw - 265px)*.7);overflow:hidden;background:#0d1a32}
.static-hero-image{position:absolute;max-width:none;width:138.87%;height:106.1%;left:50%;top:0;transform:translateX(-50%);object-fit:fill}
.hero-caption{position:absolute;left:22.6%;top:60%;width:53%;padding:24px 22px 18px;background:rgba(99,99,99,.5);font:400 clamp(20px,calc((100vw - 265px)*.0266),40px)/1.45 Arial,Helvetica,sans-serif;color:white}
.hero-caption strong{font-size:.82em;color:#ff7800;font-weight:700}
.hero-slogan-zh{position:absolute;width:54%;height:auto;left:23%;top:60%}
.animate{opacity:1!important;visibility:visible!important;transform:none!important}
#Header_creative .creative-wrapper{opacity:1}
#Header_creative .top_bar_left{width:100%!important}
.wpml-languages.lang-open .wpml-lang-dropdown{display:block!important;visibility:visible!important;opacity:1!important}
#Side_slide .lang-wrapper.lang-open{display:block!important}
#Side_slide .menu_wrapper #menu{display:block!important}
#Side_slide{visibility:hidden}
#body_overlay{display:none}
#back_to_top{cursor:pointer}
@media(max-width:1239px){
 .static-hero{height:calc((100vw - 15px)*.7)}
 .hero-caption{font-size:clamp(16px,calc((100vw - 15px)*.0266),32px)}
 #Header_creative{height:auto!important}
 #Header_creative .creative-wrapper{height:auto}
 #Header_creative #Top_bar{position:relative;height:auto;top:0!important}
 #Side_slide{right:-250px!important;visibility:hidden;transition:right .25s ease,visibility .25s}
 body.static-menu-open{overflow:hidden}
 body.static-menu-open #Side_slide{right:0!important;visibility:visible;z-index:10001}
 body.static-menu-open #body_overlay{display:block;position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.5)}
 #Side_slide .menu_wrapper{padding-top:10px}
 #Side_slide .menu_wrapper ul{list-style:none;margin:0}
 #Side_slide .menu_wrapper a{display:block;padding:12px 20px;border-top:1px solid rgba(255,255,255,.05);color:#a6a6a6}
 #Side_slide .menu_wrapper a:hover{color:#ff7800;text-decoration:none}
}
@media(max-width:767px){
 .static-hero{height:calc((100vw - 15px)*.7);min-height:0}




}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* 按原站首屏画布比例缩放，桌面与手机使用同一组图层坐标。 */
.static-hero{--hero-width:calc(100vw - 265px)}
.hero-caption{left:22.6%;width:53.85%;padding:calc(var(--hero-width)*.028) calc(var(--hero-width)*.022) calc(var(--hero-width)*.024);font-size:calc(var(--hero-width)*.0266)}
.hero-slogan-zh{width:37.1%;left:31.45%;top:60.5%}
@media(max-width:1239px){.static-hero{--hero-width:calc(100vw - 15px)}}
.hero-slogan-zh{background:rgba(99,99,99,.5)}

/* 大屏首屏留出下方内容，图片等比裁切，避免按宽度撑满整屏。 */
@media(min-width:1240px){
 .static-hero{height:min(calc((100vw - 265px)*.7),80vh);height:min(calc((100vw - 265px)*.7),80svh)}
 .static-hero-image{width:100%;height:100%;object-fit:cover;object-position:center}
 .hero-caption{font-size:clamp(20px,calc(var(--hero-width)*.0266),40px);padding:clamp(20px,calc(var(--hero-width)*.028),32px) clamp(18px,calc(var(--hero-width)*.022),28px)}
}
