.bg-333{ background-color: #333333; }

/* .banner-pc{ height: 800px; } */
.jiejue{ color: #ffffff; text-align: center; padding-right: 12.4%; padding-left: 12.4%;padding-top: 5.81270182992465vw;padding-bottom: 7.481162540365985vw;}
.jiejue-title{ font-size: 24px; margin-bottom: 30px; }
.jiejue-p {line-height: 35px; font-size: 12px; color: rgb(136, 136, 136)}

.public-title{ color: #ffffff; text-align: center; width: 100%; padding: 4.14424vw 12.4%;}
.public-title a{ color: #ffffff;  }

.public-stitle{ color: rgba(136,136,136,1); margin-top: 15px;  }

.form_item_wrap{ color: #666; margin-bottom: 20px; }
.form_item_wrap div{margin-bottom: 12px;}
.required_icon{ color: red; margin-left: 10px; }


.timer-shaft-box{width:100%;box-sizing: border-box;}

/* 顶部内容展示区容器 */
.timer-shaft-top-wrap{position:relative;margin-bottom:30px;min-height:300px;}
/* 每一页内容：左图右文，默认隐藏，active时显示 */
.timer-shaft-top{display:none;gap:40px;position:relative;min-height:300px;padding: 0 80px;}
.timer-shaft-top.active{display:flex;}

/* 内容区内的左右箭头 */
.shaft-arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;font-size:28px;color:#fff;transition:color .3s;background:var(--primary-color);border-radius:50%;}
.shaft-arrow:hover{color:#fff;}
.shaft-arrow.arrow-prev{left:10px;}
.shaft-arrow.arrow-next{right:10px;}
.timer-shaft-top .timer-shaft-img{flex:0 0 55%;overflow:hidden;}
.timer-shaft-top .timer-shaft-img img{width:100%;height:auto;display:block;border-radius:4px;}
.timer-shaft-top .timer-shaft-info{flex:1;display:flex;flex-direction:column;justify-content:center;}
.timer-shaft-top .timer-shaft-info .info-year{font-size:64px;font-weight:bold;color:#fff;margin-bottom:20px;line-height:1;}
.timer-shaft-top .timer-shaft-info .info-desc{font-size:14px;color:#aaa;line-height:2;white-space:normal;}

/* 时间轴区域 */
.timer-shaft{position:relative;width:100%;height:100px;padding:0 50px;box-sizing:border-box;overflow:hidden;}

/* 水平时间轴线 */
.timer-scale{position:relative;top:30px;left:0;height:20px;display:flex;align-items:center;justify-content:flex-start;font-size:0;transition:left 0.4s ease;}
/* 横线：用timer-scale的伪元素画一条贯穿的横线 */
.timer-scale::before{content:'';position:absolute;top:50%;left:0;width:9999px;height:1px;background:#555;z-index:1;}
/* 每个节点占1/5宽度 */
.timer-scale-cont{flex:0 0 20%;display:inline-flex;flex-direction:column;align-items:center;cursor:pointer;position:relative;z-index:2;}
.time-circle{width:16px;height:16px;border-radius:50%;background:#666;transition:all .3s;margin-bottom:0;}
.timer-scale-cont.hov .time-circle{width:32px;height:32px;background:#fff;border-radius:50%;}
.timer-year-text{font-size:13px;color:#666;font-weight:normal;transition:all .3s;white-space:nowrap;position:absolute;top:42px;left:50%;transform:translateX(-50%);}
.timer-scale-cont.hov .timer-year-text{color:#fff;font-weight:bold;font-size:15px;}
.line-scale{display:none;}

/* ===== 发展历程 移动端适配 ===== */
@media screen and (max-width:768px){
  .timer-shaft-top-wrap{margin-bottom:20px;min-height:auto;}
  .timer-shaft-top{flex-direction:column;gap:20px;min-height:auto;padding:15px 15px 10px;}
  /* 文字在上，图片在下 */
  .timer-shaft-top .timer-shaft-info{order:1;flex:none;text-align:center;padding:0 10px;}
  .timer-shaft-top .timer-shaft-img{order:2;flex:none;width:100%;}
  .timer-shaft-top .timer-shaft-info .info-year{font-size:42px;margin-bottom:10px;}
  .timer-shaft-top .timer-shaft-info .info-desc{font-size:13px;line-height:1.8;}
  /* 隐藏箭头 */
  .shaft-arrow{display:none!important;}
  /* 时间轴缩小 */
  .timer-shaft{height:80px;padding:0 20px;}
  .timer-scale{top:15px;}
  .time-circle{width:12px;height:12px;}
  .timer-scale-cont.hov .time-circle{width:24px;height:24px;}
  .timer-year-text{font-size:12px;top:32px;}
}

@media screen and (max-width:480px){
  .timer-shaft-top .timer-shaft-info{order:1;}
  .timer-shaft-top .timer-shaft-img{order:2;}
  .timer-shaft-top .timer-shaft-info .info-year{font-size:36px;}
  .timer-shaft-top .timer-shaft-info .info-desc{font-size:12px;}
  .timer-shaft{height:70px;padding:0 10px;}
  .timer-scale{top:10px;}
  .time-circle{width:10px;height:10px;}
  .timer-scale-cont.hov .time-circle{width:20px;height:20px;}
  .timer-year-text{font-size:11px;top:28px;}
}

/* 时间轴下方详细内容区 - 已移到顶部，此区域不再使用 */
.timer-shaft-content{display:none;}


/* ===== footer 底部（参考图三栏布局）===== */
footer{background-color:#000;padding:50px 0;}
footer .container.footer-main{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
}

/* 左侧：logo + 电话 */
.footer-left{flex:0 0 auto;text-align:left;}
.footer-left .footer-logo img{height:36px;width:auto;margin-bottom:12px;}
.footer-left .footer-hotline{font-size:14px;color:#999;margin-bottom:4px;}
.footer-left .footer-tel{font-size:28px;font-weight:bold;color:#fff;letter-spacing:1px;}

/* 中间：导航菜单 */
.footer-nav{flex:1;display:flex;justify-content:center;gap:40px;padding-top:5px;}
.footer-nav dl{margin:0;}
.footer-nav dt{font-size:16px;color:#fff;margin-bottom:12px;font-weight:normal;}
.footer-nav dd{margin:0;}
.footer-nav dd a{font-size:14px;color:#888;line-height:32px;display:block;}
.footer-nav dd a:hover{color:#fff;}

/* 右侧：二维码 */
.footer-qr{flex:0 0 auto;display:flex;gap:16px;}
.footer-qr .qr-item{text-align:center;}
.footer-qr .qr-item img{width:90px;height:90px;background:#fff;border-radius:4px;padding:3px;box-sizing:border-box;}
.footer-qr .qr-item p{font-size:14px;color:#fff;margin-bottom:15px;}

/* ===== tab_Content 左右布局（参考图）===== */
.tab_Content{
  display:flex;
  width:100%;
  margin:0 auto 50px;
  background:#1a1a1a;
  border-radius:4px;
  overflow:hidden; 
}

.tab_Content input{display:none;}

/* 左侧标签栏 */
.tab_Content .tab_sidebar{
  flex:0 0 180px;
  background:#111;
  display:flex;
  flex-direction:column;
}
.tab_Content .tab_sidebar label{
  /* flex:1; */
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  font-size:15px;
  color:#ccc;
  cursor:pointer;
  transition:all .3s;
  border-bottom:1px solid #222;
  text-align:center;
  box-sizing:border-box;
}
.tab_Content .tab_sidebar label span{
  display:block;
  line-height:1.5;
}
.tab_Content .tab_sidebar label:hover{
  color:#fff;
  background:#222;
}
.tab_Content #tab_list1:checked~.tab_sidebar label[for="tab_list1"],
.tab_Content #tab_list2:checked~.tab_sidebar label[for="tab_list2"],
.tab_Content #tab_list3:checked~.tab_sidebar label[for="tab_list3"]{
  background:#333;
  color:#fff;
  font-weight:bold;
}

/* 右侧内容区 */
.tab_Content ul{
  flex:1;
  list-style:none;
  margin:0;
  padding:0;
  position:relative;
  height:auto;
  min-height:300px;
  overflow:hidden;
}
.tab_Content ul li{
  display:none;
  padding:40px 50px;
  color:#999;
  font-size:14px;
  line-height:2;
}
.tab_Content #tab_list1:checked~ul li:nth-child(1),
.tab_Content #tab_list2:checked~ul li:nth-child(2),
.tab_Content #tab_list3:checked~ul li:nth-child(3){
  display:block;
}

/* 内容标题 */
.tab_Content h2{
  font-size:22px;
  color:#fff;
  margin:0 0 25px;
  font-weight:normal;
}

/* 企业文化 - 文字段落 */
.culture-text{
  margin:0;
  white-space:pre-line;
  color:#aaa;
  font-size:15px;
  line-height:2;
}
.culture-values{
  margin-top:10px;
  color:#aaa;
  font-size:15px;
  line-height:2;
}

/* 发展理念 - 编号列表 */
.idea-list{
  margin:0;
  padding-left:18px;
  color:#aaa;
  font-size:14px;
  line-height:2.2;
}
.idea-list li{margin-bottom:4px;}

/* 企业荣誉 - 证书图片横排 */
.honor-list{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}
.honor-list img{
  width:220px;
  height:220px;
  object-fit:cover;
  border-radius:4px;
  border:1px solid #333;
}

/* 企业荣誉 swiper */
.honor-swiper{
  width:100%;
  overflow:hidden;
  /* padding-bottom:30px; */
}
.honor-swiper .swiper-slide{
  width:auto;
  height:220px;
  flex-shrink:0;
}
.honor-swiper .swiper-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:4px;
  border:1px solid #333;
}
.honor-swiper .swiper-pagination{
  position:relative;
  text-align:center;
  margin-top:10px;
}
.honor-swiper .swiper-pagination-bullet{
  background:#555;
  width:8px;
  height:8px;
  opacity:1;
}
.honor-swiper .swiper-pagination-bullet-active{
  background:#fff;
  width:20px;
  border-radius:4px;
}

/* ===== 移动端适配 ===== */
@media screen and (max-width:768px){
  /* 左右布局保持不变，缩小尺寸 */
  .tab_Content{margin:0 auto 30px;}
  .tab_Content .tab_sidebar{
    flex:0 0 120px;
    min-width:120px;
  }
  .tab_Content .tab_sidebar label{
    padding:15px 10px;
    font-size:14px;
  }
  .tab_Content ul li{
    padding:25px 20px;
  }
  .tab_Content h2{font-size:18px;margin-bottom:15px;}
  .culture-text,.culture-values,.idea-list{font-size:13px;line-height:1.8;}
}

@media screen and (max-width:480px){
  /* 小屏：上下堆叠 */
  .tab_Content{flex-direction:column;}
  .tab_Content .tab_sidebar{
    flex:none;
    flex-direction:row;
    width:100%;
    min-width:unset;
  }
  .tab_Content .tab_sidebar label{
    flex:1;
    padding:12px 8px;
    font-size:13px;
    border-bottom:none;
    border-right:1px solid #222;
  }
  .tab_Content .tab_sidebar label:last-child{border-right:none;}
  .tab_Content ul li{
    padding:20px 15px;
    min-height:250px;
  }
  .tab_Content h2{font-size:16px;margin-bottom:12px;}
  .culture-text,.culture-values,.idea-list{font-size:12px;line-height:1.8;}
  .honor-swiper .swiper-slide{height:150px;}
}

/* footer 移动端 */
@media screen and (max-width:768px){
  footer .container.footer-main{
    flex-direction:column;
    align-items:center;
    text-align:center;
  }
  .footer-left{text-align:center;margin-bottom:20px;}
  .footer-nav{flex-wrap:wrap;gap:20px;justify-content:center;padding-top:0;}
  .footer-qr{margin-top:15px;}
  .footer-left .footer-tel{font-size:22px;}
}
@media screen and (max-width:480px){
  .footer-nav{flex-wrap:wrap;flex-direction:row;justify-content:center;gap:15px 20px;}
  .footer-nav dl{text-align:center;min-width:40%;}
  .footer-qr{justify-content:center;}
  .footer-nav dd a{color:#ccc;}
}