/* 全局样式重置 */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"微软雅黑",sans-serif;font-size:15px;color:#333;line-height:1.8;background:#fff;}
ul,li{list-style:none;}
a{text-decoration:none;color:#333;}
/* 替换固定1200px为自适应容器 */
.w1200{width:100%;max-width:1200px;margin:0 auto;padding:0 15px;}

/* 头部LOGO+主导航 - 桌面端 */
.header-top{width:100%;background:#fff;position:relative;}
.header-main{height:100px;display:flex;align-items:center;justify-content:space-between;}
.logo img{height:100px;display:block;}

/* 导航：中文 + 英文 上下紧凑 - 桌面端 */
.nav{display:flex;}

.nav li a{
    color:#333;
    font-size:16px;
    padding:0 16px;
    height:70px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    transition:all 0.2s;
}
.nav li a .cn{line-height:1.2;}
.nav li a .en{
    font-size:12px;
    color:#999;
    line-height:1;
    margin-top:6px; /* 拉近中英文距离 */
}
.nav li a:hover,.nav li a.active{
    background:#c71522;
    color:#fff;
}
.nav li a:hover .en,.nav li a.active .en{color:#fff;}

/* 移动端导航开关 */
.nav-toggle{
    display:none;
    width:40px;
    height:40px;
    position:absolute;
    right:15px;
    top:30px;
    flex-direction:column;
    justify-content:space-around;
    cursor:pointer;
    z-index:999;
}
.nav-toggle span{
    width:100%;
    height:3px;
    background:#333;
    border-radius:2px;
    transition:all 0.3s;
}

/* 顶部Banner */
.banner{width:100%;margin:8px 0;}
.banner img{width:100%;display:block;}

/* 面包屑 */
.bread{height:45px;line-height:45px;background:#f6f6f6;margin-bottom:10px;padding-left:15px;}
.bread a{color:#666;}
.bread span{color:#999;margin:0 5px;}
.bread .cur{color:#c71522;}

/* 主体左右布局 - 桌面端 */
.main-box{display:flex;gap:30px;}

/* 左侧栏目导航 - 桌面端 */
.left-nav{width:230px;}
.nav-list{border:1px solid #eee;border-top:none; 
          margin-bottom:10px !important;/* 大幅缩小导航与图片间距 */
}
.nav-list li{border-bottom:1px solid #eee;}
.nav-list li a{display:block;height:45px;line-height:45px;padding-left:20px;color:#555;font-size: 16px;}
.nav-list li a.active{background:#c71522;color:#fff;}
.nav-list li a:hover{background:#f5f5f5;color:#c71522;}

/* 左侧新增的三个图片模块 */
.left-banner-item{width:100%;height:110px;margin-bottom:15px;position:relative;overflow:hidden;}
.left-banner-item img{width:100%;height:100%;object-fit:cover;display:block;}
.left-banner-item .text-wrap{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;padding-left:20px;color:#fff;}
.left-banner-item .title{font-size:28px;font-weight:bold;line-height:1.3;}
.left-banner-item .en-title{font-size:18px;line-height:1.3;opacity:0.9;}
/* 三个模块的半透明遮罩颜色 */
.banner1 .text-wrap{background:rgba(44, 84, 130, 0.75);}
.banner2 .text-wrap{background:rgba(170, 128, 50, 0.75);}
.banner3 .text-wrap{background:rgba(160, 40, 40, 0.75);}

/* 右侧内容区 - 桌面端 */
.right-content{flex:1;}
.content-title{font-size:24px;color:#222;text-align:center;padding-bottom:20px;margin-bottom:25px;border-bottom:1px dashed #ccc;}
.content-text p{margin-bottom:16px;text-indent:2em;}
.content-text{padding:0 10px 30px;}

/* 底部Footer：左侧文字 + 右侧二维码 - 桌面端 */
.footer{width:100%;background:#333;color:#fff;padding:30px 0;margin-top:50px;}
.footer .w1200{display:flex;justify-content:space-between;align-items:flex-start;}
.footer-info p{font-size:14px;line-height:2;}
.footer-qrcode{display:flex;gap:20px;}
.qrcode-item{text-align:center;}
.qrcode-item img{width:90px;height:90px;background:#fff;padding:5px;border-radius:4px;}
.qrcode-item span{font-size:12px;display:block;margin-top:8px;color:#ccc;}




.nav > li{ /* 一级菜单项 */
    position: relative; /* 为二级菜单定位做准备 */
}
/* 二级菜单样式 */
.nav .submenu{
    position: absolute;
    top: 70px; /* 与一级菜单底部对齐 */
    left: 0;
    width: 100px; /* 二级菜单宽度 */
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    display: none; /* 默认隐藏 */
    z-index: 9999; /* 确保在最上层 */
}
.nav .submenu li{
    border-bottom: 1px solid #eee;
}
.nav .submenu li:last-child{
    border-bottom: none;
}
.nav .submenu li a{
    height: 45px;
    padding: 0 15px;
    display: block;
    text-align: left;
    flex-direction: row; /* 取消上下排列 */
    line-height: 45px;
}
.nav .submenu li a .cn{
    font-size: 14px;
}
.nav .submenu li a .en{
    font-size: 10px;
    margin-top: 0;
    margin-left: 8px;
}
/* 一级菜单hover时显示二级菜单 */
.nav > li:hover .submenu{
    display: block;
}
/* 二级菜单hover样式 */
.nav .submenu li a:hover{
    background: #f5f5f5;
    color: #c71522;
}
.nav .submenu li a:hover .en{
    color: #c71522;
}