*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei",sans-serif;color:#333;background:#fff}
.val,.teach,.tch-band,.svc,.case,.campus,.time,.faq,.mini,.tbl-wrap,.gallery{max-width:1100px;margin-left:auto;margin-right:auto}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.sec{padding:56px max(4%,calc((100% - 1200px)/2))}
.sec-t{text-align:center;font-size:28px;color:#1f2d3d;margin-bottom:8px}
.sec-t::after{content:"";display:block;width:42px;height:3px;background:#C30A10;border-radius:2px;margin:14px auto 0}
.sec-s{text-align:center;font-size:16px;color:#777;margin-bottom:32px}
.sec-n{display:block;text-align:center;font-size:13px;letter-spacing:3px;color:#C30A10;margin-bottom:10px}
.ace-blk{max-width:1100px;margin:36px auto 0;text-align:left}
.ace-blk h3{font-size:20px;color:#1f2d3d;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:10px}
.ace-badge{display:inline-block;background:#C30A10;color:#fff;font-size:14px;padding:4px 14px;border-radius:14px;font-weight:normal;white-space:nowrap}
.ace .svc{grid-template-columns:repeat(3,1fr)}
.btn{display:inline-block;background:#C30A10;color:#fff !important;border:none;cursor:pointer;font-size:17px;padding:12px 34px;border-radius:4px}
.btn:hover{background:#a3080c}
.tag{display:inline-block;background:#fdecec;color:#C30A10;font-size:14px;padding:5px 16px;border-radius:16px;margin-bottom:16px}

/* 首屏（浅色版） */
.hero{display:flex;gap:48px;align-items:center;background:linear-gradient(135deg,#f4f8fd,#e9f0f9);padding:56px max(4%,calc((100% - 1100px)/2)) 52px}
.hero-l{flex:1;color:#1f2d3d}
.hero-l .tag{background:#fdecec;color:#C30A10}
.hero-h1{font-size:40px;line-height:1.4;margin-bottom:16px;font-weight:700;letter-spacing:1px}
.hero-p{font-size:18px;line-height:1.9;color:#3d4d5e;margin-bottom:12px}
.hero-trust{font-size:16px;color:#5d6f81;margin-top:18px;padding-top:16px;border-top:1px solid #d8e2ec}
.hero-r{width:380px;background:#fff;border:1px solid #e3e8ef;border-radius:8px;padding:24px;box-shadow:0 4px 18px rgba(31,45,61,.08)}
.hero-r h3{font-size:19px;color:#1f2d3d;text-align:center;margin-bottom:16px}
.fld{margin-bottom:12px}
.fld input,.fld select,.fld textarea{width:100%;padding:11px 12px;border:1px solid #ddd;border-radius:4px;font-size:15px}
.fld input:focus,.fld select:focus{border-color:#C30A10;outline:none}
.hero-r .btn{width:100%;text-align:center}
.hero-r p.tip{font-size:14px;color:#888;text-align:center;margin-top:10px}
.fld-q{margin-bottom:14px;text-align:left}
.fld-q>span{display:block;font-size:15px;color:#4d4d4d;margin-bottom:8px}
.rlist{display:flex;flex-wrap:wrap;gap:6px 16px}
.rlist label{font-size:15px;cursor:pointer;color:#333;display:flex;align-items:center}
.rlist input[type=radio]{margin-right:5px;accent-color:#C30A10}

/* 价值4卡 */
.val{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.val .it{background:#fff;border:1px solid #eef1f5;border-radius:8px;padding:26px 18px;text-align:center;transition:transform .2s,box-shadow .2s}
.val .it:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(31,45,61,.1)}
.val .it b{display:block;font-size:18px;color:#1f2d3d;margin-bottom:8px}
.val .it span{font-size:14px;color:#666;line-height:1.7}
.ico{width:52px;height:52px;border-radius:50%;background:#fdecec;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}

/* 对比表 */
.tbl-wrap{overflow-x:auto}
table.cmp{width:100%;border-collapse:collapse;font-size:15px;min-width:680px}
.cmp th,.cmp td{border:1px solid #e3e8ef;padding:12px 10px;text-align:center;line-height:1.7}
.cmp th{background:#C30A10;color:#fff;font-size:16px}
.cmp td b{color:#C30A10;font-size:17px}
.cmp tr:nth-child(even) td{background:#fafbfd}
.cmp .hot{position:relative}
.cmp .hot td:first-child::after{content:"主推";background:#ff9800;color:#fff;font-size:11px;padding:1px 6px;border-radius:8px;margin-left:6px}
.tbl-note{font-size:14px;color:#777;margin-top:12px;text-align:center}

/* 留言表单（基础测试） */
.mini{max-width:880px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:center}
.mini input,.mini select{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:15px;background:#fff}
.mini input:focus,.mini select:focus{border-color:#C30A10;outline:none}
.mini .btn{grid-column:1/-1;text-align:center;padding:12px 26px}
.mini + .tbl-note{margin-top:14px}

/* 时间 */
.time{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:860px;margin:0 auto}
.time .it{border:1px solid #e3e8ef;border-top:3px solid #C30A10;border-radius:8px;padding:26px 20px;text-align:center;background:#fff;transition:transform .2s,box-shadow .2s}
.time .it:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(31,45,61,.1)}
.time .it b{display:block;font-size:20px;color:#1f2d3d;margin-bottom:8px}
.time .it span{font-size:15px;color:#666;line-height:1.8}
.time-note{text-align:center;font-size:15px;color:#C30A10;margin-top:18px}

/* 名师（带头像） */
.teach{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.teach .it{background:#fff;border:1px solid #e3e8ef;border-radius:8px;overflow:hidden}
.teach .it img{width:100%;height:170px;object-fit:cover;object-position:top}
.teach .it .in{padding:14px 12px 18px;text-align:center}
.teach .it b{display:block;font-size:18px;color:#1f2d3d}
.teach .it em{font-style:normal;font-size:13px;color:#C30A10;display:block;margin:4px 0 8px}
.teach .it span{font-size:14px;color:#666;line-height:1.7;display:block}

/* 讲师团横幅 */
.tch-band{max-width:1100px;margin:22px auto 0;background:#fff;border:1px solid #e3e8ef;border-radius:8px;padding:18px 26px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.tch-band b{color:#C30A10;font-size:17px;white-space:nowrap}
.tch-band span{font-size:14px;color:#666;line-height:1.8;flex:1;min-width:280px}

/* 服务 */
.svc{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.svc .it{border-left:3px solid #C30A10;background:#f7f9fc;padding:16px}
.svc .it b{font-size:16px;color:#1f2d3d;display:block;margin-bottom:6px}
.svc .it span{font-size:14px;color:#666;line-height:1.7}

/* 王牌督学（浅色隆重版） */
.ace{background:linear-gradient(135deg,#fff8f6,#fdeeea);padding-top:64px;padding-bottom:64px}
.ace .sec-t{color:#1f2d3d}
.ace .sec-s{color:#a08f8b}
.ace .svc .it{background:#fff;border:1px solid #f5c4b3;border-left:3px solid #C30A10;padding:20px 18px}
.ace .svc .it b{color:#1f2d3d;font-size:17px}
.ace .svc .it span{color:#666}
.ace .tbl-note{color:#b09a95}

/* 案例 */
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
.gallery img{width:100%;height:140px;object-fit:cover;border-radius:6px}

/* 案例 */
.case{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.case .it{border:1px solid #e3e8ef;border-radius:8px;padding:20px;transition:transform .2s,box-shadow .2s}
.case .it:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(31,45,61,.1)}
.case .it .sc{display:inline-block;background:#fdecec;color:#C30A10;font-weight:700;font-size:18px;padding:4px 16px;border-radius:16px}
.case .it b{display:block;font-size:16px;color:#1f2d3d;margin:8px 0}
.case .it span{font-size:14px;color:#666;line-height:1.7}

/* 校区 */
.campus{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.campus .it{background:#fff;border:1px solid #e3e8ef;border-top:3px solid #C30A10;padding:20px;border-radius:8px;transition:transform .2s,box-shadow .2s}
.campus .it:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(31,45,61,.1)}
.campus .it b{display:block;font-size:16px;color:#1f2d3d;margin-bottom:6px}
.campus .it span{font-size:14px;color:#666;line-height:1.8}

/* FAQ */
.faq{max-width:900px;margin:0 auto}
.faq .it{border-bottom:1px solid #eef1f5;padding:18px 4px}
.faq .it b{font-size:17px;color:#1f2d3d;display:block;margin-bottom:8px}
.faq .it p{font-size:15px;color:#4d4d4d;line-height:1.9}
.faq .it p a{color:#376092;text-decoration:underline}

/* 尾部CTA */
.end{background:#1f2d3d;color:#fff;text-align:center;padding:52px max(4%,calc((100% - 1200px)/2))}
.end h2{font-size:26px;margin-bottom:12px}
.end p{color:#9fb0c3;font-size:15px;margin-bottom:22px}

/* 吸底条 */
.fixbar{position:fixed;left:0;right:0;bottom:0;background:#1f2d3d;display:flex;justify-content:center;gap:16px;padding:10px;z-index:99}
.fixbar a{color:#fff;font-size:16px;padding:8px 22px;border-radius:4px}
.fixbar .tel{background:#C30A10}
.fixbar .zx{background:#ff9800}

@media(max-width:900px){
.hero{flex-direction:column;padding:36px 4%}
.hero-r{width:100%}
.hero-h1{font-size:26px}
.val,.teach,.svc,.case,.campus{grid-template-columns:repeat(2,1fr)}
.gallery{grid-template-columns:repeat(2,1fr)}
.sec{padding:40px max(4%,calc((100% - 1200px)/2))}
.sec-t{font-size:23px}
}
@media(max-width:600px){
.val,.teach,.svc,.case,.campus,.time,.mini{grid-template-columns:1fr}
.gallery{grid-template-columns:repeat(2,1fr)}
.hero-h1{font-size:22px}
.sec-t{font-size:20px}
body{padding-bottom:52px}
.tch-band{flex-direction:column;align-items:flex-start;gap:6px}
}

/* ===== 手机端适配：头部 + 页脚（覆盖固定宽度） ===== */
@media(max-width:900px){
/* 顶部红条 */
.header_top{min-width:0}
.header_top .w1200{width:auto !important;padding:0 10px}
.header_login{margin-right:0}
.header_login li{height:32px;line-height:32px}
.header_login li a{font-size:12px;padding:0 4px}
.header_login.fl{display:none}
/* 主导航 */
.header_main{width:auto !important;height:auto;flex-wrap:wrap;justify-content:center;padding:10px 3% 6px}
.header_main a img{height:52px;width:auto}
.header_navMain{margin:0 !important;position:static !important;left:0 !important}
.header_navMain li{float:left;padding:0 8px;height:36px;line-height:36px}
.header_navMain li a{font-size:15px}
.header_navMain li:hover a,.header_navMain li.on a{border-bottom-width:2px}
/* 页脚 */
.footer{min-width:0}
.footer .w1200{width:auto !important;padding:0 4%}
.footer_top > ul > li{float:none;display:block;padding:12px 0;border-right:0;border-bottom:1px solid #6a6868}
.footer_top > ul > li:last-child{border-bottom:0}
.footer_top > ul > li > div{font-size:17px !important;margin-bottom:8px !important}
.footer_top > ul > li li a{font-size:14px}
.footer_center{padding:10px 0 6px}
.footer_center ul{flex-wrap:wrap;gap:4px 12px;justify-content:center;margin-bottom:8px}
.footer_center ul li a{font-size:13px;margin-right:0;letter-spacing:0}
.footer_bottom{min-width:0;height:auto;line-height:1.8;padding:8px 12px;letter-spacing:0}
}
/* 手机端补充：页脚 fl/fr 浮动与版权行容器 */
@media(max-width:900px){
.footer_top .fl{float:none;text-align:center;margin-bottom:6px}
.footer_top .fl img{margin:0 auto}
.footer_top .fl p{font-size:16px;margin-top:6px}
.footer_top ul.fr{float:none;width:100%}
.footer_bottom .w1200{width:auto !important}
}