.visco {
  position: relative;
  overflow: hidden;
}

.visco > img {
  width: 100%;
}

.visco_proc {
  position: absolute;
  right: 50px;
  bottom: 45px;
  text-align: right;
  width: 65%;
  color: #fff;
}

.firstp {
  font-size: 24px;
  margin-bottom: 20px;
  margin-top: 25px;
}

.lastp {
  font-size: 14px;
}

.redspan {
  position: absolute;
  left: 50px;
  bottom: 45px;
}

.redspan a {
  font-size: 18px;
  color: #ff001b;
}

.content .title {
  font-size: 24px;
  margin-top: 55px;
}
.content .cont {
  font-size: 14px;
  margin-top: 20px;
}

.cont span {
  margin-top: 30px;
  display: block;
}

.visco_cont {
  margin-bottom: 70px;
  padding: 0 32px;
}

.cont img {
  margin-top: 40px;
}

@media only screen and (max-width: 1024px) {
  .visco {
    margin-top: 30px;
    height: auto;
  }

  .visco > img {
    display: none;
    height: 250px;
  }

  .redspan {
    display: block;
    top: 29px;
    left: 1.5em;
    /* left: auto; */
    height: 20px;
  }

  .visco_cont {
    font-size: 14px;
  }

  .visco_proc {
    text-align: left;
    width: auto;
    padding: 1.5em;
    position: initial;
    padding-top: 60px;
  }

  .firstp {
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 5px;
  }

  .content .title {
    font-size: 20px;
    margin-top: 20px;
  }

  .cont span {
    margin-top: 20px;
  }
}

.visco_cont .arrow {
  width: 220px;
  height: 40px;
  line-height: 40px;
  background: #7b7b7b url(/img/arrowwhite.png) no-repeat 91% 50%;
  margin-top: 30px;
  display: inline-block;
  /* padding: 0 25px; */
  /* background: #ff001b; */
  color: #fff;
  font-size: 14px;
  /* text-align: center; */
  /* box-sizing: border-box; */
  padding-left: 22px;
}