@charset "utf-8";
/* ==========基础重置========== */
html {color:#222;background:#f7f9fa;scroll-behavior:smooth;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,img{margin:0;padding:0;box-sizing:border-box;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:600;}
strong{font-weight:600;}
a{color:#165f82;text-decoration:none;transition:0.2s;}
img{max-width:100%;height:auto;display:block;}
body{font-family:"Microsoft YaHei",system-ui,-apple-system,sans-serif;font-size:15px;padding-top:128px;background:#f7f9fa;color:#333;line-height:1.7;}
.clearfix{clear:both;width:100%;height:0;}
.mainW{max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box;}

/* ==========顶部公告栏（页面最顶端）========== */
.top-notice{width:100%;background:#093c50;color:#fff;padding:10px 0;font-size:14px;text-align:center;}
.top-notice p{margin:0;}

/* ==========面包屑导航========== */
.breadcrumb-wrap{background:#ffffff;padding:12px 0;border-bottom:1px solid #e9ecef;}
.breadcrumb{font-size:14px;color:#666;}
.breadcrumb a{color:#165f82;}
.breadcrumb span{margin:0 8px;color:#999;}

/* ==========头部导航【已修改top值】========== */
.header{position:absolute;top:36px;width:100%;height:92px;background:#ffffff;z-index:999;box-shadow:0 2px 12px rgba(0,0,0,0.08);}
.header .logo{float:left;margin-top:14px;}
.header .logo img{height:50px;}
.header .nav{height:92px;float:right;}
.header .nav .nLi{float:left;}
.header .nav .nLi h3 a{
    display:block;height:92px;line-height:92px;padding:0 14px;
    font-size:15px;color:#333;font-weight:500;
    border-bottom:3px solid transparent;
}
.header .nav h3 a.on,.header .nav h3 a:hover{
    border-bottom:3px solid #093c50;color:#093c50;
}

/* ==========Banner区域========== */
.banner{background:#8ab9d9;padding:60px 0;min-height:auto;color:#fff;}
.banner .container{max-width:1200px;margin:0 auto;padding:0 20px;}
.row:before,.row:after{content:"";display:table;}
.row:after{clear:both;}
.row{margin-left:-20px;}
.span7{width:62%;float:left;padding-right:30px;}
.span5{width:38%;float:left;}
h1.tagline{font-size:36px;margin-bottom:14px;line-height:1.3;}
.banner-subtitle{font-size:17px;opacity:0.9;margin-bottom:24px;}
.banner-points li{font-size:16px;line-height:38px;margin-bottom:6px;}
.banner-btns{margin-top:30px;}
.cta{
    display:inline-block;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:500;margin:6px 8px 6px 0;
}
.cta.primary{background:#fcae24;color:#093c50;}
.cta.outline{border:1px solid #fff;color:#fff;background:transparent;}
.cta.outline:hover{background:rgba(255,255,255,0.15);}
.banner .demo-imac{margin-top:40px;}

/* ==========intr-list 优势模块 三栏图标布局 ========== */
.intr-list {
    background: #ffffff;
    padding: 50px 0;
}
.intr-list .block1200 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
.intr-items {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    padding: 0;
    margin: 0;
    list-style: none;
}
.intr-items li {
    flex: 1;
    padding: 0 15px;
}
.intr-icon {
    margin-bottom: 18px;
}
.intr-icon img {
    height: 61px;
    width: auto;
    margin: 0 auto;
    display: block;
}
.intr-text {
    font-size: 21px;
    color: #333333;
    line-height: 1.4;
}
/* 平板适配 */
@media(max-width:992px){
    .intr-text {
        font-size: 24px;
    }
    .intr-icon img {
        height: 64px;
    }
}
/* 手机端：垂直排列 */
@media(max-width:768px){
    .intr-items {
        flex-direction: column;
        gap: 40px;
    }
    .intr-text {
        font-size: 20px;
    }
    .intr-icon img {
        height: 56px;
    }
}

/* ==========通用板块头部样式========== */
.section-header{text-align:center;margin-bottom:40px;}
.section-title{font-size:28px;color:#111;margin-bottom:10px;}
.section-desc{font-size:15px;color:#666;}

/* ========== 版本区别板块 ========== */
.iCheck{background:#fff;padding-top:50px}
.ititle{margin-bottom:56px;text-align:center;font-size:30px;color:#101010}
.iCheck ul li{width:575px;float:left;margin-right:50px;margin-bottom:50px}
.iCheck ul li:nth-child(2n){margin-right:0!important}
.iCheck ul li .pic{vertical-align:top;margin-right:42px;margin-top:68px;float:left}
.iCheck ul li .pic img{width:140px}
.iCheck ul li .content{width:393px;display:inline-block;vertical-align:top;float:left}
.iCheck ul li .content p{font-size:24px;font-weight:bold;color:#101010;margin-bottom:14px}
.iCheck ul li .content span{color:#101010;font-size:17px;line-height:36px}
.iCheck ul li .content a{
    background:#fcae24;font-size:18px;color:#fff;
    display:block;width:140px;height:42px;line-height:42px;
    text-align:center;margin-top:26px;border-radius:5px;
    transition:all 0.3s ease;
}
.iCheck ul li .content a:hover{background:#ffc000}

/* ==========检测步骤========== */
.iStep{background:#ffffff;padding:64px 0;}
.step-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.step-item{text-align:center;padding:10px;}
.step-num{
    width:54px;height:54px;line-height:54px;
    border-radius:50%;background:#093c50;color:#fff;
    font-size:22px;font-weight:bold;margin:0 auto 16px;
}
.step-item h3{font-size:18px;color:#111;margin-bottom:10px;}
.step-item p{font-size:14.5px;color:#555;line-height:1.7;}

/* ==========提示条========== */
.itips{background:#fff;}
.itips .ts{background:#edf3f8;padding:24px 30px;border-left:5px solid #093c50;}
.itips .ts p{font-size:16px;color:#111;line-height:1.8;}

/* ==========iDifference三者区别========== */
.iDifference{background:#f7f9fa;padding:64px 0;}
.iDifference .content{display:flex;gap:24px;align-items:flex-start;}
.iDifference .pic{flex:0 0 420px;}
.iDifference .text{flex:1;font-size:16px;line-height:2;}
.iDifference .text p{margin-bottom:12px;}

/* ==========科普知识板块========== */
.iknowledge{background:#fff;padding:64px 0;}
.knowledge-list{display:grid;grid-template-columns:1fr 1fr;gap:36px;}
.knowledge-list li{background:#f8fafc;border-radius:10px;padding:26px;}
.knowledge-list .title{display:flex;align-items:center;margin-bottom:14px;gap:12px;}
.knowledge-list .title img{width:40px;}
.knowledge-list .title h3{font-size:18px;color:#093c50;}
.knowledge-list .content p{font-size:15px;color:#444;line-height:1.8;}

/* ==========FAQ（折叠交互样式）========== */
.iFaq{background:#f7f9fa;padding:64px 0;}
.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.faq-item{background:#fff;border:1px solid #e7ebf0;border-radius:10px;padding:20px 24px;cursor:pointer;}
.faq-item h3{font-size:17px;color:#093c50;margin-bottom:0;position:relative;padding-right:24px;}
.faq-item h3::after{content:"+";position:absolute;right:0;top:0;font-size:20px;}
.faq-item h3.active::after{content:"−";}
.faq-item p{font-size:15px;color:#444;line-height:1.75;margin-top:12px;display:none;}

/* ==========页脚========== */
.footer{background:#10222b;color:#fff;padding:48px 0;text-align:center;}
.footer-nav{margin-bottom:24px;}
.footer-nav a{color:#d8e2e8;margin:0 10px;font-size:14px;}
.footer-nav a:hover{color:#fcae24;}
.footer-desc {
    margin-top: 24px;
    font-size: 14px;
    color: #b0c2cc;
    line-height: 1.8;
}

.footer-desc p {
    margin: 6px 0;
}

.footer-desc p:first-of-type {
    font-size: 15px;
    color: #ffffff;
    font-weight: 500;
}

.footer-disclaimer {
    font-size: 13px;
    color: #94a9b5;
    max-width: 960px;
    margin: 12px auto 0;
    line-height: 1.8;
}


/* ===================== select‑guide 版本卡片板块 ===================== */
.select-guide {
    background: #ffffff;
    padding: 56px 0;
}
.guide-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
}
.guide-card {
    border: 1px solid #e5e8ed;
    border-radius: 10px;
    padding: 26px 22px;
    transition: 0.25s;
    background: #fff;
}
.guide-card:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    border-color: #093c50;
    transform: translateY(-2px);
}
.guide-card .tag {
    display: inline-block;
    background: #e8f4fb;
    color: #165f82;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 13px;
    margin-bottom: 12px;
}
.guide-card h4 {
    font-size: 18px;
    color: #093c50;
    margin-bottom: 10px;
    font-weight: 600;
}
.guide-card p {
    font-size: 15px;
    color: #555;
    margin-bottom: 18px;
    line-height: 1.7;
    min-height: 78px;
}
.guide-card .btn {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    background: #f7f8fa;
    color: #165f82;
    border-radius: 5px;
    font-weight: 500;
    transition: 0.2s;
}
.guide-card .btn:hover {
    background: #f7b33b;
    color: #ffffff;
}

/* =====================移动端适配【已修改padding-top】===================== */
@media(max-width:1199px){
    .step-wrap{grid-template-columns:repeat(2,1fr);}
    .iDifference .content{flex-direction:column;}
    .iDifference .pic{flex:none;width:100%;}
}
@media(max-width:768px){
    body{padding-top:160px;}
    .top-notice{padding:10px 12px;}
    .header{height:auto;top:36px;padding-bottom:15px;}
    .header .logo{float:none;text-align:center;width:100%;margin:10px 0;}
    .header .nav{float:none;width:100%;height:auto;}
    .header .nav .nLi{float:none;}
    .header .nav .nLi h3 a{height:46px;line-height:46px;padding:0 8px;}
    .span7,.span5{width:100%;float:none;}
    h1.tagline{font-size:28px;}
    .banner-btns .cta{display:block;margin:10px auto;width:85%;text-align:center;}
    .step-wrap,.knowledge-list,.faq-list{grid-template-columns:1fr;}
    .guide-grid{grid-template-columns:1fr;}
    .version-table{font-size:12px;}
    .version-table th,.version-table td{padding:8px 4px;}
    .footer-nav a{display:inline-block;margin:6px 8px;}
}