#management .product-banner {
  background: url(/skin/product/images/management-banner.jpg)center no-repeat;
}

#management .background-odd:first-child .product-right {
  background-image: url("/skin/product/images/management-pic1@1x.png");
  background-image: -webkit-image-set(url("/skin/product/images/management-pic1@1x.png") 1x, url("/skin/product/images/management-pic1@2x.png") 2x);
  background-image: -moz-image-set(url("/skin/product/images/management-pic1@1x.png") 1x, url("/skin/product/images/management-pic1@2x.png") 2x);
  background-image: -o-image-set(url("/skin/product/images/management-pic1@1x.png") 1x, url("/skin/product/images/management-pic1@2x.png") 2x);
  background-image: -ms-image-set(url("/skin/product/images/management-pic1@1x.png") 1x, url("/skin/product/images/management-pic1@2x.png") 2x);
  background-repeat: no-repeat;
}

#management .background-odd:last-child .product-right {
  background-image: url("/skin/product/images/management-pic3@1x.png");
  background-image: -webkit-image-set(url("/skin/product/images/management-pic3@1x.png") 1x, url("/skin/product/images/management-pic3@2x.png") 2x);
  background-image: -moz-image-set(url("/skin/product/images/management-pic3@1x.png") 1x, url("/skin/product/images/management-pic3@2x.png") 2x);
  background-image: -o-image-set(url("/skin/product/images/management-pic3@1x.png") 1x, url("/skin/product/images/management-pic3@2x.png") 2x);
  background-image: -ms-image-set(url("/skin/product/images/management-pic3@1x.png") 1x, url("/skin/product/images/management-pic3@2x.png") 2x);
  background-repeat: no-repeat;
}

#management .background-even .product-left {
  background-image: url("/skin/product/images/management-pic2@1x.png");
  background-image: -webkit-image-set(url("/skin/product/images/management-pic2@1x.png") 1x, url("/skin/product/images/management-pic2@2x.png") 2x);
  background-image: -moz-image-set(url("/skin/product/images/management-pic2@1x.png") 1x, url("/skin/product/images/management-pic2@2x.png") 2x);
  background-image: -o-image-set(url("/skin/product/images/management-pic2@1x.png") 1x, url("/skin/product/images/management-pic2@2x.png") 2x);
  background-image: -ms-image-set(url("/skin/product/images/management-pic2@1x.png") 1x, url("/skin/product/images/management-pic2@2x.png") 2x);
  background-repeat: no-repeat;
}


#management .management-value {
  width: 100%;
  height: 625px;
  background: #F1FAFD;
  padding-top: 78px;
}

#management .management-value .management-value-info {
  /* width: 1298px; */
  height: 456px;
  background: #48C7FA;
  border-radius: 10px;
  margin: 0 auto;
  padding-top: 58px;
  position: relative;
  overflow: hidden;
  max-width: 1298px;
}

#management .management-value .management-value-info h4 {
  font-size: 28px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  margin: 0;
}

#management .management-value .management-value-info .management-case {
  justify-content: center;
  /* width: 1560px; */
  position: absolute;
  /* transition: all 500ms; */
  left: -156px;
}

#management .management-value .management-value-info .management-case .management-case-item {
  width: 294px;
  height: 179px;
  box-shadow: 0px 3px 20px 0px rgba(51, 51, 51, 0.15);
  border-radius: 10px;
  margin: 62px 14px 0;
  background: #fff;
  display: flex;
  transition: all 1000ms;
  transform: rotateY(0);
  opacity: 1;
  transform-style: preserve-3d;
}

#management .management-value .management-value-info .management-case .management-case-box {
  perspective: 200px;
}

#management .management-value .management-value-info .management-case .management-case-box.first {
  perspective-origin: right
}

#management .management-value .management-value-info .management-case .management-case-box.first .management-case-item {
  transform-origin: right;
  transform: rotateY(-12deg);
  opacity: 0.6219;
}

#management .management-value .management-value-info .management-case .management-case-box.first .management-case-item:hover,
#management .management-value .management-value-info .management-case .management-case-box.last .management-case-item:hover {
  cursor: pointer;
}

#management .management-value .management-value-info .management-case .management-case-box.last {
  perspective-origin: left
}

#management .management-value .management-value-info .management-case .management-case-box.last .management-case-item {
  transform-origin: left;
  transform: rotateY(12deg);
  opacity: 0.6219;
}


#management .management-value .management-value-info .management-case .management-case-item .management-case-img {
  width: 73px;
  height: 73px;
  margin: 54px 20px 55px 27px;
}


#management .management-value .management-value-info .management-case .management-case-item .management-case-desc h4 {
  font-size: 16px;
  color: #4A4A4A;
  line-height: 22px;
  font-weight: 400;
  text-align: left;
}

#management .management-value .management-value-info .management-case .management-case-item .management-case-desc {
  width: 174px;
  padding-top: 34px;
}

#management .management-value .management-value-info .management-case .management-case-item .management-case-desc p {
  font-size: 14px;
  color: #4A4A4A;
  line-height: 24px;
  font-weight: 300;
  margin-top: 16px;
}



@media only screen and (max-width: 768px) {
  #management .management-value .management-value-info {
    width: 100%;
  }

}