@charset "utf-8";
/* CSS Document */
  /* 全局样式 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Open Sans', sans-serif;
            color: #2B2B2B;
            line-height: 1.6;
            overflow-x: hidden;
        }

        h1, h2, h3, h4, h5, h6 {
            font-family: 'Montserrat', sans-serif;
            font-weight: 600;
            margin-bottom: 1rem;
            color: #2B2B2B;
        }

        h1 {
            font-size: 2.8rem;
            line-height: 1.2;
        }

        h2 {
            font-size: 2rem;
            margin-bottom: 1.5rem;
            position: relative;
        }

        h2::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 0;
            width: 60px;
            height: 4px;
            background-color: #4A90E2;
        }



.jzdx::after {
    content: '';
    position: absolute;
    bottom: -10px;
  
    width: 60px;
    height: 4px;left: 50%;
    transform: translateX(-50%);
    background-color: #4A90E2;
}


.jzdx {
    position: relative
}


        h3 {
            font-size: 1.5rem;
        }

        p {
            margin-bottom: 1.2rem;
            color: #4A4A4A;
        }

        a {
            text-decoration: none;
            color: inherit;
            transition: all 0.3s ease;
        }

        ul {
            
        }

        li {
           
            color: #4A4A4A;
        }

        .container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .btn {
            display: inline-block;
            background-color: #2B579A;
            color: #FFFFFF;
            padding: 12px 30px;
            border-radius: 4px;
            font-weight: 600;
            border: none;
            cursor: pointer;
            transition: all 0.3s ease;
            text-align: center;
            font-family: 'Montserrat', sans-serif;
        }

        .btn:hover {
            background-color: #1E3A6C;
            transform: translateY(-3px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }

        .btn-dark {
            background-color: rgb(43 87 154 / 73%);
        }

        .btn-dark:hover {
            background-color: #1a1a1a;
        }

        .jy-home-section {
            padding: 80px 0;
        }

        .jy-home-section-title {
            text-align: center;
            margin-bottom: 50px;
        }

        .jy-home-section-title h2::after {
            left: 50%;
            transform: translateX(-50%);
        }

        .jy-home-text-center {
            text-align: center;
        }

        .jy-home-text-right {
            text-align: right;
        }

        /* 导航栏样式 */
        header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            background-color: #FFFFFF;
              box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 20px;
            z-index: 1000;
        }

        .navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
           
        }


.navbar {
    overflow: visible !important; /* 必须加这个 */
    position: relative; /* 确保 absolute 子元素定位基准正确 */
}




        .logo-img {
            height: 50px;
            display: flex;
            align-items: center;
        }

        .logo-img img {
            height: 100%;
            width: auto;
        }
      

.nav-links > li:nth-last-child(2) {
    display: none;
}


        .nav-links {
            display: flex;
            list-style: none;
            align-items: center;    margin-bottom: 0rem;
        }

        .nav-links li {
            margin-left: 48px;
            position: relative;
        }

        .nav-links > li > a {
            font-family: 'Montserrat', sans-serif;
            font-weight: 500;
            font-size: 1rem;
            position: relative;
            padding: 8px 0;
        }

        .nav-links > li > a.active {
            color: #2B579A;
            font-weight: 600;
        }

        .nav-links > li > a.active::after {
            content: '';
            position: absolute;
            bottom: 25px;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #2B579A;
        }

        .nav-links a:hover {
            color: #2B579A;
        }

        /* 三级菜单样式 - 美化版 */
        .dropdown {
            position: relative;
        }





      .dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
   
    background-color: #FFFFFF;
    min-width: 270px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    padding: 15px 0;
    z-index: 1000;
    border: 1px solid rgba(0, 0, 0, 0.05);
    animation: fadeIn 0.3s ease;
}


.nav-links > li.dropdown > a {
    display: block;
    padding: 38px 0;
}


.dropdown::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 10px; /* >= 实际间隙（当前是 7px，取 10 更安全） */
    pointer-events: none;
}

/* 悬停逻辑：当鼠标在 .dropdown 或其子元素上时，显示下拉 */
.dropdown:hover .dropdown-content {
    display: block;
}


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

        .dropdown:hover .dropdown-content {
            display: block;
        }

        .dropdown-content li {
            margin: 0;
            position: relative;
            list-style: none;
        }

        .dropdown-content > li > a {
            display: flex;
            align-items: center;
            padding: 12px 25px;
            font-size: 0.95rem;
            color: #4A4A4A;
            border-left: 3px solid transparent;
            transition: all 0.2s ease;
        }

        .dropdown-content > li > a:hover {
            background-color: rgba(43, 87, 154, 0.05);
            color: #2B579A;
            border-left-color: #2B579A;
            padding-left: 30px;
        }

        /* 二级菜单图标 */
        .dropdown-content > li > a i {
            margin-right: 12px;
            font-size: 0.9rem;
            width: 18px;
            text-align: center;
        }

        /* 三级菜单样式 */
        .sub-dropdown {
            position: relative;
        }

   


.sub-dropdown-content {
    display: none;
    position: absolute;
    top: 0;
    left: 100%; /* 从右侧弹出 */
    background-color: #fff;
    min-width: 200px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    border-radius: 6px;
    padding: 10px 0;
    z-index: 1001;
    margin-left: 0; /* 先不要加 margin，避免间隙 */
}

.sub-dropdown.has-submenu:hover .sub-dropdown-content {
    display: block;
}

.sub-dropdown.has-submenu::after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    width: 8px;      /* = margin-left of .sub-dropdown-content */
    height: 100%;
    pointer-events: none;
}

.sub-dropdown {
    position: relative;
}

.sub-dropdown > a {
    display: flex;
    align-items: center;
    padding: 12px 25px;
    font-size: 0.95rem;
    color: #4A4A4A;
    transition: all 0.2s ease;
}



        .sub-dropdown:hover .sub-dropdown-content {
            display: block;
        }

        .sub-dropdown-content li {
            margin: 0;
            list-style: none;
        }

        .sub-dropdown-content a {
            display: flex;
            align-items: center;
            padding: 10px 25px;
            font-size: 0.9rem;
            color: #4A4A4A;
            transition: all 0.2s ease;
        }

        .sub-dropdown-content a:hover {
            background-color: rgba(43, 87, 154, 0.05);
            color: #2B579A;
            padding-left: 30px;
        }

        /* 三级菜单图标 */
        .sub-dropdown-content a i {
            margin-right: 12px;
            font-size: 0.85rem;
            width: 18px;
            text-align: center;
            color: #4A90E2;
        }

        /* 子菜单箭头 */
        .has-submenu::after {
            content: '\f105';
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            position: absolute;
            right: 20px;
            color: rgba(0,0,0,0.3);
            font-size: 0.9rem;
        }

        .contact-btn {
               background-color: #2B579A;
    color: #FFFFFF;
    padding: 8px 25px;
    border-radius: 4px;
    margin-left: 30px;
    font-weight: 500;
    display: inline-block;
    width: 100%;
    text-align: center;
			
			display: inline-block; margin-top: 3px; width: 100%; 
			
			
			
        }

        .contact-btn:hover {
            background-color: #1E3A6C;color: #ffffff!important;
        }

        .mobile-toggle {
            display: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: #2B2B2B;
        }

        /* 轮播图样式 */
        .jy-home-hero-slider {
            height: 800px;
            position: relative;
            overflow: hidden;
            margin-top: 80px;
        }

        .jy-home-slides {
            height: 100%;
            position: relative;
        }

        .jy-home-slide {
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            opacity: 0;
            transition: opacity 1s ease-in-out;
            background-size: cover;
            background-position: center;
        }

        .jy-home-slide.active {
            opacity: 1;
        }

        .jy-home-slide-content {
             position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFFFFF;
    max-width: 1200px;
    text-align: center;
        }

        .jy-home-slide-content h1 {
            color: #FFFFFF;
            margin-bottom: 0rem;
            font-size: 2.8rem;
            text-shadow: 2px 2px 5px rgb(0 0 0);
        }

        .jy-home-slide-content p {
            font-size: 1.5rem;
            margin-bottom: 2.5rem;
            color: #ffffff;
            line-height: 1.8;    text-shadow: 2px 2px 5px rgb(0 0 0);
    padding: 10px;    font-weight: bolder;
        }

        .jy-home-slider-controls {
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 15px;
        }

        .jy-home-slider-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .jy-home-slider-dot.active {
            background-color: #FFFFFF;
            transform: scale(1.2);
        }

        .jy-home-slider-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            color: #FFFFFF;
            font-size: 2.5rem;
            cursor: pointer;
            z-index: 10;
            opacity: 0.7;
            transition: all 0.3s ease;
        }

        .jy-home-slider-arrow:hover {
            opacity: 1;
        }

        .jy-home-slider-arrow.prev {
            left: 30px;
        }

        .jy-home-slider-arrow.next {
            right: 30px;
        }

        /* 关于我们区域样式 */
        .jy-home-about-section {
            background-color: #FFFFFF;
        }

        .jy-home-about-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        .jy-home-about-text h2 {
            margin-bottom: 1.5rem;
        }

        .jy-home-about-image {
            border-radius: 8px;
            overflow: hidden;
            
        }

        .jy-home-about-image img {
            width: 100%;
            height: auto;
            display: block;
            transition: all 0.3s ease;
        }

        .jy-home-about-image:hover img {
            transform: scale(1.05);
        }

        /* 服务区域样式 */
        .jy-home-services-section {
            background-color: #F5F7FA;
        }

        .jy-home-services-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }

        .jy-home-service-card {
            background-color: #FFFFFF;
            border-radius: 8px;
            overflow: hidden;
          
            transition: all 0.3s ease;
        }

        .jy-home-service-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
        }

        .jy-home-service-img {
            height: 200px;
            overflow: hidden;
        }

        .jy-home-service-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.3s ease;
        }

        .jy-home-service-card:hover .jy-home-service-img img {
            transform: scale(1.1);
        }

        .jy-home-service-content {
            padding: 25px;
        }

        .jy-home-service-content h3 {
            margin-bottom: 15px;font-size: 1.3rem;
        }

        .jy-home-service-content p {
            position: relative;
            padding-left: 15px;
            margin-bottom: 10px;
        }

        .jy-home-service-content p::before {
               content: '•';
    position: absolute;
    left: 0;
    color: #666666;
    font-size: 1.2rem;
    top: -2px;
        }

        /* 项目区域样式 */
        .jy-home-projects-section {
            background-color: #FFFFFF;
        }

        .jy-home-projects-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }

        .jy-home-project-card {
            background-color: #f5f7fa;
            border-radius: 8px;
            overflow: hidden;
           
            transition: all 0.3s ease;
        }

        .jy-home-project-card:hover {
            transform: translateY(-5px);
        }

        .jy-home-project-img {
            height: 220px;
            overflow: hidden;
        }

        .jy-home-project-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.3s ease;
        }

        .jy-home-project-card:hover .jy-home-project-img img {
            transform: scale(1.05);
        }

        .jy-home-project-content {
            padding: 20px;
        }

        .jy-home-project-content h3 {
            margin-bottom: 10px;
            font-size: 1.3rem;
        }

        .jy-home-project-details {
            margin-top: 15px;
        }

        .jy-home-project-details p {
            position: relative;
            padding-left: 15px;
            margin-bottom: 8px;
            font-size: 0.9rem;
        }

        .jy-home-project-details p::before {
            content: '•';
            position: absolute;
            left: 0;
            color: #4A90E2;
        }

        /* CTA 区域样式 */
        .jy-home-cta-section {
            background-color: #2B579A;
            color: #FFFFFF;
            text-align: center;
        }

        .jy-home-cta-section h2 {
            color: #FFFFFF;
            margin-bottom: 1rem;
        }

        .jy-home-cta-section h2::after {
            background-color: #FFFFFF;
            left: 50%;
            transform: translateX(-50%);
        }

        .jy-home-cta-section p {
            color: rgba(255, 255, 255, 0.9);
            max-width: 700px;
            margin: 0 auto 30px;    padding-top: 30px;
        }

        /* 页脚样式 - 更新布局 */
        footer {
            background-color: #2B2B2B;
            color: #FFFFFF;
            padding: 60px 0 20px;
        }

        .footer-content {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr;
            gap: 0px;
            margin-bottom: 30px;
        }

        .footer-logo-section {
            display: flex;
            flex-direction: column;
        }


.ml-300 {
    margin-left: 60px;
}



        .footer-logo {
            height: 60px;
            margin-bottom: 20px;
        }

        .footer-logo img {
            height: 100%;
            width: auto;
        }

        .footer-logo-section p {
            color: rgba(255, 255, 255, 0.7);
            max-width: 300px;
            line-height: 1.8;
        }

        .footer-column h3 {
            color: #FFFFFF;
            font-size: 1.2rem;
            margin-bottom: 20px;
            position: relative;
            padding-bottom: 10px;
        }


.footer-bottom p {
    margin-bottom: 0rem;    color: #a9a9a9;
}



        .footer-column h3::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 40px;
            height: 2px;
            background-color: #4A90E2;
        }

        .footer-column p, .footer-column a {
            color: rgba(255, 255, 255, 0.7);
            margin-bottom: 12px;
            display: block;
            transition: all 0.3s ease;
        }

        .footer-column a:hover {
            color: #FFFFFF;
            transform: translateX(5px);
        }

        .footer-contact-section i {
            margin-right: 0px;
            width: 20px;
            text-align: center;
        }

        .footer-social {
            margin-top: 25px;
        }

        .footer-social h4 {
            color: #FFFFFF;
            font-size: 1rem;
            margin-bottom: 15px;
        }

        .footer-social-links {
            display: flex;
            gap: 15px;
        }

        .footer-social-links a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            font-size: 1.2rem;
            transition: all 0.3s ease;
        }

        .footer-social-links a:hover {
            background-color: #FFFFFF;
            color: #2B579A;
            transform: translateY(-5px);
        }

        .footer-bottom {
            text-align: center;
            padding-top: 20px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            color: rgba(255, 255, 255, 0.6);
            font-size: 0.9rem;
        }

        /* 移动端菜单 */
        .mobile-menu {
            display: none;
            position: fixed;
            top: 80px;
            left: 0;
            width: 100%;
            background-color: #FFFFFF;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
            z-index: 999;
            padding: 20px;
            max-height: calc(100vh - 80px);
            overflow-y: auto;
        }

        .mobile-menu.active {
            display: block;
        }

        .mobile-nav-links {
            list-style: none;
        }

        .mobile-nav-links li {
            margin-bottom: 10px;
            list-style: none;
        }

        .mobile-nav-links > li > a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 12px 0;
            font-family: 'Montserrat', sans-serif;
            font-weight: 500;
            font-size: 1rem;
            border-bottom: 1px solid #F5F7FA;
        }

        .mobile-nav-links > li > a.active {
            color: #2B579A;
            font-weight: 600;
        }

        /* 移动端子菜单样式 */
        .mobile-dropdown-toggle {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            background: none;
            border: none;
            color: inherit;
            font-size: inherit;
            font-family: inherit;
            padding: 12px 0;
            cursor: pointer;
            border-bottom: 1px solid #F5F7FA;
        }

        .mobile-dropdown-toggle i {
            transition: transform 0.3s ease;
        }

        .mobile-dropdown-toggle.active i {
            transform: rotate(180deg);
        }

        .mobile-dropdown-content {
            display: none;
            padding-left: 20px;
            margin-top: 5px;
            border-left: 2px solid #F5F7FA;
        }

        .mobile-dropdown-content.active {
            display: block;
        }

        .mobile-dropdown-content li {
            margin-bottom: 8px;
            list-style: none;
        }

        .mobile-dropdown-content a {
            display: flex;
            align-items: center;
            padding: 8px 0;
            font-size: 0.95rem;
            color: #4A4A4A;
        }

        .mobile-dropdown-content a:hover {
            color: #2B579A;
        }

        /* 移动端三级菜单 */
        .mobile-sub-dropdown-content {
            display: none;
            padding-left: 20px;
            margin-top: 5px;
        }

        .mobile-sub-dropdown-content.active {
            display: block;
        }

        /* 响应式设计 */
        @media (max-width: 992px) {
            .jy-home-services-grid, .jy-home-projects-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .jy-home-about-content {
                grid-template-columns: 1fr;
                gap: 40px;
            }
            
            .footer-content {
                grid-template-columns: repeat(2, 1fr);
                gap: 40px;
            }
            
            h1 {
                font-size: 2.5rem;
            }
            
            h2 {
                font-size: 2rem;
            }

            .jy-home-slide-content h1 {
                font-size: 2.8rem;
            }

            .jy-home-slide-content {
                left: 5%;
                max-width: 500px;
            }
        }

        @media (max-width: 768px) {
            .nav-links, .contact-btn {
                display: none;
            }
            
            .mobile-toggle {
                display: block;
            }
            
          
            
            .jy-home-slide-content h1 {
                font-size: 2.2rem;
            }
            
            .jy-home-slide-content p {
                font-size: 1rem;
            }
            
            .jy-home-services-grid, .jy-home-projects-grid {
                grid-template-columns: 1fr;
            }
            
            .jy-home-section {
                padding: 60px 0;
            }

            .jy-home-hero-slider {
                height: 600px;
                margin-top: 70px;
            }

            .jy-home-slide-content {
                left: 5%;
                right: 5%;
                max-width: 100%;
            }

            .jy-home-slider-arrow {
                font-size: 2rem;
            }

            .jy-home-slider-arrow.prev {
                left: 15px;
            }

            .jy-home-slider-arrow.next {
                right: 15px;
            }

            .footer-content {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 576px) {
            h1 {
                font-size: 2rem;
            }
            
            h2 {
                font-size: 1.7rem;
            }

            .jy-home-slide-content h1 {
                font-size: 1.8rem;
            }

            .jy-home-slide-content p {
                font-size: 0.95rem;
            }

            .jy-home-hero-slider {
                height: 500px;
            }
        }



.jy-services-section {
    padding: 80px 0;
}


/* Services 第一屏 - Hero Banner */
.jy-services-hero {
    height: 600px;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('https://images.unsplash.com/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');
    background-size: cover;
    background-position: center;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    text-align: center;
    margin-top: 80px;
}

.jy-services-hero-content {
    max-width: 800px;
    margin: 0 auto;
}

.jy-services-hero h1 {
    color: #FFFFFF;
    margin-bottom: 1.5rem;
    font-size: 3.2rem;
}

.jy-services-hero p {
    font-size: 1.2rem;
    margin-bottom: 2.5rem;
    color: rgba(255, 255, 255, 0.9);
}

/* Services 第二屏 - 服务网格部分 */
.jy-services-grid-section {
    background-color: #FFFFFF;
    position: relative;
}

/* 服务网格上方的图片和标题 */
.jy-services-grid-header {
    position: relative;
    height: 400px;
    margin-bottom: 80px;
    overflow: hidden;
    border-radius: 10px;
}

.jy-services-grid-header-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.7);
}

.jy-services-grid-header-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #FFFFFF;
    width: 90%;
    max-width: 800px;
}

.jy-services-grid-header-content h2 {
    color: #FFFFFF;
    font-size: 2.2rem;
    margin-bottom: 25px;
}

.jy-services-grid-header-content h2::after {
    background-color: #FFFFFF;
    left: 50%;
    transform: translateX(-50%);
}

.jy-services-grid-header-content p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.3rem;
    line-height: 1.6;
}

/* 三列服务网格 */
.jy-services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    margin-bottom: 60px;
}

.jy-service-item {
    background-color: #fbfbfb;
    border-radius: 12px;
    overflow: hidden;
    
    transition: all 0.3s ease;
    height: 100%;
    border: 1px solid #f0f0f0;
}

.jy-service-item:hover {
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.jy-service-img {
    height: 300px;
    overflow: hidden;
}


.Design-services-grid-icon i {
    font-size: 3rem;
    color: #0f95db;
}



.jy-service-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}

.jy-service-item:hover .jy-service-img img {
    transform: scale(1.1);
}

.jy-service-content {
    padding: 30px;
}

.jy-service-content h3 {
    margin-bottom: 20px;
    font-size: 1.4rem;
    color: #2B579A;
}

.jy-service-content p {
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    line-height: 1.7;
}

.jy-service-content p::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #4A90E2;
    font-size: 1.5rem;
    line-height: 1;
}

.jy-service-link {
    display: inline-block;
    color: #2B579A;
    font-weight: 600;
    margin-top: 20px;
    font-size: 0.95rem;
    padding: 8px 0;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
}

.jy-service-link:hover {
    color: #1E3A6C;
    border-bottom-color: #1E3A6C;
    transform: translateX(5px);
}

.jy-service-link i {
    margin-left: 8px;
    font-size: 0.9rem;
}

/* 服务网格底部按钮 */
.jy-services-grid-button {
    text-align: center;
    margin-top: 40px;
}

/* Services 第三屏 - 项目范围 */
.jy-services-scope-section {
    background-color: #F5F7FA;
}

.jy-services-scope-content {
    max-width: 1200px;
    margin: 0 auto;
}

.jy-services-scope-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin-top: 50px;
}

.jy-scope-item {
    background-color: #FFFFFF;
    border-radius: 12px;
    padding: 40px 30px;
    text-align: center;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    height: 100%;
    border-top: 5px solid #2B579A;
}

.jy-scope-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
    border-top-color: #4A90E2;
}

.jy-scope-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #2B579A, #4A90E2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    color: #FFFFFF;
    font-size: 2.2rem;
    box-shadow: 0 5px 15px rgba(43, 87, 154, 0.2);
}

.jy-scope-item h3 {
    font-size: 1.4rem;
    margin-bottom: 15px;
    color: #2B2B2B;
}

.jy-scope-item p {
    color: #4A4A4A;
    line-height: 1.7;
    font-size: 1.05rem;
}

/* Services 第四屏 - CTA */
.jy-services-cta-section {
    background-color: #2B579A;
    color: #FFFFFF;
    text-align: center;
}

.jy-services-cta-section h2 {
    color: #FFFFFF;
    margin-bottom: 1rem;
}

.jy-services-cta-section h2::after {
    background-color: #FFFFFF;
    left: 50%;
    transform: translateX(-50%);
}

.jy-services-cta-section p {
    color: rgba(255, 255, 255, 0.9);
    max-width: 700px;
    margin: 0 auto 30px;
}

/* 响应式设计 */
@media (max-width: 1200px) {
    .jy-services-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }
    
    .jy-services-scope-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }
}

@media (max-width: 992px) {
    .jy-services-hero h1 {
        font-size: 2.5rem;
    }
    
    h1 {
        font-size: 2.5rem;
    }
    
    h2 {
        font-size: 2rem;
    }

    .jy-services-hero-content {
        padding: 0 20px;
    }

    .jy-services-grid-header-content h2 {
        font-size: 2.2rem;
    }

    .jy-services-grid-header-content p {
        font-size: 1.1rem;
    }

    .jy-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .jy-services-scope-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .jy-services-hero {
        height: 500px;
        margin-top: 70px;
    }

    .jy-services-hero h1 {
        font-size: 2.2rem;
    }
    
    .jy-services-hero p {
        font-size: 1rem;
    }

    .jy-services-grid-header {
        height: 300px;
        margin-bottom: 60px;
    }

    .jy-services-grid-header-content h2 {
        font-size: 1.8rem;
    }

    .jy-services-grid-header-content p {
        font-size: 1rem;
    }

    .jy-services-grid {
        grid-template-columns: 1fr;
    }
    
    .jy-services-section {
        padding: 60px 0;
    }

    .jy-services-scope-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .jy-scope-item {
        padding: 30px 20px;
    }
}

@media (max-width: 576px) {
    h1 {
        font-size: 2rem;
    }
    
    h2 {
        font-size: 1.7rem;
    }

    .jy-services-hero h1 {
        font-size: 1.8rem;
    }

    .jy-services-hero p {
        font-size: 0.95rem;
    }

    .jy-services-hero {
        height: 400px;
    }

    .jy-services-grid-header {
        height: 250px;
        margin-bottom: 50px;
    }

    .jy-services-grid-header-content h2 {
        font-size: 1.6rem;
    }
}




 .Design-container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .Design-btn {
            display: inline-block;
            background-color: #2B579A;
            color: #FFFFFF;
            padding: 12px 30px;
            border-radius: 4px;
            font-weight: 600;
            border: none;
            cursor: pointer;
            transition: all 0.3s ease;
            text-align: center;
            font-family: 'Montserrat', sans-serif;
        }

        .Design-btn:hover {
            background-color: #1E3A6C;
            transform: translateY(-3px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }

        .Design-btn-dark {
            background-color: #2B2B2B;
        }

        .Design-btn-dark:hover {
            background-color: #1a1a1a;
        }

        /* Design & Engineering 页面样式 */
        .Design-services-hero {
            height: 500px;
            background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://images.unsplash.com/photo-1581091226825-c6ae736000b6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');
            background-size: cover;
            background-position: center;
            color: #FFFFFF;
            display: flex;
            align-items: center;
            text-align: left;
            margin-top: 0;
        }

        .Design-services-hero-content {
            max-width: 800px;
        }

        .Design-services-hero h1 {
            color: #FFFFFF;
            margin-bottom: 1.5rem;
            font-size: 3rem;
        }

        .Design-services-hero p {
            font-size: 1.2rem;
            margin-bottom: 2rem;
            color: rgba(255, 255, 255, 0.9);
        }

        .Design-services-section {
            padding: 80px 0;
        }

        .Design-services-section:nth-child(even) {
            background-color: #F5F7FA;
        }

        .Design-services-section-title {
            text-align: center;
            margin-bottom: 50px;
        }

        .Design-services-section-title h2::after {
            left: 50%;
            transform: translateX(-50%);
        }

        .Design-services-content {
            max-width: 1200px;
            margin: 0 auto;
        }

        /* Section 1: What We Do - 4列布局 */
        .Design-services-grid-4col {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
        }

        .Design-services-grid-item {
            background-color: #FFFFFF;
            border-radius: 10px;
            padding: 40px 25px;
            text-align: center;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .Design-services-grid-item:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        }

        .Design-services-grid-icon {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 25px;
            overflow: hidden;
            background-color: #f8f9fa;
            padding: 15px;
        }

        .Design-services-grid-icon img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        .Design-services-grid-item h3 {
            margin-bottom: 15px;
            font-size: 1.3rem;
        }

        .Design-services-grid-item p {
            font-size: 1rem;
            line-height: 1.6;
        }

        /* Section 2: Engineering Approach - 左侧文案，右侧3图标 */
        .Design-services-approach-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 50px;
            align-items: center;
        }

        .Design-services-approach-content h2 {
            margin-bottom: 25px;
        }

        .Design-services-approach-content p {
            font-size: 1.1rem;
            line-height: 1.8;
            margin-bottom: 30px;
        }

        .Design-services-approach-icons {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }

        .Design-services-approach-icon-item {
            text-align: center;
            padding: 25px 15px;
            background-color: #fbfbfb;
            border-radius: 10px;
          
            transition: transform 0.3s ease;
        }

        .Design-services-approach-icon-item:hover {
            transform: translateY(-5px);
        }

        .Design-services-approach-icon {
            width: 60px;
            height: 60px;
            background-color: rgba(74, 144, 226, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 15px;
        }

        .Design-services-approach-icon i {
            font-size: 1.9rem;
            color: #4A90E2;
        }

        .Design-services-approach-icon-item p {
            font-size: 0.95rem;
            margin-bottom: 0;
            font-weight: 500;
        }

        /* Section 3: Standards & Compliance - 图片文案叠加 */
        .Design-services-standards-container {
            position: relative;
            height: 500px;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }

        .Design-services-standards-bg {
            width: 100%;
            height: 100%;
            background-image: url('/uploadfile/202601/4224ecc9bcedca7.jpg');
            background-size: cover;
            background-position: center;
            filter: brightness(0.7);
        }

        .Design-services-standards-content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 60px;
            color: #FFFFFF;
        }

.Design-services-standards-badge-icon i {
    font-size: 2.5rem;
}



        .Design-services-standards-content h2 {
            color: #FFFFFF;
            margin-bottom: 30px;
        }

        .Design-services-standards-content h2::after {
            background-color: #FFFFFF;
        }

        .Design-services-standards-content p {
            color: rgba(255, 255, 255, 0.9);
            font-size: 1.1rem;
            margin-bottom: 30px;
            max-width: 600px;
        }

        .Design-services-standards-badges {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            margin-top: 20px;
        }

        .Design-services-standards-badge {
            background-color: rgba(255, 255, 255, 0.2);
            backdrop-filter: blur(10px);
            padding: 15px 25px;
            border-radius: 8px;
            font-weight: 600;
            color: #FFFFFF;
            border: 2px solid rgba(255, 255, 255, 0.3);
            font-size: 1rem;
            display: flex;
            align-items: center;
            gap: 15px;
            min-width: 250px;
            transition: all 0.3s ease;
        }

        .Design-services-standards-badge:hover {
            background-color: rgba(255, 255, 255, 0.3);
            transform: translateY(-3px);
        }

        .Design-services-standards-badge-icon {
           
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .Design-services-standards-badge-icon img {
            width: 24px;
            height: 24px;
            filter: brightness(0) invert(1);
        }

        .Design-services-standards-badge-text {
            flex: 1;
            text-align: left;
        }

        /* Section 4: CTA */
        .Design-services-cta-section {
            text-align: center;
            padding: 80px 0;
            background-color: #2B579A;
            color: #FFFFFF;
        }

        .Design-services-cta-section h2 {
            color: #FFFFFF;
            margin-bottom: 1.5rem;
        }

        .Design-services-cta-section h2::after {
            background-color: #FFFFFF;
            left: 50%;
            transform: translateX(-50%);
        }

        .Design-services-cta-section p {
            color: rgba(255, 255, 255, 0.9);
            max-width: 700px;
            margin: 0 auto 30px;
            font-size: 1.1rem;
        }

        /* 响应式设计 */
        @media (max-width: 992px) {
         

            .Design-services-hero h1 {
                font-size: 2.5rem;
            }

            .Design-services-grid-4col {
                grid-template-columns: repeat(2, 1fr);
            }

            .Design-services-approach-container {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .Design-services-standards-content {
                padding: 40px;
            }

            .Design-services-standards-badges {
                justify-content: center;
            }

            .Design-services-standards-badge {
                min-width: 220px;
            }
        }

        @media (max-width: 768px) {
            .Design-services-hero {
                height: 400px;
            }
            
            .Design-services-hero h1 {
                font-size: 2.2rem;
            }
            
            .Design-services-hero p {
                font-size: 1rem;
            }

            .Design-services-section {
                padding: 60px 0;
            }

            .Design-services-grid-4col {
                grid-template-columns: 1fr;
                max-width: 400px;
                margin: 0 auto;
            }

            .Design-services-approach-icons {
                grid-template-columns: repeat(2, 1fr);
            }

            .Design-services-standards-container {
                height: 400px;
            }

            .Design-services-standards-content {
                padding: 30px;
            }

            .Design-services-standards-badge {
                min-width: 100%;
                justify-content: flex-start;
            }
        }

        @media (max-width: 576px) {
        

            .Design-services-hero h1 {
                font-size: 1.8rem;
            }

            .Design-services-hero {
                height: 350px;
            }

            .Design-services-approach-icons {
                grid-template-columns: 1fr;
            }

            .Design-services-standards-container {
                height: 500px;
            }

            .Design-services-standards-badges {
                justify-content: center;
            }
        }



 .Materials-container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .Materials-btn {
            display: inline-block;
            background-color: #2B579A;
            color: #FFFFFF;
            padding: 12px 30px;
            border-radius: 4px;
            font-weight: 600;
            border: none;
            cursor: pointer;
            transition: all 0.3s ease;
            text-align: center;
            font-family: 'Montserrat', sans-serif;
        }

        .Materials-btn:hover {
            background-color: #1E3A6C;
            transform: translateY(-3px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }

        .Materials-btn-outline {
            background-color: transparent;
            color: #2B579A;
            border: 2px solid #2B579A;
            padding: 10px 15px;
        }

        .Materials-btn-outline:hover {
            background-color: #2B579A;
            color: #FFFFFF;
        }

        /* Materials & Systems 页面样式 */
        .Materials-hero {
            height: 500px;
            background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://images.unsplash.com/photo-1573164713714-d95e436abf28?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2069&q=80');
            background-size: cover;
            background-position: center;
            color: #FFFFFF;
            display: flex;
            align-items: center;
            text-align: left;
            margin-top: 0;
        }

        .Materials-hero-content {
            max-width: 800px;
        }

        .Materials-hero h1 {
            color: #FFFFFF;
            margin-bottom: 1.5rem;
            font-size: 3rem;
        }

        .Materials-hero p {
            font-size: 1.2rem;
            margin-bottom: 2rem;
            color: rgba(255, 255, 255, 0.9);
        }

        .Materials-section {
            padding: 80px 0;
        }

        .Materials-section:nth-child(even) {
            background-color: #F5F7FA;
        }

        .Materials-section-title {
            text-align: center;
            margin-bottom: 50px;
        }

        .Materials-section-title h2::after {
            left: 50%;
            transform: translateX(-50%);
        }

        .Materials-content {
            max-width: 1200px;
            margin: 0 auto;
        }

        /* Section 1: Overview - 左侧文案，右侧图片 */
        .Materials-overview-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        .Materials-overview-content h2 {
            margin-bottom: 25px;
        }

        .Materials-overview-content p {
            font-size: 1.1rem;
            line-height: 1.8;
            margin-bottom: 20px;
        }

        .Materials-overview-image {
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }

        .Materials-overview-image img {
            width: 100%;
            height: auto;
            display: block;
            transition: transform 0.5s ease;
        }

        .Materials-overview-image:hover img {
            transform: scale(1.05);
        }

        /* Section 2: Membrane Systems - 3个材料卡片 */
        .Materials-systems-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }

        .Materials-system-card {
            background-color: #FFFFFF;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .Materials-system-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
        }

        .Materials-system-image {
            height: 200px;
            overflow: hidden;
        }

        .Materials-system-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .Materials-system-card:hover .Materials-system-image img {
            transform: scale(1.1);
        }

        .Materials-system-content {
            padding: 30px;
        }

        .Materials-system-content h3 {
            margin-bottom: 15px;
            font-size: 1.4rem;
            color: #2B579A;
        }

        .Materials-system-content p {
            font-size: 1rem;
            line-height: 1.6;
            margin-bottom: 20px;
        }

        .Materials-system-features {
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid #F0F0F0;
        }

        .Materials-system-feature {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
            font-size: 0.95rem;
        }

        .Materials-system-feature i {
            color: #4A90E2;
            margin-right: 10px;
            font-size: 0.9rem;
        }

        /* Section 3: Engineering Note - 居中显示 */
        .Materials-engineering-note {
            text-align: center;
            max-width: 800px;
            margin: 0 auto;
        }

        .Materials-engineering-note h2 {
            margin-bottom: 25px;
        }

        .Materials-engineering-note p {
            font-size: 1.1rem;
            line-height: 1.8;
            margin-bottom: 30px;
        }

        .Materials-note-icon {
            width: 80px;
            height: 80px;
            background-color: rgba(74, 144, 226, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 30px;
        }

        .Materials-note-icon i {
            font-size: 2rem;
            color: #4A90E2;
        }

        /* 响应式设计 */
        @media (max-width: 992px) {
        
            .Materials-hero h1 {
                font-size: 2.5rem;
            }

            .Materials-overview-container {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .Materials-systems-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .Materials-system-card:nth-child(3) {
                grid-column: 1 / -1;
                max-width: 500px;
                margin: 0 auto;
            }
        }

        @media (max-width: 768px) {
            .Materials-hero {
                height: 400px;
            }
            
            .Materials-hero h1 {
                font-size: 2.2rem;
            }
            
            .Materials-hero p {
                font-size: 1rem;
            }

            .Materials-section {
                padding: 60px 0;
            }

            .Materials-systems-grid {
                grid-template-columns: 1fr;
                max-width: 500px;
                margin: 0 auto;
            }

            .Materials-system-card:nth-child(3) {
                grid-column: auto;
                max-width: 100%;
            }
        }

        @media (max-width: 576px) {
        

            .Materials-hero h1 {
                font-size: 1.8rem;
            }

            .Materials-hero {
                height: 350px;
            }

            .Materials-system-content {
                padding: 20px;
            }
        }


.pb-0 {
    padding-bottom: 0!important;
}




.Fabrication-container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .Fabrication-btn {
            display: inline-block;
            background-color: #2B579A;
            color: #FFFFFF;
            padding: 12px 30px;
            border-radius: 4px;
            font-weight: 600;
            border: none;
            cursor: pointer;
            transition: all 0.3s ease;
            text-align: center;
            font-family: 'Montserrat', sans-serif;    margin-top: 20px;
        }

        .Fabrication-btn:hover {
            background-color: #1E3A6C;
            transform: translateY(-3px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }

        /* Fabrication 页面样式 */
        .Fabrication-hero {
            height: 500px;
            background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://images.unsplash.com/photo-1573164713714-d95e436abf28?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2069&q=80');
            background-size: cover;
            background-position: center;
            color: #FFFFFF;
            display: flex;
            align-items: center;
            text-align: center;
            margin-top: 0;
        }

        .Fabrication-hero-content {
            max-width: 800px;
            margin: 0 auto;
        }

        .Fabrication-hero h1 {
            color: #FFFFFF;
            margin-bottom: 1.5rem;
            font-size: 3rem;
        }

        .Fabrication-hero p {
            font-size: 1.2rem;
            margin-bottom: 2rem;
            color: rgba(255, 255, 255, 0.9);
        }

        .Fabrication-section {
            padding: 80px 0;
        }

        /* Section 1: Fabrication Capability - 左图右文字 */
        .Fabrication-capability-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        .Fabrication-capability-image {
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }

        .Fabrication-capability-image img {
            width: 100%;
            height: auto;
            display: block;
            transition: transform 0.5s ease;
        }

        .Fabrication-capability-image:hover img {
            transform: scale(1.05);
        }

        .Fabrication-capability-content h2 {
            margin-bottom: 25px;
        }

        .Fabrication-capability-content p {
            font-size: 1.1rem;
            line-height: 1.8;
            margin-bottom: 30px;
        }

        .Fabrication-capability-list {
            list-style: none;
            padding-left: 0;
        }

        .Fabrication-capability-list li {
            position: relative;
            padding-left: 35px;
            margin-bottom: 15px;
            font-size: 1.05rem;
            line-height: 1.6;
        }

        .Fabrication-capability-list li:before {
            content: '\f058';
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            position: absolute;
            left: 0;
            top: 2px;
            color: #4A90E2;
            font-size: 1.2rem;
        }

        /* Section 2: Quality Control - 浅灰背景，左图标右文字 */
        .Fabrication-quality-section {
            background-color: #F5F7FA;
        }

        .Fabrication-quality-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        .Fabrication-quality-content h2 {
            margin-bottom: 25px;
        }

        .Fabrication-quality-content p {
            font-size: 1.1rem;
            line-height: 1.8;
            margin-bottom: 30px;
        }

        .Fabrication-quality-features {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 30px;
        }

        .Fabrication-quality-feature {
            text-align: center;
            padding: 25px 20px;
            background-color: #FFFFFF;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease;
        }

        .Fabrication-quality-feature:hover {
            transform: translateY(-5px);
        }

        .Fabrication-quality-icon {
            width: 60px;
            height: 60px;
            background-color: rgba(74, 144, 226, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 15px;
        }

        .Fabrication-quality-icon i {
            font-size: 1.5rem;
            color: #4A90E2;
        }

        .Fabrication-quality-feature p {
            font-size: 0.95rem;
            margin-bottom: 0;
            font-weight: 500;
        }

        .Fabrication-quality-image {
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }

        .Fabrication-quality-image img {
            width: 100%;
            height: auto;
            display: block;
        }

        /* Section 3: Engineering Coordination - 左文字右图 */
        .Fabrication-coordination-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        .Fabrication-coordination-content h2 {
            margin-bottom: 25px;
        }

        .Fabrication-coordination-content p {
            font-size: 1.1rem;
            line-height: 1.8;
            margin-bottom: 30px;
        }

        .Fabrication-coordination-image {
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }

        .Fabrication-coordination-image img {
            width: 100%;
            height: auto;
            display: block;
            transition: transform 0.5s ease;
        }

        .Fabrication-coordination-image:hover img {
            transform: scale(1.05);
        }

        /* CTA Section */
        .Fabrication-cta-section {
            text-align: center;
            padding: 80px 0;
            background-color: #2B579A;
            color: #FFFFFF;
        }

        .Fabrication-cta-section h2 {
            color: #FFFFFF;
            margin-bottom: 1.5rem;
        }

        .Fabrication-cta-section h2::after {
            background-color: #FFFFFF;
            left: 50%;
            transform: translateX(-50%);
        }

        .Fabrication-cta-section p {
            color: rgba(255, 255, 255, 0.9);
            max-width: 700px;
            margin: 0 auto 30px;
            font-size: 1.1rem;
        }

        /* 响应式设计 */
        @media (max-width: 992px) {
          
            .Fabrication-hero h1 {
                font-size: 2.5rem;
            }

            .Fabrication-capability-container,
            .Fabrication-quality-container,
            .Fabrication-coordination-container {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .Fabrication-quality-features {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 768px) {
            .Fabrication-hero {
                height: 400px;
            }
            
            .Fabrication-hero h1 {
                font-size: 2.2rem;
            }
            
            .Fabrication-hero p {
                font-size: 1rem;
            }

            .Fabrication-section {
                padding: 60px 0;
            }
        }

        @media (max-width: 576px) {
          

            .Fabrication-hero h1 {
                font-size: 1.8rem;
            }

            .Fabrication-hero {
                height: 350px;
            }
        }












        .Installation-container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .Installation-btn {
            display: inline-block;
            background-color: #2B579A;
            color: #FFFFFF;
            padding: 12px 30px;
            border-radius: 4px;
            font-weight: 600;
            border: none;
            cursor: pointer;
            transition: all 0.3s ease;
            text-align: center;
            font-family: 'Montserrat', sans-serif;    margin-top: 10px;
        }

        .Installation-btn:hover {
            background-color: #1E3A6C;
            transform: translateY(-3px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }

        /* Installation & Project Support 页面样式 */
        .Installation-hero {
            height: 500px;
            background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://images.unsplash.com/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');
            background-size: cover;
            background-position: center;
            color: #FFFFFF;
            display: flex;
            align-items: center;
            text-align: left;
            margin-top: 0;
        }

        .Installation-hero-content {
            max-width: 800px;
        }

        .Installation-hero h1 {
            color: #FFFFFF;
            margin-bottom: 1.5rem;
            font-size: 3rem;
        }

        .Installation-hero p {
            font-size: 1.2rem;
            margin-bottom: 2rem;
            color: rgba(255, 255, 255, 0.9);
        }

        .Installation-section {
            padding: 80px 0;
        }

        /* Section 1: Installation Support - 整体背景图片，左侧滤镜 */
        .Installation-support-wrapper {
            position: relative;
            border-radius: 10px;

            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            height: 500px;
        }

        /* 背景图片 - 整个wrapper的背景 */
        .Installation-support-wrapper::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url('/uploadfile/202601/eaa987f72b5a1d5.jpg');
            background-size: cover;
            background-position: center;
            z-index: 1;
        }

        /* 左侧滤镜遮罩 - 渐变透明到不透明 */
        .Installation-support-wrapper::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to right, 
                rgba(255, 255, 255, 0.9) 0%, 
                rgba(255, 255, 255, 0.8) 20%, 
                rgba(255, 255, 255, 0.6) 40%, 
                rgba(255, 255, 255, 0.4) 60%, 
                rgba(255, 255, 255, 0.2) 80%, 
                transparent 100%);
            z-index: 2;
        }

        .Installation-support-container {
            position: relative;
            display: grid;
            grid-template-columns: 2fr 1fr;
            height: 100%;
            z-index: 3;
        }

        .Installation-support-left {
            padding: 60px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .Installation-support-left h2 {
            margin-bottom: 30px;
        }

        .Installation-support-left p {
            font-size: 1.1rem;
            line-height: 1.8;
            margin-bottom: 40px;
        }

        .Installation-support-features {
            display: grid;
            grid-template-columns: 1fr;
            gap: 25px;
        }

        .Installation-support-feature {
            display: flex;
            align-items: flex-start;
            gap: 15px;
        }

        .Installation-support-feature-icon {
            width: 50px;
            height: 50px;
            background-color: rgba(43, 87, 154, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            margin-top: -4px;
        }

        .Installation-support-feature-icon i {
            font-size: 1.3rem;
            color: #2B579A;
        }

        .Installation-support-feature-content h3 {
            font-size: 1.3rem;
             margin-bottom: 1rem;
            color: #2B579A;
        }

        .Installation-support-feature-content p {
            font-size: 1rem;
            margin-bottom: 0;
            line-height: 1.5;
        }

        .Installation-support-right {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        /* 右侧区域显示背景图片的完整部分（没有额外遮罩） */
        .Installation-support-right::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
           
            z-index: 1;
        }

        /* 右侧区域移除遮罩，显示清晰图片 */
        .Installation-support-right::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to left, 
                transparent 0%, 
                rgba(255, 255, 255, 0.1) 20%, 
                rgba(255, 255, 255, 0.05) 40%, 
                transparent 60%);
            z-index: 2;
        }

        /* Section 2: Overseas Project Experience - 三列带图片 */
        .Installation-overseas-section {
            background-color: #F5F7FA;
        }

        .Installation-overseas-intro {
            text-align: center;
            max-width: 800px;
            margin: 0 auto 50px;
        }

        .Installation-overseas-intro h2 {
            margin-bottom: 25px;
        }

        .Installation-overseas-intro p {
            font-size: 1.1rem;
            line-height: 1.8;
            margin-bottom: 30px;
        }

        .Installation-overseas-container {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }

        .Installation-overseas-card {
            background-color: #FFFFFF;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .Installation-overseas-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
        }

        .Installation-overseas-image {
            height: 200px;
            overflow: hidden;
        }

        .Installation-overseas-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .Installation-overseas-card:hover .Installation-overseas-image img {
            transform: scale(1.1);
        }

        .Installation-overseas-content {
            padding: 25px;
            text-align: center;
        }

        .Installation-overseas-content p {
            font-size: 1.1rem;
            font-weight: 600;
            margin-bottom: 0;
            color: #2B579A;
        }

        /* Section 3: Long-Term Support - 全铺文字 */
        .Installation-longterm-container {
            text-align: center;
            max-width: 1200px;
            margin: 0 auto;
        }

        .Installation-longterm-container h2 {
            margin-bottom: 25px;
        }

        .Installation-longterm-container p {
            font-size: 1.1rem;
            line-height: 1.8;
            margin-bottom: 40px;
        }

        .Installation-longterm-features {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            margin-top: 30px;
        }

        .Installation-longterm-feature {
            text-align: center;
            padding: 30px 20px;
            background-color: #F8F9FA;
            border-radius: 10px;
            transition: transform 0.3s ease, background-color 0.3s ease;
        }

        .Installation-longterm-feature:hover {
            transform: translateY(-5px);
            background-color: #FFFFFF;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
        }

        .Installation-longterm-icon {
            width: 80px;
            height: 80px;
            background-color: rgba(74, 144, 226, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
        }

        .Installation-longterm-icon i {
            font-size: 1.8rem;
            color: #4A90E2;
        }

        .Installation-longterm-feature p {
            font-size: 1rem;
            font-weight: 500;
            margin-bottom: 0;
        }

        /* CTA Section */
        .Installation-cta-section {
            text-align: center;
            padding: 80px 0;
            background-color: #2B579A;
            color: #FFFFFF;
        }

        .Installation-cta-section h2 {
            color: #FFFFFF;
            margin-bottom: 1.5rem;
        }

        .Installation-cta-section h2::after {
            background-color: #FFFFFF;
            left: 50%;
            transform: translateX(-50%);
        }

        .Installation-cta-section p {
            color: rgba(255, 255, 255, 0.9);
            max-width: 700px;
            margin: 0 auto 30px;
            font-size: 1.1rem;
        }

        /* 响应式设计 */
        @media (max-width: 992px) {
          
            .Installation-hero h1 {
                font-size: 2.5rem;
            }

            .Installation-support-container {
                grid-template-columns: 1fr;
            }

            .Installation-support-left {
                padding: 40px;
            }

            .Installation-support-wrapper {
                height: auto;
            }

            /* 移动端调整遮罩效果 */
            .Installation-support-wrapper::after {
                background: linear-gradient(to bottom, 
                    rgba(255, 255, 255, 0.9) 0%, 
                    rgba(255, 255, 255, 0.8) 30%, 
                    rgba(255, 255, 255, 0.6) 50%, 
                    rgba(255, 255, 255, 0.4) 70%, 
                    rgba(255, 255, 255, 0.2) 90%, 
                    transparent 100%);
            }

            .Installation-overseas-container {
                grid-template-columns: repeat(2, 1fr);
            }

            .Installation-longterm-features {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 768px) {
            .Installation-hero {
                height: 400px;
            }
            
            .Installation-hero h1 {
                font-size: 2.2rem;
            }
            
            .Installation-hero p {
                font-size: 1rem;
            }

            .Installation-section {
                padding: 60px 0;
            }

            .Installation-support-left {
                padding: 30px;
            }

            .Installation-overseas-container {
                grid-template-columns: 1fr;
                max-width: 500px;
                margin: 0 auto;
            }

            .Installation-longterm-features {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 576px) {
           
            .Installation-hero h1 {
                font-size: 1.8rem;
            }

            .Installation-hero {
                height: 350px;
            }

            .Installation-support-features {
                gap: 20px;
            }

            .Installation-support-feature {
                flex-direction: column;
                gap: 10px;
            }

            .Installation-support-feature-icon {
                margin: 0 auto;
            }

            .Installation-support-feature-content {
                text-align: center;
            }
        }



  .Contact-container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .Contact-btn {
            display: inline-block;
            background-color: #2B579A;
            color: #FFFFFF;
            padding: 12px 30px;
            border-radius: 4px;
            font-weight: 600;
            border: none;
            cursor: pointer;
            transition: all 0.3s ease;
            text-align: center;
            font-family: 'Montserrat', sans-serif;
            font-size: 1rem;
        }

        .Contact-btn:hover {
            background-color: #1E3A6C;
            transform: translateY(-3px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }

        /* Contact Us 页面样式 */
        .Contact-hero {
            height: 400px;
               margin-top: 98px;
           
            color: #FFFFFF;
            display: flex;
            align-items: center;
            text-align: center;
            margin-top: 99px;
        }

        .Contact-hero-content {
            max-width: 1200px;
                text-align: left;
        }

        .Contact-hero h1 {
            color: #FFFFFF;
            margin-bottom: 1.5rem;
            font-size: 3rem;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
        }

        .Contact-hero p {
            font-size: 1.6rem;
               margin-bottom: 0rem;
            color: rgba(255, 255, 255, 0.9);    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
        }

        .Contact-section {
            padding: 80px 0;
        }

        /* Contact Form Section - 居中标题和表单 */
        .Contact-form-container {
            max-width: 800px;
            margin: 0 auto;
        }

        .Contact-form-title {
            text-align: center;
            margin-bottom: 50px;
        }

        .Contact-form-title h2 {
            margin-bottom: 15px;
        }

        .Contact-form-title h2::after {
            left: 50%;
            transform: translateX(-50%);
        }

        .Contact-form-title p {
            font-size: 1.1rem;
            line-height: 1.8;
            color: #4A4A4A;
        }

        .Contact-form {
            background-color: #FFFFFF;
            border-radius: 10px;
            padding: 40px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
        }

        .Contact-form-group {
            margin-bottom: 25px;
        }

        .Contact-form-label {
            display: block;
            margin-bottom: 8px;
            font-weight: 600;
            color: #2B2B2B;
            font-family: 'Montserrat', sans-serif;
            font-size: 0.95rem;
        }

        .Contact-form-input,
        .Contact-form-textarea {
            width: 100%;
            padding: 12px 15px;
            border: 1px solid #E0E0E0;
            border-radius: 4px;
            font-family: 'Open Sans', sans-serif;
            font-size: 1rem;
            color: #2B2B2B;
            transition: all 0.3s ease;
            background-color: #F9F9F9;
        }

        .Contact-form-input:focus,
        .Contact-form-textarea:focus {
            outline: none;
            border-color: #4A90E2;
            background-color: #FFFFFF;
            box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);
        }

        .Contact-form-textarea {
            min-height: 150px;
            resize: vertical;
        }

        .Contact-form-submit {
            text-align: center;
            margin-top: 30px;
        }

        /* Contact Info Section - 三列联系信息 */
        .Contact-info-section {
            background-color: #F5F7FA;
        }

        .Contact-info-container {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 40px;
        }

        .Contact-info-item {
            text-align: center;
            padding: 40px 30px;
            background-color: #FFFFFF;
            border-radius: 10px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .Contact-info-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }

        .Contact-info-icon {
            width: 110px;
            height: 110px;
            background-color: rgba(43, 87, 154, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 25px;
        }

        .Contact-info-icon i {
            font-size: 2.6rem;
            color: #2B579A;
        }

        .Contact-info-item h3 {
            margin-bottom: 15px;
            font-size: 1.3rem;
            color: #2B579A;
        }

        .Contact-info-item p {
            font-size: 1rem;
            margin-bottom: 0;
            color: #4A4A4A;
        }

        .Contact-info-item a {
            color: #4A90E2;
            font-weight: 500;
        }

        .Contact-info-item a:hover {
            color: #2B579A;
            text-decoration: underline;
        }

        /* CTA Section */
        .Contact-cta-section {
            text-align: center;
            padding: 80px 0;
            background-color: #2B579A;
            color: #FFFFFF;
        }

        .Contact-cta-section h2 {
            color: #FFFFFF;
            margin-bottom: 1.5rem;
        }

        .Contact-cta-section h2::after {
            background-color: #FFFFFF;
            left: 50%;
            transform: translateX(-50%);
        }

        .Contact-cta-section p {
            color: rgba(255, 255, 255, 0.9);
            max-width: 700px;
            margin: 0 auto 30px;
            font-size: 1.1rem;
        }

        /* 响应式设计 */
        @media (max-width: 992px) {
     

            .Contact-hero h1 {
                font-size: 2.5rem;
            }

            .Contact-info-container {
                grid-template-columns: repeat(2, 1fr);
                gap: 30px;
            }
        }

        @media (max-width: 768px) {
            .Contact-hero {
                height: 350px;
            }
            
            .Contact-hero h1 {
                font-size: 2.2rem;
            }
            
            .Contact-hero p {
                font-size: 1rem;    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
            }

            .Contact-section {
                padding: 60px 0;
            }

            .Contact-form {
                padding: 30px 20px;
            }

            .Contact-info-container {
                grid-template-columns: 1fr;
                max-width: 500px;
                margin: 0 auto;
            }
        }

        @media (max-width: 576px) {
       
            .Contact-hero h1 {
                font-size: 1.8rem;
            }

            .Contact-hero {
                height: 300px;
            }

            .Contact-form-title {
                margin-bottom: 30px;
            }

            .Contact-form-group {
                margin-bottom: 20px;
            }
        }



 .About-container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .About-btn {
            display: inline-block;
            background-color: #2B579A;
            color: #FFFFFF;
            padding: 12px 30px;
            border-radius: 4px;
            font-weight: 600;
            border: none;
            cursor: pointer;
            transition: all 0.3s ease;
            text-align: center;
            font-family: 'Montserrat', sans-serif;
        }

        .About-btn:hover {
            background-color: #1E3A6C;
            transform: translateY(-3px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }

        /* About Us 页面样式 */
        .About-hero {
            height: 500px;
            background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://images.unsplash.com/photo-1542744095-fcf48d80b0fd?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2076&q=80');
            background-size: cover;
            background-position: center;
            color: #FFFFFF;
            display: flex;
            align-items: center;
            text-align: left;
            margin-top: 0;
        }

        .About-hero-content {
            max-width: 800px;
        }

        .About-hero h1 {
            color: #FFFFFF;
            margin-bottom: 1.5rem;
            font-size: 3rem;
        }

        .About-section {
            padding: 80px 0;
        }

        /* Section 1: Who We Are - 左边文案，右边图片 */
        .About-who-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        .About-who-content h2 {
            margin-bottom: 25px;
        }

        .About-who-content p {
            font-size: 1.1rem;
            line-height: 1.8;
            margin-bottom: 30px;
        }

        .About-who-image {
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }

        .About-who-image img {
            width: 100%;
            height: auto;
            display: block;
            transition: transform 0.5s ease;
        }

        .About-who-image:hover img {
            transform: scale(1.05);
        }

        /* Section 2: What We Do - 背景图片，左侧滤镜 */
        .About-what-section {
            position: relative;
            overflow: hidden;
            padding: 100px 0;
        }

        /* 背景图片 */
        .About-what-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url('/uploadfile/202601/e50c86bb42d4b62.jpg');
            background-size: cover;
            background-position: center;
            z-index: 1;
        }

        /* 左侧滤镜遮罩 - 渐变透明到不透明 */
        .About-what-section::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to right, rgba(255, 255, 255, 0.9) 0%, rgb(255 255 255 / 75%) 30%, rgba(255, 255, 255, 0.6) 40%, rgba(255, 255, 255, 0.4) 60%, rgba(255, 255, 255, 0.2) 80%, transparent 100%);
            z-index: 2;
        }

        .About-what-content {
            position: relative;
            z-index: 3;
            max-width: 600px;
        }

        .About-what-content h2 {
            margin-bottom: 25px;
        }

        .About-what-list {
            list-style: none;
            padding-left: 0;
            margin-top: 30px;
        }

        .About-what-list li {
            position: relative;
            padding-left: 35px;
            margin-bottom: 20px;
            font-size: 1.1rem;
            line-height: 1.6;
            color: #2B2B2B;
            font-weight: 500;
        }

        .About-what-list li:before {
            content: '\f058';
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            position: absolute;
            left: 0;
            top: 2px;
            color: #4A90E2;
            font-size: 1.2rem;
        }

        /* Section 3: How We Work - 三列布局 */
        .About-how-section {
            background-color: #F5F7FA;
        }

        .About-how-container {
            text-align: center;
            max-width: 1200px;
            margin: 0 auto;
        }

        .About-how-container h2 {
            margin-bottom: 25px;
        }

        .About-how-features {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 40px;
            margin-top: 50px;
        }

        .About-how-feature {
            text-align: center;
            padding: 40px 30px;
            background-color: #FFFFFF;
            border-radius: 10px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .About-how-feature:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
        }

        .About-how-icon {
            width: 110px;
            height: 110px;
            background-color: rgba(43, 87, 154, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 25px;
        }

        .About-how-icon i {
            font-size: 3rem;
            color: #2B579A;
        }

        .About-how-feature p {
            font-size: 1.3rem;
            font-weight: 600;
            margin-bottom: 0;
            color: #2B579A;
            line-height: 1.4;
        }

        /* CTA Section */
        .About-cta-section {
            text-align: center;
            padding: 80px 0;
            background-color: #2B579A;
            color: #FFFFFF;
        }

        .About-cta-section h2 {
            color: #FFFFFF;
            margin-bottom: 1.5rem;
        }

        .About-cta-section h2::after {
            background-color: #FFFFFF;
            left: 50%;
            transform: translateX(-50%);
        }

        .About-cta-section p {
            color: rgba(255, 255, 255, 0.9);
            max-width: 700px;
            margin: 0 auto 30px;
            font-size: 1.1rem;
        }

        /* 响应式设计 */
        @media (max-width: 992px) {
        

            .About-hero h1 {
                font-size: 2.5rem;
            }

            .About-who-container {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .About-how-features {
                grid-template-columns: repeat(2, 1fr);
            }

            /* 移动端调整滤镜效果 */
            .About-what-section::after {
                background: linear-gradient(to bottom, 
                    rgba(255, 255, 255, 0.9) 0%, 
                    rgba(255, 255, 255, 0.8) 30%, 
                    rgba(255, 255, 255, 0.6) 50%, 
                    rgba(255, 255, 255, 0.4) 70%, 
                    rgba(255, 255, 255, 0.2) 90%, 
                    transparent 100%);
            }
        }

        @media (max-width: 768px) {
            .About-hero {
                height: 400px;
            }
            
            .About-hero h1 {
                font-size: 2.2rem;
            }

            .About-section {
                padding: 60px 0;
            }

            .About-what-content {
                max-width: 100%;
                padding: 20px;
            }

            .About-how-features {
                grid-template-columns: 1fr;
                max-width: 500px;
                margin: 30px auto 0;
            }
        }

        @media (max-width: 576px) {
       

            .About-hero h1 {
                font-size: 1.8rem;
            }

            .About-hero {
                height: 350px;
            }

            .About-what-list li {
                padding-left: 30px;
                font-size: 1rem;
            }

            .About-how-feature {
                padding: 30px 20px;
            }
        }




.footer-bottom p a {
    color: #ffffff;
}
 

 /* 为所有选择器添加Privacy前缀 */
        .Privacy-h1, .Privacy-h2 {
            font-family: 'Montserrat', sans-serif;
            font-weight: 600;
            color: #222;
        }

        .Privacy-h1 {
            font-size: 36px;
            margin-bottom: 10px;    text-align: center;
        }

        .Privacy-h2 {
            font-size: 18px;
            margin: 30px 0 15px;
            padding-bottom: 8px;
            border-bottom: 1px solid #eee;
        }

     

        .Privacy-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 30px 20px;    padding-top: 180px;
        }

        /* 页头样式 */
        .Privacy-header {
            margin-bottom: 38px;
           
           
        }

        .Privacy-header p {
            color: #666;
            font-size: 14px;
        }

        /* 正文内容样式 */
        .Privacy-section {
            margin-bottom: 25px;
        }

        .Privacy-section p:last-child {
            margin-bottom: 0;
        }

        /* 联系信息样式 */
        .Privacy-contact {
           
            padding-top: 10px;
            border-top: 1px solid #eee;
        }

        .Privacy-contact .Privacy-h2 {
            border-bottom: none;
            margin-bottom: 10px;
        }

        .Privacy-note {
            font-size: 14px;
            color: #666;
            margin-top: 20px;
            padding-top: 15px;
            border-top: 1px solid #eee;
        }

        /* 响应式设计 */
        @media (max-width: 768px) {
            .Privacy-container {
                padding: 20px 15px;
            }
            
            .Privacy-h1 {
                font-size: 22px;
            }
            
            .Privacy-h2 {
                font-size: 17px;
                margin: 25px 0 12px;
            }
        }

        @media (max-width: 480px) {
         
            .Privacy-container {
                padding: 15px;
            }
            
            .Privacy-h1 {
                font-size: 20px;
            }
            
            .Privacy-h2 {
                font-size: 16px;
                margin: 20px 0 10px;
            }
            
         
        }


.Privacy-h2::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 60px;
    height: 0px;
   
}
.Privacy-section ul {
    padding-left: 20px;    padding-bottom: 20px;
}

.Privacy-section p {
    margin-bottom: .6rem;
}



.Projects-list-container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .Projects-list-btn {
            display: inline-block;
            background-color: #2B579A;
            color: #FFFFFF;
            padding: 12px 30px;
            border-radius: 4px;
            font-weight: 600;
            border: none;
            cursor: pointer;
            transition: all 0.3s ease;
            text-align: center;
            font-family: 'Montserrat', sans-serif;
        }

        .Projects-list-btn:hover {
            background-color: #1E3A6C;
            transform: translateY(-3px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }

  
        .Projects-list-hero-content {
            max-width: 800px;
        }

        .Projects-list-hero h1 {
            color: #FFFFFF;
            margin-bottom: 1.5rem;
            font-size: 3rem;
        }

        .Projects-list-section {
            padding: 80px 0;
        }

        /* Section 1: Capability Overview - 左图右文 */
        .Projects-list-overview-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        .Projects-list-overview-image {
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }

        .Projects-list-overview-image img {
            width: 100%;
            height: auto;
            display: block;
            transition: transform 0.5s ease;
        }

        .Projects-list-overview-image:hover img {
            transform: scale(1.05);
        }

        .Projects-list-overview-content h2 {
            margin-bottom: 25px;
        }

        .Projects-list-overview-content p {
            font-size: 1.1rem;
            line-height: 1.8;
            margin-bottom: 30px;
        }

        /* 要点列表样式 */
        .Projects-list-bullet-points {
            list-style: none;
            padding-left: 0;
            margin-top: 30px;
        }

        .Projects-list-bullet-points li {
            position: relative;
            padding-left: 35px;
            margin-bottom: 20px;
            font-size: 1.1rem;
            line-height: 1.6;
            color: #2B2B2B;
            font-weight: 500;
        }

        .Projects-list-bullet-points li:before {
            content: '\f058';
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            position: absolute;
            left: 0;
            top: 2px;
            color: #4A90E2;
            font-size: 1.2rem;
        }

        /* Section 2: Capability Highlights - 四列布局 */
        .Projects-list-highlights-section {
            background-color: #F5F7FA;
        }

        .Projects-list-highlights-intro {
            text-align: center;
            max-width: 800px;
            margin: 0 auto 50px;
        }

        .Projects-list-highlights-intro h2 {
            margin-bottom: 25px;
        }

        .Projects-list-highlights-intro p {
            font-size: 1.1rem;
            line-height: 1.8;
            margin-bottom: 30px;
        }

        .Projects-list-highlights-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
        }

        .Projects-list-highlight-card {
            background-color: #FFFFFF;
            border-radius: 10px;
            padding: 40px 25px;
            text-align: center;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .Projects-list-highlight-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
        }

        /* 卡片顶部装饰线 */
        .Projects-list-highlight-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: linear-gradient(to right, #2B579A, #4A90E2);
        }

        .Projects-list-highlight-icon {
            width: 70px;
            height: 70px;
            background-color: rgba(43, 87, 154, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 25px;
        }

        .Projects-list-highlight-icon i {
            font-size: 1.8rem;
            color: #2B579A;
        }

        .Projects-list-highlight-content h3 {
            font-size: 1.3rem;
            margin-bottom: 15px;
            color: #2B579A;
        }

        .Projects-list-highlight-content p {
            font-size: 1rem;
            line-height: 1.6;
            margin-bottom: 0;
        }

        /* CTA Section */
        .Projects-list-cta-section {
            text-align: center;
            padding: 80px 0;
            background-color: #2B579A;
            color: #FFFFFF;
        }

        .Projects-list-cta-section h2 {
            color: #FFFFFF;
            margin-bottom: 1.5rem;
        }

        .Projects-list-cta-section h2::after {
            background-color: #FFFFFF;
            left: 50%;
            transform: translateX(-50%);
        }

        .Projects-list-cta-section p {
            color: rgba(255, 255, 255, 0.9);
            max-width: 700px;
            margin: 0 auto 30px;
            font-size: 1.1rem;
        }

        /* 响应式设计 */
        @media (max-width: 992px) {
      
            .Projects-list-hero h1 {
                font-size: 2.5rem;
            }

            .Projects-list-overview-container {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .Projects-list-highlights-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 768px) {
            .Projects-list-hero {
                height: 400px;
            }
            
            .Projects-list-hero h1 {
                font-size: 2.2rem;
            }

            .Projects-list-section {
                padding: 60px 0;
            }

            .Projects-list-highlights-grid {
                grid-template-columns: 1fr;
                max-width: 500px;
                margin: 0 auto;
            }
        }

        @media (max-width: 576px) {
        

            .Projects-list-hero h1 {
                font-size: 1.8rem;
            }

            .Projects-list-hero {
                height: 350px;
            }

            .Projects-list-highlight-card {
                padding: 30px 20px;
            }

            .Projects-list-bullet-points li {
                padding-left: 30px;
                font-size: 1rem;
            }
        }



 /* 新闻详情样式 */
        .jy-news-detail-section {
            padding: 60px 0;
        }

        .news-breadcrumb {
            margin-bottom: 30px;
            font-size: 0.9rem;
            color: #666;
        }

        .news-breadcrumb a {
            color: #4A90E2;
        }

        .news-breadcrumb a:hover {
            text-decoration: underline;
        }

        .news-breadcrumb span {
            color: #2B2B2B;
            font-weight: 500;
        }

        .news-header {
            margin-bottom: 40px;
        }

        .news-meta {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
            color: #666;
            font-size: 0.9rem;
        }

        .news-category {
            background-color: #4A90E2;
            color: #FFFFFF;
            padding: 4px 12px;
            border-radius: 4px;
            font-size: 0.8rem;
            font-weight: 600;
            margin-right: 15px;

        }

        .news-date {
            margin-right: 15px;
        }

        .news-author {
            color: #2B579A;
            font-weight: 500;
        }

        .news-featured-image {
            width: 100%;
            height: 500px;
            overflow: hidden;
            border-radius: 8px;
            margin-bottom: 40px;
            position: relative;
        }

        .news-featured-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .news-featured-image:hover img {
            transform: scale(1.05);
        }

        .news-image-caption {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.7);
            color: #FFFFFF;
            padding: 10px 20px;
            font-size: 0.9rem;
            text-align: center;
        }

        .news-content {
            max-width: 1180px;
            margin: 0 auto;
        }

        .news-content p {
            margin-bottom: 20px;
        }

        .news-content h2 {
            margin-top: 40px;
            margin-bottom: 20px;
        }

        .news-content h3 {
            margin-top: 30px;
            margin-bottom: 15px;
        }

        .news-content img {
            max-width: 100%;
            height: auto;
            border-radius: 8px;
            margin: 30px 0;
            display: block;
        }


.news-header .dbt {
    font-size: 32px;
}



        .news-content figcaption {
            text-align: center;
            font-size: 0.9rem;
            color: #666;
            margin-top: 10px;
            margin-bottom: 30px;
        }

        .news-highlight-box {
            background-color: #F5F7FA;
            border-left: 4px solid #4A90E2;
            padding: 25px;
            margin: 30px 0;
            border-radius: 0 8px 8px 0;
        }

        .news-highlight-box h4 {
            color: #2B579A;
            margin-bottom: 10px;
            font-size: 1.2rem;
        }

        .news-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 40px;
            padding-top: 30px;
            border-top: 1px solid #eee;
        }

        .news-tag {
            background-color: #F5F7FA;
            color: #4A4A4A;
            padding: 6px 15px;
            border-radius: 20px;
            font-size: 0.85rem;
            transition: all 0.3s ease;
        }

        .news-tag:hover {
            background-color: #4A90E2;
            color: #FFFFFF;
        }

        .news-navigation {
            display: flex;
            justify-content: space-between;
            margin-top: 60px;
            padding-top: 40px;
            border-top: 1px solid #eee;
        }

        .news-nav-item {
            flex: 1;
            padding: 20px;
            border-radius: 8px;
            transition: all 0.3s ease;

        }

        .news-nav-item:hover {
            background-color: #F5F7FA;
        }

        .news-nav-item.prev {
            margin-right: 15px;
            text-align: left;
        }

        .news-nav-item.next {
            margin-left: 15px;
            text-align: right;
        }

        .news-nav-label {
            font-size: 0.85rem;
            color: #666;
            margin-bottom: 5px;
            display: block;
        }

        .news-nav-title {
            font-weight: 600;
            color: #2B2B2B;
        }

        .news-related {
            margin-top: 80px;
        }

        .section-title {
            text-align: center;
            margin-bottom: 40px;
        }

        .section-title h2::after {
            left: 50%;
            transform: translateX(-50%);
        }

        .related-articles-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }

        .related-article {
            background-color: #FFFFFF;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }

        .related-article:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
        }

        .related-article-img {
            height: 200px;
            overflow: hidden;
        }

        .related-article-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .related-article:hover .related-article-img img {
            transform: scale(1.1);
        }

        .related-article-content {
            padding: 25px;
        }

        .related-article-meta {
            display: flex;
            justify-content: space-between;
            margin-bottom: 10px;
            font-size: 0.85rem;
            color: #666;
        }

        .related-article-category {
            color: #4A90E2;
            font-weight: 600;
        }

        .related-article-content h3 {
            font-size: 1.2rem;
            margin-bottom: 15px;
        }

        .related-article-excerpt {
            font-size: 0.95rem;
            color: #4A4A4A;
            margin-bottom: 15px;
        }

        .back-to-news {
            text-align: center;
            margin-top: 60px;
        }

        /* 响应式设计 */
        @media (max-width: 992px) {
            .related-articles-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
     
            .news-featured-image {
                height: 400px;
            }
        }

        @media (max-width: 768px) {
            .related-articles-grid {
                grid-template-columns: 1fr;
            }
            
            .jy-news-detail-section {
                padding: 40px 0;
            }
            
            .news-featured-image {
                height: 300px;
            }
            
            .news-navigation {
                flex-direction: column;
            }
            
            .news-nav-item {
                margin: 0 0 15px 0 !important;
            }
            
            .news-nav-item.next {
                text-align: left;
            }
            
         
        }

        @media (max-width: 576px) {
            .news-featured-image {
                height: 250px;
            }
            
       
            
            .news-meta {
                flex-wrap: wrap;
                gap: 10px;
            }
        }






.product-title h1 {
    font-size: 32px;
}






  /* 产品详情布局 */
        .product-detail-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            margin-top: 60px;
        }

        /* 图片展示区域 */
        .product-images {
            position: relative;
        }

        .main-image-container {
            width: 100%;
            height: 500px;
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            margin-bottom: 20px;
        }

        .main-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .main-image:hover {
            transform: scale(1.05);
        }

        .thumbnail-container {
            display: flex;
            gap: 15px;
            overflow-x: auto;
            padding: 10px 0;
        }

        .thumbnail {
            width: 100px;
            height: 100px;
            border-radius: 4px;
            overflow: hidden;
            cursor: pointer;
            opacity: 0.7;
            transition: all 0.3s ease;
            border: 2px solid transparent;
            flex-shrink: 0;
        }

        .thumbnail:hover {
            opacity: 0.9;
        }

        .thumbnail.active {
            opacity: 1;
            border-color: #2B579A;
        }

        .thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* 产品信息区域 */
        .product-info {
            padding: 20px 0;
        }

        .product-title {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 20px;
        }

        .product-meta {
            margin-bottom: 30px;
            padding-bottom: 20px;
            border-bottom: 1px solid #eee;
        }

        .meta-item {
            display: flex;
            margin-bottom: 10px;
        }

        .meta-label {
            font-weight: 600;
            width: 120px;
            color: #2B579A;
        }

        .meta-value {
            flex: 1;
        }

        /* 产品规格和描述区域 - 全宽显示 */
        .product-details-section {
            width: 100%;
            margin-top: 50px;
            padding-top: 30px;
            border-top: 1px solid #eee;
        }

        .product-description {
            margin-bottom: 40px;
            width: 100%;
        }

        .product-specs {
            margin-bottom: 40px;
            width: 100%;
        }

        .specs-list {
            list-style: none;
        }

        .specs-list li {
            margin-bottom: 10px;
            padding-left: 20px;
            position: relative;
        }

        .specs-list li::before {
            content: '✓';
            position: absolute;
            left: 0;
            color: #4A90E2;
            font-weight: bold;
        }

        /* 应用领域 */
        .product-applications {
            margin-bottom: 40px;
            width: 100%;
        }

        /* 滚动产品框 */
        .related-products-section {
            width: 100%;
            margin-top: 50px;
            padding-top: 30px;
            border-top: 1px solid #eee;
        }

        .section-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 25px;
        }

        .section-header h2 {
            margin-bottom: 0;
        }

        .view-all-link {
            color: #2B579A;
            text-decoration: none;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 8px;
            transition: all 0.3s ease;
        }

        .view-all-link:hover {
            color: #1E3A6C;
            gap: 12px;
        }

        .products-scroll-container {
            position: relative;
            width: 100%;
        }

        .products-scroll-wrapper {
            overflow: hidden;
            width: 100%;
        }

        .products-scroll {
            display: flex;
            gap: 25px;
            transition: transform 0.5s ease;
            padding: 10px 5px;
        }

        .product-card {
            flex: 0 0 calc(33.333% - 17px);
            background-color: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
            min-width: 0;
        }

        .product-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
        }

        .product-card-img {
            width: 100%;
            height: 220px;
            overflow: hidden;
        }

        .product-card-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .product-card:hover .product-card-img img {
            transform: scale(1.1);
        }

        .product-card-content {
            padding: 20px;
        }

        .product-card-title {
            font-size: 1.2rem;
            margin-bottom: 10px;
            color: #2B2B2B;
        }

        .product-card-desc {
            font-size: 0.95rem;
            color: #4A4A4A;
            margin-bottom: 15px;
            line-height: 1.5;
        }

        .product-card-meta {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 15px;
        }

        .product-card-type {
            background-color: rgba(43, 87, 154, 0.1);
            color: #2B579A;
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 0.85rem;
            font-weight: 500;
        }

        .scroll-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 40px;
            height: 40px;
            background-color: white;
            border: none;
            border-radius: 50%;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            cursor: pointer;
            z-index: 10;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
            color: #2B579A;
            transition: all 0.3s ease;
        }

        .scroll-btn:hover {
            background-color: #2B579A;
            color: white;
            transform: translateY(-50%) scale(1.1);
        }

        .scroll-btn.prev {
            left: -20px;
        }

        .scroll-btn.next {
            right: -20px;
        }

        /* 询盘弹窗 */
        .inquiry-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            z-index: 1000;
            justify-content: center;
            align-items: center;
        }

        .inquiry-modal.active {
            display: flex;
        }

        .modal-content {
            background-color: white;
            border-radius: 8px;
            width: 90%;
            max-width: 500px;
            padding: 40px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            animation: modalSlideIn 0.3s ease;
        }

        @keyframes modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-50px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .close-modal {
            position: absolute;
            top: 15px;
            right: 15px;
            font-size: 1.5rem;
            cursor: pointer;
            color: #666;
            background: none;
            border: none;
        }

        .close-modal:hover {
            color: #2B579A;
        }

        .modal-title {
            text-align: center;
            margin-bottom: 30px;
        }

        .modal-title h2 {
            text-align: center;
        }

        .modal-title h2::after {
            left: 50%;
            transform: translateX(-50%);
        }

        .form-group {
            margin-bottom: 20px;
        }

        .form-group label {
            display: block;
            margin-bottom: 8px;
            font-weight: 600;
            color: #333;
        }

        .form-control {
            width: 100%;
            padding: 12px 15px;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 1rem;
            font-family: 'Open Sans', sans-serif;
            transition: border-color 0.3s ease;
        }

        .form-control:focus {
            outline: none;
            border-color: #2B579A;
        }

        .form-textarea {
            height: 120px;
            resize: vertical;
        }

        .form-submit {
            width: 100%;
            padding: 15px;
            font-size: 1.1rem;
        }

        /* 响应式设计 */
        @media (max-width: 992px) {
            .product-detail-container {
                grid-template-columns: 1fr;
                gap: 40px;
            }
            
            .main-image-container {
                height: 400px;
            }
            
            h1 {
                font-size: 2.2rem;
            }
            
            .product-card {
                flex: 0 0 calc(50% - 13px);
            }
            
            .scroll-btn.prev {
                left: -15px;
            }
            
            .scroll-btn.next {
                right: -15px;
            }
        }

        @media (max-width: 768px) {
            .container {
                padding: 20px 15px;
            }
            
            .main-image-container {
                height: 350px;
            }
            
            .thumbnail {
                width: 80px;
                height: 80px;
            }
        
            
            .product-details-section {
                margin-top: 40px;
                padding-top: 25px;
            }
            
            .related-products-section {
                margin-top: 40px;
                padding-top: 25px;
            }
            
            .product-card {
                flex: 0 0 calc(100% - 0px);
            }
            
            .scroll-btn {
                display: none;
            }
        }

        @media (max-width: 576px) {
            .main-image-container {
                height: 300px;
            }
            
            .thumbnail {
                width: 70px;
                height: 70px;
            }
            
            .modal-content {
                padding: 25px 20px;
                width: 95%;
            }
            
            .product-details-section {
                margin-top: 30px;
                padding-top: 20px;
            }
            
            .meta-item {
                flex-direction: column;
            }
            
            .meta-label {
                width: 100%;
                margin-bottom: 5px;
            }
            
            .section-header {
                flex-direction: column;
                align-items: flex-start;
                gap: 15px;
            }
            
            .section-header h2 {
                margin-bottom: 0;
            }
            
            .related-products-section {
                margin-top: 30px;
                padding-top: 20px;
            }
        }


      /* What We Do 区域 */
        .jy-s2-section {
            padding: 100px 0;
            background-color: #FFFFFF;
        }

        .jy-s2-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        .jy-s2-text {
            padding-right: 20px;
        }

        .jy-s2-text h2 {
            margin-bottom: 1.5rem;
        }

        .jy-s2-list {
            list-style: none;
            padding-left: 0;
            margin-top: 25px;
        }

        .jy-s2-list li {
            position: relative;
            padding-left: 35px;
            margin-bottom: 15px;
            font-size: 1.05rem;
            line-height: 1.6;
        }

        .jy-s2-list li:before {
            content: '\f058';
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            position: absolute;
            left: 0;
            top: 2px;
            color: #4A90E2;
            font-size: 1.2rem;
        }

        .jy-s2-image {
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            height: 450px;
        }

        .jy-s2-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .jy-s2-image:hover img {
            transform: scale(1.05);
        }

        /* Engineering Approach 区域 */
        .jy-s2-approach-section {
            padding: 100px 0;
            background-color: #F5F7FA;
        }

        .jy-s2-section-title {
            text-align: center;
            margin-bottom: 60px;
        }

        .jy-s2-section-title h2 {
            margin-bottom: 1.5rem;
        }

        .jy-s2-section-title h2::after {
            left: 50%;
            transform: translateX(-50%);
        }

        .jy-s2-approach-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 40px;
        }

        .jy-s2-approach-card {
            background-color: #FFFFFF;
            border-radius: 10px;
            padding: 40px 30px;
            text-align: center;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
        }

        .jy-s2-approach-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        }

        .jy-s2-approach-icon {
            width: 80px;
            height: 80px;
            background-color: rgba(43, 87, 154, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 25px;
        }

        .jy-s2-approach-icon i {
            font-size: 2.2rem;
            color: #2B579A;
        }

        .jy-s2-approach-card h3 {
            font-size: 1.4rem;
            margin-bottom: 15px;
            color: #2B579A;
        }

        .jy-s2-approach-card p {
            font-size: 1rem;
            line-height: 1.6;
            color: #4A4A4A;
        }

        /* 响应式设计 */
        @media (max-width: 992px) {
        

            .jy-s2-content {
                gap: 40px;
            }

            .jy-s2-image {
                height: 400px;
            }

            .jy-s2-approach-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 30px;
            }
        }

        @media (max-width: 768px) {
            .jy-s2-section {
                padding: 60px 0;
            }

            .jy-s2-content {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .jy-s2-text {
                padding-right: 0;

                order: 1;
            }

            .jy-s2-image {
                order: 2;
                height: 300px;
            }

            .jy-s2-approach-section {
                padding: 60px 0;
            }

            .jy-s2-approach-grid {
                grid-template-columns: 1fr;
                gap: 30px;
            }

            .jy-s2-approach-card {
                padding: 30px 20px;
            }
        }

        @media (max-width: 576px) {
         
        }


   /* HERO SECTION */
    .jy-s3-hero {
    height: 500px;
   

    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 101px;
}

        .jy-s3-hero-content {
           
            padding: 0 20px;
        }

        .jy-s3-hero h1 {
            color: #FFFFFF;
            margin-bottom: 1.5rem;
            font-size: 3.2rem;
        }

        .jy-s3-hero p {
            font-size: 1.4rem;
            margin-bottom: 0;
            color: rgba(255, 255, 255, 0.9);
        }

        /* SECTION STYLES */
        .jy-s3-section {
            padding: 100px 0;
        }

        .jy-s3-section:nth-child(even) {
            background-color: #F5F7FA;
        }

        .jy-s3-content {
            display: grid;
            grid-template-columns: 1fr 1fr;

            gap: 60px;
            align-items: center;
        }

        .jy-s3-text {
            padding-right: 20px;
        }

        .jy-s3-text-right {
            padding-left: 20px;
            padding-right: 0;
        }

        .jy-s3-text h2 {
            margin-bottom: 1.5rem;
        }

        .jy-s3-list {
            list-style: none;
            padding-left: 0;
            margin-top: 25px;
        }

        .jy-s3-list li {
            position: relative;
            padding-left: 35px;
            margin-bottom: 15px;
            font-size: 1.05rem;
            line-height: 1.6;
        }

        .jy-s3-list li:before {
            content: '\f058';
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            position: absolute;
            left: 0;
            top: 2px;
            color: #4A90E2;
            font-size: 1.2rem;
        }

        .jy-s3-image {
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            height: 400px;
        }

        .jy-s3-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .jy-s3-image:hover img {
            transform: scale(1.05);
        }

        /* SECTION 2 - 左图右文字 */
        .jy-s3-section:nth-child(3) {
            background-color: #F5F7FA;
        }

        /* CTA SECTION */
        .jy-s3-cta {
            padding: 100px 0;
            background-color: #2B579A;
            color: #FFFFFF;
            text-align: center;
        }

        .jy-s3-cta h2 {
            color: #FFFFFF;
            margin-bottom: 1.5rem;
        }

        .jy-s3-cta h2::after {
            background-color: #4A90E2;
            left: 50%;
            transform: translateX(-50%);
        }

        /* 响应式设计 */
        @media (max-width: 992px) {
        

            .jy-s3-hero h1 {
                font-size: 2.8rem;
            }

            .jy-s3-hero p {
                font-size: 1.2rem;
            }

            .jy-s3-content {
                gap: 40px;
            }

            .jy-s3-image {
                height: 350px;
            }
        }

        @media (max-width: 768px) {
            .jy-s3-hero {
                height: 400px;
            }
            
            .jy-s3-hero h1 {
                font-size: 2.2rem;
            }
            
            .jy-s3-hero p {
                font-size: 1rem;
            }

            .jy-s3-section {
                padding: 60px 0;
            }

            .jy-s3-content {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .jy-s3-text,
            .jy-s3-text-right {
                padding-right: 0;
                padding-left: 0;
                order: 1;
            }

            .jy-s3-image {
                order: 2;
                height: 300px;
            }

            .jy-s3-cta {
                padding: 60px 0;
            }
        }

        @media (max-width: 576px) {
        

            .jy-s3-hero h1 {
                font-size: 1.8rem;
            }

            .jy-s3-hero {
                height: 300px;
            }
        }


.list-paddingleft-2 li {
    margin-left: 20px;
}
.list-paddingleft-2 li p {
    margin-bottom: 10px;
}















/* ====== 新增：相关产品滚动区域修复（避免冲突版本） ====== */
.related-products-section {
    margin-top: 60px;
    padding: 30px 0;
    border-top: 1px solid #eee;
}

.products-scroll-container {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
}

.products-scroll-wrapper {
    flex: 1;
    overflow: hidden;
    position: relative;
}

.duoyu-scroll { /* 修改：避免与通用名冲突 */
    display: flex;
    gap: 25px;
    transition: transform 0.5s ease;
    flex-wrap: nowrap;
    flex-shrink: 0;
}

/* 产品卡片容器样式 - 重命名避免冲突 */
.jy-home-duoyu-grid { /* 修改：jy-home-projects-grid -> jy-home-duoyu-grid */
    display: flex;
    gap: 25px;
    min-width: 100%;
    flex-wrap: nowrap;
}

/* 产品卡片样式 - 重命名避免冲突 */
.jy-home-duoyu-card { /* 修改：jy-home-project-card -> jy-home-duoyu-card */
    flex: 0 0 auto;
    width: 320px;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    transition: transform 0.3s ease;
}

.jy-home-duoyu-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

/* 滚动按钮样式 */
.scroll-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10;
    flex-shrink: 0;
}

.scroll-btn:hover {
    background: #f0f0f0;
    border-color: #ccc;
}

.scroll-btn i {
    font-size: 18px;
    color: #333;
}

/* 确保图片容器正确显示 - 重命名 */
.jy-home-duoyu-img img { /* 修改：jy-home-project-img -> jy-home-duoyu-img */
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.jy-home-duoyu-content { /* 修改：jy-home-project-content -> jy-home-duoyu-content */
    padding: 20px;
}

.jy-home-duoyu-content h3 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
}

.jy-home-duoyu-details { /* 修改：jy-home-project-details -> jy-home-duoyu-details */
    margin-bottom: 8px;
    font-size: 14px;
    color: #666;
}

.jy-home-duoyu-details p {
    margin-bottom: 8px;
    font-size: 14px;
    color: #666;
}

/* 新增：响应式调整 */
@media (max-width: 768px) {
    .jy-home-duoyu-card {
        width: 280px;
    }
    
    .scroll-btn {
        width: 40px;
        height: 40px;
    }
}


/* 默认隐藏图片 */
.mobile-only-image {
    display: none!important;
}

/* 在移动端（屏幕宽度 <= 768px）显示图片 */
@media (max-width: 768px) {
    .mobile-only-image {
        display: block;
        margin: 0 auto; /* 可选：居中显示 */
    }
}