@charset "UTF-8";
.op-1 {
  overflow: hidden;
  width: 100%;
  height: 956px;
  background-image: url(../../images/case/oppc/op-1.jpg);
  background-position: center center; }
  .op-1 .logo {
    visibility: hidden;
    padding-top: 26px;
    text-align: center; }
  .op-1 .max {
    visibility: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1; }
  .op-1 .rw {
    visibility: hidden;
    z-index: 2;
    position: absolute;
    right: -430px;
    bottom: -100px; }

.op-wp {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  height: 100%; }

.op-2 {
  width: 100%;
  height: 954px; }
  .op-2 .max {
    position: absolute;
    left: -27px;
    top: 152px;
    visibility: hidden; }
  .op-2 .nr {
    visibility: hidden;
    padding-top: 290px;
    padding-left: 822px; }
  .op-2 h1 {
    font-size: 28px;
    color: #333333;
    font-family: "黑体"; }
  .op-2 h4 {
    color: #eb8f07;
    font-size: 18px;
    line-height: 36px; }
  .op-2 .p {
    font-size: 12px;
    color: #808080;
    line-height: 28px; }
  .op-2 .pp {
    font-size: 8px;
    color: #666666;
    line-height: 18px;
    opacity: 0.4; }

.op-3 {
  overflow: hidden;
  width: 100%;
  height: 1018px;
  background-image: url(../../images/case/oppc/op-2.jpg);
  background-position: center center;
  text-align: center; }
  .op-3 img {
    visibility: hidden;
    margin-top: 125px; }

.op-4 {
  background-image: url(../../images/case/oppc/op-3.jpg); }

.op-5 {
  background-image: url(../../images/case/oppc/op-4.jpg); }

.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible !important; }

.animated.infinite {
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@-webkit-keyframes fadeIn-left {
  0% {
    -webkit-transform: translate(-500px, 0);
    transform: translate(-500px, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; } }

@keyframes fadeIn-left {
  0% {
    -webkit-transform: translate(-500px, 0);
    transform: translate(-500px, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; } }

.fadeIn-left {
  -webkit-animation-name: fadeIn-left;
  animation-name: fadeIn-left; }

@-webkit-keyframes fadeIn-right {
  0% {
    -webkit-transform: translate(500px, 0);
    transform: translate(500px, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; } }

@keyframes fadeIn-right {
  0% {
    -webkit-transform: translate(500px, 0);
    transform: translate(500px, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; } }

.fadeIn-right {
  -webkit-animation-name: fadeIn-right;
  animation-name: fadeIn-right; }

@-webkit-keyframes fadeIn-c {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes fadeIn-c {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

.fadeIn-c {
  -webkit-animation-name: fadeIn-c;
  animation-name: fadeIn-c; }