:root {
    --smooth-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --fast-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* =====头部===== */
.header-zw {height: 1.36rem;width: 100%; display: none;}
.header {background: #fff;}
.headerBox {display: flex; justify-content: space-between; align-items: center; padding: .2rem 0; height: 1.06rem;}
.headerBox .logo {display: flex; align-items: center; height: 100%;}
.headerBox .logo a {height: 100%;}
.headerBox .logo a .logoImg {height: 100%;}
.headerBox .logo a .logoImg img {max-width: 100%; max-height: 100%;}
.headerBox .logo .logoCon {display: flex; align-items: center; margin-left: .2rem;}
.headerBox .logoCon h1 {font-size: var(--font28);font-weight: 700;color: #c90008;line-height: initial;}
.headerBox .logoCon .en {font-size: var(--font18);font-family: Arial, Arial-Regular;color: #bdbdbd; text-transform: uppercase;}
.headerBox .logoCon i {width: 1px; height: .68rem; background: url(../image/xz.png) no-repeat center; background-size: auto; margin: 0 .1rem;}
.headerBox .logoCon2 h3 {font-size: var(--font20);font-weight: 700;color: #333333;    margin-bottom: 5px;}
.headerBox .logoCon2 h3 .p{color: #c90008;font-size: 20px;}
.headerBox .logoCon2{background: url(../image/t_line.gif) no-repeat 0 63px;height: 70px;}
.headerBox .logoCon2 span {font-size: var(--font16);color: #666666;}
/* 搜索 */
.heSearch .pcSearch form {position: relative;}
.heSearch .pcSearch form input {width: 292px; height: 45px; border: 0.01rem solid #dddddd;border-radius: 24px; padding: 0 .3rem; padding-right: .4rem; box-sizing: border-box;}
.heSearch .pcSearch form input::placeholder {font-size: var(--font15);color: #b3b3b3;}
.heSearch .pcSearch form button {position: absolute; left: 92%; top: 50%; transform: translate(-50%, -50%); background: none;border: 0; cursor: pointer;}
.heSearch .pcSearch form button img {display: block;}
.moblieSearch {position: relative; display: none; line-height: 1.36rem;}
.moblieSearch > img {cursor: pointer;}
.searchBox {position: fixed; width: 100%;left: 0; display: none;   height: 2.5rem;width: 100%; border-top: 1px solid #D5D5D5; z-index: 8; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);}
.searchBox { background: #fff;line-height: initial;}
.searchBox .inBox {display: flex; align-items: center; justify-content: center; height: 100%;}
.searchBox form {width: 70%; position: relative; border-bottom: 2px solid #eee; padding-bottom: 0.15rem;}
.searchBox form .inText {width: calc(100% - 40px); font-weight: 400;border: none; background: none; outline: none; padding-left: 0.1rem; box-sizing: border-box;}
.searchBox form .inText::placeholder { color: #6666;}
.searchBox form .sub { cursor: pointer; outline: none; border: none; width: 23px; height: 23px; background: url(../image/searchIcon.png) no-repeat center; background-size: auto;}
.searchBox form button img { filter: brightness(0); -webkit-filter:brightness(0);}
/* 电话 */
.heTel {display: flex; align-items: center;}
.heTel .icBox { display: flex; align-items: center; justify-content: center;margin-right: .1rem; width: 0.55rem;height: 0.55rem; border-radius: 50%;border: 0.01rem solid rgba(66, 66, 66,.26)}
.heTel .icBox img {max-width: 43%;}
.heTel .con em {font-size: var(--font15);color: #777777;}
.heTel .con b {font-weight: bold; display: block;font-size: var(--font29); font-family: Arial, Arial-Regular;color: #c90008;}
/* 导航 */
.headerNav {height: 0; position: sticky; top: 0; z-index: 11; }
.headerNav .navBox {background: #1b1d20; transition: .5s;}
.headerNav ul {display: flex; justify-content: space-between;}
.headerNav ul li {position: relative;}
.headerNav ul li > a {color: #fff; padding: 0.2rem .45rem; display: block; transition: .5s;font-size: 18px;}
.headerNav ul li:hover > a ,.headerNav ul li.on > a  {background: #c90008;;color: #fff;}

/* 导航下拉 */
.headerNav ul li dl {position: absolute;background:#fff;  width: 100%; display: none;box-shadow: 1px 1px 10px rgba(0,0,0,0.1);padding:0.1rem 0}
/* .headerNav ul li:nth-child(6) dl {width: auto; white-space: nowrap; left: -45%;} */
.headerNav dl dd a {color: #333; display: block;  transition: .5s;text-align: center;font-size: 0.16rem;color:#666;padding:.07rem 0.1rem}
.headerNav dl dd a:hover {background: #c90008;color:#fff}

.headerNav.top-headerUp .navBox {background:#1b1d20;}
/* PC导航下拉箭头样式 */
.headerNav ul li.has-sub > a::after {
    content: '';
    position: absolute;
    right: 15%;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #fff;
    transition: transform 0.24s ease;
}
/* hover时箭头向上旋转 */
.headerNav ul li.has-sub:hover > a::after {
    transform: translateY(-50%) rotate(180deg);
}

/* 公用样式按钮 */
.inMore1 {margin-top: .6rem;}
.inMore1 a {box-sizing: border-box; width: 2.2rem; font-size: var(--font18); margin: auto; height: 0.55rem;background: #c90008; display: flex; justify-content: center; align-items: center; color: #fff; font-weight: 700;}
.inMore1 a { position: relative; z-index: 1;}
.inMore1 a img {margin-left: 15%;}
.inMore1 a::after {content: ""; position: absolute; width: 0; height: 100%; transition: .5s; background: #c90008; z-index: -1; left: 0;}
.inMore1 a:hover::after {width: 100%;}

.marginT100{margin-top:100px !important;}
.marginB100{margin-bottom:100px !important;}

/* =====首页===== */
.bannerSwiper {position: relative; overflow: hidden;}
.bannerSwiper .swiper-slide img {width: 100%;}
.bannerSwiper .swiper-button-prev {transform: rotate(180deg);}
.bannerSwiper .swiper-pagination {bottom: .5rem;}
.bannerSwiper .swiper-pagination-bullet {width: 13px; height: 13px; background: #fff;opacity: 1; margin: 0 8px !important;}
.bannerSwiper .swiper-pagination-bullet-active {background: #c90008;}
/* 公用标题 */
.indexTle {text-align: center; padding: .6rem 0;}
.indexTle h3 {font-size: var(--font40);font-weight: 700;color:#333;}
.indexTle i {width: 2.19rem;height:1px;background: #d8d8d8; display: inline-block; position: relative;}
.indexTle i::after {content: "";width: 0.55rem;height: 4px;background: #c90008;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.indexTle span {display: block;font-size: var(--font18);color: #333;margin-top: .1rem;}
/* 成功案例 */
.indexOne  {margin-bottom: .6rem;}
.indexOne .swiperBox1 {position: relative;}
.indexOne .swiperBox1::after { position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); content:""; width: 100%; height: 1px; background: #E5E5E5;}
.inOneSwiper1 {padding: 10px 0;width: 1500px; max-width: 92%;margin: auto;}
.inOneSwiper1 .swiper-slide {width: auto; cursor: pointer;}
.inOneSwiper1 .swiper-slide span {text-align: center; font-size: var(--font18);color: #666666;display: block;margin-top: .1rem;}
.inOneSwiper1 .icBox {transition: .5s; margin: auto; position: relative;z-index: 1; display: flex; align-items: center;justify-content: center; border-radius: 50%; width: 0.81rem; height: 0.81rem;background: #ffffff;  border: 0.01rem solid #e4e4e4;}
.inOneSwiper1 .icBox img {max-width: 40%;}
.inOneSwiper1 .swiper-slide.swiper-slide-thumb-active .icBox { background: #c90008;}
.inOneSwiper1 .swiper-slide.swiper-slide-thumb-active .icBox::after {content: "";width: 110%;height: 110%;position: absolute;border-radius: 50%;background: rgba(1, 82, 152,.07); z-index: -1; animation: shubiao 1s infinite linear .65s;}
.inOneSwiper1 .swiper-slide.swiper-slide-thumb-active .icBox img {filter: brightness(100); -webkit-filter:brightness(100);}
.inOneSwiper1 .swiper-scrollbar-drag {background: #c90008;}
.inOneSwiper2 {margin-top: .8rem;padding-bottom: 1.25rem;}
.inOneSwiper3 {overflow: initial; }
.inOneSwiper3 .swiper-slide {width: 45%;  transition: .5s; opacity: .5;}
.inOneSwiper3 .swiper-slide .imgBox {transform: scale(.88); transition: .5s; overflow: hidden;}
.inOneSwiper3 .swiper-slide-active {opacity: 1;}
.inOneSwiper3 .swiper-slide-active .imgBox {transform: scale(1); }
.inOneSwiper3 .swiper-slide .imgBox img {width: 100%; transition: .5s;}
.inOneSwiper3 .swiper-slide-active:hover .imgBox img {transform: scale(1.05);}

.inOneSwiper3 .swjt {left: 77%;  width: 0.68rem;height: 0.68rem; background: #ffffff;box-shadow: 0rem 0.2rem 0.28rem 0rem rgba(226,226,226,0.18); border-radius: 50%; }
.inOneSwiper3 .swjt.swiper-button-prev {transform: rotate(180deg); left: 19%;}
.inOneSwiper3 .swjt img {max-width: 20%;}
.inOneSwiper3 .con {width: 90%; padding: .35rem; padding-right: 7%; box-sizing: border-box; position: absolute; left: 50%; top: 120%; opacity: 0; visibility: hidden; transform: translate(-50%, -50%);  background: #fff;box-shadow: 0rem 0.2rem 0.28rem 0rem rgba(226,226,226,0.18); transition: .5s;}
.inOneSwiper3 .con {background-image: url(../image/jt2.png); background-repeat: no-repeat; background-position: 96%;}
.inOneSwiper3 .con h5 {font-size: var(--font22);color: #333333;}
.inOneSwiper3 .con dl {margin-top: .25rem; display: flex; flex-wrap: wrap;}
.inOneSwiper3 .con dd {display: flex; align-items: center;}
.inOneSwiper3 .con dd:nth-child(1) {margin-right: .5rem;}
.inOneSwiper3 .con dd span {font-size: var(--font15);color: #666666;margin-left: 5px;}
.inOneSwiper3 .con:hover h5 {color: #c90008;}
.inOneSwiper3 .swiper-slide-active .con {top: 100%; opacity: 1; visibility: visible;}
/* 自有工厂标准化生产 · 从源头把控质量 */
.indexTwo {background: url(../image/indexTwo-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 1rem;}
.indexTwo .container {width: 1550px;}
.indexTwo .box {display: flex; align-items: center; justify-content: space-between;}
.indexTwo .box dl {width:30%;}
.indexTwo .cen {width: 33%;     margin: 0 .6rem;}
.indexTwo .cen img {max-width: 100%;}
.indexTwo .tle {display: flex; align-items: center;padding-bottom: 10px; border-bottom: 1px solid rgba(194, 194, 194,.37)}
.indexTwo .tle .con {margin-left: .2rem;}
.indexTwo .tle .con h5 {font-size: var(--font26);font-weight: 700;}
.indexTwo .tle .con span {font-size: var(--font18);color: #a1a1a1;}
.indexTwo dl dd {margin-top: 0.5rem;}
.indexTwo dl dd ul {margin-top: .3rem;}
.indexTwo dl dd ul li {position: relative;font-size: var(--font16);color: #333; margin: 5px 0; padding-left: .15rem;    margin-bottom: 20px;}
.indexTwo dl dd ul li::before {content: "";width: 6px; height: 6px; border-radius: 50%;position: absolute; left: 0%; top: 20%; transform: translate(-50%, -50%);background:#c90008;;}

/*办公环境 start*/
/* 外层容器 */
.office-wrap {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding:0 0 1rem 0;
}
/* 左侧大图卡片 */
.office-wrap .card-big {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
}
/* 右侧四格容器 2*2 */
.office-wrap .card-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.office-wrap .office-card {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    aspect-ratio: 16 / 12;
}
/* 点击放大提示标签 - 修改为卡片垂直水平居中 */
.office-wrap .zoom-tip {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-size: 12px;
    padding: 6px 14px;
    border-radius: 20px;
    z-index: 3;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}
.office-wrap .card-big:hover .zoom-tip,
.office-wrap .office-card:hover .zoom-tip {
    opacity: 1;
}
.office-wrap .office-card img,
.office-wrap .card-big img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    /* 中心点放大动画 */
    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.4s ease;
}
/* hover 从中心放大0.2倍 */
.office-wrap .card-big:hover img,
.office-wrap .office-card:hover img {
    transform: scale(1.2);
}
/* 图片底部文字遮罩层 */
.office-wrap .card-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 24px 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.75), transparent);
    color: #ffffff;
    z-index: 2;
}
.office-wrap .card-text h4 {
    font-size: 22px;
    margin-bottom: 6px;
    font-weight: 600;
}
.office-wrap .card-text p {
    font-size: 15px;
    opacity: 0.92;
    color: #ffffff;
}
/* ==========图片预览弹窗========== */
.office-wrap .image-preview-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.85);
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.office-wrap .image-preview-mask.show {
    display: flex;
}
.office-wrap .image-preview-mask img {
    max-width: 90%;
    max-height: 90vh;
    object-fit: contain;
    border-radius: 8px;
}
/* ==========响应式 小屏幕手机端========== */
@media (max-width: 768px) {
    .office-wrap {
        grid-template-columns: 1fr;
    }
    .office-wrap .card-grid {
        grid-template-columns: 1fr;
    }
    .office-wrap .card-text h4 {
        font-size: 18px;
    }
    .office-wrap .card-text p {
        font-size:14px;
    }
}

/*我们的优势 start*/
.advantage-wrap {
    width: 100%;
    background: #f8f8f8;   /* 整模块通铺背景色 */
    padding: 50px 0;
    margin: 0;
    overflow-x: hidden;
    counter-reset: adv-counter; /* 六边形编号自动递增，无需写死 */
}
.advantage-wrap .advantage-wrap-container {
    max-width: 1400px;
    margin: 0 auto;
}
.advantage-wrap .content-block {
    counter-increment: adv-counter;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 50px; /* 盒子之间固定40px，奇偶统一 */
}
.advantage-wrap .content-block:last-child {
    margin-bottom: 0;
}
/* 子项宽度：大图、文字各50% */
.advantage-wrap .content-block .col-big-img,
.advantage-wrap .content-block .col-content {
    width: 50%;
    flex-shrink: 0;
    opacity: 0;
    transition: none;
}
/* ========== 核心布局：CSS实现奇偶行左右互换 ========== */
/* 奇数项：左大图，右内容 */
.advantage-wrap .content-block:nth-child(odd) {
    flex-direction: row;
}
/* 偶数项：左内容，右大图 → order调换 */
.advantage-wrap .content-block:nth-child(even) {
    flex-direction: row;
}
.advantage-wrap .content-block:nth-child(even) .col-big-img {
    order: 2;
}
.advantage-wrap .content-block:nth-child(even) .col-content {
    order: 1;
    /* 关键：仅偶数行文字盒子，左侧增加内边距，把文字整体向右推，盒子占位不变 */
    /*padding-left: 130px;*/
    box-sizing: border-box;
}

/* ========== 动画初始状态（未播放） ========== */
/* 奇数行：大图从左，文字从右 */
.advantage-wrap .content-block:nth-child(odd) .col-big-img {
    transform: translateX(-60px);
}
.advantage-wrap .content-block:nth-child(odd) .col-content {
    transform: translateX(60px);
}
/* 偶数行：文字从左，大图从右 */
.advantage-wrap .content-block:nth-child(even) .col-content {
    transform: translateX(-60px);
}
.advantage-wrap .content-block:nth-child(even) .col-big-img {
    transform: translateX(60px);
}

/* 动画关键帧：向中间归位【提速】 */
@keyframes advSlideIn {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
/* 播放动画class，JS动态添加移除 */
.advantage-wrap .content-block.play-anim .col-big-img,
.advantage-wrap .content-block.play-anim .col-content {
    animation: advSlideIn 0.45s ease-out forwards;
}
/* 错开一点点时差，视觉更柔和【缩短延迟】 */
.advantage-wrap .content-block.play-anim .col-big-img {
    animation-delay: 0s;
}
.advantage-wrap .content-block.play-anim .col-content {
    animation-delay: 0.08s;
}

/* 大图 */
.advantage-wrap .big-img-wrap {
    border-radius: 8px;
    overflow: hidden;
}
.advantage-wrap .big-img-wrap img {
    width: 100%;
    display: block;
    border-radius: 8px;
}
.advantage-wrap .title-box {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 60px;
}
.advantage-wrap .hex-num {
    width: 70px;
    height: 60px;
    background-color: #c90008;
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
.advantage-wrap .hex-num::before {
    content: counter(adv-counter, decimal-leading-zero);
}
.advantage-wrap .title-text small {
    font-size: 16px;
    color: #666;
    display: block;
}
.advantage-wrap .title-text h2 {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    line-height: 50px;
}
/* 列表 */
.advantage-wrap .text-list {
    margin: 0;
    padding-left: 0;
}
.advantage-wrap .text-list li {
    list-style: none;
    padding-left: 20px;
    position: relative;
    margin-bottom: 30px;
    font-size: 18px;
    color: #333;
    line-height: 1.5;
}
.advantage-wrap .text-list li span{
       color: #c90008;
}
.advantage-wrap .text-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #c90008;
}
.advantage-wrap .text-list li:last-child {
    margin-bottom: 0;
}

/* 移动端响应式 */
@media (max-width:768px) {
    /*.advantage-wrap {*/
    /*    padding: 30px 0;*/
    /*}*/
    .advantage-wrap .content-block {
        flex-direction: column !important;
        gap: 24px;
        margin-bottom: 50px;
    }
    .advantage-wrap .content-block .col-big-img,
    .advantage-wrap .content-block .col-content {
        width: 100%;
        order: initial !important;
        /* 手机端清除偶数行左侧内边距 */
        padding-left: 0 !important;
        box-sizing: border-box;
        transform: translateY(40px) !important;
    }
    /* 偶数项手机端图片放下方 */
    .advantage-wrap .content-block:nth-child(even) {
        flex-direction: column-reverse !important;
    }
    /* 手机端动画改为垂直，同步提速 */
    @keyframes advSlideIn {
        to {
            opacity: 1;
            transform: translateY(0) !important;
        }
    }
    .advantage-wrap .title-box {
        margin-bottom: 16px;
    }
    .advantage-wrap .title-text h2 {
        font-size: 22px;
    }
    .advantage-wrap .hex-num {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
}
/*我们的优势 end*/



/*  */
.indexThree {background: url(../image/indexThree-bj.jpg) no-repeat center;background-size: cover; padding-bottom: 1rem;}
.indexThree ul {display: grid; grid-template-columns: repeat(5,auto);justify-content: start;position: relative;}
.indexThree ul li {-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); }
.indexThree ul li {margin-right: .2rem; position: relative; width: 2.51rem;height: 2.61rem;background: url(../image/xz2.png) no-repeat center;background-size: 100%;}
.indexThree ul li .bj2 {position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; transition: .5s; }
.indexThree ul li .bj2::after {content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: .5;}
.indexThree ul li .bj2 img {width: 100%; height: 100%; object-fit: cover;}
.indexThree ul li .bj2 .tle {height: 100%; position: absolute; width: 100%; text-align: center;padding-top: 40%;box-sizing: border-box; z-index: 1;}
.indexThree ul li .bj2 .tle span {font-size: 0.2rem;color: #ffffff;font-weight: 700;display: block; line-height: initial;     padding: 0 .1rem;box-sizing: border-box;}
.indexThree ul li .con {height: 100%;width: 100%; text-align: center;display: flex;flex-direction: column;justify-content: center;}
.indexThree ul li .con img {max-width: 20%;}
.indexThree ul li .con h5 {font-size: .18rem; margin: .15rem .1rem;font-weight: 700; color: #333;}
.indexThree ul li .con em {font-size: 0.36rem;font-weight: 300;color: #333333;opacity: .2; position: relative; z-index: 11; line-height: .25rem;}
.indexThree ul li:hover .bj2 {opacity: 1;}
.indexThree ul li:hover .con em {color: #fff; opacity: 1;}
.indexThree ul li:nth-child(n+6) {top: -.48rem;left: 1.35rem;}
/* 服务热线 */
.indexFour {background: url(../image/indexFour-bj.jpg) no-repeat center; background-size: cover; padding: .4rem 0 .4rem 0;}
.indexFour .box {display: flex; justify-content: space-between; align-items: center;}
.indexFour .le .con h4 {font-size: 0.32rem;font-weight: 500;color: #ffffff;   font-family: "Noto Sans SC";}
.indexFour .le .con span {font-size: .18rem;font-weight: 500;color: #fff;}
.indexFour .reTop {display: flex; align-items: center;}
.indexFour .reTop  span {font-size: var(--font18);font-weight: 400;color: #ffffff; margin-left: 10px;}
.indexFour .tel {margin-top: .15rem;}
.indexFour .tel b a {font-size: 0.37rem;font-family: Arial, Arial-Bold Italic;color: #ffffff;font-weight: 700; font-style: oblique;}
.indexFour .re .more a {width: 140px; height: 45px;background: #f48000; color: #fff; display: flex; justify-content: center; align-items: center; margin-top: .35rem; position: relative;z-index: 1;}
.indexFour .re .more a::after {content: ""; position: absolute; width: 0; height: 100%; transition: .5s; background: #c90008; z-index: -1; left: 0;}
.indexFour .re .more a:hover::after {width: 100%;}

/* 首页-关于我们 */
.index_about .stat-card-wrap{
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}
.index_about .stat-card-container{
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap:30px;
    /* 整体模块阴影圆角，作用于外层盒子 */
    background:#fff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    border-radius:12px;
}
.index_about .stat-card-item{
    text-align: center;
    padding:20px 15px;
    /* 取消单张卡片阴影圆角 */
    background:transparent;
}
.index_about .stat-number{
    font-size:clamp(28px,5vw,72px);
    font-weight: bold;
    color:#c90008;
    line-height: 1.2;
    margin-bottom:12px;
}
/* 单位小字样式 */
.index_about .stat-unit{
    font-size:24px;
    font-weight:normal;
}
.index_about .stat-title{
    font-size:20px;
    color:#222222;
    margin-bottom:8px;
}
 .index_about{
background-color: #f5f5f5;
}
 /* 模块外层容器 */
 .index_about .about-wrap {
    max-width: 1400px;
    margin: 0 auto;
    padding: 60px 0;
    display: flex;
    align-items: center;
    gap: 60px;
    width: 100%;
}
/* 左侧文字区域 */
.index_about .about-text {
    flex: 0 0 48%;
    /* 动画初始状态：左偏移+透明 */
    opacity: 0;
    transform: translateX(-80px);
    transition: all 0.5s ease-out;
}
/* 动画激活类 */
.index_about .about-text.animate-in {
    opacity: 1;
    transform: translateX(0);
}
.index_about .about-text h1 {
    font-size: 52px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 12px;
    letter-spacing: 1px;
}
.index_about .about-text h2 {
    font-size: 21px;
    font-weight: bold;
    color: #c90008;
    margin-bottom: 22px;
    line-height: 1.3;
}
.index_about .about-text p {
    font-size: 18px;
    line-height: 1.8;
    color: #333;
    text-indent: 2em;
    text-align: justify;
    padding-bottom: 10px;
}
/* 右侧图片区域 */
.index_about .about-img-box {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    opacity: 0;
    transform: translateX(80px);
    transition: all 0.5s ease-out;
}
.index_about .about-img-box.animate-in {
    opacity: 1;
    transform: translateX(0);
}
.index_about .about-img-box img {
    width: 90%;
    /*height: 400px;*/
    display: block;
    object-fit: cover;
}

/* 移动端响应式合并 */
@media (max-width: 768px) {
    .index_about .about-wrap {
        flex-direction: column;
        gap: 30px;
    }
    .index_about .about-img-box {
        flex: none;
        width: 100%;
        justify-content: start;
    }
    .index_about .about-text h1 {
        font-size: 34px;
    }
    .index_about .about-text h2 {
        font-size: 22px;
    }
    .index_about .about-text p {
        font-size: 17px;
    }
    /* 移动端减少偏移距离，视觉更舒服 */
    .index_about .about-text {
        transform: translateX(-40px);
    }
    .index_about .about-img-box {
        transform: translateX(40px);
    }

    .index_about .about-img-box img {
        /*height: auto;*/
    }

    /* 数字卡片移动端 */
    .index_about .stat-card-container{
        grid-template-columns: repeat(2,1fr);
        gap:20px;
        padding:30px 15px;
    }
   
    .index_about .stat-unit{
        font-size:18px;
    }
}

/* 首页-荣誉资质 */
.Honors {
    padding-bottom: 1rem;
}

/* 产品中心 */
.indexFive {background:#f8f8f8;}
.infiveSlide {display: flex; justify-content: space-between;flex-direction: column;}
.infiveSlide ul{display: flex;}
.infiveSlide .hd li {width: 275px; height: 49px; border-radius: 25px; margin-bottom: 7px; transition: .5s;margin-left: .2rem;background-color: #c90008;}
/* .infiveSlide .hd li {margin-left: .2rem;background-color: #c90008;} */
/* .infiveSlide .hd li:last-child {margin-left: 0;} */
.infiveSlide .hd li a {padding: 0 .3rem; box-sizing: border-box; display: block; height: 100%; display: flex; align-items: center; color: #fff; position: relative;font-size: 18px;}
.infiveSlide .hd li a::after {content: ""; position: absolute; left: 0; width: 100%; height: 100%; opacity: .5; background: url(../image/jt4.png) no-repeat 92%;}
.infiveSlide .hd li:hover {background: #c90008;}
.infiveSlide .hd li:hover a {color: #fff;font-weight: bold;}
.infiveSlide .hd li:hover a::after {filter:none; -webkit-filter:none; opacity: 1;}
.infiveSlide .bd {width: 100%; margin-top: .1rem;}
.infiveSlide .bd ul {display: grid; grid-template-columns: repeat(3,1fr);gap: .3rem; height: 100%;}
.infiveSlide .bd li {background: #ffffff;border: 1px solid #dddddd;}
.infiveSlide .bd li a {height: 100%;display: block; position: relative;}
/* .infiveSlide .bd li a::before {content: "";background: #252f35;position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: .5;z-index: 1; opacity: 0; visibility: hidden; transition: .5s;}
.infiveSlide .bd li a::after {content: "+"; display: flex; align-items: center; justify-content: center;font-size: 0.48rem;color: #ffffff; width: 0.64rem; height: 0.64rem; font-weight: 300;    line-height: initial;background: rgba(255, 255, 255,.18);border-radius: 50%;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2;} */
/* .infiveSlide .bd li a::after {opacity: 0; visibility: hidden; transition: .5s; transition-delay: .1s;} */
.infiveSlide .bd li .imgBox {overflow: hidden; height: calc(100% - 70px); position: relative;}
.infiveSlide .bd li .imgBox img {width: 100%; transition: .5s; height: 100%; object-fit: cover;}
/* .infiveSlide .bd li .imgBox::before {content: "";width: 100%;height: 100%;background: linear-gradient(135deg, #c90008 , #c90008); position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0); z-index: 1; opacity: 0; transition: all 0.4s;} */
.infiveSlide .bd li .imgBox i {min-width: 40px; min-height: 40px; width: .6rem;height: .6rem;border-radius: 4px; background: #1a1a1a;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);z-index: 1;opacity: 0;    transition: all 0.4s; transition-delay: 0.2s;}
.infiveSlide .bd li:hover .imgBox i {transform: translate(-50%,-50%) scale(1);opacity: 1;}
.infiveSlide .bd li:hover .imgBox::before {transform: translate(-50%,-50%) scale(1); opacity: 0.8;}
.infiveSlide .bd li .con {display: flex; align-items: center;justify-content: center; font-size: var(--font18);font-weight: 400;color: #333333; padding:0 10px; height: 70px; position: relative;font-weight: bold;}
.infiveSlide .bd li .con::after {content: "";position: absolute; left: 0; width: 100%; bottom: 0;background: #c90008; height: 6px;}
.infiveSlide .bd li:hover .imgBox img {transform: scale(1.03);}
.infiveSlide .bd li:hover a::before {opacity: .5; visibility: visible;}
.infiveSlide .bd li:hover a::after {opacity: 1; visibility: visible;}
/* 一站式服务流程 */
.indexSix {background: url(../image/indexSix-bj.jpg) no-repeat center; background-size: cover; padding-bottom: .8rem;}
.indexSix ul {display: flex; justify-content: space-between;    flex-wrap: wrap;}
.indexSix ul li {text-align: center;width: 25%;}
/* .indexSix ul li .icBox {width: 200px; height: 200px; display: flex; align-items: center; justify-content: center; background: #fff; margin: auto;} */
.indexSix ul li .icBox img {transition: .5s;}
.indexSix ul li span {font-size: var(--font18);color: #666666; display: block; margin: .15rem 0;}
.indexSix ul li .num {font-size: var(--font14);color: #666666; opacity: .43;}
.indexSix .tel {margin-top: .8rem;}
.indexSix .tel .us { position: relative; z-index: 1;}
.indexSix .tel .us::before {content: "";position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 1px; opacity: .11; background: #535353; z-index: -1;}
.indexSix .tel .us span {color: #fff;margin: auto; text-align: center; max-width: 80%;  width: 3.47rem; height: 0.52rem;background: #c90008; border-radius: 0.26rem; }
.indexSix .tel .iphone {text-align: center;margin-top: .4rem;}
.indexSix .tel .iphone em {color: #333333;}
.indexSix .tel .iphone b , .indexSix .tel .iphone b a {color: #f48000;font-weight: 700; font-family: Arial, Helvetica, sans-serif;font-size: .35rem;}
.indexSix ul li:hover .icBox img {transform: rotateY(43deg);}
/* 滚动容器：裁剪溢出，保证卡片不撑出模块 */
.indexSix .customer-scroll {
    overflow: hidden;
    width: 100%;
}
/* 滚动轨道：单行不换行，由动画驱动从右往左平移；
   卡片用 margin-right 而非 gap，便于 translateX(-50%) 精确无缝衔接 */
.indexSix .customer-box {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
    animation: customerScroll 30s linear infinite;
    will-change: transform;
}
/* 鼠标悬停时暂停滚动，方便查看 */
.indexSix .customer-scroll:hover .customer-box {
    animation-play-state: paused;
}
/* 从右往左无限滚动：内容输出两份，平移 -50% 即可无缝循环 */
@keyframes customerScroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
/* 单卡：固定宽度 + 右侧间距，flex-shrink:0 防止被压缩 */
.indexSix .customer-card {
    width: 250px;
    flex-shrink: 0;
    margin-right: 20px;
    background: #fff;
    border-radius: 8px;
    padding: 20px 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
/* 图片容器：白色背景 + 垂直水平居中，固定高度保证跨卡对齐 */
.indexSix .customer-card .card-img {
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100px;
}
.indexSix .customer-card .card-img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;   /* 完整显示 logo，不裁切 */
    height: auto;         /* 覆盖旧的 height:100px */
}
/* 标题：居中、固定上间距保证跨卡对齐 */
.indexSix .customer-card .customer-card-title {
    margin-top: 12px;
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 1.4;
}
/* 手机端：卡片变窄、图片变矮 */
@media (max-width: 768px) {
    .indexSix .customer-card { width: 160px; }
    .indexSix .customer-card .card-img { height: 80px; }
    .indexSix .customer-card .customer-card-title { font-size: 13px; }
}

/* ===== kh.html 客户列表页：无背景图、无滚动、网格展示全部卡片 ===== */
.indexSix.customer-list-page {
    background: none;
    padding: 30px 0 60px 0;
}
.indexSix.customer-list-page .customer-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    width: 100%;
    animation: none;
    will-change: auto;
}
.indexSix.customer-list-page .customer-card {
    width: calc((100% - 80px) / 5);   /* 5 张/行 */
    margin-right: 0;
}
@media (max-width: 1200px) {
    .indexSix.customer-list-page .customer-card { width: calc((100% - 40px) / 3); }
}
@media (max-width: 768px) {
    .indexSix.customer-list-page .customer-card { width: calc((100% - 20px) / 2); }
}

/* 提升产能效率 · 从选择荣成开始 */
.indexSeven {margin-bottom: 1rem;}
.indexSeven .box {display: flex; justify-content: space-between; align-items: flex-start;}
.indexSeven .box .le {width: 54%;}
.indexSeven .box .re {width: 40%; margin-top: 15px;}
.indexSeven .box .setop {display: flex; justify-content: space-between; align-items: center;}
.indexSeven .setop .tople {display: flex; align-items: flex-end; padding-bottom: .16rem;}
.indexSeven .setop h4 {font-size: var(--font24);font-weight: 700;color: #333333; margin:0 .16rem 0 .08rem; line-height: initial;}
.indexSeven .setop .en {font-size: var(--font14);font-family: Arial, Arial-Regular;color: #999999; text-transform:uppercase;}
.indexSeven .topre a {font-weight: 400; color: #c8c8c8;} 
.indexSeven .topre a:hover {color: #c90008;}
.indexSeven .le dl dd {padding: .2rem 0; border-top: 1px solid #ddd;}
.indexSeven .le dl dd a {display: flex;align-items: center; justify-content: space-between;}
.indexSeven .le dd .imgBox {width: 32%; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.indexSeven .le dd .imgBox img {max-width: 100%; transition: .5s;}
.indexSeven .le dd .con {width: 63%;}
.indexSeven .le dd h5 {font-size: var(--font18);font-weight: 700;color: #333333;}
.indexSeven .le dd p {margin-top: .15rem; font-weight: 400;font-size: var(--font15);color: #666666;display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.indexSeven .le dd .time {color: #888888;font-weight: 400;font-size: var(--font15);font-family: Arial, Arial-Regular; margin-top: .2rem;}
.indexSeven .le dd:hover .imgBox img {transform: scale(1.01);}
.indexSeven .le dd:hover h5 {color: #c90008;}
.indexSeven .re h3 {border: 1px solid #cccccc; border-radius: 5px; padding: .15rem .25rem; position: relative;color: #666666; margin-bottom: 10px; transition: .5s; }
.indexSeven .re h3::after {content: "+"; width: 100%; padding-right: .15rem; box-sizing: border-box;top: 0; left: 0; font-size: var(--font22);color: #333333;font-weight: 700;line-height: initial; position: absolute;right: 0;}
.indexSeven .re h3::after {height: 100%;display: flex;align-items: center;justify-content: flex-end;}
.indexSeven .re h3 span {display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.indexSeven .re h3.on {color: #fff;background: #c90008; border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.indexSeven .re h3.on::after {content: "-";color: #fff;}
.indexSeven .re ul {background: #fafafa; position: relative; top: -10px; padding: .15rem .25rem;}
.indexSeven .re ul p {color: #666666;display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
.indexSeven .re ul li a {color: #afafaf; font-size: var(--font15); display: inline-block; margin-top: .2rem;}
.indexSeven .re ul li a:hover {color: #c90008;}
/* 走进荣成 */
.indexEight {padding-bottom: 1rem;background: url(../image/indexEight-bj.jpg) no-repeat center; background-size: cover; }
.indexEightBox {margin-bottom: 1.5rem; position: relative;}
.indexEight .topBox {
    /*background: url(../image/indexEight-bj.jpg) no-repeat center; background-size: cover; */
    padding-bottom: 2.0rem;}
.indexEight .indexTle {padding-bottom: .3rem;}
.indexEight .indexTle h3 {color: #333;} 
.indexEight .indexTle i {background: rgb(217, 217, 217,.2);}
.indexEight .topBox .text p {text-align: center;color: #000; margin: auto; line-height: 30px;text-align: left;}
.indexEight .topBox .more a {width: 178px;height: 45px; background: #c90008; color: #fff; text-align: center; line-height: 45px; display: block; margin: auto; margin-top: .5rem; position: relative; z-index: 1;}
.indexEight .topBox .more a::after {content: ""; position: absolute; width: 0; height: 100%; transition: .5s; background: #c90008; z-index: -1; left: 0;}
.indexEight .topBox .more a:hover::after {width: 100%;}
.indexEight .bomBox {max-width: 1400px; padding: 0.5rem 0; background: #ffffffe0; box-shadow: 0 0 0.28rem 0 rgb(172 170 170 / 19%); position: absolute; left: 50%; top: 100%; transform: translate(-50%, -50%);}
.indexEight .bomBox .container {width: 1600px; max-width: 98%;}

/*解决方案*/
.solution-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    max-width: 1400px;
    padding: 0.1rem 0 0.5rem 0;
    margin: 0 auto;
}

.solution-wrap .solution-item {
    text-decoration: none;
    color: #fff;
    display: block;
}

.solution-wrap .solution-card {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    height: 3rem;
}

.solution-wrap .card-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.solution-wrap .card-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 中心点放大动画 */
    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.4s ease;
}

/* 卡片hover：图片放大1.2倍 */
.solution-wrap .solution-card:hover .card-bg img {
    transform: scale(1.2);
}

/* 黑色半透明蒙版 */
.solution-wrap .card-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.solution-wrap .card-content {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    z-index: 2;
    padding: 0 20px;
}

.solution-wrap .card-title {
    font-size: 24px;
    margin: 0 0 24px;
    color: #ffffff;
    font-weight: 500;
    background: none !important;
}

.solution-wrap .card-btn {
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
    padding: 8px 22px;
    border-radius: 20px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* 卡片hover触发按钮变色 #c90008 */
.solution-wrap .solution-card:hover .card-btn {
    border-color: #c90008;
    color: #fff;
    background: #c90008;
}

/* 手机小屏幕适配 */
@media (max-width:767px) {
    .solution-wrap {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 15px 10px;
    }

    .solution-wrap .solution-card {
        height: 320px;
    }

    .solution-wrap .card-title {
        font-size: 20px;
    }
}

.inghtSwiper1 {width: 1400px; margin: auto; max-width: 93%; overflow: initial;}
.inghtSwiper1 .swiper-slide::after {content: "";width: 1px;height: 65%; background: #efefef; position: absolute; right: 0; top: 0;}
.inghtSwiper1 .swiper-slide:last-child::after {display: none;}
.inghtSwiper1 .swiper-slide {cursor: pointer; padding-bottom: .3rem;}
.inghtSwiper1 .swiper-slide::before {content: "";background: #c90008;height: 5px;     bottom: -5px; position: absolute;  left: 0; width: 0%; transition: .5s;}
.inghtSwiper1 .swiper-slide span {color: #666666;font-size: var(--font24);margin-left: 10px;}
.inghtSwiper1 .swiper-slide .icBox {height: 45px; display: flex; align-items: center; justify-content: center;}
.inghtSwiper1 .swiper-slide img {filter: grayscale(100%); -webkit-filter:grayscale(100%); opacity: .6;}
.inghtSwiper1 .swiper-slide.swiper-slide-thumb-active span {color: #c90008;}
.inghtSwiper1 .swiper-slide.swiper-slide-thumb-active img {opacity: 1; filter:none; -webkit-filter:none; }
.inghtSwiper1 .swiper-slide.swiper-slide-thumb-active::before {width: 100%;}
.inghtSwiper2 {width: 1500px; margin: auto; max-width: 100%; }
.inghtSwiper2 .swiper-slide {pointer-events: auto;}
.inghtSwiper2 .swiper-slide .swjt {right: 0;}
.inghtSwiper2 .swiper-slide .swiper-button-prev {left: 0; right: auto; transform: rotate(180deg);}
.inghtSwiper3 {width: 1400px; margin: auto; max-width: 93%;}
.inghtSwiper3 .swiper-slide {pointer-events: auto;}
/* .inghtSwiper3 .swiper-slide .imgBox {max-height: 2rem;} */
.inghtSwiper3 .swiper-slide .imgBox img {width: 100%; transition: .5s; max-height: 3rem; object-fit: contain;}
.inghtSwiper3 .swiper-slide span {color: #666666;margin-top: .2rem; display: block; text-align: center;}
.inghtSwiper3 .swiper-slide .imgBox {overflow: hidden;}
.inghtSwiper3 .swiper-slide:hover .imgBox img {transform: scale(1.1);}


/* =====底部===== */
.footer { background: #1b1d20;}
.footer .foterLinks {padding: .3rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2);;}
.footer .foterLinks dl {display: flex; align-items: center; flex-wrap: wrap;color: rgba(255, 255, 255, 0.5)}
.footer .foterLinks dl .ddBox {display: flex; flex-wrap: wrap; align-items: center;}
.footer .foterLinks dd {padding: 0 .2rem; box-sizing: border-box;font-size: var(--font15);color: rgba(255, 255, 255, 0.5);position: relative;}
.footer .foterLinks dd a {display: block; line-height: initial;}
.footer .foterLinks dd::after {content: ""; position: absolute;top: 0; right: 0; height: 80%; top: 15%; width: 1px; background:rgba(255, 255, 255, 0.5);}
.footer .foterLinks dd:last-child::after {display: none;}
.footer .foterLinks dd a:hover {color: #fff;}
.foterNav {display: flex; justify-content: space-between; padding: .5rem 0 .6rem 0;}
.foterle .foterLogo {display: flex;align-items: center;}
.foterle .foterLogo .logoImg img{ height:46px;}
.foterle .logoCon {margin-left: 14px;}
.foterle .logoCon h2 {color: #ffffff;font-size: .33rem;letter-spacing: 1px;}
.foterle .logoCon .en {font-size: var(--font12);font-family: Arial, Arial-Regular;color: #ffffff; opacity: .6;}
.foterle .foterCode {margin-top: .2rem; display: grid; text-align: center; grid-template-columns: repeat(2,auto);gap: .2rem;}
.foterle .foterCode span {display: block;color: #ffffff; font-size: var(--font15); margin-top: .13rem;text-align: left;}
.foterNav dl dt {color: #ffffff; font-size: var(--font18);font-weight: 700; position: relative; padding-bottom: .1rem; display: inline-block;}
.foterNav dl dt::after {content: ""; width: 130%; height: 1px; bottom: 0;position: absolute; left: 0;background: rgba(255, 255, 255, 0.1);}
.foterCen dl dd {margin: .2rem 0;}
.foterCen dl dd em {display: block;color: #ffffff;font-size: var(--font15);opacity: .6;}
.foterCen dl dd {color: rgba(255, 255, 255, 0.5)}
.foterCen dl dd a {font-family: Arial, Arial-Regular;color: #ffffff;}
.foterCen dl dd span {font-family: Arial, Arial-Regular;color: #ffffff;}
.foterCen dl dd a:hover {opacity: 1;}
.foterre {width: 35%;}
.foterre .ddBox {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: .1rem;}
.foterre .ddBox dd {margin: .15rem 0; width: 40%;}
.foterre .ddBox dd a {font-family: Arial, Arial-Regular;color: rgba(255, 255, 255, 0.8); display: block; background: url(../image/jt5.png) no-repeat right;}
.foterre .ddBox dd a:hover {color: #fff;}
.copyRight {display: flex;flex-wrap: wrap; justify-content: space-between; padding: .2rem 0; border-top: 1px solid rgb(222, 222, 222,.16);}
.copyRight p , .copyRight p a {font-size: var(--font15);color: rgba(255, 255, 255, 0.5);}
.copyRight p a:hover {color: #fff;}

/* =====内页banner===== */
.ny-banner img {width: 100%;}

.ny-banner1 img {width: 100%; height:50vh;}


/* =====内页内容===== */
.nyMain {margin: .5rem 0;}
.nyMain .box {display: flex; justify-content: space-between; align-items: flex-start;}
.nyMain .box .navle {width: 21%; position: sticky; top: .8rem;}
.nyMain .box .navle .leTop {background: #fff;  z-index: 1;}
.nyMain .navle .tle {background: #333; text-align: center; padding: .15rem 0;border-bottom: solid 6px #fff;}
.nyMain .navle .tle h3 {color: #ffffff;font-size: .3rem;}
.nyMain .navle .tle i {display: inline-block;width: 0.41rem;height: 4px; background: #fff;}
.nyMain .navle .tle2 {margin-top: .3rem;}
.nyMain .conre {width: 76%;margin-left: .45rem;}
/* 左侧列表 */
/* 内页一级导航 */
.navOne > li {
  margin-bottom: 3px;
  cursor: pointer;
}

.navOne > li h4 {
  background: #f5f5f5;
  display: flex;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  transition: .5s;
}

.navOne > li h4 a {
  font-size: var(--font16);
  color: #666666;
  padding: .15rem .45rem;
  display: block;
}

.navOne > li h4 i {
  width: .3rem;
  height: .3rem;
  background: url(../image/jt6.png) no-repeat center;
  background-size: 100%;
  transition: .5s;
}

.navOne > li:hover .on {
  background: #c90008;
}

.navOne > li:hover .on a {
  background: #fff;
}

.navOne > li:hover .da a {
  color: #c90008;
}

.navOne > li:hover h4 i {
  transform: rotate(90deg);
}



.navOne > li h4.active a {
  color: #fff;
}

.navOne > li h4.active i {
  transform: rotate(90deg);
}
.navTwo > li h4.active {
  background: #c90008;
}
.navOne > li h4.active {
  background: #c90008;
  color: #fff;
  font-weight: bold;
}
/* 内页二级导航 */
.navTwo {
  border: 1px solid #eee;
  border-top: 0;
  display: none;
}

.navTwo > li {
  border-top: 1px solid #eee;
}

.navTwo > li h5 a {
  padding: .15rem;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: var(--font16);
}

.navTwo > li h5 a {
  background: url(../image/jt7.png) no-repeat 92%;
}
.navTwo > li h4 a {
  background: url(../image/jt7.png) no-repeat 92%;
  color: #c90008;
}

.navTwo .on{
  background: #c90008;
  color: #fff;
  font-weight: bold;
}

/*.navTwo > li h4 {*/
/*  background-color: #c90008;*/
/*}*/

.navTwo.active {
  display: block;
}
/* 推荐产品 */
.picMarquee {margin-top: .15rem;}
.picMarquee .bd li {margin-top: .15rem; border: 1px solid #dddddd; box-sizing: border-box;}
.picMarquee .bd li .imgBox {overflow: hidden;}
.picMarquee .bd li .imgBox img {max-width: 100%; transition: .5s;}
.picMarquee .bd li span {text-align: center;background: #f9f9f9; padding: .12rem .1rem; box-sizing: border-box;width: 100%; display: block;}
.picMarquee .bd li:hover .imgBox img {transform: scale(1.05);}
/* 服务热线 */
.serveHot {background: url(../image/tel-bj.jpg) no-repeat center; background-size: cover; min-height: 1.5rem; margin-top: 10px;}
.serveHot {display: flex; flex-direction: column; justify-content: center; align-items: center; padding-left: .7rem; box-sizing: border-box;}
.serveHot em {display: block;font-family: var(--font17);color: #fff;}
.serveHot b a {color: #ffffff;font-size: 0.29rem;font-family: Arial, Arial-Bold;font-weight: 700;}

/* 右侧内容 */
/* 面包屑 */
.mbx {display: flex; align-items: center; flex-wrap: wrap; border-bottom: 1px solid #eee; padding-bottom: .2rem;}
.mbx .onAdd span {color: #c90008; font-weight: 700;margin-left: 10px;}
.mbx dl {display: flex; align-items: center;}
.mbx dl dd a {color: #666;}
.mbx dl dd a:hover {color: #c90008;}

/* =====解决方案===== */
.solutionList {margin-top: .3rem;}
.solutionList ul {display: grid; grid-template-columns: repeat(2,1fr);gap: .3rem;}
.solutionList ul li {border:1px solid #eee;box-shadow: 1px 1px 10px rgba(0,0,0,0.03);}
.solutionList ul li a {display: block;}
.solutionList ul li .imgBox {overflow: hidden;}
.solutionList ul li .imgBox img {width: 100%; transition: .5s;}
.solutionList ul li span {position: relative; z-index: 1; padding: .2rem 10px;display: block; box-sizing: border-box; text-align: center; font-size: var(--font20);color: #666666; background: #f5f5f5;}
.solutionList ul li span::after {content: ""; width: 0; height: 100%; position: absolute; left: 0; background: #c90008; transition: .5s; top: 0; z-index: -1;}
.solutionList ul li:hover .imgBox img {transform: scale(1.05);}
.solutionList ul li:hover span {color: #fff;}
.solutionList ul li:hover span::after {width: 100%;}
/* 解决方案详情 */
.solutionDate .tle {text-align: center; margin:.5rem 0;}
.solutionDate .tle h3 {font-size: .36rem;font-weight: 700;color: #494949;}
.solutionDate .tle i {display: inline-block;width: 0.64rem; height: 0.05rem; background: #c90008;}
.solutionDate .dateCon img {max-width: 100%;}

/* =====荣誉资质===== */
.picTure ul {    grid-template-columns: repeat(4,1fr);}
.picTure ul li {border: 1px solid #eee;}
.solutionList ul li span {padding: 10px; font-size: .18rem;}

/* =====产品===== */
.txtMarquee {margin-top: .3rem; margin-bottom: .5rem; padding:0 .15rem; box-sizing: border-box;}
.txtMarquee ul li {border-top: 1px dashed #dbdbdb;}
.txtMarquee ul li a {padding: 10px 0;color: #666; display: block;}
.txtMarquee ul li a span {display: -webkit-box;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.txtMarquee ul li:hover a {color: #c90008;}
/* 产品列表 */
.proList {margin-top: .3rem;}
.proList ul {display: grid; grid-template-columns: repeat(3,1fr);gap: .1rem;}
.proList ul li {position: relative;box-shadow: 1px 1px 10px rgba(0,0,0,0.03);}
.proList ul li::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px;background: #c90008;}
.proList ul li .imgBox {overflow: hidden; position: relative; border: 1px solid #eee; border-bottom: 0;}
.proList ul li .imgBox img {width: 100%; transition: .5s;}
/* .proList ul li .imgBox::before {content: "";width: 100%;height: 100%;background: linear-gradient(135deg, #c9000847 , #c90008); position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0); z-index: 1; opacity: 0; transition: all 0.4s;} */
.proList ul li .imgBox i { min-width: 40px; min-height: 40px; width: .6rem;height: .6rem;border-radius: 4px; background: #1a1a1a;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);z-index: 1;opacity: 0;    transition: all 0.4s; transition-delay: 0.2s;}
.proList ul li:hover .imgBox i {transform: translate(-50%,-50%) scale(1);opacity: 1;}
.proList ul li:hover .imgBox::before {transform: translate(-50%,-50%) scale(1); opacity: 0.8;}
.proList ul li .con {border: 1px solid #eee; padding: .25rem; box-sizing: border-box; text-align: center;}
.proList ul li h5 {color: #333333; font-size: var(--font17); margin-bottom: .2rem;}
.proList ul li p {font-size: var(--font15);color: #666666;display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.proList ul li:hover .imgBox img {transform: scale(1.05);}
.proList ul li:hover h5 {color: #c90008;}
/* 产品详情 */
.proDate {margin-top: .3rem;}
.proDate .dateTop {display: flex; justify-content: space-between; align-items: flex-start;}
.dateTop .topLe {width: 45%; border: 1px solid #dddddd; box-sizing: border-box; }
.dateTop .topRe {width: 50%;}
.proDateSwiper .swiper-slide img {text-align: center; display: block; margin: auto; width: 100%;min-height: 3.7rem; object-fit: cover;}
.proDateSwiper .swiper-pagination {text-align: right; padding-right: .2rem; box-sizing: border-box; color: #fff;}
.proDateSwiper .swjt img {filter: brightness(100); -webkit-filter:brightness(100);}
.proDateSwiper .swiper-button-prev {transform: rotate(180deg);}
.dateTop .topRe .tle {margin-top: .4rem;}
.dateTop .topRe .tle h3 {font-size: var(--font24);color: #333333;border-bottom: 1px solid #DDDDDD; padding-bottom: .2rem;}
.dateTop .topRe .tetx {margin-top: .2rem;}
.dateTop .topRe .tetx p {color: #333;font-size: 16px;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;line-height:30px}
.dateTop .topRe .info {margin-top:.6rem; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.dateTop .topRe .info .more a {width: 1.48rem; height: 0.49rem; background: #c90008; font-size: .16rem; color: #fff;}
.proDate .dateBox > div {margin-top: .4rem;}

.dateBox .dateCon1 .title{font-size: 26px;font-weight: bold;text-align: center;padding-bottom: 0.3rem;}
.dateBox .dateCon1 video{max-height:60vh;border: solid 2px #f5f5f5;}

.proDate .dateBox img {max-width: 100%;}
.proDate .dateBox .conTle {padding-bottom: .2rem; border-bottom: 1px solid #DDDDDD; margin-bottom: .2rem; position: relative;}
.proDate .dateBox .conTle::after {content: ""; position: absolute; bottom: -2px; left: 0;background: #c90008; height: 3px;width: 1.5rem;}
.proDate .dateBox .conTle h4 {font-size: 0.3rem;}
.proDate .dateBox .conTle span {font-size: var(--font16);color: #666;font-family: Arial, Arial-Regular; text-transform: uppercase;}

.dateCon5 ul {display: grid; grid-template-columns: repeat(3,1fr);gap: .2rem; margin-top: .5rem;}
.dateCon5 ul li {background: #fff;  box-shadow: 0px 0px .28rem 0px rgba(150, 150, 150, 0.11);padding: .25rem; text-align: center; transition: .5s;}
.dateCon5 li h4 {font-size: var(--font20); color: #333; margin: .15rem 0; font-weight: 700;}
.dateCon5 li p {color: #666; line-height: 25px;}
.dateCon5 li:hover {transform: translateY(-5px);}

.dateCon5-1 ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .3rem; margin-top: .5rem;}
.dateCon5-1 li {background: #f9f9f9; padding: .3rem .2rem; box-sizing: border-box; display: flex; align-items: center;}
.dateCon5-1 li .icBox {width: 1.2rem; height: 1.2rem; border-radius: 50%; overflow-x: hidden; margin-right: .2rem; flex-shrink: 0;}
.dateCon5-1 li .icBox img {height: 100%; width: 100%; object-fit: cover;}
.dateCon5-1 li .num {font-size: 0.64rem; color: #707070; line-height: 1; opacity: .05; font-weight: 700;}
.dateCon5-1 li span {color: #333; display: block; margin-top: .1rem;font-size: 18px;}
.dateCon5-2 .conBox {display: flex; justify-content: space-between; align-items: center; margin-top: .5rem;}
.dateCon5-2 .conBox .le {width: 54%;}
.dateCon5-2 .conBox .re {width: 44%; overflow: hidden; border-radius: 10px;}
.dateCon5-2 .conBox .re img {width: 100%;}
.dateCon5-2 .conBox p {color: #333; font-size: var(--font15); text-indent: var(--font30); line-height: 30px;}

.dateConSwiper .swiper-slide {border: 1px solid #dddddd;}
.dateConSwiper .swiper-slide::after {content: ""; position: absolute; bottom: 0; left: 0;background: #c90008; height: 3px; width: 100%;}
.dateConSwiper .imgBox {overflow: hidden;}
.dateConSwiper .imgBox img {width: 100%; transition: .5s;}
.dateConSwiper .swiper-slide span {text-align: center;padding: .2rem .1rem; box-sizing: border-box; display: block; transition: .5s;}
.dateConSwiper .swiper-slide:hover .imgBox img {transform: scale(1.05);}
.dateConSwiper .swiper-slide:hover span {background: #c90008; color: #fff;}
.dateBox .swiperBox {position: relative;}
.dateBox .swiperBox .swjt {right: -4%; }
.dateBox .swiperBox .swiper-button-prev.swjt {left: -4%; right:auto; transform: rotate(180deg);}

/* =====成功案例===== */
.case {margin-bottom: 1rem;}
.casenav {margin: .5rem 0; position: relative;}
.casenav::after {content: ""; position: absolute; width: 100%; background: #EEEEEE; height: 4px;border-radius: 2px;}
.casenav ul {display: flex; justify-content: space-between;}
.casenav ul li {padding-bottom: .35rem;}
.casenav ul li span {text-align: center; font-size: var(--font18);color: #666666;display: block;margin-top: .1rem;}
.casenav ul li .icBox {transition: .5s; margin: auto; position: relative;z-index: 1; display: flex; align-items: center;justify-content: center; border-radius: 50%; width: 0.81rem; height: 0.81rem;background: #ffffff;  border: 0.01rem solid #e4e4e4;}
.casenav ul li .icBox img {max-width: 40%;}
.casenav ul li:hover span ,.casenav ul li.active span {color: #c90008;}
.casenav ul li:hover .icBox , .casenav ul li.active .icBox { background: #c90008;}
.casenav ul li:hover .icBox::after ,.casenav ul li.active .icBox::after {content: "";width: 110%;height: 110%;position: absolute;border-radius: 50%;background: rgba(1, 82, 152,.07); z-index: -1; animation: shubiao 1s infinite linear .65s;}
.casenav ul li:hover .icBox img , .casenav ul li.active .icBox img {filter: brightness(100); -webkit-filter:brightness(100);}
.nav_line {border-radius: 3px; top: 100%;} 
.caseList ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .16rem;}
.caseList li {border: 1px solid #dddddd; box-sizing: border-box; position: relative;padding-bottom: .9rem;}
.caseList li .imgBox {overflow: hidden;}
.caseList li .imgBox img {transition: .5s; width: 100%;}
.caseList li .con {padding: .25rem; box-sizing: border-box; }
.caseList li h4 {font-size: var(--font20);color: #333333;}
.caseList li dl {margin-top: .2rem;}
.caseList li dd {display: flex; align-items: center;margin-top: .1rem;}
.caseList li dd span {color: #666666; font-size: var(--font15);margin-left: .2rem;}
.caseList li .xian {position: absolute; bottom: .5rem; width: 0.45rem; height: 0.04rem; background: #dddddd;}
.caseList li:hover .imgBox img {transform: scale(1.05);}
.caseList li:hover h4 {color: #c90008;}
/* 案例详情 */
/* .caseDate .conre {width: 100%;} */

/* =====关于我们===== */
.aboutnav {border-bottom: 1px solid #ddd;}
.aboutnav ul {display: flex; justify-content: center;    margin-right: -.4rem;}
.aboutnav li {margin-right: 1rem;}
.aboutnav li:last-child {margin-right: 0;}
.aboutnav li a {color: #555555;font-size: var(--font18); display: block; padding: .25rem 5px; box-sizing: border-box; position: relative;}
.aboutnav li a::after {content: ""; position: absolute; width: 0; bottom: 0; left: 0;transition: .5s; background: #c90008; height: 4px;}
.aboutnav li:hover a::after ,.aboutnav li.on a::after {width: 100%;}
.aboutTle {text-align: center; padding: .5rem ;}
.aboutTle h3 {color: #333333;font-size: .4rem;font-weight: bold;}
.aboutTle .en {color: #b8b8b8;font-family: Arial, Arial-Regular;text-transform: uppercase;}
.aboutTle i {display: inline-block;width: 0.4rem; height: 0.04rem; background: #c90008;}
.aboutOne {background: url(../image/aboutOne-bj.jpg) no-repeat center; padding: 1.1rem 0; background-size: cover;}
.aboutOne .aboutTle {text-align: left; padding: 0;}
.aboutOne .box {display: flex; justify-content: space-between;}
.aboutOne .le {width: 49%;}
.aboutOne .le p {color: #555555;line-height: 30px;text-indent: 2em;font-size:16px;}
.aboutOne .re {width: 49%;}
.aboutOne .re img {max-width: 100%;}
.aboutTwo ul {display: flex;min-height: 4rem;}
.aboutTwo ul li {width: calc(100%/3); position: relative; z-index: 1;}
.aboutTwo ul li::before {content: "";position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0,.3);top: 0;left: 0;z-index: 0;opacity: 1;transition: .4s;}
.aboutTwo ul li::after {content: "";position: absolute;width: 100%;height: 100%;background: rgba(7, 91, 157,.8);top: 0;left: 0;z-index: 0;opacity: 0;transition: .4s;}
.aboutTwo ul li .bjBox {height: 100%; }
.aboutTwo ul li .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.aboutTwo ul li .con {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);text-align: center; z-index: 1; width: 100%;}
.aboutTwo ul li .icBox img {margin: auto; max-width: 100%;}
.aboutTwo ul li .tle {margin: 0.3rem 0;}
.aboutTwo ul li h4 {color: #ffffff;font-size: var(--font40);}
.aboutTwo ul li .en {color: #ffffff;letter-spacing: 2px;font-size: var(--font16);  font-family: "OPENSANS";}
.aboutTwo ul li .tle i {display: inline-block;width: 0.43rem; height: 0.05rem; background: #fafafa;}
.aboutTwo ul li .text {color: #ffffff;font-weight: 400;font-size: var(--font16);}
.aboutTwo ul li:hover::after {opacity: 1;}
.aboutTwo ul li:hover::before {opacity: 0;}
.aboutThree {padding-bottom: 1rem;}
.aboutThree ul {display: flex; align-items: flex-start;}
.aboutThree ul li {width: calc(100%/3); text-align: center; padding:.1rem .5rem; box-sizing: border-box; position: relative;}
.aboutThree ul li::after {content: ""; position: absolute; right: 0; height: 100%;background: #dddddd; opacity: .5;top: 0;width: 1px;}
.aboutThree ul li:last-child::after {display: none;}
.aboutThree ul li h4 {font-weight: 700;color: #333333;font-size: 0.26rem;margin: .2rem 0;}
.aboutThree ul li p {color: #666666;line-height: 30px;}
.aboutFour {position: relative;padding-bottom: 1.4rem; overflow: hidden; background: url(../image/aboutFour-bj.jpg) no-repeat center; background-size: cover;}
.abfoSwiper {position: relative; margin: auto;}
.abfoSwiper .swiper-slide {width: auto; text-align: center;}
.abfoSwiper .swiper-slide .imgBox img {max-width: 5rem;max-height: 3.5rem;box-shadow: 0rem 0rem 0.35rem 0rem rgba(230,230,230,0.54); transform: scale(0.9); transition: .5s;}
.abfoSwiper .swiper-slide span {font-size: .2rem;display: block; margin-top: .1rem; color: rgba(102, 102, 102,.6);}
.abfoSwiper .swiper-slide.active .imgBox img {transform: scale(1);}
.abfoSwiper .swiper-slide.active span {color: #666;}
.abfoSwiper .swjt {width: .68rem;height: .68rem; z-index: 2; left: -10%; background: rgba(0, 0, 0,.24); border-radius: 50%; transition: .5s; top: 45%;}
.abfoSwiper .swjt img {max-width: 20%;}
.abfoSwiper .swjt:hover {background: #c90008;}
.abfoSwiper .swiper-button-prev img {transform: rotate(180deg);}
.abfoSwiper .swiper-button-next {left: auto; right: -10%;}

/* =====新闻中心===== */
.newsList {margin: .5rem 0;}
.newsList ul {display: grid; grid-template-columns: repeat(3,1fr); position: relative;}
.newsList ul li {position: relative;border-bottom: 1px solid #eee; padding: 8% 4%; box-sizing: border-box;position: relative; overflow: hidden;}
.newsList ul li {border-right: 1px solid #eee;}
.newsList ul li:nth-child(3n) {border-right:0 ;}
.newsList ul li .con {padding: 0 .2rem; box-sizing: border-box;}
.newsList ul li .time {color: #777777;font-family: Arial, Arial-Regular;margin-top: .1rem;}
.newsList ul li .imgBox img {width: 100%; transition: .5s;}
.newsList ul li h5 {color: #333333;font-size: var(--font18);margin-top: .1rem; font-weight: 700;}
.newsList ul li span {color: #aaaaaa;font-size: var(--font14);display: block;margin-top: .1rem;}
.newsList ul li::after {content: ""; position: absolute; top: -18%; width: 100%; height: 118%;background: #fffaf5;right: 0; z-index: -1; -webkit-clip-path: polygon(0 50%, 100% 15%, 100% 100%, 0% 100%); clip-path: polygon(0 60%, 100% 15%, 100% 100%, 0% 100%);     transform: translateY(100%); transition: .5s;}
.newsList ul li:hover::after { transform: translateY(0);}
.newsList ul li:hover h5 {color: #c90008;}
.newsList ul li:hover span {color: #c90008;}
/* 常见问题 */
.questionList {margin: 1rem 0;}
.questionList ul li {border-bottom: 1px solid #DDDDDD; padding: .3rem 0 .2rem 0; cursor: pointer;}
.questionList ul li .tle {display: flex; align-items: center; position: relative;}
.questionList ul li .tle h3 {width: 75%;font-size: var(--font22);color: #333333; margin-left: .2rem; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.questionList ul li .questionCon {background: #eee; margin-top: .1rem; padding: .2rem; box-sizing: border-box;}
.questionList ul li .tle::after {content: "+"; width: 100%; padding-right: .15rem; box-sizing: border-box;top: 0; left: 0; font-size: var(--font22);color: #333333;font-weight: 700;line-height: initial; position: absolute;right: 0;}
.questionList ul li .tle::after {height: 100%;display: flex;align-items: center;justify-content: flex-end;}
.questionList ul li .tle.on::after {content: "-";padding-right: .2rem;}



/* 新闻详情 */
.newsDateBanner {height: 3.85rem;}
.newsDateBanner .imgBox {height: 100%;}
.newsDateBanner .imgBox img {height: 100%; object-fit: cover;}
.newsDate {padding: .7rem 0;}
.newsDate .box {display: flex; justify-content: space-between;}
.newsDate .box .le {width: 72%;}
.newsDate .box .re {width: 20%;}
.newsDate .tle {border-bottom: 1px solid #DEDEDE; padding-bottom: .2rem;}
.newsDate .tle h5 {font-size: 0.39rem;color: #333333;}
.newsDate .tle .time {color: #666666;font-size: .17rem;margin-top: .3rem;}
.newsDate .tle .time span {font-family: Arial, Helvetica, sans-serif;}
.newsCon {padding: .3rem 0;}
.newsCon img {max-width: 100%;}
.newsPage {display: flex; align-items: center; justify-content: space-between;border-top: 1px solid #eee; padding-top: .5rem;}
.newsPage a {display: flex; align-items: center;}
.newsPage a .icBox {width: 20px; height: 20px; border: 1px solid #a9a9a9; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.newsPage a .icBox img {filter: brightness(0); -webkit-filter:brightness(0); transform: rotate(90deg); opacity: .5;}
.newsPage a span {color: #999999; font-size: var(--font14); margin-left: 10px;}
.newsPage a.next span {margin-left: 0; margin-right: 10px;}
.newsPage a.next img {transform: rotate(-90deg);}
.newsPage a:hover span {color: #c90008;}
.newsDate .re .tle {background: #f48000; text-align: center; padding: .3rem 0;}
.newsDate .re .tle h3 {color: #ffffff;font-size: .3rem;}
.newsDate .re .txtMarquee {border: 1px solid #dddddd; margin-top: 0; padding-top: .3rem; margin-bottom: 10px;}

/* =====解决方案===== */
.sty_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    text-align: center;
    font-size: 20px;
    max-width: 1400px;
    margin: 0 auto;
    /* padding: 1rem 0; */
}
.sty_flex img{
    width: 100%;
}
.sty_flex .item_desc {
    font-size: 14px;
}

.sty_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    padding: 0.5rem 0;
}

.sty_grid img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
    cursor: zoom-in;
}
/* 图片预览遮罩层 */
.image-preview-mask{
    position: fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
}
.image-preview-mask.show{
    display:flex;
}
.image-preview-mask img{
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    cursor: zoom-out;
}

.first_style_item_content {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    padding: 20px !important;
    border-radius: 20px;
    cursor: pointer;
    /* 位移、阴影同步过渡，统一缓动曲线，时长适中更柔和 */
    transition: transform 0.3s var(--smooth-ease), box-shadow 0.3s var(--smooth-ease);
    /* 提前告知浏览器渲染元素，杜绝卡顿、抖动 */
    will-change: transform, box-shadow;
    /* 预留上浮空间，防止卡片上浮瞬间挤压周边元素 */
    transform: translateY(0);
}
.first_style_item_content:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
}
.solution_content {
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem 0;
}
.solution_content .solution_content_box img {
    border-radius: 20px;
}

/* =====联系我们===== */
.contact {margin: 1rem 0;}
.contact .box {display: flex;}
.contact .box > div {padding:.65rem .5rem; width: 75%;}
.contact .box .leUs {background: url(../image/contact-leUs-bj.jpg) no-repeat center; background-size: cover; width: 80%;}
.contact .leUs .tle h4 {font-size: 0.28rem;color: #ffffff;font-weight: 700;}
.contact .leUs .info2 {margin-top: .3rem;}
.contact .leUs .info em {display: block; color: #fff; font-size: var(--font18);}
.contact .leUs .info b {font-weight: 400;}
.contact .leUs .info b a {font-size: 0.3rem;font-family: Arial, Arial-Regular; color: #fff; display: block;}
.contact .leUs .info i {display: inline-block;width: 1.0rem;height: 3px; background: #f7f7f7;}
.contact .leUs .info2 b {font-weight: 700;}
.contact .leUs .text {margin-top: .1rem;color: #ffffff;opacity: .7;}
.contact .cenUs {background: #eeeeee;}
.contact .cenUs h4 {font-size: 0.28rem;font-weight: 700;}
.contact .cenUs dl {margin-top: .4rem;}
.contact .cenUs dl dd {margin: .2rem 0;}
.contact .cenUs dl dd , .contact .cenUs dl dd a {color: #444444;font-size: 20px;}
.contact .cenUs dl dd a:hover {color: #c90008;}
.contact .cenUs .more {margin-top: .4rem;}
.contact .cenUs .more a {width: 2.12rem; height: 0.49rem; min-width: 200px; min-height: 40px; background: #c90008; border-radius: 25px; }
.contact .cenUs .more a img { transition: .5s;}
.contact .cenUs .more a span {color: #ffffff; margin-left: 10px;}
.contact .cenUs .more a:hover img {transform: rotateY(180deg);}
.contact .reUs {background: #f8f8f8;} 
.contact .reUs h4 {font-size: 0.28rem;font-weight: 700; color: #333;}
.contact .reUs .tle i {display: inline-block; width: 0.36rem; height: 0.04rem; background: #c90008;}
.contact .reUs ul {margin-top: .5rem;}
.contact .reUs ul li {margin-top: .2rem;}
.contact .reUs ul li span {color: #444444; font-weight: 700;}
.contact p img {max-width: 100%;}

.contact2 {
    width: 1400px;
    margin: 0 auto;
    max-width: 92%;
}
.contact2 h4 {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #333333;
    margin: 40px auto;
    text-align: center;
}
.form-group {
    margin-bottom: 20px;
}
/* 表单行：两项并排 */
.form-row {
    display: flex;
    gap: 20px;
}
.form-row .form-group {
    flex: 1;
    min-width: 0;
}
/* 验证码输入框与图片并排 */
.code-wrap {
    display: flex;
    gap: 10px;
    align-items: center;
}
.code-wrap input {
    flex: 1;
    min-width: 0;
}
.code-wrap img {
    flex-shrink: 0;
    height: 38px;
    cursor: pointer;
    border-radius: 4px;
}
/* 手机端表单行改为竖排 */
@media (max-width: 768px) {
    .form-row {
        flex-direction: column;
        gap: 0;
    }
}

label {
    display: block;
    margin-bottom: 8px;
    color: #333;
    font-weight: bold;
}

input, textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}

textarea {
    height: 120px;
    resize: vertical;
}

.liuyan {
    background: #c90008;
    color: white;
    padding: 12px 24px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    transition: background 0.3s;
}

button:hover {
    background: #d56a00;
}

.error-message {
    color: #dc3545;
    margin-top: 5px;
    font-size: 14px;
}

.success-message {
    color: #28a745;
    margin-top: 20px;
}

.dateCon .tableBox {width:100%;overflow-x: auto;scrollbar-width:6px;scrollbar-color:rgba(0, 0, 0, 0.2);}
.dateCon .tableBox::-webkit-scrollbar {width: 6px; height: 6px;}
.dateCon .tableBox::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.2); border-radius: 5px;}
.dateCon .tableBox::-webkit-scrollbar-track { border-radius: 0; background: rgba(0,0,0,0.2);border-radius: 5px;}
.dateCon .tableBox table {white-space: nowrap;}
.dateCon .tableBox table tr td {padding: 0 .1rem !important;}


/* 回订顶部 */
#backTop {width:.52rem; height:.52rem; min-width: 30px; min-height: 30px;cursor:pointer; position: fixed; right: 10px;top: 60%; background: #fff url(../static/image/totop.png) no-repeat center 50%; border: 1px solid #e2e2e2; opacity: 0.85; z-index: 100; mix-blend-mode: exclusion; display: none;  border-radius: 3px; text-align: center;}
#backTop svg {max-width: 80%;max-height: 100%;}


/* 视频弹出层 */
.acquisition-info {padding: 2rem;box-sizing: border-box; background-color: #fff; width: 110%; display: none;}
.acquisition-info .box-title {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee; padding-bottom: 1rem;}
.acquisition-info .box-title h3 {font-size: 1.6rem; color: #000; font-weight: bold;}
.acquisition-info .box-title span {font-size: 2.5rem; cursor: pointer; color: #000; line-height: 30px;}
.acquisition-info dl {margin-top: 2rem;}

/* 简历弹出层 */
.acquisition {padding: .3rem;box-sizing: border-box; background-color: #fff; width: 55%; display: none; cursor: default;    white-space: initial;}
.acquisition .box-title {display: flex; justify-content: space-between; align-items: center;}
.acquisition .box-title h3 {font-size: var(--font24); color: #000; font-weight: bold; margin: 0; text-align: left; width: 85%;}
.acquisition .box-title span {font-size: .5rem; cursor: pointer; color: #000; line-height: 30px;}
.acquisition .time span {font-size: var(--font16); color: #666;display: inline-block; margin-right: .6rem;}
.acquisition .time {border-bottom: 1px solid #ececec; padding: .1rem 0; text-align: left;}
.acquisition .infoCon {margin-top: .25rem;  height: 38vh; overflow-y:auto; text-align: initial;}
@media screen and (min-width: 200px) and (max-width: 768px) {
.acquisition {  width: 92%;}
}


/* 搜索页面 */
.search-page .box {margin-top: 1.25rem;}
.search-page form {width: 75%;margin: auto; margin-bottom: 60px; border: 1px solid #333; border-radius: 50px; padding:5px 20px; box-sizing: border-box; display: flex;     align-items: center; justify-content: space-between; }
.search-page form .searchCon {padding: 5px 0; width: 95%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}
.search-page form .sub {width: 23px;  height: 23px; display: block; cursor: pointer; background: url(../image/searchIcon.png) no-repeat center; outline: none; border: none; background-size:auto; filter: brightness(0); -webkit-filter:brightness(0);}
.search-page ul {width: 100%;}
.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}
.search-page li span {background: #c90008; color: #fff; font-size: 12px; padding: 2px 5px; }
.search-page li h3 {font-size: var(--font18); margin: 10px 0; color: #000000; font-weight: 700;}
.search-page li p {font-size: var(--font16); color: #666; }
.search-page li .le {width: 95%;}
.search-page li a {display: flex; align-items: flex-end; justify-content: space-between;}
.search-page li img {transition: .5s; margin-right: 20px;}
.search-page li:hover img {transform: translateX(20px);}
@media screen and (min-width: 200px) and (max-width: 640px){
  .search-page form {
      width: 90%;
      margin-bottom: 40px;
  }
}

/* 分页 */
.fy { padding: 0.5rem 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap;}
.fy a { border: 1px solid #d3d9e2; display: flex; align-items: center; justify-content: center;  color: #666; font-size: 14px;}
.fy a {width: 35px; height: 30px; transition: .4s; margin:5px;}
.fy a.layui-laypage-prev , .fy a:first-child , .fy a:last-child {width: 65px;}
.fy .page-num-current {color: #fff; background: #c90008;}
.fy .layui-laypage-curr {display: flex; align-items: center; justify-content: center;}
.fy .layui-laypage-curr {width: 35px; height: 30px; color: #fff; background: #c90008; font-size: 14px; margin: 0 5px;}

/*首页-产品中心*/
/* tab 栏 - 只有一排按钮 */
.pro-tab-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.15rem;
}

.pro-tab-btn {
    background: #f8f8f8;
    border: 1px solid #b75d04;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    padding: 0.10rem 0.15rem;
    border-radius: 60px;
    cursor: pointer;
    transition: all 0.2s;
    letter-spacing: 0.5px;
    min-width: 120px;
}

.pro-tab-btn:hover {
    background: #c90008;
    color: white;
    border-color: #c90008;
    transform: translateY(-2px);
}

.pro-tab-btn.active {
    background: #c90008;
    border-color:#c90008;
    color: white;
}

/* ==========产品分组显隐========== */
.product-list-group {
    display: none; /* 默认隐藏 */
}
.product-list-group.active-group {
    display: block; /*激活才显示*/
}

.product-grid{
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(220px,1fr));
    gap:20px;
    margin-top:24px;
}
.product-card{
    border:1px solid #eee;
    padding:12px;
    border-radius:8px;
}
.card-img{
    width:100%;
    /*height:160px;*/
    object-fit:cover;
}
.card-title{
    text-align:center;
    margin-top:8px;
}


@media (max-width: 600px) {
    .pro-tab-btn {
        font-size: 16px;
        padding: 10px;
        min-width: 160px;
    }
}
.products-section {
    margin-top: 16px;
    margin-bottom: 40px;
}
.section-label {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 26px;
    padding-left: 5px;
    border-left: 4px solid #1e293b;
    color: #0f172a;
}
.product-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}
.product-card {
    background: #ffffff;
    border-radius: 0.12rem;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.2, 0, 0, 1);
    cursor: pointer;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.03);
    border: 1px solid #eef2f8;
}
.product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 30px -12px rgba(0, 0, 0, 0.12);
    border-color: #c90008;
}
.card-img {
    width: 100%;
    /*aspect-ratio: 4 / 3;*/
    object-fit: cover;
    display: block;
    transition: transform 0.4s;
}
.product-card:hover .card-img {
    transform: scale(1.02);
}
.card-title {
    padding: 16px 12px 20px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #1e293b;
    background: #ffffff;
}

/* 列表组容器 */
.product-list-group {
    display: none;
}
.product-list-group.active-group {
    display: block;
}

/* ========== 响应式断点 ========== */
@media (max-width: 1200px) {
    .product-hub { padding: 28px 20px 48px; }
    .title-main { font-size: 32px; }
    .title-main img { width: 32px; }
    .product-grid { gap: 22px; }
}
@media (max-width: 1024px) {
    .product-grid { gap: 20px; }
    .card-title { font-size: 15px; padding: 14px 10px 18px; }
    .title-main { font-size: 30px; }
    .tab-btn { padding: 8px 18px; font-size: 14px; }
    .section-label { font-size: 20px; }
}
@media (max-width: 768px) {
    .product-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
    .hero-tabs { gap: 8px; padding: 12px 15px; }
    .tab-btn { padding: 7px 16px; font-size: 13px; }
    .section-label { font-size: 18px; margin-bottom: 20px; }
    .product-hub { padding: 10px 0; }
    .title-main { font-size: 28px; }
    .title-sub { font-size: 13px; }
}
@media (max-width: 540px) {
    .product-grid { grid-template-columns: 1fr; gap: 16px; }
    .hero-tabs { flex-wrap: wrap; gap: 6px; padding: 10px 12px; }
    .tab-btn { flex: 1 0 auto; text-align: center; padding: 6px 10px; font-size: 12px; }
    .title-main { font-size: 24px; }
    .title-main img { width: 24px; }
    .section-label { font-size: 16px; margin-bottom: 16px; }
    .card-title { font-size: 14px; padding: 12px 10px 16px; }
    .hero-area { margin-bottom: 32px; }
}

/*应用领域*/
/* 大图区域 */
.hero-image {
    width: 100%;
    aspect-ratio: 16 / 6;
    overflow: hidden;
    transition: all 0.2s;
    margin-bottom: 0.2rem;
    position: relative;
}

.hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: opacity 0.4s ease;
}

/* tab 栏 - 只有一排按钮 */
.tab-bar {
    position: absolute; 
    bottom: 80px;       
    left: 50%;           
    transform: translateX(-50%); 
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.2rem;
    z-index: 10;     
}

.tab-btn {
    background: #f8f8f8db;
    border: 1px solid #b75d04;
    color: #333;
    font-size: 18px;
    font-weight: 500;
    padding: 0.15rem 0.65rem;
    border-radius: 60px;
    cursor: pointer;
    transition: all 0.2s;
    letter-spacing: 0.5px;
    min-width: 160px;
}

.tab-btn:hover {
    background: #f37b03d9;
    color: white;
    border-color: #b75d04;
    transform: translateY(-2px);
}

.tab-btn.active {
    background: #f37b03d9;
    border-color: #d56a00;
    color: white;
}

@media (max-width: 600px) {
    .tab-btn {
        font-size: 0.2rem;
        padding: 0.1rem 0.4rem;
        min-width: 90px;
    }
    .tab-bar {
    position: relative;
    top: 0px;
    padding: 0 50px;
    margin-bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.2rem;
    z-index: 10;
    }
    .hero-image {
    width: 100%;
    aspect-ratio: 9 / 6;
    overflow: hidden;
    transition: all 0.2s;
    margin-bottom: 0.2rem;
    position: relative;
}
.indexTle {
    text-align: center;
    padding: .6rem .3rem;
}
}