<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body{
  min-width: 1200px;
}
[v-cloak] {
  display: none;
}
.bk1 {
  width: 100%;
  height: 100vh;
  position: relative;
}
.bk1 .footer_img {
  position: absolute;
  left: 50%;
  transform: translate(0, -50%);
  bottom: .375rem;
}
.bjt1 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content1 {
  position: absolute;
  width: 100%;
  height: 3.975rem;
  top: 50%;
  transform: translate(0rem, -50%);
}

.content1 h1 {
  height: 0.875rem;
  font-size: .625rem;
  font-weight: bold;
  color: rgb(255, 255, 255);
  line-height: 0.875rem;
  text-shadow: rgba(33, 34, 38, 0.2) 0rem 0.025rem 0.0375rem;
  margin: 0rem auto 0rem 3.425rem;
  text-align: left;
}

.content1 p {
  font-size: .625rem;
  font-weight: bold;
  color: rgb(255, 255, 255);
  line-height: 0.5625rem;
  text-shadow: rgba(33, 34, 38, 0.3) 0rem 0.0125rem 0.025rem;
  margin: .225rem auto 0rem 3.425rem;
  text-align: left;
}
.content1 .desc {
  font-size: .25rem;
  color: #FFFFFF;
  font-weight: 400;
  line-height: .325rem;
  margin: .4375rem auto 0rem 3.425rem;
  text-shadow: 0px 1px 2px rgba(33,34,38,0.63);
}
.content1 .desc .desc_1 {
  display: inline-block;
  margin-right: .325rem;
}
.content1 .desc .desc_1 span {
  font-size: .25rem;
}
.content1 .desc .spanimg {
  line-height: .25rem;
  height: .25rem;
  width: .25rem;
  display: inline-block;
}
.content1 .desc span img {
  height: 100%;
  width: 100%;
  /* vertical-align: text-top; */
  object-fit: cover;
}
.content1 .btn {
  width: 3.7rem;
  height: 0.6rem;
  margin: .625rem auto 0rem 3.425rem;
}

.content1 .btn span {
  height: .3rem;
  font-size: 0.2rem;
  font-weight: 400;
  line-height: 0.3rem;
  margin-left: 0.125rem;
}
.content1 .btn .btn1 {
  color: #1559FF;
}
.content1 .btn .btn2 {
  color: #FFFFFF;
}
.content1 .btn .btn1 {
  width: 1.675rem;
  height: .6rem;
  background: #FFFFFF;
  border-radius: .1rem;
  border: 0.0125rem solid rgb(255, 255, 255);
  cursor: pointer;
}

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

.content1 .btn .btn2:hover {
  background: linear-gradient(53deg, rgb(95, 190, 247) 0%, rgb(49, 146, 255) 100%);
}

.content1 .btn .btn1:hover span {
  color: rgb(57, 114, 255);
}

/* .content1 .btn .btn1:hover .tb1 {
  background: url("../imgs/ttb1.svg") center center / 100% 100% no-repeat;
  width: .25rem;
  line-height: 0.25rem;
  height: 0.25rem;
} */

.content1 .btn .btn1 .tb1 {
  background: url("../imgs/ttb11.svg") center center / 100% 100% no-repeat;
  width: .25rem;
  line-height: 0.25rem;
  height: 0.25rem;
}

.content1 .btn .btn2 .tb2 {
  background: url("../imgs/zixun.svg") center center / 100% 100% no-repeat;
  width: .25rem;
  height: .25rem;
  line-height: 0.25rem;
}

.content1 .btn .btn2 {
  width: 1.675rem;
  height: .6rem;
  background: rgba(0,0,0,0.2);
  border-radius: .1rem;
  cursor: pointer;
}

.viDivBgserviceingo {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	/* display: none; */
	z-index: 1001;
	background: rgba(0, 0, 0, 0.6);
}

.viDivserviceingo {
	width: 55%;
	height: 70%;
	border: 0rem solid #fff;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.viDivserviceingo .videoserviceingo{
	width: 100%;
	height: 100%;
	background-color: #000;
}

.viDivserviceingo span {
	width: .425rem;
	height: .425rem;
	position: absolute;
	right: -0.375rem;
	top: -0.375rem;
	cursor: pointer;
	z-index: 889;
	background: #fff;
	border-radius: 50%;
}

.viDivserviceingo span img {
	display: block;
	width: 100%;
	height: 100%;
}

.viDivserviceingo span {
	right: -0.225rem;
	top: -0.225rem;
	background: url("../imgs/header/viClose3.png") no-repeat 50% 50%;
	background-size: 92% auto;
}

.viDivserviceingo span:hover {
	background: url("../imgs/header/viClose2.png") no-repeat 50% 50%;
	background-size: 92% auto;
}
.bk2 {
  width: 100%;
  height: 13rem;
  position: relative;
}

.content2 {
  width: 19.2rem;
  height: 11.5rem;
  overflow: hidden;
  zoom: 1;
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translate(-50%, 0rem);
}

.content2 .content2-title {
  height: 0.45rem;
  font-size: 0.45rem;
  font-weight: 400;
  color: rgb(0, 0, 0);
  line-height: 0.45rem;
  margin: 0rem auto;
  text-align: center;
}

.content2 .content2-p {
  font-size: 0.2rem;
  font-weight: 400;
  color: rgb(140, 140, 140);
  line-height: 0.3rem;
  margin: 0.3875rem auto 0rem;
  text-align: center;
}

.content2 .content2-bg {
  width: 17.1625rem;
  height: 9rem;
  margin: 0.675rem auto 0rem;
  position: relative;
  background-color: rgb(0, 0, 0);
  border-radius: 0.125rem;
  overflow: hidden;
}

.content2 .bjt2 {
  width: 100%;
  height: 100%;
  position: relative;
}

.content2 .bjt2 .bj-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 20;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, transparent 50%, transparent 100%);
}

.content2 .bjt2 .bjt2-item {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: fill;
  transform: scale(0.1);
  transition: all 1s ease 0s;
}

.content2 .bjt2 .bjt2-item.show {
  z-index: 10;
  transform: scale(1);
}

.content2 .bjt2 .bjt2-item.out {
  transform: scale(1.5);
}

.content2 .bjt2 .bjt2-item.hide {
  visibility: hidden;
}

.swiper-container1 {
  width: 10.4rem;
  height: 2.75rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  position: absolute;
  right: .4875rem;
  bottom: 1.2rem;
  overflow: hidden;
  z-index: 200;
}

.swiper-container1 .swiper-slide {
  /* width: 1.9rem !important; */
  /* margin-right: .175rem !important; */
  box-sizing: border-box;
  height: 2.5rem;
  position: relative;
  cursor: pointer;
  transition: transform 0.5s ease 0s;
}

.swiper-container1 .swiper-slide:hover {
  transform: translate(0rem, -0.125rem);
}

.swiper-container1 .swiper-slide:hover .slide-mask1 {
  display: none;
}

.swiper-container1 .swiper-slide * {
  pointer-events: none;
}

.swiper-container1 .swiper-slide span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  text-align: center;
  z-index: 30;
  height: 0.225rem;
  font-size: 0.225rem;
  font-weight: 500;
  color: rgb(255, 255, 255);
  line-height: 0.3375rem;
  text-shadow: rgba(0, 0, 0, 0.8) 0rem 0.0125rem 0.025rem;
}

.swiper-container1 .swiper-slide .slide-mask1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0rem;
  left: 0rem;
  background: rgb(0, 3, 51);
  border-radius: 0.1rem;
  opacity: 0.6;
}

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

.content2 .content2-bg .swiper-pagination1 {
  position: absolute;
  width: 8.2rem;
  height: 0.025rem;
  background: rgb(249, 249, 249);
  right: 1.6rem;
  bottom: 0.7rem;
  z-index: 20;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  height: 0.05rem;
  background: rgb(255, 255, 255);
  top: -50%;
}

.content2 .content2-bg .swiper-button-prev1 {
  position: absolute;
  z-index: 21;
  width: 0.375rem;
  height: 0.375rem;
  background: url("../imgs/jt.svg") center center / 100% 100% no-repeat;
  opacity: 0.6;
  right: 10.55rem;
  bottom: 0.525rem;
  cursor: pointer;
  transform: rotate(180deg);
}

.content2 .content2-bg .swiper-button-next1 {
  position: absolute;
  z-index: 21;
  width: 0.375rem;
  height: 0.375rem;
  background: url("../imgs/jt.svg") center center / 100% 100% no-repeat;
  right: 10rem;
  bottom: 0.525rem;
  cursor: pointer;
}

.content2 .content2-bg .swiper-button-prev1:focus, .content2 .content2-bg .swiper-button-next1:focus{
  outline: none !important;
}

.swiper-num {
  position: absolute;
  width: 0.95rem;
  height: 0.25rem;
  right: 0.45rem;
  bottom: 0.64rem;
  font-weight: bold;
  font-size: 0.25rem;
  color: rgb(255, 255, 255);
  text-align: center;
  z-index: 20;
}

.swiper-num .active-num {
  display: inline-block;
}

.swiper-num .total-num {
  display: inline-block;
}

.content2 .content2-bg .content2-text {
  position: absolute;
  bottom: 1.75rem;
  left: 0.5375rem;
  width: 5.375rem;
  height: 2.075rem;
  transition: all 0.5s ease 0s;
  opacity: 0;
  transform: translate(0rem, 0.375rem);
  z-index: 20;
}

.content2 .content2-bg .content2-text.show1 {
  display: block;
  opacity: 1;
  transform: translate(0rem, 0rem);
}

.content2 .content2-bg .content2-text.hide1 {
  display: none;
}

.content2 .content2-bg .content2-text h1 {
  height: 0.45rem;
  font-size: 0.45rem;
  font-weight: 500;
  color: rgb(255, 255, 255);
  line-height: 0.45rem;
  text-shadow: rgba(0, 0, 0, 0.5) 0rem 0.0125rem 0rem;
}

.content2 .content2-bg .content2-text .line {
  width: 0.775rem;
  height: 0.025rem;
  background: rgb(231, 235, 255);
  border-radius: 0.0125rem;
  margin-top: 0.3125rem;
}

.content2 .content2-bg .content2-text p {
  font-size: 0.2rem;
  font-weight: 400;
  color: rgb(255, 255, 255);
  line-height: 0.375rem;
  text-shadow: rgba(0, 0, 0, 0.3) 0rem 0.0125rem 0rem;
  margin-top: 0.1625rem;
}

.content2 .content2-bg .btn-bt {
  position: absolute;
  width: 1.9rem;
  height: 0.475rem;
  left: 0.5375rem;
  bottom: 0.55rem;
  transition: transform 0.5s ease 0s;
  opacity: 0;
  transform: translate(0rem, 0.375rem);
  z-index: 20;
}

.content2 .content2-bg .btn-bt.show2 {
  visibility: visible;
  opacity: 1;
  transform: translate(0rem, 0rem);
}

.content2 .content2-bg .btn-bt.hide2 {
  visibility: hidden;
}

.content2 .content2-bg .btn-bt span {
  display: inline-block;
  width: 1.3125rem;
  height: .375rem;
  background: rgb(255, 255, 255);
  border-radius: .1875rem;
  font-size: .175rem;
  font-weight: 400;
  color: rgb(24, 144, 255);
  line-height: 0.375rem;
  text-align: center;
  cursor: pointer;
}
.content2 .content2-bg .btn-bt a {
  display: inline-block;
  width: 1.3125rem;
  height: .375rem;
  background: rgb(255, 255, 255);
  border-radius: .1875rem;
  font-size: .175rem;
  font-weight: 400;
  color: rgb(24, 144, 255);
  line-height: 0.375rem;
  text-align: center;
  cursor: pointer;
}
.content2 .content2-bg .btn-bt span:hover {
  color: rgb(255, 255, 255);
  background: linear-gradient(53deg, rgb(24, 144, 255) 0%, rgb(24, 83, 255) 100%);
}

.content2 .content2-bg .btn-bt .noData {
  cursor: not-allowed;
}
.content2 .content2-bg .btn-bt .noData:hover {
  color: rgb(24, 144, 255);
  background: rgb(255, 255, 255);
}
.content2 .content2-bg .btn-bt .tb {
  width: 0.375rem;
  height: 0.375rem;
  background: linear-gradient(53deg, rgb(24, 144, 255) 0%, rgb(24, 83, 255) 100%);
  border-radius: 0.5rem;
  cursor: pointer;
}

.content2 .content2-bg .btn-bt .tb:hover {
  background: linear-gradient(53deg, rgb(24, 83, 255) 0%, rgb(24, 144, 255) 100%);
}

.content2 .content2-bg .btn-bt .tb .tbin {
  width: 0.1625rem;
  height: 0.2rem;
  object-fit: fill;
}



.bk33 {
	width: 100%;
	height: 9.125rem;
	position: relative;
  background: rgba(0,0,0,0.6);
}

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

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

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

.content33 .title3 {
	font-size: 0.45rem;
	font-weight: 500;
	color: rgb(255, 255, 255);
	text-align: center;
	margin: 1.1625rem auto 0px;
}
.content33 .pdesc {
  margin-top: .25rem;
	font-size: .2rem;
}
.content33 .text3 {
	font-size: 0.2rem;
	font-weight: 400;
	color: rgb(255, 255, 255);
	text-align: center;
	margin: 0.375rem auto 0px;
}

.content33 .bottom {
	width: 17.2rem;
	height: 5rem;
	margin: 1.1875rem 3.425rem 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.content33 .bottom .right {
	width: 2.5rem;
	height: 100%;
	background: rgba(0,0,0,0.2);
  border-radius: .1125rem;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
}

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

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

.content33 .bottom .right li.active {
	background: #5085FB;
}

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

.swiper-container33 {
	width: 14.4375rem;
	height: 100%;
	overflow: hidden;
  background: rgba(0,0,0,0.2);
  border-radius: .1125rem;
  backdrop-filter: blur(5.714285714285714px);
  padding-left: .4625rem;
}

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

.swiper-container33 .swiper-slide h1 {
	font-size: .3rem;
	font-weight: 500;
	color: rgb(255, 255, 255);
  padding-top: .1rem;
}

.swiper-container33 .swiper-slide p {
	width: 12.5rem;
	font-size: .2rem;
	font-weight: 400;
	color: rgb(255, 255, 255);
	line-height: .35rem;
	margin-top: .25rem;
}

.swiper-container33 .swiper-slide .card {
	width: 10.125rem;
	/* height: 1.5625rem; */
  margin-bottom: .275rem;
	display: flex;
	align-items: center;
}

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

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

.swiper-container33 .swiper-slide .card li span {
	font-size: .175rem;
	margin-top: .5rem;
	text-align: center;
  display: inline-block;
  height: .5rem;
  background: rgba(255,255,255,0.3);
  border-radius: .1167rem;
  line-height: .5rem;
  /* font-weight: bold; */
  color: #FFFFFF;
  padding: 0 .1625rem;
}
.swiper-container33 .swiper-slide .card li .learnMore {
  background: #5085FB;
}
.swiper-container33 .swiper-slide .card li .learnMore a {
  color: #fff ;
}
.swiper-container33 .swiper-slide .line {
	width: 12.5rem;
	height: 0.0125rem;
	border: 0.0125rem solid rgba(255, 255, 255, 0.6);
}

.swiper-container33 .swiper-slide .gg {
	display: flex;
	margin-top: .3125rem;
}

.swiper-container33 .swiper-slide .gg li {
	margin-right: .05rem;
  overflow: hidden;
}

.swiper-container33 .swiper-slide .gg li img {
	width: 100%;
	height: 100%;
	object-fit: fill;
	transform: scale(1);
  transition: transform 0.8s ease 0s;
}
.swiper-container33 .swiper-slide .gg li a {
	width: 2.0375rem;
	height: .8625rem;
  display: inline-block;
  transition: transform 0.8s ease 0s;
}
.swiper-container33 .swiper-wrapper .swiper-slide .gg li:hover img {
	width: 2.0375rem;
	height: .8625rem;
	transform: scale(1.2);
}
.swiper-container33 .swiper-wrapper .swiper-slide .gg li {
	width: 2.0375rem;
	height: .8625rem;
  border-radius: 0.1rem;
  box-sizing: border-box;
}
.swiper-container33 .swiper-wrapper .swiper-slide:nth-child(1) .gg li:nth-of-type(1) {
	width: 2.0375rem;
	height: .8625rem;
}

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

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

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

.swiper-container33 .swiper-wrapper .swiper-slide:nth-child(2) .gg li:nth-of-type(2) {
	width: 2.0375rem;
	height: .8625rem;
}

.swiper-container33 .swiper-wrapper .swiper-slide:nth-child(2) .gg li:nth-of-type(3) {
	width: 2.0375rem;
	height: .8625rem;
}

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

.swiper-container33 .swiper-wrapper .swiper-slide:nth-child(3) .gg li:nth-of-type(2) {
	width: 2.0375rem;
	height: .8625rem;
}

.swiper-container33 .swiper-wrapper .swiper-slide:nth-child(3) .gg li:nth-of-type(3) {
	width: 2.0375rem;
	height: .8625rem;
}

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

.swiper-container33 .swiper-wrapper .swiper-slide:nth-child(4) .gg li:nth-of-type(2) {
	width: 2.0375rem;
	height: .8625rem;
}

.swiper-container33 .swiper-wrapper .swiper-slide:nth-child(4) .gg li:nth-of-type(3) {
	width: 2.0375rem;
	height: .8625rem;
}

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

.swiper-container33 .swiper-wrapper .swiper-slide:nth-child(5) .gg li:nth-of-type(2) {
	width: 2.0375rem;
	height: .8625rem;
}

.swiper-container33 .swiper-wrapper .swiper-slide:nth-child(5) .gg li:nth-of-type(3) {
	width: 2.0375rem;
	height: .8625rem;
}

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

.swiper-container33 .swiper-wrapper .swiper-slide:nth-child(6) .gg li:nth-of-type(2) {
	width: 2.0375rem;
	height: .8625rem;
}

.swiper-container33 .swiper-wrapper .swiper-slide:nth-child(6) .gg li:nth-of-type(3) {
	width: 2.0375rem;
	height: .8625rem;
}

.swiper-container2 {
  width: 17.125rem;
  height: 7.875rem;
  margin: 0rem auto;
  overflow: hidden;
}

.swiper-container2 .swiper-slide {
  width: 2.75rem;
  height: 100%;
  position: relative;
}

.swiper-container2 .swiper-slide .img-wrap {
  width: 100%;
  height: 5.375rem;
  position: absolute;
  top: 50%;
  transition: all 0.5s ease 0s;
  transform: translate(0rem, -50%);
  overflow: hidden;
}

.swiper-container2 .swiper-slide .img-wrap:hover {
  transform: translate(0rem, -55%) !important;
}

.swiper-container2 .swiper-slide .img-wrap:hover .card-text1 {
  opacity: 0;
  transform: translate(-50%, 200%);
}

.swiper-container2 .swiper-slide .img-wrap:hover .card-text2 {
  opacity: 1;
  transform: translate(-50%, -50%);
}

.swiper-container2 .swiper-slide .img-wrap:hover .mask3 {
  display: block;
}

.swiper-container2 .swiper-slide .item-img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.swiper-container2 .swiper-slide .card-text1 {
  position: absolute;
  width: 2.35rem;
  height: 0.6625rem;
  bottom: 0.35rem;
  left: 50%;
  transition: all 0.5s ease 0s;
  opacity: 1;
  transform: translate(-50%, 0rem);
}

.swiper-container2 .swiper-slide .card-text1 h1 {
  height: 0.225rem;
  font-size: 0.225rem;
  font-weight: 500;
  color: rgb(255, 255, 255);
  line-height: 0.225rem;
}

.swiper-container2 .swiper-slide .card-text1 .p1 {
  font-size: 0.175rem;
  font-weight: 400;
  color: rgb(255, 255, 255);
  line-height: 0.2625rem;
  margin-top: 0.2125rem;
}

.swiper-container2 .swiper-slide .mask3 {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  top: 0rem;
  left: 0rem;
  background: rgb(0, 0, 0);
  opacity: 0.6;
  border-radius: 0.125rem;
}

.swiper-container2 .swiper-slide .card-text2 {
  position: absolute;
  width: 2.4375rem;
  height: 3.1875rem;
  top: 50%;
  left: 50%;
  transition: all 0.5s ease 0s;
  opacity: 0;
  transform: translate(-200%, -50%);
}

.swiper-container2 .swiper-slide .card-text2 h1 {
  height: 0.225rem;
  font-size: 0.225rem;
  font-weight: 500;
  color: rgb(255, 255, 255);
  line-height: 0.225rem;
}

.swiper-container2 .swiper-slide .card-text2 .p2 {
  font-size: 0.175rem;
  font-weight: 400;
  color: rgb(255, 255, 255);
  line-height: 0.35rem;
  margin-top: 0.25rem;
}

.scrollarrows {
  width: 0.2rem;
  height: 0.575rem;
  margin-left: 0.2875rem;
  transform: rotate(-90deg) scale(0.5);
}

.scrollarrows path.a1 {
  animation-delay: -1s;
}

.scrollarrows path.a2 {
  animation-delay: -0.5s;
}

.scrollarrows path.a3 {
  animation-delay: 0s;
}

.scrollarrows path {
  stroke: rgb(255, 255, 255);
  fill: transparent;
  stroke-width: 0.025rem;
  animation: 2s ease 0s infinite normal none running arrow;
}

@keyframes arrow {
  0% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.swiper-container2 .swiper-slide:nth-child(2n+1) .img-wrap {
  transform: translate(0rem, -45%);
}

.swiper-button-prev2 {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  left: 0.1375rem;
  cursor: pointer;
  bottom: 3.375rem;
  background: url("../imgs/jt2.svg") center center / 100% 100% no-repeat;
}

.swiper-button-prev2:hover {
  background: url("../imgs/jt3.svg") center center / 100% 100% no-repeat;
}

.swiper-button-next2 {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  right: 0.1375rem;
  bottom: 3.375rem;
  cursor: pointer;
  background: url("../imgs/jt2.svg") center center / 100% 100% no-repeat;
  transform: rotate(180deg);
}

.swiper-button-next2:hover {
  background: url("../imgs/jt3.svg") center center / 100% 100% no-repeat;
  transform: rotate(180deg);
}

.bk4 {
  width: 100%;
  height: 10.875rem;
}

.content4 {
  width: 21rem;
  height: 100%;
  margin: 0rem auto;
  position: relative;
}

.mask-card {
  position: absolute;
  width: 16.5rem;
  height: 8.125rem;
  top: 1.45rem;
  right: 0.875rem;
}

.content4 .bjt4 {
  position: absolute;
  height: 9.75rem;
  z-index: 10;
}

.content4-text {
  width: 13.05rem;
  height: 5.5375rem;
  position: absolute;
  right: 1.5rem;
  top: 1.25rem;
  z-index: 20;
}

.content4-text .title4 {
  height: 0.6rem;
  font-size: 0.6rem;
  font-weight: 400;
  color: rgb(0, 3, 51);
  line-height: 0.6rem;
  margin-top: 1rem;
  margin-left: 0.1625rem;
}

.content4-text .p4 {
  font-size: 0.225rem;
  font-weight: 400;
  color: rgb(140, 140, 140);
  line-height: 0.45rem;
  margin-left: 0.1625rem;
}

.content4-text p {
  font-size: 0.225rem;
  font-weight: 400;
  color: rgb(140, 140, 140);
  line-height: 0.45rem;
}

.content4-text p:nth-of-type(1) {
  margin-top: 0.25rem;
}

.content4-card {
  width: 100%;
  height: 2.275rem;
  margin-top: 1.25rem;
}

.content4-card li {
  width: 3.35rem;
  height: 100%;
  position: relative;
  transition: all 0.5s ease 0s;
}

.content4-card li:hover {
  transform: translate(0rem, -0.125rem);
}

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

.content4-card li .text4 {
  position: absolute;
  width: 2.5rem;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.content4-card li .text4 h1 {
  height: 0.225rem;
  font-size: 0.225rem;
  font-weight: 500;
  color: rgb(57, 114, 255);
  line-height: 0.225rem;
  margin-top: 0.6875rem;
}

.content4-card li .text4 p {
  width: 100%;
  font-size: 0.2rem;
  font-weight: 400;
  color: rgb(89, 89, 89);
  line-height: 0.35rem;
  margin-top: 0.25rem;
}

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

.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.1125rem auto 0px;
  font-weight: bold;
	text-align: center;
}

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

.content5 ul li {
	width: 4.375rem;
	height: 5.125rem;
	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: .275rem;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgb(255, 255, 255);
	margin: 1.6rem auto 0px;
  text-align: center;
  position: relative;
}
.content5 ul li .text-wrap h1::after {
  content: '';
	width: .5rem;
  height: .0375rem;
  background: #FFFFFF;
  border-radius: .025rem;
  left: 50%;
  bottom: -0.25rem;
  transform: translate(-50%, -50%);
	text-align: center;
	position: absolute;
	opacity: 1;
}
.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: .75rem;
}

.content5 ul li .text-wrap2 {
	width: 100%;
	font-size: .275rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: rgb(255, 255, 255);
	text-align: center;
	position: absolute;
	transition: all 0.5s ease 0s;
	opacity: 1;
}
.content5 ul li .text-wrap2::after {
  content: '';
	width: .5rem;
  height: .0375rem;
  background: #FFFFFF;
  border-radius: .025rem;
  left: 50%;
  bottom: -0.25rem;
  transform: translate(-50%, -50%);
	text-align: center;
	position: absolute;
	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, 0rem);
}

.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);
}
.bk9 {
	width: 100%;
	height: 12.375rem;
}

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

.content9 .title9 {
	font-size: 0.45rem;
	font-weight: bold;
	color: rgb(51, 51, 51);
	text-align: center;
	margin: 0px auto;
  padding-top: 1rem;
}

.content9 .p9 {
	font-size: 0.2rem;
	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: 7.2rem;
	height: 5.375rem;
	position: absolute;
  bottom: 3.0375rem;
  left: 6rem;
  
}

.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;
}

.bk4 {
	width: 100%;
	height: 11.625rem;
	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-weight: bold;
  color: #333333;
	text-align: center;
	margin: 1rem auto 0px;
}

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

.content4 video {
	display: block;
	width: 13.625rem;
  /* height: 7.6625rem; */
	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 img {
  display: block;
  width: 13.625rem;
  /* height: 7.6625rem; */
  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: .2rem;
  color: #B4B4B4;
	line-height: 0.375rem;
	text-align: center;
	margin: .3rem auto .6875rem;
}
.swiper-container3 {
  width: 19.2rem;
  height: 8.025rem;
  border-radius: 0.125rem;
  margin: .2rem auto 0rem 3.5rem;
  overflow: hidden;
  padding: 0.0625rem 0rem;
}

.swiper-container3 .swiper-slide {
  width: 100%;
  height: 100%;
}

.swiper-container3 .card-wrap {
  display: grid;
  grid-template-columns: repeat(4, 0fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 0.2rem;
}

.swiper-container3 .card-wrap li {
  width: 4.125rem;
  height: 2.4rem;
  /* box-shadow: rgba(0, 0, 0, 0.1) 0rem 0rem 0.075rem 0rem, rgba(255, 255, 255, 0.5) 0rem 0rem 0.125rem 0rem inset; */
  border-radius: 0.125rem;
  transition: transform 0.8s ease 0s;
  position: relative;
}

.swiper-container3 .card-wrap li:hover {
  background-color: rgb(255, 255, 255);
  cursor: pointer;
  transform: translate(0rem, -0.0625rem);
}

.swiper-container3 .card-wrap li:hover .card-pic {
  transform: scale(1.2);
}

/* .swiper-container3 .card-wrap li:hover .text-wrap h1 {
  color: rgb(0, 0, 0);
} */

/* .swiper-container3 .card-wrap li:hover .text-wrap .bottom span {
  color: rgb(153, 153, 153);
} */

.swiper-container3 .card-wrap li:hover .text-wrap .bottom .tb1 {
  background: url("../imgs/people1.svg") center center / 100% 100% no-repeat;
}

.swiper-container3 .card-wrap li .card-pic-wrap {
  width: 4.125rem;
  height: 2.4rem;
  border-radius: 0.1rem;
  overflow: hidden;
}
.swiper-container3 .card-wrap li .card-pic-wrap a {
  width: 4.125rem;
  height: 2.4rem;
  border-radius: 0.1rem;
  display: inline-block;
}
.swiper-container3 .card-wrap li .card-pic-wrap a::after {
  background: rgb(0, 0, 0,0.3);
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.1rem;
  top: 0;
}
.swiper-container3 .card-wrap li .card-pic {
  width: 100%;
  height: 100%;
  object-fit: fill;
  transition: all 0.8s ease 0s;
  transform: scale(1);
}

.swiper-container3 .card-wrap li .text-wrap {
  /* height: 1.075rem; */
  /* padding-left: .2125rem;
  padding-right: 0.2125rem; */
  overflow: hidden;
  zoom: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  color: #FFFFFF;
}
.swiper-container3 .card-wrap li .text-wrap::after {
	width: 0.3755rem;
  height: 0.05rem;
  background: #5085FB;
  border-radius: 2px;
  content: '';
  display: block;
  margin: .1625rem auto 0 auto;
  transition: all 0.5s;
  opacity: 1;
}
.swiper-container3 .card-wrap li .text-wrap h1 {
  font-size: .25rem;
  font-weight: 500;
  color: rgb(255, 255, 255);
  text-shadow: rgba(0, 0, 0, 0.1) 0rem 0rem 0.075rem;
  /* margin-top: 0.2rem; */
}

.swiper-container3 .card-wrap li .text-wrap .bottom {
  width: 3.125rem;
  height: 0.25rem;
  margin-top: 0.2125rem;
}

.swiper-container3 .card-wrap li .text-wrap .bottom span {
  display: block;
  font-size: 0.175rem;
  height: 100%;
  font-weight: 400;
  color: rgb(255, 255, 255);
  line-height: 0.25rem;
  text-shadow: rgba(0, 0, 0, 0.1) 0rem 0rem 0.075rem;
}

.swiper-container3 .card-wrap li .text-wrap .bottom .tb1 {
  background: url("../imgs/people2.svg") center center / 100% 100% no-repeat;
  width: 0.175rem;
  height: 0.2rem;
  margin-right: 0.1rem;
}

.swiper-container3 .card-wrap li .text-wrap .bottom .tb2 {
  background: url("../imgs/yj.png") center center / 100% 100% no-repeat;
  width: 0.1825rem;
  height: 0.125rem;
  margin-right: 0.1rem;
}

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

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

.content6 {
  position: absolute;
  width: 17.2rem;
  height: 7.625rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.content6 .title6 {
  height: 0.45rem;
  font-size: 0.45rem;
  font-weight: 400;
  color: rgb(0, 3, 51);
  line-height: 0.45rem;
}

.content6 .p6 {
  font-size: 0.225rem;
  font-weight: 400;
  color: rgb(140, 140, 140);
  line-height: 0.3375rem;
  margin-top: 0.4rem;
}

.content6 .btn6 {
  width: 1.6rem;
  height: 0.475rem;
  background: rgb(57, 114, 255);
  border-radius: 0.1rem;
  margin-top: 0.375rem;
  font-size: 0.2rem;
  font-weight: 400;
  color: rgb(255, 255, 255);
  line-height: 0.475rem;
  text-align: center;
  cursor: pointer;
}

.content6 .btn6:hover {
  background: linear-gradient(53deg, rgb(24, 144, 255) 0%, rgb(24, 83, 255) 100%);
}

.xw-content {
  width: 17.2rem;
  height: 5.7rem;
  background: rgb(255, 255, 255);
  border-radius: 0.1rem;
  margin-top: 0.6125rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: .4rem;
}

.xw-content .img-wrap {
  margin-bottom: 0.3875rem;
}

.xw-content .tb {
  width: 0.3rem;
  height: 0.3rem;
  margin-right: 0.1rem;
}
.xw-content .top_bg a{
  width: 3.8125rem;
  height: 1.65rem;
  display: inline-block;
  overflow: hidden;
  margin-bottom: .55rem
}
.xw-content .top_bg .bg {
  width: 3.8125rem;
  height: 1.65rem;
  overflow: hidden;
  transition: transform 0.8s ease 0s;
  transform: scale(1);
  margin-bottom: .55rem
}
.xw-content .top_bg .bg:hover {
  transform: scale(1.2);
}
.xw-content .title {
  display: block;
  height: 0.3rem;
  font-size: 0.25rem;
  font-weight: 400;
  color: rgb(0, 3, 51);
  line-height: 0.3rem;
}

.xw-content .text6-wrap {
  width: 3.95rem;
  position: relative;
}

.xw-content .text6-wrap .text66 {
  width: 3.75rem;
  white-space: nowrap;
  font-size: 0.175rem;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 0.175rem;
}

.xw-content .text6-wrap .jt6 {
  position: absolute;
  top: 0rem;
  right: 0rem;
  font-size: 0.15rem;
  line-height: 0.15rem;
  color: rgb(24, 144, 255);
  visibility: hidden;
  transform: translateY(0.06rem);
}

.xw-content .text6-wrap:hover .jt6 {
  visibility: visible;
}
.activety {
  z-index: 999;
  position: fixed;
  top: 163px;
  right: 39px;
  width: 150px;
  height: 150px;
}
@keyframes turnOut_actSpTips {
  0% {
      transform: rotateY(0deg);
  }
  10% {
      transform: rotateY(-180deg);
  }
  50% {
      transform: rotateY(-180deg);
  }
  60% {
      transform: rotateY(-360deg);
  }
  100% {
      transform: rotateY(-360deg);
  }
}
.activety .flipper {
  position: absolute;
  width: 150px;
  height: 150px;
  transform-style: preserve-3d;
  transition: all 0.6s ease-in-out;
  animation: turnOut_actSpTips linear infinite 3.8s;
  -moz-backface-visibility:hidden;
}
.activety .flipper img {
  width: 100%;
}
.activety .flipper .front,
.activety .flipper .back {
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.activety .flipper .back {
  transform: rotateY(180deg);
}
.activety .off {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  border-radius: 50%;
  text-align: center;
  z-index: 8;
  transition: 0.3s;
  cursor: pointer;
}
.activety .off img{
  margin: 4px auto;
  width: 12px;
}
.activety .off:hover{
  transform: rotate(180deg);
}
.xw-content .text6 {
  height: 0.175rem;
  width: 100%;
  font-size: 0.17rem;
  font-weight: 400;
  color: rgb(89, 89, 89);
  line-height: 0.3rem;
}

.xw-content .text6:hover {
  cursor: pointer;
  color: rgb(24, 144, 255);
}

.xw-content .ljgd {
  height: 0.175rem;
  font-size: 0.175rem;
  font-weight: 400;
  color: rgb(89, 89, 89);
  line-height: 0.175rem;
}

.xw-content .ljgd:hover {
  cursor: pointer;
  color: rgb(24, 144, 255);
}
.xw-content a:hover {
  cursor: pointer;
  color: rgb(24, 144, 255) !important;
}
.xw-content .text6-wrap {
  margin-bottom: .15rem;
}

.bk7 {
  height: 6.875rem;
  overflow: hidden;
  zoom: 1;
}

.bk7 .title {
  height: 0.45rem;
  font-size: 0.45rem;
  font-weight: bold;
  color: rgb(0, 3, 51);
  line-height: 0.45rem;
  text-align: center;
  margin-top: 1.25rem;
}

.bk7 p {
  font-size: 0.2rem;
  font-weight: 400;
  color: rgb(153, 153, 153);
  line-height: 0.3rem;
  margin-top: 0.375rem;
  margin-bottom: 0.775rem;
  text-align: center;
}

.select_box {
  width: 19.2rem;
  height: 3.1902rem;
  overflow: hidden;
  margin: 0rem auto 1rem;
  position: relative;
}

.select_box .select_log {
  position: absolute;
  z-index: 10;
  right: 0rem;
  transform: rotate(180deg);
}

.select_box .select_log2 {
  position: absolute;
  z-index: 10;
  left: 0rem;
}

.line_odd {
  width: 36.2395rem;
  animation: 36s linear 0s infinite normal none running scrollToRight-data-v-6a32e916;
}

@keyframes scrollToRight-data-v-6a32e916 {
  0% {
    transform: translate3d(-50%, 0rem, 0rem);
  }

  100% {
    transform: translate3d(0%, 0rem, 0rem);
  }
}

.line_odd img {
  width: 50%;
  display: inline-block;
  float: left;
}

.line_event {
  width: 36.2395rem;
  animation: 28s linear 0s infinite normal none running scrollToRight-data-v-6a32e916;
}

.line_event img {
  width: 50%;
  display: inline-block;
  float: left;
}
.bk8 {
	width: 100%;
	height: 8.375rem;
  position: relative;
}
.bjt8 {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.content8 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  overflow: hidden;
  zoom: 1;
}

.content8 .title8 {
	font-size: 0.45rem;
	color: rgb(51, 51, 51);
	margin: 1.125rem auto 0px;
	text-align: center;
}


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

.content8 .card li {
	width: 4.3rem;
  height: 4.8125rem;
	position: relative;
	transition: all 0.5s ease 0s;
  background: #FFFFFF;
  border-radius: .1rem;
  display: flex;
  justify-content: center;
  flex-flow: column;
}
.content8 .card li .bk8_wow_top {
	height: .875rem;
  background: #5085FB;
  border-radius: .1rem .1rem 0px 0rem;
  width: 100%;
  display: flex;
  align-items: center;
}
.content8 .card li .bk8_wow_top .span1 {
	height: .875rem;
  line-height: .875rem;
  flex: 1;
  text-align: center;
  font-size: .3rem;
  font-weight: bold;
  color: #FFFFFF;
}
.content8 .card li .bk8_wow_top .span2 {
	width: 1rem;
  height: 1rem;
}
.content8 .card li .bk8_wow_bottom {
	/* height: .875rem; */
  background: #FFFFFF;
  width: 100%;
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: center;
  border-radius: .1rem;
  flex: 1;
}
.content8 .card li .span3 {
	width: 1.8125rem;
  height: .425rem;
}
.content8 .card li .span5 {
	/* width: 1.8125rem; */
  height: .425rem;
  margin-bottom: .5125rem;
}
.content8 .card li .span5 .img1{
	width: 1.0625rem;
  height: .4rem;
}
.content8 .card li .span6 .imgleft{
	margin-right: .525rem;
  display: inline-block;
}
.content8 .card li .span5 .imgleft{
	margin-right: .6875rem;
  display: inline-block;
}
.content8 .card li .span6 .img1{
	width: 1.0625rem;
  height: .4rem;
}
.content8 .card li .span4 {
	width: 1.8125rem;
  height: .425rem;
  margin-top: .4rem;
}
.content8 .card li .span7 .img2{
	width: .6125rem;
  height: .6125rem;
}
.content8 .card li .span8 .imgleft{
	margin-right: .525rem;
  display: inline-block;
}
.content8 .card li .span7 {
  margin-bottom: .5125rem;
}
.content8 .card li .span9 {
  display: flex;
    align-items: center;
    justify-content: center;
}
.content8 .card li .span9 div {
  display: flex;
    flex-flow: column;
    align-items: center;
    color: #333333;
    font-size: .25rem;
}
.content8 .card li .span9 div .span10 {
  display: inline-block;
  margin-top: .25rem;
}
.content8 .card li .span9 .div1 {
    margin-right: .6375rem;
}
.content8 .card li .span9 .div2 {
    margin-right: .6375rem;
}
.content8 .card li .span9 img {
  width: .6875rem;
  height: .6875rem;
}
.content8 .card li .span7 .img2left{
	margin-right: .4rem;
  display: inline-block;
}
.content8 .card li .span8 .img1{
	width: 1.0625rem;
  height: .4rem;
}
.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);
} */
 /* å‡ºçŽ°å¼¹çª— */
 .tc {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
  z-index: 100;
   display: none;
}

.tc-mask {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.2);
}

.tc-wrap {
	width: 5.375rem;
	height: 5.8375rem;
	background: #FFFFFF;
	border-radius: .1rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
}


.tc-wrap .t {
	width: 5.375rem;
	height: 1.5625rem;
	background: url(../imgs/wr1.png) center center / 100% 100% no-repeat;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}

.tc-wrap .t .cclose {
	position: absolute;
	width: .25rem;
	height: .25rem;
	background: url(../imgs/cclose.png) center center / 100% 100% no-repeat;
   top: .1875rem;
   right: .1875rem;
   cursor: pointer;
}

.tc-wrap .t p {
	font-size: .225rem;
	font-weight: 400;
	color: #FFFFFF;
	padding: 0 .5rem;
}

.tc-wrap .t p:nth-of-type(1) {
	margin-bottom: .225rem;
}

.tc-wrap .b {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.tc-wrap .b .title {
	font-size: .225rem;
	font-weight: 600;
	color: #333333;
	margin: .35rem auto .225rem;
}

.tc-wrap .b .span-wrap {
	display: flex;
	align-items: center;
}

.tc-wrap .b .span-wrap .iconl {
	background: url(../imgs/lxx.png) center center / 100% 100% no-repeat;
	width: 1rem;
	height: .0375rem;
	margin-right: .2rem;
}

.tc-wrap .b .span-wrap .iconr {
	background: url(../imgs/lxx.png) center center / 100% 100% no-repeat;
	transform: rotate(180deg);
	width: 1rem;
	height: .0375rem;
	margin-left: .2rem;
}

.tc-wrap .b .span-wrap span {
	font-size: .175rem;
	font-weight: 400;
	color: #595959;
}

.tc-wrap .b .inp {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: .3375rem;
}

.tc-wrap .b .inp .inp1 {
	width: 3.25rem;
	height: .45rem;
  line-height: 0.45rem;
	background: #FFFFFF;
	border-radius: .1rem;
	border: 1px solid #D9D9D9;
	display: flex;
	justify-content: center;
	align-items: center;
  position: relative;
}

.tc-wrap .b .inp .inp2 {
	width: 3.25rem;
	height: .45rem;
	background: #FFFFFF;
  line-height: 0.45rem;
	border-radius: .1rem;
	border: 1px solid #D9D9D9;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: .2rem;
  position: relative;
}

.tc-wrap .b .inp .inp1 .icon1 {
	background: url(../imgs/xmm.png) center center / 100% 100% no-repeat;
	width: .175rem;
	height: .175rem;
  line-height: 0.175rem;
	left: .25rem;
  vertical-align: middle;
  position: absolute;
}

.tc-wrap .b .inp .inp2 .icon2 {
	background: url(../imgs/dhh.png) center center / 100% 100% no-repeat;
	width: .175rem;
	height: .175rem;
  line-height: 0.175rem;
	left: .25rem;
  position: absolute;
  vertical-align: middle;
}

.tc-wrap .b .inp .inp1 input {
	font-size: .175rem;
  position: absolute;
  left: .55rem;
}

.tc-wrap .b .inp .inp2 input {
  position: absolute;
	font-size: .175rem;
  left: .55rem;
}

.tc-wrap .b .inp .inp3 {
	width: 3.25rem;
	height: .45rem;
	background: linear-gradient(53deg, #71BCFF 0%, #3972FF 100%);
	border-radius: .1rem;
	font-size: .175rem;
	font-weight: 400;
	color: #FFFFFF;
	margin-top: .2rem;
}

.tc-wrap .b .inp .inp3:hover {
	background: linear-gradient(53deg, #3972FF 0%, #71BCFF 100%);
}

.tc-wrap .b .po {
	font-size: .15rem;
	font-weight: 400;
	color: #BFBFBF;
	text-align: center;
	margin-top: .2rem;
}

.tc-wrap .b .bo {
	font-size: .225rem;
	font-weight: 500;
	color: #595959;
	margin-top: .2rem;
	text-align: center;
}

.tc-wrap .b .bo span {
	color: rgba(57, 114, 255, 1);
	padding: .1125rem;
}
.content8 .right ul li .li_desc {
  width: 100%;
  height: .45rem;
  padding-left: .275rem;
  padding-right: .125rem;
}
.content8 .right ul li .li_desc span {
  font-size: .175rem;
  font-weight: 400;
  color: #595959;
  display: inline-block;
}
.content8 .left ul li:nth-of-type(1) .t1 {
	width: 4.5625rem;
	height: 7.75rem;
	position: absolute;
	top: 0;
	left: 1.2625rem;
}

.content8 .left ul li:nth-of-type(1) .t2 {
	width: 4rem;
	height: 4rem;
	position: absolute;
	top: 3.625rem;
	left: 0rem;
}

.content8 .left ul li:nth-of-type(1) .t3 {
	width: 2.45rem;
	height: 3.1875rem;
	position: absolute;
	top: 1.625rem;
  left: 3.6rem;
}

.content8 .left ul li:nth-of-type(2) .t1 {
	width: 4.5625rem;
	height: 7.75rem;
	position: absolute;
	top: 0;
	left: 1.2625rem;
}

.content8 .left ul li:nth-of-type(2) .t2 {
	width: 6.4rem;
	height: 6.4rem;
	position: absolute;
	top: 1.3375rem;
	/* left: .775rem; */
}

.content8 .left ul li:nth-of-type(2) .t3 {
	width: 2.4375rem;
	height: 2.225rem;
	position: absolute;
	top: 3.3625rem;
	right: .175rem;
}

.content8 .left ul li:nth-of-type(2) .t4 {
	width: 3.05rem;
	height: 1.9rem;
	position: absolute;
	bottom: -0.425rem;
	left: 1.525rem;
}

.content8 .left ul li:nth-of-type(3) .t1 {
	width: 4.5625rem;
	height: 7.75rem;
	position: absolute;
	top: 0;
	left: 1.2625rem;
}

.content8 .left ul li:nth-of-type(3) .t2 {
	width: 6.45rem;
	height: 2.7rem;
	position: absolute;
	top: 2.65rem;
	left: .2rem;
}

.content8 .left ul li:nth-of-type(3) .t3 {
	width: 4.075rem;
	height: 6rem;
	position: absolute;
	top: 1.4875rem;
	right: -0.7125rem;
}

.content8 .left ul li:nth-of-type(4) .t1 {
	width: 4.25rem;
	height: 6.25rem;
	position: absolute;
	right: 0;
	top: 1.275rem;
}

.content8 .left ul li:nth-of-type(4) .t2 {
	width: 1.65rem;
	height: 3.75rem;
	position: absolute;
	left: 2.875rem;
	top: 1.525rem;
}

.content8 .left ul li:nth-of-type(4) .t3 {
	width: 2.125rem;
	height: 2.55rem;
	position: absolute;
	top: 4.5rem;
	left: 1rem;
}
.content8 .left ul li:nth-of-type(4) .t4 {
	width: 1.875rem;
	height: 1.125rem;
	position: absolute;
	top: 2.375rem;
	left: .9625rem;
}
.content8 .left ul li:nth-of-type(1),
.content8 .left ul li:nth-of-type(2),
.content8 .left ul li:nth-of-type(3),
.content8 .left ul li:nth-of-type(4) {
	display: none;
}

.active6-1 {
	display: block !important;
	z-index: 10;
}

.active6-2 {
	background: linear-gradient(-45deg, #DFE9FE, #EBF1FF) !important;
	box-shadow: 0rem .0125rem 0rem 0rem #F8FAFF, 0rem .0375rem .075rem 0rem rgba(186, 207, 255, 0.28) !important;
	border: .025rem solid transparent !important;
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translate3d(-30%, 0, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translate3d(30%, 0, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}
@keyframes fadeInRight3 {
	from {
		opacity: 0;
		transform: translate3d(100%,0,0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 30%, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translate3d(0, -30%, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}
</pre></body></html>