.about-scut {
  background-color: #fff;
}

.about-scut .title {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 1.16rem;
  font-size: .7rem;
  margin-bottom: .5rem;
  position: relative;
}

.about-scut .bg {
  position: absolute;
  width: 6.69rem;
  height: 3.47rem;
  object-fit: cover;
  left: 1%;
  top: -100%;
}

.about-scut .title span {
  color: #EEB152;
  font-weight: 700;
}

.about-scut .title .title-img {
  position: absolute;
  height: 6.68rem;
  object-fit: cover;
  left: -9%;
  top: 0;
  z-index: 1;
}

.about-scut .content {
  padding: 0 .56rem;
  position: relative;
  min-height: 7.58rem;
  z-index: 9;
}

.about-scut .content .img1,
.about-scut .content .img2,
.about-scut .content .img3 {
  position: absolute;
  cursor: pointer;
}

.about-scut .content .img1 {
  width: 7.78rem;
  height: 5.78rem;
  left: 1.7rem;
  top: 0;
}

.about-scut .content .img1 img {
  width: 100%;
  height: 100%;
  transition: all .4s;
  border-radius: .4rem;
}

.about-scut .content .img1:hover img {
  transform: scale(1.1);
}

.about-scut .content .img2 {
  width: 4.85rem;
  height: 3.44rem;
  right: 1.57rem;
  top: -1.6rem;
}

.about-scut .content .img2 img {
  width: 100%;
  height: 100%;
  transition: all .4s;
}

.about-scut .content .img2:hover img {
  transform: scale(1.1);
}

.about-scut .content .img3 {
  width: 4.76rem;
  height: 3.49rem;
  bottom: 1.5rem;
  left: 9.65rem;
}

.about-scut .content .img3 img {
  width: 100%;
  height: 100%;
  transition: all .4s;
}

.about-scut .content .img3:hover img {
  transform: scale(1.1);
}

.about-scut .content .box {
  position: absolute;
  width: 3.36rem;
  height: 2.32rem;
  background: #072D55;
  border-radius: .30rem;
  padding-top: .3rem;
}

.about-scut .content .box .box-top {
  display: flex;
  padding: 0 .26rem;
  justify-content: space-between;
  margin-bottom: .3rem;
}

.about-scut .content .box .box-top p {
  font-weight: bold;
  font-size: .32rem;
  color: #FFFFFF;
}

.about-scut .content .box .box-top span {
  color: #EEB152;
  font-size: .4rem;
  cursor: pointer;
}

.about-scut .content .box .box-bottom p {
  font-size: .22rem;
  color: #FFFFFF;
  padding-left: .35rem;
}

.about-scut .content .box1 {
  bottom: -.65rem;
  left: -.57rem;
}

.about-scut .content .box2 {
  left: -3.07rem;
  bottom: -.34rem;
}

.about-scut .content .box3 {
  top: 1.23rem;
  right: -3rem;
}


@media only screen and (max-width: 768px) {
  .about-scut .content .box {
    position: absolute;
    width: 5.04rem;
    height: 3.48rem;
    background: #072D55;
    border-radius: .30rem;
    padding-top: .3rem;
  }

  .about-scut .content .box .box-top p{
    font-size: .48rem;
    margin: 0;
  }

  .about-scut .content .box .box-bottom p {
    font-size: .33rem;
    padding-left: .35rem;
  }


  .about-scut .content .box1 {
    bottom: -1.7rem;
    left: -.57rem;
  }
  
  .about-scut .content .box2 {
    left: -3.07rem;
    bottom: -2rem;
  }
  
  .about-scut .content .box3 {
    top: 2.23rem;
    right: -3rem;
  }

  .about-scut .content .img3 {
    width: 4.76rem;
    height: 3.49rem;
    bottom: 3.5rem;
    left: 9.65rem;
  }

  .about-scut .content {
    min-height: 11.58rem;
  }

}