@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); }
/* 图片下的固定标题 */
.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: 34%;right: 35%;}
.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);
    }
/* 卡片样式结束 */

/* 鼠标手势 */
.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;} 
 }
/* 凿通天山背景 */
.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; }


/* 山河峥嵘背景 */
.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;
}

html,
        body {
            height: 100%;
            margin: 0;
            background-color: #ffffff;
            /* 空白区域显示黑色 */
        }

        .main-content.hidden {
            display: none;
        }

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

        .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: 30px;
            right: 30px;
            background: rgba(255, 255, 255, 0.9);
            border: none;
            padding: 12px 24px;
            border-radius: 25px;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s ease;
            z-index: 10000;
        }

        .skip-btn:hover {
            background: rgba(255, 255, 255, 1);
            transform: scale(1.05);
        }
        .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;
        }
.page2-nav {
            position: absolute;
            bottom: 40%;
            left: 01%;
            transform: translateY(-50%);
            z-index: 10;
            cursor: pointer;
            transition: opacity 0.3s;
        }
        .page1-nav:hover, .page2-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);  
} */