* { margin: 0px; padding: 0px; }
body {background: #eae6fe url(../images/banner.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: 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.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)
}
}

.inr{background: url(../images/inr.png) center no-repeat;height: 184px;padding: 59px 52px 0 65px;font-size: 17px;color: #fff;line-height: 27px;margin-top: -41px;text-indent: 2em;box-sizing: border-box;}
.title img{display: block; margin: 30px auto;}
.mix li{background: url(../images/li1.png) center no-repeat;width: 292px;height: 332px;float: left;margin-right: 16px; position: relative; box-sizing: border-box; padding: 160px 25px 0; text-align: center; font-size: 17px; color: #666; line-height: 24px; margin-top: 35px;}
.mix li:nth-child(4){margin-right:0}
.mix li img{position: absolute; top: 55px; left: 50%; margin-left: -40px;}
.mix li h3{margin-bottom: 15px; margin-top: 10px; color:#5342b1;font-size: 24px; }

.video h1{font-size: 26px; color: #5342b1; margin-bottom: 15px; margin-left: 30px;}
.content{background: url(../images/circle.png) 30px center no-repeat; padding-left: 60px;}
.content .videoBox{background: url(../images/videoBg.png) center no-repeat;width: 1131px;height: 297px;display: flex;box-sizing: border-box;padding: 18px 30px 28px;}
.content .videoBox .teacher{min-width: 149px; margin-right: 20px; margin-top: 15px;}
.content .videoBox .introduce{display: flex; flex-direction: column;}
.introduce h2{color: #5342b1; font-size: 24px; margin-top: 20px;}
.introduce h2 span{font-size: 20px; font-weight: normal; margin-left: 10px;}
.introduce p{font-size: 16px; color: #333333; margin: 15px 0;}
.introduce a{background:url(../images/keti.png) center left no-repeat; height: 41px; line-height: 41px; padding-left: 15px; font-size: 18px; color:#333;font-weight: bold; margin-bottom: 10px;}
.introduce a img{vertical-align: middle;}

.design li{width: 602px; height: 161px; background: url(../images/li2.png) center no-repeat; float: left; position: relative; box-sizing: border-box; padding: 30px 40px 0 178px;}
.design li:hover img{transform: translateX(-2px);}
.design li img{position: absolute;}
.design li h2{font-size: 20px; color: #5342b1; margin-bottom: 10px;}
.design li p{line-height: 24px;}
.design li:nth-child(1) img,.design li:nth-child(3) img{top: 25px; left: 20px;}
.design li:nth-child(2) img,.design li:nth-child(4) img{top: 25px; left: 20px;}
.grow{background: url(../images/people.png) center left no-repeat;}
.grow ul{margin-left: 462px;}
.grow ul li{background: url(../images/li3.png) center no-repeat; width: 745px; height: 70px; line-height: 70px; position: relative; padding-left: 50px; box-sizing: border-box;}
.grow ul li span{position: absolute;top: -9px;left: 18px;color: #fff;font-size: 17px;}
.bot{background: url(../images/bot.png) center repeat-x;height: 184px;text-align: center;box-sizing: border-box;padding-top: 60px;color: #262626;font-size: 18px;margin-top: 30px;}
.bot h1{font-size: 40px; color: #5342b1; margin-bottom: 18px;}
.grow ul li:hover{transform: translateY(-3px);}
.logo img{margin-top: 30px; margin-left: 40px; display: block;}