* {margin: 0;padding: 0;box-sizing: border-box;font-family: "Microsoft Yahei", sans-serif;}
        .container {width: 100%;max-width: 1320px;margin: 0 auto;padding: 0 15px;}
        .top-nav {background: #222;color: #fff;height: 100px;display: flex;align-items: center;position: sticky;top: 0;left: 0;width: 100%;z-index: 999;box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
        .top-nav .nav-wrap {display: flex;align-items: center;width: 100%;max-width: 1320px;margin: 0 auto;padding: 0 15px;}
        .top-nav .logo {margin-right: auto;}
        .top-nav .logo img {height: 60px;vertical-align: middle;}
        .top-nav ul {display: flex;list-style: none;width: 950px;justify-content: space-between;}
        .top-nav ul li {width: 105px;text-align: center;margin: 0;}
        .top-nav ul li a {color: #fff;text-decoration: none;font-size: 16px;transition: color 0.3s;display: block;width: 100%;line-height: 1.5;}
        .top-nav ul li a:hover {color: #ff6600;}
        .banner {width: 100%;height: 500px;background: #333 url('https://aimg8.dlssyht.cn/u/2284120/ev_user_module_content_tmp/2024_08_22/tmp1724289267_2284120_s.jpg') no-repeat center center;background-size: cover;position: relative;}
        .banner::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);}
        .banner .content {position: relative;z-index: 1;color: #fff;text-align: center;height: 100%;display: flex;align-items: center;justify-content: center;}
        .product-section {padding: 60px 0;background: #f5f5f5;}
        .product-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;}
        .product-item {background: #fff;padding: 20px;text-align: center;border-radius: 8px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);transition: transform 0.3s;}
        .product-item:hover {transform: translateY(-5px);}
        .product-item .product-img {width: 100%; margin: 0 auto 15px;display: flex;align-items: center;justify-content: center;}
        .product-item .product-img img {width: 100%;height: auto;object-fit: contain;}
        .product-item .brand {color: #ff6600;font-weight: bold;margin-bottom: 5px;}
        .product-item .name {font-size: 14px;color: #333;}
        footer {background: #222;color: #fff;padding: 50px 0;}
        .footer-inner {display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;max-width: 1320px;margin: 0 auto;padding: 0 15px;}
        .footer-left {width: 400px;}
        .footer-logo {margin-bottom: 15px;}
        .footer-logo img {width: 185px;height: 47px;}
        .footer-desc {width: 400px;font-size: 14px;line-height: 1.8;color: #fff;}
        .footer-social {margin-top: 20px;}
        .social-links {display: flex;gap: 15px;}
        .social-links a {display: inline-block;width: 40px;height: 40px;border-radius: 50%;background: #333;display: flex;align-items: center;justify-content: center;color: #fff;text-decoration: none;transition: all 0.3s;position: relative;}
      .social-links a::before {content: '';display: block;width: 30px;height: 30px;}
         /* .social-links a.wechat::before {background: url('../images/linkedin.webp') no-repeat center/cover;}
        .social-links a.weibo::before {background: url('../images/linkedin.webp') no-repeat center/cover;}*/
        .social-links a.linkedin::before {background: url('../images/linkedin.webp') no-repeat center/cover;}
        .social-links a.youtube::before {background: url('../images/youtube.webp') no-repeat center/cover;}
        .social-links a.twitter::before {background: url('../images/twitter.webp') no-repeat center/cover;} 
        
        .social-links a:hover {background: #ff6600;transform: scale(1.1);}
        .footer-links {display: flex;gap: 50px;width: 880px;}
        .footer-links > div {width: auto;min-width: 150px;}
        .footer-links h4 {margin-bottom: 35px;color: #fff;font-size: 16px;line-height: 1.5;}
        .footer-links ul {list-style: none;}
        .footer-links ul.normal-list li {margin-bottom: 8px;}
        .footer-links ul.double-list {display: grid;grid-template-columns: 1fr 1fr;gap: 8px 20px;}
        .footer-links ul li a {color: #fff;text-decoration: none;font-size: 15px;transition: color 0.3s;line-height: 1.5;}
        .footer-links ul li a:hover {color: #ff6600;}
        .copyright {width: 100%;text-align: center;margin-top: 40px;padding-top: 20px;border-top: 1px solid #333;color: #fff;font-size: 12px;line-height: 1.8;}
        @media screen and (max-width: 1320px) {
            html {transform: scale(calc(100vw / 1320));transform-origin: top left;width: 1320px;height: auto;overflow-x: hidden;}
            body {width: 1320px;}
            .top-nav, .banner, .product-section, footer {width: 1320px;}
        }
        
        /* 内页内容区 */
        .inner-section {padding: 50px 0;background: #f5f5f5;}
        .inner-wrap {display: flex;gap: 20px;}
        .table-area {width: 1000px;}
        .table-header{display:flex;align-items:flex-start;gap:20px;padding:15px 0;flex-wrap:wrap;}
/* 原有.table-header样式保留 */
.table-header{display:flex;align-items:flex-start;gap:20px;padding:15px 0;flex-wrap:wrap;}
.table-header img{width:300px;height:auto;flex-shrink:0;}
.table-header .text-wrap{flex:1;}
.table-header h1{font-size:22px;color:#333;margin:0 0 8px 0;}
.table-header h1 span{color:#ff6600;}
.table-header p{font-size:14px;color:#666;line-height:1.8;margin:0;max-width:800px;}
@media (max-width:768px){
.table-header{flex-direction:column;align-items:flex-start;}
.table-header img{width:100px;margin-bottom:10px;}
}

/* 新增：大图预览遮罩层样式 */
.img-preview-mask{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);z-index:9999;display:none;justify-content:center;align-items:center;}
.preview-content{position:relative;max-width:90%;max-height:90%;}
.preview-content img{width:auto;height:auto;max-width:100%;max-height:100%;}
.close-btn{position:absolute;top:-40px;right:0;color:#fff;font-size:30px;cursor:pointer;width:40px;height:40px;text-align:center;line-height:40px;}
.close-btn:hover{color:#ff6600;}
.model-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
/* 表头核心样式 - 橙色主题 */
.model-table thead tr{background:#ff6600;}
.model-table thead th{padding:12px 8px;text-align:left;border:none;color:#fff;font-size:14px;font-weight:500;}
/* 表体样式 */
.model-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color 0.3s;position:relative;cursor:pointer;}
.model-table tbody tr:hover{background:#f9f9f9;}
.model-table tbody td{padding:12px 8px;text-align:left;border:none;font-size:14px;color:#333;}
.model-table tbody tr:nth-child(even){background:#fafafa;}
/* 适配移动端 */
@media (max-width:768px){
.model-table thead th{padding:10px 6px;font-size:13px;}
.model-table tbody td{padding:10px 6px;font-size:13px;}
}
        .pagination {margin-top: 20px;text-align: center;}
        .pagination button {padding: 6px 10px;border: 1px solid #ddd;background: #fff;cursor: pointer;margin: 0 2px;}
        .pagination button.active {background: #ff6600;color: #fff;border-color: #ff6600;}
        /* 搜索框区域 */
        .search-area {width: 320px;background: #fff;padding: 20px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);}
        .search-area h3 {font-size: 16px;color: #333;margin-bottom: 15px;}
        .search-area .form-group {margin-bottom: 15px;}
        .search-area label {display: block;font-size: 14px;color: #666;margin-bottom: 5px;}
        .search-area input {width: 100%;padding: 8px 10px;border: 1px solid #ddd;border-radius: 4px;font-size: 14px;}
        .search-area button {width: 100%;padding: 10px;background: #ff6600;color: #fff;border: none;border-radius: 4px;cursor: pointer;font-size: 16px;}
        
        /* 详情页内容区 */
        .detail-section {padding: 50px 0;background: #fff;}
        .detail-wrap {display: flex;gap: 40px;}
        /* 产品展示区 */
        .product-show {width: 1000px;}
        .model-title {display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;}
        .model-title h1 {font-size: 28px;color: #333;}
        .model-title .sub-title {font-size: 14px;color: #666;}
        /* 产品图片（优化切换交互） */
        .product-img-area {position: relative;margin-bottom: 20px;}
        .main-img {width: 100%;height: 400px;display: flex;align-items: center;justify-content: center; 
                    border: 1px solid #eee;transition: all 0.3s;}
        .main-img img {max-width: 100%;max-height: 100%;object-fit: contain;}
        .img-thumbs {display: flex;gap: 10px;margin-top: 10px;}
        .img-thumbs .thumb {width: 80px;height: 80px;border: 2px solid #ddd;cursor: pointer;transition: all 0.3s;overflow: hidden;box-shadow: 0 1px 3px rgba(0,0,0,0.1);}
        .img-thumbs .thumb.active {border-color: #ff6600;box-shadow: 0 0 0 2px rgba(255,102,0,0.2);}
        .img-thumbs .thumb:hover {border-color: #ff9933;}
        .img-thumbs .thumb img {width: 100%;height: 100%;object-fit: cover;}
        /* 参数表格 */
        .param-table {width: 100%;border-collapse: collapse;margin-top: 20px;}
        .param-table th, .param-table td {padding: 12px 15px;text-align: left;border-bottom: 1px solid #eee;}
        .param-table th {width: 30%;font-weight: normal;color: #666;}
        .param-table td {color: #333;}
        .navigate-model {margin-top: 20px;padding-top: 20px;border-top: 1px solid #eee;display: flex;justify-content: space-between;}
        .navigate-model a {color: #666;text-decoration: none;}
        .navigate-model a:hover {color: #ff6600;}
        /* 右侧侧边栏 - Model分类优化 */
        .sidebar {width: 320px;}
        .model-list {background: #f8f8f8;padding: 20px;margin-bottom: 20px;border-radius: 4px;box-shadow: 0 2px 5px rgba(0,0,0,0.05);}
        .model-list h3 {font-size: 16px;color: #333;margin-bottom: 15px;padding-bottom: 8px;border-bottom: 1px solid #eee;}.model-list ul {list-style: none;}
        .model-list ul li {margin-bottom: 10px;position: relative;padding-left: 12px;}
        .model-list ul li::before {content: '';position: absolute;left: 0;top: 8px;width: 4px;height: 4px;border-radius: 50%;background: #ff6600;}
        .model-list ul li a {color: #555;text-decoration: none;transition: all 0.3s;display: block;padding: 4px 0;}
        .model-list ul li a:hover {color: #ff6600;padding-left: 5px;}
        .model-list ul li a.active {color: #ff6600;font-weight: 500;}
        /* 相关文章 */
        .related-articles {background: #f8f8f8;padding: 20px;border-radius: 4px;box-shadow: 0 2px 5px rgba(0,0,0,0.05);}
        .related-articles h3 {font-size: 16px;color: #333;margin-bottom: 15px;
                              padding-bottom: 8px;border-bottom: 1px solid #eee;}
        .related-articles ul {list-style: disc inside;color: #ff6600;}
        .related-articles ul li {margin-bottom: 10px;}        .related-articles ul li a {color: #555;text-decoration: none;transition: color 0.3s;}
        .related-articles ul li a:hover {color: #ff6600;}
        
        /* 重写的分页样式 - 核心优化部分 */
        /* 分页组件核心样式 - 适配 ul > li 结构 */
.pagination {    margin-top: 30px;    text-align: center;    display: flex;    justify-content: center;    align-items: center;}
.pagination .pagination-btn {    border: none;    background: transparent;    padding: 0;    cursor: default;}
.pagination ul {    display: flex;    align-items: center;    gap: 8px;    list-style: none;    margin: 0;    padding: 0;}.pagination ul li {
    margin: 0;}
/* 分页按钮通用样式 */
.pagination ul li a,.pagination ul li span {    display: inline-flex;    align-items: center;    justify-content: center;    width: 40px;    height: 40px;    border: 1px solid #ddd;    background: #fff;    color: #666;    border-radius: 4px;    font-size: 14px;    transition: all 0.3s ease;    text-decoration: none;}
/* 上一页/下一页按钮宽度调整 */
.pagination ul li:first-child a,
.pagination ul li:first-child span,
.pagination ul li:last-child a,
.pagination ul li:last-child span {    width: 80px;}

/* 禁用状态（disabled类） */
.pagination ul li.disabled span {    background: #f8f8f8;    color: #ccc;    cursor: not-allowed;    border-color: #eee;}

/* 激活状态（active类） */
.pagination ul li.active span {    background: #ff6600;    color: #fff;    border-color: #ff6600;    font-weight: 500;}

/* 省略号样式 */
.pagination ul li.disabled span:not(«, ») {    border: none;    background: transparent;    color: #999;    width: auto;    padding: 0 10px;
}
/* 悬浮效果（仅可点击的a标签） */.pagination ul li a:hover {    border-color: #ff6600;    color: #ff6600;}
/*详情参数*/
.tags_title{margin:20px 0 15px;padding-bottom:8px;border-bottom:1px solid #eee;}
.tags_title span{font-size:18px;color:#333;font-weight:500;}
.content{width:100%;max-width:700px;}
.ny_news_con_model{width:100%;}
.plp-item-table{width:100%;border-collapse:collapse;background:#fff;}
.plp-item-table tbody tr{border-bottom:1px solid #f0f0f0;}
.plp-item-table tbody tr:last-child{border-bottom:none;}
.plp-table-name.left{width:35%;padding:12px 15px;text-align:left;background:#f8f8f8;}
.plp-table-name.left h2{margin:0;font-size:14px;color:#666;font-weight:normal;}
.plp-table-name.left h2 strong{color:#333;font-weight:500;}
.plp-table-value{padding:12px 15px;text-align:left;}
.plp-spec-value{font-size:14px;color:#333;display:block;line-height:1.5;}
@media (max-width:768px){
.plp-table-name.left{width:30%;padding:10px 8px;}
.plp-table-value{padding:10px 8px;}
.tags_title span{font-size:16px;}
}