* { margin: 0px; padding: 0px; }
body {background: #130f0a 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: 1210px;}
.wraper {width: 100%;margin: 0 auto;min-width: 1210px;}
.wrap {width: 1210px;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)
}
}


.title{margin-top: 30px;}
.inr{background: url(../images/inr.png) center no-repeat; font-size: 15px; color: #fff; height: 102px; box-sizing: border-box; padding-top: 20px; line-height: 20px; padding-left: 10px;}
.back{background: url(../images/pictures.png) center no-repeat; position: relative; height: 282px; margin-top: 30px;}
.back .tit{font-size: 24px; color: #fff; position: relative; margin-left: 30px; margin-top: 15px; padding-top: 26px;}
.back .tit:before{content: ""; width: 4px; height: 20px; background: #ffd792; position: absolute; left: -8px; top: 32px; border-radius: 4px;}
.back img{position: absolute; right: 20px; top: 26px;}

.titles{background: url(../images/star.png) center left no-repeat; font-size: 38px; color: #fff; padding-left: 38px; font-weight: 500; margin-top: 30px;}
.video{background: url(../images/line.png) left top no-repeat;}
.video li{background: url(../images/videoBg.png) center no-repeat;height: 236px;margin-top: 80px;position: relative;margin-left: 32px;}
.video li .teacher{position: absolute;left: 6px;top: -43px;}
.video li .video-container{width: 700px;margin-left: 410px;padding-top: 20px;}
.video li .guankan{background: url(../images/guankan.png) center no-repeat; color: #311a00; font-size: 18px; width: 120px; height: 36px; line-height: 36px; text-align: center;}
.video .name{color: #fff; font-size: 20px; margin-bottom: 45px;}
.video .name span{ font-size: 30px; font-weight: 500;}
.video .keti{font-size: 28px;font-weight: 500; color: #fff; margin-bottom: 10px;}
.video li p{color: #ffde93; font-size: 18px; margin-top: -45px;}
.combat{background: url(../images/abg.png) center no-repeat; height: 302px; box-sizing: border-box; padding: 30px 30px 0; margin-top: 30px;}
.combat h1{font-size: 24px; text-align: center; color: #fff; margin-bottom: 16px;}
.combat .difficult{display: flex; flex-wrap: wrap; justify-content: center; gap: 5px;}
.combat .item{background: url(../images/a1.png) center no-repeat; width: 558px; height: 67px; line-height: 65px; font-size: 20px;box-sizing: border-box;  padding-left: 28px; font-weight: bold;}
.combat p{color: #ffde93; font-size: 18px; text-align: center; margin-top: 50px;}

.path{background: url(../images/bbg.png) center no-repeat;height: 478px;display: flex;box-sizing: border-box;padding: 52px 38px; margin-top: 30px;}
.path .part{width: 387px;height: 379px;box-sizing: border-box;padding: 50px;text-align: center;}
.path .part1{background: url(../images/part1.png) center no-repeat;}
.path .part2{background: url(../images/part2.png) center no-repeat;}
.path .part3{background: url(../images/part3.png) center no-repeat;}
.part h4{color: #4b2c1b; font-size: 20px; margin-bottom: 20px;}
.part p{color: #5a3a03; font-size: 16px; line-height: 27px;}

.map{background: url(../images/map.png) center no-repeat; height: 644px; margin-top: 30px;}
.map .details{box-sizing: border-box;padding: 44px 61px;}
.map .details .items{border: 1px solid #694922;background: #434343;float: left;height: 48px;line-height: 48px;margin-right: 24px;padding-right: 40px;border-radius: 8px;margin-bottom: 26px;font-size: 18px;color: #ffdc8c;}
.map .details .items span{color:#fff;background-color: #694922;border-radius: 8px 6px 6px 8px;padding: 15px;margin-right: 10px;}
.map .details .items:last-child{
    padding-right: 132px;
}
.map .tel{text-align: center; color: #fff; font-size: 18px; margin-top: 360px;}