:root{--head-height:300px}.head-banner{z-index:1;position:relative;overflow:hidden}.head-banner .graphic-wave{z-index:4;pointer-events:none;width:100%;height:120px;position:absolute;bottom:-1px;left:0}@keyframes head-graphic-waveI{0%{background-position:0 bottom}to{background-position:-10000px bottom}}@keyframes head-graphic-waveII{0%{background-position:0 bottom}to{background-position:-10000px bottom}}@keyframes head-graphic-waveIII{0%{background-position:0 bottom}to{background-position:10000px bottom}}.head-banner .graphic-wave .graphic{background-repeat:repeat-x;background-size:cover;width:100%;position:absolute;bottom:0;left:0}.head-banner .graphic-wave .graphic.-I{z-index:-3;background-image:url(/img/static/hero-graphic01.png);height:120px;animation:1200s linear infinite head-graphic-waveI}.head-banner .graphic-wave .graphic.-II{z-index:-2;background-image:url(/img/static/hero-graphic02.png);height:91px;animation:1800s linear infinite head-graphic-waveII}.head-banner .graphic-wave .graphic.-III{z-index:-1;background-image:url(/img/static/hero-graphic03.png);height:94px;animation:1500s linear infinite head-graphic-waveIII}.head-banner .ratio{z-index:1;background-color:#0000;position:relative}.head-banner .ratio:before{content:"";padding-top:var(--head-height);display:block}.head-banner .ratio img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;top:0;left:0}.head-banner .content{z-index:2;flex-direction:column;justify-content:center;align-items:center;padding-bottom:60px;padding-left:15px;padding-right:15px;display:flex;position:absolute;inset:0}.head-banner .content .inner{text-align:center;max-width:1200px;margin:0 auto}.head-banner .content .title{color:var(--color-light);text-align:center;-webkit-line-clamp:2;letter-spacing:0;max-width:800px;max-height:3em;margin-bottom:10px;line-height:1.5em}html[data-asw-filter=dark-contrast] .head-banner .graphic-wave .graphic{filter:grayscale()}html[data-asw-filter=dark-contrast] .head-banner .content .title{color:var(--color-light)}html[data-asw-filter=dark-contrast] .head-banner .ratio img,html[data-asw-filter=yellow-contrast] .head-banner .graphic-wave .graphic{filter:grayscale()}html[data-asw-filter=yellow-contrast] .head-banner .content .title{color:var(--color-yellow)}html[data-asw-filter=yellow-contrast] .head-banner .ratio img{filter:grayscale()}@media (max-width:1440px){.head-banner .graphic-wave,.head-banner .graphic-wave .graphic.-I{height:100px}.head-banner .graphic-wave .graphic.-II{height:80px}.head-banner .graphic-wave .graphic.-III{height:84px}}@media (max-width:1199px){.head-banner .ratio:before{padding-top:30%}}@media (max-width:991px){.head-banner .ratio:before{padding-top:34%}.head-banner .content{padding-bottom:60px}}@media (max-width:767px){.head-banner .graphic-wave,.head-banner .graphic-wave .graphic.-I{height:50px}.head-banner .graphic-wave .graphic.-II{height:40px}.head-banner .graphic-wave .graphic.-III{height:45px}.head-banner .content .title{margin-bottom:8px}.head-banner .ratio:before{padding-top:40%}.head-banner .content{padding-bottom:30px}}
.bg-inner{padding:0 0 30px;position:relative}.bg-inner:before{content:"";z-index:-1;filter:blur(20px);background:linear-gradient(#004298 0% 50%,#003f96 100%);height:120px;position:absolute;top:-35px;left:0;right:0}.bg-inner:after{content:"";z-index:-2;background-image:url(/img/background/bg-inner.jpg);background-repeat:no-repeat;background-size:cover;min-height:600px;position:absolute;top:0;left:0;right:0}.bg-inner .gradient-inner{z-index:-1;filter:blur(30px);background:linear-gradient(#0548cb 0%,#f3f6f9 100%);height:300px;position:absolute;top:500px;left:-100px;right:-100px}.bg-inner .graphic{z-index:1;position:absolute}@keyframes move-fish-inner{0%{left:0}to{left:110%}}@keyframes move-fish-inner2{0%{right:0}to{right:110%}}.bg-inner .graphic.-I{animation:200s linear infinite move-fish-inner;top:220px}.bg-inner .graphic.-II{animation:300s linear infinite move-fish-inner2;top:-10px}.bg-inner .section .sc-head .title strong,.bg-inner .section .sc-head .desc{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}html[data-asw-filter=dark-contrast] .bg-inner:before{background:linear-gradient(#3a3a3a 0% 50%,#313131 100%)}html[data-asw-filter=dark-contrast] .bg-inner:after{filter:grayscale()}html[data-asw-filter=dark-contrast] .bg-inner .gradient-inner{background:linear-gradient(#323232 0%,#f1f1f1 100%)}html[data-asw-filter=yellow-contrast] .bg-inner:before{background:linear-gradient(#3a3a3a 0% 50%,#313131 100%)}html[data-asw-filter=yellow-contrast] .bg-inner:after{filter:grayscale()}html[data-asw-filter=yellow-contrast] .bg-inner .gradient-inner{background:linear-gradient(#323232 0%,#f1f1f1 100%)}html[data-asw-filter=yellow-contrast] .bg-inner .graphic svg path{stroke:var(--color-yellow)}@media (max-width:1600px){.bg-inner .graphic.-I svg{width:110px}.bg-inner .graphic.-II svg{width:80px}}@media (max-width:1440px){.bg-inner .graphic.-I svg{width:90px}.bg-inner .graphic.-II svg{width:70px}}@media (max-width:1199px){.bg-inner .graphic.-I svg{width:80px}.bg-inner .graphic.-II svg{width:60px}}@media (max-width:991px){.bg-inner{padding:0}.bg-inner:after{min-height:450px}.bg-inner .gradient-inner{top:300px}}@media (max-width:767px){.bg-inner{padding-bottom:0}.bg-inner:after{min-height:300px}.bg-inner .gradient-inner{height:250px;top:200px}.bg-inner .graphic.-I{top:60px}.bg-inner .graphic.-I svg{width:40px}.bg-inner .graphic.-II{top:-30px}.bg-inner .graphic.-II svg{width:30px}}