.special-type {
  color: #19bdc9;
  font-size: 28px;
  /* margin-bottom: 28px; */
  margin-bottom: 19px;
}

.special_cc>div {
  margin-bottom: 20px;
  color: #58595b;
}

.vvv_01 ul {
  display: flex;
  flex-wrap: wrap;
}

.vvv_01 ul li {
  position: relative;
  overflow: hidden;
  width: 270px;
  height: 256px;
  margin-right: 24px;
  margin-bottom: 30px;
}

/* .vvv_01{
  padding-top: 11px;
} */
.vvv_01 {
  padding-top: 32px;
}

/* .vvv_01 ul li .wudi {
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url(../image/keep-out6.png);
  height: 98px;
  width: 100%;
  padding: 55px 15px 0;
  font-size: 18px;
  color: #fff;
} */



.vvv_01 ul li::before {
  content: "";
  position: absolute;
  z-index: 99;
  bottom: -67px;
  left: 0px;
  width: 271px;
  height: 93px;
  min-height: 110px;
  background: rgba(0, 112, 112, 0.85);
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  -o-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: skewY(12deg);
  -moz-transform: skewY(12deg);
  -ms-transform: skewY(12deg);
  -o-transform: skewY(12deg);
  transform: skewY(12deg);
  -webkit-transition: background 0.3s ease 0s;
  -moz-transition: background 0.3s ease 0s;
  -ms-transition: background 0.3s ease 0s;
  -o-transition: background 0.3s ease 0s;
  transition: background 0.3s ease 0s;
}

.vvv_01 div {
  /* width: 270px; */
  /* width: 246px; */
  height: 256px;
}

.vvv_01 .wudi {
  position: absolute;
  left: 15px;
  bottom: 5px;
  z-index: 100;
  color: #fff;
  font-size: 18px;
  height: auto;
}

.udi1 {
  bottom: 5px;
}

.vvv_01 ul li:nth-child(2) .wudi {
  position: absolute;
}

.vvv_01 ul li:hover::before {
  background: rgba(25, 189, 201, .85);

}

.chemistry .chemistry_fr:nth-child(2) .vvv_01 ul li .ccv {
  width: 270px;
  overflow: hidden;
}

.chemistry .chemistry_fr:nth-child(2) .vvv_01 ul li .ccv img {
  cursor: pointer;
  transition: all 0.6s;
}

.chemistry .chemistry_fr:nth-child(2) .vvv_01 ul li .ccv img:hover {
  transform: scale(1.3);
  transition: all 1s ease 0s;
  -webkit-transform: scale(1.3);
  -webkit-transform: all 1s ease 0s;
}

.wudi>div {
  width: auto;
  height: auto;
}

.vvv_01 .wudi {

  /* bottom: 0; */
  bottom: 13px;
}


@media screen and (max-width: 768px) {
  .vvv_01 ul {
    display: flex;
    justify-content: center;
  }

.vvv_01 ul li{
	height: 339px;
}
.vvv_01 ul li>div:nth-child(1){
	height: 100% !important;
}
.vvv_01 ul li>div:nth-child(1)>div{
	height: 347px;
}
.wudi.tta{
	top: 294px;
}
  .vvv_01 div {
    width: auto;
  }

  .special-type {
    font-size: .4rem;
  }

  .chemistry .chemistry_fr:nth-child(2) .vvv_01 ul li .ccv {
    width: 100%;
	height: 100% !important;
  }

  .vvv_01 ul li::before {
    width: 100%;
    bottom: -1.5rem;
    height: 2.4rem;
  }

  .vvv_01 .wudi {
    bottom: .2rem;
  }




}