/* 走进企业页面专用样式 */

/* 轮播图/单图区域：与原先轮播同尺寸 */
.company-hero-section {
    height: 2.2396rem;
    position: relative;
    overflow: visible;
}

.company-hero-section .banner-con {
    width: 100%;
    position: relative;
    /* display: block; */
}

.company-hero-section .banner-con img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    vertical-align: top;
}

/* 面包屑导航 - 一半在轮播图里面 */
.breadcrumb-section {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    transform: translateY(50%);
}

.breadcrumb-container {
    width: 7.7083rem;
    margin: 0 auto;

}

.breadcrumb-box {
    background: #FFFFFF;
    border-radius: .0208rem;
    box-shadow: 0 .0208rem .0521rem 0 #00000026;
    padding: .1042rem .0833rem;
    display: flex;
    align-items: center;
    gap: .0521rem;
}

.breadcrumb-icon {
    width: 16px;
    height: 16px;
    background-image: url('../image/positioning2.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}

.breadcrumb-text {
    color: #5c6573;
    font-size: .0833rem;
    font-weight: 400;
}

.breadcrumb-text .separator {
    margin: 0 .0417rem;
    color: #D4DBE6;
}

.breadcrumb-text .current {
    color: #CA161E;
    font-weight: 500;
}

/* 企业简介模块 */
.company-intro-section {
    padding: .375rem 0 0 0;
    padding-top: .6771rem;
    background: #FFFFFF;
}

/* Tab导航 */
.company-tabs {
    display: flex;
    gap: .375rem;
    margin-bottom: 0;
    position: relative;
    margin-bottom: .0417rem;
    display: flex;
    cursor: pointer;
    justify-content: center;
}

.company-tab {
    color: #070b12;
    font-size: .0833rem;
    font-weight: 400;
    padding: .0417rem .0833rem;
    background: #FFFFFF;
    transition: all 0.3s;
    border-radius: .0208rem;
    white-space: nowrap;
    position: relative;
}

.company-tab.active {
    background: #CA161E;
    color: #FFFFFF;
}

.company-tab:hover:not(.active){
    color: #CA161E;
}
.company-tab.active:hover,
.company-tab:hover.active {
    color: #FFFFFF;
}

/* Tab指示器下划线 */
.company-tab-indicator {
    width: 100%;
    height: .0052rem;
    background: #D4DBE6;
    overflow: hidden;
    position: relative;
    margin-bottom: .2083rem;
}

.company-tab-indicator-slider {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 33.333%;
    background: #CA161E;
    transition: all 0.3s ease;
}

/* 标题区域 */
.company-title-section {
    margin-top: .3125rem;
}

.section-title {
    display: flex;
    align-items: center;
    gap: .1042rem;
    margin-bottom: .2083rem;
    font-size: .1875rem;
    font-weight: 700;
    color: #000000;
}

.section-title .title-bar {
    color: #CA161E;
    font-size: .1875rem;
    font-weight: 700;
    line-height: 1;
    display: inline-block;
}

.section-title .title-text {
    color: #000000;
}

.section-subtitle {
    color: #ca161e;
    font-size: .1042rem;
    font-weight: 700;

}

.company-intro-content {

    margin-bottom: .0833rem;
}

.intro-text {
    width: 100%;
    line-height: 1.8;
    font-size: 14px;
}

.intro-desc {
    color: #2d3440;
    font-size: .0938rem;
    font-weight: 400;
}

.intro-desc:last-child {
    margin-bottom: 0;
}

/* 底部大图 */
.company-intro-image {
    width: 100%;
    overflow: hidden;
}

.company-intro-image img {
    width: 100%;
    height: 3.75rem;
    display: block;
    object-fit: cover;

}

/* 组织架构模块 */
.company-organization-section {
    padding: .2083rem 0;
    padding-bottom: .4167rem;
    background: #FFFFFF;
}

.company-organization-content {
    width: 100%;
}

.company-organization-title {
    margin-bottom: .4167rem;
}

.org-section-title {
    color: #ca161e;
    font-size: .1042rem;
    font-weight: 700;
}

/* 组织架构图 */
.org-chart-image {
    width: 100%;
    margin-top: .125rem;
    text-align: center;
    overflow: hidden;
    border-radius: .0208rem;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.org-chart-image img {
    width: 3.3906rem;
    height: 2.3385rem;
    display: block;
}


/* 发展大事记 */
.company-events-section {

    padding-top: .6771rem;
    background: #FFFFFF;
    /* display: none; */
}

.events-content {
    margin-top: .2083rem;
}

/* 大事记布局：左右结构 */
.events-layout {
    display: flex;
    gap: .2083rem;
    align-items: flex-start;
}

/* 左侧：年份列表 */
.events-year-list {
    width: .7292rem;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    text-align: right;
    gap: .1667rem;
    transform: translateY(-8px);
}

.year-item {
    color: #5c6573;
    font-size: .125rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s;
    text-align: right;
    /* line-height: 1.5; */
}

.year-item:hover {
    color: #CA161E;
}

.year-item.active {
    color: #ca161e;
    font-size: .2708rem;
    font-weight: 700;
    font-family: "DIN";
}

/* 右侧：事件列表 */
.events-list {
    flex: 1;
    position: relative;
    height: 7.8125rem;
    overflow-y: scroll;

}

.year-events {
    display: none;
}

.year-events.active {
    display: block;
}

/* 事件项容器 - 用于创建连续的步骤条 */
.year-events {
    position: relative;
}

.year-events::before {
    content: '';
    position: absolute;
    left: .1042rem;
    top: 10px;
    bottom: 0;
    width: .0052rem;
    background: #D4DAE6;
    z-index: 1;
}

/* 事件项 */
.event-item {
    display: flex;
    align-items: flex-start;
    gap: .2083rem;
    position: relative;
    margin-bottom: 0;
    padding-bottom: .4167rem;
    z-index: 2;
    transform: translateY(6px);
}

.event-item:last-child {
    padding-bottom: 0;
}

/* 左侧：步骤条和圆点 */
.event-left {
    width: .2083rem;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding-top: 0;
}

.step-line {
    display: none;
    /* 使用容器的伪元素来创建连续线条 */
}

.step-dot {
    width: 8px;
    height: 8px;
    opacity: 1;
    background: #070b12;
    border-radius: 50%;

    flex-shrink: 0;
    position: relative;
    z-index: 3;
    margin-top: 0;
    margin-bottom: 0;
}

/* 右侧：时间和内容 */
.event-right {
    flex: 1;
    padding-top: 0;
    padding-bottom: .1563rem;
}

.event-date {
    font-size: .1042rem;
    font-weight: 700;
    color: #000000;
    margin-bottom: .1042rem;
    line-height: 1.5;
    /* 与圆点对齐：通过相同的padding-top来对齐 */
    padding-top: 0;
    margin-top: 0;
    height: .125rem;
    display: flex;
    align-items: center;
}

.event-content {
    margin-top: .0833rem;
}

.event-details {
    margin-bottom: .0833rem;
    color: #5c6573;
    font-size: .0938rem;
    font-weight: 400;
}

.event-image {
    width: 100%;

    overflow: hidden;
}

.event-image img {
    width: 100%;
    margin-bottom: .0833rem;
    height: 3.0781rem;
    display: block;
    object-fit: cover;
}

.event-contact {
    /* margin: .2083rem 0; */
}

.event-contact p {
    color: #5c6573;
    font-size: .0938rem;
    font-weight: 400;
}



/* 联系方式模块 */
.company-contact-section {
    padding: .375rem 0 .3646rem 0;
    padding-top: .6771rem;
    background: #FFFFFF;
    /* display: none; */
}

.company-contact-title {
    margin-bottom: .4167rem;
    margin-top: .3125rem;
}

.contact-section-title {
    font-size: .1875rem;
    font-weight: 700;
    color: #000000;
    margin: 0;
    padding: 0;
}

.company-contact-content {}

/* 电话信息背景区域 */
.contact-phone-section {
    width: 100%;

}

.contact-phone-bg {
    width: 100%;
    min-height: 1.2708rem;
    background-image: url('../image/phone_bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    padding: .3542rem .4167rem;
    position: relative;
    overflow: hidden;
}



.contact-phone-list {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: .125rem .2604rem;
}

.contact-phone-item {
    display: flex;
    align-items: center;
    color: #ffffff;
    font-size: .0938rem;
    font-weight: 400;
    /* margin-right: .4167rem; */
}

.phone-label {
    font-weight: 500;
    /* width: .6771rem; */
    min-width: .6771rem;
}

.phone-number {
    color: #ffffff;
    font-size: .14rem;
    font-weight: 500;
}

/* 地图图片区域 */
.contact-map-section {
    width: 100%;
    overflow: hidden;
    border-radius: .0208rem;
}

.contact-map-section img {
    width: 100%;
    height: 3.3333rem;
    display: block;
    object-fit: cover;
}

/* 响应式调整 */
@media (max-width: 1260px) {

    /* .org-chart-image {
        padding: 0 .1042rem;
    } */
    .contact-phone-bg {
        /* padding: .3646rem .3125rem; */
    }
}