* {
  margin: 0;
  padding: 0;
}

body {
  background-color: white;
  cursor: none !important;
  z-index: 1;
  transition: all .5s;
  width: 100vw;
  overflow-x: hidden;
}

h1 {
  font-size: 5.2vw;
}



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

.w h1 {
  margin-top: 1vw;
}

.text-CN {
  letter-spacing: 0.05vw;
  font-size: 2.1vw;
  font-weight: 540;
  width: 54vw;
  display: block;
}

.text-EN {
  letter-spacing: 0.05vw;
  margin: 2vw 0 .5vw 0;
  font-size: 1.88vw;
  display: block;
  width: 54vw;
  font-weight: 300;
}

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

.orange-circle img {
  left: -1vw;
  top: 8vw;
  position: absolute;
  width: 5vw;
  height: 5vw;
}

.project-part {
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
  transition: all .5s;
  border-radius: 0.8vw;
  border: 0.3vw solid #9BD377;
  text-align: center;
  line-height: 5.5vw;
  font-size: 2.3vw;
  font-weight: 550;
  letter-spacing: 0.1vw;
  box-sizing: border-box;
}

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

.text a {
  margin-top: 2.5vw;
  width: 22vw;
}


/*img-part*/
.img-part .w {
  margin-top: 15vw;
  width: 85vw;
  display: flex;
  justify-content: space-between;
}

.title-img img {
  width: 12vw;
  height: 11vw;
}

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

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

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

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


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

.aline img {
  vertical-align: middle;
}

.aline-i1 {
  width: 15vw;
  height: 0.3vw;
}

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


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

.MET .w {
  width: 85vw;
}

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

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

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

.MET-img1 {
  z-index: -1;
  position: absolute;
  top: 8.5vw;
  left: 12vw;
  width: 15vw;
  height: 1vw;
}

.MET-img2 {
  z-index: -1;
  position: absolute;
  top: 9vw;
  left: 30vw;
  width: 3vw;
  height: 3vw;
}

.MET-img3 {
  position: absolute;
  top: 2vw;
  left: 70vw;
  height: 12vw;
  width: 13vw;
}

.MET-part {
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  overflow: hidden;
  transition: all .5s;
  position: relative;
  margin-top: 1vw;
  width: 15vw;
  border-radius: 0.2vw;
  border: 0.2vw solid #F9C669;
  text-align: center;
  line-height: 3vw;
  font-size: 1.3vw;
  font-weight: 550;
  letter-spacing: 0.1vw;
}

.MET-part-circle {
  transition: all .5s;
  top: 5vw;
  z-index: -1;
  position: absolute;
  border-radius: 9vw;
  width: 18vw;
  height: 18vw;
  background-color: #F9C669;
}

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

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

.fly-title-top {
  margin-left: 5vw;
}

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

.fly-title-buttom span {
  margin: 2vw 0.1vw;
  line-height: 4vw;
  display: inline-block;
  font-size: 4vw;
  color: #FFC782;
  vertical-align: -0.4vw;
}

.fly-title-buttom .s-span {
  margin-right: 1vw;
  vertical-align: -0.2vw;
}

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

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

.fly-title-buttom1 .s-span {
  margin: 0 1.5vw 0 1vw;
  vertical-align: -0.5vw;
}

.paperfly {
  position: absolute;
  top: 0vw;
  left: 2vw;
  width: 7vw;
  height: 3vw;
}

.fly-title-buttom .rowing1 {
  margin-left: 1vw;
}

.fly-title-buttom .rowing2 {
  margin-left: 1vw;
}

.fly-title-buttom1 .rowing3 {
  margin-left: 1vw;
}

.fly-right {
  position: absolute;
  top: 61vw;
  left: 71vw;
  width: 13vw;
  height: 5vw;
  z-index: -1;
}

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

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

.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;
}

.book-normal {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.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: 12vw;
  height: 8vw;
}

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

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

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

.greenline {
  top: 11vw;
  left: 10vw;
  position: absolute;
  width: 62vw;
  height: 0.3vw;
  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;
  align-items: center;
}

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

.service-same {
  letter-spacing: 0.1vw;
  background-color: white;
  text-align: center;
  line-height: 3.5vw;
  font-size: 1.5vw;
  margin: 1.6vw 0;
  width: 15vw;
  padding: .3vw .8vw;
  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: 2vw;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 13vw;
  height: 13vw;
  line-height: 130%;
  letter-spacing: .2vw;
  border-radius: 50%;
  background-color: #9DE787;
  text-align: center;
}

.unshow {
  visibility: hidden;
}

.service .w img {
  position: absolute;
}

.sg-circle1 {
  height: 4vw;
  width: 4vw;
  top: 4vw;
  left: 19vw;
  z-index: -1;
}

.sg-circle2 {
  height: 4vw;
  width: 4vw;
  top: 22.5vw;
  left: 67vw;
  z-index: -1;
}

.so-circle1 {
  height: 1.3vw;
  width: 1.3vw;
  top: 5vw;
  left: 73.7vw;
}

.so-circle2 {
  height: 1.3vw;
  width: 1.3vw;
  top: 23vw;
  left: 17vw;
}

.so-circle3 {
  height: 1.3vw;
  width: 1.3vw;
  top: 19.5vw;
  left: 52vw;
}

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

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

.ssm-l {
  width: 20vw;
  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;

  width: 15vw;
  border-radius: 0.5vw;
  border: 0.2vw solid #FFC782;
}

.service-same.service-same-right {
  letter-spacing: 0.1vw;
  background-color: white;
  text-align: center;
  line-height: 3.5vw;
  font-size: 1.5vw;
  margin: 0;
  width: 15vw;
  padding: .3vw .8vw;
  border-radius: 0.5vw;
  border: 0.2vw solid #FFC782;
}

.ssm-m-circle {
  font-size: 2.5vw;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 13vw;
  height: 13vw;
  line-height: 130%;
  letter-spacing: .2vw;
  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: 4vw;
  width: 4vw;
  top: 8vw;
  left: 15vw;
}

.study-service-ocircle1 {
  position: absolute;
  height: 1.3vw;
  width: 1.3vw;
  top: 0vw;
  left: 34vw;
}

.study-service-ocircle2 {
  position: absolute;
  height: 1.3vw;
  width: 1.3vw;
  top: 18.5vw;

  left: 62vw;
}

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

.study-service-ocircle-1 {
  position: absolute;
  height: 1vw;
  width: 1vw;
  top: 8vw;
  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: 20vw;
  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;
  padding: .1vw 0;
  width: 15vw;
  border-radius: 0.5vw;
  border: 0.2vw solid #FFC782;
}

.lsm-m-circle {
  font-size: 2.5vw;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 13vw;
  height: 13vw;
  line-height: 130%;
  letter-spacing: .2vw;
  border-radius: 50%;
  background-color: #9DE787;
  text-align: center;
  margin-top: 1vw;
}

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

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

.life-service-bottom {
  display: flex;
  justify-content: center;
}

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

.life-service-ocircle-1 {
  z-index: -1;
  position: absolute;
  height: 1.3vw;
  width: 1.3vw;
  top: 14vw;
  left: 34vw;
}


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

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

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

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

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

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

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

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

.AIsm-l {
  width: 20vw;
  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;

  width: 15vw;
  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 {
  display: flex;
  justify-content: center;
}

.service-same.ai-source {
  margin-top: 1vw;
}

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

}

.AIsm-m-circle {
  font-size: 2.4vw;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 13vw;
  height: 13vw;
  line-height: 130%;
  letter-spacing: .2vw;
  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: 4vw;
  left: 17vw;
  width: 4vw;
  height: 4vw;
}

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

.AI-service-ocircle-1 {
  z-index: -1;
  position: absolute;
  top: 7vw;
  left: 72vw;
  width: 1.3vw;
  height: 1.3vw;
}

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

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

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

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

.service-same.ai-agent {
  margin-bottom: 4vw;
}

.AI-make-circle {
  font-size: 2.2vw;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 13vw;
  height: 13vw;
  line-height: 130%;
  letter-spacing: .2vw;
  border-radius: 50%;
  background-color: #9DE787;
  text-align: center;
}

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

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

.AI-make-left-1 .service-same {
  float: right;
  margin-top: 8vw;
  margin-bottom: 0;

}

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

.AI-make-right-1 .service-same {
  margin-top: 8vw;
  margin-bottom: 0;
}

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

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


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

.AI-make-ocircle {
  position: absolute;
  width: 1.3vw;
  height: 1.3vw;
  top: 22vw;
  left: 46vw;
}

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

.stars-div {
  overflow: hidden;
  position: relative;
  bottom: 1vw;
}

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

}

.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.8vw;
  letter-spacing: 0.2vw;
  font-weight: 700;
  display: flex;
  justify-content: space-around;
  margin-top: 1vw;
}

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

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

}

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

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

.newaline .w {
  width: 80vw;
}

.newaline img {
  vertical-align: middle;
}

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

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

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

.last-top {
  margin-left: 8vw;
}

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

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

.last-bottom span {
  margin: 2vw 0.1vw;
  line-height: 4vw;
  display: inline-block;
  font-size: 4vw;
  color: #FFC782;
  vertical-align: -0.4vw;
}

.last-bottom .s-span {
  margin-right: 1vw;
  vertical-align: -0.2vw;
}

.last-bottom .rowing4 {
  margin-left: 1vw;
}

.last-fly {
  z-index: -1;
  position: absolute;
  width: 7vw;
  height: 3vw;
  top: 0vw;
  left: 4vw;
}

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

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

.right-nav a {
  display: block;
}

.right-nav div {
  font-size: 1.2vw;
  background-color: white;
  transition: all .5s;
  text-align: center;
  line-height: 3vw;
  margin-top: 1vw;
  width: 15vw;
  height: 3vw;
  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 1.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;
  display: flex;
  position: relative;
  justify-content: space-between;
}

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

.consult-circle .consult-gcircle {
  transition: all .5s;
  border-radius: 13vw;
  width: 26vw;
  height: 26vw;
  position: absolute;
  top: 20vw;
  background-color: #C9FF85;
}

.consult-circle span {
  mix-blend-mode: difference;
}

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

.consult-bottom a {
  left: 0;
  top: 0;
  transition: all .5s;
  position: relative;
}

.consult-bottom a div {
  display: flex !important;
  justify-content: center;
  overflow: hidden;
  transition: all .5s;
  position: relative;
  margin: 1vw;
  display: inline-block;
  padding: 1vw 2vw;
  border-radius: 2vw;
  border: 1px solid black;
}

.consult-bottom a div span {
  color: white;
  mix-blend-mode: difference;
}

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

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

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

.consult-bottom div div {
  z-index: -1;
  position: absolute;
  top: 4vw;
  width: 12vw;
  height: 14vw;
  transition: all .5s;
  border-radius: 12vw;
  background-color: black;
}

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

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

@keyframes animation {
  0% {
    top: -5vh;
  }

  100% {
    top: -105vh;
  }
}



@keyframes project-scroll {
  100% {
    top: 20vw;
  }
}