* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

ul {
	padding:0;
	margin:0;
}
ul li {
	list-style:none;
}
a {
	color:#337ab7;
	text-decoration:none;
}
h2,h3 {
	margin:0;
}
a:focus,a:hover {
	color:#23527c;
	text-decoration:none;
}
a:focus {
	outline:none;
	outline-offset:-2px;
}
@media (max-width:768px) {
	body {
	padding-top:60px;
}
}

@media (min-width:1450px) {
	.container {
	width:1370px;
}
}@media (min-width:1600px) {
	.container {
	width:1400px;
}
}





#toolbar .online-one li .tel-phone a{width:100%;height:100%;color:#fff;position: inherit;z-index: 9999;font-size: 18px;padding: 10px;}
/* ffffffffffffffffffffff */
.bners {
	position:relative;
}


.h-cplas {
	padding: 50px 0 70px;
}
.h-about {
	/* background:#faf9f4;
	*/
	background-size:100% 100%;
	padding: 0 0 50px 0;
	overflow:hidden;
}
.h-about .habo-top {
	display:flex;
	justify-content:space-between;
	padding-bottom:30px;
}
.h-leftall {
	width:100%;
	position:relative;
}
.h-left {
	/* position:absolute;
	*/
    padding-top:0;
	width:100%;
	/* background:rgb(255 255 255 / 65%);
	*/
    height:100%;
	left:0;
}
.h-about_s {
	position:relative;
	background: url(../images/bbc.jpg);
	padding: 50px 0 0;
}
.h-left h2 {
	font-size:24px;
	color:#666666;
	margin-bottom:30px;
	font-weight:normal;
}
.h-left h2 {
	font-weight:normal;
	font-size:18px;
	color:#666;
	line-height:40px;
	/* margin-top:6px;
	*/
    display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:7;
	overflow:hidden;
	/* text-transform:uppercase;
	*/
}
@media(max-width:991px) {
.h-about {
	/* background:none;
	*/
}
.h-leftall {
	/* width:50%;
	*/
}
.habo-top {
	/* display:block;
	*/
}
}@media(max-width:510px) {
.h-about {
	padding-top:0;
	padding:0;
}
}


.container {
	font-size:14px;
	line-height:24px;
}
/*  */
/**/
/*   */
@media (max-width:990px) {
	/*  body */
}/*  */

.w1200 {
	}
@media (max-width:1230px) {
	.w1200 {
	padding:0 15px;
}
}
/*  */
@media (max-width:768px) {
	body {
	padding-bottom:50px;
}
}
/*  */
@media (max-width:768px) {
	.habo-top {
	flex-wrap:wrap;
	padding:0 10px;
}
}
.abo-number {
	/* padding:2vw 0;
	*/
}
.abo-number li {
	}.abo-number li:not(:last-child) {
	margin-right:0;
}
.abo-number li h3 {
	color:#1a459f;
}
.abo-number li div span {
	font-size:24px;
	color:#1a459f;
	font-weight:600;
}
.abo-number li .wenti {
	margin:0px auto;
	text-align:left;
	color:#fff;
	padding: 20px;
}
.reyuer {
	padding: 50px 0;
}
.loknews {
	display:flex;
	justify-content:space-between;
	align-items:center;
}





   /* —————————— 全部唯一前缀：hero-banner —————————— */
    .hero-banner-container {
      width: 100%;
      height: 100vh;
      overflow: hidden;
      position: relative;
      z-index: 1;
    }

    .hero-banner-slide {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
      display: flex;
      align-items: center;
      position: relative;
    }

    .hero-banner-slide::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.25);
      z-index: 1;
    }

    .hero-banner-content {
      margin-left: 8%;
      z-index: 2;
      color: #fff;
      opacity: 0;
      transform: translateY(30px);
      transition: opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s;
    }

    .swiper-slide-active .hero-banner-content {
      opacity: 1;
      transform: translateY(0);
    }

    .hero-banner-content h2 {
      font-size: 3vw;
      font-weight: 700;
      line-height: 1.2;
      margin-bottom: 1.5rem;
    }

    .hero-banner-features {
      margin-bottom: 35px;
      font-size: 1vw;
      color: #fff;
    }

    .hero-banner-features p {
      margin: 0.4rem 0;
      padding-left: 1.2rem;
      position: relative;
    }

    .hero-banner-features p::before {
      content: "|";
      position: absolute;
      left: 0;
      color: #1c689c;
      font-weight: bold;
    }

    .hero-banner-btn {
      display: inline-block;
      padding: 0.8rem 2.2rem;
      background: #1c689c;
      color: #fff;
      text-decoration: none;
      border-radius: 2px;
      font-size: 1vw;
      font-weight: 600;
      transition: background 0.3s ease;
    }

    .hero-banner-btn:hover {
      background: #1565c0;
    }

    /* —————————— 分页器 强制显示 + 右侧垂直居中 —————————— */
  .hero-banner-container  .hero-banner-pagination {
      position: absolute !important;
      right: 9% !important;
      left: auto !important;
      top: 50% !important;
      transform: translateY(-50%) !important;
      z-index: 9999 !important; /* 强制在最上层 */
      display: block !important;
      opacity: 1 !important;
    }

    /* 分页器小点点样式（长条） */
  .hero-banner-container  .hero-banner-pagination .swiper-pagination-bullet {
      width: 6px !important;
      height: 24px !important;
      border-radius: 3px !important;
      background: #ffffff !important; /* 白色，一定看得见 */
      opacity: 0.7 !important;
      margin: 10px 0 !important;
      display: block !important;
    }

    /* 激活状态：红色 */
    .hero-banner-container .hero-banner-pagination .swiper-pagination-bullet-active {
      background: #f44336 !important;
      opacity: 1 !important;
    }
		
	
  .hero-banner-container.swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: auto;
    left: auto;
    width: auto;
}


/* //////////////////////////////// */
.index_f1{padding:50px 0;}
.index_f1 .index_auto1{margin-top:50px;}
  /* —————————— About板块唯一类名：about-youking —————————— */
    .about-youking-container {
      width: 100%;
      /* max-width: 1200px; */ /* 适配设计图宽度 */
      margin: 0 auto;
      display: flex;
      align-items: center;
      gap: 60px; /* 匹配设计图文字和图片的间距 */
      position: relative;
      opacity: 0;
      transform: translateY(20px);
      animation: fadeInUp 0.8s ease 0.2s forwards;
    }

    /* 全局渐入动画 */
    @keyframes fadeInUp {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    /* 右上角极简标识（带交互） */
    .about-youking-marker {
      position: absolute;
      top: 0;
      right: 0;
      display: flex;
      gap: 4px;
    }
    .about-youking-marker span {
      display: inline-block;
      width: 8px;
      height: 8px;
      background: #eee;
      border-radius: 50%;
      transition: all 0.3s ease;
      cursor: pointer;
    }
    .about-youking-marker span.active {
      background: #1c689c; /* 设计图蓝色 */
      transform: scale(1.2);
    }
    .about-youking-marker span:hover:not(.active) {
      background: #ccc;
      transform: scale(1.1);
    }

    /* 左侧文字区域（分步动画） */
    .about-youking-text {
      flex: 1;
    }

    /* 顶部小标题（延迟动画） */
    .about-youking-subtitle {
      font-size: 14px;
      color: #1c689c; /* 设计图浅蓝色 */
      letter-spacing: 1px;
      margin-bottom: 12px;
      font-weight: 500;
      opacity: 0;
      transform: translateX(-10px);
      animation: fadeInLeft 0.6s ease 0.4s forwards;
    }

    /* 主标题（延迟动画） */
    .about-youking-title {
      font-size: 42px; /* 匹配设计图字号 */
      font-weight: 700;
      line-height: 1.1;
      margin-bottom: 30px;
      opacity: 0;
      transform: translateX(-10px);
      animation: fadeInLeft 0.6s ease 0.6s forwards;
    }
    .about-youking-title .blue {
      color: #1c689c; /* About 蓝色 */
      display: block; /* 单独一行 */
    }
    .about-youking-title .black {
      color: #000; /* YouKing Mould 黑色 */
    }

    /* 正文内容（延迟动画） */
    .about-youking-desc {
      font-size: 15px;
      line-height: 1.8;
      color: #555; /* 匹配设计图文字灰度 */
      margin-bottom: 30px;
      /* max-width: 500px; */ /* 控制文字宽度，匹配设计图 */
      opacity: 0;
      transform: translateX(-10px);
      animation: fadeInLeft 0.6s ease 0.8s forwards;
    }

    /* 文字左滑渐入动画 */
    @keyframes fadeInLeft {
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }

    /* 按钮样式（增强交互） */
    .about-youking-btn {
      display: inline-block;
      padding: 12px 30px;
      background: #1c689c;
      color: #fff;
      text-decoration: none;
      font-size: 14px;
      font-weight: 500;
      border: none;
      cursor: pointer;
      border-radius: 2px;
      position: relative;
      overflow: hidden;
      transition: all 0.3s ease;
      opacity: 0;
      transform: translateY(10px);
      animation: fadeInUpBtn 0.6s ease 1s forwards;
    }

    /* 按钮渐入动画 */
    @keyframes fadeInUpBtn {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    /* 按钮hover效果 */
    .about-youking-btn:hover {
      background: #1c689c;
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(33, 150, 243, 0.3);
    }
    /* 按钮点击波纹效果 */
    .about-youking-btn::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 0;
      height: 0;
      background: rgba(255, 255, 255, 0.2);
      border-radius: 50%;
      transform: translate(-50%, -50%);
      transition: width 0.6s ease, height 0.6s ease;
    }
    .about-youking-btn:active::after {
      width: 300px;
      height: 300px;
      opacity: 0;
    }

    /* 右侧图片区域（带hover缩放） */
    .about-youking-img {
      flex: 1;
      opacity: 0;
      transform: translateX(20px);
      animation: fadeInRight 0.8s ease 0.5s forwards;
    }
    .about-youking-img-wrap {
      overflow: hidden;
      border-radius: 4px;
      position: relative;
    }
	
	/* 唯一父级容器类名 */
.video_main_container {
    width: 100%;
    max-width: 1200px;
    margin: 30px auto;
    position: relative;
    overflow: hidden;
}
/* 唯一视频类名 */
.video_main_box {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* 唯一播放外层容器 */
.video_play_outer {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    transition: all 0.5s ease;
}
/* 唯一播放按钮 */
.video_play_btn {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: rgba(0,0,0,0.45);
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    /* 温柔平缓过渡 */
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.video_play_btn::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 20px solid #fff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    margin-left: 4px;
}
/* 温柔悬浮：微缩放大+柔和变色 */
.video_play_btn:hover {
    transform: scale(1.06);
    background: rgba(0,0,0,0.55);
}

/* 唯一波纹扩散类名 */
.video_ripple_effect {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.6);
    animation: videoRippleAni 1.8s infinite ease-out;
}
.video_ripple_effect:nth-child(2){animation-delay:0.6s;}
.video_ripple_effect:nth-child(3){animation-delay:1.2s;}
@keyframes videoRippleAni {
    0%{width:70px;height:70px;opacity:0.8;}
    100%{width:130px;height:130px;opacity:0;}
}

/* 隐藏专属类 */
.video_play_outer.video_hide_status {
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s ease;
}
    .about-youking-img img {
      width: 100%;
      height: auto;
      object-fit: cover;
      border: none;
      transition: transform 0.6s ease;
    }
    .about-youking-img:hover img {
      transform: scale(1.03); /* 轻微缩放，不夸张 */
    }
    /* 图片hover遮罩 */
    .about-youking-img-wrap::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(33, 150, 243, 0.05);
      opacity: 0;
      transition: opacity 0.3s ease;
      pointer-events: none;
    }
    .about-youking-img:hover .about-youking-img-wrap::after {
      opacity: 1;
    }

    /* 图片右滑渐入动画 */
    @keyframes fadeInRight {
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }

    /* 响应式适配 */
    @media (max-width: 768px) {
      .about-youking-container {
        flex-direction: column;
        text-align: left;
        gap: 30px;
      }
      .about-youking-title {
        font-size: 32px;
      }
      .about-youking-desc {
        max-width: 100%;
      }
      .about-youking-img {
        transform: translateY(20px);
        animation: fadeInUp 0.8s ease 0.5s forwards;
      }
    }

	
	
	
	
	
	
	
	
	/* //////////////////////////////// */
.index_f2{padding:50px 0;}
.index_f2 .index_auto2{/* margin-top:50px; */}

/* —————————— 工厂实拍轮播唯一类名：factory-footage —————————— */
    .factory-footage-container {
      width: 100%;
      /* max-width: 1400px; */ /* 适配设计图宽度 */
      margin: 0 auto;
      /* padding: 40px 0; */
    }

    /* 标题区域（1:1还原设计图） */
    .factory-footage-header {
      text-align: center;
      margin-bottom: 50px;
    }
    .factory-footage-subtitle {
      font-size: 14px;
      color: #1c689c; /* 设计图浅蓝色 */
      letter-spacing: 1px;
      margin-bottom: 8px;
      font-weight: 600;
    }
    .factory-footage-title {
      font-size: 50px;
      font-weight: 700;
      color: #000;
      line-height: 1.2;
    }

    /* Swiper轮播容器 */
    .factory-footage-swiper {
      width: 100%;
      overflow: hidden;
    }

    /* 轮播单页（适配slidesPerView:4） */
    .factory-footage-slide {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      padding: 0 5px; /* 图片左右内边距，避免挤在一起 */
    }
    .factory-footage-slide img {
      width: 100%; /* 每张图自适应容器宽度 */
      height: auto;
      object-fit: cover;
      border: none;
      transition: transform 0.3s ease;
    }
    .factory-footage-slide img:hover {
      transform: scale(1.02); /* 轻微hover缩放，提升交互 */
    }

    /* 底部分页器（1:1还原设计图样式） */
    .factory-footage-pagination {
      position: relative !important;
      text-align: center;
      margin-top: 20px;
      bottom: 0 !important;
      left: 0 !important;
      width: 100%;
    }
    .factory-footage-pagination .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      background: #eee;
      opacity: 1;
      margin: 0 4px !important;
      border-radius: 0;
    }
    .factory-footage-pagination .swiper-pagination-bullet-active {
      background: #1c689c; /* 设计图蓝色激活态 */
      transform: scale(1.2);
    }

    /* 响应式适配（根据屏幕宽度自动调整显示数量） */
    @media (max-width: 1200px) {
      .factory-footage-title {
        font-size: 32px;
      }
    }
    @media (max-width: 768px) {
      .factory-footage-title {
        font-size: 28px;
      }
      /* 手机端自动改为每页2张图 */
      .factory-footage-swiper {
        --swiper-slides-per-view: 2;
      }
    }
    @media (max-width: 480px) {
      /* 小屏手机改为每页1张图 */
      .factory-footage-swiper {
        --swiper-slides-per-view: 1;
      }
    }







/* //////////////////////////////// */
.index_f3{padding:50px 0;background: #1c689c;}
.index_f3 .index_auto3{/* margin-top:50px; */}
 /* —————————— 唯一类名：why-choose-youking —————————— */
    .why-choose-youking-container {
      width: 100%;
      background: #1c689c; /* 设计图主蓝色背景 */
      color: #fff;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 40px;
      max-width: 100%;
      margin: 0 auto;
      opacity: 0;
      transform: translateY(20px);
      animation: containerFadeIn 0.8s ease 0.2s forwards;
    }

    /* 容器整体渐入动画 */
    @keyframes containerFadeIn {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    /* 左侧4个优势卡片区域 */
    .why-choose-youking-cards {
      flex: 1.5;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
    }

    /* 单个优势卡片（带交互） */
    .why-choose-youking-card {
      border: 1px solid rgba(255, 255, 255, 0.3); /* 半透明白色边框 */
      padding: 25px 20px;
      border-radius: 4px;
      position: relative;
      overflow: hidden;
      transition: all 0.4s ease;
      opacity: 0;
      transform: translateX(-15px);
    }
    /* 卡片分步渐入动画 */
    .why-choose-youking-card:nth-child(1) { animation: cardFadeIn 0.6s ease 0.4s forwards; }
    .why-choose-youking-card:nth-child(2) { animation: cardFadeIn 0.6s ease 0.6s forwards; }
    .why-choose-youking-card:nth-child(3) { animation: cardFadeIn 0.6s ease 0.8s forwards; }
    .why-choose-youking-card:nth-child(4) { animation: cardFadeIn 0.6s ease 1s forwards; }

    @keyframes cardFadeIn {
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }

    /* 卡片hover交互效果 */
    .why-choose-youking-card:hover {
      background: rgba(255, 255, 255, 0.1); /* 浅白色背景层 */
      transform: translateY(-5px);
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
      border-color: rgba(255, 255, 255, 0.6);
    }

    /* 卡片图标容器 */
    .why-choose-youking-card-icon {
      font-size: 24px;
      margin-bottom: 12px;
      color: #fff;
      opacity: 0.9;
    }

    /* 卡片标题 */
    .why-choose-youking-card-title {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 8px;
      color: #fff;
    }

    /* 卡片描述文字 */
    .why-choose-youking-card-desc {
      font-size: 15px;
      line-height: 1.5;
      color: rgba(255, 255, 255, 0.85); /* 浅白色文字 */
    }

    /* 右侧文字+按钮区域 */
    .why-choose-youking-content {
      flex: 1;
      text-align: right;
      opacity: 0;
      transform: translateX(15px);
      animation: contentFadeIn 0.8s ease 0.7s forwards;
    }

    @keyframes contentFadeIn {
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }

    /* 主标题 */
    .why-choose-youking-main-title {
      font-size: 50px;
      font-weight: 700;
      line-height: 1.2;
      margin-bottom: 15px;
    }

    /* 副标题 */
    .why-choose-youking-subtitle {
      font-size: 18px;
      line-height: 1.6;
      color: rgba(255, 255, 255, 0.85);
      margin-bottom: 30px;
    }

    /* 按钮样式（带交互） */
    .why-choose-youking-btn {
      display: inline-block;
      padding: 12px 30px;
      border: 1px solid #fff; /* 白色边框 */
      color: #fff;
      text-decoration: none;
      font-size: 14px;
      font-weight: 500;
      border-radius: 2px;
      transition: all 0.3s ease;
      position: relative;
      overflow: hidden;
    }

    /* 按钮hover效果 */
    .why-choose-youking-btn:hover {
      background: #fff;
      color: #1c689c;
      transform: translateY(-2px);
      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
    }

    /* 按钮点击波纹效果 */
    .why-choose-youking-btn::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 0;
      height: 0;
      background: rgba(255, 255, 255, 0.2);
      border-radius: 50%;
      transform: translate(-50%, -50%);
      transition: width 0.6s ease, height 0.6s ease;
    }
    .why-choose-youking-btn:active::after {
      width: 300px;
      height: 300px;
      opacity: 0;
    }

    /* 响应式适配 */
    @media (max-width: 992px) {
      .why-choose-youking-container {
        flex-direction: column;
        text-align: center;
        gap: 40px;
      }
      .why-choose-youking-cards {
        grid-template-columns: 1fr;
        width: 100%;
        max-width: 500px;
      }
      .why-choose-youking-content {
        text-align: center;
        width: 100%;
      }
      .why-choose-youking-main-title {
        font-size: 32px;
      }
    }

    @media (max-width: 480px) {
      .why-choose-youking-container {
        padding: 40px 20px;
      }
      .why-choose-youking-main-title {
        font-size: 26px;
      }
      .why-choose-youking-subtitle {
        font-size: 16px;
      }
    }


/* //////////////////////////////// */
.index_f4{padding:50px 0;background: #f5f5f5;}
.index_f4 .index_auto4{margin-top:50px;}

    /* —————————— 唯一类名：product-tabs-swiper —————————— */
    .product-tabs-swiper-container {
      width: 100%;
      /* max-width: 1400px; */
      margin: 0 auto;
    }

    /* 顶部选项卡样式 */
    .product-tabs {
      display: flex;
      align-items: center;
      gap: 8px;
      /* background: #fff; */
      border: 1px solid #ddd;
      padding: 8px 16px;
      border-radius: 4px;
      margin-bottom: 50px;
      justify-content: center;
      box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    }
    .product-tab-item {
      font-size: 16px;
      color: #333;
      padding: 8px 16px;
      cursor: pointer;
      position: relative;
      transition: all 0.3s ease;
      border-radius: 2px;
      font-weight: 600;
    }
    /* 选项卡分隔线 */
    .product-tab-item::after {
      content: '—';
      position: absolute;
      right: -8px;
      top: 50%;
      transform: translateY(-50%);
      color: #1c689c;
    }
    .product-tab-item:last-child::after {
      display: none; /* 最后一个选项卡隐藏分隔线 */
    }
    /* 选项卡激活态 */
    .product-tab-item.active {
      color: #1c689c;
      font-weight: 600;
      /* background: rgba(33, 150, 243, 0.05); */
    }
    /* 选项卡hover效果 */
    .product-tab-item:hover:not(.active) {
      color: #1c689c;
      background: rgba(33, 150, 243, 0.03);
    }

    /* 底部轮播容器 */
    .product-swiper {
      width: 100%;
      overflow: hidden;
    }

    /* 轮播单页（2×2布局，匹配设计图） */
    .product-swiper-slide {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
      padding: 0 10px;
    }

    /* 产品卡片样式（匹配设计图） */
    .product-card {
      background: url(../images/cbe.jpg) no-repeat;
      padding: 20px;
      border-radius: 4px;
      display: flex;
      align-items: center;
      gap: 20px;
      transition: all 0.3s ease;
      opacity: 0;
      transform: translateY(10px);
      animation: cardFadeIn 0.5s ease forwards;
      background-size: 100% 100%;
    }
    /* 卡片分步渐入动画 */
    .product-card:nth-child(1) { animation-delay: 0.1s; }
    .product-card:nth-child(2) { animation-delay: 0.2s; }
    .product-card:nth-child(3) { animation-delay: 0.3s; }
    .product-card:nth-child(4) { animation-delay: 0.4s; }

    @keyframes cardFadeIn {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    /* 产品卡片hover效果 */
    .product-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 6px 12px rgba(0,0,0,0.08);
    }

    /* 产品图片容器 */
    .product-card-img {
      flex: 0 0 43%;
    }
    .product-card-img img {
      width: 100%;
      height: auto;
      object-fit: cover;
    }

    /* 产品文字区域 */
    .product-card-text {
      flex: 1;
    }
    .product-card-title {
      font-size: 18px;
      font-weight: 600;
      color: #000;
      margin-bottom: 10px;
    }
    .product-card-desc {
      font-size: 14px;
      color: #666;
      line-height: 1.5;
      margin-bottom: 15px;
    }
    .product-card-btn {
      font-size: 14px;
      color: #1c689c;
      text-decoration: none;
      font-weight: 600;
      transition: all 0.2s ease;
    }
    .product-card-btn:hover {
      color: #1c689c;
      text-decoration: underline;
    }

    /* 轮播分页器（底部居中，匹配设计图） */
    .product-swiper-pagination {
      position: relative !important;
      text-align: center;
      margin-top: 20px;
      bottom: 0 !important;
      left: 0 !important;
      width: 100%;
    }
    .product-swiper-pagination .swiper-pagination-bullet {
      width: 8px;
      height: 8px;
      background: #ddd;
      opacity: 1;
      margin: 0 4px !important;
      border-radius: 50%;
    }
    .product-swiper-pagination .swiper-pagination-bullet-active {
      background: #1c689c;
      transform: scale(1.2);
    }

    /* 响应式适配 */
    @media (max-width: 992px) {
      .product-swiper-slide {
        grid-template-columns: 1fr; /* 平板：单列布局 */
      }
      .product-card {
        flex-direction: column;
        text-align: center;
      }
      .product-card-img {
        flex: 0 0 auto;
        width: 100%;
        max-width: 200px;
      }
    }
    @media (max-width: 480px) {
      .product-tabs {
        flex-wrap: wrap;
        gap: 4px;
      }
      .product-tab-item {
        padding: 6px 12px;
        font-size: 13px;
      }
      .product-card {
        padding: 15px;
      }
    }


/* //////////////////////////////// */
.index_f5{padding:50px 0;}
.index_f5 .index_auto5{/* margin-top:50px; */}

 /* —————————— 唯一类名：honors-qualifications —————————— */
    .honors-qualifications-container {
      width: 100%;
      /* max-width: 1400px; */
      margin: 0 auto;
      padding: 40px 0;
    }

    /* 标题区域（核心优化：严格左右结构） */
    .honors-qualifications-header {
      margin-bottom: 40px;
      display: flex; 
      align-items: center; /* 垂直居中对齐（更符合设计习惯） */
      justify-content: space-between; /* 强制标题左、箭头右 */
      width: 100%; /* 确保占满容器宽度 */
    }
    /* 标题文字容器 - 仅占内容宽度，居左 */
    .honors-qualifications-title-wrap {
      flex: 0 1 auto; /* 不拉伸，仅占自身宽度 */
    }
    .honors-qualifications-subtitle {
      font-size: 14px;
      color: #1c689c; /* 设计图浅蓝色 */
      letter-spacing: 1px;
      margin-bottom: 8px;
      font-weight: 600;
    }
    .honors-qualifications-title {
      font-size: 50px;
      font-weight: 700;
      color: #000;
      line-height: 1.2;
    }

    /* 轮播箭头容器 - 固定居右 */
    .honors-qualifications-nav {
      display: flex;
      gap: 8px;
      z-index: 10;
      flex: 0 0 auto; /* 不拉伸，仅占自身宽度 */
      position: relative;
      width: 10%;
    }
    .honors-qualifications-nav-btn {
      width: 36px;
      height: 36px;
      border: 1px solid #ddd;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      background: #fff;
      transition: all 0.3s ease;
    }
    .honors-qualifications-nav-btn:hover {
      border-color: #1c689c;
      color: #1c689c;
      background: rgba(33, 150, 243, 0.05);
    }
    .honors-qualifications-nav-btn:disabled {
      opacity: 0.5;
      cursor: not-allowed;
      border-color: #eee;
      color: #999;
      background: #f9f9f9;
    }
    .honors-qualifications-nav-btn i {
      font-size: 16px;
    }

	
	.index_f5 .swiper-button-prev, .index_f5 .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/lig.png);
    left: 0;
    right: auto;
}




.index_f5 .swiper-button-next, .index_f5 .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/rig.png);
    right: 0;
    left: auto;
}



.index_f5 .swiper-button-next, .index_f5 .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 45px;
    height: 45px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 45px 45px;
    background-position: center;
    background-repeat: no-repeat;
}
    /* Swiper轮播容器 */
    .honors-qualifications-swiper {
      width: 100%;
      overflow: hidden;
      position: relative;
    }

    /* 轮播单页（一行4张证书展示） */
    .honors-qualifications-slide {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 8px;
      transition: all 0.3s ease;
    }

    /* 资质证书卡片样式 */
    .honors-cert-card {
      width: 100%;
      height: auto;
      position: relative;
      transition: all 0.4s ease;
      opacity: 0;
      transform: translateY(15px);
      animation: cardFadeIn 0.6s ease forwards;
    }
    /* 证书分步渐入动画 */
    .honors-cert-card:nth-child(1) { animation-delay: 0.1s; }
    .honors-cert-card:nth-child(2) { animation-delay: 0.2s; }
    .honors-cert-card:nth-child(3) { animation-delay: 0.3s; }
    .honors-cert-card:nth-child(4) { animation-delay: 0.4s; }

    @keyframes cardFadeIn {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    /* 证书hover交互效果 */
    .honors-cert-card:hover {
      transform: translateY(-5px) scale(1.02);
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
    }
    .honors-cert-card img {
      /* width: 100%; */
      height: auto;
      object-fit: cover;
      border: none;
    }

    /* 响应式适配 */
    @media (max-width: 1200px) {
      .honors-qualifications-title {
        font-size: 32px;
      }
    }
    @media (max-width: 768px) {
      .honors-qualifications-title {
        font-size: 28px;
      }
      .honors-qualifications-nav-btn {
        width: 32px;
        height: 32px;
      }
    }
    @media (max-width: 480px) {
      /* 手机端：标题和箭头改为上下布局 */
      .honors-qualifications-header {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 30px;
      }
      .honors-qualifications-nav {
        margin-top: 15px;
        width: 50%;
        margin: 35px 0;
        margin: auto;
        margin: 35px auto;
      }
      .honors-qualifications-title {
        font-size: 24px;
      }
    }

/* //////////////////////////////// */
.index_f6{padding:50px 0;background: #f5f5f5;}
.index_f6 .index_auto6{/* margin-top:50px; */}
  /* —————————— 唯一类名：news-information —————————— */
    .news-information-container {
      width: 100%;
      /* max-width: 1400px; */
      margin: 0 auto;
      /* padding: 40px 0; */
    }

    /* 标题区域（1:1还原设计图） */
    .news-information-header {
      margin-bottom: 40px;
    }
    .news-information-subtitle {
      font-size: 14px;
      color: #1c689c; /* 设计图浅蓝色 */
      letter-spacing: 1px;
      margin-bottom: 8px;
      font-weight: 600;
    }
    .news-information-title {
      font-size: 50px;
      font-weight: 700;
      color: #000;
      line-height: 1.2;
    }

    /* 新闻卡片列表（三列布局） */
    .news-cards-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr); /* 三列等宽 */
      gap: 24px; /* 卡片间距 */
      width: 100%;
    }

    /* 新闻卡片样式（还原设计图） */
    .news-card {
      background: #fff;
      border-radius: 8px;
      overflow: hidden;
      transition: all 0.4s ease;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
      opacity: 0;
      transform: translateY(15px);
      animation: cardFadeIn 0.6s ease forwards;
    }
    /* 卡片分步渐入动画 */
    .news-card:nth-child(1) { animation-delay: 0.1s; }
    .news-card:nth-child(2) { animation-delay: 0.2s; }
    .news-card:nth-child(3) { animation-delay: 0.3s; }

    @keyframes cardFadeIn {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    /* 卡片hover交互效果 */
    .news-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
    }

    /* 卡片图片容器 */
    .news-card-img {
      width: 100%;
      height: 220px; /* 匹配设计图图片高度 */
      overflow: hidden;
    }
    .news-card-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
    }
    .news-card:hover .news-card-img img {
      transform: scale(1.05); /* 图片hover轻微放大 */
    }

    /* 卡片内容区域 */
    .news-card-content {
      padding: 20px;
    }
    .news-card-tag {
      font-size: 14px;
      color: #1c689c;
      margin-bottom: 8px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }
    .news-card-title {
      font-size: 18px;
      font-weight: 600;
      color: #000;
      margin-bottom: 12px;
      line-height: 1.4;
      transition: color 0.3s ease;
    }
    .news-card:hover .news-card-title {
      color: #1c689c; /* hover标题变蓝 */
    }
    .news-card-desc {
      font-size: 14px;
      color: #666;
      line-height: 1.6;
      margin-bottom: 16px;
      display: -webkit-box;
      -webkit-line-clamp: 3; /* 限制显示3行 */
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .news-card-link {
      font-size: 14px;
      color: #1c689c;
      font-weight: 6;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      transition: all 0.3s ease;
    }
    .news-card-link:hover {
      color: #1c689c;
      gap: 10px; /* hover时箭头间距变大 */
    }
    .news-card-link i {
      font-size: 12px;
      transition: transform 0.3s ease;
    }
    .news-card-link:hover i {
      transform: translateX(3px); /* 箭头hover右移 */
    }

    /* 响应式适配 */
    @media (max-width: 1200px) {
      .news-information-title {
        font-size: 32px;
      }
      .news-cards-grid {
        gap: 20px;
      }
      .news-card-img {
        height: 200px;
      }
    }
    @media (max-width: 768px) {
      .news-information-title {
        font-size: 28px;
      }
      .news-cards-grid {
        grid-template-columns: repeat(2, 1fr); /* 平板：两列布局 */
      }
      .news-card-img {
        height: 180px;
      }
    }
    @media (max-width: 480px) {
      .news-information-header {
        margin-bottom: 30px;
      }
      .news-information-title {
        font-size: 24px;
      }
      .news-cards-grid {
        grid-template-columns: 1fr; /* 手机：单列布局 */
        gap: 16px;
      }
      .news-card-img {
        height: 160px;
      }
      .news-card-content {
        padding: 16px;
      }
    }