.solution-animation-content {
  width: 100%;
  /* padding: 0 260rem calc((224 / 1080) * 100vh) 260rem; */
  background: #fff;
}

/*  工程施工动画  */
.engineering-construction-animation {
  width: 1200rem;
  height: 990rem;
  margin: 0 auto;
  padding-top: 221rem;
}

.engineering-construction-animation-title {
  height: 38rem;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 500;
  font-size: 36rem;
  color: #121933;
  line-height: 38rem;
  text-align: center;
  font-style: normal;
  text-transform: none;
}

.engineering-construction-animation-list {
  width: 100%;
  height: 597rem;
  background: #ffffff;
  box-shadow: 0rem 8rem 26rem 0rem #e1eaf1;
  border-radius: 4rem 4rem 4rem 4rem;
  margin-top: 61rem;
  display: flex;
  justify-content: space-between;
}

.engineering-construction-animation-item {
  width: 400rem;
  height: 597rem;
  border-right: 2rem solid #eeeeee;
}

.engineering-construction-animation-item
  .engineering-construction-animation-item-content {
  width: 100%;
  height: 292rem;
  border-bottom: 2rem solid #eeeeee;
  padding-top: 45rem;
  padding-left: 33rem;
}

.engineering-construction-animation-item-img {
  width: 45rem;
  height: 45rem;
  background: url(../../img/solution/animation/engineering-construction-animation-img5.png)
    no-repeat;
  background-size: 100% 100%;
  margin-left: 13rem;
}

.engineering-construction-animation-item-title {
  height: 28rem;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 500;
  font-size: 24rem;
  color: #0a1d2f;
  line-height: 28rem;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-top: 33rem;
}

.engineering-construction-animation-item-detail {
  width: 348rem;
  height: 114rem;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: 16rem;
  color: #808a9a;
  line-height: 26rem;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-top: 14rem;
}

.engineering-construction-animation-item-video {
  width: 352rem;
  height: 255rem;
  background: url(../../img/solution/animation/engineering-construction-animation-img3.png)
    no-repeat;
  background-size: 100% 100%;
  margin: 25rem auto 0rem;
}

.engineering-construction-animation-item-video.bg2 {
  background: url(../../img/solution/animation/engineering-construction-animation-img2.png)
    no-repeat;
  background-size: 100% 100%;
}

.engineering-construction-animation-item-video.bg3 {
  background: url(../../img/solution/animation/engineering-construction-animation-img4.png)
    no-repeat;
  background-size: 100% 100%;
}

.engineering-construction-animation-item-videobox {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  display: flex;
  justify-content: center;
  align-items: center;
}

.engineering-construction-animation-item-videobutton {
  width: 50rem;
  height: 50rem;
}

.engineering-construction-animation-item-videobutton a {
  display: block;
  width: 100%;
  height: 100%;
}

.engineering-construction-animation-item-videobutton a img {
  width: 100%;
  height: 100%;
}

/* 施工工艺动画 */
.animation-construction-technology {
  width: 100%;
  height: 839rem;
  margin: 0 auto;
  background: #f5f9fe;
  padding: 51rem 361rem 67rem 360rem;
}

.animation-construction-technology-content {
  width: 100%;
  height: 102rem;
}

.animation-construction-technology-title {
  height: 38rem;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 500;
  font-size: 36rem;
  color: #121933;
  line-height: 38rem;
  text-align: center;
  font-style: normal;
  text-transform: none;
}

.animation-construction-technology-detail {
  height: 30rem;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: 22rem;
  color: #333333;
  line-height: 30rem;
  text-align: center;
  font-style: normal;
  text-transform: none;
  margin-top: 34rem;
}

.animation-construction-technology .line {
  width: 36rem;
  height: 0rem;
  border-bottom: 4rem solid #202124;
  margin-top: 30rem;
}

.animation-construction-technology-case {
  width: 1199rem;
  height: 592rem;
  margin-top: 27rem;
}

.animation-construction-technology-case-bottom,
.animation-construction-technology-case-top {
  width: 100%;
  height: 290rem;
  margin-top: 21rem;
  display: flex;
  justify-content: space-between;
}

.animation-construction-technology-case-bottom-item,
.animation-construction-technology-case-top-item {
  width: 590rem;
  height: 100%;
  background: url(../../img/solution/animation/animation-construction-technology-bg4.png)
    no-repeat;
  background-size: 100% 100%;
  position: relative;
}

.animation-construction-technology-case-top-item {
  background: url(../../img/solution/animation/animation-construction-technology-bg2.png)
    no-repeat !important;
  background-size: 100% 100% !important;
}

.animation-construction-technology-case-bottom-item:nth-child(2) {
  background: url(../../img/solution/animation/animation-construction-technology-bg5.png)
    no-repeat;
  background-size: 100% 100%;
}

.animation-construction-technology-case-top-item:nth-child(2) {
  background: url(../../img/solution/animation/animation-construction-technology-bg3.png)
    no-repeat !important;
  background-size: 100% 100% !important;
}

.animation-construction-technology-case-bottom-item-title,
.animation-construction-technology-case-top-item-title {
  width: 100%;
  height: 70rem;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0rem;
  left: 0rem;
  padding-top: 18rem;
  padding-left: 24rem;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 500;
  font-size: 22rem;
  color: #ffffff;
  line-height: 30rem;
  text-align: justify;
  font-style: normal;
  text-transform: none;
}

/* 工程报奖视频 */
.project-award-video {
  width: 100%;
  height: 680rem;
}

.project-award-video-content {
  width: 100%;
  height: 113rem;
  padding: 153rem 360rem 127rem 378rem;
}

.project-award-video-title {
  height: 38rem;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 500;
  font-size: 36rem;
  color: #121933;
  line-height: 38rem;
  text-align: center;
  font-style: normal;
  text-transform: none;
}

.project-award-video-detail {
  width: 1182rem;
  height: 334rem;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: 18rem;
  color: #8f9297;
  line-height: 28rem;
  text-align: justify;
  font-style: normal;
  text-transform: none;
  margin-top: 28rem;
  display: flex;
}

.project-award-video-detail-text {
  width: 670rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.project-award-video-detail-img {
  width: 512rem;
  height: 100%;
  background: url(../../img/solution/animation/project-award-video-detail-img.png)
    no-repeat;
  background-size: 100% 100%;
}

.project-award-video-img {
  width: 100%;
  height: 447rem;
  background: url(../../img/solution/animation/project-award-video-list-item-img2.png)
    no-repeat;
  background-size: 100% 100%;
  margin-top: 62rem;
  padding-top: 101rem;
  padding-left: 46rem;
}

.project-award-video-img-title {
  height: 42rem;
  font-family: HelloFont WenYiHei, HelloFont WenYiHei;
  font-weight: 400;
  font-size: 36rem;
  color: #181e59;
  line-height: 42rem;
  text-align: justify;
  font-style: normal;
  text-transform: none;
  margin-top: 14rem;
}

.project-award-video-img-line {
  width: 83rem;
  height: 0rem;
  border-bottom: 4rem solid #181e59;
  margin-top: 28rem;
}

/* 事故模拟动画 */
.accident-simulation-animation {
  width: 100%;
  height: 680rem;
  background: #f5f9fe;
  padding: 62rem 360rem 20rem 360rem;
}

.accident-simulation-animation-content {
  width: 100%;
  height: 38rem;
}

.accident-simulation-animation-title {
  height: 38rem;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 500;
  font-size: 36rem;
  color: #121933;
  line-height: 38rem;
  text-align: center;
  font-style: normal;
  text-transform: none;
}

.accident-simulation-animation-list {
  width: 1200rem;
  height: 499rem;
  position: relative;
  margin-top: 66rem;
}

.accident-simulation-animation-item {
  width: 338rem;
  position: absolute;
  top: 0rem;
  left: 0rem;
  text-align: right;
}

.accident-simulation-animation-item:nth-child(1)
  .accident-simulation-animation-item-line {
  margin-left: 291rem;
}

.accident-simulation-animation-item:nth-child(2) {
  width: 373rem;
  position: absolute;
  top: 0rem;
  left: 827rem;
  text-align: left;
}

.accident-simulation-animation-item:nth-child(3) {
  width: 338rem;
  position: absolute;
  top: 320rem;
  left: 0rem;
}

.accident-simulation-animation-item:nth-child(3)
  .accident-simulation-animation-item-line {
  margin-left: 291rem;
}

.accident-simulation-animation-item:nth-child(4) {
  width: 373rem;
  position: absolute;
  top: 320rem;
  left: 827rem;
  text-align: left;
}

.accident-simulation-animation-item-title {
  height: 28rem;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 500;
  font-size: 24rem;
  color: #0a1d2f;
  line-height: 28rem;
  font-style: normal;
  text-transform: none;
}

.accident-simulation-animation-item-title span {
  display: inline-block;
  font-family: HelloFont WenYiHei, HelloFont WenYiHei;
  font-weight: 400;
  color: #0471ff;
  margin-right: 9rem;
}

.accident-simulation-animation-item-line {
  width: 40rem;
  height: 0rem;
  border-bottom: 1rem solid #fab428;
  margin-top: 23rem;
}

.accident-simulation-animation-item-detail {
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: 16rem;
  color: #808a9a;
  line-height: 24rem;
  font-style: normal;
  text-transform: none;
  margin-top: 16rem;
}

.accident-simulation-animation-list-img {
  width: 402rem;
  height: 259rem;
  background: url(../../img/solution/animation/accident-simulation-animation-img.png)
    no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 102rem;
  left: 386rem;
}

/* 仿真模拟分析 */
.simulation-analysis {
  width: 100%;
  height: 683rem;
  padding: 105rem 373rem 124rem 360rem;
}

.simulation-analysis-content {
  width: 100%;
  height: 38rem;
}

.simulation-analysis-title {
  height: 38rem;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 500;
  font-size: 36rem;
  color: #121933;
  line-height: 38rem;
  text-align: center;
  font-style: normal;
  text-transform: none;
}

.simulation-analysis-list-content {
  width: 1187rem;
  height: 363rem;
  margin-top: 53rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.simulation-analysis-list-img {
  width: 484rem;
  height: 100%;
  background: url(../../img/solution/animation/simulation-analysis-item-img.png)
    no-repeat;
  background-size: 100% 100%;
  margin-right: 78rem;
}

.simulation-analysis-item {
  display: flex;
  margin-bottom: 43rem;
}

.simulation-analysis-item:last-child {
  margin-bottom: 0rem;
}

.simulation-analysis-item-imgbox {
  width: 31rem;
  height: 100%;
  margin-right: 12rem;
  position: relative;
}

.simulation-analysis-item-imgbox .simulation-analysis-item-img {
  width: 31rem;
  height: 26rem;
  position: absolute;
  top: 0;
  left: 0;
}

.simulation-analysis-item-img {
  width: 31rem;
  height: 26rem;
  background: url(../../img/solution/animation/simulation-analysis-img1.png)
    no-repeat;
  background-size: 100% 100%;
  margin-right: 12rem;
}

.simulation-analysis-item-title {
  height: 26rem;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: 20rem;
  color: #333333;
  line-height: 26rem;
  text-align: justify;
  font-style: normal;
  text-transform: none;
}

.simulation-analysis-item:first-child .simulation-analysis-item-title {
  height: 60rem;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: 20rem;
  color: #333333;
  line-height: 30rem;
}

/* 产品3d动画演示 */
.product-3d-animation-demonstration {
  width: 100%;
  height: 680rem;
  background: #f5f9fe;
  padding: 49rem 360rem 63rem 360rem;
}

.product-3d-animation-demonstration-content {
  width: 100%;
  height: 38rem;
}

.product-3d-animation-demonstration-title {
  height: 38rem;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 500;
  font-size: 36rem;
  color: #121933;
  line-height: 38rem;
  text-align: center;
  font-style: normal;
  text-transform: none;
}

.product-3d-animation-demonstration-detail {
  width: 1200rem;
  height: 425rem;
  display: flex;
  margin-top: 105rem;
}

.product-3d-animation-demonstration-detail-text {
  width: 518rem;
  height: 100%;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 350;
  font-size: 22rem;
  color: #333333;
  line-height: 40rem;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-right: 44rem;
  padding-top: 78rem;
}

.product-3d-animation-demonstration-detail-img {
  width: 638rem;
  height: 425rem;
  background: url(../../img/solution/animation/product-3d-animation-demonstration-img.png)
    no-repeat;
  background-size: 100% 100%;
}

/* AR&VR&MR */
.ar-vr-mr {
  width: 100%;
  height: 680rem;
  padding: 61rem 360rem 0rem 360rem;
}

.ar-vr-mr-content {
  width: 100%;
  height: 38rem;
}

.ar-vr-mr-title {
  height: 38rem;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 500;
  font-size: 36rem;
  color: #121933;
  line-height: 38rem;
  text-align: center;
  font-style: normal;
  text-transform: none;
}

.ar-vr-mr-significance-box {
  width: 1200rem;
  height: 542rem;
  position: relative;
  margin-top: 39rem;
}

.ar-vr-mr-significance-img1 {
  width: 528rem;
  height: 282rem;
  background: url(../../img/solution/animation/ar-vr-mr-img1.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 183rem;
  left: 0rem;
}

.ar-vr-mr-significance-img2 {
  width: 582rem;
  height: 414rem;
  background: url(../../img/solution/animation/ar-vr-mr-img2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0rem;
  left: 457rem;
}

.ar-vr-mr-significance {
  width: 100%;
  height: 79rem;
  background: #1d72f1;
  position: absolute;
  bottom: 0rem;
  left: 0rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ar-vr-mr-significance-text {
  height: 30rem;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: 18rem;
  color: #ffffff;
  line-height: 30rem;
  text-align: justify;
  font-style: normal;
  text-transform: none;
}

/* 裸眼3D、沉浸式 */
.naked-eye-3d {
  width: 100%;
  height: 680rem;
  background: #f5f9fe;
  padding: 64rem 523rem 41rem 500rem;
}

.naked-eye-3d-content {
  width: 897rem;
  height: 38rem;
}

.naked-eye-3d-title {
  height: 38rem;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 500;
  font-size: 36rem;
  color: #121933;
  line-height: 38rem;
  text-align: center;
  font-style: normal;
  text-transform: none;
}

.naked-eye-3d-list {
  width: 897rem;
  height: 488rem;
  margin-top: 49rem;
}

.naked-eye-3d-item {
  width: 100%;
  height: 231rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 36rem;
  padding-left: 46rem;
}

.naked-eye-3d-item:nth-child(2) {
  padding-left: 0rem;
}

.naked-eye-3d-item:nth-child(2) {
  margin-bottom: 0rem;
}

.naked-eye-3d-item:nth-child(2) .naked-eye-3d-item-img {
  margin-left: 0rem;
}

.naked-eye-3d-item-title {
  height: 28rem;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 500;
  font-size: 24rem;
  color: #0a1d2f;
  line-height: 28rem;
  text-align: left;
  font-style: normal;
  text-transform: none;
}

.naked-eye-3d-item-detile {
  width: 511rem;
  height: 60rem;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: 16rem;
  color: #808a9a;
  line-height: 24rem;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-top: 14rem;
}

.naked-eye-3d-item:nth-child(2) .naked-eye-3d-item-detile {
  width: 476rem;
}

.naked-eye-3d-item-img {
  width: 251rem;
  height: 221rem;
  background: url(../../img/solution/animation/naked-eye-3d-item-img1.png)
    no-repeat;
  background-size: 100% 100%;
}

.naked-eye-3d-item:nth-child(2) .naked-eye-3d-item-img {
  background: url(../../img/solution/animation/naked-eye-3d-item-img2.png)
    no-repeat;
  background-size: 100% 100%;
  margin-left: 0rem !important;
}

/* 我们的优势 */
.solution-animation-advantage {
  width: 100%;
  height: 677rem;
  padding: 83rem 352rem 209rem 358rem;
}

.solution-animation-advantage-title {
  height: 40rem;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 500;
  font-size: 36rem;
  color: #121933;
  line-height: 40rem;
  text-align: center;
  font-style: normal;
  text-transform: none;
}

.solution-animation-advantage-list {
  width: 100%;
  height: 260rem;
  margin-top: 87rem;
  display: flex;
  justify-content: space-between;
}

.solution-animation-advantage-item {
  width: 362rem;
  height: 260rem;
}

.solution-animation-advantage-item-img {
  width: 100%;
  height: 101rem;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.solution-animation-advantage-item-img .imgbox1 {
  width: 103rem;
  height: 92rem;
}

.solution-animation-advantage-item-img .imgbox2 {
  width: 89rem;
  height: 97rem;
}

.solution-animation-advantage-item-img .imgbox3 {
  width: 81rem;
  height: 100rem;
}

.solution-animation-advantage-item-img .imgbox1 img,
.solution-animation-advantage-item-img .imgbox2 img,
.solution-animation-advantage-item-img .imgbox3 img {
  width: 100%;
  height: 100%;
}

.solution-animation-advantage-item-title {
  width: 100%;
  height: 26rem;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 500;
  font-size: 24rem;
  color: #333333;
  line-height: 26rem;
  text-align: center;
  font-style: normal;
  text-transform: none;
  margin-top: 20rem;
}

.solution-animation-advantage-item-detail {
  height: 93rem;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: 16rem;
  color: #9e9e9e;
  line-height: 28rem;
  text-align: center;
  font-style: normal;
  text-transform: none;
  margin-top: 20rem;
}

@media screen and (max-width: 500px) {
  .solution-animation-content {
    padding: 15rem 20rem 42rem;
  }

  .solution-animation-solution {
    margin-top: 0rem;
  }

  .solution-animation-solution-title {
    height: 26rem;
    font-weight: 700;
    font-size: 14rem;
    line-height: 26rem;
  }

  .solution-animation-solution-case {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 23rem;
  }

  .solution-animation-solution-case .solution-animation-solution-case-nav {
    display: none;
  }

  /*  工程施工动画  */
  .engineering-construction-animation {
    display: block !important;
    width: 335rem;
    height: 452rem;
    padding-top: 29rem;
  }

  .engineering-construction-animation-title {
    height: 20rem;
    font-weight: 700;
    font-size: 14rem;
    color: #333333;
    line-height: 20rem;
  }

  .engineering-construction-animation-list {
    width: 100%;
    height: 385rem;
    background: transparent;
    box-shadow: none;
    border-radius: 0rem 0rem 0rem 0rem;
    margin-top: 18rem;
    padding-top: 0rem;
    padding-left: 0rem;
    padding-right: 0rem;
    display: block;
  }

  .engineering-construction-animation-list .line,
  .engineering-construction-animation-list .line2,
  .engineering-construction-animation-list .line3 {
    display: none;
  }

  .engineering-construction-animation-item {
    width: 100%;
    height: 123rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    box-shadow: 0rem 8rem 26rem 0rem #e1eaf1;
    border-radius: 2rem 2rem 2rem 2rem;
    margin-bottom: 8rem;
    position: relative;
    padding-left: 11rem;
    padding-right: 10rem;
  }

  .engineering-construction-animation-item
    .engineering-construction-animation-item-content {
    width: 169rem;
    height: 101rem;
    margin-right: 0rem;
    position: relative;
    padding-top: 0rem;
    padding-left: 0rem;
    border-bottom: none;
    margin-right: 19rem;
  }

  .engineering-construction-animation-item-img {
    width: 20rem;
    height: 20rem;
    background: url(../../img/solution/animation/engineering-construction-animation-img5.png)
      no-repeat;
    background-size: 100% 100%;
    margin-left: 0rem;
    margin-top: 0rem;
  }

  .engineering-construction-animation-item-title {
    height: 20rem;
    font-size: 14rem;
    color: #0a1d2f;
    line-height: 20rem;
    margin-top: 0rem;
    position: absolute;
    top: 0rem;
    left: 28rem;
  }

  .engineering-construction-animation-item-detail {
    width: 169rem;
    height: 74rem;
    font-size: 11rem;
    line-height: 18rem;
    margin-top: 7rem;
  }

  .engineering-construction-animation-item-video {
    width: 126rem;
    height: 106rem;
    background: url(../../img/solution/animation/engineering-construction-animation-img3.png)
      no-repeat;
    background-size: 100% 100%;
    margin-top: 0rem;
  }

  .engineering-construction-animation-item-video.bg2 {
    margin-top: 0rem;
    margin-bottom: 0rem;
    background: url(../../img/solution/animation/engineering-construction-animation-img2.png)
      no-repeat !important;
    background-size: 100% 100% !important;
    position: absolute;
    left: 199rem;
    top: 9rem;
  }

  .engineering-construction-animation-item-video.bg3 {
    background: url(../../img/solution/animation/engineering-construction-animation-img4.png)
      no-repeat !important;
    background-size: 100% 100% !important;
  }

  .engineering-construction-animation-item-videobutton {
    width: 25rem;
    height: 25rem;
  }

  /* 施工工艺动画 */
  .animation-construction-technology {
    width: 335rem;
    height: 281rem;
    margin: 0rem auto;
    background: #fff;
    padding: 29rem 0rem 0rem 0rem;
  }

  .animation-construction-technology-content {
    width: 100%;
    height: 67rem;
  }

  .animation-construction-technology-title {
    height: 20rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 700;
    font-size: 14rem;
    color: #333333;
    line-height: 20rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
  }

  .animation-construction-technology-detail {
    height: 32rem;
    font-size: 11rem;
    line-height: 16rem;
    text-align: center;
    color: #8f9297;
    margin-top: 15rem;
  }

  .animation-construction-technology-content .line {
    width: 36rem;
    height: 0rem;
    border-bottom: 2rem solid #202124;
    margin-top: 14rem;
  }

  .animation-construction-technology-case {
    width: 100%;
    height: 211rem;
    margin-top: 15rem;
  }

  .animation-construction-technology-case-top-right-item-title {
    width: 100%;
    height: 20rem;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0rem;
    left: 0rem;
    padding-top: 0rem;
    padding-left: 0rem;
    font-size: 11rem;
    line-height: 16rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .animation-construction-technology-case-bottom,
  .animation-construction-technology-case-top {
    width: 100%;
    height: 81rem;
    margin-top: 11rem;
  }

  .animation-construction-technology-case-bottom-item,
  .animation-construction-technology-case-top-item {
    width: 165rem;
    height: 100%;
    position: relative;
  }

  .animation-construction-technology-case-bottom-item-title,
  .animation-construction-technology-case-top-item-title {
    height: 20rem;
    padding-top: 0rem;
    padding-left: 0rem;
    font-size: 11rem;
    line-height: 16rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* 工程报奖视频 */
  .project-award-video {
    width: 334rem;
    height: 267rem;
    margin-top: 0rem;
  }

  .project-award-video-content {
    width: 100%;
    height: 100%;
    padding: 38rem 0rem 0rem 0rem;
  }

  .project-award-video-title {
    height: 20rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 700;
    font-size: 14rem;
    color: #333333;
    line-height: 20rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
  }

  .project-award-video-detail-text {
    height: 32rem;
    font-size: 11rem;
    line-height: 16rem;
    color: #8f9297;
    margin-top: 12rem;
  }

  .project-award-video-line {
    border-bottom: 2rem solid #202124;
    margin-top: 11rem;
  }

  .project-award-video-detail {
    width: 100%;
    height: 196rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 400;
    font-size: 18rem;
    color: #8f9297;
    line-height: 28rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-top: 28rem;
    display: block;
  }

  .project-award-video-detail-text {
    width: 100%;
    height: 32rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .project-award-video-detail-img {
    width: 207rem;
    height: 135rem;
    margin: 29rem auto 0rem;
  }

  /* 产品3d动画演示 */
  .product-3d-animation-demonstration {
    width: 100%;
    height: 372rem;
    background: #fff;
    padding: 38rem 0rem 0rem 0rem;
  }

  .product-3d-animation-demonstration-content {
    height: auto;
  }

  .product-3d-animation-demonstration-title {
    width: 100%;
    height: 20rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 700;
    font-size: 14rem;
    color: #333333;
    line-height: 20rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
  }

  .product-3d-animation-demonstration-detail {
    width: 100%;
    height: 299rem;
    display: block;
    margin-top: 15rem;
  }

  .product-3d-animation-demonstration-detail-text {
    width: 100%;
    height: 64rem;
    font-weight: 400;
    font-size: 11rem;
    color: #8f9297;
    line-height: 16rem;
    text-align: center;
    margin-right: 0rem;
    padding-top: 0rem;
  }

  .product-3d-animation-demonstration-detail-img {
    width: 100%;
    height: 223rem;
    background: url(../../img/solution/animation/product-3d-animation-demonstration-img.png)
      no-repeat;
    background-size: 100% 100%;
    margin-top: 12rem;
  }

  .product-3d-animation-demonstration-img {
    width: 100%;
    height: 223rem;
    margin-top: 9rem;
    margin-left: 0;
  }

  /* AR&VR&MR */
  .ar-vr-mr {
    width: 100%;
    height: auto;
    padding: 20rem 0rem 0rem 0rem;
  }

  .ar-vr-mr-content {
    width: 100%;
    height: 20rem;
  }

  .ar-vr-mr-title {
    height: 20rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 700;
    font-size: 14rem;
    color: #333333;
    line-height: 20rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
  }

  .ar-vr-mr-significance-box {
    width: 100%;
    height: 343rem;
    position: relative;
    margin-top: 12rem;
  }

  .ar-vr-mr-significance-img1 {
    width: 165rem;
    height: 88rem;
    background: url(../../img/solution/animation/ar-vr-mr-img1.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 188rem;
    left: 0rem;
  }

  .ar-vr-mr-significance-img2 {
    width: 302rem;
    height: 209rem;
    background: url(../../img/solution/animation/ar-vr-mr-img2-2.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0rem;
    left: 0rem;
  }

  .ar-vr-mr-significance {
    width: calc(100% + 40rem);
    height: 68rem;
    margin-left: -20rem;
    background: #1d72f1;
    position: absolute;
    bottom: 0rem;
    left: 0rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16rem 0;
  }

  .ar-vr-mr-significance-text {
    width: 335rem;
    height: 54rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 500;
    font-size: 11rem;
    color: #ffffff;
    line-height: 18rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
  }

  /* 裸眼3D、沉浸式 */
  .naked-eye-3d {
    width: 100%;
    height: 334rem;
    margin-top: 0rem;
    background: #fff;
    padding: 33rem 0rem 0rem 0rem;
  }

  .naked-eye-3d-content {
    width: 100%;
    height: 20rem;
  }

  .naked-eye-3d-title {
    height: 20rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 700;
    font-size: 14rem;
    color: #333333;
    line-height: 20rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
  }

  .naked-eye-3d-list {
    width: 100%;
    height: 252rem;
    margin-top: 8rem;
  }

  .naked-eye-3d-item {
    width: 100%;
    height: 137rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0rem;
    padding-left: 0rem;
  }

  .naked-eye-3d-item:nth-child(1) {
    padding: 16rem 0 15rem 0;
  }

  .naked-eye-3d-item:nth-child(2) {
    width: calc(100% + 40rem);
    margin-left: -20rem;
    padding: 25rem 21rem 25rem 20rem;
    background: #f3f7ff;
  }

  .naked-eye-3d-item-content {
    margin-left: 0;
  }

  .naked-eye-3d-item:nth-child(2) .naked-eye-3d-item-content {
    margin-left: 0;
  }

  .naked-eye-3d-item-title {
    height: 18rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 500;
    font-size: 14rem;
    color: #0a1d2f;
    line-height: 18rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
  }

  .naked-eye-3d-item-detile {
    width: 206rem;
    height: auto;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 400;
    font-size: 11rem;
    color: #808a9a;
    line-height: 18rem;
    margin-top: 4rem;
    text-align: justify;
    font-style: normal;
    text-transform: none;
  }

  .naked-eye-3d-item:nth-child(2) .naked-eye-3d-item-title,
  .naked-eye-3d-item:nth-child(2) .naked-eye-3d-item-detile {
    text-align: right;
  }

  .naked-eye-3d-item:nth-child(2) .naked-eye-3d-item-detile {
    width: 206rem;
    height: 100%;
  }

  .naked-eye-3d-item-img {
    width: 100rem;
    height: 100rem;
    background: url(../../img/solution/animation/naked-eye-3d-item-img1.png)
      no-repeat;
    background-size: 100% 100%;
    margin-left: 0rem;
  }

  .naked-eye-3d-item:nth-child(2) .naked-eye-3d-item-img {
    background: url(../../img/solution/animation/naked-eye-3d-item-img2.png)
      no-repeat;
    background-size: 100% 100%;
    margin-left: 0;
  }
  /* 事故模拟动画 */
  .accident-simulation-animation {
    width: 334rem;
    height: 633rem;
    margin-top: 0rem;
    background: #fff;
    padding: 39rem 0rem 0rem 0rem;
  }

  .accident-simulation-animation-content {
    width: 100%;
    height: 20rem;
  }

  .accident-simulation-animation-title {
    height: 20rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 700;
    font-size: 14rem;
    color: #333333;
    line-height: 20rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
  }

  .accident-simulation-animation-list {
    width: 100%;
    height: 548rem;
    position: relative;
    margin-top: 26rem;
  }

  .accident-simulation-animation-item {
    width: 100%;
    height: 75rem;
    position: absolute;
    top: 212rem;
    left: 0rem;
    text-align: right;
  }

  .accident-simulation-animation-item:nth-child(1)
    .accident-simulation-animation-item-line {
    margin-left: 0rem;
  }

  .accident-simulation-animation-item:nth-child(2) {
    width: 100%;
    position: absolute;
    top: 299rem;
    left: 0rem;
  }

  .accident-simulation-animation-item:nth-child(3) {
    width: 100%;
    position: absolute;
    top: 386rem;
    left: 0rem;
  }

  .accident-simulation-animation-item:nth-child(3)
    .accident-simulation-animation-item-line {
    margin-left: 0rem;
  }

  .accident-simulation-animation-item:nth-child(4) {
    width: 319rem;
    position: absolute;
    top: 473rem;
    left: 0rem;
  }

  .accident-simulation-animation-item-title {
    font-size: 14rem;
    display: flex;
    align-items: center;
  }

  .accident-simulation-animation-item-title span {
    display: inline-block;
    font-size: 24px;
    margin-right: 12rem;
  }

  .accident-simulation-animation-item-line {
    margin-top: 3rem;
  }

  .accident-simulation-animation-item-detail {
    height: 38rem;
    font-size: 11rem;
    line-height: 16rem;
    margin-top: 6rem;
    text-align: left;
  }

  .accident-simulation-animation-list-img {
    width: 100%;
    height: 200rem;
    position: absolute;
    top: 0rem;
    left: 0rem;
  }

  /* 仿真模拟分析 */
  .simulation-analysis {
    width: 334rem;
    height: 347rem;
    margin-top: 0rem;
    padding: 36rem 0rem 0rem 0rem;
  }

  .simulation-analysis-content {
    height: 20rem;
    display: block;
  }

  .simulation-analysis-title {
    height: 20rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 700;
    font-size: 14rem;
    color: #333333;
    line-height: 20rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
  }

  .simulation-analysis-list-content {
    width: 321rem;
    height: 279rem;
    margin-top: 12rem;
    display: block;
  }

  .simulation-analysis-list-img {
    width: 238rem;
    height: 178rem;
    background: url(../../img/solution/animation/simulation-analysis-item-img.png)
      no-repeat;
    background-size: 100% 100%;
    margin: 0rem auto 13rem;
  }

  .simulation-analysis-item {
    height: 16rem;
    display: flex;
    margin-bottom: 12rem;
  }

  .simulation-analysis-item:first-child .simulation-analysis-item-title {
    width: 294rem;
  }

  .simulation-analysis-item:first-child {
    height: 32rem;
  }

  .simulation-analysis-item-img {
    width: 19rem;
    height: 16rem;
    margin-right: 8rem;
  }

  .simulation-analysis-item-imgbox {
    width: 19rem;
    height: 100%;
    margin-right: 8rem;
    position: relative;
  }

  .simulation-analysis-item-imgbox .simulation-analysis-item-img {
    width: 19rem;
    height: 16rem;
  }

  .simulation-analysis-item-title {
    height: 16rem;
    font-size: 11rem;
    line-height: 16rem;
  }

  .simulation-analysis-item:first-child .simulation-analysis-item-title {
    height: 32rem;
    font-size: 11rem;
    line-height: 16rem;
  }

  /* 我们的优势 */
  .solution-animation-advantage {
    width: 100%;
    height: auto;
    padding: 35rem 0rem 0rem 0rem;
  }

  .solution-animation-advantage-title {
    height: 26rem;
    font-weight: 700;
    font-size: 14rem;
    color: #333333;
    line-height: 26rem;
  }

  .solution-animation-advantage-list {
    width: 100%;
    height: auto;
    margin-top: 17rem;
    display: flex;
    flex-direction: column;
    padding-left: 0rem;
  }

  .solution-animation-advantage-item {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 26rem;
  }

  .solution-animation-advantage-item:last-child {
    margin-bottom: 0;
  }

  .solution-animation-advantage-item-img {
    width: auto;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }

  .solution-animation-advantage-item-img .imgbox1 {
    width: 50rem;
    height: 45rem;
  }

  .solution-animation-advantage-item-img .imgbox2 {
    width: 43rem;
    height: 47rem;
  }

  .solution-animation-advantage-item-img .imgbox3 {
    width: 45rem;
    height: 55rem;
  }

  .solution-animation-advantage-item-img .imgbox1 img,
  .solution-animation-advantage-item-img .imgbox2 img,
  .solution-animation-advantage-item-img .imgbox3 img {
    width: 100%;
    height: 100%;
  }

  .solution-animation-advantage-item-title {
    margin-top: 0;
    width: 275rem;
    height: 18rem;
    font-weight: 500;
    font-size: 14rem;
    color: #333333;
    line-height: 18rem;
    text-align: left;
  }

  .solution-animation-advantage-item-detail {
    margin-top: 4rem;
    width: 275rem;
    height: auto;
    font-size: 11rem;
    color: #9e9e9e;
    line-height: 18rem;
    text-align: justify;
  }

  #dotTemplateContactus {
    display: none;
  }
}