/* 移动端适配 */
@media(max-width:768px){
  .navbar .inner{height:80px;padding:10px 0;}
  .brand{gap:8px;}
  .logo img{width:180px;height:auto;}
  
  .stats-bar .container{flex-wrap:wrap;}
  .stats-bar .item{
    flex:0 0 calc(50% - 1px);
    padding:12px 0;
  }
  .stats-bar .item:not(:last-child)::after{display:none;}
  .stats-bar .item:nth-child(odd){border-right:1px solid var(--gray-200);}
  .stats-bar .item:nth-child(-n+2){border-bottom:1px solid var(--gray-200);}

  .card-grid {
    grid-template-columns: 1fr;
  }
  .card-img-box {
    height: 170px;
  }
  .card-text {
    padding:0 16px 14px 16px;
  }
  
  .knowledge-list-wrap {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .knowledge-item {
    padding: 16px;
  }
  .knowledge-item h3 {
    font-size: 16px;
  }
  .knowledge-desc {
    font-size: 13px;
  }

  .serve-faq-row .faq-answer {
    font-size: 13px;
  }
  
  .site-footer{
    padding:30px 0;
  }
  .site-footer .container{
    font-size:13px;
  }

  .customer-static-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .friendship-section {
    padding: 36px 0;
  }
  .friendship-title {
    font-size: 18px;
  }
  .friendship-links {
    gap: 12px 20px;
  }

  .head-info-list{
    grid-template-columns:1fr;
  }
  
  .article-grid{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .about-cxy-data-row {
    grid-template-columns: 1fr;
  }
  .about-cxy-more-btn {
    width: 100%;
    text-align: center;
  }
  
  .serve-card-grid {
    grid-template-columns: 1fr;
  }
  .serve-faq-row {
    grid-template-columns: 1fr;
  }
  .serve-faq-row .faq-answer {
    margin-top:8px;
    padding-top:8px;
  }

  .customer-static-grid {
    grid-template-columns: 1fr;
  }
  .customer-list-item {
    display: flex;
    justify-content: center;
  }
  
  .advantage-list{
    grid-template-columns:1fr;
  }

  .relate-list{
    grid-template-columns:minmax(0,1fr);
  }
  
  .service-card-grid{grid-template-columns:1fr;}

  .package-grid{
    grid-template-columns:1fr;
  }

  .material-list{
    grid-template-columns:1fr;
  }

    .back-top {
        right: 15px;
        bottom: 25px;
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
}