/* 公司介绍开始 */
   img {
	  max-width: 100%;   /* 不超过父容器宽度 */
	  height: auto;      /* 高度自动，保持宽高比 */
	  display: block;    /* 避免行内元素带来的底部空隙 */
	}
    
    .companymain {
      max-width: 1400px;
      margin: 0 auto;
      padding-top: 70px; /* Added padding to account for fixed nav */
    }
    
    .companywarper {
      background: #fff;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
      padding: 20px;
    }
    
    .about_box {
      padding: 35px;
      padding-top: 0;
      border: 1px solid #ddd;
      margin-bottom: 60px;
      overflow: hidden;
      background: #fff;
    }
    
    .about_box p, .about_partner p {
      line-height: 30px;
      color: #666;
      font-size: 16px;
      margin-bottom: 20px;
    }
    
    .about_box h2 {
      margin-bottom: 25px;
      padding-top: 50px;
      font-size: 28px;
      color: #333;
      position: relative;
    }
    
    .about_box h2:before {
      content: "";
      position: absolute;
      left: 0;
      bottom: -10px;
      width: 50px;
      height: 3px;
      background: #00a2e9;
    }
    
    .aboutproline {
      margin: 0 -15px;
      margin-top: 25px;
    }
    
    .aboutproline img {
      display: block;
      width: 100%;
      height: auto;
    }
    
    .aboutproline li {
      margin: 0 15px;
    }
    
    .about_box .lcon {
      width: 55%;
      float: left;
    }
    
    .about_box .lcon p {
      margin-bottom: 20px;
    }
    
    .about_box .rcon {
      width: 40%;
      float: right;
      margin-top: 50px;
    }
    
    .about_box .rcon img {
      width: 100%;
      display: block;
      border: 1px solid #eee;
    }
    
    .about_honor li {
      border: 1px solid #ddd;
      overflow: hidden;
    }
    
    .about_why, .about_partner {
      margin-bottom: 60px;
      background: #fff;
      padding: 20px;
      border: 1px solid #ddd;
    }
    
    .about_why h3, .about_partner h3 {
      font-size: 24px;
      text-align: center;
      position: relative;
      text-transform: uppercase;
      padding-bottom: 20px;
      margin-bottom: 30px;
      padding-top: 20px;
      color: #333;
    }
    
    .about_why h3:after, .about_partner h3:after {
      content: "";
      width: 50px;
      height: 3px;
      background: #00a2e9;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
    }
    
    .about_partner ul {
      overflow: hidden;
      border-right: 1px solid #ddd;
      border-top: 1px solid #ddd;
      margin: 0;
      padding: 0;
      list-style: none;
    }
    
     .about_partner li {
      width: 25%;
      float: left;
      padding: 25px;
      border-bottom: 1px solid #ddd;
      border-left: 1px solid #ddd;
      text-align: center;
      box-sizing: border-box;
    }
	
	.about_why ul {
	  display: flex;
	  flex-wrap: wrap;
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  border-top: 1px solid #ddd;
	  border-right: 1px solid #ddd;
	}

	.about_why li {
	  flex: 1 1 25%;            /* 四列布局 */
	  box-sizing: border-box;
	  padding: 25px;
	  border-left: 1px solid #ddd;
	  border-bottom: 1px solid #ddd;
	  display: flex;            /* 子容器也用 Flex，图片+文字垂直布局 */
	  flex-direction: column;
	  align-items: center;      /* 水平居中 */
	  justify-content: flex-start; /* 顶部对齐 */
	  text-align: center;
	}

	/* 标题文字末尾省略（可选） */
	.about_why li h4 {
	  display: -webkit-box;
	  -webkit-line-clamp: 2;     /* 最多两行，超出省略 */
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	}

	/* Tablet：两列 */
	@media (max-width: 768px) {
	  .about_why li {
		flex: 1 1 50%;
	  }
	}

	/* Mobile：单列 */
	@media (max-width: 480px) {
	  .about_why li {
		flex: 1 1 100%;
	  }
	}
    
   
    
    .about_why li h6 {
      margin: 0 auto;
    }
    
    .about_why li img {
      max-width: 100%;
      height: auto;
    }
    
    .about_partner ul {
      margin-top: 30px;
    }
    
    .about_partner li {
      padding: 20px;
      height: 150px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    .about_partner li img {
      max-width: 100%;
      max-height: 100%;
    }
    
    /* Clearfix for floated elements */
    .clearfix:after {
      content: "";
      display: table;
      clear: both;
    }
    
	/* production capacity table start */
    .production-table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 20px;
    }
    
    .production-table th, 
    .production-table td {
        border: 1px solid #ddd;
        padding: 12px;
        text-align: left;
    }
    
    .production-table th {
        background-color: #2e89ff;
        color: white;
    }
    
    .production-table tr:nth-child(even) {
        background-color: #f2f2f2;
    }
    
    /* Responsive table styling */
    .table-responsive {
        overflow-x: auto;
    }
    
    /* Mobile responsiveness */
    @media screen and (max-width: 768px) {
        .production-table {
            font-size: 14px;
        }
        
        .production-table th, 
        .production-table td {
            padding: 8px;
        }
    }
	/* production capacity table over */
	
	
    /* Production Line - 3 images per row, 4 rows */
    .production-line-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      margin-top: 30px;
    }

    .production-line-grid img {
      width: 100%;
      height: auto;
      border: 1px solid #eee;
    }
	
	.production-Equipment {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-top: 20px;
	}
	 
	.grid-item {
		border-radius: 8px;
		overflow: hidden;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
		transition: transform 0.3s ease;
	}
	 
	.grid-item img {
		width: 100%;
		height: auto;
		display: block;
		object-fit: cover;
	}
	 
	.grid-item:hover {
		transform: translateY(-5px);
	}
	 
	/* 响应式设计 - 平板和手机 */
	@media (max-width: 992px) {
		.production-Equipment {
			grid-template-columns: repeat(3, 1fr);
		}
	}
	 
	@media (max-width: 768px) {
		.production-Equipment {
			grid-template-columns: repeat(2, 1fr);
		}
	}
	 
	@media (max-width: 480px) {
		.production-Equipment {
			grid-template-columns: 1fr;
		}
		
		.about_box {
			padding: 10px;
		}
	}
	

    /* Factory Video - single row */
    .video-row {
      display: flex;
      justify-content: space-between;
      margin-top: 30px;
    }

    .video-row img {
      width: 32%;
      height: auto;
      border: 1px solid #eee;
    }

    /* Certificates - single row */
    .certificates-row {
      display: flex;
      justify-content: space-between;
      margin-top: 30px;
    }

    .certificates-row img {
      width: 32%;
      height: auto;
      border: 1px solid #eee;
    }
  
    /* Responsive adjustments */
    @media (max-width: 1200px) {
      
    }
    
    @media (max-width: 768px) {
      .about_box .lcon, 
      .about_box .rcon {
        width: 100%;
        float: none;
      }
      
      .about_box .rcon {
        margin-top: 30px;
      }
      
      .about_why li,
      .about_partner li {
        width: 50%;
      }
      
      .video-row,
      .certificates-row {
        flex-direction: column;
      }
      
      .video-row img,
      .certificates-row img {
        width: 100%;
        margin-bottom: 20px;
      }
    }
    
    @media (max-width: 480px) {
      .about_why li,
      .about_partner li {
        width: 100%;
      }
      
     
    }
	
/* 分段导航栏核心样式 */
.section-nav {
    position: sticky;
    top: 0;
    width: 100%;
    background: white;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: 100;
}

.section-nav-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    overflow-x: auto;
}

.section-nav-list {
    display: flex;
    list-style: none;
    justify-content: space-between;
    min-width: 800px;
    padding: 12px 0;
}

.section-nav-list li {
    flex: 1;
    text-align: center;
}

.section-nav-link {
    display: block;
    padding: 12px 10px;
    text-decoration: none;
    color: #333;
    font-weight: 500;
    font-size: 16px;
    transition: all 0.3s ease;
    white-space: nowrap;
    border-radius: 4px;
}

.section-nav-link:hover {
    background: #2e89ff;
    color: white;
}

.section-nav-link.active {
    background: #2e89ff;
    color: white;
    font-weight: bold;
}

/* 内容区域样式 */
.content-section {
    min-height: 100vh;
    padding: 80px 20px 40px;
    border-bottom: 1px solid #eee;
}

.content-section h2 {
    margin-bottom: 20px;
    color: #222;
}

/* 响应式 16:9 容器 */
    .vr-container {
      position: relative;
      width: 100%;
      padding-top: 56.25%;
      overflow: hidden;
    }
    .vr-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: none;
    }

/* 响应式调整 - 手机端两行布局 */
@media (max-width: 768px) {
    .section-nav-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 8px;
        min-width: auto;
        padding: 10px;
    }
    
    .section-nav-list li {
        flex: none;
        margin: 0;
        text-align: center;
    }
    
    .section-nav-link {
        padding: 8px 5px;
        font-size: 14px;
        white-space: normal;
    }
}

/* 更小的手机屏幕调整 */
@media (max-width: 480px) {
    .section-nav-link {
        font-size: 12px;
        padding: 6px 3px;
    }
}


/* 公司介绍结束 */