/* 企业简介文字样式 */
.company-profile-text {
    font-size: 18px;
    line-height: 1.8;
    display: block;
    margin-bottom: 25px;
    letter-spacing: 0.3px;
    font-weight: 400;
    color: #333;
    text-align: justify; /* 添加两端对齐 */
    text-justify: inter-word; /* 确保单词之间的间距均匀 */
}

/* 企业简介标题样式 */
.small-primary {
    padding-left: 0;
    margin-bottom: 30px;
    display: block;
}

.small-primary span {
    font-size: 24px;
    font-weight: 500;
}

/* 增加公司名称与简介内容之间的间距 */
.about-section-right h3 {
    margin-bottom: 25px;
}

/* 使命愿景价值观样式 */
.featured-item p {
    line-height: 1.8;
    font-size: 16px;
    color: #666;
    text-align: justify;
    margin-bottom: 15px;
    text-justify: inter-word;
    height: auto;
    overflow: visible;
}

.featured-item h3 {
    margin-bottom: 20px;
    color: #333;
    font-size: 22px;
}

.values-list {
    display: block;
    margin-top: 15px;
    width: 100%;
    text-align: left; /* 改为左对齐 */
}

.values-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 15px;
}

.values-row span {
    width: 33.33%;
    text-align: center;
    padding: 0;
    margin: 0;
    flex: none;
    display: inline-block;
}

.values-list span {
    font-weight: 500;
    font-size: 16px;
    color: #666;
    display: block;
}

#featured-section {
    padding: 80px 0 40px; /* 增加顶部留白，更舒适的间距 */
    background-color: #faf9f7;
}

.featured-item {
    padding: 30px 24px 20px 24px; /* 增加顶部内边距，统一内边距 */
    width: 100%;
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    border-radius: 4px;
    height: auto; /* 移除固定高度，避免多余留白 */
    min-height: 180px; /* 适度的最小高度，保证卡片视觉统一 */
    position: relative;
    border-left: 4px solid #e9a244;
    display: flex;                 /* 作为垂直布局容器 */
    flex-direction: column;
    align-items: flex-start;       /* 水平左对齐 */
    justify-content: flex-start;   /* 顶部起始，对内容用 auto margin 居中 */
    text-align: left;              /* 文本左对齐 */
}

.featured-item h3 {
    font-size: 22px;
    color: #333;
    margin-top: 15px; /* 增加标题顶部间距 */
    margin-bottom: 12px; /* 统一标题与内容间距 */
    position: relative;
    padding-bottom: 6px; /* 缩短下划线距离 */
}

.featured-item h3:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;                    /* 下划线回到左侧 */
    transform: none;
    width: 40px;
    height: 2px;
    background-color: #e9a244;
}

/* 仅让内容（段落/价值观）在卡片内部垂直居中：使用 auto 外边距 */
.featured-item > p,
.featured-item .values-list {
    margin-top: auto;
    margin-bottom: auto;
}

.featured-item p {
    line-height: 1.6;
    color: #666;
    font-size: 16px;
    text-align: left;            /* 段落文本左对齐 */
    margin: 0;
}

.values-list {
    display: block;
    margin-top: 15px;
    width: 100%;
    text-align: left; /* 左对齐 */
}

.values-list table {
    width: 100%;
    margin-top: 8px; /* 更紧凑的顶部间距 */
    border-collapse: collapse; /* 保证列宽一致 */
    table-layout: fixed; /* 各列等宽，保证上下对齐 */
}

.values-list table td {
    padding: 8px 28px 8px 0; /* 加大列间距 */
    color: #666;
    font-size: 16px;
    font-weight: normal;
    text-align: left; /* 左对齐，保证两行首词对齐 */
    width: 33.33%;
    white-space: normal;            /* 允许换行 */
    overflow-wrap: anywhere;        /* 长单词必要时强制换行 */
    word-break: break-word;         /* 防止单词溢出重叠 */
    vertical-align: top;            /* 多行时顶对齐更整齐 */
}

/* 非第一列增加左侧内边距，避免文字视觉贴近 */
.values-list table td + td {
    padding-left: 28px;
}

/* 使用网格布局替代表格，避免长词换行并加大列间距 */
.values-list.values-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 三等分列，避免溢出 */
    column-gap: 16px; /* 再次减小列间距 */
    row-gap: 8px;    /* 更紧凑的行距 */
    align-items: start;
    justify-content: start;      /* 整个网格左对齐 */
    justify-items: start;        /* 每一格内容左对齐 */
    margin-top: 8px;
    max-width: 100%; /* 防止超出卡片 */
}

.values-list.values-grid .value-item {
    white-space: nowrap; /* 不换行 */
    font-size: 15px; /* 略微缩小字体避免溢出 */
    color: #666;
    text-align: left; /* 明确左对齐 */
}

/* Products (Intelligent Parking) filter controls: keep buttons in one row */
#portfolio-section-three .portfolio-item-controls {
    display: flex;
    flex-wrap: nowrap;         /* 不换行 */
    align-items: center;
    gap: 4px;                  /* 进一步减小间距 */
    overflow-x: auto;          /* 小屏幕时横向滚动 */
    white-space: nowrap;
    padding-bottom: 8px;       /* 增加底部空间给滚动条 */
    margin-left: -8px;         /* 适度的负边距让按钮靠左 */
    position: static !important;    /* 覆盖原始CSS的absolute定位 */
    bottom: auto !important;
    right: auto !important;
    justify-content: flex-start; /* 按钮靠左对齐 */
}

#portfolio-section-three .portfolio-item-controls button {
    flex: 0 0 auto;            /* 按钮不被压缩 */
    padding: 4px 8px;          /* 减小内边距 */
    font-size: 16px;           /* 适中的字号 */
    margin: 0;                 /* 取消外边距 */
    background: transparent;
    color: #666666;
    border: none;
    cursor: pointer;
}

#portfolio-section-three .portfolio-item-controls button:focus {
    outline: 0;
}

#portfolio-section-three .portfolio-item-controls button.active {
    color: #c79153;
}

#portfolio-section-three .portfolio-item-controls button span {
    letter-spacing: 3px;
    margin-left: 6px;
}

/* Intelligent Parking portfolio items layout */
#portfolio-section-three .portfolio-item-list-parking {
    margin-top: 50px;
}

#portfolio-section-three .portfolio-item,
#portfolio-section-three .portfolio-item-sizer {
    width: 25%;
}

#portfolio-section-three .portfolio-item.has-gutter {
    padding: 3px;
}

/* Latest project portfolio items layout */
#portfolio-section .portfolio-item-list-latest {
    margin-top: 50px;
}

#portfolio-section .portfolio-item,
#portfolio-section .portfolio-item-sizer {
    width: 25%;
}

#portfolio-section .portfolio-item.has-gutter {
    padding: 3px;
}

#portfolio-section .portfolio-item.portfolio-item--width2 {
    width: 50%;
}

/* Latest project filter controls: keep buttons in one row */
#portfolio-section .portfolio-item-controls {
    display: flex;
    flex-wrap: nowrap;         /* 不换行 */
    align-items: center;
    gap: 4px;                  /* 与其他部分一致的间距 */
    overflow-x: auto;          /* 小屏幕时横向滚动 */
    white-space: nowrap;
    padding-bottom: 8px;       /* 增加底部空间给滚动条 */
    margin-left: -8px;         /* 适度的负边距让按钮靠左 */
    justify-content: flex-start; /* 按钮靠左对齐 */
}

#portfolio-section .portfolio-item-controls button {
    flex: 0 0 auto;            /* 按钮不被压缩 */
    padding: 4px 8px;          /* 减小内边距 */
    font-size: 16px;           /* 适中的字号 */
    margin: 0;                 /* 取消外边距 */
    background: transparent;
    color: #666666;
    border: none;
    cursor: pointer;
}

#portfolio-section .portfolio-item-controls button:focus {
    outline: 0;
}

#portfolio-section .portfolio-item-controls button.active {
    color: #c79153;
}

#portfolio-section .portfolio-item-controls button span {
    letter-spacing: 3px;
    margin-left: 6px;
}

/* Products (Intelligent Factory) - 完全复制portfolio-section-three的样式 */
#portfolio-section-factory {
    padding: 100px 0 0;
    background-image: url("./allnew-web-en/assets/image/dots-bg.png");
}

#portfolio-section-factory .factory-item-controls {
    /* 保持与parking部分一致的flex布局，而不是absolute定位 */
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 4px;                   /* 与Parking部分一致的间距 */
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 8px;        /* 增加底部空间给滚动条 */
    margin-left: -8px;          /* 适度的负边距让按钮靠左 */
    position: static !important;    /* 覆盖原始CSS的absolute定位 */
    bottom: auto !important;
    right: auto !important;
    justify-content: flex-start; /* 按钮靠左对齐 */
}

#portfolio-section-factory .factory-item-controls button {
    background: transparent;
    color: #666666;
    border: none;
    cursor: pointer;
    flex: 0 0 auto;            /* 按钮不被压缩 */
    padding: 4px 8px;          /* 减小内边距 */
    font-size: 16px;           /* 适中的字号 */
    margin: 0;                 /* 取消外边距 */
}

#portfolio-section-factory .factory-item-controls button span {
    letter-spacing: 3px;
    margin-left: 6px;
}

#portfolio-section-factory .factory-item-controls button:focus {
    outline: 0;
}

#portfolio-section-factory .factory-item-controls button.active {
    color: #c79153;
}

#portfolio-section-factory .portfolio-item-list-factory {
    margin-top: 50px;
}

#portfolio-section-factory .portfolio-item,
#portfolio-section-factory .portfolio-item-sizer {
    width: 25%;
}

#portfolio-section-factory .portfolio-item.has-gutter {
    padding: 3px;
}

#portfolio-section-factory .portfolio-item .inner {
    position: relative;
}

#portfolio-section-factory .portfolio-item .inner img {
    width: 100%;
}

#portfolio-section-factory .portfolio-item .overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(199, 145, 83, 0.4); /* 更透明的背景 */
    opacity: 0;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

#portfolio-section-factory .portfolio-item .overlay .contents {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

#portfolio-section-factory .portfolio-item .overlay .contents a {
    color: #c08742;
    background: #fff;
    width: 35px; /* 稍微小一点 */
    height: 35px;
    display: block;
    border-radius: 50%;
    line-height: 34px;
    margin: 0 auto 15px; /* 减小间距 */
    text-align: center;
    text-decoration: none;
}

#portfolio-section-factory .portfolio-item .overlay .contents a i {
    font-size: 14px; /* 稍微小一点 */
    line-height: 34px;
}

#portfolio-section-factory .portfolio-item .overlay .contents a:hover {
    background: #c79153;
    color: #fff;
}

#portfolio-section-factory .portfolio-item:hover .overlay {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

        /* 隐藏小标签，只显示产品名称 */
#portfolio-section-factory .portfolio-item .overlay .contents small {
    display: none;
}

#portfolio-section-factory .portfolio-item .overlay .contents h3 {
    color: #ffffff;
    margin-bottom: 0;
    font-size: 18px; /* 减小字体 */
    font-weight: 500;
}

 /* Parking区域overlay样式 - 更透明的背景和简化内容 */
 #portfolio-section-three .portfolio-item .overlay {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     background: rgba(199, 145, 83, 0.4); /* 更透明的背景 */
     opacity: 0;
     -webkit-transform: scale(0.8);
     -ms-transform: scale(0.8);
     transform: scale(0.8);
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
 }

 #portfolio-section-three .portfolio-item .overlay .contents {
     position: absolute;
     width: 100%;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     text-align: center;
 }

 #portfolio-section-three .portfolio-item .overlay .contents a {
     color: #c08742;
     background: #fff;
     width: 35px; /* 稍微小一点 */
     height: 35px;
     display: block;
     border-radius: 50%;
     line-height: 34px;
     margin: 0 auto 15px; /* 减小间距 */
     text-align: center;
     text-decoration: none;
 }

 #portfolio-section-three .portfolio-item .overlay .contents a i {
     font-size: 14px; /* 稍微小一点 */
     line-height: 34px;
 }

 #portfolio-section-three .portfolio-item .overlay .contents a:hover {
     background: #c79153;
     color: #fff;
 }

 #portfolio-section-three .portfolio-item:hover .overlay {
     opacity: 1;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
 }

 /* 隐藏小标签，只显示产品名称 */
 #portfolio-section-three .portfolio-item .overlay .contents small {
     display: none;
 }

 #portfolio-section-three .portfolio-item .overlay .contents h3 {
     color: #ffffff;
     margin-bottom: 0;
     font-size: 18px; /* 减小字体 */
     font-weight: 500;
 }

.values-list table tr:first-child td {
    padding-bottom: 8px; /* 行间距更紧凑一致 */
}

.featured-item img {
    margin-top: 10px; /* 图标顶部留白 */
    margin-bottom: 20px;
    width: 55px;
    height: auto;
    filter: opacity(0.85);
}

#featured-section .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px; /* 与左右padding协调 */
}

#featured-section .col-md-4 {
    padding: 0 12px;
    margin-bottom: 8px; /* 进一步减少底部外边距 */
}

/* 自定义滚动条样式 - 透明且扁平的设计 */
#portfolio-section-three .portfolio-item-controls::-webkit-scrollbar,
#portfolio-section-factory .factory-item-controls::-webkit-scrollbar,
#portfolio-section .portfolio-item-controls::-webkit-scrollbar {
    height: 4px; /* 非常扁的滚动条 */
}

#portfolio-section-three .portfolio-item-controls::-webkit-scrollbar-track,
#portfolio-section-factory .factory-item-controls::-webkit-scrollbar-track,
#portfolio-section .portfolio-item-controls::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.02); /* 非常透明的背景 */
    border-radius: 2px;
}

#portfolio-section-three .portfolio-item-controls::-webkit-scrollbar-thumb,
#portfolio-section-factory .factory-item-controls::-webkit-scrollbar-thumb,
#portfolio-section .portfolio-item-controls::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.15); /* 半透明的滚动条 */
    border-radius: 2px;
    transition: background 0.3s ease;
}

#portfolio-section-three .portfolio-item-controls::-webkit-scrollbar-thumb:hover,
#portfolio-section-factory .factory-item-controls::-webkit-scrollbar-thumb:hover,
#portfolio-section .portfolio-item-controls::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.25); /* 悬停时稍微显眼一点 */
}

/* Firefox 滚动条样式 */
#portfolio-section-three .portfolio-item-controls,
#portfolio-section-factory .factory-item-controls,
#portfolio-section .portfolio-item-controls {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.02);
}

                  /* 产品图片背景和边框样式 - 解决无背景图片的边界问题 */
 #portfolio-section-three .portfolio-item .inner img,
 #portfolio-section-factory .portfolio-item .inner img {
     background-color: #f8f9fa; /* 浅灰色背景 */
     border: 1px solid #e6e6e6; /* 淡色边框 */
     padding: 15px; /* 内边距让图片有呼吸感 */
     border-radius: 8px; /* 圆角边框 */
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); /* 轻微阴影 */
     transition: all 0.3s ease; /* 平滑过渡效果 */
 }

                  /* 鼠标悬停时的效果 */
 #portfolio-section-three .portfolio-item:hover .inner img,
 #portfolio-section-factory .portfolio-item:hover .inner img {
     background-color: #ffffff; /* 悬停时背景变白 */
     border-color: #c79153; /* 悬停时边框变成主题色 */
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); /* 加强阴影 */
     transform: translateY(-2px); /* 轻微上移 */
 }

 /* 响应式调整 - 小屏幕时优化布局 */
 @media (max-width: 768px) {
     #portfolio-section-three .col-md-4,
     #portfolio-section-factory .col-md-4,
     #portfolio-section .col-md-4 {
         text-align: center;
         margin-bottom: 20px;
     }

     #portfolio-section-three h3,
     #portfolio-section-factory h3,
     #portfolio-section h2 {
         font-size: 28px;
     }

     .portfolio-item-controls,
     .factory-item-controls {
         justify-content: center;
         margin-left: 0;
     }
 }

         /* 确保标题对齐 */
 .small-primary {
     margin-bottom: 8px;
     display: block;
     padding-left: 0 !important;
     margin-left: 0 !important;
     text-align: left !important;
     width: 100%;
 }

 .small-primary span {
     font-size: 14px;
     font-weight: 500;
     color: #c79153;
     letter-spacing: 1px;
     text-transform: uppercase;
     display: inline-block;
     padding-left: 0 !important;
     margin-left: 0 !important;
 }

 /* 统一产品区域的内边距和对齐 */
 #portfolio-section-three .container,
 #portfolio-section-factory .container,
 #portfolio-section .container {
     padding-left: 15px;
     padding-right: 15px;
 }

 /* 确保所有产品区域的标题列有相同的内边距 */
 #portfolio-section-three .col-md-4,
 #portfolio-section-factory .col-md-4,
 #portfolio-section .col-md-4 {
     padding-left: 15px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: flex-start; /* 确保内容左对齐 */
     text-align: left !important; /* 强制文本左对齐 */
 }

         #portfolio-section-three h3,
 #portfolio-section-factory h3,
 #portfolio-section h2 {
     margin-top: 0;
     margin-bottom: 0;
     margin-left: 0 !important;
     padding-left: 0 !important;
     font-size: 32px;
     font-weight: 600;
     color: #333;
     line-height: 1.2;
 }

/* 团队成员轮播样式 */
.team-carousel {
    margin-top: 10px;
}

.team-carousel .owl-item {
    padding: 0 10px; /* 成员卡片之间的间距 */
}

/* 统一团队成员图片高度 */
.team-carousel .team-item .image-box {
    height: 280px; /* 固定容器高度 */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa;
}

.team-carousel .team-item .image-box img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* 保持比例填充，统一高度 */
}

/* 统一整个团队成员卡片高度 */
.team-carousel .team-item {
    height: 450px; /* 固定卡片总高度 */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0 !important; /* 重置margin，使用owl-item的margin */
}

.team-carousel .team-item h4 {
    margin-top: 20px;
    margin-bottom: 8px;
    min-height: 28px; /* 确保标题高度一致 */
}

.team-carousel .team-item .small-secondary {
    min-height: 20px; /* 确保职位高度一致 */
    margin-bottom: 10px;
}

/* 轮播箭头样式 */
#team-section {
    position: relative;
}

#team-section .owl-nav {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    width: 100%;
    height: 0;
    z-index: 10;
}

#team-section .owl-prev {
    position: absolute;
    left: -60px;
    top: 0;
}

#team-section .owl-next {
    position: absolute;
    right: -60px;
    top: 0;
}

#team-section .owl-nav [class*="owl-"] {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    line-height: normal !important;
    border-radius: 0 !important;
    outline: none !important;
}

#team-section .owl-nav [class*="owl-"]:focus {
    outline: none !important;
}

#team-section .owl-nav [class*="owl-"] img {
    width: 40px !important;
    height: 40px !important;
    object-fit: contain !important;
    filter: none !important;
    background: none !important;
    border-radius: 0 !important;
    transition: opacity 0.3s ease !important;
}

#team-section .owl-nav [class*="owl-"]:hover img {
    opacity: 0.7 !important;
}

/* 轮播小点点样式 */
#team-section .owl-dots {
    text-align: center !important;
    margin-top: 30px !important;
    position: relative;
    z-index: 5;
}

#team-section .owl-dots .owl-dot {
    display: inline-block !important;
    margin: 0 5px !important;
}

#team-section .owl-dots .owl-dot span {
    width: 12px !important;
    height: 12px !important;
    background: #cccccc !important;
    border-radius: 50% !important;
    display: block !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

#team-section .owl-dots .owl-dot.active span {
    background: #c79153 !important;
    transform: scale(1.2) !important;
}

#team-section .owl-dots .owl-dot:hover span {
    background: #999999 !important;
    transform: scale(1.1) !important;
}

#team-section .owl-dots .owl-dot:focus {
    outline: none !important;
}

/* 响应式调整 - 在小屏幕上调整箭头位置 */
@media (max-width: 1200px) {
    #team-section .owl-prev {
        left: -40px;
    }
    #team-section .owl-next {
        right: -40px;
    }
}

@media (max-width: 768px) {
    #team-section .owl-prev {
        left: 10px;
    }
    #team-section .owl-next {
        right: 10px;
    }
    #team-section .owl-nav [class*="owl-"] img {
        width: 30px !important;
        height: 30px !important;
    }
}


/* Blog部分样式优化 - 固定容器大小，图片完全显示 */
#blog-section .image-box {
    height: 250px; /* 固定图片容器高度 */
    width: 100%;
    overflow: hidden;
    position: relative;
}

#blog-section .image-box-inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#blog-section .image-box-inner img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* 完全显示图片，不裁剪 */
    width: auto;
    height: auto;
}