* { margin: 0px; padding: 0px; }
body {background: #ecf6ff url(../images/bot.png) center bottom no-repeat; -webkit-text-size-adjust: none; background-size: 100%; font-family: "Microsoft YaHei", "PingFang SC",Arial, "Helvetica Neue", Helvetica, STHeiTi, sans-serif;}
html {min-width: 1230px;}
.wraper {width: 100%;margin: 0 auto;min-width: 1230px;}
.wrap {width: 1230px;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}
.flex{display: flex;}
.column{flex-direction: column;}
/* animation */
.pulse{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.95);
		opacity: 0.9;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.95);
		opacity: 0.9;	
	}			
}
@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.9;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.9;	
	}			
}
.swing: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)
}
}
.top{background: url(../images/banner.png) top center no-repeat; height: 618px; background-size: cover;}
.logo{padding-top: 20px; margin-left: 20px;}
.title{margin-top: 50px; margin-left: 20px;}
.inr{background: url(../images/inr.png) center no-repeat; height: 126px; box-sizing: border-box; padding: 20px 42px; line-height: 28px; color: #555; margin-top: 55px;}

.tit{background: url(../images/titbg1.png) center no-repeat; text-align: center; font-size: 40px; height: 75px; margin-top: 30px; margin-bottom: 30px;}
.tit1{background: url(../images/titbg2.png) center no-repeat;}
.key ul{margin-top: 60px;}
.key ul li{background: url(../images/video.png) center no-repeat; width: 379px; height: 326px; box-sizing: border-box; position: relative; margin-right: 30px; margin-bottom: 50px;}
.key ul li a{display: block;width: 379px; height: 326px; color: #fff;}
.key ul li .teacher{position: absolute; right: 0; top: -25px;}
.introduce{max-width: 200px;margin-top: 49px;margin-left: 26px;}
.introduce .name:before{content: ""; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; top: 40px;}
.introduce .name{font-size: 26px;position: relative; display: inline-block; line-height: 40px; margin-bottom: 5px;}
.introduce .name b{width: 1px;height: 15px;background-color: #fff;display: inline-block;position: relative;top: 2px;margin-right: 3px;}
.introduce .name span{font-size: 16px;}
.introduce p{ font-size: 14px; line-height: 22px;}
.key ul li .keti{background: url(../images/introduce.png) center no-repeat; width: 380px; height: 139px; position: absolute;z-index: 100; bottom: -5px; left: -1px; box-sizing: border-box;}
.key ul li .keti span{position: absolute; top: 4px; left: 10px;}
.key ul li .keti h2{ margin-top: 45px; color: #000; font-size: 22px; font-weight: normal; padding: 0 20px; line-height: 32px;}
.key ul li.noMessage{background: url(../images/expect.png) center no-repeat;}
.key ul li:nth-child(3n){margin-right: 0;}
.key ul li:hover .teacher{transform: translateY(-3px);}

.point li{width:290px;height: 341px;box-sizing: border-box;margin-right: 20px;box-sizing: border-box;padding: 58px 36px 0;font-size: 16px;line-height: 30px;color: #555;}
.point li:nth-child(1){background: url(../images/a1.png) center no-repeat;}
.point li:nth-child(1) h3{color: #2417c6;}
.point li:nth-child(2){background: url(../images/a2.png) center no-repeat;}
.point li:nth-child(2) h3{color: #4ca318;}
.point li:nth-child(3){background: url(../images/a3.png) center no-repeat;}
.point li:nth-child(3) h3{color: #0073d9;}
.point li:nth-child(4){background: url(../images/a4.png) center no-repeat; margin-right: 0;}
.point li:nth-child(4) h3{color: #ed560c;}
.point li h3{font-size: 28px;font-weight: normal;margin-left: 39px;margin-bottom: 33px;line-height: 40px;}

.box{position: relative; margin-top: 30px;}
.box img{position: absolute; top: 50%; margin-top: -74px; left: 50%; margin-left: -74px;}
.box ul li{width: 586px; height: 190px; background: url(../images/b1.png) center no-repeat; box-sizing: border-box; padding: 36px 35px; margin-bottom: 20px; margin-right: 40px;}
.box ul li h3{font-size: 28px; color: #222; margin-left: 35px; margin-bottom: 26px;}
.box ul li p{color: #555; margin-left: 10px; font-size: 18px; line-height: 28px;}
.box ul li:nth-child(2n){margin-right: 0;}

.full ul li{width: 393px; height: 70px; background: url(../images/c1.png) center no-repeat; box-sizing: border-box; line-height: 70px; font-size: 22px; color: #555; margin-right: 20px; margin-bottom: 15px;}
.full ul li:nth-child(3n){margin-right: 0;}
.full ul li span{position: relative; color: #fff; font-size: 16px; top: -15px; left: 10px;}
.full ul li b{width: 6px; height: 6px; background: #ff1f46; display: inline-block; border-radius: 50%; margin-left: 20px; margin-right: 10px; position: relative; top: -3px;}
.full ul li:hover b{background: #6f63f2; }

.bot{text-align: center; height: 260px; box-sizing: border-box; padding-top: 130px;}
.bot .tel{display: inline-block; background-image: linear-gradient(to right,#edd0ad,#ffe9cf);width: 300px; height: 60px; line-height: 60px; color:#a25f1e;font-size: 36px; border-radius: 28px;}
.bot p{font-size: 16px; margin-top: 10px; color: #fff;}