#w1200{   margin:0 auto; max-width:1400px    }
.gywmdw {
        position: absolute; 
        top: 50%;
        left: 0;
        right: 0;
        color: #ffffff;
        text-align: center;
        transform: translateY(-50%);
    }

    .gywmtitle {
        font-size: 45px;
        margin-bottom: 10px;
    }

    .gywmtitles {
        font-size: 32px; padding-top:20px  
    }

    
 .containerss {
     display: flex;
     max-width: 1400px;
     margin: 0 auto;
     padding: 20px 0;
     gap: 30px;
 }
 
 /* 左侧导航区域 */
 .left-sidebar {
     flex: 0 0 300px;
     background: var(--bg-white);
     border-radius: 16px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
     padding: 25px;
     height: fit-content;
     position: sticky;
     top: 20px;
     transition: all 0.3s ease;
 }
 
 .left-sidebar:hover {
     box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
 }
 
 .sidebar-title {
     font-size: 1.5rem;
     color: var(--text-dark);
     margin-bottom: 25px;
     padding-bottom: 15px;
     border-bottom: 2px solid var(--bg-lighter);
     position: relative;
 }
 
 .sidebar-title::after {
     content: '';
     position: absolute;
     bottom: -2px;
     left: 0;
     width: 60px;
     height: 2px;
     background: var(--primary-gradient);
     border-radius: 2px;
 }
 
 /* 多级导航样式 */
 .multi-level-nav {
     margin-bottom: 40px;
 }
 
 .nav-item {
     margin-bottom: 8px;
     overflow: hidden;
     border-radius: 10px;
     transition: all 0.3s ease;
     background-color: var(--bg-light);
 }
 
 .nav-item:hover {
     background-color: var(--bg-lighter);
 }
 
 .nav-item.active {
     background-color: var(--bg-lighter);
 }
 
 .nav-main {
     padding: 14px 16px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     cursor: pointer;
     font-weight: 600;
     color: var(--text-dark);
     transition: all 0.3s ease;
     text-decoration: none;
 }
 
 .nav-main:hover {
     color: var(--primary);
 }
 
 /* 一级导航箭头样式 - 默认向右，展开时向下 */
 .nav-main i.chevron-icon {
     transition: transform 0.4s ease;
     font-size: 0.8rem;
 }

 /* 展开时箭头向下旋转180° */
 .nav-item:hover .nav-main i.chevron-icon,
 .nav-main.active i.chevron-icon {
     transform: rotate(180deg);
 }
 
 /* 隐藏无子女菜单的箭头 */
 .nav-main.no-chevron i.chevron-icon {
     display: none;
 }
 
 .sub-nav {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.5s ease, padding 0.3s ease;
     background-color: var(--bg-light);
     border-radius: 0 0 10px 10px;
 }

 .nav-item:hover .sub-nav,
 .nav-item.active .sub-nav {
     max-height: 800px;
     padding: 10px 0;
 }
 
 /* 二级导航样式 - 支持三级导航 */
 .sub-nav-item {
     padding: 10px 20px 10px 40px;
     cursor: pointer;
     color: var(--text-body);
     transition: all 0.3s ease;
     position: relative;
     text-decoration: none;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
 
 /* 没有三级导航的二级项样式 */
 .sub-nav-item.no-third {
     display: block;
 }
 
 .sub-nav-item:hover {
     color: var(--primary);
     background-color: var(--bg-lighter);
 }
 
 .sub-nav-item.active {
     color: var(--primary);
     font-weight: 600;
     background-color: var(--bg-lighter);
 }
 
 .sub-nav-item.active::before {
     content: '';
     position: absolute;
     left: 25px;
     top: 50%;
     transform: translateY(-50%);
     width: 6px;
     height: 6px;
     background-color: var(--primary);
     border-radius: 50%;
 }
 
 /* 三级导航样式 */
 .third-nav {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.5s ease, padding 0.3s ease;
     background-color: var(--bg-white);
 }
 
 .sub-nav-item.active + .third-nav {
     max-height: 500px;
     padding: 5px 0;
 }
 
 .third-nav-item {
     padding: 8px 20px 8px 60px;
     cursor: pointer;
     color: var(--text-light);
     transition: all 0.3s ease;
     position: relative;
     font-size: 0.9rem;
     display: block;
     text-decoration: none;
 }
 
 .third-nav-item:hover {
     color: var(--primary);
     background-color: var(--bg-lighter);
 }
 
 .third-nav-item.active {
     color: var(--primary);
     font-weight: 600;
     background-color: var(--bg-lighter);
 }
 
 .third-nav-item.active::before {
     content: '';
     position: absolute;
     left: 40px;
     top: 50%;
     transform: translateY(-50%);
     width: 4px;
     height: 4px;
     background-color: var(--primary);
     border-radius: 50%;
 }
 
 /* 二级导航箭头样式 */
 .sub-nav-arrow {
     font-size: 0.7rem;
     transition: transform 0.3s ease;
 }
 
 .sub-nav-item.active .sub-nav-arrow {
     transform: rotate(90deg);
 }
 
 /* 联系方式区域 - 优化图标对齐 */
.contact-section {
    background: var(--primary-gradient);
    border-radius: 12px;
    padding: 20px;
    color: white;
    margin-top: 20px;
}
.contact-section font,.contact-section font *{background:transparent !important;box-shadow:none !important;}
 
 .contact-title {
     font-size: 1.3rem;
     margin-bottom: 15px;
     display: flex;
     align-items: center;
     gap: 10px;
 }
 
 .contact-info,
 .social-icons-left {
     display: flex;
     flex-direction: column;
     gap: 10px;
 }
 
 .contact-item-left {
     display: flex;
     align-items: center;
     gap: 10px;
     color: #fff;
     font-size: 0.95rem;
     text-decoration: none;
     transition: all 0.3s ease;
     padding: 6px 0;
 }
 .contact-item-left:hover {
     color: #fff;
     opacity: 0.8;
     transform: translateX(5px);
 }
 .contact-item-left i {
     width: 22px;
     text-align: center;
     font-size: 1.1rem;
     flex-shrink: 0;
 }
 
 .contact-text {
     line-height: 1.5;
 }
 
 /* 右侧主要内容区域 */
 .main-content {
     flex: 1;
     min-width: 0;
 }
 
 /* 面包屑样式调整 - 融入标题栏 */
 .breadcrumb {
     background: transparent;
     padding: 0;
     margin: 0;
     box-shadow: none;
     font-size: 0.9rem;
     color: var(--text-muted);
 }
 
 .breadcrumb-list {
     display: flex;
     list-style: none;
     align-items: center;
     flex-wrap: wrap;
     gap: 5px;
 }
 
 .breadcrumb-item {
     color: var(--text-muted);
     font-size: 0.9rem;
 }
 
 .breadcrumb-item a {
     text-decoration: none;
     transition: color 0.2s;
 }
 
 .breadcrumb-item a:hover {
     text-decoration: underline;
 }
 
 .breadcrumb-separator {
     margin: 0 6px;
     color: var(--text-light);
 }
 
 .breadcrumb-item.active {
     color: var(--text-dark);
     font-weight: 600;
 }
 
 /* 公司简介区域 - 替换原产品列表样式 */
.company-profile {
    background: var(--bg-white);
    border-radius: 16px;
    padding: 25px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    line-height: 1.8;
}

/* 仅电脑端（大屏）设置最低高度550px */
@media (min-width: 769px) {
    .company-profile {
        min-height: 550px;
    }
}

.profile-header {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--bg-lighter);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.profile-title-wrap {
    display: flex;
    align-items: center;
}

.profile-title {
    font-size: 1.5rem;
    color: var(--text-dark);
    position: relative;
    padding-left: 15px;
    margin-bottom: 0;
}

.profile-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 24px;
    background: var(--primary-gradient);
    border-radius: 2px;
}

.profile-content {
    color: var(--text-body);
}

.profile-highlight {
    background: linear-gradient(135deg, var(--bg-light), var(--bg-lighter));
    border-left: 4px solid var(--primary);
    padding: 20px;
    margin: 25px 0;
    border-radius: 0 8px 8px 0;
}

/* Dark Mode for common.css */
[data-theme="dark"] .company-profile{background:var(--bg-white);box-shadow:0 10px 30px rgba(0,0,0,0.3);}
[data-theme="dark"] .profile-title{color:var(--text-dark);}
[data-theme="dark"] .profile-content{color:var(--text-body);}
[data-theme="dark"] .profile-header{border-bottom-color:var(--bg-lighter);}
[data-theme="dark"] .breadcrumb-item{color:var(--text-light);}
[data-theme="dark"] .breadcrumb-item.active{color:var(--text-dark);}
[data-theme="dark"] .breadcrumb-separator{color:var(--text-muted);}
[data-theme="dark"] .profile-highlight{background:linear-gradient(135deg,var(--bg-light),var(--bg-lighter));border-left-color:var(--primary);}
[data-theme="dark"] .left-sidebar{background:var(--bg-white);box-shadow:0 10px 30px rgba(0,0,0,0.3);}
[data-theme="dark"] .left-sidebar .nav-title{color:var(--text-dark);}
[data-theme="dark"] .left-sidebar .nav-title::after{background:var(--primary-gradient);}
[data-theme="dark"] .nav-list li a{color:var(--text-body);}
[data-theme="dark"] .nav-list li a:hover{background:rgba(79,172,254,0.1);color:var(--primary);}
[data-theme="dark"] .nav-list li.active > a{background:rgba(79,172,254,0.15);color:var(--primary);border-left-color:var(--primary);}
[data-theme="dark"] .sub-nav{background:var(--bg-light);}
[data-theme="dark"] .sub-nav-item a{color:var(--text-light);}
[data-theme="dark"] .sub-nav-item a:hover{color:var(--primary);}
[data-theme="dark"] .sub-nav-item.active > a{color:var(--primary);background:rgba(79,172,254,0.1);}
[data-theme="dark"] .third-nav{background:var(--bg-white);}
[data-theme="dark"] .third-nav-item a{color:var(--text-muted);}
[data-theme="dark"] .third-nav-item a:hover{color:var(--primary);}
[data-theme="dark"] .nav-item{background-color:var(--bg-light);}
[data-theme="dark"] .nav-item:hover{background-color:var(--bg-lighter);}
[data-theme="dark"] .nav-item.active{background-color:var(--bg-lighter);}
[data-theme="dark"] .nav-main{color:var(--text-dark);}
[data-theme="dark"] .nav-main:hover{color:var(--primary);}
[data-theme="dark"] .sidebar-title{color:var(--text-dark);border-bottom-color:var(--bg-lighter);}
[data-theme="dark"] .sidebar-title::after{background:var(--primary-gradient);}
 
 /* 响应式设计 */
 @media (max-width: 768px) {
     .containerss {
         flex-direction: column;
     }
 
     .left-sidebar {
         width: 100%;
         position: static;
     }
 
     .company-profile {
         padding: 30px 25px;
     }
 
     .profile-header {
         flex-direction: column;
         align-items: flex-start;
         gap: 10px;
     }
 
     .profile-title {
         font-size: 1.5rem;
     }
 
     .profile-content {
         font-size: 1rem;
     }
 
     .breadcrumb-list {
         flex-wrap: wrap;
         gap: 5px;
     }
 
     .breadcrumb-separator {
         display: inline-block;
     }
 }
 
 @media (max-width: 576px) {
     .containerss {
         padding: 15px;
     }
 
     .company-profile {
         padding: 20px 15px;
     }
 
     .profile-title {
         font-size: 1.5rem;
     }
 }