@charset "UTF-8";

/* 面包屑基础重置 */
.breadcrumbs{list-style:none;padding:0;margin:0;font-size:.75rem}
.breadcrumbs>a{display:inline-block;color:#9a9a9a;text-decoration:none;transition:color .3s ease}
.breadcrumbs>a:hover{color:#0075c3}
.breadcrumbs>a::after{content:'/';position:relative;display:inline-block;color:#9a9a9a;padding:0 .1875rem 0 .3125rem;opacity:.7;vertical-align:top}
@media print,screen and (min-width:40em){.breadcrumbs>a::after{padding:0 .25rem 0 .375rem}
}
.breadcrumbs>strong{display:inline-block;font-weight:400;color:#262626}

.bt-line{
   display: block;
    border-bottom: 1px solid #dedede;
    padding: 15px 0;
    margin: 15px 0;
    position: relative;
    transition: all 300ms ease-out; 
}





/* 分页外层容器，复刻原版pagination外框 */

.k_pagelist{display:inline-block;border:1px solid #d9d9d9;font-size:.875rem;font-family:Montserrat,Arial,sans-serif;margin:60px auto 0;transition:all .3s ease-out;padding:0;line-height:40px}
.k_pagelist input[type=text]{display:none!important}
.k_pagelist>a,.k_pagelist>span,.k_pagelist>strong{display:inline-block;height:40px;line-height:40px;text-align:center;vertical-align:middle;transition:all .3s ease-out;box-sizing:border-box;cursor:pointer;border-right:1px solid #d9d9d9}
.k_pagelist>:last-child{border-right:none;width:auto;padding:0 16px}
.k_pagelist>strong{border-right:none}
.k_pagelist>a:last-of-type,.k_pagelist>span:first-child{width:auto;padding:0 16px}
.k_pagelist>a:not(:last-of-type),.k_pagelist>strong{width:40px}
.k_pagelist>span:first-child{color:#9a9a9a;cursor:not-allowed}
.k_pagelist>a{color:#9a9a9a;text-decoration:none}
.k_pagelist>a:hover{color:#262626;background-color:transparent}
.k_pagelist>strong{color:#0075c3;font-weight:500;font-family:Montserrat,Arial,sans-serif;border-right:1px solid #d9d9d9}


.bgfff{background-color:#fff}



/* news */

.bg-img{display:block;height:100%;background-size:cover;background-position:center}

.title-medium{font-family:Industry-Light,sans-serif;font-weight:400;line-height:normal}
.card__label{font-family:Industry-Light,sans-serif;font-size:.75rem;font-weight:600;line-height:normal;text-transform:uppercase;letter-spacing:0}
.title-medium{font-family:Industry-Medium,sans-serif}
@media print,screen and (min-width:64em){.title-medium{font-size:30px}
}
@media screen and (min-width:75em){.title-medium{font-size:42px}
}
@media screen and (min-width:120em){.title-medium{font-size:50px}
}
.title-medium.uppercase{text-transform:uppercase}
.title-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.title-wrapper h3{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}


.card{position:relative;box-sizing:border-box}
@media print,screen and (min-width:48em){.card{margin-bottom:45px}
}
@media print,screen and (min-width:64em){.card{margin-bottom:67.5px}
}
.card__image-wrapper{display:block;overflow:hidden;margin-bottom:22.5px}
.card__media{overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}
.card__media img{-webkit-transition:all .3s ease;transition:all .3s ease}
@media print,screen and (min-width:64em){.card__body{padding:0 22.5px}
}
.card__title{font-family:Industry-Demi,sans-serif;margin-bottom:22.5px;font-size:16px}
@media print,screen and (min-width:64em){.card__title{font-size:20px}
}
.card__label{margin-bottom:15px;font-size:13px;font-family:Industry-Light,sans-serif;color:#424242;margin:0 0 6px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;text-transform:none}
@media print,screen and (min-width:64em){.card__label{font-size:14px;margin:0 0 10px}
}
.card__link-overlay{position:absolute;top:0;left:0;right:0;bottom:0}
@media (pointer:fine){.card:focus .card__media img,.card:hover .card__media img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
}
.card:focus .card__media,.card:hover .card__media{-webkit-transform:scale(1.025);-ms-transform:scale(1.025);transform:scale(1.025)}
.card-grid>.cell:not(:last-child){margin-bottom:45px}

.lazyloaded{opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s;-o-object-fit:contain;object-fit:contain}
@media print,screen and (min-width:48em){
}
.grid-x .grid-x-large-wrapper{overflow-x:hidden}





/* homebanner */
.pl-25{
    padding-left: 25px;
}
.mr-5{
    margin-right: 5px;
}
.mt-20{
    margin-top: 20px;
}
.mt-30{
    margin-top: 30px;
}
.mt-70{
    margin-top: 70px;
}
.ml-70{
    margin-left: 70px;
}
.color-color{
    color: var(--color);
}
.color-white{
    color: white;
}
.bg-color{
    background-color: var(--color);
}
.bg-white{
    background-color: white;
}
.flex-center-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex-center{
    display: flex;
    align-items: center;
}
.iflex{
    display: inline-flex 
}
.posi{
    position: relative;
}
.z5{
    position: relative;
    z-index: 5;
}
.transition{
    transition: all .36s;
}
.cursor{
    cursor: pointer;
}
.radius40{
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}
.radius50{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
@media screen and (max-width:900px){
    .wap-none{
        display: none !important;
    }
    body::after{
        display: block;
        content: '';
        width: 100%;
        height: 60px;
        background-color: #353639;
    }
}
@media screen and (max-width:1600px) {
    .pl-25{
        padding-left: 20px;
    }
    .mt-20{
        margin-top: 16px;
    }
    .mt-30{
        margin-top: 26px;
    }
    .mt-70{
        margin-top: 60px;
    }
    .ml-70{
        margin-left: 60px;
    }
}
@media screen and (max-width:1440px) {
    .pl-25{
        padding-left: 18px;
    }
    .mt-20{
        margin-top: 15px;
    }
    .mt-30{
        margin-top: 24px;
    }
    .mt-70{
        margin-top: 50px;
    }
    .ml-70{
        margin-left: 50px;
    }
}
@media screen and (max-width:1280px) {
    .pl-25{
        padding-left: 16px;
    }
    .mt-20{
        margin-top: 12px;
    }
    .mt-30{
        margin-top: 22px;
    }
    .mt-70{
        margin-top: 40px;
    }
    .ml-70{
        margin-left: 40px;
    }
}
@media screen and (max-width:1000px) {
    .pl-25{
        padding-left: 15px;
    }
    .mt-20{
        margin-top: 15px;
    }
    .mt-30{
        margin-top: 18px;
    }
    .mt-70{
        margin-top: 35px;
    }
    .ml-70{
        margin-left: 35px;
    }
}
@media screen and (max-width:750px) {
    .mt-70{
        margin-top: 20px;
    }
    .ml-70{
        margin-left: 20px;
    }
}
@media screen and (max-width:1720px){
    .pl-inner{
        padding-left: calc((100vw - 1480px)/2);
    }
    .mr-inner{
        margin-right: calc((100vw - 1480px)/2);
    }
}
@media screen and (max-width:1660px) {
    .pl-inner{
        padding-left: calc((100vw - 1360px)/2);
    }
    .mr-inner{
        margin-right: calc((100vw - 1360px)/2);
    }
}
@media screen and (max-width:1440px) {
    body{
        font-size: 14px 
    }
    .pl-inner{
        padding-left: calc((100vw - 1240px)/2);
    }
    .mr-inner{
        margin-right: calc((100vw - 1240px)/2);
    }
    .homebanner-title{
        font-size: 48px;
    }
    .homebanner-desc{
        font-size: 16px;
    }
    .homebanner-arrows{
        right: 30px;
    }
}
@media screen and (max-width:1280px) {
    .pl-inner{
        padding-left: 6vw;
    }
    .mr-inner{
        margin-right:6vw;
    }
    .homebannerImg{
        height: auto;
    }
    .homebanner-title{
        font-size: 44px;
    }
    .homebanner-arrows{
        right: 6vw;
    }
}
@media screen and (max-width:1100px) {
    .pl-inner{
        padding-left: 2vw;
    }
    .mr-inner{
        margin-right:2vw;
    }
    .homebanner-title{
        font-size: 40px;
    }
    .homebanner-desc{
        font-size: 15px;
    }
    .homebanner-arrows{
        right: 2vw;
    }
}
@media screen and (max-width:900px) {
    body{
        font-size: 12px 
    }
    .pl-inner{
        padding-left: 20px;
    }
    .mr-inner{
        margin-right:20px;
    }
    .homebanner-title{
        font-size: 32px;
    }
    .homebanner-desc{
        font-size: 14px;
        margin-bottom: 24px;
    }
    .homebanner-cta{
        padding: 12px 24px;
        font-size: 14px;
    }
    .homebanner-arrow{
        width: 42px;
        height: 42px;
    }
    .homebanner-arrows{
        right: 20px;
        gap: 8px;
    }
}
@media screen and (min-width: 500px) and (max-width: 900px) {
}
body {
    font-size: 16px;
}
body {
    overflow-x: hidden 
}
.pl-inner {
    padding-left: calc((100vw - 1600px) /2);
}
.mr-inner {
    margin-right: calc((100vw - 1600px) /2);
}
nav:hover > li:not(:hover) .oneNav {
    color: #333;
}
nav:hover > li:not(:hover) .oneNav span::after {
    transform: scale(0, 1);
}
.after::after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
}
.homebannerImg {
    width: 100%;
    height: 100vh;
    max-height: 100vh;
    object-fit: cover;
    min-height: 320px;
    display: block;
    /* 首页 banner 底色：大图加载完成前/ slick 初始化前的空隙用品牌深色填充，
       避免"白屏→大图弹出"的首屏闪烁（homebanner posi 闪一下的根因） */
    background: #0d1b2a;
    /* 首页 banner Ken Burns：默认略微放大(1.25)，当前激活 slide 由 CSS 平滑缩小回 1.0
       默认就处于放大态，可彻底避免"切换瞬间先变大再缩"的跳动 */
    transform: scale(1.25);
    transition: transform 6s ease-out;
    will-change: transform;
}
/* 每张 slide 自己裁剪图片溢出，避免放大时相邻 slide 的图片从右边缘漏出 */
.homebanner .slick-slide {
    overflow: hidden;
}
.homebanner .slick-slide.slick-active .homebannerImg {
    transform: scale(1);
}
.homebanner {
    height: 100vh;
    overflow: hidden;
    /* 与 .homebannerImg 同色：容器层也铺底色，slick 构建 track 的瞬间不透白 */
    background: #0d1b2a;
}
/* 防止 slick 初始化前（大图/CSS 尚未就绪时）出现空白闪烁：
   初始化前只保留首张 slide，其余隐藏，避免任何"堆叠/错位"闪一下 */
.homebanner .homebanner-slider:not(.slick-initialized) .homebanner-slide:not(:first-child) {
    display: none;
}
.homebanner .slick-list,
.homebanner .slick-track,
.homebanner .slick-slide {
    height: 100vh !important;
}
.homebanner .slick-slide .text {
    position: absolute;
    left: 40px;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    max-width: 640px;
    padding-right: 40px;
}
@media screen and (min-width: 1600px) {
    .homebanner .slick-slide .text {
        left: calc((100vw - 1600px) / 2 + 20px);
    }
    .homebanner-arrows {
        right: calc((100vw - 1600px) / 2 + 40px);
    }
}
.homebanner-eyebrow {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #6b7280;
    margin-bottom: 16px;
}
.homebanner-title {
    font-size: 56px;
    font-weight: 700;
    line-height: 1.1;
    color: #111827;
    margin: 0 0 20px;
     text-transform: uppercase;
}
.homebanner-desc {
    font-size: 17px;
    line-height: 1.65;
    color: #4b5563;
    max-width: 520px;
    margin: 0 0 36px;
}
.homebanner-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 14px 32px;
    background: #0075c3;
    color: #fff;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: all .3s ease;
}
.homebanner-cta:hover {
    background: #0075c3;
    color: #fff;
}
.homebanner-cta-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(255,255,255,0.2);
    font-size: 13px;
    line-height: 1;
}
.homebanner-arrows {
    position: absolute;
    z-index: 15;
    right: 40px;
    bottom: 6%;
    display: flex;
    align-items: center;
    gap: 10px;
}
.homebanner-arrow {
    width: 56px;
    height: 46px;
    border: 1px solid #e5e7eb;
    background: rgba(255,255,255,0.95);
    color: #374151;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    transition: all .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
}
.homebanner-arrow i {
    display: block;
    transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
    -moz-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    -o-transform: skewX(15deg);
    font-style: normal;
}
.homebanner-arrow:hover {
    background: #0075c3;
    border-color: #0075c3;
    color: #fff;
    transform: skewX(-15deg) translateY(-5px);
    -webkit-transform: skewX(-15deg) translateY(-5px);
    -moz-transform: skewX(-15deg) translateY(-5px);
    -ms-transform: skewX(-15deg) translateY(-5px);
    -o-transform: skewX(-15deg) translateY(-5px);
}
.homebanner .slick-dots {
    position: absolute;
    bottom: 6%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 15;
    display: flex;
    align-items: center;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.homebanner .slick-dots li {
    width: 12px;
    height: 12px;
    line-height: 1;
}
.homebanner .slick-dots li button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.65);
    background: transparent;
    padding: 0;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    transition: all .3s ease;
    display: block;
}
.homebanner .slick-dots li.slick-active button,
.homebanner .slick-dots li button:hover {
    background: #fff;
    border-color: #fff;
}
.processUl:hover li:not(:hover) {
    color: #666;
}
.processUl:hover li:not(:hover) .processUlIcon {
    filter: none;
    -webkit-filter: none;
}
.processUl:hover li:not(:hover)::after {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
}

/* 首页 banner 改为 Slick：文字逐行滑入（替代原 swiper-animate） */
.homebanner .homebanner-slider.slick-initialized .slick-slide .text > * {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity .8s ease, transform .8s ease, background-color .3s ease, color .3s ease;
}
.homebanner .homebanner-slider.slick-initialized .slick-slide.slick-active .text > * {
    opacity: 1;
    transform: translateY(0);
}
.homebanner .homebanner-slider.slick-initialized .slick-slide.slick-active .text > *:nth-child(1) { transition-delay: .15s; }
.homebanner .homebanner-slider.slick-initialized .slick-slide.slick-active .text > *:nth-child(2) { transition-delay: .30s; }
.homebanner .homebanner-slider.slick-initialized .slick-slide.slick-active .text > *:nth-child(3) { transition-delay: .45s; }
.homebanner .homebanner-slider.slick-initialized .slick-slide.slick-active .text > *:nth-child(4) { transition-delay: .60s; }

/* 首页 banner 移动端精细适配 */
@media screen and (max-width: 640px) {
   
    .homebanner {
        height: 60vh;
    }
    .homebannerImg {
        height: 60vh;
        max-height: 60vh;
        object-position:80% center;
    }
    .homebanner .slick-list,
    .homebanner .slick-track,
    .homebanner .slick-slide {
        height: 60vh !important;
    }
    .homebanner .slick-slide .text {
        left: 20px;
        max-width: calc(100% - 40px);
        padding-right: 20px;
        top: auto;
        bottom: 2rem;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
    .homebanner-eyebrow {
        font-size: 12px;color: #fff; font-weight: 700;
        letter-spacing: 0px;
        margin-bottom: 10px;
    }
    .homebanner-title {
        font-size: 26px;color: #fff;
        line-height: 1.15;
        margin: 0 0 12px;
    }
    .homebanner-desc {
        font-size: 13px;color: #fff;
        line-height: 1.55;
        margin: 0 0 22px;
        max-width: 100%;
    }
    .homebanner-cta {
        padding: 10px 22px;
        font-size: 13px;
        gap: 10px;
    }
    .homebanner-cta-arrow {
        width: 20px;
        height: 20px;
        font-size: 11px;
    }
    .homebanner-arrows {
        right: 20px;
        bottom: 1.5rem;
        gap: 8px;
    }
    .homebanner-arrow {
        width: 44px;
        height: 38px;
        font-size: 14px;
    }
    .homebanner .slick-dots {
        bottom: 2rem;
        gap: 10px;
    }
    .homebanner .slick-dots li,
    .homebanner .slick-dots li button {
        width: 10px;
        height: 10px;
    }
}
@media screen and (max-width: 380px) {
    .homebanner-title {
        font-size: 22px; color: #fff;
    }
    .homebanner-desc {
        font-size: 12px;color: #fff;
    }
}



/* 侧边导航 */



/* 侧边导航 */
.utility-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    list-style-type: none;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:flex
}

@media print, screen and (min-width: 48em) {
    .utility-nav {
        display: block;
        right: 0;
        left: auto;
        bottom: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform:translateY(-50%)
    }
}

.utility-nav--link {
    overflow: hidden;
    width:33.3333%
}

@media print, screen and (min-width: 48em) {
    .utility-nav--link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width:auto
    }
}

.utility-nav--link:nth-child(1), .utility-nav--link:nth-child(2) {
    margin-right:1px
}

@media print, screen and (min-width: 48em) {
    .utility-nav--link:nth-child(1), .utility-nav--link:nth-child(2) {
        margin-bottom: 1px;
        margin-right:0
    }
}

.utility-nav--icon {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #0075c3;
    width: 100%;
    height: 50px;
    z-index:2
}

@media print, screen and (min-width: 48em) {
    .utility-nav--icon {
        width:50px
    }
}

.utility-nav--icon svg,
.utility-nav--icon i[class^="ico-"],
.utility-nav--icon i[class*=" ico-"] {
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    fill: #fff;
}
.utility-nav--icon i[class^="ico-"],
.utility-nav--icon i[class*=" ico-"] {
    font-style: normal;
    display: inline-block;
}

@media print, screen and (min-width: 48em) {
    .utility-nav--link:nth-child(1) .utility-nav--icon {
        border-top-left-radius:15px
    }
}

@media print, screen and (min-width: 48em) {
    .utility-nav--link:last-child .utility-nav--icon {
        border-bottom-left-radius:15px
    }
}

.utility-nav--text {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    position: fixed;
    background-color: #0075c3;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-family: "Gotham Medium", sans-serif;
    text-align: center;
    z-index: 1;
    width: 100%;
    left: 0;
    padding-left: 1rem;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    opacity:0
}

@media print, screen and (min-width: 48em) {
    .utility-nav--text {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        width: 0;
        min-width: 0;
        left:auto
    }
}

.utility-nav--text:hover {
    text-decoration: none;
    color:#fff
}

.utility-nav--text .inner {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom:10px
}

@media print, screen and (min-width: 48em) {
    .utility-nav--text .inner {
        padding-top: 0;
        padding-bottom:0
    }
}

.utility-nav--link:nth-child(1):hover > .utility-nav--text, .utility-nav--link:nth-child(2):hover > .utility-nav--text, .utility-nav--link:nth-child(3):hover > .utility-nav--text, .utility-nav--link:nth-child(4):hover > .utility-nav--text {
    opacity: 1;
    bottom:51px
}

@media print, screen and (min-width: 48em) {
    .utility-nav--link:nth-child(1):hover > .utility-nav--text, .utility-nav--link:nth-child(2):hover > .utility-nav--text, .utility-nav--link:nth-child(3):hover > .utility-nav--text, .utility-nav--link:nth-child(4):hover > .utility-nav--text {
        bottom: auto;
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
        width: auto;
        min-width:auto
    }
}

.utility-nav--link:nth-child(1):hover > .utility-nav--icon, .utility-nav--link:nth-child(2):hover > .utility-nav--icon, .utility-nav--link:nth-child(3):hover > .utility-nav--icon, .utility-nav--link:nth-child(4):hover > .utility-nav--icon {
    border-radius:0
}

.footer__subnav > li a:not(:hover):not(:focus) {
    color:#fff !important
}

/* 合作伙伴 LOGO：每个 logo 图片加 1px 浅灰描边 */
.logos-list--item img {
    border: 1px solid #f3f3f3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
}
.logos-list--item picture {
    display: block;
}



/* newspage */



.cms-container h2,.cms-container h2 strong{
    font-family:Roboto,Arial,sans-serif;
    color:#0075c3;
    font-size:1.3rem;
    font-weight:600;
    margin-bottom:.625rem;
    line-height:1.3em
}
@media print,screen and (min-width:40em){
    .cms-container h2,.cms-container h2 strong{font-size:1.3rem}
}
@media screen and (min-width:75em){
    .cms-container h2,.cms-container h2 strong{font-size:1.5rem}
}

.cms-container h3,.cms-container h3 strong{
    font-family:Roboto,Arial,sans-serif;
    color:#0075c3;
    font-size:1.05rem;
    font-weight:600;
    margin-bottom:.625rem;
    line-height:1.3em
}
@media print,screen and (min-width:40em){
    .cms-container h3,.cms-container h3 strong{font-size:1.05rem}
}
@media screen and (min-width:75em){
    .cms-container h3,.cms-container h3 strong{font-size:1.25rem}
}

/* 新增 h4 */
.cms-container h4,.cms-container h4 strong{
    font-family:Roboto,Arial,sans-serif;
    color:#0075c3;
    font-size:1.0rem;
    font-weight:600;
    margin-bottom:.625rem;
    line-height:1.3em
}
@media print,screen and (min-width:40em){
    .cms-container h4,.cms-container h4 strong{font-size:1.0rem}
}
@media screen and (min-width:75em){
    .cms-container h4,.cms-container h4 strong{font-size:1.1rem}
}

/* 新增 h5 固定1.1rem */
.cms-container h5,.cms-container h5 strong{
    font-family:Roboto,Arial,sans-serif;
    color:#0075c3;
    font-size:1.1rem;
    font-weight:600;
    margin-bottom:.625rem;
    line-height:1.3em
}
@media print,screen and (min-width:40em){
    .cms-container h5,.cms-container h5 strong{font-size:1.1rem}
}
@media screen and (min-width:75em){
    .cms-container h5,.cms-container h5 strong{font-size:1.1rem}
}




  .cryspack-news-boilerplate {
    /* 配色摘取自官网 Cryspack（public.css 主色 #0d85b9，正文 #231f20，辅助灰 #777） */
    --cb-primary: #0d85b9;      /* 品牌主色（官网青蓝） */
    --cb-primary-dark: #0a6e9c; /* 主色按下/悬停加深 */
    --cb-accent:  #0d85b9;      /* 左侧强调条 */
    --cb-text:    #231f20;      /* 官网正文色 */
    --cb-muted:   #777777;      /* 官网辅助灰 */
    --cb-bg:      #eef6f9;      /* 主色极浅色调 */
    --cb-border:  #e3e3e3;

    margin: 40px 0 0;
    padding: 24px 28px;
    background: var(--cb-bg);
    border: 1px solid var(--cb-border);
    border-left: 4px solid var(--cb-accent);
    border-radius: 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
    color: var(--cb-text);
    line-height: 1.75;
    font-size: 15px;
  }

  .cryspack-news-boilerplate .cb-label {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--cb-primary);
    margin: 0 0 10px;
  }

  .cryspack-news-boilerplate p {
    margin: 0 0 14px;
  }

  .cryspack-news-boilerplate .cb-cta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 18px;
    margin-top: 6px;
    padding-top: 14px;
    border-top: 1px dashed var(--cb-border);
  }

  .cryspack-news-boilerplate .cb-cta-text {
    color: var(--cb-muted);
    font-size: 14px;
    margin: 0;
  }

  .cryspack-news-boilerplate a {
    color: var(--cb-primary);
    text-decoration: none;
    font-weight: 600;
  }
  .cryspack-news-boilerplate a:hover {
    text-decoration: underline;
  }

  /* 图标：取自官网 icomoon 字体字形（mail / world），用 currentColor 跟随文字色 */
  .cryspack-news-boilerplate .cb-ico {
    width: 18px;
    height: 18px;
    fill: currentColor;
    flex: none;
  }

  /* 行动按钮（邮件 / 官网） */
  .cryspack-news-boilerplate .cb-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    transition: background .2s, color .2s, border-color .2s;
  }
  .cryspack-news-boilerplate .cb-btn-primary {
    background: var(--cb-primary);
    color: #fff;
  }
  .cryspack-news-boilerplate .cb-btn-primary:hover {
    background: var(--cb-primary-dark);
    text-decoration: none;
  }
  .cryspack-news-boilerplate .cb-btn-outline {
  }
  .cryspack-news-boilerplate .cb-btn-outline {
    background: transparent;
    color: var(--cb-primary);
    border: 1px solid var(--cb-primary);
  }
  .cryspack-news-boilerplate .cb-btn-outline:hover {
    background: var(--cb-primary);
    color: #fff;
    text-decoration: none;
  }

  @media (max-width: 600px) {
    .cryspack-news-boilerplate { padding: 18px 18px; font-size: 14px; }
    .cryspack-news-boilerplate .cb-cta { flex-direction: column; align-items: flex-start; }
  }

  /* ============ 中文版轻微差异化（可选，默认同款样式） ============ */



  /* about */



.aboutPlay img{animation:rotate 10s linear infinite;transition:ease 1s;-webkit-animation:rotate 10s linear infinite}
.brief{background:url(/images/images/briefBg.png) no-repeat center top;background-size:100% auto;margin-top:-4.6vw;padding-top:4.6vw}
.w62{width:62%}
.briefVideo{height:66vh;background:url(/images/images/briefVideoBg.jpg) no-repeat center center;background-size:cover;background-attachment:fixed}
.briefVideo::after{display:block;content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.3)}
.processUl:hover li:not(:hover){color:#666}
.processUl:hover li:not(:hover) .processUlIcon{filter:none;-webkit-filter:none}
.processUl:hover li:not(:hover)::after{transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}

@media screen and (max-width:1440px){body{font-size:14px}
.aboutPlay img{width:138px}
}
@media screen and (max-width:1280px){
.aboutPlay img{width:120px}
}
@media screen and (max-width:1100px){
.aboutPlay img{width:100px}
}
@media screen and (max-width:900px){
.numUlIcon{width:32px}
.briefNum{flex-wrap:wrap}
.aboutPlay img{width:80px}
.briefNum li{width:50%;margin-top:18px}
.briefVideo{height:320px}
}

.clear15{height:15px;overflow:hidden;clear:both}
.pb-30{padding-bottom:30px}
.pt-60{padding-top:60px}
.pt-100{padding-top:100px}
.mt-10{margin-top:10px}
.mr-15{margin-right:15px}
.mt-20{margin-top:20px}
.mt-60{margin-top:60px}
.mt-70{margin-top:70px}
.hidden{overflow:hidden}
.color-color{color:var(--color)}
.color-666{color:#666}
.bg-white{background-color:#fff}
.flex-center-center{display:flex;align-items:center;justify-content:center}
.flex-between{display:flex;justify-content:space-between}
.flex-between-start{display:flex;justify-content:space-between;align-items:flex-start}
.flex{display:flex}
.flex-start{display:flex;align-items:flex-start}
.posi{position:relative}
.z5{position:relative;z-index:5}
.text-uppercase{text-transform:uppercase}
.cursor{cursor:pointer}
.font-weight{font-weight:700}
.line-height2-4{line-height:2.4}
.line-height1{line-height:1}
.wap-show{display:none}
@media screen and (max-width:900px){.wap-show{display:block}
.wapFlex{flex-direction:column;align-items:flex-start;justify-content:flex-start}
.line-height2-4{line-height:2}
.wapMax{width:100%!important}
body::after{display:block;content:'';width:100%;height:60px;background-color:#353639}
.bg-scoll{background-attachment:scroll!important}
}
@media screen and (max-width:1600px){.pb-30{padding-bottom:26px}
.pt-60{padding-top:50px}
.pt-100{padding-top:80px}
.mt-10{margin-top:8px}
.mr-15{margin-right:13px}
.mt-20{margin-top:16px}
.mt-60{margin-top:50px}
.mt-70{margin-top:60px}
}
@media screen and (max-width:1440px){.pb-30{padding-bottom:24px}
.pt-60{padding-top:40px}
.pt-100{padding-top:66px}
.mt-10{margin-top:6px}
.mr-15{margin-right:10px}
.mt-20{margin-top:15px}
.mt-60{margin-top:40px}
.mt-70{margin-top:50px}
}
@media screen and (max-width:1280px){.pb-30{padding-bottom:22px}
.pt-60{padding-top:35px}
.pt-100{padding-top:55px}
.mt-10{margin-top:5px}
.mr-15{margin-right:8px}
.mt-20{margin-top:12px}
.mt-60{margin-top:35px}
.mt-70{margin-top:40px}
}
@media screen and (max-width:1000px){.pb-30{padding-bottom:18px}
.pt-60{padding-top:30px}
.pt-100{padding-top:35px}
.mt-10{margin-top:5px}
.mr-15{margin-right:8px}
.mt-20{margin-top:15px}
.mt-60{margin-top:30px}
.mt-70{margin-top:35px}
}
@media screen and (max-width:750px){.pt-60{padding-top:20px}
.pt-100{padding-top:20px}
.mt-60{margin-top:20px}
.mt-70{margin-top:20px}
}


/* homeproducts */



.main2 {
  position: relative;
  padding: 4.273rem 0px;
  background:
    radial-gradient(closest-side at 12% 18%, rgba(0, 117, 195, .38), transparent 70%),
    radial-gradient(closest-side at 88% 22%, rgba(50, 50, 243, 0.34), transparent 70%),
    radial-gradient(closest-side at 72% 88%, rgba(45, 212, 191, .32), transparent 72%),
    linear-gradient(135deg, #eaf0fb 0%, #f3f5fa 55%, #eceff7 100%);
}



/* main2 区块大标题 */
.main2__head {
  text-align: center;
  margin-bottom: 3.5rem;
}
.main2__title {
  font-family: Montserrat, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
  color: #111827;
  margin: 0;
  line-height: 1.2;
}
@media screen and (max-width: 640px) {
  .main2__title { font-size: 1.75rem; }
  .main2__head { margin-bottom: 2.25rem; }
}

.inPro-item {
  position: sticky;
  top: 6rem;
  background: rgba(255, 255, 255, .22);
  -webkit-backdrop-filter: blur(16px) saturate(170%);
  backdrop-filter: blur(16px) saturate(170%);
  border: 1px solid rgba(255, 255, 255, .70);
  border-radius: 0.75rem;
  padding: 2rem 3.8% 3.455rem;
  box-shadow: 0 8px 28px rgba(0, 117, 195, .10);
  transition: transform .18s ease-out, box-shadow .3s ease, background-color .3s ease, border-color .3s ease;
  transform-origin: center center;
  will-change: transform;
}
/* 被后卡覆盖时：背景渐变成 #666，内容仍在上层可读 */
.inPro-item::after {
  content: '';
  position: absolute;
  left: 0; top: 0; right: 0; bottom: 0;
  /* background: #666; */
  border-radius: inherit;
  opacity: var(--stack-p, 0);
  pointer-events: none;
  z-index: 0;
  transition: opacity .18s ease-out;
}
.inPro-item:hover {
  background: rgba(255, 255, 255, .42);
  border-color: rgba(255, 255, 255, .95);
  box-shadow: 0 22px 52px rgba(0, 117, 195, .22);
}
/* 不支持 backdrop-filter 的浏览器：用近不透明背景保证可读性（与 why-item 一致） */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .inPro-item { background: rgba(255, 255, 255, .92); }
  .inPro-item:hover { background: #ffffff; }
}
/* 滚动堆叠：top 由 ahao.js 统一设为 6rem 实现层叠；无 JS 时回退到下方递增 top，防止全部挤在一起 */
.inPro-item:nth-child(1){ top:6rem; z-index:1; }
.inPro-item:nth-child(2){ top:21rem; z-index:2; }
.inPro-item:nth-child(3){ top:36rem; z-index:3; }
.inPro-item:nth-child(4){ top:51rem; z-index:4; }
.inPro-item:nth-child(5){ top:66rem; z-index:5; }
.inPro-item:nth-child(6){ top:81rem; z-index:6; }
.inPro-item:nth-child(7){ top:96rem; z-index:7; }
.inPro-item:nth-child(8){ top:111rem; z-index:8; }
.inPro-item:nth-child(9){ top:126rem; z-index:9; }
.inPro-item .proT { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; padding-bottom: 0.591rem; border-bottom: 0.045rem solid rgba(0, 0, 0, .12); }
.inPro-item .proBL { width: 41.1%; display: flex; flex-direction: column; justify-content: space-between; }
.inPro-item .name { line-height: 1.4; }
.inPro-item .num { font-weight: 200; flex-shrink: 0; }
.inPro-item .proB { position: relative; z-index: 1; display: flex; margin-top: 3.727rem; }
.inPro-item .des { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.inPro-item .img { width: 40.6%; margin-left: 18.3%; overflow: hidden; isolation: isolate; }
.inPro-item .img img { border-radius: 0.545rem; }

@media only screen and (max-width:860px){.inPro-item .proB{margin-top:2.5rem}
}
@media only screen and (max-width:640px){
.inPro-item .proB{flex-direction:column}
.inPro-item .proBL{width:100%}
.inPro-item .img{width:100%;margin:1.429rem 0 0;margin-left:0}
.inPro-item .com-more{margin-top:.714rem}
}





.c1{width:82.6vw;margin:0 auto}
.fs70{font-size:3.182rem}
.fs22{font-size:1rem}
.fs20{font-size:.909rem}
.fs16{font-size:.727rem}
.com-more{position:relative;display:flex;align-items:center;justify-content:center;width:7.5rem;height:2.364rem;border-radius:1.5rem;isolation:isolate;overflow:hidden}
.com-more::after,.com-more::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}
.com-more::before{width:100%;height:100%;background-color:#000}
.com-more::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:0;height:0;padding-bottom:0;background-color:#0075c3;border-radius:50%;transition:.3s cubic-bezier(.65, 0, .35, 1)}
.com-more *{color:#fff}
.com-more .jt{margin-right:1rem;overflow:hidden}
.com-more i{position:absolute;transform:translate(-50%,-50%);font-size:.545rem;transition:.3s cubic-bezier(.65, 0, .35, 1)}
.com-more .jt1{left:50%;top:50%}
.com-more .jt2{left:-50%;top:150%}
.com-more:hover::before{background-color:#0075c3;transition:.3s cubic-bezier(.65, 0, .35, 1) .3s}
.com-more:hover::after{width:100%;padding-bottom:100%}
.com-more:hover .jt1{left:150%;top:-100%}
.com-more:hover .jt2{left:50%;top:50%}
@media only screen and (max-width:1680px){.fs70{font-size:2.727rem}
.fs22{font-size:.909rem}
.fs20{font-size:.818rem}
}
@media only screen and (max-width:1280px){.fs70{font-size:2.273rem}
}
@media only screen and (max-width:1024px){.c1{width:96vw}
.fs16{font-size:.875rem}
}
@media only screen and (max-width:860px){.fs70{font-size:1.875rem}
}
@media only screen and (max-width:640px){.fs20,.fs22{font-size:1.143rem}
.fs16{font-size:1rem}
.com-more{width:8.571rem;height:2.857rem}
.com-more i{font-size:1.2rem}
.com-more .jt{margin-right:.357rem}
.com-more span{font-size:1.143rem}
}

/* ============ 首页：为什么选择我们 / Why Choose Cryspack ============ */
.why {
  position: relative;
  padding: 4.273rem 0;
  overflow: hidden;
  background:
    radial-gradient(closest-side at 18% 22%, rgba(0, 117, 195, .55), transparent 68%),
    radial-gradient(closest-side at 82% 18%, rgba(45, 212, 191, .50), transparent 66%),
    radial-gradient(closest-side at 68% 82%, rgba(129, 140, 248, .48), transparent 70%),
    linear-gradient(135deg, #e3eefb 0%, #edf4fb 55%, #e4eff9 100%);
}
.why__head {
  text-align: center;
  margin-bottom: 8rem;
}
.why__eyebrow {
  display: inline-block;
  font-family: Montserrat, Arial, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #0075c3;
  margin-bottom: 1rem;
}
.why__title {
  font-family: Montserrat, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
  color: #111827;
  margin: 0 0 .5rem;
  line-height: 1.2;
}
.why__title-cn {
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  color: #6b7280;
  margin: 0;
}

.why__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  align-items: start; /* ← 新增这一行 */
}
@media screen and (max-width: 1024px) {
  .why__grid { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 640px) {
  .why__grid { grid-template-columns: 1fr; }
  .why__title { font-size: 1.75rem; }
  .why__head { margin-bottom: 2rem; }
}

/* 错落有致：偶数卡片(2/4/6/8)整体上移，比奇数卡片(1/3/5/7)更高 */
@media screen and (min-width: 640px) {
  .why-item:nth-child(even) { margin-top: -3rem; }
}

.why-item {
  position: relative;
  padding: 2rem 1.75rem 1.75rem;
  background: rgba(255, 255, 255, .22);
  -webkit-backdrop-filter: blur(16px) saturate(170%);
  backdrop-filter: blur(16px) saturate(170%);
  border: 1px solid rgba(255, 255, 255, .70);
  border-radius: 0.75rem;
  box-shadow: 0 8px 28px rgba(0, 117, 195, .10);
  transition: box-shadow .3s ease, border-color .3s ease, background-color .3s ease, transform .3s ease;
}
.why-item:hover {
  background: rgba(255, 255, 255, .42);
  border-color: rgba(255, 255, 255, .95);
  box-shadow: 0 22px 52px rgba(0, 117, 195, .26);
  transform: translateY(-10px);
}
/* 不支持 backdrop-filter 的浏览器：用近不透明背景保证可读性 */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .why-item { background: rgba(255, 255, 255, .92); }
  .why-item:hover { background: #ffffff; }
}
.why-item__num {
  position: absolute;
  top: .75rem;
  right: 1.25rem;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 5.5rem;
  font-weight: 800;
  line-height: 1;
  color: #0075c3;
  opacity: .1;
  margin: 0;
  z-index: 0;
  pointer-events: none;
}
.why-item__title {
  position: relative;
  z-index: 1;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: #111827;
  margin: 0 0 .25rem;
  line-height: 1.35;
}
.why-item__title-cn {
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: .95rem;
  font-weight: 500;
  color: #6b7280;
  margin: 0 0 1rem;
}
.why-item__desc {
  font-size: .9375rem;
  line-height: 1.7;
  color: #4b5563;
  margin: 0 0 .75rem;
}
.why-item__desc-cn {
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: .875rem;
  line-height: 1.7;
  color: #9aa0a6;
  margin: 0;
}

/* 滚动揭示动画（由 images/js/ahao.js 驱动；无 JS 时内容默认可见，优雅降级） */
.why.reveal-ready .why-item {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .6s ease, transform .6s ease;
}
.why.reveal-ready .why-item.is-visible {
  opacity: 1;
  transform: translateY(0);
}
/* 提高优先级，覆盖 is-visible 的 translateY(0)，保证 hover 上浮生效 */
.why.reveal-ready .why-item.is-visible:hover {
  transform: translateY(-10px);
}




/* test */




img{border:0}
li,ul{list-style:none}
a{color:#333;text-decoration:none;border:0}
img{border:0;max-width:100%;vertical-align:middle;transition:.6s}
i{font-style:normal}
a{outline:medium;color:inherit;-webkit-user-select:none}
::-webkit-scrollbar{width:5px;background-color:#f5f5f5}
::-webkit-scrollbar-track{border-radius:0}
::-webkit-scrollbar-thumb{background:var(--black);border-radius:0}
.clear15{height:15px;overflow:hidden;clear:both}
.pb-10{padding-bottom:10px}
.pl-15{padding-left:15px}
.pl-70{padding-left:70px}
.pr-70{padding-right:70px}
.pt-100{padding-top:100px}
.pb-100{padding-bottom:100px}
.mb-10{margin-bottom:10px}
.mt-40{margin-top:40px}
.mt-50{margin-top:50px}
.mb-50{margin-bottom:50px}
.hidden{overflow:hidden}
.color-color{color:var(--color)}
.color-white{color:#fff}
.bg-color{background-color:var(--color)}
.flex-center-center{display:flex;align-items:center;justify-content:center}
.flex-between-center{display:flex;justify-content:space-between;align-items:center}
.flex{display:flex}
.flex-wrap{flex-wrap:wrap}
.flex-end{display:flex;align-items:flex-end}
.iflex{display:inline-flex}
.posi{position:relative}
.z5{position:relative;z-index:5}
.hmax{height:100%}
.w25{width:25%}
.w55{width:55%}
.img{position:relative;overflow:hidden}
.transition{transition:.36s}
.text-uppercase{text-transform:uppercase}
.text-nowrap{white-space:nowrap}
.line-height2-8{line-height:2.8}
.line-height1{line-height:1}
.wap-show{display:none}
.border-color{border:1px solid var(--color)}
.radius40{border-radius:40px}
.radius50{border-radius:50%}
@media screen and (max-width:900px){
.wap-show{display:block}
.wap-none{display:none!important}
.wapFlex{flex-direction:column;align-items:flex-start;justify-content:flex-start}
.line-height2-8{line-height:2}
.wapMax{width:100%!important}
body::before{display:block;content:"";width:100%;background-color:#fff}
}
@media screen and (max-width:1600px){
.pb-10{padding-bottom:8px}
.pl-15{padding-left:13px}
.pl-70{padding-left:60px}
.pr-70{padding-right:60px}
.pt-100{padding-top:80px}
.pb-100{padding-bottom:80px}
.mb-10{margin-bottom:8px}
.mt-40{margin-top:36px}
.mt-50{margin-top:40px}
.mb-50{margin-bottom:40px}
}
@media screen and (max-width:1440px){
.pb-10{padding-bottom:6px}
.pl-15{padding-left:10px}
.pl-70{padding-left:50px}
.pr-70{padding-right:50px}
.pt-100{padding-top:66px}
.pb-100{padding-bottom:66px}
.mb-10{margin-bottom:6px}
.mt-40{margin-top:34px}
.mt-50{margin-top:35px}
.mb-50{margin-bottom:35px}
}
@media screen and (max-width:1280px){
.pb-10{padding-bottom:5px}
.pl-15{padding-left:8px}
.pl-70{padding-left:40px}
.pr-70{padding-right:40px}
.pt-100{padding-top:55px}
.pb-100{padding-bottom:55px}
.mb-10{margin-bottom:5px}
.mt-40{margin-top:30px}
.mt-50{margin-top:30px}
.mb-50{margin-bottom:30px}
}
@media screen and (max-width:1000px){
.pb-10{padding-bottom:5px}
.pl-15{padding-left:8px}
.pl-70{padding-left:35px}
.pr-70{padding-right:35px}
.pt-100{padding-top:35px}
.pb-100{padding-bottom:35px}
.mb-10{margin-bottom:5px}
.mt-40{margin-top:20px}
.mt-50{margin-top:25px}
.mb-50{margin-bottom:25px}
}
@media screen and (max-width:750px){
.pl-70{padding-left:20px}
.pr-70{padding-right:20px}
.pt-100{padding-top:20px}
.pb-100{padding-bottom:20px}
.mt-40{margin-top:20px}
.mt-50{margin-top:20px}
.mb-50{margin-bottom:20px}
}
@media screen and (max-width:1670px){.inner{width:1480px;margin:0 auto}
}
@media screen and (max-width:1660px){.inner{width:1360px;margin:0 auto}
}
@media screen and (max-width:1440px){body{font-size:14px}
.inner{width:1240px;margin:0 auto}
}
@media screen and (max-width:1280px){
.inner{width:88%;margin:0 auto}
}
@media screen and (max-width:1100px){
.inner{width:96%;margin:0 auto}
}
@media screen and (max-width:900px){body{font-size:12px}
.inner{width:calc(100% - 40px);margin:0 auto}
.idxMore .left{width:10em}
.numUl{width:100%}
.numUl li{width:50%}
.idxAboutImg{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}
.idxAboutImg img{width:100%;height:260px;object-fit:cover}
.numUl li{display:flex;align-items:center;flex-direction:column}
}
body{font-size:16px}
.inner{width:1600px;margin:0 auto}
nav:hover>li:not(:hover) .oneNav{color:#333}
nav:hover>li:not(:hover) .oneNav span::after{transform:scale(0,1)}
.idxMore .left{height:3.3em}
.idxMore .round{height:3.3em;width:3.3em;margin-left:-15px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.idxMore:hover .left{letter-spacing:2px}
.idxMore:hover .round{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}
.numUl{width:110%}
.idxAboutImg{width:37.5%;box-shadow:1vw 0 2vw rgba(25,44,137,.3);border-radius:6vw 15px 6vw 15px;-webkit-border-radius:6vw 15px 6vw 15px;-moz-border-radius:6vw 15px 6vw 15px;-ms-border-radius:6vw 15px 6vw 15px;-o-border-radius:6vw 15px 6vw 15px}
.idxAboutBg{position:absolute;right:0;bottom:0;z-index:3}
.subNav:hover a:not(:hover)::after{width:0}

/* Home news section */
.home-news{position:relative;padding:5rem 0;}
.home-news__head{text-align:center;margin-bottom:2.75rem}
.home-news__title{font-family:Montserrat,Arial,sans-serif;font-size:2.25rem;font-weight:700;color:#111827;margin:0;line-height:1.2}
.home-news .cell{margin-bottom:1.5rem}
@media print,screen and (min-width:64em){
.home-news .cell{margin-bottom:0}
}
.news-card{position:relative;display:flex;flex-direction:column;height:100%;min-height:27rem;background:#0075c3;border-radius:1rem;padding:0 1.5rem 1.5rem;color:#fff;box-shadow:0 10px 30px rgba(10,31,53,.12);transition:transform .25s ease-out,box-shadow .25s ease-out;will-change:transform;overflow:visible}
.news-card:hover{transform:translateY(-10px);box-shadow:0 22px 45px rgba(10,31,53,.28)}
.news-card__thumb{position:relative;width:78%;margin:-3rem auto 1.25rem;background:#fff;border-radius:.75rem;box-shadow:0 10px 25px rgba(0,0,0,.12);overflow:hidden;aspect-ratio:16/16;display:flex;align-items:center;justify-content:center;padding:1rem;transition:background .25s ease-out}
.news-card__thumb img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .4s ease-out}
.news-card:hover .news-card__thumb{background:#fff}
.news-card:hover .news-card__thumb img{transform:scale(1.06)}
.news-card__body{display:flex;flex-direction:column;flex:1 1 auto}
.news-card__date{display:block;font-size:.75rem;color:rgba(255,255,255,.5);margin-bottom:.625rem}
.news-card__title{font-family:Montserrat,Arial,sans-serif;font-size:1.125rem;font-weight:700;line-height:1.35;margin:0 0 .75rem}
.news-card__title a{color:#fff;text-decoration:none}
.news-card__title a:hover{color:#fff}
.news-card__title a::after{content:'\25B6';display:inline-block;margin-left:.35em;font-size:.65em;color:#fff;vertical-align:middle}
.news-card__desc{font-size:.875rem;line-height:1.55;color:rgba(255,255,255,.7);margin:0 0 1.25rem;flex:1 1 auto;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-card__tags{font-size:.75rem;color:rgba(255,255,255,.45);line-height:1.4;border-top: 1px solid rgba(255, 255, 255, .15);margin-top:auto;
    padding-top: 15px;}

/* Solutions / CMS content hero h1 → match .title.title--topline.big (About-style).
   KingCMS strips the class attribute from stored content on save, so we target the
   element directly to keep the hero h1 styled on the live (DB-rendered) page.
   Replicates main.css .title + .title--topline + .title.big exactly. */
.cms-block__paragraphs h1{
  position:relative;
  font-family:Montserrat,Arial,sans-serif;
  font-weight:700;
  line-height:1.2em;
  color:#0075c3;
  display:block;
  margin-bottom:1.25rem;
  font-size:1.625rem;
  padding-top:0;
}
@media print,screen and (min-width:40em){.cms-block__paragraphs h1{font-size:1.875rem}}
@media print,screen and (min-width:64em){.cms-block__paragraphs h1{font-size:2rem;padding-top:1.25rem}}
@media screen and (min-width:75em){.cms-block__paragraphs h1{font-size:2.25rem}}
@media screen and (min-width:100em){.cms-block__paragraphs h1{font-size:2.625rem}}
.cms-block__paragraphs h1:before{
  content:'';position:absolute;left:0;top:0;height:3px;width:40px;background-color:#0075c3;
}
@media screen and (min-width:75em){.cms-block__paragraphs h1:before{height:4px}}

/* test */