@charset "utf-8";
/* --inner-- */
.inbanner{
	width:100%;
	height:610px;
	display:block;
	position:relative;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
    padding-top: 90px;
}
.inbanner_title{
	width:90%;
	position:absolute;
	left:9%;
	top:50%;
	color:#FFF;
	text-align:left;
	overflow:hidden;
 
   
}
.inbanner_title .cn {
    font-size: 48px;
    line-height: 56px;
    font-weight: bold;
    letter-spacing: 2px;
    text-indent: 2px;
}
.inbanner_title .hx {
    width: 40px;
    height: 3px;
    background-color: #fff;
    margin: 10px auto;
}
.inbanner_title .en {
    font-size: 16px;
    line-height: 70px;
    text-transform: uppercase;
    word-break: normal;
    color: #fff;;
}
.inbanner_title .en a{ color: #fff;;}
.inbanner_mouse{
    width: 50px;
    height: 50px;
    margin-top: 124px;
    margin-left: -25px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    background: url(../images/mouse.png) center 0 no-repeat;
}

.inlocation{
    height: 70px;
    position: relative;
    z-index: 10;
    background-color: #f1f1f1;
	overflow:hidden;
}
.inlocation .list{
    float: left;
    font-size: 0;
    white-space: nowrap;
    text-align: center;
    margin: 17px 0;
    max-width: 100%;
    line-height: 36px;
    height: 36px;
}
.inlocation .list a {
    display: inline-block;
    width: 110px;
    height: 36px;
    margin-left: 26px;
    border-radius: 18px;
    color: #333;
    font-size: 16px;
    line-height: 36px;
    vertical-align: top;
    background-color: #f1f1f1;
}
.inlocation .list a:first-child {
    margin-left: 0;
}
.inlocation .list a:hover {
    background-color: #fff;
    color: #2778be;
}
.inlocation .list a.on {
    background-color: #2778be;
    color: #fff;
    font-weight: bold;
}


.inlocation .breadcrumbs{
    float: right;
    height: 100%;
    font-size: 14px;
    line-height: 70px;
    color: #666;
    padding-left: 30px;
    background: url(../images/point.png) 0 no-repeat;
}
.innerCrumb{overflow:hidden; border-bottom: 1px solid #ccc;}

.innerCrumb .subpage{width:100%;}
.innerCrumb .subpage.s4{    width: 100%;
    display: flex;             
    justify-content: center;  
    align-items: center; }
.innerCrumb .subpage.s4 li{height:64px;line-height:64px;text-align:center;overflow:hidden;margin: 0 15px;  }
.innerCrumb .subpage.s4 li a{height:64px;color:#333;padding:0 20px;position:relative;display:inline-block;}
.innerCrumb .subpage.s4 li a img{margin-right:10px;}
.innerCrumb .subpage.s4 li a:hover{color:#009d85;font-weight:bold;}
.innerCrumb .subpage.s4 li a:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background:#009d85;-webkit-transition:all 0.5s;transition:all 0.5s;}
.innerCrumb .subpage.s4 li a:hover:after{width:100%;left:0;}
.clearfix::after{ /* 清除浮动，避免布局错乱 */
    content: "";
    display: block;
    clear: both;
}
.intitle .en{
    font-size: 42px;
    color: #255ba9;
    line-height: 50px;
    font-weight: bold;
    font-family:"Times New Roman", Times, serif;
}
.intitle .en span{
    display: inline-block;
    background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#40a4b3));
    background-image: linear-gradient(to right, #255ba9, #40a4b3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.intitle .cn{
    font-size: 32px;
    color: #333;
    line-height: 42px;
    font-weight: bold;
    margin-top: 10px;
}
.intitle .txt{
	width:80%;
	font-size: 16px;
    color: #333;
	text-align:center;
    line-height: 34px;
	margin:40px auto 0;
    overflow: auto;
}




  .inro_bg{background: url(../images/bg5.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden; padding-top: 82px;padding-bottom: 82px;}
        /* --- 外部容器：限制最大宽度 1600px --- */
        .intro-section-wrap {
            width: 100%;
            max-width: 1600px;
            margin: 0 auto;
         
            display: flex;
            justify-content: space-between; /* 两端对齐，中间留空 */
            align-items: flex-start;
        }

        /* =========================================
           左侧区域：占用 23%
           ========================================= */
        .intro-left-col {
            flex: 0 0 23%; /* 固定宽度 23% */
            max-width: 23%;
            position: relative;
            margin-right: auto;  
        }

        .intro-left-title {
            font-size: 42px;
            font-weight: bold;
            margin-bottom: 40px;
            color: #000;
        }

        /* 列表项样式 */
        .intro-feature-item {
            margin-bottom: 30px;
            position: relative;
            padding-bottom: 30px;
            /* 虚线分割线 (最后一项除外) */
            border-bottom: 1px dashed #e5e5e5;
        }

        .intro-feature-item:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }

        .intro-feature-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 8px;
        }

        .intro-big-text {
            font-size: 47px;
            font-weight: bold;
            color: #009d85;
            display: flex;
            align-items: baseline;
        }

        .intro-big-text span.unit {
            font-size: 14px;
            color: var(--text-gray);
            margin-left: 5px;
            font-weight: normal;
        }

        .intro-icon-circle {
            width: 59px;
            height: 59px;
            border-radius: 50%;
            border: 1px dashed #009d85;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--brand-color);
            font-size: 18px;
        }

        .intro-desc-text {
            font-size: 14px;
            color: #7f7f7f;
        }

        /* 视频封面图 */
        .intro-video-wrapper {
            margin-top: 40px;
            position: relative;
            width: 100%;
            aspect-ratio: 16 / 9; /* 保持宽高比 */
            border-radius: 8px;
            overflow: hidden;
            cursor: pointer;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        }

        .intro-video-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .intro-video-wrapper:hover .intro-video-img {
            transform: scale(1.05);
        }

        /* --- 播放按钮波动特效核心代码 --- */
        .intro-play-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 60px;
            height: 60px;
            background-color: #009d85;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 20px;
            z-index: 2;
            cursor: pointer;
        }

        /* 播放三角形微调 */
        .intro-play-btn i {
            margin-left: 4px;
        }

        /* 波纹层 */
        .intro-play-btn::before,
        .intro-play-btn::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background-color: #009d85;
            opacity: 0.6;
            z-index: -1;
            animation: pulse-wave 2s infinite linear;
        }

        .intro-play-btn::after {
            animation-delay: 1s; /* 错开时间，形成连续波纹 */
        }

        @keyframes pulse-wave {
            0% {
                width: 100%;
                height: 100%;
                opacity: 0.6;
            }
            100% {
                width: 250%; /* 扩散范围 */
                height: 250%;
                opacity: 0;
            }
        }

        /* =========================================
           右侧区域：占用 65%
           ========================================= */
        .intro-right-col {
            flex: 0 0 65%; /* 固定宽度 65% */
            max-width: 65%;
        }

        .intro-main-title {
            font-size: 42px;
            font-weight: bold;
            margin-bottom: 69px;
            color: #000;
        }

        .intro-main-title span.highlight {
            color: #009d85;
        }

        .intro-content-text p {
            font-size: 15px;
            color: #555;
            margin-bottom: 20px;
            text-align: justify; /* 两端对齐让大段文字更整齐 */
            line-height: 2.5;
        }

        /* =========================================
           响应式适配 (平板及手机)
           ========================================= */
        @media (max-width: 1024px) {
            .intro-section-wrap {
                flex-direction: column;
            }

            .intro-left-col,
            .intro-right-col {
                flex: 0 0 100%;
                max-width: 100%;
            }

            .intro-left-col {
                margin-bottom: 50px;
                /* 在移动端可以让左侧内容横向排列或者保持纵向，这里保持纵向 */
            }

            .intro-video-wrapper {
                max-width: 400px; /* 限制图片在移动端不要太宽 */
            }
        }


   /* --- 核心容器样式 --- */
        .culture-section {
            position: relative;
            width: 100%;
            height: 784px; /* 可根据需要调整高度 */
            min-height: 50vh;
            display: flex; /* 开启Flex布局 */
            justify-content: center;
            align-items: center;
            overflow: hidden;

            /* 背景图设置 */
            background-image: url(../images/sgh.jpg); /* 示例雪山背景 */
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        /* 黑色遮罩层，让文字更清晰 */
        .culture-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
          
            z-index: 1;
        }

        /* --- 内容列表容器 --- */
        .culture-list {
            position: relative;
            z-index: 2; /* 确保内容在遮罩之上 */
            display: flex;
            width: 100%;
            max-width: 1600px; /* 限制最大宽度，防止在大屏上太散 */
            height: 100%;
        }

        /* --- 单个项目 (25% 宽度) --- */
        .culture-item {
            flex: 0 0 25%; /* 严格占用 25% 宽度 */
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            color: #fff;
            cursor: pointer;
            position: relative;
            transition: all 0.4s ease;

            /* 默认样式：稍微透明，表示未激活 */
            opacity: 0.6;
        }

        /* --- 分割线 (竖线) --- */
        /* 给前3个元素添加右边框作为分割线 */
        .culture-item:not(:last-child)::after {
            content: '';
            position: absolute;
            right: 0;
            top: 0; /* 线条上下留白，不顶格 */
            height: 100%;
            width: 1px;
            background-color: rgba(255, 255, 255, 0.3); /* 半透明白线 */
        }

        /* --- 内部元素样式 --- */
        .icon-box {
            font-size: 32px;
            margin-bottom: 66px;
            transition: transform 0.3s ease;
        }

        .en-title {
            font-size: 36px;
           
            letter-spacing: 2px;
            margin-bottom: 10px;
            text-transform: uppercase;
        }

        .cn-title {
            font-size: 30px;
            font-weight: normal;
            margin-bottom: 15px;
            opacity: 0.9;
        }

        .desc-text {
            font-size: 16px;
            line-height: 1.6;
            max-width: 80%;
            opacity: 0; /* 默认隐藏描述文字，或者设为低透明度 */
            transform: translateY(10px);
            transition: all 0.4s ease;
            color: #fff;
            margin-top: 60px;
        }

        /* --- 鼠标悬浮特效 (Hover) --- */

        /* 1. 当前悬浮项：高亮显示 */
        .culture-item:hover {
            opacity: 1; /* 完全不透明 */
            background: rgba(255, 255, 255, 0.05); /* 轻微的背景提亮 */
        }

        /* 2. 图标动画 */
        .culture-item:hover .icon-box {
            transform: scale(1.2); /* 图标放大 */
            color: #00d2ff; /* 图标变色 (可选) */
        }

        /* 3. 描述文字出现 */
        .culture-item:hover .desc-text {
            opacity: 1;
            transform: translateY(0);
        }

        /* --- 响应式适配 (手机端) --- */
        @media (max-width: 768px) {
            .culture-section {
                height: auto; /* 高度自适应 */
                padding: 50px 0;
            }

            .culture-list {
                flex-direction: column; /* 改为垂直排列 */
            }

            .culture-item {
                flex: 0 0 auto;
                width: 100%;
                padding: 40px 20px;
                border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* 手机上改为横线分割 */
            }

            /* 移除竖线 */
            .culture-item:not(:last-child)::after {
                display: none;
            }

            /* 手机上默认显示描述文字，因为无法同时hover多个 */
            .desc-text {
                opacity: 0.8;
                transform: translateY(0);
                display: block;
            }
        }




/* --- 基础重置与容器设置 --- */
        .cert-wrapper {
            font-family: "Microsoft YaHei", sans-serif;
            box-sizing: border-box; margin-top: 87px;
           
          
        }

        /* 限制最大宽度为 1600px，居中显示 */
        .cert-main-container {
         
        }

        /* --- 头部区域 (标题 + 控制按钮) --- */
        .cert-header-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 30px;
            border-bottom: 1px solid #eee; /* 可选：分割线 */
            padding-bottom: 15px;
        }

        /* 左侧标题 */
        .cert-title {
            font-size: 42px;
            font-weight: bold;
            color: #333;
            margin: 0;
        }

        /* 右侧控制组 */
        .cert-controls-group {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        /* 数字分页器样式 */
        .cert-pagination-text {
            font-size: 14px;
            color: #000;
            border: 1px solid #000;
            padding: 4px 10px;
            border-radius: 4px;
            min-width: 74px;
            text-align: center;
        }

        .cert-current-num {
            color: #333;
            font-weight: bold;
        }

        /* 左右切换按钮通用样式 */
        .cert-nav-btn {
            width: 42px;
            height: 42px;
            border-radius: 50%;
            border: 1px solid #f9f9f9;
            background-color: #f9f9f9;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            position: relative; /* 用于定位箭头 */
        }

        .cert-nav-btn:hover {
            background-color: #009d85; /* 悬停颜色（参考图中绿色） */
            border-color: #009d85;
            color: #fff;
        }

        /* 使用伪元素绘制简单的箭头，避免引入图标库 */
        .cert-nav-btn::after {
            content: '';
            display: block;
            width: 8px;
            height: 8px;
            border-top: 2px solid #666;
            border-right: 2px solid #666;
            transition: border-color 0.3s;
        }

        .cert-nav-btn:hover::after {
            border-color: #fff;
        }

        /* 左按钮旋转 */
        .cert-btn-prev::after {
            transform: rotate(-135deg);
            margin-left: 4px; /* 视觉修正 */
        }

        /* 右按钮旋转 */
        .cert-btn-next::after {
            transform: rotate(45deg);
            margin-right: 4px; /* 视觉修正 */
        }
.inner_honor{    width: 100%;
    padding-left: 160px;
    box-sizing: border-box;
    overflow: hidden;
  

}

.inner_honor .cert-slide-item:hover .cert-desc-text{ color: #009d85;}
        /* --- Swiper 轮播区域 --- */
        .cert-swiper {
          
            padding-bottom: 40px; /* 给底部说明文字留空间 */

    box-sizing: border-box;
    overflow: hidden;

        }

        .cert-slide-item {
            /* 这里的样式由 JS 的 slidesPerView 控制，这里仅作辅助 */
            height: auto;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        /* 证书图片框模拟 */
        .cert-img-box {
            width: 100%;
            aspect-ratio: 3/4; /* 保持证书比例 */
            background-color: #f0f2f5;
            border: 1px solid #e1e1e1;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 15px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
            transition: transform 0.3s;
        }

        .cert-img-box img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }

        /* 底部文字说明 */
        .cert-desc-text {
            font-size: 14px;
            color: #000; /* 绿色文字 */
            text-align: center;
            line-height: 1.4;
            padding: 0 10px;
        }

        /* 响应式调整 */
        @media (max-width: 768px) {
            .cert-header-row {
                flex-direction: column;
                align-items: flex-start;
                gap: 15px;
            }
            .cert-controls-group {
                align-self: flex-end;
            }
        }

/* --- 终极隐藏方案 --- */
.cert-swiper {
    /* 1. 移除可能的底部边框、轮廓和阴影 */
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    overflow: hidden; /* 确保内部溢出内容被裁剪 */
}

.cert-swiper * {
    /* 2. 移除该容器内所有元素的边框和阴影 */
    border: none !important;
    box-shadow: none !important;
}

/* 3. 针对 Swiper 常见的伪元素进度条（有些模板用 ::after 画线） */
.cert-swiper::after,
.cert-swiper::before {
    display: none !important;
    content: "" !important;
    height: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.foot_adv{ position: absolute; top: -100px; width: 100%;}

 .prod-section-wrapper {
    padding-bottom: 169px; padding-top:78px;
          
            background-color: #f5f5f5;
        
            box-sizing: border-box;
        }

        .prod-main-container {
            max-width: 1600px;
            margin: 0 auto;
            width: 100%;
        }

        .prod-title-text {
            font-size: 42px;
            font-weight: bold;
            color: #333;
            margin-bottom: 30px;
            text-align: left;
        }

        /* --- 响应式网格布局 --- */
        .prod-grid-layout {
            display: grid;
            gap: 15px;
            /* 默认移动端单列 */
            grid-template-columns: 1fr;
        }

        /* 平板端：两列 */
        @media (min-width: 768px) {
            .prod-grid-layout {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        /* 桌面端：上二下三布局 */
        @media (min-width: 1024px) {
            .prod-grid-layout {
                grid-template-columns: repeat(6, 1fr); /* 使用6列网格以便灵活分配 */
                grid-template-rows: auto auto;
            }

            /* 上方两个大图：各占3列 */
            .prod-item-large {
                grid-column: span 3;
            }

            /* 下方三个小图：各占2列 */
            .prod-item-small {
                grid-column: span 2;
            }
        }

        /* --- 卡片样式与悬停特效 --- */
        .prod-card-item {
            position: relative;
            overflow: hidden; /* 关键：裁剪放大的图片 */
            border-radius: 8px;
            cursor: pointer;
            aspect-ratio: 16 / 9; /* 保持宽高比 */
            background-color: #e0e0e0;
        }

        .prod-card-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* 平滑过渡 */
        }

        /* 悬停放大特效 */
        .prod-card-item:hover .prod-card-img {
            transform: scale(1.1);
        }

        /* --- 标签覆盖层 --- */
        .prod-label-overlay {
            position: absolute;
            top: 20px;
            left: 20px;
            background:url(../images/bg6.png) no-repeat center;
            padding: 10px 20px;
           
            font-size: 18px;
            width: 328px; height: 123px; 
            color: #333;
            z-index: 2;
          align-items: flex-start; /* 改为顶部对齐 */
    justify-content: center; /* 水平居中（可选） */
    padding-top: 30px; /* 控制文字距离顶部的距离 */
    line-height: normal; /* 去掉 193px 的 line-height */
            display: flex;
          
            gap: 8px;
        }

        .prod-arrow-icon {
            width: 24px;
            height: 24px;
            background-color: #00a870;
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 2px;
            font-size: 12px;
        }




.custom-product-classifier {
  display: flex;
  align-items: center; 
  gap: 16px;          
  height: 100px;

  
}

/* 左侧标题 */
.custom-left-label {
  white-space: nowrap; /* 防止文字换行 */
  font-size: 14px;
  color: #333;
}

/* 中间 Swiper 容器：核心宽度控制 */
.custom-swiper-container {
     /* 默认宽度（大屏） */
  overflow: hidden;    /* 隐藏超出部分 */
  position: relative;  /* 为 Swiper 内部定位提供参考 */
}


/* 响应式：超小屏（≤900px） */
@media (max-width: 900px) {
    .custom-right-controls{ margin-bottom: 20px;}
    .custom-left-label{ margin-top: 20px;}
  .custom-product-classifier {
    flex-direction: column; /* 纵向排列 */
    align-items: stretch;   /* 子元素拉伸对齐 */
    height: auto;
  }
  .custom-swiper-container {
    width: 100%;            /* 占满父容器 */
    margin: 12px 0;         /* 上下间距 */
  }
}

/* Swiper 自身样式覆盖（可选） */
.custom-swiper {
  height: 40px; /* 与产品项高度匹配 */
}

/* 单个产品项样式 */
.custom-product-item {
  display: flex;
  align-items: center;
  height: 40px;
 
}

/* 复选框+文字组合 */
.custom-checkbox-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  color: #333;
}

.custom-checkbox-input {
  margin-left: 8px;
  cursor: pointer;
  width: 20px; height: 20px; border: 1px solid #777777;
}


.custom-checkbox-label:hover .custom-checkbox-input{ background: url(../images/bg22.png) no-repeat center;}
/* 右侧按钮组 */
.custom-right-controls {
  display: flex;
  gap: 8px;
}

.custom-checkbox-label.current .custom-checkbox-input {
    background: url(../images/bg22.png) no-repeat center;
}

/* 按钮样式 */
.custom-control-btn {
  width: 32px;
  height: 32px;
  border: none;
  background-color: #009d85; /* 主题色 */
  color: #fff;

  cursor: pointer;
  transition: background-color 0.2s;
}

.custom-control-btn:hover {
  background-color: #00a0b0; /* 悬停效果 */
}

    



 /* 主容器：限制最大宽度 1600px */
        .cp-container {
         
          
            margin: 0 auto;
            padding-top: 58px;
           
        }

        /* 页面大标题 */
        .cp-main-title {
            font-size: 42px;
            font-weight: bold;
            color: #000;
            margin-bottom: 53px;
           
        }

        /* ==================== 顶部 Hero 区域 ==================== */
        .cp-hero-section {
            display: flex;
            flex-wrap: wrap; /* 允许换行，用于响应式 */
            margin-bottom: 40px;
          
        }

        /* 左侧图片区域：占 41% */
        .cp-hero-image-box {
            flex: 0 0 41%; /* 固定基准宽度 */
            max-width: 41%;
            height: 400px; /* 固定高度或自适应 */
            overflow: hidden;
            
        }

        .cp-hero-image-box img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .cp-hero-image-box:hover img {
            transform: scale(1.05);
        }

        /* 右侧详情区域：占 59% */
        .cp-hero-details-box {
            flex: 0 0 59%;     /* 新的：直接占 59% */
    max-width: 59%;    /* 新的 */
            display: flex;
            flex-direction: column;
         
            background-color: #fff;;
            padding: 40px 50px;
        }

        .cp-hero-title {
            font-size: 30px;
            font-weight: bold;
            margin-bottom: 27px;
        }

        /* 标签组 */
        .cp-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 25px;
        }

        .cp-tag {
            font-size: 14px;
           
           
            border: 1px solid #ddd; text-align: center; 
            padding: 12px; 
            color: #666;
            background: #fdfdfd;
        }

        .cp-tag.green {
            border-color: #009d85;
            color: #009d85;
           
        }

        .cp-desc {
            font-size: 16px;
            line-height: 1.6;
            color: #999999;
            margin-bottom: 30px;
            text-align: justify;
        }

        .cp-btn-link {
            display: inline-flex;
            align-items: center;
            color: #00a870;
            text-decoration: none;
            font-weight: bold;
            font-size: 14px;
        }

        .cp-btn-link span {
            margin-right: 5px;
        }

        /* ==================== 产品网格列表 ==================== */
        .cp-grid-list {
            display: grid;
            /* 核心布局：一行三个，每个约 32.5% */
            grid-template-columns: repeat(3, 32.5%);
            justify-content: space-between; /* 剩余空间分布在列之间 */
            row-gap: 30px;
            margin-bottom: 40px;
        }

        .cp-card {
            background: #fff;
            border: 1px solid #eee;
            transition: all 0.3s ease;
            cursor: pointer;
        }

        .cp-card:hover {
            box-shadow: 0 10px 20px rgba(0,0,0,0.08);
            transform: translateY(-5px);
        }

        .cp-card-img {
            width: 100%;
            aspect-ratio: 4/3; /* 保持图片比例 */
            overflow: hidden;
            background-color: #f0f0f0;
        }

        .cp-card-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .cp-card-body {
            padding: 20px;
             display: flex;
              justify-content: space-between;
                align-items: center;
        }
.cp-card-left {
    flex: 1;                   /* 让左侧占据剩余空间，防止被挤压 */
    overflow: hidden;          /* 配合下面的省略号使用 */
}
        .cp-card-title {
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 10px;
            color: #333;
            white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
        }

        .cp-card-tags {
            font-size: 14px;
            color: #999;
            margin-bottom: 15px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .cp-card-arrow {
            color: #ccc;
            font-size: 18px;
           transition: color 0.3s;
            transition: color 0.3s;
            margin-left: 15px;
    /* 防止箭头被压缩 */
    flex-shrink: 0;transition: color 0.3s, transform 0.3s;
        }

        .cp-card:hover .cp-card-arrow {
            color: #00a870;
            transform: translateX(5px);
        }

        /* ==================== 分页组件 ==================== */
        .cp-pagination {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 8px;
            margin-top: 40px;
        }

        .cp-page-item {
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #ddd;
            color: #666;
            text-decoration: none;
            font-size: 14px;
            transition: all 0.2s;
        }

        .cp-page-item:hover {
            border-color: #00a870;
            color: #00a870;
        }

        .cp-page-item.active {
            background-color: #00a870;
            border-color: #00a870;
            color: #fff;
        }

        .cp-page-item.disabled {
            color: #ccc;
            border-color: #eee;
            cursor: not-allowed;
        }

        /* ==================== 响应式适配 (Media Queries) ==================== */

        /* 平板尺寸：变为两列 */
        @media (max-width: 1200px) {
            .cp-grid-list {
                grid-template-columns: repeat(2, 48%); /* 调整为两列 */
            }
        }

        /* 手机尺寸：变为一列，顶部区域堆叠 */
        @media (max-width: 768px) {
            .cp-hero-section {
                flex-direction: column;
            }

            .cp-hero-image-box,
            .cp-hero-details-box {
                flex: 0 0 100%;
                max-width: 100%;
            }

            .cp-hero-image-box {
                height: 200px;
            }

            .cp-grid-list {
                grid-template-columns: 1fr; /* 单列 */
                justify-content: center;
            }

            .cp-card {
                max-width: 100%;
            }
        }

.hui{ width: 100%; height: auto; background: #f6f6f6; overflow:hidden;}




 .custom-page-wrapper {
            width: 100%;
            display: flex;
            justify-content: center;
            padding-top: 59px;
            padding-bottom: 40px;
            background: #f6f6f6;
        }

        /* 主容器：1600px */
        .custom-container {
          
            max-width: 100%; /* 响应式适配 */
            position: relative;
        }

        /* 第一栏：顶部大标题 */
        .custom-main-title {
            font-size: 42px;
            font-weight: bold;
            color: #000;
            margin-bottom: 49px;
           
        }
.inner_bt{ font-size: 30px; color: #000; font-weight: bold; margin-bottom: 28px;}
        /* 白色背景卡片区域 */
        .custom-white-card {
            background-color: #fff;
            width: 100%;
            /* 右下角圆角 */
            border-bottom-right-radius: 60px;
            padding: 30px;
            display: flex; position: relative;
            gap: 40px; /* 左右间距 */
            box-shadow: 0 4px 20px rgba(0,0,0,0.05);
        }

        .custom-white-cards {
          
            width: 100%;
            /* 右下角圆角 */
           align-items: stretch;
             display: flex;
            padding: 30px;
            display: flex; position: relative;
            gap: 40px; /* 左右间距 */
           
        }

        /* --- 左侧区域 (41%) --- */
        .custom-left-cols {
            width: 41%;
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
        }

        /* 主图 Swiper */
        .custom-swiper-main {
            width: 100%;
            height: 500px; /* 根据比例估算的高度 */
            margin-bottom: 15px;
            border-radius: 4px;
            overflow: hidden;
            
        }

        .custom-swiper-main img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* 缩略图 Swiper */
        .custom-swiper-thumbs {
            width: 100%;
            height: 101px; /* 指定高度 */
            box-sizing: border-box;
        }

        .custom-swiper-thumbs .swiper-slide {
            width: 25%;
            height: 100%;
            opacity: 0.4;
            cursor: pointer;
            border: 2px solid transparent;
            transition: all 0.3s;
        }

        .custom-swiper-thumbs .swiper-slide-thumb-active {
            opacity: 1;
            border-color: #009688; /* 激活时的边框颜色 */
        }

        .custom-swiper-thumbs img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* --- 右侧区域 (49%) --- */
        .custom-right-cols {
            width: 49%;
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
        }

        /* 第二栏：标签行 (高度40px) */
        .custom-tags-row {
            height: 40px;
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 25px;
            flex-wrap: wrap;
        }

        .custom-tag {
            border: 1px solid #009688;
            color: #009688;
            padding: 0 12px;
            height: 30px;
            line-height: 28px;
            font-size: 14px;
            border-radius: 2px;
            white-space: nowrap;
        }

        /* 第三栏：内容文本 (16px) */
        .custom-desc-text {
            font-size: 16px;
            color: #666;
            line-height: 1.8;
            margin-bottom: 40px;
            text-align: justify;
        }

        /* 分割线 */
        .custom-divider {
            height: 1px;
            background-color: #e5e5e5;
            width: 100%;
            margin-bottom: 30px;
        }

        /* 底部按钮组 */
        .custom-btn-group {
            display: flex;
            gap: 20px;
        }

        .custom-btn {
            padding: 10px 30px;
            font-size: 16px;
            cursor: pointer;
            border: 1px solid #ddd;
            background: #fff;
            color: #333;
            transition: all 0.3s;
            min-width: 120px;
            text-align: center;
        }
        .custom-btn a{}

        .custom-btn:hover {
            border-color: #009688;
            color: #009688;
        }

        .custom-btn.primary {
            background-color: #009688;
            color: #fff;
            border-color: #009688;
        }

        .custom-btn.primary:hover {
            background-color: #00796b;
        }

        /* --- 悬浮咨询按钮 --- */
        .custom-float-btn {
            position: absolute;
            bottom: 50px;
            right: 50px; /* 或者相对于 container 定位，这里用 fixed 更常见于“立即咨询” */
            width: 120px;
            height: 120px;
            background-color: #009688;
            border-radius: 50%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: #fff;
            box-shadow: 0 4px 15px rgba(0, 150, 136, 0.4);
            cursor: pointer;
            z-index: 9;
            transition: transform 0.3s;
        }

        .custom-float-btn:hover {
            transform: scale(1.05);
        }

        .custom-float-icon {
            width: 40px;
            height: 40px;
            margin-bottom: 5px;
            fill: #fff;
        }

        .custom-float-text {
            font-size: 16px;
            font-weight: bold;
        }
.pa30{ padding-top: 30px;}
        /* 响应式调整：当屏幕小于 1600px + padding 时 */
        @media (max-width: 1200px) {

            .custom-white-cards{flex-direction: column;}
            .custom-container {
                width: 95%;
            }
            .custom-white-card {
                flex-direction: column; /* 小屏上下排列 */
            }
            .custom-left-cols, .custom-right-cols {
                width: 100%;
            }
            .custom-float-btn {
                width: 80px;
                height: 80px;
                bottom: 20px;
                right: 20px;
            }
            .custom-float-icon {
                width: 24px;
                height: 24px;
            }
            .custom-float-text {
                font-size: 12px;
            }
        }


 .more-products-section {
          
            margin: 0 auto;
            overflow: hidden;
            padding-bottom: 180px;
        }

        /* --- 第一栏：标题 (42px) --- */
        .section-title {
            font-size: 42px;
            font-weight: bold;
            color: #333;
            margin-bottom: 30px;
            text-align: left;
        }

        /* --- 第二栏：Swiper 容器 --- */
        .product-swiper-container {
            width: 100%;
            height: auto;
            padding-bottom: 40px; /* 为分页器留空间，如果不需要可去掉 */
        }

        /* --- 卡片样式 --- */
        .product-card {
            background: #fff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
            transition: transform 0.3s ease;
            display: flex;
            flex-direction: column;
            height: 100%; /* 确保高度撑满 */
        }

        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0,0,0,0.1);
        }

        /* 图片区域 */
        .card-image {
            width: 100%;
            height: 260px; /* 固定图片高度 */
            object-fit: cover;
            background-color: #eee;
        }

        /* 文字内容区域 */
        .card-content {
            padding: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-grow: 1;
        }

        .card-text h3 {
            font-size: 18px;
            font-weight: bold;
            color: #333;
            margin-bottom: 8px;
        }

        .card-text p {
            font-size: 14px;
            color: #999;
            line-height: 1.4;
        }

        /* 箭头图标 */
        .arrow-icons {
            width: 24px;
            height: 24px;
            fill: #333;
            flex-shrink: 0;
            margin-left: 10px;
        }

        /* --- 响应式调整 --- */
        @media (max-width: 1024px) {
            .section-title { font-size: 32px; }
            .card-image { height: 200px; }
        }
        
        @media (max-width: 768px) {
            .section-title { font-size: 24px; }
            .card-image { height: 180px; }
        }




  .case-showcase-wrapper { 
         
            margin: 50px auto;
            background: #fff;
            display: flex;
            height: 547px; 
        
        }

        /* --- 左侧区域 (45%) --- */
        .case-showcase-left {
           width: 45%;
            position: relative;
            display: flex;
            flex-direction: column;
          
           padding: 90px 50px ; 

            /* 背景图片设置 */
            /* 这里使用了一个在线的占位图，请替换为你真实的图片路径 */
            background-image: url('../images/cc1.jpg');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        /* 第一栏目：英文标题 48px */
        .case-showcase-title {
            font-size: 48px;
           
            line-height: 1.2;
            color: #1a1a1a;
            margin-bottom: 20px;
            text-transform: uppercase;
            letter-spacing: 1px; 
        }

        /* 第二栏目：中文描述 24px */
        .case-showcase-desc {
            font-size: 24px;
            color: #000;
            margin-bottom: 60px;
            font-weight: 400;
        }

        /* 第三栏目：控制器区域 */
        .case-showcase-controls {
            display: flex;
            align-items: center;
            gap: 20px; /* 数字和按钮之间的间距 */
        }

        /* 自定义数字分页器样式 */
        .case-showcase-pagination {
            font-size: 16px;
            color: #333;
            border: 1px solid #ddd;
            padding: 8px 12px;
            border-radius: 4px;
            font-family: monospace; /* 等宽字体让数字看起来更整齐 */
            min-width: 70px;
            text-align: center; font-family: Arial, Helvetica, sans-serif;
        }

        /* 导航按钮样式 */
        .case-showcase-nav-btn {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: #009688; /* 类似图中的绿色 */
            color: white;
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }

        .case-showcase-nav-btn:hover {
            background-color: #21213d;
            transform: scale(1.05);
        }

        .case-showcase-nav-btn svg {
            width: 20px;
            height: 20px;
            fill: currentColor;
        }

        /* --- 右侧区域 (55%) --- */
        .case-showcase-right {
            width: 55%;
            position: relative;
            overflow: hidden;
        }

        /* Swiper 容器填满右侧 */
        .case-swiper-container {
            width: 100%;
            height: 100%;
        }

        .case-showcase-right .swiper-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* 保证图片填满且不变形 */
            display: block;
        }

        /* --- 响应式调整 --- */
        @media (max-width: 1024px) {
            .case-showcase-title { font-size: 36px; }
            .case-showcase-desc { font-size: 18px; }
            .case-showcase-left { padding: 40px; }
        }

        @media (max-width: 768px) {
            .case-showcase-wrapper {
                flex-direction: column-reverse; /* 手机上图片在上，文字在下，或者按需求改为 column */
                height: auto;
            }
            .case-showcase-left, .case-showcase-right {
                width: 100%;
            }
            .case-showcase-right {
                height: 300px; /* 手机端图片高度 */
            }
            .case-showcase-left {
                padding: 30px 20px;
            }
            .case-showcase-title { font-size: 28px; }
            .case-showcase-desc { font-size: 16px; margin-bottom: 30px; }
        }

       /* --- 核心容器 (防冲突 class) --- */
        .eng-case-wrapper {
           
           
            margin: 0 auto;
            padding-bottom: 180px;
          
        }

        /* --- 网格布局 --- */
        .eng-case-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between; /* 两端对齐，中间留空 */
        }

        /* --- 单个卡片样式 --- */
        .eng-case-item {
            width: 32.5%; /* 严格按照要求：每个占32.5% */
            margin-bottom: 30px;
            cursor: pointer;
        }

        .eng-case-items {
            width: 100%; /* 严格按照要求：每个占32.5% */
            margin-bottom: 30px;
            cursor: pointer;
        }

        /* 图片区域容器 (用于溢出隐藏) */
        .eng-case-img-box {
            position: relative;
            width: 100%;
            height: 356px; 
            overflow: hidden; /* 关键：防止图片放大后超出容器 */
            margin-bottom: 15px;
        }

        /* 实际图片 */
        .eng-case-img-box img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease; /* 图片放大过渡动画 */
        }

        /* 遮罩层 (默认隐藏) */
        .eng-case-overlay {
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            background: rgba(0, 0, 0, 0.4); /* 半透明黑色背景 */
            opacity: 0;
            transition: opacity 0.4s ease;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* 中间的绿色圆圈 */
        .eng-case-circle {
            width: 90px;
            height: 90px;
            background-color: #009d85; /* 绿色背景 */
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 14px;
            transform: scale(0.5); /* 初始缩小 */
            opacity: 0;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* 弹性动画 */
        }

        /* 文字标题 */
        .eng-case-title {
            font-size: 16px;
            color: #333;
            transition: color 0.3s ease;
            margin-bottom: 28px;
            margin-top: 28px;

        }

        /* 底部装饰线 */
        .eng-case-line {
            width: 100%;
            height: 2px;
            background-color: #e0e0e0; /* 默认灰色 */
            transition: background-color 0.3s ease;
        }

        /* =========================================
           交互特效 (Hover Effects) - 应用于所有项目
           ========================================= */

        /* 1. 图片放大 */
        .eng-case-item:hover .eng-case-img-box img {
            transform: scale(1.1);
        }

         .eng-case-items:hover .eng-case-img-box img {
            transform: scale(1.1);
        }
        /* 2. 显示遮罩层 */
        .eng-case-item:hover .eng-case-overlay {
            opacity: 1;
        }

        .eng-case-items:hover .eng-case-overlay {
            opacity: 1;
        }

        /* 3. 绿色圆圈弹出 */
        .eng-case-item:hover .eng-case-circle {
            transform: scale(1);
            opacity: 1;
        }

           .eng-case-items:hover .eng-case-circle {
            transform: scale(1);
            opacity: 1;
        }

        /* 4. 标题变绿 */
        .eng-case-item:hover .eng-case-title {
            color: #009d85;
        }

         .eng-case-items:hover .eng-case-title {
            color: #009d85;
        }
        /* 5. 底部线条变绿 */
        .eng-case-item:hover .eng-case-line {
            background-color: #009d85;
        }
        .eng-case-items:hover .eng-case-line {
            background-color: #009d85;
        }

        /* 响应式适配 (可选，防止手机端太挤) */
        @media (max-width: 992px) {
            .eng-case-item { width: 49%; } /* 平板一行两个 */
        }
        @media (max-width: 600px) {
            .eng-case-item { width: 100%; } /* 手机一行一个 */
        }


 /* --- 核心容器 (防冲突 class) --- */
        .news-swiper-wrapper {
       
         
            margin: 0 auto;
            margin-top: 60px;
          
            overflow: hidden;
        }

        /* --- Swiper 容器 --- */
        .news-swiper-container {
            width: 100%;
            height: auto;
        }

        /* --- 单个卡片样式 --- */
        .news-swiper-slide {
            background: #fff;
        
            overflow: hidden;
          
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border: 1px solid #e5e5e5;
        }

        .news-swiper-slide:hover  {
            transform: translateY(-5px);
         
            color: #009d85;;
        }
        .news-swiper-slide:hover .news-swiper-title {
          
            color: #009d85;;
        }

        /* --- 图片区域 --- */
        .news-swiper-img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            display: block;
        }

        /* --- 内容区域 --- */
        .news-swiper-content {
            padding: 16px;
        }

        .news-swiper-title {
            font-size: 20px;
            color: #000; /* 绿色标题 */
            margin-bottom: 8px;
            line-height: 1.4;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .news-swiper-date {
            font-size: 14px;
            color: #999;
        }

        /* --- 响应式调整 --- */
        @media (max-width: 768px) {
            .news-swiper-slide {
                margin-bottom: 20px;
            }
            .news-swiper-img {
                height: 160px;
            }
            .news-swiper-title {
                font-size: 14px;
            }
        }



              /* --- 核心容器 (防冲突 class) --- */
        .news-list-wrapper {
        margin-top: 60px;
        padding-bottom: 149px;
        }

        /* --- 列表项 (Card) --- */
        .news-list-items {
            display: flex;
            align-items: center; /* 垂直居中对齐 */
            background-color: #f8f8f8;
            height: 230px;
            margin-bottom: 20px; /* 条目间距 */
            padding: 0 40px; /* 左右内边距 */
            transition: all 0.3s ease;
        }

        .news-list-items:hover {
            box-shadow: 0 5px 15px rgba(0,0,0,0.05); /* 悬停微阴影 */
        }

        /* --- 左侧：日期区域 --- */
        .news-list-date-col {
            width: 120px; /* 固定宽度 */
            flex-shrink: 0;
            text-align: center;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        /* 仅针对第一个元素添加右侧线段 */
        .news-list-items .news-list-date-col::after {
            content: "";
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            height: 60px; /* 线段高度 */
            width: 1px;
            background-color: #ddd;
        }

        .date-num {
            font-size: 60px;
            line-height: 1;
            color: #999;
            font-weight: bold;
            margin-bottom: 5px;
        }

        .date-text {
            font-size: 16px;
            color: #999;
        }

        /* --- 中间：内容区域 --- */
        .news-list-content-col {
            flex: 1; /* 占据剩余空间 */
            padding: 0 40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            min-width: 0; /* 防止长文本撑破布局 */
        }

        .news-titles {
            font-size: 20px;
            font-weight: bold;
            color: #333;
            margin-bottom: 12px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; /* 标题过长省略 */
        }

        .news-meta {
            font-size: 14px;
            color: #888;
            margin-bottom: 15px;
            display: flex;
            gap: 20px;
        }

        .meta-item {
            display: flex;
            align-items: center;
            gap: 5px;
        }

        .news-desc {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
            display: -webkit-box;
            -webkit-line-clamp: 2; /* 限制显示两行 */
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        /* --- 右侧：图片区域 --- */
        .news-list-img-col {
            width: 280px; /* 图片列宽 */
            height: 188px; /* 严格限制高度 */
            flex-shrink: 0;
            overflow: hidden;
            border-radius: 4px;
        }

        .news-list-img-col img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* 保持比例填充 */
            transition: transform 0.5s ease;
        }

        .news-list-items:hover .news-list-img-col img {
            transform: scale(1.05); 
        }

    .news-list-items:hover .news-titles{ color: #009d85;}
  .news-list-items:hover .news-list-date-col .date-num{ color: #009d85;}
  .news-list-items:hover .news-list-date-col .date-text{ color: #009d85;}
        /* --- 响应式适配 (手机端) --- */
        @media (max-width: 992px) {
            .news-list-items {
                height: auto;
                flex-direction: column; /* 改为垂直堆叠 */
                padding: 20px;
                text-align: center;
            }

            .news-list-date-col {
                width: 100%;
                margin-bottom: 15px;
                flex-direction: row;
                justify-content: center;
                gap: 10px;
            }

            .news-list-date-col::after { display: none; } /* 移动端隐藏分割线 */

            .date-num { font-size: 40px; margin-bottom: 0; }

            .news-list-content-col {
                padding: 0;
                margin-bottom: 20px;
                text-align: left;
            }

            .news-list-img-col {
                width: 100%;
                height: 200px;
            }
        }





        /* 容器：最大宽度1600px，居中显示 */
.custom-contact-container {

  margin: 0 auto;
  height: auto; overflow:hidden;
 /* 小屏幕时保留边距 */
 padding-bottom: 182px;
}

/* ========== 第一段：顶部区域（高度191px + 下划线） ========== */
.custom-section-top {
  height: 191px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e0e0e0; /* 底部线段 */

}

/* 左侧：标题 + 描述 */
.custom-left {
  flex: 1;
}
.custom-title {
  font-size: 42px;
  font-weight: bold;
  margin-bottom: 10px;
}
.custom-desc {
  font-size: 16px;
  color: #666;
}

/* 右侧：图标 + 联系电话 */
.custom-right {
  display: flex;
  align-items: center;
  gap: 10px;
}
.custom-icon-wrapper {
  width: 60px;
  height: 57px;

  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-icon {
  width: 24px;
  height: 24px;
  fill: #fff;
}
.custom-phone-info {
  display: flex;
  flex-direction: column;
}
.custom-phone-label {
  font-size: 14px;
  color: #999;
}
.custom-phone-number {
  font-size: 32px;
  font-weight: bold;
}

/* ========== 第二段：下方区域（左26% + 右58.8%） ========== */
.custom-section-bottom {
  display: flex;
   justify-content: space-between; 
  gap: 20px;
padding-top: 50px;
}

/* 左侧列：占26% */
.custom-left-col {
  width: 41%;
}
.custom-contact-item {
  margin-bottom: 20px;
}
.custom-label {
  font-size: 16px;
  color: #999;
  margin-bottom: 5px;
  display: block;
}
.custom-link {
  font-size: 32px;
  color: #00bfa5;
  text-decoration: none;
}
.custom-links {
  font-size: 20px;
  color: #000;
  text-decoration: none;
}
.custom-text {
  font-size: 20px;
  line-height: 1.5;
}

/* 二维码区域 */
.custom-qrcode-section {
  margin-top: 40px;
}
.custom-qrcode-tip {
  font-size: 14px;
  color: #666;
  margin-bottom: 10px;
}
.custom-qrcode-group {
    display: flex;           /* 开启弹性布局 */
   flex-direction: row;       /* 横向排列 */
    justify-content: flex-start; /* 【关键】靠左对齐 (默认值，写出来更明确) */
    align-items: flex-start;   /* 顶部对齐 */
    gap: 40px;               /* 两个二维码之间的间距，可根据需要调整 */
    margin-top: 20px;
}

/* 2. 单个二维码项：核心代码 */
.custom-qr-item {
    display: flex;           /* 内部也开启弹性布局 */
    flex-direction: column;  /* 【关键】改为垂直方向排列（上图片下文字） */
    align-items: center;     /* 【关键】水平居中对齐 */
}

/* 3. 图片样式 */
.custom-qrcode-img {
    width: 120px;            /* 设置二维码宽度，高度会自动适应 */
    height: 120px;           /* 建议固定宽高以保证正方形 */
    object-fit: cover;       /* 防止图片变形 */
    margin-bottom: 10px;     /* 图片和文字之间的距离 */
    border: 1px solid #eee;  /* 可选：加个边框更好看 */
}

/* 4. 文字样式 */
.custom-qr-text {
    font-size: 14px;
    color: #666;
    text-align: center;      /* 确保文字本身也是居中的 */
}

/* 顶部提示语样式（参考原图风格） */
.custom-qrcode-tip {
    font-size: 12px;
    color: #999;
    line-height: 1.5;
    margin-bottom: 15px;
}
.custom-qrcode-labels {
  display: flex;
  gap: 20px;
  font-size: 12px;
  color: #999;
}

/* 右侧列：占58.8% */
.custom-right-col {
  width: 58.8%;
}

/* 表单样式 */
.custom-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.custom-form-row {
  display: flex;
  gap: 20px;
}
.custom-form-group {
  flex: 1;
}
.custom-required::before {
  content: "*";
  color: red;
  margin-right: 5px;
}
.custom-form-group label {
  display: block;
  font-size: 14px;
  color: #666;
  margin-bottom: 5px;
}
.custom-form-group input,
.custom-form-group textarea {
  width: 100%;
  padding: 20px;
  border: 1px solid #ddd;

  font-size: 14px;
}
.custom-full-width {
  width: 100%;
}
.custom-submit-btn {
  background-color: #00bfa5;
  color: #fff;
  border: none;
  padding: 15px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
}
.custom-submit-btn:hover {
  background-color: #00a38f;
}

/* ========== 响应式适配（小屏幕自动换行） ========== */
@media (max-width: 1200px) {
  .custom-section-top {
    flex-direction: column;
    height: auto;
 
  }
  .custom-title {
    font-size: 32px;
  }
  .custom-section-bottom {
    flex-direction: column;
  }
  .custom-left-col,
  .custom-right-col {
    width: 100%;
  }
  .custom-form-row {
    flex-direction: column;
  }
}

/* --company-- */
.incompany_profile{
    padding: 155px 0 140px;
	background:#FFF;
	position:relative;
}
.incompany_profile_left{
    width: 40%;
    float: left;
    position: relative;
    z-index: 10;
}

.incompany_profile_left .con{
    font-size: 16px;
    color: #333;
    line-height: 34px;
    margin-top: 56px;
    overflow: auto;
}
.incompany_profile_left .con p{
	text-align:justify;
	text-indent:2em;
}
.incompany_profile_left .img{
	margin-top:4%;
    display:none;
}
.incompany_profile_left .img img{
	width:100%;
	display:block;
	margin:auto;
}

.incompany_profile_right{
	width:50%;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	background:url(../images/incompany_profile_img.jpg) no-repeat center;
	background-size:cover;
}

.incompany_team{
	padding: 155px 0 0;
	background:url(../images/incompany_team_bg.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	overflow:hidden;
}
.incompany_team .intitle .en, .incompany_team .intitle .cn{
	color:#eee;
}
.incompany_team_room{
	margin-top:280px;	
}
.incompany_team_room li{
	width:25%;
	padding:3% 2%;
	float:left;
	position:relative;
}
.incompany_team_room li:nth-of-type(1){
	background:#0e5999;
}
.incompany_team_room li:nth-of-type(2){
	background:#38bab1;
}
.incompany_team_room li:nth-of-type(3){
	background:#1f7bc4;
}
.incompany_team_room li .tit{
	font-size:24px;
	line-height:32px;
	color:#FFF;
    height: 32px;
    overflow: hidden;
	position:relative;
	z-index:10;
}
.incompany_team_room li p{
	margin-top:30px;
	font-size: 16px;
    line-height: 30px;
    color: #fff;
    height: 120px;
    overflow: hidden;
	position:relative;
	z-index:10;
}
.incompany_team_room li img{
	max-width:38%;
	max-height:120px;
	position:absolute;
	right:0;
	top:0;
}

.incompany_features{
	background:#FFF;
	position:relative;
	background:url(../images/incompany_features_bg.jpg) no-repeat center bottom;
	background-size:100% auto;
}
.incompany_features_list {
    width: 100%;
    height: 500px;
    margin: 90px auto 0;
    position: relative;
	overflow:hidden;
}
.incompany_features_list .bg1 {
    position: absolute;
    width: 404px;
    height: 404px;
    z-index: 0;
    top: 50%;
    margin-top: -202px;
    left: 50%;
    margin-left: -202px;
    background: url(../images/incompany_features_list.png) center no-repeat;
    background-size: 100% 100%;
    -webkit-animation: rt 20s linear 0s infinite;
    animation: rt 20s linear 0s infinite;
}
.incompany_features_list .bg2 {
    position: absolute;
    width: 200px;
    height: 200px;
    z-index: 1;
    top: 50%;
    margin-top: -100px;
    left: 50%;
    margin-left: -100px;
    background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#41a5b3));
    background-image: linear-gradient(to right, #255ba9, #41a5b3);
    border-radius: 50%;
}
.incompany_features_list .txt {
    position: absolute;
    width: 180px;
    height: 68px;
    z-index: 2;
    top: 50%;
    margin-top: -34px;
    left: 50%;
    margin-left: -90px;
    font-size: 22px;
    color: #fff;
    line-height: 34px;
    text-align: center;
}
.incompany_features_list .info {
    position: absolute;
    z-index: 4;
    font-size: 0;
    color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	cursor:pointer;
}
.incompany_features_list .info.i1, .incompany_features_list .info.i2, .incompany_features_list .info.i4, .incompany_features_list .info.i5 {
    width: 106px;
    height: 106px;
}
.incompany_features_list .info.i3 {
    width: 128px;
    height: 128px;
}
.incompany_features_list .info.i6 {
    width: 132px;
    height: 132px;
}
.incompany_features_list .info.i1 {
    right: 50%;
    bottom: 50%;
    margin-right: 260px;
    margin-bottom: 104px;
}
.incompany_features_list .info.i2 {
    left: 50%;
    bottom: 50%;
    margin-left: 260px;
    margin-bottom: 104px;
}
.incompany_features_list .info.i3 {
    right: 50%;
    top: 50%;
    margin-right: 300px;
    margin-top: -64px;
}
.incompany_features_list .info.i4 {
    left: 50%;
    top: 50%;
    margin-left: 320px;
    margin-top: -53px;
}
.incompany_features_list .info.i5 {
    right: 50%;
    top: 50%;
    margin-right: 260px;
    margin-top: 100px;
}
.incompany_features_list .info.i6 {
    left: 50%;
    top: 50%;
    margin-left: 247px;
    margin-top: 87px;
}
.incompany_features_list .info span {
    font-size: 18px;
    line-height: 22px;
    position: relative;
    z-index: 2;
    display: block;
    margin: auto;
}
.incompany_features_list .info:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.incompany_features_list .info.i1:before {
    background-image: url(../images/incompany_features_cake1.png);
}
.incompany_features_list .info.i2:before {
    background-image: url(../images/incompany_features_cake1.png);
}
.incompany_features_list .info.i3:before {
    background-image: url(../images/incompany_features_cake3.png);
}
.incompany_features_list .info.i4:before {
    background-image: url(../images/incompany_features_cake1.png);
}
.incompany_features_list .info.i5:before {
    background-image: url(../images/incompany_features_cake1.png);
}
.incompany_features_list .info.i6:before {
    background-image: url(../images/incompany_features_cake2.png);
}
.incompany_features_list .info:hover:before {
    -webkit-animation: lt 6s linear 0s infinite;
    animation: lt 6s linear 0s infinite;
}


.inculture_list_box{
	height:794px;
	position: relative;
	background-size:cover;
	background-position:0 0;
	background-repeat:no-repeat;
	
}
.inculture_list_box.bg1{background-image: url(../images/inculture_img01.jpg);}
.inculture_list_box.bg2{background-image: url(../images/inculture_img02.jpg);}
.inculture_list_box .pub{width:82%;height:100%;margin:auto;color:#FFF;text-align:left;display:table;}
.inculture_list_box .con{width:32%;}
.inculture_list_box.bg2 .con{margin-left:70%;}
.inculture_list_box .en{font-size:32px;font-family:"Times New Roman", Times, serif;text-transform:uppercase;}
.inculture_list_box .en span{margin-right:15px;}
.inculture_list_box .cn{
	font-size: 60px; font-weight: bold;
    line-height: 42px;
    font-weight: bold;
    margin-top: 10px;
}
.inculture_list_box .line{
    width: 100%;
    height: 1px;
   
    margin: 28px 0 34px;
}
.inculture_list_box .wz{
	font-size: 16px;
    line-height: 34px;
    overflow: auto;
}

.inculture_values {
    background: url(../images/inculure_values_bg.jpg) center no-repeat;
	background-size:cover;
}

.inculture_values_box {
    position: relative;
    width: 100%;
    height: 666px;
}
.inculture_values_box li.i1, .inculture_values_box li.i2 {
    top: 77px;
}
.inculture_values_box li.i3, .inculture_values_box li.i4 {
    bottom: 64px;
}
.inculture_values_box li.i1, .inculture_values_box li.i4 {
    right: 0;
    text-align: left;
}
.inculture_values_box li.i2, .inculture_values_box li.i3 {
    left: 0;
    text-align: right;
}
.inculture_values_box li {
    position: absolute;
    z-index: 3;
    width: 520px;
	cursor:pointer;
}
.inculture_values_box li h3 {
    font-size: 24px;
    color: #222;
    line-height: 26px;
    font-weight: bold;
    height: 26px;
    overflow: hidden;
    padding: 0 20px;
}
.inculture_values_box li.i1 .hx {
    background-color: #2ba2cd;
}
.inculture_values_box li.i2 .hx {
    background-color: #2778be;
}
.inculture_values_box li.i3 .hx {
    background-color: #80be5a;
}
.inculture_values_box li.i4 .hx {
    background-color: #22b6b1;
}
.inculture_values_box li .hx {
    position: relative;
    width: 100%;
    height: 1px;
    margin: 29px 0;
}
.inculture_values_box li.i1 .hx:before {
    background-color: #2ba2cd;
    left: 0;
}
.inculture_values_box li.i2 .hx:before {
    background-color: #2778be;
    right: 0;
}
.inculture_values_box li.i3 .hx:before {
    background-color: #80be5a;
    right: 0;
}
.inculture_values_box li.i4 .hx:before {
    background-color: #22b6b1;
    left: 0;
}
.inculture_values_box li .hx:before {
    content: '';
    position: absolute;
    top: -5px;
    z-index: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}
.inculture_values_box li.i1 .hx:after {
    border-color: #2ba2cd;
    right: 100%;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.inculture_values_box li.i2 .hx:after {
    border-color: #2778be;
    left: 100%;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.inculture_values_box li.i3 .hx:after {
    border-color: #80be5a;
    left: 100%;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.inculture_values_box li.i4 .hx:after {
    border-color: #22b6b1;
    right: 100%;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.inculture_values_box li.on .hx:after {
    opacity: 1;
    width: 166px;
}
.inculture_values_box li .hx:after {
    content: '';
    position: absolute;
    top: 0;
    z-index: 0;
    width: 0;
    height: 0;
    border-bottom: 1px dashed;
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.inculture_values_box li .txt {
    font-size: 16px;
    color: #444;
    line-height: 30px;
    height: 90px;
    padding: 0 20px;
}
.inculture_values_box li.i2 p, .inculture_values_box li.i3 p {
    float: right;
}
.inculture_values_box li p {
    max-width: 352px;
    max-height: 90px;
    overflow: hidden;
}
.inculture_values_box .quan1 {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    width: 220px;
    height: 220px;
    background: url(../images/inculure_values_core.png) center no-repeat;
    margin-left: -110px;
    margin-top: -110px;
    /* animation: rotate360 8s linear 0s infinite; */
    pointer-events: none;
    border-radius: 50%;
}
.inculture_values_box .quan2 {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 0;
    width: 560px;
    height: 100%;
    background: url(../images/inculure_values_handball.png) center no-repeat;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.coretu{
    position: absolute;
    width: 380px;
    height: 380px;
    z-index: 2;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    border-radius: 50%;
}
.coretu dd {
    position: absolute;
    z-index: 3;
    width: 189px;
    height: 189px;
	cursor:pointer;
}
.coretu dd.i1 {
    background-color: #2ba2cd;
    border-top-right-radius: 100%;
}
.coretu dd.i2 {
    background-color: #2778be;
    border-top-left-radius: 100%;
}
.coretu dd.i3 {
    background-color: #80be5a;
    border-bottom-left-radius: 100%;
}
.coretu dd.i4 {
    background-color: #22b6b1;
    border-bottom-right-radius: 100%;
}
.coretu dd.i1, .coretu dd.i4 {
    left: 50%;
    margin-left: 1px;
}
.coretu dd.i2, .coretu dd.i3 {
    right: 50%;
    margin-right: 1px;
}
.coretu dd.i1, .coretu dd.i2 {
    bottom: 50%;
    margin-bottom: 1px;
}
.coretu dd.i3, .coretu dd.i4 {
    top: 50%;
    margin-top: 1px;
}
.coretu dd .dot {
    width: 22px;
    height: 22px;
    position: absolute;
    z-index: 0;
    background: url(../images/inculure_values_dot.png) center no-repeat;
}
.coretu dd.i1 .dot {
    left: 90px;
    bottom: 90px;
}
.coretu dd.i2 .dot {
    right: 90px;
    bottom: 90px;
}
.coretu dd.i3 .dot {
    right: 90px;
    top: 90px;
}
.coretu dd.i4 .dot {
    left: 90px;
    top: 90px;
}
.coretu dd .pic {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.coretu dd .pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.coretu dd.i1 .pic {
    left: 0;
    bottom: 0;
    border-top-right-radius: 100%;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
.coretu dd.i2 .pic {
    right: 0;
    bottom: 0;
    border-top-left-radius: 100%;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}
.coretu dd.i3 .pic {
    right: 0;
    top: 0;
    border-bottom-left-radius: 100%;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.coretu dd.i4 .pic {
    left: 0;
    top: 0;
    border-bottom-right-radius: 100%;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.coretu dd.on .pic {
    opacity: 1;
    width: 239px;
    height: 239px;
}

.incapacity_environment{
	background:#FFF;
	position:relative;
	background:url(../images/incapacity_environment_bg.jpg) no-repeat center bottom;
	background-size:100% auto;
}
.incapacity_environment .title{
	font-size: 24px;
    color: #333;
	text-align:center;
	font-weight:bold;
    line-height: 34px;
	margin:40px auto 0;
    overflow: auto;
}
.incapacity_environment .txt{
	width:80%;
	font-size: 16px;
    color: #333;
	text-align:center;
    line-height: 34px;
	margin:20px auto 0;
    overflow: auto;
}
.incapacity_environment .scale{
	width:60%;
	color:#2f7dc0;
	margin:80px auto 0;
	text-align:center;
    overflow: auto;
}
.incapacity_environment .scale li{
    width:33.33%;
	float:left;
}
.incapacity_environment .scale li h3{
    font-size: 42px;
    height: 48px;
    line-height: 48px;
	font-weight:normal;
}
.incapacity_environment .scale li p{
    font-size: 14px;
    line-height: 28px;
}


.incapacity_equipment{
	background:#FFF;
	position:relative;
}
.incapacity_equipment .classify{
	width:60%;
	margin:40px auto 0;
}

.incapacity_equipment .classify .swiper-slide{
	height:60px;
	font-size:18px;
	line-height:60px;
	text-align:center;
	overflow:hidden;
	cursor:pointer;
    border-bottom: 1px solid #e5e5e5;
}
.incapacity_equipment .classify .swiper-slide.on{
    border-bottom: 2px solid #2778be;
}
.incapacity_equipment .imglist{
	margin:60px auto 0;
	position:relative;
	overflow:hidden;
}

.incapacity_equipment .imglist-box{width:100%;position:relative;}
.incapacity_equipment .imglist .swiper-slide{
	opacity: 0.3;
}
.incapacity_equipment .imglist .swiper-slide.swiper-slide-active{
    opacity: 1;
}
.incapacity_equipment .imglist a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
.incapacity_equipment .imglist .pic {
	width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
}
.incapacity_equipment .imglist img {
    width: 100%;
    height: auto;
}
.incapacity_equipment .imglist .prev, .incapacity_equipment .imglist .next {
	position: absolute;
	z-index:10;
    top: 50%;
    width: 40px;
    height: 40px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    outline: 0 none;
    border-radius: 50%;
    margin-top: -20px;
	cursor:pointer;
}
.incapacity_equipment .imglist .prev {
    left: 10%;
    background: rgba(0, 0, 0, 0.5) url(../images/prev.png) center no-repeat;
}
.incapacity_equipment .imglist .next {
    right: 10%;
    background: rgba(0, 0, 0, 0.5) url(../images/next.png) center no-repeat;
}
.incapacity_equipment .imglist .prev:hover, .incapacity_equipment .imglist .next:hover {
    background-color: #2778be;
}


.inproduct_list ul{
    overflow: hidden;
}
.inproduct_list li {
    float: left;
    width: 46%;
    margin-bottom: 120px;
}
.inproduct_list li:nth-of-type(2n){
    float: right;
}
.inproduct_list li a {
    display: block;
    position: relative;
}
.inproduct_list li .box{
	width:90%;
	padding:40px 40px 60px;
	background:#323232;
	color:#FFF;
	border-top-left-radius:40px;
}
.inproduct_list li .box .txt{
	width:60%;
}
.inproduct_list li h3{
    font-size: 24px;
	line-height: 40px;
    font-weight: bold;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.inproduct_list li .hx {
    width: 40px;
    height: 2px;
    background-color: #fff;
    margin: 10px 0;
}
.inproduct_list li .des {
    font-size: 14px;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
	margin-top:30px;
}
.inproduct_list li .more {
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    background: url(../images/inproduct_list_more.png) right center no-repeat;
    display: block;
	margin-top:40px;
}
.inproduct_list li .pic {
    width: 36%;
    overflow: hidden;
    position:absolute;
    right:0;
	bottom:-50px;
	border-radius:60px;
}
.inproduct_list li img {
    width:100%;
	display:block;
}
.inproduct_list li:hover .box{
	background: #2778be;
	border-top-left-radius:0;
	border-top-right-radius:40px;
}
.inproduct_list li:hover .pic {
	border-radius:50%;
}



.inhonor_list ul{
    overflow: hidden;
    margin: 60px auto 0;
}
.inhonor_list li {
    float: left;
    width: 33.33%;
    margin-bottom: 50px;
}
.inhonor_list li .box {
    padding: 0 30px;
}
.inhonor_list li a {
    display: block;
    position: relative;
    border: 1px solid #e7e7e7;
}
.inhonor_list li .pic {
    width: 100%;
    height: 310px;
    overflow: hidden;
    position: relative;
    font-size: 0;
    text-align: center;
    line-height: 310px;
}
.inhonor_list li img {
    max-width: 90%;
    max-height: 95%;
}
.inhonor_list li h3 {
    padding: 0 30px;
    position: relative;
    overflow: hidden;
}
.inhonor_list li h3 span {
    position: relative;
    z-index: 3;
    display: block;
    height: 70px;
    overflow: hidden;
    font-size: 16px;
    color: #333;
    line-height: 40px;
    padding: 15px 30px 15px 0;
    background: url(../images/inhonor_list_more2.png) right no-repeat;
    border-top: 1px solid #ebebeb;
}
.inhonor_list li h3:before {
    content: '';
    position: absolute;
    left: 100%;
    bottom: 0;
    z-index: 0;
    width: 0;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#1fb4b8));
    background-image: linear-gradient(to right, #255ba9, #1fb4b8);
}
.inhonor_list li h3 span, .inhonor_list li h3:before {
    -webkit-transition: .5s;
    transition: .5s;
}
.inhonor_list li:hover h3:before {
    width: 100%;
    left: 0;
    -webkit-transition: width .5s;
    transition: width .5s;
}
.inhonor_list li:hover h3 span {
    color: #fff;
    background-image: url(../images/inhonor_list_more.png);
    border-top-color: transparent;
}


.incases_customer{
	background:url(../images/incapacity_environment_bg.jpg) no-repeat center bottom;
	background-size:100% auto;
}
.incases_customer ul{
    overflow: hidden;
    margin: 40px auto 0;
}
.incases_customer li {
    float: left;
    width: 20%;
    margin-top: 20px;
}
.incases_customer li .box {
    padding: 0 10px;
}
.incases_customer li a {
    display: block;
    position: relative;
}
.incases_customer li .pic {
    width: 100%;
    position: relative;
    text-align: center;
}
.incases_customer li img {
    width: 90%;
	display:block;
	cursor:pointer;
}
.incases_customer li img:hover {
	box-shadow: 0 10px 10px rgba(0,0,0,0.1);
    transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    -o-transform: translateY(-4px);
}



.innews_hot {
    padding: 182px 0 160px;
    background: #1fb4b8 url(../images/innews_hot_bg.jpg) bottom no-repeat;
}
.innews_hot .box {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.innews_hot .box:before {
    content: '';
    position: absolute;
    left: -24px;
    top: -38px;
    z-index: 0;
    width: 249px;
    height: 143px;
    background: url(../images/innews_hot_bg2.png) center no-repeat;
}
.innews_hot .box a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.innews_hot .box a .pic {
    float: left;
    width: 40%;
    height: 100%;
    position: relative;
    padding-left: 20px;
    padding-top: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.innews_hot .box a .pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-box-shadow: -20px -20px 0 0 rgba(255, 255, 255, 0.1);
    box-shadow: -20px -20px 0 0 rgba(255, 255, 255, 0.1);
}
.innews_hot .box a .pic img:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}
.innews_hot .box a .date {
    width: 76px;
    position: absolute;
    right: 0px;
    top: 40px;
    z-index: 5;
    padding: 16px 0 18px;
    background-color: #38bab1;
    border-radius: 10px;
}
.innews_hot .box a .date .day {
    font-size: 40px;
    line-height: 40px;
    height: 40px;
}
.innews_hot .box a .date .year {
    font-size: 12px;
    line-height: 16px;
    height: 16px;
}
.innews_hot .box a .date span {
    display: block;
    text-align: center;
    font-family: 'arial';
    color: #fff;
}
.innews_hot .box a .wz {
    float: left;
    width: 35%;
    height: 100%;
    padding-top: 40px;
    margin-left: 10%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.innews_hot .box a h3 {
    font-size: 28px;
    color: #fff;
    line-height: 42px;
    height: 84px;
    font-weight: bold;
    overflow: hidden;
}
.innews_hot .box a .txt {
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    height: 84px;
    overflow: hidden;
    margin-top: 38px;
}
.innews_hot .box a label {
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    margin-top: 40px;
    display: block;
    cursor: pointer;
    position: relative;
    padding-bottom: 34px;
    background: url(../images/innews_hot_next.png) left bottom no-repeat;
}

.innews_list {
    background-color: #f3f4f5;
}
.innews_list ul{
	margin-top:-50px;
}
.innews_list li {
    float: left;
    width: 33.33%;
    margin-bottom: 80px;
}
.innews_list li .box {
    padding: 0 40px;
}
.innews_list li a {
    display: block;
    position: relative;
}
.innews_list .date {
    width: 96px;
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 5;
    opacity: 0;
    padding: 14px 0 22px;
    background: url(../images/innews_list_datebg.png) center no-repeat;
}
.innews_list .date .day {
    font-size: 40px;
    line-height: 40px;
    height: 40px;
}
.innews_list .date .year {
    font-size: 12px;
    line-height: 16px;
    height: 16px;
}
.innews_list .date span {
    display: block;
    text-indent: 30px;
    font-family: 'arial';
    color: #fff;
}
.innews_list .pic {
    width: 100%;
    height: 0;
    padding-bottom: 62%;
    overflow: hidden;
    position: relative;
}
.innews_list .pic img {
    -o-object-fit: cover;
    object-fit: cover;
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}
.innews_list li .wz {
    padding: 40px;
    background-color: #fff;
    position: relative;
}
.innews_list li .wz:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    width: 0;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#1fb4b8));
    background-image: linear-gradient(to right, #255ba9, #1fb4b8);
	-webkit-transition: .5s;
    transition: .5s;
}
.innews_list li h3, .innews_list li .txt, .innews_list li label {
    position: relative;
    z-index: 2;
}
.innews_list li h3 {
    font-size: 24px;
    color: #222;
    line-height: 40px;
    font-weight: bold;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.innews_list li .txt {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    margin: 17px 0;
}
.innews_list li label {
    display: block;
    font-size: 16px;
    color: #666;
    line-height: 22px;
    cursor: pointer;
    height: 22px;
    font-family:FuturaLL;
}

.innews_list li:hover .date {
    opacity: 1;
}
.innews_list li:hover .pic img {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}
.innews_list li:hover .wz:before {
    width: 100%;
}
.innews_list li:hover h3 {
    color: #fff;
}
.innews_list li:hover .txt {
    color: #fff;
}
.innews_list li:hover label {
    color: #fff;
}



.incontact_tel li {
    width: 33.33%;
	float:left;
	text-align:center;
    position: relative;
	height: 245px; margin-top: 77px;
}
.incontact_tel li:nth-of-type(1){ background: url(../images/lx1.jpg) no-repeat center;}
.incontact_tel li:nth-of-type(2){ background: url(../images/lx2.jpg) no-repeat center;}
.incontact_tel li:nth-of-type(3){ background: url(../images/lx3.jpg) no-repeat center;}

.incontact_tel .pic {
    width: 80px;
    height: 80px;
    margin: 0 auto 18px;
    border: 2px solid #ddd;
    background-color: #fff;
	border-radius:50%;
}
.incontact_tel .pic .fig {
    width: 76px;
    height: 76px;
}
.incontact_tel .pic .p1{
	background: url(../images/incontact_tel.png) center no-repeat;
}
.incontact_tel .pic .p2{
	background: url(../images/incontact_fax.png) center no-repeat;
}
.incontact_tel .pic .p3{
	background: url(../images/incontact_add.png) center no-repeat;
}
.incontact_tel li h3 {
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    font-weight: bold;
    height: 30px;
    position: relative;
    overflow: hidden; margin-top: 75px;
}
.incontact_tel li .hx {
    width: 20px;
    height: 2px;
    background-color: #bfbfbf;
    margin: 25px auto;
}
.incontact_tel li .txt {
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    margin: 9px auto 0;
    overflow: hidden;
    padding: 0 10px;
}
.incontact_map{width:100%;height:600px;overflow:hidden;}
.incontact_map #dituContent{width:100%;height:100%;}


.inmessage{
	background: url(../images/inmessage_bg.jpg) center no-repeat;
	background-size: cover;
}
.inmessage .box{
	padding:110px;
	background:#FFF;
}
.inmessage .box .title{
	float: left;
    width: 30%;
}
.inmessage .box .title .txt {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    overflow: hidden;
    margin-top: 34px;
}
.inmessage .box .title .hx {
    width: 20px;
    height: 2px;
    background-color: #1373c0;
    margin-top: 24px;
}
.inmessage .box .title .tel {
    font-size: 16px;
    color: #666;
    line-height: 24px;
    overflow: hidden;
    margin-top: 34px;
}
.inmessage .box .title .tel p{
    font-size: 24px;
	font-weight:bold;
	color: #1373c0;
    margin-top: 12px;
}

.inmessage .form{width:60%;float:right;}
.inmessage .form input{width:48%;height:52px;float:left;margin-bottom:16px;margin-right:4%;border:1px solid #ddd;border-radius:4px;outline:none;background:none;
box-sizing:border-box;padding:0px 46px 0 10px;font-size:14px;line-height:46px;font-family:Arial,'Microsoft JhengHei','Microsoft Yahei',"PingFang SC",Helvetica,Tahoma;}
.inmessage .form #captcha{width:24.4%;}
.inmessage .form textarea{width:100%;height:164px;float:left;margin-bottom:16px;border:1px solid #ddd;border-radius:4px;outline:none;background:none;
box-sizing:border-box;padding:10px 46px 10px 10px;font-size:14px;line-height:24px;font-family:Arial,'Microsoft JhengHei','Microsoft Yahei',"PingFang SC",Helvetica,Tahoma;}
.inmessage .form .guestimg{width:160px;height:52px;float:left;}
.inmessage .form .submit{width:20%;height:52px;float:right;font-size:18px;line-height:52px;text-align:center;color:#FFF;cursor:pointer;border-radius:4px;
background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#1fb4b8));
background-image: linear-gradient(to right, #255ba9, #1fb4b8);
-webkit-transition:all 0.6s;transition:all 0.6s;}
.inmessage .form .submit:hover{opacity: 0.8;}



.indetails{
	padding:50px 0 80px;
	background-color: #f3f4f5;
    padding-bottom: 252px;
}
.indetails_box{
    padding: 40px 70px 70px;
    background-color: #fff;
}
.indetails_left{
	padding-right:400px;
}
.indetails_box_proimg{
	width:38%;
	float:left;
}
.indetails_box_proimg img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
	display:block;
}
.indetails_box_protitle{
	width:58%;
	float:right;
}
.indetails_box_protitle label {
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 34px;
    height: 34px;
	padding-left:42px;
    position: relative;
}
.indetails_box_protitle label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 16px;
    z-index: 0;
    width: 30px;
    height: 2px;
    background-color: #2d70b4;
}
.indetails_box_protitle h3 {
    font-size: 32px;
    color: #333;
    line-height: 42px;
    height: auto;
    font-weight: bold;
    position: relative;
    margin-top: 20px;
    white-space: nowrap;
}
.indetails_box_protitle .txt {
    font-size: 16px;
    color: #666;
    line-height: 34px;
    max-height: 102px;
    overflow: hidden;
    margin-top: 16px;
}

.indetails_box_protitle .scale{
	width:100%;
	text-align:center;
    overflow: auto;
	padding:30px 0;
    margin: 30px 0;
	background-color: #f3f4f5;
}
.indetails_box_protitle .scale li{
    width:25%;
	float:left;
}
.indetails_box_protitle .scale li img{
    width:68px;
	max-width:80%;
	border-radius:50%;
	padding:16px;
    background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#1fb4b8));
    background-image: linear-gradient(to right, #255ba9, #1fb4b8);
}
.indetails_box_protitle .scale li h3{
    font-size: 18px;
    height: 32px;
    line-height: 32px;
	font-weight:normal;
	margin-top:10px;
}
.indetails_box_protitle .scale li p{
    font-size: 14px;
    line-height: 24px;
    color: #999;
}

.indetails_box_protitle .more{text-align:center;}
.indetails_box_protitle .more a{width:176px;height:50px;display:inline-block;font-size:18px;line-height:50px;text-align:center;color:#FFF;cursor:pointer;border-radius:4px;margin-right:40px;
-webkit-transition:all 0.6s;transition:all 0.6s;}
.indetails_box_protitle .more a:hover{opacity: 0.8;}
.indetails_box_protitle .more .submit{margin-right:40px;
background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#1fb4b8));
background-image: linear-gradient(to right, #255ba9, #1fb4b8);}
.indetails_box_protitle .more .contact{background-color: #2d70b4;}

.indetails_box_colume{
	font-size:24px;
	color:#333;
	font-weight:bold;
    margin-top: 60px;
    line-height: 42px;
	border-bottom: 1px solid #e5e5e5;
}
.indetails_box_colume b{
	float:left;
	border-bottom: 2px solid #2d70b4;
}
.indetails_box_colume span{
	font-size:14px;
	color:#999;
	font-weight:normal;
    margin-left: 6px;
	float:left;
}

.indetails_box_swiper{
    margin-top: 40px;
}
.indetails_box_swiper .swiper-slide a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
.indetails_box_swiper .swiper-slide .pic {
	width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
}
.indetails_box_swiper .swiper-slide img {
    width: 100%;
    height: auto;
}
.indetails_box_swiper .swiper-slide .wz {
    height: 40px;
    font-size: 16px;
    color: #333;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
	margin-top:10px;
}
.indetails_box_swiper .swiper-slide:hover .wz {
    color: #2d70b4;
}


.indetails_box_ntitle{
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 20px;
    position: relative;
}
.indetails_box_ntitle h1 {
    font-size: 32px;
    color: #333;
    line-height: 42px;
    font-weight: bold;
    margin-bottom: 24px;
}
.indetails_box_ntitle .date {
    font-size: 14px;
    color: #888;
    line-height: 30px;
}
.indetails_box_ntitle .date span {
    display: inline-block;
    margin-right: 48px;
}
.indetails_box_text {
	margin-top:40px;
    font-size: 16px;
    line-height: 28px;
    color: #555;
    text-align: justify;
}
.indetails_box_text p{
	margin-top:16px;
    font-size: 16px;
    line-height: 28px;
    color: #555;
    text-align: justify;
	text-indent:2em;
}
.indetails_box_text img {
	display:block;
	margin:28px auto 0;
    max-width: 100%;
}


.insidebar {
    width: 370px;
	position:absolute;
	right:0;
	top:0;
}
.insidebar_box {
    padding: 40px 40px 16px;
    width: auto;
    background-color: #fff;
}
.insidebar_box .title {
    height: 40px;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 26px;
    line-height: 40px;
    color: #009d85;
}
.insidebar_box_list li {
    border-bottom: 1px solid #e7e7e7;
}
.insidebar_box_list li a {
    display: block;
}
.insidebar_box_list .pic {
    width: 100%;
    height: 222px;
    position: relative;
    overflow: hidden;
}
.insidebar_box_list .pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.insidebar_box_list .wz {
    padding: 20px 0;
}
.insidebar_box_list h3 {
    font-size: 18px;
    color: #333;
    line-height: 36px;
    font-weight: bold;
    height: 36px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.insidebar_box_list .date {
    color: #666;
    font-size: 12px;
    line-height: 28px;
    height: 28px;
}
.insidebar_box_list li a:hover h3{
    color: #009d85;
}

.indetails_upDown {
    position: relative;
    padding-top: 26px;
    margin-top: 40px;
    border-top: 1px solid #ddd;
}
.indetails_upDown .next{
	display: block;
    overflow: hidden;
    font-size: 14px;
    color: #666;
    line-height: 34px;
    height: 34px;
    margin-top: 10px;
	position:relative;
}
.indetails_upDown .next label {
    display: inline-block;
    border: 1px solid #ccc;
    width: 98px;
    height: 32px;
    text-align: center;
    font-size: 14px;
    line-height: 32px;
    margin-right: 15px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.indetails_upDown .page-a{
	display: block;
    overflow: hidden;
    line-height: 102px;
    height: 34px;
}
.indetails_upDown .page-a a{
    position:absolute;
	left:112px;
	top:0;
    overflow: hidden;
    font-size: 14px;
    color: #666;
    line-height: 34px;
    height: 34px;
}
.indetails_upDown .next:hover label{
    border-color: #009d85;
}
.indetails_upDown .next:hover a{
    color: #009d85;
}

.indetails_upDown .ret {
    font-size: 14px;
    color: #fff;
    line-height: 34px;
    text-align: center;
    background-color: #009d85;
    width: 110px;
    height: 34px;
	margin:40px auto 0;
	display:block;
}
.indetails_upDown .ret:hover {
    color: #fff;
    opacity: 0.8;
}





.innerGoods{overflow:hidden;}
.innerGoods .type{margin-top:3%;overflow:hidden;}
.innerGoods .type a{font-size:18px;font-weight:bold;color:#000;text-align:center;line-height:32px;padding:16px 0 24px;border-radius:6px;display:block;background-image:url(../images/wavesmall_blue.png);background-repeat:no-repeat;background-position:center bottom 15px;background-color:#f8f8f8;}
.innerGoods .type a:hover{color:#FFF;background-image:url(../images/wavesmall.png);background-color:#0b82ca;}
.innerGoods .type a.select{color:#FFF;background-image:url(../images/wavesmall.png);background-color:#0b82ca;}
.innerGoods .box{background:#f8f8f8;position:relative;overflow:hidden;}
.innerGoods .box .img{width:50%;height:100%;position:absolute;left:0;top:0;overflow:hidden;}
.innerGoods .box .img img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;}
.innerGoods .box .txt{width:50%;padding:3%;float:right;}
.innerGoods .box .txt .bt{font-weight:bold;color:#333;}
.innerGoods .box .txt .des{height:26px;font-size:16px;line-height:24px;color:#FFF;padding:0 15px;margin-top:4%;background:#c3002f;border-radius:6px;box-shadow:4px 4px 4px rgba(0,0,0,0.15);display:inline-block;}
.innerGoods .box .txt .wz{max-height:84px;font-size:15px;line-height:28px;color:#333;margin-top:2%;}
.innerGoods .box .txt ul{margin-top:4%;}
.innerGoods .box .txt ul li{width:23.5%;margin-right:2%;margin-top:2%;padding:20px;border:1px solid #eee;border-radius:6px;float:left;background:#FFF;cursor:pointer;position:relative;}
.innerGoods .box .txt ul li:nth-of-type(4n){margin-right:0;}
.innerGoods .box .txt ul li img{height:24px;display:block;}
.innerGoods .box .txt ul li h4{font-size:18px;color:#333;line-height:24px;margin-top:16px;}
.innerGoods .box .txt ul li p{font-size:14px;color:#999;line-height:24px;}
.innerGoods .box .txt .btn{margin-top:6%;}
.innerGoods .box .txt .btn a{width:30%;max-width:200px;height:60px;font-size:16px;color:#FFF;line-height:60px;text-align:center;margin-right:4%;float:left;background:#505050;}
.innerGoods .box .txt .btn a img{margin-left:20px;}
.innerGoods .box .txt .btn a:hover{background:#0b82ca;}

.innerGoods .intro{position:relative;overflow:hidden;}
.innerGoods .intro .title{color:#333;font-weight:bold;padding:6px 0;border-bottom:1px solid #eee;margin-top:4%;position:relative;}
.innerGoods .intro .title i{font-size:12px;color:#999;margin-left:10px;text-transform:uppercase;}
.innerGoods .intro .title:after{content:"";position:absolute;left:0;bottom:0;z-index:2;width:68px;height:2px;background:#0b82ca;}
.innerGoods .intro .details{font-size:15px;line-height:28px;color:#333;margin-top:2%;}
.innerGoods .intro .details p{font-size:15px;line-height:28px;color:#333;margin-top:2%;}
.innerGoods .intro .details table{margin-top:2%;}
.innerGoods .intro .details table td{font-size:14px;color:#000;line-height:20px;padding:5px 15px;border:1px solid #eee;}

.innerGoods .intro .adv{margin-top:2%;}
.innerGoods .intro .adv li{width:23.5%;margin-right:2%;margin-top:2%;padding:20px;border:1px solid #eee;border-radius:6px;float:left;background:#FFF;cursor:pointer;position:relative;}
.innerGoods .intro .adv li:nth-of-type(4n){margin-right:0;}
.innerGoods .intro .adv li img{height:46px;display:block;}
.innerGoods .intro .adv li h4{font-size:20px;color:#0b82ca;line-height:24px;margin-top:6%;}
.innerGoods .intro .adv li p{height:72px;font-size:14px;color:#999;line-height:24px;margin-top:4%;overflow:hidden;}

.innerGoods .scheme{margin-top:2%;}
.innerGoods .scheme a{padding:16% 10%;text-align:center;border-radius:10px;overflow:hidden;cursor:pointer;position:relative;display:block;background-repeat:no-repeat;background-position:center;background-size:cover;}
.innerGoods .scheme a .bt{height:32px;color:#FFF;font-weight:bold;text-align:center;-webkit-transition: all 0.5s;transition: all 0.5s;}
.innerGoods .scheme a .icon{-webkit-transition: all 0.5s;transition: all 0.5s;}
.innerGoods .scheme a .icon img{margin:2% auto 0;display:block;}
.innerGoods .scheme a .wz{height:84px;font-size:15px;color:#FFF;line-height:28px;text-align:center;margin-top:8%;overflow:hidden;-webkit-transition: all 0.5s;transition: all 0.5s;}
.innerGoods .scheme a:hover .bt{
	-webkit-transform: translate3d(0, 6px, 0);
	transform: translate3d(0, 6px, 0);
}
.innerGoods .scheme a:hover .icon{
	-webkit-transform: translate3d(0, 6px, 0);
	transform: translate3d(0, 6px, 0);
}
.innerGoods .scheme a:hover .wz{
	-webkit-transform: translate3d(0, -6px, 0);
	transform: translate3d(0, -6px, 0);
}

.innerGoods .related{margin-top:2%;}
.innerGoods .related .swiper{padding:4px;}
.innerGoods .related li{padding:20px 20px 24px;background:#f8f8f8;cursor:pointer;position:relative;-webkit-transition:all 0.5s;transition:all 0.5s;}
.innerGoods .related li:nth-of-type(4n){margin-right:0;}
.innerGoods .related li .img{overflow:hidden;}
.innerGoods .related li .img img{width:100%;display:block;-o-object-fit:cover;object-fit:cover;}
.innerGoods .related li:hover{background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.15);}
.innerGoods .related li .bt{height:32px;font-size:18px;font-weight:bold;line-height:32px;margin-top:4%;overflow:hidden;}
.innerGoods .related li .des{height:24px;font-size:15px;line-height:24px;color:#666;overflow:hidden;}
.innerGoods .related li .btn{width:46%;height:38px;font-size:15px;color:#FFF;text-align:center;line-height:38px;margin:4% 8% 0 0;border-radius:20px;overflow:hidden;float:left;background:#c3002f;}
.innerGoods .related li .btn2{margin-right:0;background:#0b82ca;}




.goodslist{}
.goodslist li{width:24.25%;margin-right:1%;margin-top:2%;padding:20px 20px 24px;float:left;background:#f8f8f8;cursor:pointer;position:relative;-webkit-transition:all 0.5s;transition:all 0.5s;}
.goodslist li:nth-of-type(4n){margin-right:0;}
.goodslist li .img{overflow:hidden;}
.goodslist li .img img{width:100%;display:block;-o-object-fit:cover;object-fit:cover;}
.goodslist li:hover{background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.15);}
.goodslist li .bt{height:32px;font-size:18px;font-weight:bold;line-height:32px;margin-top:4%;overflow:hidden;}
.goodslist li .des{height:24px;font-size:15px;line-height:24px;color:#666;overflow:hidden;}
.goodslist li .btn{width:46%;height:38px;font-size:15px;color:#FFF;text-align:center;line-height:38px;margin:4% 8% 0 0;border-radius:20px;overflow:hidden;float:left;background:#c3002f;}
.goodslist li .btn2{margin-right:0;background:#0b82ca;}







.news{overflow:hidden;padding-bottom:4vw;}
.news .list li{padding:3vw 1vw;float:left;position:relative;}
.news .list li .time{width:10%;font-family:bahnschrift;float:left;}
.news .list li .time b{font-size:32px;font-weight:normal;display:block;}
.news .list li .time i{font-size:20px;}
.news .list li .pic{width:24%;float:left;}
.news .list li .pic img{width:100%;display:block;}
.news .list li .txt{width:62%;margin-left:4%;float:left;}
.news .list li .txt .bt{height:32px;line-height:32px;color:#333;font-weight:bold;overflow:hidden;}
.news .list li .txt .wz{height:84px;font-size:16px;color:#666;line-height:28px;margin-top:1vw;overflow:hidden;}
.news .list li .txt .more{margin-top:1vw;}
.news .list li:hover{background:#e7ebf0;}
.news .list li:hover .txt .bt{color:#84a4ce;}


.flex {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.ya3{ margin-top: 58px;}
.ydzx_l{ width: 50%; float: left;padding-right: 4vw; padding-bottom: 80px;}

.ydzx_ll{ width: 50%; float: left; }
.ydzx_r{ width: 50%; float: right; } 
.ydzx_rr{ width: 50%; float: right; margin-top: 91px; padding-left: 4vw; padding-bottom: 120px;}
.ydzx{ height: auto; overflow: hidden; padding-top: 129px; margin-bottom: 86px;}
.ydzx_r_tit{ color: #333333; font-size: 24px; font-weight: bold; margin-top: 37px; }

.ydzx_r_tit1{ color: #191919; font-size: 40px; font-weight: bold; margin-top: 40px;}

.ydzx_r_tit_line{ width:66px; height: 5px; background: #1b71c4; margin-top: 28px;}
.ydzx_r_tit_line1{ width:66px; height: 5px; background: #1b71c4; margin: 0px auto;margin-top: 28px; text-align: center;}
.ydzx_r_tit_tex{ color: #333333; font-size: 16px; margin-top: 40px; line-height: 35px;}

.posi {
    position: relative;
}
.avg_img {
    height: 100%;
    position: relative;
   
}
.intro .img{width:100%;position:relative; padding-left: 4vw;}
 .intro .img .tutu1{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;display:block;}


.index_case_l{ width: 50%; float: left; height: 531px; margin-top: 67px; }
.index_case_r{ width: 50%; float: right; background: #fff; height: 531px;margin-top: 67px;} 

.inner_case1{ width: 100%; height: auto; overflow: hidden; background: #f8f8f8; padding-bottom: 180px;}
.index_case_r_bt ul li{ padding-left: 44px; height: 100px; border-bottom: 1px solid #dcdcdc; width: 90%; margin: 0px auto; line-height: 100px; background-image: url(../images/pdf.png);background-repeat: no-repeat;
    background-position: left center;word-break: break-all;}
.index_case_r_bt ul li font{ float: right; display: block; 
  width: 125px; height: 46px; border: 1px solid #ccc; line-height: 46px; margin-top: 30px;}
.index_case_r_bt ul li span{ margin-left: 10px;}
.index_case_r_bt ul li font em{ margin-left: 20px; margin-right: 10px;}




.custom-phone-wrapper {
    margin-top: 20px;       /* 距离上方文字的间距 */
    margin-bottom: 20px;    /* 距离下方横线的间距 */
    display: flex;
    align-items: center;    /* 垂直居中 */
}

/* 链接样式：去除下划线，设置为Flex以便内部排列 */
.custom-phone-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: #009688;         /* 这里的颜色对应你截图中的青绿色，可按需修改 */
    transition: opacity 0.3s;
}

.custom-phone-link:hover {
    opacity: 0.8;           /* 鼠标悬停效果 */
}

/* 圆形图标背景 */
.phone-icon-circle {
    width: 50px;
    height: 50px;
    background-color: #009688; /* 圆圈颜色 */
    border-radius: 50%;     /* 变成圆形 */
    display: flex;
    justify-content: center; /* 水平居中图标 */
    align-items: center;     /* 垂直居中图标 */
    margin-right: 12px;      /* 图标与数字之间的间距 */
    flex-shrink: 0;          /* 防止圆圈被压缩 */
}

/* 电话数字样式 */
.phone-number {
    font-size: 30px;        /* 题目要求的30px */
    font-weight: bold;      /* 加粗，更像截图效果 */
    line-height: 1;         /* 防止行高影响高度对齐 */
    letter-spacing: 1px;    /* 稍微增加字间距 */
}

/* 响应式适配：手机端如果屏幕太窄，自动缩小字体 */
@media (max-width: 480px) {
    .phone-number {
        font-size: 24px;    /* 手机上30px可能太大，自动调整为24px */
    }
    .phone-icon-circle {
        width: 24px;        /* 图标同步缩小 */
        height: 24px;
    }
    .phone-icon-circle svg {
        width: 12px;        /* 内部小图标缩小 */
        height: 12px;
    }
}

.fixVideo {width:100%;height:0;position:fixed;left:0;top:0;z-index:9999;overflow:hidden;background:rgba(0,0,0,0.8);}
.fixVideo .box {position:absolute;width:92%;max-width:800px;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;}
.fixVideo .close {position:absolute;right:-1px;top:-40px;height:40px;width:40px;cursor:pointer;text-align:center;line-height:40px;font-size:30px;z-index:10000;background:#000;color:#fff;}
.fixVideo video {display:block;}
.fixVideo.active {height:100%;-webkit-animation:moveInDown 0.4s ease-in-out;animation:moveInDown 0.4s ease-in-out;}