*{ margin:0; padding:0}
body{margin:0 auto;max-width:512px;background:#fff;line-height:24px; color:#333;font-size:1rem;width: 100%;height: 100%;font: 400 1em / 1.8 "SimSun", "宋体", "PingFang SC", "Microsoft YaHei", \5FAE\8F6F\96C5\9ED1, Helvetica, Arial, sans-serif;font-weight:300;}
div, ul, li, form, h1, h2, h3, h4,h5, p, dl, dt, dd, ul, ol, li, th, td, aside, article {list-style: none; }
a{text-decoration:none;outline:0px; color:#333}
img{ border:0;max-width: 100%;}
em, i {font-style: normal;}
.ccsl{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.clear {clear:both;}
.diannao{display: none}
/* 顶部logo部分 */
.shoujipage_head {position: fixed;top: 0;left: 0;width: 100%;background-color: #fff;z-index: 9;box-shadow: 0 10px 50px 8px rgba(0, 0, 0, 0.1);}
.tophead_nv {padding: .625rem 1rem 0 1rem;}
.tophead_nv .logoz {display: flex;align-items: center;padding:3px 0;}
.tophead_nv .logoz img{width:80%;}
/* 头部导航栏 - 导航栏样式 - 核心部分 */
.top-nav {position: relative;z-index: 500;float: right;display:flex; position: fixed;top:10px;right: 20px;}
.nav-list {display: flex;list-style: none; }
.nav-item {position: relative; }
.nav-link {display: block;text-decoration: none;transition: all 0.3s ease;cursor: pointer;position: relative;width:2rem;padding-top:10px;}
.nav-link:hover {color: #e5000a;}
/* 关键：确保下拉菜单在顶层 */
.dropdown-container {position: absolute;top: 100%;right: 0;min-width: 220px;/* 确保在最顶层 */z-index: 9999 !important; /* 使用 !important 确保优先级 */visibility: hidden;opacity: 0;transform: translateY(10px);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);/* 防止继承父级的 z-index */isolation: isolate; }
.nav-item.active .dropdown-container {visibility: visible;opacity: 1;transform: translateY(0); }
/* 下拉菜单内容 */
.dropdown-menu {background: white;border-radius: 8px;box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);overflow: hidden;margin-top: 5px;/* 确保菜单本身层级 */position: relative;z-index: 10000; }
.dropdown-item {display: flex;align-items: center;padding: 14px 20px;color: #333;text-decoration: none;transition: all 0.2s ease;border-bottom: 1px solid #f0f0f0; }
.dropdown-item:last-child {border-bottom: none; }
.dropdown-item:hover {background:#e5000a;color: white;padding-left: 25px; }
.dropdown-item i {margin-right: 10px;}
/* 箭头指示 */
.nav-link::after {/* content: '▼'; */margin-left: 8px;display: inline-block;transition: transform 0.3s ease; }
.nav-item.active .nav-link::after {transform: rotate(180deg); }
/* 头部导航结束 */
/* 手机端幻灯片 */
.allboxjj {width: 100%;margin-top:4.5rem;}
.huandenpianyi {margin: 0 auto;padding:10px;}
.slides-container {margin-bottom: 40px;}
.slideshow {position: relative;overflow: hidden;margin-bottom: 30px;border-radius: 10px;box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.slides-wrapper {width: 100%;height: 100%;overflow: hidden;}
.slides {display: flex;height: 100%;transition: transform 0.5s ease;}
.slide {min-width: 100%;height: 100%;position: relative;}
.slide img {width: 100%;height: 100%;object-fit: cover;display: block;}
.slide-content {position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(transparent, rgba(0,0,0,0.7));color: white;padding: 20px;}
.slide-title {margin-bottom: 5px;}
.slide-desc {opacity: 0.9;}
.nav-btn {position:absolute;top: 50%;transform:translateY(-50%);background:rgba(255,255,255,0.9);border:none;width: 30px;height:30px;border-radius: 50%;color: #333;cursor:pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s;z-index:5;}
.nav-btn:hover {background: white;transform: translateY(-50%) scale(1.1);}
.prev-btn {left: 15px;}
.next-btn {right: 15px;}
.dots-container {position: absolute;bottom: 15px;left: 0;right: 0;display: flex;justify-content: center;gap: 10px;z-index: 5;}
.dot {width: 10px;height: 10px;border-radius: 50%;background: rgba(255,255,255,0.5);cursor: pointer;transition: all 0.3s;}
.dot.active {background: white;transform: scale(1.2);}
.dot:hover {background: white;}
.row {display: flex;flex-wrap: wrap;gap: 20px;margin-bottom: 40px;}
.col {flex: 1;min-width: 300px;}