@charset "UTF-8";/* 链接 */
a { text-decoration: none !important; } 
/* 颜色 */
.bg_yellow2 { background-color: #fecf89; } 
/* 间隔距离 */
.px-10r { padding-left: 10rem!important; padding-right: 10rem!important; } 
.lineH19 { line-height: 1.9; } 
.lineH15 { line-height: 1.6; } 
.lineH14 { line-height: 1.4; } 
/* 段落空行 */
.text-2em { text-indent: 2em; } 
/* 字体大小 */
.fs-7 { font-size: 0.875rem !important; } 
.fs-8 { font-size: 0.75rem !important; } 
.fs-9 { font-size: 0.625rem !important; } 
/* 显示行数 */
.line-clamp2 { -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; } 
.line-clamp3 { -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; } 
.line-clamp4 { -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; } 
.line-clamp5 { -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; } 
.line-clamp6 { -webkit-line-clamp: 6; line-clamp: 6; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; } 
.line-clamp9 { -webkit-line-clamp: 9; line-clamp: 9; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; } 
/* 文字两端对齐 */
.text-justify { text-align: justify !important; } 
/* 文字阴影 */
.text-shadow { text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); } 
.text-shadow-lg { text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.7); } 
/* 发光文字效果 */
.glow-text { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073; } 
/* 浮雕文字效果 */
.emboss-text { text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000; } 
/* 多层阴影效果 */
.multi-shadow { text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.3), 0 0 10px rgba(255, 255, 255, 0.6); } 
/* 竖排文字效果 */
.text-vertical-truncate { writing-mode: vertical-rl; text-orientation: upright; overflow: hidden; word-break: break-all; letter-spacing: 4px; width: 100%; } 
/* 图片下的固定标题 */
.carousel-caption2 { position: absolute; right: 5%; bottom: 0; left: 5%; color: #fff; text-align: center; } 
.carousel-caption3 { position: absolute; right: 0; bottom: 0; left: 0; color: #fff; text-align: center; } 
/* list 样式 */
.list-baidian1::before { content: "•"; display: inline-block; width: 1em; margin-left: -1em; color: white; } 
.list-black1 { list-style: none; padding: 0; } 
.list-black1 li { padding-left: 20px; position: relative; } 
.list-black1 li::before { content: "•"; position: absolute; left: 0; color: #000000; } 
.fullbady_527 { overflow: hidden; /* 隐藏滚动条 */margin: 0; height: 100vh; } 
.nav-buttons { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; padding: 10px; } 
/* 边框粗细 */
.border_w2 { border-width: 2px!important; } 
.border_w3 { border-width: 3px!important; } 
.border_w8 { border-width: 8px!important; } 
/* 边框圆角 */
.rounded-xl1 { border-radius: 1rem; } 
.rounded-xl2 { border-radius: 2rem; } 
.rounded-xl3 { border-radius: 3rem; } 
/* 边框小三角 */
.border_triangle1,.border_triangle2 { position: absolute; left: 50%; transform: translate(-50%, 0); } 
.border_triangle1 { color: #e7b66a; font-size: 48px; bottom: -29px; z-index: 3; } 
.border_triangle2 { color: #b5212d; font-size: 48px; bottom: -29px; z-index: 3; } 
.border_triangle3 { position: absolute; left: 50%; transform: translate(-50%, 0); } 
.border_triangle3 { font-size: 48px; bottom: -33px; z-index: 3; } 
.border_triangle4,.border_triangle5 { position: absolute; top: 33%; transform: translate(-50%, 0); } 
.border_triangle4 { font-size: 48px; left: 0px; z-index: 3; } 
.border_triangle5 { font-size: 48px; right: -29px; z-index: 3; } 
/* 透明 */
.opacity0 { opacity: 0; } 
/* 绝对定位 */

.abs_logo1 { top: 6%; left: 2%; } 
.abs_logo2 { top: 4%; right: 2%; } 
.abs_logo3 { bottom: 6%; left: 3%; } 
.abs_t8 { top: 13%; left: 10%; } 
.abs_t9 { bottom: 13%; left: 10%; } 
.abs_more1 { bottom: 9%; left: 10%; } 
.abs_t10 { top: 8%; right: 8%; } 
.abs_rwz1 { top:0; bottom:0; right:20%; margin: auto; } 
.abs_gctd1 { top:0; bottom:0; right:15%; margin: auto; } 
.abs_t14 { bottom: 21%; right: 8%; } 
.abs_ar3 { bottom: 22%; left: 0; right:0; margin: auto; } 
/* 按钮定位 */

.ztts_btn7 { position: absolute; top: 30%; left: 23%; } 
.ztts_btn8 { position: absolute; top: 43%; left: 24%; } 
.ztts_btn9 { position: absolute; top: 56%; left: 23%; } 
.ztts_btn10 { position: absolute; top: 20%; left: 18%; } 
.ztts_btn11 { position: absolute; top: 45%; left: 18%; } 
.ztts_btn12 { position: absolute; top: 70%; left: 18%; } 
.ztts_back1 { position: absolute; bottom: 40%; right: 01%; transform: translateY(-50%); z-index: 10; cursor: pointer; transition: opacity 0.3s; } 
.ztts_dw11 { position: absolute; top: 39%; right: 28%; } 
.ztts_syt_1225 { position: absolute; top: 39%; right: 8%; } 
.ztts_dw12d { position: absolute; top: 50%; left: 34%; } 
.ztts_dw12 { position: absolute; top: 26%; left: 14%; } 
.ztts_dw13d { position: absolute; top: 55%; left: 41%; } 
.ztts_dw13 { position: absolute; top: 26%; left: 34%; } 
.ztts_dw14d { position: absolute; top: 59%; left: 43%; } 
.ztts_dw14 { position: absolute; top: 26%; left: 44%; } 
.ztts_dw15d { position: absolute; top: 55%; left: 53%; } 
.ztts_dw15 { position: absolute; top: 26%; left: 64%; } 
.ztts_rw1a { position: absolute; top: 375px; left: 30.5%; } 
.ztts_rw1 { position: absolute; top: 591px; right: 56%; } 
.ztts_rw1a { position: absolute; top: 375px; left: 30.5%; } 
.ztts_rw1 { position: absolute; top: 591px; right: 56%; } 
.ztts_rw1a { position: absolute; top: 375px; left: 30.5%; } 
.ztts_rw1 { position: absolute; top: 591px; right: 56%; } 

/* 2个图片切换显示1 */
 /* 1. 非active状态：显示第一张图，隐藏第二张图 */
 .img-tow:not(.active) .img-first { display: block; /* 显示第一张图 */}
 .img-tow:not(.active) .img-second { display: none; /* 隐藏第二张图 */}
 
 /* 2. active状态：显示第二张图，隐藏第一张图 */
 .img-tow.active .img-first { display: none; /* 隐藏第一张图 */}
 .img-tow.active .img-second { display: block; /* 显示第二张图 */}
 
 /* 3. 鼠标移入非active的a标签：切换为显示第二张图 */
 .img-tow:not(.active):hover .img-first { display: none; /* 隐藏第一张图 */}
 .img-tow:not(.active):hover .img-second { display: block; /* 显示第二张图 */}
 
/* 2个图片切换显示2 - 默认显示第一张，hover和active时显示两张 */
/* 确保第一张图片层级更高，能被点到 */
.img-tow2 .img-first { z-index: 10; cursor: pointer; } 
/* 第二张图片层级低一点 */
.img-tow2 .img-second { z-index: 1; opacity: 0; transition: opacity 0.3s; } 
/* 2. Hover状态：鼠标移入 .img-tow2 区域（包含img-first），显示第二张图 */
.img-tow2:hover .img-second, .img-tow2.is-active .img-second { opacity: 1; } 
/* 3. 点击激活状态：当父容器有 is-active 类时，强制显示第二张图 */
/* 这个优先级要高，确保点击后移开鼠标依然显示 */

/* 2个图片切换显示2 - 默认隐藏所有图片，hover和active时显示两张 */
/* 确保第一张图片层级更高，能被点到 */
.img-tow3 .img-first { z-index: 10; opacity:0; cursor: pointer; } 
/* 第二张图片层级低一点 */
.img-tow3 .img-second { z-index: 1; opacity: 0; transition: opacity 0.3s; } 
/* 2. Hover状态：鼠标移入 .img-tow2 区域（包含img-first），显示第二张图 */
.img-tow3:hover .img-first,.img-tow3:hover .img-second, .img-tow3.is-active .img-second { opacity: 1; } 

/* 卡片样式开始 */
.card_zt_shadow01 { border-radius: 50px;/* background: #e0e0e0; */
box-shadow: 30px 30px 60px #bebebe,
 -30px -30px 60px #ffffff; } 
.card_zt_btm1 { background-color: rgba(255, 255, 255, 0.65);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);border: 1px solid rgba(255, 255, 255, 0.18);box-shadow: rgba(142, 142, 142, 0.19) 0px 6px 15px 0px;-webkit-box-shadow: rgba(142, 142, 142, 0.19) 0px 6px 15px 0px;border-radius: 12px;-webkit-border-radius: 12px;color: rgba(255, 255, 255, 0.75); } 

.card_zt_btm2 { background-color: rgba(255, 255, 255, 0.25);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);border: 1px solid rgba(255, 255, 255, 0.18);box-shadow: rgba(142, 142, 142, 0.19) 0px 6px 15px 0px;-webkit-box-shadow: rgba(142, 142, 142, 0.19) 0px 6px 15px 0px;border-radius: 12px;-webkit-border-radius: 12px;color: rgba(255, 255, 255, 0.9); } 

/* From www.lingdaima.com */
.card_zt_btm4 {
outline: 0;border: 0;cursor: pointer;will-change: box-shadow,transform;background: radial-gradient( 100% 100% at 100% 0%, #89E5FF 0%, #5468FF 100% );box-shadow:3px 1em 1em 2px rgb(45 35 66 / 40%), 0px 0.3em 0.7em -0.01em rgb(45 35 66 / 62%), inset 0px -0.01em 0px rgb(58 65 111 / 50%);
border-radius: 0.3em;color: #fff;
text-shadow: 0 1px 0 rgb(0 0 0 / 40%);transition: box-shadow 0.15s ease, transform 0.15s ease; } 
 
 .card_zt_btm4:hover {box-shadow: 0px 0.1em 0.2em rgb(45 35 66 / 40%), 0px 0.4em 0.7em -0.1em rgb(45 35 66 / 30%), inset 0px -0.1em 0px #3c4fe0;transform: translateY(-0.1em); } 
 
 .card_zt_btm4:active {box-shadow: inset 0px 0.1em 0.6em #3c4fe0;transform: translateY(0em); } 
.card_zt_btm4 .text-black, .card_zt_btm4 p {color: rgba(255, 255, 255, 0.9)!important; } 
 .card_zt_btm5 {outline: 0;border: 0;cursor: pointer;will-change: box-shadow,transform;box-shadow:3px 1em 1em 2px rgb(45 35 66 / 36%), 0px 0.3em 0.7em -0.01em rgb(45 35 66 / 36%), inset 0px -0.01em 0px rgb(58 65 111 / 28%);border-radius: 12px;transition: box-shadow 0.15s ease, transform 0.15s ease; } 
 .card_zt_btm5:hover {box-shadow: 0px 0.1em 0.2em rgb(45 35 66 / 40%), 0px 0.4em 0.7em -0.1em rgb(45 35 66 / 30%), inset 0px -0.1em 0px #3c4fe0;transform: translateY(-0.1em); } 
 
 .card_zt_btm5:active {box-shadow: inset 0px 0.1em 0.6em #3c4fe0;transform: translateY(0em); } 
/* 发光卡片 */
/* From www.lingdaima.com */
.card_zt_btm3 {--green: #1BFD9C;--yellow: #fded0c;letter-spacing: 0.06em;position: relative;border-radius: 0.6em;overflow: hidden;transition: all 0.3s;line-height: 1.4em;border: 3px solid var(--yellow);/* background: linear-gradient(to right, rgba(27, 253, 156, 0.1) 1%, transparent 40%,transparent 60% , rgba(27, 253, 156, 0.1) 100%);color: var(--green); */
box-shadow: inset 0 0 10px rgba(27, 253, 156, 0.4), 0 0 9px 3px rgba(27, 253, 156, 0.1); } 
 
 .card_zt_btm3:hover {color: #82ffc9;box-shadow: inset 0 0 10px rgba(27, 253, 156, 0.6), 0 0 9px 3px rgba(27, 253, 156, 0.2); } 
 
 .card_zt_btm3:before {content: "";position: absolute;left: -4em;width: 4em;height: 100%;top: 0;transition: transform .4s ease-in-out;background: linear-gradient(to right, transparent 1%, rgba(27, 253, 156, 0.1) 40%,rgba(27, 253, 156, 0.1) 60% , transparent 100%); } 
 
 .card_zt_btm3:hover:before {transform: translateX(15em); } 
/* 卡片样式结束 */
/* 按钮样式开始 */
/* From www.lingdaima.com */
.btn_fly1 { font-family: inherit; font-size: 20px; background: #018ccd; color: white; padding: 0.7em 1em; padding-left: 0.9em; display: flex; align-items: center; border: none; border-radius: 16px; overflow: hidden; transition: all 0.2s; } 
 
 .btn_fly1 span { display: block; margin-left: 0.3em; transition: all 0.3s ease-in-out; } 
 
 .btn_fly1 svg { display: block; transform-origin: center center; transition: transform 0.3s ease-in-out; } 
 
 .btn_fly1:hover .svg-wrapper { animation: fly-1 0.6s ease-in-out infinite alternate; } 
 
 .btn_fly1:hover svg { transform: translateX(1.2em) rotate(45deg) scale(1.1); } 
 
 .btn_fly1:hover span { transform: translateX(5em); } 
 
 .btn_fly1:active { transform: scale(0.95); } 
 
 @keyframes fly-1 { 
 from { transform: translateY(0.1em); } 
 
 to { transform: translateY(-0.1em); } 
 }
 
 
/* 按钮样式结束 */
/* 鼠标手势 */
.pointer { cursor: pointer; } 
/* 全屏背景 */
.fullpage-container { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; display: none; opacity: 0; transition: opacity 0.5s; } 
.fullpage-container.active { display: flex; opacity: 1; } 
.bg-video { position: fixed; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; z-index: -100; object-fit: cover; autoplay: true; muted: true; } 

.dggc_bg14_613 { background-image: url(../images/dggc_bg14_613.jpg); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; } 
.dggc_bg17_613 { background-image: url(../images/dggc_bg17_613.jpg); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; } 
.dggc_bg19_613 { background-image: url(../images/dggc_bg19_613.jpg); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; } 
.bg-overlay1_605 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.5)); z-index: -50; } 
.bg-black0308 { background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.8)); } 
.bg-black03 { background-color: rgba(0,0,0,0.3); } 
.bg-black05 { background-color: rgba(0,0,0,0.5); } 
.bg-black07 { background-color: rgba(0,0,0,0.7); } 
.ts-img-title1 { position: absolute; bottom: 0px; left: 0; right: 0; text-align: center; line-height: 1.3; overflow: hidden; padding: 10px; color: #fff; z-index: 10; background-color: rgb(52 58 64 / 50%); border-radius: 6px; background-color: rgba(52, 58, 64, 0.5); } 
 /* 自定义条纹横滚动条strat5 */
.s7r-sh5::-webkit-scrollbar { width: 8px; height: 8px; scrollbar-gutter:stable; } /* width控制竖滚动条宽度，height控制横滚动条高度 */
.s7r-sh5::-webkit-scrollbar-corner { background-color:transparent; } 
.s7r-sh5::-webkit-scrollbar-track { background-color:rgba(73,177,245,0.2); border-radius:2em; } /* 横滚动条轨道样式 */
.s7r-sh5::-webkit-scrollbar-thumb { background-color:#49b1f5; background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,0.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,0.4) 0,hsla(0,0%,100%,0.4) 75%,transparent 0,transparent); border-radius:2em; } /* 横滚动条滑块样式 */
.s7r-sh5 { overflow-x: auto!important; overflow-y: hidden!important; } /* 强制显示横滚动条，隐藏竖滚动条 */
@media screen and (min--moz-device-pixel-ratio:0){
 .s7r-sh5 { scrollbar-color: #49b1f5 rgba(73,177,245,0.2); border-radius:2em; scrollbar-gutter:stable; scrollbar-width:8px; overflow-x: auto!important; overflow-y: hidden!important; scrollbar-track-color: transparent; -ms-scrollbar-track-color: transparent; } /* Firefox横滚动条适配 */
 .s7r-sh5:hover { overflow-x: auto!important; overflow-y: hidden!important; scrollbar-color:#49b1f5 rgba(73,177,245,0.2); border-radius:2em; } 
 }
/* 航标专题背景 */
.hb_textbg1_1230 { background-image: url(../i/hb_textbg1_1230.webp); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; } 
.hb_textbg2_1230 { background-image: url(../i/hb_textbg2_1230.webp); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; } 
.hb_textbg3_1230 { background-image: url(../i/hb_textbg3_1230.webp); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; } 
.hb_textbg4_1230 { background-image: url(../i/hb_textbg4_1230.webp); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; } 
.hb_textbg5_1230 { background-image: url(../i/hb_textbg5_1230.webp); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; } 
.hb_textbg6_1230 { background-image: url(../i/hb_textbg6_1230.webp); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; } 
.hb_vbg4_1230 { background-image: url(../i/hb_vbg4_1230.webp); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; } 

/* 凿通天山背景 */
.ztts_fm_1225 { background-image: url(../i/ztts_fm_1225.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; } 
.ztts_bg2_1225 { background-image: url(../i/ztts_bg2_1225.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; } 

.ztts_bg3-1_1225 { background-image: url(../i/ztts_bg3-1_1225.jpg); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; } 
.ztts_bg3-3_1225 { background-image: url(../i/ztts_bg3-3_1225.jpg); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; } 
.ztts_bg3-5_1225 { background-image: url(../i/ztts_bg3-5_1225.jpg); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; } 

.ztts_bg3-2_1225 { background-image: url(../i/ztts_bg3-2_1225.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; } 
.ztts_bg3-4_1225 { background-image: url(../i/ztts_bg3-4_1225.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; } 
.ztts_bg3-6_1225 { background-image: url(../i/ztts_bg3-6_1225.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; } 
.ztts_bg4_1225 { background-image: url(../i/ztts_bg4_1225.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; } 
.ztts_bg5_1225 { background-image: url(../i/ztts_bg5_1225.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; } 
.ztts_bg5-1_1225 { background-image: url(../i/ztts_bg5-1_1225.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; } 
.ztts_bg5-2_1225 { background-image: url(../i/ztts_bg5-2_1225.jpg); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; } 
.ztts_bg5-3_1225 { background-image: url(../i/ztts_bg5-3_1225.jpg); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; } 
.ztts_bg6_1225 { background-image: url(../i/ztts_bg6_1225.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; } 
.ztts_bg6-1_1225 { background-image: url(../i/ztts_bg6-1_1225.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; } 
.ztts_bg7_1225 { background-image: url(../i/ztts_bg7_1225.jpg?v1227); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; } 
.ztts_gctd_1225 { background-image: url(../i/ztts_gctd_1225.png); background-repeat: no-repeat; background-position: center center; background-size: cover; } 
.ztts_tsfw { background-image: url(../i/ztts_tsfw.png); background-repeat: no-repeat; background-position: center center; background-size: cover; } 
.ztts_gctd_1225 { background-image: url(../i/ztts_gctd_1225.png); background-repeat: no-repeat; background-position: center center; background-size: cover; } 
.ztts_gctd_1225 { background-image: url(../i/ztts_gctd_1225.png); background-repeat: no-repeat; background-position: center center; background-size: cover; } 

/* 互动答题 */
 .hdwd_question-box { background: #a07855; color: #fff; padding: 20px; border-radius: 10px; margin-bottom: 15px; font-size: 20px; position: relative; } 
 .hdwd_question-box::before { content: ""; position: absolute; left: -15px; top: 20px; border: 10px solid transparent; border-right-color: #a07855; } 
 .hdwd_options-box { background: #a07855; color: #fff; padding: 20px; border-radius: 10px; margin-bottom: 15px; } 
 .hdwd_option { font-size: 20px; margin: 15px 0; padding: 10px; border: 2px solid transparent; border-radius: 5px; cursor: pointer; transition: all 0.3s; } 
 .hdwd_option:hover { background: #8c6240; } 
 .hdwd_option.selected { border-color: #fff; background: #8c6240; } 
 .hdwd_answer-box { background: #a07855; color: #fff; padding: 20px; border-radius: 10px; font-size: 20px; } 
 #hdwd_result { margin-top: 10px; font-weight: bold; color: #ffeb3b; } 
/* 山河峥嵘背景 */
.shzr_bg7_625 { background-image: url(../images/shzr_bg7_625.jpg); background-repeat: no-repeat; background-position: center center; } 
.shzr_bg8_625 { background-image: url(../images/shzr_bg8_625.jpg); background-repeat: no-repeat; background-position: center center; } 
.shzr_bg9_625 { background-image: url(../images/shzr_bg9_625.jpg); background-repeat: no-repeat; background-position: center center; } 
.shzr_bg10_625 { background-image: url(../images/shzr_bg10_625.jpg); background-repeat: no-repeat; background-position: center center; } 
.shzr_bg11_625 { background-image: url(../images/shzr_bg11_625.jpg); background-repeat: no-repeat; background-position: center center; } 
.shzr_bg12_625 { background-image: url(../images/shzr_bg12_625.jpg); background-repeat: no-repeat; background-position: center center; } 

/* 动画class */
.ztts_shine1 { animation: greenPulse 2.5s ease infinite alternate; } 

/* 动画 */
@-webkit-keyframes greenPulse { undefined from { -webkit-filter: drop-shadow(0 0 7px #333); filter: drop-shadow(0 0 7px #333); } 50% { -webkit-filter: drop-shadow(0 0 16px #fff); filter: drop-shadow(0 0 16px #fff); } 
 to { -webkit-filter: drop-shadow(0 0 7px #333); filter: drop-shadow(0 0 7px #333); } 
 } 
@-webkit-keyframes greenPulse2 { undefined from { -webkit-transform: translateY(-8px); } 50% { -webkit-transform: translateY(0); } 
 to { -webkit-transform: translateY(8px); } 
 } 
@-webkit-keyframes greenPulse3 { undefined from { -webkit-filter: drop-shadow(0 0 10px #EEBF23); filter: drop-shadow(0 0 10px #EEBF23); } 50% { -webkit-filter: drop-shadow(0 0 20px #f3f18d); filter: drop-shadow(0 0 20px #f3f18d); } 
 to { -webkit-filter: drop-shadow(0 0 10px #ffff00); filter: drop-shadow(0 0 10px #ffff00); } 
 } 
@media (max-width: 767px) { /* 间隔距离 */
.px-xs-5r { padding-left: 5rem!important; padding-right: 5rem!important; } 
.px-xs-8r { padding-left: 8rem!important; padding-right: 8rem!important; } 
.px-xs-10r { padding-left: 10rem!important; padding-right: 10rem!important; } 
.px-xs-b34 { padding-left: 34%!important; padding-right: 34%!important; } 
.px-xs-b44 { padding-left: 44%!important; padding-right: 44%!important; } 
.p-xs-1 { padding: 0.5rem!important; } 
.pt-xs-b14 { padding-top: 14%!important; } 
.pt-xs-b17 { padding-top: 17%!important; } 
.pb-xs-b14 { padding-bottom: 14%!important; } 
.mb-xs-b20 { margin-bottom: 20%!important; } 
 /* 字号控制 */
.f-z26 { font-size: 1rem; } 
h5 { font-size: 0.75rem; } 
.font-sm-h1 { font-size: 1.7rem; } 
.display-4 { font-size: 1.8rem; } 
.nav-tabs2 .h2 { font-size: 1rem; } 
.xs-title1 h3,.xs-title1 p,.xs-t1 h2,.xs-t1 .ts-img-title1 { font-size: 0.75rem; } 
 .xs-t1 h1,.xs-t1 .h1 { font-size: 1.8rem; } 
 .xs-t2 h3,.xs-t2 .h3,.xs-t2 h2,.xs-t2 .h2,.xs-t2 h1,.xs-t2 .h1 { font-size: 1rem; } 
 /* 背景 */
 .bg-xs-white05 { background-color: rgba(255, 255, 255, 0.5); } 
 /* 自定义高度 */
 .card-h120w1 { height: 125px; width: 1380px; } 
 /* 山河峥嵘 */
 .shzr_bg5_411 { background-image: url(../images/shzr_bgm_411.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; } 
 .shzr_bg7_625,.shzr_bg8_625.shzr_bg9_625.shzr_bg10_625.shzr_bg11_625.shzr_bg12_625 { background-size: auto 100%; } 
 }
@media (min-width: 768px) { /* 间隔距离 */
.my-md-10r2 { margin-top:10rem!important; margin-bottom:10rem!important; } 
.my-md-10r { margin-top:5rem!important; margin-bottom:5rem!important; } 
.my-md-8r { margin-top:8rem!important; margin-bottom:8rem!important; } 
.mx-md-2vw { margin-left:2vw!important; margin-right:2vw!important; } 
.mt-md-n1d8r { margin-top:-1.8rem!important; } 
.mt-md-n7r { margin-top:-7rem!important; } 
.mt-md-n10r { margin-top:-10rem!important; } 
.mt-md-n14r { margin-top:-14rem!important; } 
.mb-md-b7 { margin-bottom: 7%!important; } 
.mb-md-b10 { margin-bottom: 10%!important; } 
.pt-md-4r { padding-top: 4rem!important; } 
.pt-md-5r { padding-top: 5rem!important; } 
 .pt-md-b5 { padding-top: 5%!important; } 
.pt-md-b11 { padding-top: 11%!important; } 
.pt-md-b12 { padding-top: 12%!important; } 
.pt-md-b14 { padding-top: 14%!important; } 
.pt-md-b20 { padding-top: 20%!important; } 
.pt-md-b27 { padding-top: 27%!important; } 
.pt-md-b32 { padding-top: 32%!important; } 
.pt-md-b37 { padding-top: 37%!important; } 
.pt-md-b40 { padding-top: 40%!important; } 
.pl-md-b16 { padding-left: 16%!important; } 
.pr-md-b16 { padding-right: 16%!important; } 
.px-md-b10 { padding-left: 10%!important; padding-right:10%!important; } 
.px-md-b39 { padding-left: 39%!important; padding-right:39%!important; } 
.px-md-5r { padding-left: 5rem!important; padding-right: 5rem!important; } 
.px-md-6r { padding-left: 6rem!important; padding-right: 6rem!important; } 
.px-md-8r { padding-left: 8rem!important; padding-right: 8rem!important; } 
.px-md-10r { padding-left: 5rem!important; padding-right: 10rem!important; } 
.px-md-10r2 { padding-left: 10rem!important; padding-right: 10rem!important; } 
.py-md-10r { padding-top: 5rem!important; padding-bottom: 10rem!important; } 
.py-md-10r2 { padding-top: 10rem!important; padding-bottom: 10rem!important; } 
.py-md-s8x13 { padding-top: 8rem!important; padding-bottom: 13rem!important; } 
.py-md-4r { padding-top: 4rem!important; padding-bottom: 4rem!important; } 
.py-md-5r { padding-top: 5rem!important; padding-bottom: 5rem!important; } 
.py-md-6r { padding-top: 6rem!important; padding-bottom: 6rem!important; } 
.py-md-21r { padding-top: 2rem!important; padding-bottom: 1rem!important; } 
.py-md-b10 { padding-top: 10%!important; padding-bottom: 10%!important; } 
.p-md-5r { padding: 5rem!important; } 
.pb-md-5r { padding-bottom: 5rem!important; } 
.pb-md-b19 { padding-bottom: 19%!important; } 
.pb-md-b30 { padding-bottom: 30%!important; } 
 /* 山河峥嵘 */
 .shzr_bg5_411 { background-image: url(../images/shzr_bg5_411.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; } 
 .shzr_bg7_625,.shzr_bg8_625.shzr_bg9_625.shzr_bg10_625.shzr_bg11_625.shzr_bg12_625 { background-size: 100% 100%; } 
 }
@media (min-width: 1260px) {.mx-xxl-8vw { margin-left:8vw!important; margin-right:8vw!important; } 
 }
@media (min-width: 1920px) {.mx-xxxl-10vw { margin-left:10vw!important; margin-right:10vw!important; } 
 }
/* 全屏导航按钮 */
.shzr_nav_625 { position:fixed; top:0; left:0; height: 40px; z-index: 70; width: 100%; padding: 0; margin:0; } 
.shzr_nav_625 li { display:inline-block; margin: 10px; color: #000; background: rgba(255,255,255, 0.5); border-radius: 10px; } 
.shzr_nav_625 li:hover { background: rgba(255,255,255, 0.8); } 
.shzr_nav_625 li.active,.shzr_nav_625 li.active:hover { background: rgba(0,0,0, 0.5); } 
.shzr_nav_625 li a { text-decoration:none; color: #000; padding: 9px 18px; display:block; } 
.shzr_nav_625 li.active a,.shzr_nav_625 li.active:hover a:hover { color: #fff; } 
/* 按钮2 *//* From www.lingdaima.com */
.btn-black2_527 { position: relative; padding: 0.5rem 0.75rem; outline: none; border: 1px solid #303030; border-radius: 3rem; background: rgba(33, 33, 33, 0.71); color: #ffffff; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; overflow: hidden; transition: 0.2s; border-radius: 20px; cursor: pointer; font-weight: bold; text-align: center; } 
.btn-black2_527:hover { box-shadow: 0 0 10px #ae00ff, 0 0 25px #001eff, 0 0 50px #ae00ff; transition-delay: 0.6s; } 
.btn-black2_527 span { position: absolute; } 
.btn-black2_527 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 2px; background: linear-gradient(90deg, transparent, #ae00ff); } 
.btn-black2_527:hover span:nth-child(1) { left: 100%; transition: 0.7s; } 
.btn-black2_527 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: 2px; background: linear-gradient(90deg, transparent, #001eff); } 
.btn-black2_527:hover span:nth-child(3) { right: 100%; transition: 0.7s; transition-delay: 0.35s; } 
.btn-black2_527 span:nth-child(2) { top: -100%; right: 0; width: 2px; height: 100%; background: linear-gradient(180deg, transparent, #ae00ff); } 
.btn-black2_527:hover span:nth-child(2) { top: 100%; transition: 0.7s; transition-delay: 0.17s; } 
.btn-black2_527 span:nth-child(4) { bottom: -100%; left: 0; width: 2px; height: 100%; background: linear-gradient(360deg, transparent, #001eff); } 
.btn-black2_527:hover span:nth-child(4) { bottom: 100%; transition: 0.7s; transition-delay: 0.52s; } 
.btn-black2_527:active { background: #ae00af; background: linear-gradient(to top right, #ae00af, #001eff); color: #bfbfbf; box-shadow: 0 0 8px #ae00ff, 0 0 8px #001eff, 0 0 8px #ae00ff; transition: 0.1s; } 
.btn-black2_527:active span:nth-child(1) span:nth-child(2) span:nth-child(2) span:nth-child(2) { transition: none; transition-delay: none; } 
 @media (max-width: 575.98px){
 .fullbady_527 .navbar-nav { -ms-flex-direction: row; flex-direction: row; flex-wrap: wrap; } 
 }
.custom-nav { flex-wrap: wrap; } 

/* 卡片hover和active样式 - 用于内层pic4_swiper */
/* .pic4_swiper .swiper-slide:hover .card_zt_btm1,
.pic4_swiper .swiper-slide.swiper-slide-active .card_zt_btm1 { transform: scale(1.1); transition: transform 0.3s ease; } */

.pic4_swiper .swiper-slide:hover .card_zt_btm1::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 12px; background: radial-gradient(100% 100% at 100% 0%, #89E5FF 0%, #5468FF 100%); opacity: 1; z-index: -1; box-shadow: 3px 1em 1em 2px rgb(45 35 66 / 40%), 0px 0.3em 0.7em -0.01em rgb(45 35 66 / 62%), inset 0px -0.01em 0px rgb(58 65 111 / 50%); } 

.pic4_swiper .swiper-slide:hover .card_zt_btm1 .text-primary,
.pic4_swiper .swiper-slide:hover .card_zt_btm1 p,
.pic4_swiper .swiper-slide:hover .card_zt_btm1 .card-title a { color: rgba(255, 255, 255, 0.9) !important; } 

/* 图片放大模态框样式 */
.image-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: none; justify-content: center; align-items: center; } 

.image-modal.active { display: flex; } 

.image-modal-backdrop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); } 

.image-modal-content { position: relative; max-width: 90%; max-height: 90%; z-index: 10000; } 

.image-modal-img { max-width: 100%; max-height: 85vh; border: 3px solid white; border-radius: 4px; box-shadow: 0 0 30px rgba(255, 255, 255, 0.2); } 

.image-modal-close { position: absolute; top: -50px; right: 0; background: transparent; color: white; border: 2px solid white; width: 40px; height: 40px; border-radius: 50%; font-size: 24px; cursor: pointer; z-index: 10001; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; } 

.image-modal-close:hover { background: white; color: black; } 



 /* Video Intro Styles */
 .video-intro { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 99; background: #000; display: flex; justify-content: center; align-items: center; overflow: hidden; }

 .video-intro video { width: 100%; height: 100%; object-fit: cover; } 

 .video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); pointer-events: none; } 

 .skip-btn { position: absolute; top: 2%; right: 4.8%; z-index: 100; }

/* ========== 弹幕样式 ========== */
.danmu-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25vh; /* 占屏幕高度1/4 */
    overflow: hidden;
    pointer-events: none; /* 不阻挡鼠标事件 */
    z-index: 50;
    opacity: 0; /* 初始隐藏，视频结束后显示 */
    visibility: hidden;
}

.danmu-container.active {
    opacity: 1;
    visibility: visible;
}

.danmu-item {
    position: absolute;
    /* 关键修改：初始定位在屏幕最右侧外面 */
    left: 100%; 
    top: 0;
    
    color: #fff;
    font-size: 1.2rem;
    font-weight: 500;
    text-shadow: 
        1px 1px 2px rgba(0, 0, 0, 0.8),
        -1px -1px 2px rgba(0, 0, 0, 0.8),
        1px -1px 2px rgba(0, 0, 0, 0.8),
        -1px 1px 2px rgba(0, 0, 0, 0.8),
        0 0 10px rgba(0, 0, 0, 0.5);
        
    opacity: 0; 
    
    /* 宽度控制：根据内容自适应，但最大不超过30vw */
    width: max-content; 
    max-width: 40vw;
    
    /* 建议加上 nowrap，防止文字本身因为容器太小换行，
       如果你非常确定要多行显示，可以去掉这一行，
       transform 方案下即使多行也不会在运动中变形 */
    white-space: nowrap; 
    
    /* 省略号处理 (如果加了 nowrap，这些可以保留用于截断超长文字) */
    overflow: hidden;
    text-overflow: ellipsis;
    
    /* 性能优化：告诉浏览器这个元素即将发生位移 */
    will-change: transform; 
    
    /* 移除 right 属性，因为我们改用 left + transform */
}
.music-switch { position:absolute; top:2.5%; right:1%; z-index: 1000; cursor: pointer; /* 鼠标放上去显示手型 */
 width: 48px; height: 48px; /* 可选：加个半透明背景让它更明显 */
 background: rgba(255, 255, 255, 0.2); border-radius: 50%; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } 
 /* 定义旋转动画关键帧 */
 @keyframes spin-icon { 
 from { transform: rotate(0deg); } 
 to { transform: rotate(360deg); } 
 }

 /* SVG 图标样式 */
 .music-switch .icon { /* 应用动画：名称 时长 匀速 无限循环 */
 animation: spin-icon 5s linear infinite; /* 关键点：默认状态下动画是暂停的 */
 animation-play-state: paused; } 

 /* 当添加了 .playing 类时，让动画运行 */
 .music-switch.playing .icon { animation-play-state: running; } 
 .xian_height1_swiper { height: 426px; } 
 .xian_height1_swiper .swiper { width: auto; height: 100%; } 
 .xian_height1_swiper .swiper-slide { width: auto; text-align: center; height: 100%; display: flex; justify-content: center; align-items: center; } 
 .xian_height1_swiper img { display: block; height: 426px; /* 强制高度为 426px */
 width: auto!important; /* 宽度自动计算，保持比例 */
 object-fit: cover; /* 以防万一，保证填满 */}
 @media (min-width: 768px) {.swiper-box1, .swiper-box2 { position: relative; /* 让绝对定位的箭头相对于这个盒子定位 */
 
 margin: 0 auto; /* 居中显示 */
 padding: 0 50px; /* 【关键】：左右留出 60px 给箭头 */
 box-sizing: border-box; } 
 .swiper-box1 .swiper-button-next, .swiper-box1 .swiper-button-prev,.oragen_arr1 .swiper-button-next, .oragen_arr1 .swiper-button-prev { --swiper-theme-color: #ff9724; /* 设置Swiper风格 */
 --swiper-navigation-color: #FFE8C6; /* 单独设置按钮颜色 */
 --swiper-navigation-size: 3rem; /* 设置按钮大小 */ } 
 .stage-container { position: relative; /* 绝对定位的基准 */
 width: 100%; height: 100%; aspect-ratio: 2000 / 1100; /* 限制最大尺寸，确保整个图能完整显示在屏幕内 (contain模式) */
 /* 如果你想铺满屏幕裁剪边缘 (cover模式)，去掉 max-width/height */
 max-width: 100vw; max-height: 100dvh; } 

 /* 背景大图 */
 .bg-layer { width: 100%; height: auto; object-fit: cover; /* 保持图片比例 */
 display: block; pointer-events: none; /* 让鼠标穿透背景，避免误触 */
 user-select: none; } 
.bg-layer2 { width: auto; height: 100%; object-fit: cover; /* 保持图片比例 */
 display: block; pointer-events: none; /* 让鼠标穿透背景，避免误触 */
 user-select: none; } 
 /* .mySwiper { width: 100vw; height: 100dvh; } */
 /* .swiper-wrapper { display: flex; justify-content: center; align-items: center; background-color: #333; overflow: hidden; } */

 .swiper { width: 100%; height: 100%; } 

 .swiper-slide { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; position: relative; } 

 .full-screen-layer { width: 100vw; height: 100vh; background-size: cover; background-position: center; position: relative; /* 方便内部绝对定位 */
 overflow: hidden; } 
 }

 /* 移动端样式 (当Swiper未激活时生效) */
 @media (max-width: 767px){
 .skip-btn { top: 15px; right: 15px; padding: 8px 16px; font-size: 14px; } 

 .swiper-wrapper { display: block; justify-content: center; align-items: center;
 overflow: hidden; } 

 /* 取消flex布局 */
 .swiper-slide { height: auto; min-height: 50vh; } 

 /* 恢复高度自适应 */}

 /* 自定义导航按钮样式 */
 .page1-nav { position: absolute; bottom: 40%; right: 01%; transform: translateY(-50%); z-index: 10; cursor: pointer; transition: opacity 0.3s; } 

 .page1-nav:hover { opacity: 0.8; } 

 /* 默认swiper导航按钮隐藏 */
 .swiper-button-next,
 .swiper-button-prev { opacity: 0; transition: opacity 0.3s; } 

 /* 第三屏及以后显示导航按钮 */
 .swiper-slide.page3~.swiper-slide .swiper-button-next,
 .swiper-slide.page3~.swiper-slide .swiper-button-prev,
 .mySwiper .swiper-button-next,
 .mySwiper .swiper-button-prev { opacity: 1; } 

 /* --- 响应式适配逻辑 --- */
/* 垂直缩放 */
 .wheel-wrapper { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; height: 869px; width: 869px; } 
 .wheel-img { width: 100%; height: 100%; display: block; } 
.vertical_scaling2 { transform-origin: bottom center;transform: translateY(57%) scale(1); transition: transform 0.3s ease-out; } 
/* .abs_huan1 { bottom: 0; left: 0; right: 0; margin: auto; } */
.vertical_scaling { transform-origin: center center;transform: scale(1); transition: transform 0.3s ease-out; } 
/* 按钮定位 */
.ztts_btn1,.ztts_btn2,.ztts_btn3,.ztts_btn4,.ztts_btn5,.ztts_btn6 { position:absolute; width: 130px; height: 130px; cursor: pointer; transition: transform 0.3s ease-out; transform: translate(-50%, -50%);}
.ztts_btn1 { top: 289px; left: 186px; } 
.ztts_btn2 { top: 197px; left: 255px; } 
.ztts_btn3 { top: 165px; left: 365px; } 
.ztts_btn4 { top: 165px; right: 240px; } 
.ztts_btn5 { top: 197px; right: 130px; } 
.ztts_btn6 { top: 289px; right: 61px; } 

/* 场景 A: 笔记本小屏幕 (高度不够) 
 逻辑：当屏幕高度小于 850px 时 (1366x768 去掉浏览器栏大约剩 600-700px)
 或者屏幕宽度小于 1000px 时
*/
@media (max-height: 850px), (max-width: 1366px){
 .vertical_scaling { 
 transform: scale(0.6); } 
 .vertical_scaling2 {transform: translateY(39%) scale(0.7); } 
 }

/* 场景 B: 极度扁平屏幕 (如 1366x768 且浏览器栏很厚) */
@media (max-height: 680px){
 .pt-h680 { padding-top: 1rem!important; } 
 .vertical_scaling { transform: scale(0.4);}
.vertical_scaling2 {transform: translateY(35%) scale(0.6); } 
 }

@media (min-width: 1921px) {.pt-h680 { padding-top: 5rem!important; } 
.vertical_scaling2 {transform: translateY(57%) scale(1.3); } 
 }
/* 场景 D: 竖屏手机 (如果需要考虑的话) */
/* @media (max-width: 768px){
 .vertical_scaling { transform: scale(0.5);}
 .vertical_scaling2 {transform: translateY(57%) scale(0.6); } */