body{margin:0;padding:0;padding-top: 2rem;}
/*common*/
#main, #main div, #main span, #main ul, #main li, #main p, #main form, #main img, #main input, #main label, #main table, #main thead, #main tbody, #main tr, #main th, #main td, #main hr, #main textarea, #main a, #main h5 {
	-moz-box-sizing: border-box;-wemainit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
	margin:0;padding:0;
}
	#main{
		font-size: 0;
		font-family: "microsoft yahei";
		color: #1a1a1a;
		background: #fff;
		line-height: 1;
		padding-bottom: 2rem;
	}
	#main li{list-style: none;}
	#main img{vertical-align: middle;}
	#main .showmq{font-size: 0.55rem;text-decoration: underline;}
	#main .showmq.btn{text-decoration: none;}
	#main .box-inline{text-align: center;}
	#main .box-inline>div{display: inline-block;}
	#main .btn{
		margin: 0 auto;text-align: center;width: 7.625rem;height: 1.5rem;line-height: 1.5rem;
		font-size: 0.6rem;border-radius: 1rem;background: #fe1313;color: #fff;
		font-weight: bold;
	}
	#main a.btn{display: block;text-decoration: none;}
	#main .fl{float: left;}
	#main .fr{float: right;}
	#main .tr{text-align: right;}
	#main .clearfloat:after{content:"";display:block;clear:both;height:0}

	#main .myform{margin: 0 auto;}
	#main .myform input, #main .myform select{
		border: 0;
		resize:none;
		outline: none;
		-webkit-appearance: none;
		background-color: #fff;
		color: #333;
		padding-left: 0.75rem;
		border-radius: 0.15rem;
		font-size: 0.6rem;
		border: 0;
		width: 100%;
		height: 100%;
	}
	#main .myform .form-item{
		position: relative;
		margin: 0 auto 0.3rem;
		height: 1.75rem;
		padding-left: 1.1rem;
	}
	#main .myform .select-parent select{
		background-image: ;
		background-repeat: no-repeat;
		background-position: 10.62rem 0.65rem;
		-webkit-background-size: 0.675rem 0.3rem;
		background-size: 0.675rem 0.3rem;
	}
	#main .myform .form-item img{
		position: absolute;
		height: 0.8rem;
		left: 0;
		top: 50%;
		margin-top: -0.4rem;
	}
	#main .myform select{
		color: #848c97;
		background-image: url(/uploads/image/zaoimages/icon_08.png);
		background-repeat: no-repeat;
		background-position: 10.5rem 0.75rem;
		-webkit-background-size: 0.45rem 0.375rem;
		background-size: 0.45rem 0.375rem;
	}
	#main .myform input::-webkit-input-placeholder{color: #848c97;}
	#main .myform .submit{margin-top: 1.2rem;}
/*common  end*/
#main .section{
	background-repeat: no-repeat;
	background-size: 100%;
	margin: 0 auto;
	padding: 1.5rem 0 0;
}
#main .section .last{margin-right: 0!important;}
#main .section .headline{
	text-align: center;
	font-weight: bold;
	font-size: 1.125rem;
	line-height: 1.35rem;
}
#main .section .headline .line{
	width: 10.4rem;
	height: 0.1rem;
	background-color: #fbfbfb;
	margin: 0.7rem auto 0;
	position: relative;
}
#main .section .headline .line:after{
	content: "";
	position: absolute;
	top: -0.05rem;
	left: 3.7rem;
	width: 3rem;
	height: 0.2rem;
	background-color: #1a1a1a;
	border-radius: 0.1rem;
}
#main .section i{color: #fe1313;}

#main .swiper-container{padding-bottom: 1.35rem;}
#main .swiper-pagination{bottom: 0;}
#main .swiper-pagination-bullet{
	opacity: 1;
	background-color: transparent;
	border: 0.075rem solid #1a1a1a;
	margin: 0 0.15rem;
	width: 0.5rem;
	height: 0.5rem;
}
#main .swiper-pagination-bullet-active{background-color: #1a1a1a;}
/*section1*/
	#main .section1{
		height: 17rem;
		background-image: url(/uploads/image/zaoimages/bg_01.jpg);
	}
	#main .section1 .headline h3{
		font-size: 1rem;
		line-height: 1.25rem;
		padding-left: 1.35rem;
		margin-top: 0.1rem;
	}
	#main .section1 .headline p{
		font-size: 0.9rem;
		line-height: 1.9rem;
	}
	#main .section1 .headline span{
		font-weight: normal;
		font-size: 0.75rem;
	}
	#main .section1 .container,#main .section3 .container{
		margin: 1.25rem 2rem 0 1.35rem;
	}
	#main .section1 input,#main .section1 select{
		background-color: #eceef7;
	}
/*section2*/
	#main .section2{
		height: 15.95rem;
		background-image: url(/uploads/image/zaoimages/bg_02.jpg);
	}
	#main .section2 .headline{
		line-height: 1.5rem;
	}
	#main .section2 ul{
		margin-top: 0.9rem;
	}
	#main .section2 li{
		width: 14.7rem;
		height: 7.3rem;
		background-color: #fff;
		margin: 0 0.65rem;
		padding: 1.25rem 1.1rem 0;
	}
	#main .section2 h3{
		font-size: 0.9rem;
		text-align: center;
		line-height: 1.05rem;
		margin-bottom: 0.75rem;
	}
	#main .section2 h3:before{
		content: "";
		display: inline-block;
		vertical-align: top;
		width: 1.05rem;
		height: 1.05rem;
		background: url(/uploads/image/zaoimages/icon_04.png);
		-webkit-background-size: 100%;
		background-size: 100%;
		margin-right: 0.625rem;
	}
	#main .section2 p{
		font-size: 0.6rem;
		line-height: 0.9rem;
	}
	
/*section3*/
	#main .section3{
		height: 16.7rem;
		background: #39cece;
	}
	#main .section3 .headline{
		letter-spacing: 3px;
	}
	#main .section3 .submit{background-color: #1a1a1a;}
/*section4*/
	#main .section4{
		/* height: 30.675rem; */
		background-image: url(/uploads/image/zaoimages/bg_04.jpg);
		padding-bottom: .7rem;
	}
	#main .section4 .container{
		margin: 0.9rem 0 0 0.3rem;
		position: relative;
	}
	#main .section4 .tab-box{
		width: 3rem;
		padding-right: .01rem;
	}
	#main .section4 .tab{
		height: 2.725rem;
		line-height: 2.725rem;
		text-align: center;
		font-size: 0.625rem;
		color: #fff;
		background-color: #39cece;
		border-radius: 0.25rem 0 0 0.25rem;
		margin-bottom: 1px;
	}
	#main .section4 .tab.active{
		color: #1a1a1a;
		background-color: #fff;
	}
	#main .section4 .tab p{
		display: inline-block;
		vertical-align: middle;
		font-size: 0.5rem;
		line-height: 0.75rem;
	}
	#main .section4 .panel-box{
		background-color: #fff;
		padding: 0.55rem 0.05rem 0 0.75rem;
		position: absolute;
		left: 2.9rem;
		right: 0;
		top: 0;
		height: 100%;
		font-size: 0.6rem;
		line-height: 1.5rem;
	}
	#main .section4 .panel{display: none;width: 95%;}
	#main .section4 .panel.active{display: block;}
	#main .section4 .panel h5{
		color: #fe1313;
		margin-right: 1rem;
		border-bottom: 1px solid #6e5154;
		line-height: 0.6rem;
		padding: 0.45rem 0;
	}
	#main .section4 .panel5 h5{
		padding: .2rem 0;
	}
	#main .section4 .btn{
		margin-top: 1.25rem;
	}
/*section5*/
	#main .section5{
		background: #ebeef6;
	}
	#main .section5 .container {margin-top: 0.9rem;}
	#main .section5 li{
		height: 11rem;
		margin: 0 0.45rem;
		width: 15.1rem;
		font-size: 0.6rem;
	}
	#main .section5 li>div{
		float: left;height: 100%;
	}
	#main .section5 li .teacher{
		width: 6rem;
		text-align: center;
		background-color: #39cece;
		padding-top: 1.15rem;
		color: #fff;
	}
	#main .section5 .teacher img{
		width: 4.5rem;
	}
	#main .section5 .teacher h5{
		margin: 0.55rem 0 1.25rem;
	}
	#main .section5 .teacher p{position: relative;}
	#main .section5 .teacher p:after{
		content: "";
		position: absolute;
		bottom: -0.55rem;
		left: 50%;
		height: 1px;
		width: 0.9rem;
		margin-left: -0.45rem;
		background-color: #fff;
	}
	#main .section5 .info{
		width: 9.1rem;
		background-color: #fff;
		padding: 1.75rem 0.35rem 0 0.5rem;
	}
	#main .section5 .info span{
		display: block;
		color: #fff;
		width: 3.5rem;
		height: 0.9rem;
		line-height: 0.9rem;
		text-align: center;
		background-color: #262626;
		border-radius: 0.5rem;
		margin-bottom: 0.55rem;
	}
	#main .section5 .info p{
		line-height: 0.925rem;
		color: #666;
		padding-left: 0.4rem;
		position: relative;
	}
	#main .section5 .info p:before{
		content: "· ";
		position: absolute;
		left: 0.1rem;

	}
/*section6*/
	#main .section6{
		background: #ebeef6;
		padding-bottom: 1.5rem;
	}
	#main .section6 .headline .line{background-color: #6f6f6f;}
	#main .section6 .container{
		margin: 0.75rem 0 1rem;

	}
	#main .section6 li {
		width: 12rem;
		margin: 0 2rem;
	}
/*pop*/
/*pop*/
	.section-pop{
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 99999;
		margin: 0;
		width: 100%;
	}
	.section-pop.active{display: block;}
	.section-pop .pop-shadow{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.7);
	}
	#main .section-pop .pop-box{
		position: absolute;top: 50%;left: 50%;
		-webkit-transform: translate3d(-50%, -50%, 0);
				transform: translate3d(-50%, -50%, 0);
		width: 14.925rem;height: 10.9rem;
		background: url(/uploads/image/zaoimages/pop-bg.png);
		background-size: 100%;
		padding: 3.275rem 0 0 1.9rem;
	}
	.section-pop .pop-close{
		width: 0.325rem;height: 0.325rem;
		background: url(/uploads/image/zaoimages/pop-close.png);
		background-size: 100%;
		position: absolute;right: 0.45rem;top: 0.5rem;
		cursor: pointer;
	}
	#main .section-pop .form-item{
		margin: 0 0 0.5rem 0;
		height: 0.9rem;line-height: 0.9rem;
		padding: 0;
	}
	.section-pop .pageform span{
		float: left;
		font-size: 0.35rem;color: #fff;
		width: 3rem;
	}
	#main .section-pop .pageform img{
		position: absolute;
		left: 3.3rem;top: 0.175rem;margin: 0;
		height: 0.5rem;
	}
	.section .pageform .form-item:before{
		content: '';
		position: absolute;top: 0.1rem;left: 4.1rem;
		width: 1px;height: 0.65rem;
		background: #f0f0f0;
	}
	#main .section-pop input,#main .section-pop select{
		padding-left: 1.45rem;
		width: 8.5rem;height: 100%;
		background-color: #fff;
		border:0;border-radius: 0.2rem;
		vertical-align: middle;
		outline: none;
		font-size: 0.5rem;
	}
	.section .pageform i{
		position: absolute;
	   	left: 10.8rem;
		top: 0.35rem;
		border-style: solid;
		border-width: 0.2rem 0.2rem 0;
		border-color: #a7bdb5 transparent transparent;
	}
	#main .section-pop .btn{
		width: 4.65rem;height: 0.925rem;line-height: 0.9rem;
		font-size: 0.45rem;font-weight: bold;border-radius: 6px;
		margin:0.1rem 0 0 4rem;border-radius: 0.25rem;
		background: #e81b3d;color: #fff;
		box-shadow: 0 0.1rem 0 #ab152e;
		text-align: center;cursor: pointer;
	}

		/* 教师 */
		#main .teacher-box{
			overflow: hidden;
			width: 15rem;
			margin: auto;
			padding: 0.5rem;
			background: #ffffff;
			margin-bottom: 1rem;
		  }
		  
		  #main .teacher-box .wrap a{
			width: 4.5rem;
			display: block;
			overflow: hidden;
			text-align: center;
			font-size: 0.6rem;
		  }
		  #main .teacher-box .wrap img{
			width: 100%;
			height: 5.5rem;
			background-color: #e8e8e8;
		  }
		  #main .teacher-box .wrap a .name{
			font-weight: bold;
			color: #1a1a1a;
			margin: 0.3rem 0;
		  }
		  #main .teacher-box .wrap a .lang{
			color: #ffffff;
			max-width: 2.5rem;
			line-height: 1rem;
			background: #0173f7;
			margin: auto;
		  }