* {margin: 0;padding: 0;box-sizing: border-box;}
body {font-family: "PingFang SC", "Helvetica Neue", Arial, sans-serif;background-color: #f8fafc;color: #333;line-height: 1.6;}

.container {max-width: 1200px;margin: 0 auto;padding: 0 20px;}

/* 头部导航 */
.header {background: linear-gradient(135deg, #1a365d 0%, #2d5a9e 100%);color: #ffffff;padding: 15px 0;box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.nav-container {display: flex;justify-content: space-between;align-items: center;}

.logo {display: flex;align-items: center;font-size: 24px;font-weight: bold;}

.logo i {margin-right: 10px;font-size: 28px;}

.nav-links {display: flex;gap: 30px;}

.nav-links a {color: #ffffff;text-decoration: none;font-weight: 500;transition: color 0.3s;}

.nav-links a:hover {color: #a0c4ff;}

/* 企业头部信息 */
.company-header {background: #ffffff;padding: 40px 40px;margin: 20px 0;border-radius: 12px;box-shadow: 0 4px 12px rgba(0,0,0,0.05);}

.company-info {display: flex;gap: 50px;}

.company-logo {width: 120px;}

.company-logo img {width: 120px;height: 120px;border-radius: 12px;border: 1px solid #eee;}
.company-details h1 {font-size: 28px;margin-bottom: 10px;color: #1a365d;}

.company-tags {margin-bottom: 15px;}

.tag {display: inline-block;background: #e6f3ff;color: #1a73e8;font-size: 14px;padding: 4px 12px;border-radius: 12px;margin-right: 8px;margin-bottom: 8px;}

.company-stats {display: flex;gap: 30px;margin-top: 20px;}

.stat-item {text-align: center;}

.stat-value {font-size: 24px;font-weight: bold;color: #1a365d;margin-bottom: 5px;}

.stat-label {font-size: 14px;color: #666;}

/* 内容区域 */
.content-area {display: flex;gap: 30px;margin: 30px 0;}

/* 左侧导航 */
.sidebar {width: 250px;flex-shrink: 0;}

.sidebar-nav {background: #ffffff;border-radius: 12px;overflow: hidden;box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.sidebar-nav a{padding: 16px 20px;border-bottom:none;cursor: pointer;transition: background 0.3s;display: flex;align-items: center;color:#333333;text-decoration:none;}

.sidebar-nav a:hover {background: #f8fafc;border-bottom: 1px solid #f0f0f0;}

.sidebar-nav .active {background: #e6f3ff;color: #1a73e8;font-weight: 600;border-left: 4px solid #1a73e8;}

.sidebar-nav i {margin-right: 10px;width: 20px;text-align: center;}

/* 右侧内容 */
.main-content {flex: 1;}

.content-section {background: #ffffff;border-radius: 12px;padding: 30px;margin-bottom: 30px;box-shadow: 0 4px 12px rgba(0,0,0,0.05);}

.section-title {font-size: 22px;margin-bottom: 20px;color: #1a365d;display: flex;align-items: center;}

.section-title i {margin-right: 10px;color: #1a73e8;}

/* 企业简介 */
.intro-card {padding: 20px;}

.intro-card h3 {margin-bottom: 15px;color: #1a365d;
}
.intro-card-bg {padding: 20px;background: #f8fafc;border-radius: 10px;}
.intro-card img{width:100%;}
.intro-card-bg img{width:100%;}
.milestone-list {display: flex;flex-direction: column;gap: 15px;}

.milestone-item {display: flex;align-items: flex-start;}

.milestone-year {background: #1a73e8;color: #ffffff;width: 70px;padding: 8px 0;text-align: center;border-radius: 20px;font-size: 14px;margin-right: 15px;flex-shrink: 0;}

.milestone-content {flex: 1;padding-top: 5px;}

/* 服务能力 */
.service-grid {display: grid;gap: 20px;margin-bottom: 30px;}
.service-card {padding: 20px;background: #f8fafc;border-radius: 10px;}
.service-card h3 {margin-bottom: 15px;color: #1a365d;display: flex;align-items: center;}
.service-card h3 i {margin-right: 10px;color: #1a73e8;}
.service-types {display: grid;grid-template-columns: repeat(4, 1fr);gap: 10px;}

.type-item {display: flex;align-items: center;padding: 10px;background: white;border-radius: 8px;}

.type-item i {width: 24px;height: 24px;background: #e6f3ff;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 10px;color: #1a73e8;font-size: 12px;}
/* 资质认证 */
.certificate-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;margin-bottom: 30px;}
.cert-item {text-align: center;}
.cert-item img {width: 100%;height: 180px;object-fit: cover;border-radius: 8px;border: 1px solid #eee;margin-bottom: 10px;}
.cert-item p {font-size: 14px;color: #666;}
/* 客户案例 */
.case-gallery {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
.case-item {}
.case-item img {width: 100%;height: 180px;border: 1px solid #eee;object-fit: cover;border-radius: 8px;margin-bottom: 10px;cursor:pointer;}
.case-item p {font-size: 14px;color: #666;padding:0px 5px;}
/* 荣誉 */
.honour-gallery {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
.honour-item {}
.honour-item img {width: 100%;height: 200px;border: 1px solid #eee;object-fit: cover;border-radius: 8px;margin-bottom: 10px;cursor:pointer;}
.honour-item p {font-size: 14px;color: #666;padding:0px 5px;}
 /* 供应商合作 */
.supplier-cooperation {display: flex;flex-direction: column;gap: 20px;}
.cooperation-item {padding: 20px;background: #f0f7ff;border-radius: 10px;border-left: 4px solid #1a73e8;}
.cooperation-title {font-weight: 600;margin-bottom: 10px;color: #1a365d;}
.cooperation-desc {font-size: 15px;color: #555;line-height: 1.5;}
.cooperation-tags {margin-top: 15px;display: flex;flex-wrap: wrap;gap: 8px;}
.cooperation-tag {background: #e6f3ff;color: #1a73e8;font-size: 14px;padding: 5px 12px;border-radius: 15px;}
/* 联系我们 */
.contact-info {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
.contact-item {display: flex;align-items: center;padding: 20px;background: #f8fafc;border-radius: 8px;}
.contact-item i {width: 50px;height: 50px;background: #e6f3ff;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 15px;color: #1a73e8;font-size: 20px;}
.contact-details {flex: 1;}
.contact-title {font-weight: 600;margin-bottom: 5px;}
.contact-desc {font-size: 14px;color: #666;}
.qrcode-section {text-align: center;margin-top: 30px;padding: 20px;background: #f8fafc;border-radius: 10px;}
.qrcode-section img {width: 150px;height: 150px;margin-bottom: 15px;}
/* 底部操作区 */
.action-footer {background: #ffffff;padding: 20px;border-top: 1px solid #eee;text-align: center;color:#777777;}

/* 响应式调整 */
@media (max-width: 992px) {
.intro-grid, .service-grid, .certificate-grid, .case-gallery, .contact-info, .safety-system {
grid-template-columns: 1fr;
}

.content-area {flex-direction: column;}

.sidebar {width: 100%;}

.sidebar-nav {display: flex;overflow-x: auto;}

.nav-item {flex-shrink: 0;border-bottom: none;border-right: 1px solid #f0f0f0;}

.nav-item:last-child {border-right: none;}

.safety-features, .risk-control {grid-template-columns: 1fr;}
}
.pagination {margin: 20px 0;text-align: center;}

.pagination a, .pagination span {display: inline-block;padding: 5px 10px;margin: 0 2px;border: 1px solid #ddd;text-decoration: none;color: #333;}

.pagination a:hover {background-color: #f5f5f5;}

.pagination .current {background-color: #007bff;color: white;border-color: #007bff;}