NEW_FILE_CODE
/* ============================================
   响应式设计 - 移动端适配
   ============================================ */

/* 平板和手机通用样式 (最大宽度 1024px) */
@media only screen and (max-width: 1024px) {
    div.main { width: 98%; padding: 0 1%; }
    .w-1200 { width: 100%; padding: 0 10px; }
    .top01 { height: auto; background-size: contain; }
    .t-menu { float: none; width: 100%; text-align: center; }
    .t-menu a { float: none; display: inline-block; width: auto; height: auto; background: none; padding: 10px; margin: 5px; }
    .t-menu a h2, .t-menu a h3 { float: none; margin: 0; text-align: center; }
}

/* 手机样式 (最大宽度 768px) */
@media only screen and (max-width: 768px) {
    body { overflow-x: hidden; }
    div.main { width: 100%; min-width: 320px; }
    .w-1200, .w-1100 { width: 100%; padding: 0 10px; box-sizing: border-box; }
    .top01 { height: auto; background-position: center top; background-size: cover; }
    .t-menu { width: 100%; }
    .t-menu a { width: 48%; margin: 1%; height: auto; padding: 15px 5px; }
    .t-menu a h2 { font-size: 14px; margin-top: 10px; }
    .t-menu a h3 { font-size: 10px; margin-top: 5px; }
    .slide_container { width: 100%; }
    #slider li img { width: 100%; height: auto; }
    .h-tit01 { height: 60px; background-size: contain; }
    .h-tit01 h2 { font-size: 18px; margin-top: 20px; }
    .h-tit02 { height: auto; padding: 10px 0; }
    .h-tit02 h3 { font-size: 18px; line-height: 1.5; }
    .h-tit02 p { font-size: 14px; }
    .h-fenlei { width: 100%; }
    .h-fenlei ul { width: 100%; }
    .h-fenlei ul li { width: 48%; margin-right: 2%; margin-bottom: 10px; height: 35px; }
    .h-fenlei ul li a { font-size: 14px; line-height: 35px; }
    .part02 { padding: 20px 0; }
    #demoz002, #demoz1002 { width: 100% !important; }
    .h-pro-gun02 li { width: 48%; margin-right: 2%; padding: 5px; }
    .h-pro-gun02 li .tu img { width: 100%; height: auto; }
    .h-pro-gun02 li a h3 { font-size: 14px; height: auto; line-height: 1.5; padding: 5px 0; }
    .part03 { height: auto; background-size: cover; padding: 30px 0; }
    .h-about { height: auto; padding: 20px; font-size: 14px; line-height: 1.8; }
    .h-news01 { width: 100%; }
    .h-news01 ul { width: 100%; }
    .h-news01 ul li { width: 100%; margin-right: 0; margin-bottom: 15px; height: auto; }
    .h-news01 ul li a { height: auto; font-size: 14px; line-height: 1.5; }
    .h-news01 ul li a img { width: 80px; height: 60px; margin-right: 10px; }
    div.content h1 { font-size: 20px; height: auto; line-height: 1.5; padding: 10px; }
    div.content .dl { height: auto; position: relative; }
    div.content .dl dt { position: static; width: 100%; margin-bottom: 10px; }
    div.content .dl dd { margin-left: 0; padding: 15px; height: auto; }
    div.content img, .showlist img, #maximg img { max-width: 100%; height: auto; width: auto; }
    table { max-width: 100%; overflow-x: auto; }
    .page_list { padding: 10px; }
    .pagination a, .pagination span { padding: 5px 8px; font-size: 12px; }
    div.form { height: auto; line-height: auto; padding: 10px; }
    div.form span { padding-left: 0; display: block; margin-bottom: 10px; }
    div.form input, div.form select { width: 100%; margin-bottom: 10px; }
    .f-content { width: 100%; height: auto; background: none; padding: 20px; }
    .f-link { height: auto; padding: 10px; }
    .f-link h3, .f-link a { float: none; display: block; width: 100%; text-align: center; margin: 5px 0; }
}

/* 小屏手机 (最大宽度 480px) */
@media only screen and (max-width: 480px) {
    body, div, p, a, li { font-size: 14px; }
    h1 { font-size: 18px; }
    h2 { font-size: 16px; }
    h3 { font-size: 15px; }
    .t-menu a { width: 100%; margin: 5px 0; }
    .h-fenlei ul li { width: 100%; margin-right: 0; }
    .showlist li { width: 100%; margin: 10px 0; }
    .showlist li img { width: 100%; height: auto; }
    ul.love li { width: 100%; }
    .mt-50 { margin-top: 20px; }
    .mt-30 { margin-top: 15px; }
    .mt-20 { margin-top: 10px; }
    .mb-30 { margin-bottom: 20px; }
}

/* 横屏模式优化 */
@media screen and (orientation: landscape) and (max-width: 768px) {
    .slide_container { max-height: 200px; }
    #slider li img { max-height: 200px; object-fit: cover; }
}

/* 触摸设备优化 */
@media (hover: none) and (pointer: coarse) {
    a, button, input, select, textarea { min-height: 44px; min-width: 44px; }
    .h-fenlei ul li:hover a, .h-news01 ul li:hover a, .showlist li:hover { transform: none; box-shadow: none; }
    .h-fenlei ul li:active a, .h-news01 ul li:active a { color: #876c25; font-weight: bold; }
}

/* 打印样式 */
@media print {
    .top01, .slide_container, .footerWrap, .f-link { display: none; }
}