/* ————————————————————————————首页banner轮播———————————————————————————— */

        /* 重置默认样式 */
        .index_top_banner * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        /* 轮播容器 */
        .index_top_banner__container {
            position: relative;
            margin: 0 auto;
            overflow: hidden;
        }

        /* 轮播轨道 */
        .index_top_banner__track {
            display: flex;
            transition: transform 0.5s ease;
        }

        /* 轮播项 */
        .index_top_banner__slide {
            position: relative;
            min-width: 100%;
			height: 100%;
            aspect-ratio: 16/7;
        }

        /* 轮播图片 */
        .index_top_banner__image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* 控制按钮容器 */
        .index_top_banner__controls {
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            transform: translateY(-50%);
            display: flex;
            justify-content: space-between;
            pointer-events: none;
        }

        /* 方向按钮 */
        .index_top_banner__btn {
            pointer-events: auto;
            background: rgba(255,255,255,0.5);
            border: none;
            width: 40px;
            height: 40px;
			font-size:18px;
            border-radius: 50%;
            margin: 0 20px;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .index_top_banner__btn:hover {
			color: white;
            background: #cc0000;
            transform: scale(1.05);
        }

        /* 圆点指示器 */
        .index_top_banner__dots {
            position: absolute;
            bottom: 30px;
			top-: 75%;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
        }

        .index_top_banner__dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255,255,255,0.5);
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .index_top_banner__dot.active {
            background: white;
            transform: scale(1.2);
        }

        /* 文字容器 */
        .index_top_banner__text {
            position: absolute;
            top: 45%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            text-align: center;
        }

        .index_top_banner__text-line1 {
            font-size: 3em;
            margin-bottom: 0.2em;
			font-weight:700;
			text-shadow:1px 1px 5px #333333;
            opacity: 0;
            animation: fadeIn 0.5s forwards;
        }

        .index_top_banner__text-line2 {
            font-size: 1.3em;
            opacity: 0;
            animation: fadeIn 0.5s 0.3s forwards;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* 移动端适配 */
        @media (max-width: 768px) {
            .index_top_banner__slide {
                aspect-ratio: unset;
            }
            .index_top_banner__image {
                height: auto;
            }
			 .index_top_banner__controls {
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            transform: translateY(-50%);
            display: flex;
            justify-content: space-between;
            pointer-events: none;
        }
		    .index_top_banner__btn {
            pointer-events: auto;
            background: rgba(255,255,255,0.8);
            border: none;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            margin: 0 20px;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
        }
		    /* 文字容器 */
        .index_top_banner__text {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            text-align: center;
        }
       .index_top_banner__text-line1 {
            font-size: 1.2em;
            margin-bottom: 0.2em;
            opacity: 0;
            animation: fadeIn 0.5s forwards;
        }

        .index_top_banner__text-line2 {
            font-size: 0.8em;
            opacity: 0;
            animation: fadeIn 0.5s 0.3s forwards;
        }
		    /* 圆点指示器 */
        .index_top_banner__dots {
            position: absolute;
            bottom: 15px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
        }
        }
        /* 移动端适配 */
        @media (max-width: 320px) {

        .index_top_banner__text {
            position: absolute;
            top: 50%;
            left: 50%;
    
            color: white;
            text-align: center;
        }
       .index_top_banner__text-line1 {
            font-size: 1.2em;
            margin-bottom: 0.2em;
            opacity: 0;
            animation: fadeIn 0.5s forwards;
        }

        .index_top_banner__text-line2 {
            font-size: 0.8em;
            opacity: 0;
            animation: fadeIn 0.5s 0.3s forwards;
        }

        }
/* ————————————————————————————首页关于我们———————————————————————————— */
        .iabout-container {
            margin: 0 auto;
            padding: 60px 0px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .iabout-left {
            width: 48%;
            flex-shrink: 0;
        }

        .iabout-right {
            width: 52%;
            flex-shrink: 0;
        }

        .iabout-title {
            font-size: 30px;
            font-weight: 700;
            color: #1e64bc;
            margin-bottom: 15px;
            line-height: 1.2;
        }

        .iabout-divider {
            width: 60px;
            height: 3px;
            background-color: #1e64bc;
            margin-bottom: 30px;
            border-radius: 2px;
        }

        .iabout-desc {
            color: #555;
            line-height: 1.7;
            margin-bottom: 40px;
			 padding: 0px 50px 0px 0px;
            font-size: 16px;
        }

        .iabout-btn {
            display: inline-flex;
            align-items: center;
            /* 使用margin-left替代gap */
            padding: 14px 32px;
            background-color: transparent;
            border: 1px solid #1e64bc;
            color: #222;
            text-decoration: none;
            font-weight:500;
            font-size: 15px;
            border-radius: 50px;
            transition: all 0.3s ease;
            cursor: pointer;
        }
        
        .iabout-btn i {
            margin-left: 10px;
        }

        .iabout-btn:hover {
            background-color: #1e64bc;
            color: white;
            transform: translateY(-1px);
            box-shadow: 0 6px 12px rgba(33, 150, 243, 0.2);
        }

        .iabout-img-container {
            width: 100%;
            border-radius: 0px;
            overflow: hidden;
            position: relative;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
        }
        
        /* 使用padding-bottom技巧创建固定宽高比，替代aspect-ratio以兼容老浏览器 */
        .iabout-img-container::before {
            content: '';
            display: block;
            padding-bottom: 60%; /* 5/3 = 0.6 = 60% */
        }
        
        .iabout-img-container img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: all 0.4s ease;
        }

        .iabout-img-link {
            display: block;
            text-decoration: none;
            color: inherit;
        }

        .iabout-img-link:hover .iabout-img {
            transform: scale(1.02);
            filter: brightness(0.89);
        }

        /* 平板端适配 - 保持左右排列 */
        @media (max-width: 992px) and (min-width: 768px) {
            .iabout-container {
                padding: 50px 30px;
                /* 使用margin-right替代gap */
            }
            
            /* 为左右部分添加间距 */
            .iabout-left {
                margin-right: 40px;
            }
            
            .iabout-title {
                font-size: 32px;
            }
            
            .iabout-desc {
                font-size: 17px;
                margin-bottom: 35px;
				padding: 0px 0px 0px 0px;
            }
            
            .iabout-btn {
                padding: 13px 28px;
                font-size: 15px;
            }
        }

        /* 移动端适配 - 改为垂直排列 */
        @media (max-width: 767px) {
            .iabout-container {
                flex-direction: column;
                padding: 40px 20px;
            }
            
            .iabout-left,
            .iabout-right {
                width: 100%;
                /* 使用margin-bottom替代gap */
                margin-right: 0;
            }
            
            .iabout-left {
                margin-bottom: 40px;
            }
            
            .iabout-title {
                font-size: 32px;
                margin-bottom: 16px;
            }
            
            .iabout-divider {
                margin-bottom: 24px;
            }
            
            .iabout-desc {
                font-size: 16px;
                margin-bottom: 32px;padding: 0px 0px 0px 0px;
            }
            
            .iabout-btn {
                padding: 12px 28px;
                font-size: 15px;
            }
        }

/* ————————————————————————————首页4大优势———————————————————————————— */
        .iyoushi-nav-container {
            display: flex;
            width: 100%;
            border: 1px solid #e5e5e5;
			margin-bottom:50px;
        }

        /* 每个导航项作为块级链接 */
        .iyoushi-nav-link {
            flex: 1;                       /* 平分宽度 */
            display: block;
            text-decoration: none;
            color: inherit;                /* 颜色由内部具体样式控制 */
            border-right: 1px solid #e5e5e5;
            transition: all 0.2s ease;     /* 平滑过渡 */
        }
        .iyoushi-nav-link:last-child {
            border-right: none;
        }

        /* 内部内容区 — 基础样式 */
        .iyoushi-nav-item {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 40px 15px;
            width: 100%;
            height: 100%;
            transition: background-color 0.2s ease, color 0.2s ease;
        }

        /* 默认状态：非高亮（即默认的浅色模式） */
        .iyoushi-nav-item {
            background-color: transparent;   /* 透出父级背景，但为了明确，默认白底 */
            color: inherit;                  /* 由内部自行定义 */
        }

        /* 标题与副标题默认颜色（非高亮）—— 保持与原始设计一致 */
        .iyoushi-nav-link .iyoushi-title {
            color: #333;
            transition: color 0.2s ease;
        }
        .iyoushi-nav-link .iyoushi-subtitle {
            color: #999;
            transition: color 0.2s ease;
        }

        /* 图标容器默认样式 (非高亮) */
        .iyoushi-nav-link .iyoushi-icon-wrap {
            border: 3px solid #1e64bc;          /* 默认深色边框适配非高亮（原设计图标边框随文字颜色） */
            color: #1e64bc;                      /* 图标颜色 */
            transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
        }

        /* 首个企业文化项默认就是蓝色高亮状态 (不受悬停影响，保持唯一) 
           但为了统一悬浮逻辑，我们保留它的样式，并且悬浮其他项时变成跟它一样 */
        .iyoushi-nav-link.culture-link .iyoushi-nav-item {
            background-color: #1e64bc;
            color: #fff;
        }
        .iyoushi-nav-link.culture-link .iyoushi-title,
        .iyoushi-nav-link.culture-link .iyoushi-subtitle {
            color: #fff;                     /* 文字白色 */
        }
        .iyoushi-nav-link.culture-link .iyoushi-subtitle {
            opacity: 0.8;
        }
        .iyoushi-nav-link.culture-link .iyoushi-icon-wrap {
            background-color: #fff;
            border-color: #fff;               /* 白色边框 + 白色背景让图标区域呈现白底 */
            color: #1e64bc;                    /* 图标为蓝色 */
        }

        /* ----- 核心悬浮效果：任意导航链接悬停时，都变成蓝底白字（与culture初始一致）----- */
        .iyoushi-nav-link:hover .iyoushi-nav-item {
            background-color: #1e64bc !important;   /* 强制蓝底 */
            color: #fff !important;                  /* 文字白色 */
        }

        /* 悬浮时标题与副标题文字全白 */
        .iyoushi-nav-link:hover .iyoushi-title,
        .iyoushi-nav-link:hover .iyoushi-subtitle {
            color: #fff !important;
        }

        /* 悬浮时图标容器变为白底蓝图标（与culture初始一致） */
        .iyoushi-nav-link:hover .iyoushi-icon-wrap {
            background-color: #fff !important;
            border-color: #fff !important;     /* 边框白色融入背景 */
            color: #1e64bc !important;          /* 图标变为蓝色 */
        }

        /* 注意：culture-link本身已经蓝底，悬浮时保持不变（依然蓝底白字，但防止覆盖后图标异常，可强化一致） */
        .iyoushi-nav-link.culture-link:hover .iyoushi-nav-item {
            background-color: #1e64bc;          /* 维持蓝色，实际已经蓝 */
            color: #fff;
        }
        .iyoushi-nav-link.culture-link:hover .iyoushi-icon-wrap {
            background-color: #fff;              /* 保持白底蓝图标 */
            border-color: #fff;
            color: #1e64bc;
        }

        /* 图标容器通用尺寸 */
        .iyoushi-icon-wrap {
            width: 60px;
            height: 60px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
            flex-shrink: 0;
            border: 3px solid;                   /* 边框颜色由上面控制 */
        }

        /* 文字区域 */
        .iyoushi-text-wrap {
            line-height: 1.4;
        }

        .iyoushi-title {
            font-size: 24px;
            font-weight: 500;
            margin-bottom: 5px;
        }

        .iyoushi-subtitle {
            font-size: 14px;
            opacity: 0.8;
            text-transform: uppercase;
        }

        /* 响应式 */
        @media (max-width: 768px) {
            .iyoushi-nav-container {
                flex-direction: column;
            }
            .iyoushi-nav-link {
                border-right: none;
                border-bottom: 1px solid #e5e5e5;
            }
            .iyoushi-nav-link:last-child {
                border-bottom: none;
            }
            .iyoushi-nav-item {
                padding: 20px 15px;
                justify-content: center;       /* 居中 */
            }
            /* 第一个项目原本靠左，但移动端统一居中(让culture也居中) */
            .iyoushi-nav-link.culture-link .iyoushi-nav-item {
                justify-content: center;
                padding-left: 15px;             /* 覆盖之前的40px */
            }
            .iyoushi-title {
                font-size: 20px;
            }
        }
/* ————————————————————————————首页15个产品———————————————————————————— */
        .iproduct-container {
            background: linear-gradient(to bottom, #1e64bc 0%, #1e64bc 50%, #f8f8f8 50%, #f8f8f8 100%);
            position: relative;
        }
        
        /* 蓝色背景下面的背景图片 */
        .iproduct-container::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 50%;
            background-image: url('');
            background-size: cover;
            background-position: center;
            opacity: 0.1;
            z-index: 1;
        }
        
        /* 主内容容器 */
        .iproduct-content {
            position: relative;
            z-index: 2;
            max-width: 1400px;
            margin: 0 auto;
            padding: 30px 1%;
        }
        
        /* 上部内容区域 */
        .iproduct-hero {
            display: flex;
            margin-bottom: 60px;
            border-radius: 0px;
            overflow: hidden;
            box-shadow-: 0 10px 30px rgba(0, 0, 0, 0.1);
        }
        
        /* 左侧图片区域 */
        .iproduct-hero-left {
            flex: 4;
            overflow: hidden;
        }
        
        .iproduct-hero-img {
            width: 100%;
            height00: 100%;
            object-fit00: cover;

			
	width: 100%;        /* 宽度填满容器 */
    height: auto;       /* 高度自适应，保持原始宽高比 */
   
    transition: transform 0.5s ease;
        }
        
        .iproduct-hero-left a:hover .iproduct-hero-img {
            transform: scale(1.02);
        }
        
        /* 右侧内容区域 */
        .iproduct-hero-right {
            flex:4;
            padding: 40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        
        .iproduct-hero-title {
            color: white;
            font-size: 2.4rem;
            font-weight: 700;
            margin-bottom: 20px;
            line-height: 1.2;
        }
        
        .iproduct-hero-desc {
            color: rgba(255, 255, 255, 0.9);
            font-size: 1rem;
            line-height: 1.8;
            margin-bottom: 30px;
        }
        
        .iproduct-hero-btn {
            display: inline-block;
            padding: 14px 32px;
            border: 2px solid white;
            color: white;
            text-decoration: none;
            font-weight: 500;
            font-size: 1rem;
            border-radius: 50px;
            transition: all 0.3s ease;
            align-self: flex-start;
        }
        
        .iproduct-hero-btn:hover {
            background-color: white;
            color: #1e64bc;
        }
        
        .iproduct-hero-btn i {
            margin-left: 8px;
        }
        
        /* 下部产品区域 - 使用Flex替代Grid */
        .iproduct-products {
            display: flex;
            flex-wrap: wrap;
			 background-color: white;
            margin: 0 -5px; /* 负边距抵消内边距 */
        }
        
        /* 单个产品卡片 */
        .iproduct-product-item {
            text-decoration: none;
            color: #333;
            background-color: white;
            border-radius: 1px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
            position: relative;
            padding-bottom: 15px;
            margin: 5px; /* 使用margin替代gap */
            width: calc(16.666% - 10px); /* 6列布局，考虑margin */
        }
        
        .iproduct-product-item::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 3px;
            background-color: #1e64bc;
            transition: width 0.3s ease;
        }
        
        .iproduct-product-item:hover::after {
            width: 100%;
        }
        
        .iproduct-product-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }
        
        /* 产品图片容器 */
        .iproduct-product-img-container {
            width: 100%;
            height: 0;
            padding-bottom: 100%; /* 创建1:1的方形比例 */
            overflow: hidden;
            position: relative;
        }
        
        .iproduct-product-img {
			border: 1px solid #f6f6f6;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .iproduct-product-item:hover .iproduct-product-img {
            transform: scale(1.1);
        }
        
        /* 产品标题 */
        .iproduct-product-title {
            padding: 15px 15px 0;
            font-size: 12px;
            font-weight: 500;
            text-align: center;
            color: #222;
            transition: color 0.3s ease;
        }
        
        .iproduct-product-item:hover .iproduct-product-title {
            color: #1e64bc;
        }
        
        /* 移动端样式 */
        @media (max-width: 1024px) {
            /* 平板端：产品区域4列 */
            .iproduct-product-item {
                width: calc(25% - 10px); /* 4列布局 */
            }
            
            .iproduct-hero-title {
                font-size: 2.2rem;
            }
        }
        
        @media (max-width: 768px) {
            /* 移动端：上部分内容隐藏，产品区域2列 */
            .iproduct-hero {
                display: none;
            }
            
            .iproduct-product-item {
                width: calc(50% - 10px); /* 2列布局 */
                margin: 5px;
            }
            
            .iproduct-content {
                padding: 20px 15px;
            }
            
            /* 调整背景比例，因为上部内容已隐藏 */
            .iproduct-container {
                background: linear-gradient(to bottom, #1e64bc 0%, #1e64bc 20%, #f5f7fa 20%, #f5f7fa 100%);
            }
            
            .iproduct-container::before {
                height: 20%;
            }
        }
        
        @media (max-width: 480px) {
            .iproduct-product-item {
                width: calc(50% - 10px); /* 2列布局 */
                margin: 5px;
            }
            
            .iproduct-product-title {
                font-size: 1rem;
                padding: 12px 8px 0;
            }
        }
        

/* ————————————————————————————首页新闻中心———————————————————————————— */


        .inews {
            max-width: 1400px;
			padding: 0 1%;
            margin: 2rem auto; /* 仅仅为了演示居中，非必须 */

            padding: 1rem;
        }

        /* 外层 flex 容器：左右两部分高度一致，使用 Flex 替代 Grid，不用 gap (用 margin 模拟) */
        .inews__container {
            display: flex;
            flex-wrap: wrap;         /* 移动端折行 */
            background-color: #fff;
            border-radius: 0px;      /* 整体柔和圆角，非必需 */
            overflow: hidden;

        }

        /* 左侧卡片 —— 背景图片在下，暗色覆盖 */
        .inews__left {
            width: 30%;               /* 默认占30% */
            background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%), 
                        url('../img/index_news.jpg') no-repeat center bottom; /* 随机示例图，保证图片在下 */
            background-size: cover;
            background-color: #2d3e4f; /* 图片加载前的底色 */
            display: flex;
            flex-direction: column;
            justify-content: flex-start; /* 内容居顶对齐 */
            align-items: flex-start;     /* 左对齐 */
            padding: 3.5rem 1.5rem 3.5rem 3rem;
            min-height: 480px;           /* 固定最小高度，保证高度一致，右侧自然撑起 */
            color: #fff;
        }

        /* 左侧内部所有行inline或者块，均顶左 */
        .inews__left > * {
            max-width: 100%;
        }

        /* 第1行：英文比中文大2倍，同行 */
        .inews__title-line {
            font-size: 1.2rem;
            font-weight: 600;
            margin-bottom: 0.75rem;
            letter-spacing: 0.5px;
            display: flex;
            align-items: baseline;
            flex-wrap: wrap;
        }
        .inews__title-line .inews__en {
            font-size: 2.4rem;       /* 英文是中文字体2倍 (基准1.2rem *2 =2.4rem) */
            margin-right: 0.5rem;
            text-transform: uppercase;
            font-weight: 700;
            line-height: 1.2;
        }
        .inews__title-line .inews__cn {
            font-size: 1.2rem;
            font-weight: 400;
            opacity: 0.9;
        }

        /* 第2行: 白色短横 */
        .inews__dash {
            width: 60px;
            height: 3px;
            background-color: #fff;
            border: none;
            margin: 0.55rem 0 1.2rem 0;   /* 用margin模拟间距，避免gap */
        }

        /* 第3行: 描述 */
        .inews__desc {
            font-size: 0.9rem;
            line-height: 1.8;
            margin-bottom: 2rem;
            opacity: 0.85;
            max-width: 90%;
        }

        /* 第4行: 按钮 透明底白边框 + 加号图标 */
        .inews__btn-outline {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background-color: transparent;
            border: 2px solid #ffffff;
            color: #ffffff;
            padding: 0.5rem 2rem 0.5rem 1.8rem;  /* 左边稍多留白给加号视觉 */
            font-size: 1rem;
            font-weight: 500;
            text-decoration: none;
            border-radius: 40px;
            transition: all 0.2s ease;
            cursor: pointer;
            margin-top: 0;            /* 居顶已保证 */
        }
        .inews__btn-outline i {
            font-size: 1rem;
            margin-right: 6px;
            font-weight: 300;
        }
        .inews__btn-outline:hover {
            background-color: rgba(255,255,255,0.1);
            border-color: #fff;
            color: #fff;
        }

        /* ========= 右侧部分 ========= */
        .inews__right {
            width: 70%;
            display: flex;
            flex-direction: column;
            background-color: #ffffff;
            padding: 0;              /* 不留白让边框靠边，边框在整个行外 */
        }

        /* 右侧每一行新闻卡片——灰边框，用margin分隔行，不用gap */
        .inews__news-row {
            display: flex;
            flex: 1 1 auto;
            border: 1px solid #e2e8f0;
            border-radius: 0px;
            margin: 2rem 1.5rem;      /* 上下左右边距产生间隔，同时保证边框可见 */
            overflow: hidden;
            transition: box-shadow 0.15s;
            background: #fff;
        }
        /* 移动端上下margin微调 */
        .inews__right .inews__news-row:first-child {
            margin-top: 1.5rem;
        }
        .inews__right .inews__news-row:last-child {
            margin-bottom: 1.5rem;
        }

        /* 第1行默认左边图片 右边内容； 第2行互换，通过 order 和 flex-direction 实现 */
        .inews__news-row--reverse {
            flex-direction: row-reverse;   /* 左右内容互换: 图片在右，内容在左 */
        }

        /* 图片区块 5:3比例容器 */
        .inews__img-wrap {
            flex: 0 0 40%;                /* 固定宽 40% 可让图片区域占比合理，接近5:3比例 */
            max-width: 40%;
            aspect-ratio: 5 / 3;           /* 保持5:3，移动端若溢出可缩小 */
            overflow: hidden;
            background-color: #f1f5f9;
        }
        .inews__img-wrap a {
            display: block;
            width: 100%;
            height: 100%;
        }
        .inews__img-wrap img {
            width: 100%;
            height: 100%;
            object-fit-: cover;
            display: block;
            transition: transform 0.4s ease;
        }
        .inews__img-wrap a:hover img {
            transform: scale(1.05);        /* 鼠标经过图片内部变大 */
        }

        /* 新闻内容区域 (右边默认，第二行依然是右边但因为是row-reverse变成左) */
        .inews__content {
            flex: 1;                       /* 填充剩余 */
            padding: 1.2rem 1.5rem;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            background-color: #fff;
        }

        /* 新闻标题 */
        .inews__content-title {
            margin-bottom: 0.5rem;
        }
        .inews__content-title a {
            color: #0f172a;
            font-size: 1.1rem;
            font-weight: 500;
            line-height: 1.6;
            text-decoration: none;
            transition: color 0.15s;
        }
        .inews__content-title a:hover {
            color: #1e64bc;
        }

        /* 小图标+时间 */
        .inews__meta {
            display: flex;
            align-items: center;
            color: #64748b;
            font-size: 0.9rem;
            margin-bottom: 0.75rem;
        }
        .inews__meta i {
            font-size: 0.8rem;
            margin-right: 6px;
            color: #94a3b8;
        }

        /* 灰色描述 */
        .inews__excerpt {
            color: #475569;
            font-size: 0.85rem;
            line-height: 1.6;
			margin-top: 0.5rem;
            margin-bottom: 1rem;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        /* view more 按钮：透明底灰边框，带链接 */
        .inews__view-btn {
            display: inline-flex;
            align-items: center;
            align-self: flex-start;       /* 左对齐，不占满 */
            background-color: transparent;
            border: 1.5px solid #cbd5e1;
            color: #334155;
            padding: 0.5rem 1.2rem;
            border-radius: 30px;
            font-size: 0.9rem;
            font-weight: 500;
            text-decoration: none;
            transition: all 0.2s;
        }
        .inews__view-btn i {
            margin-left: 6px;
            font-size: 0.8rem;
            transition: transform 0.1s;
        }
        .inews__view-btn:hover {
            background-color: #1e64bc;
            border-color: #1e64bc;
            color: #ffffff;
        }
        .inews__view-btn:hover i {
            transform: translateX(3px);
            color: #fff;
        }

        /* 移动端适配：小于768px 左右变成上下 */
        @media screen and (max-width: 768px) {
            .inews__left {
                width: 100%;
                min-height: 360px;          /* 适当减小 */
            }
            .inews__right {
                width: 100%;
            }
            .inews__news-row {
                margin: 0.75rem 1rem;
                flex-wrap: wrap;            /* 防止图片挤压 */
            }
            .inews__img-wrap {
                flex: 0 0 100%;
                max-width: 100%;
                aspect-ratio: 5 / 3;
            }
            .inews__news-row--reverse {
                flex-direction: row;         /* 移动端统一图片在上，内容在下，为了整洁不用reverse */
                flex-wrap: wrap;
            }
            /* 但为了保留互换感觉，可让第二个仍然图片在上？用户可能需要保持互换，但由于折行都一样，建议均图片在上。如果必须体现互换，平板可保留 */
            /* 但设计上移动端简化，都变成图片在上方，避免奇怪。也可以保留方向但图片宽100%无影响 */
            /* 为了清晰，第二个也变成常规顺序 */
            .inews__news-row--reverse {
                flex-direction: row;         /* 图片回到左侧，因为折行后都一样 */
            }
            /* 但若想移动端也保持左右互换视觉 —— 由 row-reverse 影响内容顺序，折行后图片依然占据一整行，无需担心 */
            /* 这里保留row-reverse，但图片100%宽，内容在下方，自然变成标题先于图片？ 其实 row-reverse + wrap 会使内容在上图片在下？ 我们确保 wrap 同时给img 100%宽 就行了 */
            /* 稍微优化一下：移动端flex-wrap换行后，图片独占一行，内容第二行 */
            .inews__news-row {
                flex-wrap: wrap;
            }
            .inews__img-wrap {
                flex-basis: 100%;
                max-width: 100%;
            }
            .inews__content {
                flex-basis: 100%;
            }
        }

        /* 平板中小尺寸 (768~992) 微调字体保持舒适 */
        @media screen and (min-width: 769px) and (max-width: 992px) {
            .inews__content {
                padding: 1rem;
            }
            .inews__content-title a {
                font-size: 1.2rem;
            }
            .inews__excerpt {
                font-size: 0.85rem;
            }
        }

        /* 为了兼容老浏览器，不使用gap, 已全部用margin控制，flex本身支持 */
        /* 确保所有按钮、链接无全局冲突 */
        .inews a {
            text-decoration: none;
        }

        /* 小细节：左部按钮内加号大一点 */
        .inews__btn-outline i {
            font-size: 1.6rem;
            font-weight: 300;
            margin-right: 8px;
            vertical-align: middle;
        }
/* ————————————————————————————首页公司实力———————————————————————————— */
        .iabout_num-container {
            width: 100%;
            max-width: 1400px;
            margin: 0 auto;
            padding: 50px 1% 120px 1%;
        }

        /* 浅蓝色背景区域 */
        .iabout_num-header {
            background-color-: #e6f7ff;
            padding: 40px 20px;
            text-align: center;
        }

        /* 标题样式 */
        .iabout_num-main-title {
            font-size: 3.5rem;
            font-weight: 700;
            color: #1e64bc;
            margin-bottom: 10px;
            letter-spacing: 1px;
        }

        .iabout_num-chinese-title {
            font-size: 2.2rem;
            font-weight: 600;
            color: #1e64bc;
            margin-bottom: 10px;
        }

        .iabout_num-subtitle {
            font-size: 1.4rem;
			 font-weight: 500;
            color: #000000;
            margin-bottom: 20px;
        }

        .iabout_num-description {
            font-size: 1.1rem;
            color: #333333;
            max-width: 1000px;
            margin: 0 auto 30px;
            line-height: 1.8;
        }

        /* 数据展示区域 */
        .iabout_num-data-section {
            background-color: rgba(255, 255, 255, 0.5);
            border-radius: 0px;
            padding: 40px 20px;
            margin-top: -30px;
            position: relative;
            box-shadow0: 0 8px 24px rgba(0, 0, 0, 0.08);
        }

        /* 使用Flex布局替代Grid */
        .iabout_num-data-flex {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            width: 100%;
        }

        /* 数据项样式 */
        .iabout_num-data-item {
            text-align: center;
            padding: 0 15px;
            position: relative;
            flex: 1 1 25%; /* 默认4列，每项占25%宽度 */
            min-width: 200px;
            margin-bottom: 20px;
        }

        /* 灰竖线分隔 - 使用伪元素实现 */
        .iabout_num-data-item::after {
            content: '';
            position: absolute;
            right: 0;
            top: 20%;
            height: 60%;
            width: 1px;
            background-color: #e0e0e0;
        }

        /* 移除最后一列的竖线 */
        .iabout_num-data-item:last-child::after {
            display: none;
        }

        /* 蓝色大数字 */
        .iabout_num-number {
            font-size: 3.5rem;
            font-weight: 800;
            color: #1e64bc;
            line-height: 1;
            position: relative;
            display: inline-block;
            margin-bottom: 10px;
        }

        /* 右上角小单位 */
        .iabout_num-unit {
            font-size: 1rem;
            font-weight: 600;
            color: #1e64bc;
            position: absolute;
            top: 5px;
            right: -20px;
        }

        /* 蓝色短横线 */
        .iabout_num-line {
            width: 40px;
            height: 3px;
            background-color: #1e64bc;
            margin: 15px auto;
        }

        /* 黑色标题 */
        .iabout_num-item-title {
            font-size: 1.3rem;
            font-weight: 600;
            color: #333;
            margin-bottom: 8px;
        }

        /* 响应式设计 */
        /* 平板端 */
        @media (max-width: 992px) {
            .iabout_num-main-title {
                font-size: 2.8rem;
            }
            
            .iabout_num-chinese-title {
                font-size: 1.9rem;
            }
            
            .iabout_num-data-item {
                flex: 1 1 50%; /* 平板端2列，每项占50%宽度 */
                min-width: 250px;
            }
            
            /* 在2列布局时，移除第2、4列的竖线 */
            .iabout_num-data-item:nth-child(2n)::after {
                display: none;
            }
            
            .iabout_num-number {
                font-size: 3rem;
            }
        }

        /* 移动端 */
        @media (max-width: 768px) {
            .iabout_num-main-title {
                font-size: 2.2rem;
            }
            
            .iabout_num-chinese-title {
                font-size: 2.4rem;
            }
            
            .iabout_num-subtitle {
                font-size: 1.2rem;
            }
            
            .iabout_num-description {
                font-size: 1rem;
            }
            
            .iabout_num-data-item {
                flex: 1 1 50%; /* 移动端2列，每项占50%宽度 */
                min-width: 200px;
                padding: 0 10px;
            }
            
            .iabout_num-number {
                font-size: 2.5rem;
            }
            
            .iabout_num-unit {
                font-size: 0.8rem;
                right: -15px;
            }
            
            .iabout_num-item-title {
                font-size: 1.1rem;
            }
            
            /* 移动端强制2列显示 */
            .iabout_num-data-item {
                flex: 1 1 50%;
                max-width: 50%;
            }
            
            /* 在2列布局时，移除第2、4列的竖线 */
            .iabout_num-data-item:nth-child(2n)::after {
                display: none;
            }
        }

        /* 超小屏幕移动端 */
        @media (max-width: 480px) {
            .iabout_num-container {
                padding: 10px;
            }
            
            .iabout_num-header {
                padding: 30px 15px;
            }
            
            .iabout_num-main-title {
                font-size: 1.8rem;
            }
            
            .iabout_num-chinese-title {
                font-size: 2.4rem;
            }
            
            .iabout_num-subtitle {
                font-size: 1.1rem;
            }
            
            .iabout_num-data-section {
                padding: 30px 15px;
            }
            
            .iabout_num-data-item {
                flex: 1 1 100%; /* 超小屏幕1列，每项占100%宽度 */
                max-width: 100%;
                margin-bottom: 25px;
                padding: 0;
            }
            
            /* 单列布局时移除所有竖线 */
            .iabout_num-data-item::after {
                display: none;
            }
            
            .iabout_num-number {
                font-size: 2rem;
            }
            
            .iabout_num-item-title {
                font-size: 1rem;
            }
        }

        /* 美化细节 */
        .iabout_num-header {
            border-radius: 0 0 12px 12px;
        }
        
        .iabout_num-data-item {
            transition: transform 0.3s ease;
        }
        
        .iabout_num-data-item:hover {
            transform: translateY(-5px);
        }
        
        .iabout_num-icon {
            color: #1e64bc;
            font-size: 1.5rem;
            margin-bottom: 10px;
        }
        
        /* 为旧版浏览器添加兼容性 */
        .iabout_num-data-flex {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }
        
        .iabout_num-data-item {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 25%;
            flex: 1 1 25%;
        }

/* ————————————————————————————首页底部版权———————————————————————————— */
    .ifoot-container {
            
            width: 100%;
            margin: 0 auto;
			 padding: 30px;
            background-color: #333333;
            overflow: hidden;
        }
        
        /* 页脚上部 */
        .ifoot-top {
			max-width: 1400px;
			margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            padding: 30px 0%;
            
        }
        
        /* 页脚各列通用 */
        .ifoot-column {
            padding: 0 15px;
        }
        
        /* 第1列：快捷导航 (原本 20%) */
        .ifoot-col-1 {
            flex: 0 0 20%;
        }
        
        /* 第2列：产品分类 (原本 30%) */
        .ifoot-col-2 {
            flex: 0 0 30%;
        }
        
        /* 第3列：联系方式 (原本 35%) */
        .ifoot-col-3 {
            flex: 0 0 35%;
        }
        
        /* 第4列：微信扫一扫 (原本 15%) */
        .ifoot-col-4 {
            flex: 0 0 15%;
        }
        
        /* 一级标题 */
        .ifoot-title {
            font-size: 18px;
            font-weight: 500;
            color: #ffffff;
            margin-bottom: 30px;
            padding-bottom: 10px;
            border-bottom: 1px solid #666666;
        }
        
        /* 链接列表 flex 两列 */
        .ifoot-links {
            display: flex;
            flex-wrap: wrap;
        }
        
        .ifoot-link {
            color: #fff;
            text-decoration: none;
            font-size: 14px;
            display: flex;
            align-items: center;
            transition: color 0.3s;
            width: 50%;
            margin-bottom: 12px;
        }
        
        .ifoot-link:hover {
            color: #ffffff;
        }
        
        .ifoot-link i {
            margin-right: 8px;
            font-size: 14px;
            width: 16px;
            text-align: center;
        }
        
        /* 联系方式 */
        .ifoot-contact-item {
            margin-bottom: 12px;
            font-size: 14px;
            display: flex;
			color: #ffffff;
            align-items: center;
        }
        
        .ifoot-contact-item i {
            margin-right: 10px;
            width: 16px;
            text-align: center;
            color: #ffffff;
        }
        
        .ifoot-contact-item .ifoot-link {
            width: auto;       /* 覆盖默认50%宽度 */
            margin-bottom: 0;
            display: inline-flex;
        }
        
        /* 二维码 */
        .ifoot-qr {
            text-align: center;
        }
        
        .ifoot-qr img {
            max-width: 100%;
            height: auto;
            border-radius: 5px;
            margin-bottom: 10px;
            width: 120px;       /* 固定小尺寸 */
        }
        
        .ifoot-qr p {
            font-size: 14px;
            color: #aaa;
            line-height: 1.6;
        }
        
        /* 页脚底部 */
        .ifoot-bottom {
			border-top: 1px solid #666666;
            display: flex;
			max-width: 1400px; 
				margin: 0 auto;
			padding: 30px 1%;
            justify-content: space-between;
            align-items: center;
           
            font-size: 14px;
        }
        
        .ifoot-bottom-left {
            color: #ffffff;
        }
        
        .ifoot-bottom-right a {
            color: #ffffff;
            text-decoration: none;
            transition: color 0.3s;
        }
        
        .ifoot-bottom-right a:hover {
            color: #a5d8ff;
        }
        
        /* ========= 平板适配 (宽度≤992px) ========= */
        @media (max-width: 992px) {
            .ifoot-col-1,
            .ifoot-col-2,
            .ifoot-col-3,
            .ifoot-col-4 {
                flex: 0 0 50%;
                margin-bottom: 30px;
            }
            
            .ifoot-top {
                padding: 25px 20px;
            }
        }
        
        /* ========= 移动端 (宽度≤768px) ========= */
        @media (max-width: 768px) {
            /* 隐藏左侧两列：快捷导航 + 产品分类 */
            .ifoot-col-1,
            .ifoot-col-2 {
                display: none !important;
            }
            
            /* ★ 关键修改：联系方式 和 微信扫一扫 不再并排，改为独占一行 (堆叠) */
            .ifoot-col-3,
            .ifoot-col-4 {
                flex: 0 0 100%;      /* 宽度占满，强制换行 */
                margin-bottom: 30px;  /* 两列之间增加间距 */
            }
            
            /* 为了视觉舒适，最后一列底部间距稍小 */
            .ifoot-col-4 {
                margin-bottom: 10px;
            }
            
            /* 内部链接调整 */
            .ifoot-links .ifoot-link {
                width: 100%;          /* 联系方式里的链接适应单列 */
            }
            
            /* 微调联系方式内部换行 */
            .ifoot-contact-item {
                flex-wrap: wrap;
            }
            
            .ifoot-contact-item .ifoot-link {
                width: auto;
            }
            
            /* 顶部内边距微调 */
            .ifoot-top {
                padding: 20px 15px;
            }
            
            /* 底部纵向排列 */
            .ifoot-bottom {
                flex-direction: column;
                text-align: center;
                padding: 15px;
            }
            
            .ifoot-bottom-left {
                margin-bottom: 10px;
            }
        }
        
        /* 小屏幕 (≤576px) 保持堆叠，但字体更紧凑 */
        @media (max-width: 576px) {

            
            .ifoot-container {
                border-radius: 0px 0px 0 0;
            }
            
            .ifoot-title {
                font-size: 16px;
            }
            
            .ifoot-contact-item,
            .ifoot-qr p {
                font-size: 12px;
            }
            
            .ifoot-qr img {
                width: 100px;
            }
        }