@charset "utf-8";
/* ==========================================================================
   深圳市关艾国际医药有限公司官网
   版式模型与参考站一致：设计稿 1920（桌面）/ 750（≤960px），1rem = 100 设计px
   根字号由 main.js 计算：font-size = 100 * clientWidth / designWidth
   ========================================================================== */

:root{
  --c-blue: #264994;      /* 主色 */
  --c-blue-deep: #1e4794; /* 首屏三角框 / 异形标签 */
  --c-drawer: #174c97;    /* 移动端抽屉 */
  --c-green: #68a24d;     /* 辅助绿 */
  --c-ink: #333;
  --c-ink-2: #393939;
  --c-gray: #999;
  --c-bg: #f5f7fc;
  --c-tab: #eceef1;
  --c-coral: #e2604f;
  --ease: cubic-bezier(.22,.61,.36,1);
  --font: "PingFang SC","HarmonyOS Sans SC","Microsoft YaHei","Noto Sans SC",-apple-system,"Helvetica Neue",Arial,sans-serif;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ font-size:100px; -webkit-text-size-adjust:100%; }
body{
  margin:0; font-family:var(--font); color:var(--c-ink);
  font-size:.16rem; line-height:1.5; background:#fff;
  overflow-x:hidden;
}
body.menu-open{ overflow:hidden; }
img{ border:0; vertical-align:middle; max-width:100%; }
a{ text-decoration:none; color:inherit; }
ul,ol,li{ list-style:none; margin:0; padding:0; }
h1,h2,h3,h4,h5,p{ margin:0; font-weight:normal; }
input,textarea,select,button{ font-family:inherit; outline:none; }
.clearfix::after{ content:""; display:block; clear:both; }
svg{ display:block; }

/* ---------- 通用标题（含珊瑚红弧形装饰） ---------- */
.title{
  display:inline-block; font-size:.48rem; line-height:1; color:var(--c-ink);
  margin:.62rem 0 .48rem 0; font-weight:700; position:relative;
}
.title .arc{
  position:absolute; right:-.23rem; top:-.16rem; width:.48rem; height:.39rem;
}
.title .arc path{ stroke-width:4; }

/* 顶部导航吸顶后，原生锚点跳转（/xxx#anchor）需要预留导航条高度 */
#aboutUs,#advantage,#research,#paperColumn,#quality,#contribution,#footer,
#history,#quality-system,#talent{
  scroll-margin-top:1.2rem;
}

/* ==========================================================================
   1. 头部
   ========================================================================== */
.header_wraper{
  width:100%; position:fixed; top:0; left:0; z-index:200;
  background:rgba(0,0,0,.5);
  transition:background .3s var(--ease);
}
/* 吸顶后加深底色，保证白色文字在内容区之上依然清晰 */
.header_wraper.is-stuck{ background:rgba(0,0,0,.85); }
.header_inner{ width:15.2rem; height:1rem; margin:0 auto; position:relative; }
.header_inner .logo{ float:left; cursor:pointer; margin-top:.29rem; font-size:0; line-height:0; }
.header_inner .logo img{ height:.41rem; }
.header_inner .nav{ float:left; margin-left:.33rem; height:100%; display:flex; align-items:center; }
.header_inner .nav li{ color:#fff; font-size:.16rem; margin:0 .13rem; cursor:pointer; max-width:1.2rem; }
.header_inner .nav li a{
  display:block; padding:.04rem .1rem; border-radius:.06rem; color:#fff;
  transition:background .2s var(--ease);
}
/* 被选中项：主色圆角底 + 白字，在深色浮层与浅色图片上都清晰可辨 */
.header_inner .nav li.active a{ color:#fff; background:var(--c-blue); }
.header_inner .nav li a:hover{ color:#fff; background:rgba(255,255,255,.2); }
.header_inner .lan{
  float:right; font-size:0; margin-left:.4rem; cursor:pointer;
  display:flex; align-items:center; color:#fff; text-decoration:none;
  /* 触控热区补到 44px：纵向 padding + 等量负 margin，文字与图标的视觉位置完全不变 */
  margin-top:.23rem; padding:.17rem 0;
}
.header_inner .lan svg{ float:left; width:.2rem; height:.2rem; }
.header_inner .lan .select{ float:right; margin-left:.1rem; }
.header_inner .lan .select i{ vertical-align:middle; line-height:.24rem; font-size:.16rem; color:#fff; font-style:normal; }
.header_inner .btn-nav{ display:none; }

/* ---------- 移动端全屏抽屉 ---------- */
.menuWrap{
  width:100%; height:100vh; position:fixed; top:0; left:0;
  background:var(--c-drawer); z-index:99999;
  display:none; flex-direction:column;
}
.menuWrap.is-open{ display:flex; }
.menuWrap .menu_top{ height:1.2rem; padding:0 .38rem; flex:none; }
.menuWrap .menu_top .menu_logo{ float:left; font-size:0; margin-top:.4rem; }
.menuWrap .menu_top .menu_logo img{ height:.41rem; }
.menuWrap .menu_top .close{ float:right; width:.3rem; height:.3rem; margin-top:.42rem; cursor:pointer; }
.menuWrap .menu_top .close svg{ width:100%; height:100%; }
.menuWrap .menu_list{ padding:.3rem .38rem 0; flex:1; overflow-y:auto; -webkit-overflow-scrolling:touch; }
.menuWrap .menu_list li{ border-bottom:1px solid rgba(255,255,255,.16); }
/* 抽屉底色本身为蓝色，选中项改用白底蓝字，与桌面端的圆角药丸保持同一套语言 */
.menuWrap .menu_list li.active a{
  color:var(--c-blue); background:#fff; border-radius:.08rem; padding-left:.18rem; padding-right:.18rem;
}
.menuWrap .menu_list a{
  display:block;
  font-size:.34rem; color:#fff; font-weight:700; line-height:1; padding:.36rem 0;
  /* 文字左缘加一截竖线，选中时变主色，与桌面端药丸选中态呼应 */
  border-left:3px solid transparent; padding-left:.16rem;
  transition:background .2s var(--ease), border-color .2s var(--ease);
}
.menuWrap .menu_list li.active a{ border-left-color:var(--c-blue); }
/* 底部语言切换 + 联系方式：抽屉内原本无法切换语言，补一个入口，固定在抽屉底部 */
.menuWrap .menu_foot{
  padding:.4rem .38rem calc(.4rem + env(safe-area-inset-bottom));
  border-top:1px solid rgba(255,255,255,.16);
  flex:none;
}
.menuWrap .menu_contact{ margin:0 0 .3rem; }
.menuWrap .menu_contact li{
  display:flex; align-items:baseline; font-size:.24rem; line-height:.44rem; color:rgba(255,255,255,.7);
}
.menuWrap .menu_contact li span{ width:.8rem; flex:none; }
.menuWrap .menu_contact li a{ color:#fff; text-decoration:none; }
.menuWrap .menu_foot .lan{
  display:inline-flex; align-items:center; gap:.14rem;
  font-size:.26rem; color:#fff; text-decoration:none;
  border:1px solid rgba(255,255,255,.4); border-radius:.1rem;
  padding:.16rem .3rem;
}
.menuWrap .menu_foot .lan svg{ width:.3rem; height:.3rem; }
.menuWrap .menu_foot .lan .select{ display:flex; align-items:center; }
.menuWrap .menu_foot .lan .select i{ font-style:normal; font-size:.26rem; color:#fff; }

/* ==========================================================================
   2. 首屏轮播
   ========================================================================== */
.banner_main{ width:100%; height:100vh; position:relative; overflow:hidden; }
.banner-swiper{ position:relative; width:100%; height:100vh; overflow:hidden; }
.banner-swiper .swiper-wrapper{ display:flex; height:100%; transition:transform .6s var(--ease); }
.banner-swiper .swiper-slide{ width:100%; height:100%; overflow:hidden; flex:0 0 100%; position:relative; }
.banner-swiper .bg_img{ width:100%; height:100%; object-fit:cover; }
.banner-swiper .square-box{
  position:absolute; top:1rem; left:3%; width:94%; height:calc(100% - 1.5rem);
  border:1px solid #fff; z-index:100; box-shadow:0 0 2rem rgba(102,80,80,.7); pointer-events:none;
}
.tubiao-img{ position:absolute; top:33%; left:2.7rem; z-index:101; }
.tubiao-svg{ width:5.6rem; height:auto; }
.tubiao-svg .tri-lines{
  filter:drop-shadow(0 0 2px rgba(255,255,255,.9)) drop-shadow(0 0 6px rgba(255,255,255,.55));
}
.tubiao-svg .tubiao-cn{
  font-size:58px; font-weight:800; fill:var(--c-blue-deep); letter-spacing:1px;
  paint-order:stroke fill; stroke:rgba(255,255,255,.35); stroke-width:1.2;
}
.tubiao-svg .tubiao-en{
  font-size:21px; font-weight:600; fill:#fff; letter-spacing:0;
}

.banner-swiper .swiper-button-prev,
.banner-swiper .swiper-button-next{
  position:absolute; top:50%; transform:translateY(-50%); z-index:110;
  width:.3rem; height:.8rem; cursor:pointer;
  display:flex; align-items:center; overflow:hidden; white-space:nowrap;
  background:rgba(0,0,0,.28);
  color:#fff; font-size:.16rem; line-height:1;
  transition:width .2s ease-in-out, background-color .2s ease-in-out;
}
.banner-swiper .swiper-button-prev{ left:1rem; }
.banner-swiper .swiper-button-next{ right:1rem; }
.banner-swiper .arrow-ico{
  position:absolute; top:0; width:.3rem; height:.8rem; flex:none;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 26'><path d='M9 3L3 13l6 10' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat 50%/55% 26%;
}
.banner-swiper .swiper-button-prev .arrow-ico{ left:0; }
.banner-swiper .swiper-button-next .arrow-ico{ right:0; transform:rotate(180deg); }
.banner-swiper .btn-txt{
  position:absolute; top:0; height:.8rem; line-height:.8rem;
  padding:0 .12rem; opacity:0; transition:opacity .2s ease-in-out;
}
.banner-swiper .swiper-button-prev .btn-txt{ left:.3rem; }
.banner-swiper .swiper-button-next .btn-txt{ right:.3rem; }
/* 参考站：悬停时箭头横向展开至 1.47rem 并露出文字标签 */
.banner-swiper .swiper-button-prev:hover,
.banner-swiper .swiper-button-next:hover{ width:1.47rem; background-color:rgba(0,0,0,.55); }
.banner-swiper .swiper-button-prev:hover .btn-txt,
.banner-swiper .swiper-button-next:hover .btn-txt{ opacity:1; }
.banner-swiper .swiper-pagination{
  position:absolute; left:50%; bottom:1.3rem; transform:translateX(-50%);
  display:flex; align-items:center; gap:.1rem; z-index:110;
}
.banner-swiper .swiper-pagination i{
  width:.08rem; height:.08rem; border-radius:50%; background:rgba(255,255,255,.45);
  cursor:pointer; transition:all .3s var(--ease);
}
.banner-swiper .swiper-pagination i.on{ background:#fff; transform:scale(1.5); }
.mouse-img{
  position:absolute; left:50%; bottom:.65rem; z-index:1; transform:translateX(-50%);
  width:.18rem; height:.27rem;
  /* 参考站：1.5s 上下浮动，延迟 -2.2s，交替无限播放 */
  animation:floating 1.5s ease-in-out -2.2s infinite alternate;
}
.mouse-img svg{ width:100%; height:100%; }
@keyframes floating{
  0%{ transform:translateX(-50%) translateY(10px); }
  100%{ transform:translateX(-50%) translateY(-10px); }
}
/* 参考站：当前这张大图缓慢放大（Ken Burns） */
.banner-swiper .swiper-slide.swiper-slide-active .bg_img{
  animation:scaleAnim 3s linear forwards;
}
@keyframes scaleAnim{
  0%{ transform:scale(1); }
  100%{ transform:scale(1.1); }
}

/* ==========================================================================
   2.5 动效（复刻参考站 WOW.js + animate.css）
   ========================================================================== */
/* 滚动入场：元素进入视口时由下/上/左/右滑入并淡入 */
@keyframes fadeInUp{
  0%{ opacity:0; transform:translate3d(0,100%,0); }
  100%{ opacity:1; transform:translateZ(0); }
}
@keyframes fadeInDown{
  0%{ opacity:0; transform:translate3d(0,-100%,0); }
  100%{ opacity:1; transform:translateZ(0); }
}
@keyframes fadeInLeft{
  0%{ opacity:0; transform:translate3d(-100%,0,0); }
  100%{ opacity:1; transform:translateZ(0); }
}
@keyframes fadeInRight{
  0%{ opacity:0; transform:translate3d(100%,0,0); }
  100%{ opacity:1; transform:translateZ(0); }
}
/* animate.css 的类绑定：把关键帧名绑到类上，缺了这一句动画不会播
   （参考站原文 .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}） */
.fadeInUp{ animation-name:fadeInUp; }
.fadeInDown{ animation-name:fadeInDown; }
.fadeInLeft{ animation-name:fadeInLeft; }
.fadeInRight{ animation-name:fadeInRight; }
/* WOW.js 触发时给元素加 .animated，动画 1s 且保持终态 */
.animated{ animation-duration:1s; animation-fill-mode:both; }
/* 核心业务：切换 tab 时文案从下方滑入 */
@keyframes phTop{
  0%{ transform:translateY(100px); opacity:0; }
  100%{ transform:translateY(0); opacity:1; }
}
.lunbo_preview.active .preview_txt{ animation:phTop 2s ease forwards; }
/* 尊重系统「减少动态效果」偏好 */
@media (prefers-reduced-motion:reduce){
  .animated{ animation-duration:1ms !important; transition-duration:1ms !important; animation-iteration-count:1 !important; }
  .banner-swiper .swiper-slide.swiper-slide-active .bg_img,
  .lunbo_preview.active .preview_txt,
  .mouse-img{ animation:none !important; }
}

/* ==========================================================================
   2.6 英文站专用适配（html[lang="en"]）
   英文单词普遍比汉字宽，导航与标语需要单独收窄，否则会换行或溢出。
   ========================================================================== */
/* 顶部导航：中文是 4 个字，英文最长 18 字符。字号与中文保持一致（.16rem），
   靠 nowrap + 压缩间距控制宽度 —— 实测 980~1920px 全区间 0 换行、且与右侧语言切换区仍有 260px+ 余量 */
html[lang="en"] .header_inner .nav li{ max-width:none; white-space:nowrap; font-size:.16rem; margin:0 .09rem; }
html[lang="en"] .header_inner .nav li a{ padding:.04rem .08rem; }
/* 首屏标语 SVG：英文句子比中文长，缩小字号避免超出 viewBox */
html[lang="en"] .tubiao-svg .tubiao-cn{ font-size:32px; letter-spacing:0; }
/* 核心业务预览：英文站 h3 已是英文名，h4 冗余，隐藏并收紧上边距 */
html[lang="en"] .preview_txt h4{ display:none; }
html[lang="en"] .preview_txt .myTxt p{ margin-top:.2rem; }
/* 页脚与数据条：英文标签更长，允许换行并略微缩小 */
html[lang="en"] .data_desc{ font-size:.16rem; line-height:.21rem; margin-top:.14rem; }
html[lang="en"] .data_val i{ font-size:.14rem; }   /* 避免 "hundred million doses" 折行 */
html[lang="en"] .contribution_txt h4{ font-size:.2rem; }
/* 关于我们：英文正文约为中文的 3.6 倍长，中文版的右侧留白会挤成 8 行并压住「更多描述」按钮。
   英文版取消右侧留白让正文占满整列，并把按钮挪到右上角（与移动端摆位一致），把纵向空间整块让给正文 */
html[lang="en"] .aboutUs_left .desc{ padding-right:0; }
html[lang="en"] .aboutUs_left .desc p{ font-size:.16rem; line-height:.32rem; }
html[lang="en"] .aboutUs_left .more{
  position:absolute; right:0; top:.62rem; left:auto; bottom:auto;
}

/* ==========================================================================
   3. 数据条
   ========================================================================== */
.dataLine{ width:100%; height:2.6rem; background:var(--c-blue); position:relative; }
.dataLine::before,.dataLine::after{
  content:""; display:block; position:absolute; top:0; width:2rem; height:2.6rem; z-index:0;
}
.dataLine::before{
  left:0;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 260'><g fill='none' stroke='rgba(255,255,255,.30)' stroke-width='2'><path d='M-20 90 L70 -20 L160 90 L70 200 Z'/><path d='M30 190 L120 80 L210 190'/></g></svg>") no-repeat 50%/100% 100%;
}
.dataLine::after{
  right:0; transform:scaleX(-1);
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 260'><g fill='none' stroke='rgba(255,255,255,.30)' stroke-width='2'><path d='M-20 90 L70 -20 L160 90 L70 200 Z'/><path d='M30 190 L120 80 L210 190'/></g></svg>") no-repeat 50%/100% 100%;
}
.dataLine_inner{ margin:0 2rem; height:100%; position:relative; z-index:1; }
.dataLine_inner ul{ height:100%; display:flex; }
.dataLine_inner ul li{
  flex:1; height:100%; border-left:1px solid rgba(255,255,255,.1);
  padding:.7rem 1.2rem 0 1.2rem; position:relative;
}
.dataLine_inner ul li:first-child{ border-left:0; }
.dataLine_inner ul li::before{
  content:""; width:1px; height:.2rem; background:#fff; position:absolute; left:-1px; top:.5rem;
}
.dataLine_inner ul li:last-child{ border-right:1px solid rgba(255,255,255,.1); }
.dataLine_inner ul li:last-child::after{
  content:""; width:1px; height:.2rem; background:#fff; position:absolute; right:-1px; top:.5rem;
}
.data_val{ font-size:.16rem; color:#fff; }
.data_val span{
  width:.8rem; height:.8rem; background:#fff; border-radius:50%;
  font-size:.42rem; color:var(--c-blue); margin-right:.1rem;
  display:inline-flex; align-items:center; justify-content:center;
  font-weight:700; vertical-align:middle;
}
.data_val i{ font-style:normal; font-weight:700; vertical-align:middle; }
.data_desc{ margin-top:.21rem; font-size:.18rem; color:#fff; line-height:.24rem; }

/* ==========================================================================
   4. 关于我们
   ========================================================================== */
/* 参考站 .aboutUs 为 content-box：7.6rem 内容高 + 1rem 下内边距 = 8.6rem */
.aboutUs{ height:7.6rem; box-sizing:content-box; background:var(--c-bg); padding-bottom:1rem; overflow:hidden; }
.aboutUs_inner{ margin:0 2rem; height:6.9rem; margin-top:.69rem; position:relative; }
.aboutUs_left{ float:left; width:52%; height:100%; position:relative; }
.aboutUs_left .title{ margin:.62rem 0 .48rem 0; }
.aboutUs_left .desc{ padding-right:2.24rem; }
.aboutUs_left .desc p{ font-size:.18rem; color:var(--c-ink); line-height:.36rem; }
.aboutUs_left .more{
  position:absolute; bottom:2.6rem; left:0; width:1.88rem; height:.58rem; line-height:.58rem;
  text-align:center; border:1px solid var(--c-blue); font-size:.18rem; color:var(--c-blue);
  border-bottom-left-radius:.28rem; border-top-right-radius:.3rem; cursor:pointer;
  display:flex; align-items:center; justify-content:center; gap:.1rem;
}
.aboutUs_left .more svg{ width:.22rem; height:.11rem; }
.aboutUs_left .aboutUs_data{
  width:100%; height:2rem; position:absolute; left:0; bottom:0;
  background:var(--c-green); color:#fff;
  border-top-left-radius:.1rem; border-bottom-left-radius:.1rem;
}
.aboutUs_data .data_column{ margin-top:.28rem; margin-bottom:.06rem; }
.aboutUs_data .li{
  float:left; border-right:1px solid rgba(255,255,255,.2); padding-right:.1rem;
}
.aboutUs_data .li:first-child{ width:39%; padding-left:.31rem; }
.aboutUs_data .li:nth-child(2){ width:33%; padding-left:.51rem; }
.aboutUs_data .li:nth-child(3){ width:28%; border-right:0; padding-left:.39rem; }
.aboutUs_data .li h3{ font-size:.36rem; line-height:1; color:#fff; font-weight:700; }
.aboutUs_data .li h3 i{ font-size:.24rem; font-style:normal; }
.aboutUs_data .li p{ margin-top:.08rem; font-size:.14rem; line-height:1; color:rgba(255,255,255,.8); }
.aboutUs_right{
  position:absolute; height:100%; right:0; top:0; width:48%;
  background:url(../img/about-photo.jpg) no-repeat 50%/100% 100%;
}
.aboutUs_number{
  width:90%; height:1.2rem; margin:.82rem auto; background:rgba(255,255,255,.7);
  border-radius:.1rem; display:flex;
}
.number_item{
  width:50%; border-right:1px solid #fff; color:var(--c-blue);
  font-size:.52rem; text-align:center; font-weight:700; line-height:1.15rem;
}
.number_item:last-child{ border-right:0; }
.number_item span{ font-size:.18rem; font-weight:400; margin-left:.1rem; vertical-align:super; }

/* ==========================================================================
   5. 核心业务
   ========================================================================== */
.advantage{
  width:100%; height:11.28rem;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 600'><g fill='none' stroke='%23eceef1' stroke-width='30'><path d='M-60 520 L260 60'/><path d='M120 560 L440 100'/><path d='M300 600 L620 140'/><path d='M480 600 L800 140'/><path d='M660 600 L980 140'/></g></svg>") no-repeat 0 0;
  background-size:auto 5.84rem;
}
.advantage_inner{ margin:0 2rem; }
.advantage_title{ height:2.1rem; }
.advantage_title .title{ float:left; margin-top:1.1rem; }
.advantage_title .more_prod{
  float:right; font-size:.18rem; line-height:1; color:var(--c-ink-2);
  position:relative; margin-top:1.24rem; cursor:pointer; display:flex; align-items:center; gap:.1rem;
}
.advantage_title .more_prod::before{
  content:""; width:.36rem; height:1px; background:#000; position:absolute; left:0; bottom:-.13rem;
}
.advantage_title .more_prod svg{ width:.22rem; height:.11rem; }
.advantage_title .more_prod a{ display:inline-flex; align-items:center; gap:.3rem; }
.advantage_lunbo .lunbo_preview{
  width:100%; height:7rem; border-top-left-radius:.1rem; border-top-right-radius:.1rem;
  overflow:hidden; position:relative;
}
.lunbo_preview > img{ width:100%; height:100%; object-fit:cover; transition:.3s linear; }
.lunbo_preview .img_mask{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3); }
.lunbo_preview .preview_txt{ position:absolute; width:6.54rem; left:1.8rem; top:1.72rem; }
.preview_txt h3{ font-size:.36rem; line-height:.5rem; color:#fff; letter-spacing:.1rem; font-weight:700; }
.preview_txt h4{ font-size:.18rem; color:rgba(255,255,255,.5); line-height:.38rem; }
.preview_txt .myTxt p{ font-size:.18rem; margin-top:.48rem; line-height:.3rem; color:#fff; min-height:1.65rem; }
.preview_txt .more_desc{
  display:inline-flex; align-items:center; justify-content:center; gap:.1rem;
  width:1.9rem; height:.6rem; line-height:.6rem; margin-top:.2rem; text-align:center;
  border:1px solid #fff; border-bottom-left-radius:.3rem; border-top-right-radius:.3rem;
  font-size:.18rem; color:#fff; cursor:pointer;
}
.preview_txt .more_desc svg{ width:.22rem; height:.11rem; }
.lunbo_list{ margin-top:.1rem; display:flex; justify-content:space-between; }
.lunbo_list li{
  flex:1; margin-right:.1rem; background:var(--c-tab); text-align:center; height:1.24rem;
  cursor:pointer; transition:.2s linear; overflow:hidden;
}
.lunbo_list li:first-child{ border-bottom-left-radius:.1rem; }
.lunbo_list li:last-child{ margin-right:0; border-bottom-right-radius:.1rem; }
.lunbo_list li .icon{ width:.46rem; height:.46rem; border-radius:50%; margin:.22rem auto .18rem; overflow:hidden; }
.lunbo_list li .icon svg{ width:100%; height:100%; }
.lunbo_list li .title{ font-size:.2rem; line-height:1; color:var(--c-blue); transition:.3s; margin:0; display:block; }
.lunbo_list li.checkAd{ background:var(--c-blue); }
.lunbo_list li.checkAd .title{ color:#fff; }

/* ==========================================================================
   6. 科技创新
   ========================================================================== */
.research{ width:100%; background:var(--c-bg); padding:0 0 .25rem; }
.research_inner{ margin:0 2rem; text-align:center; font-size:0; }
.research_inner > .title{ display:inline-block; margin:.89rem 0; }
.science_wrap{ width:100%; }
.research_num{
  font-size:.2rem; margin-bottom:.5rem; display:flex; justify-content:space-around; align-items:flex-end;
}
.research_num li{ font-size:0; cursor:pointer; }
.research_num li .num{
  display:inline-block; overflow:hidden; font-size:.94rem; line-height:.94rem; font-weight:800;
  background:url(../img/tech-1.jpg) no-repeat 50%/cover;
  -webkit-background-clip:text; background-clip:text; color:transparent;
  -webkit-text-fill-color:transparent;
}
.research_num li:nth-child(2) .num{ background-image:url(../img/tech-2.jpg); }
.research_num li:nth-child(3) .num{ background-image:url(../img/tech-3.jpg); }
.research_num li:nth-child(4) .num{ background-image:url(../img/quality-1.jpg); }
.research_num li span{ margin-left:.1rem; font-size:.2rem; color:var(--c-ink); line-height:1.3; text-align:left; }
.research_num li.active span{ color:var(--c-blue); }
.tech-swiper{ position:relative; width:100%; height:5.16rem; overflow:hidden; }
.tech-swiper .swiper-wrapper{ display:flex; height:100%; gap:.4rem; transition:transform .5s var(--ease); }
.tech-swiper .swiper-slide{ width:calc((100% - .4rem)/2); height:100%; border-radius:.1rem; overflow:hidden; flex:none; }
.tech-swiper .swiper-slide img{ width:100%; height:100%; object-fit:cover; }
.tech-swiper .swiper-button-prev,
.tech-swiper .swiper-button-next{
  position:absolute; bottom:.4rem; width:1.2rem; height:.8rem; background-color:rgba(0,0,0,.1);
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 11'><path d='M21 5.5H3M8 1L3 5.5 8 10' fill='none' stroke='%23fff' stroke-width='1.6'/></svg>");
  background-repeat:no-repeat; background-position:50%; background-size:.22rem .11rem;
  cursor:pointer; z-index:3;
}
.tech-swiper .swiper-button-prev{ right:1.6rem; border-top-left-radius:.1rem; border-bottom-left-radius:.1rem; }
.tech-swiper .swiper-button-next{
  right:.4rem; border-top-right-radius:.1rem; border-bottom-right-radius:.1rem;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 11'><path d='M1 5.5h18M14 1l5 4.5-5 4.5' fill='none' stroke='%23fff' stroke-width='1.6'/></svg>");
}
.tech-swiper .swiper-button-prev::after{
  content:""; width:1px; height:.2rem; background:#fff; position:absolute; right:0; top:50%;
  transform:translateY(-50%);
}

/* ==========================================================================
   7. 论文专栏
   ========================================================================== */
.paperColumn{ width:100%; background:var(--c-bg); }
.paperColumn_inner{ margin:0 2rem; text-align:center; }
.paperColumn_inner > .title{ display:inline-block; margin:1.06rem 0 .6rem; }
/* 参考站 .swiper-container 为 content-box：4.88rem 内容 + .1rem 上 + 1.94rem 下 */
.paper-swiper{ position:relative; width:100%; height:4.88rem; box-sizing:content-box; padding-bottom:1.94rem; padding-top:.1rem; overflow:hidden; }
.paper-swiper::after{
  position:absolute; left:0; bottom:.98rem; display:block; content:""; width:100%; height:1px; background:#dbdbdb;
}
.paper-swiper .swiper-wrapper{ display:flex; height:100%; gap:.3rem; transition:transform .5s var(--ease); }
.paper-swiper .swiper-slide{
  width:calc((100% - .6rem)/3); border-radius:.1rem; overflow:hidden; cursor:pointer;
  background:#fff; transition:.2s linear; flex:none; text-align:left;
}
.paper-swiper .swiper-slide img{ width:100%; height:3.3rem; object-fit:cover; }
.paper-swiper .slide_txt{
  background:#fff; height:1.63rem; padding:0 .5rem; display:flex; align-items:center; text-align:left;
}
.paper-swiper .slide_txt p{ font-size:.24rem; line-height:.4rem; color:var(--c-ink); }
.paper-swiper .swiper-slide:hover{ box-shadow:0 .3rem .4rem 0 rgba(38,73,148,.1); transform:translateY(-.1rem); }
.paper-swiper .swiper-slide:hover .slide_txt p{ color:var(--c-blue); }
.paper-swiper .swiper-button-prev,
.paper-swiper .swiper-button-next{
  position:absolute; bottom:.57rem; width:1.54rem; height:.8rem; background-color:#fff;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 11'><path d='M21 5.5H3M8 1L3 5.5 8 10' fill='none' stroke='%23333' stroke-width='1.6'/></svg>");
  background-repeat:no-repeat; background-position:50%; background-size:.22rem .11rem; cursor:pointer; z-index:3;
}
.paper-swiper .swiper-button-prev{ left:0; border-top-left-radius:.1rem; border-bottom-left-radius:.1rem; }
.paper-swiper .swiper-button-prev::after{
  content:""; width:1px; height:.2rem; background:#c5c5c5; position:absolute; right:0; top:50%;
  transform:translateY(-50%);
}
.paper-swiper .swiper-button-next{
  left:1.54rem; border-top-right-radius:.1rem; border-bottom-right-radius:.1rem;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 11'><path d='M1 5.5h18M14 1l5 4.5-5 4.5' fill='none' stroke='%23333' stroke-width='1.6'/></svg>");
}
.paper-swiper .swiper-pagination{
  position:absolute; right:0; bottom:.88rem; display:flex; align-items:baseline; gap:.06rem;
  font-size:.18rem; color:#999;
}
.paper-swiper .swiper-pagination .cur{ font-size:.3rem; color:var(--c-ink); font-weight:700; }

/* ==========================================================================
   8. 质量管理
   ========================================================================== */
.quality{
  width:100%; height:8.8rem; position:relative;
  background:url(../img/quality-photo.jpg) no-repeat 50%/auto 100%;
  background-attachment:fixed;
}
.quality::before{ content:""; background:rgba(5,43,125,.5); width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; }
.quality_inner{ margin:0 2rem; text-align:center; position:relative; z-index:2; }
.quality_inner > .title{ display:inline-block; margin:1.16rem auto .62rem; color:#fff; }
.quality_inner .desc{ font-size:.18rem; color:#fff; line-height:.3rem; text-align:left; }
.quality_list{ margin-top:.96rem; display:flex; justify-content:space-between; }
.quality_list li{
  font-size:0; width:4.8rem; height:3.82rem; border:1px solid #fff; background-color:rgba(255,255,255,.5);
  border-radius:.1rem; text-align:center; transition:.2s linear; cursor:pointer;
  box-sizing:content-box; /* 参考站无全局 border-box，卡片实宽 4.8rem+2px */
}
.quality_list li .q_icon{
  display:inline-block; margin-top:.98rem; margin-bottom:.4rem; font-size:0;
  width:1.16rem; height:1.16rem; border-radius:50%; background:#fff; overflow:hidden;
}
.quality_list li .q_icon svg{ width:100%; height:100%; }
.quality_list li p{ font-size:.24rem; line-height:1; color:#fff; font-weight:700; }
.quality_list li:hover{ background-color:var(--c-blue); border-color:transparent; }

/* ==========================================================================
   9. 关艾国际贡献
   ========================================================================== */
.contribution{ width:100%; background:var(--c-bg); padding-bottom:1.1rem; }
.contribution_inner{ font-size:0; margin:0 .3rem; color:var(--c-ink); text-align:center; }
.contribution_inner > .title{ display:inline-block; margin:.89rem auto; }
.contribution_list{ display:flex; justify-content:space-between; }
.contribution_list li{ width:3.6rem; height:6.2rem; position:relative; border-radius:.1rem; overflow:hidden; }
.contribution_list li > img{ width:100%; height:100%; object-fit:cover; }
.contribution_mask{
  position:absolute; left:0; top:0; width:100%; height:100%;
  background:linear-gradient(rgba(38,73,148,.8),transparent);
}
.contribution_txt{
  width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; text-align:left;
  padding:.6rem .48rem 0 .48rem;
}
.contribution_txt h3{
  font-size:.48rem; line-height:1; font-weight:bolder;
  -webkit-text-stroke:2px rgba(255,255,255,.4); color:transparent;
}
.contribution_txt h4{ font-size:.28rem; margin-top:.56rem; line-height:1; color:#fff; font-weight:700; }
.contribution_txt h5{
  font-size:.36rem; margin-top:.16rem; margin-bottom:.5rem; line-height:.5rem; color:#fff;
  position:relative; display:inline-block; font-weight:700;
}
.contribution_txt h5::after{
  content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:.26rem;
  background:rgba(255,255,255,.4);
}
.contribution_txt .txt{ display:none; text-align:justify; }
.contribution_txt .txt p{ font-size:.18rem; line-height:.3rem; color:#fff; }
.contribution_list li:hover .contribution_mask{ background:var(--c-blue); }
.contribution_list li:hover .contribution_txt h3{ -webkit-text-stroke:0; color:#fff; }
.contribution_list li:hover .contribution_txt .txt{ display:block; }
.contribution-swiper{ display:none; overflow:hidden; }

/* ==========================================================================
   10. 页脚
   ========================================================================== */
.footer{
  width:100%; background:url(../img/footer-photo.jpg) no-repeat 50%/100% 100%; position:relative;
}
.footer::before{
  content:""; position:absolute; left:0; top:0; width:100%; height:100%;
  background:rgba(10,30,70,.34); z-index:0; pointer-events:none;
}
.footer > *{ position:relative; z-index:1; }
.gotoBottom{
  position:fixed; z-index:5; right:10px; bottom:50px; width:40px; height:40px;
  /* 向上箭头 + 顶部一根横线（回到顶部的通用图标） */
  background:var(--c-blue) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4 4h16M12 20V8M6 14l6-6 6 6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat 50%/62% 62%;
  border-radius:50%; box-shadow:0 .1rem .27rem .03rem rgba(38,73,148,.4);
  cursor:pointer; opacity:0; visibility:hidden; transition:.3s var(--ease);
}
.gotoBottom.is-show{ opacity:1; visibility:visible; }
.footer_top{ height:4.32rem; }
.footer_inner{ width:15.2rem; margin:0 auto; height:100%; display:flex; }
.footer_left{ width:2.79rem; padding-top:.94rem; }
.footer_left .logo{ font-size:0; }
.footer_left .logo img{ width:1.96rem; height:.52rem; object-fit:contain; object-position:left center; }
.footer_left .msg{ padding:.34rem 0 .2rem 0; }
.footer_left .msg p{ font-size:.14rem; line-height:.24rem; color:#fff; }
.ewm_wraper{ font-size:0; display:flex; align-items:flex-end; }
.ewm_wraper .ewm{ display:inline-block; }
.ewm_wraper .ewm img{ width:.84rem; height:.84rem; object-fit:cover; }
.ewm_wraper .wechat,.ewm_wraper .sina{
  display:inline-block; width:.3rem; height:.3rem; margin-left:.18rem; cursor:pointer;
  background:rgba(255,255,255,.85) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9 4C5 4 2 6.6 2 9.8c0 1.8 1 3.4 2.6 4.5L4 17l2.6-1.3c.8.2 1.6.3 2.4.3h.6a5 5 0 01-.2-1.4c0-3 2.9-5.4 6.5-5.4h.5C15.6 6.4 12.6 4 9 4z' fill='%23264994'/><circle cx='6.5' cy='8' r='1' fill='%23fff'/><circle cx='11.5' cy='8' r='1' fill='%23fff'/></svg>") no-repeat 50%/72% 72%;
  border-radius:50%;
}
.ewm_wraper .sina{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><ellipse cx='10' cy='14' rx='8' ry='5' fill='%23264994'/><circle cx='17' cy='6' r='3' fill='%23264994'/></svg>");
  background-size:70% 70%;
}
/* 参考站页脚：左信息栏 + 右侧两列链接（无中间栏） */
.footer_right{ flex:1; padding-left:.49rem; padding-top:1rem; position:relative; border-left:1px solid rgba(255,255,255,.5); }
.footer_right::before{
  display:block; content:""; width:.03rem; height:.5rem; background:#fff; position:absolute; left:-.02rem; top:50%;
  transform:translateY(-50%);
}
.footer_right .nav_list{ font-size:0; padding:.2rem 0; }
.footer_right .nav_list a{
  display:block; font-size:.16rem; line-height:1; margin-right:.3rem; margin-bottom:.2rem; color:#fff; cursor:pointer;
}
.footer_right .link_wrap{ width:40%; float:left; margin-right:10%; }
.footer_right .link_title{ font-size:.16rem; line-height:1; color:#fff; }
.link_select{ margin-top:.28rem; }
.link_select .li{
  position:relative; border-radius:.51rem; margin-bottom:.44rem; padding:0 .44rem 0 .2rem;
  height:.51rem; line-height:.51rem; font-size:.14rem; color:var(--c-ink); background:#fff;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 6'><path d='M1 1l3.5 3.5L8 1' fill='none' stroke='%23666' stroke-width='1.2'/></svg>");
  background-repeat:no-repeat; background-position:right .27rem center; background-size:.09rem .06rem;
  cursor:pointer; transition:.2s linear;
}
.link_select .li .link_list{
  display:none; position:absolute; left:0; top:.51rem; z-index:3; background:#fff; width:100%;
  border-radius:.1rem; max-height:1.5rem; overflow-y:scroll; border:1px solid #dedede;
}
.link_select .li .link_list a{ line-height:.2rem; padding:.1rem .2rem; color:var(--c-ink); display:block; }
.link_select .li .link_list a:hover{ color:var(--c-blue); }
.link_select .li:hover{ background-color:var(--c-blue); color:#fff; }
.link_select .li:hover .link_list{ display:block; }
.link_select .li.open{ background-color:var(--c-blue); color:#fff; }
.link_select .li.open .link_list{ display:block; }
.footer_bottom{
  height:.72rem; text-align:center; border-top:1px solid rgba(255,255,255,.5); font-size:.12rem; color:var(--c-ink);
  display:flex; justify-content:center; align-items:center;
  background:rgba(255,255,255,.92); /* 参考站底图为浅色版权带，此处用半透明白底替代 */
}

/* ==========================================================================
   11. 内页
   ========================================================================== */
.sub-banner{ position:relative; height:7rem; overflow:hidden; }
.sub-banner > img{ width:100%; height:100%; object-fit:cover; }
.sub-banner .square-box{
  position:absolute; top:1rem; left:3%; width:94%; height:calc(100% - 1.5rem);
  border:1px solid #fff; box-shadow:0 0 2rem rgba(102,80,80,.7); pointer-events:none;
}
.sub-banner__txt{
  position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); text-align:center; z-index:2;
}
.sub-banner__txt h1{
  font-size:.72rem; font-weight:800; color:#fff; letter-spacing:.08rem; line-height:1;
  text-shadow:0 .04rem .2rem rgba(0,0,0,.35);
}
.sub-banner__txt p{
  margin-top:.24rem; font-size:.2rem; color:rgba(255,255,255,.85); letter-spacing:.3rem;
}
.sub-main{ background:var(--c-bg); padding:1.2rem 0 2rem; }
.sub-main__inner{ margin:0 2rem; }
.sub-intro{
  font-size:.2rem; line-height:.4rem; color:var(--c-ink-2); padding:1rem 1.4rem;
  background:#fff; border-radius:.1rem; box-shadow:0 .1rem .3rem rgba(38,73,148,.05);
}
.block-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:.3rem; margin-top:.4rem; }
.block-grid li{
  background:#fff; border-radius:.1rem; padding:.5rem .5rem .6rem;
  box-shadow:0 .1rem .3rem rgba(38,73,148,.05); transition:.25s var(--ease);
}
.block-grid li:hover{ transform:translateY(-.06rem); box-shadow:0 .2rem .5rem rgba(38,73,148,.1); }
.block-grid h3{
  font-size:.28rem; color:var(--c-ink); font-weight:700; margin-bottom:.18rem; position:relative; padding-left:.24rem;
}
.block-grid h3::before{
  content:""; position:absolute; left:0; top:.06rem; width:.06rem; height:.2rem; background:var(--c-blue);
}
.block-grid p{ font-size:.18rem; line-height:.32rem; color:var(--c-ink-2); }

.contact-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:.3rem; margin-top:.4rem; }
.contact-grid li{ background:#fff; border-radius:.1rem; padding:.6rem .5rem; text-align:center; }
.contact-grid h3{ font-size:.22rem; color:var(--c-gray); font-weight:400; margin-bottom:.18rem; }
.contact-grid p{ font-size:.26rem; color:var(--c-blue); font-weight:700; }
.form-wrap{ margin-top:.6rem; background:#fff; border-radius:.1rem; padding:.7rem .8rem 1rem; }
.form-wrap .sec-h{ font-size:.32rem; font-weight:700; color:var(--c-ink); margin-bottom:.5rem; }
.c-form__row{ margin-bottom:.4rem; }
.c-form__row label{ display:block; font-size:.18rem; color:var(--c-ink-2); margin-bottom:.14rem; }
.c-form__row input,.c-form__row textarea{
  width:100%; border:1px solid #dfe3ee; border-radius:.06rem; padding:.22rem .3rem;
  font-size:.22rem; color:var(--c-ink); background:#fbfcfe; font-family:inherit;
}
.c-form__row input:focus,.c-form__row textarea:focus{ border-color:var(--c-blue); background:#fff; }
.c-form__submit{
  margin-top:.2rem; background:var(--c-blue); color:#fff; border:0; cursor:pointer;
  font-size:.24rem; padding:.24rem 1.4rem; border-radius:.06rem; transition:.2s;
}
.c-form__submit:hover{ background:#1e4794; }

.error-box{
  min-height:12rem; display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; padding:2rem 1rem 4rem;
}
.error-box h1{ font-size:1.6rem; font-weight:800; color:var(--c-blue); line-height:1; }
.error-box p{ margin-top:.4rem; font-size:.26rem; color:var(--c-ink-2); }
.error-box a{
  margin-top:.8rem; display:inline-block; background:var(--c-blue); color:#fff;
  font-size:.24rem; padding:.26rem 1.2rem; border-radius:.06rem;
}

@media screen and (max-width:960px){
  .sub-banner{ height:5rem; }
  .sub-banner .square-box{ top:1.2rem; left:5%; width:90%; height:calc(100% - 1.7rem); }
  .sub-banner__txt h1{ font-size:.56rem; }
  .sub-banner__txt p{ font-size:.22rem; }
  .sub-main{ padding:.8rem 0 1.2rem; }
  .sub-main__inner{ margin:0 .6rem; }
  .sub-intro{ font-size:.24rem; line-height:.44rem; padding:.6rem .4rem; }
  .block-grid{ grid-template-columns:1fr; gap:.2rem; }
  .block-grid h3{ font-size:.3rem; }
  .block-grid p{ font-size:.24rem; line-height:.4rem; }
  .contact-grid{ grid-template-columns:1fr; }
  .form-wrap{ padding:.5rem .4rem .8rem; }
  .c-form__row input,.c-form__row textarea{ font-size:.26rem; padding:.26rem .3rem; }
  .c-form__submit{ font-size:.26rem; padding:.3rem 1.4rem; }
  .error-box h1{ font-size:1.1rem; }
  .error-box p{ font-size:.26rem; }
}

/* ==========================================================================
   12. 移动端（≤960px，设计稿 750）
   ========================================================================== */
@media screen and (max-width:960px){
  .header_inner{ width:100%; height:1.2rem; padding:0 .38rem; }
  .header_inner #menuPc{ display:none; }
  .header_inner .logo{ margin-top:.42rem; }
  .header_inner .logo img{ height:.41rem; }
  /* 语言切换：<a> 的可点热区按 44px 最小触控尺寸补齐。
     padding-top .28rem + margin-top .2rem = 原 margin-top .48rem，视觉位置不变 */
  .header_inner .lan{
    margin-left:.4rem; margin-top:.2rem;
    padding:.28rem 0; min-width:.92rem; min-height:.85rem; justify-content:center;
  }
  .header_inner .lan svg{ width:.3rem; height:.3rem; }
  .header_inner .lan .select{ margin-left:.2rem; }
  .header_inner .lan .select i{ line-height:.3rem; font-size:.16rem; }
  .header_inner .btn-nav{
    position:relative; background:transparent; border:none; transition:all .5s ease; z-index:3;
    display:block; width:.4rem; float:right; margin-top:.44rem; margin-left:.38rem; cursor:pointer;
  }
  .header_inner .icon-bar{
    display:block; margin:.06rem 0; width:100%; height:.04rem; background-color:#fff;
    transition:all .7s ease; z-index:3;
  }
  .header_inner .icon-bar.top{ width:.32rem; }
  .header_inner .icon-bar.middle{ width:.24rem; }
  .menu-open .header_inner .icon-bar.top{ transform:rotate(45deg) translateY(.07rem); }
  .menu-open .header_inner .icon-bar.middle{ opacity:0; }
  .menu-open .header_inner .icon-bar.bottom{ transform:rotate(-45deg) translateY(-.07rem); }

  /* 首屏 */
  .banner-swiper .square-box{ top:1.2rem; left:5%; width:90%; height:calc(100% - 1.7rem); }
  .tubiao-img{ top:50%; left:50%; transform:translate(-50%,-50%); width:5.6rem; }
  .banner-swiper .swiper-button-prev,
  .banner-swiper .swiper-button-next{ display:none; }
  .banner-swiper .swiper-pagination{ bottom:1.3rem; }
  .mouse-img{ display:none; }

  /* 数据条 */
  .dataLine{ height:auto; padding:.2rem 0; }
  .dataLine::before,.dataLine::after{ width:2rem; height:100%; }
  .dataLine_inner{ margin:0 .6rem; height:100%; }
  .dataLine_inner ul{ flex-wrap:wrap; }
  .dataLine_inner ul li{ flex:0 0 100%; border-left:0; padding:.2rem 0; }
  .dataLine_inner ul li::before{ display:none; }
  .dataLine_inner ul li:last-child{ border-right:0; }
  .dataLine_inner ul li:last-child::after{ display:none; }
  .data_val{ font-size:.22rem; }
  .data_val span{ width:.9rem; height:.9rem; font-size:.5rem; }
  .data_desc{ margin-top:.21rem; font-size:.25rem; line-height:.34rem; }

  /* 关于我们 */
  .aboutUs{ height:auto; }
  .aboutUs_inner{ height:auto; margin:0 .6rem; margin-top:.69rem; }
  .aboutUs_left{ float:none; width:100%; }
  .aboutUs_left .desc{ padding-right:0; }
  .aboutUs_left .desc p{ font-size:.26rem; line-height:.44rem; }
  .aboutUs_left .more{ position:absolute; right:0; top:.6rem; left:auto; bottom:auto; }
  .aboutUs_left .aboutUs_data{ position:relative; bottom:auto; left:auto; height:auto; margin-top:.6rem; border-radius:.2rem; padding:.5rem .2rem; }
  .aboutUs_data .data_column{ margin-top:.56rem; margin-bottom:.12rem; }
  .aboutUs_data .li:first-child{ width:39%; padding-left:.31rem; }
  .aboutUs_data .li:nth-child(2){ width:33%; padding-left:.51rem; }
  .aboutUs_data .li:nth-child(3){ width:28%; padding-left:.39rem; }
  .aboutUs_data .li p{ margin-top:.16rem; }
  .aboutUs_right{ position:relative; height:6.9rem; width:100%; margin-top:.2rem; overflow:hidden; }
  .aboutUs_number{ margin:1rem auto; }

  /* 核心业务 */
  .advantage{ height:auto; background:none; padding-bottom:1rem; }
  .advantage_inner{ margin:0 .6rem; }
  .advantage_title{ height:2.1rem; }
  .advantage_title .more_prod{ font-size:.24rem; margin-top:1.14rem; }
  .advantage_title .more_prod::before{ width:.48rem; bottom:-.13rem; }
  .advantage_title .more_prod svg{ width:.3rem; height:.15rem; }
  .advantage_lunbo .lunbo_preview{ height:4.4rem; }
  .lunbo_preview .preview_txt{ width:100%; left:0; top:0; padding:.2rem .3rem 0 .3rem; opacity:0; transition:.3s ease-in-out; }
  .lunbo_preview.active .preview_txt{ opacity:1; }
  .preview_txt .myTxt p{ margin-top:.08rem; min-height:2rem; }
  .lunbo_list{ flex-wrap:wrap; }
  .lunbo_list li{ flex:0 0 32%; margin-right:0; margin-bottom:.1rem; }
  .lunbo_list li:first-child{ border-bottom-left-radius:0; }
  .lunbo_list li:last-child{ border-bottom-right-radius:0; }

  /* 科技创新 */
  .research{ padding:.9rem 0 1rem; }
  .research_inner{ margin:0 .6rem; }
  .research_num{ flex-wrap:wrap; }
  .research_num li{ margin:.2rem 0; }
  .research_num li span{ font-size:.24rem; }
  .tech-swiper{ height:4.4rem; }
  .tech-swiper .swiper-slide{ width:100%; }

  /* 论文专栏 */
  .paperColumn_inner{ margin:0 .6rem; }
  .paper-swiper{ height:5.3rem; }
  .paper-swiper .swiper-slide{ width:calc(100% - .3rem); }
  .paper-swiper .swiper-slide img{ height:2.9rem; }
  .paper-swiper .slide_txt{ height:1.5rem; padding:0 .3rem; }
  .paper-swiper .slide_txt p{ font-size:.26rem; line-height:.4rem; }

  /* 质量管理 */
  .quality{ height:auto; }
  .quality_inner{ margin:0 .6rem; text-align:center; padding-bottom:1rem; }
  .quality_inner > .title{ margin:1.1rem auto .4rem; }
  .quality_inner .desc{ font-size:.26rem; line-height:.4rem; text-align:center; }
  .quality_list{ margin-top:.66rem; flex-wrap:wrap; }
  .quality_list li{ width:100%; height:2.6rem; margin-bottom:.2rem; display:flex; align-items:center; padding:0 .4rem; }
  .quality_list li .q_icon{ margin:.4rem .3rem .4rem 0; flex:none; }
  .quality_list li p{ text-align:left; }

  .paper-swiper .swiper-pagination .tot{ font-size:.24rem; }
  .paper-swiper .swiper-pagination .cur{ font-size:.34rem; }

  /* 关艾国际贡献 */
  .contribution_inner{ margin:0 .6rem; }
  .contribution_list{ display:none; }
  .contribution-swiper{
    display:block; position:relative; width:100%; height:10.2rem;
  }
  .contribution-swiper .swiper-wrapper{ display:flex; height:100%; transition:transform .5s var(--ease); }
  .contribution-swiper .swiper-slide{
    width:100%; border-radius:.1rem; overflow:hidden; cursor:pointer; flex:none; position:relative;
  }
  .contribution-swiper .swiper-slide img{ width:100%; height:100%; object-fit:cover; }
  .contribution-swiper .contribution_txt{ padding:.6rem .48rem 0 .48rem; }
  .contribution-swiper .contribution_txt h3{ font-size:.68rem; }
  .contribution-swiper .contribution_txt h4{ font-size:.4rem; margin-top:.75rem; }
  /* 英文站标题更长：按 2.6 节规则缩到 .2rem 在移动端只有 10.4px，单独在移动端回调到 .34rem */
  html[lang="en"] .contribution-swiper .contribution_txt h4{ font-size:.34rem; }
  .contribution-swiper .contribution_txt h5{ font-size:.52rem; margin-top:.21rem; margin-bottom:.66rem; line-height:.66rem; }
  .contribution-swiper .contribution_txt h5::after{ height:.34rem; }
  .contribution-swiper .contribution_txt .txt p{ font-size:.26rem; line-height:.4rem; }
  .contribution-swiper .swiper-pagination{
    position:absolute; left:50%; bottom:.3rem; transform:translateX(-50%); display:flex; gap:.1rem;
  }
  .contribution-swiper .swiper-pagination i{
    width:.1rem; height:.1rem; border-radius:50%; background:rgba(38,73,148,.35); font-style:normal;
  }
  .contribution-swiper .swiper-pagination i.on{ background:#fff; }

  /* 页脚 */
  .footer{ background:url(../img/footer-photo.jpg) no-repeat 50%/100% 100%; }
  .footer_top{ height:auto; }
  .footer_inner{ width:auto; margin:0 .6rem; flex-wrap:wrap; justify-content:center; }
  .footer_left{ width:100%; text-align:center; padding-top:1.2rem; }
  .footer_left .logo img{ width:auto; height:.68rem; margin:0 auto; }
  .footer_left .msg{ padding:.32rem 0; }
  .footer_left .msg p{ font-size:.2rem; line-height:.32rem; }
  .ewm_wraper{ justify-content:center; }
  .ewm_wraper .ewm img{ width:1.5rem; height:1.5rem; }
  .ewm_wraper .wechat,.ewm_wraper .sina{ width:.44rem; height:.45rem; margin:.38rem .1rem .5rem; }
  .footer_right{ width:100%; padding-left:0; padding-top:.16rem; padding-bottom:.62rem; border-left:0; }
  .footer_right::before{ display:none; }
  .footer_right .nav_list{ height:auto; text-align:center; }
  .footer_right .nav_list a{ display:inline-block; margin:0 .2rem .2rem; font-size:.24rem; }
  .footer_right .link_wrap{ width:100%; float:none; }
  .footer_right .link_title{ text-align:center; font-size:.24rem; }
  .link_select .li{ font-size:.24rem; height:.8rem; line-height:.8rem; border-radius:.8rem; padding:0 .6rem 0 .3rem; background-position:right .3rem center; }
  .link_select .li .link_list{ top:.8rem; font-size:.24rem; }
  .link_select .li .link_list a{ font-size:.24rem; line-height:.4rem; padding:.1rem .2rem; }
  .footer_bottom{ height:auto; padding:.16rem 0; }
  .footer_bottom p{ font-size:.18rem; line-height:.28rem; text-align:center; }
  .gotoBottom{ right:14px; bottom:calc(14px + env(safe-area-inset-bottom)); }

  /* ---- 移动端字号与触控热区（rem 等比缩放在窄屏下偏小，需补偿） ---- */
  .header_inner .lan .select i{ font-size:.24rem; }
  .number_item span{ font-size:.24rem; }
  .preview_txt h3{ font-size:.42rem; }
  .preview_txt h4{ font-size:.24rem; }
  .preview_txt .myTxt p{ font-size:.24rem; }
  .lunbo_list li .title{ font-size:.24rem; }
  .data_val{ font-size:.24rem; }
  .data_val i{ font-size:.24rem; }
  .aboutUs_left .more{ height:.8rem; line-height:.8rem; font-size:.24rem; }
  .aboutUs_data .li p{ font-size:.24rem; }
  .aboutUs_data .li h3{ font-size:.4rem; }
  .aboutUs_data .li h3 i{ font-size:.28rem; }
  .advantage_title .more_prod a{ padding:.3rem 0; }
  .preview_txt .more_desc{ height:.8rem; line-height:.8rem; font-size:.24rem; }
  .footer_right .nav_list a{ padding:.3rem 0; font-size:.26rem; }
  .footer_left .msg p{ font-size:.24rem; line-height:.38rem; }
  /* 右侧留出「返回顶部」按钮的位置（按钮宽 40px + right 14px ≈ 1.04rem），
     否则英文版权文案较长时会被固定按钮压住 */
  .footer_bottom p{ font-size:.24rem; line-height:.36rem; padding-right:1.1rem; }
  .sub-banner__txt p{ font-size:.24rem; }
  .contact-grid h3{ font-size:.26rem; }
  .c-form__row label{ font-size:.24rem; }
  .link_select .li{ font-size:.26rem; }
  .contribution-swiper{ overflow:hidden; }
}

@media screen and (max-width:420px){
  .tubiao-img{ width:4.8rem; }
  .aboutUs_right{ height:5.2rem; }
  .quality_list li{ height:2.4rem; }
}