:root {
     --brand-blue: #1e3a8a;
     --brand-dark: #0f172a;
     --brand-orange: #f59e0b;
 }

 body {
     font-family: 'sNormal', sans-serif !important;
     color: #334155;
     overflow-x: hidden;
 }

 @font-face {
     font-family: 'sBold';
     src: url('../webfonts/SBd.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: 'sNormal';
     src: url('../webfonts/sNormal.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
 }

 .sBold {
     font-family: 'sBold', sans-serif;
     font-weight: normal;
     font-style: normal;
 }

 .sNormal {
     font-family: 'sNormal', sans-serif;
     font-weight: normal;
     font-style: normal;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: 'sBold', sans-serif;
     font-weight: normal;
     font-style: normal;
     color: var(--color-base);
 }

 strong {
     font-family: 'sBold', sans-serif;
     font-weight: normal;
     font-style: normal;
     color: var(--color-base);
 }

 .jb01 {
     background: linear-gradient(90deg, #62A6FB, #BDDAFE);
     -webkit-background-clip: text;
     /* 关键属性：裁剪背景到文字 */
     -webkit-text-fill-color: transparent;
     /* 让文字本身透明 */
 }


 /* Navbar Customization */
 .navbar {
     padding-top: 1.5rem;
     padding-bottom: 1.5rem;
     transition: all 0.3s ease;
 }

 .navbar.scrolled {
     background-color: rgba(15, 23, 42, 0.95);
     backdrop-filter: blur(10px);
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
 }

 .navbar-brand .brand-text {
     line-height: 1;
 }

 .nav-link {
     color: white !important;
     font-family: 'sBold', sans-serif;
     margin: 0 0.5rem;
     transition: color 0.2s;
 }

 .nav-link:hover {
     color: var(--brand-orange) !important;
 }

 .contact-info-nav {
     border-left: 1px solid rgba(255, 255, 255, 0.2);
     padding-left: 1.5rem;
 }

 /* Hero Section */
 .hero-section {
     position: relative;
     height: 100vh;
     min-height: 600px;
     background-image: url('home01.png');
     background-size: cover;
     background-position: center;
     display: flex;
     align-items: center;
 }

 .hero-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(to right, rgba(15, 23, 42, 0.9), rgba(15, 23, 42, 0.4));
 }

 .hero-content {
     position: relative;
     z-index: 2;
     color: white;
 }


 .hero-badge {
     background-color: rgba(216, 141, 15, .3);
     font-size: 0.75rem;
     font-weight: 700;
     padding: 5px 12px;
     border-radius: 5px;
     display: inline-block;
     margin-bottom: 1rem;
     border: 1px solid var(--brand-orange);
 }

 .btn-custom {
     background-color: var(--brand-blue);
     color: white;
     font-weight: 600;
     padding: 12px 32px;
     border-radius: 6px;
     border: none;
     transition: all 0.3s;
 }

 .btn-custom:hover {
     background-color: #172554;
     color: white;
     transform: translateY(-2px);
 }

 /* General Section Styles */
 section {
     padding: 5rem 0;
 }

 .section-header {
     text-align: center;
     margin-bottom: 3rem;
 }

 .section-title {
     font-weight: 700;
     margin-bottom: 1rem;
     color: var(--brand-dark);
 }

 .section-line {
     width: 64px;
     height: 4px;
     background-color: var(--brand-orange);
     margin: 0 auto 1.5rem;
 }

 .text-dark-theme .section-title {
     color: white;
 }

 /* About Section */
 .experience-box {
     position: absolute;
     bottom: 0;
     right: 0;
     background: white;
     padding: 1.5rem;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }

 /* Products Section */
 .product-card {
     border: none;
     border-radius: 8px;
     overflow: hidden;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     transition: transform 0.3s, box-shadow 0.3s;
     background: white;
     height: 100%;
 }

 .product-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
 }

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

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

 /* Features Section */
 .bg-brand-dark {
     background-color: var(--brand-dark);
     color: white;
 }

 .feature-card {
     background-color: rgba(30, 41, 59, 0.5);
     border: 1px solid rgba(51, 65, 85, 1);
     padding: 1.5rem;
     border-radius: 8px;
     height: 100%;
     transition: border-color 0.3s;
 }

 .feature-card:hover {
     border-color: var(--brand-blue);
 }

 .feature-icon-circle {
     width: 48px;
     height: 48px;
     background-color: rgba(30, 58, 138, 0.5);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 1rem;
     color: #93c5fd;
     transition: background-color 0.3s;
 }

 .feature-card:hover .feature-icon-circle {
     background-color: var(--brand-blue);
     color: white;
 }

 /* Industries Section */
 .industry-item {
     text-align: center;
     cursor: pointer;
 }

 .industry-icon {
     width: 80px;
     height: 80px;
     border: 2px solid #f1f5f9;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto 1rem;
     font-size: 1.75rem;
     color: #94a3b8;
     transition: all 0.3s;
 }

 .industry-item:hover .industry-icon {
     border-color: var(--brand-blue);
     color: var(--brand-blue);
 }

 .industry-name {
     font-size: 0.875rem;
     font-weight: 600;
     color: #334155;
     transition: color 0.3s;
 }

 .industry-item:hover .industry-name {
     color: var(--brand-blue);
 }

 /* Swiper / News Section */
 .news-card {
     height: 100%;
     border: 1px solid #e2e8f0;
     border-radius: 8px;
     overflow: hidden;
     display: flex;
     flex-direction: column;
 }

 .news-content {
     padding: 1.5rem;
     flex-grow: 1;
     display: flex;
     flex-direction: column;
 }

 .swiper-pagination-bullet-active {
     background-color: var(--brand-blue) !important;
 }

 /* Contact Section */
 .contact-icon-wrapper {
     width: 40px;
     height: 40px;
     background-color: #dbeafe;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--brand-blue);
     flex-shrink: 0;
 }

 .form-control,
 .form-select {
     font-size: 0.875rem;
     padding: 0.6rem 1rem;
     border-color: #cbd5e1;
 }

 .form-control:focus,
 .form-select:focus {
     border-color: var(--brand-blue);
     box-shadow: none;
 }

 /* Footer */
 .footer {
     background-color: var(--brand-dark);
     border-top: 4px solid var(--brand-orange);
     padding-top: 4rem;
     padding-bottom: 2rem;
     color: #cbd5e1;
 }

 .footer-social-link {
     width: 32px;
     height: 32px;
     background-color: rgba(30, 41, 59, 1);
     border-radius: 4px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: white;
     text-decoration: none;
     transition: background-color 0.3s;
 }

 .footer-social-link:hover {
     background-color: var(--brand-blue);
 }

 .footer-links li {
     margin-bottom: 0.5rem;
 }

 .footer-links a {
     color: #cbd5e1;
     text-decoration: none;
     font-size: 0.8rem;
     transition: color 0.2s;
 }

 .footer-links a:hover {
     color: var(--brand-orange);
 }

 /* Page Header */
 .page-header {
     position: relative;
     height: 500px;
     background-size: cover;
     background-position: center;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     /* Offset for fixed navbar if needed, but here nav is dark solid */
 }

 .page-header.productDetail .page-header-overlay {
     background-color: rgba(15, 23, 42, .8);
 }

 .b01 {
     background-image: url('b01.png');
 }

 .b02 {
     background-image: url('b02.png');
 }

 .b03 {
     background-image: url('b03.png');
 }


 .b04 {
     background-image: url('b04.png');
 }


 .b05 {
     background-image: url('b05.png');
 }

 .page-header-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(15, 23, 42, .7);
 }

 .page-title {
     position: relative;
     z-index: 2;
     color: white;
     font-weight: 800;
     font-size: 3.5rem;
 }

 .breadcrumb-custom {
     position: relative;
     z-index: 2;
     color: rgba(255, 255, 255, 0.7);
 }

 .breadcrumb-custom a {
     color: rgba(255, 255, 255, 0.7);
     text-decoration: none;
 }

 /* Tags for Machines */
 .machine-tag {
     background-color: #f8fafc;
     border: 1px solid #e2e8f0;
     color: #475569;
     padding: 8px 16px;
     border-radius: 4px;
     font-size: 0.9rem;
     display: inline-block;
     margin: 0 8px 8px 0;
     transition: all 0.3s;
     font-weight: 500;
 }

 .machine-tag:hover {
     background-color: var(--brand-blue);
     color: white;
     border-color: var(--brand-blue);
     transform: translateY(-2px);
 }

 /* Values Cards */
 .value-card {
     border-left: 4px solid var(--brand-orange);
     background: white;
     padding: 1.5rem;
     height: 100%;
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
     transition: transform 0.3s;
 }

 .value-card:hover {
     transform: translateX(5px);
     background: #fdfdfd;
 }

 .active>.page-link,
 .page-link.active {
     background-color: var(--brand-blue);
     border: 1px solid var(--brand-blue);
 }

 .nextOrprev a {
     color: var(--brand-orange);
 }

 /* Product Detail Styles */
 section {
     padding: 4rem 0;
 }

 .product-thumb {
     width: 100%;
     height: 80px;
     object-fit: cover;
     border-radius: 4px;
     cursor: pointer;
     opacity: 0.6;
     transition: all 0.2s;
     border: 2px solid transparent;
 }

 .product-thumb:hover,
 .product-thumb.active {
     opacity: 1;
     border-color: var(--brand-blue);
 }

 .feature-list li {
     margin-bottom: 0.75rem;
     display: flex;
     align-items: start;
 }

 .feature-list i {
     color: var(--brand-blue);
     margin-top: 4px;
     margin-right: 12px;
 }

 /* Tabs */
 .nav-tabs {
     border-bottom: 2px solid #e2e8f0;
 }

 .nav-tabs .nav-link {
     color: #64748b;
     border: none;
     border-bottom: 2px solid transparent;
     margin-bottom: -2px;
     padding: 1rem 1.5rem;
     font-weight: 600;
 }

 .nav-tabs .nav-link:hover {
     color: var(--brand-blue);
     background: transparent;
 }

 .nav-tabs .nav-link.active {
     color: var(--brand-blue);
     background: transparent;
     border-bottom: 2px solid var(--brand-blue);
 }

 .spec-table th {
     width: 40%;
     background-color: #f8fafc;
     color: #475569;
     font-weight: 600;
 }

 /* Related Products */
 .product-card {
     border: none;
     border-radius: 8px;
     overflow: hidden;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     transition: transform 0.3s, box-shadow 0.3s;
     background: white;
     height: 100%;
     text-decoration: none;
     display: block;
     color: inherit;
 }

 .product-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
 }

 .product-card .overflow-hidden {
     height: 200px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .product-card .overflow-hidden img {
     height: 150px;
 }

 /* Common Buttons */
 .btn-custom {
     background-color: var(--brand-blue);
     color: white;
     font-weight: 600;
     padding: 12px 32px;
     border-radius: 6px;
     border: none;
     transition: all 0.3s;
 }

 .btn-custom:hover {
     background-color: #172554;
     color: white;
     transform: translateY(-2px);
 }

 .btn-outline-custom {
     border: 2px solid var(--brand-blue);
     color: var(--brand-blue);
     font-weight: 600;
     padding: 10px 24px;
     border-radius: 6px;
     transition: all 0.3s;
 }

 .btn-outline-custom:hover {
     background-color: var(--brand-blue);
     color: white;
 }

 a.class {
     color: var(--brand-dark);
     text-decoration: none;
 }

 .queryList a.card-img-top {
     border: 1px solid #DEE2E8;
     display: block;
     background-color: #F7F7F7;
     transition: all 0.2s;
     overflow: hidden;
 }

 .queryList a.card-img-top img {
     transition: all 0.2s;
 }

 .queryList a:hover {
     background-color: #fff;
 }

 .queryList a.card-img-top img {
     height: 170px;
 }

 .queryList a:hover.card-img-top img {
     transform: scale(1.1);
 }

 .queryList div {
     border: 1px solid #DEE2E8;
     border-top: 0;
 }

 .cpImg {
     background-color: #F7F7F7;
     min-height: 50vh;
     position: relative;
 }

 .cpImg a {
     position: absolute;
     right: 1.5rem;
     top: 1.5rem;
     font-size: 12px;
     background-color: #fff;
     padding: .5rem 1rem;
     border: 1px solid var(--brand-dark);
     color: var(--brand-dark);
     display: flex;
     align-items: center;
     gap: 5px;
     text-decoration: none;
     transition: all 0.3s;
 }

 .cpImg>img {
     height: 450px;
 }

 .cpImg a:hover {
     color: red;
     transform: translateY(-2px);
     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
 }

 #info .line {
     display: block;
 }

 .cpTable {
     overflow-x: auto;
     padding-bottom: 1rem;
 }

 .cpTable table {
     border: 1px solid #DEE2E8 !important;
     width: 100%;
 }

 .cpTable table tr td {
     padding: 10px;
 }

 .cpTable table tr td strong {
     font-size: 14px;
     text-wrap: nowrap;
 }

 .cpTable table tr th,
 .cpTable .firstRow td {
     font-family: 'sBold';
     padding: 10px;
     font-size: 14px;
     background-color: #f1f5f9;
 }

 .cpTable table tr:nth-child(odd) td {
     background-color: #f1f5f9;
 }

 .cpTable img {
     max-width: 100%;
 }

 li.active a {
     color: var(--brand-orange) !important;
 }

 .cpNavPath i {
     display: none;
 }

 .cpNavPath a {
     color: var(--brand-dark) !important;
     text-decoration: none;
     padding-bottom: 2rem;
     display: inline-block;
 }
 
 .footCpClass a{
     color: #fff !important;
 }