@charset "utf-8";
/*.header{position:relative;}*/

.banner{height:682px;background-repeat:no-repeat;background-position:center top;background-size:cover;overflow:hidden;position:relative;}
.banner .publicBox{padding-bottom:21px;color:#000;}
.banner .publicBox p{font-size:18px;line-height:32px;margin-top:20px;padding-bottom:50px;position:relative;}
.banner .publicBox h1{ font-weight: bold; color: #fff; text-align: center;}
.banner .publicBox p:before,.banner .publicBox p:after{
content:"";
position:absolute;
bottom:0;
width:16px;
height:16px;
overflow:hidden;
border-radius:50%;
}
.f44{font-size: 52px;;}
.banner .publicBox .bt span{height:43px;font-size:16px;line-height:43px;color:#FFF;padding:0 22px;margin-top:20px;background:#c3002f;box-shadow:4px 4px 4px rgba(0,0,0,0.15);display:inline-block;}


.banner .publicBox p:before{left:0;background:rgba(255,255,255,0.5);animation:dot1 2s linear infinite;}
.banner .publicBox p:after{left:16px;background:#18943b;animation:dot2 2s linear infinite;}
.inner_banner_bt{  color: #fff; margin-top: 16px;text-align: center;}
.inner_detail_pic{ padding-bottom: 70px;}
.subPage{width:100%;height:137px;border-top:1px solid rgba(255,255,255,0.6);position:absolute;left:0;bottom:0;}
.subPage a{width:20%;height:136px;font-size:18px;color:#FFF;border-left:1px solid rgba(255,255,255,0.6);float:left;}
.subPage a:nth-of-type(1){border-left:none;}
.subPage a i{width:46px;height:46px;margin-right:32px;font-size:24px;line-height:46px;text-align:center;font-family:bahnschrift;position:relative;}
.subPage a i:before{
	content:"";
	position:absolute;
	left:-1px;
	top:-1px;
	z-index:-1;
	width:100%;
	height:100%;
	border:1px solid #FFF;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-webkit-transition:all 1s;
	transition:all 1s;
}
.subPage a:hover{background:-webkit-gradient(linear,0% 0%, 0% 100%,from(rgba(28,139,60,0.6)),to(rgba(82,142,109,0.6)));}
.subPage a:hover i:before{background:#18943b;transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.subPage.w2 a{width:50%;}
.subPage.w3 a{width:33.33%;}
.subPage.w4 a{width:25%;}
.subPage.w6 a{width:16.666%;}



.prolist ul li{
    float:left;
    width:33.33%;
    padding:0 1%;
    margin-bottom:2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
}

.prolist ul li .clear{
    background: #f5f5f5;
    height: 93px;
}
.prolist ul li b{
    border:1px solid #eeeeee;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 325px;
    display: block;
    position: relative;
}
.prolist ul li b i{
    display: block;
    text-align: center;
    color: #fff;
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    width:100%;
    height: 100%;
    font-style: normal;
    opacity:0;
    -webkit-transition: 300ms 0s all linear;
    -moz-transition: 300ms 0s all linear;
    -ms-transition: 300ms 0s all linear;
    -o-transition: 300ms 0s all linear;
    transition: 300ms 0s all linear;
    top:0;
    left:0;
}
.prolist ul li a:hover b i{
    opacity:1;
}
.prolist ul li b i small{
    display: block;
    position: relative;
    width:20%;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.mask p{
    font-weight: normal;
    font-size: 16px;
    line-height: 36px;
}
.mask span{
    display: block;
    height:2px;
    width: 100%;
    border-top:1px solid #fff;
    -webkit-transition: 400ms 0.1s all ease;
    -moz-transition: 400ms 0.1s all ease;
    -ms-transition: 400ms 0.1s all ease;
    -o-transition: 400ms 0.1s all ease;
    transition: 400ms 0.1s all ease;
}
.prolist ul li a:hover .mask span{
    -webkit-transform: rotateY(86deg);
    -moz-transform: rotateY(86deg);
    -ms-transform: rotateY(86deg);
    -o-transform: rotateY(86deg);
    transform: rotateY(86deg);
}


.prolist_text{
    float:left;
    width: 80%;
    margin-top: 6%;
    padding-left:5%;
    border-right:1px solid #e3e3e3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.prolist_text h5{
    font-size: 16px;
    color: #434343;
    font-weight: normal;
    margin-bottom:0.6vw;
}
.prolist_text p{
    font-size: 12px;
    color: #979797;
    font-weight: lighter;
}
.prolist ul li .clear span{
    background: url("../img/prolistjt.png") no-repeat center;
    display: block;
    float:right;
    width:20%;
    height: 100%;
    -webkit-transition: 300ms 0s all linear;
    -moz-transition: 300ms 0s all linear;
    -ms-transition: 300ms 0s all linear;
    -o-transition: 300ms 0s all linear;
    transition: 300ms 0s all linear;
}
.prolist ul li a:hover .clear span{
    background:#014099 url("../img/prolistjts.png") no-repeat 55% center;
}
.img_cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.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:#009bb3;font-weight:bold;}
.innerCrumb .subpage.s4 li a:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background:#009bb3;-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;
}

.innerTitle{ text-align: center;}
.innerTitle h1{color:#333; display:inline-block; font-weight: bold;}
.innerTitle i{font-size:18px;color:#bbb;line-height:24px;padding-top:15px;margin-top:12px;margin-left:24px;text-transform:uppercase;font-family:bahnschrift;display:inline-block;position:relative;}
.innerTitle i:before,.innerTitle i:after{
	content:"";
	position:absolute;
	top:0;
	width:12px;
	height:12px;
	overflow:hidden;
	border-radius:50%;
}
.innerTitle i:before{left:0;background:#d80020;animation:dot1 2s linear infinite;}
.innerTitle i:after{left:12px;background:#e8e8e8;animation:dot2 2s linear infinite;}

.innerTitle.white h1{color:#FFF;}
.innerTitle.white i{color:rgba(255,255,255,0.6);}
.innerTitle.white i:before{background:rgba(255,255,255,0.6);}


.innerText{font-size:18px;color:#999999;line-height:28px;}
.innerText p{padding-top:10px;}


.about{overflow:hidden;}
.about .company{background:url(../images/about_bg.jpg) no-repeat center top;overflow:hidden;background-size: cover;}
.about .company .con{margin: 0px auto;padding-bottom:40px;max-width: 1109px; text-align: center;}
.about .company .intro{margin: 0px auto;;amargin-top:30px; max-width: 1109px; text-align: center;}
.about .company .intro .left{width:50%;padding:30px 0 0 30px;float:left;}
.about .company .intro .img{width:100%;position:relative;}
.about .company .intro .img img{width:100%;position:relative;z-index:10;display:block;}
.about .company .intro .img:before {
	content:"";
	position:absolute;
	left:-30px;
	top:-30px;
	width:100%;
	height:100%;
	background:#d80020;
}
 .videoBtnn {
	width:100px;
	height:100px;
	position:absolute;
	left:50%;
	top:50%;
	
	z-index:20;
}
 .videoBtnn a {
	position:relative;
}
 .videoBtnn a:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border-radius:50%;
	background-color:rgba(255,255,255,0.1);
	-webkit-animation:circlepulse 1.5s ease 0s infinite;
	animation:circlepulse 1.5s ease 0s infinite;
}

.about .company .intro .wz{width:100%;margin-top:50px;}
.about .company .count{padding:0 0 240px;margin-top:80px;background:url(../images/about_bg2.png) no-repeat center bottom;background-size:100% auto;}
.about .company .count .counter{width:20%;text-align:center;color:#18943b;float:left;}
.about .company .count .counter .num{line-height:60px;}
.about .company .count .counter .num b{font-size:60px;font-weight:normal;font-family:bahnschrift;}
.about .company .count .counter .num i{font-size:16px;margin-left:12px;}
.about .company .count .counter .wz{font-size:16px;line-height:24px;}


.inner_company_tit{ color: #293241; font-size: 52px; text-align: center;}
.unique-btn-namespace {
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
         /* 上下留白 */
    width: 100%;
    /* 防止外部样式干扰 */
    box-sizing: border-box;
}

/* --- 按钮主体 --- */
.unique-btn-namespace .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #00808b; /* 图片中的深青色 */
    color: #ffffff;            /* 文字白色 */
    text-decoration: none;     /* 去除下划线 */
    font-family: "Microsoft YaHei", sans-serif;
    font-size: 18px;
    font-weight: 400;
    
    /* 尺寸与形状 */
    padding: 15px 40px;        /* 内边距：上下15px，左右40px */
    border-radius: 50px;       /* 大圆角形成胶囊状 */
    min-width: 220px;          /* 最小宽度 */
    
    /* 布局间距 */
    gap: 12px;                 /* 文字与图标之间的间距 */
    
    /* 动画过渡 */
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
}

/* --- 文字部分 --- */
.unique-btn-namespace .btn-text {
    position: relative;
    z-index: 2;
    letter-spacing: 2px;       /* 字间距 */
}

/* --- 图标部分 --- */
.unique-btn-namespace .btn-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease;
}

/* --- 悬停动画效果 --- */

/* 1. 按钮整体悬停：上浮 + 背景变色 */
.unique-btn-namespace .btn:hover {
    transform: translateY(-3px); /* 向上移动 */
    background-color: #006666;   /* 颜色变深 */
    box-shadow: 0 10px 20px rgba(0, 128, 139, 0.3); /* 添加阴影 */
}

/* 2. 图标旋转：圆圈自转 */
.unique-btn-namespace .btn:hover .btn-icon {
    animation: rotateIcon 0.8s linear forwards;
}

/* 定义旋转关键帧 */
@keyframes rotateIcon {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* --- 响应式适配 --- */
@media (max-width: 768px) {
    .unique-btn-namespace .btn {
        font-size: 16px;
        padding: 12px 30px;
        min-width: 180px;
    }
    .unique-btn-namespace .btn-icon svg {
        width: 18px;
        height: 18px;
    }
}
.gsjj_lb{ padding-top: 65px;  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;}
.gsjj_lb li{ text-align: center !important; position: relative; padding: 0 4%; width: 25%; float: none !important;  } 
.gsjj_lb li:before{ position: absolute; right: 0; top: 0; content: ''; width: 1px; height: 60%; }
.gsjj_lb li:last-of-type:before{ display: none;}
.gsjj_lb li p{ color: #009bb3; font-size: 55px; min-height: 44px;   text-align: center;  font-family: Bahnschrift; letter-spacing: -3px; position: relative; display: inline-block; transition: 0.3s;}
.gsjj_lb li p sub{ color: #fff; font-size: 13px; text-align: center; width: 20px; height: 20px; background: #009bb3; border-radius: 100%; line-height: 22px; position: absolute; right: -30px; bottom: 25%; letter-spacing: 0;}
.gsjj_lb li span{ display: block; font-size: 16px; padding-top: 5px; color: #999999;}
.gsjj_lb li i{ float: right; color: #009bb3; font-size: 46px;}

.gsjj_lb li .float-left {
    float: none !important;        /* 关键：取消左浮动，否则无法居中 */
    text-align: center !important; /* 关键：让内部的 p 和 span 居中 */
    display: inline-block;         /* 可选：让容器收缩包裹内容，看起来更紧凑 */
}
/* --- 1. 命名空间容器 --- */
.unique-intro-namespace {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  /* 防止外部样式影响内部 */
  box-sizing: border-box;
  margin-top: 76px;;
}

.unique-intro-namespace * {
  box-sizing: inherit;
}

/* --- 2. 整体背景与布局 --- */
.unique-intro-namespace .intro-section {
  background: url(../images/bg2.png) no-repeat center;
 background-size: cover;overflow: visible; 
  border-radius: 20px;
  padding: 40px;
  color: #ffffff;
  overflow: hidden; /* 清除浮动 */
  position: relative;
}

.unique-intro-namespace .intro-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap; /* 允许换行 */
  gap: 40px; /* 元素间距 */
}

/* --- 3. 左侧文字内容 --- */
.unique-intro-namespace .intro-content {
  flex: 1;
  min-width: 300px; /* 防止缩得太小 */
  z-index: 2;
}

.unique-intro-namespace .intro-title {
  font-size: 42px;

  margin-bottom: 20px;
  color: #ffffff;
  letter-spacing: 1px;
}

.unique-intro-namespace .intro-text {
  font-size: 16px;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 30px;
  text-align: justify; /* 两端对齐 */
}

/* --- 4. 按钮样式 (带防冲突) --- */
.unique-intro-namespace .intro-btn {
  display: inline-flex;
  align-items: center;
  background-color: #009bb3; /* 深一点的绿色 */
  color: #ffffff;
  padding: 12px 30px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
  border: 1px solid rgba(255,255,255,1);
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.unique-intro-namespace .intro-btn:hover {
  background-color: #004d40;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.2);
}

.unique-intro-namespace .btn-icon {
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: rotateIcon 3s infinite linear; /* 图标旋转动画 */
}

@keyframes rotateIcon {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* --- 5. 右侧图片区域 --- */
.unique-intro-namespace .intro-image {
  flex: 1;
  min-width: 382px;
  display: flex;
  justify-content: center;
    align-items: flex-end; 
  position: relative;
}

/* 装饰性背景圆圈 */
.unique-intro-namespace .intro-image::before {
  content: "";
  position: absolute;
  width: 400px;
  height: 400px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.unique-intro-namespace .intro-image img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  position: relative;
  z-index: 1;
  /* 简单的入场动画 */
  animation: floatUp 1s ease-out;
  filter: drop-shadow(0 10px 20px rgba(0,0,0,0.2));
   display: block; 
  margin-bottom: -39px;
}

@keyframes floatUp {
  0% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 1; transform: translateY(0); }
}

/* --- 6. 响应式适配 --- */
@media (max-width: 768px) {
  .unique-intro-namespace .intro-section {
    padding: 30px 20px;
    text-align: center;
  }

  .unique-intro-namespace .intro-container {
   
    gap: 30px;
  }

  .unique-intro-namespace .intro-text {
    text-align: left; /* 手机上左对齐阅读体验更好 */
    font-size: 14px;
  }

  .unique-intro-namespace .intro-image::before {
    width: 300px;
    height: 300px;
  }
}

.inner_fzlc_tit1{  font-size: 52px; color: #293241; text-align: center;;}
.inner_fzlc_tit2{font-size: 18px; color: #999999; text-align: center}





.innerHonor{background:url(../images/honor.jpg) no-repeat center;background-size:cover;overflow:hidden;}
.innerHonor .list{margin-top:3%;overflow:hidden;}
.innerHonor .list a{display:block;}
.innerHonor .list a .img{height:326px;line-height:266px;text-align:center;padding:30px;background:#FFF;overflow:hidden;}
.innerHonor .list a .img img{max-width:100%;max-height:266px;margin:auto;-o-object-fit:cover;object-fit:cover;}
.innerHonor .list a .bt{height:58px;font-size:16px;line-height:58px;padding:0 70px 0 30px;overflow:hidden;background:url(../images/more2.png) no-repeat right 20px center #FFF;border-top:1px solid #eee;}
.innerHonor .list a:hover .img img{-webkit-transform:scale(1.08);transform:scale(1.08);}
.innerHonor .list a:hover .bt{color:#0b82ca;}
.inner_honor_tit{ text-align: center; font-size: 52px; color: #293241;}

/* Tab 容器 */
    .tab-container {
     
        margin: 50px auto;
        
       
        border-radius: 8px;
        overflow: hidden;
    }

    /* 导航栏样式 */
    .tab-nav {
        display: flex;
        background: #fff; height: 60px; line-height: 60px; border-radius: 40px;
        width: 40%; text-align: center; align-items: center;; margin: 0px auto;
    }

    .tab-btn {
        flex: 1; /* 平均分配宽度 */
       
        border: none;
        background: transparent;
        color: #293241;
        font-size: 16px;
        cursor: pointer;
        transition: background 0.3s ease;
        outline: none;border-radius: 40px;
         border: none; /* 确保没有边框 */
    outline: none; /* 核心代码：去除点击时的黑框 */
    -webkit-appearance: none; /* 可选：去除移动端默认样式 */
    }

    .tab-btn:hover {
        background: #009bb3;
        color: #fff;
         outline: none;
    border: none; /* 确保激活时也没有边框 */
    }

    /* 激活状态 */
    .tab-btn.active {
        background: #009bb3; /* 你的主题色 */
        font-weight: bold; color: #fff;
         outline: none;
    border: none; /* 确保激活时也没有边框 */
    }

    /* 内容区域样式 */
    .tab-content {
        display: none; /* 默认隐藏 */
        padding: 30px;
        animation: fadeIn 0.5s ease; /* 动画效果 */
    }

    /* 显示激活的内容 */
    .tab-content.active {
        display: block;
        animation: fadeIn 0.5s;
    }

    /* 动画定义 */
    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(10px); }
        to { opacity: 1; transform: translateY(0); }
    }

    /* --- 响应式适配 (核心部分) --- */
    @media screen and (max-width: 768px) {
        .tab-nav {
            flex-direction: column; /* 改为垂直排列 */
        }
        
        .tab-btn {
            width: 100%;
            border-bottom: 1px solid #444;
            text-align: left;
            padding-left: 30px; /* 左侧缩进 */
            
        }

        .tab-content {
            padding: 20px; /* 移动端减小内边距 */
        }
    }

.index03{ padding-top: 65px; padding-bottom: 346px;}
 

 /* --- 主容器 --- */
        .container {
           
          
            display: flex;
            gap: 20px; /* 左右栏间距 */
        }
        .containerr {
           
            margin: 20px auto;
            padding: 0 15px;
            display: flex;
            gap: 20px; /* 左右栏间距 */
        }

        /* --- 左侧侧边栏 --- */
        .sidebar {
            flex: 0 0 423px; 
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        /* 分类菜单 */
        .category-list {
          
            border-radius: 4px;
         
            overflow: hidden;
        }
        .category-item {
            border-bottom: 1px solid #eee;
            margin-bottom: 10px;
            background: #fff;;  border-radius: 4px;
           
        }
        .category-item:last-child { border-bottom: none; }
        .category-btn {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 20px;
            font-size: 18px;
           
            cursor: pointer;
            transition: all 0.3s;
            color: #333;
            
        }
        .category-btn:hover {
           background-color: #009bb3; /* 这里的颜色参考了图片中的青色 */
            color: #fff;
        }
        /* 模拟选中状态 */
        .category-btn.active {
            background-color: #009bb3; /* 这里的颜色参考了图片中的青色 */
            color: #fff;
        }
        .category-btn::after {
            content: '+';
            font-weight: normal;
        }
        .category-btn.active::after {
            content: '-';
        }

        /* 联系卡片 */
        .contact-cardd {
            background: #fff;
            padding: 20px;
            border-radius: 4px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.05);
            text-align: center;
        }
        .contact-cardd img {
            width: 100%;
            border-radius: 4px;
            margin-bottom: 15px;
        }
        .contact-cardd h3 { font-size: 24px; margin-bottom: 10px; color: #333; text-align: left;; }
        .contact-cardd p { font-size: 24px; color: #333; margin-bottom: 5px; text-align: left;; }  
        .contact-info { text-align: left; margin: 15px 0; font-size: 18px; color: #666; }
        .contact-info div { margin-bottom: 8px; display: flex; align-items: center; }

        .contact-info div img {
    width: 20px; /* 建议固定图标大小，防止图片原尺寸过大 */
    height: 20px;
    object-fit: contain;
    display: block; /* 消除图片底部的默认空隙 */
    margin-top: 2px; /* 视觉微调：如果图标偏上，可以加一点点 margin */
}
       .contact-info span {
    margin-left: 12px; /* 重点：将 5px 加大到 10-15px，图文分离更清晰 */
    line-height: 1.5;
}
        .btn-contact {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #009bb3;
            color: #fff;
            border: none;
            border-radius: 4px;
            font-size: 18px;
            cursor: pointer;
            transition: background 0.3s;
        }
        .btn-contact:hover { background-color: #009bb3; }

        /* --- 右侧产品区域 --- */
        .main-content {
            flex: 1; /* 占据剩余空间 */
        }
.contact-info img{ width: 17px; margin-top: 5px;;}
        .product-grid {
            display: grid;
            /* 自动填充列，每列最小250px，最大1fr，实现响应式 */
            grid-template-columns: repeat(auto-fill, minmax(467px, 1fr));
            gap: 30px;
        }
.video-container img{ border-radius: 20px;;}
        /* 产品卡片 */
        .product-card {
            background: #fff;
            border-radius: 6px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
            transition: all 0.3s ease; /* 平滑过渡特效 */
            display: flex;
            flex-direction: column;
            position: relative;
        }

        /* 鼠标移入特效 */
        .product-card:hover {
            transform: translateY(-5px); /* 向上浮动 */
            box-shadow: 0 12px 20px rgba(0,0,0,0.15); /* 阴影加深 */
        }

        .product-img-box {
            width: 100%;
          
            overflow: hidden;
            position: relative;
        }

        .product-img-box img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
              display: block;
              
        }

        .product-card:hover .product-img-box img {
            transform: scale(1.1); 
        }

        .product-title {
            margin-top: auto; 
            padding: 15px;
            text-align: center;

            position: absolute;
    bottom: 0;        
    left: 50%;        
    transform: translate(-50%, -20%); 

     margin: 0;         
    padding: 0 10px;   
    width: 95%;        
    z-index: 10;      
        }

        .product-btn {
            display: block;
            width: 100%;
           padding: 12px 0;   
    background-color: rgba(238, 238, 238, 0.9);
            color: #333;
            border-radius: 4px;
            font-size: 14px;
            transition: all 0.3s;
            border: 1px solid #ddd;
        }

       
       

        .product-card:hover .product-btn {
            background-color: #009bb3;
            color: #fff;
            border-color: #009bb3;
        }

        /* --- 响应式适配 --- */
        @media (max-width: 768px) {
            .containerr {
                flex-direction: column; /* 垂直堆叠 */
            }
            .product-img-box {
    width: 100%;
    height: 208px;
    overflow: hidden;
    position: relative;
}
            .sidebar {
                flex: none;
                width: 100%;
            }
            .product-grid {
                grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); /* 手机端更紧凑 */
            }
        }

.innerCrumbb{overflow:hidden; width:100%;}



.innerCrumbb .location{width:38%;height:24px;font-size:14px;line-height:24px;color:#fff;margin:20px 0;padding-left:34px;background:url(../images/home.png) no-repeat left center;float:left;}
.innerCrumbb .location a{color:#fff;}
.innerCrumbb .location a:hover{color:#0b82ca;}
.index04{ padding-top: 161px; padding-bottom: 203px;;}
        
.content_zy{ padding: 2% 15px; line-height: 30px;}
#ssnr{ height: 175px;}
#ssnr .left{ line-height: 175px; color: #666666;}
#ssnr .left span{ color: #333333;}
#ssnr .left a{ padding: 0 10px; color: #666666;}
#ssnr .weizhi{ line-height: 175px; color: #293241; font-size: 50px;;}
#ssnr .weizhi a{ color: #999; transition: 0.3s; padding: 0 5px;}
#ssnr .weizhi i{ display: block; float: left; font-size: 20px; padding-right: 20px; border-right: 1px solid #f4f4f4; margin-right: 20px;}
#ssnr .weizhi a:hover{ color: #009944;}
@media screen and (max-width:768px){
    #ssnr{ height: auto; padding: 2% 0;}
    #ssnr .left{ line-height: 25px; padding: 2% 10px;}
}

.zy_search_form{ width: 50%; margin-top: 69px; float: right;}
.zy_search_form #search_name{ width: 80%; height: 44px; line-height: 44px; float: left;border:solid 1px #e7e7e7;border-top-left-radius: 5px;border-bottom-left-radius: 5px; outline: none; color: #999999;font-family: "微软雅黑"; font-size: 12px;background: #fff url("../images/search.png") 10px center no-repeat;text-indent: 40px;}
.zy_search_form #button{ width: 20%; height: 44px; line-height: 44px; background: #009bb3; float: right;border-top-right-radius: 5px;border-bottom-right-radius: 5px; cursor: pointer;color: #fff;font-size: 14px;text-align: center; border:none;outline: none; transition: 0.3s;}
.zy_search_form #button:hover{ background: #333;}
@media screen and (max-width:768px){
    .zy_search_form{ width: 100%; margin-top: 0; float: none;}
}

#home_bj{  }





#jjbj{ background: url("../images/inbg1.jpg"); background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    overflow: hidden;
    position: relative;}
#jjbj .main{ background: url("../images/jj_eng.png") no-repeat right 80px;}
#jjbj .row{ }
#jjbj .tit{ position: relative; padding-bottom: 10px;}
#jjbj .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 100px; background: var(--theme-bg); height: 3px;}
#jjbj .tit p{ color: #dedede; font-size: 36px; font-family: Bahnschrift; text-transform: uppercase; padding-bottom: 5px !important;}
#jjbj .tit span{ color: #434343; font-size: 30px;}
/*#jjbj .content{ font-size: 16px; color: #666666; width: 95%; line-height: 40px; margin: 5% 0 5%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}*/

#jjbj .contentt{ width: 95%; color: #999999; font-size: 16px; padding-right: 20px; line-height: 35px; height: 180px; margin: 5% 0; overflow-y: scroll;}
#jjbj .contentt::-webkit-scrollbar{
    width:3px;
    height:6px;
}
#jjbj .contentt::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px transparent;
    background: #e8e8e8;
}
#jjbj .contentt::-webkit-scrollbar-thumb{
    background: #009bb3;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}


.inner_btn ul li{ float: left; margin-right: 20px;; width: 211px; height: 122px; border: 1px solid #8d8d8d; background: #fff; border-radius: 30px;;}
.inner_btn ul li a{width: 211px; height: 122px; display:block;border-radius: 30px;;}
.inner_btn ul li .inner_btn_tit{ font-size: 20px;  margin-top: 31px; margin-left: 28px;}
.inner_btn ul li .inner_btn_bt{background: url("../images/bt1.png") no-repeat center bottom; width: 34px; height: 24px; margin-right: 26px; margin-top: 66px;transition: filter 0.4s ease;  }
.inner_btn ul li:nth-of-type(2){ border: 1px solid #8d8d8d; background: #fff;}
.inner_btn ul li:nth-of-type(2) .inner_btn_tit{ font-size: 20px; color: #666666; margin-top: 31px; margin-left: 28px;}
.inner_btn ul li .inner_btn_btt{background: url("../images/bt2.png") no-repeat center bottom; width: 22px; height: 22px; margin-right: 26px; margin-top: 66px; }

.inner_btn ul li a:hover  { background-color: #009bb3;border: 1px solid #009bb3; color: #fff;;} 
.inner_btn ul li a:hover .inner_btn_tit { color: #fff;;} 

.inner_btn ul li a:hover .inner_btn_btt{ filter: brightness(0) invert(1);  }



#jjbj .more{ position: relative; width: 20%; text-align: center; height: 50px; line-height: 50px; border: 1px solid var(--theme-bg); color: var(--theme-bg); transition: 0.3s; overflow: hidden; border-radius: 25px;}
#jjbj .more p{ position: relative; z-index: 1;}
#jjbj .more:before { content: ""; position: absolute; left: -150%; top: -150%; background: var(--theme-bg); width: 300%; height: 300%; border-radius: 50%;  transition: 0.5s; transform: scale(0);}
#jjbj .more:hover:before{ transform: scale(1);}
#jjbj .more:hover p{ color: #fff;}
#jjbj .pic{ position: relative;}
#jjbj .pic i{ width: 60px; height: 60px; background: var(--theme-bg); position: absolute; left: 0; bottom: -20px; line-height: 60px; text-align: center; color: #fff; font-size: 20px;}

.gsjj_lb{ padding-top: 3% !important;}
.gsjj_lb li{ text-align: center; position: relative; padding: 0 4%;}
.gsjj_lb li:before{ position: absolute; right: 0; top: 0; content: ''; width: 1px; height: 60%; }
.gsjj_lb li:last-of-type:before{ display: none;}
.gsjj_lb li .float-start{ text-align: left !important;}
.gsjj_lb li p{ color: #009bb3; font-size: 55px; min-height: 50px; font-family: Bahnschrift; letter-spacing: -3px; position: relative; display: inline-block; transition: 0.3s;}
.gsjj_lb li p sub{ color: #fff; font-size: 13px; text-align: center; width: 20px; height: 20px; background: #009bb3; border-radius: 100%; line-height: 20px; position: absolute; right: -30px; bottom: 25%; letter-spacing: 0;}
.gsjj_lb li span{ display: block; font-size: 16px; padding-top: 5px;}
.gsjj_lb li i{ float: right; color: #009bb3; font-size: 46px; margin-left: 10%;}




@media screen and (max-width:1440px){
    .gsjj_lb li p{ font-size: 50px;}
    .gsjj_lb li p sub{ font-size: 14px;}
    .gsjj_lb li span{ font-size: 14px;}
}
@media screen and (max-width:1200px){
    .gsjj_lb li{ line-height: 30px;}
    .gsjj_lb li p{ font-size: 32px; background: none; min-height: auto;}
    .gsjj_lb li p sub{ right: -80%;}
    .gsjj_lb li span{ font-size: 12px;}
    .gsjj_lb li i{ font-size: 36px;}
}
@media screen and (max-width:991px){
    #jjbj .main{ background: url("../images/jj_eng.png") no-repeat right 80px; background-size: 100%;}
    #jjbj .pic{ margin-top: 3%;}
    #jjbj .more{ width: 35%;}
    #jjbj{ padding: 20px 0;}
    #jjbj .content{ width: 100%;}
    .gsjj_lb li:nth-of-type(2n):before{ display: none;}
    .gsjj_lb li{ margin: 2% 0; line-height: 25px;}
    .gsjj_lb li p{ font-size: 40px;}
}

.inner_more_cp{ background-color: #f5f5f5;;}
 .section-title {
            display: flex;
            align-items: center;
            font-size: 28px;
            font-weight: 700;
            color: #2c3e50; /* 深灰色文字 */
            margin-bottom: 20px;
            padding-top: 81px;
        }

        /* --- 左侧竖线装饰 --- */
        .section-title::before {
            content: '';
            display: block;
            width: 4px;
            height: 28px;
            background-color: #00bcd4; /* 青色竖线 */
            margin-right: 12px;
            border-radius: 2px;
        }

        /* --- 响应式适配 --- */
        @media (max-width: 768px) {
            .section-title {
                font-size: 22px;
            }

            .section-title::before {
                height: 22px;
                margin-right: 8px;
            }
        }

        @media (max-width: 480px) {
            .section-title {
                font-size: 18px;
            }

            .section-title::before {
                height: 18px;
                margin-right: 6px;
            }
        }
 .related{margin-top:53px; overflow: hidden; padding-bottom: 71px;}
.related .swiper{padding:4px;}
 .related li{padding:20px 20px 24px;background:#f8f8f8;cursor:pointer;position:relative;-webkit-transition:all 0.5s;transition:all 0.5s;}
 .related li:nth-of-type(4n){margin-right:0;}
 .related li .img{overflow:hidden;}
 .related li .img img{width:100%;display:block;-o-object-fit:cover;object-fit:cover;}
 .related li:hover{background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.15);}
 .related li .bt{height:32px;font-size:18px;font-weight:bold;line-height:32px;margin-top:4%;overflow:hidden;}
 .related li .des{height:24px;font-size:15px;line-height:24px;color:#666;overflow:hidden;}
 .related li .bttn{width:90%; display: block;; margin:0px auto;height: 38px;;font-size:15px;color:#000;text-align:center;line-height:38px;border-radius:20px;overflow:hidden;background:#eaeaea;}
.dbwz{ position: absolute; bottom: 10%; width: 100%;;} 



  /* --- 1. 主容器：宽度 1600px --- */
        .custom-container {
          
            max-width: 100%; /* 防止在比1600小的屏幕上溢出 */
            margin: 0 auto;  /* 水平居中 */
            background: #fff;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.08);
           
        }

        /* --- 2. Swiper 布局设置 --- */
        .custom-swiper {
            width: 100%;
            height: auto;
        }

          .custom-swiper .swiper-slide {
           
            background: #fff;
            display: flex;
         
            align-items: stretch; 
        }

        .benefit-swiper .swiper-wrapper .swiper-slide{ border-radius: 20px !important;}

        /* --- 3. 左侧图片区域 --- */
        .custom-image-box {
            flex: 1; /* 占据 50% 宽度 */
            position: relative;
            overflow: hidden;
            min-height: 400px; /* 最小高度，防止图片太扁 */
        }

        .custom-image-box img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover; /* 保持比例填满 */
            transition: transform 0.6s ease;
        }

        /* 悬停放大效果 */
        .swiper-slide:hover .custom-image-box img {
            transform: scale(1.05);
        }

        /* --- 4. 右侧文字内容区域 --- */
        .custom-content-box {
            flex: 1; /* 占据 50% 宽度 */
            padding: 60px 80px; /* 大宽度下增加内边距，显得更大气 */
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        /* 标签和日期 */
        .custom-meta {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }

        .custom-tag {
            background-color: #009bb3;
            color: #fff;
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 14px;
            margin-right: 15px;
        }

        .custom-date {
            color: #999;
            font-size: 15px;
        }

        /* 标题 */
        .custom-title {
            font-size: 32px; /* 宽屏下字体加大 */
            color: #1a1a1a;
            line-height: 1.4;
            margin-bottom: 25px;
            font-weight: 700;
        }

        /* 描述 */
        .custom-desc {
            font-size: 18px;
            color: #999999;
            line-height: 1.8;
            margin-bottom: 40px;
            display: -webkit-box;
            -webkit-line-clamp: 3; 
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        /* 更多按钮 */
        .custom-more {
            display: inline-flex;
            align-items: center;
            color: #666666;
            font-size: 16px;
            font-weight: 600;
            text-decoration: none;
            margin-top: auto; /* 推到底部（可选） */
            transition: color 0.3s;
        }

        .custom-more:hover {
            color: #009688;
        }

        /* 箭头旋转动画 */
        .custom-more::after {
            content: '';
            display: inline-block;
            width: 12px;
            height: 13px;
            margin-left: 10px;
            background: url(../images/jiantou.png) no-repeat right;
           
          
            transition: transform 0.3s;
        }

        .custom-more:hover::after {
            transform: rotate(45deg) ; /* 悬停时箭头稍微移动 */
        }

        /* --- 5. 分页器样式 --- */
        .custom-pagination {
          position: relative;
          margin-top: 20px;
            padding-bottom: 30px !important;
            text-align: center; /* 居中显示 */
    line-height: 1;
    bottom: auto !important; 
 
        }
        
        .swiper-pagination-bullet {
            width: 12px;
            height: 12px;
            background: #ccc;
            opacity: 1;
        }
        
        .swiper-pagination-bullet-active {
            background: #009688;
            width: 24px;
            border-radius: 6px; /* 胶囊形状 */
            transition: width 0.3s;
        }

        /* --- 1. 未选中的圆点样式 --- */
.custom-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #e0e0e0; /* 浅灰色背景 */
    opacity: 1;                /* 去除默认透明度 */
    border-radius: 50%;        /* 变成圆形 */
    margin: 0 8px !important;  /* 圆点之间的间距 */
    transition: all 0.3s ease;
    border: none;              /* 确保没有边框 */
}

/* --- 2. 选中的圆点样式 (模拟图中的圆环进度) --- */
.custom-pagination .swiper-pagination-bullet-active {
    width: 20px;               /* 选中时稍微大一点 */
    height: 20px;
    background-color: #fff;    /* 中间白色 */
    border: 2px solid #00acc1; /* 青色边框 (你可以改成图片里的青色) */
    position: relative;
}

/* --- 3. 进阶：模拟“圆弧加载”效果 --- */
/* 注意：纯 CSS 很难完美复刻 Swiper 内置的 progress 动态圆环，
   但可以通过伪元素做一个静态的“高亮圆环”或简单的旋转动画 */

.custom-pagination .swiper-pagination-bullet-active::after {
    content: '';
    position: absolute;
    top: -4px; left: -4px; right: -4px; bottom: -4px;
    border: 2px solid transparent;
    border-top-color: #00acc1; /* 只有顶部有颜色，形成圆弧感 */
    border-radius: 50%;
    animation: rotateProgress 2s linear infinite; /* 简单的旋转动画 */
    background-color: #ffffff; border:4px solid #00acc1;
}

@keyframes rotateProgress {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
  
        /* --- 6. 响应式适配 (平板和手机) --- */
        @media (max-width: 992px) {
            .custom-container {
                width: 90%; /* 小屏幕下变回百分比 */
                border-radius: 8px;
            }

            .swiper-slide {
                flex-direction: column; /* 垂直堆叠 */
            }

            .custom-image-box {
                min-height: 250px; /* 图片高度减小 */
            }

            .custom-content-box {
                padding: 30px 40px; /* 内边距减小 */
            }

            .custom-title {
                font-size: 20px;
            }

            .custom-desc {
                font-size: 16px;
            }
        }

.more-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: #333; /* 文字颜色 */
    font-size: 14px;
    font-weight: 500;
    /* 添加一点过渡效果，鼠标放上去更顺滑 */
    transition: color 0.3s;
}

/* 鼠标悬停变色（可选） */
.more-link:hover {
    color: #0b82ca; 
}

/* 使用 ::after 伪元素生成箭头 */
.more-link::after {
    content: ''; /* 内容为空 */
    display: inline-block;
    width: 8px;  /* 箭头宽度 */
    height: 8px; /* 箭头高度 */
    margin-left: 6px; /* 箭头与文字的间距 */
    
    /* 绘制一个正方形的右边框和下边框，形成直角 */
    border-right: 2px solid currentColor; /* currentColor 会自动继承文字颜色 */
    border-bottom: 2px solid currentColor;
    
    /* 核心代码：旋转 45 度 */
    transform: rotate(45deg);
    
    /* 确保旋转中心点正确 */
    transform-origin: center;
}




 /* --- 2. 容器调整 --- */
        .homeReason { overflow: hidden; padding: 20px 0; background: #f5f5f5;   padding-bottom: 100px;}
        .homeReason .box { 
            max-width: 1600px; 
            margin: 0 auto; 
            position: relative; 
            /* 确保容器宽度撑满，以便左右图片贴边 */
            width: 100%; 
            overflow: visible; 
        }

        /* --- 3. Swiper 基础样式 --- */
        #reasonsSwipers {
            width: 100%;
            padding: 20px 0; /* 上下留点空隙防止阴影被切 */
        }
        .swiper-slide {
           
            width: auto; 
         
            justify-content: center;
        }
        /* 图片容器 */
        .homeReason .box a {
            display: block;
            position: relative;
           
            max-width: 85vw; /* 响应式：最大宽度不超过视口 */
            overflow: hidden;
          
        }
        .homeReason .box a .img img {
            width: 100%;
            display: block;
            height: 550px; /* 固定高度或根据比例调整 */
            object-fit: cover;
        }

        /* --- 4. 右下角卡片样式 (.con) --- */
        .homeReason .box .con {
            width: 437px;
            background: #009bb3; /* 蓝色背景 */
            padding: 30px;
            position: absolute;
            right: 140px;    /* 靠右 */
            bottom: -100px;   /* 靠下 */
            color: #fff;
            z-index: 10;
            /* 动画过渡 */
            transition: all 0.3s ease;

            opacity: 0; 
    transform: translateY(20px);
    pointer-events: none;
        }
        /* 标题部分 */
        .homeReason .box .con .bt { margin-bottom: 15px; }
        .homeReason .box .con .bt b {
            display: block;
            font-size: 24px;
            line-height: 32px;
            font-weight: bold;
            margin-bottom: 10px; color: #fff;;
        }

        #reasonsSwipers .swiper-slide-active .con {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
        .homeReason .box  .con .bt i { display: none; } /* 隐藏原来的右上角数字 */
        
        /* 分割线 */
        .homeReason .box .con .line {
            height: 1px;
            background: rgba(255,255,255,0.3);
            margin: 15px 0;
            width: 100%;
        }
        /* 描述文字 */
        .homeReason .box  .con .wz {
            font-size: 14px;
            line-height: 24px;
            color: rgba(255,255,255,0.9);
            min-height: 72px; /* 保持高度一致 */
        }
        /* 咨询按钮 */
        .homeReason .box  .con .moree {
            margin-top: 20px;
            display: inline-block;
           
           
            color: #fff;
            font-size: 18px;
           
            text-decoration: none;
            border-radius: 2px;
        }

        .btn-iconss {
    display:inline-block;

  background: url(../images/yjian.png) no-repeat right;
   
    color: #fff;  width: 12px; height: 13px;;

    text-decoration: none;
    font-size: 24px;
    transition: all 0.4s ease;
    
}
.homeReason .box  .con .moree:hover .btn-iconss { transform: rotate(45deg) ;} 
        

        /* --- 5. 底部控件区域 (数字 + 进度条 + 按钮) --- */
        .my-bottom-controls {
            position: absolute;
            left: 28%; /* 定位到容器中心 */
            bottom: -34px; /* 距离底部距离 */
            transform: translateX(-50%); /* 自身向左偏移50%实现精准居中 */
            
            /* 这里的宽度应该等于 .box a 的宽度 (1000px) */
            width: 397px; 
            max-width: 85vw;
            
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            z-index: 20;
            pointer-events: none; /* 允许点击穿透到下层，除非点到按钮 */
        }

        /* 左侧数字 */
        .my-counter {
            font-size: 16px;
            color: #333;
            font-family: monospace;
            font-weight: bold;
            pointer-events: auto;
        }

        /* 中间进度条容器 */
        .my-progress-container {
            flex-grow: 1;
            height: 2px;
            background: #e0e0e0;
            margin: 0 20px;
            position: relative;
            top: -1px;
        }
        /* 进度条激活部分 */
        .my-progress-fill {
            width: 0%;
            height: 100%;
            background: #0082C8; /* 进度条颜色 */
            transition: width 0.3s linear; /* 平滑过渡 */
        }

        /* 右侧切换按钮组 */
        .my-nav-group {
            display: flex;
            gap: 0px;
            pointer-events: auto;
        }

          .reasonsSwiper-prev{ background: url(../images/v1.png) no-repeat center; width: 28px; height: 26px;}
          .reasonsSwiper-next{ background: url(../images/v2.png) no-repeat center; width: 27px; height: 26px;}
        .reasonsSwiper-prev, .reasonsSwiper-next {
           
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s;
           
            font-size: 12px;
            color: #333;
        }
        

        /* --- 6. 响应式适配 --- */
        @media (max-width: 1200px) {
            .homeReason .box a .con { width: 300px; padding: 20px; }
            .homeReason .box a .con .wz { font-size: 13px; }
        }

        @media (max-width: 768px) {
            /* 手机端：卡片全宽或半宽，位于底部 */
            .homeReason .box a .con {
                width: 100%;
                position: absolute;
                bottom: 0;
                left: 0;
                background: rgba(0, 130, 200, 0.95);
                padding: 15px;
                transform: none;
            }
            .homeReason .box a .con .bt b { font-size: 18px; }
            .homeReason .box a .con .wz { display: none; } /* 手机端隐藏长描述 */
            
            /* 底部控件调整 */
            .my-bottom-controls {
                bottom: 10px;
                padding: 0 10px;
            }
            .my-counter { font-size: 14px; }
            .reasonsSwiper-prev, .reasonsSwiper-next { width: 28px; height: 28px; }
        }


 /* 1. 主容器：固定 1600px */
        .my-case-wrapper {
           
           width: 100%;
            margin: 0 auto;  /* 居中显示 */
            background: #f2f2f2;
          
        }

        .my-case-wrapperr {
           padding-top: 86px;;
           width: 100%;
            margin: 0 auto;  /* 居中显示 */
            background: #fff;
            padding-bottom: 89px;;
          
        }

        /* 标题样式 */
        .my-case-header {
            font-size: 50px;
            color: #293241;
            margin-bottom: 40px;
            font-weight: bold;
          
            padding-left: 15px;
        }

       /* 2. 网格布局：强制一行两个 */
        .my-case-grid ul li {
          width: 48%;
    margin-right: 2%;
    margin-top: 4%;
    float: left;
        }  

      
        .my-case-item {
            background: #fff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
          
          
            text-decoration: none; /* 去掉链接下划线 */
            color: inherit; /* 继承文字颜色 */
        }

        /* 图片区域 */
        .my-case-img {
            width: 100%;
        
            position: relative;
            overflow: hidden;
        }

        .my-case-img img {
            width: 100%;
             height: auto;
            object-fit: cover; 
            display: block; 
             transform: scale(1); 
            transition: transform 0.5s ease;
             position: relative;
    z-index: 2;
        }

        /* 内容区域 (关键修改点) */
        .my-case-content {
            flex: 1;
            padding: 30px;
            background-color: #fff; /* 默认白色背景 */
            transition: all 0.4s ease; /* 平滑过渡动画 */
            display: flex;
            flex-direction: column;
            justify-content: center;
            position: relative;
        }

        /* 标题 */
        .my-case-title {
            font-size: 22px;
            font-weight: bold;
            color: #333; /* 默认深色文字 */
            margin-bottom: 15px;
            transition: color 0.4s ease;
        }

        /* 描述文字 */
        .my-case-desc {
            font-size: 14px;
            color: #666; /* 默认灰色文字 */
            line-height: 1.6;
            margin-bottom: 25px;
            transition: color 0.4s ease;
            flex-grow: 1;
        }

        /* 底部链接区域 */
        .my-case-footer {
            display: flex;
            align-items: center;
            margin-top: auto;
        }

        .my-case-link-text {
            font-size: 16px;
            font-weight: bold;
            color: #007BFF; /* 默认品牌色 */
            margin-right: 10px;
            transition: color 0.4s ease;
        }

        /* 箭头图标 */
        .my-case-arrow {
            display: inline-block;
            font-size: 18px;
            color: #007BFF;
            transition: transform 0.4s ease, color 0.4s ease; /* 添加旋转动画 */
        }
        
.my-case-item:hover .my-case-img-box img {
            transform: scale(1.05); /* 悬停放大图片 */
        }
        /* --- 4. Hover 交互效果 (核心需求) --- */
       .xss{ padding-bottom: 40px;height: auto; overflow: hidden;;}
        .my-case-img-box img {
            width: 100%;
            height: auto;
            object-fit: cover; /* 图片裁剪以填满容器 */
            transition: transform 0.5s ease;
        }
        /* 当鼠标悬停在卡片上时 */
        .my-case-item:hover {
            /* 可选：给整个卡片加一点阴影 */
            box-shadow: 0 10px 30px rgba(0,0,0,0.15);
        }

        .my-case-more {
            display: inline-block;
            color: #009bb3;
            font-size: 16px;
            text-decoration: none;
           
            margin-top: auto; /* 将按钮推到底部 */
           
        }

        .my-case-more::after {
            content: ' →'; /* 简单的箭头 */
            transition: margin 0.3s;
             transform: rotate(330deg); 
           
        }
.my-case-item:hover .my-case-more{  color: #fff;}
        .my-case-more:hover::after {
            margin-left: 5px;
        }
        /* 内容块背景变色 */
        .my-case-item:hover .my-case-content {
            background-color: #009bb3; /* 变成深蓝色 (你可以改成任意颜色) */
        }

        /* 标题变白 */
        .my-case-item:hover .my-case-title {
            color: #ffffff;
        }

        /* 描述文字变白 */
        .my-case-item:hover .my-case-desc {
            color: #e0e0e0; /* 浅白色，保护眼睛 */
        }

        /* 底部文字变白 */
        .my-case-item:hover .my-case-link-text {
            color: #ffffff;
        }

        /* 箭头变白 并 旋转45度 */
        .my-case-item:hover .my-case-arrow {
            color: #ffffff;
            transform: rotate(45deg); /* 旋转45度 */
        }

        /* 图片微缩放效果 (额外加分项) */
        .my-case-item:hover .my-case-img img {
            transform: scale(1.05);
        }

        /* --- 响应式调整 --- */
        @media (max-width: 768px) {
            .my-case-grid {
                grid-template-columns: 1fr; /* 手机上变为一列 */
            }
            .my-case-item {
                height: auto; /* 高度自适应 */
            }
            .my-case-img {
                height: 200px;
            }
        }



.about .president{background:url(../images/about_bg3.jpg) no-repeat center;background-size:cover;overflow:hidden;}
.about .president .name{width:50%;color:#FFF;margin-top:40px;}
.about .president .name b{font-size:32px;margin-right:30px;}
.about .president .intro{width:42%;font-size:14px;color:#5ce598;line-height:24px;padding:0 30px;margin-top:40px;font-family:'Microsoft JhengHei'}
.about .president .mes{width:48%;font-size:16px;color:#FFF;line-height:28px;padding:10px 10px 10px 30px;margin-top:40px;background:url(../images/dot1.png) no-repeat left 2px top 2px,url(../images/dot2.png) no-repeat right 2px bottom 2px;}
.about .president .sign{width:56%;margin-top:40px;text-align:right;}
.about .president .sign img{width:100%;max-width:164px;}
.about .president .img{width:24.5%;height:calc(100% - 60px);position:absolute;right:0;bottom:0;}
.about .president .img img{width:auto;height:100%;position:absolute;right:0;bottom:0;}

.about .employee .innerTitle{ text-align: center;}
.about .employee .info{float:right;}
.about .employee .info li{text-align:center;margin-left:40px;float:left;}
.about .employee .info li img{height:42px;}
.about .employee .info li p{font-size:14px;line-height:24px;margin-top:10px;}


.innerShows{overflow:hidden;}
.innerShows .list{margin-top:3%;overflow:hidden;}
.innerShows .list a{display:block;}
.innerShows .list a .img{overflow:hidden;}
.innerShows .list a .img img{width:100%;margin:auto;display:block;-o-object-fit:cover;object-fit:cover;-webkit-transition:all 0.5s;transition:all 0.5s;}
.innerShows .list a .bt{height:54px;font-size:16px;line-height:54px;text-align:center;overflow:hidden;background:#f8f8f8;-webkit-transition: all 0.5s;transition: all 0.5s;}
.innerShows .list a:hover .img img{-webkit-transform:scale(1.08);transform:scale(1.08);}
.innerShows .list a:hover .bt{color:#FFF;background:#d80020;}

.whlist {
  margin: 50px -12px 0;
  font-size: 0;
  text-align: center;
}
.whlist li {
  display: inline-block;
  width: 25%;
  position: relative;
}
.whlist li .lin {
  padding: 0 12px;
}
.whlist li a {
  display: block;
 
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  padding: 10px 0 30px;
background: #fff;
}
.whlist li:hover a {
  border-color: #d80020;
}
.whlist em {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-size: 20px 20px;
  opacity: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.whlist em.bg1 {
  background-image: linear-gradient( #d80020 50%, transparent 0);
  -webkit-transform: translate(-20%, 0%);
          transform: translate(-20%, 0%);
}
.whlist em.bg2 {
  background-image: linear-gradient( transparent 50%, #d80020 0);
  -webkit-transform: translate(20%, 0%);
          transform: translate(20%, 0%);
}
.whlist li:hover em.bg1,
.whlist li:hover em.bg2 {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}
.whlist .tupian {
  width: 100%;
  height: 222px;
  position: relative;
  background: url('../images/zuan1.png') bottom no-repeat;
  -webkit-transition: .5s;
  transition: .5s;
}
.whlist li:hover .tupian {
  background-image: url('../images/zuan1h.png');
}
.whlist .hex {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 114px;
  height: 113px;
  -webkit-transition: 2s;
  transition: 2s;
  background: url('../images/hex1.png') center no-repeat;
  margin-left: -57px;
  margin-top: -57px;
}
.whlist li:hover .hex {
  background-image: url('../images/hex1h.png');
  -webkit-transform: rotate(330deg);
          transform: rotate(330deg);
}
.whlist .pic {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  width: 80px;
  height: 80px;
  margin-left: -40px;
  margin-top: -40px;
}
.whlist .pic .fig {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.whlist .i1 .p1 .fig {
  background: url('../images/wh1.png') center no-repeat;
}
.whlist .i1 .p2 .fig {
  background: url('../images/wh1h.png') center no-repeat;
}
.whlist .i2 .p1 .fig {
  background: url('../images/wh2.png') center no-repeat;
}
.whlist .i2 .p2 .fig {
  background: url('../images/wh2h.png') center no-repeat;
}
.whlist .i3 .p1 .fig {
  background: url('../images/wh3.png') center no-repeat;
}
.whlist .i3 .p2 .fig {
  background: url('../images/wh3h.png') center no-repeat;
}
.whlist .i4 .p1 .fig {
  background: url('../images/wh4.png') center no-repeat;
}
.whlist .i4 .p2 .fig {
  background: url('../images/wh4h.png') center no-repeat;
}
.rollover {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  position: relative;
  overflow: visible!important;
  -webkit-transition: 1s;
  transition: 1s;
}
.rollover .p1,
.rollover .p2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.rollover .p2 {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
li:hover .rollover {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.whlist li .wz {
  position: relative;
  z-index: 3;
  margin-top: 24px;
}
.whlist li h3 {
  font-size: 24px;
  color: #d80020;
  line-height: 44px;
  height: 44px;
  overflow: hidden;
  -webkit-transition: .5s;
  transition: .5s;
}
.whlist li .hx {
  width: 38px;
  height: 2px;
  background-color: #d80020;
  margin: 26px auto 20px;
  -webkit-transition: .5s;
  transition: .5s;
}
.whlist li .txt {
  font-size: 18px;
  color: #666;
  line-height: 36px;
  height: 108px;
  max-width: 240px;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 10px;
  -webkit-transition: .5s;
  transition: .5s;
}
.whlist li .txt span {
  display: inline-block;
}
.whlist li:hover h3 {
  color: #fff;
}
.whlist li:hover .txt {
  color: #fff;
}
.whlist li:hover .hx {
  background-color: #fff;
}
@media screen and (max-width: 1440px) {
  .wenhua {
    border-top-left-radius: 200px;
  }
}
@media screen and (max-width: 1023px) {
  .wenhua {
    padding: 100px 0 140px;
  }
  .whlist li {
    width: 50%;
    margin-top: 24px;
  }
  .whlist .tupian {
    height: 160px;
  }
  .whlist li .wz {
    margin-top: 0;
  }
  .whlist li .hx {
    margin-top: 14px;
  }
}
@media screen and (max-width: 750px) {
  .wenhua {
    padding: 80px 0 100px;
    border-top-left-radius: 100px;
  }
}
@media screen and (max-width: 640px) {
  .whlist li h3 {
    font-size: 18px;
    line-height: 32px;
    height: 32px;
  }
  .whlist li .txt {
    font-size: 16px;
    line-height: 30px;
    height: 90px;
  }
}

.inner_zl_tit{  color: #2d2d2d; font-size: 18px; margin-top: 31px;}

.stats-container {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            gap: 60px; /* 卡片间距，可按需调整 */
            padding: 40px 20px;
            background-color: #fff; /* 背景色，可根据页面调整 */
        }

        /* 单个统计卡片样式 */
        .stat-card {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        /* 数字+单位 父容器：实现基线对齐 */
        .number-wrap {
            display: flex;
            align-items: baseline; /* 关键：让数字与单位底部对齐 */
            margin-bottom: 12px; /* 与下方文字的间距 */
        }

        /* 大数字样式 */
        .stat-number {
            font-size: 72px; /* 数字字号，可按需调整 */
            font-weight: bold;
            color: #e52e2e; /* 红色，匹配图片 */
            line-height: 1;
        }

        /* 右上角单位样式 */
        .stat-unit {
            font-size: 24px; /* 单位字号，可按需调整 */
            font-weight: 500;
            color: #e52e2e;
            margin-left: 4px; /* 数字与单位的间距 */
        }

        /* 底部描述文字样式 */
        .stat-desc {
            font-size: 16px; /* 描述字号，可按需调整 */
            color: #333; /* 描述文字颜色，可按需调整 */
            line-height: 1.4;
        }

.aboutCulture{ margin-top: 59px; }
.aboutCulture .box{width:49%;float:left;position:relative;overflow:hidden;margin-right:2%; margin-top: 41px;}
.aboutCulture .box:nth-of-type(2n+2){margin-right:0px;}
.aboutCulture .box:before {
    content: " ";
	z-index:2;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(21,142,221,0.55);
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-101%);
    transform: translateY(-101%);
}

.aboutCulture .box .txt {
    position: absolute;
    left: 0;
	right:0;
    bottom:0;
	z-index:3;
    text-align: center;
    color: #fff;
    -webkit-transition: all 480ms ease-out 0s;
    transition: all 480ms ease-out 0s;
}
.aboutCulture .box .txt .icon {
    position: relative;
    overflow: hidden;
    z-index: 2;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 8px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
}
.f32 {
    font-size: 32px;
    line-height: 48px;
}
.aboutCulture .box .txt .icon img{
    width: 59px;
    height: 59px;
}
.aboutCulture .box .txt .sdt {
	overflow:hidden;
}
.aboutCulture .box .txt .sdd {
	margin-top:20px;
	height:168px;
	opacity:0;
	overflow:hidden;
}
.aboutCulture .box:hover:before {
    -webkit-transition: all 400ms ease-out 0ms;
    transition: all 400ms ease-out 0ms;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.aboutCulture .box:hover .txt {
    bottom: 50%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}
.aboutCulture .box:hover .txt .sdd{
	opacity:1;
}

.prolist{ margin-top: 40px; margin-bottom: 40px;}
.culture{overflow:hidden;}
.culture .intro .list{margin-top:40px;}
.culture .intro .list li{width:47%;height:auto;margin-right:5.6%; margin-bottom: 60px; padding:40px;float:left;background:#f4f4f4;overflow:hidden;position:relative;cursor:pointer; }
.culture .intro .list li:nth-of-type(2n+2){  margin-right: 0px;}
.culture .intro .list li .pic{ margin-top: 20px;}
.culture .intro .list li .h_gao{ margin-top: 10px; height: 70px;}

.culture .intro .list li .wz{width:calc(100% - 100px);float:left;}
.culture .intro .list li .wz b{color:#333;padding-left: 24px;
    background: url(../images/star.png) no-repeat left center;}
.culture .intro .list li .wz p{font-size:16px;line-height:24px;margin-top:16px;}
.culture .intro .list li .img{width:50px;float:right;}
.culture .intro .list li .img img{width:100%;display:block;}

.culture .intro .power{color:#FFF;padding:4%;margin:60px 0;border-radius:16px;overflow:hidden;background:url(../images/culture_bg.jpg) no-repeat center;background-size:cover;}
.culture .intro .power h2{font-weight:normal;}
.culture .intro .power .wz{font-size:16px;line-height:28px;margin-top:20px;}
.culture .intro .power ul{margin-top:40px;}
.culture .intro .power ul li{padding:20px 30px;margin-right:40px;border:2px solid #FFF;border-radius:50%;float:left;}

.culture .intro .team{margin-top:40px;}
.culture .intro .team li{width:23%;height:auto;margin:0 1%;text-align:center;float:left;}
.culture .intro .team li img{width:100%;max-width:250px;}
.culture .intro .team li p{width:80%;font-size:16px;line-height:28px;margin:20px auto 0;}

.culture .idea{height:auto;background:url(../images/culture_bg2.jpg) no-repeat center;background-size:cover;position:relative;overflow:hidden;}
.culture .idea .cricle{border:2px dotted rgba(255,255,255,0.3);border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.culture .idea .w1{width:1390px;height:1390px;}
.culture .idea .w2{width:960px;height:960px;}
.culture .idea .w3{width:530px;height:530px;}
.culture .idea .cricle i{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:50%;}
.culture .idea .cricle i:before{
	content:"";
	position:absolute;
	left:50%;
	top:-6px;
	width:10px;
	height:10px;
	border-radius:50%;
	background-color:rgba(255,255,255,0.6);
}
.culture .idea .w1 i{
	-webkit-animation:loopCir 30s linear 0s infinite;
	animation:loopCir 30s linear 0s infinite;
}
.culture .idea .w2 i{
	-webkit-animation:loopCir 20s linear 0s infinite;
	animation:loopCir 20s linear 0s infinite;
}
.culture .idea .w3 i{
	-webkit-animation:loopCir 10s linear 0s infinite;
	animation:loopCir 10s linear 0s infinite;
}

.culture .idea .img{padding:160px 0;text-align:center;}
.culture .idea .img img{width:auto;height:360px;margin:auto;display:block;}
.culture .idea .msg{width:60%;position:absolute;left:20%;top:50%;transform:translate(0, -50%);}
.culture .idea .msg li{width:250px;margin:80px 0;text-align:center;float:left;}
.culture .idea .msg li:nth-of-type(2n){float:right;}
.culture .idea .msg li b{width:120px;height:32px;font-size:16px;color:#18943b;line-height:32px;text-align:center;background:#FFF;border-radius:5px;display:block;margin:0 auto 20px;}
.culture .idea .msg li p{font-size:16px;color:#FFF;line-height:28px;}

.culture .spirit .publicBox{background:url(../images/culture_bg3.jpg) no-repeat center;background-size:cover;padding:4%;border-radius:16px;}
.culture .spirit .txt{width:36%;float:right;}
.culture .spirit .txt .bt{margin-top:20px;}
.culture .spirit .txt .wz{font-size:16px;color:#666;line-height:28px;margin-top:30px;}


.history{background:url(../images/history_bg.jpg) no-repeat center;background-size:cover;position:relative;overflow:hidden;}
.history .title{text-align:center;color:#FFF;}
.history .title p{font-size:16px;line-height:24px;margin-top:10px;}

.historySwiper{margin-top:60px;overflow:hidden;}
.historySwiper .swiper-slide{padding:40px;border-radius:20px;background:rgba(105,203,133,0.6);box-shadow:0 0 4px rgba(0,0,0,0.1);overflow:hidden;cursor:pointer;
	-webkit-transform:scale(0.82);
	transform:scale(0.82);
	opacity:0.52;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}
.historySwiper .swiper-slide-active{
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:0.9;
}
.historySwiper .num{height:120px;font-size:120px;color:#FFF;line-height:120px;overflow:hidden;font-family:bahnschrift;}
.historySwiper .wz{height:280px;font-size:14px;color:#FFF;line-height:28px;padding-right:20px;margin-top:20px;overflow-y:auto;}
.historySwiper .wz p{padding-left:20px;position:relative;}
.historySwiper .wz p:after {
	content:"";
	position:absolute;
	left:0;
	top:10px;
	width:8px;
	height:8px;
	background:#FFF;
	border-radius:50%;
}

.history .thumbBox{margin-top:60px;padding:0 42px;overflow:hidden;position:relative;}
.history .thumb{overflow:hidden;padding:20px 0;}
.historySwiperThumb{border-top:1px solid rgba(255,255,255,0.6);}
.historySwiperThumb .swiper-slide{font-size:16px;line-height:24px;padding:15px 0;color:rgba(255,255,255,0.4);text-align:center;position:relative;cursor:pointer;}
.historySwiperThumb .swiper-slide:after {
	content:"";
	position:absolute;
	left:50%;
	top:-4px;
	width:8px;
	height:8px;
	margin-left:-4px;
	background:rgba(255,255,255,0.4);
	border-radius:50%;
}
.historySwiperThumb .swiper-slide-thumb-active{color:#FFF;}
.historySwiperThumb .swiper-slide-thumb-active:after{background:#FFF;}

.history .thumbBox .next,.history .thumbBox .prev{width:42px;height:42px;border:1px solid #FFF;border-radius:50%;position:absolute;top:0;cursor:pointer;}
.history .thumbBox .next{right:0;background-image:url(../images/right.png);background-repeat:no-repeat;background-position:center;background-size:auto 18px;}
.history .thumbBox .prev{left:0;background-image:url(../images/left.png);background-repeat:no-repeat;background-position:center;background-size:auto 18px;}


.product .type{width:18.2%;margin-top:20px;float:left;}
.product .type li{color:#333;font-weight:bold;margin-bottom:40px;}
.product .type li a{padding-bottom:6px;position:relative;display:inline-block;}
.product .type li a:after {
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:0;
	height:3px;
	background:#18943b;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}
.product .type li a:hover{color:#18943b;}
.product .type li a:hover:after{width:100%;}
.product .type.fixed{position:fixed;top:0;}

.industry .page1{background:url(../images/industry_bg1.jpg) no-repeat center;background-size:cover;}
.industry .page2{background:url(../images/industry_bg2.jpg) no-repeat center;background-size:cover;}
.industry .page3{background:url(../images/industry_bg3.jpg) no-repeat center;background-size:cover;}
.industry .page4{background:url(../images/industry_bg4.jpg) no-repeat center;background-size:cover;}
.industry .page5{background:url(../images/industry_bg5.jpg) no-repeat center;background-size:cover;}
.industry .page6{background:url(../images/industry_bg6.jpg) no-repeat center;background-size:cover;}
.industry .section .publicBox{margin-top:76px;margin-bottom:110px;}
.industry .section .publicBox .num{font-size:24px;color:#FFF;font-family:bahnschrift;opacity:0;}
.industry .section .publicBox .num b{font-size:52px;}
.industry .section .publicBox .title{color:#FFF;font-weight:bold;margin-top:2%;opacity:0;}
.industry .section .publicBox .wz{width:46%;font-size:16px;line-height:32px;color:#FFF;margin-top:2%;opacity:0;}

.industry .section.on .publicBox .num{
	-webkit-animation:moveInUpSmall 1.2s ease;
	animation:moveInUpSmall 1.2s ease;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.industry .section.on .publicBox .title{
	-webkit-animation:moveInUpSmall 1.2s ease 0.2s;
	animation:moveInUpSmall 1.2s ease 0.2s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.industry .section.on .publicBox .wz{
	-webkit-animation:moveInUpSmall 1.2s ease 0.4s;
	animation:moveInUpSmall 1.2s ease 0.4s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.innerGoods{overflow:hidden; background: #f5f5f5;}
.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:#d80020;}
.innerGoods .type a.select{color:#FFF;background-image:url(../images/wavesmall.png);background-color:#d80020;}
.innerGoods .box{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 .bttn{margin-top:6%;}
.innerGoods .box .txt .bttn 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 .bttn a img{margin-left:20px;}
.innerGoods .box .txt .bttn 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 .bttn{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 .bttn{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;}



.industryMenu{width:100%;height:48px;position:fixed;left:0;bottom:56px;z-index:700;}
.industryMenu i{width:4%;height:1px;margin-top:24px;float:left;background:rgba(255,255,255,0.4);}
.industryMenu a{width:12%;height:48px;font-size:15px;color:#bbb;line-height:48px;text-align:center;border-radius:24px;display:block;float:left;overflow:hidden;position:relative;z-index:10;}
.industryMenu a.active{color:#FFF;background:#18943b;}
.industryMenu.active{
	-webkit-animation:moveInUp 0.6s ease-in-out;
	animation:moveInUp 0.6s ease-in-out;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}





.my-gallery-container {
    display: flex;
    width: 100%;
    margin: 0 auto;
    gap: 10px; 
    padding-bottom: 70px;
}

/* 左侧大图区域 */
.my-swiper-gallery-top {
    width: 75%; /* 左侧占比 */
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
}

.my-swiper-gallery-top .swiper-slide {
    background-color: #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.my-swiper-gallery-top img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保持比例填满 */
}

/* 右侧缩略图区域 */
.my-swiper-gallery-thumbs {
    width: 23%; /* 右侧占比 */
    height: 100%;
}

.my-swiper-gallery-thumbs .swiper-slide {
    opacity: 0.6;
    cursor: pointer;
    border-radius: 8px;
    overflow: hidden;
    transition: opacity 0.3s;

        
       
        width: 100% !important; 
        flex-shrink: 0;
    
}

.my-swiper-gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1; /* 当前激活的缩略图不透明 */
    border: 2px solid #007aff; /* 可选：给激活的缩略图加个边框 */
     
        
       
        width: 100% !important; 
    
}

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

/* 响应式处理：在小屏幕下改为上下布局 */
@media (max-width: 768px) {


    .my-gallery-container {
        flex-direction: column;
        height: auto;
    }
    .my-swiper-gallery-top {
        width: 100%;
        height: 300px;
    }
    .my-swiper-gallery-thumbs {
        width: 100%;
        height: 100px;
        margin-top: 10px;
    }

    .my-swiper-gallery-thumbs .swiper-slide {
            height: 80px !important; 
            width: 30% !important; 
            margin-bottom: 0;
            margin-right: 10px; float: left;;
        }
        .my-swiper-gallery-thumbs img {
            height: 100%; /* 保证图片填满这个高度 */
        }
}

/* 1. 外层容器：限制宽度 1600px */
.custom-layout-wrapper {
  
    margin: 0 auto; /* 居中 */
    padding: 40px 20px; /* 上下40px，左右20px的内边距 */
    display: flex; /* 开启 Flex 布局 */
    flex-wrap: wrap; /* 允许换行，用于响应式 */
    gap: 60px; /* 左右两列之间的间距 */
    align-items: flex-start; /* 顶部对齐 */
  
}

/* 2. 左侧区域 */
.custom-layout-left {
    flex: 1; /* 占据剩余空间的一部分 */
    min-width: 300px; /* 防止过窄 */
}

/* 面包屑样式 */
.custom-breadcrumb ul {
    list-style: none;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #666;
    margin-bottom: 20px; /* 距离标题的间距 */
}

.custom-breadcrumb li {
    display: flex;
    align-items: center;
}

.custom-breadcrumb a {
    text-decoration: none;
    color: #666;
    transition: color 0.3s;
}

.custom-breadcrumb a:hover {
    color: #0056b3; /* 鼠标悬停颜色 */
}

.custom-breadcrumb .separator {
    margin: 0 8px;
    color: #999;
}

.custom-breadcrumb .active {
    color: #333;
    font-weight: bold;
}

/* 主标题样式 */
.custom-main-title {
    font-size: 48px; /* 大标题字号 */
    font-weight: 800;
    color: #222;
    line-height: 1.2;
    margin-bottom: 10px;
    text-transform: uppercase; /* 类似截图中的全大写风格（可选） */
}

/* 3. 右侧区域 */
.custom-layout-right {
    flex: 1.5; /* 右侧比左侧稍宽，比例约为 1:1.5 */
    min-width: 300px;
}

/* 右侧文本内容 */
.custom-content-text p {
    font-size: 16px;
    color: #555;
    margin-bottom: 20px; /* 段落间距 */
    text-align: justify; /* 两端对齐，使排版更整齐 */
    line-height: 1.8;
}

/* --- 响应式适配 --- */

/* 当屏幕宽度小于 768px (平板/手机) 时 */
@media (max-width: 768px) {
    .custom-layout-wrapper {
        flex-direction: column; /* 变为垂直布局 */
        gap: 30px; /* 减小间距 */
        padding: 20px;
    }

    .custom-main-title {
        font-size: 20px; /* 缩小标题字号 */
    }

    .custom-breadcrumb ul {
        font-size: 12px;
    }

    .custom-content-text p {
        font-size: 14px; /* 缩小正文字号 */
    }
}


.members{overflow:hidden;}
.members .innerTitle{padding-bottom:20px;border-bottom:1px solid #e2e2e2;}
.members .intro .wz{margin-top:20px;}
.members .intro img{width:47%;margin-right:6%;margin-top:3%;float:left;}
.members .intro img:nth-of-type(2n){margin-right:0;}

.members .advantage{margin-top:60px;}
.members .advantage li{width:30%;float:left;padding:2%;margin-right:5%;margin-top:3%;border:1px solid #e2e2e2;background:#f8f8f8;}
.members .advantage li:nth-of-type(3n){margin-right:0;}
.members .advantage li b{font-size:20px;}
.members .advantage li p{height:128px;font-size:16px;line-height:32px;margin-top:20px;overflow:hidden;}


.develop{overflow:hidden;}
.developSwiper{margin-top:60px;overflow:hidden;}
.developSwiper .box .wz{width:42%;margin-right:5%;}
.developSwiper .box .wz h2{height:auto;color:#333;margin-bottom:30px;}
.developSwiper .box .wz p{font-size:16px;line-height:32px;margin-top:4px;overflow:hidden;}

.developSwiperThumb{border-bottom:1px solid #dedede;margin-top:60px;overflow:hidden;}
.developSwiperThumb .swiper-slide{width:auto;font-size:18px;font-weight:bold;line-height:72px;text-align:center;padding-right:120px;position:relative;cursor:pointer;}
.developSwiperThumb .swiper-slide:after{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	width:0;
	height:3px;
	margin-left:-80px;
	background:#18943b;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}
.developSwiperThumb .swiper-slide-thumb-active{color:#18943b;}
.developSwiperThumb .swiper-slide-thumb-active:after{width:40px;}


.consulting{overflow:hidden;}
.consulting .leftbox{width:50%;margin-top:80px;float:left;}
.consulting .leftbox .box:nth-of-type(2){margin-top:120px;}
.consulting .leftbox .box .title{width:220px;height:52px;color:#FFF;line-height:52px;font-weight:bold;text-align:center;background:#18943b;float:left;}
.consulting .leftbox .box .wz{font-size:16px;line-height:32px;margin-top:30px;}
.consulting .leftbox .box .tel{margin-top:8px;margin-left:24px;color:#18943b;float:left;}
.consulting .rightbox{width:46%;margin-top:80px;text-align:center;float:right;}
.consulting .rightbox img{width:100%;max-width:502px;}

.consulting .list li{width:48%;color:#FFF;padding:2% 3%;margin-right:4%;margin-top:80px;float:left;background:#65b167;position:relative;}
.consulting .list li:nth-of-type(2n){margin-right:0;}
.consulting .list li b{padding:6px 0 15px;border-bottom:1px solid rgba(255,255,255,0.4);display:block;}
.consulting .list li p{font-size:16px;line-height:32px;margin-top:20px;}
.consulting .list li i{width:0;height:0;position:absolute;left:10%;top:-24px;border-bottom:24px solid #65b167;border-right:24px solid transparent;border-left:24px solid transparent;}


.jobs{overflow:hidden;}
.jobs .welfare{margin-top:80px;}
.jobs .welfare .title{width:220px;height:52px;color:#FFF;line-height:52px;font-weight:bold;text-align:center;background:#18943b;}
.jobs .welfare .wz{font-size:16px;line-height:32px;margin-top:30px;}
.jobs .list li{width:15.75%;padding:2% 2% 1%;margin-right:1.1%;margin-top:60px;text-align:center;float:left;border:1px solid #e2e2e2;border-radius:5px;position:relative;}
.jobs .list li:nth-of-type(6){margin-right:0;}
.jobs .list li img{height:76px;}
.jobs .list li p{font-size:18px;line-height:32px;color:#333;margin-top:20px;}



 /* --- 组件主容器 --- */
    body, html {
    overflow-x: hidden; 
}
.jobs{ background: #f5f5f5; padding-top: 75px;;}
        .benefit-section {
           
            margin: 0 auto;  ;
          
           
           
          
        }

        /* --- 顶部标题与导航栏 --- */
        .benefit-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 71px;
            padding: 0 10px;
            
        }

        .benefit-title {
            font-size: 50px;
            color: #293241;
            font-weight: 700;
        }

        .benefit-nav {
            display: flex;
            gap: 10px;
        }

        .benefit-btn {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            border: 1px solid transparent;
            font-size: 16px;
            color: #fff;
            background-color: #009bb3; /* 主题色：青绿色 */
        }

        /* 第二个按钮样式（空心） */
        .benefit-btn.btn-next {
            background-color: transparent;
            border: 1px solid #ccc;
            color: #333;
        }

        .benefit-btn:hover {
            transform: translateY(-2px);
            opacity: 0.9;
        }

        /* --- Swiper 卡片区域 --- */
        .benefit-swiper {
            width: 100%;
            padding-bottom: 20px;
        }

        .benefit-card {
            background: #fff;
          

            aspect-ratio: 498 / 384;
            padding: 30px 20px;
           
            width: 100%;
            /* 简单的阴影增加立体感 */ height: 384px;;
           
            display: flex;
            flex-direction: column;
           align-items: flex-start;
            transition: transform 0.3s;
        }

        /* 鼠标拖拽时的样式 */
        .swiper-grab-cursor .benefit-card {
            cursor: grab;
        }

        /* 图标容器 (六边形背景模拟) */
        .icon-box {
            width: 60px;
            height: 60px;
            background-color: #f0f8f7; /* 极淡的青色背景 */
            border-radius: 12px; /* 圆角矩形，接近图示 */
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 53px;
            color: #009bb3; /* 图标颜色 */
            font-size: 24px;
            margin-top: 40px;
        }

        .card-title {
            font-size: 30px;
            color: #000000;
            margin-bottom: 10px;
            font-weight: 600;
        }

        .card-desc {
            font-size: 18px;
            color: #a9a9a9;
            line-height: 1.6;
        }

        /* --- 响应式调整 --- */
        @media (max-width: 768px) {
            .benefit-section { padding: 20px; }
            .benefit-title { font-size: 22px; }
            .benefit-card { padding: 20px 15px; }
            .card-title { font-size: 16px; }
            .card-desc { font-size: 12px; }
        }

/* 容器基础样式 */
.office-env-container {
    
    margin: 0 auto;
    padding: 40px 20px;
    font-family: "Microsoft YaHei", sans-serif;
}

.office-env-header h2 {
    font-size: 50px;
    color: #293241;
    margin-bottom: 64px;
    font-weight: 600;
}

/* --- Swiper 核心配置 --- */
.office-env-swiper {
    /* 关键：给左右留出空间，让旁边的卡片露出来 */
    padding-left: 15%;
    padding-right: 15%;
    padding-bottom: 50px; /* 给阴影留空间 */
    overflow: visible; /* 确保阴影不被裁剪 */
}

/* Slide 宽度设置 */
.office-env-swiper .swiper-slide {
    width: 70%; /* 中间卡片占屏幕宽度的 70% */
    height: auto;
    transition: transform 0.3s;
}

/* 卡片样式 */
.office-env-card {
    position: relative;
    width: 100%;
    height: 467px; /* 固定高度或按比例 */
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.office-env-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

/* 文字遮罩层 */
.office-env-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    /* 渐变色遮罩，模仿图中效果 */
    background: linear-gradient(to top, rgba(0, 150, 180, 0.9), transparent);
    color: #fff;
    box-sizing: border-box;
}

.office-env-overlay h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
}

/* --- 底部控制栏布局 --- */
.office-env-controls {
    display: flex;
    justify-content: space-between; /* 左右分开 */
    align-items: center;
   
    margin: 0 auto;
    position: relative;
    top: -20px; /* 稍微往上提一点，靠近图片 */
}

/* 左侧进度条 */
.office-env-progress-container {
    flex-grow: 1; /* 占据剩余空间 */
    height: 4px;
    background-color: #e0e0e0;
    border-radius: 2px;
    margin-right: 20px; /* 和按钮保持距离 */
    overflow: hidden;
}

.office-env-progress-fill {
    width: 0%; /* JS 控制宽度 */
    height: 100%;
    background-color: #0096b4; /* 进度条颜色 */
    transition: width 0.3s ease;
}

/* 右侧按钮 */
.office-env-nav-buttons {
    display: flex;
    gap: 10px; /* 按钮间距 */
}

.office-env-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff; /* 白底 */
    border: 1px solid #ddd;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}
.office-env-prev{ width: 40px; height: 40px; background: url(../images/yy1.png) no-repeat center;}
.office-env-next{ width: 40px; height: 40px; background: url(../images/ss1.png) no-repeat center;}

.office-env-prev:hover{ width: 40px; height: 40px; background: url(../images/ss2.png) no-repeat center;}
.office-env-next:hover{ width: 40px; height: 40px; background: url(../images/zz1.png) no-repeat center;}

.office-env-btn:hover {
    background-color: #0096b4;
    color: #fff;
    border-color: #0096b4;
}

/* --- 响应式调整 --- */
@media (max-width: 768px) {
    .office-env-swiper {
        padding-left: 10%; /* 移动端减少留白 */
        padding-right: 10%;
    }
    .office-env-swiper .swiper-slide {
        width: 80%; /* 卡片稍微大一点 */
    }
    .office-env-overlay h3 {
        font-size: 16px;
    }
}




 /* --- 基础重置 --- */
        .job-section * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
           
        }

        /* --- 主容器 --- */
        .job-section {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
           
            margin: 0 auto;
            padding-top: 86px;; padding-bottom: 132px;
            color: #333;
        }

        /* --- 顶部区域 --- */
        .job-header {
            display: flex;
            justify-content: space-between;
            margin-bottom: 82px;
            flex-wrap: wrap;
            gap: 20px;
        }

        .job-title-group h2 {
            font-size: 50px;
           
            color: #ccc;
            margin-bottom: 5px;
        }

        .job-title-group .sub-title {
            font-size: 50px;
            color: #ccc; /* 灰色副标题 */
            font-weight: 500;
        }

        .job-desc {
            max-width: 602px;
            font-size: 18px;
            color: #666;
            line-height: 1.6;
            text-align: right;
        }

        /* --- 列表区域 (Grid布局) --- */
        .job-list {
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* 一行两个 */
            gap: 20px;
        }

        .job-item {
            background: #f5f5f5;
            padding: 25px 30px;
            border-radius: 12px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: all 0.3s ease;
            cursor: pointer;
            position: relative;
            overflow: hidden;
        }

        /* 选中/激活状态样式 (对应图中的蓝绿色) */
        .job-item.active {
            background: #0097a7; /* 蓝绿色背景 */
        }

        .job-item h3 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            margin: 0;
            z-index: 2; /* 确保文字在伪元素上方 */
        }

        .job-item.active h3 {
            color: #fff;
        }
 .job-item:hover{ background: #009bb3; /* 蓝绿色背景 */}
 .job-item:hover h3{ color:#fff;;}

        /* 申请按钮 */
        .job-btn {
            background: #fff;
            color: #666;
            border: none;
            padding: 6px 20px;
            border-radius: 20px;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.3s;
            z-index: 2;
        }

        .job-item.active .job-btn {
            background: rgba(255,255,255,0.2);
            color: #fff;
        }

        .job-btn:hover {
            background: #0097a7;
            color: #fff;
        }

        .job-item.active .job-btn:hover {
            background: #fff;
            color: #0097a7;
        }

        /* --- 模态框 (弹窗) --- */
        .job-modal-overlay {
            display: none; /* 默认隐藏 */
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            justify-content: center;
            align-items: center;
            z-index: 1000;
            backdrop-filter: blur(2px);
        }

        .job-modal {
            background: #fff;
            width: 90%;
            max-width: 600px;
            border-radius: 16px;
            padding: 30px;
            position: relative;
            animation: slideDown 0.3s ease-out;
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        }

        @keyframes slideDown {
            from { transform: translateY(-50px); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }

        /* 关闭按钮 */
        .job-close-btn {
            position: absolute;
            top: 20px;
            right: 20px;
            background: none;
            border: none;
            font-size: 24px;
            color: #999;
            cursor: pointer;
            line-height: 1;
        }

        .job-close-btn:hover {
            color: #333;
        }

        /* 模态框内容 */
        .job-modal-title {
            font-size: 24px;
            color: #0097a7;
            margin-bottom: 15px;
        }

        .job-meta-info {
            display: flex;
            gap: 30px;
            font-size: 14px;
            color: #666;
            margin-bottom: 20px;
        }

        .job-divider {
            height: 1px;
            background: #e0e0e0;
            margin: 20px 0;
        }

        .job-section-group h4 {
            font-size: 16px;
            font-weight: 600;
            color: #333;
            margin-bottom: 10px;
        }

        .job-section-group p {
            font-size: 14px;
            color: #555;
            line-height: 1.8;
            margin-bottom: 10px;
        }

        .job-contact-info {
            margin-top: 20px;
            padding-top: 10px;
            border-top: 1px solid #0097a7; /* 蓝色分割线 */
            display: flex;
            gap: 20px;
            font-size: 14px;
            color: #333;
        }

        .job-contact-info span {
            font-weight: 500;
        }

        /* --- 响应式适配 --- */
        @media (max-width: 768px) {
            .job-header {
                flex-direction: column;
                align-items: flex-start;
            }
            .job-desc {
                text-align: left;
                max-width: 100%;
                font-size: 13px;
            }
            .job-list {
                grid-template-columns: 1fr; /* 手机端变为单列 */
            }
            .job-item {
                padding: 20px;
            }
            .job-modal {
                width: 90%;
                padding: 20px;
                margin: 20px;
            }
            .job-meta-info {
                flex-direction: column;
                gap: 10px;
            }
            .job-contact-info {
                flex-direction: column;
                gap: 10px;
            }
        }
/* --人才招聘-- */
.jobList{width:100%;margin:4% auto 0;}
.jobList .tab{width:100%;}
.jobList .tab .alignLeft{text-align:left !important;}
.jobList .tab .alignRight{text-align:right;}
.jobList .tab thead tr{border:1px solid #343434;}
.jobList .tab thead tr th{font-size:24px;color:#FFF;height:60px;line-height:60px;text-align:center;font-weight:normal;background:#343434;}

.jobList .tab tbody tr{border:1px solid #FFF;}
.jobList .tab tbody tr.trEven{background:rgb(255,255,255);border-bottom:1px solid #f2f2f2;cursor:pointer;}
.jobList .tab tbody tr.trEven td{position:relative;font-size:16px;color:#333;line-height:32px;padding:14px 0;text-align:center}
.jobList .tab tbody tr.trEven td .icon{width:100%;height:100%;position:absolute;left:0;top:0;}
.jobList .tab tbody tr.trEven:hover td{color:#FFF;background:#d80020;border:1px solid #d80020;}
.jobList .tab tbody tr.trEven.active td{color:#FFF;background:#d80020;border:1px solid #d80020;}

.jobList .tab tbody tr.trOdd{background:#f8f8f8;border:1px solid #f8f8f8;display:none;cursor:auto}
.jobList .tab tbody tr.trOdd td .postDel{padding:20px 50px 40px 0;}
.jobList .tab tbody tr.trOdd td .postDel .disc{overflow:hidden;}
.jobList .tab tbody tr.trOdd td .postDel .disc p{line-height:28px;font-size:16px;color:#000;}
.jobList .tab tbody tr.trOdd td .postDel .disc img{max-width:100%;display:block;}


/* --- 基础重置 --- */
        .contact-section * {
            box-sizing: border-box;
          
        }

        .contact-section {
            font-family: "Microsoft YaHei", Arial, sans-serif;
           
          
            color: #333;
            padding-top: 81px;;
        }

        /* --- 标题 --- */
        .contact-title {
            font-size: 50px;
            font-weight: bold;
            margin-bottom: 50px;
            text-align: left;
            color: #293241;
           
            margin-left: auto;
            margin-right: auto;
        }

      
        .contact-info-row {
            display: flex;
            flex-wrap: wrap;
           
            margin: 0 auto 40px auto;
            border-radius: 12px;
            overflow: hidden; /* 确保圆角生效 */
            box-shadow: 0 4px 20px rgba(0,0,0,0.05);
        }

        .contact-card {
            flex: 1;
            background: #f5f5f5;
            padding: 50px 18px;
            text-align: center;
            transition: all 0.3s ease;
            position: relative;
            min-width: 200px; /* 防止过窄 */
            cursor: pointer;
        }

        /* 分割线 (除了最后一个) */
        .contact-card:not(:last-child)::after {
            content: '';
            position: absolute;
            top: 20%;
            right: 0;
            width: 1px;
            height: 60%;
           
        }

        /* 图标样式 */
        .contact-icon {
            font-size: 32px;
            margin-bottom: 15px;
            color: #0097a7; /* 默认图标颜色 */
            transition: color 0.3s;
        }

        .contact-label {
          
            font-size: 24px;
            margin-bottom: 10px;
            display: block;
            color: #293241; margin-top: 18px;
        }

        .contact-value {
            font-size: 18px;
            color: #666;
            line-height: 1.6;
        }

        /* --- 悬停特效 (如图中第一个卡片) --- */
        .contact-card:hover, .contact-card.active {
            background: #0097a7; /* 主题色背景 */
            color: #fff;
            transform: translateY(-5px); /* 微微上浮 */
        }

.contact-card:hover .contact-icon img {
  filter: brightness(0) invert(1);
  transition: filter 0.3s ease; /* 添加平滑过渡效果 */
}


        .contact-card:hover .contact-label,
        .contact-card.active .contact-label,
        .contact-card:hover .contact-value,
        .contact-card.active .contact-value {
            color: #fff;
        }

        .contact-card:hover .contact-icon,
        .contact-card.active .contact-icon {
            color: #fff;
        }

        /* --- 地图区域 --- */
        .contact-map-container {
            position: relative;
           
            height: 450px;
            margin: 0 auto 60px auto;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 20px rgba(0,0,0,0.05);
        }

        /* 模拟地图背景 */
        .map-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: grayscale(100%); /* 灰色地图风格 */
        }

        /* 地图中间悬浮 Logo */
        .map-logo {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100px;
            height: 100px;
            background: #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            z-index: 10;
        }
        
        .map-logo img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
.inner_ly{ background: #f5f5f5; width: 100%; padding-top: 142px; padding-bottom: 142px;}
        /* --- 在线留言区域 --- */
        .contact-form-section {
          
            margin: 0 auto;
            background: #fff;
            padding: 50px;
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.05);
            text-align: center;
        }

        .contact-form-section h2{ font-size: 50px; color: #333333;}
        .form-subtitle {
            font-size: 16px;
            color: #999;
            margin-top: 10px;
            margin-bottom: 40px;
        }

        .form-row {
            display: flex;
            gap: 20px;
            margin-bottom: 20px;
        }

        .form-group {
            flex: 1;
            position: relative;
        }

        .form-input {
            width: 100%;
            padding: 15px 20px;
            border: 1px solid #eee;
            border-radius: 30px; /* 圆角输入框 */
            background: #f5f5f5;
            outline: none;
            font-size: 14px;
            transition: all 0.3s;
        }

        .form-input:focus {
            background: #fff;
            border-color: #0097a7;
            box-shadow: 0 0 10px rgba(0, 151, 167, 0.1);
        }

        /* 验证码输入框特殊处理 */
        .captcha-wrapper {
            display: flex;
            align-items: center;
        }
        .captcha-img {
            margin-left: 10px;
            font-weight: bold;
            color: #0097a7;
            letter-spacing: 2px;
            background: #fff;
            padding: 5px 10px;
            border-radius: 4px;
        }

        .submit-btn {
            background: #0097a7;
            color: #fff;
            border: none;
            padding: 15px 60px;
            border-radius: 30px;
            font-size: 16px;
            cursor: pointer;
            transition: background 0.3s;
            margin-top: 10px;
        }

        .submit-btn:hover {
            background: #00796b;
        }

        /* --- 响应式适配 --- */
        @media (max-width: 992px) {
            .contact-info-row {
                flex-direction: column;
            }
            .contact-card:not(:last-child)::after {
                display: none; /* 移动端去掉分割线 */
            }
            .contact-card {
                border-bottom: 1px solid #eee;
            }
            .form-row {
                flex-direction: column;
            }
            .contact-form-section {
                padding: 30px 20px;
            }
        }



        /* --- 表单容器 --- */
        .message-form {
           
            margin: 0 auto;
        }

        /* --- 行布局：左右分栏 --- */
        .form-row {
            display: flex;
            justify-content: space-between;
            margin-bottom: 20px;
            gap: 20px; /* 左右输入框之间的间距 */
        }

        .form-group {
            flex: 1; /* 让输入框平均分配宽度 */
            position: relative;
        }

        /* --- 输入框样式 --- */
       :root {
            --primary-color: #0097a7; /* 主题青色 */
            --input-bg: #f5f5f5;      /* 输入框背景灰 */
            --text-color: #333;
            --radius: 12px;           /* 圆角 */
        }

        .form-input:focus {
            background-color: #e0f2f1; /* 聚焦时稍微变色 */
        }

        /* 必填星号样式 */
        .required::before {
            content: "*";
            color: red;
            margin-right: 4px;
        }

        /* --- 验证码行特殊处理 --- */
        .captcha-row .form-group {
            display: flex;
            align-items: center;
        }

        .captcha-img {
            height: 56px;
            margin-left: 15px;
            padding: 0 10px;
            background-color: var(--input-bg);
            border-radius: var(--radius);
            font-weight: bold;
            color: var(--primary-color);
            font-family: 'Courier New', Courier, monospace;
            letter-spacing: 2px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            user-select: none;
        }

        /* --- 按钮行 --- */
        .button-row {
            display: flex;
            justify-content: space-between;
            gap: 20px;
            margin-top: 30px;
        }

        .btne {
            flex: 1;
            height: 56px;
            border: none;
            border-radius: var(--radius);
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: opacity 0.3s;
        }

        .btn-reset {
            background-color: var(--input-bg);
            color: var(--primary-color);
        }

        .btn-submit {
            background-color: var(--primary-color);
            color: #fff;
        }

        .btn:hover {
            opacity: 0.9;
        }

        /* --- 响应式适配 (手机端) --- */
        @media (max-width: 600px) {
            .form-row, .button-row {
                flex-direction: column;
                gap: 15px;
            }
            
            .form-input, .btn {
                height: 48px; /* 手机端稍微矮一点 */
            }

            .captcha-img {
                height: 48px;
            }
        }



.contact{overflow:hidden;}
.contact .list{margin-top:4%;border:1px solid #e2e2e2;position:relative;}
.contact .list li{width:33.33%;padding:4%;float:left;position:relative;}
.contact .list li img{width:80%;max-width:200px;margin:40px auto 60px;display:block;}
.contact .list li .title{font-weight:bold;color:#333;}
.contact .list li .wz{font-size:16px;line-height:24px;color:#999;}
.contact .list li .con{font-weight:bold;color:#333;}
.contact .list .line{width:1px;height:100%;background:#e2e2e2;position:absolute;left:33.33%;top:0;}
.contact .list .line2{left:66.66%;}


.message{background:url(../images/message_bg.jpg) center no-repeat;background-size:cover; width: 80%;}
.message .box{padding:96px;background:#FFF;}
.message .box .title{float:left;width:30%;}
.message .box .title .en{font-size:42px;color:#255ba9;line-height:50px;font-weight:bold;font-family:"Times New Roman", Times, serif;}
.message .box .title .en span{
	display:inline-block;
    background-image:-webkit-gradient(linear, left top, right top, from(#18943b), to(#65b167));
    background-image:linear-gradient(to right, #18943b, #65b167);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.message .box .title .cn{font-size:32px;color:#333;line-height:42px;font-weight:bold;margin-top:10px;}
.message .box .title .txt{font-size:14px;color:#666;line-height:24px;margin-top:34px;overflow:hidden;}
.message .box .title .hx{width:32px;height:2px;background-color:#18943b;margin-top:24px;}
.message .box .title .tel{font-size:16px;color:#666;line-height:24px;overflow:hidden;margin-top:34px;}
.message .box .title .tel p{font-size:24px;font-weight:bold;color:#18943b;margin-top:12px;}

.message .box .form{width:100%;float:left; margin-top: 30px;}
.message .box .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;}
.message .box .form #captcha{width:24.4%;}
.message .box .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;}
.message .box .form .guestimg{width:160px;height:52px;float:left;}
.message .box .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(#d80020), to(#d80020));
background-image: linear-gradient(to right, #d80020, #d80020);
-webkit-transition:all 0.6s;transition:all 0.6s;}
.message .box .form .submit:hover{opacity: 0.8;}






.productList{width:78%;float:right;}
.productList li{width:100%;padding:0 4%;margin-bottom:4%;float:left;position:relative;background:#f8f8f8;}
.productList li .txt{width:60%;padding:40px 0;float:left;}
.productList li .txt .title{font-weight:bold;}
.productList li .txt .title2{font-size:18px;font-weight:bold;margin-top:2%;}
.productList li .txt .wz{height:112px;margin-top:2%;overflow:hidden;}
.productList li .txt a{width:156px;height:52px;font-size:16px;margin-top:20px;border:1px solid #e2e2e2;border-radius:26px;overflow:hidden;float:left;}
.productList li .txt a:nth-of-type(2){margin-left:40px;}
.productList li .txt a img{margin-left:20px;}
.productList li .txt a:hover{color:#FFF;background:#18943b;}
.productList li .txt a:hover img{display:none;}
.productList li .img{width:34%;height:100%;position:absolute;right:4%;top:0;}
.productList li .img img{width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover;display:block;}


.news{background:#f5f5f6;}
.newsList{ margin-top: 40px;}
.newsList li{width:31%;height:auto;margin-right:3.5%;margin-top:3.5%;float:left;position:relative;}
.newsList li:nth-of-type(3n){margin-right:0;}
.newsList li a{display:block;}
.newsList li .pic{}
.newsList li .wz{padding:28px; padding-left: 0px;}
.newsList li .wz .bt{height:64px;font-size:30px;color:#000;font-weight:bold;line-height:32px;overflow:hidden;}
.newsList li .wz .time{height:24px;font-size:18px;color:#666666;line-height:24px;overflow:hidden;font-family:bahnschrift;}
.newsList li .wz .con{height:72px;font-size:16px;line-height:24px;overflow:hidden;margin-top:20px;}
.newsList li .wz .link{height:24px;font-size:16px;color:#d80020;line-height:24px;overflow:hidden;margin-top:20px;}

.videoList li{width:31%;height:auto;margin-right:3.5%;margin-top:3.5%;float:left;position:relative;background:#FFF;}
.videoList li:nth-of-type(3n){margin-right:0;}
.videoList li .img{height:auto;}
.videoList li .img img{width:100%;display:block;}
.videoList li .videoBtn{width:100%;height:calc(100% - 32px);position:absolute;left:0;top:0;}
.videoList li .videoBtn a{width:20%;z-index:20;}
.videoList li .videoBtn a img{width:100%;display:block;}
.videoList li .wz{width:100%;height:42px;font-size:16px;color:#333;line-height:42px;padding:0 15px;overflow:hidden;}


.partyList li{width:100%;height:auto;margin-top:3.5%;float:left;position:relative;background:#FFF;}
.partyList li a{display:block;}
.partyList li .time{width:16%;margin-top:4%;font-size:20px;color:#666;line-height:24px;text-align:center;overflow:hidden;font-family:bahnschrift;float:left;}
.partyList li .time img{display:block;margin:auto;}
.partyList li .time b{font-size:60px;font-weight:normal;line-height:64px;margin-top:10px;display:block;}
.partyList li .wz{width:84%;padding:4% 6%;float:right;}
.partyList li .wz .bt{height:32px;font-size:24px;color:#333;font-weight:bold;line-height:32px;overflow:hidden;}
.partyList li .wz .con{height:72px;font-size:16px;line-height:24px;margin-top:20px;overflow:hidden;}
.partyList li .wz .link{height:24px;font-size:16px;color:#999;line-height:24px;margin-top:20px;overflow:hidden;}
.partyList li .line{width:1px;height:100%;background:#e2e2e2;position:absolute;left:16%;top:0;}
.partyList li .bar{width:0;height:3px;background:#db1818;position:absolute;left:0;bottom:0;-webkit-transition: all 0.35s;transition: all 0.35s;}

.partyList li a:hover .bar{width:100%;}
.partyList li a:hover .time{color:#db1818;}
.partyList li a:hover .wz .link{color:#db1818;}


.showsList li{width:31.6%;float:left;margin-right:2.6%;margin-top:3%;}
.showsList li:nth-of-type(3n){margin-right:0;}
.showsList li a{display:block;}
.showsList li a .img{position:relative;}
.showsList li a .img .pic{z-index:10;}
.showsList li a .wz{height:24px;font-size:16px;line-height:24px;padding-left:24px;margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;}
.showsList li a .wz:before {
	content:"";
	position:absolute;
	left:0;
	top:6px;
	width:12px;
	height:12px;
	background:#d80020;
	border-radius:50%;
}

.honorList li{width:23.2%;float:left;margin-right:2.4%;margin-top:3%;}
.honorList li:nth-of-type(4n){margin-right:0;}
.honorList li a{display:block;}
.honorList li a .img{position:relative;}
.honorList li a .img .pic{z-index:10;}
.honorList li a .wz{height:24px;font-size:16px;line-height:24px;margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;}



/* --新闻详情页-- */
.article{width:70%;float:left;background:#FFF;box-shadow:0 0 20px rgba(0,0,0,0.05);}
.article .title{padding:30px 0;border-bottom:1px solid #e2e2e2;}
.article .title .time{width:120px;font-size:16px;line-height:24px;text-align:center;color:#009bb3;float:left;position:relative;}
.article .title .time p{font-weight:bold;}
.article .title .time:after{
    content: "";
    position: absolute;
    right: 0;
    top: 8px;
    width: 1px;
    height: 32px;
    background-color: #e2e2e2;
}
.article .title h1{width: calc(100% - 120px);font-size:32px;line-height:42px;padding:0 30px;float:right;}

.article .aside{padding:30px 30px 30px 0;}
.article .aside .share{width:120px;text-align:center;float:left;position:relative;}
.article .aside .share .author{line-height:24px;}
.article .aside .share .click{line-height:24px;margin-top:20px;}
.article .aside .share .link{margin-top:60px;}
.article .aside .share .bt{font-size:13px;color:#999;}
.article .aside .share .wz{font-size:14px;color:#333;}
.article .aside .share .click .wz{font-size:20px;color:#18943b;font-family:bahnschrift;}
.article .aside .share .link li{width:30px;height:30px;margin:20px auto 0;cursor:pointer;position:relative;}
.article .aside .share .link li .icon{width:30px;height:30px;padding:5px;background:#ddd;border-radius:50%;overflow:hidden;}
.article .aside .share .link li .icon img{width:20px;height:20px;display:block;}
.article .aside .share .link li.wx:hover .icon{background:#16c3a2;}
.article .aside .share .link li.wb:hover .icon{background:#ff3939;}
.article .aside .share .link li.mo:hover .icon{background:#10977b;}
.article .aside .share .link li .under{width:120px;height:0;background:#FFF;left:50px;top:-10px;z-index:10;position:absolute;overflow:hidden;}
.article .aside .share .link li .under img{width:110px;height:110px;margin:5px auto 0;display:block;}
.article .aside .share .link li .under p{font-size:12px;text-align:center;line-height:20px;padding:5px 0;color:#999;}
.article .aside .share .link li.wx:after {
    content: '';
    position: absolute;
    right: -20px;
    top: 4px;
    z-index: 0;
    width: 0;
    height: 0;
    border: 10px solid transparent;
}
.article .aside .share .link li.wx:hover:after{border-right-color:#FFF;}
.article .aside .share .link li.wx:hover .under{height:auto;}

.article .aside .txt{width: calc(100% - 150px);float:right;}
.article .aside .txt .wz{font-size:16px;line-height:28px;}
.article .aside .txt .wz p{font-size:16px;line-height:28px;margin-bottom:20px;text-indent:2em;}
.article .aside .txt .wz img{max-width:80%;margin:auto;display:block;}


.preview{width:25%;padding:30px 24px 10px;float:right;background:#FFF;box-shadow:0 0 20px rgba(0,0,0,0.05);}
.preview .bt{font-weight:bold;}
.preview ul li{padding:15px 0;border-top:1px solid #e2e2e2;}
.preview ul li:nth-of-type(1){border:none;}
.preview ul li .time{color:#999;height:24px;font-size:14px;line-height:24px;overflow:hidden;}
.preview ul li .wz{height:48px;font-size:16px;line-height:24px;overflow:hidden;}
.preview ul li .wz a{color:#000;}
.preview ul li .wz a:hover{color:#18943b;}




/* --翻页-- */
.indetails_upDown {
    position: relative;
	padding:30px 40px 40px;
    border-top: 1px solid #e2e2e2;
}
.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: #18943b;
}
.indetails_upDown .next:hover a{
    color: #18943b;
}
.indetails_upDown .ret {
    font-size: 14px;
    color: #fff;
    line-height: 34px;
    text-align: center;
    background-color: #009bb3;
    width: 110px;
    height: 34px;
	margin:40px auto 0;
	display:block;
}
.indetails_upDown .ret:hover {
    color: #fff;
    opacity: 0.8;
}


.skew{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background:#d80020;-webkit-transition:all 0.35s;transition:all 0.35s;}
.showsList li a:hover .skew,.honorList li a:hover .skew{box-shadow:2px 2px 10px rgba(0,0,0,0.2);transform: rotate(-5deg);-webkit-transform: rotate(-5deg);}



/* 图片切换 */

.slick-slider { display: block;/* box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent;*/ }

.slick-slider *:focus { outline: none;}

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-loading .slick-list { background: white url(../images/loading.gif) center center no-repeat; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

.slick-slide img { display: block; max-width:100%; height:auto;}

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto;   }

/* Arrows */

.slick-prev, .slick-next { position:absolute;display:block;height:119px;width:65px;cursor:pointer;z-index:80;top:50%; margin-top:-59.5px;padding:0;outline:none;text-indent:-9999px;  border-radius:0px; background-color: transparent; background-repeat:no-repeat; background-position:center;opacity: 1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; border:none;}

.slick-prev:focus, .slick-next:focus { outline: none; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before {  font-size: 20px; line-height: 1; color: white; opacity: 1.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left:-2%; background-image:url(../images/arrowleft.png);}

.slick-next { right:-2%; background-image:url(../images/arrowright.png);}

.slick-prev:hover {opacity: 1.0;}

.slick-next:hover {opacity: 1.0;}

/* Dots */

.slick-slider { }

.slick-dots { position: absolute; bottom:40px; list-style: none; display: block;padding: 0px; width: 100%; text-align:center; left:0;}

.slick-dots li { position: relative; display: inline-block; height:14px; width: 14px; margin: 0px 3px; padding: 0px; cursor: pointer; }

.slick-dots li button { background:#CCC; display: block; height:10px;width: 10px; padding: 0px; cursor: pointer; outline: none; text-indent:-9999px;-moz-opacity:0.4; opacity:0.4;filter:alpha(opacity=40);border-radius:100px;border: none; overflow:hidden;}

.slick-dots li button:focus { outline: none; }

.slick-dots li.slick-active button {background: #00705a;border: none; opacity:1.5;}


.min500 { }

.phistory {background:url(../images/xline1.png) left center repeat-x;position:relative; padding-top: 79px;}

.slick8 { width:1400px; margin:auto;}

.slick8 li{ width:450px;height:168px;border-left:rgba(191,191,191,0.5) 1px solid;position:relative;}

.slick8 li *{ display:block; overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}

.slick8 li i { width:15px; height:15px; position:absolute; left:-8px; bottom:-3px; z-index:3; background:#d80020; border-radius:100px; }

.slick8 li img{width:140px;height:100px;float:left;border-radius:10px; margin-left:8px;}

.slick8 li span{width:230px;float:left; padding:10px 0px 0px 20px;}

.slick8 li span h1{font-size:26px; font-weight:bold; color:#000;}

.slick8 li span h3{font-size:14px; line-height:24px;color:#000; }



.ls1 {margin-left:40px;}

.ls2 {margin-top:175px;margin-left:-60px!important;height:100px!important;padding-top:90px;}

.ls2 i{ bottom:0px ;top:-15px; }

.slick8 .slick-slide.slick-current.slick-active h1{color:#004f9e;}



.content {
	padding-top: 80px;
  font-family: Verdana;
  font-size: 14px;
  position: relative;
 
  margin:0 auto;
}
.content * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.org-chart {
  display: block;
  clear: both;
  margin-bottom: 30px;
  position: relative;
  /**
  * For IE 6/7 only
  * Include this rule to trigger hasLayout and contain floats.
  */
  /* Box colors */
  /* 1 column */
  /* 2 column */
  /* 3 column */
  /* DEPARTMENTS COLUMNs */
}
.org-chart.cf:before, .org-chart.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.org-chart.cf:after {
  clear: both;
}
.org-chart.cf {
  *zoom: 1;
}
.org-chart ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.org-chart ul li {
  position: relative;
}
.org-chart ul li span {
  display: block; font-weight: 100;
 
  text-align: center;
  overflow: hidden;
  text-decoration: none;
  color: black;
  font-size: 30px;
  box-shadow: 4px 4px 9px -4px rgba(0, 0, 0, 0.4);
  -webkit-transition: all linear .1s;
  -moz-transition: all linear .1s;
  transition: all linear .1s;
  background: #92D4A8;
  padding: 4px;
}
.org-chart ul .first{ width: 70% !important;}
.org-chart ul .second{ width: 70% !important;}
.org-chart ul li .fdb{ background: #d80020; color: #fff; font-size: 30px; height: 74px; line-height:63px;}
.org-chart .lvl-b {
  background: #f5f5f5;
  color: #000;
}
.org-chart .board {
  width: 70%;
  margin: 0 auto;
  display: block;
  position: relative;
}
.org-chart .board:before {
  content: "";
  display: block;
  position: absolute;
  height: 728px;
  width: 0px;
  border-left: 2px solid #e0e1e3;
  margin-left: 49%;
  top: 22px;
}
.org-chart ul.columnOne {
  height: 120px;
  position: relative;
  width: 100%;
  display: block;
  clear: both;
}
.org-chart ul.columnOne li {
  width: 30%;
  margin: 0px auto;
  top: 20px;
}
.org-chart ul.columnTwo {
  position: relative;
  width: 100%;
  display: block;
  height: 90px;
  clear: both;
}
.org-chart ul.columnTwo li:first-child {
 
}
.org-chart ul.columnTwo li {
  width: 30%;
  float: right;
}
.org-chart ul.columnTwo:after {
  content: "";
  display: block;
  position: relative;
  width: 21%;
  height: 10px;
  border-top: 2px solid #e0e1e3; float: right;
 
  top: 32px;
}
.org-chart ul.columnThree {
  position: relative;
  width: 100%;
  display: block;
  clear: both;
}
.org-chart ul.columnThree li:first-child {
  width: 30%;
  float: left;
  margin-left: 0;
}
.org-chart ul.columnThree li {
  width: 30%;
  margin-left: 5%;
  float: left;
}
.org-chart ul.columnThree li:last-child {
  width: 30%;
  float: right;
  margin-left: 0;
}
.org-chart ul.columnThree:before {
  content: "";
  display: block;
  position: relative;
  width: 80%;
  height: 10px;
  border-top: 2px solid orange;
  margin: 0 auto;
  top: 40px;
}
.org-chart .departments {
  width: 100%;
  display: block;
  clear: both;
}
.org-chart .departments:before {
  content: "";
  display: block;
  width: 85%;
  height: 22px;
  border-top: 2px solid #e0e1e3;
  border-left: 2px solid #e0e1e3;
  border-right: 2px solid #e0e1e3;
  margin: 0 auto;
  top: 0px;
}
.org-chart .department {
 
  width: 16%;
  float: left;
  margin: 0px 4px;
}
.org-chart .department:after {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 22px;
  border-left: 2px solid #e0e1e3;
  left: 50%;
  top: -22px;
}
.org-chart .department:first-child:after {
  display: none;
}
.org-chart .department:last-child:after {
  display: none;
}
.org-chart .department.central {
  background: #F5EEC9;
}
.org-chart .department.central:after {
  display: none;
}
.org-chart .department span {

}
.org-chart .department em{ display: block; margin: 0px auto; text-align: center;}
.org-chart .department font{ color: #bebebe; font-size: 14px;display: block; margin: 0px auto; text-align: center;}
.org-chart .department li {
  padding-left: 25px;
  border-bottom: 2px solid orange;
  height: 80px;
}
.org-chart .department li span {
  background: #92D4A8;
  top: 38px;
  position: absolute;
  z-index: 1;
  width: 95%;
  height: auto;
  vertical-align: middle;
  right: 0px;
  line-height: 14px;
  border: 3px solid orange;
}
.org-chart .department .sections {
  margin-top: -20px;
}

/* MEDIA QUERIES */
@media all and (max-width: 767px) {
  .org-chart .board {
    margin: 0px;
    width: 100%;
  }
  .org-chart .departments:before {
    border: none;
  }
  .org-chart .department {
    float: none;
    width: 100%;
    margin-left: 0;
    background: #F5EEC9;
    margin-bottom: 40px;
  }
  .org-chart .department:before {
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 60px;
   
    z-index: 1;
    top: -45px;
    left: 0%;
    margin-left: -2px;
  }
  .org-chart .department:after {
    display: none;
  }
  .org-chart .department:first-child:before {
    display: none;
  }
}
/*--------- TO BE REMOVED FROM YOUR CSS --*/
/* this is just to display the behaviour of responsive on codepen */
.responsive-content {
  width: 767px;
  margin: 0px auto;
}
.responsive-content .org-chart .board {
  margin: 0px;
  width: 100%;
}
.responsive-content .org-chart .departments:before {
  border: none;
}
.responsive-content .org-chart .department {
  float: none;
  width: 100%;
  margin-left: 0;
  background: #F5EEC9;
  margin-bottom: 40px;
}
.responsive-content .org-chart .department:before {
  content: "";
  display: block;
  position: absolute;
  width: 15px;
  height: 60px;
  border-left: 2px solid orange;
  z-index: 1;
  top: -45px;
  left: 0%;
  margin-left: -2px;
}
.responsive-content .org-chart .department:after {
  display: none;
}
.responsive-content .org-chart .department:first-child:before {
  display: none;
}




.honorlist{overflow:hidden; margin-top: 64px;}
.honorlist a{width:22.75%;margin-right:3%;margin-bottom:2%;border:1px solid #eee;float:left;display:block;}
.honorlist a:nth-of-type(4n){margin-right:0;}
.honorlist a .img{height:326px;line-height:266px;text-align:center;padding:30px;background:#FFF;overflow:hidden;}
.honorlist a .img img{max-width:100%;max-height:266px;margin:auto;-o-object-fit:cover;object-fit:cover;}
.honorlist a .bt{height:58px;font-size:16px;line-height:58px; text-align: center; overflow:hidden;border-top:1px solid #eee;}
.honorlist a:hover .img img{-webkit-transform:scale(1.08);transform:scale(1.08);}
.honorlist a:hover .bt{color:#0b82ca;}

.inner_product{ background: #fbfbfb;  overflow: hidden;}
.inner_product_l{ width: 20%; float: left;}
.inner_product_l_tit{ height: 133px; text-align: center; line-height: 133px; color: #fff; background: #d80020; font-size: 36px;}
.inner_product_mid{ background: #fff;}
.inner_product_mid ul li{ height: 127px; line-height: 127px; border-bottom: 1px solid #d2d2d2; text-align: center;}
.inner_product_mid ul li span{ font-size: 24px; } 
.inner_product_mid ul li font{ color: #808080;font-size: 24px !important; margin-top: 5px;}
.inner_product_mid ul li:hover a{ background: #d80020;display: block; color: #fff;}
.inner_product_mid ul li:hover a font{ color: #fff;}

.inner_product_r { margin-left: 4%; width: 67%; float: left;}
.inner_product_r_tit{ color: #000000; font-size: 30px; height: 80px; line-height: 80px; border-bottom: 1px solid #d2d2d2; margin-top: 54px;}
.inner_pic_l{ width: 41%; float: left; margin-top: 55px;}
.inner_pic_l img{ max-width: 100%;}
.inner_tex_r{ width: 54%; float: right;margin-top: 55px;}
.inner_bt1{ color: #000; font-size: 36px; font-weight:bold; margin-bottom: 20px;}
.inner_bt2{ margin-top: 32px; color: #212121;font-size: 18px; font-weight:bold;}
.inner_bt3{ margin-top: 32px;}
.inner_bt3 em{ margin-right: 8px;}


.inner_tex_r .inner_bt4 a{width:156px;height:52px;font-size:16px; background: #d80020; margin-top:30px;border:1px solid #d80020;border-radius:26px;overflow:hidden;float:left; color: #fff;}
.inner_tex_r .inner_bt4 a:nth-of-type(2){margin-left:40px;}
.inner_tex_r .inner_bt4 a img{margin-left:20px;}
.inner_tex_r .inner_bt4 a:hover{color:#FFF;background:#d80020;}
.inner_tex_r .inner_bt4 a:hover img{display:none;}

.xijie1{ color:#212121; font-size: 30px; font-weight: bold;}
.inner_detail{ margin-top: 70px;}
.xijie2{ width: 33px; height: 5px; background: #d80020; margin-top: 25px;}
.inner_detail_pic{ margin-top: 42px;}

.lxfs ul li{ float: left; width: 31%; height: 266px; margin-right: 2%; border: 1px solid #dfdfdf; margin-top: 62px;}
.lxfs ul li .lxfs_mid{ width: 80%; margin: 0px auto; margin-top: 89px; }
.lxfs ul li:nth-of-type(3){ margin-right: 0px;}
.lxfs ul li:nth-of-type(1) .lxfs_mid .lxfs_mid1{ color: #000000; font-size: 24px;padding-left: 35px;
    background: url(../images/add.png) no-repeat left center;}
.lxfs ul li:nth-of-type(2) .lxfs_mid .lxfs_mid1{ color: #000000; font-size: 24px;padding-left: 35px;
    background: url(../images/rlzy.png) no-repeat left center;}
.lxfs ul li:nth-of-type(3) .lxfs_mid .lxfs_mid1{ color: #000000; font-size: 24px;padding-left: 35px;
    background: url(../images/scyx.png) no-repeat left center;}
.lxfs ul li .lxfs_mid .lxfs_mid2{ margin-top: 23px; color: #404040; font-size: 20px;}
.contact_map_l{ width: 50%; float: left;}

.contact_map_r{ float: right;width: 50%;background: url(../images/contact.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden; height: 778px;}




.job .list li{width:23.5%;margin-right:2%;margin-top:3%;padding:4% 2% 2%;float:left;background:#FFF;cursor:pointer;position:relative; border: 1px solid #dfdfdf; border-radius: 10px;}
.job .list li:last-child{margin-right:0;}
.job .list li img{height:68px; text-align: center; margin: 0px auto;display:block;-webkit-transition: all 0.5s;transition: all 0.5s;}
.job .list li h3{margin-top:8%; color: #111111; font-size: 24px; font-weight: bold; text-align: center;}

.job .list li i {
    display: block;
    width: 30px;
    height: 3px;
    background: #d80020;
	margin-top: 2rem;
   
}
.job .list li p{height:180px;font-size:16px;color:#303030;line-height:28px;margin-top:35px;overflow:hidden;}
.job .list li:hover img{
	-webkit-transform: rotatey(180deg);
	transform: rotatey(180deg);
}

.job .box{width:100%;margin-top:3%;padding:4%;text-align:center;background:#FFF;cursor:pointer;position:relative;}
.job .box img{margin:6px auto 0;display:block;}
.job .box p{font-size:15px;color:#666;line-height:28px;margin-top:2%;overflow:hidden;}
.joss{ padding-top: 208px;}
.jobs_bg{background: url(../images/jobs_bg.jpg) no-repeat top;
   
    margin-top: 92px;}
.jiaru{ font-size: 30px; color: #fff; margin-top: 48px;}

.jos_mid{ background: #fff; border-radius: 20px; overflow: hidden;}

.contact-map {

  overflow: hidden;

}

 .contact-map #dituContent {

  width: 100%;

  height: 778px;



}



/* --- 1. 基础重置与防冲突命名空间 --- */
        .history-section {
            --primary-color: #009bb3; /* 激活状态：青色 */
            --inactive-color: #fff; /* 未激活：灰色 */
            --line-color: #444444; /* 线段颜色 */

            font-family: "Microsoft YaHei", sans-serif;
           background: url(../images/innerfz.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;
            color: #fff;
            padding: 60px 20px;
            position: relative;
            overflow: hidden;
            padding-top: 161px;;
            padding-bottom: 90px;
            margin-top: 52px;
        }

        /* --- 2. Swiper 容器重置 --- */
        .history-section .swiper {
            width: 100%;
            height: auto; /* 关键：高度自适应，防止塌陷 */
            padding-bottom: 220px; /* 给底部导航留出空间 */
            overflow: visible; /* 允许内容溢出显示 */
           
        }

        .history-section .swiper-slide {
            text-align: center;
            font-size: 18px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            opacity: 0.4; /* 默认透明度 */
            transition: opacity 0.3s ease;
             background: rgba(255,255,255,0);
        }

        /* 激活态样式：Swiper 会自动给当前 slide 加这个类 */
        .history-section .swiper-slide-active {
            opacity: 1; /* 当前页完全不透明 */
        }

        .history-section .year-title {
            font-size: 48px;
            font-weight: bold;
            margin-bottom: 15px;
            display: block;
        }

        .history-section .desc-text {
            font-size: 16px;
            line-height: 1.6;
            color: #fff;
            max-width: 800px;
            margin: 0 auto;
            display: block;
        }

        /* --- 3. 底部导航条样式 (重点修复区域) --- */
        .timeline-nav {
            position: relative;
          
            margin: 0 auto; /* 居中 */
            display: flex;
            justify-content: space-between;
            align-items: center;
           
            box-sizing: border-box;
        }

        /* 背景长线段 */
        .timeline-nav::before {
            content: "";
            position: absolute;
            top: 16%;
            left: 56px; /* 对应 padding */
            right: 56px; /* 对应 padding */
            height: 1px;
            background-color: var(--line-color);
            z-index: 1; /* 线段在底层 */
        }

        /* 单个节点容器 */
        .timeline-item {
            position: relative;
            z-index: 2; /* 节点在顶层，盖住线段 */
            display: flex;
            flex-direction: column;
            align-items: center;
            cursor: pointer;
          
        }

        /* 圆点样式 */
        .timeline-item .dot {
            width: 12px;
            height: 12px;
            background-color: var(--inactive-color);
            border-radius: 50%;
            margin-bottom: 10px;
            transition: all 0.3s ease;
            box-shadow: 0 0 5px rgba(0,0,0,0.5);
        }

        /* 文字样式 */
        .timeline-item .label {
            font-size: 14px;
            color: var(--inactive-color);
            transition: color 0.3s ease;
            line-height: 1.4;
        }

        /* --- 4. 激活状态特效 --- */
        /* 当 JS 添加 .active 类时触发 */
        .timeline-item.active .dot {
            background-color: var(--primary-color);
            transform: scale(1.4); /* 放大圆点 */
            box-shadow: 0 0 15px var(--primary-color); /* 发光效果 */
        }

        .timeline-item.active .label {
            color: var(--primary-color);
            font-weight: bold;
        }

        /* 响应式调整 */
        @media (max-width: 768px) {
            .history-section .year-title { font-size: 24px; }
            .history-section .desc-text { font-size: 12px; padding: 0 10px; }
            .timeline-nav { width: 100%; padding: 0 10px; }
            .timeline-item { width: 60px; }
            .timeline-item .label { font-size: 12px; }
        }

/* 弹窗遮罩层 */
.gsjj-modal-overlay {
  display: none; /* 默认隐藏 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色背景 */
  z-index: 9999; /* 确保在最顶层 */
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(2px); /* 背景模糊效果，可选 */
}

/* 弹窗容器 */
.gsjj-modal-container {
  background-color: #fff;
  width: 90%;
  max-width: 600px; /* 最大宽度 */
  max-height: 80vh; /* 最大高度，防止溢出屏幕 */
  border-radius: 15px; /* 大圆角 */
  padding: 30px 25px;
  position: relative;
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
  overflow-y: auto; /* 内容过多时滚动 */
  animation: gsjj-fade-in 0.3s ease-out; /* 弹窗动画 */
}

/* 关闭按钮 */
.gsjj-modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  border: none;
  cursor: pointer;
  color: #999;
  transition: color 0.2s;
  padding: 5px;
  z-index: 10;
}

.gsjj-modal-close:hover {
  color: #333;
  background-color: #f0f0f0;
  border-radius: 50%;
}

/* 标题样式 (参考截图的青色) */
.gsjj-modal-title {
  color: #009bb3; /* 青绿色标题 */
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 0;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 10px;
}

/* 内容文本样式 */
.gsjj-modal-body {
  color: #555;
  line-height: 1.8;
  font-size: 15px;
  text-align: justify;
}

.gsjj-modal-body p {
  margin-bottom: 15px;
}

/* 简单的淡入动画 */
@keyframes gsjj-fade-in {
  from { opacity: 0; transform: translateY(-20px); }
  to { opacity: 1; transform: translateY(0); }
}

    /* --- 主容器 --- */
        .hero-section {
            position: relative;
            width: 100%;
            height: 1000px; 
            overflow: hidden; 
        
            background: url('../images/wh.jpg') no-repeat center center;
            background-size: cover;
        }

      
        .hero-text {
            position: relative;
            z-index: 10; /* 确保文字在最上层 */
            text-align: center;
            padding-top: 60px;
            color: #333; /* 根据背景亮度调整文字颜色，如果是深色背景可改为 #fff */
             padding-bottom: 60px;
        }

        .hero-text h1 {
            font-size: 52px;
            font-weight: bold;
            letter-spacing: 2px;
            margin-bottom: 10px;
        }

        .hero-text p {
            font-size: 16px;
            color: #666;
            font-weight: 300;
        }

        /* --- 无限循环箭头图层 --- */
        .infinity-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            /* 2. 设置无限循环箭头图 */
            background: url('../images/quan.png') no-repeat center center;
            background-size: contain; /* 保证图片完整显示 */
            pointer-events: none; /* 让点击事件穿透图层 */
            z-index: 5;
        }

        /* --- 三个圆圈内的文字容器 --- */
        .circle-content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 10; /* 文字在箭头图之上 */
            display: flex;
            justify-content: space-around;
            align-items: center;
            padding: 0 0%; /* 左右留白 */
        }

        .item {
            text-align: center;
            width: 25%; /* 每个项的宽度 */
            color: #333; /* 文字颜色 */
        }

        .item h3 {
            font-size: 32px;
            font-weight: bold;
            margin-bottom: 8px;
            color: #555;
        }

        .item p {
            font-size: 16px;
            line-height: 1.6;
            color: #555;
        }

        /* --- 响应式调整 --- */
        @media (max-width: 768px) {
            .hero-section {
                height: 400px; /* 移动端高度减小 */
            }
            .hero-text h1 { font-size: 24px; }
            .hero-text p { font-size: 14px; }
            
            .item h3 { font-size: 16px; }
            .item p { font-size: 12px; }
        }

        .tab-box{ width: 100%;  }
.tab-box .tab{  text-align: center;}
.tab-box .tab ul li{ cursor: pointer;;}
.tab-box .tab ul li.action h2{ color: #000; }
.tab-box .box{width: 100%; height: auto; overflow:hidden; }
.tab-box .box .item{ display: none; height: auto; width: 100%;  }
.tab-box .box .item:first-child{display: block;}