@charset "utf-8";
/* CSS Document */
* {
	font-size: 14px;
	padding: 0;
	margin: 0;
	border: 0;
}
img{border:none;}
.clear{clear:both;}
ul li{list-style:none;}
a{
	color:#333;
	text-decoration:none;
	transition:all 0.2s linear 0s;
}
a:hover{
	color:#164C25;
}
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans sc", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
}
.left{
	float: left;
}
.right{
	float: right;
}
.center{
	text-align: center;
}
.img-fluid{
	max-width: 100%;
}
.container{
	width: 1140px;
	margin: 0 auto;
}
.logo{
	width: 40%;
	padding-top: 1.5rem; 
	padding-bottom: 0.5rem;
}
.banner{
	width: 100%;
	height: 1000px;
	max-height:1024px;
	background: url(../images/bg.png) no-repeat center top;
	-webkit-background-size: cover;
	-o-background-size: cover;                
	background-size: cover;
}
.head{
	width: 45%;
	height: 285px;
	/*margin: 0 auto;*/
	text-align: left;
	padding:190px 0 100px 0;
}
.head img{
	padding-left: 2em;
	max-height: 260px;
	max-width: 481px;
}
.nav{
	width: 1140px;
	height: 77px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 0 0.4rem rgba(83, 165, 138, 0.2);
	border-radius: 0.25rem;
	border:1px solid #e7f3ef;
}
.nav ul li{
	display: block;
	float: left;
	width: 16.5%;
	text-align: center;
	padding-top: 27px;
	padding-bottom: 26px;
	overflow: hidden;
}
.nav ul li img{
	transition:all 0.2s linear 0s;
}
.nav ul li img:hover{
	transform: scale(1.05);
}
.title{
	text-align:center;
	font-size:26px;
	letter-spacing:3px;
	font-weight:700;
	padding-top:3em;
	color:#434343;
	cursor: default;
}
.titleunder{
	width:7em;
	height:3px;
	margin:0 auto;
	background-color:#ffd566;
}
.titleunder2{
	width:7em;
	height:3px;
	margin:0 auto;
	background-color:#ffac60;
}
.subtitle{
	padding-top:3em;
	text-align:center;
}
.course2{
	width:100%;
	min-height:830px;
	background: url(../images/bg2.png) no-repeat top left;
}
.table{
	text-align:center;
	padding-bottom:1em;
}

.list{
	position:relative;
	width:1140px;
	margin:2em auto;
}
.tab_con{
	display:none;
}

.tabs{
	height: 75px;
	/*border-bottom:2px solid #ce4f49;*/
	width: 93%;
	margin:0 auto;
	/* float:left;*/
}
.tabs li{
	height:75px;
	float:left;
	width:21%;
	margin-right:3%;
	/*border_bottom:2px solid #ce4f49;
	margin-bottom: -1px;*/
	background:none;
	overflow: hidden;
	position: relative;
	border-radius: 0.5em;
}
.tabs li a {
	/*display: block;*/
	padding: 0 1.5em;
	outline: none;
	font-size:14px;
	color:#333;
	background:none;
	line-height:23px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.tabs li a span{
	font-size:50px;
	line-height:75px;
	display:block;
	float:left;
	margin-right:0.2em;
	font-weight:bold;
	color:#5f8c6c;
}
.tabs li a:hover {
	background:#f6f6f6;
	color:#5f8c6c;
}	
.tabs .thistab,.tabs .thistab a{
	color:#0b9aca;
	box-shadow: 0 -2px 0.3rem rgba(129, 129, 129, 0.2);
	border-radius: 0.5em 0.5em 0 0;
	border-top:#f1f1f1 1px solid;
	border-left:#f1f1f1 1px solid;
	border-right:#f1f1f1 1px solid;
	background:none;
}
.tabs .thistab a span{
	color:#0b9aca;
}
.tabs .thistab,.tabs .thistab a:hover{
	background: #f9f9f9;
	color:#0b9aca;
}
.tab_con {
	padding:2.5em 0;
	line-height:32px;
	background: #f9f9f9;
	box-shadow: 0 2px 0.4rem rgba(129, 129, 129, 0.2);
	border-radius: 0.5em;
	border-bottom:#f1f1f1 1px solid;
	border-left:#f1f1f1 1px solid;
	border-right:#f1f1f1 1px solid;
}
.ayx{
	margin:0 auto;
	background:#fff;
}
.ayx tr{
	height:55px;
}
.ayx .th{
	height:32px;
	background-image: linear-gradient(to right,#0b9aca, #0bd7d1);
	background-size:100%;
	-webkit-background-size:100%;
	-moz-background-size:100%;
}
.ayx tr th{
	line-height:32px;
	color:#fff;
	padding-left:1.5em;
}
.ayx tr td{
	/*background:#ccc;*/
	padding:1em 1.5em;
	border-bottom:1px #0b9aca dotted;
	line-height:18px;
	color:#333;
	/*width:265px;*/
}

#team{
	width:100%;
	min-height:1280px;
	background: url(../images/bg3.png) no-repeat bottom left;
}
.teacher{
	width: 50%;
	float: left;
	text-align: center;
	margin-top: 2em;
}
.teacher img{
	max-width: 460px;
	max-height: 244px;
}
.prof{
	width: 50%;
	float: left;
	margin-top: 2em;
}
.p_in{
	width: 400px;
	height: 205px;
	margin: 0 auto;
	background: #f9f9f9;
	padding:0 30px;
	position: relative;
	cursor: default;
	border-radius: 5px;
}
.p_img{
	position: absolute;
	top:-35px;
	left: 2em;
	z-index: 90;
}
.p_in h1{
	font-size:26px;
	letter-spacing:3px;
	font-weight:700;
	color:#434343;
	margin-top: 40px;
	padding-top: 10px;
	padding-left: 140px;
	cursor: default;
	background:linear-gradient(#ffd200, #ffd200) no-repeat;
	background-size: 4.7em 5px;
	background-position:138px 1.4em;
}
.p_in h5{
	padding-left: 140px;
	font-weight: normal;
	color: #777;
	font-size: 14px;
	line-height: 1.2em;
	letter-spacing: 1px;
	margin-top: 7px;
	margin-bottom: 18px;
}
.p_in p{
	border-top: 1px solid #9f9f9f;
	padding: 18px 10px;
	color: #777;
	font-size: 14px;
	font-family:"楷体", "KaiTi","Kai","华文楷体";
	font-weight: 100;
}
#salon{
	background: #f7f7f7;
	width: 100%;
	min-height: 350px;
	padding: 6em 0;
}
.video{
	overflow: hidden;
	width: 40%;
	margin: 0 8% 0 5%;
	height: 345px;
	border-radius: 0.5em;
	box-shadow: 0 0 0.4rem rgba(83, 165, 138, 0.2);
}
.video a{
	display: block;
	width: 100%;
	padding-top: 100px;
	height: 245px;
	text-align: center;
	background: url(../images/salonbg.png) no-repeat;
}
.video a:hover{
	transform: scale(1.05);
}
.tx{
	padding-top: 135px;
	background: url(../images/tx2.png) no-repeat;
	background-position: 93% 0%
}
.tx h5 span{
	font-size: 20px;
	line-height:2.5em;
	color: #434343;
	cursor: default;
	border-bottom: 2px solid #0bd7d1;
	padding: 0 1em 4px 2em;
	background:url(../images/txtag.png) left top no-repeat;
}
.tx a{
	color: #777;
	font-size: 14px;
}
.tx a:hover{
	color:#164C25;
}
.intro{
	color: #6d9378;
	font-size: 14px;
	line-height: 20px;
	padding: 1.5em 0;
	cursor: default;
}
.student{
	width: 22%;
	height: 170px;
	padding: 2em 1.5%;
	margin: 1em 0;
	cursor: default;
	transition:all 0.2s linear 0s;
}
.student:hover{
	background: #fff;
	border-radius: 0.5em;
	box-shadow: 0 0 0.4rem rgba(83, 165, 138, 0.2);
}
.student h4{
	font-size: 20px;
	line-height: 27px;
	color: #434343;
}
.student p{
	font-size: 14px;
	line-height: 20px;
	color: #777;
}
/*.student p b{
	color: #555;
}*/
.order{
	display: block;
	border: 1px solid #ffac60;
	color: #ffac60;
	width: 1140px;
	font-size: 20px;
	font-weight: bold;
	line-height: 35px;
	letter-spacing: 0.5em;
	margin: 0 auto;
	margin-top: 1em;
	border-radius: 0.2em;
	background: #fff;
}
.order:hover{
	background: #ffac60;
	color: #fff;
}

#resource{
	width:100%;
	min-height:515px;
	background: url(../images/bg4.png) no-repeat bottom left;
	padding-bottom: 3em;
}
.kit{
	display: block;
	width: 268px;
	height: 185px;
	margin:2em;
	padding: 2em;
	/*background: #f8f8f8;*/
	border-radius: 0.6em;
}
.kit:hover{
	transform: scale(1.05);
	box-shadow: 0 0 0.6rem rgba(83, 165, 138, 0.3);
}
.kit h3{
	text-align: center;
	font-size: 20px;
	line-height: 23px;
	margin-bottom: 1em;
}
.kit p{
	color: #767676;
	line-height: 20px;
}
.k1{
	background: url(../images/k1.png) no-repeat 256px 185px #f8f8f8;
}
.k2{
	background: url(../images/k2.png) no-repeat 256px 185px #f8f8f8;
}
.k3{
	background: url(../images/k3.png) no-repeat 256px 185px #f8f8f8;
}
.footer{
	width: 100%;
	cursor: default;
	padding: 1em 0;
	border-top: 1px solid #ccc;
	font-size: 14px;
	color: #777;
}

@media (max-width: 576px) {
	.banner{
		background: #fff;
	}
}