/* 基础样式 */
html {font: 14px "OPPOSansRegular";color: #252525;}
body{margin: 0;background:#fff;font-family: "OPPOSansRegular" !important;color: #252525;}

div,dt,dd,dl,p,h1,h2,h3,h4,h5,h6,img,input{ margin:0; padding:0; font-weight:normal; font:inherit; }
ul, li,ol { margin:0; list-style:none; padding:0;}
form { margin:0; padding:0; }
img {border:none;}
input,textarea,select {font-family: "OPPOSansRegular" !important;}
a {text-decoration:none !important;}
a:focus, a:hover, a:active {outline: none;letter-spacing: 1px;}
br {width:100%; clear:both;}
p { font-family: "OPPOSansRegular" !important;color: #252525;letter-spacing: 1px;}
h1,h2,h3,h4,h5,h6 { font-family: "OPPOSansBold" !important;font-weight:bold;letter-spacing: 1px;}
.fontM{font-family: "OPPOSansMedium" !important;}
.fontL{font-family: "OPPOSansLight" !important;}
.fontB{font-family: "OPPOSansBold" !important;}
.fontR{font-family: "OPPOSansRegular" !important;}
.fontH{font-family: "OPPOSansHeavy" !important;}

body{
    margin: 0px;
    font-family: "Microsoft YaHei", sans-serif;
}
ul{list-style-type:none;}

/* 顶部导航 */
.shang1{
    width: 100%;
    height: 30px;
    background-color: #1d8b3b;
}
.shang1 .da ul{
    width: 80%;
    margin: 0px auto;
    padding: 0px;
    display: flex;
    justify-content: flex-end;
}
.shang1 .da li{
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    font-size: 13px;
    text-align: center;
    list-style-type: none;
    color: white;
}
.shang1 .da li a{
    color: white;
    text-decoration: none;
}

/* 头部区域 */
header {
    width: 100%;
    height: 170px; /* 固定高度170px */
    
    background-image: url(/images/friendBg.png);
    background-size: cover;
    background-position: center;
}
.header-content {
    width: 80%;
    height: 170px; 
    margin: 0 auto;
    display: flex;
    align-items: center;
    /* Logo+校名居左，校训居右 */
    flex-wrap: nowrap; /* 强制一行显示 */
}

/* Logo容器：固定尺寸，图片160*160 */
.logo-container {
    flex: 0 0 160px; /* 宽度=图片宽度，不伸缩 */
    height: 160px; /* 高度=图片高度 */
    display: flex;
    text-align: right;
    align-items: center;
    justify-content: center;
}
.logo-container img {
    width: 160px; /* 固定图片尺寸160*160 */
    height: 160px;
    object-fit: contain; /* 保持图片比例，防止变形 */
}

/* 校名容器：与Logo间距5px，居左 */
.school-name {
    flex: 1; /* 填充中间空间 */
    text-align: left;
    padding-left: 0px; /* 与Logo的间距5px */
}
.school-name img {
    max-height: 160px; /* 图片高度不超过Logo，保持视觉协调 */
    width: auto;
    display: inline-block;
}

/* 校训：居右，文字自适应大小 */
.school-motto {
    flex: 0 0 auto;
    text-align: right;
    padding-right: 10px;
}
.school-motto span {
    font-family: '华文行楷', Gadget, sans-serif;
    color: #000;
    font-size: clamp(28px, 4vw, 55px); /* 自适应字体，28px-48px */
    font-weight: 2000;
    margin: 0 8px;
}


/* 主导航 */
.sty-nav {
    width: 100%;
    height: 45px;
    background-color: #1d8b3b;
    text-align: center;
    position: relative;
    z-index: 100;
    font-family: "Microsoft YaHei", sans-serif;
}

/* 导航容器居中 */
.nav-container {
    width: 80%;
    margin: 0 auto;
}

/* 菜单块样式 */
.sty-headMenu {
    display: inline-block;
}

/* 一级菜单列表 */
.sty-menuBlock > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

/* 一级菜单项 */
.sty-menuBlock > ul > li {
    position: relative;
	width:120px;
    height: 45px;
    
    line-height: 45px;
    padding: 0 35px;
    transition: background-color 0.3s; /* 保持背景色过渡 */
}

/* 一级菜单链接 */
.sty-menuBlock > ul > li > a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    display: block;
}

/* 一级菜单 hover 效果 - 新增白色下边框 */
.sty-menuBlock > ul > li:hover {
    background-color: #166d2f;
    border-bottom: 1px solid #fff; /* 白色下边框 */
    height: 42px; /* 调整高度抵消边框占位，避免抖动 */
}

/* 二级菜单样式 */
.sty-submenu {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 45px; /* 保持原距离，不受边框影响 */
    left: 0;
    background-color: #1d8b3b;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    width: 180px;
    display: none;
    z-index: 101;
}

/* 二级菜单项 */
.sty-submenu > li {
    position: relative;
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    text-align:center;
}

/* 二级菜单链接 */
.sty-submenu > li > a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    display: block;
    transition: background-color 0.2s;
}

/* 二级菜单 hover 效果 */
.sty-submenu > li:hover {
    background-color: #166d2f;
   
}

/* 一级菜单 hover 显示二级菜单 */
.sty-menuBlock > ul > li:hover .sty-submenu {
    display: block;
}

/* 三级菜单样式 */
.sty-trimenu {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 180px;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    width: 160px;
    display: none;
    z-index: 102;
}

/* 三级菜单项 */
.sty-trimenu > li {
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
}

/* 三级菜单链接 */
.sty-trimenu > li > a {
    color: #666;
    text-decoration: none;
    font-size: 18x;
    display: block;
    transition: background-color 0.2s;
}

/* 三级菜单 hover 效果 */
.sty-trimenu > li:hover {
    background-color: #f0f9f2;
}

/* 二级菜单 hover 显示三级菜单 */
.has-trimenu:hover .sty-trimenu {
    display: block;
}

/* 当前选中状态 */
.sty-tnavOn {
    color: #1d8b3b !important;
    font-weight: bold;
}

/* 加粗字体样式 */
.fontB {
    font-weight: bold;
}

/* 响应式适配 */
@media (max-width: 1200px) {
    .nav-container {
        width: 100%;
        padding: 0 10px;
    }
    .sty-menuBlock > ul > li {
        padding: 0 15px;
    }
}


 .gd-header {
            text-align: center;
            margin-bottom: 40px;
            color: #2c3e50;
        }
        
        .gd-header h1 {
            font-size: 2.5rem;
            margin-bottom: 10px;
            font-weight: 600;
        }
        
        .gd-header p {
            font-size: 1.1rem;
            color: #7f8c8d;
            max-width: 600px;
            line-height: 1.6;
        }
        
        .systems-container {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 25px;
            max-width: 1200px;
            width: 100%;
        }
        
        .hwpt {
            background: white;
            border-radius: 12px;
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
            padding: 25px 20px;
            text-align: center;
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
        }
        
        .hwpt::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: linear-gradient(90deg, #3498db, #2ecc71);
        }
        
        .hwpt:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15);
        }
        
        .hwpt a {
            text-decoration: none;
            color: #2c3e50;
            font-weight: 500;
            font-size: 1.1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
        }
        
        .system-icon {
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, #3498db, #2ecc71);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 15px;
            color: white;
            font-size: 1.5rem;
        }
        
        .system-name {
            margin-top: 5px;
            font-size: 1rem;
        }
        
        .system-url {
            font-size: 0.85rem;
            color: #7f8c8d;
            margin-top: 8px;
        }
        
        /* 响应式设计 */
        @media (max-width: 1024px) {
            .systems-container {
                grid-template-columns: repeat(3, 1fr);
            }
        }
        
  

        /*-------------------------------------------------------------------------------------------*/
    
        /* 为不同系统添加不同颜色 */
        .hwpt:nth-child(2n)::before {
            background: linear-gradient(90deg, #e74c3c, #e67e22);
        }
        
        .hwpt:nth-child(3n)::before {
            background: linear-gradient(90deg, #9b59b6, #3498db);
        }
        
        .hwpt:nth-child(4n)::before {
            background: linear-gradient(90deg, #2ecc71, #1abc9c);
        }
        
        .hwpt:nth-child(5n)::before {
            background: linear-gradient(90deg, #f1c40f, #e67e22);
        }

/* 轮播图 */
.banner2{
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
}
.slider {
    overflow: hidden;
    width: 100%;
    position: relative;
}
.slides {
    display: flex;
    width: calc(100% * 1);
    animation: slide 10s infinite;
}
.slides img {
    width: 100%;
    height: 450px;
    flex-shrink: 0;
}
@keyframes slide {
    0% { transform: translateX(0); }
    30% { transform: translateX(0); }
    35% { transform: translateX(-100%); }
    65% { transform: translateX(-100%); }
    70% { transform: translateX(-200%); }
    100% { transform: translateX(-200%); }
}

/* 新闻轮播 */
.newslider {
    position: relative;
    overflow: hidden;
    width:580px; 
    height:400px;  
    border: 1px solid #ddd; 
    border-radius: 2px;
}
.slideshow-container {
    position: relative;
    width: 100%;
    height: 400px;
}
.slide-link {
    display: none;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.slide-link.active {
    display: block;
}
.newslidea {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.indNewsImgTxt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 15px 20px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.4;
    text-align: left;
}

/* 内容区域 */
.s1{
    width: 100%;
    height: 50px;
    margin: auto;
    border-bottom: #A9A9A9 1px solid;
}
.s11{
    float: left;
    width: 160px;
    height: 50px;
    line-height: 50px;
    text-indent: 20px;
    font-size: 23px;
    border-bottom:3px solid #1d8b3b;
}
.s12{
    float: right;
    width: 100px;
    height: 50px;
    line-height: 50px;
    color: darkgrey;
}
.s12 a{
    color: #000;
}
.s3{
    width: 1200px;
    padding: 5px;
    margin: 20px auto;
    background-color: #F6F6F6;
    overflow: hidden;
}
.othernews{
    width: 1200px;
    height: 60px;
    padding: 5px;
    margin: auto;
    background-color: #F6F6F6;
}
.s31{
    width: 580px;
    float: left;
    text-align: left;
}
.s32{
    width: 580px;
    float: right;
}
.xw1{
    padding-top: 10px;
    height: 10px;
}

/* 新闻列表 */
.indTopNewsBlock {
    position: relative;
    overflow: hidden;
    padding: 10px 0 10px 10px;
    border-bottom: 1px #bababa dashed;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    transition: all 0.5s;
}
.indTopNewsBlock .recruitTime{
    width: 60px;
    font-size: 14px;
    color: #333;
}
.indTopNewsBlock .recruitTil{
    flex:1;
    color: #333;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.indTopNewsBlock:hover{
    background-color: #E8F9EC;
}

/* 其他链接区域 */
.other-container {
    display: flex;
    width: 100%;
    background-color: #1d8b3b; 
    line-height: 35px; 
    color:#fff; 
    text-align: center;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}
.other-text{
    justify-content: space-between;
    width: 100%; 
}
.other-text a{
    color:#fff;
    font-size: 18px;
    text-decoration: none;
}
ul.horizontal-list {
    list-style-type: none;
    padding: 0;
}
ul.horizontal-list li {
    display: inline-block;
    margin-right: 10px;
}

.sty-indLearn {
    background: none;
    padding: 0 0 20px;
    width: 100%;
    box-sizing: border-box;
}

/* 列表容器 - 核心自适应布局 */
.sty-indLearn .sty-learnList {
    display: flex;
    flex-wrap: wrap;
    gap: 16px; /* 卡片间距，可调整 */
    padding: 20px 10px;
    margin: 0 auto;
    max-width: 1400px; /* 限制最大宽度，避免大屏拉伸过宽 */
    box-sizing: border-box;
}

/* 单个卡片 - 每行4张核心设置 */
.sty-indLearn .sty-learnList .sty-logo {
    flex: 1 1 calc(25% - 12px); /* 100%/4 - 间距补偿，实现每行4张 */
    min-width: 180px; /* 最小宽度，小屏不挤压 */
    max-width: calc(25% - 12px); /* 最大宽度，锁定每行4张 */
    box-sizing: border-box;
    text-align: center;
    padding: 12px;
    text-decoration: none;
}

/* 图片样式 - 自适应卡片，保持比例一致 */
.sty-indLearn .sty-learnList .sty-logo .sty-zt-logoimg {
    width: 100%;
    height: auto; /* 取消固定高度，自适应宽度 */
    aspect-ratio: 3/1; /* 固定宽高比（可调整，如3/1、4/1），保证所有图片视觉一致 */
    object-fit: cover; /* 保持图片比例，裁剪多余部分 */
    transition: transform 0.3s ease;
    border-radius: 4px; /* 可选：增加圆角优化视觉 */
}

/* 标题样式 - 适配卡片宽度 */
.sty-indLearn .sty-zt-title {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    margin: 8px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 0.3s ease;
}

/* Hover交互效果 */
.sty-indLearn .sty-learnList .sty-logo:hover .sty-zt-logoimg {
    transform: scale(1.03);
}
.sty-indLearn .sty-learnList .sty-logo:hover .sty-zt-title {
    color: #2fa96e;
}

/* 标题容器样式 */
.sty-indNewsTil {
    position: relative;
    margin: 0 0 10px 10px;
    display: inline-block;
}
.sty-indNewsTil .leftTop,
.sty-indNewsTil .rightBottom {
    position: absolute;
    top: -12px;
    left: 0;
    z-index: 9;
    color: #016539;
    font-size: 28px;
}
.sty-indNewsTil .rightBottom {
    bottom: -14px;
    top: auto;
    left: auto;
    right: 0;
}
.sty-indNewsTil .sty-indNewsTilName {
    position: relative;
    padding: 0 22px;
    font-size: 26px;
    line-height: 1.5;
    font-family: "OPPOSansLight";
    color: #333;
}

/* 响应式适配 - 自动调整每行数量 */
@media (max-width: 1200px) {
    .sty-indLearn .sty-learnList .sty-logo {
        flex: 1 1 calc(33.33% - 12px); /* 大屏每行3张 */
        max-width: calc(33.33% - 12px);
    }
}
@media (max-width: 768px) {
    .sty-indLearn .sty-learnList .sty-logo {
        flex: 1 1 calc(50% - 12px); /* 平板每行2张 */
        max-width: calc(50% - 12px);
        min-width: 150px;
    }
}
@media (max-width: 480px) {
    .sty-indLearn .sty-learnList .sty-logo {
        flex: 1 1 100%; /* 手机每行1张 */
        max-width: 100%;
        min-width: unset;
    }
    .sty-indNewsTil .sty-indNewsTilName {
        font-size: 22px;
    }
}

/* 移动端菜单 */
.gdsty-menu-togglea {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, #1d8b3b, #156c2e);
    color: white;
    border-radius: 50%;
    text-align: center;
    line-height: 56px;
    font-size: 26px;
    cursor: pointer;
    z-index: 1001;
    box-shadow: 0 4px 15px rgba(29, 139, 59, 0.3);
    border: 2px solid white;
    transition: all 0.3s ease;
}
.gdsty-menu-togglea:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(29, 139, 59, 0.4);
}
.gdsty-mobile-menu {
    position: fixed;
    top: 0;
    left: -100%;
    width: 85%;
    max-width: 320px;
    height: 100vh;
    background: linear-gradient(180deg, #1d8b3b 0%, #156c2e 100%);
    z-index: 1000;
    transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    overflow-y: auto;
    box-shadow: 4px 0 25px rgba(0, 0, 0, 0.3);
}
.gdsty-mobile-menu.active {
    left: 0;
}
.gdsty-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
.gdsty-menu-overlay.active {
    opacity: 1;
    visibility: visible;
}
.gdsty-close-menu {
    position: absolute;
    top: 15px;
    right: 15px;
    color: white;
    font-size: 32px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
    z-index: 1002;
}
.gdsty-close-menu:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: rotate(90deg);
}
.gdsty-menu-header {
    padding: 30px 25px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 10px;
}
.gdsty-menu-title {
    color: white;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}
.gdsty-mobile-menu .gdsty-menuBlocka ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.gdsty-mobile-menu .gdsty-menuBlocka > ul > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
}
.gdsty-mobile-menu .gdsty-menuBlocka > ul > li:last-child {
    border-bottom: none;
}
.gdsty-menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 25px;
    color: white;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
    min-height: 54px;
    box-sizing: border-box;
    width: 100%;
}
.gdsty-menu-item:hover {
    background: rgba(255, 255, 255, 0.1);
    padding-left: 30px;
}
.gdsty-menu-item.gdsty-has-children::after {
    content: '?';
    font-size: 20px;
    transition: transform 0.3s ease;
    margin-left: 10px;
}
.gdsty-menu-item.gdsty-has-children.active::after {
    transform: rotate(90deg);
}
.gdsty-mobile-menu .gdsty-submenu,
.gdsty-mobile-menu .gdsty-trimenu {
    background: rgba(0, 0, 0, 0.2);
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
    margin: 0;
}
.gdsty-mobile-menu .gdsty-submenu.active,
.gdsty-mobile-menu .gdsty-trimenu.active {
    max-height: 1000px;
}
.gdsty-submenu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 25px 16px 40px;
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    font-size: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.3s ease;
    min-height: 50px;
    box-sizing: border-box;
    margin: 4px 0;
    width: 100%;
}
.gdsty-submenu-item:hover {
    background: rgba(255, 255, 255, 0.08);
    color: white;
    padding-left: 45px;
}
.gdsty-submenu-item.gdsty-has-children::after {
    content: '?';
    font-size: 18px;
    transition: transform 0.3s ease;
}
.gdsty-submenu-item.gdsty-has-children.active::after {
    transform: rotate(90deg);
}
.gdsty-trimenu-item {
    padding: 14px 25px 14px 55px;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    font-size: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    display: block;
    transition: all 0.3s ease;
    min-height: 46px;
    box-sizing: border-box;
    margin: 3px 0;
    width: 100%;
}
.gdsty-trimenu-item:hover {
    background: rgba(255, 255, 255, 0.06);
    color: white;
    padding-left: 60px;
}
.gdsty-menu-item.gdsty-special {
    background: rgba(255, 255, 255, 0.1);
    font-weight: bold;
}
.gdsty-menu-item.gdsty-special:hover {
    background: rgba(255, 255, 255, 0.15);
}

/* 响应式设计 */
@media (max-width: 767px) {
    header {
        height: 220px;
        padding: 5px 0;
    }
    .header-content {
        flex-wrap: wrap;
        justify-content: center;
        gap: 0; /* 清除整体间距，确保无间隔 */
    }
    .logo-container {
        flex: 0 0 130px; /* 固定120px */
        height: 130px;
        width: 100%;
        padding: 0;
        margin: 0; /* 清除底部间距，实现无间隔 */
    }
    .logo-container img {
        width: 130px; /* 图片同步120px */
        height: 130px;
        padding-top:40px;
    }
    .school-name {
        flex: 0 0 100%;
        text-align: center;
         
        padding: 0; /* 清除所有内边距 */
        margin: 0; /* 清除所有外边距 */
        padding-bottom: 10px;
    }
    .school-name img {
        max-width:90%;
        height: auto;
        
    }
    .school-motto {
        display: none;
    }
    .sty-footer-link{ display: none;}
    .sty-footer-logo{ display: none;}
   .sty-footer-lx{width:100%;}
   .sty-footer-bm{width:100%;}
@media (min-width: 768px) and (max-width: 1023px) {
    .header-content {
        gap: 20px;
    }
    .logo-container {
        max-width: 110px;
    }
    .school-motto span {
        font-size: clamp(24px, 3.5vw, 36px);
    }
}
@media (min-width: 1024px) {
    header {
        padding: 25px 0;
    }
    .header-content {
        width: 85%;
        gap: 30px;
    }
    .logo-container {
        max-width: 130px;
    }
    .school-motto {
        flex: 0 0 auto;
        width: auto;
        margin-top: 0;
    }
}

@media (max-width: 1400px) {
    .gdsty-menu-togglea {
        display: block !important;
    }
   .header-content {
        width: 80%;
    }
    .school-motto span {
        font-size: 48px;
        margin: 0 20px;
    }
}

@media (max-width: 1280px) {
    .shang1 .da ul {
        width: 100%;
        justify-content: center;
    }
    .shang1 .da li {
        padding: 0 8px;
        font-size: 12px;
    }
    .header-content {
        width: 80%;
        gap: 30px;
    }
    .logo-container {
        flex: 0 0 120px;
    }
    .school-motto span {
        font-size: 48px;
        margin: 0 15px;
    }
    .nav-container {
        width: 100%;
    }
    .sty-menuBlock > ul {
        display: none;
    }
    .banner2 {
        height: auto;
    }
    .banner-img {
        height: 200px !important;
        object-fit: cover;
    }
    #newslider {
        width: 100%;
        height: 200px;
    }
    .s3, .othernews {
        width: 100%;
        box-sizing: border-box;
    }
    .s31, .s32 {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    .s11 {
        font-size: 18px;
        width: 120px;
    }
    .learnList {
        justify-content: center;
    }
    nav {
        display: none;
    }
    .zt-logoimg{
        width: 100%;
        height: 100%;
        text-align: center;
    }
    .zt-title{
        visibility: hidden;
    }
}

@media (max-width: 480px) {
    .gdsty-mobile-menu {
        width: 90%;
        max-width: 280px;
    }
    .gdsty-menu-item,
    .gdsty-submenu-item,
    .gdsty-trimenu-item {
        padding-left: 20px;
        padding-right: 20px;
    }
    .gdsty-submenu-item {
        padding-left: 30px;
    }
    .gdsty-trimenu-item {
        padding-left: 40px;
    }
}

/* 滚动条样式 */
.gdsty-mobile-menu::-webkit-scrollbar {
    width: 6px;
}
.gdsty-mobile-menu::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
}
.gdsty-mobile-menu::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
}
.gdsty-mobile-menu::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5);
}

/* 修复：子菜单项之间的间距 */
.gdsty-submenu li:not(:last-child) {
    margin-bottom: 2px;
}
.gdsty-trimenu li:not(:last-child) {
    margin-bottom: 2px;
}

	.FDfooter .FDfootMain .FD_footCont{justify-content: flex-start !important;flex-wrap: wrap;}
	.footName{flex: 0 0 38%;}
	.MDfoot_logo {width: 100%;height: auto;}
	.erweima_box{flex: 0 0 100%;margin: 5px 0 0;}