@charset "utf-8";
html,body{
	width: 100%;
}
#index{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#index .swiper-slide{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.bncont{
	position: absolute;
	left: 0;
	top: 50%;
	right: 0;
	text-align: center;
	transition: all .5s;
}
.bnconted{
	top: auto;
	bottom: 230px;
}
.bslg{
	display: inline-block;
}
.bslg img{
	position: relative;
	z-index: 5;
}
.bslg span{
	display: block;
	position: absolute;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: rgba(232,81,255,.2);
	top: -20px;
	left: -20px;
	animation: scale linear 2s 2s infinite alternate;
	-webkit-animation: scale linear 2s 2s infinite alternate;
	-moz-animation: scale linear 2s 2s infinite alternate;
	-ms-animation: scale linear 2s 2s infinite alternate;
}
.bslgn span{
	background: rgba(0,138,255,.2);
}
@keyframes scale{
	0{
		transform: scale(1);
	}
	100%{
		transform: scale(.7);
	}
}
@-webkit-keyframes name{
	0{
		-webkit-transform: scale(1);
	}
	100%{
		-webkit-transform: scale(.7);
	}
}
@-ms-keyframes scale{
	0{
		-ms-transform: scale(1);
	}
	100%{
		-ms-transform: scale(.7);
	}
}
@-moz-keyframes scale{
	0{
		-moz-transform: scale(1);
	}
	100%{
		-moz-transform: scale(.7);
	}
}
.bnline{
	height: 1px;
	width: 80px;
	margin: 20px auto;
	background: rgba(255,255,255,.8);
}
.bslganm{
	opacity: 0;
}
body.load .bslganm{
	animation: shw ease 2s forwards;
	-webkit-animation: shw ease 2s forwards;
	-moz-animation: shw ease 2s forwards;
	-ms-animation: shw ease 2s forwards;
}
@keyframes shw{
	from{
		transform: translateY(-100%);
		opacity: 0;
	}
	to{
		transform: translateY(0%);
		opacity: 1;
	}
}
@-webkit-keyframes shw{
	from{
		-webkit-transform: translateY(-100%);
		opacity: 0;
	}
	to{
		-webkit-transform: translateY(0%);
		opacity: 1;
	}
}
@-moz-keyframes shw{
	from{
		-moz-transform: translateY(-100%);
		opacity: 0;
	}
	to{
		-moz-transform: translateY(0%);
		opacity: 1;
	}
}
@-ms-keyframes shw{
	from{
		-ms-transform: translateY(-100%);
		opacity: 0;
	}
	to{
		-ms-transform: translateY(0%);
		opacity: 1;
	}
}
/*body.load .line{
	animation: linesh linear 1s;
	-webkit-animation: linesh linear 1s;
	-moz-animation: linesh linear 1s;
	-ms-animation: linesh linear 1s;
}
@keyframes linesh{
	from{
		width: 0;
	}
	to{
		width: 80px;
	}
}
@-webkit-keyframes linesh{
	from{
		width: 0;
	}
	to{
		width: 80px;
	}
}
@-moz-keyframes linesh{
	from{
		width: 0;
	}
	to{
		width: 80px;
	}
}
@-ms-keyframes linesh{
	from{
		width: 0;
	}
	to{
		width: 80px;
	}
}*/
body.load .bgs{
	animation: bg linear .8s forwards;
	-webkit-animation: bg linear .8s forwards;
	-moz-animation: bg linear .8s forwards;
	-ms-animation: bg linear .8s forwards;
}
@keyframes bg{
	from{
		background-size: 120% 120%;
	}
	to{
		background-size: 100% 100%;
	}
}
@-webkit-keyframes bg{
	from{
		background-size: 120% 120%;
	}
	to{
		background-size: 100% 100%;
	}
}
@-ms-keyframes bg{
	from{
		background-size: 120% 120%;
	}
	to{
		background-size: 100% 100%;
	}
}
@-moz-keyframes bg{
	from{
		background-size: 120% 120%;
	}
	to{
		background-size: 100% auto;
	}
}
.bnslg{
	display: inline-block;
}
.bnslg img.prdimg{
	position: absolute;
	z-index: 5;
	top: -200px;
	left: -600px;
	opacity: 0;
}
body.load .bnslg img.prdimg{
	animation: prd 1s ease forwards;
	-webkit-animation: prd 1s ease forwards;
	-moz-animation: prd 1s ease forwards;
	-ms-animation: prd 1s ease forwards;
}
@keyframes prd{
	from{
		transform: translateX(-200px);
		opacity: 0;
	}
	to{
		transform: translateX(0);
		opacity: 1;
	}
}
@-webkit-keyframes prd{
	from{
		-webkit-transform: translateX(-200px);
		opacity: 0;
	}
	to{
		-webkit-transform: translateX(0);
		opacity: 1;
	}
}
@-moz-keyframes prd{
	from{
		-moz-transform: translateX(-200px);
		opacity: 0;
	}
	to{
		-moz-transform: translateX(0);
		opacity: 1;
	}
}
@-ms-keyframes prd{
	from{
		-ms-transform: translateX(-200px);
		opacity: 0;
	}
	to{
		-ms-transform: translateX(0);
		opacity: 1;
	}
}
.bnslg img.bslganm{
	position: relative;
	z-index: 6;
}
.bnslglc{
	width: 80px;
	position: absolute;
	left: -90px;
	top: 40px;
	margin-top: -11px;
	z-index: 7;
	height: 24px;
}
.bnslglcn{
	top: 50%;
}
.bnslglc p{
	height: 1px;
	background: #fff;
	position: absolute;
	right: 0;
}
.bnslglcs p{
	right: auto;
	left: 0;
}
.bnslglc p.p1{
	width: 40px;
	top: 0;
	animation: lw1 3s linear infinite alternate;
	-webkit-animation: lw1 3s linear infinite alternate;
	-moz-animation: lw1 3s linear infinite alternate;
	-ms-animation: lw1 3s linear infinite alternate;
}
.bnslglc p.p2{
	width: 80px;
	top: 10px;
	animation: lw 4s linear infinite alternate;
	-webkit-animation: lw 4s linear infinite alternate;
	-moz-animation: lw 4s linear infinite alternate;
	-ms-animation: lw 4s linear infinite alternate;
}
.bnslglc p.p3{
	width: 20px;
	top: auto;
	bottom: 0;
	animation: lw2 4s linear infinite alternate;
	-webkit-animation: lw2 4s linear infinite alternate;
	-moz-animation: lw2 4s linear infinite alternate;
	-ms-animation: lw2 4s linear infinite alternate;
}
@keyframes lw{
	from{
		width: 80px;
	}
	to{
		width: 1px;
	}
}
@-webkit-keyframes lw{
	from{
		width: 80px;
	}
	to{
		width: 1px;
	}
}
@-moz-keyframes lw{
	from{
		width: 80px;
	}
	to{
		width: 1px;
	}
}
@-ms-keyframes lw{
	from{
		width: 80px;
	}
	to{
		width: 1px;
	}
}
@keyframes lw1{
	from{
		width: 1px;
	}
	to{
		width: 40px;
	}
}
@-webkit-keyframes lw1{
	from{
		width: 1px;
	}
	to{
		width: 40px;
	}
}
@-moz-keyframes lw1{
	from{
		width: 1px;
	}
	to{
		width: 40px;
	}
}
@-ms-keyframes lw1{
	from{
		width: 1px;
	}
	to{
		width: 40px;
	}
}
@keyframes lw2{
	from{
		width: 1px;
	}
	to{
		width: 20px;
	}
}
@-webkit-keyframes lw2{
	from{
		width: 1px;
	}
	to{
		width: 20px;
	}
}
@-moz-keyframes lw2{
	from{
		width: 1px;
	}
	to{
		width: 20px;
	}
}
@-ms-keyframes lw2{
	from{
		width: 1px;
	}
	to{
		width: 20px;
	}
}
.bnslglcs{
	left: auto;
	right: -90px;
}
.bnslglcs p{
	float: left;
}
#ipage{
	display: none;
}
.page-view{
	position: absolute;
	right: 60px;
	bottom: 60px;
	width: 596px;
	height: 222px;
}
body.load #ipage{
	display: block;
}
.page-viewn{
	width: 280px;
	height: auto;
	position: fixed;
	left: 50%;
	margin-left: -600px;
	bottom: 0;
	z-index: 1000;
}
.page-view ul li{
	display: none;
	opacity: 0;
}
.page-view ul li.active{
	display: block;
}
.page-view ul li.active{
	animation: sw 5s linear forwards;
	-webkit-animation: sw 5s linear forwards;
	-moz-animation: sw 5s linear forwards;
	-ms-animation: sw 5s linear forwards;
}
.page-view ul.sul li.active{
	animation: sw 10s linear forwards;
	-webkit-animation: sw 10s linear forwards;
	-moz-animation: sw 10s linear forwards;
	-ms-animation: sw 10s linear forwards;
}
@keyframes sw{
	0{
		opacity: 0;
	}
	90%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@-webkit-keyframes sw{
	0{
		opacity: 0;
	}
	90%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@-moz-keyframes sw{
	0{
		opacity: 0;
	}
	90%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@-ms-keyframes sw{
	0{
		opacity: 0;
	}
	90%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
.sline{
	position: absolute;
	height: 1px;
	background: #fff;
	width: 0;
	margin-left: -25%;
	z-index: 6;
}
.sline0{
	left: 0;
	top: -50px;
}
.sline1{
	right: 0;
	margin-right: -25%;
	top: auto;
	bottom: -51px;
}
.slinel{
	position: absolute;
	height: 0;
	width: 1px;
	left: -25%;
	bottom: -51px;
	background: #fff;
	z-index: 6;
}
.slinel1{
	top: -50px;
	left: auto;
	right: -25%;
}
.sline0{
	animation: tw 2s 2s linear;
}
.slinel1{
	animation: tsh 2s 4s linear;
}
.sline1{
	animation: tw 2s 6s linear;
}
.slinel0{
	animation: tsh 2s 8s linear;
}
@keyframes tw{
	from{
		width: 0;
	}
	to{
		width: 150%;
	}
}
@keyframes tsh{
	from{
		height: 0;
	}
	to{
		height: 220%;
	}
}
/*-------------- 2025-11-2  --------------*/
.swiper-slide.bgs {
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.bncont.posy {
	position: relative;
	width: 100%;
	height: 100%;
}

.bncont.posy .bnslg {
	position: absolute;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.bnslg--tl {
	top: 38%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.72);
	transform-origin: center;
}

.bnslg--br {
	bottom: 36%;
	right: 40%;
	transform: translate(50%, 50%) scale(0.72);
	transform-origin: center;
}

.bnslg__title {
	position: relative;
	z-index: 6;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	color: #ffffff;
	text-align: center;
	font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
	line-height: 1.2;
}

.bnslg__title-main {
	font-size: 48px;
	font-weight: 700;
}

.bnslg__title-sub {
	font-size: 20px;
	font-weight: 400;
	opacity: 0.85;
}

.bnslg__title.bslganm {
	opacity: 0;
}

body.load .bnslg__title.bslganm {
	animation: shw ease 2s forwards;
}

.bnslglc {
	width: 80px;
	position: absolute;
	left: -90px;
	top: 40px;
	margin-top: -11px;
	z-index: 7;
	height: 24px;
}

.bnslglcs {
	left: auto;
	right: -90px;
}

.bnslglc p {
	height: 1px;
	background: #fff;
	position: absolute;
	right: 0;
}

.bnslglcs p {
	right: auto;
	left: 0;
}

.bnslglc p.p1 {
	width: 40px;
	top: 0;
	animation: lw1 3s linear infinite alternate;
}

.bnslglc p.p2 {
	width: 80px;
	top: 10px;
	animation: lw 4s linear infinite alternate;
}

.bnslglc p.p3 {
	width: 20px;
	bottom: 0;
	animation: lw2 4s linear infinite alternate;
}

.bnslg img.prdimg {
	position: absolute;
	z-index: 5;
	top: -200px;
	left: -600px;
	opacity: 0;
}

body.load .bnslg img.prdimg {
	animation: prd 1s ease forwards;
}

.page-view {
	position: absolute;
	right: 60px;
	bottom: 60px;
	width: 596px;
	height: 222px;
}
.bnslg-link {
	display: block;        /* 整块区域可点击 */
	text-decoration: none; /* 去掉链接下划线 */
	color: inherit;        /* 保持原有文字颜色 */
  }
  
  .bnslg-link:focus {
	outline: 2px solid #0056b3; /* 可选：键盘无障碍焦点样式 */
	outline-offset: 4px;
  }
/*-----------end of 2025-11-2  --------------*/