* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }

 html {
   scroll-behavior: smooth;
 }

 body {
   font-family: "PingFang SC", -apple-system, BlinkMacSystemFont,
     "Segoe UI", sans-serif;
   background: #f8f8f8;
   position: relative;
   width: 100%;
   min-height: 100vh;
   /* overflow-x: hidden; */
 }

 .enterprise-section {
   overflow: hidden;
 }

 .container {
   position: relative;
   width: 100%;
   /* max-width: 1920px; */
   min-height: 100vh;
   margin: 0 auto;
 }

 /* Banner 区域 */
 .banner {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   height: calc(100vh - 88px);
   overflow: hidden;
   margin: 0 auto;
 }

 .banner-bg {
   position: absolute;
   inset: 0;
   overflow: hidden;
 }

 .banner-bg img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   position: absolute;
   top: 0;
   left: 0;
 }

 .banner-overlay {
   position: absolute;
   inset: 0;
   background: linear-gradient(to bottom,
       rgba(48, 105, 255, 0.75),
       rgba(159, 7, 18, 0.65));
 }

 .banner-content {
   position: relative;
   z-index: 2;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   height: 100%;
   /* padding: 0 360px; */
 }

 .scroll-indicator {
   position: absolute;
   bottom: 40px;
   left: 50%;
   transform: translateX(-50%);
   text-align: center;
   color: white;
   z-index: 2;
   animation: float 2s ease-in-out infinite;
 }

 .scroll-indicator p {
   font-size: 16px;
   font-weight: 300;
   margin-bottom: 8px;
 }

 .scroll-arrow {
   font-size: 24px;
   animation: bounce 1.5s ease-in-out infinite;
 }

 @keyframes float {

   0%,
   100% {
     transform: translateX(-50%) translateY(0);
   }

   50% {
     transform: translateX(-50%) translateY(-10px);
   }
 }

 @keyframes bounce {

   0%,
   100% {
     transform: translateY(0);
   }

   50% {
     transform: translateY(10px);
   }
 }

 @keyframes fadeIn {
   from {
     opacity: 0;
   }

   to {
     opacity: 1;
   }
 }

 @keyframes posterFadeUp {
   from {
     opacity: 0;
     transform: translateY(20px);
   }

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

 .banner-slogan {
   width: 487.16px;
   height: 236.271px;
   margin-bottom: 20px;
 }

 .banner-slogan img {
   width: 100%;
   height: 100%;
   object-fit: contain;
 }

 .banner-subtitle {
   font-size: 16px;
   color: white;
   text-align: center;
   font-weight: 500;
   margin-top: 20px;
   max-width: 800px;
   line-height: 2;
 }

 /* 分享弹窗样式 */
 .modal {
   position: fixed;
   inset: 0;
   display: none;
   align-items: center;
   justify-content: center;
   z-index: 1000;
 }

 .modal.is-open {
   display: flex;
 }

 .poster-modal .modal-backdrop {
   background: rgba(0, 0, 0, 0.6);
 }

 .poster-dialog {
   width: 335px;
   height: 602px;
   border-radius: 12px;
   overflow: hidden;
   animation: posterFadeUp 0.4s ease;
   z-index: 1;
   box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
 }

 .poster-image {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
 }

 .modal-backdrop {
   position: absolute;
   inset: 0;
   background: rgba(0, 0, 0, 0.6);
   animation: fadeIn 0.25s ease;
 }

 /* 分享弹窗 */
 .share-popup {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(0, 0, 0, 0.5);
   display: none;
   justify-content: center;
   align-items: center;
   z-index: 10000;
 }

 .share-popup.active {
   display: flex;
 }

 .share-popup-content {
   background: #fff;
   border-radius: 20px;
   width: 80%;
   max-width: 400px;
   padding: 30px;
   text-align: center;
   position: relative;
 }

 .share-close {
   position: absolute;
   top: 15px;
   right: 20px;
   font-size: 24px;
   cursor: pointer;
   color: #999;
 }

 .share-image-container {
   margin: 20px 0;
 }

 .share-image-container img {
   width: 200px;
   height: 200px;
   object-fit: contain;
 }

 .share-text {
   font-size: 16px;
   color: #333;
   margin-top: 20px;
 }

 .navfix {
   position: absolute;
   top: 88px;
   /* left: 0; */
   width: 100%;
   height: 80px;
   background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
   z-index: 1000;
   display: flex;
   align-items: center;
   justify-content: center;
   /* padding: 0 360px; */
   transition: top 0.3s ease;
 }

 .navfix-content {
   width: 100%;
   max-width: 1200px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 0;
   white-space: nowrap;
 }

 .fix-logo {
   height: 35px;
 }

 .fix-logo img {
   height: 100%;
 }

 .anli {
   background: #C01E13;
   padding: 5px 8px;
 }

 .fix-share {
   display: flex;
   align-items: center;
   color: #fff;
   font-size: 12px;
   cursor: pointer;
   position: relative;
   z-index: 1001;
 }

 .fix-share img {
   width: 24px;
   margin: 0 10px;
   position: relative;
   z-index: 1002;
 }

 /* 移动端分享弹窗样式 */
 @media screen and (max-width: 768px) {
   .share-popup-content {
     width: 90%;
     padding: 20px;
   }

   .share-image-container img {
     width: 180px;
     height: 180px;
   }

   .share-text {
     font-size: 14px;
   }
 }

 /* 名片导航 - 渐变背景，置顶 */
 .navbar {
   position: relative;
   color: #000;
   height: 80px;
   background: #fff;
   z-index: 1000;
   transition: background 0.3s ease, box-shadow 0.3s ease;
 }

 .navbar.scrolled {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   background: rgba(255, 255, 255, 0.95);
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
   z-index: 1000;
 }

 .nav-container {
   width: 100%;
   height: 100%;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: center;
   box-sizing: border-box;
 }

 .nav-menu {
   display: flex;
   gap: 28px;
   align-items: center;
   flex-wrap: nowrap;
 }

 .nav-link {
   font-size: 17px;
   font-weight: 600;
   color: #000;
   text-decoration: none;
   transition: color 0.3s ease;
 }

 .nav-link.active {
   color: #C10714;
 }

 /* .nav-link:hover {
   color: #9dc0ff;
 } */

 /* 五大职能 - PC端位于banner与政策快车道中间位置 */
 .functions {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   /* min-width: 1200px; */
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0 max(20px, calc((100vw - 1200px) / 2));
   z-index: 30;
   margin: 0 auto;
 }

 .functions-container {
   display: flex;
   gap: 25px;
   align-items: center;
   justify-content: center;
 }

 .function-card {
   width: 220px;
   height: 108px;
   border: 2px solid white;
   border-radius: 6px;
   background: white;
   box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.06);
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 20px;
   padding: 7px 40px;
   position: relative;
   overflow: hidden;
   transition: box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1),
     transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
 }

 .function-card:hover {
   box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.15);
   transform: translateY(-4px) scale(1.02);
 }

 .function-card-bg {
   position: absolute;
   inset: 0;
   object-fit: cover;
   border-radius: 6px;
 }

 .function-icon {
   width: 44px;
   height: 43px;
   position: relative;
   z-index: 1;
 }

 .function-icon img {
   width: 100%;
   height: 100%;
   object-fit: contain;
 }

 .function-name {
   font-size: 16px;
   font-weight: 600;
   color: black;
   text-align: center;
   position: relative;
   z-index: 1;
 }

 /* 政策快车道标题 - 最底层 */
 .policy-title {
   position: absolute;
   top: 750px;
   left: 50%;
   transform: translateX(-50%);
   font-size: 60px;
   color: #efefef;
   text-align: center;
   font-weight: 600;
   text-transform: uppercase;
   z-index: 1;
   width: 1920px;
   pointer-events: none;
 }

 /* 政策快车道区域 */
 .policy-section {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   /* min-width: 1200px; */
   background: #f8f8f8;
   padding: 60px 0 60px;
   z-index: 10;
   margin: 0 auto;
 }

 .policy-section-header {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 28px;
   margin-bottom: 28px;
 }

 .policy-section-title {
   display: flex;
   gap: 40px;
   align-items: center;
   justify-content: center;
   /* padding: 0 360px; */
 }

 .policy-section-title-line {
   width: 300px;
   height: 2px;
 }

 .policy-section-title-line-left {
   background: linear-gradient(to right, white, #9f0712);
 }

 .policy-section-title-line-right {
   background: linear-gradient(to right, #9f0712, white);
 }

 .policy-section-title-text {
   font-size: 36px;
   font-weight: 600;
   background: linear-gradient(118.27deg,
       rgba(69, 150, 255, 1) 5.16%,
       rgba(226, 0, 15, 1) 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   color: #b90b0b;
 }

 .policy-section-subtitle {
   text-align: center;
   font-size: 16px;
   color: #999;
   font-weight: 500;
   padding: 0 360px;
 }

 .policy-cards {
   display: flex;
   align-items: center;
   justify-content: space-between;
   /* padding: 0 360px; */
   gap: 20px;
 }

 .policy-card,
 .policy-card:visited,
 .policy-card:hover,
 .policy-card:active {
   width: 368px;
   height: 124px;
   background: white;
   border-left: 4px solid #c10714;
   border-radius: 8px;
   padding: 0 20px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 6px;
   transition: box-shadow 0.3s ease;
   text-decoration: none;
 }

 .policy-card:hover {
   box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
 }

 .policy-card-tag {
   background: rgba(193, 7, 20, 0.06);
   padding: 0;
   height: 20px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 48px;
   min-width: 48px;
 }

 .policy-card-tag span {
   font-size: 12px;
   color: #9f0712;
   line-height: 20px;
 }

 .policy-card-title {
   height: 30px;
   padding: 10px 0;
   display: flex;
   align-items: center;
 }

 .policy-card-title span {
   font-size: 18px;
   font-weight: 500;
   color: black;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }

 .policy-card-desc {
   height: 24px;
   padding: 10px 0;
   display: flex;
   align-items: center;
 }

 .policy-card-desc span {
   font-size: 14px;
   color: #999;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }

 /* 亲清政商区域 */
 .business-section {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   /* max-width: 1920px; */
   /* min-width: 1200px; */
   background: white;
   padding: 60px max(20px, calc((100vw - 1200px) / 2));
   padding-bottom: 100px;
   z-index: 5;
   scroll-margin-top: 168px;
   margin: 0 auto;
   /* 导航栏高度88px + 名片导航高度80px */
 }

 .business-section-header {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 28px;
   margin-bottom: 28px;
 }

 .business-section-title {
   display: flex;
   gap: 40px;
   align-items: center;
   justify-content: center;
 }

 .business-section-title-text {
   font-size: 36px;
   font-weight: 600;
   background: linear-gradient(132.43deg,
       rgba(69, 150, 255, 1) 5.16%,
       rgba(226, 0, 15, 1) 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   color: #b90b0b;
 }

 .business-section-subtitle {
   text-align: center;
   font-size: 16px;
   color: #999;
   font-weight: 500;
 }

 .highlight-number {
   color: #648af8;
   font-weight: 600;
 }

 .business-carousel-title {
   font-size: 24px;
   font-weight: 600;
   color: black;
   text-align: left;
   width: 1200px;
   margin-bottom: 20px;
 }

 .business-carousel-wrapper {
   position: relative;
   overflow: hidden;
   width: 100%;
   margin-bottom: 20px;
 }

 .business-carousel-container {
   display: flex;
   transition: transform 0.5s ease;
   width: 300%;
 }

 .business-carousel-page {
   display: flex;
   gap: 20px;
   justify-content: center;
   width: calc(100% / 3);
   flex-shrink: 0;
   padding-bottom: 20px;
 }

 .business-column {
   width: 600px;
   display: flex;
   flex-direction: column;
   gap: 16px;
 }

 .business-item {
   background: white;
   /* border-radius: 12.766px; */
   display: flex;
   gap: 16px;
   align-items: start;
   padding: 0;
   transition: box-shadow 0.3s ease;
   padding: 16px;
 }

 .business-item-link {
   text-decoration: none;
   color: inherit;
   display: block;
   /* padding: 16px; */
 }

 .business-item-link:hover .business-item {
   box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
 }

 .business-item:hover {
   box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
 }

 .business-item-image {
   width: 128px;
   height: 80px;
   flex-shrink: 0;
   border-radius: 4px;
   overflow: hidden;
 }

 .business-item-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .business-item-content {
   flex: 1;
   height: 80px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }

 .business-item-title {
   font-size: 18px;
   font-weight: 500;
   color: #c10714;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   line-height: 25px;
   max-height: 50px;
   transition: color 0.3s ease;
   cursor: pointer;
 }

 .business-item-title.black {
   color: black;
 }

 .business-item-title:hover,
 .business-item-title.black:hover {
   color: #c10714;
 }

 .business-item-date {
   font-size: 14px;
   color: #4a5565;
 }

 .business-pagination {
   display: flex;
   gap: 8px;
   align-items: center;
   justify-content: center;
   height: 12px;
 }

 .business-pagination-dot {
   width: 38px;
   height: 2px;
   background: #ccc;
   cursor: pointer;
   transition: background 0.3s ease;
 }

 .business-pagination-dot.active {
   background: #b90b0b;
 }

 .business-pagination-dot:hover {
   background: #b90b0b;
 }

 /* 企业力量·时代华章区域 */
 .enterprise-section {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   /* min-width: 1200px; */
   background: white;
   padding: 20px max(20px, calc((100vw - 1200px) / 2)) 60px;
   z-index: 6;
   scroll-margin-top: 168px;
   margin: 0 auto;
   /* 导航栏高度88px + 名片导航高度80px */
 }

 .enterprise-section-header {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 28px;
   margin-bottom: 28px;
 }

 .enterprise-section-title {
   display: flex;
   gap: 40px;
   align-items: center;
   justify-content: center;
 }

 .enterprise-section-title-text {
   font-size: 36px;
   font-weight: 600;
   background: linear-gradient(132.43deg,
       rgba(69, 150, 255, 1) 5.16%,
       rgba(226, 0, 15, 1) 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   color: #b90b0b;
 }

 .enterprise-section-subtitle {
   text-align: center;
   font-size: 16px;
   color: #999;
   font-weight: 500;
 }

 a {
   text-decoration: none;
 }

 .enterprise-content {
   display: flex;
   gap: 20px;
   /* justify-content: center; */
   align-items: flex-end;
   height: 420px;
   overflow-x: auto;
   overflow-y: hidden;
 }

 .enterprise-card {
   /* background: white; */
   width: 254px;
   height: 364px;
   flex: 0 0 auto;
   /* box-shadow: 0px 8px 24px 0px rgba(149, 157, 165, 0.2); */
   border-radius: 8px;
   padding: 10px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-end;
   position: relative;
   overflow: hidden;
   transition: box-shadow 0.3s ease, transform 0.3s ease;
 }

 .enterprise-card:hover {
   /* box-shadow: 0px 12px 32px 0px rgba(149, 157, 165, 0.3);
   transform: translateY(-4px); */
 }

 .enterprise-card-hover-overlay {
   position: absolute;
   inset: 0;
   background: linear-gradient(to bottom,
       rgba(255, 255, 255, 0),
       rgba(0, 0, 0, 1));
   z-index: 10;
   display: flex;
   align-items: center;
   justify-content: center;
   opacity: 1;
   border-radius: 8px;
   overflow: hidden;
 }

 .enterprise-card-hover-overlay::before {
   content: "";
   position: absolute;
   inset: 0;
   backdrop-filter: blur(1px);
   -webkit-backdrop-filter: blur(1px);
   mask-image: linear-gradient(to bottom,
       rgba(0, 0, 0, 1) 0%,
       rgba(0, 0, 0, 0.5) 50%,
       transparent 100%);
   -webkit-mask-image: linear-gradient(to bottom,
       rgba(0, 0, 0, 1) 0%,
       rgba(0, 0, 0, 0.5) 50%,
       transparent 100%);
   pointer-events: none;
 }

 .enterprise-card-hover-overlay::after {
   content: "";
   position: absolute;
   inset: 0;
   backdrop-filter: blur(7px);
   -webkit-backdrop-filter: blur(7px);
   mask-image: linear-gradient(to bottom,
       transparent 0%,
       rgba(0, 0, 0, 0.5) 50%,
       rgba(0, 0, 0, 1) 100%);
   -webkit-mask-image: linear-gradient(to bottom,
       transparent 0%,
       rgba(0, 0, 0, 0.5) 50%,
       rgba(0, 0, 0, 1) 100%);
   pointer-events: none;
 }

 .enterprise-card-special .enterprise-card-hover-overlay {
   border-radius: 0;
 }

 .enterprise-card:first-child .enterprise-card-hover-overlay {
   border-radius: 0;
 }

 .enterprise-card:first-child .enterprise-card-description {
   padding: 10px 10px 20px;
   align-items: flex-start;
 }

 .enterprise-card-special .enterprise-card-body {
   height: 300px;
 }

 .enterprise-card-special .enterprise-card-description {
   padding: 10px 10px 20px;
   align-items: flex-start;
 }

 .enterprise-card-hover-text {
   color: white;
   font-size: 14px;
   font-weight: 500;
   text-align: center;
   padding: 0 20px;
   line-height: 1.5;
   position: relative;
   z-index: 1;
 }

 .enterprise-card-header {
   display: flex;
   align-items: flex-end;
   justify-content: space-between;
   width: 254px;
   margin-bottom: 0;
   position: relative;
   z-index: 2;
 }

 .enterprise-card-name {
   background: linear-gradient(110.73deg,
       rgba(69, 150, 255, 1) 5.16%,
       rgba(226, 0, 15, 1) 100%);
   height: 30px;
   padding: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 4px 4px 0 0;
 }

 .enterprise-card-name span {
   font-size: 18px;
   font-weight: 500;
   color: white;
 }

 .enterprise-card-photo {
   width: 160px;
   height: 97px;
   position: relative;
 }

 .enterprise-card-photo img {
   width: 100%;
   height: 100%;
   object-fit: contain;
 }

 .enterprise-card-body {
   width: 254px;
   height: 313px;
   position: relative;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   padding-top: 0;
   border-radius: 0 0 8px 8px;
   overflow: hidden;
 }

 .enterprise-card-bg {
   position: absolute;
   inset: 0;
   z-index: 0;
 }

 .enterprise-card-bg img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .enterprise-card-description {
   position: relative;
   z-index: 1;
   padding: 20px 10px;
   flex: 1;
   display: flex;
   align-items: center;
 }

 .enterprise-card-description ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .enterprise-card-description li {
   font-size: 12px;
   color: white;
   line-height: 18px;
   margin-bottom: 0;
   padding-left: 18px;
   position: relative;
 }

 .enterprise-card-description li:before {
   content: "•";
   position: absolute;
   left: 0;
 }

 .enterprise-card-company {
   background: rgba(0, 0, 0, 0.5);
   height: 38px;
   padding: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   z-index: 1;
   border-radius: 0 0 8px 8px;
 }

 .enterprise-card-company span {
   font-size: 12px;
   font-weight: 500;
   color: white;
   text-align: center;
 }

 /* Environment 标题 */
 .environment-title {
   position: absolute;
   top: 1708px;
   left: 50%;
   transform: translateX(-50%);
   font-size: 60px;
   color: #efefef;
   text-align: center;
   font-weight: 600;
   text-transform: uppercase;
   z-index: 1;
   pointer-events: none;
 }

 /* 社会责任区域 */
 .social-responsibility-section {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   /* min-width: 1200px; */
   background: white;
   padding: 60px max(20px, calc((100vw - 1200px) / 2));
   padding-bottom: 100px;
   z-index: 3;
   scroll-margin-top: 168px;
   margin: 0 auto;
 }

 .social-responsibility-section-header {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 28px;
   margin-bottom: 28px;
 }

 .social-responsibility-section-title {
   display: flex;
   gap: 40px;
   align-items: center;
   justify-content: center;
 }

 .social-responsibility-section-title-text {
   font-size: 36px;
   font-weight: 600;
   background: linear-gradient(132.43deg,
       rgba(69, 150, 255, 1) 5.16%,
       rgba(226, 0, 15, 1) 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   color: #b90b0b;
 }

 .social-responsibility-section-subtitle {
   text-align: center;
   font-size: 16px;
   color: #999;
   font-weight: 500;
 }

 .social-responsibility-content {
   display: flex;
   gap: 30px;
   align-items: center;
   justify-content: center;
 }

 .social-responsibility-card-link {
   text-decoration: none;
   color: inherit;
   display: block;
 }

 .social-responsibility-card {
   width: 380px;
   height: 244px;
   position: relative;
   border-radius: 8px;
   overflow: hidden;
   transition: transform 0.3s ease, box-shadow 0.3s ease,
     opacity 0.6s ease-out, transform 0.6s ease-out;
   opacity: 0;
   transform: translateY(20px);
 }

 .social-responsibility-card-link:hover .social-responsibility-card {
   transform: translateY(-4px);
   box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.15);
 }

 .social-responsibility-card:hover {
   transform: translateY(-4px);
   box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.15);
 }

 .social-responsibility-card img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .social-responsibility-card-overlay {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   background: rgba(0, 0, 0, 0.6);
   padding: 10px;
   color: white;
 }

 .social-responsibility-card-overlay p {
   font-size: 14px;
   font-weight: 500;
   margin: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }

 /* 发展成果区域 */
 .development-results-section {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   /* min-width: 1200px; */
   background: white;
   padding: 40px max(20px, calc((100vw - 1200px) / 2)) 60px;
   z-index: 5;
   scroll-margin-top: 168px;
   margin: 0 auto;
 }

 .development-results-section-header {
   position: relative;
   z-index: 1;
 }

 .development-results-section-header {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 28px;
   margin-bottom: 28px;
 }

 .development-results-section-title {
   display: flex;
   gap: 40px;
   align-items: center;
   justify-content: center;
 }

 .development-results-section-title-text {
   font-size: 36px;
   font-weight: 600;
   background: linear-gradient(132.43deg,
       rgba(69, 150, 255, 1) 5.16%,
       rgba(226, 0, 15, 1) 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   color: #b90b0b;
 }

 .development-results-section-subtitle {
   text-align: center;
   font-size: 16px;
   color: #999;
   font-weight: 500;
   max-width: 1200px;
 }

 .development-results-content {
   display: flex;
   gap: 30px;
   align-items: flex-start;
   justify-content: center;
   margin-top: 100px;
 }

 .development-results-left {
   width: 560px;
   display: flex;
   flex-direction: column;
   gap: 10px;
 }

 .development-results-card {
   background: white;
   padding: 16px;
   border-radius: 8px;
   transition: all 0.5s ease;
   opacity: 0;
   transform: translateY(20px);
   border-left: 4px solid transparent;
 }

 .development-results-card-first {
   border-left: 4px solid #b90b0b;
   background: linear-gradient(to right, #fafafa, white);
 }

 .development-results-card.active {
   border-left: 4px solid #b90b0b;
   background: linear-gradient(to right, #fafafa, white);
   box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
 }

 .development-results-card:hover {
   box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
 }

 .development-results-card-title {
   font-size: 20px;
   font-weight: 500;
   color: black;
   margin-bottom: 12px;
 }

 .development-results-card-desc {
   font-size: 12px;
   color: black;
   line-height: 18px;
 }

 .development-results-card-desc p {
   margin: 0 0 4px 0;
 }

 .development-results-right {
   width: 590px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .development-results-image {
   width: 480px;
   height: 360px;
   border-radius: 8px;
   overflow: hidden;
   box-shadow: 0px 7px 29px rgba(100, 100, 111, 0.2);
 }

 .development-results-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .development-results-honors {
   display: flex;
   flex-direction: column;
   gap: 29px;
   align-items: center;
   justify-content: center;
   margin-top: 0;
 }

 .development-results-honors-row {
   display: flex;
   gap: 28px;
   align-items: center;
   justify-content: center;
 }

 .development-results-honor-card {
   width: 300px;
   height: 130px;
   background: white;
   border-radius: 12px;
   box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.06);
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 9px;
   padding: 7px 20px;
   transition: box-shadow 0.3s ease, opacity 0.6s ease-out,
     transform 0.6s ease-out;
   opacity: 0;
   transform: translateY(20px);
   box-sizing: border-box;
 }

 .development-results-honor-card:hover {
   box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.15);
 }

 .honor-icon-left,
 .honor-icon-right {
   flex-shrink: 0;
   width: 25.326px;
   height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .honor-icon-left img,
 .honor-icon-right img {
   width: 100%;
   height: 100%;
   object-fit: contain;
 }

 .honor-content {
   flex: 1;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   text-align: center;
   min-width: 0;
   width: 100%;
   padding: 0 12px;
   box-sizing: border-box;
 }

 .honor-year {
   font-size: 16px;
   font-weight: 600;
   color: #d6ab62;
   line-height: 29px;
   text-align: center;
   margin: 0 auto;
   width: 100%;
   box-sizing: border-box;
 }

 .honor-text {
   font-size: 16px;
   font-weight: 500;
   color: black;
   line-height: 29px;
   word-break: break-word;
   word-wrap: break-word;
   max-height: calc(29px * 2);
   min-height: 29px;
   overflow: visible;
   white-space: normal;
   width: 100%;
   max-width: 180px;
   text-align: center;
   margin: 0 auto;
   box-sizing: border-box;
 }

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

   html,
   body {
     font-size: 50px !important;
   }
 }

 /* 1920px～1200px 宽度适配，保持居中 */
 @media screen and (min-width: 801px) {
   body {
     width: 100%;
     min-width: 1200px;
     overflow-x: auto;
   }

   .header {
     display: none !important;
   }

   .common_footer {
     display: none;
   }

   .container {
     width: 100%;
     min-width: 1200px;
     margin: 0 auto;
     overflow-x: scroll;
     position: relative;
   }

   .navbar {
     width: 100%;
     /* min-width: 1200px;
    left: 50%;
    transform: translateX(-50%); */
   }

   .banner {
     width: 100%;
     min-width: 1200px;
     left: 50%;
     transform: translateX(-50%);
   }

   .functions {
     width: 100%;
     min-width: 1200px;
     left: 50%;
     transform: translateX(-50%) !important;
   }

   .policy-section {
     width: 100%;
     min-width: 1200px;
     left: 50%;
     transform: translateX(-50%) !important;
   }

   .business-section {
     width: 100%;
     max-width: 1920px;
     left: 50%;
     transform: translateX(-50%) !important;
   }

   .enterprise-section {
     width: 100%;
     min-width: 1200px;
     left: 50%;
     transform: translateX(-50%) !important;
   }

   .policy-section {
     min-width: 1200px;
   }

   .business-environment {
     min-width: 1200px;
   }

   /* 调整padding，保持内容居中，最小padding为20px */
   .banner-content {
     /* padding: 0 max(20px, calc((100vw - 1200px) / 2)); */
   }

   .nav-container {
     padding: 0 max(20px, calc((100vw - 1200px) / 2));
   }

   .functions {
     /* padding: 0 max(20px, calc((100vw - 1200px) / 2)); */
     margin-bottom: 60px;
   }

   .functions-container {
     min-width: 1200px;
     margin: 0 auto;
   }

   .policy-section-title {
     padding: 0 max(20px, calc((100vw - 1200px) / 2));
   }

   .policy-section-subtitle {
     padding: 0 max(20px, calc((100vw - 1200px) / 2));
   }

   .policy-cards {
     padding: 0 max(20px, calc((100vw - 1200px) / 2));
   }

   .business-section {
     padding: 60px max(20px, calc((100vw - 1200px) / 2));
     padding-bottom: 20px;
   }

   .enterprise-section {
     padding: 20px max(20px, calc((100vw - 1200px) / 2)) 60px;
   }

   .social-responsibility-section {
     width: 100%;
     min-width: 1200px;
     left: 50%;
     transform: translateX(-50%) !important;
     padding: 60px max(20px, calc((100vw - 1200px) / 2));
     padding-bottom: 100px;
   }

   .social-responsibility-content {
     min-width: 1200px;
     margin: 0 auto;
   }

   .development-results-section {
     width: 100%;
     min-width: 1200px;
     left: 50%;
     transform: translateX(-50%) !important;
     padding: 40px max(20px, calc((100vw - 1200px) / 2)) 60px;
   }

   .development-results-content {
     min-width: 1200px;
     margin: 0 auto;
   }

   .development-results-honors {
     min-width: 1200px;
     margin: 0 auto;
     margin-bottom: 54px;
   }
 }

 /* 滚动动画样式 */
 .fade-in-element {
   opacity: 0;
   transform: translateY(30px);
   transition: opacity 0.6s ease-out, transform 0.6s ease-out;
 }

 .fade-in-element.visible {
   opacity: 1;
   transform: translateY(0);
 }

 /* 为各个板块添加动画类 */
 .functions,
 .policy-section,
 .business-section,
 .enterprise-section,
 .social-responsibility-section,
 .development-results-section {
   opacity: 0;
   transition: opacity 0.8s ease-out;
 }

 .functions.visible,
 .policy-section.visible,
 .business-section.visible,
 .enterprise-section.visible,
 .social-responsibility-section.visible,
 .development-results-section.visible {
   opacity: 1;
 }

 /* 卡片动画 */
 .function-card,
 .policy-card,
 .enterprise-card {
   opacity: 0;
   transform: translateY(20px);
   transition: opacity 0.6s ease-out, transform 0.6s ease-out;
 }

 .function-card.visible,
 .policy-card.visible,
 .enterprise-card.visible,
 .social-responsibility-card.visible,
 .development-results-card.visible,
 .development-results-honor-card.visible {
   opacity: 1;
   transform: translateY(0);
 }

 /* 延迟动画效果 */
 .function-card:nth-child(1) {
   transition-delay: 0.1s;
 }

 .function-card:nth-child(2) {
   transition-delay: 0.2s;
 }

 .function-card:nth-child(3) {
   transition-delay: 0.3s;
 }

 .function-card:nth-child(4) {
   transition-delay: 0.4s;
 }

 .function-card:nth-child(5) {
   transition-delay: 0.5s;
 }

 .policy-card:nth-child(1) {
   transition-delay: 0.1s;
 }

 .policy-card:nth-child(2) {
   transition-delay: 0.2s;
 }

 .policy-card:nth-child(3) {
   transition-delay: 0.3s;
 }

 .enterprise-card:nth-child(1) {
   transition-delay: 0.1s;
 }

 .enterprise-card:nth-child(2) {
   transition-delay: 0.2s;
 }

 .enterprise-card:nth-child(3) {
   transition-delay: 0.3s;
 }

 .enterprise-card:nth-child(4) {
   transition-delay: 0.4s;
 }

 .social-responsibility-card:nth-child(1) {
   transition-delay: 0.1s;
 }

 .social-responsibility-card:nth-child(2) {
   transition-delay: 0.2s;
 }

 .social-responsibility-card:nth-child(3) {
   transition-delay: 0.3s;
 }

 .development-results-card:nth-child(1) {
   transition-delay: 0.1s;
 }

 .development-results-card:nth-child(2) {
   transition-delay: 0.2s;
 }

 .development-results-card:nth-child(3) {
   transition-delay: 0.3s;
 }

 .development-results-honor-card:nth-child(1) {
   transition-delay: 0.1s;
 }

 .development-results-honor-card:nth-child(2) {
   transition-delay: 0.2s;
 }

 .development-results-honor-card:nth-child(3) {
   transition-delay: 0.3s;
 }

 .development-results-honor-card:nth-child(4) {
   transition-delay: 0.4s;
 }

 .development-results-honor-card:nth-child(5) {
   transition-delay: 0.5s;
 }



 .common_footer {
   background-color: #444444;
   clear: both;
   position: relative;
   width: 100%;
   /* margin-top: 20px; */
   /* padding: 0.15rem 0; */
   text-align: center;
 }

 .common_footer .link {
   padding: 0.4rem 0 0.38rem;
   color: #ffffff;
   font-size: 0.28rem;
   line-height: 0.28rem;
   text-align: center;
 }

 .common_footer .link a {
   color: #ffffff;
   padding: 0 0.2rem;
   display: inline;
   text-decoration: none;
 }

 .common_footer p {
   color: #ffffff;
   font-size: 0.22rem;
   line-height: 0.24rem;
   text-align: center;
   padding-bottom: 0.38rem;
 }

 .common_footer p span {
   padding: 0 0.16rem;
 }

 .headerM {
   width: 100%;
   height: 0.88rem;
   background: #222222;
   padding: 0 0.3rem;
   display: none;
   justify-content: space-between;
   align-items: center;
   color: #fff;
 }

 .headerLeft {
   height: 100%;
   display: flex;
   align-items: center;
 }

 .headerM_logo {
   width: 2rem;
   height: 100%;
   background: #bf0614;
   margin-right: 0.2rem;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .headerM_logo img {
   width: 1.5rem;
 }

 .headerLeft span {
   font-size: 0.4rem;
   font-family: PingFangSC-Medium, PingFang SC;
   font-weight: 500;
   color: #ffffff;
 }

 .headerRight {
   width: 0.4rem;
 }

 .headerRight img {
   height: 30px;
   width: 30px;
   display: block;
 }

 .danwei {
   font-size: 12px;
   text-align: center;
   background: #fff;
   padding-bottom: 10px;
 }

 .danwei p {
   line-height: 2;
 }

 /* 移动端适配 - 800px以下 */
 @media (max-width: 800px) {
   html {
     font-size: 50px !important;
   }

   body {
     width: 100%;
     overflow-x: hidden;

   }

   .header {
     display: flex;
   }

   .footerPC {
     display: none;
   }

   .headerM {
     display: flex;
   }

   .common_footer {
     display: block;
   }

   .container {
     width: 100%;
   }

   /* Banner区域 - 移动端，位于导航下方，与导航部分重叠 */
   .banner {
     position: relative;
     width: 100%;
     top: 0;
     height: calc(100vh - 0.88rem);
     margin-top: 0;
     z-index: 1;
   }

   .banner-bg {
     position: absolute;
     inset: 0;
     overflow: hidden;
   }

   .banner-bg img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     position: absolute;
     top: 0;
     left: 0;
   }

   .banner-overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient(to bottom,
         rgba(48, 105, 255, 0.75),
         rgba(159, 7, 18, 0.65));
   }

   .banner-content {
     position: relative;
     z-index: 2;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     height: 100%;
     padding: 0 20px;
   }

   .banner-slogan {
     width: 304px;
     height: 152px;
     margin-bottom: 20px;
   }

   .banner-text,
   .banner-subtitle {
     font-size: 12px;
     color: white;
     text-align: center;
     font-weight: 500;
     margin-top: 20px;
     position: relative;
     width: 100%;
   }

   /* 名片导航 - 移动端置顶，位于banner之上，层级最高，与banner部分重叠 */
   .navbar {
     width: 100%;
     height: 60px;
   }

   .nav-container {
     min-width: auto;
     max-width: 100%;
     padding: 0 20px;
     justify-content: flex-start;
   }

   .nav-menu {
     /* display: none; */
     overflow-x: auto;
     white-space: nowrap;
     padding: 10px 0;
     -webkit-overflow-scrolling: touch;
   }

   .nav-menu::-webkit-scrollbar {
     display: none;
   }

   /* 五大职能 - 移动端叠加在banner与政策快车道之上，左对齐，支持滑动 */
   .functions {
     position: relative;
     width: 100%;
     top: 0;
     left: 0;
     padding: 0;
     /* margin-top: -60px; */
     overflow-x: auto;
     overflow-y: visible;
     -webkit-overflow-scrolling: touch;
     z-index: 1002;
     height: auto;
     min-height: 150px;
     padding-top: 20px;
     padding-bottom: 40px;
     justify-content: flex-start;
   }

   .functions::-webkit-scrollbar {
     display: none;
   }

   .functions-container {
     width: auto;
     min-width: max-content;
     gap: 25px;
     height: auto;
     display: flex;
     align-items: center;
     padding-left: 20px;
     padding-right: 20px;
     justify-content: flex-start;
     overflow: visible;
   }

   .functions-container::-webkit-scrollbar {
     display: none;
   }

   .function-card {
     flex-shrink: 0;
     width: 220px;
   }

   /* 政策快车道 - 移动端垂直布局，缩短与banner之间的间距 */
   .policy-section {
     position: relative;
     width: 100%;
     top: 0;
     padding: 0 0 60px;
     margin-top: 0;
   }

   .policy-section-title {
     padding: 0 20px;
     gap: 20px;
   }

   .policy-section-title-line {
     width: 60px;
   }

   .policy-section-subtitle {
     padding: 0 20px;
   }

   .policy-cards {
     flex-direction: column;
     align-items: center;
     padding: 0 20px;
     gap: 38px;
   }

   .policy-card {
     width: 100%;
     max-width: 100%;
     border-left: 4px solid #c10714;
     border-radius: 8px;
     text-decoration: none;
   }

   .policy-card,
   .policy-card:visited,
   .policy-card:hover,
   .policy-card:active {
     width: 100%;
   }

   .policy-card-tag {
     width: 48px;
     padding: 0 6px;
   }

   /* 亲清政商区域 - 移动端 */
   .business-section {
     width: 100%;
     top: 0;
     position: relative;
     padding: 40px 0;
   }

   .business-section-header {
     padding: 0 20px;
   }

   .business-section-title {
     gap: 20px;
   }

   .business-section-subtitle {
     padding: 0 20px;
   }

   .business-carousel-title {
     width: 100%;
     padding: 0 20px;
     text-align: center;
   }

   .business-carousel-wrapper {
     padding: 0 20px;
   }

   .business-carousel-container {
     width: 100%;
   }

   .business-carousel-page {
     flex-direction: column;
     width: 100%;
     min-width: 100%;
     gap: 0;
   }

   .business-column {
     width: 100%;
     /* margin-bottom: 16px; */
   }

   .business-column:nth-child(1) {
     margin-bottom: 8px;
   }

   .business-item {
     width: 100%;
     max-width: 100%;
     flex-direction: row;
     gap: 16px;
     padding: 8px 0;
   }

   .business-item-image {
     width: 128px;
     height: 80px;
     flex-shrink: 0;
   }

   .business-item-content {
     flex: 1;
   }

   .business-item-title {
     font-size: 16px;
     /* height: 50px; */
     line-height: 1.2;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-word;
     word-wrap: break-word;
     text-overflow: ellipsis;
   }

   .business-item-date {
     font-size: 14px;
     color: #4a5565;
   }

   .business-pagination {
     gap: 8px;
   }

   .business-pagination-dot {
     width: 38px;
     height: 2px;
   }

   /* 企业力量·时代华章 - 移动端 */
   .enterprise-section {
     width: 100%;
     top: 0;
     position: relative;
     padding: 0;
     /* padding: 20px 0 50px; */
   }

   .enterprise-section-header {
     /* padding: 0 20px; */
     gap: 20px;
   }

   .enterprise-section-title {
     gap: 20px;
   }

   .enterprise-section-subtitle {
     padding: 0 20px;
   }

   .enterprise-content {
     flex-direction: row;
     align-items: flex-end;
     gap: 20px;
     height: 450px;
     width: 100%;
     overflow-x: auto;
     overflow-y: visible;
     -webkit-overflow-scrolling: touch;
     padding: 0 0 20px 0;
     justify-content: flex-start;

   }

   .enterprise-content::-webkit-scrollbar {
     display: none;
   }

   .enterprise-card {
     width: 278px;
     max-width: 100%;
     height: 420px;
     margin: 0;
     flex-shrink: 0;
   }

   .enterprise-card-header {
     width: 254px;
   }

   .enterprise-card-name {
     width: 76px;
     height: 30px;
     font-size: 18px;
   }

   .enterprise-card-photo {
     width: 160px;
     height: 97px;
   }

   .enterprise-card-body {
     height: 313px;
   }

   .enterprise-card-description {
     padding: 10px 0;
   }

   .enterprise-card-description ul {
     font-size: 12px;
   }

   .enterprise-card-company {
     height: 38px;
     font-size: 12px;
   }

   /* Environment标题 - 移动端 */
   .environment-title {
     font-size: 40px;
   }

   /* Policy标题 - 移动端 */
   .policy-title {
     font-size: 40px;
     top: 644px;
   }

   /* 调整绝对定位元素的left */
   .banner,
   .functions,
   .policy-section,
   .business-section,
   .enterprise-section {
     left: 0;
   }

   /* 移动端隐藏不必要的元素 */
   .policy-title {
     display: none;
   }



   /* 社会责任区域 - 移动端 */
   .social-responsibility-section {
     width: 100%;
     top: 0;
     position: relative;
     padding: 40px 15px 60px;
   }

   .nav_wrapper_bg {
     display: none;
   }

   .social-responsibility-section-header {
     /* padding: 0 20px; */
     gap: 20px;
   }

   .social-responsibility-section-title {
     gap: 20px;
   }

   .social-responsibility-section-subtitle {
     /* padding: 0 20px; */
   }

   .social-responsibility-content {
     flex-direction: column;
     /* gap: 20px;
       align-items: center;
       flex-wrap: wrap; */
     gap: 20px;
     align-items: center;
     justify-content: center;
   }

   .social-responsibility-card {
     width: 345px;
     max-width: 100%;
   }

   /* 发展成果区域 - 移动端 */
   .development-results-section {
     width: 100%;
     top: 0;
     position: relative;
     padding: 20px 15px 60px;
   }

   .development-results-section-header {
     /* padding: 0 20px; */
     gap: 28px;
     display: flex;
     flex-direction: column;
     align-items: center;
   }

   .development-results-section-title {
     gap: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
   }

   .development-results-section-title-text {
     display: block;
     background: linear-gradient(132.43deg,
         rgba(69, 150, 255, 1) 5.16%,
         rgba(226, 0, 15, 1) 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     color: #b90b0b;
   }

   .development-results-section-subtitle {
     padding: 0 20px;
     display: block;
     color: #999;
   }

   .development-results-content {
     flex-direction: column;
     gap: 20px;
     align-items: center;
   }

   .development-results-left {
     width: 100%;
     padding: 0 15px;
   }

   .development-results-card {
     width: 100%;
     max-width: 100%;
     margin: 0 auto;
     opacity: 1 !important;
     transform: none !important;
   }

   .development-results-card-title {
     display: block;
     color: black;
     font-size: 20px;
     font-weight: 500;
     margin-bottom: 12px;
   }

   .development-results-right {
     width: 100%;
     padding: 0 15px;
   }

   .development-results-image {
     /* width: 345px; */
     width: 100%;
     height: 259px;
   }

   .development-results-honors {
     width: 100%;
     padding: 0 15px;
   }

   .development-results-honors-row {
     flex-direction: column;
     gap: 30px;
     width: 100%;
   }

   .development-results-honor-card {
     width: 100%;
     max-width: 100%;
   }

   /* 移动端容器调整 */
   .container {
     position: relative;
   }

   .navfix {
     display: none;
   }
 }