html.lenis,
html.lenis body { height: auto; }
body, button, input, select, textarea{	font-family:Manrope-Light;}
h1, h2, h3, h4, h5{ font-family:Manrope-Bold !important;}
.heading,.heading1{font-family:Manrope-Bold !important;}
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden !important; }
.lenis.lenis-stopped .os-scrollbar { display: none; }
.lenis.lenis-scrolling iframe { pointer-events: none; }
html.sr .load-hidden { visibility: hidden; }
.document-loaded .main { animation: mainFadeIn .65s cubic-bezier(0.4, 0, 0.2, 1) 0s forwards; }
[data-scroll-y="false"] { overflow-y: hidden; }
[role="button"] { cursor: pointer; }
.main { position: relative; }
.blind { position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden; }
.inner { position: relative; margin-left: auto; margin-right: auto; max-width: 1600px; width: 90%; }
.inner-small { max-width: 1480px; }
.image-wrap { position: relative; }
.image-wrap::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.color-black { color: var(--color-black) !important; }
.color-dark { color: #111 !important; }
.color-primary { color: #00479d !important; }
.color-navy { color: var(--color-navy) !important; }
.color-sky { color: var(--color-sky) !important; }
.color-red { color: #f85124 !important; }
.bg-primary-light { background-color: #F4F6F9 !important; }
.bg-light { background-color: #fff !important; }
.bg-gray { background-color: #F5F5F5 !important; }
.bg-dark { background-color: #272B31 !important; }
.bg-table-gray { background-color: var(--color-table-gray) !important; }
.align-top { vertical-align: top; }
.word-break-all { word-break: break-all; }
.text-justify { text-align: justify; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.fw-light { font-weight: 200; }
.fw-bold { font-weight: bold; }
.fw-normal { font-weight: 400; }
.fw-medium { font-weight: 500; }
.fw-semibold { font-weight: 600; }
.font-italic { font-style: italic; }
.font-secondary { font-family: 'Figtree'; }
.font-chinese { font-family: 'Noto Sans SC'; }
.w-auto { width: auto; }
.d-none { display: none !important; }
.mt { margin-top: 30px !important; }
.mb { margin-bottom: 30px !important; }
.mt4 { margin-top: 40px !important; }
.mt6 { margin-top: 60px !important; }
.mb8 { margin-bottom: 80px; }
.mt8 { margin-top: 80px !important; }
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }
.my0 { margin-top: 0; margin-bottom: 0; }
.pt0 { padding-top: 0 !important; }
.pb0 { padding-bottom: 0 !important; }
.px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.indent-1 { text-indent: 1em; }
.indent-2 { text-indent: 2em; }
.border-0 { border: none !important; }
.letter-spacing { letter-spacing: 0.05em; }
.text-link { text-decoration: underline; text-underline-offset: 0.25em; }
em, i {font-style: normal !important;}
.sp,
.mo { display: none !important; }
@media screen and (max-width: 1024px) {
	.pc { display: none !important; }
	.sp { display: block !important; }
}
@media screen and (max-width: 768px) {
	.mo { display: block !important; }
}




.max1600{max-width:1600px;margin:auto;}

.swiper-scrollbar { background: #D9D9D9; }
.swiper-scrollbar-drag { background: #00479d; }
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal { left: 0; right: 0; width: 100%; height: 4px; }


.header .search_form{float:right;z-index:10;height:80px;line-height:80px}
.header .search_form a{font-size:14px;line-height:30px;text-align:center;color:#fff;display:inline-block}
.header.white .search_form a{color:#333}
.header .search_form a.lan-a{background-color:transparent;padding:5px;border-radius:20px;line-height:17px;width:50px;margin-right:1px;text-align:center}
.header .search_form .langurl{padding-left:25px;display:inline-block;margin-left:10px;background:url(../images/icon_dq2.png) no-repeat;background-position:left center;background-size:17px}
.header .search_form a.lan-a.active{background-color:#03234b;color:#fff}
.header.scroll .search_form .langurl,#top.white .search_form .langurl{background:url(../images/icon_dq.png) no-repeat;background-position:left center;background-size:17px}

.header.scroll .search_form a{color:#2a2a2a}
.header__search {z-index:11; position:absolute; top:30px; left:-40px;width:20px; height:20px; background:url("../images/icon_search.png") no-repeat center / auto 100%; transition-property:background; transition-duration:0.35s; transition-timing-function:ease;}

.header .search_form .l_box a{margin-left:0}
.fix-sear.active{opacity:1;display:block}
.transOne{transition:all .3s;-webkit-transition:all .3s}
.fix-sear{position:fixed;z-index:99999;width:100%;height:100%;top:0;left:0;background-color:rgba(35,35,35,.9);opacity:0;display:none}
.fix-sear .fix-box.active{opacity:1;display:block}
.fix-sear .fix-box{background-color:#fff;padding:100px 0 160px;position:relative;opacity:0;transition:all .7s!important}
.fix-sear .fix-box>a{position:absolute;display:block;width:40px;height:40px;right:50px;top:50px;color:#000;font-size:30px;transform:rotateX(0)}
.fix-box form{display:block;width:50%;position:relative;margin:0 auto;border-bottom:1px solid #666}
.fix-sear .fix-box #key-inp{background-color:#fff;outline:unset;border:unset;color:#454545;height:65px;line-height:65px;padding-left:15px;display:block;width:75%;font-size:18px}
#open_sub{background-image:url(../images/icon_search.png);background-repeat:no-repeat;width:20px;height:20px;position:absolute;display:block;float:right;background-color:unset;top:25px;right:20px;outline:unset;border:unset}
.header .search_form a:hover{color:#03234b}

.header .search_form a:hover .img2{display:block;margin-top:-7px;display:none}
.header .search_form a.langurl:hover{background-image:url(../images/icon_dq.png)}
.l_box{opacity:0;background-color:#fff;display:none;transition:all .3s ease-in;-webkit-transition:all .3 ease-in;bottom:0}
.l_box.active{display:block;opacity:1;height:auto;line-height:30px;width:80px;position:absolute;right:0;bottom:-35px}
.l_box a{display:block;width:100%}
.header .search_form .l_box a{color:#333}
.header .search_form .l_box a:hover{background-color:#03234b;color:#fff}


.fix-sear.active{opacity:1;display:block}
.transOne{transition:all .3s;-webkit-transition:all .3s}
.fix-sear{position:fixed;z-index:99999;width:100%;height:100%;top:0;left:0;background-color:rgba(35,35,35,.9);opacity:0;display:none}
.fix-sear .fix-box.active{opacity:1;display:block}
.fix-sear .fix-box{background-color:#fff;padding:100px 0 160px;position:relative;opacity:0;transition:all .7s!important}
.fix-sear .fix-box>a{position:absolute;display:block;width:40px;height:40px;right:50px;top:50px;color:#000;font-size:30px;transform:rotateX(0)}
.fix-box form{display:block;width:50%;position:relative;margin:0 auto;border-bottom:1px solid #666}
.fix-sear .fix-box #key-inp{background-color:#fff;outline:unset;border:unset;color:#454545;height:65px;line-height:65px;padding-left:15px;display:block;width:75%;font-size:18px}




/* Form */
.check { display: inline-flex; align-items: center; position: relative; user-select: none; }
.check label { padding-left: 8px; font-size: 16px; color: #151515; cursor: pointer; }
.check i { display: inline-block; vertical-align: middle; position: relative; width: 24px; height: 24px; pointer-events: none; }
.check i::before,
.check i::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; }
.check i::after { background-repeat: no-repeat; border: 1px solid #DCDCDC; background-color: #DCDCDC; background-image: url('/images/checked-light.svg'); background-size: auto 75%; background-position: center; transition: all ease .15s; }
.check i::before { background-color: #DCDCDC; border: 1px solid #DCDCDC; }
.check input { z-index: 2; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 24px; height: 24px; color: #fff; opacity: 0; cursor: pointer; }
.check input:checked ~ i::after { background-color: #00479d; border-color: #00479d; }
.check a { display: inline-block; margin-left: 8px; font-size: 16px; color: var(--clr-black); }
.check a span { vertical-align: baseline; }
.check-light label { color: #fff; cursor: pointer; }
.check-light i::after { background-color: #fff; background-image: url('/images/check-dark.png'); }
.check-light i::before { border-color: #fff; }
.radio { display: inline-flex; align-items: center; position: relative; user-select: none; }
.radio label { padding-left: 10px; font-size: 16px; color: #3d3d40; cursor: pointer; }
.radio i { flex-shrink: 0; display: inline-block; vertical-align: middle; position: relative; width: 24px; height: 24px; pointer-events: none; }
.radio i::before,
.radio i::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; }
.radio i::after { padding: 4px; background: var(--clr-primary) url('/images/checked-light.svg') no-repeat center / auto 70%; opacity: 0; }
.radio i::before { border: 1px solid #dddddd; }
.radio input { z-index: 2; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; min-width: auto !important; width: 24px; height: 24px; color: #fff; opacity: 0; cursor: pointer; }
.radio input:checked ~ i::after { opacity: 1; }
/* .radio input:checked ~ label { color: #000; } */
.input-group { display: flex; flex-wrap: wrap; align-items: center; margin: -4px -5px; }
.input-group.radio-box { margin: 0; padding: 10px 20px; min-height: 65px; border: 1px solid var(--border); border-radius: 8px; }
.input-group + .check { margin-top: 14px; }
.input-group .button { padding-top: 8px; padding-bottom: 8px; width: 140px; text-align: center; font-size: inherit; }
.input-group .check,
.input-group .radio { margin: 4px 36px 4px 4px; }
.input-group .col { padding: 5px; }
.input-group .col.auto { flex-grow: 0 !important; }
.input-group.tel { width: 100%; }
.input-group.tel .col { flex: 1 1; }
.input-group.tel .input,
.input-group.tel .select { min-width: auto; width: 100%; }
.input-group.email .col { flex: 1 1; }
.input-group.email .col:first-child input { width: 100%; }
.input-group.email .col:nth-child(2) { flex: 0 0; }
/* .input-group.email input,
.input-group.email select { min-width: 280px; } */
.input-group.regi { max-width: 600px; }
.input-group.regi .col { flex: 1 1; }
.input-group.regi .col:nth-child(2) { flex: 0 0 auto; }
.input-group.regi .col:nth-child(4) { flex: 0 0 140px; width: 100%; }
.input-group.regi .col:nth-child(4) .button { width: 100%; }
.input-group.regi .input,
.input-group.regi .select { width: 100%; }
.input-group.auto .col { flex: 1 1 auto; }
.input-group.auto .input,
.input-group.auto .select,
.input-group.auto textarea { width: 100%; }
.input-group p { margin: 6px; }

.mobile-scroll img { max-width: 100%; }
@media (hover: hover) and (pointer: fine) {
    .floating:hover { transform: scale(1.1); }
    .floating:hover .floating-wrap { box-shadow: -3px 3px 14px 0px rgba(234, 0, 44, 0.5), 3px -3px 14px 0px rgb(255, 121, 0, 0.5); }

    /* .check a:hover { color: $color-black; } */
}
@media screen and (max-width:1024px){
    .inner { padding: 0; width: 90%; }
    .image-wrap.border:not(.full) { padding: 60px; }

    .floating-container { right: 5%; }
    .floating-wrap { margin-bottom: 15px; width: 75px; height: 75px; }
    .floating .icon { margin-bottom: 5px; width: 35px; height: 20px; }
    .floating .text { font-size: 12px; }

    .mobile-scroll { overflow: visible; position: relative; padding-bottom: 30px; }
    .mobile-scroll .swiper-slide { flex: 1 0 auto; width: auto; }
	.mobile-scroll .table { table-layout: auto; }
    .mobile-scroll .image-wrap img { max-width: none; width: 1000px; }

    .scroll-top a { width: 55px; height: 55px; }

    .check i { width: 22px; height: 22px; }
    .check label { font-size: 15px; }
    .input-block-group .radio-block label { font-size: 16px; }

	.input-group { margin: -4px; }
	.input-group .col { flex: 1 1 auto; padding: 4px; }
	.input-group.radio-box { padding: 10px; }
	.input-group .check,
	.input-group .radio { margin: 4px 24px 4px 4px; }
    .input-group.tel { max-width: none; }
	.input-group.email .col { flex-basis: 0; }
	.input-group.email .col:nth-child(2) { flex-grow: 0; }
	.input-group.email .col .select { width: 100%; }
}
@media screen and (max-width:768px){
    .image-wrap.border:not(.full) { padding: 24px; }

    .floating-container { bottom: 25px; }
    .scroll-top { bottom: 15px; }
    .scroll-top a { width: 45px; height: 45px; }

    .check i { width: 20px; height: 20px; }
    .check label { padding-left: 6px; font-size: 14px; }
    .input-block-group .radio-block label { font-size: 14px; }

    .input-group.email .col:last-child { flex-basis: 100%; }
}

/* Icons */
.icon { display: inline-block; vertical-align: middle; }
.icon::before { content: ''; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: auto 100%;font-family: monospace;display: flex;justify-content: center;align-items: center;font-weight: bold;}
.icon-arrow-long-left::before { background-image: url('/images/arrow-long-left.svg'); }
.icon-arrow-right-light::before { background-image: url('/images/icon-arrow-right-light.svg'); }
.icon-download::before { background-image: url('/images/icon-download.svg'); }
.icon-download-light::before { background-image: url('/images/icon-download-light.svg'); }
.icon-arrow-right-primary::before { background-image: url('/images/icon-arrow-right-primary.svg'); }
@media (hover: hover) and (pointer: fine) {
	.button:hover .icon-download::before { background-image: url('/images/icon-download-light.svg'); }
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
}

/* Button */
.button { overflow: hidden; display: inline-flex; align-items: center; justify-content: center; position: relative; padding-right: 24px; padding-left: 24px; height: 60px; line-height: 60px; font-size: 16px; color: var(--clr-black); font-weight: 600; background: transparent; border: 1px solid transparent; border-radius: 8px; transition-property: color, background; transition-timing-function: ease; transition-duration: .15s; }
.button-center { justify-content: center; }
.button-large { line-height: 70px; height: 70px; }
.button-round { border-radius: 100px; }
.button-primary { font-weight: 700; color: #fff; background: #00479d; }
.button-arrow { overflow: hidden; display: inline-block; position: relative; padding-right: 60px; min-width: 220px; color: #fff; border: 1px solid #fff; transition: all ease .35s; }
.button-arrow::after { content: ''; position: absolute; top: 0; right: 30px; bottom: 0; margin: auto; display: block; width: 7px; height: 13px; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 7.7 12.9' enable-background='new 0 0 7.7 12.9' xml:space='preserve' stroke='%23111111'%3E%3Cg%3E%3Cpath stroke-width='1.8' stroke-miterlimit='10' d='M5.7,6.4'/%3E%3Cline stroke-width='1.8' stroke-linecap='square' stroke-linejoin='bevel' stroke-miterlimit='10' x1='1.3' y1='1.3' x2='6.4' y2='6.4'/%3E%3Cline stroke-width='1.8' stroke-linecap='square' stroke-linejoin='bevel' stroke-miterlimit='10' x1='1.3' y1='11.6' x2='6.4' y2='6.4'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; transition: background-image ease .15s; }
.button-round { border-radius: 50px; }
.button-gradient { color: #fff; background-image: linear-gradient(48deg, #00479d, #ff7900, #ff7900, #00479d); background-size: 400% 100%; background-position: 0%; border-color: transparent; transition: background ease .3s; }
.button-dark { color: #fff; background: $color-dark; }
.button-border { background: transparent; border-color: var(--border); }
.button-border-primary { color: #00479d; background: transparent; border-color: #00479d; }
.button-border-light { color: #fff; border-color: #fff; }
.button-border[aria-selected="true"] { color: #fff; background: #00479d; border-color: #00479d; }
.button-arrow[aria-selected="true"]::after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 7.7 12.9' enable-background='new 0 0 7.7 12.9' xml:space='preserve' stroke='%23ffffff'%3E%3Cg%3E%3Cpath stroke-width='1.8' stroke-miterlimit='10' d='M5.7,6.4'/%3E%3Cline stroke-width='1.8' stroke-linecap='square' stroke-linejoin='bevel' stroke-miterlimit='10' x1='1.3' y1='1.3' x2='6.4' y2='6.4'/%3E%3Cline stroke-width='1.8' stroke-linecap='square' stroke-linejoin='bevel' stroke-miterlimit='10' x1='1.3' y1='11.6' x2='6.4' y2='6.4'/%3E%3C/g%3E%3C/svg%3E"); }
.button-light { color: #fff; }
.button-white { background-color: #fff; }
.button-more { border-color: #fff; border-radius: 50px; }
.button-more svg { z-index: 2; position: relative; margin-left: 36px; transition: all ease .35s; }
.button-more span { z-index: 2; position: relative; display: block; }
.button-more::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; border-radius: 50px; transform: translateX(-100%); transition: transform ease .65s; }
.button .icon { width: 24px; height: 24px; }
.button .icon:first-child { margin-left: 0; margin-right: 8px; }
.button .icon:last-child { margin-left: 8px; margin-right: 0; }

@media (hover: hover) and (pointer: fine) {
    .button-primary:hover { background: var(--clr-primary-hover); }
    .button-arrow:hover { color: var(--clr-dark); background: #fff; border-color: #fff; }
    .button-arrow:hover::after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 7.7 12.9' enable-background='new 0 0 7.7 12.9' xml:space='preserve' stroke='%23ffffff'%3E%3Cg%3E%3Cpath stroke-width='1.8' stroke-miterlimit='10' d='M5.7,6.4'/%3E%3Cline stroke-width='1.8' stroke-linecap='square' stroke-linejoin='bevel' stroke-miterlimit='10' x1='1.3' y1='1.3' x2='6.4' y2='6.4'/%3E%3Cline stroke-width='1.8' stroke-linecap='square' stroke-linejoin='bevel' stroke-miterlimit='10' x1='1.3' y1='11.6' x2='6.4' y2='6.4'/%3E%3C/g%3E%3C/svg%3E"); }
    .button-gradient:hover { background-position: 20%; }
    .button-border:hover { color: #fff; background: var(--clr-dark); border-color: var(--clr-dark); }
    /* .button-border-light:hover { color: #fff; background: $color-primary; border-color: $color-primary; } */
    .button-hover-white:hover { color: #151515; background: #fff;}
    .button-hover-primary:hover { color: #fff !important; background: $color-primary !important; }
    .button-hover-primary:hover * { color: inherit; }
    .button-light:hover { color: #151515; }
    .button-more:hover::after { transform: none; }
    .button-more:hover svg { stroke: #151515; }

    .button-border-primary:hover { color: #fff; background: #00479d; }
    .button-border-primary:hover .icon-arrow-right-primary::before { background-image: url('/images/icon-arrow-right-light.svg'); }
}
@media screen and (max-width: 1024px) {
    .button { height: 50px; line-height: 50px; font-size: 15px; }
    .button-arrow { padding: 12px 40px 12px 30px; }
}
@media screen and (max-width: 768px) {
}

/* Header */
.header {z-index:999; position:fixed; top:0; left:0; width:100%;}
.header-primary {transition-property:color, background, border, box-shadow; transition-duration:0.35s, 0.35s, 0.35s, 0.35s; transition-timing-function:ease}
.header__logo {z-index:11; position:absolute; top:30px; left:160px; width:186px; height:40px; background:url("../images/Logo1.png") no-repeat center / auto 100%; transition-property:background; transition-duration:0.35s; transition-timing-function:ease;}

.header__nav { overflow: hidden; height: 100px; }
.header__nav::before { content: ''; position: absolute; top: 100px; left: 0; width: 100%; height: 1px; background: #E0E0E0; transition: opacity ease .15s; opacity: 0;}
.header__nav-background {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); backdrop-filter:blur(5px); opacity:0; visibility:hidden}
.header__nav-wrap {display:flex; flex-wrap:wrap; justify-content:center; height:auto; text-align:center}
.header__nav-list {display:flex; justify-content:center}
.header__nav-link {display:flex; align-items:center; justify-content:center; z-index:2; position:relative; padding:0 60px; width:auto; line-height:1; height:100px; font-size:18px; font-weight:500; outline:0; transition:color ease 0.15s; cursor:default}
.header__nav-list>li:last-child .sub-lists {border-right:1px solid #ddd}
.header-tier {position: relative;padding-top: 30px;padding-bottom: 50px;width:100%;}
.header-tier__list>li {flex:1 1; padding: 0 8px 8px}
.header-tier__image {width:100%; height:100%; object-fit:cover; transform:scale(1.06); opacity:1; transition-property:opacity, transform; transition-timing-function:ease, cubic-bezier(0.39, 0.58, 0.57, 1); transition-duration:0.35s, 0.8s; transition-delay:inherit}
.header-tier__title {position:absolute; top:0; left:0; width:100%; height:40%; padding:50px; font-size:32px; font-weight:700}
.header-tier__title span {display:inline-block; background-image:linear-gradient(transparent calc(100% - 3px), #fff 3px); background-size:0% 100%; background-repeat:no-repeat; transition:background-size 0.3s}
.header-tier__title img {width:auto; height:32px}
.header-tier__link {overflow:hidden; display:block; position:relative;}
.header-tier__text {display: inline-block;padding-bottom:6px;text-align: center; font-size:17px; font-weight:400; color:inherit; background-image: linear-gradient(transparent calc(100% - 2px), #00479d 2px); background-size: 0% 100%; background-repeat: no-repeat; transition: background-size .3s;}
.header-tier__link--title {height:40%}
.header-tier__link--base .header-tier__text {flex-direction:column; align-items:flex-start; padding-top:10px; height:60%}
.header-tier__link--base .header-tier__text a {margin-bottom:8px; font-weight:700; color:white; background-image:linear-gradient(transparent calc(100% - 2px), #fff 2px); background-size:0% 100%; background-repeat:no-repeat; transition:background-size 0.3s}
.header-tier--on .header-tier__image {opacity:1; transform:none}
.header__right {display:flex; align-items:center; position:absolute; top:10px; right:160px;}
.header__right .line {margin:0 36px 0 25px; width:1px; height:14px; background:rgba(0, 0, 0, 0.2); transition:background ease 0.35s}
.header__burger {display:none; z-index:11; position:absolute; top:25px; right:5%; margin-right:-13px; width:50px; height:50px}
.header__burger-line {position:absolute; left:14px; width:45%; height:2px; background:#000000; transition-property:transform, background; transition-timing-function:ease; transition-duration:0.35s, 0.35s}
.header__burger-line:nth-of-type(1) {top:17px}
.header__burger-line:nth-of-type(2) {top:25px}
.header__burger-line:nth-of-type(3) {top:33px}
.header__burger-line[aria-expanded="true"]:nth-of-type(1) {top:18px; left:16px; width:40%; transform:translateY(6px) rotate(-45deg)}
.header__burger-line[aria-expanded="true"]:nth-of-type(2) {opacity:0}
.header__burger-line[aria-expanded="true"]:nth-of-type(3) {top:30px; left:16px; width:40%; transform:translateY(-6px) rotate(45deg)}
.header__menu {position:relative; width:50px; height:50px}
.header__menu-line {position:absolute; left:0; right: 0; margin: auto; width:65%; height:2px; background:#000000; transition-property:transform, background; transition-timing-function:ease; transition-duration:0.35s, 0.35s}
.header__menu-line:nth-of-type(1) {top:16px}
.header__menu-line:nth-of-type(2) {top:24px}
.header__menu-line:nth-of-type(3) {top:32px}
.header__menu-line[aria-expanded="true"]:nth-of-type(1) {top:18px; left:16px; width:40%; transform:translateY(6px) rotate(-45deg)}
.header__menu-line[aria-expanded="true"]:nth-of-type(2) {opacity:0}
.header__menu-line[aria-expanded="true"]:nth-of-type(3) {top:30px; left:16px; width:40%; transform:translateY(-6px) rotate(45deg)}
.header-language { position: relative; margin-right: 35px; }
.header-language__current { display: flex; align-items: center; position: relative; padding: 0 26px 0 14px; min-width: 65px; line-height: 1; text-align: left; font-size: 15px; color: inherit; font-weight: 600; }
.header-language__current::after { content: ''; display: block; position: absolute; top: 2px; right: 10px; width: 13px; height: 10px; background: url('../images/language-arrow.svg') no-repeat center / auto 100%; transition: transform ease .1s; }
.header-language__list { position: absolute; left: 50%; top: 35px; margin-top: 5px; width: 80px; background: #fff; border: 1px solid #555; transform: translateX(-50%); visibility: hidden; opacity: 0; transition: all ease .1s; }
.header-language__list::before { content: ''; z-index: -1; position: absolute; top: -5px; left: 0; right: 0; margin: auto; width: 10px; height: 10px; background: #fff; border: 1px solid #555; transform: rotate(45deg); }
.header-language__item { background: #fff; }
.header-language__link { display: block; padding: 10px 0; text-align: center; font-size: 14px; color: var(--clr-dark); transition: all ease .15s; }
.header-language__current[aria-expanded="true"] + ul { visibility: visible; opacity: 1; }
.header-language__current[aria-expanded="true"]::after { transform: scaleY(-1); }
.header[data-header-sticky] .header-primary, .header[data-header-menu="opened"] .header-primary, .header[data-header-toggle][data-header-menu="opened"] .header-primary {background:#fff; box-shadow:0px 4px 50px 0px rgba(10, 10, 10, 0.08)}
.header[data-header-menu="opened"] .header__burger-line, .header[data-header-menu="opened"] .header__menu-line {background:#000000}
.header[data-header-menu="opened"][data-header-theme="transparent"] .header-primary {color:#444444; background:#fff}
.header[data-header-theme="dark"] .header-primary {color:#fff; background:#111111}
.header[data-header-theme="light"] .header-primary {color:#111; background: #fff;box-shadow:0 0 0px 1px rgba(24, 24, 24, .11);}
.header[data-header-theme="transparent"] .header__right .line {background:rgba(255, 255, 255, 0.4)}
.header[data-header-theme="transparent"] .header-language__current { border-color: rgba(255, 255, 255, 0.3); }
.header[data-header-theme="transparent"] .header-language__current::before {background-image:url("../images/language-globe-light.svg"); border-color:#fff}
.header[data-header-theme="transparent"] .header-language__current::after {background-image:url("../images/language-arrow-light.svg"); border-color:#fff}
/* .header[data-header-theme="transparent"] .header-language__list { border-color: rgba(255, 255, 255, 0.3); } */
/* .header[data-header-theme="transparent"] .header-language__link { color: #fff; } */
.header[data-header-mobile-menu="opened"] .header-language__current::before {background-image:url("../images/language-globe.svg"); border-color:#000000}
.header[data-header-mobile-menu="opened"] .header-language__current::after {background-image:url("../images/language-arrow.svg"); border-color:#000000}
.header[data-header-navigation="opened"] .header__nav-link { color: #000;}
.header[data-header-navigation="opened"] .header-language__list { border-color: #111; }
.header[data-header-navigation="opened"] .header-language__link { color: #111; }
.header[data-header-navigation="opened"] .header-primary { background: #fff; box-shadow: 0 0 6px 0 rgba(37, 37, 37, .15); }
.header[data-header-navigation="opened"] .header-primary {color:#444444 !important;}
.header[data-header-navigation="opened"] .header__nav::before { opacity: 1; }
.header[data-header-navigation="opened"] .header__logo {background-image:url("../images/Logo1.png") !important}
.header[data-header-navigation="opened"] .header__search {background-image:url("../images/icon_search.png") !important}
.header[data-header-navigation="opened"] .header-language__current { border-color: #111; }
.header[data-header-navigation="opened"] .header-language__current::before {background-image:url("../images/language-globe.svg"); border-color:#fff}
.header[data-header-navigation="opened"] .header-language__current::after {background-image:url("../images/language-arrow.svg"); border-color:#fff}
.header[data-header-navigation="opened"] .header__menu-line {background:#111111 !important}
.header[data-header-toggle="off"] {top:-100px}

@media screen and (hover: hover) and (pointer:fine) {
    .header__nav-item:hover .header__nav-link {color:#00479d}
    .header-tier__link:hover { color: #00479d;}
    .header-tier__link:hover .header-tier__text { background-size: 100% 100%; }
    .header-tier__link:hover .header-tier__title span {background-size:100% 100%}
    .header-tier__link--base .header-tier__text a:hover {background-size:100% 100%}
    .header-language a:hover {color:#00479d}
}
@media screen and (min-width: 1025px) {
	.header[data-header-theme="transparent"] {color:#fff; border-bottom-color:rgba(255, 255, 255, 0.1);}
	.header[data-header-theme="transparent"] .header__logo {background-image:url("../images/Logo.png");}
	.header[data-header-theme="transparent"] .header__search {background-image:url("../images/icon_search2.png");}
	.header[data-header-theme="transparent"] .header__burger-line, .header[data-header-theme="transparent"] .header__menu-line {background:#fff}
}

@media screen and (max-width: 1440px) {
  .header__nav-wrap { display: none; }
}

@media screen and (max-width: 1024px) {
	.header-primary { background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .1); }
  .header__logo { top: 15px; left: 0%; height: 30px; }
  .header__right { top: 11px; right: calc(5% - 7px); height: auto; }
  .header__nav { height: 70px; }
  .header-language { display: none; }
  .header__menu-line { width: 56%; height: 0.108em; }
}


/* Footer */
.footer { position: relative; color: #999999; background: #111111; }
.footer-primary { position: relative; margin-right: auto; margin-left: auto; padding-top: 60px; padding-bottom: 60px; max-width: 1600px; width: 90%; }
.footer-primary__row { display: flex; justify-content: space-between; }
.footer-primary__row--1 { align-items: center; }
.footer-primary__row--2 { margin-top: 40px; padding-top: 40px; border-top: 1px solid rgba(255, 255, 255, 0.2); }
.footer-primary__site { display: flex; justify-content: space-between; margin: 0 -15px; }
.footer-primary__site li { padding: 0 15px; }
.footer-primary__site a { font-weight: 600; color: #fff; }
/* .footer-primary__site-title { margin-bottom: 22px; font-size: 18px; color: #ffffff; }
.footer-primary__site-text { margin-top: 10px; line-height: 1.6; font-size: 16px; }
.footer-primary__site-link { line-height: inherit; color: inherit; font-weight: inherit; transition: color ease .15s; } */
.footer-primary__logo { width: 200px; height: auto; }
.footer-primary__copyright { margin-top: 50px; font-size: 13px; color: #888888; letter-spacing: -0.01em; }

.footer-primary__social { display: flex; align-items: center; }
.footer-primary__social-text { margin-left: 24px; }
.footer-primary__social-link { transition: opacity ease .1s; }
.footer-primary__social-link .icon { display: block; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; }
.footer-primary__social-link .icon-instagram { background-image: url('/images/instagram.png'); }
.footer-primary__social-link .icon-linkedin { background-image: url('/images/linkedin.png'); }
.footer-primary__social-link .icon-youtube { background-image: url('/images/youtube.png'); }
.footer-primary__social-link .icon-facebook { margin-left: -10px; background-image: url('/images/facebook.png'); }
.footer-primary__info { margin: 0; }
.footer-primary__info-item { display: flex; position: relative; padding: 2px; font-size: 16px; color: #AAAAAA; }
.footer-primary__info-item dt { flex: 0 0 auto; margin-right: 4px; width: 80px; color: #fff; }
/* .footer-primary__info-item:not(:last-child)::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; width: 1px; height: 10px; background: #515151; } */
.footer-primary__link { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.footer-primary__link-item { position: relative; padding: 0 10px; }
.footer-primary__link-item:not(:last-child)::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; width: 1px; height: 13px; background: #fff; transform: translateY(-2px); }
.footer-primary__link a { font-size: 16px; color: #fff; font-weight: 600; transition: opacity ease .1s; }

.footer-floaty { z-index: 5; position: fixed; bottom: 40px; right: 40px; }
/*.footer-floaty__top-button { width: 60px; height: 60px; background: #121212 url('/images/scroll-top-arrow.svg') no-repeat center / auto 38%; border-radius: 4px; outline: none; transition: all ease .35s; visibility: hidden; opacity: 0; }*/
[data-floating="false"] { position: absolute; }
[data-scroll-top="true"] .footer-floaty { pointer-events: auto; }
[data-scroll-top="true"] .footer-floaty__top-button { opacity: 1; visibility: visible; transition: ease .3s; }
@media (hover: hover) and (pointer: fine) {
	.footer-primary__site-link:hover { color: #fff; }
    .footer-primary__social-link:hover { opacity: .8; }
    .footer-primary__link a:hover { opacity: .8; }
}
@media screen and (min-width: 1025px) {
    .footer-primary__info-item:nth-child(3)::after { content: none; }
}
@media screen and (min-width: 768px) {
	[lang="en"] .footer-primary__info-item dt { width: 160px; }
}
@media screen and (max-width: 1500px) {
    .footer-primary__site-item { width: 160px; }
    .footer-primary__social-text { margin-left: 20px; }
}
@media screen and (max-width: 1399px) {
	[lang="en"] .footer-primary__site { display: none; }
}
@media screen and (max-width: 1024px) {
    .footer-primary { padding-top: 35px; padding-bottom: 35px; }
    .footer-primary__row { flex-direction: column; align-items: flex-start; }
    .footer-primary__row--2 { flex-direction: column-reverse; margin-top: 80px; padding-top: 30px; }
    .footer-primary__col { width: 100%; }
    .footer-primary__logo { width: 160px; }
    .footer-primary__site { display: none; }
    .footer-primary__social { margin-top: 0; }
    .footer-primary__social-text { margin-left: 0; margin-right: 20px; }
    .footer-primary__link { position: absolute; top: 105px; margin-bottom: 25px; }
    .footer-primary__link a { font-size: 14px; }
    .footer-primary__info-item { font-size: 13px; }
    .footer-primary__copyright { margin-top: 35px; font-size: 12px; }
    .footer-floaty__top-button { width: 60px; height: 60px; }

	.footer-floaty { bottom: 20px; right: 20px; }
	.footer-floaty__top-button { width: 50px; height: 50px; }
}
@media screen and (max-width: 768px) {
	.footer-primary__info-item { flex-direction: column; margin-bottom: 10px; }
	.footer-primary__info-item dt { margin-right: 0; margin-bottom: 4px; width: 100%; }
	.footer-primary__copyright { margin-top: 30px; }

	.footer-floaty { bottom: 15px; right: 15px; }
	.footer-floaty__top-button { width: 45px; height: 45px; }
}

.screen-menu {overflow:hidden; z-index:11; position:fixed; top:0; left:0; width:100%; height:0%; color:#111; visibility:hidden; opacity:0; -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px)}
.screen-menu__logo { z-index: 2; position: fixed; top: 22px; left: 70px; }
.screen-menu__background {width:100%; height:100%; background:#fff; opacity:1}
.screen-menu__close {position:absolute; top:25px; right:60px; width:50px; height:50px}
.screen-menu__close span {content:""; position:absolute; left:5px; width:80%; height:3px; background:#111; transform:rotate(45deg)}
.screen-menu__close span:nth-child(2) {transform:rotate(-45deg)}
.screen-menu__wrap {overflow: auto;position: absolute;top: 0;left: 0;padding: 100px 100px 70px 100px;width: 100%;height: 100%;}
.screen-menu__splash { position: absolute; top: 0; left: 0; width: 555px;height: 100%;}
.screen-menu__splash img { width: 100%; height: 100%; object-fit: cover; }
.screen-menu__splash .contents { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; position: absolute; top: 0; left: 0; padding: 10%; width: 100%; height: 100%; color: #fff; }
.screen-menu__splash .title { margin-bottom: 20px; font-size: 20px; font-weight: 600; }
.screen-menu__splash .data { display: flex; flex-direction: column; }
.screen-menu__splash .data .row { margin-right: auto; padding: 20px 0; }
.screen-menu__splash .data .row:first-child { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.screen-menu__splash .data dt { margin-bottom: 8px; font-size: 16px; font-weight: 600; }
.screen-menu__splash .data dd { margin-bottom: 4px; font-size: 16px; }
.screen-menu__language {display:flex; align-items:center; position:absolute; top:18px; left:-10px; display:none}
.screen-menu__language-item {display:block; position:relative; padding:10px; font-size:15px; opacity:0.65}
.screen-menu__language-item::after {content:""; position:absolute; bottom:10px; left:0; width:calc(100% - 10px); height:1px; background:var(--clr-dark); opacity:0}
.screen-menu__language-list:first-child .screen-menu__language-item, .screen-menu__language-list:first-child .screen-menu__language-item::after {opacity:1}
.screen-menu__list {width:100%}
.screen-menu__item {display:flex; position:relative;padding: 60px 0;}
.screen-menu__line {position:absolute; bottom:0; left:0; width:100%; height:1px; background:#E0E0E0; pointer-events:none}
.screen-menu__heading {overflow:hidden; width: 350px; font-size:40px; font-weight:600; transition:color ease 0.15s; cursor:default}
.screen-menu__heading span {display:block;}
.screen-menu__tier {overflow:hidden; display:flex; flex-wrap: wrap; align-items: center; width: calc(100% - 350px);}
.screen-menu__tier-text {position:relative; padding-right:80px; font-size:20px; font-weight:400}
.screen-menu__tier-text:last-child {padding-right:0}
.screen-menu__tier-text:not(:last-child)::after {content:""; position:absolute; top:0; bottom:0; right:40px; margin:auto; width:1px; height:1em; background:#E0E0E0; transform:rotate(25deg)}
.screen-menu__tier-text span {display:inline-block; padding:1px 0;padding-bottom:6px; background-image:linear-gradient(transparent calc(100% - 2px), #00479d 1px); background-size:0% 100%; background-repeat:no-repeat; transition:background-size 0.3s}
.screen-menu__tier-box { display: flex; flex-direction: column; }
.screen-menu__tier-link { margin-top: 10px; margin-right: auto; font-size: 16px; color: #999999; transition:all ease 0.1s}
.screen-menu__tier-toggle {display:flex; align-items:center; color:inherit; transition:color ease 0.15s}
.screen-menu__tier-toggle .icon-arrow {display:block; position:relative; margin-left:10px; width:14px; height:14px}
.screen-menu__tier-toggle .icon-arrow::before, .screen-menu__tier-toggle .icon-arrow::after {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-image:url("/images/chevron-right-light.svg"); background-repeat:no-repeat; background-position:center; background-size:auto 100%; transition:all ease 0.15s}
.screen-menu__tier-toggle .icon-arrow::after {background-image:url("/images/chevron-right-primary.svg"); opacity:0}
.screen-menu__tier-toggle--on {color:#00479d}
.screen-menu__tier-toggle--on .icon-arrow::before {transform:scaleX(-1); opacity:0}
.screen-menu__tier-toggle--on .icon-arrow::after {transform:scaleX(-1); opacity:1}
.screen-menu__tier-toggle--on span {background-image:linear-gradient(transparent calc(100% - 1px), #00479d 1px)}

@media screen and (hover: hover) and (pointer:fine) {
    .screen-menu__item:hover .screen-menu__heading {color:#00479d}
    .screen-menu__tier-text:hover span {color:#00479d;background-size:100% 100%}
    .screen-menu__tier-link:hover {color:#00479d;background-size: 100% 100%; }
}
@media screen and (min-width: 1025px) {
    .screen-menu__tier-text span {transform:none !important}
    [lang="en"] .screen-menu__heading {font-size:48px}
    [lang="en"] .screen-menu__tier-text {font-size:25px}
}

@media screen and (max-width: 1440px) {
  [lang="en"] .screen-menu__heading { font-size: 36px;}
  .screen-menu__splash { width: 400px; }
  .screen-menu__wrap {}
  .screen-menu__tier {width: auto; gap:20px 50px; flex: 1;}
  .screen-menu__tier-text {width: auto; padding-right:0;}
  .screen-menu__tier-text:not(:last-child)::after {right: -30px;}
}
@media screen and (max-width: 1200px) {
  .screen-menu__heading {width: 250px;}
}

@media screen and (max-width: 1024px) {
    .screen-menu__close { top:11px; right:calc(5% - 14px); }
    .screen-menu__close span { left:10px; width:60%; height:0.108em; }
    .screen-menu__wrap { overflow-y:auto; display:block; right: 0; margin-right: auto; margin-left: auto; padding:80px 0; width: 90%; scrollbar-width:none; }
    .screen-menu__language { display:flex; }
    .screen-menu__line { height:0; }
    .screen-menu__item { flex-direction:column; align-items:flex-start; padding:20px 0; }
    .screen-menu__heading { margin-bottom:15px; width: 100%; font-size:24px; }
    .screen-menu__heading span { padding:0; will-change:transform; }
    .screen-menu__tier-text { padding-right:24px; width: auto; font-size:15px; transform:none !important; }
    .screen-menu__tier-text:not(:last-child)::after { content:none; }
    .screen-menu__tier-text span { will-change:transform; }
    .screen-menu__tier-link { margin-right: 16px; font-size: 14px; color:#999; will-change:transform; }
    .screen-menu__tier-link:first-child { margin-left:0; }
    .screen-menu__tier-toggle { overflow:hidden; margin-bottom:15px; line-height:1; font-size:18px; font-weight:700; pointer-events:none; border-radius:0; }
    .screen-menu__tier-toggle .icon-arrow { display:none; }
    .screen-menu__tier-box { overflow: hidden; display: flex; flex-direction: row; width:100% !important; }
    .screen-menu__tier--depth { flex-direction:column; align-items:flex-start; padding-top:10px; width:100%; }
    .screen-menu__tier--depth .screen-menu__tier-text { overflow: hidden; flex-direction:column; align-items:flex-start; padding-right:0; margin-bottom:30px; font-size: 16px; font-weight: 700; opacity:1; }
    .screen-menu__tier--depth .screen-menu__tier-text:last-child { padding-bottom:0; }
    .screen-menu__splash { display: none; }
    .screen-menu__logo { display: none; }
}


/* ------- Modal ------- */
.modal-container { display: none; z-index: 11; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); }
.modal-container .modal-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 5px; width: auto; height: 100%; min-height: calc(100% - 10px); max-height: calc(100% - 10px); }
.modal-container .modal { overflow: hidden; display: flex; flex-direction: column; justify-content: center; position: relative; padding: 0 60px; max-width: 800px; width: 100%; height: auto; transform: scale(0.9); animation: zoomIn ease .35s forwards; }
.modal-container .modal-body { overflow-x: hidden; overflow-y: auto; padding: 24px 5%; max-height: 600px; color: var(--clr-black); background: #fff; }
.modal-container .modal-body::-webkit-scrollbar { width: 22px; }
.modal-container .modal-body::-webkit-scrollbar-thumb { background-color: var(--clr-primary); border: 7px solid rgba(255, 255, 255, 1); border-radius: 22px; }
.modal-container .modal-body::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0); }
.modal-container .modal-body p:not(.head-title) { margin: 0.25em 0; }
.modal-container .modal .close { display: block; position: absolute; top: -20px; right: 0; width: 60px; height: 60px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: auto 55%; }
.modal-container .modal img { max-width: 100%; }
.modal-container .head-title { margin-bottom: 15px; padding-bottom: 10px; text-align: center; font-size: 1.6rem; font-weight: 600; border-bottom: 1px solid var(--border-c); }
.modal-container--auto .modal { max-width: 100%; width: auto; }
.modal-container--flat .modal-body { padding: 0; }
.modal-container .modal-agree h2{font-size:20px}
.modal-container .modal-agree p{font-size:16px;}
.modal-container .modal-agree ul { list-style: inherit; margin: revert; padding: revert; }
.modal-container .modal-agree ul li { font-size:16px; list-style: inherit; }
.modal-container.modal-opened .modal { animation-name: zoomOut; }
@keyframes zoomIn {
	from { transform: scale(1); }
	to { transform: scale(0.9); }
}
@keyframes zoomOut {
	from { transform: scale(0.9); }
	to { transform: scale(1); }
}
@media screen and (max-width: 768px) {
    .modal-container .modal{padding:0 20px; overflow:unset; max-height:500px;}
    .modal-container .modal .close{top:-48px;}

    .modal-container .modal-agree h2{font-size:16px;}
    .modal-container .modal-agree p{font-size:14px;}
    .modal-container .modal-agree ul li{font-size:14px;}
}



/* Main */
.main-badge {font-size: 20px; font-weight: 500; }
.main-heading { margin-bottom: 80px; line-height: 1.4; font-size: 50px; font-weight: 600; color: #000; }

.link-primary,
.link-primary-light { display: inline-flex; align-items: center; margin-top: 80px; font-size: 16px; font-weight: 600; color: #000; }
.link-primary .icon,
.link-primary-light .icon { display: inline-block; position: relative; margin-right: 1em; width: 40px; height: 40px; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 50%; transition: all ease .35s; }
.link-primary .icon::before,
.link-primary-light .icon::before { background-image: url('/images/arrow-right.svg'); }
.link-primary .text,
.link-primary-light .text { background-image: linear-gradient(transparent calc(100% - 0.05em), #000 0.05em); background-size: 0% 100%; background-repeat: no-repeat; transition: background-size .3s; }
.link-primary-light .text { background-image: linear-gradient(transparent calc(100% - 0.05em), #fff 0.05em); }
.link-primary-light { color: #fff; }
.link-primary-light .icon { border-color: rgba(255, 255, 255, 0.15); }
.link-primary-light .icon::before { background-image: url('/images/arrow-right-light.svg'); }
@media (hover: hover) and (pointer: fine) {
	.link-primary:hover .icon { background-color: #00479d; border-color: #00479d; }
	.link-primary:hover .icon::before { background-image: url('/images/arrow-right-light.svg'); }
	.link-primary-light:hover .icon { background-color: #fff; border-color: #fff; }
	.link-primary-light:hover .icon::before { background-image: url('/images/arrow-right.svg'); }
	.link-primary:hover .text,
	.link-primary-light:hover .text { background-size: 100% 100%; }
}
@media screen and (max-width: 1024px) {
	.link-primary,
	.link-primary-light { font-size: 15px; }
	.link-primary .icon,
	.link-primary-light .icon { width: 36px; height: 36px; }
}
@media screen and (max-width: 768px) {
	.link-primary,
	.link-primary-light { font-size: 14px; }
	.link-primary-light .icon { width: 32px; height: 32px; }
}

@keyframes visualFadeIn {
    to { opacity: 1; }
}
@keyframes scrollDown {
	0% { opacity: 0; transform: translateY(-20px); }
	50% { opacity: 1; }
	100% { opacity: 0; transform: translateY(20px); }
}
.section-visual { background: #000;height: auto !important;}
.section-visual .media { width: 100%; height: 100%; object-fit: cover; opacity: .6; }
.section-visual .background { width: 100%; height: 100%; object-fit: cover; transform: scale(1.2); opacity: .6; }
.section-visual .swiper { opacity: 0; animation: visualFadeIn 1s ease 0.1s forwards;}
.section-visual .swiper-slide { height: auto; }
.section-visual .swiper-slide video{object-fit:fill;width: 100%;height:919px;display: block;position: relative;}
.section-visual .text-wrap { display: flex; flex-direction: column; align-items: left; justify-content: center; position: absolute; top: 0; left: 0; right: 0; margin: auto; max-width: 1600px; width: 100%; height: 100%; text-align: left; }
.section-visual .heading { line-height: 67px; font-size: 60px; font-weight: 600; color: #fff; transform: translateY(75px); opacity: 1;}
.section-visual .heading1 { line-height: 67px; font-size: 60px; font-weight: 600; color: #fff; transform: translateY(75px); opacity: 1;margin-top:-2%;}
.section-visual .text { width:50%;font-size: 20px;line-height:36px; font-weight: 500; color: #fff; transform: translateY(75px); opacity: 1;}
.section-visual .text1 { width:50%;font-size: 20px;line-height:36px; font-weight: 500; color: #fff; opacity: 1;margin-top:-25%}
.section-visual .controls { z-index: 2; display: flex; align-items: center; position: absolute; bottom: 80px; left: 0; right: 0; margin: auto; max-width: 1600px; width: 90%; }
.section-visual .controls .toggle { flex-shrink: 0; display: block; position: relative; margin-right: 30px; width: 50px; height: 50px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; }
.section-visual .controls .toggle::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 16px; height: 16px; background: url('/images/icon-pause-light.svg') no-repeat center / auto 100%; pointer-events: none; }
.section-visual .controls .toggle[data-state="pause"]::before { background-image: url('/images/icon-play-light.svg'); }
.section-visual .controls .swiper-pagination { display: flex; align-items: center; justify-content: center; position: static; }
.section-visual .controls .swiper-pagination-bullet { width: 8px; height: 8px; background: #fff; border-radius: 50%; opacity: .3;transition: all .4s ease;}
.section-visual .controls .swiper-pagination-bullet-active { width:40px;border-radius: 50px;opacity: 1;transition: all .4s ease;}
/* .section-visual .controls .swiper-pagination-bullet { display: flex; align-items: center; width: auto; height: auto; font-size: 24px; font-weight: 700; color: #fff; background: transparent; }
.section-visual .controls .swiper-pagination-bullet .progress { display: block; position: relative; margin-left: 18px; width: 0; height: 2px; background: rgba(255, 255, 255, 0.2); }
.section-visual .controls .swiper-pagination-bullet .progress::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; transform: scaleX(0); transform-origin: left; transition-property: transform; transition-timing-function: ease; }
.section-visual .controls .swiper-pagination-bullet-active .progress { width: 105px; }
.section-visual .controls .swiper-pagination-bullet-active .progress::after { transform: none; transition-duration: 5.5s; } */
.section-visual .scroll { z-index: 2; position: absolute; bottom: 0; right: 0; margin: auto; font-weight: 700; transition: all ease .35s; }
.section-visual .scroll i { display: block; width: 51px; height: 51px; transition: all ease .35s; }
.section-visual .scroll i::after { content: ''; position: absolute; left: 0; width: 100%; height: 100%; background: url('/images/scroll-arrow-light.svg') no-repeat center / auto 100%; animation: scrollDown ease 1.6s infinite; opacity: 0; }
.section-visual .scroll i::after { animation-delay: 0.8s; }





/* 公用底部 */
.Footer{width: 100%;background: #00479d;position: relative;z-index: 9;}
.Footer .flex{display: flex;flex-wrap: wrap;}
.Footer-contact{width: 100%;padding: 60px 0;color: #fff;flex-direction: column;display: flex;align-items: center;border-bottom: 1px solid rgba(255, 255, 255, 0.06);}
.Footer-contact .title{line-height: 1.14;font-size: 42px;}
.Footer-contact .link{width: 116px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 20px;font-size: 14px;margin-top: 20px;background: rgba(255, 255, 255, .08);transition: all .4s ease;}
.Footer-contact .link:hover{background: #fff;color: #1c1d1f;}
.Footer-items{width: 100%;padding: 70px 0 125px;display: flex;gap:270px;flex-wrap: nowrap;justify-content: space-between;}
.Footer-navbar{width:40%;}
.Footer-navbar .flex{gap:0;}
.Footer-navbar>ul>li{width: auto;position: relative;flex: auto;}
.Footer-navbar>ul>li:nth-child(1),.Footer-navbar>ul>li:nth-child(2),.Footer-navbar>ul>li:nth-child(3),.Footer-navbar>ul>li:nth-child(4),.Footer-navbar>ul>li:nth-child(5){box-sizing:border-box}
.Footer-navbar li:last-child .Footer-menu{border-bottom: none;}
.Footer-menu{font-size: 20px;color: #ffffff;display: flex;margin-bottom:16px;font-weight: bold;letter-spacing:1px;}
.Footer-menus{font-size: 20px;color: #ff8500;display: flex;margin-top:20px;margin-bottom:10px;}
.Footer-arrow{display: none;}
.Footer-drop{width: 100%;}

.share .share-list{height:45px;margin-bottom:40px;}
.Footer-copyright .share-list{height:auto;margin-bottom:40px;}
/* .share .share-list img{width:100%;height:100%;} */
/* .Footer-drop, .Footer-info-text{margin-top: 20px;} */

.Footer-drop-menu{display: flex;position: relative;width: 100%;}
.Footer-drop-menu>a{max-width: 100%;}
.Footer-drop-menu>a, .Footer-info a, .Footer-info b{color:#ffffff;font-size:20px;}

.Footer-drop-menu>a{font-size: 16px;padding: 6px 0;color: #ffffff;line-height: 20px;transition: all .4s ease;}
.Footer-drop-menu .Footer-info a{font-size: 16px;padding: 6px 0;color: #ffffff;display: flex;line-height: 1.24;transition: all .4s ease;}
.Footer-drop-menu .Footer-info p{font-size: 16px;padding: 6px 0;color: #ffffff;display: flex;line-height: 1.24;transition: all .4s ease;}

.Footer-drop-menu>a:hover{opacity: 1;}
.Footer-info{width: 50%;}
.Footer-info-text{width: 100%;}
.Footer-info-text p{font-size:16px;color:#ffffff;line-height:30px;}
.Footer-info a{font-size: 24px;opacity: 1;transition: all .4s ease;}
.Footer-info span{white-space: nowrap;}
.Footer-info b{margin-bottom:40px;display:block;}
.Footer-info p{/* font-weight:bold */;}
.Footer-info .pst{padding:20px 0;line-height:26px;margin-bottom:10px;}
.Footer-info em{font-style: normal;font-weight:400;}
.Footer-other{width: 100%;display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;padding-bottom: 24px;padding-top:50px;}
.Footer-other .logo{width: 118px;}
.Footer-other .logo img{max-width: 100%;}
.Footer-code{width: auto;display: flex;}
.Footer-code a{display: flex;align-items: center;justify-content: center;position: relative;margin-right: 28px;}
.Footer-code a span{font-size: 18px;color: #fff;opacity: 0.25;transition: all .4s ease;}
.Footer-code a:last-child{margin-right: 0;}
.Footer-code a:hover span{opacity: 1;}
.Footer-code-img{display: none;width: 152px;height: 152px;padding: 6px;position: absolute;bottom: 38px;left: 50%;margin-left: -76px;background: #fff;border-radius: 4px;}
.Footer-code-img::after{content: "";display: block;width: 0px;height: 0px;border: 8px solid transparent;border-top-color: #fff;position: absolute;bottom: -16px;left: 50%;margin-left: -8px;}
.Footer-code-img img{width: 100%;height: 100%;object-fit: cover;}
.Footer-code a:hover .Footer-code-img{display: block;animation: FooterCode .6s ease-in-out both;}
@keyframes FooterCode{0%{transform: translateY(-14px);}100%{transform: translateY(0);}}
.Footer-friend{width: 100%;display: flex;align-items: flex-start;padding-top: 32px;border-top: 1px solid rgba(255, 255, 255, 0.06);}
.Footer-friend-hint, .Footer-friend-link a {color: #fff;line-height: 24px;font-size: 14px;}
.Footer-friend-link{flex: 1;}
.Footer-friend-link a{transition: all .4s ease;margin-right: 16px;opacity: 0.25;}
.Footer-friend-link a:last-of-type{margin-right: 0;}
.Footer-friend-link a:hover{opacity: 1;}
.Footer-copyright{width: 100%;padding: 27px 0;border-top:1px solid #1d559a;}
.Footer-copyright .info{width:50%;color:#e7e7e7;line-height: 18px;font-size: 16px;}
.Footer-copyright .share{width:50%;float:right;display:flex;gap:15px;justify-content: flex-end;margin-top: 0px;}
.Footer-copyright .info p{margin-left: 16px;position: relative;color:#ffffff;}
.Footer-copyright .info p:first-child{margin-left: 0;}
.Footer-copyright .info.link p{margin-left: 0;}
.Footer-copyright .info.link p::after{content: "/";margin: 0 5px;}
.Footer-copyright .info.link p:last-child:after{display: none;}
.Footer-copyright .info a{transition: all .4s ease;}
.Footer-copyright .info a:hover{color: #fff;}
.Footer-copyright .list_content{display:flex;height: 25px;}


@media all and (max-width:1590px) {
	.Footer-navbar>ul>li{width: auto;position: relative;flex: auto;padding: 0 10px;}
    .Footer-contact {padding: 40px 0;}
    .Footer-contact .title {font-size: 32px;}
    .Footer-contact .link {margin-top: 16px;width: 110px;height: 36px;border-radius: 18px;}
    .Footer-items {padding: 40px 0 30px;}
    .Footer-drop, .Footer-info-text {margin-top: 14px;}
    .Footer-drop-menu>a, .Footer-info a, .Footer-info p {/* padding: 5px 0; */}
    .Footer-info a {font-size: 22px;}
    .Footer-other {padding-bottom: 20px;}
    .Footer-code a {margin-right: 24px;}
    .Footer-friend {padding-top: 26px;}
    .Footer-copyright {padding: 20px 0 20px;}
}



@media all and (max-width:1270px) {

    .Footer-contact {padding: 30px 0;}
    .Footer-contact .title {font-size: 24px;}
    .Footer-contact .link {margin-top: 12px;width: 96px;height: 32px;border-radius: 16px;font-size: 14px;}
    .Footer-items {padding: 30px 0 24px;}
    .Footer-drop, .Footer-info-text {margin-top: 12px;}
    .Footer-info a {font-size: 20px;}
    .Footer-other {padding-bottom: 16px;}
    .Footer-code a {margin-right: 20px;}
    .Footer-friend {padding-top: 20px;}
    .Footer-copyright {padding: 8px 0 20px;}
    .Footer-info {width: 210px;}
    .Footer-navbar {width: calc(100% - 210px);}
}

/* ------------------------平板端（开始改变头部底部）-------------------------- */
@media all and (max-width:1100px) {
    
    .Footer-contact {padding: 20px 0;}
    .Footer-contact .title {font-size: 18px;}
    .Footer-contact .link {margin-top: 8px;width: 80px;height: 28px;border-radius: 14px;font-size: 12px;}
    .Footer-items {padding: 20px 0 18px;gap:30px;flex-wrap: wrap;}
    .Footer-navbar{width: 100%;}
    .Footer-navbar{order:2;}
    .Footer-info{order:1} 
    .Footer-navbar>ul>li{width: 100% !important;}
    .Footer-menu {height: 40px;align-items: center;padding: 0 0%;position: relative;}
    .Footer-arrow{display: block;width: 44px;height: 40px;line-height: 40px;transform: rotate(180deg);font-size: 18px;font-style: normal;color: #ffffff;text-align: center;position: absolute;z-index: 9;right: 0;top: 0;}
    .Footer-arrow::after{content: "\e727";font-family: "icon";}
    .Footer-arrow.active{transform: rotate(0);}
    .Footer-drop{display: none;margin-top: 0;}
    .Footer-drop-menu>a{padding: 7px 4%;width: 100%;}
    .Footer-info{width: 100%;}
    .Footer-info .Footer-menu{justify-content: center;height: auto;}
    .Footer-info-text{margin-top: 8px;}
    .Footer-info a, .Footer-info p{justify-content: center;padding: 4px 0;font-size: 14px;}
    .Footer-friend{display: none;}
    .Footer-copyright {padding: 20px 0;border-top: 1px solid rgba(255, 255, 255, 0.06);}
    .Footer-copyright .info.text p{width: 100%;margin: 0;margin-top: 2px;}
    .Footer-copyright .info.text p:first-child{margin-top: 0;}
    .Footer-copyright .info.link{display: none;}
    .Footer-other {padding-bottom: 18px;}
    .Footer-info a {font-size: 18px;}
    .Footer-copyright .info{font-size: 13px;}
    
}

@media all and (max-width:1000px) {
	.Footer-navbar>ul>li{width: auto;position: relative;flex: auto;padding: 0 38px;}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
	
	.Footer-navbar>ul>li{width: auto;position: relative;flex: auto;padding: 0;}
    /* 移动终端 360 适配 */
}

@media all and (max-width:600px) {
	.Footer-menu{font-size:16px;margin-bottom:10px;}
	.Footer-info .pst{padding:10px 0;}
}

@media screen and (max-width: 1000px) {
	.header .search_form{display:none;}
}
@media screen and (min-width: 1025px) {
	.section-esg .lists .item:nth-child(2) { transform: translateY(200px); }
}
@media screen and (max-width: 1024px) {
    .link-primary { margin-top: 30px; font-size: 16px; }
    /* .link-primary .icon { margin-left: 14px; } */

	.main-badge { margin-bottom: 12px; font-size: 18px; }
	.main-heading { margin-bottom: 46px; font-size: 30px; }

    .section-visual .heading { font-size: 20px; padding:0 20px;} 
	.section-visual .text { font-size: 16px;  padding:0 20px;margin-top:0;}
    .section-visual .controls { bottom: 50px; }
    .section-visual .controls .swiper-pagination-bullet { width: 8px; height: 8px; font-size: 18px;transition: all .4s ease;}
    .section-visual .controls .swiper-pagination-bullet-active{width:40px;border-radius: 50px;opacity: 1;transition: all .4s ease;}
    .section-visual .controls .swiper-pagination-bullet-active .progress { width: 80px; }
    .section-visual .controls .toggle { margin-right: 20px; width: 45px; height: 45px; }
    .section-visual .scroll i { width: 35px; height: 35px; }

	.section-introduce { padding: 30px 0 30px; height: auto; }
	.section-introduce .sticky { overflow: visible; position: static; margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; height: auto; }
	.section-introduce .background { display: none; }
	.section-introduce .heading { position: static; line-height: 1.45; font-size: 25px; }
	.section-introduce .contents { margin-top: 30px; padding: 30px 20px 40px; width: 100%; height: auto; background: url('../images/introduce-background.jpg') no-repeat center bottom 100% / cover; border-radius: 16px; }




	.section-products .convergence .dd { font-size: 15px; }

	.section-esg { height: auto; }
	.section-esg .sticky { position: static; padding: 80px 0; height: auto; }
	.section-esg .flex { display: block; height: auto; }
	.section-esg .side { width: 100%; }
	.section-esg .contents { overflow: visible; margin-top: 60px; padding: 0; width: 100%; }
	.section-esg .lists { margin: -15px; }
	.section-esg .lists .item { padding: 15px; width: 33.33333%; }
	.section-esg .lists .block { height: 340px; }
	.section-esg .lists .title { font-size: 26px; }
	.section-esg .lists .icon { width: 48px; height: 48px; }

    .section-board { padding: 80px 0 140px; }
    .section-board .flex { margin-top: 15px; }
    .section-board .swiper { padding-bottom: 50px; }
    .section-board .controls { display: none; }
    .section-board .heading { font-size: 48px; }
    .section-board .box .thumbnail { margin-bottom: 25px; }
    .section-board .box .category { font-size: 18px; }
    .section-board .box .title { margin: 4px 0 14px; font-size: 20px; }
    .section-board .box .date { font-size: 14px; }
}
@media screen and (max-width: 768px) {
    .link-primary { font-size: 15px; }
    /* .link-primary .icon { margin-left: 12px; } */

	.main-badge { margin-bottom: 10px; font-size: 16px; }
	.main-heading { margin-bottom: 34px; font-size: 24px; }
	.section-visual .heading{font-size:18px;line-height:normal;margin-top:18%;}
	.section-visual .heading1{font-size:18px;line-height:normal;padding: 0 20px;margin-top:-10%;}
	.section-visual .text { width:100%;line-height:normal;margin-top:0;font-size:12px;}
	.section-visual .text1{width:100%;line-height:normal;padding: 0 20px;font-size:12px;margin-top:5%;}
	
	.section-visual .controls{bottom:10px;}


 .Footer-info b{margin-bottom:10px;}
 .Footer-menu{margin-bottom:0;}
 .Footer-items{gap:10px;}
 .Footer-copyright .info{width:100%;}
 .Footer-info-text img{width:35%;}


	.section-esg .sticky { padding: 60px 0; }
	.section-esg .contents { margin-top: 45px; }
	.section-esg .lists { margin: -10px; }
	.section-esg .lists .item { padding: 10px; width: 100%; }
	.section-esg .lists .block { height: 140px; }
	.section-esg .lists .context { padding: 24px; }
	.section-esg .lists .badge { font-size: 14px; }
	.section-esg .lists .title { font-size: 20px; }
	.section-esg .lists .icon { width: 36px; height: 36px; }

	.section-board { padding: 60px 0 120px; }
    .section-board .heading { font-size: 34px; }
    .section-board .box .category { font-size: 16px; }
    .section-board .box .title { font-size: 16px; }
}

@media screen and (max-width: 500px) {
  .Footer{padding:0 20px;}
}