/* 全局变量和基础样式 */
:root {--primary-color:#1a365d;--secondary-color:#e53e3e;--accent-color:#2d3748;--text-color:#2d3748;--light-bg:#f7fafc;--white:#ffffff;}
body {font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:var(--text-color);line-height:1.6;}

/* 导航栏样式 */
.navbar {background-color:var(--white);box-shadow:0 2px 10px rgba(0,0,0,0.1);!important;}
.navbar-brand {font-size:24px;font-weight:700;color:var(--primary-color) !important;}
.nav-link {font-weight:500;color:var(--text-color) !important;transition:color 0.3s;position:relative;}
.nav-link:hover {color:var(--secondary-color) !important;}


/* 下拉菜单悬停效果 */
.dropdown:hover .dropdown-menu {display:block;margin-top:0;animation:fadeIn 0.3s;}
.dropdown-menu {border:none;box-shadow:0 5px 15px rgba(0,0,0,0.1);border-radius:8px;padding:10px 0;}
.dropdown-item {padding:8px 20px;transition:all 0.2s;}
.dropdown-item:hover {background-color:#f8f9fa;color:#e74c3c;padding-left:25px;}
/* 多级下拉菜单样式 */
.dropdown-submenu {position:relative;}
.dropdown-submenu > .dropdown-menu {top:0;left:100%;margin-top:-10px;margin-left:1px;}
.dropdown-submenu:hover > .dropdown-menu {display:block;}
/* 动画效果 */
@keyframes fadeIn {from {opacity:0;transform:translateY(-10px);}
    to {opacity:1;transform:translateY(0);}
}

/* 响应式调整 */
@media (max-width:991px) {
    .dropdown-menu {box-shadow:none;border-radius:0;}
    .dropdown-submenu > .dropdown-menu {position:static;margin-left:15px;margin-top:0;}
}





/* 首页特有样式 */
.hero {background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url('https://images.unsplash.com/photo-1581094794329-c8112a89af12?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80');background-size:cover;background-position:center;color:var(--white);padding:200px 0 120px;text-align:center;}
.hero h1 {font-size:48px;margin-bottom:20px;}
.hero p {font-size:20px;max-width:700px;margin:0 auto 30px;}
.carousel-item {height:600px;}
.carousel-item img {object-fit:cover;height:100%;}
.carousel-caption {background:rgba(0,0,0,0.6);border-radius:8px;padding:20px;bottom:50px;left:10%;right:10%;}

/* 通用组件样式 */
.btn-primary {background-color:var(--secondary-color);border-color:var(--secondary-color);padding:12px 30px;font-weight:600;}
.btn-primary:hover {background-color:#c53030;border-color:#c53030;}
.section-padding {padding:50px 0 100px;}
.section-title {text-align:center;margin-bottom:50px;}
.section-title h2 {font-size:36px;color:var(--primary-color);margin-bottom:15px;}
.section-title p {max-width:700px;margin:0 auto;color:var(--accent-color);}
.bg-light-custom {background-color:var(--light-bg);}

/* 产品卡片样式 */
.product-card {background-color:var(--white);border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:transform 0.3s,box-shadow 0.3s;height:100%;margin-bottom:30px;}
.product-card:hover {transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,0.1);}
.product-image {height:200px;overflow:hidden;}
.product-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s;}
.product-card:hover .product-image img {transform:scale(1.1);}
.product-info {padding:20px;}
.product-info h3 {font-size:22px;margin-bottom:10px;color:var(--primary-color);}
.product-specs {margin-bottom:15px;}
.product-specs h4 {font-size:16px;margin-bottom:8px;color:var(--accent-color);}
.product-specs p {font-size:14px;margin-bottom:5px;color:#666;}

/* 优势项样式 */
.advantage-item {text-align:center;padding:30px 20px;background-color:var(--white);border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.05);height:100%;}
.advantage-icon {font-size:40px;color:var(--secondary-color);margin-bottom:20px;}
.advantage-item h3 {font-size:22px;margin-bottom:15px;color:var(--primary-color);}

/* 新闻卡片样式 */
.news-card {background-color:var(--white);border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.05);height:100%;}
.news-image {height:200px;overflow:hidden;}
.news-image img {width:100%;height:100%;object-fit:cover;}
.news-info {padding:20px;}
.news-date {font-size:14px;color:#718096;margin-bottom:10px;}
.news-info h3 {font-size:20px;margin-bottom:10px;color:var(--primary-color);}

/* 联系信息样式 */
.contact-details p {margin-bottom:10px;display:flex;align-items:center;}
.contact-details i {margin-right:10px;color:var(--secondary-color);width:20px;}

/* 社交媒体区域样式 */
.social-section {background-color:var(--primary-color);padding:30px 0;text-align:center;}
.social-icons a {display:inline-block;width:40px;height:40px;background-color:rgba(255,255,255,0.1);border-radius:50%;color:var(--white);text-align:center;line-height:40px;margin:0 5px;transition:background-color 0.3s;}
.social-icons a:hover {background-color:var(--secondary-color);}

/* 底部样式 */
footer {background-color:var(--primary-color);color:var(--white);padding:60px 0 20px;}
.footer-top {padding-bottom:40px;}
.footer-column h3 {font-size:20px;margin-bottom:20px;position:relative;padding-bottom:10px;}
.footer-column h3::after {content:'';position:absolute;bottom:0;left:0;width:40px;height:2px;background-color:var(--secondary-color);}
.footer-column ul {list-style:none;padding-left:0;}
.footer-column ul li {margin-bottom:10px;}
.footer-column ul li a {color:#cbd5e0;text-decoration:none;transition:color 0.3s;}
.footer-column ul li a:hover {color:var(--white);}
.copyright {text-align:center;padding-top:20px;border-top:1px solid #2d3748;color:#cbd5e0;font-size:14px;}
.more-link {text-align:center;margin-top:30px;}

/* 关于我们页面专用样式 */
.breadcrumb {background-color:transparent;padding:0;margin-bottom:30px; color: #ffffff;}
.breadcrumb-item a {color:var(--primary-color);text-decoration:none;}
.breadcrumb-item.active {color:var(--accent-color);}
.active_a{color: #ffffff; text-decoration: none;}
.page-title {font-size:36px;color:var(--primary-color);margin-bottom:30px;border-bottom:2px solid var(--secondary-color);padding-bottom:15px;}
.content-section {margin-bottom:50px;scroll-margin-top:100px;}
.content-section h2 {font-size:28px;color:var(--primary-color);margin-bottom:20px;border-left:4px solid var(--secondary-color);padding-left:15px;}
.content-section h3 {font-size:22px;color:var(--accent-color);margin-bottom:15px;}
.content-section p {margin-bottom:15px;}
.content-section ul,.content-section ol {margin-bottom:20px;padding-left:20px;}
.content-section li {margin-bottom:8px;}
.highlight-box {background-color:var(--light-bg);border-left:4px solid var(--secondary-color);padding:20px;margin:25px 0;border-radius:0 8px 8px 0;}
.about-image {width:100%;border-radius:8px;margin:20px 0;box-shadow:0 5px 15px rgba(0,0,0,0.1);}
.page-nav {position:sticky;top:100px;background-color:var(--white);border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.05);padding:20px;margin-bottom:30px;}
.page-nav h3 {font-size:20px;color:var(--primary-color);margin-bottom:20px;border-bottom:2px solid var(--secondary-color);padding-bottom:10px;}
.page-nav-list {list-style:none;padding-left:0;}
.page-nav-list li {margin-bottom:10px;}
.page-nav-list a {color:var(--text-color);text-decoration:none;display:block;padding:8px 10px;border-radius:4px;transition:all 0.3s;}
.page-nav-list a:hover,.page-nav-list a.active {background-color:var(--light-bg);color:var(--secondary-color);}

/* 产品页专用样式 */
.page-hero {color:var(--white);padding:150px 0 80px;text-align:center;}
.page-hero h1 {font-size:42px;margin-bottom:20px;}

/* 分页样式 */
.pagination-container {margin-top:50px;}
.page-link {color:var(--primary-color);border:1px solid #e2e8f0;}
.page-link:hover {color:var(--secondary-color);background-color:var(--light-bg);border-color:#e2e8f0;}
.page-item.active .page-link {background-color:var(--primary-color);border-color:var(--primary-color);}

/* 联系页面专用样式 */
.contact-info {background-color:var(--white);border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.05);padding:30px;height:100%;}
.contact-info h3 {font-size:24px;color:var(--primary-color);margin-bottom:25px;border-bottom:2px solid var(--secondary-color);padding-bottom:10px;}
.contact-details {margin-bottom:30px;}
.contact-item {display:flex;align-items:flex-start;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e2e8f0;}
.contact-item:last-child {border-bottom:none;margin-bottom:0;padding-bottom:0;}
.contact-icon {width:50px;height:50px;background-color:var(--light-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;flex-shrink:0;}
.contact-icon i {color:var(--secondary-color);font-size:20px;}
.contact-content h4 {font-size:18px;color:var(--primary-color);margin-bottom:5px;font-weight:600;}
.contact-content p {margin-bottom:0;color:#666;}
.map-container {background-color:var(--white);border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.05);overflow:hidden;height:100%;}
.map-placeholder {width:100%;height:400px;background-color:#e2e8f0;display:flex;align-items:center;justify-content:center;color:#718096;}
.contact-form {background-color:var(--white);border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.05);padding:30px;margin-top:50px;}
.contact-form h3 {font-size:24px;color:var(--primary-color);margin-bottom:25px;border-bottom:2px solid var(--secondary-color);padding-bottom:10px;}
.form-label {font-weight:600;color:var(--primary-color);}
.form-control,.form-select {border:1px solid #e2e8f0;padding:10px 15px;border-radius:4px;}
.form-control:focus,.form-select:focus {border-color:var(--primary-color);box-shadow:0 0 0 0.2rem rgba(26,54,93,0.25);}

/* 产品列表页专用样式 */
.product-list-item {background-color:var(--white);border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.05);margin-bottom:30px;padding:20px;transition:transform 0.3s,box-shadow 0.3s;}
.product-list-item:hover {transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1);}
.spec-table {width:100%;margin-bottom:20px;border-collapse:collapse;}
.spec-table tr {border-bottom:1px solid #e2e8f0;}
.spec-table td {padding:8px 5px;vertical-align:top;}
.spec-table td:first-child {font-weight:600;width:30%;color:var(--primary-color);}
.spec-table td:last-child {width:70%;}
.product-actions {display:flex;gap:10px;flex-wrap:wrap;}
.btn-outline-primary {color:var(--primary-color);border-color:var(--primary-color);font-weight:600;}
.btn-outline-primary:hover {background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white);}
.category-sidebar {background-color:var(--white);border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.05);padding:20px;margin-bottom:30px;}
.category-sidebar h3 {font-size:20px;color:var(--primary-color);margin-bottom:20px;border-bottom:2px solid var(--secondary-color);padding-bottom:10px;}
.category-list {list-style:none;padding-left:0;}
.category-list li {margin-bottom:10px;}
.category-list a {color:var(--text-color);text-decoration:none;display:block;padding:8px 10px;border-radius:4px;transition:all 0.3s;}
.category-list a:hover,.category-list a.active {background-color:var(--light-bg);color:var(--secondary-color);}
.subcategory-list {list-style:none;padding-left:15px;margin-top:5px;}
.subcategory-list li {margin-bottom:5px;}
.subcategory-list a {font-size:14px;padding:5px 10px;}

/* 产品详情页专用样式 */
.product-image-main {width:100%;height:400px;overflow:hidden;border-radius:8px;margin-bottom:15px;}
.product-image-main img {width:100%;height:100%;object-fit:cover;}
.product-thumbnails {display:flex;gap:10px;}
.thumbnail {width:80px;height:80px;overflow:hidden;border-radius:6px;cursor:pointer;border:2px solid transparent;transition:border-color 0.3s;}
.thumbnail.active {border-color:var(--secondary-color);}
.thumbnail img {width:100%;height:100%;object-fit:cover;}
.product-title {font-size:28px;color:var(--primary-color);margin-bottom:20px;border-bottom:2px solid var(--secondary-color);padding-bottom:10px;}
.product-tabs {margin-top:50px;}
.nav-tabs {border-bottom:2px solid #e2e8f0;}
.nav-tabs .nav-link {color:var(--text-color);border:none;padding:12px 25px;font-weight:600;}
.nav-tabs .nav-link.active {color:var(--secondary-color);background-color:transparent;border-bottom:3px solid var(--secondary-color);}
.nav-tabs .nav-link:hover {color:var(--secondary-color);border:none;border-bottom:3px solid var(--secondary-color);}
.tab-content {padding:30px 0;}
.tab-pane {line-height:1.8;}

/* 新闻页面专用样式 */
.news-date {font-size:14px;color:var(--secondary-color);margin-bottom:10px;font-weight:600;}
.news-title {font-size:20px;color:var(--primary-color);margin-bottom:15px;font-weight:600;line-height:1.4;}
.news-title a {color:var(--primary-color);text-decoration:none;transition:color 0.3s;}
.news-title a:hover {color:var(--secondary-color);}
.news-excerpt {color:#666;margin-bottom:15px;line-height:1.6;}
.read-more {color:var(--secondary-color);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:5px;transition:gap 0.3s;}
.read-more:hover {gap:10px;}

/* 项目页面专用样式 */
.project-card {background-color:var(--white);border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.05);margin-bottom:30px;overflow:hidden;transition:transform 0.3s,box-shadow 0.3s;}
.project-card:hover {transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1);}
.project-image {height:200px;overflow:hidden;}
.project-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s;}
.project-card:hover .project-image img {transform:scale(1.05);}
.project-content {padding:20px;}
.project-title {font-size:20px;color:var(--primary-color);margin-bottom:15px;font-weight:600;}
.project-title a {color:var(--primary-color);text-decoration:none;transition:color 0.3s;}
.project-title a:hover {color:var(--secondary-color);}
.project-specs {margin-bottom:15px;}
.project-specs p {margin-bottom:5px;font-size:14px;color:#666;}
.project-meta {display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#718096;}
.project-views {display:flex;align-items:center;}
.project-views i {margin-right:5px;color:var(--secondary-color);}
.project-tags {display:flex;flex-wrap:wrap;gap:5px;}
.project-tag {background-color:var(--light-bg);color:var(--primary-color);padding:3px 8px;border-radius:4px;font-size:12px;}

/* 项目详情页专用样式 */
.project-meta {display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding:15px;background-color:var(--light-bg);border-radius:8px;}
.meta-item {display:flex;align-items:center;gap:8px;}
.meta-item i {color:var(--secondary-color);}
.related-articles {margin-top:50px;}
.article-card {background-color:var(--white);border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.05);margin-bottom:30px;overflow:hidden;transition:transform 0.3s,box-shadow 0.3s;}
.article-card:hover {transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1);}
.article-image {height:180px;overflow:hidden;}
.article-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s;}
.article-card:hover .article-image img {transform:scale(1.05);}
.article-content {padding:20px;}
.article-title {font-size:18px;color:var(--primary-color);margin-bottom:10px;font-weight:600;}
.article-title a {color:var(--primary-color);text-decoration:none;transition:color 0.3s;}
.article-title a:hover {color:var(--secondary-color);}
.article-meta {display:flex;justify-content:space-between;font-size:14px;color:#718096;}
.projects-sidebar {background-color:var(--white);border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.05);padding:20px;margin-bottom:30px;}
.projects-sidebar h3 {font-size:20px;color:var(--primary-color);margin-bottom:20px;border-bottom:2px solid var(--secondary-color);padding-bottom:10px;}
.project-list {list-style:none;padding-left:0;}
.project-list li {margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e2e8f0;}
.project-list li:last-child {border-bottom:none;margin-bottom:0;padding-bottom:0;}
.project-list a {color:var(--text-color);text-decoration:none;display:flex;align-items:center;gap:10px;transition:color 0.3s;}
.project-list a:hover {color:var(--secondary-color);}
.project-thumb {width:60px;height:60px;overflow:hidden;border-radius:6px;flex-shrink:0;}
.project-thumb img {width:100%;height:100%;object-fit:cover;}
.project-info h4 {font-size:16px;margin-bottom:5px;font-weight:600;}
.project-info p {font-size:14px;color:#718096;margin-bottom:0;}


.pagination-block {margin:2rem 0;display:flex;flex-direction:column;align-items:center;}
.pagination {margin-bottom:1rem;flex-wrap:nowrap;}
.pagination-info {margin-top:1rem;text-align:center;color:#6c757d;font-size:0.95rem;background-color:#f1f3f4;padding:0.5rem 1rem;border-radius:6px;}
/* 自定义圆角方块样式 */
.pagination li {margin:0 4px;}
.pagination li span,.pagination li a {display:inline-block;padding:0.5rem 0.9rem;border-radius:8px;text-align:center;border:1px solid #dee2e6;transition:all 0.2s ease;text-decoration:none;min-width:44px;}
.pagination li.active span {background-color:#0d6efd;border-color:#0d6efd;color:white;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.pagination li a {color:#0d6efd;background-color:white;}
.pagination li a:hover {color:#0a58ca;background-color:#e9ecef;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1);}
.pagination li.disabled span {color:#6c757d;background-color:#f8f9fa;cursor:not-allowed;}


/* 响应式设计 */
@media (max-width:768px) {.hero h1 {font-size:36px;}
    .hero p {font-size:18px;}
    .carousel-item {height:500px;}
    .page-title {font-size:30px;}
    .content-section h2 {font-size:24px;}
    .content-section h3 {font-size:20px;}
    .page-nav {position:static;margin-top:30px;}
    .page-hero h1 {font-size:36px;}
    .contact-item {flex-direction:column;text-align:center;}
    .contact-icon {margin-right:0;margin-bottom:10px;}
    .product-list-item {padding:15px;}
    .product-image {height:200px;margin-bottom:15px;}
    .product-info {padding-left:0;}
    .product-actions {justify-content:center;}
    .product-image-main {height:300px;}
    .product-title {font-size:24px;}
    .product-actions {flex-direction:column;}
    .nav-tabs .nav-link {padding:10px 15px;font-size:14px;}
    .project-meta {flex-direction:column;gap:10px;}
    .section-title {font-size:24px;}
}