.container .nav {
  padding-top: 1.5vw;
  display: flex;
  width: 94%;
  margin: auto;
  border-bottom: 1px solid black;
  justify-content: space-between;
  font-size: 0;
}
.container .nav .left {
  padding-bottom: 0.6vw;
}
.container .nav .left img {
  height: 2vw;
}
.container .nav .right {
  vertical-align: middle;
  text-align: right;
}
.container .nav .right ul {
  list-style: none;
  margin: 0;
  display: flex;
  justify-content: space-around;
}
.container .nav .right ul li {
  text-align: center;
  padding: 0 0.5vw 0.5vw;
  box-sizing: border-box;
  border-bottom: 0.25vw solid transparent;
  margin: 0 1vw;
}
.container .nav .right ul li a {
  color: #000000;
  line-height: 2vw;
  font-family: 'MiSans-Medium';
  font-size: 1.1vw;
}
.container .nav .right ul li:hover {
  border-bottom: 0.25vw solid #1439bd;
}
.container .banner {
  padding-top: 2vw;
  overflow: hidden;
  position: relative;
}
.container .banner .middle {
  display: flex;
  justify-content: space-between;
  font-size: 0;
}
.container .banner .middle img {
  width: 100%;
}
.container .banner .middle .left {
  padding-top: 6vw;
  width: 52%;
  position: relative;
  z-index: 10;
}
.container .banner .middle .right {
  width: 44%;
  position: relative;
  z-index: 3;
}
.container .banner .excellent {
  position: relative;
  margin-top: -4.4vw;
  z-index: 5;
}
.container .banner .excellent img {
  width: 100%;
}
.container .banner .scrollWord img {
  position: absolute;
  z-index: 20;
}
.container .banner .scrollWord .art {
  left: 1.78%;
  top: 9%;
  width: 6.1%;
  animation: art 10s 1s linear infinite;
}
.container .banner .scrollWord .progress {
  top: 11%;
  left: 9.1%;
  width: 15%;
  animation: progressMove 10s 1s linear infinite;
}
.container .banner .scrollWord .xlant {
  left: 44.7%;
  top: 9.2%;
  width: 9.3%;
  animation: xlant 10s 1s linear infinite;
}
.container .banner .scrollWord .design {
  left: 13.7%;
  top: 71%;
  width: 6.9%;
  animation: design 10s 1s linear infinite;
}
.container .banner .scrollWord .inspiration {
  right: 27.7%;
  top: 85%;
  width: 10.6%;
  animation: inspiration 10s 1s linear infinite;
}
.container .banner .scrollWord .innovation {
  right: 0.7%;
  top: 69%;
  width: 10.6%;
  animation: innovation 10s 1s linear infinite;
}
.container .about {
  margin-top: 5vw;
}
.container .about .content {
  width: 80%;
  margin: auto;
}
.container .about .content h3 {
  vertical-align: top;
}
.container .about .content h3 img:first-of-type {
  width: 35%;
  vertical-align: top;
}
.container .about .content h3 img:last-of-type {
  width: 7%;
  vertical-align: top;
}
.container .about .content .word {
  margin-left: 28.5%;
  font-family: "黑体";
  line-height: 2;
  font-size: 1.5vw;
  margin-top: 2vw;
}
.container .about .picture {
  position: relative;
  margin-top: -8.5vw;
  z-index: -1;
}
.container .about .picture .talk {
  width: 40%;
}
.container .about .picture .circle {
  position: absolute;
  left: 6.2%;
  width: 11.2%;
  top: 58.3%;
  animation: rotate 15s linear infinite;
}
.container .case {
  padding-top: 4vw;
}
.container .case .title {
  display: flex;
  justify-content: space-between;
  font-size: 0;
}
.container .case .title > div {
  width: 62%;
  margin-left: 5%;
}
.container .case .title h3 {
  position: relative;
  overflow: hidden;
}
.container .case .title h3 .xlant-case {
  width: 100%;
}
.container .case .title h3 .professional {
  position: absolute;
  width: 12.1vw;
  left: 13.2%;
  top: 19%;
  animation: professional 8s 1s linear infinite;
}
.container .case .title h3 .accurate {
  position: absolute;
  width: 8.1vw;
  left: 11.3%;
  top: 90%;
  animation: accurate 8s 1s linear infinite;
}
.container .case .title h3 .creative {
  position: absolute;
  width: 9.4vw;
  left: 39.9%;
  top: 42%;
  animation: creative 8s 1s linear infinite;
}
.container .case .title p {
  width: 32%;
  margin-left: 6%;
  margin-top: -13vw;
}
.container .case .title p img {
  width: 100%;
}
.container .presentation {
  background-color: #282828;
  border-radius: 0.5vw 0.5vw 0 0;
}
.container .presentation .title {
  width: 100%;
  overflow: hidden;
  padding: 1vw 0;
  border-bottom: 1px solid #7b7b7b;
}
.container .presentation .title .content {
  width: 320%;
  position: relative;
  left: 0;
  display: flex;
}
.container .presentation .title .content .block {
  width: 80%;
  padding-left: 0.5%;
  box-sizing: border-box;
}
.container .presentation .title .content .block img {
  width: 100%;
}
.container .presentation .main {
  padding: 2% 0;
}
.container .presentation .main .content {
  display: flex;
  justify-content: space-around;
}
.container .presentation .main .content .block {
  width: 30%;
}
.container .presentation .main .content .block img {
  width: 100%;
}
@keyframes art {
  0% {
    top: 9%;
  }
  9% {
    top: -10%;
  }
  9.001% {
    top: 100%;
  }
  15% {
    top: 100%;
  }
  100% {
    top: 9%;
  }
}
@keyframes progressMove {
  0% {
    top: 11%;
  }
  11% {
    top: -10%;
  }
  11.001% {
    top: 100%;
  }
  17% {
    top: 100%;
  }
  100% {
    top: 11%;
  }
}
@keyframes xlant {
  0% {
    top: 9.2%;
  }
  11% {
    top: -10%;
  }
  11.001% {
    top: 100%;
  }
  17% {
    top: 100%;
  }
  100% {
    top: 9.2%;
  }
}
@keyframes design {
  0% {
    top: 71%;
  }
  71% {
    top: -10%;
  }
  71.001% {
    top: 100%;
  }
  77% {
    top: 100%;
  }
  100% {
    top: 71%;
  }
}
@keyframes inspiration {
  0% {
    top: 85%;
  }
  85% {
    top: -10%;
  }
  85.001% {
    top: 100%;
  }
  91% {
    top: 100%;
  }
  100% {
    top: 85%;
  }
}
@keyframes innovation {
  0% {
    top: 69%;
  }
  69% {
    top: -10%;
  }
  69.001% {
    top: 100%;
  }
  76% {
    top: 100%;
  }
  100% {
    top: 69%;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes professional {
  0% {
    top: 19%;
  }
  19% {
    top: -10%;
  }
  19.001% {
    top: 100%;
  }
  25% {
    top: 100%;
  }
  100% {
    top: 19%;
  }
}
@keyframes accurate {
  0% {
    top: 90%;
  }
  90% {
    top: -10%;
  }
  90.001% {
    top: 100%;
  }
  96% {
    top: 100%;
  }
  100% {
    top: 90%;
  }
}
@keyframes creative {
  0% {
    top: 42%;
  }
  42% {
    top: -10%;
  }
  42.001% {
    top: 100%;
  }
  48% {
    top: 100%;
  }
  100% {
    top: 42%;
  }
}