@charset "utf-8";

body {
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-family: "Microsoft YaHei"
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	left: 57px !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	right: 57px !important;
}
#indexDiv {
	width: 100%
}
.show{
	display: block !important;
}
.hide{
	display: none !important;
}
.lower{
	width: 44px;
	height: 44px;
	position: fixed;
	bottom: 90px;
	right: 60px;
	z-index: 10;
	cursor: pointer;
}
.lower img{
	width: 100%;
	height: 100%;
}
/* .activation{
	position: fixed;
	bottom: 150px;
	right: 60px;
	z-index: 10;
	cursor: pointer;

} */
.isactivation{
	/* width: 248px; */
	transition:'all 0.3s';
	box-sizing: border-box;
	/* height: 57px; */
	position: fixed;
	bottom: 170px;
	right: 60px;
	overflow: hidden;
	z-index: 10;
	cursor: pointer;
	background: transparent;
	border-radius: 29px;
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: transparent;
	/* text-shadow: 0px 2px 3px rgba(57,102,203,0.6300); */
	display: flex;
	justify-content: flex-end;
	align-items: center;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
}
.isactivation span{
	margin-right: 10px;
}
.isactivation img{
	width: 44px;
	height: 44px;
}
.winBorder {
	position: fixed;
	z-index: 4;
	border: 4px solid #FFF
}

/* img {
	width: 100%
} */
.router ul{
	list-style-type: none;
	padding: 0px;
	position: fixed;
	z-index: 13;
	top: 38px;
	color: #fff;
	right: 100px;
}
.router ul li{
	float: left;
	width: 9.375rem;
	cursor: pointer;
}
#navigation {
	position: fixed;
	top: 40px;
	left: 220px;
	z-index: 10;
	width: auto;
	height: 50px
}

#navigation img {
	position: relative;
	top: 14px;
	width: 16px;
	height: 23px
}

#navigation .navigationSelect {
	float: left;
	width: auto;
	height: 50px;
	color: #FFF;
	line-height: 50px
}

#navigation .navigationSelect .text:hover {
	color: #2cead1
}

#navigation .navigationSelect .text {
	float: left;
	margin-right: 30px;
	margin-left: 30px;
	width: auto;
	height: 50px;
	color: #FFF;
	font-size: 14px;
	line-height: 50px;
	cursor: pointer;
	-webkit-transition: color .5s;
	-moz-transition: color .5s;
	-o-transition: color .5s;
	transition: color .5s
}

#navigation .navigationSelect .img {
	float: left;
	width: 20px;
	height: 50px;
	color: #FFF;
	line-height: 50px
}

@keyframes jiazai {
	from {
		width: 0
	}

	to {
		width: 100%
	}
}

@-moz-keyframes jiazai {
	from {
		width: 0
	}

	to {
		width: 100%
	}
}

@-webkit-keyframes jiazai {
	from {
		width: 0
	}

	to {
		width: 100%
	}
}

@-o-keyframes jiazai {
	from {
		width: 0
	}

	to {
		width: 100%
	}
}

#jiazai {
	position: relative;
	z-index: 20;
	display: block;
	width: 100%;
	background: #FFF
}

.logoBg {
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	background: #00ffc0;
	background: -webkit-gradient(linear,0% 0,100% 0,from(#00ffc0),to(#77daff));
	background: -moz-linear-gradient(linear,0% 0,100% 0,from(#00ffc0),to(#77daff));
	background: -ms-radial-gradient(linear,0% 0,100% 0,from(#00ffc0),to(#77daff));
	background: -o-radial-gradient(linear,0% 0,100% 0,from(#00ffc0),to(#77daff));
	opacity: .3;
	animation: jiazai 1s;
	-moz-animation: jiazai 1s;
	-webkit-animation: jiazai 1s;
	-o-animation: jiazai 1s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite
}

.jiazai_logo {
	position: absolute;
	top: 185px;
	left: 500px;
	z-index: 3;
	width: 30%;
	height: 21%
}

.jiazai_logo svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}
.tedxt{
	font-size: 46px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	white-space: nowrap;
}
.tedxt1{
width: 100%;
font-size: 22px;
font-family: PingFang SC;
font-weight: 500;
color: #FFFFFF;
position: absolute;
top: 59%;
left: 50%;
text-align: center;
transform: translate(-50%,-50%);
white-space: nowrap;
}

.spinner img {
	width: 100%
}

.spinner {
	margin: 100px auto 0;
	width: 5%;
	height: 5%;
	text-align: center
}

#index_pageChose {
	position: fixed;
	top: 25%;
	right: 30px;
	z-index: 4;
	width: 30px;
	height: 30%;
	background: #5451054
}

.pageChose {
	margin-top: 30px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #555;
	cursor: pointer
}

.pageChose:hover {
	margin-top: 30px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #CCC
}

.pageChose:hover:before {
	position: relative;
	top: -2px;
	right: 20px;
	background: 0;
	color: #FFF
}

#index_pageChose .active {
	background: #FFF
}

#index_pageChose .active:hover {
	background: #555
}

#index_pageChose .active:hover:before {
	position: relative;
	top: -2px;
	right: 50px;
	background: 0;
	color: #FFF
}

.indexPage {
	position: relative;
	z-index: 3;
	overflow: hidden;
	width: 100%;
	height: auto;
}

.imgJian div {
	position: absolute;
	overflow: hidden
}

.imgJian div img {
	position: relative
}

#page1 {
	background: #222;
	background-size: cover;
	-webkit-transition: background-position 2s;
	-moz-transition: background-position 2s;
	-o-transition: background-position 2s;
	transition: background-position 2s;
	background-position-y: 0;
    /* background-image:url(../images/bg01.png); */
}

#img {
	position: absolute;
	z-index: 0;
	width: 100%;
	opacity: 0
}
.swiper-button-prev{
	z-index: 99999 !important;
}
.swiper-slide{
	position: relative;
}
.swiper-container {
    width: 100%;
    height: 100%;
} 
 .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
	width: 194px !important;
	height: 4px;
	left: 50% !important;
	top:90% !important;
	transform: translate(-50%,0) !important;
 }
 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	 border-radius:10px ;
 }
 .swiper-button-next, .swiper-button-prev{
	 width: auto !important; 
 }
 #page1 .swiper-button-prev:after{
	 content:''!important;
	  font-family:'DFPYuanW5-GB' !important;
	  width:75px !important;
	   height: 10px !important;
	  background: url("../images/swiper_left.png") 100% 100% no-repeat;
	  background-size: cover;
	  transform:rotate(180deg);
 }
 #page1 .swiper-button-next:after{
	 content:''!important;
	  font-family:'DFPYuanW5-GB' !important;
	  width:75px !important;
	   height: 10px !important;
	  background: url("../images/swiper_left.png") 100% 100% no-repeat;
	  background-size: cover;
	  /* transform:rotate(180deg); */
 }
 #page1 .swiper-img{
	transform: scale(1.05,1.05);
	transition: all 4s ease;
 } 
 #page1 .swiper-active {
     transform: scale(1);
  }
 :root{
--swiper-theme-color: #A6C9FA !important;	 
 }
#page1 div {
	z-index: 2
}

.logo {
	margin-top: 250px;
	margin-left: 50px;
	width: 323px;
	height: 131px
}

.page1Right {
	position: absolute;
	top: 0;
	right: -700px;
	padding-left: 100px;
	width: 700px;
	height: 1080px;
	/* background: rgba(0,0,0,0.2) */
}

.page1Right div {
	opacity: 0
}
.herder{
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: fixed;
	z-index: 12;
	top: 0px;
}
.herder>div{
	width: 50%;
	height: auto;
	cursor: pointer;
}
.herder>div:nth-child(2) .ment{
	/* text-align: end; */
	position: absolute;
    top: 49px;
	right: 61px;
	cursor: pointer;
}
.herder>div:nth-child(2) span{
		display: block;
		width: 30px;
		height: 5px;
		border-radius:5px ;
		background-color: #fff;
		margin-top: 5px;
		transition: all 0.3s linear 0s;
		-moz-transition: all 0.3s linear 0s;
		-webkit-transition: all 0.3s linear 0s;
		-o-transition: all 0.3s linear 0s;
}
.setspan{
	background-color: #000 !important;
}
.settext{
	color: #000000 !important;
}

.span1{
	width: 18px !important;
}
.span2{
	width: 23px !important;
}
/* .herder>div:nth-child(2) span:nth-child(3) :hover{
	width: 27px !important;
} */
.herder>div:nth-child(1)>img{
	margin-top: 43px;
	margin-left: 58px;
	width: 154px;
	height: 56px;
}
.herder>div:nth-child(2)>img{
	margin-top: 63px;
	margin-right: 61px;
	width: 33px;
	height: 26px;
}
.page1text1 {
	margin-top: 20px;
	width: 520px;
	height: 50px;
	color: #fff;
	font-size: 32px
}

.page1text2 {
	width: auto;
	height: auto;
	color: #fff;
	/* font-size: 20px; */
	position: fixed;
    top: 50% !important;
	left: 50% !important;
	transform: translate(-50%,-50%);
}

.sign,.login {
	position: absolute;
	margin-top: 10px;
	width: 260px;
	height: 40px;
	border: 2px solid #71dde6;
	box-shadow: 1px 0 6px rgba(6,0,1,0.36);
	color: #71dde6;
	text-align: center;
	text-shadow: 1px 0 6px rgba(6,0,1,0.36);
	font-size: 22px;
	line-height: 40px;
	cursor: pointer;
	border-radius: 4px;
	-webkit-transition: background .25s,color .25s;
	-moz-transition: background .25s,color .25s;
	-o-transition: background .25s,color .25s;
	transition: background .25s,color .25s
}

.sign {
	left: 390px
}

.sign:hover,.login:hover {
	background: rgba(113,221,230,0.5);
	color: #FFF;
	text-shadow: none
}

.sign2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 522px;
	height: 42px;
	color: #2cead1;
	text-align: center;
	font-size: 22px;
	line-height: 40px;
	cursor: pointer
}

.sign:hover {
	box-shadow: 0 0 10px #2cead1
}

.sign2:hover {
	box-shadow: 0 0 10px #2cead1 inset
}

.page1top {
	position: absolute;
	top: 0;
	left: 0;
	width: 1920px;
	height: 150px;
	background: -webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)))
}

.page1bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 1920px;
	height: 150px;
	background: -webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.5)))
}

.page1img {
	position: absolute;
	width: 36px;
	height: 36px
}

.page1img1 {
	top: 80px;
	left: 120px
}

.page1img2 {
	bottom: 80px;
	left: 120px
}

.page1img3 {
	top: 80px;
	right: 120px
}

.page1img4 {
	right: 120px;
	bottom: 80px
}

#page2 {
	background-image:url(../images/bg02.png);
	background-size: cover;
	/* margin-top:-130px;opacity:0; */
/* 	    padding: 80px 0px 0px 0px;
	    box-sizing: border-box; */
}

.page2bg {
	width: 100%;
	height: auto;
	text-align: center;
}
.page2bg .page2bg_herder{
width: 100%;
	height: 100%;
	margin-bottom: 30px;
	/* margin-top: 80px; */
}
.page2bg .page2bg_herder img{
	
	width: 220px;
	height: 39px;
	text-align: center;
}
.page2bg>.page2bg_text{
	font-size: 2.3125rem;
	font-family: PingFang SC;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 6.875rem;
	background-image:url(../images/bg02_01.png);
	background-repeat: no-repeat;
	background-size: 4.25rem 7.4375rem;
    padding-top: 7.25rem;
	font-weight: 600;
	background-position: center center;
}
.page2bg>.page2bg_text1{
	/* width: 1015px;
	height: 43px; */
	font-size: 35.55px;
	font-family: PingFang SC;
	/* font-weight: 600; */
	color: #FFFFFF;
	/* line-height: 111px; */
}
.page2bg>.page2bg_text2{
	/* width: 1014px;
	height: 23px; */
	font-size: 18px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
	/* line-height: 110px; */
	/* margin-top: 34px; */
	margin: 20px auto 35px auto;
	    width: 85%;
}
.page2bg .bg02_02{
	width: 47.6875rem;
	height: auto;
	margin-top: 3.875rem;
}
.page2bg .bg02_03{
	width:85%;
	height: 660px;
}
.pageImg {
	position: absolute;
	display: none
}

.page2img img {
	width: 100%
}

.page2img1 {
	top: 300px;
	left: 0;
	width: 1300px;
	height: 681px
}

.page2img2 {
	top: 605px;
	left: 260px;
	width: 130px;
	height: 186px
}

.page2img3 {
	top: 570px;
	left: 480px;
	width: 313px;
	height: 218px
}

.page2img4 {
	top: 635px;
	left: 850px;
	width: 314px;
	height: 150px
}

.page2img5 {
	top: 170px;
	left: 845px;
	width: 319px;
	height: 458px
}

.page2img6 {
	top: 240px;
	left: 500px;
	width: 252px;
	height: 321px
}

.page2img7 {
	top: 355px;
	left: 110px;
	width: 299px;
	height: 206px
}

.page2img8 {
	top: -50px;
	left: 1015px;
	width: 190px;
	height: 228px
}

.pageImgDiv {
	position: absolute;
	display: none;
	background-repeat: no-repeat;
	-webkit-transition: background-position 2s;
	-moz-transition: background-position 2s;
	-o-transition: background-position 2s;
	transition: background-position 2s
}

.page2imgDiv1:hover {
	background-position: -100px -100px
}

.page2imgDiv2:hover {
	background-position: -100px -100px
}

.page2imgDiv3:hover {
	background-position: -100px -100px
}

.page2imgDiv4:hover {
	background-position: -100px -100px
}

.page2imgDiv5:hover {
	background-position: -100px -100px
}

.page2imgDiv6:hover {
	background-position: -100px 0
}

.page2imgDiv7:hover {
	background-position: -100px -100px
}

.page2imgDiv1 {
	top: 630px;
	left: 125px;
	width: 75px;
	height: 132px;
	background: url(../images/1.jpg)
}

.page2imgDiv2 {
	top: 605px;
	left: 265px;
	width: 123px;
	height: 179px;
	background: url(../images/2.jpg)
}

.page2imgDiv3 {
	top: 641px;
	left: 489px;
	width: 296px;
	height: 140px;
	background: url(../images/3.jpg)
}

.page2imgDiv4 {
	top: 638px;
	left: 859px;
	width: 297px;
	height: 140px;
	background: url(../images/4.jpg)
}

.page2imgDiv5 {
	top: 171px;
	left: 847px;
	width: 302px;
	height: 410px;
	background: url(../images/5.jpg)
}

.page2imgDiv6 {
	top: 241px;
	left: 502px;
	width: 218px;
	height: 296px;
	background: url(../images/6.jpg)
}

.page2imgDiv7 {
	top: 366px;
	left: 147px;
	width: 229px;
	height: 174px;
	background: url(../images/7.jpg)
}

.page2imgDiv8 {
	top: -50px;
	left: 1015px;
	width: 190px;
	height: 228px;
	background: url(../images/8.jpg)
}

#page3 {
	background: #FFFFFF;
}

.page3bg {
	width: 100%;
	height: auto;
}
.page3bgherder{
	width: 88%;
	height: auto;
	/* padding: 3.125rem 9.3125rem 10.375rem 7.1875rem; */
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	margin: 14.25rem auto;
}

	
.page3bgherder * {
    transition: all 0.8s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
}
.page3text1 {
	width: 30%;
	height: auto;
	text-align: center;
	/* padding: 6.25rem 1.25rem 0px 1.25rem; */
	box-sizing: border-box;
}
.page3text1 .fuZjSK{
		    max-width: 360px;
		    min-width: 240px;
		    width: 100%;
		    height: 450px;
		    background: rgba(255, 255, 255, 0.3);
		    box-shadow: rgba(24, 32, 79, 0.25) 0px 40px 80px, rgba(255, 255, 255, 0.5) 0px 0px 0px 0.5px inset;
		    backdrop-filter: blur(40px);
			-webkit-backdrop-filter: blur(40px);
		    padding: 50px 20px;
		    border-radius: 0px 60px 60px;
		    z-index: 2;
			box-sizing: border-box;
}
.page3text1:hover .background1 {
    transform: rotateX(-30deg) rotateY(30deg) translateY(-3px);
}

.zvmql:hover .card {
    box-shadow: rgba(24, 32, 79, 0.25) 0px 100px 100px, rgba(255, 255, 255, 0.5) 0px 0px 0px 0.5px inset;
    transform: translateY(-3px);
}
.zvmql:hover .background {
    transform: rotateX(30deg) rotateY(30deg) translateY(-3px);
}
.page3text1> .gQoHHU{
		position: absolute;
		max-width: 360px;
		width: 100%;
		height: 426px;
		transform: matrix(0.99, -0.14, 0.15, 0.99, 0, 0);
		transform-origin: left top;
		z-index: -1;
		background: linear-gradient(rgba(108, 207, 238, 0.5) 0%, rgba(76, 127, 228, 0.5) 100%);
		border-radius: 0px 60px 60px;
}
.page3text2 {
	width: 30%;
	height: auto;
	margin-right: 72px;
	text-align: center;
	box-sizing: border-box;
}
.page3text2 .eJpgti{
	position: absolute;
	width: 100%;
	max-width: 380px;
	height: 550px;
	transform: matrix(1, 0.14, 0, 0.99, 0, 0);
	transform-origin: left bottom;
	z-index: -1;
	background: linear-gradient(rgb(47, 184, 255) 0%, rgb(158, 236, 217) 100%);
	border-radius: 60px 60px 60px 0px;
}
.page3text2 .enERlM  {
min-width: 240px;
width: 100%;
box-shadow: rgba(24, 32, 79, 0.25) 0px 40px 80px, rgba(255, 255, 255, 0.5) 0px 0px 0px 0.5px inset;
max-width: 380px;
height:450px;
backdrop-filter: blur(40px);
z-index: 2;
background: rgba(255, 255, 255, 0.3);
padding: 50px 20px;
border-radius: 60px 60px 60px 0px;
}

.page3text3{
	width: 30%;
	height: auto;
	text-align: center;
	box-sizing: border-box;
}
.page3text3 .cilFBa{
	position: absolute;
	max-width: 400px;
	width: 100%;
	height: 426px;
	transform: matrix(0.99, 0.14, -0.15, 0.99, 0, 0);
	transform-origin: right top;
	z-index: -1;
	background: linear-gradient(rgb(115, 184, 249) 11.94%, rgb(203, 216, 241) 80.98%);
	border-radius: 60px 0px 60px 60px;
}
.page3text3 .dBrnSH{
	    max-width: 360px;
	    min-width: 240px;
	    width: 100%;
	    height: 350px;
	    box-shadow: rgba(24, 32, 79, 0.25) 0px 40px 80px, rgba(255, 255, 255, 0.5) 0px 0px 0px 0.5px inset;
	    z-index: 2;
		backdrop-filter: blur(40px);
	    background: rgba(255, 255, 255, 0.3);
	    padding: 50px 20px;
	    border-radius: 60px 0px 60px 60px;
		
		
}
.page3setnum{
	font-size: 5.125rem;
	font-family: PingFang SC;
	font-weight: 500;
	color: #137DE0;
	line-height: 129px;
	text-align: center;
}
.page3conter{
	font-size: 24px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #000000;
	line-height: 38px;
	text-align: center;
}
@media (max-width: 1440px) {
	.page3bgherder{
		width: 82%;
		margin: 10rem auto;
	}
	.page3setnum{
		font-size: 40px;
	}
	.page3conter{
		font-size: 20px;
	}
	.page3text1 .fuZjSK{
		height: 350px;
		max-width: 260px;
	}
	.page3text1> .gQoHHU{
		max-width: 260px;
		height: 344px;
	}
	.page3text2 .eJpgti{
		max-width: 300px;
		height: 400px;
	}
	.page3text2 .enERlM{
		width: 260px !important;
		    height: 300px;
	}
	.page3text3 .dBrnSH{
		width: 260px !important;
		height: 260px;
	}
	.page3text3 .cilFBa{
		max-width: 300px;
		height: 350px;
	}
}

#page4 {
	width: 100%;
	background: url(../images/bg04.png);
	background-size: cover;
}

.page4bg {
	width: 100%;
	height: auto;
	display: flex;
	margin-top: 15%;
	justify-content: space-between;
}
.page4bg .page4bgleft{
	width: 30%;
	height: auto;
	padding: 10rem 1.25rem 0px 9rem;
}
.page4bg .page4bgleft>div:nth-child(1){
	font-size: 2.5rem;
	font-family: PangMenZhengDao;
	font-weight: 400;
	color: #448AEA;
}
.page4bg .page4bgleft>div:nth-child(2){
	font-size: 1.125rem;
	font-family: PingFang SC;
	font-weight: 500;
	color: #000000;
}
.page4bg .page4bgright{
	width: 70%;
	height: auto;
	position: relative;
	
}
.page4bg .page4bgright *{
	transition: all 0.8s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
	perspective: 5000px;
	perspective-origin: left bottom;
	transform-style: flat;
	cursor: pointer;
}
.page4bg .page4bgright .bg0401{
	width: inherit;
	    position: absolute;
	    left: 140px;
	height: 34.125rem;
	 transform: scale(0.9);
}
.page4bg .page4bgright .bg0402{
	    position: absolute;
	    width: 400px;
	    top: 226px;
	    right: 137px;
}

.page4bg .page4bgright .bg0403{
	position: absolute;
	    width: 450px;
	    left: 60px;
	    top: 153px;
}
.page4bg .page4bgright:hover .bg0403{
	transform: translate(-100px, 60px);
	z-index: 4;
}
.page4bg .page4bgright:hover > .bg0402 {
    transform: translate(30px, 30px);
    z-index: 5;
}
.page4bg .page4bgright:hover > .bg0401{
	 transform: scale(1);
	 box-shadow: rgb(255 255 255 / 20%) 0px 0px 0px 0.5px inset;
}
#page5 {
	width: 100%;
	background: url(../images/bg05.png);
	background-size: 100% 100%;
}
.page5bg{
	width: 100%;
	height: auto;
	display: flex;
	margin-top: 10%;
	justify-content: space-between;
}
.page5bg .page4bgleft{
	width: 50%;
	height: auto;
	padding: 9.375rem 11.0625rem 0px 10rem;
}
.page5bg .page4bgleft>div:nth-child(1){
	font-size: 2.5rem;
	font-family: PangMenZhengDao;
	font-weight: 400;
	color: #448AEA;
}
.page5bg .page4bgleft>div:nth-child(2){
	font-size: 1.125rem;
	font-family: PingFang SC;
	font-weight: 500;
	color: #000000;
}
.page5bg .page4bgright{
	width: 50%;
	height: auto;
}
.page5bg .page4bgright img{
	width: 56rem;
	height: 41.8125rem;
}

#page6{
	width: 100%;
	background: url(../images/bg06_.png);
	background-size: 100% 100%;
}
#page7 {
	width: 100%;
	background: url(../images/bg07.png);
	background-size: 100% 100%;
}
#page7 .footer{
	font-size: 0.875rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	/* line-height: 32px; */
	margin: 0 auto;
	text-align: center;
	position: absolute;
	    left: 50%;
	    transform: translate(-50%, 0px);
	    bottom: 5px;
}
.page7text1 {
	width: 100%;
	height: auto;
	text-align: center;
	
}
.page7text1 img{
	width: 18.875rem;
	height: 16.625rem;
	 margin-top: 7.3125rem;
	/*margin-bottom: 2.4375rem; */
}
.page7text2 span{
	display: inline-block;
	width: 4rem;
} 
.page7text2 span div:nth-child(1){
	width: 1.125rem;
	height: 0.125rem;
	background: #3270E1;
	position: absolute;
	margin-top: 0.5625rem;
}
.page7text2 span div:nth-child(2){
	width: 4rem;
	height: 0.125rem;
	background: #fff;
	margin-top: 0.5625rem;
}
.page7text1>div:nth-child(2){
	font-size: 2.875rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	margin-bottom: 4.875rem;
	
}
.page7text1>div:nth-child(3){
	width: 23rem;
	height: 5.625rem;
	background: #3270E1;
	border-radius: 0.9375rem;
	font-size: 1.875rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	line-height: 5.625rem;
	margin: 0 auto;
	cursor: pointer;
}
.page7text2 {
	width: 100%;
	height: auto;
	display: flex;
	color: #FFFFFF;
	margin-top: 5rem;
	padding-left: 15%;
	    box-sizing: border-box;
	    justify-content: flex-start;
}

.page7text2>div:nth-child(1) {
	width: 7.75rem;
	height: 7.75rem;
	margin-right:300px;
	margin-top: 36px;
}
.page7text2 div ul {
	width: 100%;
	list-style-type: none;
	padding: 0;
	margin-top: 1.875rem;
} 
.page7text2 div ul li{
	margin-bottom: 10px;
}
.page7text2>div:nth-child(2){
	width: 8.125rem;
	margin-right: 16.1875rem;
}
.signup{
	width: 100%;
	display: flex;
	height: auto;
	padding: 9.4375rem 5rem 10.1875rem 7.5625rem;
	box-sizing: border-box;
	color: #FFFFFF
}
.signup ul{
	list-style-type: none;
	padding: 0px;
	margin-top: 3.5625rem;
}
.signup ul li{
	margin-bottom: 0.625rem;
	font-size: 0.875rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
}
.signup_lefe,.signup_right{
	width: 50%;
}
.signup_lefe{
	padding-top: 14.875rem;
	box-sizing: border-box;
}
.signup_lefe_center{
	width: 100%;
	display: inline-flex;
}
.signup_lefe_center_left{
	margin-right: 8.125rem;
}
.signup_lefe_center_left span{
	display: inline-block;
	width: 4rem;
	position: relative;
}
.signup_lefe_center_left span div:nth-child(1){
	width: 1.125rem;
	height: 0.125rem;
	background: #3270E1;
	position: absolute;
	top: 1.875rem;
	z-index: 9;
}
.signup_lefe_center_left span div:nth-child(2){
	width: 4rem;
	height: 0.125rem;
	background: #FFFFFF;
	position: absolute;
	margin-top: 0.5625rem;
}
.signup_lefe_center_right span{
	display: inline-block;
	width: 4rem;
	position: relative;
}
.signup_lefe_center_right span div:nth-child(1){
	width: 1.125rem;
	height: 0.125rem;
	background: #3270E1;
	position: absolute;
	top: 1.875rem;
	z-index: 9;
	
}
.signup_lefe_center_right span div:nth-child(2){
	width: 4rem;
	height: 0.125rem;
	background: #FFFFFF;
	position: absolute;
	margin-top: 0.5625rem;
}
.signup_right{
	width: 50.0625rem;
	height: 46.875rem;
	background: #22345A;
	padding: 3.8125rem 3.9375rem 2.25rem 4rem;
	box-sizing: border-box;
	position: relative;
}
.signup_right .title{
	font-size: 1.375rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
}
.signup_right .addtitle{
	width: 10.1875rem;
	height: 2.5rem;
	background: url(../images/bg07_bt.png);
	background-size: 100% 100%;
	color: #FFFFFF;
	text-align: center;
	margin: 0 auto;
	line-height: 2.5rem;
	margin-top: 1.5625rem;
	margin-bottom: 1.8125rem;
}
.setinput{
	width: 42.125rem;
	height: 3.75rem;
	border: 0.0625rem solid #40547E;
	border-radius: 5px;
	margin: 0 auto 25px auto;
	display: flex;
	align-items: center;
	padding-left:1.3125rem;
}
.setinput img{
	width: 1.6875rem;
	height: 1.6875rem;
}
.setinput input{
	height: 1.875rem;
	width: 100%;
	background-color: #22345A;
	border: none;
	margin-left: 0.9375rem;
	color:#fff;
}
input{outline:none;}
textarea{outline:none;}
.addbtn{
	width: 19.0625rem;
	height: 4.625rem;
	background: #3270E1;
	border-radius: 0.5rem;
	margin: 0 auto;
	text-align: center;
	line-height: 4.625rem;
	cursor: pointer;
}
.code{
	width: 7.75rem;
	height: 7.75rem;
	font-size: 0.875rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	margin-top: 10rem;
}
#page8 {
	z-index: 3;
	background: rgba(0,0,0,0.8)
}

.page8bg {
	position: relative;
	top: 1400px;
	margin: auto;
	width: 1320px;
	height: 980px;
	background: #FFF
}

.page8text {
	position: absolute;
	color: #96e6c2;
	font-size: 30px;
	cursor: pointer;
	-webkit-transition: transform .5s,color .5s;
	-moz-transition: transform .5s,color .5s;
	-o-transition: transform .5s,color .5s;
	transition: transform .5s,color .5s
}

.page8Content {
	display: none
}

.page8text1 {
	top: 100px;
	left: 250px;
	width: 200px;
	text-align: center
}

#page8 .activeText {
	display: block;
	color: #74dfb1;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	-ms-transform: scale(1.5)
}

.page8text2 {
	top: 100px;
	left: 450px;
	width: 200px;
	text-align: center
}

.page8text3 {
	top: 100px;
	left: 650px;
	width: 150px;
	text-align: center
}

.page8text4 {
	top: 100px;
	left: 850px;
	width: 200px;
	text-align: center
}

.page8textContent {
	position: absolute;
	top: 250px;
	left: 100px;
	width: 589px;
	height: 447px;
	background: url(../images/2.png);
	background-size: cover
}

.page8text5 {
	margin-top: 70px;
	margin-left: 100px;
	height: 40px;
	color: #96e6c2;
	font-size: 38px
}

.page8text6 {
	margin-top: 40px;
	margin-left: 100px;
	color: #373737;
	font-size: 20px
}

.page8img1 {
	position: absolute;
	top: 180px;
	left: 740px;
	width: 500px
}

.page8img1 img {
	display: none
}

/* #page6 {
	z-index: 1;
	background: url(../images/bg1.jpg);
	background-size: cover;
    overflow:visible;
} */

.page9img {
	position: absolute
}

.page9img1 {
	bottom: 50px;
	left: 100px;
	display: none;
	width: 100px;
	height: 100px
}

.page9img2 {
	top: 50px;
	left: 100px;
	display: none;
	width: 100px;
	height: 100px
}

.page9img3 {
	right: 100px;
	bottom: 50px;
	display: none;
	width: 100px;
	height: 100px
}

.page9img4 {
	top: 50px;
	right: 100px;
	display: none;
	width: 100px;
	height: 100px
}

.page9img5 {
	top: 255px;
	left: 755px;
	width: 366px;
	height: 366px;
	opacity: 0
}

.page9img6 {
	top: 406px;
	left: 805px;
	width: 274px;
	height: 74px;
	opacity: 0
}

.page9img7 {
	top: 670px;
	left: 780px;
	width: 311px;
	height: 41px;
	opacity: 0
}

.page9bgAll {
	z-index: 0;
	width: 1920px;
	height: 1080px;
	background: rgba(0,0,0,0.45)
}

.page9top {
	position: absolute;
	top: 0;
	left: 0;
	width: 1920px;
	height: 150px;
	background: -webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)))
}

.page9bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 1920px;
	height: 150px;
	background: -webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.5)))
}

.page9img11:hover {
	-webkit-filter: blur(8px)
}


#footer{
    width:100%;
    height:186px;
    background-color:#000;
    position:absolute;
    bottom:-186px;
    color:#FFF;
    text-align:center;
}
.page4bgright01{
	width: 1000px;
}
@media (max-width: 1440px) {

.page4bg .page4bgright {
    width: 65% !important;
}
.page4bg .page4bgright .bg0401{
	width: 780px !important;
	left: 0px;
}
.page4bg .page4bgright .bg0403{
	width: 380px !important;
	left: 10px !important;
	top: 220px !important;
}
.page4bg .page4bgright .bg0402{
	width: 350px !important;
	    top: 255px !important;
	    right: 60px !important;
}
.page4bgright01{
	width: 750px;
}
.page2bg>.page2bg_text2{
	margin-top:0px !important;
}
.page2bg .bg02_02{
	margin-top: 55px !important;
	/* height: 120px !important; */
}
.page2bg .bg02_03{
	height: 490px !important;
}
.page7text1 img{
	margin-top: 7.3125rem !important;
	    margin-bottom: 0.4375rem !important;
}
.page7text1>div:nth-child(2){
	margin-bottom: 2.875rem !important;
}
.signup_lefe{
	padding-top: 0.875rem !important;
}
.signup_right{
	    width: 39.0625rem !important;
	    height: 32.875rem !important;
}
.signup_right .title{
	    font-size: 1rem !important;
}
.signup_right .addtitle{
	margin-top: 0.5625rem !important;
	    margin-bottom: 0.8125rem !important;
}
.setinput{
	    width: 32.125rem !important;
	    height: 2.75rem !important;
	    margin: 0 auto 10px auto !important;
}
.addbtn{
	    width: 14.0625rem !important;
	    height: 3.625rem !important;
		line-height: 3.625rem !important;
		margin-top: 37px !important;
}

} 
 @media (min-width: 1280px)  and (max-width: 1366px){
	 .tedxt{
		 /* top: 30% !important; */
		 font-size: 35px !important;
	 }
	 /* .tedxt1{
		 top: 34% !important;
	 } */
 	.page2bg>.page2bg_text{
 		margin-top: -1rem !important;
		font-size: 1.3125rem;
 	}
	
 	.page2bg>.page2bg_text1{
 		font-size: 26px !important;
 	}
 	.page2bg>.page2bg_text2{
 		font-size: 0.375rem  !important;
 		margin-top: 0px  !important;
 	}
 	.page2bg .bg02_02{
 		    margin-top: 2rem  !important;
 			height: 110px  !important;
 	}
 	
	.page2bg .bg02_03{
		    width: 80% !important;
		    height: 200px !important;
		/* max-height: 13.375rem !important; */
	}

	.page4bg{
		margin-top: 10% !important;
	}
	.page4bg .page4bgright .bg0401{
		width: 740px !important;
		left:0rem
	}
	.page4bg .page4bgright .bg0403{
		width: 330px !important;
		    left: 10px !important;
		    top: 221px !important;
	}
	.page4bg .page4bgright .bg0402{
		width: 320px !important;
		top: 257px !important;
		right: 0px !important;
	}
	.page4bg .page4bgright{
		position: relative;
	}
	.page4bgright01{
		width: 700px;
	}

	.page5bg .page4bgright img{
		    width: 40rem !important;
		    height: 26rem !important;
	}
	.page7text1 img{
		margin-top: 5.3125rem !important;
		width: 6.875rem;
		height: 6.625rem;
	}
	.page7text1>div:nth-child(2){
		margin-bottom: 0.875rem !important;
		font-size: 20px !important;
	}
	.page7text1>div:nth-child(3){
		width: 257px !important;
		height: 2.625rem !important;
		font-size: 18px !important;
		line-height: 2.625rem !important;
		margin-bottom: 45px !important;
		margin-top: 45px !important;
	}
	.page7text2{
		margin-top: 3.25rem !important;
		font-size: 12px !important;
		padding-left: 10% !important;
	}
	.page7text1>div:nth-child(2){
		margin-top: 15px !important;
	}
	.signup{
		padding: 7.4375rem 5rem 10.1875rem 4.5625rem !important;
	}
	.signup_lefe_center_left{
		margin-right: 4.125rem !important;
	}
	.signup_right{
		width: 34.0625rem !important;
		height: 28rem !important;
	}
	.setinput{
		width: 25.125rem !important;
		/* height: 27.875rem !important; */
	}
	.addbtn{
		width: 12.0625rem !important;
		height: 2.625rem !important;
		line-height: 2.625rem !important;
		margin-top: 0px !important;
	}
	.code{
		margin-top: 6rem !important;
	}
	.newPage2bg>.page2bg_text1{
		/* width: 1015px;
		height: 43px; */
		font-size: 28px!important;
		font-family: PingFang SC;
		/* font-weight: 600; */
		color: #FFFFFF;
		/* line-height: 111px; */
	}
	.newPage2bg>.page2bg_text2{
		/* width: 1014px;
		height: 23px; */
		font-size: 14px!important;
		font-family: PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
		/* line-height: 110px; */
		/* margin-top: 34px; */
		margin: 15px auto 35px auto!important;
			width: 87%!important;
	}
	.newPage2bg .page2bg_herder{
		width: 100%;
			height: 100%;
			margin-bottom: 20px!important;
			/* margin-top: 80px; */
		}
 }
 @media (max-width: 1279px){
	.newPage2bg>.page2bg_text1{
		/* width: 1015px;
		height: 43px; */
		font-size: 28px!important;
		font-family: PingFang SC;
		/* font-weight: 600; */
		color: #FFFFFF;
		/* line-height: 111px; */
	}
	.newPage2bg>.page2bg_text2{
		/* width: 1014px;
		height: 23px; */
		font-size: 14px!important;
		font-family: PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
		/* line-height: 110px; */
		/* margin-top: 34px; */
		margin: 15px auto 35px auto!important;
			width: 87%!important;
	}
	.newPage2bg .page2bg_herder{
		width: 100%;
			height: 100%;
			margin-bottom: 20px!important;
			/* margin-top: 80px; */
		}
		.newPage2bg .page2bg_herder img{
		
			width: 210px!important;
			height: 45px!important;
			text-align: center;
		}
		.newPage2bg .bg02_02 {
			width: 47.6875rem;
			height: auto;
			margin-top: 3.275rem!important;
		}
 }
 .current-title{
	 font-weight: 800;
	 color: #448AEA;
 }
 .video-box{
	 position: relative;
	     height: 100vh;
	     background-color: #C1CFF7;
	     /*进行视频裁剪*/
	     overflow: hidden;
 }
 .video-box .video-background_ {
     position: absolute;
     left: 50%;
     top: 50%;
     /*保证视频内容始终居中*/
     transform: translate(-50%, -50%);
     width: 100%;
     height: 100%;
     /*保证视频充满屏幕*/
     object-fit: cover;
 }
 .video-box .video-background {
     position: absolute;
     left: 50%;
     top: 50%;
     /*保证视频内容始终居中*/
     transform: translate(-50%, -50%);
     width: 100%;
     height: 100%;
     /*保证视频充满屏幕*/
     object-fit: cover;
     min-height: 800px;
 }
 .newPage2bg {
	width: 100%;
	height: auto;
	text-align: center;
	position: absolute;
	/* top: 0; */
 }
 .newPage2bg .page2bg_herder{
	width: 100%;
		height: 100%;
		margin-bottom: 30px;
		/* margin-top: 80px; */
	}
	.newPage2bg .page2bg_herder img{
		
		width: 220px;
		height: 45px;
		text-align: center;
	}
	.newPage2bg>.page2bg_text1{
		/* width: 1015px;
		height: 43px; */
		font-size: 35.55px;
		font-family: PingFang SC;
		/* font-weight: 600; */
		color: #FFFFFF;
		/* line-height: 111px; */
	}
	.newPage2bg>.page2bg_text2{
		/* width: 1014px;
		height: 23px; */
		font-size: 18px;
		font-family: PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
		/* line-height: 110px; */
		/* margin-top: 34px; */
		margin: 20px auto 35px auto;
			width: 85%;
	}
	.newPage2bg .bg02_02{
		width: 47.6875rem;
		height: auto;
		margin-top: 2.375rem;
	}
	.vvideo-background_{
		width: 100%;
		margin-top:-105px;
	}
	.dengKuan{
		/*等宽字体 Menlo、Monaco、Courier New、monospace */
		font-family: Menlo;
	}