.about {
	margin-top: 4%;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.about-img,.about .info {
	display: inline-block;
	vertical-align: top;
}
.about-img{
	width: 40%;
	background: url(../images/about.jpg) no-repeat top center;
	background-size: cover;
}
.about .info {
	width: 60%;
	background: url(../images/bg1.jpg) no-repeat top right #fff;
	background-size: contain;
}
.about .info .text {
	padding: 3% 5%;
}
.about .info h4 {
	font-size: 22px;
}
.about .info p {
	font-size: 14px;
	padding-top: 3%;
	line-height: 28px;
	text-align: justify;
}
.about .info p span{font-weight: bold;}

.test{background: url(../images/m-bg1.jpg) no-repeat top center;background-size: cover;padding-bottom: 3%;margin-top: 3%;}
.test .container h3{color: #fff;}
.test .m-slogan{font-size: 14px;color: #fff;line-height: 22px;text-align: center;margin-top: -2%;margin-bottom: 3%;}
.test .container>section{padding: 3% 5%;background-color: rgba(56,56,56,.8);}
.test .container>section p,.test .container>section img{display: inline-block;vertical-align: middle;}
.test .container>section p {width: 70%;font-size: 14px;color: #fff;line-height: 24px;margin-right: 5%;}
.test p span{font-weight: bold;}
.test .container>section img{width: 20%;}
.test ul{position: relative;margin-bottom: 3%;}
.test ul:before{position: absolute;content: '';top: calc(50% - 10px);left: 0;width: 100%;height: 20px;background-color: #fff;}
.test li{display: inline-block;width: 20.75%;margin-right: 3%;padding: 1% 1% 3%;box-shadow: 16px 0 38px rgba(0,0,0,.51);background-color: #fff;position: relative;z-index: 2;vertical-align: top;text-align: center;}
.test li span{display: block;line-height: 50px;font-size: 16px;background: url(../images/m-icon.png) no-repeat center;background-size: 50px;}
.test li h4{font-size: 18px;padding-bottom: 8%;padding-top: 8%;}
.test li p{font-size: 14px;line-height: 24px;}
.test li:hover{color: #fff;background-color: #f58635;}
.test .des{font-size: 14px;color: #fff;line-height: 24px;text-align: center;}

.business li{display: inline-block;width: 32%;margin-right: 2%;overflow: hidden;position: relative;}
.business li:first-of-type{background: url(../images/m-p1.jpg) no-repeat center top;background-size: cover;}
.business li:nth-of-type(2){background: url(../images/m-p2.jpg) no-repeat center top;background-size: cover;}
.business li:last-of-type{background: url(../images/m-p3.jpg) no-repeat center top;background-size: cover;}
.business li section{position: absolute;top: 40%;left: 5%;width: 90%;color: #fff;}
.business li h4{font-size: 18px;position: relative;padding-bottom: 5%;text-align: center;}
.business li h4:after{position: absolute;content: '';bottom: -4px;left: 45%;width: 10%;height: 4px;background-color: #f58635;}
.business li p{font-size: 14px;line-height: 24px;padding: 5%;opacity: 0;background-color: rgba(245,134,53,.9);}
.business li:hover section{top: 10%;}
.business li:hover p{opacity: 1;}

.services li{display: inline-block;width: 22.75%;margin-right: 3%;position: relative;}
.services li img{width: 100%;}
.services li section{position: absolute;top: 10%;left: 5%;width: 90%;color: #fff;text-align: center;}
.services li section h4{font-size: 36px;}
.services li section h5{font-size: 18px;margin-top: 8%;padding-bottom: 10%;padding-top: 8%;position: relative;}
.services li section h5:before{position: absolute;top: 0;left: calc(50% - 7px);width: 14px;height: 1px;background-color: #fff;content: '';}
.services li section p{font-size: 14px;line-height: 24px;}

.course li {
	display: inline-block;
	width: 23.5%;
	color: #fff;
	margin-right: 2%;
	margin-bottom: 2%;
	position: relative;
}
.course li:nth-of-type(4n) {
	margin-right: 0;
}
.course li>h4 {
	left: 0;
	width: 100%;
	font-size: 18px;
	text-align: center;
}
.course li .course-text {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0;
	height: 0;
	background-color: rgba(245, 134, 53, .9);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	overflow: hidden;
}
.course li:hover .course-text {
	width: 70%;
	height: 70%;
	left: 10%;
	top: 10%;
	padding: 5%;
	font-size: 13px;
	line-height: 20px;
}
.course li .course-text h4 {
	font-size: 15px;
	margin-bottom: 8%;
	padding-left: 15%;
	background: url(../images/arrow2.png) no-repeat left 8px;
	background-size: 10%;
}

.service {
	padding-bottom: 2.5%;
}
.service li {
	display: inline-block;
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 2%;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}
.service li:nth-of-type(4n) {
	margin-right: 0;
}
.service li p {
	font-size: 18px;
	line-height: 80px;
	font-weight: bold;
	text-align: center;
}
.service li:hover p {
	color: #f58635;
}
.case {
	padding-bottom: 4%;
	background: url(../images/bg4.jpg) no-repeat center right;
	background-size: cover;
}
.case .swiper-container {
	padding-left: 50px;
	padding-right: 50px;
	max-height: 450px;
}
.case a {
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
}
.case .case-img {
	position: relative;
	vertical-align: top;
}
.case .case-img img {
	width: 100%;
	vertical-align: top;
}
.case .case-img p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 84%;
	padding: 5% 8%;
	background-color: rgba(49, 49, 49, .85);
}
.case section {
	padding: 5% 8%;
	background: url(../images/bg7.png) no-repeat 90% center #f58635;
	background-size: 20%;
}
.case section h5 {
	font-size: 16px;
	padding-left: 15px;
	position: relative;
	padding-bottom: 5px;
}
.case section h5:before {
	position: absolute;
	content: '';
	top: 4px;
	left: 0;
	width: 3px;
	height: 16px;
	background-color: #fff;
}
.swiper-button-prev,.swiper-button-next {
	top: calc(50% - 32.5px);
	width: 29px;
	height: 65px;
}
.swiper-button-prev {
	left: 0;
	background: url(../images/left.png) no-repeat center;
}
.swiper-button-next {
	right: 0;
	background: url(../images/right.png) no-repeat center;
}
.tutor{
	padding-bottom: 4%;
	background: url(../images/bg5.jpg) no-repeat top center;
	background-size: cover;
}
.tutor .tutor-title{
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-top: -1%;
	margin-bottom: 2%;
}
.tutor li{
	display: inline-block;
	width: 17.5%;
	padding: 3%;
	margin-right: 2%;
	background-color: #fff;
	text-align: center;
	vertical-align: top;
}
.tutor li:hover{
	color: #fff;
	background: url(../images/bg8.png) no-repeat right center #f58635;
	background-size: cover;
}
.tutor li:last-of-type{
	margin-right: 0;
}
.tutor li img,.tutor2 img{
	border-radius: 50%;
}
.tutor li h4,.tutor2 h4{
	font-size: 16px;
	padding-top: 20px;
	padding-bottom: 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.tutor li:hover h4{
	border-color: rgba(255,255,255,.1);
}
.tutor li p,.tutor2 p{
	font-size: 13px;
	line-height: 24px;
	opacity: .8;
}
.tutor2 .swiper-container{
	max-height: 550px;
	padding-left: 50px;
	padding-right: 50px;
	text-align: center;
}
.tutor2 h4{
	display: inline-block;
	margin-bottom: 15px;
}
.why li{
	display: inline-block;
	color: #fff;
	width: 15%;
	margin-right: 2%;
	vertical-align: top;
	position: relative;
	text-align: center;
}
.why li:nth-of-type(2n){
	margin-top: 5%;
}
.why li section{
	position: absolute;
	top: 0;
	left: 0;
	width: 80%;
	height: 100%;
	padding-left: 10%;
	padding-right: 10%;
}
.why li .why-text{
	left: 10%;
	width: 80%;
}
.why li h4{
	font-size: 48px;
	position: relative;
	padding-bottom: 5%;
	margin-bottom: 5%;
}
.why li h4:after{
	position: absolute;
	content: '';
	left: calc(50% - 10px);
	bottom: 0;
	width: 20px;
	height: 1px;
	background-color: #fff;
}
.why li p{
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
}
.why li:hover section{
	text-align: left;
	background-color: rgba(245,134,53,.9);
}
.why li:hover h4:after{
	height: 0;
}
.why li:hover p{
	padding-bottom: 10%;
	margin-bottom: 10%;
	border-bottom: 1px solid rgba(255,255,255,.1);
}
.why li:hover span{
	font-size: 14px;
	line-height: 24px;
}
.moment li{
	display: inline-block;
	width: 20%;
	margin-right: .7%;
	vertical-align: top;
	overflow: hidden;
}
.moment li img{
	width: 100%;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-ms-transition: all .8s ease;
	-o-transition: all .8s ease;
	transition: all .8s ease;;
}
.moment li img:hover{
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}
.moment .list1 li:first-of-type{
	width: 34.5%;
}
.moment .list1 li:nth-of-type(4){
	width: 23.4%;
}
.moment .list2 li{
	width: 23.4%;
	margin-top: -10%;
	vertical-align: bottom;
}
.moment .list2 li:nth-of-type(2){
	width: 27.7%;
}
.moment .list2 li:nth-of-type(2) img:first-of-type{
	margin-bottom: 2.5%;
}

.business,.school{padding-bottom: 3%;}
.school li{
	display: inline-block;
    width: 19%;
    padding-top: 3%;
    padding-bottom: 2%;
    text-align: center;
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
}
.school li:nth-of-type(5n-4) {
    border-left: none;
}
.school li img{
	width: 37%;
    border: 1px solid #eaeaea;
}
.school li p{    
	font-size: 14px;
    padding-top: 10px;
}
.register{
	margin-top: 3%;
	padding-top: 2%;
	padding-bottom: 2%;
	background: url(../images/bg6.jpg) no-repeat top center;
	background-size: cover;
}
.register form{
	margin-left: 10%;
}
.register form img{
	width: 50%;
}
.register form p{
	display: inline-block;
	width: 24.25%;
	height: 45px;
	line-height: 45px;
	font-size: 15px;
	text-indent: 10px;
	margin-right: 1%;
	margin-top: 1.5%;
	background-color: #fff;
	vertical-align: top;
}
.register form p input{
	max-width: calc(100% - 90px);
	height: 45px;
	line-height: 45px;
	vertical-align: top;
}
.register form p.tj {
	text-indent: 0;
}
.register form p.tj input{
	width: 100%;
	max-width: 100%;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	background-color: #f58635;
	text-align: center;
}