@charset "utf-8";

/* ================= 1. 基础重置 ================= */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { font-size: 13.333vw; /* 750px设计稿基准：1rem = 100px (以375px屏宽为 50px) */ -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; user-select: none; }
body { color: #333; font-family: -apple-system, Helvetica, "Microsoft YaHei", sans-serif; background-color: #f5f5f5; line-height: 1.5; }
img { display: block; width: 100%; border: none; }
li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }

.re { position: relative; }
.flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
.viewCon { position: relative; width: 100%; margin: 0 auto; max-width: 7.5rem; min-width: 3.2rem; background-color: #fff; box-shadow: 0 0 0.2rem rgba(0,0,0,0.05); overflow-x: hidden; }

/* ================= 2. 头部 Header ================= */
/* header > ul { position: relative; padding: 0.3rem 0.3rem 0.3rem; background: linear-gradient(135deg, #850612 0%, #a50716 100%); z-index: 10; } */
header > ul { position: relative; padding: 0.3rem 0.3rem 0.3rem; background: linear-gradient(to bottom right, rgb(95, 93, 212), rgb(95, 93, 212) 13.03%, rgb(95, 93, 212)); z-index: 10; }

header > ul .menuBtn { display: flex; width: 8%; flex-direction: column; justify-content: center; }
header > ul .menuBtn span { display: block; width: 100%; height: 2px; margin: 3px 0; background: #fff; border-radius: 2px; }
header > ul .menuBtn span:nth-of-type(2) { width: 60%; }
header > ul .menuBtn span:nth-of-type(3) { width: 80%; }
header > ul .logo { display: flex; width: 75%; align-items: center; }
header > ul .talkBtn { display: flex; width: 8%; align-items: center; }

/* ================= 3. 中间大两边小的手感缩放轮播 (原生内核) ================= */
/* ================= 3. 优化后的中间大两边小的手感轮播 ================= */
.custom-slider { position: relative; width: 100%; padding: 0.2rem 0; overflow: hidden; z-index: 5; }
.banner-sec { margin-top: -0.4rem; }

.slider-wrapper { display: flex;
/* 核心修改：左右各留 8% 空间 (0.6rem)，使第一张和最后一张原生默认完美居中 */
padding: 0 0.6rem; align-items: center; overflow-x: auto; scroll-snap-type: x mandatory; /* 开启系统原生弹性吸附 */ scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.slider-wrapper::-webkit-scrollbar { display: none; }

.slider-slide { margin: 0 0.1rem; /* 稍微缩减间距使边缘露出更自然 */  /* 核心修改：锁定宽度为 6.3rem (84% 屏宽)，与留白完美契合 */

flex: 0 0 6.3rem; scroll-snap-align: center; border-radius: 0.16rem; overflow: hidden; transform: scale(0.92); opacity: 0.6; transition: transform 0.4s ease, opacity 0.4s ease, box-shadow 0.4s ease; }
.slider-slide.is-active { transform: scale(1); opacity: 1; box-shadow: 0 0.1rem 0.3rem rgba(153,0,51,0.25); }

/* 指示器（圆点）样式 */
.slider-dots { display: flex; justify-content: center; margin-top: 0.15rem; }
.slider-dots span { width: 6px; height: 6px; margin: 0 4px; background: #ddd; border-radius: 50%; transition: all 0.3s ease; }
.slider-dots span.active { background: #a50716; transform: scale(1.3); }
/* ================= 4. 内容板块 ================= */
.nav { padding: 0.4rem 0.3rem 0.1rem; }
.nav figure { display: flex; width: 23%; flex-direction: column; align-items: center; margin-bottom: 0.3rem; }
.nav figure img { width: 1.1rem; height: 1.1rem; border-radius: 50%; }
.nav figure h6 { color: #666; margin-top: 0.1rem; font-size: 0.24rem; text-align: center; }

.item { padding: 0.2rem 0.15rem; }
.item img { width: 32%; margin-bottom: 2%; border-radius: 0.08rem; }

.doc-sec { padding: 0.4rem 0; background: #f8f8f8; }
.safe { padding: 0.2rem 0.3rem; background: #f8f8f8; }
.safe dt { width: 68%; }
.safe dd { width: 30%; }

/* 底部数据样式 */
footer { padding: 0.4rem 0.3rem 1.6rem; background: #f8f8f8; text-align: center;
/*background:url(../img/ft1.jpg) no-repeat center top;background-size: 100% auto; */ }
footer .linkBtn { width: 90%; margin: 0 auto 0.3rem; padding: 0.2rem 0.5rem; background: #a50716; border-radius: 0.1rem; overflow: hidden; box-shadow: 0 0.05rem 0.2rem rgba(192,2,90,0.4); }
footer .address-box { padding: 0 0.2rem; color: #666; font-size: 0.24rem; line-height: 1.8; text-align: left; }
footer .address-box h3 { color: #333; font-size: 0.28rem; font-weight: bold; margin-bottom: 0.1rem; }
footer .swt { display: flex; justify-content: center; }
footer .swt a { margin: 0 0.1rem; padding: 0.1rem 0.4rem; background: #434343; color: #fff; font-size: 0.24rem; border-radius: 0.3rem; }

/* ================= 5. 原生视觉与动画组件 ================= */

/* 吸顶 iOS 消息盒子 (距离顶部 0px) */
.topTips { position: fixed; top: 0; left: 50%; width: 100%; height: 0; max-width: 7.5rem; z-index: 10000; transform: translateX(-50%); box-sizing: border-box; }
.tipsInner { display: flex; position: relative; margin: 0.15rem; padding: 0.2rem 0.3rem; background: #fff; border-radius: 0.12rem; box-shadow: 0 4px 15px rgba(0,0,0,0.15); align-items: center; opacity: 0; transform: rotateX(90deg); transform-origin: top center; transition: all 0.5s cubic-bezier(0.1, 0.8, 0.2, 1); }
.showTip .tipsInner { transform: rotateX(0deg); opacity: 1; }
.tipsInner a { display: flex; width: 90%; align-items: center; text-decoration: none; }
.tipsInner img { width: 0.7rem; height: 0.7rem; margin-right: 0.2rem; }
.tipsInner dl dt { color: #000; font-weight: bold; font-size: 0.28rem; }
.tipsInner dl dd { color: #666; font-size: 0.24rem; margin-top: 0.02rem; }
/* 微信置顶通知栏的关闭小叉号微调 */
.tipsClose { position: absolute; right: 0.3rem; color: #999; font-size: 0.45rem; cursor: pointer; line-height: 1; }
/* 经典的中心弹窗 (swtCenter) */
.swtCenter { display: none; position: fixed; top: 50%; left: 50%; width: 5.6rem; height: 5.3rem; background: #FFF; transform: translate(-50%, -50%) scale(0.8); border-radius: 0.3rem; box-shadow: 0 0 0.4rem rgba(0,0,0,0.3); z-index: 10001; flex-direction: column; align-items: center; opacity: 0; transition: all 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.28); }
.swtCenter.open { display: flex; transform: translate(-50%, -50%) scale(1); opacity: 1; }
.swtCenter h3 { color: #6a7380; font-size: 0.45rem; margin-top: 0.5rem; text-align: center; }
.swtCenter h6 { color: #a50716; font-size: 0.28rem; margin-top: 0.05rem; }
.mfhd { display: flex; width: 4.8rem; height: 0.7rem; margin: 0.3rem 0; border: 1px solid #6a7380; border-radius: 0.35rem; overflow: hidden; }
.mfhd input { height: 100%; color: #6a7380; flex: 1; border: none; outline: none; padding-left: 0.3rem; font-size: 0.26rem; }
.mfhd a { display: flex; width: 1.5rem; height: 100%; background: #2e3642; color: #fff; font-size: 0.24rem; justify-content: center; align-items: center; text-decoration: none; }
.swtCenter p { padding: 0 0.4rem; color: #333; font-size: 0.22rem; text-align: center; }
.swt_lists { display: flex; width: 100%; height: 1.1rem; margin-top: auto; border-radius: 0 0 0.3rem 0.3rem; overflow: hidden; }
.swt_lists a { display: flex; position: relative; color: #fff; flex: 1; justify-content: center; align-items: center; text-decoration: none; font-size: 0.32rem; font-weight: bold; }
.swt_list2 { background: #ff6005; }
.swt_list1 { background: #26c540; }
.swtLinkCounter { display: flex; position: absolute; top: 0.2rem; left: 0.4rem; width: 0.3rem; height: 0.3rem; background: red; border-radius: 50%; font-size: 0.18rem; justify-content: center; align-items: center; font-style: normal; }
/* 中间弹窗右上角关闭按钮 - 纯CSS高清重构 */
.closeBtn_swt { display: flex; position: absolute; top: -0.15rem; right: -0.15rem; width: 0.5rem; height: 0.5rem; background: #434343; color: #fff; border: 2px solid #fff; border-radius: 50%; align-items: center; justify-content: center; font-size: 0.36rem; font-family: Arial, sans-serif; font-weight: bold; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,0.2); z-index: 10; line-height: 1; }


/* 底部悬浮 KstFooter */
.kstFooter { position: fixed; bottom: 0; left: 50%; width: 100%; height: 1.1rem; transform: translateX(-50%); max-width: 7.5rem; box-shadow: 0 -3px 15px rgba(0,0,0,0.15); z-index: 999; }
.kstFooter a { display: flex; color: #fff; align-items: center; justify-content: center; text-decoration: none; font-size: 0.3rem; font-weight: bold; }
.kstTalk { position: relative; width: 32%; background: #c0025a url(../img/kf1.png) no-repeat 10% center; background-size: 0.4rem; padding-left: 0.4rem; }
.kstTalk i { position: absolute; top: 0.15rem; right: 1.6rem; padding: 0.02rem 0.1rem; background: #fe3509; border-radius: 50%; font-size: 0.18rem; font-style: normal; }
.kstTell { width: 32%; background: #900 url(../img/kf2.png) no-repeat 10% center; background-size: 0.4rem; padding-left: 0.4rem; }
.kstAct, .kstInd { width: 18%; background: #434343 url(../img/kf3.png) no-repeat center 20%; color: #a09a9d; flex-direction: column; font-size: 0.22rem; background-size: 0.4rem; padding-top: 0.45rem; }
.kstInd { background-image: url(../img/kf4.png); }