@charset "utf-8";

/* ========== 1919px 及以下（1281–1919 沿用中等屏缩放，避免与 1920 设计稿断层） ========== */
@media screen and (max-width:1919px) {
  .nav ul{padding:0 20px;}
  .nav li{padding:0 2px;}
  .nav li>a{font-size:17px;}
  .logo-cn{font-size:18px;}
  .logo-en{font-size:8px;margin-top:4px;}
  .nav{margin-left:32px;padding-left:26px;}
  .nav:before{left:6px;}
  .tel-label{font-size:13px;}
  .tel-num{font-size:20px;}
  .telico img{width:40px;}

  .banwenzi h2,.banwenzi h3{font-size:52px;}
  .banbtn{font-size:16px;}

  .sectit h4,.sectit-v2 h4{font-size:28px;}
  .sectit-v2 .sectit-en{font-size:24px;}
  .sectit-profile h4{font-size:36px;}
  .sectit-profile .sectit-en{font-size:20px;}
  .sytit-center .sytit-cn{font-size:32px;}
  .abouttxt p{font-size:18px;}

  /* 关于我们：1501–1919 保持横排并垂直居中；≤1500 见下方独立断点 */
  .aboutbox{flex-wrap:nowrap;align-items:center;gap:clamp(24px,2.5vw,40px);}
  .aboutleft{flex:1 1 42%;min-width:0;max-width:42%;}
  .aboutright{flex:1 1 54%;min-width:0;max-width:54%;align-self:center;}
  .aboutright.bigpic{overflow:visible;}
  .aboutright.bigpic img{width:100%;height:auto;object-fit:contain;}

  .brieflist li{font-size:20px;}
  .craftintro-inner h3{font-size:36px;}
  .craftintro-inner p{font-size:24px;}
  .partsixbox .advantage-intro{font-size:24px;}
  .partsixbox .advantage-item h4{font-size:22px;}
  .partsixbox .advantage-item p{font-size:16px;}
  .partsevenbox .flow-intro{font-size:20px;}
  .brandpromise h4{font-size:36px;}
  .brandpromise p{font-size:24px;}

  /* 产品中心：容器查询锁定行高，与图片比例一致 */
  .product-row{container-type:inline-size;}
  .product-pics{height:calc(50cqw * 600 / 962);}
  .producttxt{height:calc(50cqw * 600 / 962);min-height:0;container-type:size;overflow:hidden;justify-content:flex-start;}

  /* 定制流程：圆形步骤在中等宽度下缩小字号并扩大内容区，避免文字被裁切 */
  .partsevenbox .flow-step-inner h5{
    font-size:clamp(20px,1.35vw,32px);
    margin-bottom:clamp(8px,0.55vw,14px);
  }
  .partsevenbox .flow-step-inner p{
    font-size:clamp(12px,0.82vw,17px);
    line-height:1.45;
  }
  .partsevenbox .flow-step-1 .flow-step-inner,
  .partsevenbox .flow-step-2 .flow-step-inner,
  .partsevenbox .flow-step-3 .flow-step-inner,
  .partsevenbox .flow-step-4 .flow-step-inner,
  .partsevenbox .flow-step-5 .flow-step-inner,
  .partsevenbox .flow-step-6 .flow-step-inner{
    width:58%;
    height:52%;
    overflow:visible;
  }
}

/* ========== 1500px 及以下：公司资质背景保留，裁切时优先显示左侧 ========== */
@media screen and (max-width:1600px) {
  .parttwobox{
    background-image:url("../images/qualification.png");
    background-repeat:no-repeat;
    background-position:left center;
    background-size:cover;
    background-color:#f5f5f5;
  }
}

/* ========== 1100px 平板 / 移动端导航 ========== */
@media screen and (max-width:1100px) {
  body{overflow-x:hidden;padding-top:70px;}
  .bannerbox,.partonebox,.partthreebox,.partsixbox,.partsevenbox,.footerbox{scroll-margin-top:70px;}

  .top{background:#fff;box-shadow:0 6px 6px rgba(0,0,0,0.06);}
  .top>.mainbox{height:70px;}

  .nav{position:fixed;top:70px;right:0;z-index:999;width:100%;height:calc(100vh - 70px);text-align:center;opacity:0;visibility:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;background-color:#fdfdfd;max-width:100%;flex:none;margin-left:0;padding-left:0;}
  .nav:before{display:none;}
  .nav ul{display:block;width:90%;margin:0 auto;padding-top:20px;flex-direction:column;}
  .nav li{flex:none;height:auto;display:block;margin:0;text-align:left;border-bottom:1px solid rgba(0,0,0,0.1);}
  .nav li>a{display:block;line-height:60px;width:100%;font-size:17px;}
  .nav li.cur>a:after{display:none;}

  .menu-open{height:100vh;overflow:hidden}
  .menu-open .nav{visibility:visible;opacity:1;}

  .nav-btnbox{transition:0.5s all;display:flex;cursor:pointer;}
  .nav-btnbox a{width:24px;display:block;}
  .nav-btnbox .icon-bar{display:block;height:2px;border-radius:10px;background-color:#333;transition:all .3s ease;margin:0 auto;}
  .nav-btnbox .icon-bar+.icon-bar{margin-top:5px}
  .menu-open .nav-btnbox .icon-bar:first-child{transform:translate3d(0,7px,0) rotate3d(0,0,1,-45deg);}
  .menu-open .nav-btnbox .icon-bar:nth-child(2){opacity:0;}
  .menu-open .nav-btnbox .icon-bar:last-child{transform:translate3d(0,-7px,0) rotate3d(0,0,1,45deg);}

  .topright{flex:1;justify-content:flex-end;}
  .logo{max-width:257px;}
  .logo-cn{font-size:16px;}
  .logo-en{font-size:8px;}
  .tel-label{font-size:12px;}
  .tel-num{font-size:18px;}
  .telico img{width:36px;}
  .topright_right{gap:12px;}

  /* 1. Banner：背景铺满容器，内容不超出可视区域 */
  .banner{
    min-height:auto;
    padding:28px 0 24px;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:#e8f4f6;
    align-items:center;
    box-sizing:border-box;
  }
  .banner .mainbox{margin-left:auto;margin-right:auto;width:90%;}
  .banwenzi{max-width:100%;}
  .banwenzi h2,.banwenzi h3{font-size:34px;line-height:1.25;}
  .banline{margin-top:12px;width:7em;}
  .banbtns-area{margin-top:20px;}
  .banbtn{font-size:14px;padding:6px 14px;white-space:normal;text-align:center;line-height:1.35;}
  .banbtns{gap:8px;}
  .ban-next{display:none;}

  /* 2. 全局文字缩小 */
  .sectit h4,.sectit-v2 h4{font-size:26px;}
  .sectit-v2 .sectit-en{font-size:20px;}
  .sectit-profile h4{font-size:30px;}
  .sectit-profile .sectit-en{font-size:18px;}
  .abouttxt p{font-size:16px;line-height:1.85;}
  .brieflist li{font-size:16px;line-height:1.9;margin-bottom:8px;}
  .sytit-center .sytit-cn{font-size:28px;}
  .partthreebox .sytit-center .sytit-en{font-size:14px;letter-spacing:2px;}
  .partsixbox .sytit-center .sytit-en{font-size:14px;}
  .partsevenbox .sytit-center .sytit-cn{font-size:24px;}
  .partsevenbox .sytit-center .sytit-en{font-size:14px;}

  .briefbox{max-width:100%;position:relative;z-index:1;}
  /* 公司资质：保留背景图，不再用渐变替代
  .parttwobox{
    position:relative;
    background-image:none;
    background:linear-gradient(165deg, #f0fafa 0%, #e3f2f5 48%, #f8fcfd 100%);
    overflow:hidden;
  }
  .parttwobox::before{
    content:'';
    position:absolute;
    top:-20%;
    right:-15%;
    width:70%;
    height:140%;
    background:radial-gradient(ellipse at center, rgba(25,147,171,0.12) 0%, transparent 68%);
    pointer-events:none;
  }
  */
  .aboutbox{flex-direction:column;flex-wrap:wrap;gap:24px;}
  .aboutleft,.aboutright{width:100%;max-width:none;flex:1 1 100%;}
  .aboutright.bigpic{max-width:640px;margin:0 auto;width:100%;}
  .aboutright.bigpic img{width:100%;height:auto;object-fit:contain;}

  /* 3. 产品中心：横排，行高由容器查询锁定 */
  .product-row{container-type:inline-size;}
  .product-pics{height:calc(50cqw * 600 / 962);order:0;}
  .producttxt{height:calc(50cqw * 600 / 962);min-height:0;container-type:size;overflow:hidden;justify-content:flex-start;padding:clamp(10px,3.2cqh,22px) clamp(12px,3cqh,24px);background-size:100% 100%;display:flex;flex-direction:column;}
  .producttxt-1,.producttxt-2{padding-left:24px;padding-right:24px;}

  /* 4. 工艺介绍：取消背景图，内容自适应 */
  .craftintro{
    display:block;
    padding:36px 0;
    align-items:flex-start;
    background-color:#edf6f8;
  }
  .craftintro::before{display:none;}
  .craftintro > .mainbox{width:90%;}
  .craftintro-inner h3{font-size:28px;margin-bottom:20px;line-height:1.45;}
  .craftintro-inner p{font-size:18px;line-height:1.9;text-indent:2em;}

  .partfourbox > .mainbox{width:95%;padding-top:24px;padding-bottom:24px;}
  .process-wrap{grid-template-columns:1fr;gap:24px;}
  .process-body{flex-direction:column;padding:32px 0 0;}
  .process-col{width:100%;padding-left:0!important;padding-right:0!important;}
  .process-col:first-child{padding-bottom:20px!important;}
  .process-col:last-child{padding-top:0!important;padding-bottom:0!important;}
  .process-head{font-size:17px;padding:12px 20px 12px 14px;}
  .process-col p{font-size:15px;margin-top:12px;}

  .casepairs{flex-direction:column;gap:16px;}
  .case-compare{gap:8px;}
  .casemore{text-align:center;margin-top:4px;}
  .partfivebox .casetit h4{font-size:16px;}
  .partfivebox .case-en{font-size:13px;}

  .partsixbox{padding:24px 0 32px;}
  .partsixbox > .mainbox{padding-top:20px;padding-bottom:16px;}
  .partsixbox .advantage-intro{font-size:18px;line-height:1.9;}
  .advantage-grid{grid-template-columns:repeat(2,1fr);gap:16px;}
  .partsixbox .advantage-grid{margin-top:16px;}
  .partsixbox .advantage-item{border-radius:14px;padding:24px 20px 20px;}
  .partsixbox .advantage-item h4{font-size:18px;margin-bottom:14px;}
  .partsixbox .advantage-item p{font-size:14px;line-height:1.75;}

  /* 5. 定制全流程：去掉背景图，卡片式纵向布局 */
  .partsevenbox{
    background:none;
    background-color:#edf6f8;
    padding:36px 0;
  }
  .partsevenbox > .mainbox{padding-top:16px;padding-bottom:16px;}
  .partsevenbox .flow-intro{
    width:100%;
    font-size:16px;
    line-height:1.85;
    text-align:left;
    margin-top:12px;
  }
  .partsevenbox .flowbox{margin-top:20px;}
  .partsevenbox .flow-grid{
    display:flex;
    flex-direction:column;
    gap:14px;
    max-width:640px;
    margin:0 auto;
  }
  .partsevenbox .flow-row,
  .partsevenbox .flow-row-bottom{
    display:contents;
  }
  .partsevenbox .flow-step{
    aspect-ratio:unset;
    background-image:none !important;
    background:#fff;
    border-radius:10px;
    padding:18px 16px;
    box-shadow:0 2px 10px rgba(0,0,0,0.07);
    border-left:4px solid var(--primary);
    width:100%;
    max-width:100%;
    flex:none;
    margin:0;
  }
  .partsevenbox .flow-step-1{order:1;}
  .partsevenbox .flow-step-2{order:2;}
  .partsevenbox .flow-step-3{order:3;}
  .partsevenbox .flow-step-4{order:4;}
  .partsevenbox .flow-step-5{order:5;}
  .partsevenbox .flow-step-6{order:6;border-left-color:#fe7800;}
  .partsevenbox .flow-step-inner,
  .partsevenbox .flow-step-1 .flow-step-inner,
  .partsevenbox .flow-step-2 .flow-step-inner,
  .partsevenbox .flow-step-3 .flow-step-inner,
  .partsevenbox .flow-step-4 .flow-step-inner,
  .partsevenbox .flow-step-5 .flow-step-inner,
  .partsevenbox .flow-step-6 .flow-step-inner{
    position:static !important;
    top:auto !important;
    left:auto !important;
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    transform:none !important;
    overflow:visible !important;
    padding:0 !important;
    margin:0 !important;
    display:block !important;
  }
  .partsevenbox .flow-step-inner h5{
    font-size:18px;
    margin-bottom:10px;
    text-align:left;
  }
  .partsevenbox .flow-step-inner p{
    font-size:14px;
    line-height:1.75;
  }

  .foot-item{width:calc(50% - 14px);margin-bottom:28px;}
  .foottit h3{font-size:30px;}
  .foottit p{font-size:17px;}
  .footico{width:80px;height:80px;padding:16px;margin-bottom:16px;}
  .foot-item h4{font-size:18px;}
  .foot-item p,.foot-item a{font-size:15px;}

  .brandpromise{padding:28px 0;}
  .brandpromise h4{font-size:28px;margin-bottom:14px;}
  .brandpromise p{font-size:18px;line-height:1.85;}

  .gongyitxt{width:44%;padding:0 3.5% 3.8% 4.5%;max-height:44%;}
  .gongyi-subtitle{letter-spacing:1px;}
  .gongyi-desc2{margin-top:clamp(10px,2.0vw,32px);}
  .gongyi-tag{font-size:11px;padding:5px 10px;margin-bottom:10px;}
}

/* ========== 768px 手机 ========== */
@media screen and (max-width:768px) {
  .pd4{padding-top:8%;padding-bottom:8%}
  .mainbox{width:90%;}

  .logo{max-width:200px;}
  .logo a{max-width:100%;}
  .logo-cn{font-size:15px;white-space:normal;}
  .logo-en{font-size:7px;white-space:normal;}
  .tel-label{font-size:11px;}
  .tel-num{font-size:16px;}

  .banner{
    padding:24px 0 20px;
  }
  .banwenzi h2,.banwenzi h3{font-size:28px;}
  .banbtn{font-size:13px;padding:6px 12px;}
  .banbtns-area{margin-top:16px;}
  .ban-next{display:none;}

  .sectit h4,.sectit-v2 h4{font-size:22px;}
  .sectit-v2 .sectit-en{font-size:16px;}
  .sectit-profile h4{font-size:26px;}
  .sectit-profile .sectit-en{font-size:15px;letter-spacing:1px;}
  .sytit h3{font-size:22px;}
  .sytit-center .sytit-cn{font-size:22px;letter-spacing:1px;}
  .partthreebox .sytit-center .sytit-cn{font-size:22px;}
  .partsixbox .sytit-center .sytit-cn{font-size:22px;}
  .partsevenbox .sytit-center .sytit-cn{font-size:20px;}
  .abouttxt p{font-size:14px;line-height:1.8;}

  /* 3. 产品中心：小屏上下堆叠，字号随视口流畅缩放 */
  .product-row{display:grid;grid-template-columns:1fr;container-type:normal;}
  .product-pics{width:100%;order:-1;height:auto;aspect-ratio:962/600;}
  .product-pics img{width:100%;height:100%;object-fit:contain;object-position:center;}
  .producttxt{width:100%;height:auto;min-height:auto;container-type:normal;overflow:visible;justify-content:flex-start;padding:clamp(14px,3.5vw,28px) clamp(12px,3.2vw,24px);}
  .producttxt-1,.producttxt-2{padding-left:clamp(12px,3.2vw,24px);padding-right:clamp(12px,3.2vw,24px);}
  .producttxt h4{font-size:clamp(16px,calc(3.2vw + 0.5rem),26px);margin-bottom:clamp(5px,1.2vw,10px);line-height:1.25;flex-shrink:0;}
  .product-sub{font-size:clamp(12px,calc(2vw + 0.35rem),17px);margin-bottom:clamp(6px,1.6vw,12px);line-height:1.35;flex-shrink:0;}
  .producttxt ul{margin-top:clamp(24px,4.8vw,40px);margin-bottom:clamp(16px,4vw,32px);flex:none;min-height:auto;display:block;justify-content:normal;}
  .producttxt ul:before{top:0.65em;bottom:0.65em;}
  .producttxt ul li{font-size:clamp(11px,calc(1.75vw + 0.3rem),15px);line-height:1.6;margin-bottom:clamp(3px,0.8vw,6px);flex-shrink:initial;}
  .producttxt ul li:before{top:0.55em;}

  .craftintro{padding:28px 0;}
  .craftintro-inner h3{font-size:22px;margin-bottom:16px;}
  .craftintro-inner p{font-size:15px;line-height:1.85;text-indent:0;}

  .partfivebox > .mainbox{padding-top:32px;padding-bottom:16px;}
  .partfivebox .caselist{margin-top:16px;}
  .partfivebox .casetit h4{font-size:15px;}
  .partfivebox .case-en{font-size:12px;display:block;margin-left:0;margin-top:4px;}
  .partfivebox .case-label{font-size:13px;}
  .partfivebox .case-note{font-size:12px;}
  .case-en{display:block;margin-left:0;margin-top:4px;}
  .case-block{padding:10px;}

  .partsixbox .advantage-intro{font-size:15px;line-height:1.85;}
  .advantage-grid{grid-template-columns:1fr;gap:12px;}
  .advantage-item{border-radius:12px;padding:20px 18px 18px;}
  .advantage-item h4{font-size:17px;margin-bottom:12px;}
  .advantage-item p{font-size:13px;line-height:1.7;}

  .partsevenbox .flow-intro{font-size:14px;line-height:1.8;}
  .partsevenbox .flow-step{padding:16px 14px;}
  .partsevenbox .flow-step-inner h5{font-size:16px;margin-bottom:8px;}
  .partsevenbox .flow-step-inner p{font-size:13px;line-height:1.7;}

  .foottit h3{font-size:26px;}
  .foottit p{font-size:15px;padding:0 8px;}
  .footbox{padding:36px 0 28px;}
  .foottit{margin-bottom:20px;}
  .footlist{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px 10px;
  }
  .foot-item{
    width:auto;
    margin-bottom:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
  }
  .footico{
    width:48px;
    height:48px;
    padding:10px;
    margin:0 auto 8px;
  }
  .foot-item h4{
    margin-bottom:4px;
    font-size:14px;
    line-height:1.3;
  }
  .foot-item p,.foot-item a{
    font-size:12px;
    line-height:1.4;
  }

  .brandpromise{padding:24px 0;}
  .brandpromise h4{font-size:22px;margin-bottom:10px;}
  .brandpromise p{font-size:15px;line-height:1.8;}

  .gongyitxt{width:58%;padding:0 2.5% 2.5% 3%;max-height:none;}
  .gongyi-subtitle{font-size:clamp(16px,4.2vw,24px);letter-spacing:1px;margin-bottom:4px;}
  .gongyi-suben{font-size:clamp(9px,2.4vw,12px);}
  .gongyi-subcn{font-size:clamp(10px,2.6vw,13px);}
  .gongyi-desc2{
    font-size:clamp(9px,2.5vw,13px);
    line-height:1.65;
    margin-top:clamp(8px,2vw,14px);
  }
  .gongyi-tag{font-size:9px;padding:4px 8px;margin-bottom:8px;letter-spacing:0.5px;}
  .gongyi-desc,.gongyi-desc2{line-height:1.7;}
}

/* ========== 680px 小屏手机 ========== */
@media screen and (max-width:680px) {
  body{padding-top:60px;}
  .bannerbox,.partonebox,.partthreebox,.partsixbox,.partsevenbox,.footerbox{scroll-margin-top:60px;}
  .top>.mainbox{height:60px;}
  .nav{top:60px;height:calc(100vh - 60px);}

  .logo{max-width:170px;}
  .logo-cn{font-size:13px;}
  .logo-en{display:none;}
  .tel-label{display:none;}
  .telico img{width:30px;}
  .tel-num{font-size:15px;}
  .topright_right{gap:8px;}

  .banner{
    padding:20px 0 18px;
  }
  .banwenzi h2,.banwenzi h3{font-size:24px;}
  .banbtn{font-size:12px;padding:5px 10px;border-radius:18px;}
  .banline{height:3px;margin-top:10px;}

  .brieflist li{font-size:14px;line-height:1.75;}
  .craftintro-inner h3{font-size:19px;}
  .craftintro-inner p{font-size:14px;}
  .brandpromise h4{font-size:19px;}
  .brandpromise p{font-size:14px;}

  .footbox{padding:28px 0 24px;}
  .foottit{margin-bottom:16px;}
  .foottit h3{font-size:22px;}
  .foottit p{font-size:13px;}
  .footlist{gap:10px 8px;}
  .footico{width:44px;height:44px;padding:8px;margin-bottom:6px;}
  .foot-item h4{font-size:13px;}
  .foot-item p,.foot-item a{font-size:11px;line-height:1.35;}

  .gongyitxt{width:62%;padding:0 2% 2% 2.5%;max-height:none;}
  .gongyi-subtitle{font-size:clamp(14px,3.8vw,20px);}
  .gongyi-desc2{margin-top:clamp(4px,1.2vw,12px);font-size:clamp(6px,0.5vw,11px);line-height:1.6;}
}

/* ========== 360px 超小屏：公益文字进一步缩小 ========== */
@media screen and (max-width:360px) {
  .gongyitxt{width:72%;padding:0 1.5% 1.5% 2%;}
  .gongyi-subtitle{font-size:11px;margin-bottom:2px;letter-spacing:0.5px;line-height:1.2;}
  .gongyi-suben{display:none;}
  .gongyi-subcn{font-size:8px;line-height:1.35;}
  .gongyi-desc2{font-size:7px;line-height:1.45;margin-top:4px;}
}

/* 案例弹窗：小屏适配 */
@media screen and (max-width:768px) {
  .case-modal{padding:12px;}
  .case-modal-panel{padding:16px 12px 12px;}
  .case-modal-title{font-size:16px;margin:0 32px 10px 4px;}
  .case-modal-body{gap:4px;}
  .case-modal-arrow{width:36px;height:36px;font-size:24px;}
  .case-modal-imgwrap{min-height:200px;max-height:calc(100vh - 180px);}
  .case-modal-img{max-height:calc(100vh - 180px);}
}