* { margin: 0px; padding: 0px; }
body {background-color: #fff5f0; -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; }
.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: #ecf6ff url(../images/bg.png) center top no-repeat;background-size: cover;height: 740px;}
.logo{padding-top: 30px;}
.title{text-align: center; margin: 30px auto;}
.inr{background: url(../images/inr.png) center no-repeat;height: 99px;box-sizing: border-box;/* padding: 15px 40px; */font-size: 16px;color: #fff;line-height: 24px;margin-top: -426px;position: relative;}
.picture{background: #f46539;height: 308px;box-sizing: border-box;padding-top: 33px;margin-top: -13px;}
.picture img{display: block;margin: 0px auto;}

.tit{font-size: 40px; color: #460505; padding-top: 45px;}
.video{z-index: 100;position: relative;}
.video ul{background: url(../images/line.png) top left repeat-y;}
.video ul li{background: url(../images/videobg.png) center no-repeat;height: 231px;position: relative; margin-top: 60px;}
.video ul li.none{background:none ; height: auto;}
.video ul li.none p{font-size: 28px;color: #460505;opacity: .5;padding-left: 37px;margin-top: -35px;}
.video ul li a{display: block; height: 231px;}
.video ul li a .teacher{position: absolute;top: -7px;left: 45px;}
.video ul li .content{box-sizing: border-box;padding-left: 355px;width: 1100px;}
.video ul li .name{font-size: 30px;color: #fff;padding-top: 25px;}
.video ul li .name span{background: url(../images/school.png) center left no-repeat;height: 33px;line-height: 33px;font-size: 18px;position: relative;top: -4px;margin-left: 10px;padding-left: 10px;display: inline-block;min-width: 390px;}
.video ul li .videoTitle{margin-top: 24px; font-size: 28px; color: #460505; font-weight: bold;}
.video ul li .videoTitle img{position: relative; top: 2px; margin-right: 4px;}
.video ul li .hit{background: url(../images/bofang.png) center no-repeat; width: 107px; height: 41px; line-height: 33px; text-align: center; color: #fff; position: absolute; right: 70px; bottom: 40px;}
.video ul li:nth-child(1){ margin-top: 40px;}

.difficult{background: #feece2;padding-bottom: 40px;}
.difficult ul li{background: url(../images/a1.png) center no-repeat;width: 581px;height: 186px;box-sizing: border-box;position: relative;padding: 39px 45px 20px 55px;margin-right: 12px;margin-left: 18px;margin-bottom: 20px;}
.difficult ul li:nth-child(2n){margin-right:0;}
.difficult ul li span{position: absolute; color: #fff; font-size: 24px; top: 10px; left: 10px;}
.difficult ul li h2{color: #f6501d;font-weight: normal;margin-bottom: 10px;}
.difficult ul li p{color: #444;line-height: 24px;font-size: 16px;}

.effect{padding-top: 0px;padding-bottom: 30px;}
.effect ul li{background: url(../images/b1.png) center no-repeat;width: 372px;height: 250px;text-align: center;margin-right: 35px;box-sizing: border-box;padding-top: 75px;}
.effect ul li h2{font-size: 26px;color: #222;font-weight: normal;}
.effect ul li p{padding: 10px 35px;line-height:22px;font-size:15px;color:#555}
.effect ul li:nth-child(3n){margin-right: 0;}

.tel{background: url(../images/bot.png) center bottom no-repeat; height: 200px; line-height: 200px; font-size: 26px; text-align: center; color: #fff;}
.tel img{position: relative; margin-right: 5px; top: 5px;}