* {
	margin: 0;
	padding: 0;
	font-family: 'Microsoft YaHei','微软雅黑'
}

body,html {
	font-size: 0;
	line-height: 1;
	outline: 0;
	-webkit-tap-highlight-color: transparent;
	background: #fff
}

ul li {
	list-style: none
}

a {
	text-decoration: none
}

.swiper-pagination-bullet-active {
	opacity: 1;
	width: 20PX!important;
	height: 8PX!important;
	border-radius: 4PX!important;
	background: #fff!important
}



@media screen and (min-width:800px) {
	header {
		width: 100%;
		background: #fff;
		border-bottom: 1px solid #e9334a;
				top: 0;
		z-index: 10
	}
	.wrapper .item  p{
	padding-right: 20px;
}
	header .content {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 1050PX;
		height: 85PX;
		margin: 0 auto
	}

	header .content .logo,header .content .logo img {
		width: 165px;
	}

	header .content .logo a {
		display: inline-block;
		color: transparent;
		width: 100%;
		height: 100%
	}

	header .content .menu {
		display: none
	}

	header .content .nav {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end
	}

	header .content .nav li {
		margin: 0 0 0 20PX
	}

	header .content .nav li.active a {
		color: #fff;
		width: 98PX;
		border-radius: 18PX;
		background: #e9334a
	}

	header .content .nav li a {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		color: #e9334a;
		font-size: 16PX;
		width: 98PX;
		height: 36PX;
		border-radius: 18PX;
		-webkit-transition: all .5s;
		transition: all .5s
	}

	.banner {
		width: 100%
	}

	.banner .swiper-slide {
		width: 100%;
		text-align: center;
		background: #f8f9fb
	}

	.banner .swiper-slide.slide-1 {
		background: #ea7180;
	}

	.banner .swiper-slide img {
		max-width: 1427PX;
		image-rendering: -moz-crisp-edges;
		image-rendering: -o-crisp-edges;
		image-rendering: -webkit-optimize-contrast;
		image-rendering: crisp-edges;
		
	}

	.title-zh {
		color: #e9334a;
		font-size: 30PX;
		font-weight: 700
	}

	.title-en {
		color: #e9334a;
		font-size: 18PX;
		font-weight: 700;
		margin: 10PX 0 0 0
	}

	.about-us {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 1050PX;
		margin: 0 auto;
		padding: 70PX 0 90PX
	}

	.about-us .item {
		width: 680PX
	}

	.about-us .item .title-1 {
		color: #000;
		font-size: 24PX;
		font-weight: 700;
		margin: 70PX 0 0 0
	}

	.about-us .item span {
		display: inline-block;
		color: #333;
		font-size: 16PX;
		line-height: 34PX;
		margin: 14PX 0 0 0
	}

	body .ser {
		background-color: #f8f9fb;
	}

	#ser .swiper-slide {
		text-align: center;
	}
	#ser .swiper-slide img {
		width: 300px;
		height: auto;
		text-align: center;
	}

	.about-us .customer {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 285PX;
		height: 285PX;
		padding: 0 0 0 60PX;
		box-sizing: border-box;
		background-image: url(../img/1.jpg);
		background-size: 100% 100%;
		background-repeat: no-repeat
	}

	.about-us .customer span {
		color: #fff;
		font-size: 18PX
	}

	.about-us .customer span.number {
		font-size: 50PX;
		font-weight: 700
	}

	.about-us .customer span.number-en {
		font-size: 35PX
	}

	.tutor {
		width: 1050PX;
		margin: 0 auto
	}

	.tutor .wrapper {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin: 40PX 0 80PX
	}

	.tutor .wrapper .item {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 507PX;
		height: 212pX;
		margin: 0 0 35PX;
		padding: 28PX 0 30PX 40PX;
		box-sizing: border-box;
		background-size: 100% 100%;
		background-repeat: no-repeat
	}

	.tutor .wrapper .item:nth-child(1) {
		background-image: url(../img/2.jpg)
	}

	.tutor .wrapper .item:nth-child(2) {
		background-image: url(../img/3.jpg)
	}

	.tutor .wrapper .item:nth-child(3) {
		background-image: url(../img/4.jpg)
	}

	.tutor .wrapper .item:nth-child(4) {
		background-image: url(../img/5.jpg)
	}

	.tutor .wrapper .item .title {
		color: #fff;
		font-size: 26PX;
		font-weight: 700
	}

	.tutor .wrapper .item p {
		color: #fff;
		font-size: 14PX
	}

	.tutor .wrapper .item p span {
		display: inline-block;
		width: 100%;
		line-height: 18PX
	}

	.tutor .wrapper .item .more {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		color: #e9334a;
		font-size: 14PX;
		cursor: pointer;
		width: 96PX;
		height: 30PX;
		border-radius: 16PX;
		box-sizing: border-box;
		background: #fff;
		-webkit-transition: all .2s;
		transition: all .2s
	}

	.tutor .wrapper .item .more:hover {
		color: #fff;
		font-size: 12PX;
		border: 1PX solid #e9334a;
		background: #e9334a
	}

	.course {
		width: 100%;
		min-height: 100PX;
		background: #f8f9fb
	}

	.course .content {
		width: 1050PX;
		margin: 0 auto;
		padding: 55PX 0 0 0
	}

	.course .wrapper {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 1050PX;
		margin: 0 auto;
		padding: 20PX 0
	}

	.course .wrapper .item {
		width: 333PX;
		height: 120PX;
		padding: 16px 10px 0 50PX;
		margin: 10px;
		box-sizing: border-box;
		background-image: url(../img/7.jpg);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		position: relative
	}

	.liuc .item span{
		padding: 20px;
		text-align: center;
	}

	#course .why .item {
		width: 333PX;
		height: 170PX;
		padding: 10PX 16px;
		margin: 10px;
		box-sizing: border-box;
		background-image: url(../img/7.jpg);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		position: relative
	}

	.course .wrapper .item .flag {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		color: #fff;
		font-size: 18PX;
		font-weight: 700;
		width: 42PX;
		height: 47PX;
		padding: 0 0 5PX;
		box-sizing: border-box;
		background-image: url(../img/6.jpg);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		position: absolute;
		top: -12PX;
		left: 0
	}

	.course .wrapper .item p {
		color: #e9334a;
		font-size: 18PX;
		font-weight: 700;
		margin: 10PX 0 12PX;
	}

	.course .wrapper .item span {
		color: #333;
		font-size: 15PX;
		line-height: 24px;
	}

	.service {
		width: 1050PX;
		margin: 0 auto;
		padding: 45PX 0 60PX
	}

	.service .wrapper {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%
	}

	.service .wrapper .item {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 25%;
		margin: 40PX 0 0 0
	}

	#service .service .item {
		border: 1px solid #ccc;
		width: 21%;
		margin: 7px;
		padding: 0 12px 20px;
		overflow: hidden;
	}
	#service .service span {
		line-height: 24px;
	}
	.service .wrapper .item img {
		width: 88PX;
		height: 85PX;
		object-fit: cover
	}

	#service .service .item img {
		width: 250PX;
		height: auto;
		object-fit: cover
	}

	.service .wrapper .item p {
		color: #000;
		font-size: 18PX;
		font-weight: 700;
		margin: 25PX 0 10PX
	}

	.service .wrapper .item span {
		color: #000;
		font-size: 14PX;
		line-height: 20PX
	}

	.honor {
		width: 1050PX;
		margin: 0 auto;
		padding: 0 0 55PX
	}

	.honor .wrapper {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		width: 100%
	}

	.honor .wrapper .item {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		width: 300PX;
		margin: 50PX 0 0 0
	}

	.honor .wrapper .item img {
		width: 420PX;
		height: auto;
		object-fit: cover
	}

	.honor .wrapper .item span {
		color: #000;
		font-size: 16PX;
		margin: 15PX 0 0 0
	}

	.honor .wrapper .item span.size {
		font-weight: 700
	}

	.team {
		width: 100%;
		padding: 70PX 0;
		background: #e9334a
	}

	.team .content {
		width: 1050PX;
		margin: 0 auto;
		position: relative
	}

	.team .content .title-en,.team .content .title-zh {
		color: #fff
	}

	.team .content .swiper-container {
		width: 100%;
		margin: 50PX 0 0 0
	}

	.team .content .swiper-slide {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 340PX;
		height: 456PX;
		padding: 20PX 20PX 0;
		border-radius: 10PX;
		box-sizing: border-box;
		overflow: hidden;
		background: #fff
	}

	.team .content .swiper-slide img {
		width: 76PX;
		height: 76PX;
		object-fit: cover
	}

	.team .content .swiper-slide span {
		color: #222;
		font-size: 13PX;
		line-height: 19PX;
		letter-spacing: .8PX
	}

	.ser .content .swiper-slide span {
		color: #222;
		font-size: 14PX;
		line-height: 22PX;
		letter-spacing: .8PX
	}

	.team .content .swiper-slide span.name {
		color: #e9334a;
		font-weight: 700;
		margin: 10PX 0
	}

	.ser .content .swiper-slide span.name {
		color: #e9334a;
		font-weight: 700;
		margin: 15PX 0;
		font-size: 20px;
	}

	.team .content .swiper-slide span.title {
		font-weight: 700;
		margin: 5PX 0
	}

	.team .content .swiper-slide span.color {
		color: #e9334a
	}

	.team .content .prev {
		display: none;
		cursor: pointer;
		width: 30PX;
		height: 30PX;
		background-image: url(../img/left.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		position: absolute;
		top: 85PX;
		left: -80PX;
		bottom: 0;
		margin: auto 0;
		-webkit-transition: all .2s;
		transition: all .2s
	}

	.ser .content .prev {
		cursor: pointer;
		width: 30PX;
		height: 30PX;
		background-image: url(../img/left_red.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		position: absolute;
		top: 85PX;
		left: -80PX;
		bottom: 0;
		margin: auto 0;
		-webkit-transition: all .2s;
		transition: all .2s
	}
	



	.team .content .prev:hover {
		background-image: url(../img/right_1.png)
	}
	
	.ser .content .prev:hover {
		background-image: url(../img/left_red_1.png)
	}

	.team .content .next {
		display: none;
		cursor: pointer;
		width: 30PX;
		height: 30PX;
		background-image: url(../img/right.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		position: absolute;
		top: 85PX;
		right: -80PX;
		bottom: 0;
		margin: auto 0;
		-webkit-transition: all .2s;
		transition: all .2s
	}

	.ser .content .next {
		cursor: pointer;
		width: 30PX;
		height: 30PX;
		background-image: url(../img/right_red.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		position: absolute;
		top: 85PX;
		right: -80PX;
		bottom: 0;
		margin: auto 0;
		-webkit-transition: all .2s;
		transition: all .2s
	}

	.team .content .next:hover {
		background-image: url(../img/left_1.png)
	}

	.ser .content .next:hover {
		background-image: url(../img/right_red_1.png)
	}









	.team .content .prev1 {
		display: none;
		cursor: pointer;
		width: 30PX;
		height: 30PX;
		background-image: url(../img/left.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		position: absolute;
		top: 85PX;
		left: -80PX;
		bottom: 0;
		margin: auto 0;
		-webkit-transition: all .2s;
		transition: all .2s
	}

	.ser .content .prev1 {
		cursor: pointer;
		width: 30PX;
		height: 30PX;
		background-image: url(../img/left_red.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		position: absolute;
		top: 85PX;
		left: -80PX;
		bottom: 0;
		margin: auto 0;
		-webkit-transition: all .2s;
		transition: all .2s
	}
	



	.team .content .prev1:hover {
		background-image: url(../img/right_1.png)
	}
	
	.ser .content .prev1:hover {
		background-image: url(../img/left_red_1.png)
	}

	.team .content .next1 {
		display: none;
		cursor: pointer;
		width: 30PX;
		height: 30PX;
		background-image: url(../img/right.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		position: absolute;
		top: 85PX;
		right: -80PX;
		bottom: 0;
		margin: auto 0;
		-webkit-transition: all .2s;
		transition: all .2s
	}

	.ser .content .next1 {
		cursor: pointer;
		width: 30PX;
		height: 30PX;
		background-image: url(../img/right_red.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		position: absolute;
		top: 85PX;
		right: -80PX;
		bottom: 0;
		margin: auto 0;
		-webkit-transition: all .2s;
		transition: all .2s
	}

	.team .content .next1:hover {
		background-image: url(../img/left_1.png)
	}

	.ser .content .next1:hover {
		background-image: url(../img/right_red_1.png)
	}
	

	.qrcode {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 160PX;
		height: 140PX;
		border-radius: 6PX;
		box-shadow: 2PX 0 5PX #aaa;
		background: #fff;
		position: fixed;
		top: 0;
		right: 10PX;
		bottom: 0;
		margin: 40% 0;
		z-index: 999
	}

	.qrcode img {
		width: 150PX;
		height: 130PX
	}

	footer {
		width: 100%;
		padding: 40PX 0 0 0;
		background: #fff;
	}

	footer .cont {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 1050PX;
		margin: 0 auto
	}

	footer .cont .main {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	footer .cont .main .intro {
		color: #000;
		font-size: 14PX;
		width: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		margin: 0 0 50PX;
		position: relative
	}

	footer .cont .main .intro:after {
		content: '';
		width: 1PX;
		background: #333;
		position: absolute;
		top: 10PX;
		left: 197PX;
		bottom: 10PX
	}

	footer .cont .main .intro div {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		margin: 0 30PX 0 0
	}

	footer .cont .main .intro div a {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around
	}

	footer .cont .main .intro div img,footer .cont .main .intro div span {
		display: inline-block;
		height: 24PX;
		line-height: 24PX
	}

	footer .cont .main p {
		color: #000;
		font-size: 16PX;
		line-height: 30PX
	}

	footer .cont .ewm {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center
	}

	footer .cont .ewm .item {
		width: 180PX;
		margin: 0 15PX 0 0
	}

	footer .cont .ewm .item:last-child {
		margin: 0
	}

	footer .cont .ewm .item img {
		width: 180PX;
		height: 179PX;
		object-fit: cover
	}

	footer .cont .ewm .item span {
		display: inline-block;
		color: #000;
		font-size: 14PX;
		width: 100%;
		margin: 15PX 0 0 0;
		text-align: center
	}

	footer .bottom {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		color: #fff;
		font-size: 14PX;
		width: 100%;
		height: 80PX;
		margin: 40PX 0 0 0;
		background: #e9334a
	}

	footer .bottom span {
		margin: 0 15PX;
		letter-spacing: 2PX
	}
}

@media screen and (max-width:800px) {
	header {
		width: 100%;
		background: #fff;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 10
	}

	header .content {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 100%;
		height: 60PX;
		margin: 0 auto;
		padding: 0 15PX;
		box-sizing: border-box;
		border-bottom: 1PX solid #eee
	}

	header .content .logo,header .content .logo img {
		width: 150PX
	}

	header .content .menu {
		width: 34PX;
		height: 34PX;
		background-image: url(../img/menu.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		position: absolute;
		top: 0;
		right: 15PX;
		bottom: 0;
		margin: auto 0
	}

	header .content .nav {
		display: none;
		width: 84vw;
		height: 100vh;
		background-color: rgba(0,0,0,.8);
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 1
	}

	header .content .nav li {
		color: #fff;
		margin: 0 0 0 20PX;
		position: relative
	}

	header .content .nav li:after {
		content: '';
		width: 100%;
		border-bottom: 1PX solid #ccc;
		-webkit-transform: scaleY(.5);
		-ms-transform: scaleY(.5);
		transform: scaleY(.5);
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0
	}

	header .content .nav li.active a,header .content .nav li:hover a {
		color: #e9334a
	}

	header .content .nav li a {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		color: #e9334a;
		font-size: 14PX;
		height: 40PX;
		-webkit-transition: all .5s;
		transition: all .5s
	}

	.banner {
		width: 100%
	}

	.banner .swiper-slide {
		width: 100%;
		text-align: center;
		background: #f8f9fb
	}

	.banner .swiper-slide.slide-1 {
		background: #e9334a
	}

	.banner .swiper-slide img {
		max-width: 100%;
		image-rendering: -moz-crisp-edges;
		image-rendering: -o-crisp-edges;
		image-rendering: -webkit-optimize-contrast;
		image-rendering: crisp-edges;
		-ms-interpolation-mode: nearest-neighbor
	}

	.title-zh {
		color: #e9334a;
		font-size: 20PX;
		font-weight: 700
	}

	.title-en {
		color: #e9334a;
		font-size: 14PX;
		font-weight: 700;
		margin: 10PX 0 0 0
	}

	.about-us {
		width: 92%;
		margin: 0 auto;
		padding: 35PX 0 45PX
	}

	.about-us .item {
		margin: 0 auto
	}

	.about-us .item .title-1 {
		color: #000;
		font-size: 18PX;
		font-weight: 700;
		margin: 35PX 0 0 0
	}

	.about-us .item span {
		display: inline-block;
		color: #333;
		font-size: 14PX;
		line-height: 24PX;
		margin: 12PX 0 0 0
	}

	.about-us .customer {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 250PX;
		height: 250PX;
		margin: 20PX auto 0;
		box-sizing: border-box;
		background-image: url(../img/1.jpg);
		background-size: 100% 100%;
		background-repeat: no-repeat
	}

	.about-us .customer span {
		color: #fff;
		font-size: 18PX
	}

	.about-us .customer span.number {
		font-size: 50PX;
		font-weight: 700;
		margin: 25PX 0 0 0
	}

	.about-us .customer span.number-en {
		font-size: 35PX
	}

	.tutor {
		width: 92%;
		margin: 0 auto
	}

	.tutor .wrapper {
		margin: 20PX auto 40PX
	}

	.tutor .wrapper .item {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 100%;
		height: 38vw;
		margin: 0 0 20PX;
		padding: 24PX 0 15PX 20PX;
		box-sizing: border-box;
		background-size: 100% 100%;
		background-repeat: no-repeat
	}

	.tutor .wrapper .item:nth-child(1) {
		background-image: url(../img/2.jpg)
	}

	.tutor .wrapper .item:nth-child(2) {
		background-image: url(../img/3.jpg)
	}

	.tutor .wrapper .item:nth-child(3) {
		background-image: url(../img/4.jpg)
	}

	.tutor .wrapper .item:nth-child(4) {
		background-image: url(../img/5.jpg)
	}

	.tutor .wrapper .item .title {
		color: #fff;
		font-size: 14PX;
		font-weight: 700
	}

	.tutor .wrapper .item p {
		color: #fff;
		font-size: 14PX
	}

	.tutor .wrapper .item p span {
		display: inline-block;
		width: 100%;
		line-height: 24PX
	}

	.tutor .wrapper .item .more {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		color: #e9334a;
		font-size: 12PX;
		width: 70PX;
		height: 28PX;
		border-radius: 14PX;
		background: #fff
	}

	.course {
		width: 100%;
		background: #f8f9fb
	}

	.course .content {
		width: 92%;
		margin: 0 auto;
		padding: 25PX 0 0 0
	}

	.course .wrapper {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 100%;
		margin: 0 auto;
		padding: 35PX 0
	}

	.course .wrapper .item {
		width: 333PX;
		height: 88PX;
		margin: 0 0 30PX;
		padding: 0 0 0 30PX;
		box-sizing: border-box;
		background-image: url(../img/7.jpg);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		position: relative
	}

	.course .wrapper .item .flag {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		color: #fff;
		font-size: 12PX;
		font-weight: 700;
		width: 25PX;
		height: 29PX;
		padding: 0 0 5PX;
		box-sizing: border-box;
		background-image: url(../img/6.jpg);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		position: absolute;
		top: -10PX;
		left: 5PX
	}

	.course .wrapper .item p {
		color: #e9334a;
		font-size: 16PX;
		font-weight: 700;
		margin: 20PX 0 12PX
	}

	.course .wrapper .item span {
		color: #333;
		font-size: 14PX
	}

	.service {
		width: 92%;
		margin: 0 auto;
		padding: 25PX 0 55PX
	}

	.service .wrapper {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%
	}

	.service .wrapper .item {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 50%;
		margin: 30PX 0 0 0
	}

	.service .wrapper .item img {
		width: 88PX;
		height: 85PX;
		object-fit: cover
	}

	.service .wrapper .item p {
		color: #000;
		font-size: 18PX;
		font-weight: 700;
		margin: 25PX 0 10PX
	}

	.service .wrapper .item span {
		color: #000;
		font-size: 12PX;
		line-height: 20PX
	}

	.honor {
		width: 92%;
		margin: 0 auto;
		padding: 0 0 35PX
	}

	.honor .wrapper {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		width: 100%
	}

	.honor .wrapper .item {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		width: 150PX;
		margin: 25PX 0 0 0
	}

	.honor .wrapper .item img {
		width: 134PX;
		height: 101PX;
		object-fit: cover
	}

	.honor .wrapper .item span {
		color: #000;
		font-size: 14PX;
		margin: 10PX 0 0 0
	}

	.honor .wrapper .item span.size {
		font-weight: 700
	}

	.team {
		width: 100%;
		padding: 35PX 0;
		background: #e9334a
	}

	.team .content {
		width: 92%;
		margin: 0 auto;
		position: relative
	}

	.team .content .title-en,.team .content .title-zh {
		color: #fff
	}

	.team .content .swiper-container {
		width: 341PX;
		height: 100%;
		margin: 25PX auto 0
	}

	.team .content .swiper-slide {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 340PX;
		height: 456PX;
		padding: 20PX 20PX 0;
		border-radius: 10PX;
		box-sizing: border-box;
		overflow: hidden;
		background: #fff
	}

	.team .content .swiper-slide img {
		width: 76PX;
		height: 76PX;
		object-fit: cover
	}

	.team .content .swiper-slide span {
		color: #222;
		font-size: 13PX;
		line-height: 19PX;
		letter-spacing: .8PX
	}

	.team .content .swiper-slide span.name {
		color: #e9334a;
		font-weight: 700;
		margin: 10PX 0
	}

	.team .content .swiper-slide span.title {
		font-weight: 700;
		margin: 5PX 0
	}

	.team .content .swiper-slide span.color {
		color: #e9334a
	}

	.team .content .prev {
		display: none
	}

	.team .content .next {
		display: none
	}

	.qrcode {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 110PX;
		height: 95PX;
		border-radius: 2PX;
		box-shadow: 2PX 0 5PX #aaa;
		background: #fff;
		position: fixed;
		top: 0;
		right: 10PX;
		bottom: 0;
		margin: 40% 0;
		z-index: 999
	}

	.qrcode img {
		width: 100PX;
		height: 87PX
	}

	footer {
		width: 100%;
		padding: 20PX 0 0 0;
		background: #f8f9fb
	}

	footer .cont {
		width: 92%;
		margin: 0 auto
	}

	footer .cont .main {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	footer .cont .main .intro {
		color: #000;
		font-size: 14PX;
		width: 100%;
		margin: 0 0 25PX;
		position: relative
	}

	footer .cont .main .intro div {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		margin: 0 2PX 0 0
	}

	footer .cont .main .intro div img {
		width: 50%;
		margin: 0 0 10PX
	}

	footer .cont .main .intro div span {
		display: inline-block;
		height: 24PX
	}

	footer .cont .main p {
		color: #000;
		font-size: 14PX;
		line-height: 30PX
	}

	footer .cont .ewm {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		width: 100%;
		margin: 20PX 0 0 0
	}

	footer .cont .ewm .item {
		width: 150PX;
		margin: 0 15PX 0 0
	}

	footer .cont .ewm .item:last-child {
		margin: 0
	}

	footer .cont .ewm .item img {
		width: 150PX;
		height: 149PX;
		object-fit: cover
	}

	footer .cont .ewm .item span {
		display: inline-block;
		color: #000;
		font-size: 14PX;
		width: 100%;
		margin: 15PX 0 0 0;
		text-align: center
	}

	footer .bottom {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		color: #fff;
		font-size: 12PX;
		width: 100%;
		height: 80PX;
		margin: 40PX 0 0 0;
		padding: 0 0 80PX;
		background: #e9334a
	}

	footer .bottom span {
		margin: 0 15PX;
		letter-spacing: 2PX
	}
}