body { margin: 0; font-family: sans-serif; }
.enterprise-container { display: flex; max-width: 1200px; margin: 0 auto; padding: 40px 20px; min-height: 746px;}
.sidebar ul { list-style: none; padding: 0; margin: 0; }
.sidebar li { padding: 12px 16px; cursor: pointer; border-left: 3px solid transparent; }
.sidebar li.active { color: #E60012; border-left-color: #E60012; background: #f9f9f9; }
.content { flex: 1; padding-left: 40px; margin-bottom: 120px;}
.panel { display: none; }
.panel.active { display: block; line-height: 1.8;}
.panel h2 { margin-top: 0; font-size: 24px;}
.panel h3 { padding:10px 0; font-size: 18px;}

.side-image { float: right; width: 300px;height: 300px; margin-left: 20px;overflow: hidden;display: inline-block;
    position: relative;}
.side-image img {height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

/* 发展历程: 中轴+左右分布 */
.timeline {  position: relative;  padding: 40px 0;  list-style: none;  margin: 0;}
.timeline::before {  content: '';  position: absolute;  top: 97px;  left: 50%;  transform: translateX(-50%);  width: 2px;  height: 95%;  background: #E60012;}
.timeline li {  position: relative;  clear: both;  padding: 40px 0;}
.timeline li::before {  content: '';  position: absolute;  top: 47px;  left: 50%;  transform: translateX(-50%);  width: 12px;  height: 12px;  background: #E60012;  border-radius: 50%;}
.timeline-content {  position: relative;  width: calc(50% - 20px);  display: inline-block;  vertical-align: top;}
.timeline-content.left {  float: left;  text-align: right;  margin-right: 20px;}
.timeline-content.right {  float: right;  text-align: left;  margin-left: 20px;}
.timeline-content .year {  display: block;  margin-bottom: 8px;  font-weight: bold;  color: #E60012;}
.timeline-content p {  margin: 0;  line-height: 1.6;}

.award-category { margin-bottom: 24px; }
.award-category h3 { margin-bottom: 12px; }
.card { display: inline-block; width: 180px; height: 120px; background: none; margin-right: 16px; vertical-align: top;margin-bottom: 24px; }
.social-media { display: flex; gap: 24px; margin-top: 24px; }
.social-media .card { width: 150px; text-align: center; }
.social-media .card img { width: 100%; height: auto; }

