/* Override original fixed-width images for mobile */
img { max-width: 100%; height: auto; }

/* Ensure the all container wraps properly */
.all { width: 100%; max-width: 1000px; margin: 0 auto; }

/* Mobile responsive for the original layout */
@media (max-width: 768px) {
  .content_left, .content_right,
  .about, .honor,
  .new_list_left, .new_list_right,
  .product_nav li,
  .menu li {
    float: none !important;
    width: 100% !important;
  }
  .menu ul { flex-wrap: wrap; }
  .menu li { width: 33.33% !important; }
  .top1 { height: auto; }
  .logo, .logo_right { float: none; width: 100%; text-align: center; }
  .logo_right { background: none !important; padding: 5px 0; }
  .banner { height: auto; }
  .banner object, .banner embed { width: 100% !important; height: auto !important; }
  .about_nav { height: auto !important; width: auto !important; }
  .honor_nav { height: auto !important; }
  .product_nav { height: auto !important; }
  .product_nav ul { flex-wrap: wrap; }
  .product_nav li { margin-right: 0 !important; }
  .news_list_nav { height: auto !important; width: auto !important; }
  .ziye_about_nav { width: auto !important; min-height: auto !important; }
  .dt_nav { width: auto !important; }
  .pro_list_menu, .pro_list { width: 100% !important; }
  .contact_nav, .qixia_nav { width: auto !important; }
  .link { width: auto !important; }
  .bottom { height: auto !important; }
  .sidelist { width: 100% !important; }
  #sidebar { width: 100% !important; }
}

/* Navigation hover fix */
.menu a:hover { background-image: url(/system/BImage/top_10.jpg); background-repeat: no-repeat; background-position: center center; color: #0051a2; }

/* Pagination fix */
.fanye { text-align: center; width: 100%; padding: 15px 0; border-top: 1px solid #ccc; margin-top: 7px; }
.fanye a { padding: 2px 10px; margin: 0 3px; border: 1px solid #ccc; }
.fanye a:hover { border-color: #003399; color: #000099; }

/* Broken image placeholder */
img.broken-img { min-height: 100px; background: #f5f5f5 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 24 24" fill="none" stroke="%23ccc" stroke-width="1"><path d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"/><text x="12" y="16" text-anchor="middle" font-size="4" fill="%23999">无图片</text></svg>') center no-repeat; }

/* Download sidebar styling */
.download-sidebar { text-align: center; padding: 10px; }
.download-sidebar img { max-width: 200px; height: auto; display: block; margin: 5px auto; }
.download-sidebar a { display: inline-block; margin: 5px; }

/* 404 page download buttons */
.download-buttons { text-align: center; padding: 20px; }
.download-buttons a { display: inline-block; margin: 10px; }
.download-buttons img { max-width: 150px; height: auto; }