* { margin: 0px; padding: 0px; }
body {background: url("../images/banner.png") center top no-repeat; -webkit-text-size-adjust: none;}
html {min-width: 1200px; }
.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; }
.none {display: none; }
.flex{display: flex;}
.column{flex-direction: column;}
.ellipsis {text-overflow: ellipsis;white-space: nowrap; overflow: hidden}
.logo{margin-top: 30px;}
.text-center{text-align: center;}
.mx-auto{margin: 0 auto;}
.title{text-align: center;}
.inr{background: url(../images/inr.png) center no-repeat;margin-top: 60px;height: 199px;padding: 10px 90px;box-sizing: border-box;margin-bottom: 45px;}
.inr h2{text-align: center; color: #fff; margin-bottom: 25px;}
.inr p{text-indent: 2em; line-height: 30px;}

.messages div{height: 65px;line-height: 65px;font-size: 20px;box-sizing: border-box;padding-left: 53px;margin-bottom: 15px;}
.messages div span{display: inline-block; width: 280px; color: #fff; font-size: 22px;}
.messages div:nth-child(even){background: url(../images/blue.png) center no-repeat;}
.messages div:nth-child(even) span{text-shadow: 0 2px 0 #617ed0; }
.messages div:nth-child(odd){background: url(../images/purple.png) center no-repeat;}
.messages div:nth-child(odd) span{text-shadow: 0 2px 0 #7e67d3; }
.messages div:hover{transform: translateY(-2px);}
.video{padding-top: 0px;background: url(../images/bg2.png) center bottom no-repeat;}
.video ul{margin-top: 40px;}
.video li{background: url(../images/videoBg.png) center no-repeat; width: 406px; height: 390px; box-sizing: border-box; padding: 45px 32px 0; position: relative; margin-bottom: 40px;}
.video li:nth-child(3n){margin-right: 0;}
.video li .people{position: absolute; right: 40px; top:-20px}
.video li h2{font-size: 24px; color: #ff8800; margin-bottom: 20px;}
.video li h2 span{background-image: linear-gradient(to right, #e7edff,#fafbff); position: relative; height: 25px; line-height: 25px; display: inline-block; color: #aac1ff; font-size: 18px; margin-left: 10px; font-weight: normal; padding: 0 10px;}
.video li h2 span::before{content: ""; width: 4px; height: 25px; position: absolute; background: #aac1ff; border-radius: 3px 0 0 3px; left: 0;}
.video li .schools{color: #666;font-size: 14px;}
.video li .schools h3{font-size: 14px; color: #333;}
.video dl{margin-top: 40px;}
.video dl dt{background: url(../images/circles.png) center left no-repeat; font-size: 18px; font-weight: bold; padding-left: 18px; margin-bottom: 10px;}
.video dl dd{font-size: 16px; position: relative; padding-left: 18px; line-height: 30px;}
.video dl dd::before{content: ""; width: 7px; height: 7px; border-radius: 50%; background: #7e67d3; position: absolute; left: 2px; top:12px}
.video .bofang{position: absolute; right:35px;bottom: 50px;}
.teach{background: #f6f5ff; padding: 40px 0 60px;}
.teach .line1{background: url(../images/line1.png) center no-repeat; height: 45px; margin: 30px 0 20px;}
.teach .line2{background: url(../images/line2.png) center no-repeat; height: 45px; margin: 30px 0;}
.teach .mesg{width: 390px; height: 307px; box-sizing: border-box; padding: 38px 40px 0 80px; font-size: 18px; line-height: 30px;}
.teach .mesg h2{color: #7e67d3; font-size: 28px; margin-bottom: 18px;}
.teach .mesg:nth-child(1){background: url(../images/a1.png) center no-repeat;}
.teach .mesg:nth-child(2){background: url(../images/a2.png) center no-repeat;}
.teach .mesg:nth-child(3){background: url(../images/a3.png) center no-repeat;}
.teach .mesg1:nth-child(1){background: url(../images/a4.png) center no-repeat;}
.teach .mesg1:nth-child(2){background: url(../images/a5.png) center no-repeat;}
.teach .mesg1:nth-child(3){background: url(../images/a6.png) center no-repeat;}

.new{background: url(../images/bg3.png) center no-repeat; height: 780px; box-sizing: border-box; padding-top: 40px;}
.walk{background: #fff url(../images/bg4.png) center no-repeat; height: 383px; box-sizing: border-box; padding-top: 30px;}
.walk .fl{width: 402px; height: 96px; line-height: 90px; font-size: 20px; font-weight: bold; color: #333; box-sizing: border-box; padding-left: 85px; margin-bottom: 10px;transition: all 0.3s ease-out 0s;}
.walk .fl:hover{transform: translateY(-2px);}
.walk .fl span{color: #7e67d3;}
.walk .fl:nth-child(1){background: url(../images/b1.png) center no-repeat;}
.walk .fl:nth-child(2){background: url(../images/b2.png) center no-repeat;}
.walk .fl:nth-child(3){background: url(../images/b3.png) center no-repeat;}
.walk .fl:nth-child(4){background: url(../images/b4.png) center no-repeat;}
.walk .fl:nth-child(5){background: url(../images/b5.png) center no-repeat;}
.walk .fl:nth-child(6){background: url(../images/b6.png) center no-repeat;}
.bot{background: #f6f5ff;padding: 50px 0 0;}
.connect{background: url(../images/connect.png) center no-repeat; height: 184px; text-align: center; margin-bottom: 20px;}
.connect h2{height: 60px; line-height: 60px; color: #fff; font-size: 20px; text-align: center;}
.connect .phone{margin: 20px 0;}
.connect .phone img{position: relative; top: 2px; margin-right: 5px;}
.connect .phone span {
	font-size: 40px; font-weight: bold;
        background: linear-gradient(to bottom, #bca6fe,#8474d6);
        -webkit-background-clip: text;
        color: transparent;
    }