/* ===== 风格改造 开始 ===== */
/* ---- 设计变量 ---- */
:root{
    --brand:#c00000;          /* 品牌主色（红） */
    --brand-dark:#8f0000;     /* 主色加深（hover） */
    --brand-soft:#fdeaea;     /* 主色浅底 */
    --tech-blue:#1565c0;      /* 科技蓝（结构/深色区点缀） */
    --tech-blue-dark:#0e2a4f; /* 科技蓝加深（方案区/页脚） */
    --k-ink:#1a1a1a;          /* 主标题深黑 */
    --k-text:#444;            /* 正文 */
    --k-text-sub:#7a7a7a;     /* 次要文字 */
    --k-line:#e6e6e6;         /* 分割线 */
    --k-bg-gray:#f6f6f7;      /* 浅灰背景 */
}

/* ============================================================
   1. 全局 / 排版
   ============================================================ */
body{
    background:#fff !important;
    color:var(--k-text);
    max-width:100% !important;
    font-family:"Microsoft YaHei","微软雅黑","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif !important;
}
.index_main{ background:#fff !important; max-width:100% !important; overflow-x:hidden; }
/* 所有首页区块内容严格限制在 1280px 安全宽度内（仿工业科技官网） */
.index_main .center,
.link .center{ max-width:1280px !important; margin:0 auto !important; padding:0 20px !important; box-sizing:border-box !important; width:100% !important; }
.index_main > div{ max-width:100%; }
.index_main .box_tit,
.index_main .box,
.index_main .box3list{ max-width:1280px !important; margin-left:auto !important; margin-right:auto !important; }

/* 清除旧底色/间距 */
.index_main .i_box2,
.index_main .i_box3,
.index_main .i_box5,
.index_main .i_box6{ background:#fff !important; padding:64px 0 !important; margin:0 !important; }
.index_main .i_box3{ background:var(--k-bg-gray) !important; }
.index_main .i_box6{ padding:0 !important; }

/* ============================================================
   2. 区块标题（工业科技风）
   结构：.box_tit > span(主标题) + p(副标题) + .more(更多)
   ============================================================ */
.index_main .box_tit,
.box_tit{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    border: 0 !important;
    padding: 0 0 12px 0 !important;
    margin: 0 0 36px 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-bottom: 1px solid var(--k-line) !important;
    height: auto !important;
    line-height: 1 !important;
    position: relative;
    float: none !important;
    width: 100% !important;
    max-width: 1280px !important;
    box-sizing: border-box !important;
}

.index_main .box_tit.clearfix::before,
.index_main .box_tit.clearfix::after,
.box_tit.clearfix::before,
.box_tit.clearfix::after{
    display: none !important;
    content: none !important;
}

/* —— 左侧主标题 —— */
.index_main .box_tit > span,
.box_tit > span{
    font-size: 35px !important;
    font-weight: 700 !important;
    color: var(--k-ink) !important;
    line-height: 1.2 !important;
    padding: 0 !important;
    background: none !important;
    float: none !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    text-align: left !important;
    flex-shrink: 0 !important;
    letter-spacing: 1px;
}

.index_main .box_tit span strong,
.index_main .box_tit em,
.box_tit span strong,
.box_tit em{ display:none !important; }

/* —— 中间副标题（水平居中）—— */
.index_main .box_tit > p,
.box_tit > p{
    color: var(--k-text-sub) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    margin: 0 !important;
    float: none !important;
    line-height: 1.5 !important;
    display: block !important;
    text-align: center !important;       /* 文字水平居中 */
    flex: 1 !important;                  /* 占据中间全部剩余空间 */
    padding: 0 20px !important;          /* 左右留白，避免贴边 */
}


/* —— 右侧"更多"按钮 —— */
.index_main .box_tit .more,
.index_main .more,
.box_tit .more,
.more{
    float: none !important;
    margin: 0 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    width: auto !important;
    height: auto !important;
}

.index_main .box_tit .more a span,
.index_main .more a span,
.box_tit .more a span,
.more a span{
    color: var(--brand) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    background: none !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
    text-align: left !important;
}

/* 更多链接右侧双箭头（两个独立的>符号） */
.index_main .box_tit .more a::after,
.index_main .more a::after,
.box_tit .more a::after,
.more a::after{
    content: ">>" !important;
    color: var(--brand) !important;
    margin-left: 6px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    display: inline-block !important;
    letter-spacing: -2px;
}


/* ============================================================
   3. 产品分类网格（上图下标题、标题居中）
   ============================================================ */

.index_main .i_box3 .box{ 
    padding: 0; 
}
.index_main .i_box3 .box3list{ 
    overflow: visible; 
}
.index_main .i_box3 .box3list .swiper-wrapper{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px 8px;
    transform: none;
    width: auto;
    margin-top: 24px;
}

.index_main .i_box3 .box3list .swiper-slide{
    width: auto;
    margin: 0;
    padding: 0;
}

/* 卡片 */
.index_main .i_box3 .box3list .swiper-slide .text{
    background: #fff;
    border: 1px solid var(--k-line);
    height: 100%;
    transition: box-shadow .25s, transform .25s, border-color .25s;
    overflow: hidden;
    border-radius: 4px;
}

/* 图片区 */
.index_main .i_box3 .box3list .swiper-slide .text .pic{
    width: 100%;
    height: 220px;
    background: var(--k-bg-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.index_main .i_box3 .box3list .swiper-slide .text .pic img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    box-sizing: border-box;
    transition: transform .4s;
}
.index_main .i_box3 .box3list .swiper-slide:hover .text .pic img{ 
    transform: scale(1.06); 
}

/* 标题区（水平居中） */
.index_main .i_box3 .box3list .swiper-slide .text1{
    padding: 8px 12px;
    text-align: center;
}
.index_main .i_box3 .box3list .swiper-slide .text1 i{ 
    display: none; 
}
.index_main .i_box3 .box3list .swiper-slide .text1 span{
    display: block;
    font-size: 15px;
    letter-spacing: 0.1em;
    font-weight: 600;
    color: var(--k-ink);
    line-height: 1.4;
}
.index_main .i_box3 .box3list .swiper-slide .text1 p{ 
    display: none; 
}

/* 隐藏查看详情 */
.index_main .i_box3 .box3list .swiper-slide .text2{
    display: none;
}

/* hover 效果 */
.index_main .i_box3 .box3list .swiper-slide:hover .text{
    box-shadow: 0 8px 24px rgba(0,0,0,.10);
    transform: translateY(-3px);
    border-color: transparent;
}
.index_main .i_box3 .box3list .swiper-slide:hover .text1 span{ 
    color: var(--brand); 
}

/* 隐藏前后箭头 */
.index_main .i_box3 .box3list .prev,
.index_main .i_box3 .box3list .next{ 
    display: none; 
}


/* ============================================================
   4. 关于/公司介绍（i_box2：左文右图）
   ============================================================ */
.index_main .i_box2 .box{ padding:0 !important; }
.index_main .i_box2 .box .fl{ width:54% !important; float:left !important; }
.index_main .i_box2 .box .fr{ width:42% !important; float:right !important; }
.index_main .i_box2 .box .fr img{
    width:100% !important;
    height:auto !important;
    border-radius:4px;
    display:block;
}
.index_main .i_box2 .box .fl .text p{
    color:var(--k-text) !important;
    font-size:15px !important;
    line-height:2 !important;
    margin:0 0 24px 0 !important;
    text-indent:2em;
}
.index_main .i_box2 .box .fl .text .more a span{
    display:inline-block !important;
    padding:12px 30px !important;
    background:var(--brand) !important;
    color:#fff !important;
    font-size:14px !important;
    border-radius:2px !important;
    line-height:1 !important;
}
.index_main .i_box2 .box .fl .text .more a span::after{ display:none !important; }
.index_main .i_box2 .box .fl .text .more a:hover span{ background:var(--brand-dark) !important; }

/* ============================================================
   5. 新闻资讯（i_box5：左大图 + 右列表）
   ============================================================ */
.index_main .i_box5 .box .fl{ width:42% !important; float:left !important; }
.index_main .i_box5 .box .fr{ width:55% !important; float:right !important; }
.index_main .i_box5 .box .fl .pic a{
    height:240px !important;
    border-radius:4px;
    overflow:hidden;
}
.index_main .i_box5 .box .fl .new_time,
.index_main .i_box5 .box .fr li .item .new_time{
    background:var(--brand) !important;
    color:#fff !important;
    border-radius:2px;
}
.index_main .i_box5 .box .fl .new_time span,
.index_main .i_box5 .box .fr li .item .new_time span{
    color:#fff !important;
    font-size:20px !important;
    font-weight:700 !important;
}
.index_main .i_box5 .box .fl .new_time p,
.index_main .i_box5 .box .fr li .item .new_time p{
    color:#fff !important;
    font-size:12px !important;
}
.index_main .i_box5 .box .fl .text a{
    color:var(--k-ink) !important;
    font-size:18px !important;
    font-weight:600 !important;
    line-height:1.5 !important;
}
.index_main .i_box5 .box .fl .text a:hover{ color:var(--brand) !important; }
.index_main .i_box5 .box .fl .text p{ color:var(--k-text-sub) !important; font-size:13px !important; line-height:1.7 !important; }

.index_main .i_box5 .box .fr li{ padding:0 0 16px 0 !important; border-bottom:1px solid var(--k-line) !important; margin:0 0 16px 0 !important; }
.index_main .i_box5 .box .fr li:last-child{ border-bottom:0 !important; }
.index_main .i_box5 .box .fr li .libg{ display:none !important; }
.index_main .i_box5 .box .fr li .item{ display:flex !important; align-items:center; gap:18px; }
.index_main .i_box5 .box .fr li .item .new_time{ flex-shrink:0; position:static !important; left:auto !important; top:auto !important; }
.index_main .i_box5 .box .fr li .item .text{ flex:1; padding-left:0 !important; width:auto !important; min-height:0 !important; }
.index_main .i_box5 .box .fr li .item .text a{
    color:var(--k-ink) !important;
    font-size:15px !important;
    font-weight:500 !important;
    line-height:1.5 !important;
    display:block;
}
.index_main .i_box5 .box .fr li .item .text a:hover{ color:var(--brand) !important; }
.index_main .i_box5 .box .fr li .item .text p{ color:var(--k-text-sub) !important; font-size:12px !important; line-height:1.6 !important; margin-top:4px !important; }
.index_main .i_box5 .box .fr li:hover .item .text a{ color:var(--brand) !important; }

/* ============================================================
   6. 解决方案 CTA（i_box6）
   ============================================================ */
.index_main .i_box6{ position:relative; background:#f6f8fb !important; padding:64px 0 !important; }
.index_main .i_box6 .center{
    max-width:1280px !important;
    margin:0 auto !important;
    padding:0 20px;
    display:flex !important;
    align-items:center;
    gap:48px;
}
.index_main .i_box6 .pic{
    width:42% !important;
    float:none !important;
    flex-shrink:0;
    margin:0 !important;
}
.index_main .i_box6 .pic img{
    width:100% !important;
    height:auto !important;
    display:block;
    border-radius:4px;
}
.index_main .i_box6 .text{
    flex:1 !important;
    float:none !important;
    margin:0 !important;
    background:transparent !important;
    padding:0 !important;
}
.index_main .i_box6 .text .box_tit{ border:0 !important; margin:0 0 20px 0 !important; padding:0 !important; }
.index_main .i_box6 .text .box_tit span{ color:#1a2533 !important; font-size:22px !important; }
.index_main .i_box6 .text .box_tit span::after{ background:var(--brand); }
.index_main .i_box6 .text .box_tit p{ color:#5b6675 !important; }
.index_main .i_box6 .text .text1 p{ color:#3f4855 !important; font-size:15px !important; line-height:1.9 !important; margin:0 0 28px 0 !important; }
.index_main .i_box6 .text .more a span{
    display:inline-block !important;
    padding:14px 36px !important;
    background:var(--brand) !important;
    color:#fff !important;
    font-size:15px !important;
    border-radius:2px !important;
    line-height:1 !important;
}
@media (max-width:760px){
    .index_main .i_box6 .center{ flex-direction:column !important; gap:24px; }
    .index_main .i_box6 .pic,
    .index_main .i_box6 .text{ width:100% !important; }
}
.index_main .i_box6 .box .text .more a span::after{ display:none !important; }
.index_main .i_box6 .box .text .more a:hover span{ background:#fff !important; color:var(--brand) !important; }

/* ============================================================
   7. 首页产品推荐列表（about_main 区）
   ============================================================ */
.about_main{ background:#fff !important; padding:56px 0 !important; border-top:1px solid var(--k-line) !important; }
.about_main .box_tit{ border-bottom:1px solid var(--k-line) !important; margin:0 0 24px 0 !important; padding:0 0 16px 0 !important; }
.about_main .prolist ul{ display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:18px !important; }
/* 首页（index_main 内）新产品仍保持一行 5 个 */
.index_main .about_main .prolist ul{ grid-template-columns:repeat(5,1fr) !important; }
.about_main .prolist li{
    width:auto !important;
    margin:0 !important;
    border:1px solid var(--k-line) !important;
    background:#fff;
    transition:box-shadow .25s, transform .25s;
    border-radius:4px;
    overflow:hidden;
}
.about_main .prolist li:nth-child(5n){ margin-right:0 !important; }
.about_main .prolist li .pic .imgauto{
    height:160px !important;
    background:var(--k-bg-gray);
    display:flex; align-items:center; justify-content:center;
}
.about_main .prolist li .pic .imgauto img{
    width:100% !important; 
    height:100% !important;
    object-fit:contain !important;
    box-sizing:border-box;
    transition:transform .4s;
}

.about_main .prolist li:hover{ box-shadow:0 8px 24px rgba(0,0,0,.10); transform:translateY(-3px); border-color:transparent; }
.about_main .prolist li:hover .pic .imgauto img{ transform:scale(1.06); }
.about_main .prolist li .text{ padding:12px 36px 16px !important; text-align: center;}
.about_main .prolist li .text i{
    display:block !important;
    color:var(--brand) !important;
    font-size:12px !important;
    font-style:normal !important;
    margin-bottom:4px;
    letter-spacing:.5px;
}
.about_main .prolist li .text a{
    color:var(--k-ink) !important;
    font-size:14px !important;
    font-weight:500 !important;
    line-height:1.5 !important;
}
.about_main .prolist li:hover .text a{ color:var(--brand) !important; }
/* 隐藏旧绿色装饰条（style.css 旧 .about_main .box_tit small 残留） */
.about_main .box_tit small{ display:none !important; }

/* ============================================================
   8. 友情链接
   ============================================================ */
.link{ background:var(--k-bg-gray) !important; padding:24px 0 !important; border-top:1px solid var(--k-line); }
.link .list span{ color:var(--k-ink) !important; font-weight:600 !important; font-size:14px; }
.link .list a{ color:var(--k-text-sub) !important; font-size:13px; margin:0 14px 0 0; line-height:2; }
.link .list a:hover{ color:var(--brand) !important; }

/* ============================================================
   9. 头部导航（工业科技风：白底、hover 下划线、干净）
   ============================================================ */
.header{ box-shadow:0 1px 0 rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.04) !important; background:#fff !important; }
.header-top{ background:#fff !important; border-bottom:1px solid var(--k-line) !important; }
.header-slogan .slogan-main{ color:var(--k-ink) !important; }
.header-slogan .slogan-sub{ color:var(--k-text-sub) !important; }
.header-contact .contact-item span{ color:var(--k-ink) !important; font-weight:600 !important; }
.header-nav{ background:#fff !important; }
.header-nav .nav ul li a{
    color:var(--k-ink) !important;
    font-weight:600 !important;
    font-size:16px !important;
    transition:color .2s;
}
.header-nav .nav ul li:hover a,
.header-nav .nav ul li.active a{ color:var(--brand) !important; }
.header-nav .nav ul li a::after{
    content:""; position:absolute; left:50%; bottom:0;
    width:0; height:2px; background:var(--brand);
    transition:width .25s, left .25s;
}
.header-nav .nav ul li:hover a::after,
.header-nav .nav ul li.active a::after{ width:100%; left:0; }
.header-search .search-btn{ background:var(--brand) !important; color:#fff !important; }

/* ============================================================
   10. 页脚（工业科技风：深色底、分栏，左对齐）
   ============================================================ */
.footer{ background: #0f3563 !important; color:#cdd3dc !important; padding:54px 0 30px !important; }
.footer .box{ display:flex !important; flex-wrap:wrap !important; gap:48px !important; align-items:flex-start !important; }
.footer .box .text1,
.footer .box .text2,
.footer .box .text3{ color:#cdd3dc !important; }
.footer .box .text1{ flex:45; min-width:0; }
.footer .box .text2{ flex:35; min-width:0; }
.footer .box .text3{ flex:20; min-width:0; text-align:center !important; }
.footer h3{ color:#fff !important; font-size:16px !important; font-weight:600 !important; margin-bottom:18px; }
.footer .text1 p span{ display:block; color:#dadada !important; font-size:15px; line-height:2; }
.footer .text1 .list{ display:flex !important; flex-wrap:nowrap !important; align-items:center !important; margin-top:28px !important; justify-content: space-between; /* 两端对齐，元素自动均分空隙 */}
.footer .text1 .list a{ color:#eeeeee !important; font-size:16px; line-height:1; white-space:nowrap; text-decoration:none; transition:color .2s; }
.footer .text1 .list a:not(:last-child)::after{ content:"|"; margin:0 20px; color:#eeeeee !important; }
.footer .text1 .list a:hover{ color:#c00000 !important; }
.footer .text2 form{ display:flex !important; flex-direction:column !important; gap:10px !important; }
.footer .text2 input,
.footer .text2 textarea{
    width:100% !important; background:#2c3947 !important; border:1px solid #3a4757 !important; color:#fff !important;
    border-radius:2px; padding:10px 12px;
}
.footer .text2 .tijiao{ text-align: center;}
.footer .text2 .sub_btn{ background:var(--brand) !important; border:0 !important; color:#fff !important; cursor:pointer; border-radius:2px; width:180px !important;align-items: center; }
.footer .text2 .sub_btn:hover{ background:var(--brand-dark) !important; }
.footer .text3 span img{ max-width:120px !important; background:#fff !important; padding:6px !important; border-radius:5px !important; display:block !important; margin:0 auto !important; }
.footer .text3 p{ color:#cdd3dc !important; font-size:13px !important; margin-top:18px !important; }
/*.copyright{ background: #0f3563 !important; }
.copyright p{ color:#7a8694 !important; font-size:12px !important; }
*/
.copyright {
	background: #0f3563 ;
	padding: 15px 0;
	border-top: 1px solid #bdbdbd
}

.copyright p {
	font-size: 14px;
	line-height: 24px;
	color: #bdbbbb;
	text-align: center;
	display: block
}

/* 页脚内层容器统一收束到 1280px（覆盖 style.css 旧 .footer .center{width:1400px}） */
.footer .center{ max-width:1280px !important; width:100% !important; margin:0 auto !important; padding:0 20px !important; box-sizing:border-box !important; }

/* ============================================================
   11. 响应式
   ============================================================ */
@media (max-width:1020px){
    .index_main .i_box2,.index_main .i_box3,.index_main .i_box5,.index_main .i_box6{ padding:40px 0 !important; }
    .index_main .box_tit span{ font-size:22px !important; }
    .index_main .i_box3 .box3list .swiper-wrapper{ grid-template-columns:repeat(3,1fr) !important; }
    .index_main .about_main .prolist ul{ grid-template-columns:repeat(3,1fr) !important; }
    .index_main .i_box2 .box .fl,
    .index_main .i_box2 .box .fr,
    .index_main .i_box5 .box .fl,
    .index_main .i_box5 .box .fr{ width:100% !important; float:none !important; }
    .index_main .i_box2 .box .fr{ margin-top:30px; }
    .index_main .i_box5 .box .fl{ margin-bottom:24px; }
    .index_main .i_box6 .pic img{ height:240px !important; }
    .footer .box .text1,
    .footer .box .text2,
    .footer .box .text3{ flex:0 0 100% !important; }
    .footer .box{ gap:30px; }
}
@media (max-width:760px){
    .index_main .i_box3 .box3list .swiper-wrapper{ grid-template-columns:repeat(2,1fr) !important; }
    .index_main .about_main .prolist ul{ grid-template-columns:repeat(2,1fr) !important; }
    .index_main .i_box3 .box3list .swiper-slide .text .pic{
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 238 / 200;
    }
    .index_main .i_box3 .box3list .swiper-slide .text .pic img{
        width: 100% !important;
        height: 100% !important;
    }
    .index_main .box_tit span{ font-size:20px !important; }
    .index_main .i_box6 .box .text .box_tit span{ font-size:22px !important; }
    .index_main .i_box6 .pic img{ height:200px !important; }
}

/* ============================================================
   12. 语言切换器 (translate.js)
   自动识别浏览器语言，非中文时右上角显示翻译提示
   #translate 容器由 translate.js 自动填充为语言下拉
   ============================================================ */

/* 头部语言切换下拉容器 */
.header-lang-login .translate,
.lang .translate,
#translate{
    display:inline-block !important;
    vertical-align:middle;
    line-height:1;
}
.header-lang-login .translate select,
.lang .translate select,
#translate select{
    height:30px;
    padding:0 30px 0 12px;
    border:1px solid #e0e0e0;
    border-radius:2px;
    background:#fff;
    color:#1a1a1a;
    font-size:13px;
    font-family:inherit;
    cursor:pointer;
    outline:none;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c00000' stroke-width='3'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 9px center;
    transition:border-color .2s, box-shadow .2s;
}
.header-lang-login .translate select:hover,
.lang .translate select:hover,
#translate select:hover{ border-color:var(--brand); }
.header-lang-login .translate select:focus,
.lang .translate select:focus,
#translate select:focus{
    border-color:var(--brand);
    box-shadow:0 0 0 2px rgba(215,0,14,.12);
}

/* translate.js 右上角浮动翻译提示框（非中文浏览器自动出现） */
.translate-tooltip,
.translateNotice,
[id*="translateNotice"],
.translateScrolling{
    z-index:9998 !important;
    border-radius:2px !important;
    font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif !important;
}

/* 小屏：头部语言切换隐藏，保留右上角翻译浮窗 */
@media (max-width:760px){
    .header-lang-login .translate,
    .lang .translate{ display:none !important; }
}
/* ===== 风格改造 结束 ===== */

/* 联系我们 - 强制居中 强覆盖版 */
.contact_text1 {
	width: 100% !important;
	padding: 60px 0 !important;
}
.contact_text1 .center {
	max-width: 1280px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	box-sizing: border-box !important;
}
.contact_text1 .box {
	display: flex !important;
	justify-content: space-evenly !important;
	align-items: flex-start !important;
	gap: 30px !important;
	width: 100% !important;
	float: none !important;
}
.contact_text1 .box li {
	float: none !important;
	width: auto !important;
	flex: 1 !important;
	max-width: 240px !important;
	border-left: 0 !important;
	text-align: center !important;
}
.contact_text1 .box li i {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 50px !important;
	height: 50px !important;
	margin: 0 auto 10px !important;
	background: var(--brand-soft) !important;
	border-radius: 50% !important;
	line-height: normal !important;
}
.contact_text1 .box li i img {
	width: 24px !important;
	height: 24px !important;
	display: block !important;
}
.contact_text1 .box li span {
	font-size: 18px !important;
	color: var(--k-ink) !important;
	display: block !important;
	margin-bottom: 8px !important;
	font-weight: 500;
}
.contact_text1 .box li p {
	font-size: 14px !important;
	color: var(--k-text-sub) !important;
	line-height: 1.6 !important;
	margin: 0 !important;
}
/* 移动端自适应 */
@media (max-width:760px) {
	.contact_text1 .box {
		flex-direction: column !important;
		align-items: center !important;
		gap: 24px !important;
	}
	.contact_text1 .box li {
		max-width: 300px !important;
		width: 100% !important;
	}
}

/* ============================================================
   13. 产品详情页参数列表
   ============================================================ */
.pro-params {
	list-style: none;
	margin: 0 0 16px;
	padding: 0;
	border-top: 1px solid #eee;
	font-size: 14px;
	line-height: 1.6;
}
.pro-params li {
	display: flex;
	padding: 10px 0;
	border-bottom: 1px solid #eee;
}
.pro-params .label {
	color: #666;
	width: 90px;
	flex-shrink: 0;
	font-weight: 400;
}
.pro-params .value {
	color: #333;
	flex: 1;
	word-break: break-all;
}
@media (max-width:760px) {
	.pro-params .label { width: 80px; }
}

/* ============================================================
   14. 产品详情页 PDF 内嵌预览
   自动将内容区 .pdf 链接替换为 iframe 预览
   ============================================================ */
.pdf-viewer {
	margin: 20px 0;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	overflow: hidden;
	background: #f7f7f7;
}
.pdf-viewer iframe,
.pdf-viewer embed {
	display: block;
	width: 100%;
	height: 800px;
	border: 0;
}
@media (max-width:760px) {
	.pdf-viewer iframe,
	.pdf-viewer embed { height: 500px; }
}

/* ============================================================
   15. 案例中心网格修复
   原 float 布局在新增不同比例图片时易错位重叠，
   改为 CSS Grid + 图片 overflow:hidden/object-fit:cover
   ============================================================ */
.case_list ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.case_list li {
	width: auto !important;
	margin: 0 !important;
	float: none !important;
	background: #fff;
	box-shadow: 0 1px 10px 1px #ccc;
	overflow: hidden;
}
.case_list li .pic .imgauto {
	width: 100%;
	height: 126px;
	overflow: hidden;
	position: relative;
	background: #fff;
}
.case_list li .pic .imgauto img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform: scale(1);
	transition: transform .8s;
}
.case_list li:hover .pic .imgauto img {
	transform: scale(1.08);
}
.case_list li:nth-child(3n) {
	margin-right: 0 !important;
}
@media (max-width:760px) {
	.case_list ul {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}
	.case_list li .pic .imgauto {
		height: 120px;
	}
	.case_list li:nth-child(2n) {
		margin-right: 0 !important;
	}
	.case_list li:nth-child(3n) {
		margin-right: 0 !important;
	}
}

/* ============================================================
   16. 全站图片统一 4:3 · 不裁剪完整显示（Banner除外）
   容器固定 4:3，图片 object-fit:contain 等比缩放完整放入：
   方图水平居中、竖图垂直居中，任何比例都不裁剪
   覆盖：首页产品中心/新产品、产品列表页、详情页主图、
         详情页相关产品、案例中心、首页新闻左大图
   ============================================================ */
.index_main .i_box3 .box3list .swiper-slide .text .pic,
.about_main .prolist li .pic .imgauto,
.prolist li .pic .imgauto,
.case_list li .pic .imgauto,
.pc-slide .view .swiper-slide .imgauto {
	aspect-ratio: 4 / 3 !important;
	height: auto !important;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	box-sizing: border-box;
}
.index_main .i_box3 .box3list .swiper-slide .text .pic img,
.about_main .prolist li .pic .imgauto img,
.prolist li .pic .imgauto img,
.case_list li .pic .imgauto img,
.pc-slide .view .swiper-slide .imgauto img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	box-sizing: border-box;
}
/* 首页新闻左侧大图（背景图形式，内联 cover 改为 contain） */
.index_main .i_box5 .box .fl .pic a {
	aspect-ratio: 4 / 3 !important;
	height: auto !important;
	background-size: contain !important;
	background-color: #fff;
	border: 1px solid var(--k-line);
	box-sizing: border-box;
}

/* ============================================================
   17. 产品卡片整体比例与文字行距优化
   ① 首页产品卡片（i_box3 产品中心 + about_main 新产品）：
      图片区 4:3，加上底部文字区后卡片整体呈 1:1
   ② 产品卡片下方文字上下行距收紧
   ============================================================ */
/* i_box3 产品中心卡片：整体 1:1（图片 4:3 占 3/4 高，文字区占 1/4） */
.index_main .i_box3 .box3list .swiper-slide .text{
	display: flex;
	flex-direction: column;
	aspect-ratio: 1 / 1;
	box-sizing: border-box;
}
.index_main .i_box3 .box3list .swiper-slide .text .pic{
	flex: 0 0 75%;
	height: auto !important;
	aspect-ratio: auto !important;
}
.index_main .i_box3 .box3list .swiper-slide .text1{
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px 10px;
	min-height: 0;
}

/* 新产品/产品列表卡片：整体 1:1（图片 4:3 + 文字区） */
.about_main .prolist li{
	display: flex !important;
	flex-direction: column;
	aspect-ratio: 1 / 1;
	box-sizing: border-box;
}
.about_main .prolist li .pic{
	flex: 0 0 75%;
	min-height: 0;
}
.about_main .prolist li .pic a{
	display: block;
	height: 100%;
}
.about_main .prolist li .pic .imgauto{
	height: 100% !important;
	aspect-ratio: auto !important;
}
/* 文字区：行间距适度、离底边更近 */
.about_main .prolist li .text{
	flex: 1;
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 0;
	padding: 2px 8px 0 !important;
	text-align: center;
}
.about_main .prolist li .text i{
	margin-bottom: 0 !important;
	line-height: 1.6 !important;
}
.about_main .prolist li .text a{
	line-height: 1.6 !important;
	margin-top: 6px !important;
}
/* style.css 旧规则给 .prolist li .text a/i 设了 margin-top:15px，压掉 */
.prolist li .text a, .prolist li .text i{ margin-top: 0; }
.about_main .prolist li .text a{ margin-top: 6px !important; }

/* 移动端：卡片仍保持整体 1:1，无需额外处理（aspect-ratio 自适应） */
/* 内页产品列表响应式（首页新产品有自己的规则，互不影响） */
@media (max-width:1020px){
	.about_main .prolist ul{ grid-template-columns:repeat(3,1fr) !important; }
	.index_main .about_main .prolist ul{ grid-template-columns:repeat(3,1fr) !important; }
}
@media (max-width:760px){
	.about_main .prolist ul{ grid-template-columns:repeat(2,1fr) !important; }
	.index_main .about_main .prolist ul{ grid-template-columns:repeat(2,1fr) !important; }
}