/* #region 移动端导航栏start */
body {
    margin: 0;
    font-family: Arial, sans-serif;
}
/* 移动端顶部栏 */
.mobile-nav {
    height: 60px;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1vw;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.logo a {
    display: block;
    width: 120px;          
    height: 60px;        
    background-image: url(../images/pic02.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
}

.hamburger {
  transform: scale(0.7);   /* 修改汉堡图标的大小 */
  transform-origin: center; /* 保证中心放大 */
}
/* 2. 全屏滑出菜单（从右边划出） */
.mega-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;         /* 全屏宽度 */
    height: 100vh;       /* 全屏高度 */
    background: #fff;
    padding-top: 100px;  /* 留给顶部导航的空间 */
    transition: right .35s ease;
    z-index: 999;
}

.mega-menu.active {
    right: 0;
}

.mega-menu ul {
    list-style: none;
    padding: 0 40px;
    margin: 0;
}

.mega-menu li {
    border-bottom: 1px solid #eee;
}

.mega-menu a {
    display: block;
    padding: 20px 0;
    font-size: 20px;
    font-weight: 200;
    text-decoration: none;
    color: #111;
}
/* 3. 遮罩层（全屏覆盖式） */
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.35);
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s;
    z-index: 998;
}

.overlay.active {
    opacity: 1;
    pointer-events: auto;
}


/* #endregion 移动端导航栏end*/

/* #region 移动端product产品轮播图start */
html,
body {
    position: relative;
    height: 100%;
}

body {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
}

.swiper {
    width: 100%;
    height: 100%;
}
.swiper-wrapper {
    width: 100%;
    margin: 0 auto;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(0.5);  /* 图片缩放 */

}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 5vw !important; /*可修改箭头大小 */
}
/* #endregion 移动端product产品轮播图end */