@media screen and (max-width: 1200px){

}
@media screen and (max-width: 992px){
    
}
@media screen and (max-width: 768px){
.wap_nav {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 7777;
}
.wap_nav .logo {
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
}
.wap_nav .logo img{height: 24px;margin-top: 13px;margin-left: 10px;}
body{
    padding-top: 50px;
}

.pc{
    display: none;
}
.wap{
    display: block;
}


.head {
position: static;
padding:0px;
height: auto;
}

.head .more {
position: fixed;
right: 64px;
top: 14px;
z-index: 55555;
margin: 0;
}

.head .logo {
padding-top: calc(22/992*100vw);
padding-left: calc(13/992*100vw);
float: left;
width: calc(55/992*100vw);
}

.head .logo a img {
width: 100%;
}


.btn-more-round {
    display: inline-flex;
    align-items: center;
    gap: 10px;
     /* 深灰底按钮 */
    font-size: calc(22/ 768 * 100vw);
    transition: background 0.3s;
    border-radius: 21104000px;
    background: url(../images/more1.png) no-repeat 95% center rgba(255, 113, 0, 0.10);
    width: calc(111 / 768 * 100vw);
    line-height: calc(32/ 768 * 100vw);
    color: #E87011;
    padding-left: calc(12/ 768 * 100vw);
    background-size: calc(26/ 768 * 100vw);
    padding: calc(10 / 768 * 100vw) calc(20 / 768 * 100vw);
    width: auto;
    height: auto;
    line-height: normal;
    padding-right: calc(30/ 768 * 100vw);
}


.header .container{
    position:static;
}
    .footer-line{
margin-bottom:4vw;
    }
    .sub-nav .container{
        padding:0px;
        width:100%;
    }
    /* --- 全局容器调整 --- */
    .container {
        /* 手机两边留点缝隙 */
        width: calc(100% - 40px); 
        margin: 0 auto;
    }
.container.type1 {
  width: calc(100% - 40px);
  margin: 0 auto;
  padding: 0;
}
    /* 标题文字放大 (为了手机端阅读体验，甚至可以比PC比例更大一点) */
    .sub-title { font-size: calc(24 / 768 * 100vw); margin-bottom: calc(10 / 768 * 100vw); }
    .main-title { font-size: calc(48 / 768 * 100vw); margin-bottom: calc(20 / 768 * 100vw); line-height: 1.2; }
    
    /* 按钮通用 */
    .btn-orange, .btn-card-orange {
        padding: calc(15 / 768 * 100vw) calc(30 / 768 * 100vw);
        font-size: calc(24 / 768 * 100vw);
        width: 100%; /* 手机上按钮撑满好点 */
        text-align: center;
        border-radius: calc(8 / 768 * 100vw);
    }

    /* --- 1. Header (头部) --- */
    .header {
        height: calc(100 / 768 * 100vw); /* 稍微高一点方便点击 */
        background-color: #fff;
        height: auto;
        position: fixed;
        z-index: 88888;
    }
    .logo img { height: calc(50 / 768 * 100vw); }
    .nav { display: none; } /* 隐藏PC菜单 */
    .lang-switch {display: none;display: block;position: absolute;right: 0;top: 0px;width: 30px;line-height: 30px;height: auto;font-size: 13px;border-radius: 3px;z-index: 9999;right: 60px;top: 10px;background: none;background: url(../images/down.png) no-repeat right center;background-size: 9px;width: auto;padding-right: 10px;padding-left: 10px;}
    .mobile-menu-btn { 
        display: block; 
        font-size: calc(40 / 768 * 100vw); 
        color: #333; 
    }

    /* --- 2. Hero (Banner) --- */
    .hero {
        /* 高度去掉 calc，让内容撑开，或者给个固定高度 */
        height: auto;
        padding: 0;
        background-position: center;
    }
    .hero-content {
        width: 100%;
        text-align: left;
    }
    .hero-title {
        font-size: calc(55 / 768 * 100vw);
        margin-bottom: calc(30 / 768 * 100vw);
    }
    .hero-subtitle {
        font-size: calc(26 / 768 * 100vw);
        margin-bottom: calc(40 / 768 * 100vw);
    }
    .hero-line {
        margin: 0 auto calc(40 / 768 * 100vw); /* 居中 */
    }
    .btn-hero {
        padding: calc(15 / 768 * 100vw) calc(40 / 768 * 100vw);
        font-size: calc(24 / 768 * 100vw);
        width: auto;
        background-position: 96% center;
        padding-right: calc(55 / 768 * 100vw);
        background-size: calc(30 / 768 * 100vw);
    }

    /* --- 3. Solutions (解决方案) --- */
    .solutions-section {padding: calc(90 / 768 * 100vw) 0;}
    
    .sec-header {
        /* flex-direction: column; */
        align-items: flex-start;
        margin-bottom: calc(40 / 768 * 100vw);
        align-items: center;
    }
    .sec-title { font-size: calc(48 / 768 * 100vw); }
    .sec-en {font-size: calc(24 / 768 * 100vw);line-height: 1.4;}
    .btn-more-text {font-size: calc(24 / 768 * 100vw);margin-top: 0;background: url(../images/rright.png) no-repeat right center;background-size: 10px;color: #fff;background: #FF5700 url(../images/rright.png) no-repeat 90% center;padding: calc(13 / 768 * 100vw) calc(23 / 768 * 100vw);border-radius: calc(20 / 768 * 100vw);background-size: calc(17 / 768 * 100vw);}

    .solutions-grid {
        grid-template-columns: 1fr; /* 单列 */
        gap: calc(30 / 768 * 100vw);
    }
    .sol-card {
        height: calc(600 / 768 * 100vw);
        padding: calc(30 / 768 * 100vw);
    }
    .card-bg-icon { font-size: calc(150 / 768 * 100vw); }
    .deco-line { width: calc(60 / 768 * 100vw); margin-bottom: calc(20 / 768 * 100vw); }
    .card-title { font-size: calc(32 / 768 * 100vw); margin-bottom: calc(30 / 768 * 100vw); }
    .card-link {font-size: calc(24 / 768 * 100vw);background-size: calc(24 / 768 * 100vw) auto;line-height: 2;padding-right: calc(34 / 768 * 100vw);}

    /* --- 4. About Us (关于我们) --- */
    .about-section .container{
        padding-bottom: 63vw;
    }
    .about-section {padding: calc(90 / 768 * 100vw) 0;}
    .about-top {
        flex-direction: column;
        gap: calc(60 / 768 * 100vw);
        margin-bottom: calc(60 / 768 * 100vw);
        position: static;
    }
    .about-text { width: 100%; }
    .about-desc {font-size: calc(26 / 768 * 100vw);margin-bottom: calc(40 / 768 * 100vw);}
    
    .map-wrapper {
        width: 100%;
        height: calc(500 / 768 * 100vw); /* 手机端地图高度 */
        bottom: 0;
        top: auto;
    }
    /* 调整圆点大小 */
    .map-point {width: calc(10 / 768 * 100vw);height: calc(10 / 768 * 100vw);}
    .map-tooltip { 
        width: calc(300 / 768 * 100vw); 
        padding: calc(20 / 768 * 100vw);
        transform: translateX(-50%) translateY(10px);
    }
    .map-tooltip h4 { font-size: calc(24 / 768 * 100vw); }
    .map-tooltip p { font-size: calc(20 / 768 * 100vw); }

    .stats-row { flex-wrap: wrap; gap: calc(40 / 768 * 100vw); }
    .stat-item { flex: 1 1 45%; padding-left: 0; text-align: center; border-right: none; }
    .stat-num {font-size: calc(60 / 768 * 100vw);margin-bottom: 2vw;}
    .stat-label {font-size: calc(26 / 768 * 100vw);}

    /* --- 5. CTA Banner --- */
    .cta-banner {height: calc(454 / 768 * 100vw);display: flex;}
    .cta-title {font-size: calc(60 / 768 * 100vw);margin-bottom: calc(40 / 768 * 100vw);}
    .btn-cta-white {font-size: calc(24 / 768 * 100vw);padding: calc(18 / 768 * 100vw) calc(40 / 768 * 100vw);width: auto;background-position: 94% center;background-size: calc(30 / 768 * 100vw);padding-right: calc(57 / 768 * 100vw);padding-left: calc(24 / 768 * 100vw);border-radius: calc(24 / 768 * 100vw);}

    /* --- 6. News (新闻) --- */
    .news-section {padding: calc(90 / 768 * 100vw) 0;}
    .news-grid {grid-template-columns: 1fr;gap: calc(40 / 768 * 100vw);position: relative;}
    .news-img { height: calc(400 / 768 * 100vw); }
    .news-tag { 
        top: calc(20 / 768 * 100vw); left: calc(20 / 768 * 100vw);
        padding: calc(8 / 768 * 100vw) calc(20 / 768 * 100vw);
        font-size: calc(20 / 768 * 100vw);
    }
    .news-content {padding: calc(40 / 768 * 100vw);height: auto !important;}
    .news-date {font-size: calc(20 / 768 * 100vw);margin-bottom: 2vw;padding-left: 4vw;background-size: 3vw;}
    .news-title {font-size: calc(32 / 768 * 100vw);margin-bottom: 3vw;margin-top: 3vw;}
    .news-desc {font-size: calc(26 / 768 * 100vw);-webkit-line-clamp: 3;}

    /* --- 7. Footer (页脚) --- */
    .footer {padding-top: calc(50 / 768 * 100vw);padding-bottom: calc(40 / 768 * 100vw);}
    
    .footer-main {
        flex-direction: column;
        gap: calc(60 / 768 * 100vw);
        display: block;
    }
    .col-brand, .col-contact { padding-right: 0; text-align: center; }
    .f-logo img {height: calc(60 / 768 * 100vw);margin: 0 auto calc(20 / 768 * 100vw);}
    .f-slogan {margin-bottom: calc(40 / 768 * 100vw);font-size: calc(26 / 768 * 100vw);}
    .f-socials {justify-content: center;gap: calc(40 / 768 * 100vw);margin-bottom: calc(40 / 768 * 100vw);position: absolute;bottom: 0;width: 100%;text-align: left;border-top: 1px solid #363636;margin: 0;display: block;padding-top: 3vw;}
    .f-socials a {font-size: calc(40 / 768 * 100vw);display: inline-block;margin-right: calc(34 / 768* 100vw);}
    
    .f-subscribe {padding: calc(10 / 768 * 100vw);display: none;}
    .f-subscribe input { padding: calc(20 / 768 * 100vw); font-size: calc(24 / 768 * 100vw); }
    .f-subscribe button { padding: 0 calc(30 / 768 * 100vw); font-size: calc(24 / 768 * 100vw); }
    .f-socials a span img{
        width: calc(34 / 768* 100vw);
    }
    .f-socials a span.slide img{
        height: calc(109 / 768* 100vw);
    }
    /* 链接列表居中 */
    .footer-col {text-align: left;display: block;align-items: center;justify-content: space-between;position: relative;padding-bottom: 8vw;/* display: none; */}
    .f-title {font-size: calc(32 / 768 * 100vw);margin-bottom: calc(30 / 768 * 100vw);display: none;}
    .f-links li, .f-contact-list li { margin-bottom: calc(20 / 768 * 100vw); }
    .f-links a { font-size: calc(24 / 768 * 100vw); }
    .right .footer-col{
        display: none;
    }
    .f-contact-list li img {
    width: calc(20 / 768 * 100vw);
    height: calc(20 / 768 * 100vw);
    object-fit: contain;
    margin-right: calc(6 / 768 * 100vw);
}
    .f-contact-list li {justify-content: center;font-size: calc(24 / 768 * 100vw);text-align: left;display: block;margin-bottom: calc(29 / 768 * 100vw);}
    .right .col-contact{
        display:block;
        text-align:left;
        /* margin-top: 6vw; */
        display: flex;
        position: relative;
        padding-bottom: 0;
    }
    .footer-bottom {
        flex-direction: column;
        gap: calc(20 / 768 * 100vw);
        text-align: center;
        font-size: calc(20 / 768 * 100vw);
    }
    
    .back-to-top {
        bottom: calc(40 / 768 * 100vw);
        right: calc(40 / 768 * 100vw);
        width: calc(80 / 768 * 100vw);
        height: calc(80 / 768 * 100vw);
        font-size: calc(32 / 768 * 100vw);
    }



.service-section{
    padding: calc(90 / 768 * 100vw) 0;
}

.service-grid {
    display: block;
    grid-template-columns: repeat(4, 1fr);
    gap: calc(12 / 768 * 100vw);
    zoom: 1;
    overflow: hidden;
}

/* --- 第一列：介绍文字 --- */
.service-intro-col {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* 顶部对齐，或者 center */
    width: calc(408/ 768 * 100vw);
    padding-right: calc(97/ 768 * 100vw);
    width: 100%;
    padding-right: 0;
}

.intro-desc {
    margin-top: calc(126/ 768 * 100vw);
    font-size: calc(26 / 768 * 100vw);
    line-height: 1.8;
    color: #929292;
    margin-top: 3vw;
    margin-bottom: 5vw;
}

/* --- 后三列：服务卡片 --- */
    .service-card:last-child{
margin:0px;}
.service-card {
    background-color: #fff;
    /* transition: transform 0.3s; */
    float: left;
    width: 32%;
    margin-right: 2%;
}
/* .service-card:hover { transform: translateY(-5px); } */

.svc-img {
    width: 100%;
    height: calc(155/ 768 * 100vw); /* 图片高度 */
    overflow: hidden;
    margin-bottom: calc(13/ 768 * 100vw);
}
.svc-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}
.service-card:hover .svc-img img { transform: scale(1.05); }

.svc-content {
    padding-right: calc(10 / 768 * 100vw);
    padding: 0;
}

.svc-title {
    font-size: calc(20 / 768 * 100vw);
    color: #0F2B51; /* 深蓝标题 */
    margin-bottom: calc(8/ 768 * 100vw);
    line-height: 1.7;
    font-weight: normal;
    display: block;
    float: left;
}

.svc-sub {
    display: block;
    font-size: calc(14 / 768 * 100vw);
    color: #6A7282;
    margin-bottom: calc(8/ 768 * 100vw);
    display: none;
}

.svc-text {
    font-size: calc(14 / 768 * 100vw);
    color: #4A5565;
    line-height: 1.6;
    margin-bottom: calc(20 / 768 * 100vw);
    text-align: justify;
    
    /* 限制行数，保持整齐 */
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: none;
}

.svc-link {
    font-size: calc(24 / 768 * 100vw);
    color: #FF5700; /* 橙色箭头 */
    transition: transform 0.3s;
    display: inline-block;
    display: inline-block;
    width: calc(24 / 768 * 100vw);
    height: calc(24 / 768 * 100vw);
    background: url(../images/more1.png) no-repeat center center;
    background-size: 100%;
    float: right;
    margin-top: 0.6vw;
    margin-right: 0;
}
.svc-link:hover { transform: translateX(5px); }

.faq-section {
    padding: calc(90 / 768 * 100vw) 0;
     /* 浅灰背景 */
    background: #F9F9F9;
}

.faq-wrapper {
    display: block;
    justify-content: space-between;
    align-items: flex-start;
}

/* 左侧标题 */
.faq-header {
    width: 25%;
    width: 100%;
    margin-bottom: 5vw;
}
/* 复用 .sec-title.black 和 .sec-en.light */

/* 右侧列表 */
.faq-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(10 / 768 * 100vw);
}

.faq-item {
    background-color: #fff;
    border-radius: calc(8 / 768 * 100vw);
    overflow: hidden;
    transition: all 0.3s;
    /* 默认不激活时的阴影 */
    /* box-shadow: 0 2px 5px rgba(0,0,0,0.05); */
}

.faq-question {
    display: flex;
    align-items: center;
    padding: calc(16 / 768 * 100vw);
    cursor: pointer;
    color: #0F2B51;
    line-height: calc(34/ 768 * 100vw);
}

.q-icon {
    font-weight: 900;
    font-size: calc(26 / 768 * 100vw);
    margin-right: calc(15 / 768 * 100vw);
     /* 默认黑色 */
}

.faq-question h3 {
    flex: 1; /* 撑满中间 */
    font-size: calc(26 / 768 * 100vw);
    font-weight: 500;
    margin: 0;
}

.toggle-icon {
    width: calc(24 / 768 * 100vw);
    height: calc(24 / 768 * 100vw);
    border-radius: 50%;
    background-color: #FF7100; /* 橙色圆圈 */
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(20 / 768 * 100vw);
}

/* --- 激活状态 (展开) --- */
.faq-item.active,.faq-item:hover {
    background-color: #FF5700; /* 橙色背景 */
    color: #fff;
    box-shadow: 0 5px 20px rgb(255 113 0 / 1%);
    background: #FF7100;
}

.faq-item.active .q-icon, .faq-item.active .faq-question h3, .faq-item:hover .q-icon, .faq-item:hover .faq-question h3 {
    color: #fff;
}

.faq-item.active .toggle-icon {
    background-color: #fff; /* 白色圆圈 */
    color: #FF5700; /* 橙色叉号 */
    transform: rotate(45deg);
}
.active .faq-answer{
    display:flex;
}
.faq-answer {
    padding: calc(16/ 768 * 100vw); /* 上0，左右下有 */
    display: flex; /* 为了对其 A 图标 */
    gap: calc(15 / 768 * 100vw);
    color: #fff; /* 激活时文字白色 */
    font-size: calc(22/ 768 * 100vw);
    line-height: 1.6;
    padding-top: 0;
    display: none;
    margin-top: calc(-7/ 768 * 100vw);
}

.a-icon {
    font-weight: 900;
    font-size: calc(22/ 768 * 100vw);
    opacity: 0.8;
}

.contactBtn{
    border-radius: calc(11/ 768 * 100vw);
    position: absolute;
    right: 0;
    top: calc(60 / 768 * 100vw);
    color: #fff;
    font-size: calc(27 / 768 * 100vw);
    padding: calc(10 / 768 * 100vw) calc(20 / 768 * 100vw);
    background: #FF7100;
    font-weight: normal;
}
.footer-main .right{
    position:relative;
    margin-top: 7vw;
}
.ewmIcon{position: absolute;right: 0;top: 0;}
.ewmIcon img{
    width: 25vw;
    height: 25vw;
    object-fit: cover;
}
.ewmIcon .title{
    text-align: center;
    font-size: calc(19/ 768 * 100vw);
    padding-top: calc(12/ 768 * 100vw);
}

    .f-socials a:hover span.slide{
        top: calc(64 / 768 * 100vw);
        visibility:visible;
        opacity:1;
        z-index:5;
    }
    .f-socials a span.slide{
        position: absolute;
        width: calc(120 / 768 * 100vw);
        left: calc(-3 / 768 * 100vw);
        top: calc(46 / 768 * 100vw);
        background: #fff;
        padding: calc(5 / 768 * 100vw);
        border-radius: calc(3 / 768 * 100vw);
        -webkit-transition: all 0.2s;
        -o-transition:all 0.2s;
        -moz-transition:all 0.2s;
        -ms-transition:all 0.2s;
        transition:all 0.2s;
        visibility: hidden;
        opacity: 0;
        z-index: -1;
    }


    
.lang-switch dl:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 calc(5 / 768 * 100vw) calc(5 / 768 * 100vw) calc(5 / 768 * 100vw);
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: calc(-5 / 768 * 100vw);
    left: 50%;
    -o-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    }
.lang-switch:hover dl{
    

    visibility:visible;
    opacity:1;
    z-index:5;
    top: calc(48/ 768 * 100vw);



}
.lang-switch dl{
    position: absolute;
    width: 100%;
    background: #fff;
    left: 0;
    top: calc(58/ 768 * 100vw);
    border-radius: calc(7/ 768 * 100vw);
    
-webkit-transition:all 0.2s;
-o-transition:all 0.2s;
-moz-transition:all 0.2s;
-ms-transition:all 0.2s;
transition:all 0.2s;


    visibility: hidden;
    opacity: 0;
    z-index: -1;


}
    .lang-switch dl dd a{
    font-size: calc(24/ 768 * 100vw);
    color: #333;
}


.card-bg-icon .bg.fa1{
    
left: auto;
    
top: calc(119/768*100vw);
    
width: calc(431/768*100vw);
    
height: calc(143/768*100vw);
    
background-size: auto 100% !important;
    
right: 0;
}
.card-bg-icon .bg.fa2{
    
left: auto;
    
top: calc(-8 / 768 * 100vw);
    
width: calc(306/ 768 * 100vw);
    
height: calc(281/ 768 * 100vw);
    
background-size: auto 100% !important;
    
right: 0;
}
.card-bg-icon .bg.fa3{
    
left: auto;
    
top: calc(13 / 768 * 100vw);
    
width: calc(397/ 768 * 100vw);
    
height: calc(295 / 768 * 100vw);
    
background-size: auto 100% !important;
    
right: calc(13 / 768 * 100vw);
}
.card-bg-icon .bg.fa4{
    
left: auto;
    
top: calc(113 / 768 * 100vw);
    
width: 94%;
    
height: calc(169/ 768 * 100vw);
    
background-size: auto 100% !important;
    
right: calc(13 / 768 * 100vw);
}
    .news-grid .swiper-button-next,
    .news-grid .swiper-button-prev{
        
width: calc(40 / 768 * 100vw);
        
height: calc(40 / 768 * 100vw);
        
top: auto;
        
margin: 0;
        
top: calc(-82 / 768 * 100vw);
    
    }
    .news-grid .swiper-button-prev{
        left: auto;
        right: calc(70 / 768 * 100vw);
        background: url(../images/left.png) no-repeat center center;
        background-size: 100%;
    }
.news-grid .swiper-button-next{
            right: auto;
        right: calc(0 / 768 * 100vw);
        background: url(../images/right.png) no-repeat center center;
        background-size: 100%;
}


.about-hero {
        height: calc(500 / 768 * 100vw); /* 手机端高度 */
        margin: 0;
    }
    
    .ah-title {
        font-size: calc(48 / 768 * 100vw);
        margin-bottom: calc(26 / 768 * 100vw);
    }
    
    .ah-sub {
        font-size: calc(20 / 768 * 100vw);
    }
    .ah-sub.type2{
        padding-right:0px;
        text-align:center;
    }
.sub-nav-list {
        /* 手机端可能放不下4个，改为 2x2 或者横向滚动 */
        /* 这里用 2x2 网格 */
        grid-template-columns: repeat(4, 1fr);
        height: auto; /* 高度自适应 */
    }
    .sub-nav-list li a{
        font-size: calc(26/ 768* 100vw);
    }
    .sub-nav-list li {
        height: 50px;
        border-bottom: 1px solid #ccc; /* 加底部分割线 */
    }
    
    .sub-nav-list li::after { display: none; } /* 去掉竖线 */
    .overview-section {padding: calc(90 / 768 * 100vw) 0;text-align: center;}
    
    .overview-wrapper {
        flex-direction: column;
        gap: calc(40 / 768 * 100vw);
    }
    
    .ov-text, .ov-stats {width: 100%;text-align: left;}
    
    .ov-desc { 
        font-size: calc(24 / 768 * 100vw); 
    }
    
    /* 统计数据 */
    .ov-stat-row {
        gap: calc(20 / 768 * 100vw);
    }
    .ov-num { font-size: calc(60 / 768 * 100vw); }
    .ov-num .unit, .ov-num .plus { font-size: calc(30 / 768 * 100vw); }
    .ov-label { font-size: calc(24 / 768 * 100vw); }

.honors-section {padding: calc(90 / 768 * 100vw) 0;}
    
    .honors-desc {
        font-size: calc(24 / 768 * 100vw);
        max-width: 100%;
        /*text-align: justify;  手机端两端对齐好读一点 */
        margin-bottom: 4vw;
        margin-top: 5vw;
    }
    
    .honors-img-box img {
        width: 100%; /* 手机端图片撑满 */
    }
      .culture-section { padding: calc(60 / 768 * 100vw) 0; }
    
    .culture-desc {
        font-size: calc(24 / 768 * 100vw);
        max-width: 100%;
        text-align: justify;
        margin-top: 4vw;
    }
    
    /* 网格变单列竖排 */
    .culture-grid {
        gap: calc(10 / 768 * 100vw);
        margin-top: 5vw;
    }
    
    .cult-item {
        padding: 0;
        /* 手机端去掉竖线，或者改成横线 */
    }
    .cult-item:not(:last-child)::after {
        width: 0; /* 横线宽度 */
        height: 100%;
        /* opacity: 0; */
        width: 1px;
        opacity: 0;
    }
    .cult-icon img {
        height: calc(50/ 768 * 100vw);
    }
    .cult-icon { font-size: calc(80 / 768 * 100vw); margin-bottom: calc(20 / 768 * 100vw); }
    .cult-title {font-size: calc(38 / 768 * 100vw);margin-bottom: calc(15 / 768 * 100vw);}
    .cult-content p {font-size: calc(20/ 768 * 100vw);}
.global-section {padding: calc(90 / 768 * 100vw) 0;text-align: center;}
    
    .global-header {
        flex-direction: column;
        gap: calc(30 / 768 * 100vw);
    }
    
    .global-title-box, .global-desc { width: 100%; }
    
    .global-desc {
        font-size: calc(24 / 768 * 100vw);
    }
    
    .global-map-wrapper {
        height: auto;
    }
    
    /* 缩小手机端的光点，防止太乱 */
    .map-spot { width: 8px; height: 8px; }
    .map-spot.active { width: 12px; height: 12px; }
    .spot-label { font-size: 12px; }
 .locations-section {padding: calc(90 / 768 * 100vw) 0;}
    
    /* 变为单列 */
    .loc-grid {
        grid-template-columns: 1fr;
        gap: calc(60 / 768 * 100vw);
        margin-bottom: calc(40 / 768 * 100vw);
        text-align: left;
    }
    .loc-item{
        text-align: left;
    }
    
    .loc-img {
        height: auto;
        margin-bottom: calc(20 / 768 * 100vw);
        width: 100%;
    }
    .loc-divider{
        display:none;
    }
    .loc-title {
        font-size: calc(32 / 768 * 100vw);
        margin-bottom: calc(20 / 768 * 100vw);
        text-align: left;
        display: block;
        width: 100%;
        margin-top: 2vw;
    }
    
    .info-row { margin-bottom: calc(15 / 768 * 100vw); }
    
    .info-row .label {
        width: calc(180 / 768 * 100vw);
        font-size: calc(24 / 768 * 100vw); /* 放大字号 */
    }
    .info-row .val {
        font-size: calc(24 / 768 * 100vw); /* 放大字号 */
    }
    body{
        font-size: calc(22/768*100vw);
    }
     .form-section { padding: calc(60 / 768 * 100vw) 0; }
    
    .form-row-4 {
        grid-template-columns: 1fr; /* 单列堆叠 */
        gap: calc(20 / 768 * 100vw);
        margin-bottom: calc(20 / 768 * 100vw);
    }
    
    .form-group label {
        font-size: calc(24 / 768 * 100vw);
        margin-bottom: calc(10 / 768 * 100vw);
    }

    .input-wrap {
        border-radius: calc(8 / 768 * 100vw);
    }
    .input-wrap.type2 img{
        height: 100%;
        width: calc(222 / 768 * 100vw);
    }
.input-wrap.type2 input{
    padding-left: calc(22 / 768 * 100vw);
}
    .input-wrap input, .input-wrap select {
        height: calc(80 / 768 * 100vw); /* 稍微高一点方便点击 */
        padding-left: calc(77 / 768 * 100vw);
        font-size: calc(24 / 768 * 100vw);
    }
    .input-wrap select{
padding-left:calc(22 / 768 * 100vw);
    }
    .input-wrap .icon { 
        font-size: calc(30 / 768 * 100vw); 
        left: calc(20 / 768 * 100vw); 
    }
    
    .form-group.full textarea {
        padding: calc(20 / 768 * 100vw);
        font-size: calc(24 / 768 * 100vw);
        border-radius: calc(8 / 768 * 100vw);
    }
    
    .form-footer {margin-top: calc(40 / 768 * 100vw);width: 100%;}

    .btn-submit {
        width: 100%; /* 按钮全宽 */
        height: calc(80 / 768 * 100vw);
        font-size: calc(28 / 768 * 100vw);
        border-radius: calc(8 / 768 * 100vw);
    }
    
    .privacy-check { 
        font-size: calc(20 / 768 * 100vw); 
        gap: calc(15 / 768 * 100vw);
        margin-bottom: calc(30 / 768 * 100vw);
    }
    .privacy-check input { 
        width: calc(24 / 768 * 100vw); 
        height: calc(24 / 768 * 100vw); 
    }
    .form-header{margin-bottom: 6vw;}
    .input-wrap .icon img{
          width: calc(37/ 768 * 100vw);
}

.sol-block { padding: calc(60 / 768 * 100vw) 0; }
    
    .sol-row {
        flex-direction: column-reverse; /* 图片在上，文字在下？或者文字在上？通常文字在上 */
        /* 这里统一设为：文字在上，图片在下 */
        flex-direction: column; 
        gap: calc(40 / 768 * 100vw);
    }
    
    /* 即使是反转布局，手机端也统一顺序 */
    .sol-row.reverse {
        flex-direction: column; /* 也是文字在上，图片在下。因为HTML里图片写在前面，所以这里反而是column-reverse能让文字上去 */
        /* 等等，HTML结构里reverse是图片在前。所以如果要文字在上，得用 column-reverse */
        flex-direction: column-reverse; 
    }
    
    .sol-text, .sol-img { width: 100%; }
    
    .sol-img { height: calc(400 / 768 * 100vw); }
    
    .sol-list li {
        font-size: calc(24 / 768 * 100vw);
        padding-left: calc(30 / 768 * 100vw);
        margin-bottom: calc(20 / 768 * 100vw);
    }
    .sol-list.orange-dot li::before {
        width: calc(10 / 768 * 100vw);
        height: calc(10 / 768 * 100vw);
        top: calc(12 / 768 * 100vw);
    }
    .sol-list-section { padding: calc(60 / 768 * 100vw) 0; }
    
    .sol-list-grid {
        grid-template-columns: 1fr; /* 手机端单列 */
        gap: calc(92 / 768 * 100vw);
        margin-bottom: calc(40 / 768 * 100vw);
    }
    
    .si-img {
        height: calc(370 / 768 * 100vw);
        margin-bottom: 0;
    }
    
    .si-title {font-size: calc(29/ 768 * 100vw);line-height: 3;background: #FF7100;color: #fff !important;}
    
    /* 分页器 */
    .pagination-center {
        gap: calc(10 / 768 * 100vw);
    }
    .pagination-center a {
        min-width: calc(40 / 768 * 100vw);
        height: calc(40 / 768 * 100vw);
        font-size: calc(32 / 768 * 100vw);
        padding: 0 calc(10 / 768 * 100vw);
        white-space: nowrap;
    }
    
    .page-dots { font-size: calc(16 / 768 * 100vw); 

}
.cbanner img{
    height:calc(500 / 768 * 100vw);
}


  .talent-section,
  .strategy-section {
    padding: calc(80 / 768 * 100vw) 0;
  }

  .talent-row {
    flex-direction: column;
    gap: calc(40 / 768 * 100vw);
  }

  .talent-row.reverse {
    flex-direction: column;
  }

  .talent-content,
  .talent-img {
    width: 100%;
  }

  .talent-title {
    font-size: calc(36 / 768 * 100vw);
  }

  .talent-subtitle {
    font-size: calc(24 / 768 * 100vw);
    margin-bottom: calc(20 / 768 * 100vw);
  }

  .talent-desc {
    font-size: calc(24 / 768 * 100vw);
    line-height: calc(40 / 768 * 100vw);
  }

  .talent-img img {
    border-radius: calc(8 / 768 * 100vw);
  }


  .apply-section,
  .process-section {
    padding: calc(80 / 768 * 100vw) 0;
  }

  .section-title {
    font-size: calc(36 / 768 * 100vw);
  }

  .section-subtitle {
    font-size: calc(24 / 768 * 100vw);
    margin-bottom: calc(50 / 768 * 100vw);
  }

  .apply-channels {
    flex-direction: column;
    gap: initial;
    margin-top: 3vw;
  }
    .apply-card .email-box img{margin-bottom:3vw;height: 16vw;}
.apply-card img {
    display: block;
    margin: auto;
    height: calc(160 / 768 * 100vw);
}
  .apply-card {
    height: calc(260 / 768 * 100vw);
    display: flex;
    max-height: 10000px;
    flex: auto;
    margin-bottom: 6vw;
  }

  .email-box {
    font-size: calc(26 / 768 * 100vw);
  }

  .process-steps {
    grid-template-columns: 1fr 1fr;
    gap: calc(40 / 768 * 100vw);
  }

  .process-item img {
    width: calc(100 / 768 * 100vw);
  }

  .process-item p {
    font-size: calc(24 / 768 * 100vw);
  }

.featured-wrapper {
        flex-direction: column;
        gap: calc(24 / 768 * 100vw);
    }
    .feat-right{
        width:100%;
        padding: 0;
    }
    .feat-left {width: 100%;background: none;padding: 0;border: 1px solid #FF5700;padding: 4vw;}
    
    .fc-img {height: calc(350 / 768 * 100vw);}
    
    .fc-title {font-size: calc(32/ 768 * 100vw);font-weight: normal;margin-bottom: 2vw;}
    
    .hot-img {
        width: calc(120 / 768 * 100vw);
        height: calc(80 / 768 * 100vw);
    }
    
    .hot-info h4 a { font-size: calc(16 / 768 * 100vw); }


      .news-list-section { padding: calc(40 / 768 * 100vw) 0; }
    
    .news-tabs {
        gap: calc(20 / 768 * 100vw);
        margin-bottom: calc(30 / 768 * 100vw);
        display: flex;
        border-bottom: 1px solid #ddd;
    }
    
    .tab-link {
        font-size: calc(38/ 768* 100vw); /* 手机端标题放大 */
        padding-bottom: calc(10 / 768 * 100vw);
        flex: 1;
        text-align: center;
        padding-bottom: 4vw;
    }
    .fc-date img{
        height: 3vw;
        margin-right: 1.5vw;
    }
    .fc-date{
        font-size: calc(22/ 768 * 100vw);
        margin-top: 4vw;
    }
    .fc-desc{
        font-size: calc(20/ 768 * 100vw);
    }
    .news-list-grid {
        grid-template-columns: 1fr;
        gap: calc(30 / 768 * 100vw) ;
    }
    .fc-content{
        padding: calc(30 / 768 * 100vw) 0 0;
    }
    .feat-card-lg{/* padding:4vw; *//* border: 1px solid #FF5700; */background: none;}
.side-title img {
    height: calc(30 / 768 * 100vw);
    display: none;
}
.side-title{
    font-size: calc(38/ 768* 100vw);
    margin-bottom: 5vw;
}

.wapTitleNews{
    
font-size: 5vw;
    
color: #000;
    
font-weight: bold;
    
margin-bottom: 5vw;
}

    .news-detail-wrapper { padding: calc(38/ 768* 100vw) 0; }
    
    .news-detail-layout {
        flex-direction: column;
        gap: calc(38/ 768* 100vw);
    }
    
    .nd-left, .nd-right, .nd-footer-nav { width: 100%; }
    
    .nd-h1 { font-size: calc(32/ 768* 100vw); }
    
    .nd-body { font-size: calc(16/ 768* 100vw); }
    
    /* 侧边栏在手机端通常放到下面，或者隐藏 */
    .nd-right { margin-top: calc(38/ 768* 100vw); }
.breadcrumb {
    font-size: calc(22 / 768 * 100vw);
    margin-bottom: calc(24 / 768 * 100vw);
}
.nd-date {
    font-size: calc(16/ 768 * 100vw);
    margin-top: 2vw;
    margin-bottom: 1vw;
}
    .nd-body h3 {
    font-size:calc(26/ 768 * 100vw);
    margin-bottom:calc(16/ 768 * 100vw);
}
    .nd-body p {
    margin-bottom: calc(20 / 768 * 100vw);
    font-size: calc(24/ 768 * 100vw);
    line-height: 1.7;
}
    .nd-body h4 {
    font-size:calc(20 / 768 * 100vw);
}

    
.nav-card .label {
    font-size: calc(16 / 768 * 100vw);
    color: rgba(0, 0, 0, 0.50);
    margin-bottom: calc(15 / 768 * 100vw);
    display: block;
}

.nav-card .title {
    font-size: calc(18 / 768 * 100vw);
    font-weight: bold;
    color: #333;
    margin-bottom: calc(5 / 768 * 100vw);
}

.nav-card .date {
    font-size: calc(16 / 768 * 100vw);
    color: #ccc;
    font-weight: normal;
}

.padding48{
    padding: calc(48 / 768 * 100vw);
    background: #F7F7F7;
}

.hot-item {
    display: flex;
    gap: calc(20 / 768 * 100vw);
    margin-bottom: calc(17/ 768 * 100vw);
    border-bottom: 0.556px solid rgba(188, 192, 198, 0.50);
    padding: calc(32/ 768 * 100vw) 0;
}
.hot-item:last-child {}
.hot-info{
    position:relative;
}
.hot-img {
    width: calc(264/ 768 * 100vw);
    height: calc(169/ 768 * 100vw);
    flex-shrink: 0;
}
.hot-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hot-info h4 a {
    font-size: calc(29/ 768 * 100vw);
    color: #0F2B51;
    font-weight: 500;
    line-height: 1.4;
    display: block;
    
    /* 限制2行 */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.3s;
}
.hot-info h4 a:hover { color: #FF5700; }

.hot-info .date {
    font-size: calc(25/ 768 * 100vw);
    color: #6A7282;
    position: absolute;
    bottom: 0;
    left: 0;
}


 .contact-info-section { padding: calc(60/ 768 * 100vw) 0; }
    
    .contact-row {
        flex-direction: column;
        gap: calc(40/ 768 * 100vw);
    }
    .block-content{
        padding-top:2vw;
        padding-left: 0;
        padding-right: 0;
    }
    .qr-code{
        width:40vw;
    }
    .c-row{
        margin-bottom:2vw;
    }
    .contact-list, .contact-map { width: 100%; }
    .contact-block {
    margin-bottom: calc(30 / 768 * 100vw);
    padding-bottom: calc(18 / 768 * 100vw);
    border-bottom: 1px solid #eee;
    width: 100%;
}
    .block-title {font-size: calc(28/ 768 * 100vw);}
    .block-title img {
    width: calc(40 / 768 * 100vw);
}
    .c-row .label {
        width: calc(220/ 768 * 100vw);
        font-size: calc(24/ 768 * 100vw);
    }
    .c-row .val {font-size: calc(22/ 768 * 100vw);}
    
    .map-box {height: calc(600/ 768 * 100vw);}

.sol-detail-main {padding: calc(40 / 768 * 100vw) 0;padding-bottom: 10vw;}
    
    /* 简介卡片变竖排 */
    .sol-intro-card {
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 14vw;
    }
    .intro-img, .intro-content { width: 100%; }
    
    .intro-img {
        height: calc(450 / 768 * 100vw);
        position: static;
    }
    
    .intro-content {
        padding: calc(38 / 768 * 100vw);
    }
    
    .intro-title {
        font-size: calc(41/ 768 * 100vw);
        margin-bottom: calc(15 / 768 * 100vw);
    }
    
    .intro-divider {
        margin-bottom: calc(20 / 768 * 100vw);
    }
    
    .intro-text p {
        font-size: calc(26 / 768 * 100vw); /* 放大字号 */
        margin-bottom: calc(15 / 768 * 100vw);
    }
    
    /* 主要工艺 */
    .sec-header-center {
        margin-bottom: calc(30 / 768 * 100vw);
    }
    
    /* 工艺大图 */
    .process-img-box { 
        height: calc(200 / 768 * 100vw); 
    }
    .process-banner {
        margin-bottom: calc(30 / 768 * 100vw);
    }
    
    /* 工艺列表变双列 */
    .process-row {
        flex-wrap: wrap;
        gap: calc(15 / 768 * 100vw);
        padding: calc(15 / 768 * 100vw) 0;
        padding: 3vw 0;
    }
    
    .proc-item {
        width: 48%; /* 手机端两列，留点余量 */
        font-size: calc(26/ 768 * 100vw);
        gap: calc(8 / 768 * 100vw);
        line-height: 3;
        margin: 0;
        padding: 0px !important;
    }
    
    .dot {
        width: calc(10 / 768 * 100vw);
        height: calc(10 / 768 * 100vw);
    }
      .action-section { padding-bottom: calc(60 / 768 * 100vw); }
    
    .action-grid {
        grid-template-columns: 1fr; /* 单列 */
        gap: calc(30 / 768 * 100vw);
    }
    
    .action-item {
        height: calc(310 / 768 * 100vw);
    }
.process-list .item{
    width: 100%;
    float: none;
}
.step-right{
    margin-left: 57%;
}
/* 卡片样式 */
.step-item {
    width: calc(300/ 768 * 100vw);
}
.step-card {
    /* 默认深灰 */
    padding: calc(32/ 768 * 100vw);
    border-radius: calc(4 / 768 * 100vw);
    margin-bottom: calc(17/ 768 * 100vw);
    transition: all 0.5s;
    /* 初始位置稍微下沉 */
    /* transform: translateY(20px); */
    height: calc(140/ 768 * 100vw);
    padding-top: 3vw;
}

.step-num {
    font-size: calc(60 / 768 * 100vw);
    line-height: 1;
    margin-bottom: calc(8/ 768 * 100vw);
}

.step-title {
    font-size: calc(20 / 768 * 100vw);
    color: #ccc;
    font-weight: 500;
    transition: color 0.5s;
}

.step-desc {
    font-size: calc(22 / 768 * 100vw);
    color: #999;
    line-height: 1.6;
    transition: color 0.5s;
}

/* --- 激活状态 (由 GSAP 添加 .active 类) --- */
.step-item.active {
    opacity: 1;
}

.step-item.active .step-card {
    /* transform: translateY(0); */
}

.step-item.active .step-num {
    /* 数字变半透明白 */
}

.step-item.active .step-title,.step-item.active .step-desc {
    /* 文字变白 */
}
.process-line-svg{
    top: 0;
}


.video-section {
    padding: calc(90 / 768 * 100vw) 0;
    background-color: #fff;
}
.video-section .swiper-button-next,
.video-section .swiper-button-prev{top: calc(219 / 768 * 100vw);width: calc(50 / 768 * 100vw);height: calc(50 / 768 * 100vw);}
.video-section .swiper-button-next{
background: url(../images/right.png) no-repeat center center;
background-size: 100%;
right: 0px;
}

.video-section .swiper-button-prev{
background: url(../images/left.png) no-repeat center center;
background-size: 100%;
left: 0px;

}
.video-grid {
    /* display: grid; */
    /* grid-template-columns: repeat(2, 1fr); */
    /* gap: calc(40 / 768 * 100vw); */
}

.video-item {
    width: 100%;
    position: relative;
    cursor: pointer;
}

.video-cover {
    height: calc(400/ 768 * 100vw);
}



/* 播放按钮 */
.play-btn {
    transform: translate(-50%, -50%);
    width: calc(80 / 768 * 100vw);
    height: calc(80 / 768 * 100vw);
    font-size: calc(30 / 768 * 100vw);

}

.video-item:hover .play-btn {

}

.tailor-section{
padding: calc(90 / 768 * 100vw) 0;

}



  .solution-title {
    font-size: calc(42/ 768 * 100vw);
    line-height: 1.2;
  }

  .solution-desc {
    font-size: calc(24 / 768 * 100vw);
    line-height: calc(40 / 768 * 100vw);
  }

  .solution-steps {
    /* flex-direction: column; */
  }

  .step-items {
    width: 100%;
    padding: calc(30 / 768 * 100vw);
    font-size: calc(24 / 768 * 100vw);
  }

  .device-list {
    /* grid-template-columns: 1fr; */
    gap: calc(40 / 768 * 100vw);
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 一行2个 */
    gap: calc(20 / 768 * 100vw); /* 项目间距，可改 */
  }

  .device-title {
    font-size: calc(40/ 768 * 100vw);
    margin-bottom: 3vw;
  }

  .device-subtitle {
    font-size: calc(24 / 768 * 100vw);
    margin-bottom: 4vw;
  }



  .scene-list {
    grid-template-columns: 1fr 1fr;
    gap: calc(20/ 768 * 100vw);
    padding-top: 4vw;
  }
    .device-card{
        height:auto;
        padding-bottom: 4vw;
    }

  .scene-item img {
    height: calc(240 / 768 * 100vw);
  }
    .line-intel{
        padding: calc(90/ 768 * 100vw) 0;
    }
  .logo-group {
    gap: calc(10/ 768 * 100vw);
  }

  .logo-group img {
    height: calc(120 / 768 * 100vw);
    width: calc(104 / 768 * 100vw);
  }


.solution-subtitle{
    font-size:calc(30 / 768 * 100vw);
    margin-bottom: 5vw;
    margin-top: 10vw;
}

.device-card h4 {
  font-size: calc(26/ 768 * 100vw);
  margin-bottom: calc(14 / 768 * 100vw);
  padding-top: 2vw;
}

.device-card p {
  font-size: calc(18/ 768 * 100vw);
}

/* 底部三个橙色按钮 */
.line-features {
  display: flex;
  justify-content: center;
  gap: calc(20 / 768 * 100vw);
  padding-top: calc(58/ 768 * 100vw);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(20 / 768 * 100vw);
}

.feature-item {
  display: block;
  align-items: center;
  justify-content: center;
  gap: calc(9/ 768 * 100vw);
  height: auto;
  color: #fff;
  font-size: calc(32/ 768 * 100vw);
  border-radius: calc(10/ 768 * 100vw);
  background: #FF7100;
  padding: 0px 0;
  padding-bottom: 5vw;
}

.feature-item .icon img{
width: 100%;
}
.feature-item .icon {
  width: calc(44/ 768 * 100vw);
  width: 90%;
  display: block;
  margin: auto;
  text-align: center;
  padding: 5vw 13vw;
}

.type2 .device-header{
    padding-bottom:calc(56/ 768 * 100vw);
}
.feature-item .ris{
    
/* display: flex; */
    
text-align: left;
}
.feature-item .ris b{
    display: block;
    text-align: left;
    font-size: calc(24/ 768 * 100vw);
    color: #fff;
    opacity: .6;
    font-weight: normal;
    margin-top: calc(20/ 768 * 100vw);
    text-align: center;
}
.line-intel.type2{
    padding-top: 0px;
    padding-bottom: calc(90/ 768 * 100vw);
}
    .tech-eco{
        padding-bottom:10vw;
    }
.scene-item h3 {
  font-size: calc(32/ 768 * 100vw);
  margin-bottom: calc(16 / 768 * 100vw);
  color: #0F2B51;
  font-weight: normal;
}
    .scene-item{
        padding-bottom: 6vw;
    }

.scene-item p {
  font-size: calc(25/ 768 * 100vw);
  color: #6A7282;
}
.device-section,
.solution-section{
    padding: calc(90/ 768 * 100vw) 0;
}
.hero-bg{
    height: calc(800/ 768 * 100vw);
}


/**/

    .why-us-section {padding: calc(170 / 768 * 100vw) 0;}
    
    .why-cn-title {font-size: calc(48 / 768 * 100vw);margin-bottom: 8px;}
    
    .why-en-wrapper {/* flex-direction: column; *//* align-items: flex-start; */}
    .highlight-box, .en-text {font-size: calc(40 / 768 * 100vw);margin-bottom: calc(10 / 768 * 100vw);}
    
    .pain-points-row {
        flex-direction: column;
        gap: calc(40 / 768 * 100vw);
        padding-left: calc(40/ 768* 100vw);
    }
    
    .pain-left { width: 100%; }
    .pain-title-group h3 {font-size: calc(37 / 768 * 100vw);}
    
    .pain-item h4 { font-size: calc(24 / 768 * 100vw); }
    .pain-item p { font-size: calc(18 / 768 * 100vw); }
    
    .pain-right-imgs { width: 100%; }
    .pain-img-box {height: calc(200 / 768 * 100vw);width: calc(127 / 768 * 100vw);}

 .feature-block {}
    
    .brown-stripe {/* display: none; */height: 28vw;} /* 手机端去掉装饰条 */


    .feat-row {
        flex-direction: column;
        gap: calc(40 / 768 * 100vw);
        /* padding-left: calc(40 / 768 * 100vw); */
    }
    
    .feat-text, .feat-cards-group, .feat-img-box { width: 100%; }
    
    .num-title .num { font-size: calc(48 / 768 * 100vw); }
    .num-title h3 { font-size: calc(32 / 768 * 100vw); }
    
    .feat-cards-group {
         /* 卡片竖排 */
    }
    .orange-overlay-box h4{
        font-size: calc(85 / 1920 * 100vw);
    }
    .orange-overlay-box {
         /* 手机端不再绝对定位 */
    }
    
    .process-tabs {
        flex-wrap: wrap; /* 允许换行 */
    }
    .pt-item {
        flex: 1 1 30%; /* 一行3个 */
        font-size: calc(14 / 768 * 100vw);
    }


     /* Block 04 */
    .wide-text, .feat-img-tall { width: 100%; }
    .feat-img-tall {height: calc(422 / 768 * 100vw);width: 50%;}
    
    /* Block 05 */
    .num-title.center {
        text-align: center;
        display: block;
    }
    .num-title.center .num {
        position: static;
        display: block;
        margin: 0 auto;
    }
    
    .value-item {
        width: 100%; /* 单列 */
        display: flex;
    }
    .val-img {
        height: calc(250 / 768 * 100vw);
        width: 64%;
    }
    
    .val-info {
        flex-direction: column;
        gap: calc(28 / 768 * 100vw);
        padding-left: 3vw;
        padding-top: 0;
        width: 40%;
    }
    .val-info h4, .val-info p { width: 100%; }
     .val-info p{
         font-size: calc(18 / 768 * 100vw);
     }
    .val-info h4 {font-size: calc(28 / 768 * 100vw);}
    .why-deco-line .line{
        opacity:.5
    }
    .why-deco-line {
    position: relative;
    padding-left: calc(20 / 768 * 100vw);
    padding-top: calc(107 / 768 * 100vw);
}
    .small-text {
    font-size: calc(24 / 768 * 100vw);
    color: #fff;
    position: absolute;
    bottom: 0;
    left: calc(20 / 768 * 100vw);
    opacity: .6;
}
    .why-header {
    margin-bottom: calc(164 / 768 * 100vw);

}
    .question-mark{
        font-size: calc(60 / 768 * 100vw);
        padding-right:  calc(64 / 768 * 100vw);
        width: auto;
    }
    .whytinytitle span {
    line-height: calc(32 / 768 * 100vw);
    padding: 0 calc(36 / 768 * 100vw) 0 calc(12 / 768 * 100vw);
    display: inline-block;
    border-radius: 21104000px;
    background: #FF7100;
    font-size: calc(16 / 768 * 100vw);
    background: url(../images/arrow-right-circle2.png) no-repeat 92% center #FF7100;
    background-size: calc(20 / 768 * 100vw);
    margin-bottom: calc(33 / 768 * 100vw);
}
    .mc-img img{
        height: 17vw;
    }
    .mini-card p{font-size: calc(15/ 768 * 100vw);margin-bottom: calc(24 / 768 * 100vw);}
    .mini-card h4{
        font-size: calc(24 / 768 * 100vw);
        margin-top: calc(24 / 768 * 100vw);
        margin-bottom: calc(24 / 768 * 100vw);
    }
    .mini-card{
        padding: calc(24 / 768 * 100vw);
    }
    .mc-icon img{
        width:calc(24 / 768 * 100vw);
    }
    .mc-icon{
        width:calc(40 / 768 * 100vw);
        height:calc(40 / 768 * 100vw);
    }
    .feat-desc {
    font-size: calc(20 / 768 * 100vw);
    color: #929292;
    line-height: 1.6;
    margin-bottom: calc(24 / 768 * 100vw);
}
        .feat2{
        padding-left:calc(40 / 768 * 100vw);
        flex-direction: row;
    }
    .feat4{
          padding-left:calc(40 / 768 * 100vw);
          flex-direction: row;
          gap: calc(0 / 768 * 100vw);
    }
    .feat3{
         padding-left:calc(40 / 768 * 100vw);
    }
    .feat4 .feat-text{
        width: 50%;
    }
    .feat4 .feat-desc2{
        font-size: calc(17/ 768 * 100vw);
        width: 100%;
        padding-right: calc(53 / 768 * 100vw);
    }

.val-info.wap{
    display: flex;
}
.value-item.pc{
    display: none;
}
    .center-header{
margin-bottom:6vw;}
.bdModel .btn{
    width: calc(53 / 768 * 100vw);
}


 .input-wrap select{
     background:url(../images/down.png) no-repeat 96% center;
     background-size:calc(25 / 768 * 100vw);
 }
 .loc-info-list{
    width: 100%;
 }

}