/* ============================================================
   j1feel.net 前端视觉升级样式 upgrade.css (v3)
   ------------------------------------------------------------
   说明：纯前端增强层，通过 CSS 覆盖提升整体档次。
   - 主色保持 #25c4d1 不变，所有新增颜色均由主色派生
   - 不改动后台程序 / 数据库 / 原有 style.css
   - 如需回退，删除本文件在 head 中的引用即可
   ============================================================ */

/* ---------- 变量（全部由主色 #25c4d1 派生） ---------- */
:root{
  --up-deep:#25c4d1;            /* 主色深调 */
  --up-mid:#25c4d1;             /* 主色中调 */
  --up-main:#25c4d1;            /* 主色 */
  --up-cyan:#25c4d1;
  --up-grad:linear-gradient(135deg,#25c4d1 0%,#25c4d1 55%,#25c4d1 100%);
  --up-grad-light:linear-gradient(135deg,#25c4d1 0%,#5fd6df 100%);
  --up-bg:#eefafb;              /* 主色极浅底 */
  --up-card-shadow:0 6px 24px rgba(10,104,114,.08);
  --up-card-shadow-hover:0 18px 44px rgba(10,104,114,.16);
  --up-radius:0px;   /* v33 扁平化：板块卡片/容器全直角 */
}

html{scroll-behavior:smooth}
::selection{background:#25c4d1;color:#fff}
img{transition:transform .5s ease,opacity .5s ease}

/* ============================================================
   ① 顶部通栏
   ============================================================ */
header .header-top{
  background:#25c4d1!important;
  box-shadow:0 2px 10px rgba(10,104,114,.18);
  position:relative;z-index:1000;
}
header .header-top .top-info{color:#fff}
header .header-top .top-info i{color:#fff}
header .header-top .top-info a{color:#fff!important}
header .header-top .top-right .search-input{
  display:flex!important;
  align-items:center;
  width:36px!important;height:36px!important;
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.35)!important;
  border-radius:999px!important;
  padding:0 9px!important;box-sizing:border-box;
  overflow:hidden;cursor:pointer;
  transition:width .35s ease,background .3s,border-color .3s,box-shadow .3s;
}
header .header-top .top-right .search-input:hover{background:rgba(255,255,255,.28)!important}
header .header-top .top-right .search-input.open{
  width:240px!important;
  background:#fff!important;
  border-color:#fff!important;
  box-shadow:0 4px 16px rgba(10,104,114,.22);
  cursor:auto;
}
header .header-top .top-right .search-input .icon-search{
  color:#fff!important;margin-left:0!important;font-size:15px;
  transition:color .3s;flex-shrink:0;
}
header .header-top .top-right .search-input.open .icon-search{color:var(--up-main)!important}
header .header-top .top-right .search-input input{
  flex:1;min-width:0;width:0;opacity:0;
  color:#0b7b86!important;background:transparent!important;
  margin-left:8px!important;height:100%!important;border:none!important;outline:none!important;
  transition:opacity .25s .08s;
}
header .header-top .top-right .search-input.open input{opacity:1}
header .header-top .top-right .search-input input::placeholder{color:#a9c4c8}
header .header-top .top-right .search-btn{display:none!important}
header .header-top .top-right .search-input.open .search-btn{
  display:flex!important;align-items:center;justify-content:center;
  background:transparent!important;
  color:#888!important;
  border:none!important;border-radius:0!important;
  font-size:13px;font-weight:600;padding:0 12px;height:26px;flex-shrink:0;
  transition:opacity .3s;
}
header .header-top .top-right .search-input.open .search-btn:hover{opacity:.7}

/* ============================================================
   ② 主导航
   ============================================================ */
header nav{
  background:rgba(255,255,255,.97)!important;
  backdrop-filter:blur(10px);
  box-shadow:0 4px 24px rgba(10,104,114,.10)!important;
  border-bottom:1px solid rgba(10,104,114,.06);
}
header nav .header-logo img{transition:transform .3s}
header nav .header-logo:hover img{transform:scale(1.03)}
header nav ul > li > a{font-weight:600;letter-spacing:.5px;transition:color .3s}
header nav ul > li > a:hover{color:var(--up-main)!important}
header nav ul > li > a.inmenu_1{color:var(--up-main)!important}
header nav ul .submenu{
  background:#fff!important;
  border-radius:0 0 12px 12px;
  box-shadow:0 18px 44px rgba(10,104,114,.18)!important;
  border-top:3px solid var(--up-main);
}
header nav ul .submenu li a{transition:background .3s,color .3s,padding-left .3s}
header nav ul .submenu li a:hover{
  background:linear-gradient(90deg,rgba(37,196,209,.10),transparent)!important;
  color:var(--up-main);
  padding-left:8px;
}

/* ============================================================
   ③ Banner 轮播（加主色系渐变蒙层）
   ============================================================ */
body .home-container .swiper-container .swiper-slide{position:relative}
body .home-container .swiper-container .swiper-slide::after{
  content:"";position:absolute;left:0;top:0;width:100%;height:100%;
  background:linear-gradient(100deg,rgba(10,104,114,.45) 0%,rgba(10,104,114,.14) 42%,rgba(10,104,114,0) 72%),
             linear-gradient(0deg,rgba(10,104,114,.38) 0%,rgba(10,104,114,0) 46%);
  pointer-events:none;z-index:2;
}
body .home-container .swiper-container .swiper-slide img{
  width:100%;height:100%;object-fit:cover;
}
body .home-container .swiper-container .swiper-button-next i,
body .home-container .swiper-container .swiper-button-prev i{color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.45)}
body .home-container .swiper-container .swiper-pagination-bullet{
  width:26px;height:5px;border-radius:3px;
  background:rgba(255,255,255,.55)!important;transition:all .3s;
}
body .home-container .swiper-container .swiper-pagination-bullet-active{background:var(--up-main)!important;width:42px}

/* ============================================================
   ④ 区块标题（主色纯色，文字不加渐变）
   ============================================================ */
body .home-container .part-title h3{font-weight:700;letter-spacing:2px}
body .home-container .part-title h3 em{color:var(--up-main);font-style:normal}
body .home-container .part-title p{color:#5a6a7d;letter-spacing:1px}
body .home-container .part-title::before{
  content:"";display:block;width:56px;height:4px;border-radius:4px;
  background:var(--up-grad-light);margin:0 auto 18px;
}

/* ============================================================
   ⑤ 业务卡片（软件开发）
   ============================================================ */
body .home-container .hot-product{background:var(--up-bg);padding:70px 0 40px}
body .home-container .hot-product ul{margin:46px auto}
body .home-container .hot-product ul li{
  background:#fff;
  border:1px solid #e6f4f5!important;
  border-radius:var(--up-radius);
  overflow:hidden;
  box-shadow:var(--up-card-shadow)!important;
  transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease;
}
body .home-container .hot-product ul li:hover{
  transform:translateY(-8px);
  box-shadow:var(--up-card-shadow-hover)!important;
  border-color:rgba(37,196,209,.4)!important;
}
body .home-container .hot-product ul li .pro-img{border-bottom:1px solid #e6f4f5;overflow:hidden}
body .home-container .hot-product ul li .pro-img img{transition:transform .6s ease}
body .home-container .hot-product ul li:hover .pro-img img{transform:scale(1.08)}
body .home-container .hot-product ul li .pro-name{font-weight:600;line-height:28px;transition:color .3s;padding:0 14px}
body .home-container .hot-product ul li:hover .pro-name{color:var(--up-main)}
body .home-container .hot-product ul li .pro-btn{
  border:none!important;border-radius:999px!important;
  background:linear-gradient(90deg,#e6f7f8,#eafafb)!important;
  font-weight:600;transition:all .35s ease;
}
body .home-container .hot-product ul li .pro-btn a{color:var(--up-deep)}
body .home-container .hot-product ul li:hover .pro-btn{
  background:var(--up-grad-light)!important;
  box-shadow:0 6px 18px rgba(37,196,209,.35)!important;
  transform:translateY(-2px);
}
body .home-container .hot-product ul li:hover .pro-btn a{color:#fff!important}

/* ============================================================
   ⑥ 关于我们
   ============================================================ */
body .home-container .about-info{
  border-radius:var(--up-radius);overflow:hidden;margin:40px 0;
  box-shadow:var(--up-card-shadow);
}
body .home-container .about-info .about-img img{width:100%;height:100%;object-fit:cover}
body .home-container .about-info .about-content{background:var(--up-grad)!important;position:relative}
body .home-container .about-info .about-content::after{
  content:"";position:absolute;right:-90px;bottom:-90px;width:260px;height:260px;
  border-radius:50%;background:rgba(174,240,245,.14);pointer-events:none;
}
body .home-container .about-info .about-content .content-title{
  font-size:30px;font-weight:700;letter-spacing:1px;position:relative;z-index:1;
}
body .home-container .about-info .about-content article p{
  color:rgba(255,255,255,.9)!important;line-height:30px;position:relative;z-index:1;
}
body .home-container .about-info .about-content .about-btn{
  border:1px solid rgba(255,255,255,.7)!important;
  background:rgba(255,255,255,.12);
  border-radius:999px;backdrop-filter:blur(4px);
  transition:all .35s ease;position:relative;z-index:1;
}
body .home-container .about-info .about-content .about-btn:hover{
  background:#fff!important;border-color:#fff!important;
  box-shadow:0 10px 26px rgba(10,104,114,.3);transform:translateY(-2px);
}
body .home-container .about-info .about-content .about-btn a{color:#fff}
body .home-container .about-info .about-content .about-btn:hover a{color:var(--up-deep)!important}

/* ============================================================
   ⑦ 新闻中心
   ============================================================ */
body .home-container .lastest-news{padding:70px 0 20px}
body .home-container .lastest-news ul li .news-content{
  background:#fff!important;
  border:1px solid #e6f4f5;
  box-shadow:var(--up-card-shadow)!important;
  transition:transform .4s ease,box-shadow .4s ease;
}
body .home-container .lastest-news ul li:hover .news-content{
  transform:translateY(-4px);box-shadow:var(--up-card-shadow-hover)!important;
}
body .home-container .lastest-news ul li .news-content .news-title{font-weight:600;line-height:30px;transition:color .3s}
body .home-container .lastest-news ul li:hover .news-content .news-title a{color:var(--up-main)}
body .home-container .lastest-news ul li .news-content .news-date{
  color:#8a99ab!important;letter-spacing:1px;position:relative;padding-left:16px;
}
body .home-container .lastest-news ul li .news-content .news-date::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:9px;height:9px;border-radius:50%;background:var(--up-grad-light);
}
body .home-container .lastest-news ul li .news-content .more-link a{font-weight:600}
body .home-container .lastest-news ul li .news-content .more-link span{
  color:var(--up-main)!important;font-weight:600;transition:letter-spacing .3s;
}
body .home-container .lastest-news ul li:hover .news-content .more-link span{letter-spacing:2px}

/* ============================================================
   ⑧ 合作伙伴
   ============================================================ */
body .home-container .partners{background:var(--up-bg);padding:70px 0 60px}
body .home-container .partners ul li{
  background:#fff;border:1px solid #e6f4f5;border-radius:12px;padding:8px;
  box-shadow:var(--up-card-shadow)!important;
  transition:transform .4s ease,box-shadow .4s ease;
  filter:grayscale(55%);opacity:.82;
}
body .home-container .partners ul li:hover{
  transform:translateY(-6px);box-shadow:var(--up-card-shadow-hover)!important;
  filter:grayscale(0);opacity:1;
}

/* ============================================================
   ⑨ 页脚（主色深调）
   ============================================================ */
footer{background:#074a52}
footer .footer-top{
  background:var(--up-grad)!important;
  border-radius:16px;margin:0 auto 40px;
  box-shadow:0 12px 34px rgba(10,104,114,.35);
}
footer .footer-top .contact-content p{color:#fff}
footer .bottom-info .intro .title,
footer .bottom-info .nav .title,
footer .bottom-info .cate .title,
footer .bottom-info .code .title{
  color:#fff!important;font-weight:700;letter-spacing:2px;position:relative;padding-bottom:14px;
}
footer .bottom-info .title::after{
  content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;
  background:var(--up-main);border-radius:3px;
}
footer .bottom-info .intro-text{color:#b7dde0;line-height:28px}
footer .bottom-info .nav ul li a,
footer .bottom-info .cate ul li a{color:#c2e4e6!important;transition:color .3s,padding-left .3s}
footer .bottom-info .nav ul li a:hover,
footer .bottom-info .cate ul li a:hover{color:#5fd6df!important;padding-left:6px}
footer .footer-container ul li.map .logo,
footer .footer-container ul li.email .logo,
footer .footer-container ul li.tel .logo{filter:drop-shadow(0 2px 6px rgba(37,196,209,.35))}
footer .footer-container ul li .content .content-title{color:#fff!important;font-weight:600}
footer .footer-container ul li .content .content-text{color:#25c4d1!important}
footer .footer-container ul li .content .content-text a{color:#25c4d1!important;text-decoration:none!important;cursor:default!important;}
footer .footer-container ul li .content .content-text a:hover{opacity:1!important;}
footer .footer-container ul li .content .content-text a:hover{color:#5fd6df!important}
footer .right-text{color:#8fb8bc}
footer .right-text a{color:#b7dde0;transition:color .3s}
footer .right-text a:hover{color:#5fd6df}
footer .code .ErWeiImg{border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.3)}

/* ============================================================
   ⑩ 悬浮按钮 / 返回顶部 / 悬浮窗
   ============================================================ */
.top-btn{
  background:var(--up-grad-light)!important;
  box-shadow:0 8px 22px rgba(37,196,209,.4)!important;
  border-radius:50%!important;
  transition:transform .3s;
}
.top-btn:hover{transform:translateY(-4px)}
.floatwindow_fd_conct{border-radius:12px 0 0 12px}
.floatwindow_fd-img{
  background:transparent url(/skin/images/fd_img.png) no-repeat center center!important;
  background-size:50px 50px!important;
  width:50px!important;
  height:50px!important;
  border-radius:50%!important;
  margin-top:100px;
}
.contact-btn a{
  background:var(--up-grad-light)!important;border-radius:999px!important;
  box-shadow:0 8px 20px rgba(37,196,209,.35);
  transition:transform .3s,box-shadow .3s;
}
.contact-btn a:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(37,196,209,.5)}

/* 滚动条美化 */
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:#e6f4f5}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#25c4d1,#5fd6df);border-radius:9px}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#25c4d1,#25c4d1)}

/* ============================================================
   移动端适配
   ============================================================ */
@media (max-width:767px){
  body .home-container .hot-product ul li{box-shadow:none!important;border-radius:10px}
  body .home-container .about-info .about-content .content-title{font-size:22px;padding-left:24px}
  body .home-container .about-info .about-content article p{padding-left:24px;padding-right:24px}
  body .home-container .about-info .about-content .about-btn{margin-left:24px}
  header nav .submenu{border-top:2px solid var(--up-main)}
}

/* ============================================================
   ④ 导航升级 v11：深色文字 + 竖向卡片下拉 + 右侧 CTA 按钮
   ------------------------------------------------------------
   - 纯 CSS 覆盖，不改后台 / 不改 HTML 结构(CTA 由 head 模板注入)
   - 桌面(≥1001px)生效；移动端保持汉堡菜单，CTA 隐藏
   ============================================================ */
@media (min-width:1001px){
  /* 布局：logo 靠左，菜单 + CTA 靠右 */
  header nav{
    justify-content:flex-start!important;
  }
  header nav .header-logo{
    margin-right:auto!important;
  }
  /* 一级菜单：深色文字提升白底对比度，字重与间距更讲究 */
  header nav ul > li{
    margin:0 6px!important;
  }
  header nav ul > li > a{
    color:#2c3a41!important;
    font-size:15.5px!important;
    letter-spacing:1px!important;
    padding:14px 8px!important;
    position:relative;
  }
  header nav ul > li > a:hover,
  header nav ul > li > a.inmenu_1{
    color:var(--up-main)!important;
  }
  /* 有子菜单的项：右侧小箭头（纯 CSS，:has 支持则显示） */
  header nav ul li:has(> ul.submenu) > a::after{
    content:'';
    display:inline-block;
    width:6px;height:6px;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:rotate(45deg);
    margin-left:7px;
    vertical-align:2px;
    opacity:.6;
    transition:transform .3s,opacity .3s;
  }
  header nav ul li:has(> ul.submenu):hover > a::after{
    transform:rotate(225deg);
    opacity:1;
  }
  /* 下拉：竖向卡片菜单 */
  header nav ul .submenu{
    display:flex!important;
    flex-direction:column!important;
    width:240px!important;
    position:absolute!important;
    top:calc(100% + 16px)!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    transform-origin:top center!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    background:#fff!important;
    border-radius:14px!important;
    border-top:3px solid var(--up-main)!important;
    box-shadow:0 22px 50px rgba(10,104,114,.20)!important;
    padding:10px!important;
    transition:opacity .25s ease,transform .25s ease,visibility .25s!important;
    z-index:99!important;
  }
  header nav ul li:hover > ul.submenu{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateX(-50%)!important;
  }
  header nav ul .submenu li{
    margin:0!important;
    border-bottom:1px solid rgba(10,104,114,.06)!important;
  }
  header nav ul .submenu li:last-child{
    border-bottom:none!important;
  }
  header nav ul .submenu li a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:12px 16px!important;
    font-size:14.5px!important;
    font-weight:500!important;
    color:#2c3a41!important;
    border-radius:8px!important;
    transition:background .25s,color .25s,padding-left .25s!important;
  }
  header nav ul .submenu li a:hover{
    background:rgba(37,196,209,.10)!important;
    color:var(--up-main)!important;
    padding-left:20px!important;
  }
  /* 右侧 CTA 按钮（“免费咨询”） */
  header nav .nav-cta{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px;
    align-self:center!important;
    margin-left:26px!important;
    padding:12px 26px!important;
    background:var(--up-main)!important;
    color:#fff!important;
    font-size:15px!important;
    font-weight:600!important;
    letter-spacing:1px;
    border-radius:999px!important;
    box-shadow:0 8px 22px rgba(37,196,209,.38)!important;
    transition:transform .3s,box-shadow .3s,background .3s!important;
    white-space:nowrap;
  }
  header nav .nav-cta:hover{
    transform:translateY(-2px)!important;
    box-shadow:0 12px 28px rgba(37,196,209,.50)!important;
    background:#25c4d1!important;
    color:#fff!important;
  }
  header nav .nav-cta::after{
    content:'';
    width:7px;height:7px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:rotate(-45deg);
    margin-left:2px;
  }
}
/* 移动端隐藏 CTA，保持汉堡菜单原样 */
@media (max-width:1000px){
  header nav .nav-cta{display:none!important}
}

/* ============================================================
   ⑤ 苹果极简 v12：logo 缩小、导航更薄、克制留白、细字重
   ------------------------------------------------------------
   - 主打：克制、留白、细字重、大面积降噪
   - 大面积渐变统一收敛为纯色，主色 #25c4d1 保留用于强调
   ============================================================ */
/* ---- Logo 缩小（200x47 -> 高约40px） ---- */
header nav .header-logo img{
  max-height:40px!important;
  max-width:170px!important;
  width:auto!important;
  height:auto!important;
}

/* ---- 导航变薄、更极简 ---- */
header nav{
  height:72px!important;
}
header nav ul > li > a{
  font-size:15px!important;
  font-weight:500!important;
  letter-spacing:1.2px!important;
}
header nav .nav-cta{
  padding:10px 22px!important;
  font-size:14px!important;
  font-weight:500!important;
}

/* ---- 顶部栏：更薄、字体更细 ---- */
header .header-top{
  font-size:12.5px!important;
  font-weight:400!important;
  letter-spacing:.4px;
}
header .header-top .top-info{
  padding:6px 0!important;
}
header .header-top .top-info i{
  font-size:13px!important;
}

/* ---- 模块标题：苹果风大标题、细字重、留白 ---- */
body .home-container .part-title{
  padding:8px 0 6px;
}
body .home-container .part-title h3{
  font-size:44px!important;
  font-weight:300!important;
  letter-spacing:5px!important;
}
body .home-container .part-title h3 em{
  font-weight:400!important;
  color:var(--up-main);
}
body .home-container .part-title p{
  font-size:16px!important;
  font-weight:300!important;
  letter-spacing:3px!important;
  color:#6b7c86!important;
  margin-top:10px;
}
body .home-container .part-title::before{
  background:#25c4d1!important;   /* 渐变装饰线收敛为纯色 */
  width:44px;height:3px;border-radius:2px;margin:0 auto 22px;
}

/* ---- 业务卡片：柔和阴影、大圆角、更克制 ---- */
body .home-container .hot-product ul li{
  border-radius:20px!important;
  box-shadow:0 12px 32px rgba(10,104,114,.05)!important;
  border-color:#eef4f5!important;
}
body .home-container .hot-product ul li:hover{
  transform:translateY(-6px);
  box-shadow:0 26px 56px rgba(10,104,114,.12)!important;
}
body .home-container .hot-product ul li .pro-name{
  font-weight:500!important;
}
body .home-container .hot-product ul li .pro-btn{
  background:#f2fbfb!important;   /* 纯色去渐变 */
}
body .home-container .hot-product ul li:hover .pro-btn{
  background:#25c4d1!important;   /* 纯色主色 */
  box-shadow:0 8px 20px rgba(37,196,209,.32)!important;
}

/* ---- 关于区：纯色深青背景(去渐变)、细标题 ---- */
body .home-container .about-info .about-content{
  background:#25c4d1!important;
}
body .home-container .about-info .about-content .content-title{
  font-weight:400!important;
  letter-spacing:1.5px!important;
}
body .home-container .about-info .about-content article p{
  font-weight:300!important;
  letter-spacing:.3px;
  line-height:32px;
}

/* ---- banner 箭头：更简洁 ---- */
body .home-container .swiper-container .swiper-button-prev i,
body .home-container .swiper-container .swiper-button-next i{
  font-size:28px!important;
  color:rgba(255,255,255,.85)!important;
  text-shadow:0 2px 10px rgba(0,0,0,.3);
}

/* ============================================================
   ⑥ 苹果极简 v13：纯白业务区、banner 简化、页脚去渐变
   ============================================================ */
/* ---- 业务区：纯白背景，卡片阴影再减淡 ---- */
body .home-container .hot-product{
  background:#fff!important;
}
body .home-container .hot-product ul li{
  box-shadow:0 8px 24px rgba(10,104,114,.03)!important;
  border-color:#f2f6f7!important;
}
body .home-container .hot-product ul li:hover{
  box-shadow:0 18px 40px rgba(10,104,114,.08)!important;
}

/* ---- banner：箭头毛玻璃圆钮 + 指示条细胶囊 ---- */
body .home-container .swiper-container .swiper-button-prev,
body .home-container .swiper-container .swiper-button-next{
  width:44px!important;
  height:44px!important;
  background:rgba(255,255,255,.16)!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transition:background .3s!important;
}
body .home-container .swiper-container .swiper-button-prev:hover,
body .home-container .swiper-container .swiper-button-next:hover{
  background:rgba(255,255,255,.32)!important;
}
body .home-container .swiper-container .swiper-button-prev i,
body .home-container .swiper-container .swiper-button-next i{
  font-size:18px!important;
  color:#fff!important;
  text-shadow:none!important;
}
body .home-container .swiper-container .swiper-pagination-bullet{
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.5)!important;
}
body .home-container .swiper-container .swiper-pagination-bullet-active{
  width:22px!important;
  border-radius:4px!important;
  background:#fff!important;
}

/* ---- 页脚：去渐变、统一纯色、更克制 ---- */
footer{
  background:#1f1f1f!important;
}
footer .footer-top{
  background:#25c4d1!important;   /* 渐变改纯色主色 */
  box-shadow:none!important;
}
footer .footer-top .contact-content p{
  color:#fff;
  font-weight:300;
  letter-spacing:2px;
}
footer .footer-top .contact-btn a{
  background:rgba(255,255,255,.20)!important;   /* 纯色半透明白 */
  border:1px solid rgba(255,255,255,.45)!important;
  box-shadow:none!important;
  color:#fff!important;
  font-weight:400!important;
  letter-spacing:1px;
  transition:background .3s,color .3s;
}
footer .footer-top .contact-btn a:hover{
  background:#fff!important;
  color:#25c4d1!important;
  transform:translateY(-2px);
}
footer .bottom-info .title::after{
  background:#25c4d1!important;
}
.top-btn{
  background:#25c4d1!important;   /* 渐变改纯色 */
  box-shadow:0 8px 20px rgba(37,196,209,.3)!important;
}

/* ============================================================
   ⑦ 字体统一 v14：现代系统字体栈，中英文协调
   ------------------------------------------------------------
   - 原字体栈是一堆英文 web 字体(Lato/Roboto/Oswald...)，中文回退
     系统默认，导致中英文、各模块字体不一致
   - 统一为现代无衬线系统栈：Mac 用苹方 / Windows 用微软雅黑 /
     英文数字用 Helvetica-Arial，全站一致、极简
   ============================================================ */
:root{
  --fontfamily:'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑','Helvetica Neue',Helvetica,Arial,sans-serif;
}
html{
  font-size:16px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
body{
  font-family:var(--fontfamily);
}
h1,h2,h3,h4,h5,h6,p,a,li,span,div,input,button,textarea,select{
  font-family:var(--fontfamily);
}
/* 分页省略号不再用宋体 */
.pagination .st{
  font-family:inherit!important;
}

/* ============================================================
   ⑧ v16：去当前页下划线、logo 再缩小、鼠标跟随高光
   ============================================================ */
/* ---- 去掉当前页菜单下划线（老设计） ---- */
header nav ul > li > a.inmenu_1::after,
header nav ul > li > a.inmenu_1:after{
  content:none!important;
  display:none!important;
}
header nav ul > li:hover > a::after{
  content:none!important;
}

/* ---- logo 再缩小（40 -> 32px） ---- */
header nav .header-logo img{
  max-height:32px!important;
  max-width:140px!important;
}

/* ---- 业务卡片：鼠标跟随主色高光（spotlight） ---- */
body .home-container .hot-product ul li{
  position:relative!important;
  overflow:hidden!important;
}
body .home-container .hot-product ul li::before{
  content:"";
  position:absolute;
  top:0;left:0;
  width:100%;height:100%;
  background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(37,196,209,.10) 0%,transparent 65%);
  opacity:0;
  transition:opacity .35s ease;
  pointer-events:none;
  z-index:2;
}
body .home-container .hot-product ul li:hover::before{
  opacity:1;
}
body .home-container .hot-product ul li .pro-img,
body .home-container .hot-product ul li .pro-name,
body .home-container .hot-product ul li .pro-btn{
  position:relative;
  z-index:1;
}

/* ============================================================
   ⑨ v17：全站文字统一（对齐导航标准）
   主文字统一导航深色 #2c3a41，辅助文字统一柔和灰 #6b7c86，
   标题/正文字重收敛为 500/400，去除生硬纯黑与粗体
   ============================================================ */
:root{
  --up-ink:#2c3a41;   /* 导航菜单深色，作为全站主文字色 */
  --up-mut:#6b7c86;   /* 柔和灰，作为全站辅助文字色 */
}

/* ---- 深色标题统一（首页/新闻/详情/服务/联系/关于） ---- */
body .home-container .part-title h3,
body .home-container .part-title h3 em{
  color:var(--up-ink)!important;
}
body .home-container .hot-product ul li .pro-name,
body .news-title,
body .news-title a,
body .news-list .news-title a,
body .news-content h1, body .news-content h2, body .news-content h3,
body .article-content h1, body .article-content h2, body .article-content h3,
body .service-content h1, body .service-content h2, body .service-content h3,
body .about-text h2, body .about-text h3{
  color:var(--up-ink)!important;
  font-weight:500!important;
}
body .contact-wrapper .contact-left .title{
  color:var(--up-ink)!important;
  font-weight:500!important;
  font-size:32px!important;
  line-height:1.4!important;
}

/* ---- 正文统一（浅色区） ---- */
body .home-container .hot-product ul li .pro-desc,
body .news-text,
body .news-content p,
body .news-detail-content p,
body .article-content p,
body .service-content p,
body .service-info p,
body .contact-wrapper .contact-left p:not(.title),
body .abouts-content .ck-add p,
body .about-text p{
  color:var(--up-ink)!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.9!important;
}

/* ---- 辅助文字统一柔和灰 ---- */
body .news-list .news-date,
body .news-content .news-date,
body .news-info .news-date,
body .news-date,
body .news-time,
body .article-date,
body .info-date,
body .service-info .info-date{
  color:var(--up-mut)!important;
  font-weight:400!important;
  font-size:13px!important;
}

/* ---- 按钮/更多链接对齐导航字重 ---- */
body .home-container .hot-product ul li .pro-btn{
  font-weight:500!important;
  color:var(--up-ink)!important;
}
body .more-btn{
  color:var(--up-ink)!important;
  font-weight:500!important;
}

/* ============================================================
   ⑩ v19：banner 箭头极简线条风（去圆底）
   去掉传统圆形按钮底，改为纯线条箭头 + 柔和投影，
   hover 时箭头轻微位移，更苹果、更现代
   ============================================================ */
body .home-container .swiper-container .swiper-button-prev,
body .home-container .swiper-container .swiper-button-next{
  width:auto!important;
  height:auto!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:12px 8px!important;
  opacity:.95;
  transition:opacity .3s;
}
body .home-container .swiper-container .swiper-button-prev:hover,
body .home-container .swiper-container .swiper-button-next:hover{
  opacity:1;
}
body .home-container .swiper-container .swiper-button-prev i,
body .home-container .swiper-container .swiper-button-next i{
  font-size:44px!important;
  line-height:1!important;
  color:#fff!important;
  text-shadow:0 3px 14px rgba(0,0,0,.42),0 0 3px rgba(0,0,0,.28)!important;
  transition:transform .3s ease;
}
body .home-container .swiper-container .swiper-button-prev:hover i{
  transform:translateX(-3px);
}
body .home-container .swiper-container .swiper-button-next:hover i{
  transform:translateX(3px);
}

/* ============================================================
   ⑪ v20：banner 隐藏箭头，改为视频式自动播放
   ============================================================ */
body .home-container .swiper-container .swiper-button-prev,
body .home-container .swiper-container .swiper-button-next{
  display:none!important;
}

/* ============================================================
   ⑫ v21：去掉导航与 banner 之间的空隙
   ============================================================ */
body header + .home-container,
body header + .common-container{
  margin-top:0!important;
}

/* ============================================================
   ⑬ v22：banner 指示条可交互（hover/点击切换）
   ============================================================ */
body .home-container .swiper-container .swiper-pagination-bullet{
  cursor:pointer!important;
  transition:transform .3s ease,background .3s ease,width .3s ease!important;
}
body .home-container .swiper-container .swiper-pagination-bullet:hover{
  background:rgba(255,255,255,.95)!important;
  transform:scale(1.35)!important;
}

/* ============================================================
   ⑭ v23：导航下拉——消除悬停间隙 + 去掉子项右侧竖线
   - 下拉原定位在导航底部下方16px，鼠标滑下时丢失hover导致
     子项难选中 → 改为紧贴导航底部(top:100%)
   - 去掉原站子项右侧的1px灰色竖线
   ============================================================ */
@media (min-width:1001px){
  header nav ul .submenu{
    top:100%!important;
  }
  header nav ul .submenu li::after{
    content:none!important;
  }
}

/* ============================================================
   ⑮ v24：banner 视频感动态
   - Ken Burns：当前帧图片缓慢放大，视频呼吸感
   - 指示条进度动画：当前帧胶囊像视频进度条一样被主色填充
   ============================================================ */
/* ---- Ken Burns 缓慢缩放 ---- */
body .home-container .swiper-container .swiper-slide img{
  transition:transform 6s ease-out!important;
  will-change:transform;
}
body .home-container .swiper-container .swiper-slide-active img{
  transform:scale(1.08);
}

/* ---- 指示条进度动画（3秒与自动播放同步） ---- */
body .home-container .swiper-container .swiper-pagination-bullet-active{
  position:relative!important;
  overflow:hidden!important;
}
body .home-container .swiper-container .swiper-pagination-bullet-active::after{
  content:"";
  position:absolute;
  left:0;top:0;
  height:100%;
  width:0;
  background:rgba(37,196,209,.9);
  border-radius:4px;
  animation:bannerProgress 3s linear forwards;
}
@keyframes bannerProgress{
  0%{width:0}
  100%{width:100%}
}

/* ============================================================
   ⑯ v25：banner 文字层（苹果式淡入上浮）
   - 文字由 interact.js 注入 .banner-caption
   - 文案为占位，可按业务调整
   ============================================================ */
body .home-container .swiper-container .banner-caption{
  position:absolute;
  left:6%;
  top:24%;
  max-width:560px;
  z-index:9999;
  text-align:left;
  pointer-events:none;
}
body .home-container .swiper-container .banner-caption .bc-kicker{
  display:inline-block;
  font-size:13px;
  letter-spacing:2px;
  color:#fff;
  background:var(--up-main,#25c4d1);
  padding:6px 16px;
  border-radius:20px;
  margin-bottom:20px;
  opacity:0;
  transform:translateY(18px);
  transition:opacity .7s ease,transform .7s ease;
}
body .home-container .swiper-container .banner-caption .bc-title{
  font-size:44px;
  font-weight:600;
  color:#fff;
  line-height:1.12;
  margin:0 0 16px;
  text-shadow:0 4px 24px rgba(10,30,40,.35);
  opacity:0;
  transform:translateY(24px);
  transition:opacity .7s ease .12s,transform .7s ease .12s;
}
body .home-container .swiper-container .banner-caption .bc-sub{
  font-size:17px;
  color:rgba(255,255,255,.92);
  margin:0 0 28px;
  text-shadow:0 2px 12px rgba(10,30,40,.4);
  opacity:0;
  transform:translateY(24px);
  transition:opacity .7s ease .24s,transform .7s ease .24s;
}
body .home-container .swiper-container .banner-caption .bc-btn{
  display:inline-block;
  padding:13px 36px;
  font-size:15px;
  font-weight:600;
  color:#fff;
  background:var(--up-main,#25c4d1);
  border-radius:50px;
  text-decoration:none;
  box-shadow:0 12px 32px rgba(37,196,209,.35);
  pointer-events:auto;
  transition:transform .3s,box-shadow .3s,background .3s;
  opacity:0;
  transform:translateY(24px);
  transition:opacity .7s ease .36s,transform .7s ease .36s,background .3s,box-shadow .3s;
}
body .home-container .swiper-container .banner-caption .bc-btn:hover{
  background:#25c4d1;
  transform:translateY(-2px);
  box-shadow:0 16px 40px rgba(37,196,209,.45);
}
body .home-container .swiper-container .banner-caption.in .bc-kicker,
body .home-container .swiper-container .banner-caption.in .bc-title,
body .home-container .swiper-container .banner-caption.in .bc-sub,
body .home-container .swiper-container .banner-caption.in .bc-btn{
  opacity:1;
  transform:translateY(0);
}
@media (max-width:1000px){
  body .home-container .swiper-container .banner-caption{
    left:5%;
    top:20%;
    max-width:86%;
  }
  body .home-container .swiper-container .banner-caption .bc-title{font-size:28px}
  body .home-container .swiper-container .banner-caption .bc-sub{font-size:14px}
  body .home-container .swiper-container .banner-caption .bc-btn{padding:10px 26px;font-size:14px}
}

/* ============================================================
   ⑰ v28：去掉板块标题背景大数字装饰（统一极简）
   - 软件开发/新闻中心/合作伙伴 标题上方的浅灰大数字(01/03/04)
     显示不一致，统一去除，标题区全局一致
   ============================================================ */
body .home-container .part-title::after{
  content:none!important;
}

/* ============================================================
   ⑱ v29：去掉栏目标题上方的装饰短线（更极简）
   ============================================================ */
body .home-container .part-title::before{
  content:none!important;
}

/* ============================================================
   ⑲ v46：板块间距统一32px(margin-top清零,padding-top=32)
   ============================================================ */
body .home-container .hot-product{ margin-top:0!important; padding-top:50px!important; padding-bottom:0!important; padding-left:260px!important; padding-right:260px!important; }

/* ============================================================
   ㉖ v53：文字统一 + 小屏适配
   ============================================================ */
body .home-container .hot-product ul li .pro-name a,
body .home-container .lastest-news ul li a,
body .home-container .lastest-news ul li .news-content .news-title a{
  font-size:16px!important;
  color:#333!important;
  font-weight:500!important;
  font-family:"PingFang SC","Microsoft YaHei",sans-serif!important;
}
body .home-container .hot-product .part-title p,
body .home-container .lastest-news .part-title p,
body .home-container .about-info .part-title p,
body .home-container .partners .part-title p{
  font-size:14px!important;
  color:#6b7c86!important;
}
@media (max-width:1280px){
  body .home-container .hot-product{
    padding-left:0!important;
    padding-right:0!important;
  }
}
body .home-container .about-info{ margin-top:0!important; margin-bottom:0!important; padding-top:50px!important; background:#fff!important; box-shadow:none!important; }
body .home-container .lastest-news{ margin-top:0!important; padding-top:50px!important; padding-bottom:0!important; }
body .home-container .partners{ margin-top:0!important; margin-bottom:0!important; padding-top:50px!important; padding-bottom:36px!important; }

/* ============================================================
   ⑳ v31：栏目标题区统一为导航风格（深色、实字重、紧凑字距）
   - 标题：细字重300→500，字距5px→2px，em青色→深色
   - 副标题：300→400，字距3px→1px
   ============================================================ */
body .home-container .part-title h3{
  font-size:40px!important;
  font-weight:500!important;
  letter-spacing:2px!important;
  color:#2c3a41!important;
}
body .home-container .part-title h3 em{
  font-weight:500!important;
  color:#2c3a41!important;
}
body .home-container .part-title p{
  font-size:15px!important;
  font-weight:400!important;
  letter-spacing:1px!important;
  color:#5a6a7d!important;
}
/* ============================================================
   ㉒ v35：软件开发卡片行间距收窄（30px→16px）
   ============================================================ */
body .home-container .hot-product ul li{
  margin-bottom:16px!important;
}

/* ============================================================
   ㉑ v33：扁平化——板块卡片/容器/按钮 全直角
   - --up-radius 已置 0（首页+内页卡片容器）
   - 覆盖可能残留的 20px 卡片圆角与胶囊按钮
   ============================================================ */
body .home-container .hot-product ul li,
body .home-container .about-info,
body .home-container .hot-product ul li .pro-btn,
body .home-container .about-btn{
  border-radius:0!important;
}

/* v31 移动端栏目标题字号（恢复） */
@media (max-width:1000px){
  body .home-container .part-title h3{ font-size:28px!important; }
}

/* ============================================================
   ㉓ v36：四项优化
   A. 全圆角统一直角（banner按钮/kicker/nav-cta/CTA按钮）
   B. 卡片：图片紧贴，标题与按钮间距加大
   C. 合作伙伴：去浅青底改纯白、压缩高度、logo灰阶hover彩色
   D. CTA条(.footer-top)并入深蓝footer背景
   ============================================================ */
/* A. 圆角直角化 */
body .bc-btn,
body .bc-kicker,
body header .nav-cta,
body .footer-top .contact-btn a{
  border-radius:0!important;
}

/* B. 卡片内部间距 */
body .home-container .hot-product ul li .pro-img{ margin:0!important; }
body .home-container .hot-product ul li .pro-name{
  margin:0!important;
  padding:10px 16px 0!important;
}
body .home-container .hot-product ul li .pro-btn{
  margin-top:16px!important;
}

/* C. 合作伙伴 */
body .home-container .partners{
  background:#fff!important;
  padding-top:50px!important;
  padding-bottom:36px!important;
}
body .home-container .partners .part-title h3 em{color:#2c3a41!important;}
body .home-container .partners .part-title p{color:#6b7c86!important;}
body .home-container .partners ul{
  background:transparent!important;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-start;
  margin-top:30px!important;
  gap:24px 0;
}
body .home-container .partners ul li{
  background:transparent!important;
  border:none!important;
  flex:0 0 16.66%;
  max-width:16.66%;
  display:flex;
  align-items:center;
  justify-content:center;
  height:auto!important;
  padding:0 10px!important;
}
body .home-container .partners ul li img{
  max-height:60px!important;
  width:auto!important;
  max-width:100%!important;
  filter:grayscale(1);
  opacity:.75;
  transition:opacity .3s ease;
}
body .home-container .partners ul li:hover img{
  opacity:1;
}
body .home-container .partners{
  border-bottom:none!important;
}
body .home-container .partners ul{ margin-bottom:0!important; }
body .home-container .partners ul li{
  filter:grayscale(1);
  opacity:.55;
  transition:opacity .3s ease, filter .3s ease;
}
body .home-container .partners ul li:hover{
  filter:grayscale(0);
  opacity:1;
}

/* D. footer-top自己青蓝色背景（footer主体已改回深色） */
body .footer-top{
  background:#25c4d1!important;
}
/* 底部白色缝隙：footer-container补深灰padding盖住 */
body .footer-container{
  padding-bottom:40px!important;
}
/* body白色，确保所有区域无黑色蒙版 */
body{ background:#fff!important; }
body .home-container{ background:#fff!important; }

/* ============================================================
   ㉓ v43：软件开发卡片重新设计
   - 整体限宽居中(1000px)，避免大屏太宽
   - 图片object-fit:cover填满，不变形不留白
   ============================================================ */
body .home-container .hot-product ul{
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-bottom:0!important;
}
body .home-container .hot-product ul li .pro-img{
  height:auto!important;
  aspect-ratio:16/9;
}
body .home-container .hot-product ul li .pro-img img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* ============================================================
   ㉔ v44：核心产品卡片科技感设计
   - 大号半透明编号(01-06)
   - hover图片微放大、阴影加深、标题变主色
   - 卡片底部主色条hover出现
   ============================================================ */
body .home-container .hot-product ul{
  counter-reset: uprod;
  gap:40px 24px;
}
body .home-container .hot-product ul li{
  position:relative!important;
  counter-increment: uprod;
  overflow:hidden;
  transition:transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease;
  border:none!important;
  box-shadow:none!important;
}
body .home-container .hot-product ul li:hover{
  transform:translateY(-4px);
  box-shadow:none!important;
}
/* 大号编号 */
body .home-container .hot-product ul li::before{
  content:counter(uprod, decimal-leading-zero);
  position:absolute;
  top:14px;
  right:18px;
  font-size:56px;
  font-weight:700;
  color:rgba(255,255,255,.55);
  letter-spacing:-2px;
  line-height:1;
  z-index:2;
  pointer-events:none;
  transition:color .35s ease;
}
body .home-container .hot-product ul li:hover::before{
  color:rgba(37,196,209,.9);
}
/* 图片hover微放大 */
body .home-container .hot-product ul li .pro-img{
  overflow:hidden;
}
body .home-container .hot-product ul li .pro-img img{
  transition:transform .6s cubic-bezier(.2,.8,.2,1);
}
body .home-container .hot-product ul li:hover .pro-img img{
  transform:scale(1.06);
}
/* 标题hover变主色 */
body .home-container .hot-product ul li .pro-name a{
  transition:color .3s ease;
}
body .home-container .hot-product ul li:hover .pro-name a{
  color:#25c4d1!important;
}
/* 底部主色条 */
body .home-container .hot-product ul li::after{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:3px;
  background:#25c4d1;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .45s cubic-bezier(.2,.8,.2,1);
  z-index:3;
}
body .home-container .hot-product ul li:hover::after{
  transform:scaleX(1);
}

/* ============================================================
   ㉕ v50：查看详情改为新闻"查看更多"文字链接风格
   ============================================================ */
body .home-container .hot-product ul li .pro-btn{
  background:transparent!important;
  padding:0!important;
  margin-top:14px!important;
}
body .home-container .hot-product ul li .pro-btn a{
  display:inline-block!important;
  background:transparent!important;
  color:#25c4d1!important;
  padding:0!important;
  font-weight:600!important;
  font-size:16px!important;
  line-height:1!important;
}
body .home-container .hot-product ul li .pro-btn a::after{
  content:' →';
  display:inline-block;
  transition:transform .3s ease;
}
body .home-container .hot-product ul li:hover .pro-btn a::after{
  transform:translateX(4px);
}

/* ============================================================
   ㉖ v52：强制查看详情=新闻查看更多纯文字样式
   ============================================================ */
body .home-container .hot-product ul li .pro-btn,
body .home-container .hot-product ul li:hover .pro-btn{
  background:transparent!important;
  border:none!important;
  padding:0!important;
  box-shadow:none!important;
}
body .home-container .hot-product ul li .pro-btn a,
body .home-container .hot-product ul li:hover .pro-btn a{
  background:transparent!important;
  border:none!important;
  padding:0!important;
  box-shadow:none!important;
  color:#25c4d1!important;
  display:inline-block!important;
}
/* footer标题下去掉青绿色小横线 */
footer .footer-container .bottom-info .title::after,
footer .footer-container .bottom-info .title::before{
  display:none!important;
}
/* 二维码改直角 */
footer .footer-container .bottom-info .code img{
  border-radius:0!important;
}
/* 只改上方青绿色联系区域宽度，和下方Address/Email/Call Us对齐 */
body footer{
  width:100%!important;
  margin:0!important;
}
body .footer-top{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-top:30px!important;
  padding-bottom:30px!important;
  padding-left:260px!important;
  padding-right:260px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border-radius:0!important;
}
body .footer-top .contact-left{
  display:flex!important;
  align-items:center!important;
}
body .footer-top .contact-content p{
  margin:0!important;
  line-height:1.5!important;
}
body .footer-top .contact-btn{
  display:flex!important;
  align-items:center!important;
}
/* footer导航链接文字统一成和顶部导航一致规格 */
footer .footer-container .bottom-info .nav ul li a,
footer .footer-container .bottom-info ul li a{
  font-size:16px!important;
  color:rgba(255,255,255,.85)!important;
  font-weight:400!important;
  line-height:24px!important;
}
/* 底部白色缝隙消除：footer贴底 */
footer{
  padding-bottom:0!important;
  margin-bottom:0!important;
}
/* Address/Email/Call Us行背景改主色青蓝 */
/* Address/Email/Call Us条保持深色背景（和参考图一致） */
footer ul.fadeInRight{
  background:transparent!important;
}
body .footer-top .contact-btn a{
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.35)!important;
  color:#fff!important;
}
@media (max-width:1280px){
  body .footer-top{
    padding-left:0!important;
    padding-right:0!important;
  }
}

/* 新闻卡片等高 */
body .home-container .lastest-news ul{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:stretch!important;
}
body .home-container .lastest-news ul li{
  display:flex!important;
  flex-direction:row!important;
  align-items:stretch!important;
}
body .home-container .lastest-news ul li .news-img,
body .home-container .lastest-news ul li .news-content{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

/* 桌面端隐藏手机底部导航栏和浮动面板里的英文按钮 */
@media(min-width:769px){
  .mobile-bottom{ display:none!important; }
  .floatwindow_fd-main{ display:none!important; }
  .floatwindow_email, .floatwindow_wechat, .floatwindow_online{ display:none!important; }
}
body .footer-top{
  border-radius:0!important;
}
/* 底部白色缝隙：html和body都白色，footer深色，用padding补1px缝隙 */
html{
  background:#fff!important;
}
body{
  background:#fff!important;
}
body .home-container{
  background:#fff!important;
}
body footer{
  background:#1f1f1f!important;
  margin-bottom:0!important;
  padding-bottom:40px!important;
  margin-top:-24px!important;
  box-shadow:0 100px 0 #1f1f1f!important;
}
body .footer-top{
  margin-bottom:0!important;
}
footer .footer-container{
  padding-bottom:0!important;
}
/* 消除subpixel缝隙 */
footer::after{
  content:"";
  display:block;
  height:0;
  clear:both;
}

/* 列表页产品标题和首页.pro-name完全一致 */
body .applic-name,
body .applic-name a{
  font-size:16px!important;
  font-weight:500!important;
  color:#2c3a41!important;
  line-height:28px!important;
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",微软雅黑,"Helvetica Neue",Helvetica,Arial,sans-serif!important;
}
/* 产品详情页和新闻详情统一 */
body .news-detail-content h1{
  text-align:center!important;
  font-size:28px!important;
  font-weight:600!important;
  color:#1a1a1a!important;
  line-height:1.5!important;
}
body .news-detail-content p{
  font-size:16px!important;
  line-height:1.9!important;
  color:#333!important;
  margin:0 0 30px!important;
}
body .home-container .article,
body .home-container .content,
body .home-container .detail,
body .home-container .text,
body .home-container .page-content{
  max-width:760px!important;
  margin:0 auto!important;
  padding:60px 20px 80px!important;
}
body .home-container .article p,
body .home-container .content p,
body .home-container .detail p,
body .home-container .text p{
  font-size:16px!important;
  line-height:1.9!important;
  color:#333!important;
  margin:0 0 28px!important;
  text-align:justify!important;
}
body .home-container .article p:first-of-type,
body .home-container .content p:first-of-type,
body .home-container .detail p:first-of-type,
body .home-container .text p:first-of-type{
  font-size:18px!important;
  color:#1a1a1a!important;
  line-height:1.8!important;
}
body .home-container .article img,
body .home-container .content img,
body .home-container .detail img,
body .home-container .text img{
  border-radius:8px!important;
  box-shadow:0 4px 24px rgba(0,0,0,.08)!important;
  margin:20px auto!important;
  display:block!important;
  max-width:100%!important;
  height:auto!important;
}
body .home-container .article strong,
body .home-container .content strong{
  color:#25c4d1!important;
  font-weight:600!important;
}

/* 客服图标可点击 */
body .floatwindow_fd_img{
  cursor:pointer!important;
}
body .pagebar{
  background:#fff!important;
  padding:20px 0!important;
  margin:0!important;
}
body .pagination a,
body .pagination span{
  background:#fff!important;
  border:1px solid #e0e0e0!important;
  color:#666!important;
}
body .pagination .current,
body .pagination span.current{
  background:#25c4d1!important;
  color:#fff!important;
  border-color:#25c4d1!important;
}

/* ============================================================
   ㉕ v132：移动端三件套修复
   A. 在线咨询按钮移动端显示
   B. 产品卡片移动端布局正常
   C. 三横菜单弹出内容可见
   ============================================================ */
@media (max-width:768px){
  /* A. 在线咨询按钮显示 */
  body .floatwindow_fd_conct{
    display:block!important;
    position:fixed!important;
    right:0!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:999!important;
  }
  body .floatwindow_fd-img{
    display:block!important;
    width:50px!important;
    height:50px!important;
    background-size:contain!important;
    cursor:pointer!important;
  }
  /* B. 产品卡片移动端布局 */
  body .home-container .hot-product{
    padding-left:0!important;
    padding-right:0!important;
  }
  body .home-container .hot-product ul{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:20px 4%!important;
    margin:20px 4%!important;
    padding:0!important;
  }
  body .home-container .hot-product ul li{
    width:48%!important;
    margin:0!important;
    flex:0 0 48%!important;
  }
  body .home-container .hot-product ul li .pro-name{
    padding:8px 4px!important;
    font-size:14px!important;
    line-height:1.4!important;
  }
  body .home-container .hot-product ul li::before{
    font-size:32px!important;
    top:8px!important;
    right:10px!important;
  }
  /* C. 三横菜单弹出内容可见 */
  header nav ul{
    display:block!important;
    position:static!important;
    background:#fff!important;
    width:100%!important;
    padding:10px 0!important;
  }
  header nav ul li{
    display:block!important;
    width:100%!important;
    text-align:left!important;
    padding:10px 20px!important;
    border-bottom:1px solid #f0f0f0!important;
  }
  header nav ul li a{
    font-size:16px!important;
    color:#2c3a41!important;
  }
  header nav .submenu{
    display:none!important;
  }
}