@charset "utf-8";
@media screen and (max-width: 980px) {
	
.head_menu {
    display: none;
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    background: #b5131c;
}
.menu_orther {
    display: flex;
    align-items: center;
}
.container_pub{
	width: 95%;
}
.headmenu {
    display: block;
    width: 0.6rem;
    height: 0.01rem;
    background: #b5131c;
    margin-top: .2rem;
    transition: 0.4s all ease;
    margin-left: 0.3rem;
}

.headmenu.menu1 {
    margin-top: 0;
}
.m_menu.active span.headmenu.menu2 {
    transform: rotate(-45deg);
    margin-top: 0;
}

.m_menu.active span.headmenu.menu3 {opacity: 0;margin-top: 0;}

.m_menu.active .headmenu.menu1 {
    transform: rotateZ(45deg);
}
.button_style1 {
    font-size: .28rem;
    line-height: 1.5;
    margin-top: 1.5rem;
}
.head_menu li a {
    color: #fff;
    font-size: .28rem;
    display: block;
    padding: 0.3rem .5rem;
    border-top: 0.01rem solid #b84e4e;
}

.head_menu li.active a {
    color: #fff;
    background: #DC9016;
}
.head_menu li:first-child a {
    border-top: none;
}
}

/* =========================================
   Figma Header Mobile Styles
   ========================================= */
@media screen and (max-width: 980px) {
    .figma-header {
        padding: 0 0.3rem;
        min-width: auto;
        height: auto;
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
    }
    
    .figma-group73 {
        /* Logo area */
    }
    
    .figma-group74 {
        margin-left: auto;
        display: flex;
        align-items: center;
    }
    
    /* Hide Desktop Elements */
    .figma-frame216, 
    .figma-autoWrapper { 
        display: none; 
    }
    
    /* Hamburger Icon */
    .figma-m-menu {
        display: block;
        width: 0.5rem;
        margin-left: 0.3rem;
        position: relative;
        cursor: pointer;
        z-index: 1001;
    }
    
    .figma-m-menu span {
        display: block;
        width: 100%;
        height: 0.04rem; /* 2px */
        background-color: #333;
        margin: 0.12rem 0; /* 6px */
        transition: 0.4s;
        border-radius: 0.04rem;
    }
    
    .figma-m-menu.active span:nth-child(1) {
        transform: rotate(-45deg) translate(-0.1rem, 0.12rem);
    }
    .figma-m-menu.active span:nth-child(2) {
        opacity: 0;
    }
    .figma-m-menu.active span:nth-child(3) {
        transform: rotate(45deg) translate(-0.1rem, -0.12rem);
    }
    
    /* Mobile Navigation (Unified UL) */
    .figma-nav {
        display: none; /* Hidden by default */
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #fff;
        flex-direction: column;
        align-items: flex-start;
        padding: 0;
        margin: 0;
        box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.1);
        z-index: 999;
    }
    
    .figma-nav.active {
        display: flex;
    }
    
    .figma-nav li {
        width: 100%;
        padding: 0;
        border-bottom: 0.01rem solid #eee;
    }
    
    .figma-nav li a {
        padding: 0.3rem 0.5rem;
        width: 100%;
        font-size: 0.34rem;
        color: #333;
        display: block;
        line-height: 1.5;
    }
    
    .figma-nav li a:hover {
        color: #bf2f35;
        background: #f9f9f9;
    }
    
    /* Icons */
    .figma-frame, .figma-frame2 {
        width: 0.4rem;
        height: 0.4rem;
    }
    
    .figma-maskGroup {
        width: 0.8rem;
        height: 0.8rem;
    }
    
    .figma-text {
        font-size: 0.36rem;
        line-height: 0.6rem;
    }
}

/* =========================================
   Mobile Styles for New Sections
   ========================================= */
@media screen and (max-width: 980px) {
    /* About */
    .section-about {
        padding: 0.6rem 0.3rem;
        height: auto;
    }

    .about-container {
        width: 100%;
        flex-direction: column;
    }

    .about-left {
        width: 100%;
        margin-bottom: 0.5rem;
    }

    .about-right {
        width: 100%;
        margin-top: .7rem;
    }
    
    .about-title-en {
        font-size: 0.7rem;
    }
    
    .about-cards {
        flex-direction: column;
        width: 100%;
    }
    
    .about-card {
        width: 100%;
        padding: .4rem 0.6rem;
    }
    
    .about-image {
        border-radius: 0.2rem;
    }
    
    /* Business */
    .section-business {
        padding: 0.6rem 0.3rem;
    }
    
    .business-cards {
        flex-direction: column;
        gap: 0.4rem;
    }
    
    .business-intro {
        max-width: 100%;
        font-size: .32rem;
    }
    
    /* Process */
    .process-grid, .process-grid-bottom {
        grid-template-columns: 1fr;
        gap: 0.3rem;
        flex-wrap: wrap;
    }
    
    .process-card {
        width: 100%;
        padding: 0.4rem 0.4rem;
    }
    
    .container_pub {
        width: 100%;
        padding: 0 0.3rem;
    }
    .hero_ttt {
    max-width: 90%;
}
.index_banner_img{
    height: 7rem;
    object-fit: cover;
}
    .hero_ttt2{
    font-size: .48rem;
}
    .about-desc{
        font-size: .32rem;
        line-height: 1.5;
    }
    .about-subtitle{
        font-size: .42rem;
    }
    .about-title-cn{
        font-size: .42rem;
    }
    .about-card-icon{width: 1rem;height: 1rem;}
    .about-card-text{
        font-size: .34rem;
    }
    .about-card-text br {
    display: none;
}
.bc-icon-small {
    width: 3rem;
}

.bc-title {
    font-size: 0.42rem;
    margin-top: 0.3rem;
}

.bc-desc {
    font-size: 0.32rem;
    height: 1.8rem;
}

.bc-btn {
    font-size: 0.28rem;
    padding: 0.25rem 0.3rem;
}

.bc-btn-icon {
    width: 0.3rem;
    height: 0.3rem;
}

.pc-num {
    font-size: 1.8rem;
    right: 0.5rem;
}

.pc-title {
    font-size: 0.48rem;
}

.pc-desc {
    font-size: 0.36rem;
}

.process-title {
    font-size: 0.58rem;
}

    /* Mobile Search */
    .figma-search-box {
        position: fixed;
        top: 1.4rem;
        left: 2.5%;
        right: 2.5%;
        width: 95%;
        transform: none;
        box-shadow: 0 0.2rem 0.5rem rgba(0,0,0,0.15);
    }

    .figma-search-box input {width: 86%;font-size: 0.32rem;padding: 0.2rem;}
    .figma-search-box button { font-size: 0.28rem; padding: 0.15rem 0.3rem; }

    /* About Section Mobile */
    .about-title-en { font-size: 0.8rem; }
    .about-title-cn { font-size: 0.4rem; }
    .about-subtitle { font-size: 0.44rem; }
    .about-desc {font-size: 0.32rem;line-height: 1.6;-webkit-line-clamp: none;}
    .about-card-text { font-size: 0.32rem; }

    /* Success Cases Mobile */
    .cases-title {font-size: 0.58rem;}
    .cases-number { font-size: 2.2rem; }
    .info-title { font-size: 0.5rem; }
    .info-subtitle { font-size: 0.32rem; }
    .cases-ribbon { font-size: 0.32rem; padding: 0.3rem 0.5rem; width: 90%; text-align: center; }
    .slider-row { gap: 0.6rem; }
    .slider-row img { height: 0.8rem; }
    
    /* Contact Us Mobile */
    .contact-container { flex-direction: column; gap: 0.6rem; }
    .contact-card { width: 100%; padding: 0.4rem; }
    .contact-card-header h3 { font-size: 0.5rem; }
    .contact-card-header span {font-size: 0.32rem;}
    .info-content label {font-size: 0.36rem;}
    .info-content p {font-size: 0.36rem;}
    .info-row { flex-direction: column; gap: 0.4rem; }
    .contact-map-marker {margin-right: 0;display: none;}

    /* Footer Mobile */
    .footer-top { flex-direction: column; gap: 0.4rem; align-items: flex-start; }
    .footer-nav {flex-wrap: wrap;gap: 0.3rem;text-align: center;}
    .footer-nav li { width: 45%; }
    .footer-nav a {font-size: 0.32rem;}
    .footer-middle {/* flex-direction: column; */gap: 0.4rem;align-items: center;}
    .footer-tagline { font-size: 0.4rem; }
    .footer-bottom {flex-direction: column;gap: 0.2rem;font-size: 0.32rem;text-align: center;}
.social-icon {
    width: 0.84rem;
    height: 0.84rem;
    padding: 0.2rem;
}
.footer-logo span {
    font-size: 0.38rem;
}

.footer-logo img {
    height: 0.8rem;
}

.footer-logo {
    justify-content: center;
    margin: 0 auto;
}
.ny_banner_img {
    height: 7rem;
    width: 100%;
    object-fit: cover;
}

/* Core Values Mobile */
.section-core-values {
    height: auto;
    padding: 0;
}
.core-values-grid {
    gap: 0;
    padding: 0;
    flex-wrap: wrap;
}
.core-value-card {
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 1rem 0;
    width: 50%;
    flex: 50%;
    background: linear-gradient(180deg, rgba(173, 25, 24, 0) 0%, #ad19184f 100%);
}
.core-value-card:last-child {
    border-bottom: none;
}
.cv-title { font-size: 0.6rem; }
.cv-subtitle { font-size: 0.5rem; margin-bottom: 0.5rem; }
.cv-desc { font-size: 0.4rem; }
.cv-icon-wrap { width: 1.5rem; height: 1.5rem; margin-bottom: 0.6rem; }
.cv-line { margin-bottom: 0.6rem; }

/* KS Page Mobile Styles */
.ks-main-title {font-size: 0.58rem;}
.ks-main-desc {font-size: 0.32rem;max-width: 90%;}
.ks-sub-desc {font-size: 0.32rem;max-width: 90%;}

/* KS Intro */
.section-ks-intro { padding: 0.6rem 0; }
.ks-cards-row { flex-direction: column; gap: 0.4rem; }
.ks-card {width: 100%;padding: 1rem 0.6rem;}
.ks-download-btn {width: 100%;height: 1.2rem;font-size: 0.38rem;}
.world-map-bg { display: none; }

/* KS Service */
.ks-service-tabs {
    overflow-x: auto;
    justify-content: flex-start;
    padding-bottom: 0.2rem;
    gap: 0.2rem;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}
.ks-service-tabs::-webkit-scrollbar { display: none; }

.service-tab { min-width: 2rem; padding: 0.2rem; }
.service-tab p {font-size: 0.34rem;white-space: nowrap;}

.ks-service-slider { 
    height: auto; 
    flex-direction: column;
    margin-bottom: 0.6rem;
}
.slider-arrow { display: none; }
.bg-card { display: none; }

.service-main-card { 
    width: 100%; 
    height: auto; 
    padding: 0.6rem 0.4rem; 
    max-width: 100%;
}
.main-card-content { max-width: 100%; }
.main-card-content h3 {font-size: 0.48rem;}
.main-card-content p {font-size: 0.32rem;margin-bottom: 0.4rem;}
.main-card-bg-icon {width: 1.8rem;height: 1.8rem;top: auto;bottom: .2rem;right: .2rem;opacity: 0.3;}

.ks-process-steps {gap: 0.6rem 0;width: 100%;flex-wrap: wrap;}
.process-step {width: 50%;}
.step-arrow { transform: rotate(90deg); width: 0.4rem; margin: 0.2rem 0; }

/* Contact Page Mobile Styles */
.section-contact-us { padding: 0.6rem 0; }

.join-grid { flex-direction: column; gap: 0.6rem; }
.join-left-col, .join-right-col { width: 100%; }

.team-img { height: 3.5rem; }
.quote-decoration {width: 0.8rem;height: 0.8rem;top: -1rem;left: 0rem;}

.contact-divider-area {
    margin-top: 0.6rem;
    flex-wrap: wrap;
    justify-content: center;
}
.divider-line { display: none; }
.contact-btn {margin-left: auto;margin-top: 0.3rem;width: 100%;width: 4rem;font-size: .34rem;}

.join-text-box { text-align: center; }
.mission-subtext {max-width: 100%;font-size: .32rem;}
.building-img { margin-left: 0; height: 3.5rem; }

.form-container { flex-direction: column; gap: 0.8rem; }
.contact-form, .contact-info-panel { width: 100%; }
.form-row { flex-direction: column; gap: 0.3rem; }
.submit-btn {width: 3rem;justify-content: center;margin: 0 auto;}
.company-name {font-size: 0.46rem;text-align: center;}
.info-title {font-size: 0.4rem;}
.info-item span { font-size: 0.26rem; }

/* FAQ Page Mobile Styles */
.section-faq-grid { padding: 0.6rem 0; }
.faq-grid { grid-template-columns: 1fr; gap: 0.4rem; }
.faq-card { padding: 0.4rem; }
.faq-card-q h3 {font-size: 0.34rem;}
.faq-card-a p {font-size: 0.3rem;}
.faq-icon { width: 0.6rem; height: 0.6rem; }

.section-faq-list { padding: 0.6rem 0; }
.faq-header {padding: 0.5rem 0;}
.faq-header h3 {font-size: 0.32rem;}
.faq-toggle { width: 0.5rem; height: 0.5rem; }
.faq-body { padding-left: 0; }
.faq-body p {font-size: 0.3rem;}

/* KS Logic */
.ks-logic-grid { 
    flex-direction: column; 
    margin-top: 0.6rem; 
    gap: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
}
.logic-left-col { width: 100%; padding: 0.4rem; background: #fff; border-radius: 0.2rem; margin-bottom: 0.4rem; }
.logic-content h3 {font-size: 0.38rem;}
.logic-content p {font-size: 0.32rem;}
.logic-right-img { width: 100%; height: 4rem; border-radius: 0.2rem; overflow: hidden; }
.card-text-white {
    font-size: .38rem;
}

.card-text-black {
    font-size: .38rem;
}
.card-line-white {
    margin-bottom: 0.7rem;
}

.card-line-red {
    margin-bottom: 0.7rem;
}

.process-step:after {
    display: none;
}

.process-step h4 {
    font-size: 0.34rem;
    margin-bottom: 0.25rem;
}

.process-step p {
    font-size: 0.32rem;
}

.step-icon-circle {
    width: 1.5rem;
    height: 1.5rem;
}

.process-step:last-child {
    width: 100%;
}

.logic-item {
    padding-left: 1rem;
}

.logic-num-wrap {
    width: 0.8rem;
    left: 0;
    top: -0.1rem;
}

.logic-btn-wrapper {
    padding: 0;
}
.core-values-overlay {
    position: static;
}
.dq_case-item {
    width: 48%;
    padding: 0.3rem 0.24rem;
}

.dq_case-info h3 {
    font-size: .34rem;
}

.dq_case-info p {
    margin-top: 0.2rem;
    font-size: .32rem;
}

.pagination a{
	font-size: .3rem;
}
.faq-toggle img {
    padding: 0.15rem;
}

.faq-main-title {
    font-size: 0.58rem;
}

.faq-sub-desc {
    font-size: 0.32rem;
}
.join-title {
    font-size: 0.58rem;
}

.join-subtitle {
    font-size: .32rem;
}

.divider-text {
    font-size: .46rem;
}

.contact-btn img {
    width: .34rem;
}

.mission-title,.mission-desc {
    font-size: .34rem;
}

.form-group label {
    font-size: .36rem;
}

.form-input {
    padding: 0.2rem 0;
    font-size: 0.34rem;
}

.form-input.textarea {
    height: 1rem;
}

.info-item span {
    font-size: .34rem;
}

.info-item img {
    width: .4rem;
}
.foot_by {
    width: 4.5rem;
}
.pc_none{
    display: flex;
}
.pc_block{
    display: none;
}
.m_bcbtn {
    margin-top: 1.5rem;
}
}