.wrap{width: 1500px;margin: 0 auto;}
.c:after{ display: block;content: ""; height: 0;clear: both;}
.header_box{ width: 100%; position: fixed; z-index: 999; box-shadow: 0 10px 60px 0 rgba(0,0,0,0.1);}
@media (max-width: 1500px) {
.wrap{width: 96%;margin: 0 auto;}
}

.head-top{background:#efefef;height: 46px;padding:12px 0;box-sizing: border-box;}
.head-top .wrap{display: flex;justify-content: flex-end;}
.head-top .head-tel{height: 23px;  background: url(../img/head-tel.png)no-repeat left center;padding-left: 34px;margin-right: 30px;}
.head-top .head-tel b{color: #181b7a;}
.head-top .head-lang{height: 23px;background:url(../img/lang.png)no-repeat left center; padding-left: 30px;  margin-right: 30px;}



.header{
	width: 100%;
	z-index: 999;
	background: #fff;
	height: 92px;
}
.header_box_zw{height: 92px;}
.logo{
	margin-top:14px;
	width: 15%;
	margin-left: 2%;
}

.nav{
	margin-top:29px;
	height: 40px;
}
.nav ul li{
	float: left;
	margin-left:56px;
	line-height: 40px;
	position: relative;
}
.nav ul li a{
	font-size: 18px;
	text-align: center;
display: block;
	font-family: "fonts";
	height: 40px;
	width: 100px;
}



.nav ul li:hover a{
		color: #181b79;
		font-weight: bold;
}
.nav ul li.hover a{
	 	color: #181b79;
	 	font-weight: bold;
}

.nav ul li dl{  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  width: 180px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  border-radius: 4px;
  list-style: none;
  display: none;
  }

.nav ul li:hover dl{display: block;}

.nav ul li dl dd {
  line-height: 44px;
  text-align: center;
  border-bottom: solid 1px #a0a1e2;
  color: #555;
  width: 100%;
}
.nav ul li dl dd:hover{ background: #181ba0;}
.nav ul li dl dd a {
  display: block;
  text-decoration: none;
  font-size: 15px;
  width: 100%;
  text-align: center;
}
.nav ul li dl dd:hover a {
  color:#fff;
}

/* hover 显示二级菜单 */
.nav-list > li:hover .submenu {
  display: block;
}











/*头部搜索*/
  /* ========== 搜索核心样式 ========== */
    .search-wrapper {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }

    /* 搜索输入框 */
    .search-input {
      width: 0;
      height: 38px;
      padding: 0;
      border: 1px solid #e0e0e0;
      border-radius: 19px;
      outline: none;
      font-size: 14px;
      transition: all 0.3s ease;
      position: absolute;
      right: 0;
      background: #f9f9f9;
      opacity: 0;
      visibility: hidden;
    }

    /* 展开状态 */
    .search-input.active {
      width: 260px;
      padding: 0 15px 0 45px;
      opacity: 1;
      visibility: visible;
      border-color: #0066ff;
      background: #fff;
    }

    /* 搜索图标按钮 */
    .search-btn {
      width: 38px;
      height: 38px;
      border: none;
      background: transparent;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      z-index: 1;
      transition: background 0.2s;
      position: relative;
    }

    .search-btn:hover {
      background: #f0f0f0;
    }

    /* 图标样式 */
    .search-btn svg {
      width: 18px;
      height: 18px;
      fill: #666;
      transition: fill 0.2s;
    }

    .search-btn.active svg {
      fill: #0066ff;
    }

    /* 输入框聚焦样式 */
    .search-input:focus {
      box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.15);
    }









/*手机端导航*/
.mobile-header,.mobile-header{display: none;}
.mobile-header{padding: 8px 0;}
.mobile-header .wrap{display: flex;justify-content: space-between;align-items: center;}




    /* 顶部导航容器 */
    .m-header {
      width: 100%;
      height: 50px;
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 40px 15px;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 999;
    }
  .mobile-header .zw{height: 80px;}
    
    
    /* Logo */
    .header-logo {
      color: #fff;
      font-size: 18px;
      font-weight: bold;
    }
    /* 汉堡菜单按钮 */
    .menu-btn {
      width: 32px;
      height: 32px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 5px;
      position: relative;
      cursor: pointer;
    }
    .menu-btn span {
      width: 100%;
      height: 3px;
      background: #1b1b7b;
      border-radius: 3px;
      transition: all 0.3s ease;
      transform-origin: center;
    }
    /* 打开菜单时变成X */
    .menu-btn.active span:nth-child(1) {
      transform: translateY(8px) rotate(45deg);
    }
    .menu-btn.active span:nth-child(2) {
      opacity: 0;
    }
    .menu-btn.active span:nth-child(3) {
      transform: translateY(-8px) rotate(-45deg);
    }
    /* 侧边导航弹窗 */
    .m-nav-wrap {
      position: fixed;
      top: 80px;
      left: -100%;
      width: 100%;
      height: calc(100vh - 50px);
      background: #fff;
      transition: left 0.3s ease;
      overflow-y: auto;
      z-index: 998;
    }
    .m-nav-wrap.show {
      left: 0;
    }
    /* 一级导航项 */
    .nav-item {
      border-bottom: 1px solid #eee;
    }
    .nav-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 8px 20px;
      font-size: 15px;
      color: #333;
      cursor: pointer;
    }
    .nav-top .arrow {
      transition: transform 0.3s;
    }
    .nav-top.active .arrow {
      transform: rotate(180deg);
    }
    /* 二级分类菜单 */
    .sub-nav {
      background: #f7f8fa;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
    }
    .sub-nav.open {
      max-height: 500px;
    }
    .sub-nav li a {
      display: block;
      padding: 8px 35px;
      color: #666;
    }
    .sub-nav li a:active {
      background: #e9ecef;
    }
    /* 遮罩层 */
    .mask {
      position: fixed;
      top: 50px;
      left: 0;
      width: 100%;
      height: calc(100vh - 50px);
      background: rgba(0,0,0,0.4);
      z-index: 997;
      display: none;
    }
    .mask.show {
      display: block;
    }
    /* 页面留白，防止被fixed头部遮挡 */
    .page-wrap {
      margin-top: 60px;
      padding: 15px;
    }






@media screen and (min-width: 100px) and (max-width: 1200px) {

	
.header_box,.header_box_zw{display: none;}	
	.mobile-header{display: block;}
	
}






/*bannner*/


/*手机端banner*/
.ad_wap{display: none;}

/*pc banner*/ 
@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
.other_pro_banner{
	height: 769px!important;
}
.other_pro_banner .pro-item{
	height: 769px!important;
}
.pro_banner{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.pro_banner .pro-item{
	background-size: cover;
	-webkit-background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	height:100vh;
	position: relative;
}
.pro_banner .pro-item{
	visibility: visible;
	-webkit-animation:scale-bg 6s linear forwards;
	animation:scale-bg 6s linear forwards;
}

.pro_banner .pro-bg{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0;
}
.pro_banner .pro-bg:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	/*background: rgba(0,0,0,0.2);*/
}

/*banner */
#pcbanner{position: relative;}
.index_banner.ad_pc {
  width: 100%;
  height: 500px;
}
.swiper-wrapper .items.scaleBg {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}


 /* Banner容器 */
    .banner-swiper {
      width: 100%;
      height: 850px; /* PC默认高度 */
      overflow: hidden;
    }
    /* 移动端高度适配 */
    @media (max-width: 768px) {
      #pcbanner .banner-swiper {
        height: 240px;
      }
    }
    @media (max-width: 480px) {
      #pcbanner .banner-swiper {
        height: 180px;
      }
    }
    /* 轮播项 */
    #pcbanner .swiper-slide {
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: relative;
    }
    /* 图片基础样式 + 缓慢放大动画 */
   #pcbanner .slide-img {
      width: 100%;
      height: 100%;
      object-fit: cover; /* 图片铺满不变形 */
      /* 缩放动画 */
      transform: scale(1);
      animation: imgZoom 8s ease-in-out infinite;
      transition: transform 1s ease;
    }
    /* 图片缓慢放大关键帧 */
    @keyframes imgZoom {
      0% {
        transform: scale(1);
      }
      50% {
        transform: scale(1.12);
      }
      100% {
        transform: scale(1);
      }
    }
    /* 切换时重置动画，避免卡顿 */
   #pcbanner .swiper-slide-active .slide-img {
      animation: imgZoom 8s ease-in-out infinite;
    }
    /* 左右箭头美化 */
   #pcbanner .swiper-button-next,
  #pcbanner  .swiper-button-prev {
      color: #fff;
      background: rgba(0,0,0,0.2);
      width: 44px;
      height: 44px;
      border-radius: 50%;
    }
  #pcbanner  .swiper-button-next::after,
 #pcbanner   .swiper-button-prev::after {
      font-size: 18px;
    }
    /* 分页小圆点 */
  #pcbanner  .swiper-pagination-bullet {
      background: #fff;
      opacity: 0.6;
    }
  #pcbanner  .swiper-pagination-bullet-active {
      opacity: 1;
      background: #fff;
    }




/*首页产品*/
.indexpro{background:#f5f5f5; padding-top:60px;padding-bottom: 80px;}
.indexpro .wrap{overflow: hidden;}
.product-wrap{margin-bottom:60px;}
.section-title{text-align:center;margin-bottom:40px;}
.section-title h2{font-size:36px;color:#222;margin-bottom:12px;}
.section-title p{font-size:16px;color:#666;}

/* Swiper 容器 */
.indexpro .swiper {
  width: 100%;
}
.indexpro .swiper-slide {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.indexpro .swiper-slide:hover{transform: translateY(-6px) scale(1.02);
  box-shadow: 0 10px 30px rgba(0,0,0,0.12);}
  
  
.indexpro .slide-img{
  width:100%;
  height:320px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.indexpro .slide-img img{width:100%;}
.indexpro .slide-text{
  padding:24px 20px;
  text-align:center;
}
.indexpro .slide-text h3{
  font-size:20px;
  color:#333;
  margin-bottom:20px;
  font-weight:normal;
}
.indexpro .btn-normal{
  display:inline-block;
  border:1px solid #333;
  padding:10px 40px;
  border-radius:99px;
  text-decoration:none;
  color:#333;
}
.indexpro .btn-normal:hover{
  display:inline-block;
  background:#f02424;
  color:#fff;
  padding:10px 40px;
  border-radius:99px;
  text-decoration:none;
  border-color:#f02424;
}
@media screen and (min-width: 100px) and (max-width: 430px) {
		.indexpro .slide-img{height: 180px;}	
}

/*首页解决方案*/
.solution-box {
  width: 94%;
  margin: 80px auto;
}
/* Swiper容器核心样式 */
.swiper-solution {
  width: 100%;
  overflow: hidden;
  padding: 40px 0 60px;
  position: relative;
}
.swiper-solution .swiper-slide {
  width: 68%;
  height: 480px;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  /* 过渡动画 */
  transition: all 0.4s ease;
  opacity: 0.4;
  transform: scale(0.78);
}
/* 中间激活幻灯片样式（放大、不透明、阴影） */
.swiper-solution .swiper-slide-active {
  opacity: 1;
  transform: scale(1);
  box-shadow: 0 12px 40px rgba(0,0,0,0.15);
  z-index: 10;
}
/* 幻灯片图片 */
.swiper-solution .slide-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
/* 行业文字标题 */
.swiper-solution .slide-text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 22px 30px;
  font-size: 22px;
  color: #fff;
  font-weight: 500;
}
/* 底部分页器 */
.swiper-solution .swiper-pagination {
  bottom: 0px;
}
.swiper-solution .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #ccc;
  opacity: 1;
}
.swiper-solution .swiper-pagination-bullet-active {
  background: #e62121;
}

/* 响应式适配 */
@media screen and (max-width: 1200px) {
  .swiper-solution .swiper-slide {
    width: 75%;
    height: 420px;
  }
}
@media screen and (max-width: 768px) {
  .section-title h2 {
    font-size: 30px;
  }
  .swiper-solution .swiper-slide {
    width: 90%;
    height: 340px;
  }
}
@media screen and (max-width: 480px) {
  .swiper-solution .swiper-slide {
    width: 96%;
    height: 280px;
  }
}


/*首页优势*/
 /* 模块标题 */
    .advantage-wrap {
      background: #f5f5f5;
      padding: 60px 0;
    }

    /* Swiper容器 */
 #indexys .advantage-swiper {
      width: 100%;
      overflow: hidden;
      position: relative;
    }
  #indexys .swiper-slide {
      background: #fff;
      display: flex;
      align-items: center;
      gap: 50px;
      padding: 40px;
    }
    /* 左侧图片区域 */
 #indexys .slide-img {
      width: 50%;
      flex-shrink: 0;
    }
 #indexys .slide-img img {
      width: 100%;
      height: auto;
      display: block;
    }
    /* 右侧文字区域 */
 #indexys .slide-text {
      width: 50%;
    }
 #indexys .text-head {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 24px;
    }
#indexys .text-head .icon {
      width: 40px;
      height: 40px;
      color: #ed2624;
      font-size: 36px;
    }
 #indexys .text-head h3 {
      font-size: 34px;
      color: #111;
      position: relative;
    }
  #indexys .text-head h3::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -8px;
      width: 100%;
      height: 2px;
      background: #ed2624;
    }
 #indexys .slide-text p {
      font-size: 16px;
      line-height: 1.8;
      color: #444;
      margin-bottom: 36px;
    }
 #indexys .contact-btn {
      display: inline-block;
      padding: 14px 36px;
      background: #ed2624;
      color: #fff;
      border-radius: 999px;
      text-decoration: none;
      font-size: 16px;
    }
 #indexys .contact-btn span {
      margin-left: 8px;
    }
    /* 左右箭头自定义样式 */
   #indexys  .swiper-button-prev,
   #indexys .swiper-button-next {
      background: rgba(237, 38, 36, 0.2);
      color: #ed2624;
    width: 87px;
    height: 87px;
    border-radius: 50%;
    }
 #indexys  .swiper-button-prev::after,
 #indexys  .swiper-button-next::after {
    font-size: 20px;
    color:#fff;  
    }
#indexys .swiper-button-prev {
      left: 10px;
    }
#indexys .swiper-button-next {
      right: 10px;
    }

    /* ========== 响应式断点 ========== */
    /* 平板/手机 768px以下 上下布局 */
    @media screen and (max-width: 768px) {
     #indexys  .swiper-slide {
        flex-direction: column;
        gap: 30px;
        padding: 25px 20px;
      }
     #indexys  .slide-img, .slide-text {
        width: 100%;
      }
      #indexys .section-title h2 {
        font-size: 28px;
      }
     #indexys .text-head h3 {
        font-size: 24px;
      }
    #indexys .swiper-button-prev, #indexys .swiper-button-next {
        width: 40px;
        height: 40px;
      }
    }




/*首页客户*/
/* 模块外层容器 */
    .client-wrap {
   margin: 60px 0;
    }
    /* Swiper核心修复 */
  #indexclient  .client-swiper {
      width: 100%;
      overflow: hidden;
    }
     #indexclient  .swiper-wrapper {
      align-items: center;
    }
    
     #indexclient  .swiper-slide {
    border: 1px solid #eee;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    transition: 0.3s;
    padding:10px;
    box-sizing: border-box;
    }
     #indexclient  .swiper-slide:hover{border-color: #0066ff;
}
   #indexclient .client-logo {
      max-width: 160px;
      max-height: 70px;
      object-fit: contain;
      display: block;
    }


 /* 地图区域 */
    .map-wrap {
      width:95%;
      max-width:1400px;
      margin:40px auto;
    }
    .map-title {
      text-align:center;
      font-size:24px;
      color:#333;
      margin-bottom:20px;
    }
    #business-map {
      width:100%;
      height:600px;
      border:1px solid #eee;
    }
    @media (max-width:768px) {
      #business-map {height:420px;}
      .map-title {font-size:18px;}
    }

/*首页新闻*/
 /* 标题区域 */
    .news-wrap {
      background: #f5f5f5;
      padding: 60px 0 80px;
    }
    /* Swiper容器 */
    .news-swiper {
      width: 100%;
      overflow: hidden;
    }
  #indexnews .swiper-slide {
      background: #fff;
      border-radius: 4px;
      overflow: hidden;
    }
   #indexnews .swiper-slide:hover .card-desc{color:#ed2624;}
    
    
    /* 新闻卡片 */
  #indexnews .news-card {
      display: flex;
      flex-direction: column;
    }
  #indexnews .card-img {
      width: 100%;
      aspect-ratio: 16 / 10;
      object-fit: cover;
      display: block;
      transition: transform 0.3s ease;
    }
    #indexnews .card-img:hover{ transform: scale(1.05);}
 #indexnews .card-content {
      padding: 24px 20px;
    }
 #indexnews .card-date {
      display: flex;
      align-items: center;
      font-size: 14px;
      color: #777;
      margin-bottom: 12px;
      gap: 6px;
    }
  #indexnews .card-desc {
      font-size: 18px;
      color: #222;
      line-height: 1.6;
      margin-bottom: 20px;
    }
#indexnews .card-more {
      display: inline-flex;
      align-items: center;
      font-size: 14px;
      color: #444;
      gap: 6px;
      text-decoration: none;
    }
  #indexnews   .card-more:hover {
      color: #0066cc;
    }
    /* 响应式适配 */
    @media (max-width: 1200px) {
   
    }
    @media (max-width: 768px) {

     #indexnews .card-desc {
        font-size: 16px;
      }
    }



/*首页底部*/
 /* 底部容器深色背景 */
    footer {
      background-color: #2c2c2c;
      color: #fff;
      padding: 60px 20px 20px;
    }
    .footer-wrap{
     
    }
    /* 上半部分主内容区 */
    #footer .footer-top {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      gap: 40px;
      margin-bottom: 40px;
    }
    /* Logo区域 */
    #footer .footer-logo {
      flex: 0 0 160px;
    }
   #footer .footer-logo img {
      width: 106px;
    }
    /* 导航栏目通用 */
   #footer .footer-nav-item {
      min-width: 140px;
    }#footer .footer-nav-item:nth-child(4){display: none;}
   #footer .footer-nav-item h4 {
      font-size: 21px;
      margin-bottom: 20px;
      font-weight: 500;
    }
   #footer .footer-nav-item li {
      margin-bottom: 12px;
    }
   #footer  .footer-nav-item a {
      color: #c8c8c8;
      font-size: 15px;
      transition: color 0.2s;
    }
   #footer .footer-nav-item a:hover {
      color: #fff;
    }
    /* 二维码区域 */
  #footer   .footer-qrcode-wrap {
      display: flex;
      gap: 30px;
    }
 #footer .qrcode-box {
      text-align: center;
    }
#footer .qrcode-box img {
      width: 130px;
      height: 130px;
      margin-bottom: 12px;
      transition: transform 0.25s ease;
    }
 #footer .qrcode-box img:hover{ transform: translateY(-6px);}   
    
 #footer .qrcode-box p {
      color: #c8c8c8;
      font-size: 15px;
    }
    /* 热线地址栏 */
#footer .footer-contact {
      display: flex;
      flex-wrap: wrap;
      gap: 60px;
      margin-bottom: 30px;
      padding-left: 160px;
    }
  #footer .contact-item {
      display: flex;
      align-items: flex-start;
      gap: 10px;
    }
  #footer .contact-icon {
      margin-top: 4px;
      color: #aaa;
    }
 #footer .contact-text h5 {
      font-size: 16px;
      color: #c8c8c8;
      font-weight: normal;
      margin-bottom: 8px;
    }
  #footer .contact-tel {
      font-size: 24px;
      font-weight: bold;
      letter-spacing: 2px;
    }
  #footer .contact-address {
      font-size: 16px;
      color: #c8c8c8;
      line-height: 1.6;
    }
    /* 底部版权栏 */
   #footer .footer-copyright {
      border-top: 1px solid #444;
      padding-top: 20px;
      display: flex;
      justify-content: space-between;
      color: #999;
      font-size: 14px;
    }
#footer .footer-copyright a:hover {color:#fff;}
    /* ========== 响应式适配 ========== */
    /* 平板 1200px以下 */
    @media screen and (max-width: 1200px) {
      #footer  .footer-contact {
        padding-left: 0;
        margin-top: 30px;
      }
     #footer  .footer-top {
        gap: 30px;
      }
    }
    /* 小平板 768px以下 */
    @media screen and (max-width: 768px) {
      footer {
        padding: 40px 15px 20px;
      }
     #footer .footer-top {
        flex-direction: column;
      }
    #footer .footer-logo {
        margin-bottom: 20px;
      }
    #footer .footer-nav-item h4 {
        font-size: 20px;
        margin-bottom: 12px;
      }
     #footer  .footer-qrcode-wrap {
        margin-top: 20px;
        justify-content: flex-start;
      }
    #footer .footer-contact {
        flex-direction: column;
        gap: 25px;
      }
     #footer .contact-tel {
        font-size: 32px;
      }
    #footer .footer-copyright {
        flex-direction: column;
        gap: 10px;
        text-align: center;
      }
    }
    /* 手机 480px以下 */
    @media screen and (max-width: 480px) {
      #footer  .footer-qrcode-wrap {
        flex-wrap: wrap;
        justify-content: center;
      }
      #footer .qrcode-box img {
        width: 100px;
        height: 100px;
      }
     #footer .contact-tel {
        font-size: 26px;
      }
    }



/*手机端底部*/


  /* ====================== 底部公司信息 ====================== */
  .footer-info {
    width: 100%;
    background: #fff;
    padding: 20px 15px;
    text-align: center;
    font-size: 13px;
    color: #666;
    border-top: 1px solid #eee;
    margin-top: 30px;
  }
  .footer-info .company-name {
    font-size: 15px;
    font-weight: bold;
    color: #333;
    margin-bottom: 8px;
  }
  .footer-info .contact {
    margin-bottom: 5px;
  }
  .footer-info .copyright {
    margin-top: 12px;
    font-size: 12px;
    color: #999;
  }

  /* ====================== 固定底部导航按钮 ====================== */
  .footer-tab {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: #1c1c7c;
    border-top: 1px solid #eee;
    display: flex;
    z-index: 999;
  }
  .tab-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    gap: 3px;
  }
  .tab-item.active {
    color: #007AFF;
  }
  .tab-item i {
    font-size: 22px;
  }


 .mobile-foot{display: none;}
@media screen and (min-width: 100px) and (max-width: 1280px) {
	footer{display: none;}
	 .mobile-foot{display: block;}
	.side{display: none;}
	
}







/*内页大图*/
.zy_banner {height: 400px;position: relative;}
.zy_banner .pic{height:400px;background-position:center;width: 100%;}
.zy_banner .banner-txt{display: none;}

@media screen and (min-width: 100px) and (max-width: 430px) {
	
	.zy_banner{height: 138px;}
	.zy_banner .pic{height: 138px;}
}






.breadcrumb{height: 60px;border-bottom:solid 1px #f1f1f1;margin-bottom: 60px;}
.breadcrumb a{height: 60px;line-height: 60px;}
.breadcrumb a:hover{color: #ed2624;}


@media screen and (min-width: 100px) and (max-width: 640px) {
.breadcrumb{margin-bottom:1vh;}
	
}


/*内页产品*/
.nyprofilter-box {
    background: #fafafa;
    padding: 15px 20px;
    border-radius: 6px;
    margin-bottom: 60px;
}

.nyprofilter-box .filter-item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 12px;
}
.nyprofilter-box .filter-item label {
    color: #666;
    min-width: 80px;
    font-size: 18px;
}

.nyprofilter-box .filter-item a {
    padding: 4px 15px;
    border: 1px solid #eee;
    border-radius: 4px;
    color: #333;
    font-size: 14px;
}

.nyprofilter-box .filter-item a.active,.nyprofilter-box .filter-item a:hover {
    background: #181b79;
    color: #fff;
    border-color: #181b79;
}
.nypro .nyprolist ul{width: 102%;}
.nypro .nyprolist ul li{
	width: 23%;
	float: left;margin:0 2% 2% 0;background: #fff;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s;box-shadow: 0 10px 60px 0 rgba(0,0,0,0.1);
}.nypro .nyprolist ul li .pic{position: relative;overflow: hidden;padding:20px;box-sizing: border-box;}.nypro .nyprolist ul li .pic img{ transition: all 0.3s cubic-bezier(0.2,0,0.2,1);}/*.nypro .nyprolist ul li .pic:after{
content: "";
  position: absolute;
  left: 0;
  bottom: -100%;
  width: 100%;
  height: 50%;
  background: linear-gradient(transparent, rgba(215,0,18,0.6));
  transition: 0.3s;
}

.nypro .nyprolist ul li .pic:hover::after {
  bottom: 0;
}*/.nypro .nyprolist ul li .pic:hover img{transform: translateY(-6px) scale(1.05);  box-shadow: 0 10px 30px rgba(0,0,0,0.12);}

.nypro .nyprolist ul li img{width: 100%;}
.nypro .pro-info{padding: 16px;}
.nypro .pro-title {
    font-size: 18px;
    font-weight: 500;
    color: #222;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}.nypro .nyprolist ul li:hover .pro-title{color:#181b7d ;font-weight: bold;}
.nypro .pro-desc {
    font-size: 14px;
    color: #999;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 50px;
    overflow: hidden;display:none;
}



@media (min-width: 0px) and (max-width: 1200px) {
  .nypro .nyprolist ul li {width: 48%;}
}





/*分页*/
.page-box {
    display: flex;
    justify-content: center;
    gap: 6px;
    padding: 20px 0;
    margin-bottom: 60px;
}
.page-box a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 4px;
    color: #333;
}
.page-box a.active,.page-box a:hover {
    background: #181b7b;
    color: #fff;
    border-color: #181b7b;
}


/*产品详情*/
/* 详情主体区域 */
.nyproxq .pro-detail{
    background: #fff;
    border-radius: 8px;
    padding: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-bottom: 30px;
}
/* 左侧图片区域 */
.nyproxq .pro-gallery .big-img{
    width: 100%;
    height: 420px;
    overflow: hidden;
    border-radius: 6px;
    margin-bottom: 12px;
}
.nyproxq .pro-gallery .big-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.nyproxq .thumb-list{
    display: flex;
    gap: 10px;
}
.nyproxq .thumb-list li{
    width: 90px;
    height: 70px;
    border: 2px solid transparent;
    cursor: pointer;
    overflow: hidden;
}
.nyproxq .thumb-list li.active{
    border-color: #0658cc;
}
.nyproxq .thumb-list li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* 右侧产品信息 */
.nyproxq .pro-info h1{
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px;
    line-height: 1.4;
}
.nyproxq .pro-price{
    font-size: 26px;
    color: #0658cc;
    font-weight: bold;
    margin-bottom: 20px;
}
.nyproxq .pro-price span{
    font-size: 14px;
    color: #999;
    font-weight: normal;
}
.nyproxq .param-item{
    display: flex;
    padding: 12px 0;
    border-bottom: 1px solid #eee;
}
.nyproxq .param-item label{
    width: 100px;
    color: #666;
}
.nyproxq .param-item span{
    flex: 1;
}
/* 按钮 */
.nyproxq .btn-box{
    margin-top: 30px;
    display: flex;
    gap: 15px;
}
.nyproxq .btn{
    padding: 14px 36px;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    border: none;
}
.nyproxq .btn-buy{
    background: #1b1b7b;
    color: #fff;
}
.nyproxq .btn-tel{
    background: #fff;
    color: #1b1b7b;
    border: 1px solid #1b1b7b;
}

@media screen and (min-width: 0px) and (max-width: 1200px) {
	
.nyproxq .pro-detail{grid-template-columns: 1fr;padding: 0;}	
}





/* 详情标签栏 */
.nyproxq .tab-box{
    background: #fff;
    border-radius: 8px;
    margin-bottom: 30px;
}
.nyproxq .tab-nav{
    display: flex;
    border-bottom: 1px solid #eee;
}
.nyproxq .tab-nav li{
    padding: 16px 30px;
    font-size: 16px;
    cursor: pointer;
    position: relative;
}
.nyproxq .tab-nav li.active::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 3px;
    background: #1b1b7b;
}
.nyproxq .tab-content{
    padding: 30px;
    line-height: 1.8;
    color: #555;
}
.nyproxq .tab-content h3{
    margin: 20px 0 10px;
    color: #222;
}
.nyproxq .tab-content img{
    max-width: 100%;
    margin: 10px 0;
}
/* 参数表格 */
.nyproxq .table-params{
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
}
.nyproxq .table-params td, .table-params th{
    border: 1px solid #eee;
    padding: 12px;
    text-align: center;
}
.nyproxq .table-params th{
    background: #f7f8fa;
}




/* 相关推荐 */
 .relate-title{
    font-size: 20px;
    margin-bottom: 20px;
    padding-left: 10px;
    border-left: 4px solid #0658cc;
}
 .relate-wrap{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
    margin-bottom: 40px;
}
.relate-card{
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}
.relate-img{    width: 100%;    height:330px;}
.relate-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.relate-text{
    padding: 14px;
}
.relate-text h4{	color: #181b7a;
    font-size: 15px;	
    font-weight:bold;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.relate-price{
    color: #0658cc;
    font-weight: bold;
}

/* ===================== 响应式媒体查询 ===================== */
@media screen and (max-width: 1199px){
    .relate-wrap{
        grid-template-columns: repeat(3,1fr);
    }
}
@media screen and (max-width: 991px){
    /* 详情主体改为上下布局 */
    .pro-detail{
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .pro-gallery .big-img{
        height: 340px;
    }
    .relate-wrap{
        grid-template-columns: repeat(2,1fr);
    }
}
@media screen and (max-width: 767px){
    .breadcrumb{
        padding: 12px 0;
        font-size: 13px;
    }
    .pro-detail{
        padding: 20px 15px;
    }
    .pro-info h1{
        font-size: 20px;
    }
    .pro-price{
        font-size: 22px;
    }
    .thumb-list li{
        width: 70px;
        height: 55px;
    }
    .tab-nav li{
        padding: 14px 18px;
        font-size: 14px;
    }
    .tab-content{
        padding: 20px 15px;
    }
    .btn-box{
        flex-direction: column;
    }
    .btn{
        width: 100%;
    }
    .relate-wrap{
        grid-template-columns: 1fr;
    }
}
@media screen and (max-width: 479px){
    .pro-gallery .big-img{
        height: 260px;
    }
    .param-item label{
        width: 80px;
        font-size: 13px;
    }
}


/*内页新闻*/
.main-wrap {
    display:flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.feature-news {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 30px;
    background: #f7f9fc;
    border-radius: 10px;
    padding: 25px;
    margin-bottom: 50px;
}

.feature-thumb {
    width: 100%;
    height: 374px;
    border-radius: 8px;
    overflow: hidden;
}
.feature-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.feature-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.feature-tag {
    display: inline-block;
    padding: 5px 12px;
    background: #181b7b;
    color: #fff;
    font-size: 13px;
    border-radius: 4px;
    margin-bottom: 15px;
    align-self: flex-start;
}

.feature-title {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 12px;
}

.feature-desc {
    font-size: 14px;
    color: #777;
    line-height: 1.8;
    margin-bottom: 15px;
}

.feature-date {
    font-size: 13px;
    color: #999;
}
.nynews-list ul{width: 102%;}
.nynews-list ul li{float: left;width: 31.333%;margin: 0 2% 2% 0;padding: 20px;    box-sizing: border-box;box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.1);
}
.nynews-list ul li .pic{width: 100%; height:288px;
    border-radius: 8px;
    overflow: hidden;}
.nynews-list ul li .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}.nynews-list ul li .pic img:hover{transform: rotate(3deg);}
.nynews-list ul li .txt{padding: 8px 0;}
.nynews-list .news-card-tag {
    font-size: 13px;
    color: #181b7a;
}

.nynews-list  .news-card-title {
    font-size: 16px;
    font-weight: 500;
    line-height:2.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #222;
}


.nynews-list .news-card-date {
    font-size: 13px;
    color: #999;
    margin-top: auto;
}


@media screen and (min-width: 100px) and (max-width: 640px) {
	
	.feature-news{ grid-template-columns: 1fr;}
	.nynews-list ul li{width: 48%;}
	.nynews-list ul li .pic{height: 164px;}
	.nynews-list  .news-card-title{line-height:1.5;}
	
	
	
}





/*新闻详情*/
.nynewsxq .article-box {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    width: 70%;
}
.nynewsxq .article-top {
    padding: 30px 30px 20px;
}

.nynewsxq .article-tag {
    display: inline-block;
    padding: 4px 12px;
    background: #e8f2ff;
    color: #0658cc;
    font-size: 13px;
    border-radius: 3px;
    margin-bottom: 12px;
}
.nynewsxq .article-title {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 16px;
}

.nynewsxq .article-meta {
    font-size: 13px;
    color: #999;
    display: flex;
    gap: 20px;
}
.nynewsxq .article-bigimg {
    width: 100%;
    height: 420px;
    overflow: hidden;
}

.nynewsxq .article-content {
    padding: 30px;
    font-size: 16px;
    color: #444;
}
.nynewsxq .article-content p img{max-width: 100%;}
.nynewsxq .article-prev-next {
    display: flex;
    justify-content: space-between;
    padding: 20px 30px;
    border-top: 1px solid #eee;
}

.nynewsxq .sidebar{display: flex;
    flex-direction: column;
    gap: 25px;
    width: 27%;
}

.nynewsxq .side-card {
    background: #fafafa;
    border-radius: 8px;
    overflow: hidden;
}

.nynewsxq .side-title {
    padding: 16px 20px;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid #eee;
    position: relative;
}

.nynewsxq .side-title::before {
    content: "";
    width: 4px;
    height: 18px;
    background: #0658cc;
    position: absolute;
    left: 20px;
    top: 18px;
}
.nynewsxq .side-title span {
    padding-left: 12px;
}
.nynewsxq .side-cate {
    padding: 15px 20px;
}
.nynewsxq .side-cate li {
    line-height: 42px;
    border-bottom: 1px solid #f5f5f5;
}
.nynewsxq .side-cate a {
    color: #555;
    display: block;
    font-size: 16px;
}
.nynewsxq .side-cate a.active {
    color: #0658cc;
}
.nynewsxq .hot-list {
    padding: 15px 20px;
}
.nynewsxq .hot-item {
    display: flex;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid #f5f5f5;
}
.nynewsxq .hot-thumb {
    width: 86px;
    height: 64px;
    flex-shrink: 0;
    border-radius: 4px;
    overflow: hidden;
}

.nynewsxq .hot-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.nynewsxq .hot-text h4 {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.nynewsxq .hot-date {
    font-size: 12px;
    color: #aaa;
    margin-top: 6px;
}



@media screen and (min-width: 100px) and (max-width: 1200px) {
.main-wrap{flex-wrap: wrap;}
.nynewsxq .article-box,.nynewsxq .sidebar{width: 100%;}
}









/*内页联系我们*/
 .contactinfo .top-row {
    display: flex;
    gap: 40px;
    margin-bottom: 40px;
}

       /* 卡片通用 */
     .contactinfo   .info-card, .contactinfo .map-card, .form-full-card {
            background: #fff;
            padding: 35px;
            border-radius: 12px;
            box-shadow: 0 2px 15px rgba(0,0,0,0.06);
            width: 35%;
        }
       .contactinfo  .info-card h3, .map-card h3, .form-full-card h3 {
            font-size: 20px;
            margin-bottom: 25px;
            color: #181b7b;
        }
        /* 联系信息项 */
        .contactinfo .info-item {
            display: flex;
            margin-bottom: 22px;
            align-items: flex-start;
        }
       .contactinfo  .info-icon {
            width: 40px;
            height: 40px;
            background: #e8f1ff;
            color: #181b7b;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 16px;
            flex-shrink: 0;
        }
     .contactinfo .info-text h4 {
            font-size: 16px;
            margin-bottom: 4px;
        }
        .contactinfo .info-text p {
            color: #666;
        }



     /* 地图区域 */
   .contactinfo   .map-card{width: 65%;}
       .contactinfo  .map-box {
            width: 100%;
            height: 100%;
            min-height: 280px;
            background: #e8f1ff;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #165DFF;
            font-size: 18px;
            border-radius: 8px;
        }
        
@media  screen and (min-width: 100px) and (max-width: 1200px) {
	
	.contactinfo .top-row{flex-wrap: wrap;}
	.contactinfo .info-card, .contactinfo .map-card, .form-full-card,.contactinfo .map-card{width: 100%;}
	
}





/*内页关于我们*/

/* 滚动入场动画 */
.aboutinfo .scroll-animate{
    opacity: 0;
    transform: translateY(40px);
    transition: var(--transition-all);
}
.aboutinfo  .scroll-animate.active{
    opacity: 1;
    transform: translateY(0);
}



/* 区块通用标题 */
.aboutinfo  .section-title{
    text-align: center;
    margin-bottom: 48px;
}
.aboutinfo  .section-title h2{
    font-size: 30px;
    color: #1a2338;
    margin-bottom: 12px;
    position: relative;
    display: inline-block;
    font-weight: 600;
    transition: var(--transition-all);
}
.aboutinfo  .section-title h2:hover{
    color: var(--main);
}
.aboutinfo  .section-title h2::after{
    content: "";
    width: 72px;
    height: 4px;
    background: linear-gradient(90deg,#1b1c7a, #2078e8);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px;
    border-radius: 2px;
    transition: var(--transition-all);
}
.aboutinfo  .section-title h2:hover::after{
    width: 90px;
}
.aboutinfo  .section-title p{
    font-size: 14px;
    color: #8892a0;
    margin-top: 18px;
    letter-spacing: 0.5px;
}

/* 1、企业简介区块 渐变卡片+图文 */
.aboutinfo  .about-intro{
    background: #fff;
    border-radius: var(--radius);
    padding: 48px 36px;
    margin-bottom: 60px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
    box-shadow: var(--shadow);
    transition: var(--transition-all);
    position: relative;
    overflow: hidden;
}
.aboutinfo .about-intro::before{
 
}
.aboutinfo  .about-intro:hover::before{
    opacity: 1;
}
.aboutinfo  .about-intro:hover{
    box-shadow: var(--shadow-hover);
}
.aboutinfo .intro-img{
    overflow: hidden;
    border-radius: var(--radius);
}
.aboutinfo .intro-img img{
    width: 100%;
    border-radius: var(--radius);
    transition: transform 0.4s ease;
}
.aboutinfo .intro-img:hover img{
    transform: scale(1.04);
}
.aboutinfo .intro-text h3{
    font-size: 24px;
    margin-bottom: 22px;
    color: #1a2338;
    font-weight: 600;
    line-height: 1.4;
    transition: var(--transition-all);
}
.aboutinfo .intro-text h3:hover{
    color: var(--main);
}



.aboutinfo .intro-text p{
    font-size: 15px;
    color: var(--text-gray);
    margin-bottom: 16px;
    line-height: 1.8;
}

.aboutinfo .intro-text img{width:100%;}


/* 2、发展历程 立体时间轴美化 + 圆点脉冲动画 */
.aboutinfo .about-history{
    margin-bottom: 60px;
}
.aboutinfo .history-wrap{
    position: relative;
    padding-left: 40px;
    width: 30vw;
}
.aboutinfo .history-wrap::before{
    content: "";
    width: 3px;
    background: linear-gradient(180deg,#0658cc,#e8f2ff);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 3px;
}
.aboutinfo .history-item{
    position: relative;
    padding: 20px 24px 20px 40px;
    border-radius: 8px;
    margin-bottom: 24px;
    box-shadow: 0 10px 60px 0 rgba(0,0,0,0.1);
    background: #fafafa;
    transition:all 0.3s;
}
.aboutinfo .history-item:hover{
    transform: translateX(8px);
    box-shadow: var(--shadow-hover);
}
.aboutinfo .history-item::before{
    content: "";
    width: 14px;
    height: 14px;
    background: linear-gradient(135deg,#0658cc,#2078e8);
    border-radius: 50%;
    position: absolute;
    left: -7px;
    top: 22px;
    border: 3px solid #f4f7fc;
    z-index: 2;
    animation: pulse 2.5s infinite ease-in-out;
}
@keyframes pulse{
    0%,100%{box-shadow: 0 0 0 0 rgba(6, 88, 204, 0.4);}
    50%{box-shadow: 0 0 0 8px rgba(6, 88, 204, 0);}
}
.aboutinfo .history-year{
    font-size: 20px;
    font-weight: bold;
    color: var(--main);
    margin-bottom: 8px;
}
.aboutinfo .history-desc{
    color: var(--text-gray);
    font-size: 15px;
}
.history-info{display:flex;justify-content: space-between;}

@media  screen and (min-width: 100px) and (max-width: 1200px) {
	
.history-info{display:block;}
.aboutinfo .history-wrap,.history-pic,.history-pic img{width:100%;}
	
}


/* 3、核心优势 渐变图标卡片 */
.aboutinfo .about-advantage{
    background: #fff;
    border-radius: var(--radius);
    padding: 48px 36px;
    margin-bottom: 60px;
    box-shadow: var(--shadow);
    transition: var(--transition-all);
}
.aboutinfo .about-advantage:hover{
    box-shadow: var(--shadow-hover);
}
.aboutinfo .adv-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
}
.aboutinfo .adv-card{
    text-align: center;
    padding: 32px 20px;
    border-radius: 8px;
    background: linear-gradient(180deg,#fff,#e8f2ff);
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
}
.aboutinfo .adv-card::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,var(--main),var(--main-light));
    transform: scaleX(0);
    transition: transform 0.3s ease;
}
.aboutinfo .adv-card:hover::after{
    transform: scaleX(1);
}
.aboutinfo .adv-card:hover{
    transform: translateY(-6px);
    box-shadow: var(--shadow-hover);
}
.aboutinfo .adv-icon{
    width: 76px;
    height: 76px;
    margin: 0 auto 20px;
    background: linear-gradient(135deg,#e8f2ff,#cfe0fb);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}
.aboutinfo .adv-card:hover .adv-icon{
  background: #1b1c7a;
}
.aboutinfo .adv-icon svg{
    width: 36px;
    height: 36px;
    fill:#1b1c7a;
    transition: all 0.3s; 
}
.aboutinfo .adv-card:hover .adv-icon svg{
    fill: #fff;
}
.aboutinfo .adv-card h4{
    font-size: 18px;
    margin-bottom: 12px;
    color: #1a2338;
    font-weight: bold;
    transition:all 0.3s;
}
.aboutinfo .adv-card:hover h4{
    color: var(--main);
}
.aboutinfo .adv-card p{
    font-size: 14px;
    color: var(--text-gray);
    line-height: 1.75;
}

/* 4、工厂实景图集 图片遮罩动效 */
.aboutinfo .about-factory{
    margin-bottom: 60px;
}
.aboutinfo .factory-grid{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 18px;
}

.aboutinfo .factory-item{
    height: 350px;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    display: block;
}
.aboutinfo .factory-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.aboutinfo .factory-item::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg,rgba(27,28,122,0.4),transparent 60%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.aboutinfo .factory-item p{padding:0 10px; text-align: center;  position: absolute;width: 100%;bottom: 0;left: 0; height: 60px;line-height: 60px;color: #fff;font-size: 16px;}

.aboutinfo .factory-item:hover::after{
    opacity: 1;
}
.aboutinfo .factory-item:hover img{
    transform: scale(1.08);
}




/* 5、荣誉资质 卡片边框阴影 */
.aboutinfo .about-cert{
    background: #fff;
    border-radius: var(--radius);
    padding: 48px 36px;
    margin-bottom: 70px;
    box-shadow: var(--shadow);
    transition: var(--transition-all);
}
.aboutinfo .about-cert:hover{
    box-shadow: var(--shadow-hover);
}
.aboutinfo .cert-grid{
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 22px;
}
.aboutinfo .cert-item{
    border: 1px solid #e4ebf5;
    padding: 16px;
    border-radius: var(--radius);
    text-align: center;
    transition: var(--transition-all);
    background: #fff;
}
.aboutinfo .cert-item:hover{
    border-color: var(--main-bg);
    box-shadow: var(--shadow);
    transform: translateY(-4px);
}
.aboutinfo .cert-item img{
    width: 100%;
    object-fit: contain;
    margin-bottom: 12px;
    transition: transform 0.3s ease;
}
.aboutinfo .cert-item:hover img{
    transform: scale(1.03);
}
.aboutinfo .cert-item p{
    font-size: 14px;
    color: #333;
}

/* 返回顶部按钮 */
.aboutinfo .back-top{
    position: fixed;
    right: 30px;
    bottom: 40px;
    width: 46px;
    height: 46px;
    background: var(--main);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--shadow-hover);
    opacity: 0;
    visibility: hidden;
    transition: var(--transition-all);
    z-index: 999;
}
.aboutinfo .back-top.show{
    opacity: 1;
    visibility: visible;
}
.aboutinfo .back-top:hover{
    background: var(--main-light);
    transform: translateY(-4px);
}
.aboutinfo .back-top svg{
    width: 20px;
    height: 20px;
    fill: #fff;
}

/* ===================== 响应式媒体查询 ===================== */
@media screen and (max-width: 1199px){
    .aboutinfo .adv-grid{
        grid-template-columns: repeat(2,1fr);
    }
    .aboutinfo .factory-grid{
        grid-template-columns: repeat(2,1fr);
    }
    .aboutinfo .cert-grid{
        grid-template-columns: repeat(3,1fr);
    }
}
@media screen and (max-width: 991px){
  .aboutinfo  .about-intro{
        grid-template-columns: 1fr;
        gap: 32px;
    }
  .aboutinfo  .intro-img{
        order: 1;
    }
  .aboutinfo  .intro-text{
        order: 2;
    }
}
@media screen and (max-width: 767px){
    
   .aboutinfo .section-title h2{
        font-size: 26px;
    }
    
  .aboutinfo  .section-title h2::after {
    content: "";
    width: 72px;
    height: 4px;
    background: linear-gradient(90deg, var(--main), var(--main-light));
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px;
    border-radius: 2px;
    transition: var(--transition-all);
}

    
    
 .aboutinfo   .about-intro, .about-advantage, .about-cert{
        padding: 36px 20px;
    }
  .aboutinfo  .adv-grid{
        gap: 20px;
    }
  .aboutinfo  .factory-grid{
        grid-template-columns: 2fr;
    }
  .aboutinfo  .factory-item{
        height: 170px;
    }
  .aboutinfo  .cert-grid{
        grid-template-columns: repeat(2,1fr);
    }
   .aboutinfo .history-wrap{
        padding-left: 26px;
    }
  .aboutinfo  .back-top{
        right: 16px;
        bottom: 20px;
        width: 40px;
        height: 40px;
    }
}
@media screen and (max-width: 479px){
  .aboutinfo  .adv-icon{
        width: 66px;
        height: 66px;
    }
   .aboutinfo .history-item{
        padding: 18px 16px 18px 32px;
    }
   .aboutinfo .intro-text h3{
        font-size: 20px;
    }
    .aboutinfo .cert-grid{
        gap: 14px;
    }
}.side ul #qqonline{display: none;}