/* 官网原版页头（居中 Logo）— 由 www-dev 原站内页计算样式规则提取，仅作用于 header.head。生成：work/build3/mkheader.py */
html body > header.head{--oh-blue:#0a55c9;--oh-ui-gutter:clamp(20px,4.25vw,68px);--oh-v4436-gutter:24px;--oh-v4436-container:1280px;--oh-v4439-width:1280px;--oh-v4439-gutter:48px;--oh-navigation-content-width:1280px;--oh-navigation-side-gap:24px;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:normal;color:rgb(20,52,94);letter-spacing:normal}
@media (max-width:1100px){html body > header.head{--oh-v4439-gutter:32px}}
@media (max-width:700px){html body > header.head{--oh-v4436-gutter:20px;--oh-v4439-gutter:20px}}
@media (max-width:680px){html body > header.head{--oh-ui-gutter:18px}}
@media (max-width:420px){html body > header.head{--oh-v4439-gutter:16px}}
:where(header.head),:where(header.head) *,:where(header.head) ::before,:where(header.head) ::after{box-sizing:border-box}
:where(header.head) a{color:inherit;text-decoration:none;word-break:normal;overflow-wrap:normal}:where(header.head) button{font:revert;word-break:normal;overflow-wrap:normal}
:where(header.head) img{max-width:100%;display:block;height:auto}header.head a[class*="cta"]{border-radius:10px!important}
@media (prefers-reduced-motion:reduce){header.head *{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.head{position: sticky; top: 0px; z-index: 100; background: rgba(255, 255, 255, 0.96); backdrop-filter: blur(16px); display: grid; grid-template-columns: 1fr 102px 1fr; align-items: center; border-bottom: 1px solid rgb(226, 232, 238);}
.navleft, .navright{display: flex; gap: 17px; align-items: center;}
.navright{justify-content: flex-end;}
.head a{font-size: 14px; color: rgb(7, 30, 155);}
.head .logo{display: grid; place-items: center;}
.menu{display: none; background: rgb(255, 255, 255); border: 1px solid rgb(204, 215, 228); border-radius: 999px; padding: 12px 16px; cursor: pointer;}
.head{backdrop-filter: blur(18px); border-bottom: 1px solid rgb(218, 226, 232) !important; background: rgba(255, 255, 255, 0.97) !important;}
.head nav a{letter-spacing: 0.02em; font-weight: 550;}
.head{height: 86px; grid-template-columns: 1fr 102px 1fr; padding: 0px clamp(20px, 3.4vw, 58px); gap: 20px;}
.head .logo img{width: 73px; max-height: 72px;}
.navleft{gap: clamp(12px, 1.25vw, 23px);}
.navleft a{white-space: nowrap; font-size: 14px !important; font-weight: 650 !important;}
.navleft a[aria-current="page"]{color: rgb(7, 30, 155) !important;}
.navright{gap: 12px;}
.head a:hover{color: rgb(7, 30, 155);}
.navleft{flex-wrap: nowrap;}
@media (max-width: 1230px){.head{grid-template-columns: 1fr auto;}}
@media (max-width: 1230px){.head > .logo{grid-area: 1 / 1; justify-self: start;}}
@media (max-width: 1230px){.head > .navleft{grid-area: 1 / 2;}}
@media (max-width: 1230px){.head > .navright{display: none;}}
@media (max-width: 1230px){.head > .navleft a{font-size: 12px !important;}}
@media (max-width: 800px){.head{display: flex; align-items: center; justify-content: space-between;}}
@media (max-width: 800px){.head > .navleft{display: none;}}
@media (max-width: 800px){.head > .menu{display: block;}}
.head{position: sticky !important; top: 0px !important; z-index: 1000 !important; display: grid !important; grid-template-columns: minmax(0px, 1fr) 84px minmax(0px, 1fr) !important; align-items: center !important; gap: 24px !important; min-height: 94px !important; height: 94px !important; padding: 0px clamp(24px, 3vw, 56px) !important; background: rgb(255, 255, 255) !important; border-bottom: 1px solid rgb(227, 232, 240) !important; box-shadow: none !important; overflow: visible !important;}
.head .navleft, .head .navright{display: flex !important; align-items: center !important; gap: clamp(15px, 1.4vw, 27px) !important; min-width: 0px !important; flex-wrap: nowrap !important;}
.head .navleft{grid-column: 1; justify-content: flex-end !important;}
.head .navright{grid-column: 3; justify-content: flex-start !important;}
.head .logo{grid-area: 1 / 2 !important; position: static !important; display: flex !important; align-items: center !important; justify-content: center !important; place-self: center !important; width: 78px !important; height: 82px !important; min-height: 0px !important; padding: 0px !important; margin: 0px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; filter: none !important; transform: none !important; overflow: visible !important;}
.head .logo::before, .head .logo::after{display: none !important;}
.head .logo img{display: block !important; height: 74px !important; max-height: 74px !important; width: auto !important; max-width: 64px !important; object-fit: contain !important; filter: none !important; background: none !important; border: 0px !important; border-radius: 0px !important; padding: 0px !important; margin: 0px !important;}
.head .navleft a:not(.logo), .head .navright a:not(.contactbtn){position: relative !important; display: inline-flex !important; align-items: center !important; height: 94px !important; font-size: clamp(12px, 0.94vw, 15px) !important; font-weight: 650 !important; letter-spacing: 0px !important; white-space: nowrap !important; color: rgb(7, 30, 155) !important; text-decoration: none !important; line-height: 1.2 !important; border: 0px !important; background: transparent !important; box-shadow: none !important; padding: 0px !important;}
.head .navleft a:not(.logo)::after, .head .navright a:not(.contactbtn)::after{content: ""; position: absolute; bottom: 25px; left: 0px; right: 0px; height: 2px; background: rgb(11, 89, 200); transform: scaleX(0); transform-origin: left center; transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1); pointer-events: none;}
.head .navleft a:not(.logo):hover::after, .head .navleft a:not(.logo):focus-visible::after, .head .navright a:not(.contactbtn):hover::after, .head .navright a:not(.contactbtn):focus-visible::after{transform: scaleX(1);}
.head .navleft a[aria-current="page"]{color: rgb(7, 30, 155) !important;}
.head .menu{display: none !important;}
@media (max-width: 1430px){.head{grid-template-columns: 1fr auto !important; height: 82px !important; min-height: 82px !important; padding: 0px 26px !important;}}
@media (max-width: 1430px){.head .logo{grid-area: 1 / 1 !important; justify-self: start !important; width: 70px !important; height: 72px !important;}}
@media (max-width: 1430px){.head .logo img{height: 67px !important; max-height: 67px !important;}}
@media (max-width: 1430px){.head .navleft, .head .navright{display: none !important;}}
@media (max-width: 1430px){.head .menu{grid-area: 1 / 2 !important; display: block !important; position: static !important; justify-self: end !important; background: rgb(247, 249, 252) !important; color: rgb(7, 30, 155) !important; border: 1px solid rgb(220, 229, 240) !important; border-radius: 999px !important; cursor: pointer !important; padding: 10px 20px !important; min-width: 70px !important;}}
@media (max-width: 1430px){.head .navleft[data-open="1"]{display: flex !important; position: absolute !important; top: calc(100% + 1px) !important; left: 18px !important; right: 18px !important; flex-direction: column !important; align-items: stretch !important; gap: 0px !important; max-height: calc(-102px + 100vh) !important; overflow-y: auto !important; background: rgb(255, 255, 255) !important; border: 1px solid rgb(225, 232, 240) !important; border-radius: 12px !important; padding: 12px 22px !important; box-shadow: rgba(21, 49, 85, 0.12) 0px 18px 48px !important; z-index: 1002 !important;}}
@media (max-width: 1430px){.head .navleft[data-open="1"] a{height: auto !important; min-height: 48px !important; font-size: 15px !important;}}
@media (max-width: 1430px){.head .navleft[data-open="1"] a::after{bottom: 7px !important; right: auto !important; width: 100% !important;}}
@media (prefers-reduced-motion: reduce){.head a::after{transition: none !important;}}
.head{backdrop-filter: blur(16px); background: rgba(255, 255, 255, 0.94) !important; border-bottom: 1px solid rgb(228, 237, 248) !important; box-shadow: rgba(33, 77, 135, 0.035) 0px 5px 25px !important;}
.head a:not(.btn):hover{color: rgb(7, 30, 155) !important;}
.head .logo img{object-fit: contain;}
.head{grid-template-columns: auto 1fr auto !important; gap: 34px !important; min-height: 88px !important; height: auto !important; padding: 8px var(--oh-ui-gutter) !important; display: flex !important; align-items: center !important; justify-content: space-between !important;}
.head > .logo{order: 0 !important; grid-area: auto !important; flex: 0 0 auto !important; position: static !important; transform: none !important; width: 75px !important; height: 76px !important;}
.head > .logo img{max-width: 68px !important; max-height: 72px !important; object-fit: contain !important;}
.head > .navleft{order: 1 !important; grid-column: auto !important; justify-content: flex-end !important; gap: clamp(12px, 1.55vw, 26px) !important; min-width: 0px !important;}
.head > .navright{order: 2 !important; grid-column: auto !important; display: flex !important; justify-content: flex-end !important; gap: clamp(12px, 1.55vw, 26px) !important; min-width: 0px !important;}
.head .navleft a, .head .navright a{white-space: nowrap !important; font-size: clamp(12px, 0.89vw, 14px) !important;}
@media (max-width: 1200px){.head{gap: 17px !important;}}
@media (max-width: 1200px){.head > .navleft{gap: 12px !important;}}
@media (max-width: 1200px){.head > .navright{gap: 12px !important;}}
@media (max-width: 1040px){.head{min-height: 80px !important; padding: 5px var(--oh-ui-gutter) !important;}}
@media (max-width: 1040px){.head > .logo{order: 0 !important; margin-right: auto !important;}}
@media (max-width: 1040px){.head > .navleft, .head > .navright{display: none !important;}}
@media (max-width: 1040px){.head > .menu{display: block !important; order: 3 !important;}}
@media (max-width: 1040px){.head > .navleft[data-open="1"]{max-height: 70vh; overflow: auto; display: flex !important; flex-wrap: wrap !important; position: absolute !important; left: var(--oh-ui-gutter) !important; right: var(--oh-ui-gutter) !important; top: 76px !important; background: rgb(255, 255, 255) !important; z-index: 999 !important; box-shadow: rgba(16, 46, 83, 0.2) 0px 12px 35px !important; padding: 20px !important; border-radius: 12px !important;}}
.head{position: sticky !important; display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 88px !important; padding: 8px clamp(18px, 3.5vw, 60px) !important; gap: 0px !important;}
.head > .logo{position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; grid-area: auto !important; order: 0 !important; margin: 0px !important; justify-self: center !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 82px !important; height: 78px !important; z-index: 2 !important; pointer-events: auto !important;}
.head > .logo img{max-width: 70px !important; max-height: 76px !important; width: auto !important; height: auto !important; object-fit: contain !important;}
.head > .navleft, .head > .navright{position: relative !important; min-width: 0px !important; width: calc(50% - 58px) !important; flex: 0 1 calc(50% - 58px) !important; gap: clamp(10px, 1.15vw, 22px) !important;}
.head > .navleft{order: 0 !important; justify-content: flex-end !important;}
.head > .navright{order: 2 !important; justify-content: flex-start !important;}
.head > .menu{order: 3 !important;}
@media (max-width: 1430px){.head{min-height: 78px !important; height: 78px !important; justify-content: flex-end !important;}}
@media (max-width: 1430px){.head > .logo{left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; position: absolute !important; justify-self: center !important; width: 75px !important; height: 70px !important;}}
@media (max-width: 1430px){.head > .logo img{max-height: 67px !important;}}
@media (max-width: 1430px){.head > .navleft, .head > .navright{display: none !important;}}
@media (max-width: 1430px){.head > .menu{display: block !important; position: relative !important; z-index: 3 !important; margin-left: auto !important;}}
@media (max-width: 1430px){.head > .navleft[data-open="1"]{display: flex !important; width: auto !important; flex: 0 0 auto !important; left: 18px !important; right: 18px !important; top: calc(100% + 1px) !important;}}
@media (max-width: 600px){.head{padding-inline: 18px !important;}}
@media (max-width: 600px){.head > .logo{width: 66px !important;}}
@media (max-width: 600px){.head > .logo img{max-width: 59px !important; max-height: 64px !important;}}
header.head{position: sticky !important; top: 0px !important; z-index: 300 !important; display: grid !important; grid-template-columns: minmax(0px, 1fr) 90px minmax(0px, 1fr) !important; align-items: center !important; gap: 20px !important; width: 100% !important; min-height: 84px !important; padding: 0px clamp(22px, 3vw, 62px) !important; background: rgba(252, 254, 255, 0.91) !important; border-bottom: 1px solid rgba(132, 179, 222, 0.24) !important; box-shadow: rgba(14, 70, 130, 0.043) 0px 9px 26px !important; backdrop-filter: blur(18px) saturate(1.25) !important;}
header.head > .logo{grid-area: 1 / 2 !important; justify-self: center !important; position: relative !important; left: auto !important; transform: none !important; display: grid !important; place-items: center !important; width: 90px !important; min-width: 90px !important; z-index: 5 !important;}
header.head > .logo img{display: block !important; width: 67px !important; height: 68px !important; object-fit: contain !important;}
header.head > .navleft{grid-area: 1 / 1 !important; display: flex !important; justify-content: flex-end !important; align-items: center !important; gap: clamp(12px, 1.35vw, 24px) !important; min-width: 0px !important;}
header.head > .navright{grid-area: 1 / 3 !important; display: flex !important; justify-content: flex-start !important; align-items: center !important; gap: clamp(11px, 1.25vw, 22px) !important; min-width: 0px !important;}
header.head .navleft a, header.head .navright > a:not(.contactbtn){transition: color 0.22s; font-size: clamp(12px, 0.93vw, 14px) !important; font-weight: 650 !important; color: rgb(51, 83, 115) !important; white-space: nowrap !important;}
header.head .navleft a:hover, header.head .navright a:hover{color: rgb(7, 30, 155) !important;}
header.head .menu{display: none !important;}
@media (max-width: 1370px){header.head{gap: 12px !important; padding: 0px 20px !important;}}
@media (max-width: 1370px){header.head > .navleft, header.head > .navright{gap: 11px !important;}}
@media (max-width: 1370px){header.head .navleft a, header.head .navright > a:not(.contactbtn){font-size: 12px !important;}}
@media (max-width: 1030px){header.head{grid-template-columns: 1fr auto 1fr !important;}}
@media (max-width: 1030px){header.head > .navleft, header.head > .navright{display: none !important;}}
@media (max-width: 1030px){header.head > .logo{grid-column: 2 !important;}}
@media (max-width: 1030px){header.head > .menu{display: inline-flex !important; grid-area: 1 / 3 !important; justify-self: end !important; border-radius: 10px !important;}}
@media (max-width: 1030px){header.head > .navleft[data-open="1"]{display: flex !important; position: absolute !important; top: 84px !important; left: 15px !important; right: 15px !important; padding: 20px !important; background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 231, 244) !important; border-radius: 16px !important; box-shadow: rgba(18, 70, 130, 0.13) 0px 18px 50px !important; flex-direction: column !important; align-items: stretch !important; z-index: 350 !important;}}
@media (max-width: 1030px){header.head > .navleft[data-open="1"] a{padding: 7px 5px; font-size: 15px !important;}}
@media (max-width: 700px){header.head{min-height: 74px !important;}}
@media (max-width: 700px){header.head > .logo img{width: 59px !important; height: 63px !important;}}
@media (max-width: 700px){header.head > .navleft[data-open="1"]{top: 74px !important;}}
header.head{height: 88px !important; min-height: 88px !important; display: grid !important; grid-template-columns: minmax(0px, 1fr) 102px minmax(0px, 1fr) !important; column-gap: 22px !important; align-items: center !important; padding: 0px clamp(24px, 3vw, 60px) !important; overflow: visible !important;}
header.head > .logo{grid-area: 1 / 2 !important; position: static !important; transform: none !important; left: auto !important; right: auto !important; width: 102px !important; min-width: 102px !important; display: flex !important; justify-content: center !important; align-items: center !important; z-index: 5 !important;}
header.head > .logo img{height: 65px !important; width: 76px !important; object-fit: contain !important; display: block !important;}
header.head > .navleft{grid-area: 1 / 1 !important; min-width: 0px !important; display: flex !important; justify-content: flex-end !important; gap: clamp(9px, 1vw, 17px) !important; align-items: center !important; white-space: nowrap !important;}
header.head > .navright{grid-area: 1 / 3 !important; min-width: 0px !important; display: flex !important; justify-content: flex-start !important; gap: clamp(9px, 1vw, 17px) !important; align-items: center !important; white-space: nowrap !important;}
header.head nav a{font-size: clamp(12px, 0.82vw, 14px) !important; font-weight: 600 !important; letter-spacing: -0.01em !important; line-height: 1.4 !important; text-decoration: none !important; flex: 0 0 auto !important;}
header.head nav a[aria-current="page"]{color: rgb(7, 30, 155) !important; font-weight: 750 !important;}
header.head nav a.nav-cta{border-radius: 999px !important; background: linear-gradient(100deg, rgb(14, 98, 223), rgb(27, 138, 250)) !important; color: rgb(255, 255, 255) !important; padding: 11px 17px !important; box-shadow: rgba(15, 102, 212, 0.13) 0px 8px 18px !important;}
header.head nav a.nav-cta.portal{background: rgb(255, 255, 255) !important; color: rgb(7, 30, 155) !important; border: 1px solid rgb(150, 187, 234) !important; box-shadow: none !important;}
header.head > .menu{display: none !important;}
@media (max-width: 1480px){header.head{padding: 0px 18px !important; column-gap: 10px !important; grid-template-columns: minmax(0px, 1fr) 86px minmax(0px, 1fr) !important;}}
@media (max-width: 1480px){header.head > .logo{width: 86px !important; min-width: 86px !important;}}
@media (max-width: 1480px){header.head .navleft, header.head .navright{gap: 8px !important;}}
@media (max-width: 1480px){header.head nav a{font-size: 12px !important;}}
@media (max-width: 1480px){header.head nav a.nav-cta{padding: 10px 12px !important;}}
@media (max-width: 1180px){header.head{height: 78px !important; min-height: 78px !important; grid-template-columns: 1fr 92px 1fr !important;}}
@media (max-width: 1180px){header.head > .navleft, header.head > .navright{display: none !important;}}
@media (max-width: 1180px){header.head > .menu{display: inline-flex !important; grid-area: 1 / 3 !important; justify-self: end !important; z-index: 20 !important;}}
@media (max-width: 1180px){header.head > .logo{grid-column: 2 !important; width: 92px !important; min-width: 92px !important;}}
@media (max-width: 1180px){header.head > .navleft[data-open="1"]{display: flex !important; position: absolute !important; left: 14px !important; right: 14px !important; top: 78px !important; padding: 18px !important; flex-direction: column !important; align-items: stretch !important; background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 233, 250) !important; border-radius: 18px !important; box-shadow: rgba(22, 74, 139, 0.15) 0px 25px 60px !important; z-index: 999 !important; gap: 0px !important;}}
@media (max-width: 1180px){header.head > .navleft[data-open="1"] a{font-size: 16px !important; padding: 12px !important; border-bottom: 1px solid rgb(238, 243, 250) !important;}}
header.head .v26-mobile-only{display: none !important;}
@media (max-width: 1180px){header.head > .navleft[data-open="1"] .v26-mobile-only{display: contents !important;}}
html body > header.head{position: sticky !important; top: 0px !important; z-index: 1000 !important; display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; box-sizing: border-box !important; width: 100% !important; min-width: 0px !important; height: 88px !important; min-height: 88px !important; padding: 0px clamp(18px, 2.4vw, 44px) !important; gap: 0px !important; overflow: visible !important;}
html body > header.head > a.logo{position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; grid-area: auto !important; order: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; width: 90px !important; height: 78px !important; min-width: 90px !important; min-height: 0px !important; padding: 0px !important; margin: 0px !important; background: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: none !important; z-index: 10 !important; flex: 0 0 auto !important; place-self: auto !important;}
html body > header.head > a.logo img{display: block !important; width: auto !important; height: 72px !important; max-height: 72px !important; max-width: 76px !important; min-width: 0px !important; object-fit: contain !important; object-position: center center !important; margin: 0px auto !important; padding: 0px !important; transform: none !important; filter: none !important;}
html body > header.head > nav.navleft, html body > header.head > nav.navright{position: relative !important; box-sizing: border-box !important; width: calc(50% - 60px) !important; flex: 0 1 calc(50% - 60px) !important; min-width: 0px !important; margin: 0px !important; gap: clamp(7px, 0.86vw, 16px) !important; align-items: center !important; flex-wrap: nowrap !important;}
html body > header.head > nav.navleft{order: 1 !important; justify-content: flex-end !important; padding-right: 0px !important;}
html body > header.head > nav.navright{order: 3 !important; justify-content: flex-start !important; padding-left: 0px !important;}
html body > header.head > nav a{font-size: clamp(12px, 0.78vw, 14px) !important; line-height: 1.4 !important; white-space: nowrap !important; flex: 0 0 auto !important;}
html body > header.head > button.menu{order: 4 !important;}
@media (max-width: 1420px){html body > header.head{height: 78px !important; min-height: 78px !important; padding: 0px 24px !important;}}
@media (max-width: 1420px){html body > header.head > nav.navleft, html body > header.head > nav.navright{display: none !important;}}
@media (max-width: 1420px){html body > header.head > a.logo{width: 84px !important; min-width: 84px !important; height: 72px !important;}}
@media (max-width: 1420px){html body > header.head > a.logo img{height: 66px !important; max-height: 66px !important;}}
@media (max-width: 1420px){html body > header.head > button.menu{display: flex !important; position: relative !important; right: auto !important; grid-area: auto !important; margin-left: auto !important; align-items: center !important; justify-content: center !important; z-index: 15 !important;}}
@media (max-width: 1420px){html body > header.head > nav.navleft[data-open="1"]{display: flex !important; position: absolute !important; top: calc(100% + 1px) !important; left: 16px !important; right: 16px !important; width: auto !important; max-height: calc(100dvh - 94px) !important; flex-direction: column !important; align-items: stretch !important; overflow-y: auto !important; box-shadow: rgba(12, 57, 117, 0.15) 0px 24px 64px !important; background: white !important; border: 1px solid rgb(217, 232, 248) !important; border-radius: 16px !important; padding: 12px 18px !important; z-index: 50 !important; gap: 0px !important;}}
@media (max-width: 1420px){html body > header.head > nav.navleft[data-open="1"] a{display: block !important; font-size: 15px !important; padding: 13px 12px !important; height: auto !important; min-height: 0px !important;}}
@media (max-width: 600px){html body > header.head{height: 72px !important; min-height: 72px !important; padding: 0px 16px !important;}}
@media (max-width: 600px){html body > header.head > a.logo{height: 66px !important;}}
@media (max-width: 600px){html body > header.head > a.logo img{height: 60px !important; max-height: 60px !important;}}
html body > header.head{display: grid !important; grid-template-columns: minmax(0px, 1fr) 80px minmax(0px, 1fr) !important; grid-template-rows: 84px !important; align-items: center !important; height: 84px !important; min-height: 84px !important; width: 100% !important; max-width: none !important; padding: 0px clamp(22px, 3vw, 66px) !important; gap: 24px !important; justify-content: initial !important; box-sizing: border-box !important; background: rgb(255, 255, 255) !important; box-shadow: rgb(227, 237, 248) 0px 1px 0px !important;}
html body > header.head > nav.navleft{display: flex !important; grid-area: 1 / 1 !important; align-items: center !important; justify-content: flex-start !important; gap: clamp(9px, 1.35vw, 28px) !important; min-width: 0px !important; position: static !important; transform: none !important; white-space: nowrap !important; margin: 0px !important; padding: 0px !important;}
html body > header.head > nav.navright{display: flex !important; grid-area: 1 / 3 !important; align-items: center !important; justify-content: flex-end !important; gap: clamp(9px, 1.35vw, 28px) !important; min-width: 0px !important; position: static !important; transform: none !important; white-space: nowrap !important; margin: 0px !important; padding: 0px !important;}
html body > header.head > nav.navleft > a, html body > header.head > nav.navright > a{padding: 10px 0px !important; margin: 0px !important; flex: 0 0 auto !important; min-width: 0px !important; height: auto !important; line-height: 1.2 !important; font-size: clamp(12px, 0.92vw, 16px) !important; letter-spacing: -0.02em !important; font-weight: 600 !important; color: rgb(7, 30, 155) !important; border: 0px !important; box-shadow: none !important;}
html body > header.head > nav a:hover, html body > header.head > nav a[aria-current="page"]{color: rgb(7, 30, 155) !important;}
html body > header.head > a.logo{grid-area: 1 / 2 !important; place-self: center !important; position: static !important; inset: auto !important; transform: none !important; margin: 0px !important; padding: 0px !important; width: 76px !important; min-width: 76px !important; height: 78px !important; min-height: 0px !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 2 !important;}
html body > header.head > a.logo img{width: auto !important; max-width: 72px !important; height: 72px !important; max-height: 72px !important; object-fit: contain !important; transform: none !important; position: static !important;}
html body > header.head > nav.navright > a.nav-cta{background: linear-gradient(105deg, rgb(236, 48, 77), rgb(217, 29, 63)) !important; color: rgb(255, 255, 255) !important; border: 0px !important; border-radius: 999px !important; padding: 12px 17px !important; box-shadow: rgba(217, 29, 63, 0.12) 0px 6px 15px !important;}
html body > header.head > nav.navright > a.nav-cta.portal{background: linear-gradient(103deg, rgb(12, 91, 220), rgb(43, 174, 255)) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(12, 91, 220, 0.15) 0px 6px 15px !important;}
html body > header.head > nav.navright > a.nav-cta:hover{filter: brightness(1.06);}
html body > header.head .v26-mobile-only{display: none !important;}
html body > header.head > button.menu{display: none !important;}
@media (max-width: 1179px){html body > header.head{grid-template-columns: minmax(0px, 1fr) 76px minmax(0px, 1fr) !important; grid-template-rows: 76px !important; height: 76px !important; min-height: 76px !important; padding: 0px 20px !important; gap: 12px !important;}}
@media (max-width: 1179px){html body > header.head > nav.navleft, html body > header.head > nav.navright{display: none !important;}}
@media (max-width: 1179px){html body > header.head > a.logo{grid-area: 1 / 2 !important; width: 70px !important; height: 70px !important; min-width: 70px !important;}}
@media (max-width: 1179px){html body > header.head > a.logo img{height: 65px !important; max-height: 65px !important;}}
@media (max-width: 1179px){html body > header.head > button.menu{display: flex !important; grid-area: 1 / 3 !important; justify-self: end !important; align-items: center !important; justify-content: center !important; position: static !important; margin: 0px !important; transform: none !important; right: auto !important; border: 1px solid rgb(207, 222, 240) !important; border-radius: 8px !important; min-width: 68px !important; height: 38px !important;}}
@media (max-width: 1179px){html body > header.head > nav.navleft[data-open="1"]{display: flex !important; position: absolute !important; left: 16px !important; right: 16px !important; top: calc(100% + 1px) !important; width: auto !important; max-height: calc(100dvh - 94px) !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; gap: 0px !important; padding: 12px !important; background: white !important; box-shadow: rgba(18, 65, 128, 0.17) 0px 18px 50px !important; border: 1px solid rgb(220, 232, 247) !important; border-radius: 12px !important; overflow-y: auto !important; z-index: 100 !important;}}
@media (max-width: 1179px){html body > header.head > nav.navleft[data-open="1"] > a{font-size: 15px !important; padding: 13px !important; white-space: normal !important;}}
@media (max-width: 1179px){html body > header.head > nav.navleft[data-open="1"] .v26-mobile-only{display: flex !important; flex-direction: column !important;}}
@media (max-width: 1179px){html body > header.head > nav.navleft[data-open="1"] .v26-mobile-only a{padding: 13px !important; font-size: 15px !important; color: rgb(7, 30, 155) !important;}}
html body > header.head{display: grid !important; grid-template-columns: minmax(0px, 1fr) 82px minmax(0px, 1fr) !important; grid-template-rows: 80px !important; height: 80px !important; min-height: 80px !important; gap: 22px !important; padding: 0px clamp(20px, 3vw, 54px) !important; align-items: center !important; box-sizing: border-box !important; background: rgb(255, 255, 255) !important; position: relative !important; z-index: 900 !important; box-shadow: rgba(24, 70, 130, 0.12) 0px 1px 0px !important;}
html body > header.head > nav.navleft, html body > header.head > nav.navright{position: static !important; transform: none !important; display: flex !important; align-items: center !important; gap: clamp(12px, 1.25vw, 22px) !important; padding: 0px !important; margin: 0px !important; width: 100% !important; min-width: 0px !important; white-space: nowrap !important;}
html body > header.head > nav.navleft{grid-column: 1 !important; justify-content: flex-start !important;}
html body > header.head > nav.navright{grid-column: 3 !important; justify-content: flex-end !important;}
html body > header.head > nav.navleft > a, html body > header.head > nav.navright > a:not(.nav-cta){background: none transparent !important; border: 0px !important; border-radius: 0px !important; box-shadow: none !important; padding: 11px 0px !important; margin: 0px !important; height: auto !important; min-height: 0px !important; min-width: 0px !important; line-height: 1.4 !important; color: rgb(7, 30, 155) !important; font-size: clamp(12px, 0.87vw, 15px) !important; font-weight: 600 !important; letter-spacing: 0px !important; white-space: nowrap !important; text-decoration: none !important;}
html body > header.head > nav.navleft > a:hover, html body > header.head > nav.navright > a:not(.nav-cta):hover, html body > header.head > nav a:not(.nav-cta)[aria-current="page"]{color: rgb(7, 30, 155) !important;}
html body > header.head > a.logo{position: static !important; grid-area: 1 / 2 !important; justify-self: center !important; margin: 0px !important; padding: 0px !important; transform: none !important; inset: auto !important; height: 74px !important; min-height: 0px !important; width: 76px !important; min-width: 0px !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 2 !important;}
html body > header.head > a.logo img{width: 72px !important; height: 70px !important; max-width: 72px !important; max-height: 70px !important; object-fit: contain !important; transform: none !important;}
html body > header.head > nav.navright > a.nav-cta, html body > header.head > nav.navright > a.nav-cta.portal{display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; position: static !important; transform: none !important; height: 38px !important; min-height: 38px !important; box-sizing: border-box !important; padding: 0px 17px !important; margin: 0px !important; min-width: 88px !important; border-radius: 8px !important; border: 1px solid transparent !important; line-height: 1 !important; font-size: 14px !important; letter-spacing: 0px !important; font-weight: 650 !important; color: rgb(255, 255, 255) !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: none !important; filter: none !important;}
html body > header.head > nav.navright > a.nav-cta{background: none rgb(217, 38, 66) !important;}
html body > header.head > nav.navright > a.nav-cta.portal{background: none rgb(7, 91, 217) !important;}
html body > header.head > nav.navright > a.nav-cta:hover{background: rgb(187, 30, 55) !important; filter: none !important;}
html body > header.head > nav.navright > a.nav-cta.portal:hover{background: rgb(3, 72, 184) !important;}
html body > header.head .v26-mobile-only{display: none !important;}
html body > header.head > button.menu{display: none !important;}
@media (max-width: 1239px){html body > header.head{grid-template-columns: minmax(0px, 1fr) 74px minmax(0px, 1fr) !important; grid-template-rows: 74px !important; height: 74px !important; min-height: 74px !important;}}
@media (max-width: 1239px){html body > header.head > nav.navleft, html body > header.head > nav.navright{display: none !important;}}
@media (max-width: 1239px){html body > header.head > a.logo{height: 70px !important; width: 74px !important;}}
@media (max-width: 1239px){html body > header.head > a.logo img{width: 66px !important; height: 66px !important;}}
@media (max-width: 1239px){html body > header.head > button.menu{display: flex !important; grid-area: 1 / 3 !important; justify-self: end !important; align-items: center !important; justify-content: center !important; position: static !important; min-width: 68px !important; height: 38px !important; margin: 0px !important; padding: 0px 12px !important; border-radius: 8px !important; border: 1px solid rgb(200, 217, 238) !important; background: rgb(255, 255, 255) !important; color: rgb(7, 30, 155) !important; box-shadow: none !important;}}
@media (max-width: 1239px){html body > header.head > nav.navleft[data-open="1"]{display: flex !important; position: absolute !important; top: calc(100% + 1px) !important; left: 16px !important; right: 16px !important; width: auto !important; max-height: calc(100dvh - 88px) !important; overflow-y: auto !important; align-items: stretch !important; justify-content: flex-start !important; flex-direction: column !important; gap: 0px !important; padding: 12px !important; background: rgb(255, 255, 255) !important; border: 1px solid rgb(219, 230, 245) !important; border-radius: 12px !important; box-shadow: rgba(20, 58, 104, 0.16) 0px 18px 50px !important; z-index: 999 !important;}}
@media (max-width: 1239px){html body > header.head > nav.navleft[data-open="1"] > a{padding: 13px 12px !important; font-size: 15px !important;}}
@media (max-width: 1239px){html body > header.head > nav.navleft[data-open="1"] .v26-mobile-only{display: flex !important; flex-direction: column !important; width: 100% !important;}}
@media (max-width: 1239px){html body > header.head > nav.navleft[data-open="1"] .v26-mobile-only a{padding: 13px 12px !important; color: rgb(7, 30, 155) !important; font-size: 15px !important;}}
.head{padding-left: max(var(--oh-v4436-gutter),calc((100vw - var(--oh-v4436-container))/2)) !important; padding-right: max(var(--oh-v4436-gutter),calc((100vw - var(--oh-v4436-container))/2)) !important; box-sizing: border-box !important;}
@media (max-width: 1040px){.head{padding-left: var(--oh-v4436-gutter) !important; padding-right: var(--oh-v4436-gutter) !important;}}
header.head{padding-left: max(var(--oh-v4439-gutter),calc((100vw - var(--oh-v4439-width))/2)) !important; padding-right: max(var(--oh-v4439-gutter),calc((100vw - var(--oh-v4439-width))/2)) !important;}
html body > header.head{z-index: 1200 !important;}
html body > header.head, html body header.head{position: fixed !important; top: 0px !important; left: 0px !important; right: 0px !important; width: 100% !important; margin: 0px !important; z-index: 1500 !important; visibility: visible !important; opacity: 1 !important; transform: none !important; background: rgba(255, 255, 255, 0.98) !important; border-bottom: 1px solid rgb(224, 232, 242) !important; box-sizing: border-box !important;}
header.head{padding-left: max(48px, -730px + 50vw) !important; padding-right: max(48px, -730px + 50vw) !important;}
@media (max-width: 1100px){header.head{padding-left: 32px !important; padding-right: 32px !important;}}
@media (max-width: 700px){header.head{padding-left: 20px !important; padding-right: 20px !important;}}
@media (max-width: 420px){header.head{padding-left: 16px !important; padding-right: 16px !important;}}
html body > header.head > a.logo img{height: 76px !important; max-height: 76px !important; max-width: 80px !important; width: auto !important;}
@media (max-width: 600px){html body > header.head > a.logo img{height: 64px !important; max-height: 64px !important;}}
body > header.head{transition: background 0.25s, border-color 0.25s, box-shadow 0.25s; background: transparent !important; border-bottom: 1px solid transparent !important; box-shadow: none !important; backdrop-filter: none !important;}
body > header.head:hover, body > header.head:focus-within, body > header.head.is-active{background: rgb(255, 255, 255) !important; border-bottom-color: rgb(223, 232, 242) !important; box-shadow: rgba(16, 48, 84, 0.08) 0px 4px 24px !important;}
body > header.head .navleft a, body > header.head .navright a{transition: color 0.2s, background 0.2s;}
body > header.head .nav-cta{border-radius: 999px !important;}
@media (prefers-reduced-motion: reduce){body > header.head{transition: none !important;}}
body > header.head{position: sticky !important; top: 0px !important; background: rgb(255, 255, 255) !important; border-bottom: 1px solid rgb(224, 233, 243) !important; box-shadow: none !important; backdrop-filter: none !important; margin-bottom: 0px !important; min-height: 106px !important; height: 106px !important;}
body > header.head .navright a.nav-cta:not(.portal){background: transparent !important; border: 1px solid rgb(30, 97, 185) !important; color: rgb(7, 30, 155) !important; border-radius: 999px !important;}
body > header.head .navright a.nav-cta.portal{background: linear-gradient(105deg, rgb(231, 44, 73), rgb(37, 91, 208)) !important; border: 1px solid transparent !important; color: white !important; border-radius: 999px !important;}
@media (max-width: 800px){body > header.head{height: 80px !important; min-height: 80px !important;}}
html body > header.head nav.navleft > a:not(.nav-cta)::after, html body > header.head nav.navright > a:not(.nav-cta)::after{bottom: 2px !important; height: 2px !important; left: 0px !important; right: 0px !important; pointer-events: none !important;}
html body > header.head nav.navleft > a:not(.nav-cta), html body > header.head nav.navright > a:not(.nav-cta){position: relative !important; line-height: 1.4 !important; text-shadow: none !important;}
html body > header.head nav.navright > a.nav-cta::after{display: none !important;}
html body > header.head nav.navright > a.nav-cta:not(.portal){border-radius: 10px !important; background: none transparent !important; border: 1px solid rgb(1, 63, 201) !important; color: rgb(7, 30, 155) !important;}
html body > header.head nav.navright > a.nav-cta:not(.portal):hover{background: rgb(238, 244, 255) !important; color: rgb(7, 30, 155) !important;}
html body > header.head nav.navright > a.nav-cta.portal, html body > header.head nav.navright > a.nav-cta.portal:hover{border-radius: 10px !important; background: linear-gradient(105deg, rgb(243, 1, 2) 0%, rgb(247, 25, 31) 23.9216%, rgb(247, 99, 104) 41.9608%, rgb(254, 68, 81) 58.8235%, rgb(52, 19, 130) 58.8235%, rgb(113, 124, 217) 61.9608%, rgb(74, 105, 207) 65.8824%, rgb(182, 174, 220) 72.9412%, rgb(14, 71, 202) 83.9216%, rgb(5, 65, 201) 90.9804%, rgb(1, 63, 201) 100%) !important; color: white !important;}
html body > header.head > nav.navright > a.nav-cta:not(.portal), html body > header.head > nav.navright > a.nav-cta:not(.portal):hover, html body > header.head > nav.navright > a.nav-cta:not(.portal):focus-visible{background: none rgb(11, 34, 156) !important; border: 0px !important; border-radius: 999px !important; color: rgb(255, 255, 255) !important; box-shadow: none !important;}
html body > header.head > nav.navright > a.nav-cta.portal, html body > header.head > nav.navright > a.nav-cta.portal:hover, html body > header.head > nav.navright > a.nav-cta.portal:focus-visible{background: linear-gradient(74.4222deg, rgb(243, 1, 0) 3.088%, rgb(7, 30, 155) 152.7%) !important; border: 0px !important; border-radius: 999px !important; color: rgb(255, 255, 255) !important; box-shadow: none !important;}
html body > header.head > nav.navright > a.nav-cta{gap: 8px !important; font-weight: 600 !important;}
html body > header.head > nav.navright > a.nav-cta:hover{filter: brightness(1.08) !important;}
.nav-portal-arrow{display: inline-block; line-height: 1; font-weight: 700;}
html body > header.head{--oh-navigation-content-width: 1460px; --oh-navigation-side-gap: clamp(20px,5vw,80px); grid-template-rows: minmax(0px, 1fr) !important; align-items: center !important; padding-left: max(var(--oh-navigation-side-gap),calc((100% - var(--oh-navigation-content-width))/2)) !important; padding-right: max(var(--oh-navigation-side-gap),calc((100% - var(--oh-navigation-content-width))/2)) !important; box-sizing: border-box !important;}
html body > header.head > nav.navleft, html body > header.head > nav.navright, html body > header.head > a.logo, html body > header.head > button.menu{align-self: center !important;}
@media (max-width: 1239px){html body > header.head{--oh-navigation-side-gap: clamp(18px,5vw,32px) !important; grid-template-rows: minmax(0px, 1fr) !important;}}
@media (max-width: 1239px){html body > header.head > nav.navleft[data-open="1"]{align-self: auto !important;}}
html body > header.head > nav.navright > a.nav-cta:not(.portal), html body > header.head > nav.navright > a.nav-cta:not(.portal):hover, html body > header.head > nav.navright > a.nav-cta:not(.portal):focus-visible{background: none rgb(11, 34, 156) !important; color: rgb(255, 255, 255) !important; border: 0px !important; border-radius: 999px !important;}
html body > header.head > nav.navright > a.nav-cta.portal, html body > header.head > nav.navright > a.nav-cta.portal:hover, html body > header.head > nav.navright > a.nav-cta.portal:focus-visible{background: linear-gradient(90deg, rgb(243, 1, 0) 0%, rgb(7, 30, 155) 100%) !important; color: rgb(255, 255, 255) !important; border: 0px !important; border-radius: 999px !important;}
html body > header.head{--oh-navigation-content-width: 1280px !important; --oh-navigation-side-gap: 24px !important; padding-left: max(24px, 50% - 640px) !important; padding-right: max(24px, 50% - 640px) !important;}
@media (max-width: 700px){html body > header.head{padding-left: 20px !important; padding-right: 20px !important;}}
html body :is(a.nav-cta, a.ig-hero-discover, a.ig-button, a.button, a.btn, a.v26-ghost, a.v26-solid, a.v4430-btn, a.ic-button, a.case29-button, a.igp-button, a[class*="-cta"], a[class*="-btn"], button[type="submit"], .igp-section-6 a, .v4430-join-actions a, .ig-full-feature-inner > a, .ic-malaysia-copy > a){border-radius: 999px !important;}
html body .navright .contact-nav{background: rgb(7, 30, 155) !important; color: rgb(255, 255, 255) !important; border: 1px solid rgb(7, 30, 155) !important;}
html body .navright .contact-nav{background: none rgb(7, 30, 155) !important;}
.ig-language{position: relative; flex: 0 0 auto; color: rgb(23, 56, 97); font-size: 13px; font-weight: 600;}
.ig-language summary{display: flex; align-items: center; gap: 5px; list-style: none; cursor: pointer; white-space: nowrap; padding: 9px 4px; user-select: none;}
.ig-language summary::-webkit-details-marker{display: none;}
.ig-language svg{width: 18px; height: 18px;}
.ig-language-menu{position: absolute; z-index: 400; right: 0px; top: calc(100% + 8px); width: 158px; background: rgb(255, 255, 255); border: 1px solid rgb(224, 232, 244); border-radius: 12px; box-shadow: rgba(23, 56, 97, 0.125) 0px 10px 30px; padding: 6px; color: rgb(23, 56, 97);}
.ig-language-menu > span{display: flex; align-items: center; justify-content: space-between; padding: 10px 11px; border-radius: 8px;}
.ig-language-current{color: rgb(7, 30, 155); background: rgb(241, 245, 255);}
.ig-language-unavailable{color: rgb(137, 153, 170);}
.ig-language-unavailable small{font-size: 11px; font-weight: 400;}
.ig-language summary:focus-visible{outline: rgb(7, 30, 155) solid 2px; outline-offset: 3px; border-radius: 8px;}
@media (max-width: 1239px){.v26-mobile-only .ig-language{display: block; width: 100%;}}
@media (max-width: 1239px){.v26-mobile-only .ig-language summary{justify-content: flex-start; padding: 12px 0px;}}
@media (max-width: 1239px){.v26-mobile-only .ig-language-menu{position: static; box-shadow: none; width: 100%; margin: 0px 0px 8px;}}
@media (max-width: 1239px){.v26-mobile-only .ig-language svg{width: 18px; height: 18px;}}
html body > header.head{position:sticky!important;top:0!important}
:root{--hd:80px}@media (max-width:1239px){:root{--hd:74px}}