/* CSS Document */
.jianbuzou-wp1200 {
  height: 100%;
  width: 1200px;
  margin: 0 auto;
  position: relative; }
.jianbuzou-logo {
  position: relative;
  margin-top: 100px;
  text-align: center;
  opacity: 0;
  top: -50px;
  -webkit-transition: 0.6s ease all 0.4s;
  -moz-transition: 0.6s ease all 0.4s;
  transition: 0.6s ease all 0.4s; }
  .jianbuzou-logo-animated {
    top: 0;
    opacity: 1; }
.jianbuzou-one {
  width: 100%;
  height: 1163px;
  overflow: hidden;
  background: #fff none no-repeat center center;
  background-size: cover;
  background-image: url(../../images/case/jianbuzou/bg_1.jpg); }
  .jianbuzou-one-img {
    position: relative;
    top: 50px;
    width: 1081px;
    height: 823px;
    margin: 0 auto; }
    .jianbuzou-one-img .li, .jianbuzou-one-img .li2, .jianbuzou-one-img .li3 {
      position: absolute;
      left: 0px;
      opacity: 0; }
    .jianbuzou-one-img .li {
      top: 100px;
      -webkit-transition: 1s ease all 0.5s;
      -moz-transition: 1s ease all 0.5s;
      transition: 1s ease all 0.5s; }
    .jianbuzou-one-img .li2 {
      top: 120px;
      -webkit-transition: 1s ease all 0.6s;
      -moz-transition: 1s ease all 0.6s;
      transition: 1s ease all 0.6s; }
    .jianbuzou-one-img .li3 {
      top: 140px;
      -webkit-transition: 1s ease all 0.8s;
      -moz-transition: 1s ease all 0.8s;
      transition: 1s ease all 0.8s; }
    .jianbuzou-one-img-animated .li, .jianbuzou-one-img-animated .li2, .jianbuzou-one-img-animated .li3 {
      top: 0;
      opacity: 1; }
.jianbuzou-two {
  width: 100%;
  height: 1188px;
  overflow: hidden;
  padding-top: 100px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff none no-repeat center center;
  background-size: cover;
  background-image: url(../../images/case/jianbuzou/bg_2.jpg); }
  .jianbuzou-two-animated .jianbuzou-two-en {
    left: 0px;
    opacity: 1; }
  .jianbuzou-two-animated .jianbuzou-two-people {
    left: 0px;
    opacity: 1; }
  .jianbuzou-two-animated .jianbuzou-two-color {
    left: 0px;
    opacity: 1; }
  .jianbuzou-two-animated .jianbuzou-two-text .title, .jianbuzou-two-animated .jianbuzou-two-text .en, .jianbuzou-two-animated .jianbuzou-two-text .border, .jianbuzou-two-animated .jianbuzou-two-text .p {
    left: 0px;
    opacity: 1; }
  .jianbuzou-two-en {
    position: absolute;
    top: 0px;
    left: 600px;
    opacity: 0;
    -webkit-transition: 1s ease-out all 0.4s;
    -moz-transition: 1s ease-out all 0.4s;
    transition: 1s ease-out all 0.4s; }
  .jianbuzou-two-people {
    position: absolute;
    top: 0px;
    left: 200px;
    opacity: 0;
    -webkit-transition: 1s ease-out all 0.8s;
    -moz-transition: 1s ease-out all 0.8s;
    transition: 1s ease-out all 0.8s; }
  .jianbuzou-two-color {
    position: absolute;
    top: 0px;
    left: 100px;
    opacity: 0;
    -webkit-transition: 0.8s ease-out all 1.2s;
    -moz-transition: 0.8s ease-out all 1.2s;
    transition: 0.8s ease-out all 1.2s; }
  .jianbuzou-two-text {
    position: absolute;
    top: 500px;
    left: 0px; }
    .jianbuzou-two-text .title {
      position: relative;
      left: -100px;
      opacity: 0;
      font-size: 60px;
      font-weight: bold;
      color: #333;
      -webkit-transition: 0.8s ease-out all 0.4s;
      -moz-transition: 0.8s ease-out all 0.4s;
      transition: 0.8s ease-out all 0.4s; }
    .jianbuzou-two-text .en {
      position: relative;
      left: -100px;
      opacity: 0;
      margin-top: 10px;
      text-transform: uppercase;
      font-size: 24px;
      font-family: "Arial";
      color: #999;
      -webkit-transition: 0.8s ease-out all 0.6s;
      -moz-transition: 0.8s ease-out all 0.6s;
      transition: 0.8s ease-out all 0.6s; }
    .jianbuzou-two-text .border {
      position: relative;
      left: -100px;
      opacity: 0;
      margin-top: 24px;
      width: 112px;
      height: 4px;
      background: #ff7200;
      -webkit-transition: 0.8s ease-out all 0.8s;
      -moz-transition: 0.8s ease-out all 0.8s;
      transition: 0.8s ease-out all 0.8s; }
    .jianbuzou-two-text .p {
      position: relative;
      left: -100px;
      opacity: 0;
      margin-top: 20px;
      width: 516px;
      font-size: 16px;
      color: #666;
      line-height: 40px;
      -webkit-transition: 0.8s ease-out all 1s;
      -moz-transition: 0.8s ease-out all 1s;
      transition: 0.8s ease-out all 1s; }
.jianbuzou-three {
  width: 100%;
  height: 1089px;
  overflow: hidden;
  background: #fff none no-repeat center center;
  background-size: cover;
  background-image: url(../../images/case/jianbuzou/bg_3.jpg); }
  .jianbuzou-three-img {
    width: 890px;
    height: 969px;
    position: absolute;
    top: 0px;
    left: 0px; }
    .jianbuzou-three-img .li, .jianbuzou-three-img .li2 {
      position: absolute;
      top: 40px;
      left: -100px;
      opacity: 0; }
    .jianbuzou-three-img .li {
      -webkit-transition: 0.8s ease-out all 0.4s;
      -moz-transition: 0.8s ease-out all 0.4s;
      transition: 0.8s ease-out all 0.4s; }
    .jianbuzou-three-img .li2 {
      -webkit-transition: 0.8s ease-out all 0.8s;
      -moz-transition: 0.8s ease-out all 0.8s;
      transition: 0.8s ease-out all 0.8s; }
    .jianbuzou-three-img-animated .li, .jianbuzou-three-img-animated .li2 {
      opacity: 1;
      left: 0px; }
  .jianbuzou-three-text {
    position: absolute;
    top: 360px;
    right: 0px;
    width: 440px; }
    .jianbuzou-three-text .title {
      position: relative;
      left: 100px;
      opacity: 0;
      font-size: 60px;
      font-weight: bold;
      color: #fff;
      -webkit-transition: 0.6s ease-out all 0.4s;
      -moz-transition: 0.6s ease-out all 0.4s;
      transition: 0.6s ease-out all 0.4s; }
    .jianbuzou-three-text .en {
      position: relative;
      left: 100px;
      opacity: 0;
      margin-top: 10px;
      text-transform: uppercase;
      font-size: 24px;
      font-family: "Arial";
      color: #fff;
      -webkit-transition: 0.6s ease-out all 0.6s;
      -moz-transition: 0.6s ease-out all 0.6s;
      transition: 0.6s ease-out all 0.6s; }
    .jianbuzou-three-text .border {
      position: relative;
      left: 100px;
      opacity: 0;
      margin-top: 24px;
      width: 112px;
      height: 4px;
      background: #fff;
      -webkit-transition: 0.6s ease-out all 0.8s;
      -moz-transition: 0.6s ease-out all 0.8s;
      transition: 0.6s ease-out all 0.8s; }
    .jianbuzou-three-text .p {
      position: relative;
      left: 100px;
      opacity: 0;
      margin-top: 20px;
      font-size: 16px;
      color: #fff;
      line-height: 40px;
      -webkit-transition: 0.6s ease-out all 1s;
      -moz-transition: 0.6s ease-out all 1s;
      transition: 0.6s ease-out all 1s; }
    .jianbuzou-three-text-animated .title, .jianbuzou-three-text-animated .en, .jianbuzou-three-text-animated .border, .jianbuzou-three-text-animated .p {
      left: 0px;
      opacity: 1; }
.jianbuzou-four {
  width: 100%;
  height: 1145px;
  overflow: hidden;
  background: #fff none no-repeat center center;
  background-size: cover;
  background-image: url(../../images/case/jianbuzou/bg_4.jpg); }
  .jianbuzou-four-text {
    margin-top: 60px;
    text-align: center; }
    .jianbuzou-four-text .title {
      font-size: 60px;
      font-weight: bold;
      color: #333;
      opacity: 0;
      position: relative;
      top: -20px;
      -webkit-transition: 0.6s ease-out all 0.4s;
      -moz-transition: 0.6s ease-out all 0.4s;
      transition: 0.6s ease-out all 0.4s; }
    .jianbuzou-four-text .en {
      margin-top: 4px;
      text-transform: uppercase;
      font-size: 24px;
      font-family: "Arial";
      color: #999;
      opacity: 0;
      position: relative;
      top: -20px;
      -webkit-transition: 0.6s ease-out all 0.6s;
      -moz-transition: 0.6s ease-out all 0.6s;
      transition: 0.6s ease-out all 0.6s; }
    .jianbuzou-four-text .border {
      margin: 0 auto;
      margin-top: 20px;
      width: 112px;
      height: 4px;
      background: #ff7200;
      opacity: 0;
      position: relative;
      top: -20px;
      -webkit-transition: 0.6s ease-out all 0.8s;
      -moz-transition: 0.6s ease-out all 0.8s;
      transition: 0.6s ease-out all 0.8s; }
    .jianbuzou-four-text .p {
      width: 784px;
      margin: 0 auto;
      margin-top: 16px;
      font-size: 16px;
      color: #666;
      line-height: 40px;
      opacity: 0;
      position: relative;
      top: -20px;
      -webkit-transition: 0.6s ease-out all 1s;
      -moz-transition: 0.6s ease-out all 1s;
      transition: 0.6s ease-out all 1s; }
    .jianbuzou-four-text-animated .title, .jianbuzou-four-text-animated .en, .jianbuzou-four-text-animated .border, .jianbuzou-four-text-animated .p {
      top: 0;
      opacity: 1; }
  .jianbuzou-four-img {
    position: relative;
    width: 915px;
    height: 661px;
    margin: 0 auto;
    margin-top: 40px; }
    .jianbuzou-four-img .li, .jianbuzou-four-img .li2, .jianbuzou-four-img .li3 {
      position: absolute;
      top: 0px;
      left: 0px; }
    .jianbuzou-four-img .li3 {
      opacity: 0;
      -webkit-transition: 0.8s ease all 0.4s;
      -moz-transition: 0.8s ease all 0.4s;
      transition: 0.8s ease all 0.4s; }
    .jianbuzou-four-img .li {
      left: 300px;
      opacity: 0;
      -webkit-transition: 0.8s ease all 0.6s;
      -moz-transition: 0.8s ease all 0.6s;
      transition: 0.8s ease all 0.6s; }
    .jianbuzou-four-img .li2 {
      left: -300px;
      opacity: 0;
      -webkit-transition: 0.8s ease all 0.6s;
      -moz-transition: 0.8s ease all 0.6s;
      transition: 0.8s ease all 0.6s; }
    .jianbuzou-four-img-animated .li3 {
      opacity: 1; }
    .jianbuzou-four-img-animated .li, .jianbuzou-four-img-animated .li2 {
      left: 0;
      opacity: 1; }
.jianbuzou-five {
  width: 100%;
  height: 916px;
  overflow: hidden;
  background: #fff none no-repeat center center;
  background-size: cover;
  background-image: url(../../images/case/jianbuzou/bg_5.jpg); }
  .jianbuzou-five-img {
    position: absolute;
    right: 0px;
    top: 95px;
    height: 710px; }
    .jianbuzou-five-img .li, .jianbuzou-five-img .li2 {
      position: absolute;
      right: 0px;
      top: 0px; }
    .jianbuzou-five-img .li {
      right: -200px;
      opacity: 0;
      -webkit-transition: 1s ease all 0.6s;
      -moz-transition: 1s ease all 0.6s;
      transition: 1s ease all 0.6s; }
    .jianbuzou-five-img .li2 {
      right: -200px;
      opacity: 0;
      -webkit-transition: 1s ease all 0.8s;
      -moz-transition: 1s ease all 0.8s;
      transition: 1s ease all 0.8s; }
    .jianbuzou-five-img-animated .li, .jianbuzou-five-img-animated .li2 {
      right: 0px;
      opacity: 1; }
  .jianbuzou-five-text {
    position: absolute;
    top: 260px;
    left: 0px; }
    .jianbuzou-five-text .title {
      position: relative;
      left: -100px;
      opacity: 0;
      font-size: 60px;
      font-weight: bold;
      color: #333;
      -webkit-transition: 0.6s ease-out all 0.4s;
      -moz-transition: 0.6s ease-out all 0.4s;
      transition: 0.6s ease-out all 0.4s; }
    .jianbuzou-five-text .en {
      position: relative;
      left: -100px;
      opacity: 0;
      margin-top: 10px;
      text-transform: uppercase;
      font-size: 24px;
      font-family: "Arial";
      color: #999;
      -webkit-transition: 0.6s ease-out all 0.6s;
      -moz-transition: 0.6s ease-out all 0.6s;
      transition: 0.6s ease-out all 0.6s; }
    .jianbuzou-five-text .border {
      position: relative;
      left: -100px;
      opacity: 0;
      margin-top: 24px;
      width: 112px;
      height: 4px;
      background: #ff7200;
      -webkit-transition: 0.6s ease-out all 0.8s;
      -moz-transition: 0.6s ease-out all 0.8s;
      transition: 0.6s ease-out all 0.8s; }
    .jianbuzou-five-text .p {
      position: relative;
      left: -100px;
      opacity: 0;
      margin-top: 20px;
      width: 516px;
      font-size: 16px;
      color: #666;
      line-height: 40px;
      -webkit-transition: 0.6s ease-out all 1s;
      -moz-transition: 0.6s ease-out all 1s;
      transition: 0.6s ease-out all 1s; }
    .jianbuzou-five-text-animated .title, .jianbuzou-five-text-animated .en, .jianbuzou-five-text-animated .border, .jianbuzou-five-text-animated .p {
      left: 0px;
      opacity: 1; }

/*# sourceMappingURL=case-jianbuzou.css.map */