header{
	width: 100%;
	height: 6.88rem;
	color: #fff;
	padding-top: .1px;
}
header img{
	width: 100%;
	display: block;
}
header .bt{
	width: 2.6rem;
	height: .48rem;
	position: absolute;
	bottom: 0.64rem;
	left: 50%;
	margin-left: -1.3rem;
}
header .swiper-pagination-bullet{
	background: #fff;
}
header .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: -.05rem;
}
.box1{
	width: 100%;
	padding-top: .3rem;
}
.h3s{
	width: 100%;
	text-align: center;
	font-size: .42rem;
	font-weight: bold;
	color: #333333;
}
.h3s img{
	width: .3rem;
	margin: 0 .16rem;
	vertical-align: middle;
}
.box1 .ps{
	width: 100%;
	font-size: .26rem;
	color: #9c9c9c;
	text-align: center;
	margin: .24rem 0 .8rem; 
}
.box1 ul{
	width: 6.92rem;
	margin: 0 auto;
	height:2.8rem;
	margin-bottom: .45rem;
} 
.box1 ul li{
	float:left;
	width: 2.08rem;
	min-height: 2.8rem;
	background: #f6f7f9;
	position: relative;
	border-radius: .1rem;
}
.box1 ul .middle{
	margin: 0 .33rem
}
.box1 ul li span{
	position: absolute;
	font-size: .24rem;
	background: #0caafd;
	border-radius: .1rem;
	width: 1.19rem;
	height: .4rem;
	line-height: .4rem;
	color: #fff;
	text-align: center;
	left: .45rem;
	top: -.25rem;
	transform:transition3d(0,0,0);
}
.box1 ul li h3{
	font-size: .32rem;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin: .4rem 0 .1rem;
}
.box1 ul li p{
	border-top: .01rem solid #a3a3a3;
	color: #666666;
	font-size: .22rem;
	width: 1.7rem;
	margin: 0 auto;
	padding-top: .1rem;
}
.box1 ul li .arrow-down{
	position: absolute;
	bottom: -.1rem;
	left: .5rem;
    width:0; 
    height:0; 
    border-left:.10rem solid transparent;
    border-right:.10rem solid transparent;
    border-top:.10rem solid #0caafd;
}
.box1 ul li .a2{
	border-top:.10rem solid #e72465;
}
.box1 ul li .a3{
	border-top:.10rem solid #18b8bd;
}
.h4s{
	width: 100%;
	font-size: .36rem;
	color: #333333;
	text-align: center;
	color: #333333;
}
.h4s img{
	width: .25rem;
	margin: 0 .2rem;
	vertical-align: middle;
}
.box1 .sansuo{
	position: relative;
	width: 6.92rem;
	margin: 0 auto;
}
.box1 .sansuo .img1{
	width: 100%;
}
.box1 .sansuo .img2{
	position: absolute;
	top: 0;
	left:0;
	z-index: 10;
	width: 100%;
}
.btn{
	width: 6rem;
	height: .78rem;
	font-size: .3rem;
	color: #fff;
	background: #0caafd;
	display: block;
	margin: .3rem auto .4rem;
	text-align: center;
	line-height: .78rem;
	border-radius: .5rem;
	box-shadow: 0 .1rem .15rem #ccedff;
}
.box2{
	width: 100%;
	background: #f6f7f9;
	padding: .37rem 0 .1px;
}
.box2 .box2-1{
	width: 6.9rem;
	display: block;
	margin: .34rem auto .42rem;
}
.box2 ul{
	width: 6.9rem;
	margin: 0 auto;
	overflow: hidden;
}
.box2 ul li{
	width: 3.3rem;
	height: 3.95rem;
	background: #fff;
	float: left;
	font-size: 0;
	border-radius: .2rem;
	border:1px solid #96d8f5;
	text-align: center;
	margin-top: .3rem;
	padding: .3rem;
}
.box2 ul li img{
	width: .79rem;
}
.box2 ul li h3{
	font-size: .28rem;
	color: #666666;
	font-weight: bold;
	margin: .1rem 0;
}
.box2 ul li h4{
	font-size: .26rem;
	color: #666666;
}
.box2 ul li p{
	font-size: .24rem;
	color: #666666;
	text-align: left;
	margin-top: .2rem;
}
.box2 ul li:nth-child(odd){
	margin-right: .3rem;
}

.box3{
	width: 100%;
	padding: .3rem;
	padding-bottom: 1rem;
}
.box3 ul{
	overflow: hidden; 
	margin-top: .1rem;
	margin-bottom: .2rem;
}
.box3 ul li{
	width: 1.09rem;
	height: .8rem;
	font-size: .25rem;
	background:#71ceff;
	color: #fff;
	float: left;
	line-height: .8rem;
	text-align: center;
	border-radius: .1rem;
	margin-right: .07rem;
	margin-top: .17rem;
}
.box3 ul .li3{
	line-height: .35rem;
	padding-top: .08rem;
	margin-right: .13rem;
}
.box3 ul .li32{
	width: 1.56rem;
}
.box3 ul .liang{
	background: #0caafd;
}
.box3 .swps{
	position: relative;
}
.box3 .swps .btn{
	position: absolute;
	left: .45rem;
	bottom: -.8rem;
}
.box3 .swp{
	width: 100%;
	border:1px solid #8ad7ff;
	border-radius: .1rem;
	padding: .22rem .12rem .8rem;
	display: none;
}
.box3 .xian{
	display: block;
}
.box3 .video{
	width: 100%;
	margin:.2rem 0;
}
.box3 .swp h4{
	font-size: .26rem;
	color: #0caafd;
}
.box3 .swp video{
	width: 100%;
	margin:.2rem auto;
}
.box3 .swp .student{
	text-align: center;
	font-size: .22rem;
	color: #333333;
}
.box3 .swp .student span{
	display: inline-block;
	vertical-align: middle;
	width: 2.4rem;
	border-top: 1px solid #c9c9c9;
}
.box3 .swp .student span:nth-of-type(1){
	margin-right: .35rem;
}
.box3 .swp .student span:nth-of-type(2){
	margin-left: .35rem;
}
.box3 .swp div{
	margin-top: .35rem;
}
.box3 .swp div h3{
	font-size: .26rem;
	color: #333333;
	font-weight: bold;
}
.box3 .swp div h3 img{
	width: .3rem;
	vertical-align: middle;
	margin-bottom: .05rem;
	margin-right: .1rem;
}
.box3 .swp div p{
	font-size: .24rem;
	color: #666;
	margin-top: .2rem;
	line-height: .37rem;
}
.box4{
	width: 100%;
	background: #300e4f;
	padding: .35rem .25rem .1rem;
}
.box4 .h3s{
	color: #fff;
}
.box4 ul{
	width: 100%;
	overflow: hidden;
	margin:.57rem 0 .44rem;
}
.box4 ul li{
	width: 1.5rem;
	height: 2.4rem;
	float: left;
	border:1px solid #d51054;
	border-radius: .1rem;
	background: #fff;
}
.box4 ul li h3{
	font-size: .25rem;
	font-weight: bold;
	color: #fff;
	width: 1.01rem;
	height: .4rem;
	background:#d51054;
	border-radius:0 .1rem .1rem 0;
	text-align: center;
	line-height: .4rem;
	margin-top: .12rem;
}
.box4 ul li:nth-of-type(2){
	border:1px solid #0caafd;
}
.box4 ul li:nth-of-type(2) h3{
	background: #0caafd;
}
.box4 ul li:nth-of-type(3){
	border:1px solid #bb74d2;
}
.box4 ul li:nth-of-type(3) h3{
	background: #bb74d2
}
.box4 ul li:nth-of-type(4){
	border:1px solid #21d1cf;
}
.box4 ul li:nth-of-type(4) h3{
	background: #21d1cf
}
.box4 ul img{
	float: left;
	width: .21rem;
	margin: 1.12rem .06rem 0;
}
.box4 ul li p{
	font-size: .24rem;
	color: #666666;
	text-align: center;
	margin-top: .25rem;
}
.box4 .btn{
	background: #6603c0;
	box-shadow: .1rem 0 1rem #2a0b4b;
}
.box5{
	background:#442262;
	width: 100%;
	padding: .35rem .3rem;
}
.box5 .h3s{
	color:#fff;
}
.box5 .box5-1{
	width: 100%;
	margin:.35rem 0 .4rem;
}
.box5 .btn{
	background: #6603c0;
	box-shadow: .1rem 0 1rem #2a0b4b;
	margin:0 auto .2rem;
}
.box6{
	width: 100%;
	padding: .35rem .3rem 0;
}
.box6 .qiehuan ul{
	overflow: hidden;
	padding: 0 .21rem
}
.box6 .qiehuan ul li{
	width: 1.66rem;
	height: .7rem;
	font-size: .24rem;
	color: #fff;
	background: #0caafd;
	border-radius: .1rem;
	float:left;
	text-align: center;
	line-height: .7rem;
	margin:.3rem .25rem .25rem;
	box-shadow: 0 .1rem .1rem #b6e5fe;
}
.box6 .qiehuan ul .light{
	background: #03d7c5;
	box-shadow: 0 .1rem .1rem #b3f3ed;
}
.box6 .qiehuan div video{
	width: 100%;
	display: none;
}
.box6 .qiehuan div .vide{
	display: block;
}

.box7{
	width: 100%;
	background: #f6f7f9;
	padding: .35rem .3rem .2rem;
}
.box7 .teacher{
	width: 100%;
	border: 1px solid #8ad7ff;
	border-radius: .1rem;
	position: relative;
	margin-top: 1.1rem;
	padding-bottom: .4rem;
}
.box7 .teacher:after{
  content: "020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
}
.box7 .teacher .tea{
	width: 2.63rem;
	position: absolute;
	left: .16rem;
	top: -.55rem;
}
.box7 .teacher .top{
	padding: .89rem .2rem 0;
	overflow: hidden;
}
.box7 .teacher .top .left{
	width: 2rem;
	height: 2.17rem;
	background:#0caafd;
	float: left;
	margin-left: .72rem;
	margin-right: .25rem;
}
.box7 .teacher .top .right{
	float: left;
	width: 3.4rem;
}
.box7 .teacher .top .right h3{
	font-size: .26rem;
	color: #0caafd;
	font-weight: bold;
	margin-bottom: .22rem;
}
.box7 .teacher .top .right p{
	font-size: .24rem;
	color: #666666;
}
.box7 .bottom{
	padding:0 .15rem;
}
.box7 .bottom h3{
	font-size: .26rem;
	color: #666666;
	font-weight: bold;
	margin:.4rem 0 .15rem;
}
.box7 .bottom h3 img{
	width: .34rem;
	vertical-align: middle;
	margin-right: .12rem;
}
.box7 .bottom p{
	font-size: .24rem;
	color: #666666;
	line-height: .35rem;
}
.box8{
	padding: .35rem .3rem 0;
}
.box8 .box8-1{
	width: 6.85rem;
	display: block;
	margin:.5rem auto;
}
.box8 ul{
	overflow: hidden;
	padding-left: .08rem;
}
.box8 ul li{
	width:3.27rem;
	min-height: 2rem;
	float:left;
	border:1px solid #b5d0ff;
	border-radius: .2rem;
	margin-top: .24rem;
	text-align: center;
	padding-top: .1rem;
}
.box8 ul li:nth-child(odd){
	margin-right: .15rem;
}
.box8 ul li span{
	font-size: .36rem;
	color: #83bfff;
	display: block;
}
.box8 ul li h3{
	font-size: .27rem;
	color: #2b2b2b;
}
.box8 ul li p{
	font-size: .24rem;
	color: #848484;
}
.box9{
	width: 100%;
	padding: .35rem .3rem .2rem;
	background: #442262;
}
.box9 .h3s{
	color: #fff;
}
.box9 ul{
	margin-bottom: .7rem;
}
.box9 ul:after{
  content: "020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
}
.box9 ul li{
	width: 2.12rem;
	height: 2.56rem;
	float: left;
	background: #fff;
	border-radius: .1rem;
	margin-top: .5rem;
	text-align: center;
	position: relative;
}
.box9 ul .lis{
	margin:.5rem .25rem 0;
}
.box9 ul li img{
	width: .7rem;
	display: block;
	margin:.3rem auto;
}
.box9 ul li h4{
	font-size: .32rem;
	color: #333333;
}
.box9 ul li p{
	font-size: .24rem;
	color: #333333;
}
.box9 .bts{
	font-size: .24rem;
	color: #fff;
	background: #0caafd;
	position: absolute;
	width: 1.66rem;
	height: .42rem;
	border-radius: .1rem;
	text-align: center;
	line-height: .42rem;
	left: .25rem;
	bottom: -.21rem;
}
.box9 .btn{
	background: #6603c0;
	box-shadow: 0 .1rem .1rem #3b1b5d;
}
.guanggao{
	width: 100%;
	display: block;
}