.main-wrap {width:100%;max-width:1400px;margin:0 auto;padding:0 20px;box-sizing:border-box;}
.news-section {width:100%;position:relative;height:360px;overflow:hidden;margin:0;}
.news-bg-left,.news-bg-right {position:absolute;top:0;width:50%;height:100%;background-size:cover;background-position:center;}
.news-bg-left {left:0;background-image:url(../images/l.jpg);}
.news-bg-right {right:0;background-image:url(../images/r.jpg);}
.news-content {position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:1400px;height:100%;display:flex;padding:0 20px;box-sizing:border-box;z-index:10;}
.news-col {flex:1;display:flex;flex-direction:column;justify-content:center;color:#fff;}
.news-title {text-align:center;font-size:28px;font-weight:bold;margin-bottom:1px;}
.news-title a {color:#fff;text-decoration:none;}
.news-list {list-style:none;padding:0 40px;margin:0;height:220px;padding-left:60px;}
.news-list li {
    width: 500px; /* 强制li固定400px，长短文字都保持这个总宽度 */
    max-width: 100%;
    height:36px;
    line-height:36px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:16px;
    padding-left:40px;
    position:relative;
    box-sizing: border-box;
}
.news-list li::before {position:absolute;left:0;top:3px;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;font-weight:bold;border-radius:2px;}
.news-list li:nth-child(1)::before {content:"1";background:#ff6600;}
.news-list li:nth-child(2)::before {content:"2";background:#ff6600;}
.news-list li:nth-child(3)::before {content:"3";background:#ff6600;}
.news-list li:nth-child(4)::before {content:"4";background:#007bff;}
.news-list li:nth-child(5)::before {content:"5";background:#007bff;}
.news-list li:nth-child(6)::before {content:"6";background:#007bff;}
.news-list li a {
    color:#fff;
    text-decoration:none;
    flex: 1;
    margin-right:10px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.news-list li span {
    font-size:14px;
    white-space:nowrap;
    flex-shrink: 0;
}
.foot-nav {width:100%;background:#f7f7f7;padding:25px 0;}
.foot-nav ul {display:flex;flex-wrap:wrap;gap:24px;list-style:none;padding:0;margin:0;margin-left:20px;}
.foot-nav a {color:#333;font-size:16px;text-decoration:none;white-space:nowrap;}
.foot-info {width:100%;background:#f7f7f7;padding:50px 0;border-top:1px solid #eee;}
.foot-flex {display:flex;align-items:center;}
.foot-item {text-align:center;padding:0 20px;}
.foot-item.left {width: 600px; 
  flex-shrink: 0; text-align:left;line-height:2.4;color:#666; }
  .foot-item.center,
.foot-item.right {
  flex: 1;
}
.foot-item.left strong {font-size:18px;color:#333;}
.foot-item.center {border-left:1px solid #ddd;border-right:1px solid #ddd;padding:0 30px;}
.foot-item .tel {font-size:32px;font-weight:bold;color:#333;margin-bottom:10px;}

#bottom {width:100%!important;height:40px!important;line-height:40px!important;text-align:center!important;color:#fff!important;background:#000!important;position:fixed!important;left:0!important;bottom:0!important;z-index:999999!important;box-sizing:border-box!important;transition:all 0.3s!important;}
#bottom .bottom-inner {max-width:1000px;margin:0 auto;position:relative;padding:0 15px;}
#bottom .close-btn {position:absolute;right:15px;top:50%;transform:translateY(-50%);width:21px;height:21px;cursor:pointer;}
#bottom span {color:red;font-weight:bold;}
body {padding-bottom:40px;transition:padding 0.3s;}

@media (max-width:1024px){
.main-wrap {padding:0 12px!important;}
.news-section {height:auto!important;position:relative!important;background:none!important;}
.news-bg-left,.news-bg-right {display:none!important;}
.news-content {position:relative!important;left:0!important;transform:none!important;flex-direction:column!important;padding:0 12px!important;background:none!important;z-index:1!important;}
.news-col {position:relative!important;height:360px!important;background-size:cover!important;background-position:center!important;margin-bottom:10px!important;}
.news-col:first-child {background-image:url(../images/l.jpg)!important;}
.news-col:last-child {background-image:url(../images/r.jpg)!important;}
.news-list {padding:10px 20px!important;height:auto!important;}
.news-list li {
    padding-left:30px!important;
    height:34px!important;
    line-height:34px!important;
    width: 100%!important; /* 移动端取消400固定宽度，铺满 */
}
.news-list li::before {width:24px!important;height:24px!important;line-height:24px!important;font-size:14px!important;left:0!important;top:5px!important;}
.foot-flex {flex-direction:column;gap:20px;padding:0 10px;}
.foot-item {width:100%;text-align:center!important;padding:0 10px!important;}
.foot-item.center {border:none!important;}
.foot-nav ul {margin-left:12px!important;gap:16px!important;}
#bottom .bottom-inner {width:100%!important;padding:0 10px!important;box-sizing:border-box!important;}
#bottom {font-size:13px!important;}
}

/* ========== 移动端适配 768px以下 ========== */
@media screen and (max-width: 768px) {
  .foot-flex {
    flex-direction: column;
    gap: 10px;
  }
  .foot-item.left {
    width: 100%;
    flex-shrink: 1;
    padding: 0 15px;
  }
  .foot-item.center {
    width: 100%;
    border-left: none;
    border-right: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px 15px;
  }
  .foot-item.right {
    width: 100%;
    padding: 0 15px;
  }
  .foot-item .tel {
    font-size: 24px;
  }
  .foot-item.left strong {
    font-size: 16px;
  }
  .foot-info {
    padding: 30px 0;
  }
}
@media (max-width: 1300px) {
  .news-list li {
    flex-wrap: wrap;
    height: auto;
    line-height: 1.6;
    padding: 6px 0 6px 35px;
    width: 100%; /* 窄屏取消固定400px */
  }
  .news-list li a {
    margin-right: 8px;
  }
  .news-list li span {
    font-size: 12px;
  }
}

@media (max-width: 1250px) {
  .news-list li {
    flex-wrap: wrap;
    height: auto;
    line-height: 1.6;
    padding: 6px 0 6px 35px;
    width: 100%;
  }
  .news-list li a {
    margin-right: 8px;
  }
  .news-list li span {
    font-size: 12px;
  }
}
@media (max-width: 600px) {
  .news-list li {
    flex-wrap: wrap;
    height: auto;
    line-height: 1.6;
    padding: 0 0 6px 35px;
    width: 100%;
  }
  .news-list li a {
    margin-right: 8px;
  }
  .news-list li span {
    font-size: 12px;
  }
}
@media (max-width: 980px) {
  .news-list li {
    flex-wrap: wrap;
    height: auto;
    line-height: 1.6;
    padding: 0 0 6px 35px;
    width: 100%;
  }
  .news-list li a {
    margin-right: 8px;
  }
  .news-list li span {
    font-size: 12px;
  }
}