h1{
  font-size: 5vw;
}

/*text*/
.text .w{
  margin-top: 10vw;
  width:75vw;
  display: flex;
  flex-direction: column;
  position: relative;
  animation-name: happenNow;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.text-CN{
  margin: 2vw 0;
  font-size: 3vw;
  font-weight: 540;
  width: 54vw;
  letter-spacing: 0.1vw;/*文字间距*/
  display: block;
}

.text-EN{
  letter-spacing: 0.06vw;
  margin: 1.5vw 0;
  font-size: 2vw;
  display: block;
  width: 58vw;
  font-weight: 300;
}

.orange-circle{
  z-index: -1;
  position: absolute;
  top: 25.5vw;
  left: -2vw;
}

.orange-circle img{
  width: 5vw;
  height: 5vw;
}

.project-part{
  margin-top: 3vw;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
  transition: all .5s;
  padding: 3vw 0;
  border-radius: 0.2vw;
  border: 0.5vw solid #9BD377;
  text-align: center;
  line-height: 3.5vw;
  font-size: 3.5vw;
  font-weight: 550;
  letter-spacing: 1vw;
}

.project-part-circle{
  transition: all .5s;
  top: 20vw;
  z-index: -1;
  position: absolute;
  border-radius: 10vw;
  width: 20vw;
  height: 20vw;
  background-color: #9BD377;
}


.text a{
  margin-top: 0.5vw;
}


/*img-part*/
.img-part .w{
  grid-row-gap:3vw;
  flex-wrap: wrap;
  margin-top: 15vw;
  width: 85vw;
  display: flex;
  justify-content: space-around;
}

.title-img img{
  width: 52vw;
  height: 40vw;
}

.part1{
  display: flex;
  align-items: center;
  flex-direction: column;
}

.title{
  margin-top: 0.5vw;
  font-size: 4.5vw;
  letter-spacing: 0.3vw;
  font-weight: 600;
}

.title-choose {
  margin: 1.5vw 0;
  display: flex;
  justify-content: space-around;
  grid-column-gap: 12vw;
}

.title-choose div{
  padding: 1vw;
  font-size: 3vw;
  font-weight: 550;
  text-align: center;
  line-height: 5vw;
  border-radius: 0.3vw;
  border: 0.1vw solid #9DE787;
  background-color: #9DE787;
  width: 22vw;
  letter-spacing: 0.1vw;
}


/*aline*/
.aline{
  margin: 5vw 0;
}

.aline img{
  vertical-align: middle;
}

.aline-i1{
  width: 40vw;
  height: 1vw;
}

.aline-i2{
  width: 1vw;
  height: 1vw;
}


/*MET*/
.MET{
  position: relative;
}

.MET .w{
  position: relative;
  width: 85vw;
}

.MET-title{
  line-height: 1.3vw;
  font-weight: 550;
  font-size: 3vw;
}

.MET-star{
  height: 3.5vw;
  width: 3.5vw;
  vertical-align: -0.3vw;
}

.MET-text{
  letter-spacing: 0.1vw;
  width: 65vw;
  font-size: 7vw;
  font-weight: 600;
}

.MET-img1{
  z-index: -1;
  position: absolute;
  top: 18.5vw;
  left: 16vw;
  width: 27vw;
  height: 3vw;
}

.MET-img2{
  z-index: -1;
  position: absolute;
  top: 22vw;
  left: 52vw;
  width: 7vw;
  height: 7vw;
}

.MET-img3{
  position: relative;
  top: 2vw;
  left: 20vw;
  height: 40vw;
  width: 40vw;
}

.MET-part{
  padding: 2vw 0;
  margin-top: 1vw;
  width: 65vw;
  border-radius: 0.2vw;
  border: 0.5vw solid #F9C669;
  text-align: center;
  line-height: 4vw;
  font-size: 4vw;
  font-weight: 550;
  letter-spacing: 0.1vw;
}

/*fly*/
.fly .w{
  width: 85vw;
  margin-top: 5vw;
  position: relative;
  margin-bottom: 10vw;
}

.fly-title{
  overflow: hidden;
  font-size: 4vw;
  letter-spacing: 0.1vw;
  font-weight: 600;
  margin-bottom: 3vw;
}

.fly-titlt-top{
  float: left;
}

.fly-title-buttom{
  float: right;
  letter-spacing: 0.2vw;
}

.fly-title-buttom1{
  float: right;
  letter-spacing: 0.2vw;
}

.fly-title-buttom1 span{
  margin: 0 0.5vw;
  line-height: 3vw;
  display: inline-block;
  font-size: 5vw;
  color: #FFC782;
  vertical-align:-0.4vw;
}

.fly-title-buttom span{
  margin: 0 0.5vw;
  line-height: 3vw;
  display: inline-block;
  font-size: 5vw;
  color: #FFC782;
  vertical-align:-0.4vw;
}

.paperfly{
  position: absolute;
  top: -0.3vw;
  left: -3vw;
  width: 8vw;
  height: 4vw;
}

.fly-right{
  position: absolute;
  top: 59.5vw;
  left: 81vw;
  width: 8vw;
  height: 4vw;
}

.fly-circle{
  position: absolute;
  top: 4vw;
  left: 82vw;
  z-index: -1;
  height: 5vw;
  width: 5vw;
}

.fly-circle-1{
  position: absolute;
  top: 54vw;
  left: -1vw;
  z-index: -1;
  height: 3vw;
  width: 3vw;
}

.fly-school{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.fly-school .w{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.fly-school-box{
  gap: 1.5vw;
  display: flex;
  justify-content: space-around;
  margin-top: 2vw;
}

.fly-school-box img{
  max-width: 100%;
  height: auto;
}

.set-books{
  display: flex;
  justify-content: space-around;
}

.set-books .book-special{
  height: 50vw;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.set-books div img{
  height: 15vw;
  width: 12vw;
}

.book-special .unshow:nth-child(1){
  margin-bottom: 6vw;
}

.book-special .unshow:nth-child(4){
  margin-top: 6vw;
}

/*new logo*/
.new-logo .w{
  overflow: hidden;
  position: relative;
  margin-bottom: 10vw;
  width: 85vw;
}

.new-logo .w .logoo{
  margin-top: 5vw;
  width: 24vw;
  height: 16vw;
}

.new-logo .w .study{
  width: 20vw;
  height: 20vw;
  float: right;
}

.greenpoint{
  width: 1vw;
  height: 1vw;
  position: absolute;
  top: 13.9vw;
  left: 36vw;
  vertical-align: middle;
}

.yellowline{
  position: absolute;
  top: 14vw;
  left: 37vw;
  width: 44vw;
  height: 0.65vw;
  z-index: -1;
}

.greenline{
  top: 11vw;
  left: 30vw;
  position: absolute;
  width: 37vw;
  height: 0.5vw;
  z-index: -1;
}

/*service*/
.service .w{
  width: 89vw;
  position: relative;
  margin-bottom: 12vw;
}

.service-top{
  display: flex;
  justify-content: space-around;
}


.service-middle{
  display: flex;
  justify-content: space-around;
  margin: 2vw 0;
}

.service-bottom{
  display: flex;
  justify-content: space-around;
}

.service-same{
  letter-spacing: 0.1vw;
  background-color: white;
  text-align: center;
  line-height: 5.2vw;
  font-size: 2vw;
  font-weight: 600;
  width: 20vw;
  border-radius: 0.5vw;
  border: 0.2vw solid #FFC782;
}

.sm-text{
  flex-direction: column;
  display: flex;
  justify-content: space-between;
}

.big-circle div{
  font-size: 3vw;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 15vw;
  height: 15vw;
  border-radius: 50%;
  background-color: #9DE787;
  text-align: center;
}

.unshow{
  visibility: hidden;
}

.service .w img{
  position: absolute;
}

.sg-circle1{
  height: 5vw;
  width: 5vw;
  top: 2.5vw;
  left: 16vw;
  z-index: -1;
}

.sg-circle2{
  height: 5vw;
  width: 5vw;
  top: 23vw;
  left: 68vw;
  z-index: -1;
}

.so-circle1{
  height: 1vw;
  width: 1vw;
  top: 6vw;
  left: 75vw;
}

.so-circle2{
  height: 1vw;
  width: 1vw;
  top: 23.5vw;
  left: 16vw;
}

.so-circle3{
  height: 1vw;
  width: 1vw;
  top: 21vw;
  left: 51vw;
}

/*study-service*/
.study-service .w{
  margin-bottom: 12vw;
  position: relative;
  width: 85vw;
}

.study-service-main{
  display: flex;
  justify-content: space-around;
}

.ssm-l{
  width: 25vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.service-same1{
    letter-spacing: 0.1vw;
    background-color: white;
    text-align: center;
    font-size: 1.3vw;
    font-weight: 600;
    width: 15vw;
    border-radius: 0.5vw;
    border: 0.2vw solid #FFC782;
}

.ssm-m-circle{
  font-size: 3vw;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 15vw;
  height: 15vw;
  border-radius: 50%;
  background-color: #9DE787;
  text-align: center;
}

.ssm-l-bottom1 div{
  float: right;
}

.ssm-l-top2 div{
  float: right;
}

.study-service-bottom{
  margin-top: 2vw;
  display: flex;
  justify-content: center;
}

.study-service-gcircle{
  position: absolute;
  z-index: -1;
  height: 5vw;
  width: 5vw;
  top: 12vw;
  left: 9vw;
}

.study-service-ocircle1{
  position: absolute;
  height: 1vw;
  width: 1vw;
  top: 3vw;
  left: 32vw;
}

.study-service-ocircle2{
  position: absolute;
  height: 1vw;
  width: 1vw;
  top: 18vw;
  left: 66vw;
}

.study-service-gcircle-1{
  position: absolute;
  z-index: -1;
  height: 4vw;
  width: 4vw;
  top: 13vw;
  left: 70vw;
}

.study-service-ocircle-1{
  position: absolute;
  height: 1vw;
  width: 1vw;
  top: 13vw;
  left: 35vw;
}


/*life-service*/
.life-service .w{
  margin-bottom: 12vw;
  position: relative;
  width: 85vw;
}

.life-service-main{
  display: flex;
  justify-content: space-around;
}

.lsm-l{
  width: 27vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.service-same1{
    letter-spacing: 0.1vw;
    background-color: white;
    text-align: center;
    font-size: 1.3vw;
    font-weight: 600;
    width: 15vw;
    border-radius: 0.5vw;
    border: 0.2vw solid #FFC782;
}

.lsm-m-circle{
  font-size: 3vw;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 15vw;
  height: 15vw;
  border-radius: 50%;
  background-color: #9DE787;
  text-align: center;
}

.lsm-l-bottom1 div{
  float: right;
}

.lsm-l-top2 div{
  float: right;
}

.life-service-bottom{
  margin-top: 2vw;
  display: flex;
  justify-content: center;
}

.life-service-gcircle-1{
  z-index: -1;
  position: absolute;
  height: 4vw;
  width: 4vw;
  top: 8vw;
  left: 66vw;
}

.life-service-ocircle-1{
  z-index: -1;
  position: absolute;
  height: 1vw;
  width: 1vw;
  top: 9vw;
  left: 35vw;
}


/*think*/
.think .w{
  position: relative;
  width: 85vw;
  margin-bottom: 10vw;
}

.think-img{
  width: 20vw;
  height: 20vw;
}

.think-gline{
  z-index: -1;
  position: absolute;
  width: 52vw;
  height: 0.5vw;
  top: 13vw;
  left: 13vw;
}

.think-yline{
  z-index: -1;
  position: absolute;
  width: 23vw;
  height: 0.3vw;
  top: 15vw;
  left: 12vw;
}

.think-gpoint{
  z-index: -1;
  position: absolute;
  width: 1vw;
  height: 1vw;
  top: 14.8vw;
  left: 35.5vw;
}

.think-logo{
  margin-top: 3vw;
  float: right;
  height: 15vw;
  width: 15vw;
}

/*AI-service*/
.AI-service .w{
  margin-bottom: 12vw;
  position: relative;
  width: 85vw;
}

.AI-service-main{
  display: flex;
  justify-content: space-around;
}

.AIsm-l{
  width: 27vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.service-same1{
    letter-spacing: 0.1vw;
    background-color: white;
    text-align: center;
    font-size: 2vw;
    font-weight: 600;
    width: 20vw;
    border-radius: 0.5vw;
    border: 0.2vw solid #FFC782;
}

.AIsm-m-circle{
  font-size: 1.7vw;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 10vw;
  height: 10vw;
  border-radius: 50%;
  background-color: #9DE787;
  text-align: center;
}

.AIsm-l-bottom1 div{
  float: right;
}

.AIsm-l-top2 div{
  float: right;
}

.AI-service-bottom{
  margin-top: 2vw;
  display: flex;
  justify-content: center;
}

.AI-service-top{
  display: flex;
  justify-content: space-around;
  margin-bottom: 2vw;
}

.AIsm-m-circle{
  font-size: 3vw;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 15vw;
  height: 15vw;
  border-radius: 50%;
  background-color: #9DE787;
  text-align: center;
}

.AIsm-m-circle p span{
  vertical-align: 0.1vw;
}

.AI-service-gcircle-1{
  z-index: -1;
  position: absolute;
  top: 2.5vw;
  left: 14vw;
  width: 5vw;
  height: 5vw;
}

.AI-service-gcircle-2{
  z-index: -1;
  position: absolute;
  top: 20vw;
  left: 71vw;
  width: 5vw;
  height: 5vw;
}

.AI-service-ocircle-1{
  z-index: -1;
  position: absolute;
  top: 4vw;
  left: 69vw;
  width: 1vw;
  height: 1vw;
}

.AI-service-ocircle-2{
  z-index: -1;
  position: absolute;
  top: 24vw;
  left: 16vw;
  width: 1vw;
  height: 1vw;
}

.AI-service-ocircle-3{
  z-index: -1;
  position: absolute;
  top: 18vw;
  left: 50vw;
  width: 1vw;
  height: 1vw;
}

/* ----------------------------------- */
.AI-make .w{
  width: 79vw;
  position: relative;
  display: flex;
  ;justify-content: space-around;
}

.AI-make-middle{
  display: flex;
  align-items: center;
  flex-direction: column;
}

.AI-make-circle{
  margin-top: 2vw;
  font-size: 3vw;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 15vw;
  height: 15vw;
  border-radius: 50%;
  background-color: #9DE787;
  text-align: center;
}

.AI-make-left{
  width: 27vw;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.AI-make-left-1{
  overflow: hidden;
}

.AI-make-left-1 .service-same{
  float: right;
}

.AI-make-right{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 27vw;
}

.AI-make-right-2{
  overflow: hidden;
}

.AI-make-right-2 .service-same{
  float: right;
}

.AI-make-gcircle{
  z-index: -1;
  position: absolute;
  width: 5vw;
  height: 5vw;
  top: 3vw;
  left: 15vw;
}

.AI-make-ocircle{
  position: absolute;
  width: 1vw;
  height: 1vw;
  top: 19vw;
  left: 47vw;
}

/* show-part */
.show-part .w{
  margin-top: 8vw;
  width: 95vw;
  position: relative;
  margin-bottom: 18vw;
}

.stars-div{
  overflow: hidden;
}

.stars{
  float: right;
  width: 30vw;
  height: 8vw;
}

.show-text{
  margin-top: 5vw;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}

.show-text img{
  width: 60vw;
  height: 15vw;
}

.show-img{
  display: block;
}

.show-introduce{
  text-align: center;
  width: 80vw;
  font-size: 1.5vw;
  letter-spacing: 0.2vw;
  font-weight: 700;
  display: flex;
  justify-content: space-around;
}

.show-border{
  z-index: -1;
  position: absolute;
  width: 90vw;
  height: 34vw;
  top: 5.5vw;
  left: 2vw;
}

.show-part-gstar{
  position: absolute;
  width: 5vw;
  height: 5vw;
  top: 38vw;
  left: 5vw;
}

.show-part-ostar{
  position: absolute;
  width: 2vw;
  height: 2vw;
  top: 40vw;
  left: 10vw;
}

/*newaline*/
.newaline{
  margin: 5vw 0;
}

.newaline .w{
  width: 80vw;
}

.newaline img{
  vertical-align: middle;
}

.newaline-i1{
  width: 60vw;
  height: 1vw;
}

.newaline-i2{
  width: 1vw;
  height: 1vw;
}

/*last-introduce*/
.last-introduce .w{
  position: relative;
  width: 85vw;
}

.last-title{
  overflow: hidden;
    font-size: 4vw;
    letter-spacing: 0.1vw;
    font-weight: 600;
    margin-bottom: 3vw;
}

.last-bottom{
  float: right;
    letter-spacing: 0.2vw;
}

.last-bottom span{
    margin: 0 0.5vw;
    line-height: 3vw;
    display: inline-block;
    font-size: 5vw;
    color: #FFC782;
    vertical-align: -0.4vw;
}

.last-fly{
  position: absolute;
  width: 8vw;
  height: 4vw;
  top: 0vw;
  left: -3vw;
}

.last-gcircle{
  z-index: -1;
  position: absolute;
  height: 5vw;
  width: 5vw;
  top: 4vw;
  left: 82vw;
}

.right-nav {
  z-index: 10000;
  position: fixed;
  bottom: 5vw;
  right: -3vw;
}

.right-nav div {
  font-size: 2.5vw;
  background-color: white;
  transition: all .5s;
  text-align: center;
  line-height: 7vw;
  margin-top: 1vw;
  width: 25vw;
  height: 7vw;
  border-radius: 3.5vw;
  border: 1px solid black;
}

.right-nav div span {
  color: white;
  mix-blend-mode: difference;
}

.right-nav .right-nav-first {
  border: 1px solid black;
  text-align: start;
}

.right-nav .right-nav-first .hands {
  border: none;
  margin: 0 2.4vw;
  text-align: center;
  line-height: 2vw;
  width: 2vw;
  height: 2vw;
  display: inline-block;
  border-radius: 50%;
  background-color: #f7f7f7;
}

/*consult*/

.consult .w{
  width: 85vw;
  position: relative;
}

.consult-circle{
  transition: all .5s;
  color: white;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  border-radius: 20vw;
  width: 40vw;
  height: 40vw;
  background-color: black;
  position: relative;
}

.consult-left p{
  font-size: 8vw;
  font-weight: 600;
}

.consult-bottom div{
  font-size: 4vw;
  margin: 3vw 0;
  padding: 3vw 4vw;
  text-align: center;
  border: 1px solid black;
}

.consult-bottom div div{
  display: none;
}

.consult-right{
  display: flex;
  justify-content: center;
}

.cc-top{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2vw;
}

.cc-top svg{
  margin-right: 1vw;
}

.cc-bottom{
  font-size: 5vw;
  font-weight: 600;
}


@keyframes happenNow {
  0% {
    opacity: 0;
    transform: translateY(0px)
  }

  100% {
    opacity: 1;
    transform: translateY(-50px)
  }
}