.container .function-banner {
  margin-top: 64px;
  width: 100%;
}
.container .function-banner .function-container .title {
  height: 67px;
  font-size: 40px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #222222;
  line-height: 67px;
}
.container .function-banner .function-container .title-descr {
  margin: 8px 0 24px;
  font-size: 14px;
  font-weight: 300;
  color: #666666;
  line-height: 22px;
}
.container .function-banner .function-container .descr {
  font-size: 14px;
  font-weight: 300;
  color: #222222;
  line-height: 32px;
}
.container .function-banner .function-container .dwlrbb {
  margin-top: 180px;
  width: 523px;
  height: 419px;
  margin-left: 40px;
  transition: 1s all linear;
  opacity: 0;
}
.container .function-banner .function-container .dwlrbb-content {
  top: 138px;
}
.container .function-banner .function-container .cpbxbb {
  position: absolute;
  left: 620px;
  width: 557px;
  height: 478px;
  top: 100px;
  margin-top: 100px;
  transition: 1s all linear;
  opacity: 0;
}
.container .function-banner .function-container .cpbxbb-content {
  margin-left: 20px;
  margin-top: 170px;
}
.container .function-banner .function-container .jxcgl {
  box-shadow: 0px 10px 24px -4px rgba(0, 0, 0, 0.08);
  margin-top: 200px;
  width: 520px;
  height: 400px;
  margin-left: 42px;
  transition: 1s all linear;
  opacity: 0;
}
.container .function-banner .function-container .jxcgl-content {
  top: 158px;
}
.container .function-banner .function-container .znbh {
  box-shadow: 0px 10px 28px 0px rgba(0, 87, 202, 0.1);
  position: absolute;
  left: 586px;
  width: 580px;
  height: 388px;
  top: 127px;
  margin-top: 100px;
  transition: 1s all linear;
  opacity: 0;
}
.container .function-banner .function-container .znbh-content {
  margin-left: 20px;
  margin-top: 170px;
}
.container .function-banner .function-container .animation-wrapper {
  position: relative;
  width: 586px;
  margin-left: 20px;
  margin-top: 130px;
}
.container .function-banner .function-container .animation-wrapper .gggl-container {
  box-shadow: 0px 10px 24px -4px rgba(0, 0, 0, 0.08);
  width: 586px;
  height: 386px;
  overflow: hidden;
  position: relative;
}
.container .function-banner .function-container .animation-wrapper .gggl-container .img-warrper {
  position: absolute;
  left: 0;
  top: 0;
  width: 2000px;
  height: 100%;
}
.container .function-banner .function-container .animation-wrapper .gggl-container .img-warrper li {
  float: left;
  width: 586px;
  height: 386px;
}
.container .function-banner .function-container .animation-wrapper .gggl-container .img-warrper li img {
  width: 100%;
  height: 100%;
}
.container .function-banner .function-container .animation-wrapper .spot-group {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -32px;
  display: flex;
  justify-content: center;
}
.container .function-banner .function-container .animation-wrapper .spot-group i {
  cursor: pointer;
  margin-right: 14px;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #eee;
}
.container .function-banner .function-container .animation-wrapper .spot-group .current-spot {
  background-color: #4C99FF;
}
.container .function-banner .function-container .gggl-content {
  top: 198px;
}
.container .function-banner .function-container .kfgl {
  box-shadow: 0px 10px 28px 0px rgba(0, 87, 202, 0.1);
  position: absolute;
  left: 640px;
  width: 520px;
  height: 378px;
  top: 120px;
  margin-top: 100px;
  transition: 1s all linear;
  opacity: 0;
}
.container .function-banner .function-container .kfgl-content {
  margin-left: 20px;
  margin-top: 170px;
}
.container .function-banner .function-container .yygj-content {
  top: 160px;
}
.container .function-banner .function-container .animation2-wrapper {
  position: relative;
  width: 568px;
  margin-left: 20px;
  margin-top: 118px;
}
.container .function-banner .function-container .animation2-wrapper .yygj-container {
  box-shadow: 0px 10px 24px -4px rgba(0, 0, 0, 0.08);
  width: 568px;
  height: 401px;
  overflow: hidden;
  position: relative;
}
.container .function-banner .function-container .animation2-wrapper .yygj-container .img-warrper {
  position: absolute;
  width: 2500px;
  height: 100%;
}
.container .function-banner .function-container .animation2-wrapper .yygj-container .img-warrper li {
  float: left;
  width: 568px;
  height: 401px;
}
.container .function-banner .function-container .animation2-wrapper .yygj-container .img-warrper li img {
  width: 100%;
  height: 100%;
}
.container .function-banner .function-container .animation2-wrapper .spot-group {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -32px;
  display: flex;
  justify-content: center;
}
.container .function-banner .function-container .animation2-wrapper .spot-group i {
  cursor: pointer;
  margin-right: 14px;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #eee;
}
.container .function-banner .function-container .animation2-wrapper .spot-group .current-spot {
  background-color: #4C99FF;
}
.container .function-banner .function-container .app {
  box-shadow: 0px 10px 28px 0px rgba(0, 87, 202, 0.1);
  position: absolute;
  left: 509px;
  width: 690px;
  height: 472px;
  top: 130px;
  margin-top: 100px;
  transition: 1s all linear;
  opacity: 0;
}
.container .function-banner .function-container .app-content {
  margin-left: 20px;
  margin-top: 200px;
}
.container .function-banner .function-container .qxgl {
  box-shadow: 0px 10px 24px -4px rgba(0, 0, 0, 0.08);
  margin-top: 225px;
  width: 513px;
  height: 365px;
  margin-left: 20px;
  transition: 1s all linear;
  opacity: 0;
}
.container .function-banner .function-container .qxgl-content {
  top: 150px;
}
.container .tranformClass {
  transform: translateY(-100px);
  opacity: 1 !important;
}
.container .hg-600 {
  overflow: hidden;
  height: 600px;
}
.container .hg-620 {
  overflow: hidden;
  height: 620px;
  transition: 1s all linear;
}
.container .hg-650 {
  overflow: hidden;
  height: 650px;
  transition: 1s all linear;
}
.container .hg-680 {
  overflow: hidden;
  height: 680px;
  transition: 1s all linear;
}
.container .hg-760 {
  border-top: 1px solid transparent;
  height: 760px;
  transition: 1s all linear;
}
.container .bg-grey {
  background-color: #F8F9FB;
}
.container .position-relative {
  position: relative;
}
.container .content-rigth {
  position: absolute;
  left: 670px;
}