* { margin: 0px; padding: 0px; }
body {background: #fff 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: 1340px;}
.wraper {width: 100%;margin: 0 auto;min-width: 1340px;}
.wrap {width: 1340px;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{margin-top: 20px;margin-left: 75px;box-sizing: border-box;margin-bottom: 40px;}
.title{margin-left: 75px;}
.inr{background: url(../images/inr.png) center no-repeat;height: 338px;box-sizing: border-box;padding: 60px 89px 0;margin-top: -20px;}
.inr h2{color:#fff;font-size:30px;margin-bottom: 30px;}
.inr p{line-height:30px;text-indent:2em;}
.top{position: relative; box-sizing: border-box;}
.decoration{position: absolute; right:90px;}

.teacher .box{box-shadow: 0 0 70px 0 rgba(255,181,143,.65);border-radius: 17px;margin: 30px 90px 0;box-sizing: border-box;padding: 25px 37px 22px 44px;}
.teacher ul{background: url(../images/line.png) top left repeat-y;padding-left: 25px;}
.teacher ul li a{display: flex;background: url(../images/video.png) center left no-repeat;height: 180px;box-sizing: border-box;padding: 35px 45px;align-items: center;}
.teacher ul li{margin-top: 15px;}
.video-title{background: url(../images/take.png) center left no-repeat;font-size: 24px;line-height: 34px;color: #fc542f;font-weight: bold;padding-left: 46px;}
.tit{background: url(../images/tit.png) 66px 1px no-repeat;height: 84px;line-height: 93px;font-size: 36px;box-sizing: border-box;padding-left: 93px; font-weight: 500;}
.subject{background: #fc5430;background-image: linear-gradient(to right,#ff9081,#fc542f);display: inline-block;padding: 4px 20px;border-radius: 15px;color: #fff;/* margin-top: 16px; */margin-left: 22px;}
.video-inr .name{color: #333; font-size: 22px; font-weight: 600;}
.video-inr b{width: 1px; height: 20px; background-color: #999; display: inline-block; position: relative; top: 3px;}
.video-inr{font-size: 18px; color: #777777; margin-top: 12px; padding-left: 8px;}
.video-content{box-sizing: border-box;padding-top: 0px;padding-left: 10px;margin-right: 20px;flex: 1;}

.difficult{margin-top: 60px;}
.difficult ul{display: flex; justify-content: center; margin-top: 20px;}
.difficult ul li{width: 300px;height: 224px;box-sizing: border-box;padding: 76px 45px 0;}
.difficult ul li:nth-child(1){background: url(../images/a1.png) center no-repeat;}
.difficult ul li:nth-child(2){background: url(../images/a2.png) center no-repeat;}
.difficult ul li:nth-child(3){background: url(../images/a3.png) center no-repeat;}
.difficult ul li:nth-child(4){background: url(../images/a4.png) center no-repeat;}
.difficult ul li h4{font-size: 22px;}
.difficult ul li p{font-size: 15px; margin-top: 8px; line-height: 24px;}
.skills ul{margin: 30px 85px 0;}
.skills ul li{background: url(../images/b.png) center no-repeat;width: 584px;height: 184px;float: left;box-sizing: border-box;padding: 38px 28px 0 45px; cursor: pointer;}
.skills ul li h3{font-size: 25px; color:#fc5530; margin-bottom: 15px;}
.skills ul li p{font-size: 16px; line-height: 25px;}
.skills ul li:hover{background: url(../images/b-active.png) center no-repeat;}

.full{margin-top: 30px;}
.full .full-title{background: url(../images/full.png) center no-repeat; font-size: 26px; font-weight: bold; line-height: 40px; text-align: center;}
.full .fl{width: 280px; height: 200px; margin-right: 15px; box-sizing: border-box; padding: 125px 30px 0; text-align: center;}
.full .fl:nth-child(1){background: url(../images/c1.png) center no-repeat;}
.full .fl:nth-child(2){background: url(../images/c2.png) center no-repeat;}
.full .fl:nth-child(3){background: url(../images/c3.png) center no-repeat;}
.full .fl:nth-child(4){background: url(../images/c4.png) center no-repeat; margin-right: 0;}
.full h3{font-weight: 600;}

.bot{background: url(../images/bot.png) center no-repeat; height: 80px; margin-top: 40px;}
.bot p{background: url(../images/tel.png) 0px 25px no-repeat; line-height: 40px; color: #fff; font-size: 20px; padding-left: 38px;margin-left: 355px; padding-top: 24px;}