@charset "utf-8";
* {margin: 0;padding: 0;}
body{background: #fff url(../images/banner.png) center top no-repeat;}
html {min-width: 1410px;}
.wraper{width: 100%;}
.wrap {width: 1210px; margin: 0 auto;}
.fl {float: left;}
.fr {float: right;}
.ellipsis{text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
dl,dt,ul {list-style: none;text-decoration: none;padding-inline-start: 0;}
a{text-decoration: none;}
.clearfix:before,.clearfix:after {content: "";display: table;clear: both;}
.un{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;} 
.inr{margin-top: 40px; background: url(../images/inr.png) center no-repeat; font-size: 18px; height: 180px; line-height: 28px; padding: 50px 80px; box-sizing: border-box; text-indent: 2em;}
.title{text-align: center; margin: 30px 0;}
.video{background: url(../images/videobg.png) center 1700px no-repeat; padding-bottom: 30px;}
.video li{margin-top: 100px; margin-right: 10px; width: 598px; height: 326px; box-sizing: border-box; position: relative; padding: 38px 60px 0 45px;} 
.video li:nth-child(2n){margin-right: 0;}
.video li .name{color: #fff; font-weight: bold; font-size: 24px; margin-left: 8px; margin-bottom: 13px;}
.video li .name span{font-weight: normal; font-size: 17px; margin-left: 20px;>}
.video li .medal{background: url(../images/gold.png) center no-repeat; width: 99px; height: 98px; line-height: 90px; font-weight: bold; color: #6f3f17; font-size: 24px; text-align: center; position: absolute; right: 30px; top: 60px; z-index: 10;}
.video li .teach{position: absolute; top: -89px; right: 31px;}
.video li p b{position: relative; top: -2px; width: 5px; height: 5px; border-radius: 50%; background-color: #aaa; display: inline-block; margin-right: 5px;}
.video li dl{margin-top: 40px;}
.video li dt{margin-bottom: 10px;}
.video li dt a{font-size: 20px; font-weight: bold; color: #fff;}
.video li dd{line-height: 20px; max-width: 260px; min-width: 240px; /* margin-right: 10px */; margin-top: 8px;}
.video li dd a{color: #fff;}
.video li dt a:hover,.video li dd a:hover{opacity: .8;}
.video li dd:nth-child(2n-1){margin-right: 0;}
.video li dd img{margin-right: 4px;}
.video li.pink{background: url(../images/pink.png) center no-repeat;}
.video li.pink .name span{color: #db4444;}
.video li.purple{background: url(../images/purple.png) center no-repeat;}
.video li.purple .name span{color: #773cdc;}
.video li:hover{transform: translateY(-3px);}
.flower{background: url(../images/line.png) center 133px no-repeat;}
.flower .flex{display: flex; flex-wrap: wrap; justify-content: space-evenly;}
.flower .flex .box{width: 288px; height: 234px; color: #fff; padding-top: 3px;box-sizing: border-box; display: flex; flex-direction: column; margin-top: 20px;}
.flower .flex .box h3{text-align: center;margin-bottom: 45px;}
.flower .flex .box h2, .flower .flex .box p{margin-left: 64px;}
.flower .flex .box p{font-size: 16px; margin-top: 20px;}
.flower .flex .box:nth-child(1){background: url(../images/box-1.png) center no-repeat;}
.flower .flex .box:nth-child(2){background: url(../images/box-2.png) center no-repeat;}
.flower .flex .box:nth-child(3){background: url(../images/box-3.png) center no-repeat;}
.flower .flex .box:nth-child(4){background: url(../images/box-4.png) center no-repeat;}
.flower .flex .box:nth-child(5){background: url(../images/box-8.png) center no-repeat; margin-top: 48px;}
.flower .flex .box:nth-child(6){background: url(../images/box-7.png) center no-repeat; margin-top: 48px;}
.flower .flex .box:nth-child(7){background: url(../images/box-6.png) center no-repeat; margin-top: 48px;}
.flower .flex .box:nth-child(8){background: url(../images/box-5.png) center no-repeat; margin-top: 48px;}

.common{background: url(../images/mid.png) center top no-repeat;}
.common .flex{display: flex; justify-content: space-evenly; align-items: center;}
.common .flex div{box-sizing: border-box; padding: 180px 0 0; text-align: center; width: 276px; height: 326px;}
.common .flex div:nth-child(1){background: url(../images/b1.png) no-repeat; color: #db4444;}
.common .flex div:nth-child(2){background: url(../images/b2.png) no-repeat; color: #773cdc;}
.common .flex div:nth-child(3){background: url(../images/b3.png) no-repeat; color: #db4444;}
.common .flex div:nth-child(4){background: url(../images/b4.png) no-repeat; color: #773cdc;}
.common .flex div:hover{transform: scale(1.05);}
.common .flex div h3{margin-bottom: 10px;}

.point{background: url(../images/circle.png) center no-repeat; position: relative; height: 385px;}
.point div{width: 475px; height: 72px; line-height: 72px; position: absolute; box-sizing: border-box; padding-left: 80px;}
.point div.q1{background: url(../images/q1.png) center no-repeat;}
.point div.q2{background: url(../images/q2.png) center no-repeat;}
.point div.a1{
    top: 20px;
}
.point div.a2{
    top: 120px;
}
.point div.a3{
    top: 220px;
}
.point div.a4{left: 385px;top: 327px;}
.point div.a5{left: 750px;top: 20px;}
.point div.a6{left: 750px;top: 120px;}
.point div.a7{left: 750px;top: 220px;}
.point div:hover{
    -webkit-animation: image 0.4s alternate;
  }
  @-webkit-keyframes image {
    0%, 100% {-webkit-transform: rotate(0deg);}
    25% {-webkit-transform: rotate(3deg);}
    50% {-webkit-transform: rotate(-3deg);}
    75% {-webkit-transform: rotate(3deg);}
    85% {-webkit-transform: rotate(-5deg);}
  }
.grow{background: url(../images/snow.png) center no-repeat; height: 850px;}
.grow .wrap{ height: 850px;}
.grow .box{width: 350px;height: 234px;box-sizing: border-box;padding-top: 126px;padding-left: 59px;}
.grow .box-1{background: url(../images/c1.png) center no-repeat;padding-top: 132px;padding-right: 10px;margin-top: 51px;}
.grow .box-2{background: url(../images/c3.png) center no-repeat;margin-top: 110px;padding-top: 115px;padding-right: 10px;}
.grow .box-3{background: url(../images/c2.png) center no-repeat;position: relative;right: -800px;top: -584px;padding-top: 132px;padding-left: 30px;padding-right: 34px;}
.grow .box-4{background: url(../images/c4.png) center no-repeat;position: relative;right: -800px;top: -464px;padding-left: 30px;padding-top: 115px;padding-right: 35px;}

.growth{background: url(../images/bg.png) center bottom no-repeat; height: 799px;}
.growth .number{background: url(../images/number.png) center -70px no-repeat; height: 615px; padding-top: 90px; padding-left: 30px; box-sizing: border-box;}
.growth .number div{height: 64px; line-height: 64px; font-size: 20px; padding-left: 48px; margin-bottom: 20px;}
.growth .number div:hover{transform: translate(-1px,-1px);}
.growth .number div:nth-child(1){background: url(../images/d1.png) left center no-repeat;}
.growth .number div:nth-child(2){background: url(../images/d2.png) left center no-repeat;}
.growth .number div:nth-child(3){background: url(../images/d3.png) left center no-repeat;}
.growth .number div:nth-child(4){background: url(../images/d4.png) left center no-repeat;}
.growth .number div:nth-child(5){background: url(../images/d5.png) left center no-repeat;}

.power{background: url(../images/bot.png) center no-repeat; height: 527px;}
.power .boxs{display: flex; flex-wrap: wrap; margin-top: 50px;}
.power .boxs .box{width: 380px; height: 106px; box-sizing: border-box; padding: 35px 0 0 115px; margin-right: 34px; margin-bottom: 26px;}
.power .boxs .box p{color: #999; font-size: 14px; margin-top: 4px;}
.power .boxs .box-1{background: url(../images/e1.png) center no-repeat;}
.power .boxs .box-2{background: url(../images/e2.png) center no-repeat;}
.power .boxs .box-3{background: url(../images/e3.png) center no-repeat; margin-right: 0;}
.power .boxs .box-4{background: url(../images/e4.png) center no-repeat;}
.power .boxs .box-5{background: url(../images/e5.png) center no-repeat;}
.power .boxs .box-6{background: url(../images/e6.png) center no-repeat; margin-right: 0;}
.bot .tel{background: url(../images/tel.png) center no-repeat; text-align: center; font-weight: bold; font-size: 30px; color: #fff; height: 70px; line-height: 70px; margin-top: 50px;}
.bot p{text-align: center; margin: 20px 0;}