@charset "utf-8";
.banner{position: relative;height: 529px;margin-top: 70px;min-width: 1200px;}
.banner .bannerimg{position: absolute;left: 50%;margin-left: -960px;display: block;}
.banner .banner-main{position: relative;width: 1200px;margin: auto;padding-top: 100px;}
.banner .banner-main h2{margin: 25px 0;}
.title{text-align: center;}
.title h3{font-size: 48px;line-height: 92px;color: #bb96fc;font-weight: 600;}
.main{margin: auto;min-width: 1200px;position: relative;}
.main .backimg{position: absolute;left: 50%;margin-left: -960px;display: block;top: 970px;z-index: -1;}
.experience{display: block;margin: auto;width: 217px;height: 60px;font-size: 24px;line-height: 60px;border-radius: 60px;color: #fff;background-color: #FD97A2;text-align: center;}
.experience:hover{box-shadow: 0 20px 50px #FD97A2;background-color: #ee8a95;}
.cont1{padding: 60px 0 70px;}
.cont1 .cont1-main{margin-top: 52px;}
.cont1 .cont1-main ul{display: flex;}
.cont1 .cont1-main ul li{width: 253px;text-align: center;box-sizing: border-box;border-radius: 13px;}
.cont1 .cont1-main ul:nth-child(n+2){margin-top: 3px;}
.cont1 .cont1-main ul.cont1-top li{background-color: #F9F9F9;height: 98px;font-size: 24px;line-height: 98px;color: #646464;}
.cont1 .cont1-main ul:nth-child(n+2) li{background-color: #ffaa3c;color: #fff;height: 164px;font-size: 20px;line-height: 24px;padding: 44px 30px 0;}
.cont1 .cont1-main ul.cont1-bot li{background-color: #a4cc00;}
.cont1 .cont1-main ul li:first-child{width: 173px;padding: 65px 0 0;}
.cont1 .cont1-main ul li:nth-child(n+2){margin-left: 3px;}
.cont1 .experience{margin-top: 92px;}

.cont2{padding: 145px 0 128px;background-color: #fbfbfb;}
.cont2 .cont2-main{margin-top: 104px;}
.cont2 .cont2-main ul{display: flex;}
.cont2 .cont2-main ul li{width: 277px;height: 487px;position: relative;overflow: hidden;}
.cont2 .cont2-main ul li:nth-child(n+2){margin-left: 30px;}
.cont2 .cont2-main ul li span{position: absolute;top: -382px;height: 382px;background-color: #bb93ff;color: #fff;padding: 116px 18px 0;box-sizing: border-box;font-size: 24px;line-height: 36px;text-align: center;transition: top .5s;border-radius: 7px;}
.cont2 .cont2-main ul li span i{display: block;margin: 46px auto 0;width: 39px;height: 39px;border: 5px solid #fff;border-radius: 50%;line-height: 39px;font-size: 30px;}
.cont2 .cont2-main ul li:hover span{top: 0;}
.cont2 .cont2-main ul li p{font-size: 30px;line-height: 100px;text-align: center;}

.cont3{padding: 58px 0 73px;}
.cont3 .cont3-main{margin-top: 57px;}
.cont3 .cont3-top{display: flex;justify-content: center;}
.cont3 .cont3-top i{position: relative;}
.cont3 .cont3-top i .swing{position: absolute;top: -3px;right: -26px;animation: swing 1s linear 3;}
.cont3 .cont3-top ul{margin-left: 114px;}
.cont3 .cont3-top ul li:first-child{font-size: 36px;background: url(../main/images/online6.jpg) no-repeat;height: 148px;padding: 76px 0 0 188px;box-sizing: border-box;line-height: 73px;margin-bottom: 45px;}
.cont3 .cont3-top ul li:nth-child(n+2){padding-left: 82px;font-size: 24px;line-height: 50px;color: #7b7b7b;position: relative;}
.cont3 .cont3-top ul li:nth-child(n+3){margin-top: 35px;}
.cont3 .cont3-top ul li:nth-child(n+2)::before{content: '∨';width: 40px;height: 40px;border: 5px solid #d9c9ff;border-radius: 50%;line-height: 40px;font-size: 30px;color: #d9c9ff;display: inline-block;text-align: center;position: absolute;left: 0;}
.cont3 .cont3-bot{display: flex;}
.cont3 .cont3-bot ul{margin: 88px 214px 0 150px;}
.cont3 .cont3-bot ul li:first-child{font-size: 36px;line-height: 128px;}
.cont3 .cont3-bot ul li:nth-child(n+2){padding-left: 82px;font-size: 24px;line-height: 50px;color: #7b7b7b;position: relative;}
.cont3 .cont3-bot ul li:nth-child(n+3){margin-top: 35px;}
.cont3 .cont3-bot ul li:nth-child(n+2)::before{content: '×';width: 40px;height: 40px;border: 5px solid #ffaa3c;border-radius: 50%;line-height: 33px;font-size: 40px;color: #ffaa3c;display: inline-block;text-align: center;position: absolute;left: 0;}
.cont3 .experience{margin-top: 90px;}

.cont4{margin: auto;background-color: #d7d8fd;height: 912px;position: relative;}
.cont4 .imgte{position: absolute;left: 50%;margin-left: -960px;display: block;}
.cont4 .title h3{color: #fff;padding-top: 57px;z-index: 1;position: relative;width: 1460px;margin: auto;}
.cont4 .cont4-main{width: 1460px;margin: auto;position: relative;margin-top: 40px;}
.cont4 .cont4-main .swiper-container{width: 1170px;height: 588px;padding-top: 28px;}
.cont4 .cont4-main .swiper-slide{height: 534px;text-align: center;position: relative;background-color: #fff;transition: transform .6s;border-radius: 5px;}
.cont4 .cont4-main .swiper-slide::before{position: absolute;content: '';width: 100%;height: 100%;background: rgba(0,0,0,.3);left: 0;border-radius: 5px;}
.cont4 .cont4-main .swiper-button-prev{top: 243px;left: 0px;}
.cont4 .cont4-main .swiper-button-next{top: 243px;right: 0px;}
.cont4 .cont4-main .swiper-slide p:first-child{text-align: center;background-color: #febb0a;color: #fff;width: 100px;border-top-left-radius: 5px;font-size: 18px;line-height: 43px;}
.cont4 .cont4-main .swiper-slide img{width: 107px;height: 107px;border-radius: 50%;}
.cont4 .cont4-main .swiper-slide p{font-size: 26px;line-height: 54px;}
.cont4 .cont4-main .swiper-slide i{font-size: 18px;line-height: 28px;display: inline-block;padding-left: 26px;background: url(../main/images/language11.png) no-repeat;}
.cont4 .cont4-main .swiper-slide i:nth-child(4){margin-right: 30px;background: url(../main/images/language10.png) no-repeat;}
.cont4 .cont4-main .swiper-slide span{display: block;font-size: 18px;line-height: 28px;text-align: left;margin-top: 20px;color: #999;padding: 0 20px;}
.cont4 .cont4-main .swiper-slide .teabtn{color: #FFFFFF;width: 157px;border-radius: 32px;line-height: 43px;font-size: 22px;display: inline-block;background-color: #7665ae;position: absolute;bottom: 29px;left: 78px;}
.cont4 .cont4-main .swiper-container .swiper-slide-next{transform: scale(1.1);}
.cont4 .cont4-main .swiper-container .swiper-slide-next::before{display: none;}
.swiper-button-next, .swiper-button-prev{width: 35px;height: 55px;background-size: 35px 55px;}

.cont5{background: url(../main/images/language20.png) no-repeat 689px 240px;padding: 70px 0 170px;}
.cont5 .cont5-main{display: flex;margin-top: 10px;}
.cont5 .cont5-main .cont5-right{margin-left: 110px;}
.cont5 .cont5-main .cont5-right ul li{overflow: hidden;margin-top: 88px;width: 464px;}
.cont5 .cont5-main .cont5-right img{float: left;margin-right: 20px;}
.cont5 .cont5-main .cont5-right .tit p{font-size: 34px;line-height: 62px;margin-top: 32px;color: #666;}
.cont5 .cont5-main .cont5-right .tit span{font-size: 18px;line-height: 34px;color: #999;}
.cont5 .experience{margin-top: 125px;}

.cont6{background-color: #f9f9f9;padding: 50px 0 85px;}
.cont6 .title h3{line-height: 74px;}
.cont6 .title span{font-size: 20px;color: #999;}
.cont6 .title span:nth-child(2){margin-right: 75px;}
.cont6 .cont6-main ul{display: flex; justify-content: center;flex-wrap: wrap;margin: 40px 0 75px;}
.cont6 .cont6-main ul li{width: 440px;position: relative;height: 162px;}
.cont6 .cont6-main ul li:nth-child(odd){margin-right: 190px;}
.cont6 .cont6-main ul li:nth-child(n+3){margin-top: 39px;}
.cont6 .cont6-main ul li img{position: absolute;width: 122px;height: 122px;border: 20px solid #ffca48;border-radius: 50%;-moz-box-shadow:0px 0px 20px #EEE8DB; -webkit-box-shadow:0px 0px 20px #EEE8DB; box-shadow:0px 0px 20px #f0be43;}
.cont6 .cont6-main ul li .tita{background-color: #ffca48;margin: 30px 0 0 100px;border-radius: 103px;height: 103px;padding-left: 65px;}
.cont6 .cont6-main ul li .tita a{font-size: 18px;line-height: 36px;color: #fff;margin-top: 20px;display: inline-block;}
.cont6 .cont6-main ul li .tita span{font-size: 13px;line-height: 16px;color: #fff;display: inline-block;padding-right: 13px;}
.cont6 .cont6-main ul li:nth-child(2) img{border: 20px solid #fd97a2;-moz-box-shadow:0px 0px 20px #ef8b96; -webkit-box-shadow:0px 0px 20px #ef8b96; box-shadow:0px 0px 20px #ef8b96;}
.cont6 .cont6-main ul li:nth-child(2) .tita{background-color: #fd97a2;}
.cont6 .cont6-main ul li:nth-child(3) img{border: 20px solid #d6d7fd;-moz-box-shadow:0px 0px 20px #cbccf2; -webkit-box-shadow:0px 0px 20px #cbccf2; box-shadow:0px 0px 20px #cbccf2;}
.cont6 .cont6-main ul li:nth-child(3) .tita{background-color: #d6d7fd;}
.cont6 .cont6-main ul li:nth-child(4) img{border: 20px solid #b1d6ff;-moz-box-shadow:0px 0px 20px #91c4ee; -webkit-box-shadow:0px 0px 20px #91c4ee; box-shadow:0px 0px 20px #91c4ee;}
.cont6 .cont6-main ul li:nth-child(4) .tita{background-color: #b1d6ff;}
.cont6 .cont6-main .allp p{font-size: 20px;line-height: 30px;}

.teavideo{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;z-index: 1;}
.teavideo .video{position: absolute;top: 33.3%;left: 33.3%;z-index: 1;}
.teavideo .video video{width: 640px;height: 360px;}
.teavideo .video .closed{font-size: 22px;font-style: normal;position: absolute;top: 0;right: 0;z-index: 3;font-family: 'SinSum';cursor: default;display: block;width: 30px;height: 30px;line-height: 26px;color: #fff;background: orange;border-radius: 50%;text-align: center;}

@-webkit-keyframes swing{
	0%{transform: rotate(0);}25%{transform: rotate(-30deg);}50%{transform: rotate(0);}75%{transform: rotate(30deg);}100%{transform: rotate(0);}
}
@keyframes swing{
	0%{transform: rotate(0);}25%{transform: rotate(-30deg);}50%{transform: rotate(0);}75%{transform: rotate(30deg);}100%{transform: rotate(0);}
}
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}