@media (min-width:320px){body{min-width:320px}
/*隐藏桌面端导航*/
.main-header{display:none}
/*移动端顶部导航*/
.mobile-header {
        padding: 6px 0;
        position: fixed;
        z-index: 10;
        width: 100%;
        top: 0;
        left: 0;
        box-shadow: 0 0 10px #ddd;
        background-image: url(../images/hd.jpg);
        background-repeat: repeat-x;
        background-size: auto 100%; /* 修改：背景图高度自适应容器 */
        background-position: center; /* 修改：背景图居中 */
    }
.mobile-header .mobile-nav {
    position: absolute;
    right: 0;
    top: 100%; /* 从菜单按钮下方开始 */
    width: 50vw; /* 视口宽度的50% */
    max-width: 384px; /* 可选：设置最大宽度 */
    margin: 0;
    text-align: left;
    display: none;
    background-color: #fff; /* 建议设置背景色 */
    border: 1px solid #eee;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: 1000;
}

.mobile-header .mobile-nav ul{margin:0 -15px}
.mobile-header .mobile-nav li{display:block;margin:0;border-top:1px solid #eee;border-right:0;background-color: #f9f9f9;}
.mobile-header .mobile-nav li a{ display: block; line-height:40px;padding:0 15px;color:#333;font-size:16px;box-sizing: border-box;}
.mobile-menu{width:auto}
.m-logo{display:flex;align-items:center;height:100%}
 .m-logo img {
        width: 82vw; /* 修改：宽度设为82vw */
        height: auto; /* 修改：高度自动 */
        max-width: 100%; /* 修改：限制最大宽度 */
        object-fit: contain;
        vertical-align: middle;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        /* 移除原有的 height、max-height 计算 */
    }


.menu-btn{display:block}







.mobile-search-bar { display: flex;justify-content: space-between; /* 关键：左右两端对齐 */
  align-items: center;    /* 垂直居中（可选） */ height: auto;  align-items: center; flex-direction: row;justify-content: center;padding-top: 5px;     /* 上边距 5px */
  padding-bottom: 5px;  /* 下边距 5px */}
  

.mobile-search-bar .mobile-search { display: flex;height: auto; width: 90vw;justify-content: center; }
#searchInput {
width: 100%;
min-width: 200px;
padding: 4px 16px;
font-size: 16px;
border: 2px solid #ddd;
height: auto;
flex: 1 1 auto;
transition: var(--transition-default);
box-sizing: border-box;
}



#searchButton { color: white; border: none; border-radius: 4px; cursor: pointer; transition: background-color 0.3s; background-color: #900; padding: 8px; float: right; height: var(--search-button-height); width: var(--search-button-width); background-image: url(../images/icon/search1.png); background-repeat: no-repeat; background-position: 48px center; margin-inline-start: 10px; padding-right: 20px; }

#searchButton:hover {
background-color: #333;
outline: none;
}






/* 移动端轮播图 */
.banner180{width:100%;position:relative;background:#0a0a65;padding-top:33.33%;height:0}
.banner180 .swiper-container{position:absolute;top:0;left:0;width:100%;height:100%}
.banner180 .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#30C8C6;opacity:1}
.banner180 .swiper-container .swiper-slide{width:100%;height:100%}
.banner180 .swiper-container .swiper-slide .item180{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}
.banner180 .swiper-container .swiper-slide a{display:block;width:100%;height:100%}
.banner180 .swiper-container .swiper-pagination{bottom:6%}
.banner180 .swiper-container .swiper-pagination .swiper-pagination-bullet{width:38px;height:4px;background:#fff;opacity:.2;border-radius:0}
/* 移动端底部导航 */
.footer-fix{box-shadow:0 0 10px rgba(0,0,0,0.2);position:fixed;bottom:0;left:0;width:100%;background-color:#fff;z-index:10;display:block}
.footer-fix li{float:left;width:25%}
.footer-fix li a{display:block;text-align:center;padding:7px 0;font-size:12px;line-height:1}
.footer-fix li i{display:block;height:20px;background:no-repeat center;background-size:contain;margin-bottom:4px}
.footer-fix li i.ico1{background-image:url(../images/icon/f_01.png)}
.footer-fix li i.ico2{background-image:url(../images/icon/f_02.png)}
.footer-fix li i.ico3{background-image:url(../images/icon/f_03.png)}
.footer-fix li i.ico4{background-image:url(../images/icon/f_04.png)}
}
@media (min-width:768px){}
@media (min-width:1024px){.container{max-width:1600px}
/* 显示桌面端、隐藏移动端导航 */
.main-header{display:block}
.mobile-header{display:none}
.banner180{display:none}
.footer-fix{display:none}
}