@charset "utf-8";
/* ==========================================================================
   迅软 DSE · 防泄密系统落地页  专属样式
   文件：/fangxiedlp/css/fangxie.css
   说明：仅本页使用。公用样式（base.css / style.css / responsive.css 等）不在此处重复定义。
   ========================================================================== */

/* --------------------------------------------------------------------------
   一、现网公用约定（沿用 style.css / base.css，写样式时保持一致）
   --------------------------------------------------------------------------
   1. 版心容器：   <div class="auto auto_1440">        max-width:1440px，≤1440px 时左右各 2% padding
   2. 板块命名：   .Fangxie_box1 ... .Fangxie_box10   与切图目录 images/板块N 一一对应
   3. 标题组件：   .column-tit（h1 + 下划线伪元素）已在公用 style.css 中定义，本页可直接复用
   4. 字号写法：   calc(52 / 16 * 1em)                body 16px；≤640px 时 body 变 14px，自动等比缩小
   5. 断点：       1440 / 1024 / 768 / 640
   6. 图片切换：   .pc_tu（PC 显示）/ .web_tu（≤768px 显示）
   7. 清浮动：     .clearfix / .clear
   8. 动效：       已去掉 WOW 滚动动画（用户要求）；元素不再加 wow/fadeIn* 类，
                  公用 animate.css 与 wow.min.js 也不再引用
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   二、本页全局约定
   -------------------------------------------------------------------------- */
/* 页面级缩放单位：设计稿 1px = calc(1 * var(--u))
   设计稿画布 1974px 宽；--u 随视口等比缩放，超过 1974px 封顶 1px。
   ≤768px 切换为移动端比例（100vw/750），各板块在媒体查询内重排。 */
:root{
  --u: min(calc(100vw / 1920), 1px);
  --fx-blue-1: #2348a0;
  --fx-blue-2: #5da2fa;
  --fx-text: #020202;
  --fx-gray: #565759;
}
/* 版心：实测设计稿内容列宽 ≈1364px（非全站的 1440），后续板块统一用 .fx-con */
.fx-con{
  width: calc(1364 * var(--u));
  margin: 0 auto;
}

h1,h2,h3{line-height: 1.2;}

.Fangxie_box1,
.Fangxie_box2,
.Fangxie_box3,
.Fangxie_box4,
.Fangxie_box5,
.Fangxie_box6,
.Fangxie_box7,
.Fangxie_box8,
.Fangxie_box9,
.Fangxie_box10 {}

/* --------------------------------------------------------------------------
   三、各板块样式 —— 待逐屏设计稿到位后填充
   -------------------------------------------------------------------------- */

/* 板块1：主视觉 --------------------------------------------------------------
   设计稿 1974 × 780。
   响应式方案：本页自定义缩放单位 --u = 100vw / 1974，
   即「设计稿 1px = calc(1 * var(--u))」，整屏随视口等比缩放；
   --u 用 min(..., 1px) 封顶，超过 1974px 宽的屏幕不再放大。
   ≤768px 切换为移动端比例 --u = 100vw / 750，图标改 4 列两行。
------------------------------------------------------------------------------ */
.Fangxie_box1{
  position: relative;
  padding: calc(80 * var(--u)) 0 calc(90 * var(--u));
  /* 背景渐变取自切图「渐变蓝色底图.png」实测：#5799F1 → #315FB7 纯垂直渐变 */
  background-image: url("../../uploadfiles/jmfxm/板块1/渐变蓝色底图.png"),
    linear-gradient(180deg, #5799f1 0%, #315fb7 100%);
  background-repeat: no-repeat, no-repeat;
  background-position: center top, center;
  background-size: 100% 100%, cover;
  text-align: center;
  color: #fff;
  overflow: hidden;
}
.Fangxie_box1 .tit{
  margin: 0;
  font-size: calc(88 * var(--u));
  line-height: 1.15;
  font-weight: bold;
  color: #fff;
}
.Fangxie_box1 .tit .o{
  color: #f79019;
  font-style: normal;
  position: relative;
}
/* 标题右上角的星形装饰：使用切图 images/star.png（84×80 透明底四角星光） */
.Fangxie_box1 .tit .star{
  position: absolute;
  top: -0.15em;
  right: -0.25em;
  width: 0.72em;
  height: 0.72em;
  background: url("../../uploadfiles/jmfxm/star.png") no-repeat center / contain;
  opacity: 0.95;
}

.Fangxie_box1 .pill{
  display: inline-block;
  margin-top: calc(64 * var(--u));
  height: calc(87 * var(--u));
  line-height: calc(87 * var(--u));
  padding: 0 calc(45 * var(--u));
  background: #fff;
  border-radius: calc(12 * var(--u));
  font-size: calc(34 * var(--u));
  font-weight: bold;
  color: #225cdc;
}
.Fangxie_box1 .try{
  margin: calc(48 * var(--u)) 0 0;
  font-size: calc(28 * var(--u));
  line-height: 1;
  color: #fff;
}
.Fangxie_box1 .try em{
  font-style: normal;
  color: #f0c20a;
  font-weight: bold;
}
.Fangxie_box1 .sys{
  margin: calc(27 * var(--u)) 0 0;
  font-size: calc(30 * var(--u));
  line-height: 1;
  color: #fff;
}
.Fangxie_box1 .ul{
  display: flex;
  justify-content: space-between;
  width: calc(1360 * var(--u));
  margin: calc(74 * var(--u)) auto 0;
}
.Fangxie_box1 .ul li{
  float: none;
  width: calc(94 * var(--u));
}
.Fangxie_box1 .ul li img{
  display: block;
  width: 100%;
  height: auto;
}
.Fangxie_box1 .ul li p{
  margin: calc(16 * var(--u)) 0 0;
  font-size: calc(25 * var(--u));
  line-height: 1;
  color: #fff;
  white-space: nowrap;
}

/* 板块1 · 移动端 -------------------------------------------------------------- */
@media (max-width: 768px){
  /* 移动端缩放基准切换：设计稿按 750 宽出图，故 --u = 100vw / 750
     （原先只在 :root 定义了 1974 基准，这里补齐，否则移动端整体只有约 38% 大小） */
  :root{ --u: calc(100vw / 500); }
  .Fangxie_box1{
    padding: calc(56 * var(--u)) 0 calc(64 * var(--u));
  }
  .Fangxie_box1 .tit{ font-size: calc(60 * var(--u)); }
  .Fangxie_box1 .pill{
    margin-top: calc(40 * var(--u));
    height: auto;
    line-height: 1.6;
    padding: calc(12 * var(--u)) calc(28 * var(--u));
    border-radius: calc(12 * var(--u));
    font-size: calc(30 * var(--u));
  }
  .Fangxie_box1 .try{margin-top: calc(34 * var(--u));font-size: calc(28 * var(--u));width: 80%;margin: calc(48 * var(--u))  auto;line-height: 1.5;}
  .Fangxie_box1 .sys{ margin-top: calc(16 * var(--u)); font-size: calc(26 * var(--u)); line-height: 1.5; padding: 0 2%; }
  .Fangxie_box1 .ul{
    display: grid;
    grid-template-columns: repeat(4, auto);
    justify-content: space-between;
    justify-items: center;
    width: 92%;
    margin: calc(56 * var(--u)) auto 0;
    row-gap: calc(48 * var(--u));
  }
  .Fangxie_box1 .ul li{ width: calc(94 * var(--u)); }
  .Fangxie_box1 .ul li p{ margin-top: calc(14 * var(--u)); font-size: calc(25 * var(--u)); }
}

/* 板块2：各类文件加密 ----------------------------------------------------------
   设计稿 1974 × 920（板块本体 0-703，其余留白给下一屏）。
   结构：左标题+右说明一行；下面 3 张等宽卡片（409px，间距 69）。
------------------------------------------------------------------------------ */
.Fangxie_box2{
  padding: calc(105 * var(--u)) 0 calc(110 * var(--u));
  background: #fff;
}
.Fangxie_box2 .head{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Fangxie_box2 .head h2{
  margin: 0;
  font-size: calc(36 * var(--u));
  line-height: 1.2;
  font-weight: bold;
  color: var(--fx-text);
}
.Fangxie_box2 .head .line{
  display: block;
  width: calc(75 * var(--u));
  height: calc(7 * var(--u));
  margin: calc(14 * var(--u)) auto 0;
  border-radius: calc(4 * var(--u));
  background: linear-gradient(90deg, #528df7, #7c78f6);
}
.Fangxie_box2 .hd-r{
  margin: 0;
  max-width: calc(850 * var(--u));
  font-size: calc(18 * var(--u));
  line-height: 1.5;
  color: var(--fx-text);
}
.Fangxie_box2 .ul{
  display: flex;
  justify-content: space-between;
  margin: calc(55 * var(--u)) 0 0;
}
.Fangxie_box2 .ul li{
  width: calc(409 * var(--u));
  background: #f9fafc;
  border: 1px solid #e9eaeb;
  border-radius: calc(10 * var(--u));
  padding: calc(42 * var(--u)) calc(32 * var(--u)) calc(70 * var(--u));
}
.Fangxie_box2 .ul li img{
  display: block;
  width: calc(74 * var(--u));
  height: auto;
}
.Fangxie_box2 .ul li .tit{
  display: block;
  margin-top: calc(25 * var(--u));
  font-size: calc(30 * var(--u));
  line-height: 1.2;
  font-weight: bold;
  color: var(--fx-text);
}
.Fangxie_box2 .ul li p{
  margin: calc(18 * var(--u)) 0 0;
  font-size: calc(18 * var(--u));
  line-height: calc(30 * var(--u));
  color: var(--fx-text);
}
.Fangxie_box2 .ul li .tags{
  margin-top: calc(26 * var(--u));
  font-size: 0;
}
.Fangxie_box2 .ul li .tags span{
  display: inline-block;
  height: calc(38 * var(--u));
  line-height: calc(38 * var(--u));
  padding: 0 calc(20 * var(--u));
  margin-right: calc(14 * var(--u));
  border-radius: calc(19 * var(--u));
  font-size: calc(20 * var(--u));
  white-space: nowrap;
  font-weight: bold;
}
.Fangxie_box2 .ul li .tags span:last-child{ margin-right: 0; }
/* 标签配色：卡片1 蓝 / 卡片2 紫 / 卡片3 绿 */
.Fangxie_box2 .li-blue .tags span{ background: #dbeaff; color: #0d55f3; }
.Fangxie_box2 .li-purple .tags span{ background: #f3e8ff; color: #840bf4; }
.Fangxie_box2 .li-green .tags span{ background: #dcfce8; color: #06742f; }

/* 板块2 · 移动端 -------------------------------------------------------------- */
@media (max-width: 768px){
  .fx-con{ width: 92%; }
  .Fangxie_box2{ padding: calc(60 * var(--u)) 0; }
  .Fangxie_box2 .head{ display: block; text-align: center; }
  .Fangxie_box2 .head h2{ font-size: calc(40 * var(--u)); }
  .Fangxie_box2 .head .line{ margin-top: calc(14 * var(--u)); }
  .Fangxie_box2 .hd-r{
    margin-top: calc(20 * var(--u));
    max-width: 100%;
    font-size: calc(26 * var(--u));
    text-align: justify;
  }
  .Fangxie_box2 .ul{ display: block; margin-top: calc(40 * var(--u)); }
  .Fangxie_box2 .ul li{
    width: auto;
    margin-bottom: calc(30 * var(--u));
    padding: calc(40 * var(--u)) calc(32 * var(--u)) calc(44 * var(--u));
  }
  .Fangxie_box2 .ul li:last-child{ margin-bottom: 0; }
  .Fangxie_box2 .ul li img{ width: calc(110 * var(--u)); }
  .Fangxie_box2 .ul li .tit{ font-size: calc(36 * var(--u)); }
  .Fangxie_box2 .ul li p{ font-size: calc(26 * var(--u)); line-height: calc(42 * var(--u)); }
  .Fangxie_box2 .ul li .tags span{
    height: calc(52 * var(--u));
    line-height: calc(52 * var(--u));
    padding: 0 calc(26 * var(--u));
    border-radius: calc(26 * var(--u));
    font-size: calc(26 * var(--u));
  }
}

/* ==========================================================================
   板块3：企业所存在的数据安全隐患
   设计稿 y 2412-3962，背景 #ECF4FC；卡片 498×118，两列间距 42，行距 52
   ========================================================================== */
.Fangxie_box3{
  padding: calc(118 * var(--u)) 0 calc(192 * var(--u));
  background: #eff5ff;
}
.Fangxie_box3 .b3-in{
  width: calc(1038 * var(--u));
  margin: 0 auto;
}
.Fangxie_box3 .b3-tit{
  margin: 0;
  font-size: calc(60 * var(--u));
  line-height: 1.15;
  font-weight: bold;
  color: #0c1c44;
  text-align: center;
}
.Fangxie_box3 .b3-pic{
  display: block;
  width: calc(574 * var(--u));
  margin: calc(52 * var(--u)) auto 0;
}
.Fangxie_box3 .b3-ul{
  display: grid;
  grid-template-columns: repeat(2, calc(498 * var(--u)));
  justify-content: space-between;
  row-gap: calc(52 * var(--u));
  margin: calc(56 * var(--u)) 0 0;
}
.Fangxie_box3 .b3-ul li{
  display: flex;
  align-items: center;
  min-height: calc(118 * var(--u));
  padding: calc(2 * var(--u)) calc(20 * var(--u));
  box-sizing: border-box;
  background: #fff;
  border: 1px dashed #00a651; /* 用户要求：绿色虚线 1px */
  border-radius: calc(12 * var(--u));
  box-shadow: 0 0 calc(14 * var(--u)) rgba(120, 140, 170, 0.12);
}
.Fangxie_box3 .b3-ul li .ico{
  position: relative;
  flex-shrink: 0;
  margin-right: calc(22 * var(--u));
}
.Fangxie_box3 .b3-ul li .ico img{
  display: block;
  height: calc(100 * var(--u));
  width: auto;
}
/* 图标上的白色叠字（切图只有形状无文字） */
.Fangxie_box3 .b3-ul li .ico i{
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  font-style: normal;
  font-weight: bold;
  color: #fff;
  font-size: calc(24 * var(--u));
  line-height: 1.25;
  letter-spacing: calc(2 * var(--u));
  text-align: center;
}
/* 按形状微调文字位置：三角形偏下、文件夹偏下、盾牌偏上 */
.Fangxie_box3 .b3-ul li:nth-child(3) .ico i{ top: 60%; }
.Fangxie_box3 .b3-ul li:nth-child(4) .ico i{ top: 56%; }
.Fangxie_box3 .b3-ul li:nth-child(8) .ico i{/* top: 42%; */}
.Fangxie_box3 .b3-ul li p{
  margin: 0;
  font-size: calc(20 * var(--u));
  line-height: calc(34 * var(--u));
  color: #333;
}
.Fangxie_box3 .b3-ul li p b{ color: #111; }

/* ==========================================================================
   板块4：企业内部泄密渠道防不胜防
   设计稿 y 3962-5490 白底；图块 244×274 五列间距 36；横幅 1400×284
   ========================================================================== */
.Fangxie_box4{
  padding: calc(98 * var(--u)) 0 calc(184 * var(--u));
  background: #fff;
}
.Fangxie_box4 .b4-in{
  width: calc(1400 * var(--u));
  margin: 0 auto;
}
.Fangxie_box4 .b4-tit{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  font-size: calc(56 * var(--u));
  line-height: 1.2;
  font-weight: bold;
  color: #111;
}
.Fangxie_box4 .b4-tit img{
  height: calc(160 * var(--u));
  margin-right: calc(20 * var(--u));
}
.Fangxie_box4 .b4-tit em{
  font-style: normal;
  color: #fbf70f;
  border-radius: calc(8 * var(--u));
  padding: 0 calc(6 * var(--u));
  text-shadow: 0px 0px 3px BLACK,0px 0px 3px BLACK,0px 0px 3px BLACK,0px 0px 3px BLACK,0px 0px 3px BLACK,0px 0px 3px BLACK,0px 0px 3px BLACK,0px 0px 3px BLACK,0px 0px 3px BLACK,0px 0px 3px BLACK,0px 0px 3px BLACK,0px 0px 3px BLACK,0px 0px 3px BLACK,0px 0px 3px BLACK,0px 0px 3px BLACK,0px 0px 3px BLACK,0px 0px 3px BLACK,0px 0px 3px BLACK,0px 0px 3px BLACK;
}
.Fangxie_box4 .b4-ul{
  display: grid;
  grid-template-columns: repeat(5, calc(244 * var(--u)));
  justify-content: space-between;
  row-gap: calc(48 * var(--u));
  width: calc(1370 * var(--u));
  margin: calc(58 * var(--u)) auto 0;
}
.Fangxie_box4 .b4-ul li{
  height: calc(274 * var(--u));
  box-sizing: border-box;
  padding-top: calc(28 * var(--u));
  background: #f1f3f7;
  /* border: 1px solid #e8e8e8; */
  border-radius: calc(10 * var(--u));
  text-align: center;
  box-shadow: 0px 3px 5px rgba(0,0,0,0.15);
}
.Fangxie_box4 .b4-ul li .pic{
  height: calc(176 * var(--u));
  display: flex;
  align-items: center;
  justify-content: center;
}
.Fangxie_box4 .b4-ul li .pic img{ max-width: 88%; max-height: 100%; }
.Fangxie_box4 .b4-ul li p{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: calc(16 * var(--u)) 0 0;
  font-size: calc(22 * var(--u));
  line-height: 1.2;
  font-weight: bold;
  color: #111;
  white-space: nowrap;
}
/* 红色圆形箭头图标：切图 ../uploadfiles//arr.png（30×30） */
.Fangxie_box4 .b4-ul li p i{
  width: calc(30 * var(--u));
  height: calc(30 * var(--u));
  margin-right: calc(10 * var(--u));
  background: url("../../uploadfiles/jmfxm/arr.png") center / 100% 100% no-repeat;
  flex-shrink: 0;
}
.Fangxie_box4 .b4-banner{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: calc(80 * var(--u));
  min-height: calc(284 * var(--u));
  box-sizing: border-box;
  padding: calc(46 * var(--u)) calc(64 * var(--u));
  background: #eef4ff;
  border-radius: calc(16 * var(--u));
  border: 1px solid #c9d8f2;
}
.Fangxie_box4 .b4-banner h3{
  margin: 0;
  font-size: calc(30 * var(--u));
  font-weight: bold;
  color: #111;
}
.Fangxie_box4 .b4-banner p{
  margin: calc(18 * var(--u)) 0 0;
  font-size: calc(20 * var(--u));
  color: #666;
}
.Fangxie_box4 .b4-banner .btn{
  display: inline-block;
  margin-top: calc(30 * var(--u));
}
.Fangxie_box4 .b4-banner .btn img{
  display: block;
  height: calc(74 * var(--u));
  width: auto;
}
.Fangxie_box4 .b4-banner .gear{
  width: calc(190 * var(--u));
  flex-shrink: 0;
}

/* ==========================================================================
   板块5：迅软加密系统能做到什么
   设计稿 y 5490-9594，背景 #F8F8FC
   ========================================================================== */
.Fangxie_box5{
  padding: calc(82 * var(--u)) 0 calc(150 * var(--u));
  background: #f8f8fc;
}
.Fangxie_box5 .b5-tit{
  margin: 0;
  font-size: calc(72 * var(--u));
  line-height: 1.15;
  font-weight: bold;
  color: #111;
  text-align: center;
}
.Fangxie_box5 .b5-pills{
  display: flex;
  justify-content: center;
  gap: calc(24 * var(--u));
  margin-top: calc(52 * var(--u));
}
.Fangxie_box5 .b5-pills span{
  display: flex;
  align-items: center;
  /* height: calc(48 * var(--u)); */
  padding: 10px calc(26 * var(--u));
  box-sizing: border-box;
  background: #eef4ff;
  border: 1px solid #e7e8ed;
  border-radius: calc(24 * var(--u));
  font-size: calc(24 * var(--u));
  color: #333;
}
.Fangxie_box5 .b5-pills span i{
  position: relative;
  width: calc(26 * var(--u));
  height: calc(26 * var(--u));
  margin-right: calc(10 * var(--u));
  border-radius: 50%;
  background: #2e6be6;
}
.Fangxie_box5 .b5-pills span i::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(10 * var(--u));
  height: calc(5 * var(--u));
  border-left: calc(3 * var(--u)) solid #fff;
  border-bottom: calc(3 * var(--u)) solid #fff;
  transform: translate(-50%, -70%) rotate(-45deg);
}
.Fangxie_box5 .b5-card{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: calc(106 * var(--u));
  padding: calc(56 * var(--u)) calc(60 * var(--u));
  box-sizing: border-box;
  background: #eef4ff;
  border-radius: calc(16 * var(--u));
  border: 1px solid #c9d8f2;
}
.Fangxie_box5 .b5-card h3{
  margin: 0;
  font-size: calc(36 * var(--u));
  font-weight: bold;
  color: #111;
}
.Fangxie_box5 .b5-card > .lft > p{
  margin: calc(22 * var(--u)) 0 0;
  max-width: calc(620 * var(--u));
  font-size: calc(20 * var(--u));
  line-height: calc(34 * var(--u));
  color: #1d2129;
}
.Fangxie_box5 .b5-card ul{
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: space-between;
  column-gap: calc(40 * var(--u));
  row-gap: calc(26 * var(--u));
  margin: calc(34 * var(--u)) 0 0;
  padding: 0;
  list-style: none;
}
.Fangxie_box5 .b5-card ul li{
  display: flex;
  align-items: flex-start;
}
.Fangxie_box5 .b5-card ul li img{
  /* width: calc(36 * var(--u)); */
  margin-right: calc(14 * var(--u));
}
.Fangxie_box5 .b5-card ul li b{
  display: block;
  font-size: calc(20 * var(--u));
  color: #111;
}
.Fangxie_box5 .b5-card ul li span{
  display: block;
  margin-top: calc(6 * var(--u));
  font-size: calc(16 * var(--u));
  color: #1d2129;
}
.Fangxie_box5 .b5-card .pic{
  width: calc(549 * var(--u));
  flex-shrink: 0;
}
.Fangxie_box5 .b5-h{
  display: flex;
  align-items: center;
  margin: calc(92 * var(--u)) 0 0;
  font-size: calc(36 * var(--u));
  font-weight: bold;
  color: #1d2129;
}
.Fangxie_box5 .b5-h + .b5-h,
.Fangxie_box5 .b5-shot + .b5-h{ margin-top: calc(56 * var(--u)); }
.Fangxie_box5 .b5-h img{
  width: calc(71 * var(--u));
  margin-right: calc(20 * var(--u));
  flex-shrink: 0;
}
.Fangxie_box5 .b5-trees{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: calc(40 * var(--u));
}
.Fangxie_box5 .b5-trees > img{/* width: calc(259 * var(--u)); */}
.Fangxie_box5 .b5-trees .ar{ width: calc(115 * var(--u)); }
.Fangxie_box5 .b5-down{
  display: block;
  width: calc(55 * var(--u));
  margin: calc(10 * var(--u)) auto 0;
}
.Fangxie_box5 .b5-table{
  display: block;
  width: 100%;
  margin-top: calc(24 * var(--u));
}
.Fangxie_box5 .b5-shot{
  display: block;
  width: 100%;
  margin-top: calc(28 * var(--u));
}

/* ==========================================================================
   板块6：立体式安全防护 / 多种加密模式 / 水印防止泄密
   设计稿 y 9594-13054
   ========================================================================== */
.Fangxie_box6 .fx6a{
  padding: calc(150 * var(--u)) 0 calc(120 * var(--u));
  background: #e8f6ff;
}
.Fangxie_box6 .fx6b{
  padding: calc(104 * var(--u)) 0 calc(176 * var(--u));
  background: #fff;
}
.Fangxie_box6 .fx6c{
  padding: calc(112 * var(--u)) 0 calc(174 * var(--u));
  background: #eef4ff;
}
.Fangxie_box6 .fx6c .fx-con{ width: calc(1270 * var(--u)); }
.b6-row,
.b7-row,
.b8-row{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 128px;
}
.Fangxie_box7 .b7-row,
.Fangxie_box8 .b8-row{/* align-items: flex-start; */}
.Fangxie_box6 .b6-tit{
  margin: 0;
  font-size: calc(36 * var(--u));
  line-height: 1.2;
  font-weight: bold;
  color: #111;
}
.Fangxie_box6 .b6-lead{
  margin: calc(26 * var(--u)) 0 0;
  font-size: calc(20 * var(--u));
  line-height: calc(34 * var(--u));
  color: #444;
}
.Fangxie_box6 .b6a-ul{
  margin: calc(40 * var(--u)) 0 0;
  padding: 0;
  list-style: none;
}
.Fangxie_box6 .b6a-ul li{
  display: flex;
  align-items: center;
  margin-top: calc(10 * var(--u));
}
.Fangxie_box6 .b6a-ul li img{
  width: calc(60 * var(--u));
  margin-right: calc(16 * var(--u));
  flex-shrink: 0;
}
.Fangxie_box6 .b6a-ul li p{
  margin: 0;
  font-size: calc(20 * var(--u));
  color: #333;
}
.Fangxie_box6 .b6a-ul li p b{ color: #111; }
.Fangxie_box6 .fx6a .pic{ width: calc(533 * var(--u)); }
.Fangxie_box6 .b6-strip{
  display: block;
  width: 100%;
  margin-top: calc(62 * var(--u));
}
.Fangxie_box6 .b6-cards{
  display: flex;
  gap: calc(30 * var(--u));
  margin: calc(50 * var(--u)) 0 0;
  padding: 0;
  list-style: none;
  flex-wrap: wrap;
}
.Fangxie_box6 .b6-cards li{
  flex: 1;
  padding: calc(40 * var(--u)) calc(36 * var(--u));
  box-sizing: border-box;
  background: #e8f6ff;
  border-radius: calc(14 * var(--u));
}
.Fangxie_box6 .b6-cards li:last-child{flex: 0 0 100%;}
.Fangxie_box6 .b6-cards li img{width: calc(62* var(--u));}
.Fangxie_box6 .b6-cards li b{
  display: block;
  margin-top: calc(18 * var(--u));
  font-size: calc(20 * var(--u));
  color: #111;
}
.Fangxie_box6 .b6-cards li p{
  margin: calc(12 * var(--u)) 0 0;
  font-size: calc(18 * var(--u));
  line-height: calc(32 * var(--u));
  color: #333;
}
.Fangxie_box6 .b6-wide{
  margin-top: calc(34 * var(--u));
  padding: calc(40 * var(--u)) calc(36 * var(--u));
  box-sizing: border-box;
  background: #ecf4fc;
  border-radius: calc(14 * var(--u));
}
.Fangxie_box6 .b6-wide img{ width: calc(80 * var(--u)); }
.Fangxie_box6 .b6-wide b{
  display: block;
  margin-top: calc(18 * var(--u));
  font-size: calc(20 * var(--u));
  color: #111;
}
.Fangxie_box6 .b6-wide p{
  margin: calc(12 * var(--u)) 0 0;
  font-size: calc(18 * var(--u));
  line-height: calc(32 * var(--u));
  color: #333;
}
.Fangxie_box6 .b6c-cards{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: calc(62 * var(--u));
  row-gap: calc(60 * var(--u));
  margin: calc(50 * var(--u)) 0 0;
  padding: 0;
  list-style: none;
}
.Fangxie_box6 .b6c-cards li{
  padding: calc(30 * var(--u)) calc(40 * var(--u));
  box-sizing: border-box;
  background: #fff;
  border-radius: calc(12 * var(--u));
  box-shadow: 0 0 8px rgba(0,0,0,0.15);
}
.Fangxie_box6 .b6c-cards li img{/* width: calc(66 * var(--u)); */}
.Fangxie_box6 .b6c-cards li b{
  display: block;
  margin-top: calc(20 * var(--u));
  font-size: calc(24 * var(--u));
  color: #123991;
}
.Fangxie_box6 .b6c-cards li p{
  margin: calc(12 * var(--u)) 0 0;
  font-size: calc(18 * var(--u));
  line-height: calc(32 * var(--u));
  color: #333;
}
.Fangxie_box6 .b6c-pics{
  display: flex;
  justify-content: space-between;
  margin-top: calc(66 * var(--u));
  gap: 20px;
}
.Fangxie_box6 .b6c-pics img{ width: calc(604 * var(--u)); }

/* ==========================================================================
   板块7：文件外发控制 / 端口管控和外设管理 / 日志与行为审计
   设计稿 y 13054-15860
   ========================================================================== */
.Fangxie_box7 .fx7a{
  padding: calc(150 * var(--u)) 0 calc(100 * var(--u));
  background: #fff;
}
.Fangxie_box7 .fx7b{
  padding: calc(112 * var(--u)) 0 calc(128 * var(--u));
  background: #fff5e8;
}
.Fangxie_box7 .fx7c{
  padding: calc(88 * var(--u)) 0 calc(146 * var(--u));
  background: #fff;
}
.Fangxie_box7 .b7-row .lft{ width: calc(620 * var(--u)); }
.Fangxie_box7 .b7-tit{
  margin: 0;
  font-size: calc(36 * var(--u));
  line-height: 1.2;
  font-weight: bold;
  color: #111;
}
.Fangxie_box7 .item img{ display: block; }
.Fangxie_box7 .item b{
  display: block;
  margin-top: calc(14 * var(--u));
  font-size: calc(24 * var(--u));
  color: #111;
}
.Fangxie_box7 .item p{
  margin: calc(12 * var(--u)) 0 0;
  font-size: calc(18 * var(--u));
  line-height: calc(32 * var(--u));
  color: #333;
}
.Fangxie_box7 .b7-grid2{
  display: flex;
  gap: calc(50 * var(--u));
  margin-top: calc(45 * var(--u));
  flex-wrap: wrap;
}
.Fangxie_box7 .b7-grid2 .item{ flex: 1; }
.Fangxie_box7 .b7-grid2 .item:last-child{ flex: 0 0 100%; }
.Fangxie_box7 .fx7a > .fx-con > .lft > .item,
.Fangxie_box7 .fx7b .item + .item,
.Fangxie_box7 .fx7c .item + .item{margin-top: calc(34 * var(--u));}
.Fangxie_box7 .fx7b .b7-row .lft .item:first-of-type{ margin-top: calc(56 * var(--u)); }
.Fangxie_box7 .fx7c .b7-row .lft .item:first-of-type{margin-top: calc(34 * var(--u));}
.Fangxie_box7 .fx7a .pic{ width: calc(678 * var(--u)); }
.Fangxie_box7 .fx7b .pic{ width: calc(676 * var(--u)); }
.Fangxie_box7 .fx7c .pic{ width: calc(692 * var(--u)); }
.Fangxie_box7 .b7-tel{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(150 * var(--u));
  margin-top: calc(90 * var(--u));
}
.Fangxie_box7 .b7-tel p{
  display: flex;
  align-items: center;
  margin: 0;
  font-size: calc(40 * var(--u));
  font-weight: bold;
  color: #007cf8;
}
.Fangxie_box7 .b7-tel p img{
  width: calc(80 * var(--u));
  margin-right: calc(20 * var(--u));
}

/* ==========================================================================
   板块8：风险预警 / 使用方便 / 防冒充 / 跨平台 / 海量客户 + 承诺
   设计稿 y 15860-20184
   ========================================================================== */
.Fangxie_box8 .fx8a{
  padding: calc(110 * var(--u)) 0 calc(117 * var(--u));
  background: #eef4ff;
}
.Fangxie_box8 .fx8b{
  padding: calc(158 * var(--u)) 0 calc(193 * var(--u));
  background: #fff;
}
.Fangxie_box8 .fx8c{
  padding: calc(170 * var(--u)) 0 calc(192 * var(--u));
  background: #e8f6ff;
}
.Fangxie_box8 .fx8d{
  padding: calc(88 * var(--u)) 0 calc(114 * var(--u));
  background: #fff;
}
.Fangxie_box8 .fx8e{
  padding: calc(132 * var(--u)) 0 calc(174 * var(--u));
  background: #f3f7fa;
}
.Fangxie_box8 .b8-row .lft{ width: calc(620 * var(--u)); }
.Fangxie_box8 .b8-tit{
  margin: 0;
  font-size: calc(36 * var(--u));
  line-height: 1.2;
  font-weight: bold;
  color: #111;
}
.Fangxie_box8 .b8-lead{
  margin: calc(24 * var(--u)) 0 0;
  font-size: calc(20 * var(--u));
  line-height: calc(34 * var(--u));
  color: #333;
}
.Fangxie_box8 .item img{ display: block; }
.Fangxie_box8 .item b{
  display: block;
  margin-top: calc(14 * var(--u));
  font-size: calc(26 * var(--u));
  color: #111;
}
.Fangxie_box8 .item p{
  margin: calc(12 * var(--u)) 0 0;
  font-size: calc(20 * var(--u));
  line-height: calc(32 * var(--u));
  color: #333;
}
.Fangxie_box8 .item + .item{ margin-top: calc(44 * var(--u)); }
.Fangxie_box8 .fx8b .lft .item:first-of-type,
.Fangxie_box8 .fx8d .lft .item:first-of-type{ margin-top: calc(56 * var(--u)); }
.Fangxie_box8 .fx8a .pic{ width: calc(740 * var(--u)); }
.Fangxie_box8 .fx8b .pic{ width: calc(658 * var(--u)); }
.Fangxie_box8 .fx8c .pic{ width: calc(672 * var(--u)); }
.Fangxie_box8 .fx8d .pic{ width: calc(620 * var(--u)); }
.Fangxie_box8 .fx8e .pic{ width: calc(656 * var(--u)); }
.Fangxie_box8 .fx8c .ic{
  width: calc(64 * var(--u));
  margin-top: calc(40 * var(--u));
}
.Fangxie_box8 .fx8c .sub{
  display: block;
  margin-top: calc(26 * var(--u));
  font-size: calc(22 * var(--u));
  color: #111;
}
.Fangxie_box8 .fx8c p{
  margin: calc(20 * var(--u)) 0 0;
  font-size: calc(20 * var(--u));
  line-height: calc(34 * var(--u));
  color: #333;
}
.Fangxie_box8 .fx8c p em{
  font-style: normal;
  color: #fc7e02;
  font-weight: bold;
}
.Fangxie_box8 .fx8e .b8-lead em.red{
  font-style: normal;
  color: #e60012;
  font-weight: bold;
}
.Fangxie_box8 .b8-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: calc(150 * var(--u));
  padding: calc(56 * var(--u)) calc(60 * var(--u));
  box-sizing: border-box;
  background: #eef4ff;
  border-radius: calc(16 * var(--u));
  border: 1px solid #c9d8f2;
}
.Fangxie_box8 .b8-box h3{
  margin: 0;
  font-size: calc(30 * var(--u));
  font-weight: bold;
  color: #111;
}
.Fangxie_box8 .b8-box .btn{
  display: inline-flex;
  align-items: center;
  margin-top: calc(30 * var(--u));
  height: calc(60 * var(--u));
  padding: 0 calc(36 * var(--u)) 0 calc(24 * var(--u));
  box-sizing: border-box;
  background: #3366f9; /* 与原切图「圆角图标蓝.png」同色系，切图无文字故改 CSS 按钮 */
  border-radius: calc(14 * var(--u));
  text-decoration: none;
}
.Fangxie_box8 .b8-box .btn img{
  display: block;
  width: calc(32 * var(--u));
  height: auto;
  margin-right: calc(18 * var(--u));
}
.Fangxie_box8 .b8-box .btn span{
  font-size: calc(30 * var(--u));
  font-weight: bold;
  color: #fff;
  letter-spacing: calc(1 * var(--u));
  white-space: nowrap;
}
.Fangxie_box8 .b8-box .ask{
  margin: calc(28 * var(--u)) 0 0;
  font-size: calc(30 * var(--u));
  font-weight: bold;
  color: #3366f9;
}
.Fangxie_box8 .b8-box .gear{
  width: calc(190 * var(--u));
  flex-shrink: 0;
}

/* ==========================================================================
   板块9：为什么选择迅软 / 资质荣誉
   设计稿 y 20184-23412
   ========================================================================== */
.Fangxie_box9 .fx9a{
  padding: calc(114 * var(--u)) 0 calc(176 * var(--u));
  background: #fff;
}
.Fangxie_box9 .b9-con{
  width: calc(1400 * var(--u));
  margin: 0 auto;
}
.Fangxie_box9 .b9-tit{
  margin: 0;
  font-size: calc(46 * var(--u));
  line-height: 1.2;
  font-weight: bold;
  color: #111;
}
.Fangxie_box9 .b9-intro{
  margin: calc(36 * var(--u)) 0 0;
  font-size: calc(20 * var(--u));
  line-height: calc(32 * var(--u));
  color: #333;
}
.Fangxie_box9 .b9-sub{
  display: block;
  margin-top: calc(32 * var(--u));
  font-size: calc(24 * var(--u));
  color: #111;
}
.Fangxie_box9 .b9-cards{
  margin: calc(40 * var(--u)) 0 0;
  padding: 0;
  list-style: none;
}
.Fangxie_box9 .b9-cards li{
  display: flex;
  align-items: center;
  margin-bottom: calc(30 * var(--u));
  padding: calc(40 * var(--u)) calc(48 * var(--u));
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: calc(16 * var(--u));
  box-shadow: 0 calc(6 * var(--u)) calc(18 * var(--u)) rgba(0, 0, 0, 0.03);
}
.Fangxie_box9 .b9-cards li:last-child{ margin-bottom: 0; }
.Fangxie_box9 .b9-cards li img{
  width: calc(130 * var(--u));
  flex-shrink: 0;
  margin-right: calc(40 * var(--u));
}
.Fangxie_box9 .b9-cards li b{
  display: block;
  font-size: calc(24 * var(--u));
  color: #0c64e4;
}
.Fangxie_box9 .b9-cards li p{
  margin: calc(12 * var(--u)) 0 0;
  font-size: calc(20 * var(--u));
  line-height: calc(32 * var(--u));
  color: #333;
}
.Fangxie_box9 .fx9b{
  padding: calc(94 * var(--u)) 0 calc(242 * var(--u));
  background: #f0f4f8;
}
.Fangxie_box9 .b9b-tit{
  margin: 0;
  font-size: calc(64 * var(--u));
  line-height: 1.15;
  font-weight: bold;
  color: #0470f4;
  text-align: center;
}
.Fangxie_box9 .b9b-tit + .line{
  display: block;
  width: calc(144 * var(--u));
  height: calc(8 * var(--u));
  margin: calc(26 * var(--u)) auto 0;
  border-radius: calc(4 * var(--u));
  background: #0470f4;
}
.Fangxie_box9 .b9b-sub{
  margin: calc(44 * var(--u)) 0 0;
  font-size: calc(28 * var(--u));
  color: #222;
  text-align: center;
}
/* 轮播外层：宽度 = 轮播视口宽度（1408u），箭头绝对定位到视口「外侧」的空白区。
   注意：1408u 比版心 1364u 宽，超宽时 auto 外边距会退化成 0 导致整体左偏，
   故改用负左外边距精确居中：(1364-1408)/2 = -22u。 */
.Fangxie_box9 .b9b-wrap{
  position: relative;
  width: calc(1408 * var(--u));
  margin: calc(94 * var(--u)) 0 0 calc(-22 * var(--u));
}
/* 整体高宽比例固定：视口 1408u × 584u（单卡 402:584），三卡并排 */
.Fangxie_box9 .b9b-car{
  width: calc(1408 * var(--u));
  height: calc(584 * var(--u));
  margin: 0 auto;
  overflow: hidden;
}
.Fangxie_box9 .b9b-car .swiper-slide{ height: 100%; }
.Fangxie_box9 .b9b-car .card{
  height: 100%;
  box-sizing: border-box;
  padding: calc(30 * var(--u));
  background: #f1c5a8;
  border-radius: calc(10 * var(--u));
  display: flex;
  flex-direction: column;
  text-align: center;
}
/* 图片宽度 100%、高度自动、垂直居中 */
.Fangxie_box9 .b9b-car .pbox{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.Fangxie_box9 .b9b-car .pbox img{
  width: 100%;
  height: auto;
}
.Fangxie_box9 .b9b-car .card p{
  margin: calc(20 * var(--u)) 0 0;
  font-size: calc(22 * var(--u));
  line-height: 1.4;
  color: #333;
}
.Fangxie_box9 .b9b-wrap .arr{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(76 * var(--u));
  cursor: pointer;
  z-index: 2;
}
/* 箭头整体落在轮播视口「以外」的空白区：负偏移 104u，箭头宽 76u，
   即箭头右缘距卡片左缘留 28u 空隙，左右完全对称 */
.Fangxie_box9 .b9b-wrap .arr-l{ left: calc(-104 * var(--u)); }
.Fangxie_box9 .b9b-wrap .arr-r{ right: calc(-104 * var(--u)); }

/* 证书放大弹层 */
.fx-zoom{
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.78);
  z-index: 9999;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: zoom-out;
}
.fx-zoom.on{ display: flex; }
.fx-zoom img{
  max-width: 86%;
  max-height: 82%;
  background: #fff;
  padding: calc(12 * var(--u));
  box-sizing: border-box;
}
.fx-zoom p{
  margin: calc(18 * var(--u)) 0 0;
  color: #fff;
  font-size: 16px;
}
.fx-zoom .close{
  position: absolute;
  top: 14px;
  right: 30px;
  color: #fff;
  font-size: 44px;
  line-height: 1;
}

/* ==========================================================================
   板块10：典型客户案例 + 合作伙伴/表单 + 六大服务支持平台
   设计稿 y 23412-26728
   ========================================================================== */
.Fangxie_box10 .fx10a{
  padding: calc(108 * var(--u)) 0 calc(158 * var(--u));
  background: #fff5e8;
  position:relative;
}
.Fangxie_box10 .b10-tit{
  margin: 0;
  font-size: calc(64 * var(--u));
  line-height: 1.15;
  font-weight: bold;
  color: #3064f8;
  text-align: center;
}
.Fangxie_box10 .b10-tabs{
  margin-top: calc(66 * var(--u));
  margin-left: auto;
  margin-right: auto;
  max-width: calc(1080 * var(--u));
  text-align: center;
  position:relative;
}
.Fangxie_box10 .b10-tabs::after{
  width: 200%;
  height:1px;
  background: #c0c1c1;
  content:'';
  position:absolute;
  left: -50%;
  top: 40%;
}
.Fangxie_box10 .b10-tabs a{
  display: inline-block;
  margin: 0 calc(30 * var(--u)) calc(28 * var(--u));
  font-size: calc(26 * var(--u));
  color: #333;
  text-decoration: none;
  padding-bottom: calc(10 * var(--u));
  border-bottom: calc(4 * var(--u)) solid transparent;
}
.Fangxie_box10 .b10-tabs a.on{
  color: #1070e0;
  font-weight: bold;
  border-bottom-color: #1070e0;
}
/* 轮播外层：宽度 = 轮播视口 1426u。比版心 1364u 宽 → 超宽时 auto 外边距退化为 0，
   故用负左外边距精确居中：(1364-1426)/2 = -31u */
.Fangxie_box10 .b10-gwrap{
  position: relative;
  width: calc(1426 * var(--u));
  margin: calc(92 * var(--u)) 0 0 calc(-31 * var(--u));
}
/* 二级轮播：一个 slide = 一页（桌面 2行×3列=6 卡），高度随内容自适应，切行业/翻页不跳动 */
.Fangxie_box10 .b10-swiper{
  width: 100%;
  overflow: hidden;
}
.Fangxie_box10 .b10-swiper .swiper-slide{ height: auto; }
/* 一页网格：3 列各 398u + space-between → 列间距 (1426-3*398)/2 = 116u，与设计稿一致 */
.Fangxie_box10 .b10-grid{
  display: grid;
  grid-template-columns: repeat(3, calc(398 * var(--u)));
  justify-content: space-between;
  row-gap: calc(40 * var(--u));
  padding: 5px;
}
.Fangxie_box10 .b10-swiper .card{
  height: calc(400 * var(--u));
  box-sizing: border-box;
  background: #fff;
  border-radius: calc(50 * var(--u));
  overflow: hidden;
  box-shadow: 0 0px 8px rgba(0,0,0,0.15);
  padding-bottom: 10%;
}
.Fangxie_box10 .b10-swiper .card .pic{
  height: calc(328 * var(--u));
  padding: calc(24 * var(--u)) calc(30 * var(--u));
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Fangxie_box10 .b10-swiper .card .pic img{
  max-width: 90%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.Fangxie_box10 .b10-swiper .card p{
  height: calc(56 * var(--u));
  line-height: calc(56 * var(--u));
  margin: 0 auto;
  background: #e9f1fe;
  color: #4285e8;
  font-size: calc(22 * var(--u));
  text-align: center;
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 10px;
}
/* 箭头悬浮在轮播视口「以外」的空白区：负偏移 130u，箭头宽 98u，右缘距卡片留 32u */
.Fangxie_box10 .b10-gwrap .arr{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(130 * var(--u));
  cursor: pointer;
  z-index: 2;
}
.Fangxie_box10 .b10-gwrap .arr-l{left: calc(-50 * var(--u));}
.Fangxie_box10 .b10-gwrap .arr-r{right: calc(-50 * var(--u));}
/* 该行业公司不足一屏时（无法翻页）箭头置灰——Swiper 会加 swiper-button-lock(display:none)，改回显示并置灰 */
.Fangxie_box10 .b10-gwrap .arr.swiper-button-lock{ display: block; opacity: 0.35; cursor: default; }
.Fangxie_box10 .b10-gwrap .arr.swiper-button-disabled{ opacity: 0.35; cursor: default; }
.Fangxie_box10 .b10-bot{
  display: flex;
  gap: calc(30 * var(--u));
  margin-top: calc(56 * var(--u));
}
.Fangxie_box10 .b10-bot .wall{
  width: calc(660 * var(--u));
  flex-shrink: 0;
  box-sizing: border-box;
  padding: calc(40 * var(--u)) calc(18 * var(--u)) calc(18 * var(--u));
  background: #084480;
  border-radius: calc(8 * var(--u));
  text-align: center;
}
.Fangxie_box10 .b10-bot .wall b{
  display: block;
  font-size: calc(34 * var(--u));
  color: #fff;
}
.Fangxie_box10 .b10-bot .wall span{
  display: block;
  margin-top: calc(16 * var(--u));
  font-size: calc(24 * var(--u));
  color: #fff;
}
.Fangxie_box10 .b10-bot .wall img{
  display: block;
  width: 100%;
  margin-top: calc(22 * var(--u));
}
.Fangxie_box10 .b10-bot .form{
  flex: 1;
  box-sizing: border-box;
  padding: calc(46 * var(--u)) calc(50 * var(--u));
  background: #fff;
  border-radius: calc(8 * var(--u));
}
.Fangxie_box10 .b10-bot .form > b{
  display: block;
  font-size: calc(26 * var(--u));
  color: #111;
}
.Fangxie_box10 .b10-bot .form .desc{
  margin: calc(18 * var(--u)) 0 0;
  font-size: calc(18 * var(--u));
  line-height: calc(30 * var(--u));
  color: #666;
}
.Fangxie_box10 .b10-bot .form label{
  display: block;
  margin-top: calc(24 * var(--u));
  font-size: calc(18 * var(--u));
  color: #333;
}
.Fangxie_box10 .b10-bot .form label i{
  font-style: normal;
  color: #e60012;
  margin-left: calc(4 * var(--u));
}
.Fangxie_box10 .b10-bot .form input{
  display: block;
  width: 100%;
  height: calc(44 * var(--u));
  margin-top: calc(10 * var(--u));
  padding: 0 calc(14 * var(--u));
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  border-radius: calc(6 * var(--u));
  font-size: calc(18 * var(--u));
  color: #333;
  outline: none;
}
.Fangxie_box10 .b10-bot .form input:focus{ border-color: #3366f9; }
.Fangxie_box10 .b10-bot .form button{
  width: 100%;
  height: calc(52 * var(--u));
  margin-top: calc(36 * var(--u));
  border: 0;
  border-radius: calc(8 * var(--u));
  background: #3366f9;
  color: #fff;
  font-size: calc(22 * var(--u));
  font-weight: bold;
  cursor: pointer;
}
.Fangxie_box10 .b10-bot .form .tip{
  margin: calc(20 * var(--u)) 0 0;
  font-size: calc(16 * var(--u));
  color: #999;
  text-align: center;
}
.Fangxie_box10 .b10-bot .form .tip a{
  color: #3366f9;
  text-decoration: none;
}
.Fangxie_box10 .fx10b{
  padding: calc(158 * var(--u)) 0 calc(252 * var(--u));
  background: #fff;
}
.Fangxie_box10 .b10c-tit{
  margin: 0;
  font-size: calc(36 * var(--u));
  line-height: 1.2;
  font-weight: bold;
  color: #111;
}
.Fangxie_box10 .b10c-tit .line{
  display: block;
  width: calc(76 * var(--u));
  height: calc(4 * var(--u));
  margin: calc(16 * var(--u)) 0 0 calc(142 * var(--u));
  border-radius: calc(2 * var(--u));
  background: #4070f0;
}
.Fangxie_box10 .b10c-cards{
  display: grid;
  grid-template-columns: repeat(3, calc(406 * var(--u)));
  justify-content: space-between;
  row-gap: calc(42 * var(--u));
  width: calc(1304 * var(--u));
  margin: calc(108 * var(--u)) auto 0;
  padding: 0;
  list-style: none;
}
.Fangxie_box10 .b10c-cards li{
  min-height: calc(284 * var(--u));
  box-sizing: border-box;
  padding: calc(36 * var(--u)) calc(40 * var(--u));
  background: #eef4ff;
  border-radius: calc(12 * var(--u));
}
.Fangxie_box10 .b10c-cards li img{/* width: calc(56 * var(--u)); */}
.Fangxie_box10 .b10c-cards li b{
  display: block;
  margin-top: calc(26 * var(--u));
  font-size: calc(24 * var(--u));
  color: #111;
}
.Fangxie_box10 .b10c-cards li p{
  margin: calc(12 * var(--u)) 0 0;
  font-size: calc(20 * var(--u));
  line-height: calc(32 * var(--u));
  color: #333;
}

/* --------------------------------------------------------------------------
   四、移动端（≤768px / ≤640px）—— 与全站断点保持一致
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  /* 板块3：卡片单列 */
  .Fangxie_box3 .b3-in{ width: 92%; }
  .Fangxie_box3 .b3-ul{ grid-template-columns: 1fr; row-gap: calc(24 * var(--u)); }
  .Fangxie_box3 .b3-ul li{ min-height: 0; }
  /* 板块4：图块两列，横幅纵向 */
  .Fangxie_box4 .b4-in{ width: 92%; }
  .Fangxie_box4 .b4-tit{ font-size: calc(44 * var(--u)); }
  .Fangxie_box4 .b4-tit img{ height: calc(120 * var(--u)); margin-right: calc(14 * var(--u)); }
  .Fangxie_box4 .b4-ul{
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(20 * var(--u));
  }
  .Fangxie_box4 .b4-ul li{ height: auto; padding-bottom: calc(24 * var(--u)); }
  .Fangxie_box4 .b4-ul li p{ white-space: normal; font-size: calc(24 * var(--u)); }
  .Fangxie_box4 .b4-banner{
    flex-direction: column;
    align-items: flex-start;
    padding: calc(36 * var(--u));
  }
  .Fangxie_box4 .b4-banner .gear{ width: calc(150 * var(--u)); margin: calc(30 * var(--u)) auto 0; }
  /* 板块5：大卡纵向、树图两列 */
  .Fangxie_box5 .b5-card{flex-direction: column;align-items: flex-start;padding: calc(36 * var(--u));margin-top: 30px;}
  .Fangxie_box5 .b5-card .pic{ width: 100%; margin-top: calc(30 * var(--u)); }
  .Fangxie_box5 .b5-card ul{ grid-template-columns: 1fr; }
  .Fangxie_box5 .b5-h{ font-size: calc(30 * var(--u)); }
  .Fangxie_box5 .b5-h img{ width: calc(50 * var(--u)); margin-right: calc(14 * var(--u)); }
  .Fangxie_box5 .b5-trees{ flex-wrap: wrap; justify-content: center; gap: calc(20 * var(--u)); }
  .Fangxie_box5 .b5-trees > img{ width: calc(260 * var(--u)); }
  .Fangxie_box5 .b5-trees .ar{ display: none; }
  /* 板块6/7/8：行布局纵向（图文上下堆叠） */
  .b6-row,
  .b7-row,
  .b8-row{ flex-direction: column; align-items: flex-start; }
  .Fangxie_box6 .fx6a .pic,
  .Fangxie_box7 .b7-row .pic,
  .Fangxie_box8 .b8-row .pic{ width: 100%; margin-top: calc(40 * var(--u)); }
  .Fangxie_box6 .b6-cards{ flex-direction: column; }
  .Fangxie_box6 .b6c-cards{ grid-template-columns: 1fr; row-gap: calc(24 * var(--u)); }
  .Fangxie_box6 .b6c-pics{ flex-direction: column; }
  .Fangxie_box6 .b6c-pics img{ width: 100%; }
  .Fangxie_box6 .fx6c .fx-con{ width: 92%; }
  /* 板块7/8 公共 */
  .Fangxie_box7 .b7-row .lft,
  .Fangxie_box8 .b8-row .lft{ width: 100%; }
  .Fangxie_box7 .b7-grid2{ gap: calc(30 * var(--u)); }
  .Fangxie_box7 .b7-tel{ gap: calc(40 * var(--u)); flex-wrap: wrap; }
  .Fangxie_box8 .b8-box{flex-direction: column;align-items: flex-start;margin-top: calc(80 * var(--u));padding: calc(36 * var(--u));}
  .Fangxie_box8 .b8-box .gear{ width: calc(150 * var(--u)); margin: calc(30 * var(--u)) auto 0; }
  /* 板块9 */
  .Fangxie_box9 .b9-con{ width: 92%; }
  .Fangxie_box9 .b9-cards li{ flex-direction: column; align-items: flex-start; }
  .Fangxie_box9 .b9-cards li img{ margin: 0 0 calc(20 * var(--u)); }
  .Fangxie_box9 .b9b-wrap{ width: 84%; margin: calc(94 * var(--u)) auto 0; }
  .Fangxie_box9 .b9b-car{ width: 100%; height: auto; }
  .Fangxie_box9 .b9b-car .card{ height: auto; padding: calc(24 * var(--u)); }
  .Fangxie_box9 .b9b-wrap .arr{ width: calc(56 * var(--u)); }
  .Fangxie_box9 .b9b-wrap .arr-l{ left: calc(-72 * var(--u)); }
  .Fangxie_box9 .b9b-wrap .arr-r{ right: calc(-72 * var(--u)); }
  /* 板块10：移动端 2行×2列 */
  .Fangxie_box10 .b10-tabs{ max-width: none; }
  .Fangxie_box10 .b10-tabs a{ margin: 0 calc(14 * var(--u)) calc(18 * var(--u)); font-size: calc(24 * var(--u)); }
  .Fangxie_box10 .b10-gwrap{ width: 84%; margin: calc(60 * var(--u)) auto 0; }
  .Fangxie_box10 .b10-grid{ grid-template-columns: repeat(2, 1fr); column-gap: calc(24 * var(--u)); row-gap: calc(24 * var(--u)); }
  .Fangxie_box10 .b10-swiper .card{ height: auto; }
  .Fangxie_box10 .b10-swiper .card .pic{height: calc(170 * var(--u));}
  .Fangxie_box10 .b10-swiper .card p{ white-space: normal; line-height: 1.3; height: auto; padding: calc(10 * var(--u)) calc(8 * var(--u)); box-sizing: border-box; }
  .Fangxie_box10 .b10-gwrap .arr{ width: calc(56 * var(--u)); }
  .Fangxie_box10 .b10-gwrap .arr-l{ left: calc(-72 * var(--u)); }
  .Fangxie_box10 .b10-gwrap .arr-r{ right: calc(-72 * var(--u)); }
  .Fangxie_box10 .b10-bot{ flex-direction: column; }
  .Fangxie_box10 .b10-bot .wall{ width: 100%; }
  .Fangxie_box10 .b10c-cards{width: 100%;grid-template-columns: 1fr;row-gap: calc(24 * var(--u));margin: 20px 0;}
  .Fangxie_box10 .b10c-tit .line{ margin-left: calc(120 * var(--u)); }
  .b6-row,
  .b7-row,
  .b8-row{ gap: 0;}
  .Fangxie_box3 .b3-tit{  font-size: calc(50 * var(--u));  }
  .Fangxie_box3{ padding:80px 0}
  .Fangxie_box4{ padding: 80px 0;}
  .Fangxie_box5{ padding: 80px 0;}
  .Fangxie_box6 .fx6a{ padding: 80px 0;}
  .Fangxie_box6 .fx6b{ padding: 80px 0;}
  .Fangxie_box6 .fx6c{ padding: 80px 0;}
  .Fangxie_box7 .fx7a{ padding: 80px 0;}
  .Fangxie_box7 .fx7b{ padding: 80px 0;}
  .Fangxie_box7 .fx7c{ padding: 80px 0;}
  .Fangxie_box8 .fx8b{ padding: 80px 0;}
  .Fangxie_box8 .fx8c{ padding: 80px 0;}
  .Fangxie_box8 .fx8e{ padding: 80px 0;}
  .Fangxie_box9 .fx9a{ padding: 80px 0;}
  .Fangxie_box9 .fx9b{ padding: 80px 0;}
  .Fangxie_box9 .fx9c{ padding: 80px 0;}
  .Fangxie_box10 .fx10a{ padding: 80px 0;}
  .Fangxie_box10 .fx10b{ padding: 80px 0;}
  .Fangxie_box10 .fx10c{ padding: 80px 0;}
  .Fangxie_box10 .b10-tabs::after{display:none}
  .Fangxie_box8 .b8-box .btn span{  font-size: calc(20 * var(--u));}
}

@media (max-width: 640px) {}