/* ================= 页脚：服务承诺条 .footct + 主区 #foot =================
   独立样式文件，由 comm/footer.html 与 comm/footerin.html 内联引入，
   确保所有页面（含只引用 comm_black.css 的页面）都能正常显示页脚。 */

/* 页脚内容容器（不依赖 reset.css 中的 .w） */
.footct .f-wrap,
#foot .f-wrap{margin-left:50px;margin-right:50px;}

/* ---------- 服务承诺条 ---------- */
.footct{position:relative;z-index:1;width:100%;background:#0f111a;}
.footct *{box-sizing:border-box;}
.footct ul{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px 40px;margin:0;padding:26px 0;list-style:none;}
.footct ul li{display:flex;align-items:flex-start;gap:14px;margin:0;padding:0;list-style:none;}
.footct .footct-icon{display:block;flex:none;width:38px;height:38px;margin-top:2px;color:rgba(208,208,208,.41);}
.footct .footct-icon svg{display:block;width:100%;height:100%;}
.footct h5{margin:0;padding:0;font-size:24px;line-height:1.5;font-weight:400;color:#d0d0d0;}
.footct p{margin:2px 0 0;padding:0;font-size:16px;line-height:1.6;color:rgba(208,208,208,.55);}

/* ---------- 页脚主区 ---------- */
#foot{position:relative;z-index:1;background:#16171d;color:#fff;font-size:14px;}
#foot *{box-sizing:border-box;}
#foot ul,
#foot dl,
#foot dd,
#foot dt,
#foot p,
#foot h5,
#foot h6{margin:0;padding:0;list-style:none;}
#foot a{color:inherit;text-decoration:none;}
#foot img{max-width:100%;}

#foot .f-box1{display:flex;align-items:flex-start;justify-content:space-between;gap:60px;padding:56px 0 46px;}
#foot .f-box1-left{flex:none;width:24%;min-width:250px;}
#foot .f-phone{display:flex;align-items:flex-start;gap:10px;}
#foot .f-phone img{width:26px;height:auto;margin-top:5px;filter:brightness(0) invert(1);}
#foot .f-phone h5{margin-bottom:8px;font-size:18px;line-height:1.1;font-weight:400;color:#fff;}
#foot .f-phone a{display:inline-block;font-size:36px;line-height:1.3;color:#fff;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;transition:color .3s;}
#foot .f-phone a:hover{color:#d61919;}
#foot .f-info{margin-top:26px;}
#foot .f-info p{font-size:16px;line-height:1.9;color:#8e8e8e;}

#foot .f-nav{display:flex;flex:1 1 auto;flex-wrap:wrap;justify-content:space-between;gap:36px 40px;}
#foot .f-nav dl{min-width:110px;}
#foot .f-nav dt{position:relative;display:inline-block;padding-bottom:8px;margin-bottom:8px;}
#foot .f-nav dt a{font-size:18px;line-height:1.2;color:#fff;transition:color .3s;}
#foot .f-nav dt a:hover{color:#d61919;}
#foot .f-nav dt::before{content:'';position:absolute;left:0;bottom:0;width:2em;height:2px;background:#d2141e;}
#foot .f-nav dd{font-size:16px;line-height:2.2;}
#foot .f-nav dd a{color:#73747c;transition:color .3s;}
#foot .f-nav dd a:hover{color:#fff;}

#foot .f-box1-right{flex:none;}
#foot .f-box1-right h6{margin-bottom:15px;font-size:18px;line-height:1.16;font-weight:400;color:#fff;}
#foot .f-box1-right ul{display:flex;align-items:center;gap:18px;}
#foot .f-box1-right ul li{display:flex;flex-direction:column;align-items:center;justify-content:center;}
#foot .f-ewm{display:flex;align-items:center;justify-content:center;width:110px;height:110px;padding:6px;background:#fff;border-radius:6px;}
#foot .f-ewm img{display:block;max-width:100%;max-height:100%;}
#foot .f-box1-right ul li p{margin-top:8px;font-size:14px;line-height:1.875;color:#8e8e8e;}

#foot .f-box2{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 0;border-top:1px solid rgba(176,176,176,.08);border-bottom:1px solid rgba(176,176,176,.08);}
#foot .f-yqlj{display:flex;align-items:flex-start;gap:10px;min-width:0;}
#foot .f-yqlj h6{flex:none;font-size:16px;line-height:26px;font-weight:400;color:#b1b1b1;}
#foot .f-yqlj ul{display:flex;align-items:center;flex-wrap:wrap;gap:0 14px;}
#foot .f-yqlj ul li a{font-size:14px;line-height:26px;color:#8e8e8e;transition:color .3s;}
#foot .f-yqlj ul li a:hover{color:#fff;}

/* 站点地图（仅在 #foot 内显示，悬停展开） */
#foot .f-sitemap{position:relative;flex:none;width:130px;font-size:14px;}
#foot .f-sitemap-head{display:flex;align-items:center;justify-content:space-between;position:static;width:100%;height:36px;padding:0 12px;border:0;border-radius:3px;background:#252938;color:#a8a8a8;font-size:14px;line-height:36px;cursor:pointer;}
#foot .f-sitemap-head i{font-style:normal;font-size:12px;transition:transform .3s;}
#foot .f-sitemap:hover .f-sitemap-head i{transform:rotate(180deg);}
#foot .f-sitemap-list{position:absolute;left:0;bottom:100%;width:100%;margin-bottom:4px;background:#252938;border-radius:3px;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(6px);transition:.3s;}
#foot .f-sitemap:hover .f-sitemap-list{opacity:1;visibility:visible;transform:none;}
#foot .f-sitemap-list a{display:block;padding:9px 12px;font-size:14px;color:#a8a8a8;}
#foot .f-sitemap-list a:hover{color:#fff;background:#2f3446;}

#foot .f-box3{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0 26px;font-size:14px;}
#foot .f-box3 p{display:inline-flex;align-items:center;font-size:14px;line-height:1.8;color:#646464;}
#foot .f-box3 p a{color:#6a6a6a;transition:color .3s;}
#foot .f-box3 p a:hover{color:#fff;}
#foot .f-box3 div{display:flex;align-items:center;flex-wrap:wrap;gap:6px 22px;}
#foot .f-box3 img{display:inline-block;width:auto;height:14px;margin:0 5px;}

@media only screen and (max-width:1600px){
 .footct .f-wrap,
 #foot .f-wrap{margin-left:50px;margin-right:50px;}
}
@media only screen and (max-width:1440px){
 .footct .f-wrap,
 #foot .f-wrap{margin-left:30px;margin-right:30px;}
 .footct ul{gap:20px 30px;}
 .footct h5{font-size:20px;}
 #foot .f-box1{gap:40px;}
 #foot .f-box1-left{width:26%;}
 #foot .f-phone a{font-size:32px;}
 #foot .f-ewm{width:96px;height:96px;}
}
@media only screen and (max-width:1200px){
 #foot .f-box1{flex-wrap:wrap;}
 #foot .f-nav{order:3;flex:none;justify-content:flex-start;width:100%;margin-top:10px;gap:30px 60px;}
 #foot .f-box1-right{margin-left:auto;}
}
@media only screen and (max-width:1024px){
 .footct .f-wrap,
 #foot .f-wrap{margin-left:15px;margin-right:15px;}
}
@media only screen and (max-width:980px){
 .footct .f-wrap,
 #foot .f-wrap{margin-left:10px;margin-right:10px;}
 #foot{padding-bottom:48px;}
 .footct ul{padding:20px 0;gap:18px 30px;}
 .footct ul li{width:calc(50% - 20px);}
 #foot .f-box1{padding:36px 0 30px;gap:30px;}
 #foot .f-box1-left{width:100%;min-width:0;}
 #foot .f-box2{flex-wrap:wrap;gap:14px;}
 #foot .f-box3{flex-direction:column;align-items:flex-start;gap:8px;}
}
@media only screen and (max-width:640px){
 .footct ul li{width:100%;}
 .footct h5{font-size:18px;}
 .footct p{font-size:14px;}
 #foot .f-phone a{font-size:28px;}
 #foot .f-box1-right{width:100%;margin-left:0;}
 #foot .f-box1-right ul{justify-content:flex-start;}
 #foot .f-nav dl{min-width:calc(50% - 20px);}
}