.bk1 {
	width: 100%;
	height: 9.5rem;
	position: relative;
}

.bjt1 {
	width: 100%;
	height: 9.5rem;
	object-fit: cover;
}

.content1 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	zoom: 1;
}

.content1 .title1 {
	font-size: 0.75rem;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgb(255, 255, 255);
	text-shadow: rgba(33, 34, 38, 0.3) 0rem 0.0125rem 0.025rem;
	text-align: center;
	margin: 2.6rem auto 0px;
}

.content1 .p1 {
	font-size: 0.3rem;
	font-family: SourceHanSansCN-Normal, SourceHanSansCN;
	font-weight: 400;
	color: rgb(255, 255, 255);
	text-shadow: rgba(33, 34, 38, 0.3) 0rem 0.0125rem 0.025rem;
	text-align: center;
	margin: 0.525rem auto 0px;
}

.content1 .btn {
	width: 3.6rem;
	height: 0.6rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0.55rem auto 0px;
}

.content1 .btn .btn1 {
	width: 1.675rem;
	height: 0.6rem;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 0.1rem;
	border: 0.0125rem solid rgb(255, 255, 255);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.content1 .btn .btn1:hover {
	border: 0.0125rem solid transparent;
	background: linear-gradient(53deg, rgb(95, 190, 247) 0%, rgb(49, 146, 255) 100%);
}

.content1 .btn .btn2 {
	width: 1.675rem;
	height: 0.6rem;
	background: rgb(240, 240, 240);
	border-radius: 0.1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.content1 .btn .btn2:hover {
	background: linear-gradient(rgb(255, 255, 255) 0%, rgb(163, 209, 255) 100%);
}

.content1 .btn .btn1 .tb1 {
	width: 0.2rem;
	height: 0.2rem;
	background: url("../imgs/zx.png") center center / 100% 100% no-repeat;
}

.content1 .btn .btn1 span {
	font-size: 0.2rem;
	font-family: SourceHanSansCN-Normal, SourceHanSansCN;
	font-weight: 400;
	color: rgb(255, 255, 255);
	line-height: 0.6rem;
	margin-left: 0.125rem;
}

.content1 .btn .btn2 .tb2 {
	width: 0.2rem;
	height: 0.2rem;
	background: url("../imgs/sp.png") center center / 100% 100% no-repeat;
}

.content1 .btn .btn2 span {
	font-size: 0.2rem;
	font-family: SourceHanSansCN-Normal, SourceHanSansCN;
	font-weight: 400;
	color: rgb(41, 142, 248);
	line-height: 0.6rem;
	margin-left: 0.125rem;
}

.bk2 {
	width: 100%;
	height: 1.5rem;
	background: rgb(255, 255, 255);
	box-shadow: rgb(219, 234, 246) 0rem 0.0375rem 0.125rem 0rem;
	backdrop-filter: blur(0.125rem);
}

.bk2 ul {
	width: 19.2rem;
	height: 100%;
	margin: 0px auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.bk2 ul li {
	width: 4.8rem;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bk2 ul li img {
	width: 0.7875rem;
	height: 0.7875rem;
	margin-right: 0.25rem;
}

.bk2 ul li .text-wrap {
	width: 3.5625rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.bk2 ul li .text-wrap h1 {
	font-size: 0.25rem;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: bold;
	color: rgb(51, 51, 51);
}

.bk2 ul li .text-wrap span {
	font-size: 0.2rem;
	font-family: SourceHanSansCN-Normal, SourceHanSansCN;
	font-weight: 400;
	color: rgb(102, 102, 102);
	margin-top: 0.125rem;
}

.bk3 {
	width: 100%;
	height: 8.9rem;
}

.content3 {
	width: 100%;
	height: 100%;
	overflow: hidden;
	zoom: 1;
}

.content3 .title3 {
	font-size: 0.45rem;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgb(51, 51, 51);
	text-align: center;
	margin: 1.325rem auto 0.75rem;
}

.content3 ul {
	width: 19.2rem;
	height: 5.125rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0px auto;
}

.content3 ul li {
	width: 3.35rem;
	height: 5.125rem;
	margin-right: 0.25rem;
	border-radius: 0.1rem;
	position: relative;
	overflow: hidden;
	transition: all 0.5s ease 0s;
}

.content3 ul li:nth-of-type(1) {
	background: url("../imgs/sd1.png") 0% / cover no-repeat;
}

.content3 ul li:nth-of-type(2) {
	background: url("../imgs/sd2.png") 0% / cover no-repeat;
}

.content3 ul li:nth-of-type(3) {
	background: url("../imgs/sd3.png") 0% / cover no-repeat;
}

.content3 ul li:nth-of-type(4) {
	background: url("../imgs/sd4.png") 0% / cover no-repeat;
	margin-right: 0px;
}

.content3 ul li .logo3 {
	position: absolute;
	width: 7.625rem;
	height: 2.675rem;
	bottom: 0px;
	right: 0px;
	padding: 0px 0.375rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	transition: all 0.5s ease 0s;
	transform: translate(-100%, 0px);
	opacity: 0;
}

.content3 ul li .logo3 h1 {
	font-size: 0.25rem;
	font-weight: bold;
	color: rgb(255, 255, 255);
}

.content3 ul li .logo3 p {
	font-size: 0.2rem;
	color: rgb(255, 255, 255);
	margin-top: 0.125rem;
	line-height: 0.35rem;
}

.content3 ul li .mask3 {
	position: absolute;
	width: 100%;
	height: 1.5rem;
	bottom: 0px;
	left: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.5s ease 0s;
	opacity: 1;
}

.content3 ul li .mask3 h1 {
	font-size: 0.25rem;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgb(255, 255, 255);
}

.content3 ul li.active {
	width: 7.625rem;
}

.content3 ul li.active .logo3 {
	transform: translate(0px, 0px);
	opacity: 1;
}

.content3 ul li.active .mask3 {
	opacity: 0;
}

.bk4 {
	width: 100%;
	height: 14.15rem;
	position: relative;
}

.bjt4 {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.content4 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	overflow: hidden;
	zoom: 1;
}

.content4 .title4 {
	font-size: 0.45rem;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgb(51, 51, 51);
	text-align: center;
	margin: 1.25rem auto 0px;
}

.content4 .p4 {
	font-size: 0.2rem;
	font-family: SourceHanSansCN-Normal, SourceHanSansCN;
	font-weight: 400;
	color: rgb(102, 102, 102);
	text-align: center;
	margin: 0.375rem auto 0.75rem;
}

.content4 video {
	display: block;
	width: 15rem;
	background: rgb(216, 216, 216);
	box-shadow: rgba(189, 208, 214, 0.5) 0rem 0.025rem 0.25rem 0rem;
	border-radius: 0.25rem;
	border: 0.125rem solid rgb(255, 255, 255);
	margin: 0px auto;
}

.content4 .p4-2 {
	font-size: 0.225rem;
	font-family: SourceHanSansCN-Normal, SourceHanSansCN;
	font-weight: 400;
	color: rgb(51, 51, 51);
	line-height: 0.375rem;
	text-align: center;
	margin: 0.5rem auto 0px;
}

.bk5 {
	width: 100%;
	height: 11.3625rem;
}

.content5 {
	width: 100%;
	height: 100%;
	overflow: hidden;
	zoom: 1;
}

.content5 .title5 {
	font-size: 0.45rem;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgb(51, 51, 51);
	margin: 1.825rem auto 0px;
	text-align: center;
}

.content5 ul {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 19.2rem;
	height: 5.75rem;
	margin: 1.375rem auto 0px;
}

.content5 ul li {
	width: 2.95rem;
	height: 5.375rem;
	border-radius: 0.1rem;
	margin-right: 0.25rem;
	position: relative;
	overflow: hidden;
	transition: all 0.5s ease 0s;
}

.content5 ul li:last-of-type {
	margin-right: 0px;
}

.content5 ul li img {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.content5 ul li .mask5 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: rgba(27, 34, 46, 0.8);
	border-radius: 0.1rem;
	transition: all 0.5s ease 0s;
	opacity: 0;
}

.content5 ul li .text-wrap {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px 0.35rem;
	transition: all 0.5s ease 0s;
	transform: translate(0px, 100%);
}

.content5 ul li .text-wrap h1 {
	font-size: 0.25rem;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgb(255, 255, 255);
	margin: 1.7375rem auto 0px;
}

.content5 ul li .text-wrap p {
	font-size: 0.2rem;
	font-family: SourceHanSansCN-Normal, SourceHanSansCN;
	font-weight: 400;
	color: rgb(255, 255, 255);
	line-height: 0.35rem;
	margin-top: 0.25rem;
}

.content5 ul li .text-wrap2 {
	width: 100%;
	font-size: 0.25rem;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgb(255, 255, 255);
	text-align: center;
	position: absolute;
	left: 0px;
	bottom: 0.4375rem;
	transition: all 0.5s ease 0s;
	opacity: 1;
}

.content5 ul li:hover .mask5 {
	opacity: 1;
}

.content5 ul li:hover .text-wrap2 {
	opacity: 0;
}

.content5 ul li:hover .text-wrap {
	transform: translate(0px, 0px);
}

.content5 ul li:nth-of-type(2n) {
	transform: translate(0px, -0.25rem);
}

.content5 ul li:hover:nth-of-type(2n+1) {
	transform: translate(0px, -0.375rem);
}

.content5 ul li:hover:nth-of-type(2n) {
	transform: translate(0px, -0.375rem);
}

.bk6 {
	width: 100%;
	height: 9.125rem;
	position: relative;
}

.bk6 .img-wrap {
	width: 100%;
	height: 100%;
	position: relative;
}

.bk6 .img-wrap img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.content6 {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
	zoom: 1;
}

.content6 .title6 {
	font-size: 0.45rem;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgb(255, 255, 255);
	text-align: center;
	margin: 1.2rem auto 0px;
}

.content6 .p6 {
	font-size: 0.2rem;
	font-family: SourceHanSansCN-Normal, SourceHanSansCN;
	font-weight: 400;
	color: rgb(255, 255, 255);
	text-align: center;
	margin: 0.375rem auto 0px;
}

.content6 .bottom {
	width: 19.2rem;
	height: 5rem;
	margin: 0.875rem auto 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.content6 .bottom .right {
	width: 2.5rem;
	height: 4.875rem;
	background: rgba(23, 25, 29, 0.8);
	border-radius: 0.1rem;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
}

.content6 .bottom .right li {
	width: 2rem;
	height: 0.625rem;
	font-size: 0.2rem;
	font-family: SourceHanSansCN-Normal, SourceHanSansCN;
	font-weight: 400;
	color: rgb(255, 255, 255);
	background: transparent;
	border-radius: 0.1rem;
	text-align: center;
	line-height: 0.625rem;
}

.content6 .bottom .right li * {
	pointer-events: none;
}

.content6 .bottom .right li.active {
	background: rgb(27, 130, 208);
}

.content6 .bottom .right li:hover {
	background: rgba(27, 130, 208, 0.2);
}

.swiper-container6 {
	width: 15rem;
	height: 100%;
	overflow: hidden;
}

.swiper-container6 .swiper-slide {
	width: 15rem;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.swiper-container6 .swiper-slide h1 {
	font-size: 0.25rem;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgb(255, 255, 255);
}

.swiper-container6 .swiper-slide p {
	width: 13.4375rem;
	font-size: 0.2rem;
	font-family: SourceHanSansCN-Normal, SourceHanSansCN;
	font-weight: 400;
	color: rgb(255, 255, 255);
	line-height: 0.45rem;
	margin-top: 0.45rem;
}

.swiper-container6 .swiper-slide .card {
	width: 100%;
	height: 1.5625rem;
	display: flex;
	align-items: center;
}

.swiper-container6 .swiper-slide .card li {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-right: 0.5rem;
}

.swiper-container6 .swiper-slide .card li img {
	width: 0.375rem;
	height: 0.375rem;
}

.swiper-container6 .swiper-slide .card li span {
	font-size: 0.2rem;
	font-family: SourceHanSansCN-Normal, SourceHanSansCN;
	font-weight: 400;
	color: rgb(255, 255, 255);
	margin-top: 0.2125rem;
	text-align: center;
}

.swiper-container6 .swiper-slide .line {
	width: 13.125rem;
	height: 0.0125rem;
	border: 0.0125rem solid rgba(255, 255, 255, 0.6);
}

.swiper-container6 .swiper-slide .gg {
	display: flex;
	margin-top: 0.3625rem;
}

.swiper-container6 .swiper-slide .gg li {
	margin-right: 0.25rem;
}

.swiper-container6 .swiper-slide .gg li img {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.swiper-container6 .swiper-wrapper .swiper-slide:nth-child(1) .gg li:nth-of-type(1) {
	width: 2.25rem;
	height: 1rem;
}

.swiper-container6 .swiper-wrapper .swiper-slide:nth-child(1) .gg li:nth-of-type(2) {
	width: 3.4875rem;
	height: 1rem;
}

.swiper-container6 .swiper-wrapper .swiper-slide:nth-child(1) .gg li:nth-of-type(3) {
	width: 3.0625rem;
	height: 1rem;
}

.swiper-container6 .swiper-wrapper .swiper-slide:nth-child(2) .gg li:nth-of-type(1) {
	width: 2.725rem;
	height: 1rem;
}

.swiper-container6 .swiper-wrapper .swiper-slide:nth-child(2) .gg li:nth-of-type(2) {
	width: 2.75rem;
	height: 1rem;
}

.swiper-container6 .swiper-wrapper .swiper-slide:nth-child(2) .gg li:nth-of-type(3) {
	width: 3.9375rem;
	height: 1rem;
}

.swiper-container6 .swiper-wrapper .swiper-slide:nth-child(3) .gg li:nth-of-type(1) {
	width: 2.25rem;
	height: 1rem;
}

.swiper-container6 .swiper-wrapper .swiper-slide:nth-child(3) .gg li:nth-of-type(2) {
	width: 3.5rem;
	height: 1rem;
}

.swiper-container6 .swiper-wrapper .swiper-slide:nth-child(3) .gg li:nth-of-type(3) {
	width: 4.65rem;
	height: 1rem;
}

.swiper-container6 .swiper-wrapper .swiper-slide:nth-child(4) .gg li:nth-of-type(1) {
	width: 3.9rem;
	height: 1rem;
}

.swiper-container6 .swiper-wrapper .swiper-slide:nth-child(4) .gg li:nth-of-type(2) {
	width: 2.25rem;
	height: 1rem;
}

.swiper-container6 .swiper-wrapper .swiper-slide:nth-child(4) .gg li:nth-of-type(3) {
	width: 2.75rem;
	height: 1rem;
}

.swiper-container6 .swiper-wrapper .swiper-slide:nth-child(5) .gg li:nth-of-type(1) {
	width: 2.25rem;
	height: 1rem;
}

.swiper-container6 .swiper-wrapper .swiper-slide:nth-child(5) .gg li:nth-of-type(2) {
	width: 2.25rem;
	height: 1rem;
}

.swiper-container6 .swiper-wrapper .swiper-slide:nth-child(5) .gg li:nth-of-type(3) {
	width: 3.0625rem;
	height: 1rem;
}

.swiper-container6 .swiper-wrapper .swiper-slide:nth-child(6) .gg li:nth-of-type(1) {
	width: 2.75rem;
	height: 1rem;
}

.swiper-container6 .swiper-wrapper .swiper-slide:nth-child(6) .gg li:nth-of-type(2) {
	width: 3.5rem;
	height: 1rem;
}

.swiper-container6 .swiper-wrapper .swiper-slide:nth-child(6) .gg li:nth-of-type(3) {
	width: 4.65rem;
	height: 1rem;
}

.bk7 {
	width: 100%;
	height: 5.8125rem;
	position: relative;
}

.bjt7 {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.content7 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	zoom: 1;
}

.content7 .title7 {
	width: 19.2rem;
	font-size: 0.45rem;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgb(51, 51, 51);
	margin: 1.25rem auto 0px;
}

.content7 .card {
	width: 19.2rem;
	height: 2.2375rem;
	background: linear-gradient(53deg, rgba(255, 255, 255, 0) 0%, rgba(225, 245, 255, 0.2) 100%);
	border-radius: 0.1125rem;
	border: 0.0375rem solid rgb(255, 255, 255);
	margin: 0.625rem auto 0px;
	display: flex;
	justify-content: space-evenly;
}

.content7 .card li {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}

.content7 .card li img {
	width: 0.625rem;
	height: 0.625rem;
	margin-bottom: 0.25rem;
}

.content7 .card li span {
	font-size: 0.2rem;
	font-family: SourceHanSansCN-Normal, SourceHanSansCN;
	font-weight: 400;
	color: rgb(51, 51, 51);
	text-align: center;
}

.content7 .card li::after {
	position: absolute;
	content: "";
	width: 0px;
	height: 0.05rem;
	background: linear-gradient(53deg, rgb(95, 190, 247) 0%, rgb(49, 146, 255) 100%);
	border-radius: 0.025rem;
	top: 0px;
	left: 50%;
	transition: all 0.5s ease 0s;
	transform: translate(-50%, 0px);
}

.content7 .card li:hover::after {
	width: 1.625rem;
}

.bk8 {
	width: 100%;
	height: 10.65rem;
}

.content8 {
	width: 100%;
	height: 100%;
	overflow: hidden;
	zoom: 1;
}

.content8 .title8 {
	font-size: 0.45rem;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgb(51, 51, 51);
	margin: 1.25rem auto 0px;
	text-align: center;
}

.content8 .p8 {
	font-size: 0.2rem;
	font-family: SourceHanSansCN-Normal, SourceHanSansCN;
	font-weight: 400;
	color: rgb(102, 102, 102);
	line-height: 0.35rem;
	margin: 0.25rem auto 0px;
	text-align: center;
}

.content8 .card {
	width: 19.2rem;
	height: 6rem;
	margin: 0.5rem auto 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.content8 .card li {
	width: 4.5rem;
	height: 6rem;
	position: relative;
	transition: all 0.5s ease 0s;
}

.content8 .card li:hover {
	transform: scale(1.1);
}

.content8 .card li img {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.content8 .card li span {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0.375rem;
	left: 0px;
	text-align: center;
	font-size: 0.25rem;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgb(255, 255, 255);
}

.bk9 {
	width: 100%;
	height: 13.625rem;
}

.content9 {
	width: 100%;
	height: 100%;
	overflow: hidden;
	zoom: 1;
}

.content9 .title9 {
	font-size: 0.45rem;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgb(51, 51, 51);
	text-align: center;
	margin: 0px auto;
}

.content9 .p9 {
	font-size: 0.2rem;
	font-family: SourceHanSansCN-Normal, SourceHanSansCN;
	font-weight: 400;
	color: rgb(102, 102, 102);
	margin: 0.25rem auto 0.65rem;
	text-align: center;
}

.content9 .card {
	width: 19.2rem;
	height: 11.875rem;
	margin: 0px auto;
	position: relative;
}

.content9 .card .sjdt {
	width: 10.25rem;
	height: 7rem;
	position: absolute;
	bottom: 1.0375rem;
	left: 4.475rem;
}

.content9 .card .line {
	position: absolute;
	width: 0.075rem;
	height: 3.125rem;
	background: url("../imgs/cx.png") center center / 100% 100% no-repeat;
}

.content9 .card .line1 {
	left: 4.65rem;
	bottom: 3.8125rem;
}

.content9 .card .line2 {
	left: 5.8875rem;
	bottom: 5.6875rem;
}

.content9 .card .line3 {
	left: 7.625rem;
	bottom: 7.475rem;
}

.content9 .card .line4 {
	left: 9.5rem;
	bottom: 7.975rem;
}

.content9 .card .line5 {
	right: 7.75rem;
	bottom: 8.25rem;
}

.content9 .card .line6 {
	right: 5.9875rem;
	bottom: 7.0625rem;
}

.content9 .card .line7 {
	right: 3.85rem;
	bottom: 4.8rem;
}

.content9 .card h1 {
	font-size: 0.25rem;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgb(27, 130, 208);
	margin-bottom: 0.325rem;
}

.content9 .card p {
	font-size: 0.2rem;
	font-family: SourceHanSansCN-Normal, SourceHanSansCN;
	font-weight: 400;
	color: rgb(102, 102, 102);
}

.content9 .card .text {
	/* max-width: 4.5rem; */
}

.content9 .card .text1 {
	text-align: right;
	position: absolute;
	left: -0.4rem;
	bottom: 6.2875rem;
}

.content9 .card .text2 {
	text-align: right;
	position: absolute;
	left: 1.8rem;
	bottom: 8.1625rem;
}

.content9 .card .text3 {
	text-align: right;
	position: absolute;
	left: 3.7rem;
	bottom: 9.95rem;
}

.content9 .card .text4 {
	text-align: center;
	position: absolute;
	left: 8.2rem;
	top: 0px;
}

.content9 .card .text5 {
	position: absolute;
	right: 6rem;
	bottom: 10.4rem;
}

.content9 .card .text6 {
	position: absolute;
	right: 1.4rem;
	bottom: 9.5375rem;
}

.content9 .card .text7 {
	position: absolute;
	right: 0.6rem;
	bottom: 7.3125rem;
}

.bk10 {
	width: 100%;
	height: 8.825rem;
	position: relative;
}

.bjt10 {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.content10 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.content10 .left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-right: 1.3125rem;
}

.content10 .left h1 {
	font-size: 0.45rem;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgb(51, 51, 51);
}

.content10 .left h2 {
	font-size: 0.45rem;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgb(27, 130, 208);
	margin-top: 0.375rem;
}

.content10 .left p {
	width: 5rem;
	font-size: 0.2rem;
	font-family: SourceHanSansCN-Normal, SourceHanSansCN;
	font-weight: 400;
	color: rgb(102, 102, 102);
	line-height: 0.375rem;
	margin-top: 0.4875rem;
}

.content10 .right {
	width: 11.25rem;
	height: 6.325rem;
	background: rgb(232, 232, 232);
	box-shadow: rgb(179, 198, 215) 0rem 0.025rem 0.175rem 0rem;
	border-radius: 0.5rem;
	border: 0.1rem solid rgb(255, 255, 255);
}

.content10 .right img {
	width: 100%;
	height: 100%;
	object-fit: fill;
	border-radius: 0.5rem;
}

.bk10 .text {
	position: absolute;
	height: 0.75rem;
	font-size: 0.625rem;
	font-family: BMDoHyeon-OTF, BMDoHyeon;
	font-weight: bold;
	color: rgba(27, 130, 208, 0.1);
	line-height: 0.775rem;
	top: 2.5rem;
	left: calc(50% - 9.075rem);
}

.bk11 {
	width: 100%;
	height: 14.025rem;
}

.content11 {
	width: 100%;
	height: 100%;
	overflow: hidden;
	zoom: 1;
}

.content11 .title11 {
	font-size: 0.45rem;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgb(51, 51, 51);
	text-align: center;
	margin: 1.25rem auto 0px;
}

.content11 .card1,
.content11 .card2 {
	width: 19.2rem;
	height: 5rem;
	display: flex;
}

.content11 .card1 li,
.content11 .card2 li {
	position: relative;
	overflow: hidden;
}

.content11 .card1 .mask11,
.content11 .card2 .mask11 {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: rgba(0, 0, 0, 0.3);
	overflow: hidden;
	zoom: 1;
	transition: all 0.5s ease 0s;
	opacity: 0;
}

.content11 .card1 .mask11 .tb,
.content11 .card2 .mask11 .tb {
	background: url("../imgs/vrqj1.png") center center / 100% 100% no-repeat;
	width: 1.7rem;
	height: 1.125rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.content11 .card1 {
	margin: 0.7rem auto 0px;
}

.content11 .card2 {
	margin: 0.375rem auto 0px;
}

.content11 .card1 img,
.content11 .card2 img {
	width: 100%;
	height: 100%;
	object-fit: fill;
	transition: all 0.5s ease 0s;
	transform: scale(1);
}

.content11 .card1 li:nth-child(1) {
	width: 10.575rem;
	height: 5rem;
	margin-right: 0.375rem;
}

.content11 .card1 li:nth-child(2) {
	width: 8.25rem;
	height: 5rem;
}

.content11 .card2 li:nth-child(1) {
	width: 8.25rem;
	height: 5rem;
	margin-right: 0.375rem;
}

.content11 .card2 li:nth-child(2) {
	width: 10.575rem;
	height: 5rem;
}

.content11 .card1 li span,
.content11 .card2 li span {
	position: absolute;
	display: block;
	width: 100%;
	font-size: 0.25rem;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgb(255, 255, 255);
	bottom: 0.25rem;
	left: 0px;
	text-align: center;
}

.content11 .card1 li:hover .mask11,
.content11 .card2 li:hover .mask11 {
	opacity: 1;
}

.content11 .card1 li:hover img,
.content11 .card2 li:hover img {
	transform: scale(1.1);
}

.bk12 {
	width: 100%;
	height: 5.375rem;
	position: relative;
}

.content12 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

.bjt12 {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.content12 .title12 {
	font-size: 0.475rem;
	font-family: "Source Han Sans CN";
	font-weight: bold;
	color: rgb(255, 255, 255);
	text-align: center;
	margin: 1.1125rem auto 0px;
}

.content12 .p12 {
	font-size: 0.225rem;
	font-family: "Source Han Sans CN";
	font-weight: 400;
	color: rgba(255, 255, 255, 0.8);
	line-height: 0.175rem;
	text-align: center;
	margin: 0.2625rem auto 0px;
}

.content12 .inp {
	display: flex;
	justify-content: center;
	width: 100%;
	height: 0.6rem;
	margin: 0.4375rem auto 0px;
}

.content12 .inp input:nth-of-type(1) {
	width: 3.75rem;
	height: 0.6rem;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 0.1rem;
	border: 0.0125rem solid rgba(255, 255, 255, 0.6);
	font-size: 0.2rem;
	font-family: SourceHanSansCN-Normal, SourceHanSansCN;
	font-weight: 400;
	color: rgb(255, 255, 255);
	line-height: 0.6rem;
	margin-right: 0.25rem;
	text-align: center;
}

.content12 .inp input:nth-of-type(2) {
	width: 2.5rem;
	height: 0.6rem;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 0.1rem;
	border: 0.0125rem solid rgba(255, 255, 255, 0.6);
	font-size: 0.2rem;
	font-family: SourceHanSansCN-Normal, SourceHanSansCN;
	font-weight: 400;
	color: rgb(255, 255, 255);
	line-height: 0.6rem;
	margin-right: 0.25rem;
	text-align: center;
}

.content12 .inp input:nth-of-type(3) {
	width: 2.5rem;
	height: 0.6rem;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 0.1rem;
	border: 0.0125rem solid rgba(255, 255, 255, 0.6);
	font-size: 0.2rem;
	font-family: SourceHanSansCN-Normal, SourceHanSansCN;
	font-weight: 400;
	color: rgb(255, 255, 255);
	line-height: 0.6rem;
	margin-right: 0.25rem;
	text-align: center;
}

.content12 .inp input:nth-of-type(4) {
	width: 1.25rem;
	height: 0.6rem;
	background: linear-gradient(53deg, rgb(95, 190, 247) 0%, rgb(49, 146, 255) 100%);
	border-radius: 0.1rem;
	font-size: 0.2rem;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgb(255, 255, 255);
	line-height: 0.6rem;
}

.content12 .inp input:nth-of-type(4):hover {
	background: rgb(27, 130, 208);
}
.playVideoIcon{
    width: 1.3rem;
    height: 1.3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}
.playVideoIcon img{
    max-width: 100%;
    max-height: 100%;
}