/**/        * {margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;}
body {background-color:#f8f9fa;color:#333;line-height:1.6;}
.container {width:90%;max-width:1200px;margin:0 auto;padding:0 15px;}
/**/        header {background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000;}
.navbar {display:flex;justify-content:space-between;align-items:center;padding:15px 0;}
.logo {font-size:24px;font-weight:700;color:#1a5276;text-decoration:none;}
.nav-links {display:flex;list-style:none;}
.nav-links li {margin-left:30px;}
.nav-links a {text-decoration:none;color:#333;font-weight:500;transition:color 0.3s;}
.nav-links a:hover,.nav-links a.active {color:#1a5276;}
/**/        .page-switcher {display:flex;justify-content:center;margin:30px 0;}
.page-btn {padding:12px 30px;margin:0 10px;background-color:#fff;border:2px solid #1a5276;color:#1a5276;font-weight:600;border-radius:30px;cursor:pointer;transition:all 0.3s;}
.page-btn.active {background-color:#1a5276;color:white;}
/**/        .page-content {padding:0px 0 60px;}
.page-content.active {display:block;}
/**/        .products-header {text-align:center;margin-bottom:40px;}
.products-header h1 {font-size:36px;color:#1a5276;margin-bottom:15px;}
.products-header p {color:#666;max-width:700px;margin:0 auto;}
.filter-section {background-color:#fff;padding:25px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.05);margin-bottom:30px;}
.filter-category {margin-bottom:20px;}
.filter-category h3 {font-size:18px;margin-bottom:15px;color:#1a5276;display:flex;justify-content:space-between;align-items:center;}
.filter-category h3 span {font-size:14px;color:#7f8c8d;font-weight:normal;cursor:pointer;}
.filter-options {display:flex;flex-wrap:wrap;gap:10px;}
.filter-option {padding:8px 15px;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:20px;cursor:pointer;transition:all 0.3s;font-size:14px;}
.filter-option:hover {background-color:#e9f7fe;border-color:#1a5276;}
.filter-option.active {background-color:#1a5276;color:white;border-color:#1a5276;}
.filter-actions {display:flex;justify-content:space-between;margin-top:20px;}
.btn {padding:10px 20px;border-radius:5px;border:none;cursor:pointer;font-weight:600;transition:all 0.3s;}
.btn-primary {background-color:#1a5276;color:white;}
.btn-outline {background-color:transparent;border:1px solid #1a5276;color:#1a5276;}
.products-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.product-card {background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:transform 0.3s,box-shadow 0.3s;}
.product-card:hover {transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.product-img {background-color:#f1f8ff;display:flex;align-items:center;justify-content:center;position:relative;}
.product-img img {object-fit:contain;}
.product-badge {position:absolute;top:15px;right:15px;background-color:#e74c3c;color:white;padding:5px 10px;border-radius:20px;font-size:12px;}
.product-info {padding:20px;}
.product-category {color:#7f8c8d;font-size:14px;margin-bottom:5px;}
.product-name {font-size:18px;font-weight:600;margin-bottom:10px;color:#2c3e50;}
.product-specs {list-style:none;margin-bottom:15px;}
.product-specs li {margin-bottom:5px;font-size:14px;color:#666;}
.product-specs li i {color:#1a5276;margin-right:5px;}
.product-actions {display:flex;justify-content:space-between;}
/* 产品详情页样式 */        .product-detail {display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:50px;}
.product-gallery {position:relative;}
.main-image {background-color:#f1f8ff;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:15px;cursor:zoom-in;}
.main-image img {max-width:100%;max-height:100%;object-fit:contain;}
/* 产品详情页放大镜核心样式 */.magnifier-container {position:relative;cursor:crosshair;/* 鼠标变成十字，提示可放大 */  overflow:hidden;/* 适配你现有主图尺寸，不用改 */  width:100%;height:auto;}
.magnifier-container img {width:100%;height:auto;display:block;}
/**/.magnifier {position:absolute;top:0;left:0;width:200px;/**/  height:200px;border-radius:50%;/* 圆形放大镜，想要方形就改成0 */  box-shadow:0 0 10px rgba(0,0,0,0.2);background-color:rgba(255,255,255,0.1);background-repeat:no-repeat;pointer-events:none;/**/  display:none;/**/  z-index:10;}
/**/.magnifier-container:hover .magnifier {display:block;}
.thumbnail-gallery {display:flex;gap:10px;}
.thumbnail {width:150px;height:150px;background-color:#f1f8ff;border-radius:2px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:0px solid transparent;transition:all 0.3s;}
.thumbnail:nth-child(4){display:none;}
.thumbnail:nth-child(5){display:none;}
.thumbnail.active {border-color:#1a5276;}
.thumbnail img {max-width:90%;max-height:90%;object-fit:contain;}
.product-info-detail h1 {font-size:32px;color:#1a5276;margin-bottom:15px;}
.product-down {margin-bottom:20px;}
.product-down img {widhth：20px；;width:20px;float:left;margin-right:5px;}
.product-code {color:#111;margin-bottom:20px;font-size:16px;font-weight:bold;}
.product-description {margin-bottom:25px;color:#555;}
.specs-table {width:100%;border-collapse:collapse;margin-bottom:25px;}
.specs-table td {padding:10px 15px;border-bottom:1px solid #eee;}
.specs-table td:first-child {font-weight:600;width: 40%;color:#2c3e50;}
.inquiry-form {background-color:#fff;padding:25px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.05);}
.inquiry-form h3 {font-size:20px;color:#1a5276;margin-bottom:20px;}
.form-group {margin-bottom:15px;}
.form-group label {display:block;margin-bottom:5px;font-weight:500;color:#2c3e50;}
.form-control {width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:5px;font-size:16px;}
textarea.form-control {min-height:120px;resize:vertical;}
.related-products {margin-top:60px;}
.section-title {font-size: 38px;color:#1a5276;margin-bottom:30px;font-weight: bold;text-align:center;}
/**/        .about-header {text-align:center;margin-bottom:50px;}
.about-header h1 {font-size:36px;color:#1a5276;margin-bottom:15px;}
.about-header p {color:#666;max-width:700px;margin:0 auto;}
.about-content {display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:50px;width:80%;margin:auto;}
.about-text h2 {font-size:28px;color:#1a5276;margin-bottom:20px;}
.about-text p {margin-bottom:20px;color:#555;}
.about-image {border-radius:10px;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.about-image img {width:100%;height:100%;object-fit:cover;}
.timeline-section {margin-bottom:50px;}
.timeline {position:relative;max-width:800px;margin:0 auto;}
.timeline::after {content:'';position:absolute;width:4px;background-color:#1a5276;top:0;bottom:0;left:50%;margin-left:-2px;}
.timeline-item {padding:10px 40px;position:relative;width:50%;box-sizing:border-box;}
.timeline-item:nth-child(odd) {left:0;}
.timeline-item:nth-child(even) {left:50%;}
.timeline-content {padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.05);}
.timeline-content h3 {font-size:20px;color:#1a5276;margin-bottom:10px;}
.timeline-content .year {font-weight:600;color:#e74c3c;margin-bottom:10px;display:block;}
.timeline-item::after {content:'';position:absolute;width:20px;height:20px;background-color:#fff;border:4px solid #1a5276;border-radius:50%;top:20px;z-index:1;}
.timeline-item:nth-child(odd)::after {right:-10px;}
.timeline-item:nth-child(even)::after {left:-10px;}
.certificates-section {margin-bottom:50px;margin-top:80px;}
.certificates-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;}
.certificate-card {background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.05);text-align:center;padding:20px;transition:transform 0.3s;}
.certificate-card:hover {transform:translateY(-5px);}
.certificate-icon {font-size:40px;color:#1a5276;margin-bottom:15px;}
.certificate-card h3 {font-size:18px;margin-bottom:10px;color:#2c3e50;}
.gallery-section {margin-bottom:50px;}
.gallery-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;}
.gallery-item {border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.05);}
.gallery-item img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s;}
.gallery-item:hover img {transform:scale(1.05);}
.values-section {margin-bottom:50px;}
.values-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;}
.value-card {background-color:#fff;padding:30px;border-radius:10px;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:transform 0.3s;}
.value-card:hover {transform:translateY(-5px);}
.value-icon {font-size:40px;color:#1a5276;margin-bottom:20px;}
.value-card h3 {font-size:20px;margin-bottom:15px;color:#2c3e50;}
/**/        footer {background-color:#232c33;color:white;padding:50px 0 20px;}
.social-links {display:flex;gap:15px;margin-top:20px;}
.social-links a {display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:rgba(255,255,255,0.1);border-radius:50%;color:white;transition:background-color 0.3s;}
.social-links a:hover {background-color:rgba(255,255,255,0.2);}
.copyright {text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);font-size:14px;color:#ddd;}
/**/        @media (max-width:992px) {.products-grid {grid-template-columns:repeat(2,1fr);}
.product-detail {grid-template-columns:1fr;}
.about-content {grid-template-columns:1fr;}
.timeline::after {left:31px;}
.timeline-item {width:100%;padding-left:70px;padding-right:25px;}
.timeline-item:nth-child(even) {left:0;}
.timeline-item::after {left:21px;}
.timeline-item:nth-child(odd)::after,.timeline-item:nth-child(even)::after {left:21px;}
}
@media (max-width:768px) {.products-grid {grid-template-columns:1fr;}
.filter-options {flex-direction:column;align-items:flex-start;gap:10px;}
.nav-links {display:none;}
}
@layer utilities {.scrollbar-hide {-ms-overflow-style:none;scrollbar-width:none;}
.scrollbar-hide::-webkit-scrollbar {display:none;}
.timeline-line {@apply absolute top-1/2 left-0 w-full h-1 bg-gray-200 -translate-y-1/2;}
.timeline-dot {@apply absolute top-1/2 w-4 h-4 rounded-full bg-primary border-4 border-white -translate-y-1/2 shadow-lg z-10 transition-all duration-300;}
.timeline-dot-active {@apply bg-gold scale-150;}
.team-card-hover {@apply transition-all duration-500 hover:shadow-xl hover:-translate-y-2;}
.scroll-indicator {@apply animate-pulse text-gray-400 text-sm flex items-center gap-2;}
}
.team-card::before {content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#E74C3C 0%,#F1C40F 100%);opacity:0;transition:opacity 0.3s ease;}
.team-card:hover::before {opacity:1;}
.fade-in {opacity:0;transform:translateY(20px);transition:opacity 0.8s ease,transform 0.8s ease;}
.fade-in.visible {opacity:1;transform:translateY(0);}
@layer utilities {.content-auto {content-visibility:auto;}
.timeline-dot {@apply absolute left-0 md:left-1/2 w-4 h-4 rounded-full bg-primary border-4 border-white shadow-lg transform -translate-x-1/2 z-10;}
.timeline-line {@apply absolute left-0 md:left-1/2 top-0 bottom-0 w-0.5 bg-gray-200 transform -translate-x-1/2;}
.card-hover {@apply transition-all duration-300 hover:shadow-xl hover:-translate-y-2;}
.scrollbar-hide {-ms-overflow-style:none;scrollbar-width:none;}
.scrollbar-hide::-webkit-scrollbar {display:none;}
}
html {scroll-behavior:smooth;}
body {font-family:'Inter',sans-serif;}
.team-card::before {content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#E74C3C 0%,#F1C40F 100%);opacity:0;transition:opacity 0.3s ease;}
.team-card:hover::before {opacity:1;}
.fade-in {opacity:0;transform:translateY(20px);transition:opacity 0.8s ease,transform 0.8s ease;}
.fade-in.visible {opacity:1;transform:translateY(0);}
/**/    .team-scroll-container {position:relative;padding:0 4px;}
.team-scroll-track {display:flex;gap:2rem;padding:1rem 0 2rem;overflow-x:auto;scroll-behavior:smooth;}
.team-card-wrapper {flex: 0 0 273px;/* 固定卡片宽度 */}
.team-card-wrapper .h-56{
    height: 17.5rem;
}
.scroll-button {position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:white;box-shadow:0 2px 10px rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;z-index:10;}
.scroll-button:hover {background:#f8f9fa;transform:translateY(-50%) scale(1.1);}
.scroll-button.left {left:-16px;}
.scroll-button.right {right:-16px;}
/**/    @media (max-width:768px) {.scroll-button {display:none;}
.team-card-wrapper {flex:0 0 240px;}
}
.page-banner {height:300px;background-color:var(--primary);display:flex;align-items:center;justify-content:center;text-align:center;color:white;margin-bottom:50px;position:relative;overflow:hidden;background:#194d6f;margin-top:80px;}
.page-banner:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);opacity:0.9;}
.page-banner-content {position:relative;z-index:2;}
.page-banner h1 {font-size:42px;margin-bottom:15px;color:white;}
.page-banner p {font-size:18px;max-width:600px;margin:0 auto;opacity:0.9;}