::-webkit-scrollbar{
	display: none;
}
/* flex布局 */
.d-flex{
    display: flex;
}
.flex-auto{
    flex: 1;
}
.flex-justify-end{
    justify-content: flex-end;
}
.flex-align-center{
    align-items: center;
}
.flex-align-start{
    align-items: flex-start;
}
.flex-justify-spacebetween{
    justify-content: space-between;
}
.flex-justify-around{
    justify-content: space-around;
}
.flex-justify-center{
    justify-content: center;
}
.flex-align-end{
	align-items: flex-end;
}
.flex-wrap{
    flex-wrap: wrap;
}

.cursor-wrap{
	  width: 100%;
	  height: 100%;
	  position: fixed;
	  background-color: #090101;
	  z-index: -2;
  }
  .cursor{
	  transform: translate(55.56vw,35.56vh);
	  width: 1158px;
	  height: 1158px;
	  transition: all 0.36s ease-out;
  }
  .cursor-circle{
	width: 122.22vh;
	height: 122.22vh;
	border-radius: 50%;
	transform: translate(-50%,-50%) scale(0);
	/*background: radial-gradient(50% 50% at 50% 50%,rgba(255,143,11,.5) 0,rgba(255,0,0,.1) 80%,rgba(255,0,0,0) 100%);*/
	background: linear-gradient(225.08deg, #FC861C 14.53%, #CD40BA 48.71%, #21D5EB 85.09%);
	opacity: 0.6;
	filter: blur(200px);
  }
  .headerPosition{
  	position: fixed;
  	top: 0;
  	z-index: 3;
  	width: 100%;
  }
  .headerCont{
	margin-left: 5rem;
	margin-right: 5rem;
	color: #FFFFFF;
	position: relative;
  }
  .menuBtn a{
  	color: #fff;
  	font-size: 0.875rem;
  }
  .menuBtn img{
	  width: 1rem;
	  height: 1rem;
	  margin-right: 0.4rem;
  }
  .fs120{
  	font-size: 7rem;
  }
  .fs-a40{
	  font-size: 2.5rem;
  }
  .fs-a30{
	  font-size: 1.875rem;
  }
  .fs-a80{
	  font-size: 5rem;
  }
  .fs-a26{
	  font-size: 1.625rem;
  }
  .fs-a20{
  	  font-size: 1.25rem;
  }
  .text-spacing30{
	  letter-spacing: 3.4rem;
  }
  
  .colorWhite{
  	color: #fff;
  }
  .colorWt4{
	  color: rgba(255,255,255,0.4);
  }
  .fontBold{
  	font-weight: bold;
  }
  .textFill{
  	-webkit-text-fill-color: transparent;
  	-webkit-text-stroke: 1px #FFFFFF;
  }
  .homeTitle{
	  color: #FFFFFF;
	  font-size: 1rem;
	  display: flex;
	  align-items: flex-end;
  }
  .homeTitle a{
  	color: #fff;
  }
  .logo img{
  	height: 2.3vw;
  }
  .mainContainer{
	  height: 100vh;
	  overflow: hidden;
  }
  /* 边线 */
  .article-lines{
	  z-index: -1;
  }
  .si-fwh{
	left: 0;
	width: 100%;
	top: 0;
	height: 100%;
	position: fixed;
  }
  .a{
	  position: absolute;
  }
  .article-lines .v1{
	  left: 16.47vw;
  }
  .article-lines .v2{
  	  right: 33.26vw;
  }
  .article-lines .v3{
  	  top: 60%;
  }
  .l-h, .l-v {
	  width: 1px;
	  height: 100%;
      background-color: rgba(196,196,196,.3);
  }
  .r-v{
  	height: 1px;
  	width: 100%;
  	background-color: rgba(196,196,196,.3);
  }
  
 .content{
	margin-left: 16.54vw;
	margin-right: 33.33vw;
  }
  .l-h {
    width: 100%;
    height: 1px;
	background-color: rgba(196,196,196,.3);
  }
  /* 左边菜单栏*/
 .menuLeft{
 	position: fixed;
 	top: 4.8vw;
 	height: 16.96vw;
 	z-index: 12;
	padding-left: 5rem;
 }
 .alineHeader{
	margin-right: 4.17vw;
	height: 29.8rem;
	position: relative;
 }
 
 .alineHeader ul{
	 margin-top: 2rem;
 	color: rgba(255,255,255,0.7);
 }
 .alineHeader ul li{
 	padding: 1vw 0;
 	cursor: pointer;
	font-size: 1rem;
 }
 .alineHeader a{
	font-size: 1rem;
 	display: inline-block;
 	padding: 1vw 0;
/*	position: absolute;*/
/*	bottom: 2.625rem;*/
	width: 10rem;
 }
 .liActive{
 	color: #FFFFFF;
 }
  /*一般样式*/
 .textBox{
 	line-height: 1;
 	min-width: 43.64vw;
 	opacity: 0;
 	transform: translateX(-100%);
 	transition: all 1s;
 }
 .imgbigBox{
 	height: 41.4vw;
 	opacity: 0;
 	transform: translateX(100%);
 	transition: all 1s;
 }
.imgbigBox img{
	height: 100%;
	position: relative;
	left: -20vw;
	top: 7vw;
}
.intro{
	height: 100vh;
	overflow: hidden;
	padding-top: 11%;
	/*box-sizing: border-box;*/
}
.plateLevel{
	height: 100vh;
	color: #FFFFFF;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
}
.colorWhite{
	color: white;
}
.fs-a50{
	font-size: 3.125rem;
}
.ltsp-smallem{
	letter-spacing: 1rem;
}
.oneCont{
    height: 19vw;
}
.straytBox{
	position: relative;
	top: -24%;
	width: 100vw;
}
.home-bottom{
	position: relative;
	top: 1.4rem;
}
.smallBox{
	width: 16.47vw;
	flex-direction: column;
	height: calc(100vh - 33.96vw);
	padding-bottom: 2vw;
	text-align: center;
	color: #FFFFFF;
	background: url(../img/leftBoxbg.png) no-repeat center 95%;
}
.smallBox p{
	font-size: 0.875rem;
}
.centerBox{
	padding-left: 2vw;
	padding-bottom: 2vw;
	flex: 1;
	position: relative;
	z-index: 99;
}
.centerBox img{
	margin-right: 1vw;
}
.mediumBox{
	width: 33.26vw;
	padding: 4.4vw 1vw 1vw 2vw;
	height: calc(100vh - 33.96vw);
	flex-direction: column;
	padding-bottom: 1.2vw;
	color: #FFFFFF;
}
.mediumBox h2{
	font-size: 2vw;
}
.mediumBox p{
	font-size: 1vw;
}
.mediumBox a{
	color: #FF8B0F;
	font-size: 1.5vw;
}

.plateMediumBox{
	width: 33.26vw;
	padding: 2vw 1vw 1vw 2vw;
	height: calc(100vh - 33.96vw);
}
.plateMediumBox.en img.violinImg{
	height: 20rem;
	position: relative;
	left: -30%;
	top: -1rem;
}
.plateMediumBox.cn img.violinImg{
	height: 11rem;
	position: relative;
	left: -15%;
	top: -1rem;
}
.plateMediumBox img.appImg{
	height: 16rem;
	position: relative;
	left: 0;
	top: -2rem;
}
.plateMediumBox img.appImg_cn{
	height: 16rem;
	position: relative;
	left: 0;
	top: -2rem;
}
.plateMediumBox img.bgGita{
	height: 18rem;
	position: relative;
	left: 0;
	top: -2rem;
}
.plateMediumBox img.bgGitaTwo{
	height: 18rem;
	position: relative;
	left: 0;
	top: -2rem;
}
.bgViolin{
	background: url(../img/illtration.png) no-repeat center center;
	background-size:  auto 100%;
}
/* .bgApp{
	background: url(../img/appshow.png) no-repeat 86% 10%;
}
.bgApp_cn{
	background: url(../img/yycp_cart.png) no-repeat 86% 10%;
}
.bgGita01{
	background: url(../img/image32.png) no-repeat 80% 10%;
	background-size: 8vw;
}
.bgGita02{
	background: url(../img/image34.png) no-repeat 90% 10%;
	background-size: 15.6vw;
} */
.ilustrateText{
	width: 50%;
	position: relative;
	z-index: 20;
}
.ilustrateText h2{
	font-size: 2vw;
}
.ilustrateText p{
	margin: 1vw 0;
	font-size: 0.875rem;
	letter-spacing: 0.05rem;
}
.ilustrateText a{
	color: #FF8B0F;
	font-size: 1.5rem;
}
.mediumBox h2{
	padding-bottom: 1vw;
}

.mediumBox a{
	padding-top: 1vw;
}

.imgBg01,.imgBg02,.imgBg03,.imgBg04{
	width: 55vw;
	height: 34.8vw;
	position: relative;
	z-index: 9;
	transform: perspective(1000px) rotateY(0) rotateX(0);
	transition: all 2s;
	margin: 8.2vw 6vw 0;
	/*background-color: rgba(255,255,255,0.5);*/
	
}
.plateTitle{
	font-size: 7.5rem;
	position: relative;
	top: 9.6rem;
	left: -5.6rem;
	font-weight: bold;
}
.cnTitle{
	position: relative;
	top: 11.25rem;
	left: -4vw;
}


/*slider*/
.slider{
	padding-top: 8.2%;
    padding-left: 22.6%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    transition: all 1s;
}

.slider .tracker,.slider .tracker .slidItem{
	transform: scale(0,0);
	transition: all 1s;
	
}
.slider .tracker>div:nth-child(n+2){
	margin-left: 9.56vh;
}

.slider img{
	width: 55vw;
	transform: perspective(1000px) rotateY(0) rotateX(0);
	transition: all 0.2s;
    /*transform-style: preserve-3d;*/
}

.popModel{
	display: block;
	position: fixed;
	left: 100%;
	top: 100%;
	z-index: 99;
	width: 100vw;
	height: 100vh;
	transition: all 0.5s;
	backdrop-filter: blur(0px);
}
.videoModel{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	width: 100vw;
	height: 100vh;
}
.videoCont{
	width: 60%;
	display: block;
	margin: 0 auto;
}
.close_btn{
	width: 60%;
	text-align: right;
	margin: 0 auto;
}
.close_btn img{
	width: 2rem;
	position: relative;
	left: 2rem;
	cursor: pointer;
}

.muskBox{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	position: relative;
}
.popCont{
	text-align: center;
	width: 27vw;
	height: 32.7vw;
	/* transition: all 0.5s;
	transform: scale(0); */
}

/*about*/
.aboutIntro{
	padding-top: 32rem;
	/*margin-bottom: 17.78vh;*/
	
}

.infoIntro{
	padding-top: 6rem;
	/*margin-bottom: 17.78vh;*/
	
}


.c-md{
	margin-left: 16.47vw;
}
.pd-md{
	padding: 2vw;
}
.aboutIntro .layout{
	display: grid;
	grid-template-columns: 1fr 33.3vw;
	padding-bottom: 3.125vw;
}
.aboutIntro .layout h1{
	font-size: 9.375em;
	line-height: 0.95;
	color: #fff;
	text-indent: 3rem;
}
.aboutIntro .layout h2{
	font-size: 1.625em;
	color: #fff;
	text-indent: 2em;
	margin-bottom: 0.4vw;
}

.aboutIntro .textContent{
	width: 447rem;
	text-align: center;
	margin-left: 0.63vw;
}
.lf-h{
	width: 66.74vw;
  	height: 1px;
  	background-color: rgba(196,196,196,.3);
}

.centerCont .layout{
	padding: 2vw 0;
}

.centerCont .layout img{
	max-width: 100%;
}
.centerCont .layout .coursePlate{
	width: 66.74vw;
	height: max-content;
	color: #FFFFFF;
}
.centerCont .layout .timeLine{
	width: 33.26vw;
	position: relative;
}

.timeLine::before{
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background-color: #C939CC;
	position: absolute;
	left: 50%;
}
.timeLine::after{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: 0.4vw solid rgba(255,255,255,0);
	border-right: 0.4vw solid rgba(255,255,255,0);
	border-bottom: 0.4vw solid #C939CC;
	border-left: 0.4vw solid rgba(255,255,255,0);
	position: absolute;
	left: 50%;
	top: -0.8vw;
	transform: translateX(-50%);
}


.timeLine .timeCont{
	width: 100%;
	height: 100%;
	overflow-y: auto;
}
.timeCont .timeItem{
	margin-top: 8rem;
	position: relative;
}
.timeCont .timeItem h4{
	font-size: 1.25vw;
	color: #FFFFFF;
}
.timeCont .timeItem p{
	font-size: 1.0417vw;
	color: rgba(255,255,255,0.7);
	margin-top: 0.4vw;
}
.timeCont .timeItem:nth-of-type(even){
	margin-right: 52%;
	margin-left: 12%;
	text-align: right;
	
}
.timeCont .timeItem:nth-of-type(even):before{
	content: '';
	display: block;
	width: 0.52vw;
	height: 0.52vw;
	border-radius: 50%;
	background-color: #C939CC;
	position: absolute;
	right: -8%;
	top: 5%;
}
.timeCont .timeItem:nth-of-type(odd){
	margin-left: 52%;
	margin-right: 12%;
}
.timeCont .timeItem:nth-of-type(odd):before{
	content: '';
	display: block;
	width: 0.52vw;
	height: 0.52vw;
	border-radius: 50%;
	background-color: #C939CC;
	position: absolute;
	left: -7.4%;
	top: 5%;
}
.coursePlate h2{
	font-size: 1.5625vw;
	text-transform: uppercase;
}
.coursePlate p{
	margin: 2vw 0;
	font-size: 1.25rem;
}
.flexCont{
	padding: 2vw 0;
}
.flexCont a{
	width: 25%;
	margin: 1vw 0;
}
.flexCont a img{
	width: 8.334vw;
}


.aboutFooter{
	background: url(../img/image51.png) no-repeat center top;
	background-size: auto 40.9375vw;
	padding: 40.9375vw 0 0vw;
}
.aboutFooter .content{
	color: #fff;
	padding: 13vw 6vw 10vw;
}
.aboutFooter h2{
	font-weight: bold;
	font-size: 2rem;
	text-transform: uppercase;
}
.aboutFooter .textValue{
	margin: 1vw 0 4vw;
	font-size: 1.25rem;
	line-height: 1.5;
}
.contentText{
	margin-left: 16.54vw;
	margin-right: 33.33vw;
}
.aboutFooter .heightNot{
	height: 0;
	position: relative;
	top: -20rem;
	left: 49%;
}

.cooperationBox a{
	display: inline-block;
	margin-right: 2.03125vw;
	
}
.cooperationBox a>img{
	width: 2.5vw;
	height: 2.5vw;
	margin: 0;
}
.hoverTips{
	display: inline-block;
	position: relative;
}
.hoverTips:hover .hoverShow{
	opacity: 1;
	top: -12rem;
	display: block;
}
.hoverTips>img{
	width: 2.5vw;
	height: 2.5vw;
}
.hoverShow {
	position: absolute;
	top: -8.8rem;
	left: 40%;
	transform: translateX(-50%) scale(1.5);
	opacity: 0;
	display: none;
	transition: all 0.3s;
}
.hoverTips .hoverShow>img{
	width: 17.375rem;
	height: 10.625rem;
}

/* mobile */
.mobile_bottom{
	display: none;
	position: fixed;
	bottom: 10vw;
	width: 100%;
}
.bottom_row{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 5vw;
	color: #FFFFFF;
}
.bottom_row a{
	flex: 1;
	text-align: right;
	color: #FFFFFF;
}
.hide{
	display: none;
}

.isPc{
	display: block;
}
.isMobile{
	display: none;
}
.langSelect{
	display: inline-block;
	position: relative;
	margin: 0 1rem;
	font-size: 0.875rem;
}
.langSelect .langIcon{
	width: 5.3125rem;
	cursor: pointer;
}
.langSelect .langIcon img{
	width: 1.4rem;
	height: 1.4rem;
	margin: 0 0.3rem;
	transition: none;
}
.langSelect ul{
	display: none;
	background-color: rgba(255,255,255,0.8);
	color: #000;
	padding: 0.5rem 1rem;
	width: max-content;
	border-radius: 0.2rem;
	transition: all 0.3s;
	position: absolute;
	opacity: 0;
	top: 0;
}
.langSelect ul::before{
	position: absolute;
	top: -0.8rem;
	left: calc(50% - 0.4rem);
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 0.4rem solid rgba(255,255,255,0);
	border-right: 0.4rem solid rgba(255,255,255,0);
	border-bottom: 0.4rem solid #fff;
	border-left: 0.4rem solid rgba(255,255,255,0);
	
}
.langSelect:hover ul{
	top: 120%;
	opacity: 1;
	display: block;
}
.langSelect ul li{
	font-size: 0.875rem;
	padding: 0.4rem 0;
	cursor: pointer;
}
.langEn .en{
	display: block;
}
.langEn .cn{
	display: none;
}
.langCn .en{
	display: none;
}
.langCn .cn{
	display: block;
}
.aboutTitle{
	display: flex;
	align-items: end;
}
.video_cont{
	width: 60%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.videoBox{
	width: 60rem;
	height: 33.75rem;
}
.footerlink{
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding: 1rem 0;
}
.footerlink_about{
	margin:auto;
/*	position: fixed;*/
	bottom: 0;
	width: 100%;
	text-align: center;
	padding: 1rem 0;
}
.footerCont{
	width: 100%;
	text-align: center;
	padding: 5rem 0 1rem;
}
@media screen and (max-width: 1200px) {
	.footerlink{
		display: none;
	}
	.mobileLink{
		margin: 6rem 0 2rem;
		text-align: center;
	}
	.footerCont{
		width: 100%;
		padding: 4rem 0;
	}
	.video_mobilecont{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.videoBox{
		width: 80rem;
		height: 45rem;
	}
	.aboutIntro{
		padding-top: 42rem;
	}
	.aboutTitle{
		display: block;
	}
	.aboutFooter h2{
		font-size: 4rem;
	}
	.aboutFooter .textValue{
		font-size: 4rem;
	}
	.timeCont .timeItem h4{
		font-size: 4.6rem;
	}
	.timeCont .timeItem p{
		font-size: 4rem;
	}
	.aboutFooter{
		padding: 40.9375vw 0 20vw;
	}
	.content{
		margin-left: 10vw;
		margin-right: 10vw;
	}
	.centerCont .layout .coursePlate{
		width: auto;
		margin: 0 auto;
	}
	.lf-h{
		width: 100%;
	}
	.isPc{
		display: none;
	}
	.isMobile{
		display: block;
	}
	.mainContainer{
		height: auto;
		overflow-y: auto;
	}
	.imgbigBox{
		margin-bottom: 45vw;
	}
	.imgbigBox img{
		left: 0;
		top: 27vw;
		transform: scale(2);
	}
	.intro{
		height: auto;
		padding-top: 30vw;
		overflow-y: auto;
	}
	
	.article-lines .v1{
		left: 10vw;
	}
	.article-lines .v2{
		right: 10vw;
		display: none;
	}
	.article-lines .v3{
		display: none;
	}
	
	.headerCont{
		backdrop-filter: blur(6px);
		display: flex;
	}
	.mobile_bottom{
		display: block;
		backdrop-filter: blur(6px);
		padding: 4rem 0;
	}
	.logo img{
		height: 6vw;
	}
	.homeTitle{
		display: none;
	}
	.slider{
		display: none;
	}
	.menuLeft{
		display: none;
	}
	.smallBox{
		margin-top: 40vw;
		width: inherit;
		height: auto;
		background: none;
		display: none;
	}
	.mediumBox{
		width: inherit;
		height: auto;
		display: none;
	}
	.oneCont{
		height: auto;
	}
	.plateLevel{
		position: inherit;
		height: auto;
		display: block;
	}
	.aboutIntro .layout{
		display: block;
	}
	.aboutIntro .layout h1{
		font-size: 10vw;
	}
	.aboutIntro .layout h3{
		font-size: 6rem;
		text-indent: 0.6rem;
		color: #fff;
	}
	.timeLine{
		position: relative;
	}
	
	.aboutIntro .textContent{
		margin-top: 1.2rem;
		padding-left: 16rem;
		position: relative;
	}
	.aboutIntro .textContent.cn{
		top: -35rem;
		left: 6rem;
	}
	.aboutIntro .textContent h2{
		font-size: 1rem;
		text-indent: 0;
		color: rgba(255,255,255,0.7);
	}
	.aboutIntro .textContent p{
		font-size: 3.6rem;
		/* letter-spacing: 0.4rem; */
		color: rgba(255,255,255,0.7);
	}
	/*mobile*/
	.mobile-cont{
		margin: 0 10%;
	}
	.mian-img{
		display: flex;
		height: 80vw;
	}
	.mian-img img{
		height: 100%;
	}
	
	.bgimgBox{
		margin: 5%;
		height: 51.8vw;
		box-sizing: border-box;
		position: relative;
		padding-top: 20%;
	}
	.bg-img01{
		background: url(../img/bgPlate01.png) no-repeat center center;
		background-size: auto 100%;
	}
	.bg-img02{
		background: url(../img/bgPlate02.png) no-repeat center center;
		background-size: auto 100%;
	}
	.bg-img03{
		background: url(../img/bgPlate03.png) no-repeat center center;
		background-size: auto 100%;
	}
	.bg-img04{
		background: url(../img/bgPlate04.png) no-repeat center center;
		background-size: auto 100%;
	}
	.bgimgBox h2{
		font-size: 11rem;
		color: #FFFFFF;
	}
	.bgimgBox p{
		font-size: 5rem;
	}
	.play-btn{
		position: absolute;
		right: 10%;
		bottom: -10%;
	}
	.flexImgbox{
		width: 100%;
		display: flex;
		justify-content: center;
		margin: 4vw 0;
	}
	
	.flexImgbox .app-img{
		width: 12.9vw;
		height: 12.8vw;
	}
	.flexImgbox .cat-img{
		width: 31.3vw;
		height: 19vw;
	}
	.gita01{
		width: 20rem;
		height: 47.94rem;
	}
	.gita02{
		width: 40rem;
		height: 56.7rem;
	}
	.mobile-text{
		color: #FFFFFF;
		text-align: center;
		padding-bottom: 10vw;
	}
	.mobile-text h2{
		font-size: 6rem;
		margin: 10rem 0 2rem;
	}
	.mobile-text p{
		margin: 2rem 0;
		font-size: 4rem;
		letter-spacing: 0.1rem;
		color: rgba(255,255,255,0.7);
	}
	.mobile-text a{
		color: #FF8B0F;
		font-size: 4.8rem;
	}
	.footCont{
		padding: 10vw 4vw 20vw; 
		color: #FFFFFF;
	}
	.footCont h2{
		font-size: 4rem;
		line-height: 1.6;
	}
	.footCont p{
		font-size: 3.8rem;
		line-height: 1.6;
	}
	.gotoOut{
		padding-top: 6vw;
	}
	.gotoOut img{
		width: 8.667vw;
		margin: 0;
	}
	.flexCont{
		text-align: center;
	}
	.flexCont a{
		width: 50%;
		margin: 1vw 0;
	}
	.flexCont a img{
		width: 33.334vw;
	}
	.c-md{
		margin: 0 10vw;
	}
	.cooperationBox a>img{
		width: 8vw;
		height: 8vw;
	}
	.hoverShow{
		position: absolute;
		top: -8.8rem;
		left: 40%;
		transform: translateX(-50%);
		opacity: 0;
		display: none;
		transition: all 0.3s;
	}
	.hoverTips:hover .hoverShow{
		opacity: 1;
		top: -57.8rem;
		left: -24rem;
		display: block;
	}
	
	.hoverTips>img{
		width: 8vw;
		height: 8vw;
		margin: 0;
	}
	.hoverTips .hoverShow>img{
		width: 85rem;
		height: 52rem;
	}
	.langSelect .langIcon{
		width: auto;
	}
	.langSelect .langIcon img{
		width: 4.5rem;
		height: 4.5rem;
	}
	.timeCont .timeItem:nth-of-type(1){
		margin-top: 20rem;
	}
	.timeCont .timeItem:nth-of-type(even):before{
		content: '';
		display: block;
		width: 2rem;
		height: 2rem;
		border-radius: 50%;
		background-color: #C939CC;
		position: absolute;
		right: -8%;
		top: 5%;
	}
	.timeCont .timeItem:nth-of-type(odd):before{
		content: '';
		display: block;
		width: 2rem;
		height: 2rem;
		border-radius: 50%;
		background-color: #C939CC;
		position: absolute;
		left: -7.4%;
		top: 5%;
	}
	.histryHead{
		margin: 0 10%;
		padding: 30% 2% 10%;
	}
	.timeLine::after{
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-top: 2rem solid rgba(255,255,255,0);
		border-right: 2rem solid rgba(255,255,255,0);
		border-bottom: 2rem solid #C939CC;
		border-left: 2rem solid rgba(255,255,255,0);
		position: absolute;
		left: 50%;
		top: -2rem;
		transform: translateX(-50%);
	}
	.menuBtn img{
	  width: 4rem;
	  height: 4rem;
	  margin-right: 2rem;
	  transition: none;
  }
  .menuBtn a,span{
  	color: #fff;
  	font-size: 3.5rem;
  }
  .langSelect ul{
  	width: 20rem;
  }
  .langSelect ul li{
  	padding: 2rem 0;
  	text-align: center;
  	font-size: 3.5rem;
  }
  .coursePlate p{
	  font-size: 4rem;
	  color: rgba(255,255,255,0.7);
  }
  .coursePlate h2{
	  font-size: 6rem;
  }
  .coursePlate h3{
  	  font-size: 6rem;
  }
  .videoCont{
	  width: 80%;
  }
  .close_btn{
  	width: 80%;
  	text-align: right;
  	margin: 0 auto;
  }
  .close_btn img{
  	width: 6rem;
  	position: relative;
  	left: 6rem;
	cursor: pointer;
  }
  .cooperationBox{
  	display: flex;
  	justify-content: space-between;
  }
}