body,html{font-size: 100px;}
.header{width: 100%;height: 0.84rem;background: #2b3034;}
.header .inner{width: 10rem;height: 0.84rem;
				margin: 0 auto;color: #fff;
				font-size: 0.14rem;}
.header .inner img{display: block;float: left;
				margin: 0.12rem 0.2rem 0 0;height: 0.6rem;}
.header .inner .wordL{float: left;height: 0.5rem;
						border-left: 1px solid #fff;
						margin-top: 0.18rem;
						padding-left: 0.2rem;font-size: 0.12rem;}
.header .inner .wordL p{line-height: 0.25rem;}
.header .inner .wordR{height: 0.5rem;float: right;
					margin-top: 0.25rem;font-size: 0.18rem;}
.header .inner .wordR .tel{display: inline-block;
						height: 0.3rem;border-left: 1px solid #fff;
						background:url(../img/icon_phone.png) 0.3rem center no-repeat;line-height: 0.3rem;
						padding-left: 0.7rem;font-size: 0.2rem;
						background-size: 0.25rem 0.25rem;margin-left: 0.2rem;}

.nav{
	width: 100%;height: 0.5rem;background: #191919;
	line-height: 0.5rem;text-align: center;
	font-size: 0.1rem;
}
.nav .navA{font-size: 0.14rem;padding:0 0.3rem;color: #7c7c7c;display: inline-block;}
.nav .navA:hover{color: #fdcb2c;}
.nav .on{color: #fdcb2c;}
.nav .ke{position: relative;}
.nav .next{width: 1.5rem;height: 3rem;background: #191919;position: absolute;
			z-index: 1000;top: 0.5rem;left: 0;cursor: pointer;overflow: hidden;display: none;}
.nav .next a{display:block;position: absolute;z-index: 10;width: 100%;color: #fff;}
.nav .next a:nth-of-type(1){top: 0px;}
.nav .next a:nth-of-type(2){top: 0.5rem;}
.nav .next a:nth-of-type(3){top: 1rem;}
.nav .next a:nth-of-type(4){top: 1.5rem;}
.nav .next a:nth-of-type(5){top: 2rem;}
.nav .next a:nth-of-type(6){top: 2.5rem;}
.nav .onn{width:100%;height:0.5rem;background: #ffca36;color: #fff;position: absolute;
			left: 0;top: -0.5rem;z-index: 0;}
.nav .a:hover a{color:#7c7c7c ;}


.swiper-slide{overflow: hidden;}

.footer2{width: 100%;min-height: 1rem;overflow: hidden;
			background: #2f383d;color: #fff;padding: 0.5rem 0;font-size: 25px;
			margin-top: 1.5rem;}
.footer2 .box{width: 80%;margin: 0 auto;position: relative;}
.footer2 .box .word1{width: 28%;float: left;}
.footer2 .box .word1 p:nth-of-type(2){font-size: 30px;line-height: 50px;}
.footer2 .box .word1 p:nth-of-type(3){font-size: 30px;line-height: 50px;}
.footer2 .box .listL{width: 50%;text-align: center;
					position: absolute;left: 0;top: 0rem;bottom: 0;right: 0;
					line-height: 0.3rem;font-size: 0.1rem;margin: 0 auto;color: #ccc;
					}
.footer2 .box .listL ul{width: 3.2rem;margin:0 auto;min-height: 0.3rem;
	text-align: center;}
.footer2 .box .listL ul li{float: left;}
.footer2 .box .listL ul li a{color: #ccc;}
.footer2 .box img{display: block;width:1.3rem;float: right;margin-left: 0.1rem;}


.swiper-container {width: 100%;height: 100%;}
#jzProContainer {position: relative; width: 100%;height: 100%;min-width: 1100px;}
.page{height: 100%;width: 100%;overflow: hidden;}
#banner{width: 100%;height: 4rem;position: relative;}
#banner li{width: 100%;height: 4rem;position: absolute;display: none;}
#banner .img{width: 100%;height: 100%;}

#banner .swiper-pagination-bullet{width: 0.5rem;height: 0.05rem;background:#21c1f8 ;border-radius: 0;opacity: 1;}
#banner .swiper-pagination-bullet-active{background:#fff;opacity: 1;}
#banner .page3{position: relative;overflow: hidden;}
#banner .page3 .big{width: 24rem;height:4rem;position: absolute;}
#banner .page3 .big img{float: left;height:4rem;}
#banner .page3 .circle{width: 4rem;height: 4rem;position: absolute;
	z-index: 100;margin: 0 auto;left: 0;top: -0.3rem;right: 0;bottom: 0;}
#banner .page3 .circle img{position: absolute;}
#banner .page3 .circle .cir{width: 80%;height: 80%;
					-webkit-transform-origin: 50% 50%;
					-ms-transform-origin: 50% 50%;
					transform-origin: 50% 50%;
					}
#banner .page3 .circle .cir:nth-of-type(1){-webkit-animation:circleWord1 11s linear infinite;
							animation:circleWord1 11s linear infinite;
								left: 0;top: 10%;right: 0;bottom: 0;
			margin: 0 auto;}
#banner .page3 .circle .cir:nth-of-type(2){-webkit-animation:circleWord 14s linear infinite;
							animation:circleWord 14s linear infinite;
							left: 8%;top: 10%;
							-webkit-transform-origin: 53% 50%;
							-ms-transform-origin: 53% 50%;
							transform-origin: 53% 50%;}
#banner .page3 .circle .cir:nth-of-type(3){left: 10.5%;top: 9.7%;
					-webkit-animation:circleWord1 18s linear infinite;
					animation:circleWord1 18s linear infinite;}
#banner .page3 .circle .word{width: 17%;}
#banner .page3 .circle .word:nth-of-type(3){left: 3%;top: 17%;}
#banner .page3 .circle .word:nth-of-type(2){right: 0%;top: 26%;}
#banner .page3 .circle .word:nth-of-type(1){left: 11%;bottom: 8%;}

.circleWord{
			-webkit-transform-origin: 50% 50%;
			-ms-transform-origin: 50% 50%;
			-moz-transform-origin: 50% 50%;
			-o-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			/*animation:circleWord 10s alternate forwards infinite;*/}
#banner .page3 .star{position: absolute;width: 3%;z-index: 10;
			-webkit-transform: rotate(-220deg);
			-moz-transform: rotate(-220deg);
			-ms-transform: rotate(-220deg);
			transform: rotate(-220deg);}
#banner .page3 .page3Word{width: 2rem;position: absolute;z-index: 300;
	margin: 0 auto;left: 0;top: 35%;right: 0;bottom: 0;}
@-webkit-keyframes circleWord{
	from{
		-webkit-transform: rotate(0);
		-o-transform: rotate(0);
		-ms-transform: rotate(0);
		-moz-transform: rotate(0);
		transform: rotate(0);
		}
	to{
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes circleWord1{
	from{-webkit-transform: rotate(0);
		-o-transform: rotate(0);
		-ms-transform: rotate(0);
		-moz-transform: rotate(0);
		transform: rotate(0);}
	to{-webkit-transform: rotate(-360deg);
		-o-transform: rotate(-360deg);
		-ms-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		transform: rotate(-360deg);}
}
.sao{width: 100%;height:1.3rem;background: url(../img/bg1.png) no-repeat;
background-size: cover;}
.sao .inner{width: 75%;height:  1.3rem;margin: 0 auto;/*min-width: 5.3rem;*/position: relative;}
.sao .inner .code{width: 1rem;height: 1rem;background: url(../img/sao.png) 0 0.13rem no-repeat;
				background-size: 100%;padding-top:0.13rem ;float: left;position: relative;}
.sao .inner .word1{height: 0.8rem;float: left;margin: 0 0.2rem;
font-size: 0.14rem;padding-top: 0.4rem;}
.sao .inner .word1 p{color: #fff;}
.sao .inner .word1 div{width: 70%;height: 0.32rem;background: #77c4ee;color: #000;
				border-radius: 5px;text-align: center;line-height: 0.32rem;
				margin-top: 0.15rem;}
.sao .inner .img1{width: 90%;vertical-align: top;
				position: absolute;left: 5%;top: 8%;}
.sao .inner .img2{width: 0.7rem;margin:auto;}
.sao .inner .word2{width: 2.8rem;float: right;}
.sao .inner .word2 div{float: left;width: 38%;margin-right: 2%;}
.sao .inner .word2 a{color: #000;}
.section{width: 100%;min-height: 2rem;overflow:hidden;background:url(../img/bg.png) no-repeat;background-size: cover;}
body,html{background:url(../img/bg.png);background-size: cover;}

.section1{width: 11rem;/*height: 415px;*/margin: 0 auto;min-height: 1rem;overflow: hidden;
	padding: 0.95rem 0;font-size: 0.14rem;
	text-align: center;}
.p1{font-size: 0.4rem;font-weight: 900;color: #fdcb2c;text-align: center;}
.p1 span{color: #106ab1;}
.line{width: 0.7rem;height: 0.05rem;background: #fdcb2c;margin: 0.1rem auto;}
.p2{font-size: 0.12rem;color: 8c8c8c;text-align: center;
							line-height: 0.4rem;}
.section1 .list{margin-top: 0.5rem;display: flex;justify-content: space-between;}
.section1 .list li{width: 15%;height: 2.5rem;
				border: 1px solid #4e9ccc;
				border-radius: 5px;
			
				text-align: center;
				position: relative;}
.section1 .list li:hover{border: 1px solid #fdcb2c;background: #3d4349;}
.section1 .list li .p3{font-weight: 900;font-size: 0.18rem;
						margin-top: 0.6rem;color: #fff;}			
.section1 .list li p{line-height: 0.25rem;font-size: 0.12rem;}
.section1 .list li img{width:0.6rem;position: absolute;top: -0.3rem;
						left: 0;right: 0;
						margin: auto;
						/*animation: imgBox 0.5s linear forwards;*/}

.section1 .list li .aa1:hover img{
	
	-webkit-animation: imgBox 0.5s linear forwards;
	animation: imgBox 0.5s linear forwards;
}
@-moz-keyframes imgBox{
	0%{transform: rotateY(0deg);}
	50%{transform: rotateY(180deg);}
	100%{transform: rotateY(0deg);}
}
@-webkit-keyframes imgBox{
	0%{-webkit-transform: rotateY(0deg);}
	50%{-webkit-transform: rotateY(180deg);}
	100%{-webkit-transform: rotateY(0deg);}
}
@-ms-keyframes imgBox{
	0%{-ms-transform: rotateY(0deg);}
	50%{-ms-transform: rotateY(180deg);}
	100%{-ms-transform: rotateY(0deg);}
}
@keyframes imgBox{
	0%{transform: rotateY(0deg);}
	50%{transform: rotateY(180deg);}
	100%{transform: rotateY(0deg);}
}

.section1 .list li .aa2:hover img{
	
	-webkit-animation: imgBox1 0.5s linear forwards;
	animation: imgBox1 0.5s linear forwards;
}
@-moz-keyframes imgBox1{
	0%{transform: rotateX(0deg);}
	50%{transform: rotateX(180deg);}
	100%{transform: rotateX(0deg);}
}
@-webkit-keyframes imgBox1{
	0%{-webkit-transform: rotateX(0deg);}
	50%{-webkit-transform: rotateX(180deg);}
	100%{-webkit-transform: rotateX(0deg);}
}
@-ms-keyframes imgBox1{
	0%{-ms-transform: rotateX(0deg);}
	50%{-ms-transform: rotateX(180deg);}
	100%{-ms-transform: rotateX(0deg);}
}
@keyframes imgBox1{
	0%{transform: rotateX(0deg);}
	50%{transform: rotateX(180deg);}
	100%{transform: rotateX(0deg);}
}

.section1 .list li .aa3:hover img{
	
	-webkit-animation: imgBox2 1s linear forwards;
	animation: imgBox2 1s linear forwards;
}
@-moz-keyframes imgBox1{
	0%{transform: rotateX(0deg);}
	50%{transform: rotateX(180deg);}
	100%{transform: rotateX(0deg);}
}
@-webkit-keyframes imgBox2{
	0%{-webkit-transform: scaleX(1);}
	50%{-webkit-transform: scaleX(2);}
	60%{-webkit-transform: scaleX(0.8);}
	70%{-webkit-transform: scaleX(1.6);}
	80%{-webkit-transform: scaleX(1);}
	90%{-webkit-transform: scaleX(1.3);}
	100%{-webkit-transform: scaleX(1);}
}
@-ms-keyframes imgBox2{
	0%{-ms-transform: scaleX(1);}
	50%{-ms-transform: scaleX(2);}
	60%{-ms-transform: scaleX(0.8);}
	70%{-ms-transform: scaleX(1.6);}
	80%{-ms-transform: scaleX(1);}
	90%{-ms-transform: scaleX(1.3);}
	100%{-ms-transform: scaleX(1);}
}
@keyframes imgBox2{
	0%{transform: scaleX(1);}
	50%{transform: scaleX(2);}
	60%{transform: scaleX(0.8);}
	70%{transform: scaleX(1.6);}
	80%{transform: scaleX(1);}
	90%{transform: scaleX(1.3);}
	100%{transform: scaleX(1);}
}

.section1 .list li .a{display: block;width: 1rem;height: 0.4rem;
					background: #21c1f8;margin: 0 auto;
					border-radius: 5px;
					margin-top: 0.1rem;
					transition: all 1s;
					-ms-transition: all 1s;
					-webkit-transition: all 1s;
					line-height: 0.4rem;color: #fff;}
.section1 .list li .a:hover{
	background: #fdcb2c;
}
.a:hover{
	background: #fdcb2c;
}
.section2{width: 100%;min-height: 1rem;overflow: hidden;}
.section1 .imgList{height: 5rem;margin-top: 0.3rem;}

.section1 .imgList .img1{width: 30%;height: 100%;float: left;}
.section1 .imgList .img2{width: 40%;height: 100%;float: left;}
.section1 .imgList .top{height: 2.5rem;}
.section1 .imgList img{
	object-fit: contain;
}
.section1 .imgList .top img:nth-of-type(1){
	width: 60%;height: 100%;float: left;
}
.section1 .imgList .top img:nth-of-type(2){
	width: 40%;height: 100%;float: left;
}
.section1 .imgList  .top img{
	object-fit: cover;
}
.section1 .imgList .bottom{height: 2.5rem;}
.section1 .imgList .bottom img:nth-of-type(1){width: 40%;height: 100%;float: left;}
.section1 .imgList .bottom img:nth-of-type(2){width: 60%;height: 100%;float: left;}
.section1 .imgList  .bottom img{
	object-fit: cover;
}
.section1 .wordList{width: 10rem;min-height: 1rem;overflow: hidden;margin: 0 auto;}
.section1 .wordList li{float: left;width: 30%;height: 1rem;background: #373a3f;color: #fff;
	margin: 0.3rem 1.6% 0 1.6%;}
.section1 .wordList li span{float: left;width: 45%;}
.section1 .wordList li span p{font-size: 0.25rem;font-weight: 900;padding-top: 0.25rem;}
.section1 .wordList li span em{color: #777778;line-height: 0.2rem;font-size: 0.12rem;}
.section1 .wordList li b{float: left;width: 55%;height: 1rem;font-weight:normal;color: #9c9c9c;
				background: #42454a;line-height: 0.2rem;font-size: 0.12rem;}
.section1 .teacher{width: 10rem;height: 4.8rem;margin: 0 auto;
		background:url(../img/bg2.png) no-repeat;
	background-size: 100% 100%;overflow: hidden;text-align: left;color: #fdebbc;}
.section1  .teacher .teacherBox{width: 82%;height: 1.6rem;background: #23262a;
	font-size: 0.08rem;
	margin: 0.2rem auto;border:3px solid #23262a;padding: 0.2rem 5%;}
.section1  .teacher .teacherBox:hover{border:3px solid #746738;}
.section1  .teacher .teacherBox h1{font-size: 0.3rem;padding: 0.05rem 0;}
.section1  .teacher .teacherBox p{line-height: 0.3rem;font-size: 0.16rem;}

.btn{margin: 0.2rem auto;display:inline-block;color: #fff;
	padding: 0.1rem 0.4rem;background:#21c1f8;
		border-radius: 5px;}
.section1 .comImg{width: 85%;height: 3rem;margin: 0.3rem auto;}
.section1 .comImg img{width: 30%;float: left;}
.section1 .comImg img:nth-of-type(2){margin: 0 4%;}
.company{width: 90%;height:2.5rem;background: url(../img/bg3.png) no-repeat;
		background-size: 100%;
	margin: 0 auto;padding-top: 0.5rem;padding-left: 3%;}
.company img{float: left;margin-right: 2.3%;width: 10%;margin-bottom: 0.2rem;}
.company img:hover{
	animation: companyImg 0.5s;
}
@-webkit-keyframes companyImg{
	0%{-webkit-transform: scale(1);}
	50%{-webkit-transform: scale(1.2);}
	100%{-webkit-transform: scale(1);}
}
@-ms-keyframes companyImg{
	0%{-ms-transform: scale(1);}
	50%{-ms-transform: scale(1.2);}
	100%{-ms-transform: scale(1);}
}
@keyframes companyImg{
	0%{transform: scale(1);}
	50%{transform: scale(1.2);}
	100%{transform: scale(1);}
}
.join{font-size: 0.3rem;color: #fff;text-align: center;}
.join p{line-height: 0.5rem;}
.join .btn{background: #fdcb2c;}


.backBox{min-width: 0.5rem;min-height: 2.1rem;position: fixed;right:0;bottom: 0.5rem;
		z-index: 300;display: none;}
.backBox img{display:block;width: 0.5rem;cursor: pointer;margin-top: 0.1rem;}
.backBox .telBox{width: 0.5rem;height: 0.5rem;position: relative;margin-top: 0.05rem;
				position: relative;}
.backBox .telBox img{position: absolute;z-index: 20;margin-top: 0.05rem;}
.backBox .tel{width: 1.6rem;height: 0.45rem;background: #00a0e9;font-size: 0.2rem;
		color: #fff;text-align: center;line-height: 0.45rem;position: absolute;
		/*left: -1.6rem;*/left:0;top: 0.05rem;border-radius: 10px;display: none;}
.qqCode{width: 1rem;height: 1rem;background: #00a0e9;position: absolute;
		left: -1rem;top: 1rem;border-radius: 10px;
		-webkit-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		/*animation: qqCode 1s linear forwards;*/
		-webkit-transform: translateX(1rem) scale(0);
		-moz-transform: translateX(1rem) scale(0);
		-ms-transform: translateX(1rem) scale(0);
		transform: translateX(1rem) scale(0);}
.qqCode img{width: 90%;height: 90%;padding-left: 5%;margin-top: 5%;
	border-radius: 10px;}
@-webkit-keyframes qqCode{
	from{-webkit-transform:translateX(1rem) scale(0) ;}
	to{-webkit-transform: translateX(0rem) scale(1);}
}
@-moz-keyframes qqCode{
	from{-moz-transform:translateX(1rem) scale(0) ;}
	to{-moz-transform: translateX(0rem) scale(1);}
}
@-ms-keyframes qqCode{
	from{-ms-transform:translateX(1rem) scale(0) ;}
	to{-ms-transform: translateX(0rem) scale(1);}
}
@keyframes qqCode{
	from{transform:translateX(1rem) scale(0) ;}
	to{transform: translateX(0rem) scale(1);}
}
@-webkit-keyframes qqCodeA{
	from{-webkit-transform:translateX(0rem) scale(1) ;}
	to{-webkit-transform: translateX(1rem) scale(0);}
}
@-moz-keyframes qqCodeA{
	from{-moz-transform:translateX(0rem) scale(1) ;}
	to{-moz-transform: translateX(1rem) scale(0);}
}
@-ms-keyframes qqCodeA{
	from{-ms-transform:translateX(0rem) scale(1) ;}
	to{-ms-transform: translateX(1rem) scale(0);}
}
@keyframes qqCodeA{
	from{transform:translateX(0rem) scale(1) ;}
	to{transform: translateX(1rem) scale(0);}
}
.weixinCode{width: 1rem;height: 1rem;background: #00a0e9;position: absolute;
		left: -1rem;top: 1.5rem;border-radius: 10px;
		-webkit-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		/*animation: qqCode 1s linear forwards;*/
		-webkit-transform: translateX(1rem) scale(0);
		-moz-transform: translateX(1rem) scale(0);
		-ms-transform: translateX(1rem) scale(0);
		transform: translateX(1rem) scale(0);}
.weixinCode img{width: 90%;height: 90%;padding-left: 5%;margin-top: 5%;
	border-radius: 10px;}