* { margin: 0px; padding: 0px; }
body {background: #cfe7fd 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)
}
}

.top .logo{margin-top: 30px; margin-left: 20px;}
.top .title{margin-top: 46px; margin-left: 10px;}
.top .inr{background: url(../images/inr.png) center no-repeat; height: 121px; box-sizing: border-box; padding: 15px 20px; margin-top: 30px;}
.top .inr h3{color: #023dea; font-size: 20px;}
.top .inr article{font-size: 16px; color: rgba(7,3,79,.8); margin-top: 6px; line-height: 24px;}

.themes{background-image:url(../images/tit-bg1.png),url(../images/tit-bg2.png);background-repeat: no-repeat;background-position: left bottom,right top;height: 70px;line-height: 90px;font-size: 35px;width: auto;display: inline-block;padding: 0 21px;text-align: center;margin: 35px auto 40px;transform: translate(-50%);margin-left: 50%;font-weight: bold;}
.updata ul li{background: url(../images/video.png) center no-repeat;width: 605px;height: 415px;box-sizing: border-box;margin-bottom: 10px;}
.no-theme{background: url(../images/updata.png) center no-repeat !important;}
.updata ul li a{display: block;width: 100%;height: 100%;position: relative;padding: 78px 37px 0;box-sizing: border-box;}
.updata ul li a .contain{padding-left:35px;}
.updata ul li a .teacher{position: absolute;width: 200px;right: 25px;top: 23px;}
.updata ul li a .inr-box{display:flex;width: 330px;line-height: 24px;gap: 3px;color: #000;font-size: 16px;margin-bottom: 4px;}
.updata ul li .name{color: #000;font-size: 28px;font-weight: bold;margin-bottom: 20px;}
.updata ul li .name span{border-radius: 12px; color: #fff;font-size: 16px; background-image: linear-gradient(to bottom,#0356ff,#1399f5); font-weight: normal; padding: 2px 10px; position: relative; top: -3px; margin-left: 10px;}

.theme-title{height: 112px;position: absolute;bottom: 34px;width: 520px; box-sizing: border-box; padding-top: 25px; padding-left: 10px;}
.theme-title .guankan{background: url(../images/shipin.png) center no-repeat; width: 111px; height: 43px; line-height: 35px; text-align: center; position: absolute; right: 30px; top: -20px;}
.theme-title p{ font-size: 24px; font-weight: bold; color: #fff;}

.experience{}
.experience{background: url(../images/bg.png) center no-repeat; height: 507px; position: relative;}
.experience .item{width: 399px; height: 156px; box-sizing: border-box; position: absolute;}
.experience .item-1{background: url(../images/b1.png) center no-repeat; padding: 30px 50px 0 30px;top: 50px;left: 50px;}
.experience .item-2{background: url(../images/b2.png) center no-repeat; padding: 30px 50px 0 30px;top: 240px;left: 20px;}
.experience .item-3{background: url(../images/b3.png) center no-repeat; padding: 30px 30px 0 65px;top: 50px;left: 750px;}
.experience .item-4{background: url(../images/b4.png) center no-repeat; padding: 30px 30px 0 65px;top: 240px;left: 780px;}

.experience .ex-bot{position: absolute; left: 50%; transform: translateX(-50%); bottom: 30px; font-size: 20px; font-weight: bold; color: #1160f0;} 

.introduction{margin-top:40px;}
.introduction ul li{width: 282px;height: 384px;box-sizing: border-box;padding: 175px 30px 0;text-align: center;color: #fff; font-size: 16px; margin-right: 25px;}
.introduction ul li:nth-child(1){background: url(../images/c1.png) center no-repeat;}
.introduction ul li:nth-child(2){background: url(../images/c2.png) center no-repeat;}
.introduction ul li:nth-child(3){background: url(../images/c3.png) center no-repeat;}
.introduction ul li:nth-child(4){background: url(../images/c4.png) center no-repeat;height: 394px;position: relative;top: -10px; padding-top: 185px; margin-right: 0;}
.introduction ul li h3{font-size: 20px; margin-bottom: 20px;}

.close ul{background: url(../images/bg1.png) center no-repeat;height: 285px;box-sizing: border-box;padding: 50px 36px;}
.close ul li{width: 561px;height: 80px;box-sizing: border-box;margin-bottom: 20px;margin-right: 10px; line-height:80px; padding-left:60px;font-size: 20px; font-weight: bold;}

.close ul li:nth-child(1){background: url(../images/d1.png) center no-repeat;}
.close ul li:nth-child(2){background: url(../images/d2.png) center no-repeat; margin-right:0}
.close ul li:nth-child(3){background: url(../images/d3.png) center no-repeat;}
.close ul li:nth-child(4){background: url(../images/d4.png) center no-repeat; margin-right:0}
.close ul li span{color: #2048d1;}

.bot{background: url(../images/bot.png) center no-repeat;height: 225px;margin-top: 30px;box-sizing: border-box;padding-top: 40px;}
.bot .connect{background:url(../images/tel.png) center no-repeat;height: 120px; box-sizing: border-box; text-align: center; box-sizing: border-box; padding-top: 12px;}
.bot .connect h3{margin-bottom:20px; color:#183bd0;font-size:22px;}
.bot .connect p{font-size:25px; color:#fff;}