body {
    font-family:pingfang SC,helvetica neue,arial,hiragino sans gb,microsoft yahei ui,microsoft yahei,simsun,sans-serif!important;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    background: #fff;
}
a{text-decoration: none !important}


/*总页面样式总页面样式总页面样式总页面样式总页面样式总页面样式总页面样式总页面样式总页面样式*/

.aboutUs-content-wrap {
    max-width: 1350px;
    margin: 0 auto;
    padding: 108px 20px 0 20px;
}

.aboutUs-banner {
    width: 100%;
    background: url("images/aboutUs-banner.png") top center no-repeat;
    background-size: cover;
    height: 350px;
    margin-top: 60px;

}
.aboutUs-banner-title {
    font-size: 2rem;
    font-weight: 600;
    color: #000;
    margin-bottom: 30px;
}
.aboutUs-video-btn {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 8px 20px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    transition: background-color 0.3s ease;
}
.aboutUs-video-btn:hover {
    color: #fff;
    background-color: #0069d9;
}

/* 视频弹窗样式 */
.video-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.video-modal.show {
    display: flex;
}

.video-container {
    position: relative;
    width: 80%;
    max-width: 800px;
    background: #000;
    border-radius: 8px;
    overflow: hidden;
}

.video-container video {
    width: 100%;
    height: auto;
    display: block;
}

.close-video {
    position: absolute;
    top: -40px;
    right: 0;
    background: none;
    border: none;
    color: white;
    font-size: 30px;
    cursor: pointer;
    padding: 5px 10px;
    transition: color 0.3s;
}

.close-video:hover {
    color: #ccc;
}

@media (max-width: 768px) {
    .video-container {
        width: 95%;
    }
    .close-video {
        top: -35px;
        font-size: 25px;
    }
}

.aboutUs-nav-outer {
    width: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 1px solid #e9ecef;
}
.aboutUs-nav-inner {
    max-width: 1350px;
    margin: 0 auto;
    padding: 0 15px;
}
.aboutUs-nav-list {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    padding: 0;
    margin: 0;
    gap: 5px;
}
.aboutUs-nav-item {
    padding: 10px 0;
    cursor: pointer;
    flex: 1;
    text-align: center;
    white-space: nowrap;
    position: relative;
}
.aboutUs-nav-link {
    color: #000;
    text-decoration: none;
    font-size: 1.13rem;
    padding: 10px 0;
    display: block;
    transition: color 0.3s ease;
}
.aboutUs-nav-link.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 3px;
    background-color: #007bff;
}
.aboutUs-nav-link.active {
    color: #007bff;
    font-weight: 700;
}

@media (max-width: 768px) {
    .aboutUs-banner{height: 250px}
    .aboutUs-content-wrap{padding-top: 50px !important;}
    .aboutUs-banner-title{font-size: 1.7rem}
    .aboutUs-nav-link {
        font-size: 0.9rem;
    }
    .aboutUs-nav-list {
        gap: 8px;
    }
    .aboutUs-nav-item:nth-child(6),
    .aboutUs-nav-item:nth-child(7) {
        display: none;
    }
    .aboutUs-nav-more {
        display: block;
        flex: 1;
        text-align: center;
        padding: 10px 0;
        cursor: pointer;
        font-size: 0.9rem;
        color: #333;
        position: relative;
    }
    .aboutUs-nav-dropdown {
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        background: #fff;
        border: 1px solid #e9ecef;
        border-radius: 4px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        width: 200px;
        z-index: 999;
    }
    .aboutUs-nav-dropdown-item {
        padding: 8px 15px;
        text-align: left;
        cursor: pointer;
    }
    .aboutUs-nav-dropdown-item:hover {
        background-color: #f8f9fa;
    }
    .aboutUs-nav-dropdown-link {
        color: #333;
        text-decoration: none;
        font-size: 0.9rem;
        display: block;
    }
    .aboutUs-nav-more.expanded .aboutUs-nav-dropdown {
        display: block;
    }
}
@media (min-width: 769px) {
    .aboutUs-nav-more,
    .aboutUs-nav-dropdown {
        display: none !important;
    }
}

.aboutUs-content {
    min-height: 400px;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.loading-content {
    text-align: center;
    padding: 60px 0;
    color: #666;
}

.aboutus-content-item {
    display: none;
    animation: fadeIn 0.5s ease-in-out;
}
.aboutus-content-item.active {
    display: block;
}

/*总页面样式总页面样式总页面样式总页面样式总页面样式总页面样式总页面样式总页面样式总页面样式总页面样式总页面样式总页面样式*/

/*公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介*/


 .company-container {
     max-width: 1350px;
     margin: 0 auto;
     padding: 80px 20px;
 }
.company-section-light {
    background-color: #f7f9ff;
    width: 100%;
}
.company-section-title {
    font-size: 30px;
    color: #000;
    font-weight: 600;
    text-align: center;
    margin-bottom: 4rem;
}
.company-media-title{font-size: 30px;color: #0066ff;vertical-align: bottom;font-weight: 700}
.company-media-title>img{margin-right: 15px;vertical-align: bottom}
.company-profile-text{font-size: 14px;color: #333;line-height: 1.8rem;text-align: justify; text-indent: 2em;}
.company-icon-box {
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
}
.company-icon-box img {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
}
.company-icon-box h5 {
    margin: 0 0 4px 0;
    font-size: 18px;
    font-weight: 700;
}
.company-icon-box p {
    margin: 0;
    font-size: 14px;
    color: #666;
}
.company-team-card {
    background: #fff;
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    margin-bottom: 1rem;
}
.company-team-txt{font-size: 14px;color: #666 !important;line-height: 1.8rem;margin-top: 1.3rem}
.company-team-number {
    font-size: 2rem;
    font-weight: 700;
    color: #0066ff;
    margin-bottom: 0.5rem;
}

.company-activity-col {
    padding: 0;
}

.company-activity-left {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}

.company-activity-content {
    display: none;
}

.company-activity-content.active {
    display: block;
}

.activity-image-wrapper {
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.activity-image-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    aspect-ratio: 600/400;
}

.activity-text-wrapper {
    padding: 1.5rem;
}

.activity-text-wrapper h5 {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
    color: #000;
    font-weight: 600;
}

.activity-text-wrapper p {
    font-size: 0.95rem;
    color: #555;
    margin-bottom: 0;
    line-height: 1.6;
}

.company-activity-right {
    background: transparent;
    border: none;
    padding: 0;
    padding-left: 30px;
    height: 100%;
}

.company-activity-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.company-activity-item {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(0, 102, 255, 0.2);
    border-radius: 12px;
    padding: 2rem 1.2rem;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    min-height: 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.company-activity-item:hover {
    background: rgba(255, 255, 255, 0.98);
    border-color: #0066ff;
    box-shadow: 0 8px 20px rgba(0, 102, 255, 0.2);
    transform: translateX(4px);
}

.company-activity-item.active {
    background: linear-gradient(95deg, #e6f0ff 0%, #ffffff 100%);
    border-color: #0066ff;
    border-left-width: 6px;
    box-shadow: 0 8px 25px rgba(0, 102, 255, 0.25);
}

.company-activity-item.active h5 {
    color: #0066ff;
    font-weight: 700;
}

.company-activity-item h5 {
    font-size: 1.1rem;
    margin-bottom: 0.2rem;
    color: #1a2b3c;
    font-weight: 600;
}

.company-activity-item p {
    font-size: 0.85rem;
    color: #666;
    margin: 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.carousel-controls {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

.carousel-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: white;
    border: 1px solid #0066ff;
    color: #0066ff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 20px;
    font-weight: bold;
}

.carousel-btn:hover {
    background: #0066ff;
    color: white;
}

.carousel-btn.disabled {
    opacity: 0.3;
    cursor: not-allowed;
    border-color: #ccc;
    color: #ccc;
}

.carousel-btn.disabled:hover {
    background: white;
    color: #ccc;
}

.carousel-indicator {
    text-align: center;
    margin-top: 15px;
    color: #666;
    font-size: 0.9rem;
}

@media (max-width: 992px) {
    .company-activity-right {
        padding-left: 0;
        margin-top: 30px;
    }
}

@media (max-width: 768px) {
    .company-container{padding: 40px 20px}
    .company-media-title{font-size: 24px}
    .company-section-title {
        font-size: 24px;
        margin-bottom: 2rem;
    }
    .company-icon-box {
        flex-direction: column;
        text-align: center;
        gap: 8px;
        margin-bottom: 24px;
    }
    .company-icon-box h5{font-size: 16px}
    .activity-text-wrapper {
        padding: 1rem;
    }
    .company-activity-item {
        padding: 1rem;
        min-height: 120px;
    }
}

.row.g-4 {
    --bs-gutter-x: 1.5rem;
}
/*公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介*/


/*发展历程发展历程发展历程发展历程发展历程发展历程发展历程发展历程发展历程发展历程发展历程发展历程发展历程发展历程发展历程*/

 .history-con{background: #f7f9ff url("images/aboutus-historyBg.png") bottom center no-repeat;width: 100%}
.history-wrapper {
    max-width: 1350px;
    margin: 0 auto;
    padding: 90px 20px;
}
.history-row {
    display: flex;
    gap: 60px;
    position: relative;
}
.history-timeline {
    flex: 1;
}
.history-sidebar {
    width: 100px;
    flex-shrink: 0;
}
.history-timeline-list {
    position: relative;
}
.history-timeline-list::before {
    content: '';
    position: absolute;
    left: 24px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #0066ff;
    opacity: 0.3;
    z-index: 1;
}
.history-item {
    position: relative;
    display: flex;
    margin-bottom: 80px;
    min-height: 100px;
}
.history-item:last-child {
    margin-bottom: 0;
}
.history-item.hidden-year {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    margin-bottom: 0;
    min-height: 0;
}
.history-item.hidden-year.show {
    opacity: 1;
    transform: translateY(0);
    margin-bottom: 48px;
    min-height: 100px;
}
.history-dot-col {
    width: 50px;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
}
.history-dot {
    width: 16px;
    height: 16px;
    background-color: #0066ff;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(0, 102, 255, 0.15);
    margin-top: 12px;
    z-index: 3;
    position: relative;
}
.history-info-col {
    flex: 1;
    display: flex;
    gap: 32px;
    align-items: flex-start;
}
.history-year-box {
    background-color: #0066ff;
    border-radius: 10px;
    padding: 8px 24px;
    min-width: 100px;
    text-align: center;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(0, 102, 255, 0.2);
}
.history-year {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.3;
    letter-spacing: 1px;
    margin: 0;
}
.history-content {
    flex: 1;
}
.history-desc-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.history-desc-item {
    font-size: 14px;
    line-height: 1.6;
    color: #333;
    margin-bottom: 12px;
    position: relative;
    padding-left: 20px;
}
.history-desc-item:last-child {
    margin-bottom: 0;
}
.history-desc-item::before {
    content: '';
    position: absolute;
    left: 4px;
    top: 8px;
    width: 6px;
    height: 6px;
    background-color: #0066ff;
    border-radius: 50%;
}
.history-nav {
    position: sticky;
    top: 100px;
    background: #ffffff;
    border-radius: 18px;
    padding: 12px 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 102, 255, 0.1);
}
.history-nav-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.history-nav-link {
    display: block;
    padding: 8px 16px;
    font-size: 15px;
    font-weight: 500;
    color: #6c7a8a;
    text-decoration: none;
    text-align: center;
    border-radius: 18px;
    transition: all 0.2s ease;
    cursor: pointer;
    background-color: transparent;
}
.history-nav-link:hover {
    background-color: rgba(0, 102, 255, 0.06);
    color: #0066ff;
}
.history-nav-link.active {
    background-color: #0066ff;
    color: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 102, 255, 0.3);
}
@media (max-width: 768px) {
    .history-wrapper {
        padding: 40px 20px 60px 20px;
    }
    .history-row {
        flex-direction: column;
        gap: 32px;
    }
    .history-sidebar {
        width: 100%;
        order: 1;
    }
    .history-timeline {
        order: 2;
    }
    .history-nav {
        position: relative;
        top: 0;
        border-radius: 60px;
        padding: 8px 12px;
    }
    .history-nav-list {
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 8px;
        padding: 4px 0;
        scrollbar-width: thin;
    }
    .history-nav-link {
        flex: 0 0 auto;
        padding: 6px 20px;
        font-size: 14px;
    }
    .history-timeline-list::before {
        left: 20px;
    }
    .history-item {
        flex-direction: column;
        margin-bottom: 40px;
    }
    .history-item.hidden-year.show {
        margin-bottom: 40px;
        min-height: auto;
    }
    .history-dot-col {
        width: auto;
        position: absolute;
        left: 10px;
        top: 0;
    }
    .history-dot {
        margin-top: 8px;
    }
    .history-info-col {
        flex-direction: column;
        gap: 16px;
        padding-left: 40px;
    }
    .history-year-box {
        padding: 6px 20px;
        min-width: 100px;
        align-self: flex-start;
    }
    .history-year {
        font-size: 20px;
    }
    .history-desc-item {
        font-size: 14px;
        padding-left: 18px;
    }
}
@media (max-width: 480px) {
    .history-wrapper {
        padding: 30px 16px 50px 16px;
    }
    .history-info-col {
        padding-left: 36px;
    }
    .history-year-box {
        padding: 4px 16px;
        min-width: 80px;
    }
    .history-year {
        font-size: 18px;
    }
    .history-timeline-list::before {
        left: 16px;
    }
    .history-dot {
        width: 14px;
        height: 14px;
    }
}
html {
    scroll-behavior: smooth;
}
.history-nav-list::-webkit-scrollbar {
    height: 3px;
}
.history-nav-list::-webkit-scrollbar-track {
    background: #e9eef5;
    border-radius: 10px;
}
.history-nav-list::-webkit-scrollbar-thumb {
    background: #0066ff;
    border-radius: 10px;
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/*发展历程发展历程发展历程发展历程发展历程发展历程发展历程发展历程发展历程发展历程发展历程发展历程发展历程发展历程发展历程*/

/*客户案例客户案例客户案例客户案例客户案例客户案例客户案例客户案例客户案例客户案例客户案例客户案例客户案例客户案例客户案例*/
.customercase-stat-section{
    max-width:1350px;
    margin:0 auto;
    padding:90px 20px;
    background:#ffffff;
}
.customercase-stat-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}
.customercase-stat-left{flex:1;}
.customercase-stat-title{
    display:flex;
    align-items:center;
    gap:12px;
    font-size:32px;
    font-weight:700;
    color:#0066ff;
    margin-bottom:10px;
}
.customercase-stat-icon img{vertical-align: bottom}
.customercase-stat-desc{
    font-size:16px;
    color:#333;
    line-height:1.6;
    padding-left: 90px;
}
.customercase-stat-right{
    display:flex;
    gap:100px;
}
.customercase-stat-item{text-align:center;}
.customercase-stat-number{
    font-size:36px;
    font-weight:700;
    color:#0066ff;
    line-height:1;
    margin-bottom:8px;
    text-align: left;
}
.customercase-stat-label{
    font-size:16px;
    color:#333;
}

@media(max-width:992px){
    .customercase-stat-row{flex-direction:column;text-align:left;gap:30px;}
    .customercase-stat-title{justify-content:left;font-size:26px;}
    .customercase-stat-desc{font-size:16px;}
    .customercase-stat-right{width:100%;justify-content:space-around;gap:20px;}
    .customercase-stat-number{font-size:36px;}
    .customercase-stat-label{font-size:16px;}
}
@media(max-width:576px){
    .customercase-stat-section{padding:40px 15px 30px;}
    .customercase-stat-title{font-size:24px;}
    .customercase-stat-desc{font-size:14px;}
    .customercase-stat-right{flex-wrap:wrap;}
    .customercase-stat-number{font-size:24px;}
    .customercase-stat-label{font-size:14px;}
}

.customercase-all-industry-wrapper{
    background:#f7f9ff url("images/aboutus-beijing1.png") bottom center no-repeat;
    width: 100%;
}
.customercase-container{
    max-width:1350px;
    margin:0 auto;
    padding:90px 20px;
}
.customercase-section{
    background:#ffffff;
    border-radius:8px;
    box-shadow:0 1px 3px rgba(0,0,0,0.08);
    padding:40px 30px;
    margin-bottom:24px;
    display:flex;
    align-items:stretch;
}
.customercase-icon-wrap{
    flex:0 0 200px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding-right:20px;
    margin-right:20px;
}
.customercase-icon{margin:0 auto 15px;}
.customercase-icon-text{
    font-size:18px;
    font-weight:600;
    color:#333;
    margin:0;
    text-align:center;
}
.customercase-right-content{flex:1;}
.customercase-logos-wrap{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:12px;
    margin-bottom:12px;
}
.customercase-logos-wrap:last-child{margin-bottom:0;}
.customercase-logo-item{
    background:#f9f9f9;
    border:1px solid #f0f0f0;
    border-radius:6px;
    padding:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    height:70px;
    overflow: hidden;
}
.customercase-logo-img{
    max-width:65%;
    object-fit:contain;
}

@media(max-width:768px){
    .customercase-section{padding:16px;flex-direction:column;}
    .customercase-icon-wrap{
        flex:none;width:100%;border-right:none;
        border-bottom:1px solid #eee;
        padding-right:0;padding-bottom:16px;
        margin-right:0;margin-bottom:16px;
    }
    .customercase-logos-wrap{grid-template-columns:repeat(2,1fr);}
    .customercase-container{padding: 50px 20px}
}
@media(max-width:480px){
    .customercase-logos-wrap{grid-template-columns:repeat(2,1fr);}
}
/*客户案例客户案例客户案例客户案例客户案例客户案例客户案例客户案例客户案例客户案例客户案例客户案例客户案例客户案例客户案例*/


/*荣誉资质荣誉资质荣誉资质荣誉资质荣誉资质荣誉资质荣誉资质荣誉资质荣誉资质荣誉资质荣誉资质荣誉资质荣誉资质荣誉资质荣誉资质*/
.honor-container {
    max-width: 1350px;
    margin: 0 auto;
    padding: 90px 20px;
}
.honor-wrap {
    width: 100%;
}
.honor-bg-white {
    background-color: #ffffff;
}
.honor-bg-light {
    background-color: #f7f9ff;
}
.honor-top-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.honor-top-left {
    margin-bottom: 20px;
}
.honor-top-title {
    font-size: 30px;
    font-weight: bold;
    color: #0066ff;
    margin-bottom: 10px;
    vertical-align: bottom;
}
.honor-top-title img{
    margin-right: 15px;
    vertical-align: bottom;
}
.honor-top-desc {
    font-size: 16px;
    color: #333;
    padding-left: 90px;
}
.honor-top-right {
    display: flex;
    gap: 90px;
    flex-wrap: wrap;
}
.honor-stat-item {
    text-align: center;
}
.honor-stat-num {
    font-size: 36px;
    color: #0066ff;
    font-weight: bold;
    text-align: left;
}
.honor-stat-text {
    font-size: 16px;
    color: #333;
    margin-top: 4px;
}
.honor-title {
    font-size: 30px;
    font-weight: bold;
    color: #000000;
    text-align: center;
    margin-bottom: 40px;
}
.honor-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 24px;
}
.honor-item {
    background: #ffffff;
    padding: 16px;
    box-shadow: 0 0 15px rgba(228,230,241,1);
    transition: transform 0.2s, box-shadow 0.2s;
}
.honor-item:hover{
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}
.honor-img-box {
    background-color: #fff;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}
.honor-item-img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.honor-info {
    display: flex;
    flex-direction: column;
}
.honor-item-name {
    font-size: 14px;
    color: #333;
    line-height: 1.4;
    text-align: left;
    font-weight: 700;
}
.honor-item-date {
    font-size: 13px;
    color: #666;
    text-align: right;
    margin-top: 14px;
}
@media (max-width: 992px) {
    .honor-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 768px) {
    .honor-top-title{font-size: 24px}
    .honor-title{font-size: 24px;margin-bottom: 2rem}
    .honor-top-inner {
        flex-direction: column;
        align-items: flex-start;
    }
    .honor-top-desc{font-size: 14px}
    .honor-top-right {
        width: 100%;
        justify-content: space-around;
        gap: 10px;
    }
    .honor-stat-text{font-size: 14px}
    .honor-stat-num{font-size: 24px}
    .honor-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .honor-container {
        padding: 40px 20px;
    }
    .honor-item-img{width: 60%}
}
@media (max-width: 576px) {
    .honor-grid {
        grid-template-columns: 1fr;
    }
}
/*荣誉资质荣誉资质荣誉资质荣誉资质荣誉资质荣誉资质荣誉资质荣誉资质荣誉资质荣誉资质荣誉资质荣誉资质荣誉资质荣誉资质荣誉资质*/


/*人才引进人才引进人才引进人才引进人才引进人才引进人才引进人才引进人才引进人才引进人才引进人才引进人才引进人才引进人才引进*/

.talent-container {
    max-width: 1350px;
    margin: 0 auto;
    padding: 80px 20px;
}
.talent-section {
    width: 100%;
}
.talent-bg-1 {
    background-color: #f7f9ff;
}
.talent-bg-2 {
    background-color: #ffffff;
}

.talent-text-sm {
    font-size: 14px !important;
    color: #666 !important;
    line-height: 1.8;
}
.talent-main-title {
    font-size: 30px;
    color: #0066ff;
    font-weight: bold;
    margin-bottom: 30px;
}
.talent-main-title img{vertical-align: bottom;margin-right: 15px}
.talent-zhiyfz{
    background:#f7f9ff url("images/aboutus-beijing2.png") bottom center no-repeat;
}
.talent-zhiyefazhan p{
    font-size: 14px;
    color: #333;
    line-height: 2rem;
    padding-left: 90px;
}
.talent-subtitle {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    margin-bottom: 20px;
}

.talent-intro-author {
    font-size: 24px;
    color: #000;
    text-align: right;
    font-weight: 600;
    margin-top: 20px;
}

.talent-growth-txt{font-size: 14px;color: #666;line-height: 2rem;margin-top: 30px;padding: 0 30px}
.talent-benefit-header {
    text-align: center;
    margin-bottom: 60px;
}
.talent-benefit-header h2 {
    font-size: 30px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 15px;
}
.talent-benefit-card {
    background-color: transparent;
    padding: 30px 15px 0px 15px;
    margin-bottom: 0;
    height: 100%;
    box-sizing: border-box;
}
.talent-benefit-growth {
    flex: 0 0 30%;
    max-width: 30%;
}
.talent-benefit-welfare {
    flex: 0 0 68%;
    max-width: 68%;
}
.talent-benefit-welfare-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
}
.talent-benefit-welfare-card {
    flex: 0 0 31%;
    max-width: 31%;
}

.talent-job-header {
    text-align: center;
    margin-bottom: 60px;
}
.talent-job-header h2 {
    font-size: 30px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 15px;
}
.talent-job-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14%;
}
.talent-job-text {
    flex: 0 0 48%;
    max-width: 48%;
}
.talent-job-text p{line-height: 1.8rem;text-align: justify}
.talent-job-img-wrapper {
    flex: 0 0 38%;
    max-width: 38%;
}
.talent-job-btn {
    display: inline-block;
    width: 300px;
    height: 60px;
    line-height: 60px;
    background-color: #0066ff;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    border-radius: 8px;
    margin-top: 80px;
    text-decoration: none;
    transition: background-color 0.3s;
}
.talent-job-btn:hover {
    background-color: #0052cc;
    color: #ffffff;
}


@media (max-width: 992px) {
    .talent-benefit-growth, .talent-benefit-welfare {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .talent-benefit-welfare-card {
        flex: 0 0 48%;
        max-width: 48%;
    }
    .talent-job-text, .talent-job-img-wrapper {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .talent-job-btn {
        width: 100%;
        max-width: 300px;
        margin-top: 30px;
    }
    .talent-benefit-header{margin-bottom: 2rem}
    .talent-intro-author{font-size: 18px}
    .talent-job-header{margin-bottom: 2rem}
}
@media (max-width: 576px) {
    .talent-benefit-welfare-card {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .talent-main-title, .talent-benefit-header h2, .talent-job-header h2 {
        font-size: 24px;
    }
    .talent-container{padding: 40px 20px}
    .talent-job-img-wrapper img{width: 80%;margin: 30px auto 0px;}
}
/*人才引进人才引进人才引进人才引进人才引进人才引进人才引进人才引进人才引进人才引进人才引进人才引进人才引进人才引进人才引进*/

/*联系我们联系我们联系我们联系我们联系我们联系我们联系我们联系我们联系我们联系我们联系我们联系我们联系我们联系我们联系我们*/

 .contactus-section {
     background:#f7f9ff url("images/aboutus-beijing2.png") bottom center no-repeat;
     width: 100%;
 }
.contactus-address-section {
    background-color: #ffffff;
    width: 100%;
}
.contactus-container {
    max-width: 1350px;
    margin: 0 auto;
    padding: 80px 20px;
}

.contactus-main-title {
    font-size: 30px;
    font-weight: 700;
    color: #000000;
    text-align: center;
    margin-bottom: 60px;
}

.contactus-card-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.contactus-card {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 40px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.3s ease;
}
.contactus-card:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.contactus-card-narrow {
    flex: 0 0 320px;
}

.contactus-card-wide {
    flex: 1;
    min-width: 400px;
}

.contactus-card-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}
.contactus-card-icon {
    margin-right: 10px;
}
.contactus-card-title {
    font-size: 20px;
    font-weight: 700;
    color: #000000;
    margin: 0;
}

.contactus-card-content {
    font-size: 14px;
    color: #666666;
    line-height: 1.6;
    padding-left: 50px;
}
.contactus-card-content p {
    margin: 4px 0;
    font-size: 14px;
    color: #666;
    line-height: 1.8rem;
}
.contactus-card-content a {
    color: #0066ff;
    text-decoration: none;
}
.contactus-card-content a:hover {
    text-decoration: underline;
}
.contactus-card-content .contactus-small-text {
    font-size: 14px;
    color: #666666;
    margin-top: 8px;
}

.contactus-qrcode-group {
    display: flex;
    gap: 24px;
    margin-top: 22px;
    padding-left: 48px;
}
.contactus-qrcode-item {
    text-align: center;
}
.contactus-qrcode {
    width: 64px;
    height: 64px;
    margin-bottom: 4px;
}
.contactus-qrcode-label {
    font-size: 12px;
    color: #666666;
}

.contactus-card-service {
    position: relative;
    overflow: hidden;
    background: url("images/aboutus-customer.png") bottom center no-repeat;
    background-size: cover;
}

.contactus-card-service .contactus-card-content {
    padding-left: 0;
}
.contactus-service-phone {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    padding-left: 42px;
}

.contactus-tab-nav {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-bottom: 60px;
}
.contactus-tab-item {
    font-size: 20px;
    font-weight: 500;
    color: #666666;
    padding: 8px 0;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
}
.contactus-tab-item.active {
    color: #0066ff;
    border-bottom-color: #0066ff;
    font-weight: 700;
}

.contactus-tab-content {
    position: relative;
    min-height: 320px;
}
.contactus-tab-pane {
    display: none;
    animation: contactusFadeIn 0.4s ease forwards;
}
.contactus-tab-pane.active {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

.contactus-address-info {
    flex: 0 0 340px;
}
.contactus-address-company {
    font-size: 20px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 20px;
}
.contactus-address-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #666666;
    margin-bottom: 20px;
}
.contactus-address-icon {
    color: #0066ff;
    font-size: 16px;
    flex-shrink: 0;
}

.contactus-map-container {
    flex: 1;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}
.contactus-map {
    width: 100%;
    height: 320px;
    object-fit: cover;
}

.contactus-btn {
    display: inline-block;
    background-color: #0066ff;
    color: #ffffff;
    padding: 10px 24px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: background-color 0.3s ease;
    margin-top: 24px;
}
.contactus-btn:hover {
    background-color: #0052cc;
    color: #ffffff;
    text-decoration: none;
}

@keyframes contactusFadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 1350px) {
    .contactus-card-grid {
        justify-content: center;
    }
}
@media (max-width: 992px) {
    .contactus-card-narrow {
        flex: 0 0 100%;
    }
    .contactus-card-wide {
        flex: 0 0 100%;
    }
    .contactus-tab-pane.active {
        flex-direction: column;
    }
    .contactus-address-info {
        flex: 0 0 100%;
    }
    .contactus-main-title{font-size: 24px;margin-bottom: 2rem}
}

@media (max-width: 576px) {
    .contactus-container{padding: 40px 20px}
    .contactus-tab-nav {
        gap: 20px;
        margin-bottom: 30px;
    }
    .contactus-tab-item {
        font-size: 14px;
    }
}
/*联系我们联系我们联系我们联系我们联系我们联系我们联系我们联系我们联系我们联系我们联系我们联系我们联系我们联系我们联系我们*/

/*付款方式付款方式付款方式付款方式付款方式付款方式付款方式付款方式付款方式付款方式付款方式付款方式付款方式付款方式付款方式*/
.payment-container {
    max-width: 1350px;
    margin: 0 auto;
    padding: 0 15px;
}
.payment-section {
    padding: 90px 0;
    width: 100%;
}
.payment-bg-1 {
    background: #f7f9ff url("images/aboutus-beijing2.png") bottom center no-repeat;
}
.payment-bg-2 {
    background-color: #ffffff;
}
.payment-title {
    font-size: 30px;
    color: #000000;
    font-weight: bold;
    text-align: center;
    margin-bottom: 60px;
}
.payment-text-sm {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
}
.payment-text-highlight {
    color: #0066ff;
    font-weight: 600;
}
.payment-text-note {
    font-size: 14px;
    color: #333;
    line-height: 2.3;
    margin-top: 10px;
}

.payment-method-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4%;
}
.payment-method-left {
    flex: 0 0 30%;
    max-width: 30%;
    text-align: center;
}
.payment-method-right {
    flex: 0 0 66%;
    max-width: 66%;
}
.payment-qrcode-img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}
.payment-account-item {
    margin-bottom: 15px;
}
.payment-account-label {
    font-size: 14px;
    color: #333;
    font-weight: 500;
}
.payment-account-value {
    font-size: 14px;
    color: #0066ff;
    font-weight: 600;
}
.payment-note-title {
    font-size: 14px;
    color: #0066ff;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 8px;
}

.payment-process-wrapper {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    min-height: 700px;
}

.payment-process-left {
    flex: 0 0 45%;
    max-width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0;
    z-index: 2;
}
.payment-process-center {
    flex: 0 0 10%;
    max-width: 10%;
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 1;
}
.payment-process-center img {
    max-height: 700px;
    width: auto;
    display: block;
    object-fit: contain;
}
.payment-process-right {
    flex: 0 0 45%;
    max-width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0;
    z-index: 2;
}

.payment-process-right .payment-process-item:nth-child(1) .payment-process-step-title{
    background: url("images/aboutus-process-01.png") top center no-repeat;
    width: 328px !important;
    height: 52px;
    color: #fff;
    line-height: 52px;
    text-align: center;
    background-size: contain;
}
.payment-process-right .payment-process-item:nth-child(2) .payment-process-step-title{
    background: url("images/aboutus-process-03.png") top center no-repeat;
    width: 328px !important;
    height: 52px;
    color: #fff;
    line-height: 52px;
    text-align: center;
    background-size: contain;
}
.payment-process-right .payment-process-item:nth-child(3) .payment-process-step-title{
    background: url("images/aboutus-process-05.png") top center no-repeat;
    width: 328px !important;
    height: 52px;
    color: #fff;
    line-height: 52px;
    text-align: center;
    background-size: contain;
}
.payment-process-right .payment-process-item:nth-child(4) .payment-process-step-title{
    background: url("images/aboutus-process-07.png") top center no-repeat;
    width: 328px !important;
    height: 52px;
    color: #fff;
    line-height: 52px;
    text-align: center;
    background-size: contain;
}
.payment-process-left .payment-process-item:nth-child(1) .payment-process-step-title{
    background: url("images/aboutus-process-02.png") top center no-repeat;
    width: 328px !important;
    height: 52px;
    color: #fff;
    line-height: 52px;
    text-align: center;
    background-size: contain;
}
.payment-process-left .payment-process-item:nth-child(2) .payment-process-step-title{
    background: url("images/aboutus-process-04.png") top center no-repeat;
    width: 328px !important;
    height: 52px;
    color: #fff;
    line-height: 52px;
    text-align: center;
    background-size: contain;
}
.payment-process-left .payment-process-item:nth-child(3) .payment-process-step-title{
    background: url("images/aboutus-process-06.png") top center no-repeat;
    width: 328px !important;
    height: 52px;
    color: #fff;
    line-height: 52px;
    text-align: center;
    background-size: contain;
}
.payment-process-left .payment-process-item:nth-child(4) .payment-process-step-title{
    background: url("images/aboutus-process-08.png") top center no-repeat;
    width: 328px !important;
    height: 52px;
    color: #fff;
    line-height: 52px;
    text-align: center;
    background-size: contain;
}

.payment-process-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    margin: 0;
    min-height: 90px;
    box-sizing: border-box;
}

.payment-process-right .payment-process-item {
    justify-content: flex-start;
    flex-direction: row;
}

.payment-process-left .payment-process-item {
    justify-content: flex-start;
    flex-direction: row-reverse;
}

.payment-process-step-title {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    line-height: 52px;
    text-align: center;
    flex-shrink: 0;
}

.payment-process-desc-text {
    font-size: 14px;
    color: #666;
    line-height: 1.4;
    margin: 0 5px;
    max-width: 200px;
}

.payment-process-final {
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    color: #0066ff;
    font-weight: 600;
    margin-left: 60px;
}

.payment-process-right .payment-process-item:nth-child(1) { margin-top: -35px;margin-left: 30px; }
.payment-process-right .payment-process-item:nth-child(2) { margin-top: -25px; margin-left: -70px;}
.payment-process-right .payment-process-item:nth-child(3) { margin-bottom: -10px;}
.payment-process-right .payment-process-item:nth-child(4) {  margin-bottom: 130px;margin-left: -60px;}
.payment-process-left .payment-process-item:nth-child(1) { margin-top: 35px; }
.payment-process-left .payment-process-item:nth-child(2) { margin-bottom: -20px;}
.payment-process-left .payment-process-item:nth-child(3) { margin-bottom: -20px; }
.payment-process-left .payment-process-item:nth-child(4) {  margin-bottom: 40px; }

@media (max-width: 992px) {
    .payment-method-left, .payment-method-right {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .payment-method-left {
        margin-bottom: 30px;
    }

    .payment-process-wrapper {
        display: flex;
        flex-direction: column;
        min-height: auto;
        padding: 0;
    }
    .payment-process-center {
        display: none;
    }

    .payment-process-left,
    .payment-process-right {
        display: block;
        flex: none;
        max-width: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .payment-process-item {
        display: flex !important;
        margin: 0 0 25px 0 !important;
        padding: 0 0 15px 0 !important;
        min-height: auto;
        border-bottom: 1px solid #eaeef5;
        width: 100%;
        background: transparent;
        gap: 5px;
    }

    .payment-process-left .payment-process-item,
    .payment-process-right .payment-process-item {
        flex-direction: column !important;
        justify-content: flex-start;
        margin-left: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 25px !important;
    }

    .payment-process-step-title {
        background: none !important;
        background-image: none !important;
        width: auto !important;
        height: auto !important;
        color: #0066ff !important;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.3;
        display: inline;
        padding: 0;
        margin: 0;
        text-align: left;
    }

    .payment-process-desc-text {
        font-size: 14px;
        color: #555;
        line-height: 1.5;
        margin: 0;
        max-width: 100%;
        display: block;
        background: none;
        padding: 0;
    }

    .payment-process-item[data-step]::before {
        content: attr(data-step) "、";
        font-size: 18px;
        font-weight: 700;
        color: #0066ff;
        display: inline-block;
        margin-right: 5px;
        background: none;
    }

    .payment-process-item .payment-process-step-title {
        display: inline;
        margin-left: 0;
    }

    .payment-process-item .payment-process-desc-text {
        margin-top: 8px;
        padding-left: 20px;
    }

    .payment-process-item:last-child {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0 !important;
    }

    .payment-process-final {
        margin-top: 10px;
        text-align: left;
        margin-left: 0;
    }

    .mobile-steps-container {
        width: 100%;
        display: block;
    }
}

@media (max-width: 576px) {
    .payment-qrcode-img{max-width: 60%}
    .payment-section {
        padding: 40px 0;
    }
    .payment-title {
        font-size: 22px;
        margin-bottom: 30px;
    }
    .payment-process-step-title {
        font-size: 16px !important;
    }
    .payment-process-item::before {
        font-size: 18px;
    }
    .payment-process-desc-text {
        font-size: 13px;
    }
}
/*付款方式付款方式付款方式付款方式付款方式付款方式付款方式付款方式付款方式付款方式付款方式付款方式付款方式付款方式付款方式*/


/*立即注册立即注册立即注册立即注册立即注册立即注册立即注册立即注册*/
.register-section {
    background: linear-gradient(135deg, #0066ff, #3a5bdc);
    color: white;
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}
.register-section:after {
    content: '';
    position: absolute;
    bottom: -80px;
    left: -80px;
    width: 300px;
    height: 300px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}
.register-section:before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}
.section-title {
    position: relative;
    margin-bottom: 40px;
    text-align: center;
}
.section-title h2 {
    font-weight: 600;
    font-size: 2.3rem;
    margin-bottom: 15px;
    color: #fff;
}

.btn-primary-custom {
    background-color: #fff;
    border-color:#0066ff;
    padding: 15px 90px;
    font-weight: 600;
    border-radius: 10px;
    transition: all 0.3s ease;
    color: #333;
}
.btn-primary-custom:hover {
    background-color: #0066ff;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    color: #fff;
}
@media (max-width: 768px) {
    .section-title h2 {
        font-size: 28px;
    }
}
/*立即注册立即注册立即注册立即注册立即注册立即注册立即注册立即注册*/