.jpInnerTitleCn {
  font-size: 60px;
  font-weight: bold;
  color: #b4221f;
}
.jpInnerTitleCn span {
  font-size: 36px;
}
.jpInnerTitleEn {
  font-size: 30px;
  font-weight: 200;
  color: #666666;
  margin-top: 10px;
  opacity: 0;
}
.jpBorderLine {
  position: relative;
  display: inline-block;
  padding-right: 4.5%;
}
.jpBorderLine b {
  display: inline-block;
  opacity: 0;
  width: 3px;
  position: absolute;
  bottom: 6px;
  top: 6px;
  right: 0px;
  background-color: #b4221f;
  animation: bMove 1s 1s forwards;
}
.jpBorderLine::before {
  content: '';
  opacity: 0;
  display: inline-block;
  width: 47%;
  height: 3px;
  background-color: #b4221f;
  position: absolute;
  top: 6px;
  right: 0px;
  animation: beforeMove 1s 1s forwards;
}
.jpBorderLine::after {
  content: '';
  opacity: 0;
  display: inline-block;
  width: 38%;
  height: 3px;
  background-color: #b4221f;
  position: absolute;
  bottom: 6px;
  right: 0px;
  animation: afterMove 1s 1s forwards;
}
@media only screen and (max-width: 768px){
  .jpInnerTitleCn {
  font-size: 50px;
  font-weight: bold;
  color: #b4221f;
}
.jpInnerTitleCn span {
  font-size: 26px;
}
.jpInnerTitleEn {
  font-size: 20px;
  }
}

/* beforeMove Start */
@keyframes beforeMove {
  from {
    width: 0px;
    opacity: 0;
  }
  to {
    width: 47%;
    opacity: 1;
  }
}
/* Firefox */
@-moz-keyframes beforeMove {
  from {
    width: 0px;
    opacity: 0;
  }
  to {
    width: 47%;
    opacity: 1;
  }
}
/* Safari 和 Chrome */
@-webkit-keyframes beforeMove {
  from {
    width: 0px;
    opacity: 0;
  }
  to {
    width: 47%;
    opacity: 1;
  }
}
/* Opera */
@-o-keyframes beforeMove {
  from {
    width: 0px;
    opacity: 0;
  }
  to {
    width: 47%;
    opacity: 1;
  }
}
/* beforeMove End */
/* afterMove Start */
@keyframes afterMove {
  from {
    width: 0px;
    opacity: 0;
  }
  to {
    width: 38%;
    opacity: 1;
  }
}
/* Firefox */
@-moz-keyframes afterMove {
  from {
    width: 0px;
    opacity: 0;
  }
  to {
    width: 38%;
    opacity: 1;
  }
}
/* Safari 和 Chrome */
@-webkit-keyframes afterMove {
  from {
    width: 0px;
    opacity: 0;
  }
  to {
    width: 38%;
    opacity: 1;
  }
}
/* Opera */
@-o-keyframes afterMove {
  from {
    width: 0px;
    opacity: 0;
  }
  to {
    width: 38%;
    opacity: 1;
    
  }
}
/* afterMove End */
/* bMove Start */
@keyframes bMove {
  from {
    height: 0px;
    opacity: 0;
  }
  to {
    height: calc(100% - 12px);
    opacity: 1;
  }
}
/* Firefox */
@-moz-keyframes bMove {
  from {
    height: 0px;
    opacity: 0;
  }
  to {
    height: calc(100% - 12px);
    opacity: 1;
  }
}
/* Safari 和 Chrome */
@-webkit-keyframes bMove {
  from {
    height: 0px;
    opacity: 0;
  }
  to {
    height: calc(100% - 12px);
    opacity: 1;
  }
}
/* Opera */
@-o-keyframes bMove {
  from {
    height: 0px;
    opacity: 0;
  }
  to {
    height: calc(100% - 12px);
    opacity: 1;
  }
}
/* bMove End */