* { margin: 0px; padding: 0px; }
body {background: #fffaf0 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: 1220px;}
.wraper {width: 100%;margin: 0 auto;min-width: 1220px;}
.wrap {width: 1220px;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)
}
}
.bg{background: url(../images/banner.png) center top no-repeat; height: 495px; background-size: cover;}
.logo{padding-top: 30px;}
.inr{background: url(../images/inr.png) center no-repeat; height: 180px; margin-top: 320px; box-sizing: border-box; padding: 30px 35px; line-height: 28px; font-size: 18px; color: #a80109;}

.title{margin: 30px auto; text-align: center;}

.backSee{margin-top: 110px;}
.video{margin-top:70px;}
.video ul{margin-top: 30px;}
.video li{background: url(../images/videoBg.png) center no-repeat; width: 602px; height: 364px; box-sizing: border-box; padding: 20px; position: relative; margin-right: 5px; margin-bottom: 10px;}
.video li a{display: block; height: 364px;}
.video li .teacher{position: absolute; top: -20px;}
.video li .block{position: absolute; z-index: 100; left: 10px; top: 130px;}
.video li .introduce{width: 290px;margin-left: 263px;margin-top: 20px;height: 215px;}
.video li .name{color:#630e1f;font-size:34px;font-weight:bold;padding-left: 48px;background: url(../images/star.png) center left no-repeat;}
.video li .master{background:url(../images/master.png) center left no-repeat;font-size:20px;margin-top: 6px;/* line-height: 28px; */height: 48px;padding-left: 5px;}
.video li .keti{display: flex;margin-left: 15px;flex-wrap: wrap;}
.video li .keti b{width: 5px; height: 20px; background-color: #ffac3a; position: relative; top: 6px; border-radius: 6px; margin-right: 5px;}
.video li .keti h3{font-weight: normal; color: #000; font-size: 24px;}
.video li .bofang{position: absolute; background: url(../images/bofang.png) center no-repeat; width: 97px; height: 34px; right: 25px; bottom: 29px;}
.video li:nth-child(2n){margin-right: 0;}
.video li.nodata{background: url(../images/update.png) center no-repeat;}
.video li:hover .teacher{transform: translateY(-3px);}
.part{display: inline-block;margin-left: 54px;}
.part .text{width: 650px;}
.part .text h5{color: #da1b23; font-size: 32px;}
.part .text h4{font-size: 30px; font-weight: normal;}
.part .text .line{width: 100%; height: 2px; background-color: #fbe2da; margin: 8px 0 12px;}
.part .text dt{color: #da1b23; font-size: 20px; line-height: 32px; margin-bottom: 5px;}
.part .text dd{margin-bottom: 10px; color: #555555;}

.resolve{margin-bottom: 70px;}
.resolve ul li{width: 304px; height: 348px; box-sizing: border-box; padding: 125px 38px 0; text-align: center;}
.resolve ul li:nth-child(1){background: url(../images/number1.png) center no-repeat;}
.resolve ul li:nth-child(2){background: url(../images/number2.png) center no-repeat;}
.resolve ul li:nth-child(3){background: url(../images/number3.png) center no-repeat;}
.resolve ul li:nth-child(4){background: url(../images/number4.png) center no-repeat;}

.resolve ul li p{font-size: 16px; margin-top: 15px; line-height: 30px; color:#555}
.resolve ul li h3{color:#da1b23; font-size: 24px;}