* { margin: 0px; padding: 0px; }
body {background: url("../images/banner.png") center top no-repeat; -webkit-text-size-adjust: none;}
html {min-width: 1200px; }
.wraper {width: 100%;margin: 0 auto;min-width: 1200px}
.wrap {width: 1200px; margin: 0px auto; }
.fl {float: left; }
.fr {float: right; }
dl, dt, ul { list-style: none; text-decoration: none; padding-inline-start: 0px; }
a {text-decoration: none; color: #333;}
.clearfix::before, .clearfix::after { content: ""; display: table; clear: both; }
.un {transition: all 0.3s ease-out 0s; }
.none {display: none; }
.ellipsis {text-overflow: ellipsis;white-space: nowrap; overflow: hidden}
.logo{margin-top: 30px;}
.inr{background: url(../images/inr.png) center no-repeat; height: 236px; box-sizing: border-box; padding: 80px 35px 0 40px; text-indent: 2em; line-height: 28px; font-size: 16px; margin-top: 370px;}
.inr span{color: #fe6279;}
.title{text-align: center; display: block; margin-top: 30px; padding-bottom: 30px;}
.confuse ul{margin-top: 50px;}
.confuse li{background: url(../images/li.png) center no-repeat; width: 399px; height: 364px; box-sizing: border-box; padding: 20px 25px 0; position: relative; margin-bottom: 70px; cursor: pointer;}
.confuse li .teacher{position: absolute; right: 10px; top: -32px;}
.confuse li h2{font-size: 28px;}
.confuse li .province{background: url(../images/province.png) center no-repeat; width: 96px; height: 25px; font-weight: bold; box-sizing: border-box; padding: 0 10px; line-height: 25px; position: relative; top: 7px; left: 10px;}
.confuse li .province .p1{color: #724825; margin-right: 10px;}
.confuse li .province .p2{color: #a46721;}
.confuse li dt a{color: #6e37cc; font-weight: bold; font-size: 17px; margin-bottom: 10px;}
.confuse li:hover  dt a{opacity: .9;}
.confuse li dd{background: url(../images/grey.png) center left no-repeat; padding-left: 12px; font-size: 14px; line-height: 24px; color: #666;}
.confuse li .bofang{position: absolute; right: 20px; bottom: 30px;}
.confuse li:nth-last-child(3){margin-bottom: 0;}
.confuse li:nth-last-child(2){margin-bottom: 0;}
.confuse li:nth-last-child(1){margin-bottom: 0;}
.confuse li .bofang:hover{animation-name: pulse;
	-webkit-animation-name: pulse;	
	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;}
@keyframes pulse {
	0% {
		transform: scale(0.9);
		opacity: 0.7;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.9);
		opacity: 0.7;	
	}			
}
@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;	
	}			
}
.apply{background: url(../images/bg1.png) center no-repeat; height: 411px; box-sizing: border-box; padding-top: 20px; margin-top: 20px;}
.apply ul{display: flex; justify-content: space-around;}
.apply ul li{background: url(../images/b1.png) center bottom no-repeat; width: 164px; height: 188px; box-sizing: border-box; padding: 10px 10px 0; text-align: center;}
.apply ul li h2{font-size: 20px; color: #fff; margin-bottom: 20px;}
.apply ul li h4{color: #fff; margin-bottom: 40px;}

.level{background: #f5f5f5; height: 479px; box-sizing: border-box; padding-top: 20px;}
.level ul{display: flex; justify-content: space-around;}
.level ul li{ width: 189px; height: 254px; box-sizing: border-box; padding: 120px 10px 0; text-align: center; }
.level ul li h2{font-size: 20px; margin-bottom: 10px;}
.level ul li:nth-child(1){background: url(../images/c1.png) center bottom no-repeat;}
.level ul li:nth-child(2){background: url(../images/c2.png) center bottom no-repeat;}
.level ul li:nth-child(3){background: url(../images/c3.png) center bottom no-repeat;}
.level ul li:nth-child(4){background: url(../images/c4.png) center bottom no-repeat;}
.level ul li:nth-child(5){background: url(../images/c5.png) center bottom no-repeat;}
.level ul li:nth-child(6){background: url(../images/c6.png) center bottom no-repeat;}
.level ul li:hover{-webkit-animation:swing 1s .2s ease both;
-moz-animation:swing 1s .2s ease both;
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin:top center
}
20% {
-webkit-transform:rotate(7deg)
}
40% {
-webkit-transform:rotate(-5deg)
}
60% {
-webkit-transform:rotate(2deg)
}
80% {
-webkit-transform:rotate(-2deg)
}
100% {
-webkit-transform:rotate(0deg)
}
}
@-moz-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-moz-transform-origin:top center
}
20% {
-moz-transform:rotate(7deg)
}
40% {
-moz-transform:rotate(-5deg)
}
60% {
-moz-transform:rotate(2deg)
}
80% {
-moz-transform:rotate(-2deg)
}
100% {
-moz-transform:rotate(0deg)
}
}

.bot{background: url(../images/bot.png) center no-repeat; height: 134px; text-align: center; box-sizing: border-box; padding-top: 30px; color: #fff; margin-top: 30px;}
.bot h2{background: url(../images/tel.png) center no-repeat; height: 42px; line-height: 42px; color: #fff; font-size: 20px; margin-bottom: 20px;}