/* ==========================================================================
   页脚样式（浅蓝大气版）— 由 footer.htm 自动加载
   ========================================================================== */

.bottom{padding:56px 0 46px; background:linear-gradient(180deg,#f5f9ff 0%,#eaf3ff 100%); border-top:1px solid #e5ecf5;}
.bottom *{color:#4a5a72;}
.bottom a:hover{color:#0066cc;}
.bottom article,.footer article{max-width:1400px; margin:0 auto; padding:0 28px;}
.bottom article{display:flex; flex-wrap:wrap; gap:40px; align-items:flex-start;}
@media(max-width:1199px){.bottom article,.footer article{padding:0 18px;}}
@media(max-width:767px){.bottom article,.footer article{padding:0 10px;}}
@media(min-width:1600px){.bottom article,.footer article{max-width:1580px;}}

.bottom-contact{flex:1; min-width:280px;}
.bottom-contact h2{margin:0 0 20px;}
.bottom-contact h2 img{max-width:230px; max-height:70px;}
.bottom-contact ul{margin-top:22px;}
.bottom-contact ul>li{margin-top:16px; position:relative; padding-left:40px; font-size:15px; line-height:26px;}
.bottom-contact i{width:30px; height:30px; line-height:30px; position:absolute; top:0; left:0; font-size:15px; text-align:center; border-radius:50%; background:#0066cc; color:#fff !important; transition:.3s;}
.bottom-contact li:hover i{background:#3498db; transform:rotate(360deg);}
.bottom-contact a,.bottom-contact u{text-decoration:none; color:#4a5a72;}

.bottom-items{flex:2; min-width:400px; display:flex; flex-wrap:wrap; gap:24px;}
.bottom-items>dl{flex:1; min-width:140px;}
.bottom-items>dl>dt{display:block; margin:0 0 18px 0; font-size:17px; font-weight:bold; position:relative; padding-bottom:10px;}
.bottom-items>dl>dt>a{color:#0b2545;}
.bottom-items>dl>dt:after{display:block; content:''; width:34px; height:3px; margin-top:8px; border-radius:2px; background:linear-gradient(90deg,#0066cc,#3498db);}
.bottom-items>dl>dd>a{display:block; margin-top:13px; font-size:14px; transition:.3s;}
.bottom-items>dl>dd>a:hover{padding-left:8px; color:#0066cc;}

.bottom-ewm{flex:1; min-width:220px; display:flex; gap:26px; justify-content:flex-end; text-align:center;}
.bottom-ewm span{flex:1; max-width:180px;}
.bottom-ewm i{display:block; padding:8px; background:#fff; border:1px solid #e5ecf5; border-radius:12px; overflow:hidden; transition:.3s; box-shadow:0 6px 18px rgba(11,37,69,.06);}
.bottom-ewm i:hover{border-color:#0066cc; transform:translateY(-4px); box-shadow:0 12px 26px rgba(0,102,204,.16);}
.bottom-ewm img.ewm{width:132px; display:block; border-radius:8px;}
.bottom-ewm u{text-decoration:none; margin-top:10px; text-align:center; display:block; font-size:14px; color:#4a5a72;}

.footer{color:#fff; padding:14px 0; background:#0b2545;}
.footer *{color:rgba(255,255,255,.72);}
.footer a:hover{color:#3498db;}
.footer article{text-align:center; line-height:1.9;}
.footer-link{margin-bottom:6px;}
.footer-link span{display:inline-block; font-weight:bold; color:#fff;}
.footer-link a{display:inline-block; margin:0 8px;}
.footer-beian span{display:inline-block; margin:0 8px;}
.footer-beian img{vertical-align:middle; margin-right:4px; position:relative; top:-2px; height:14px;}
.footer aside p{margin:0;}

@media(max-width:992px){
  .bottom{padding:38px 0 30px;}
  .bottom article{flex-direction:column; gap:30px; text-align:center;}
  .bottom-contact{text-align:center;}
  .bottom-contact ul>li{padding-left:0; padding-top:34px;}
  .bottom-contact i{left:50%; transform:translateX(-50%);}
  .bottom-contact li:hover i{transform:translateX(-50%) rotate(360deg);}
  .bottom-items{gap:18px; justify-content:center;}
  .bottom-items>dl{min-width:40%;}
  .bottom-items>dl>dt:after{margin-left:auto; margin-right:auto;}
  .bottom-ewm{justify-content:center;}
}

@media(max-width:767px){
  .bottom{padding:28px 0 18px;}
  .bottom article{gap:24px;}
  .bottom-contact h2 img{max-width:170px;}
  .bottom-items>dl{min-width:44%;}
  .bottom-items>dl>dt{font-size:15px; margin-bottom:12px;}
  .bottom-items>dl>dd>a{font-size:13px; margin-top:9px;}
  .bottom-ewm{gap:16px;}
  .bottom-ewm img.ewm{width:100px;}
  .bottom-ewm u{font-size:12px; margin-top:6px;}
  .footer{padding:10px 0;}
  .footer-link,.footer-beian{font-size:12px;}
  .footer-beian span{margin:0 4px;}
}

.bottom article:after,.footer article:after{display:none;}