* {margin: 0px; padding: 0px; }
body {background: url("../images/banner.png") center top no-repeat; -webkit-text-size-adjust: none;}
html {min-width: 1230px; }
.wraper {width: 100%;margin: 0 auto;min-width: 1230px}
.wrap {width: 1215px; 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}
.logo{margin-top: 20px;}
.top .inr{background: url(../images/inr.png) center no-repeat; height: 183px; margin-top: 450px; box-sizing: border-box; padding:50px 50px 0 50px; line-height: 26px; text-indent: 2em;}
.top .tip div{width: 370px; height: 101px; padding: 15px 0 0 90px; box-sizing: border-box; font-size: 20px; margin-right: 45px; margin-top: 20px;}
.top .tip div p{color: #333; margin-top: 8px; font-size: 16px;}
.top .tip div:nth-child(1){background: url(../images/a1.png) center no-repeat; color: #2c53df;}
.top .tip div:nth-child(2){background: url(../images/a2.png) center no-repeat; color: #ff7200;}
.top .tip div:nth-child(3){background: url(../images/a3.png) center no-repeat; color: #4a56f2; margin-right: 0;}

.video{margin-top: 80px; margin-bottom: 30px; background: url(../images/bg1.png) center no-repeat;}
.video li a:hover p,.video li a:hover h3,.video li a:hover h2{opacity: .8;}
.video li:hover{transform: translateY(-3px);}
.video li{background: url(../images/li.png) center no-repeat; width: 390px; height: 374px; position: relative; margin-right: 20px; margin-bottom: 20px;}
.video li:nth-child(3n){margin-right: 0;}
.video li .teacher{position: absolute; top:22px}
.video li .update{position: absolute; top: 80px; left: 19px;}
.video li .sub{position: absolute; top: 21px; right: 10px; color: #fff;}
.video li .inr{padding-left: 170px; margin-top: 40px; width: 213px;}
.video li .inr h3{color: #2c53df; margin-bottom: 10px; font-weight: bold; font-size: 20px;}
.video li .inr p{background: url(../images/circle.png) left center no-repeat; padding-left: 8px; line-height: 24px; font-size: 14px;}
.video li h2{font-size: 18px; color: #fe8100; padding-left: 40px; margin-top: 40px;}
.video li dl{padding-left: 40px; font-size: 14px; margin-top: 10px;}
.video li dl dd{background: url(../images/trans.png) left center no-repeat; padding-left: 12px; margin:5px 0;}
.video .bofang{background: url(../images/bofang.png) center no-repeat; width: 60px; height: 60px; display: block; position: absolute; right: 30px; bottom: 30px;}
.video .bofang:hover{background-position: 1px 1px;}
.title{font-size: 36px; font-weight: bold; text-align: center; height: 60px;}
.title span{color: #ff7200;}
.tit1{background: url(../images/tit1.png) center no-repeat;}
.tit2{background: url(../images/tit2.png) center no-repeat;}
.tit3{background: url(../images/tit3.png) center no-repeat;}
.tit4{background: url(../images/tit4.png) center no-repeat;}
.tit5{background: url(../images/tit5.png) center no-repeat;}
.tit6{background: url(../images/tit6.png) center no-repeat;}

.ability{background: url(../images/bg2.png) center no-repeat; margin-bottom: 50px;}
.blue{color: #326ceb;}
.orange{color: #ff7200;}
.purple{color: #4a56f2;}
.ability li{width: 204px; height: 218px; position: relative; margin-right: 45px; margin-top: 40px;}
.ability li div{position: absolute; right: 20px; top: 28px; font-size: 20px; font-weight: bold;}
.ability li:nth-child(1){background: url(../images/b1.png) center no-repeat;}
.ability li:nth-child(2){background: url(../images/b2.png) center no-repeat;}
.ability li:nth-child(3){background: url(../images/b3.png) center no-repeat;}
.ability li:nth-child(4){background: url(../images/b4.png) center no-repeat;}
.ability li:nth-child(5){background: url(../images/b5.png) center no-repeat; margin-right: 0;}
.ability li:hover{transform: translateY(3px);}

.policy{background: url(../images/jiantou.png) center no-repeat;  margin-top: 50px; margin-bottom: 30px;}
.policy li{width: 254px; height: 150px; float: left; box-sizing: border-box; padding: 65px 10px 0 85px; color: #fff; margin-right: 50px; cursor: pointer;}
.policy .p2 li{padding-top: 85px; margin-top: 44px;}
.policy .p1 li:nth-child(1){background: url(../images/c1.png) center no-repeat;}
.policy .p1 li:nth-child(2){background: url(../images/c2.png) center no-repeat;}
.policy .p1 li:nth-child(3){background: url(../images/c3.png) center no-repeat;}
.policy .p1 li:nth-child(4){background: url(../images/c4.png) center no-repeat; margin-right: 0;}
.policy .p2 li:nth-child(1){background: url(../images/c8.png) center no-repeat;}
.policy .p2 li:nth-child(2){background: url(../images/c7.png) center no-repeat;}
.policy .p2 li:nth-child(3){background: url(../images/c6.png) center no-repeat;}
.policy .p2 li:nth-child(4){background: url(../images/c5.png) center no-repeat; margin-right: 0;}

.manage{background: url(../images/bg3.png) center no-repeat; height: 774px; box-sizing: border-box; padding-top: 40px;}
.manage .vs{background: url(../images/d3.png) center no-repeat; height: 572px; margin-top: 50px;}

.education{margin-top: 50px;}
.education .circle{background: url(../images/bg4.png) center no-repeat; height: 665px; margin-top: 50px;}
.result{background: url(../images/bg5.png) center no-repeat; height: 497px; margin-top: 40px; box-sizing: border-box; padding-top: 40px;}
.result .numbers{background: url(../images/f1.png) center no-repeat; height: 295px; margin-top: 50px;}
.deep{margin-top: 40px;}
.deep .numbers{background: url(../images/g1.png) center no-repeat; height: 165px; margin-top: 50px;}

.bot{background: url(../images/bot.png) center no-repeat; height: 220px; margin-top: 30px; padding-top: 40px;}
.bot .wrap{background: url(../images/copyright.png) center top no-repeat; text-align: center;}
.bot h3{color: #2c53df; line-height: 40px; margin-bottom: 30px;}