* { margin: 0px; padding: 0px; }
body {background: #eff3f6 url(../images/bg.png) center top 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: 1280px;}
.wraper {width: 100%;margin: 0 auto;min-width: 1280px;}
.wrap {width: 1280px;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.9);
		opacity: 0.8;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.9);
		opacity: 0.8;	
	}			
}
@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.8;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.8;	
	}			
}
.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)
}
}


.logo img{margin-top: 30px; margin-left: 40px; display: block;} 
.title{margin-top: 10px;display: flex;justify-content: center;}
.inr{background: url(../images/linears.png) center bottom no-repeat;height: 778px;margin-top: -9px;padding-top: 21px;box-sizing: border-box;}
.item1{background: url(../images/a1.png) center top no-repeat;height: 259px;box-sizing: border-box;padding: 99px 83px 0 80px;text-indent: 2em;color:#3a3a3a;line-height: 30px;margin-top: 0px;}
.item2{background: url(../images/b1.png) center no-repeat;height: 483px;box-sizing: border-box;padding: 120px 89px 17px;margin-top: -35px;}
.item2 ul{display: flex;justify-content: space-between;}
.item2 ul li{width: 256px; height: 292px; box-sizing: border-box; padding: 135px 30px 0; text-align: center;}
.item2 ul li h2{ font-size: 20px;}
.item2 ul li p{font-size: 14px; margin-top: 10px;}
.item2 ul li:nth-child(1){background: url(../images/b-1.png) center no-repeat;}
.item2 ul li:nth-child(2){background: url(../images/b-2.png) center no-repeat;}
.item2 ul li:nth-child(3){background: url(../images/b-3.png) center no-repeat;}
.item2 ul li:nth-child(4){background: url(../images/b-4.png) center no-repeat;}
.bg{background: url(../images/bot.png) center bottom no-repeat;padding-top: 12px;}

.item3{background: url(../images/c1-1.png) center no-repeat; height: 1090px; box-sizing: border-box; padding: 160px 75px;}
.item3 ul li{width: 554px; height: 274px; margin-bottom: 15px; box-sizing: border-box;overflow: hidden;position: relative; background: url(../images/videoBox.png) center no-repeat; padding: 20px 140px 0 35px; margin-right: 10px; float: left;}
.item3 ul li:nth-child(2n){margin-right: 0;}
.item3 li:hover{transform: translateY(-3px);}
.item3 ul li .name{display: flex; align-items: center; margin-bottom: 30px;}
.item3 ul li .name h3{font-size: 24px; text-shadow: 0 2px 0 #333; color: #fff;}
.item3 ul li .name span{background: url(../images/subject.png) center left no-repeat; padding-left: 5px; margin-left: 10px; flex: 1;}
.item3 ul li p{font-size: 14px;line-height: 20px;max-width: 287px;}
.item3 ul li .teacher{position: absolute; right: 17px; top: 11px;}
.item3 ul li .keti{background: url(../images/bofang.png) 4px 4px no-repeat;padding-left: 30px;font-size: 18px;color: #000;font-weight: 500;position: absolute;left: 30px;bottom: 51px;height: 52px;max-width: 283px;}

.item3 ul li .keti:hover{color: #ff7d3c;}

.item3 ul li .keti img{position: relative;top: 3px; margin-right: 3px;}
.item4{background: url(../images/d1.png) center no-repeat;height: 1098px;box-sizing: border-box;padding: 148px 75px;}
.item4 div{height: 125px; box-sizing: border-box; padding: 20px 0 0 160px; margin-bottom: 20px;}
.item4 div:hover{transform: translateY(5px);}
.item4 div h3{color: #383838; font-size: 24px; margin-bottom: 5px;}
.item4 div:nth-child(1){background: url(../images/01.png) center no-repeat;}
.item4 div:nth-child(2){background: url(../images/02.png) center no-repeat;}
.item4 div:nth-child(3){background: url(../images/03.png) center no-repeat;}
.item4 div:nth-child(4){background: url(../images/04.png) center no-repeat;}
.item4 div:nth-child(5){background: url(../images/05.png) center no-repeat;}
.item4 div:nth-child(6){background: url(../images/06.png) center no-repeat;}
.point{background: url(../images/linear.png) center no-repeat; height: 386px; }
.item5{background: url(../images/e1.png) center no-repeat; height: 366px;box-sizing: border-box; padding: 140px 75px; color: #fff;}
.item5 ul li{background: url(../images/e-1.png) center no-repeat;float: left;width: 539px;height: 66px;padding-left: 30px;box-sizing: border-box;font-size: 20px;margin-right: 36px;margin-bottom: 12px;}
.item5 ul li span{font-size: 28px; margin-right: 30px; display: inline-block; position: relative; top: 5px;}
.item5 ul li:nth-child(2n){margin-right: 0;}

.bot{padding: 40px; text-align: center;}