/* 基础样式 */
*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft YaHei",sans-serif;}
body{line-height:1.6;color:#333;}
.container{width:90%;max-width:1200px;margin:0 auto;}

/* Header */
header{background:#0F2747;color:#fff;position:sticky;top:0;z-index:100;padding:10px 0;}
header .navbar{display:flex;align-items:center;justify-content:space-between;width:90%;max-width:1200px;margin:0 auto;}
header .logo{display:flex;align-items:center;gap:15px;}
header .logo img{height:60px;}
.company-name{display:flex;flex-direction:column;justify-content:center;}
.company-name-cn{font-size:28px;font-weight:900;color:#ffffff;letter-spacing:2px;line-height:1.2;white-space:nowrap;}
.company-name-en{font-size:13px;font-weight:700;color:#ffffff;letter-spacing:1px;line-height:1.4;white-space:nowrap;}
header nav a{color:#fff;text-decoration:none;margin-left:30px;font-weight:bold;font-size:15px;}
header nav a:hover{color:#D4A54A;text-decoration:none;}
#menu-btn{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:5px 10px;z-index:101;}

/* 关于我们 */
.section{padding:50px 0;}
.section h2{color:#0F2747;margin-bottom:20px;font-size:28px;}
.section .about{display:flex;align-items:center;gap:40px;}
.section .about div:first-child{flex:1;text-align:left;}
.section .about div:last-child{flex:1;}
.section .about img{width:100%;height:300px;object-fit:cover;border-radius:12px;}

/* Banner */
.banner{position:relative;overflow:hidden;height:450px;margin-bottom:40px;}
.banner .slides{display:flex;transition:0.5s ease;}
.banner .slides img{width:100%;flex-shrink:0;height:450px;object-fit:cover;}
.banner button.prev,.banner button.next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.5);color:#fff;border:none;font-size:30px;padding:10px;cursor:pointer;z-index:10;}
.banner button.prev{left:10px;}
.banner button.next{right:10px;}

/* 产品中心 */
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:50px;}
.product-card{background:#fff;padding:30px;text-align:center;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.08);}
.product-card img{width:100%;height:200px;object-fit:cover;border-radius:10px;margin-bottom:15px;}
.product-card-link{text-decoration:none;color:inherit;}
.product-card-link:hover .product-card{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.15);}
.product-content h3{margin-bottom:15px;color:#0F2747;}
.product-content ul{list-style:none;margin-bottom:15px;text-align:left;padding-left:10px;}
.product-content li{padding:6px 0;border-bottom:1px solid #eee;font-size:15px;}
.product-content .view-detail{display:inline-block;color:#0F2747;font-weight:bold;font-size:14px;margin-top:10px;transition:color 0.3s;}

/* PDF检测报告 */
.view-all-quality-card{display:none;}
.pdf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:50px 0;}
.pdf-card{background:#fff;padding:30px;text-align:center;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.08);}
.report-image{width:100%;height:200px;object-fit:cover;border-radius:10px;margin-bottom:15px;}
.pdf-card a{display:inline-block;margin-top:10px;background:#0F2747;color:#fff;padding:10px 20px;border-radius:8px;text-decoration:none;}
.pdf-card a:hover{background:#D4A54A;}
.view-report-btn{display:inline-block;margin-top:10px;background:#0F2747;color:#fff;padding:10px 20px;border-radius:8px;text-decoration:none;cursor:pointer;}
.view-report-btn:hover{background:#D4A54A;}
.pdf-card{cursor:pointer;}

/* 报告预览模态框 */
.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,0.85);align-items:center;justify-content:center;}
.modal.active{display:flex;}
.modal-content{background:#fff;margin:auto;padding:30px;border-radius:15px;max-width:90%;max-height:90%;position:relative;text-align:center;overflow:auto;}
.modal-close{position:absolute;top:10px;right:20px;font-size:32px;font-weight:bold;cursor:pointer;color:#333;line-height:1;}
.modal-close:hover{color:#D4A54A;}
#modal-title{margin-bottom:15px;color:#0F2747;font-size:20px;}
#modal-img{max-width:100%;max-height:65vh;border-radius:8px;margin-bottom:15px;}
.download-pdf{display:inline-block;background:#0F2747;color:#fff;padding:10px 24px;border-radius:8px;text-decoration:none;}
.download-pdf:hover{background:#D4A54A;}
.modal-pdf-content{width:90%;max-width:900px;height:85vh;display:flex;flex-direction:column;}
#modal-pdf-viewer{width:100%;flex-grow:1;border:1px solid #ddd;border-radius:8px;margin-bottom:15px;}

/* 荣誉证书 */
.view-all-honor-card{display:none;}
.honor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:50px;}
.honor-grid img{width:100%;height:250px;object-fit:cover;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.08);transition:0.3s;}
.honor-grid img:hover{transform:scale(1.03);}

/* 荣誉资质详情页 */
.honor-detail{padding:50px 0;}
.honor-detail h1{color:#0F2747;margin-bottom:20px;font-size:28px;}

/* 工程案例 */
.section-desc{color:#666;margin-bottom:30px;text-align:center;font-size:16px;}
.case-slider-container{position:relative;margin-bottom:30px;padding:0 50px;}
.case-slider{display:flex;gap:25px;overflow-x:auto;scroll-behavior:smooth;padding:10px 0;scrollbar-width:none;-ms-overflow-style:none;}
.case-slider::-webkit-scrollbar{display:none;}
.case-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.08);transition:transform 0.3s;flex-shrink:0;width:280px;}
.case-card:hover{transform:translateY(-8px);}
.case-card img{width:100%;height:180px;object-fit:cover;}
.case-info{padding:20px;}
.case-info h3{color:#0F2747;margin-bottom:10px;font-size:16px;}
.case-info p{color:#666;font-size:14px;line-height:1.6;}
.case-prev,.case-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(15,39,71,0.8);color:#fff;border:none;font-size:24px;padding:12px 18px;cursor:pointer;z-index:10;border-radius:8px;}
.case-prev:hover,.case-next:hover{background:#0F2747;}
.case-prev{left:0;}
.case-next{right:0;}
.case-dots{text-align:center;margin-top:20px;}
.case-dots .dot{height:12px;width:12px;border-radius:50%;background:#ddd;display:inline-block;margin:0 8px;cursor:pointer;transition:background 0.3s;}
.case-dots .dot.active{background:#0F2747;}

/* 微信二维码 */
.wechat{position:fixed;right:20px;bottom:50px;width:100px;}
.wechat img{width:100%;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.15);}

/* Footer */
footer{background:#0F2747;color:#fff;padding:50px 0;margin-top:50px;}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:30px;}
.footer-grid h3{margin-bottom:15px;color:#fff;font-size:18px;}
.footer-grid h4{margin-bottom:15px;color:#fff;font-size:16px;}
.footer-grid p{color:#aaa;font-size:14px;line-height:1.6;margin-bottom:10px;}
.footer-grid ul{list-style:none;padding:0;}
.footer-grid ul li{margin-bottom:8px;}
.footer-grid ul li a{color:#aaa;text-decoration:none;font-size:14px;transition:color 0.3s;}
.footer-grid ul li a:hover{color:#fff;}
footer a{color:#aaa;text-decoration:none;}
.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);color:#aaa;font-size:14px;}

/* 淡入动画 */
.fade{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease;}
.fade.show{opacity:1;transform:translateY(0);}

/* 产品详情页 */
.product-detail{padding:50px 0;}
.product-detail .container{max-width:1000px;}
.product-detail-header{display:flex;gap:40px;margin-bottom:40px;}
.product-detail-header img{width:450px;height:350px;object-fit:cover;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1);flex-shrink:0;}
.product-detail-header .info{flex:1;}
.product-detail-header h1{color:#0F2747;margin-bottom:20px;font-size:32px;}
.product-detail-header p{line-height:1.8;color:#666;margin-bottom:20px;}
.product-specs{background:#f8f9fa;padding:30px;border-radius:12px;margin-bottom:40px;}
.product-specs h3{color:#0F2747;margin-bottom:20px;font-size:20px;}
.product-specs table{width:100%;border-collapse:collapse;}
.product-specs th,.product-specs td{padding:12px;text-align:left;border-bottom:1px solid #ddd;}
.product-specs th{background:#0F2747;color:#fff;width:30%;}
.back-link{display:inline-block;padding:12px 24px;background:#0F2747;color:#fff;text-decoration:none;border-radius:8px;margin-bottom:30px;}
.back-link:hover{background:#1a3a5c;}

/* 检测认证详情页 */
.quality-detail{padding:50px 0;}
.quality-detail h1{color:#0F2747;margin-bottom:20px;font-size:28px;}
.quality-detail .quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:50px 0;}
.quality-detail .pdf-card p{color:#666;font-size:14px;margin-bottom:15px;line-height:1.6;}

/* ---------- iPad 端 (769px - 1024px) ---------- */
@media(max-width:1024px) and (min-width:769px){
    .view-all-quality-card{display:flex;background:#fff;padding:25px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.08);margin:20px 0;}
    .view-all-quality-card img{width:30%;height:150px;object-fit:cover;border-radius:10px;flex-shrink:0;}
    .view-all-quality-content{flex:1;padding-left:20px;display:flex;flex-direction:column;justify-content:center;}
    .view-all-quality-content h3{color:#0F2747;margin-bottom:8px;font-size:20px;}
    .view-all-quality-content p{color:#666;font-size:14px;margin-bottom:12px;}
    .view-all-quality-btn{display:inline-block;background:#0F2747;color:#fff;padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:bold;font-size:14px;width:fit-content;}
    .view-all-quality-btn:hover{background:#D4A54A;}
    .pdf-grid{display:none;}
    .view-all-honor-card{display:flex;background:#fff;padding:25px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.08);margin:20px 0;}
    .view-all-honor-card img{width:30%;height:150px;object-fit:cover;border-radius:10px;flex-shrink:0;}
    .view-all-honor-content{flex:1;padding-left:20px;display:flex;flex-direction:column;justify-content:center;}
    .view-all-honor-content h3{color:#0F2747;margin-bottom:8px;font-size:20px;}
    .view-all-honor-content p{color:#666;font-size:14px;margin-bottom:12px;}
    .view-all-honor-btn{display:inline-block;background:#0F2747;color:#fff;padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:bold;font-size:14px;width:fit-content;}
    .view-all-honor-btn:hover{background:#D4A54A;}
    .section .honor-grid{display:none;}
    .honor-detail .honor-grid{display:grid;grid-template-columns:repeat(2,1fr);}
    .footer-grid{grid-template-columns:repeat(2,1fr);gap:40px;}
    .company-name-cn{font-size:22px;}
    .company-name-en{font-size:12px;}
    .product-detail-header{flex-direction:column;}
    .product-detail-header img{width:100%;height:300px;}
    .product-grid{grid-template-columns:repeat(2,1fr);}
    .quality-detail .quality-grid{grid-template-columns:repeat(2,1fr);}
    .product-card{padding:25px;}
    .product-card img{height:180px;}
}

/* ---------- 手机端 (< 768px) ---------- */
@media(max-width:768px){
    /* Header */
    header .logo img{height:45px;}
    .company-name-cn{font-size:16px;}
    .company-name-en{font-size:9px;}
    #menu-btn{display:block;}
    #mobile-menu{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(15,39,71,0.97);flex-direction:column;justify-content:center;align-items:center;z-index:100;padding-top:60px;}
    #mobile-menu.active{display:flex;}
    #mobile-menu a{margin:15px 0;font-size:20px;margin-left:0;}

    /* Banner */
    .banner{height:280px;}
    .banner .slides img{height:280px;}
    .banner button.prev,.banner button.next{font-size:20px;padding:6px 10px;}

    /* 关于我们 */
    .section .about{flex-direction:column;gap:25px;}
    .section .about img{height:220px;}

    /* 产品中心 */
    .product-grid{grid-template-columns:1fr;}
    .product-card{padding:25px;}
    .quality-detail .quality-grid{grid-template-columns:1fr;}
    .product-card img{height:180px;}

    /* PDF检测报告 */
    .view-all-quality-card{display:flex;background:#fff;padding:20px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.08);margin:20px 0;}
    .view-all-quality-card img{width:35%;height:120px;object-fit:cover;border-radius:8px;flex-shrink:0;}
    .view-all-quality-content{flex:1;padding-left:15px;display:flex;flex-direction:column;justify-content:center;}
    .view-all-quality-content h3{color:#0F2747;margin-bottom:6px;font-size:16px;}
    .view-all-quality-content p{color:#666;font-size:13px;margin-bottom:10px;}
    .view-all-quality-btn{display:inline-block;background:#0F2747;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:bold;font-size:13px;width:fit-content;}
    .pdf-grid{display:none;}

    /* 荣誉证书 */
    .view-all-honor-card{display:flex;background:#fff;padding:20px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.08);margin:20px 0;}
    .view-all-honor-card img{width:35%;height:120px;object-fit:cover;border-radius:8px;flex-shrink:0;}
    .view-all-honor-content{flex:1;padding-left:15px;display:flex;flex-direction:column;justify-content:center;}
    .view-all-honor-content h3{color:#0F2747;margin-bottom:6px;font-size:16px;}
    .view-all-honor-content p{color:#666;font-size:13px;margin-bottom:10px;}
    .view-all-honor-btn{display:inline-block;background:#0F2747;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:bold;font-size:13px;width:fit-content;}
    .section .honor-grid{display:none;}
    .honor-detail .honor-grid{display:grid;grid-template-columns:repeat(2,1fr);}

    /* 工程案例 */
    .case-slider-container{padding:0 35px;}
    .case-prev,.case-next{font-size:18px;padding:8px 12px;}

    /* 微信二维码 */
    .wechat{width:80px;right:15px;bottom:40px;}

    /* 产品详情页 */
    .product-detail{padding:30px 0;}
    .product-detail-header{flex-direction:column;gap:20px;margin-bottom:25px;}
    .product-detail-header img{width:100%;height:220px;}
    .product-detail-header h1{font-size:24px;margin-bottom:15px;}
    .product-detail-header p{font-size:14px;margin-bottom:15px;}
    .product-specs{padding:20px;margin-bottom:25px;}
    .product-specs h3{font-size:18px;}
    .product-specs th,.product-specs td{padding:10px;font-size:13px;}
    .back-link{padding:10px 20px;font-size:14px;margin-bottom:20px;}

    /* Footer */
    footer{padding:40px 0;}
    .footer-grid{grid-template-columns:repeat(2,1fr);gap:25px 15px;text-align:left;}
    .footer-grid h3{font-size:18px;margin-bottom:10px;}
    .footer-grid h4{font-size:15px;margin-bottom:10px;}
    .footer-grid p{font-size:13px;line-height:1.5;}
    .footer-grid ul li a{font-size:13px;}
    .footer-bottom{font-size:12px;padding-top:20px;}
}