/**
 * 自定义样式文件
 * 用于补充 Tailwind CSS 的额外样式
 */

/**
* 字体
*/
@font-face {
    font-family: 'acumin-pro-bold-italic';
    src: url('../fonts/acumin-pro-bold-italic.woff') format('woff');
}
@font-face {
    font-family: 'acumin-pro-black';
    src: url('../fonts/acumin-pro-black.otf') format('opentype');
}

@font-face {
    font-family: 'acumin-pro-bold';
    src: url('../fonts/acumin-pro-bold.woff') format('woff');
}

@font-face {
    font-family: 'acumin-pro-medium';
    src: url('../fonts/acumin-pro-medium.otf') format('opentype');
}

@font-face {
    font-family: 'acumin-pro-thin';
    src: url('../fonts/acumin-pro-thin.otf') format('opentype');
}

@font-face {
    font-family: 'acumin-pro-thin-italic';
    src: url('../fonts/acumin-pro-thin-italic.otf') format('opentype');
}

@font-face {
    font-family: 'acumin-pro-regular';
    src: url('../fonts/acumin-pro-regular.woff') format('woff');
}
.font-acumin-pro-bold-italic{
    font-family: 'acumin-pro-bold-italic';
}
.font-acumin-pro-black{
    font-family: 'acumin-pro-black';
}
.font-acumin-pro-bold{
    font-family: 'acumin-pro-bold';
}

.font-acumin-pro-medium{
    font-family: 'acumin-pro-medium';
}

.font-acumin-pro-thin{
    font-family: 'acumin-pro-thin';
}

.font-acumin-pro-thin-italic{
    font-family: 'acumin-pro-thin-italic';
}

.font-acumin-pro-regular{
    font-family: 'acumin-pro-regular';
}
/* 平滑滚动 */
html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

/* 自定义滚动条样式（Webkit 浏览器） */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* 选择文本样式 */
::selection {
    background-color: #3b82f6;
    color: white;
}

/* 响应式字体大小调整 */
@media (max-width: 640px) {
    h1 {
        font-size: 2rem;
    }
    
    h2 {
        font-size: 1.5rem;
    }
}

/* 打印样式 */
@media print {
    nav,
    footer,
    button {
        display: none;
    }
}


body {
    background-image: url('../images/outside-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow-x: hidden;
}

.container-main{ 
    width: 100% !important;
    background-image: url('../images/bg.png');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    overflow: hidden;
}

.section1{
    background-image: url('../images/bg-a.jpg');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

.header{
    width: 100%;
    position: relative;
    overflow: hidden;
}

.header-video{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
    z-index: 0;
    pointer-events: none;
}

.header > *:not(.header-video),
.company-header > *:not(.header-video),
.craftsmanship-header > *:not(.header-video),
.news-section1 > *:not(.header-video),
.products-section1 > *:not(.header-video){
    position: relative;
    z-index: 1;
}

/* 首页 WHAT WE DO 副标题：滚动时从左到右由白变黄 */
.scroll-reveal-title{
    --fill: 0;
}
.scroll-reveal-title__track{
    display: grid;
    align-items: start;
}
.scroll-reveal-title__base,
.scroll-reveal-title__fill{
    grid-area: 1 / 1;
    line-height: 1.2;
}
.scroll-reveal-title__base p,
.scroll-reveal-title__fill p{
    margin: 0;
}
.scroll-reveal-title__base{
    color: #ffffff;
}
.scroll-reveal-title__fill{
    color: #e8c65a;
    pointer-events: none;
    z-index: 1;
    clip-path: inset(0 calc((1 - var(--fill)) * 100%) 0 0);
    -webkit-clip-path: inset(0 calc((1 - var(--fill)) * 100%) 0 0);
}


.nav{
    background-color: #fff;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.icon-arrow{
    display: inline-block;
    width: 6px;
    height: 12px;
    background-image: url('../images/shu.png');
    background-size: cover;
    background-position: center;
    margin-right: 3px;
    background-repeat: no-repeat;
}
.contact-menu{
    background-image: url('../images/menu_bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 14px 26px;
    color: #fff;
    font-family: 'acumin-pro-bold-italic';
    font-size: 20px;
}
.arrow-line{
    height: 4px;
    background-image: url('../images/golden-line.png');
    background-size: cover;
}
.section3{
    width: 100%;
    background-image: url('../images/bg-b.jpg');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}
.pro_img img{
    width: 85%;
    height: auto;
}
.pro_img1{
    left: 0px;
}
.pro_img2 img{
    height: 640px;
}
.pro_img2 {
    top: -72px;
    right: -90px;
}

.pro_img3 img{
    height: 550px;
}
.pro_img3{
    top: -42px;
    left: -250px;
}

.pro_img4 img{
    height: 380px;
}
.pro_img4{
    top: 24px;
    right: 0;
}



.pro{
    height: 480px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.prodct1{
    background-image: url('../images/production-01-bg.png');
 
}
.prodct2{
    background-image: url('../images/production-02-bg.png');
    right: 50px;
}
.prodct3{
    background-image: url('../images/production-03-bg.png');
   
}
.prodct4{
    background-image: url('../images/production-04-bg.png');
}

/* 首页 KYOEI PRODUCTIONS 四屏 Swiper + 左右箭头（与 product_images 同素材与尺寸） */
.home-production {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 12px;
    box-sizing: border-box;
}
.home-production__wrap {
    position: relative;
    flex: 1;
    min-width: 0;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.home-production__nav {
    flex-shrink: 0;
    width: 40px;
    height: 165px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    cursor: pointer;
    transition: opacity 0.25s ease, filter 0.25s ease;
    position: relative;
    box-shadow: none;
}
.home-production__nav:hover:not(.swiper-button-disabled) {
    filter: brightness(1.08);
}
.home-production__nav.swiper-button-disabled {
    opacity: 0.4;
    cursor: not-allowed;
}
.home-production__nav--prev::after,
.home-production__nav--next::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 165px;
    transform: translate(-50%, -50%);
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px 165px;
    box-sizing: border-box;
}
.home-production__nav--prev::after {
    background-image: url('../images/backward-arrow.png');
}
.home-production__nav--next::after {
    background-image: url('../images/forward-arrow.png');
}
.home-production__nav:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 4px;
    border-radius: 2px;
}
.home-production-swiper {
    overflow: hidden;
    border-radius: 10px;
}
.home-production-swiper .swiper-slide {
    height: auto;
}
.home-production-slide {
    overflow: hidden;
    border-radius: 10px;
    background: url('../images/product-bg-images.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 480px;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.home-production-slide04 {
    overflow: hidden;
    border-radius: 10px;
    background: url('../images/product-bg-images04.png?V=1');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 480px;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.product-bg-images04 a img{
    border-radius: 10px;
}

.section4{
    width: 100%;
    /* background-image: url('../images/bg-c.jpg');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat; */ 
}

/* THE KYOEI STREAM — Company / Factory / Professions Swiper */
.kyoei-strength__wrap {
    position: relative;
    width: 100%;
    padding-top: 0.25rem;
}
.kyoei-strength-header-main .kyoei-strength-title-line {
    max-width: 100%;
}
.kyoei-strength-tabs {
    position: relative;
    z-index: 2;
}
.kyoei-strength-tab {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    color: inherit;
    font: inherit;
    text-align: left;
    opacity: 0.55;
    transition: opacity 0.25s ease;
    line-height: 1.2;
}
.kyoei-strength-tab:hover {
    opacity: 0.9;
}
.kyoei-strength-tab.is-active {
    opacity: 1;
}
.kyoei-strength-tab:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 4px;
    border-radius: 2px;
}
.kyoei-strength-swiper {
    overflow: hidden;
    position: relative;
}
.kyoei-strength-swiper .swiper-slide {
    height: auto;
}
/* fade：幻灯叠放、仅淡入淡出，无横向位移 */
.kyoei-strength-swiper.swiper-fade .swiper-slide {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
    pointer-events: none;
}
.kyoei-strength-swiper.swiper-fade .swiper-slide-active {
    pointer-events: auto;
}
/* 标题栏右侧：圆点竖排（与标题并排，不遮挡标题） */
.kyoei-strength-header .kyoei-strength-swiper-pagination.swiper-pagination,
.kyoei-strength-header .kyoei-strength-swiper-pagination.swiper-pagination-horizontal {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
    margin: 0 !important;
    padding: 4px 0 0 !important;
    z-index: 2;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}
.kyoei-strength-swiper-pagination .swiper-pagination-bullet {
    width: 18px;
    height: 18px;
    margin: 0 !important;
    padding: 0;
    border-radius: 50%;
    background: transparent;
    border: 2px solid #ffffff;
    opacity: 1 !important;
    box-sizing: border-box;
    cursor: pointer;
    transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}
.kyoei-strength-swiper-pagination .swiper-pagination-bullet-active {
    background: #ffffff;
    border-color: #ffffff;
}
.kyoei-strength-swiper-pagination .swiper-pagination-bullet:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 3px;
}

/* 仅位移：透明度由 Swiper fade 在 .swiper-slide 上处理，避免与列动画再淡一遍 */
@keyframes kyoeiStrengthColLeftIn {
    from {
        opacity: 1;
        transform: translate3d(0, -140px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes kyoeiStrengthColRightIn {
    from {
        opacity: 1;
        transform: translate3d(0, 140px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
/* 非当前屏：整列复位 */
.kyoei-strength-swiper .swiper-slide:not(.swiper-slide-active) .strength-col--left,
.kyoei-strength-swiper .swiper-slide:not(.swiper-slide-active) .strength-col--right {
    animation: none !important;
    opacity: 0;
}
.kyoei-strength-swiper .swiper-slide:not(.swiper-slide-active) .strength-col--left {
    transform: translate3d(0, -140px, 0);
}
.kyoei-strength-swiper .swiper-slide:not(.swiper-slide-active) .strength-col--right {
    transform: translate3d(0, 140px, 0);
}
/* 当前屏：左列整体自上滑入，右列整体自下滑入（更慢、幅度更大） */
.kyoei-strength-swiper .swiper-slide-active .strength-col--left {
    animation: kyoeiStrengthColLeftIn 1.25s cubic-bezier(0.2, 0.85, 0.25, 1) both;
}
.kyoei-strength-swiper .swiper-slide-active .strength-col--right {
    animation: kyoeiStrengthColRightIn 1.25s 0.12s cubic-bezier(0.2, 0.85, 0.25, 1) both;
}
.strength-slide-grid {
    align-items: flex-start;
}
.arrow-white-line{
    
    height: 2px;
    background-color: #ffffff59;
}
.footer-section{
    background-image: url('../images/footer-bg.png');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

.footer-arrow{
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url('../images/arrows.png');
    background-size: cover;
    background-position: center;
    margin-right: 3px;
    background-repeat: no-repeat;
}
.footer-link{
    color: #fff;
    font-size: 14px;
    margin-bottom: 6px;
}

/* 滚动动画相关样式 */
/* 初始状态：隐藏需要动画的元素 */
.scroll-animate {
    opacity: 0;
    visibility: hidden;
    /* 添加过渡效果，使显示更平滑 */
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* 当元素进入视口时，显示并触发动画 */
.scroll-animate.animate-visible {
    opacity: 1;
    visibility: visible;
}

.animate__delay-05{
    animation-delay: 0.5s;
}
.animate__delay-15{
    animation-delay: 1.5s;
}
/* #9f8112 */

.company-container-main{
    width: 100%;
    margin: 0 auto;
}

/* 公司页整页滚动：减轻边界回弹与滚动链带来的抖动 */
html.company-scroll-mobile {
    overscroll-behavior-y: contain;
}
.company-bg{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.company-section1{
    height: 940px;
}
.contact-section1{
    height: 800px;
}
.company-section2,.company-section3,.company-section4,.company-section5,.company-section6,.company-section7,.company-section8,.company-section9,.company-section10,.company-section11,.company-section12
{
    width: 1366px !important;
    margin: 0 auto;
}

/* company HISTORY TIME LINE 区块背景：视口固定，仅在本区域内可见（内容滚动时底图相对不动） */
.company-section6 {
    position: relative;
    overflow: hidden;
    background-color: #002f53;
    background-image: none;
}

.company-section6::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: url('../images/timeline-slewing-ring-bg.png');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.company-section6 > * {
    position: relative;
    z-index: 1;
}

.company-bg{
    background-image: url('../images/company-bg.png');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: -130px;
    height: 100%;
    margin-top: -17%;
}

.company-header{
    position: relative;
    overflow: hidden;
    height: 942px;
    background-image: url('../images/company-header-img.png');
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.visite-link{
    background-image: url('../images/visite.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.visite-link:hover{
    background-image: url('../images/visite-over.png');
}

/* company section8: image-left + right slanted panel */
.company-value-card {
    width: 100%;
    height: 460px;
    margin: 0 auto 20px;
}

.company-value-card__inner {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #0c2031;
}

.company-value-card__media {
    position: absolute;
    inset: 0 auto 0 0;
    width: 58%;
    background-image: none;
    background-size: cover;
    background-position: center;
    transition: background-image 0.2s ease, transform 0.55s ease;
}

.company-value-card__media::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

.company-value-card__content {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 56%;
    background: #1b3f77;
    clip-path: polygon(16% 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(16% 0, 100% 0, 100% 100%, 0 100%);
    padding: 20px 20px 20px 150px;
    box-sizing: border-box;
    transition: clip-path 0.5s ease, -webkit-clip-path 0.5s ease, width 0.5s ease, padding 0.5s ease;
}

.company-value-card__head {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.company-value-card__num {
    font-family: 'acumin-pro-thin', sans-serif;
    font-size: 86px;
    line-height: 0.9;
    color: #b5961a;
}

.company-value-card__title {
    margin-top: 8px;
    font-family: 'acumin-pro-bold', sans-serif;
    font-size: 42px;
    line-height: 1;
    color: #b5961a;
}

.company-value-card__desc {
    margin-top: 24px;
    color: #ffffff;
    font-family: 'acumin-pro-medium', sans-serif;
    font-size: 20px;
    line-height: 1.35;
    text-align: justify;
}

.company-value-card__view {
    position: absolute;
    left: 34%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

.company-value-card__view span {
    display: inline-block;
    padding: 0.6rem 1.6rem;
    border: 3px solid #ffffff;
    color: #ffffff;
    font-family: 'acumin-pro-bold', sans-serif;
    font-size: 0.8125rem;
    letter-spacing: 0.2em;
    background: rgba(0, 0, 0, 0.12);
}

.company-value-card--01 .company-value-card__media {
    background-image: url('../images/b1.png');
}

.company-value-card--02 .company-value-card__media {
    background-image: url('../images/b2.png');
}

.company-value-card--03 .company-value-card__media {
    background-image: url('../images/b3.png');
}

.company-value-card:hover .company-value-card__media::after {
    opacity: 1;
}

.company-value-card:hover .company-value-card__view {
    opacity: 1;
}

.company-value-card:hover .company-value-card__content {
    width: 50%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    padding: 20px 20px 20px 56px;
}

@media (max-width: 1390px) {
    .company-value-card {
        height: auto;
    }
    .company-value-card__inner {
        min-height: 420px;
    }
    .company-value-card__content {
        width: 60%;
        padding: 42px 36px 32px 56px;
    }
    .company-value-card__num {
        font-size: 70px;
    }
    .company-value-card__title {
        font-size: 32px;
    }
    .company-value-card__desc {
        font-size: 18px;
    }
    .company-bg{
        margin-top: -24%;
    }
}

@media (max-width: 767px) {
    .company-value-card__inner {
        min-height: 560px;
    }
    .company-value-card__media {
        width: 100%;
        height: 56%;
        inset: 0 0 auto 0;
    }
    .company-value-card__content {
        width: 100%;
        height: 54%;
        top: auto;
        bottom: 0;
        clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
        -webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
        padding: 52px 24px 22px;
    }
    .company-value-card:hover .company-value-card__content {
        width: 100%;
        padding: 52px 24px 22px;
    }
    .company-value-card__num {
        font-size: 54px;
    }
    .company-value-card__title {
        font-size: 24px;
    }
    .company-value-card__desc {
        margin-top: 16px;
        font-size: 16px;
        line-height: 1.4;
    }
    .company-value-card__view {
        left: 50%;
        top: 28%;
    }
}

/* craftsmanship */

.craftsmanship-container-main{ 
    width: 100%;
    overflow: hidden;
}
.craftsmanship-bg{
    background-image: url('../images/bg.png');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    height: 100%;
}
.craftsmanship-header{
    position: relative;
    overflow: hidden;
    height: 942px;
    background-image: url('../images/craftsmanship-header-img.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.craftsmanship-section2,.craftsmanship-section6{
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
}
.outer{
    width: 100%;
    max-width: 1366px;
    height: 425px;
    background-image: url('../images/border.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.outer .left-content{
    margin-left: 100px;
}

.news-main{ 
    width: 100% !important;
    background-image: url('../images/news_bg.png');
    background-size: cover;
    background-position: top;
    background-position-y: 100px;
    background-repeat: no-repeat;
    overflow: hidden;
}

.news-section1{
    overflow: hidden;
    height: 942px;
}

.news-header{
    position: relative;
    overflow: hidden;
    height: 942px;
    background-image: url('../images/News-header-img.png');  
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.products-main{ 
    width: 100% !important;
    margin: 0 auto;
    background-image: url('../images/products-bg.png');
    background-size: cover;
    background-position: top;
    background-position-y: 300px;
    background-repeat: no-repeat;
    overflow: hidden;
}

.products-section1{
    overflow: hidden;
    height: 942px;
}
.products-section2,.products-section3,.products-section4,.products-section5,.products-section6,.products-section7,.products-section8,.products-section9,.products-section10,.products-section11,.products-section12{
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
}
.products-header{
    position: relative;
    overflow: hidden;
    height: 985px;
    background-image: url('../images/products-header-img.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.product-list{
    width: 1000px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-left: 58px ;
    padding-right: 58px ;
    padding-top: 96px;
}
.product-item{
    width: 420px;
    height: 210px;
    margin-bottom: 35px;
}

.product-item-title{
    font-family: 'acumin-pro-medium';
    font-size: 18px;
    color: #165396;
    width: 420px;
    text-align: center;
    margin-top: -46px;
    display: block;
}

/* News List Styles */
.news-list {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, minmax(160px, auto));
    gap: 20px;
    position: relative;
}

.news-item {
    position: relative;
}

/* 灰色占位符样式 */
.news-image-placeholder {
    width: 100%;
    height: 100%;
}

.news-placeholder {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: linear-gradient(135deg, #d1d5db 0%, #9ca3af 100%);
}

/* 左上角大图 - 跨4行 */
.news-image-top-left {
    grid-column: 1;
    grid-row: 1 / 5;
}

/* 中上蓝色卡片 */
.news-card-top-middle {
    grid-column: 2;
    grid-row: 1;
}

/* 右上角占位符 */
.news-image-top-right {
    grid-column: 3;
    grid-row: 1;
}

/* 左中蓝色卡片 */
.news-card-middle-left {
    grid-column: 1;
    grid-row: 5;
}

/* 中间大图 - 跨3行 */
.news-image-center {
    grid-column: 2;
    grid-row: 2 / 5;
}

/* 右中蓝色卡片 */
.news-card-middle-right {
    grid-column: 3;
    grid-row: 2 / 4;
}

/* 左下蓝色卡片 */
.news-card-bottom-left {
    grid-column: 1;
    grid-row: 6;
}

/* 中下实际图片 */
.news-image-bottom-center {
    grid-column: 2;
    grid-row: 5 / 7;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
}

.news-image-placeholder-inner {
    width: 100%;
    height: 100%;
}

.news-image-placeholder-inner .news-placeholder {
    min-height: 300px;
}

/* 中下下蓝色卡片 */
.news-card-bottom-middle {
    grid-column: 2;
    grid-row: 7;
}

/* 右下蓝色卡片 */
.news-card-bottom-right {
    grid-column: 3;
    grid-row: 4 / 6;
}

.news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

/* 蓝色卡片样式 */
.news-card {
    background: linear-gradient(135deg, #0d4c92 0%, #165396 100%);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    padding: 30px 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 180px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.news-card-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.news-card-title {
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 12px;
    font-family: 'acumin-pro-bold';
}

.news-card-date {
    font-size: 15px;
    margin-bottom: 16px;
    font-family: 'acumin-pro-regular';
    opacity: 0.9;
}

.news-card-link {
    font-size: 13px;
    text-decoration: none;
    transition: opacity 0.3s ease;
    letter-spacing: 0.5px;
    font-family: 'acumin-pro-medium';
    margin-top: auto;
}

.news-card-link:hover {
    opacity: 0.8;
    text-decoration: underline;
}

/* 分页控件样式 */
.news-pagination {
    width: 100%;
}

.pagination-btn {
    font-size: 10px;
    padding: 4px 6px;
    border-radius: 5px;
    background-color: #e0e1e2;
    color:#000;
     
}

.pagination-btn:hover{
    background:#b5961a;
    color:#fff;
}

.pagination-number {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 10px;
    font-family: 'acumin-pro-medium';
    background-color: white;
    color: #6b7280;
    transition: all 0.3s ease;
}

.pagination-number:hover {
    background-color: #b5961a;
    color:#fff;
}

.pagination-active {
    background-color: #0d4c92;
    color: white;
}

.pagination-active:hover {
    background-color: #165396;
}

.news-item{
    margin-bottom: 20px;
}

.news-item-content{
    width: 340px;
    height: 150px;
    margin-top: 40px;
    border:1px solid #fff;
    padding: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.news-item-title{
    font-size: 24px;
    font-family: 'acumin-pro-regular';
    color: #fff;
    height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-item-date{
    font-size: 24px;
    font-family: 'acumin-pro-bold';
    color: #fff;
}


.news-item-link{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: 'acumin-pro-thin';
    font-size: 14px;
    line-height: 14px;
}

/* 新闻详情（同页） */
.news-detail-view {
    padding-bottom: 60px;
}

.news-detail-back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid #b5961a;
    background: rgba(0, 0, 0, 0.25);
    color: #eae1bd;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
    font-family: 'acumin-pro-medium', sans-serif;
}

.news-detail-back:hover {
    background: #b5961a;
    color: #fff;
}

.news-detail-body {
    font-family: 'acumin-pro-regular', sans-serif;
    font-size: 18px;
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.92);
}

.news-detail-body p {
    margin-bottom: 1em;
}

.news-detail-body img {
    max-width: 100%;
    height: auto;
}

.news-detail-body a {
    color: #eae1bd;
    text-decoration: underline;
}

.pagination-btn.is-disabled,
.pagination-number.is-disabled {
    opacity: 0.35;
    pointer-events: none;
    cursor: default;
}

.history-time-line {
    
    padding: 32px 0 120px;
    box-sizing: border-box;
}

/*
 * Company HISTORY — Aleric cst-portfolio-wrapper 风格卡片。
 * ≥1199px：main.js 用 GSAP ScrollTrigger（tp-panel-pin + tp-panel-pin-area），与 Aleric main.js 第 24 段一致。
 * 768–1198px：sticky + z-index 降级；≤767px：普通列表。
 */
.cst-portfolio-wrapper.history-timeline-pin-stack {
    position: relative;
    width: 100%;
    max-width: 920px;
    margin: 0;
    padding-right: 16px;
}

.history-timeline-pin-stack .cst-portfolio-item.history-time-line-item {
    position: relative;
    border-radius: 28px;
    transition: box-shadow 0.35s ease;
}

@media only screen and (min-width: 768px) and (max-width: 1198px) {
    .history-timeline-pin-stack .cst-portfolio-item.history-time-line-item {
        position: sticky;
        top: max(72px, 10vh);
        margin-bottom: min(52vh, 560px);
    }
    .history-timeline-pin-stack .cst-portfolio-item.history-time-line-item:nth-child(8) {
        margin-bottom: 8vh;
    }
}

@media only screen and (min-width: 1199px) {
    .history-timeline-pin-stack .cst-portfolio-item.history-time-line-item {
        position: relative;
        top: auto;
        margin-bottom: 50px;
    }
    .history-timeline-pin-stack .cst-portfolio-item.history-time-line-item:nth-child(8) {
        margin-bottom: 100px;
    }
}

.history-timeline-pin-stack .cst-portfolio-item.history-time-line-item:nth-child(1) {
    z-index: 1;
}
.history-timeline-pin-stack .cst-portfolio-item.history-time-line-item:nth-child(2) {
    z-index: 2;
}
.history-timeline-pin-stack .cst-portfolio-item.history-time-line-item:nth-child(3) {
    z-index: 3;
}
.history-timeline-pin-stack .cst-portfolio-item.history-time-line-item:nth-child(4) {
    z-index: 4;
}
.history-timeline-pin-stack .cst-portfolio-item.history-time-line-item:nth-child(5) {
    z-index: 5;
}
.history-timeline-pin-stack .cst-portfolio-item.history-time-line-item:nth-child(6) {
    z-index: 6;
}
.history-timeline-pin-stack .cst-portfolio-item.history-time-line-item:nth-child(7) {
    z-index: 7;
}
.history-timeline-pin-stack .cst-portfolio-item.history-time-line-item:nth-child(8) {
    z-index: 8;
}

.history-timeline-pin-stack .cst-portfolio-item-num {
    display: block;
    font-size: clamp(28px, 3.2vw, 36px);
    line-height: 1.1;
    margin-bottom: 22px;
    color: #b5961a;
    letter-spacing: 0.02em;
}

.history-timeline-pin-stack .cst-portfolio-item-thumb {
    overflow: hidden;
    border-radius: 22px;
    margin: 0;
}

.history-timeline-pin-stack .cst-portfolio-item-thumb img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 22px;
    transition: transform 0.55s ease;
}

.history-timeline-pin-stack .cst-portfolio-item:hover .cst-portfolio-item-thumb img {
    transform: scale(1.06);
}

@media only screen and (max-width: 767px) {
    .history-timeline-pin-stack .cst-portfolio-item.history-time-line-item {
        position: relative;
        top: auto;
        margin-bottom: 28px;
        padding: 24px 22px 26px;
        border-radius: 20px;
    }
    .history-timeline-pin-stack .cst-portfolio-item.history-time-line-item:nth-child(n) {
        z-index: auto;
    }
}

/* 首页 1366px 设计稿等比例缩放 */
.scale-viewport {
    width: 100vw;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    position: relative;
}
.scale-viewport > * {
    transform-origin: top left;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0 !important;
}

/* craftsmanship 本页导航：占位保持布局 */
.page-links-placeholder {
    position: absolute;
    right: 0;
    bottom: 80px;
    width: 275px;
    height: 245px;
    pointer-events: none;
}
.page-links-placeholder .page-links-nav {
    pointer-events: auto;
}
/* 原导航在“固定”时隐藏，由 body 内克隆显示 */
#page_links.page-links-fixed {
    visibility: hidden;
}
/* 固定在视口右侧的克隆导航（挂到 body，不受 scale 影响） */
.page-links-fixed-clone {
    display: none;
    position: fixed !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 275px;
    z-index: 150;
    pointer-events: auto;
    visibility: visible !important;
}
.page-links-fixed-clone.is-visible {
    display: block !important;
}
.page-links-fixed-clone .right-content-list {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 245px;
    padding: 20px 0 20px 40px;
    background: #b5961a;
}
.page-links-fixed-clone .font-acumin-pro-medium {
    color: #002862;
    font-size: 22px;
    line-height: 26px;
}

.page-link-item {
    color: #ffffff !important;
    text-decoration: none;
    font-family: 'acumin-pro-bold', sans-serif;
    font-size: 26px;
    line-height: 31px;
    transition: color 0.2s;
}
.page-link-item.active {
    color: #002862 !important;
}

/* 通用手机版头部导航（宽度 < 1200px） */
.mobile-nav-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 9999px;
    cursor: pointer;
    margin-right: 1.5rem;
}
.mobile-nav-toggle-bar,
.mobile-nav-toggle-bar::before,
.mobile-nav-toggle-bar::after {
    display: block;
    width: 28px;
    height: 3px;
    background-color: white;
    border-radius: 9999px;
    position: relative;
    transition: transform 0.2s ease, opacity 0.2s ease;
}
.mobile-nav-toggle-bar::before,
.mobile-nav-toggle-bar::after {
    content: '';
    position: absolute;
    left: 0;
}
.mobile-nav-toggle-bar::before {
    top: -10px;
}
.mobile-nav-toggle-bar::after {
    top: 10px;
}
.mobile-nav-toggle.open .mobile-nav-toggle-bar {
    background-color: transparent;
}
.mobile-nav-toggle.open .mobile-nav-toggle-bar::before {
    transform: translateY(10px) rotate(45deg);
}
.mobile-nav-toggle.open .mobile-nav-toggle-bar::after {
    transform: translateY(-9px) rotate(-45deg);
}

.mobile-nav-panel {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background-color: #1a3364;
    color: #fff;
    z-index: 60;
}
.mobile-nav-panel.open {
    display: block;
}
.mobile-nav-divider {
    height: 1px;
    background-color: #ffffff;
    opacity: 0.4;
    margin: 8px 0;
}
.mobile-nav-langs {
    display: flex;
    justify-content: flex-start;
    gap: 8px;
    padding-left: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
}
.mobile-nav-langs a {
    padding: 2px 6px;
    color: #1a3364;
    background: white;
    font-size: 16px;
    font-weight: 700;
}
.mobile-nav-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 6px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px;

}
.mobile-nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
    color: #ffffff;
    text-decoration: none;
    font-family: 'acumin-pro-regular';
    font-size: 22px;
}
.mobile-nav-link .mobile-nav-icon img {
    width: 28px;
    height: 28px;
}
.menu{
    padding-left: 120px;
}
@media (max-width: 1390px) {
    /* 手机版：禁止 body 滚动，仅 scale-viewport 内部滚动，避免滚到 footer 后还能往下多滚一截 */
    html, body {
        height: auto !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }
    /* company 页已去掉 scale-viewport：恢复整页滚动 */
    html.company-scroll-mobile,
    html.company-scroll-mobile body.company-scroll-mobile {
        height: auto !important;
        min-height: 100% !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }
    .scale-viewport {
        height: 100vh !important;
        max-height: 100vh;
        overflow-y: auto;
    }
    /* 最顶部语言菜单隐藏 */
    .lang {
        display: none !important;
        visibility: hidden;
        height: 0;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }
    /* logo 行背景与展开菜单一致（真正固定由 JS 克隆到 body 的 .mobile-header-fixed 实现） */
    .menu {
        padding-right: 40px;
        padding-left: 40px;
        background-color: #1a3364;
        border-bottom: 1px solid #fff;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    /* 原菜单在手机版被克隆后隐藏，仅占位 */
    .menu.menu-original-hidden {
        visibility: hidden;
        pointer-events: none;
    }
    .nav {
        display: none;
    }
    .mobile-nav-toggle {
        display: inline-flex;
    }
    .company-section2, .company-section3, .company-section4, .company-section5, .company-section6, .company-section7, .company-section8, .company-section9, .company-section10, .company-section11, .company-section12{
        width: 100% !important;
        margin: 0 auto;
    }
}


/* 手机版固定在视口顶部的克隆头部（挂到 body，不受 scale 影响） */
.mobile-header-fixed {
    display: none;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 200;
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #1a3364;
    border-bottom: 1px solid #fff;
    box-sizing: border-box;
}
@media (max-width: 1390px) {
    .mobile-header-fixed {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
    }
    .mobile-header-fixed .nav {
        display: none;
    }
    .mobile-header-fixed .mobile-nav-toggle {
        display: inline-flex;
    }
}
@media (min-width: 1391px) {
    .mobile-nav-toggle,
    .mobile-nav-panel {
        display: none !important;
    }
    .mobile-header-fixed {
        display: none !important;
    }
}
/* 默认白色，只有当前区块对应项为 #002862 */
.page-link-item {
    color: #ffffff !important;
    text-decoration: none;
    font-family: 'acumin-pro-bold', sans-serif;
    font-size: 26px;
    line-height: 31px;
    transition: color 0.2s;
}
.page-link-item.active {
    color: #002862 !important;
}

@media (max-width: 780px) {
    .mobile-header-fixed {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

/* 首页 OUR STRENGTHS 下方 product 画廊（Swiper） */
.product-gallery {
    display: flex;
    align-items: center;
    gap: 14px;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 12px;
}
.product-gallery__swiper {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}
.product-gallery__swiper .swiper-slide {
    height: auto;
}
.product-gallery__nav {
    flex-shrink: 0;
    width: 40px;
    height: 165px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    cursor: pointer;
    transition: opacity 0.25s ease, filter 0.25s ease;
    position: relative;
    box-shadow: none;
}
.product-gallery__nav:hover:not(.swiper-button-disabled) {
    filter: brightness(1.08);
}
.product-gallery__nav.swiper-button-disabled {
    opacity: 0.4;
    cursor: not-allowed;
}
.product-gallery__nav--prev::after,
.product-gallery__nav--next::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 165px;
    transform: translate(-50%, -50%);
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px 165px;
    box-sizing: border-box;
}
.product-gallery__nav--prev::after {
    background-image: url('../images/backward-arrow.png');
}
.product-gallery__nav--next::after {
    background-image: url('../images/forward-arrow.png');
}

.product-gallery-card {
    display: block;
    height: 100%;
    text-decoration: none;
    color: inherit;
}
.product-gallery-card__inner {
    position: relative;
    height: 460px;
    overflow: hidden;
    background: #061824;
}
.product-gallery-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.55s ease;
}
.product-gallery-card:hover .product-gallery-card__img {
    transform: scale(1.07);
}
.product-gallery-card__overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 55%;
    background: #002f53;
    /* 斜切：左侧底边更低（色块更长），右侧底边更高（色块更短） */
    clip-path: polygon(0 0, 100% 0, 100% 50%, 0 86%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 50%, 0 86%);
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    padding: 1rem 1.25rem 2rem;
    box-sizing: border-box;
    pointer-events: none;
    transition: clip-path 0.5s ease, -webkit-clip-path 0.5s ease,
        padding 0.5s ease, height 0.5s ease;
}
.product-gallery-card:hover .product-gallery-card__overlay {
    /* 悬停：高度缩为原 overlay 的 34%，clip 铺满该高度，文字在矩形内垂直+水平居中 */
    height: calc(55% * 0.34);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    justify-content: center;
    align-items: center;
    padding: 0.45rem 1.1rem;
    text-align: center;
}
.product-gallery-card:hover .product-gallery-card__title {
    display: none !important;
}
.product-gallery-card:hover .product-gallery-card__desc {
    margin-top: 0;
    text-align: center;
    max-width: 100%;
    width: 100%;
    display: block;
}
.product-gallery-card__title {
    font-family: 'acumin-pro-thin', sans-serif;
    font-size: 6rem;
    letter-spacing: 0.06em;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 1;
}
.product-gallery-card__desc {
    font-size: 1.2rem;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.9);
    max-width: 96%;
    font-family: 'acumin-pro-medium', sans-serif;
}
.product-gallery-card__hover-cta {
    position: absolute;
    left: 50%;
    top: 54%;
    transform: translate(-50%, -50%);
    z-index: 3;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}
.product-gallery-card:hover .product-gallery-card__hover-cta {
    opacity: 1;
}
.product-gallery-card__hover-cta span {
    display: inline-block;
    padding: 0.6rem 1.6rem;
    border: 3px solid #ffffff;
    color: #ffffff;
    font-family: 'acumin-pro-bold', sans-serif;
    font-size: 0.8125rem;
    letter-spacing: 0.2em;
    font-weight: 700;
    background: rgba(0, 0, 0, 0.12);
}

 

@media (max-width: 1023px) {
    .product-gallery-card__inner {
        height: 400px;
    } 
}
@media (max-width: 639px) {
    .product-gallery {
        flex-wrap: wrap;
        justify-content: center;
    }
    .product-gallery__swiper {
        order: 1;
        flex: 1 1 100%;
        max-width: 100%;
    }
    .product-gallery__nav--prev {
        order: 2;
    }
    .product-gallery__nav--next {
        order: 3;
    }
    .home-production {
        flex-wrap: wrap;
        justify-content: center;
    }
    .home-production__wrap {
        order: 1;
        flex: 1 1 100%;
        max-width: 100%;
    }
    .home-production__nav--prev {
        order: 2;
    }
    .home-production__nav--next {
        order: 3;
    }
}
.slider{
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
}

/* craftsmanship 页：三组横向 Swiper，左右白圆 + #002f53 箭头 */
.craftsmanship-slider {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    width: 80%;
    max-width: 80%;
    margin: 0 auto;
}
.craftsmanship-slider .craftsmanship-swiper {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}
.craftsmanship-slider .swiper-slide {
    height: auto;
    overflow: hidden;
}
.craftsmanship-slider__nav {
    flex-shrink: 0;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background: #ffffff;
    cursor: pointer;
    transition: box-shadow 0.25s ease, opacity 0.25s ease;
    position: relative;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14);
}
.craftsmanship-slider__nav:hover:not(.swiper-button-disabled) {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.craftsmanship-slider__nav.swiper-button-disabled {
    opacity: 0.4;
    cursor: not-allowed;
}
.craftsmanship-slider__nav--prev::after,
.craftsmanship-slider__nav--next::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 11px;
    height: 11px;
    border-left: 3px solid #002f53;
    border-bottom: 3px solid #002f53;
    box-sizing: border-box;
}
.craftsmanship-slider__nav--prev::after {
    transform: translate(-38%, -50%) rotate(45deg);
}
.craftsmanship-slider__nav--next::after {
    transform: translate(-62%, -50%) rotate(-135deg);
}

/* Company CORE VALUE：钉扎滚动由 GSAP 控制位移/透明度；--gsap 时不使用下列 transition，避免与 scrub 打架 */
.company-core-value-scene {
    position: relative;
    width: 100%;
}

.company-core-value-pin-wrap {
    width: 100%;
}

.company-core-value-block--gsap .core-value-reveal-line {
    visibility: visible;
    opacity: 0;
    transform: translate3d(0, 80px, 0);
    transition: none;
}

/* 无序列类时文案默认可见；pre 用于首屏隐藏（宽屏由 GSAP 接管前） */
.company-core-value-block.core-value-sequence--pre .text1-title,
.company-core-value-block.core-value-sequence--pre .text2-title,
.company-core-value-block.core-value-sequence--pre .text3-title,
.company-core-value-block.core-value-sequence--pre .core-value-reveal-line {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.45s ease, visibility 0.45s ease;
}
.company-core-value-block.core-value-sequence--1 .text1-title {
    opacity: 1;
    visibility: visible;
}
.company-core-value-block.core-value-sequence--1 .text2-title,
.company-core-value-block.core-value-sequence--1 .text3-title {
    opacity: 0;
    visibility: hidden;
}
.company-core-value-block.core-value-sequence--2 .text1-title,
.company-core-value-block.core-value-sequence--2 .text2-title {
    opacity: 1;
    visibility: visible;
}
.company-core-value-block.core-value-sequence--2 .text3-title {
    opacity: 0;
    visibility: hidden;
}
.company-core-value-block.core-value-sequence--3 .text1-title,
.company-core-value-block.core-value-sequence--3 .text2-title,
.company-core-value-block.core-value-sequence--3 .text3-title {
    opacity: 1;
    visibility: visible;
}
.company-core-value-block.core-value-sequence--done .text1-title,
.company-core-value-block.core-value-sequence--done .text2-title,
.company-core-value-block.core-value-sequence--done .text3-title,
.company-core-value-block.core-value-sequence--done .core-value-reveal-line {
    opacity: 1;
    visibility: visible;
    transform: none;
}

.footer-content{
    width: 1366px;
}

.view-more-container{
    margin-top: 20px;
}
.view-more-container a{
    background: #79d2f7;
    padding: 7px 20px;  
    border-radius: 20px;
    color: #002558;
    text-decoration: none;
    font-size: 12px;
    transition: all 0.3s ease;
    &:hover{
        background: #50b8d4;
    }
}

.company-contact{
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
}