.ip-index .banner {
  overflow: hidden; }
  .ip-index .banner.show .ban-cont .banner-txt .p1 {
    animation: show linear 1.3s;
    top: 0; }
  .ip-index .banner.show .ban-cont .banner-txt h1 {
    animation: show linear 1.5s;
    top: 0; }
  .ip-index .banner.show .ban-cont .banner-txt .banner-btnbox {
    animation: show linear 1.9s;
    top: 0; }
  .ip-index .banner.show .ban-cont .banner-txt .b-scroll-box3 {
    overflow: hidden; }
    .ip-index .banner.show .ban-cont .banner-txt .b-scroll-box3 p {
      animation: show linear 1.7s;
      top: 0; }
  .ip-index .banner.show .banner-bg1 {
    top: 40px;
    animation: show linear 1.3s; }
  .ip-index .banner .banner-bg1 {
    top: 700px;
    transition: all 1.3s; }
  .ip-index .banner .ban-cont .banner-txt .b-scroll-box1,
  .ip-index .banner .ban-cont .banner-txt .b-scroll-box2,
  .ip-index .banner .ban-cont .banner-txt .b-scroll-box3,
  .ip-index .banner .ban-cont .banner-txt .b-scroll-box4 {
    overflow: hidden; }
  .ip-index .banner .ban-cont .banner-txt .p1, .ip-index .banner .ban-cont .banner-txt h1, .ip-index .banner .ban-cont .banner-txt .b-scroll-box3 p, .ip-index .banner .ban-cont .banner-txt .banner-btnbox, .ip-index .banner .ban-cont .banner-txt .ban-click {
    position: relative;
    top: 200px; }
  .ip-index .banner .ban-cont .banner-txt .b-scroll-box2 {
    margin-bottom: 20px; }
  .ip-index .banner .ban-cont .banner-txt .p1 {
    transition: all 1.3s; }
  .ip-index .banner .ban-cont .banner-txt h1 {
    transition: all 1.5s; }
  .ip-index .banner .ban-cont .banner-txt .b-scroll-box3 p {
    transition: all 1.6s; }
  .ip-index .banner .ban-cont .banner-txt .banner-btnbox {
    transition: all 1s; }
  .ip-index .banner .ban-cont .banner-txt .ban-click {
    transition: all 2.1s; }
.ip-index .banner-trait .trait-cont > .li {
  overflow: hidden; }
  .ip-index .banner-trait .trait-cont > .li > p,
  .ip-index .banner-trait .trait-cont > .li > span {
    position: relative;
    opacity: 0;
    top: 110px;
    transition: all 1.2s; }
  .ip-index .banner-trait .trait-cont > .li.show > p,
  .ip-index .banner-trait .trait-cont > .li.show > span {
    position: relative;
    opacity: 1;
    top: 0; }
  .ip-index .banner-trait .trait-cont > .li.show:nth-of-type(1) > p, .ip-index .banner-trait .trait-cont > .li.show:nth-of-type(1) > span {
    transition-delay: 0s; }
  .ip-index .banner-trait .trait-cont > .li.show:nth-of-type(2) > p, .ip-index .banner-trait .trait-cont > .li.show:nth-of-type(2) > span {
    transition-delay: 0.15s; }
  .ip-index .banner-trait .trait-cont > .li.show:nth-of-type(3) > p, .ip-index .banner-trait .trait-cont > .li.show:nth-of-type(3) > span {
    transition-delay: 0.3s; }
  .ip-index .banner-trait .trait-cont > .li.show:nth-of-type(4) > p, .ip-index .banner-trait .trait-cont > .li.show:nth-of-type(4) > span {
    transition-delay: 0.45s; }
  .ip-index .banner-trait .trait-cont > .li.hide > p,
  .ip-index .banner-trait .trait-cont > .li.hide > span {
    opacity: 0;
    top: 110px;
    transition: all 0.5s; }
  .ip-index .banner-trait .trait-cont > .li.hide:nth-of-type(1) > p, .ip-index .banner-trait .trait-cont > .li.hide:nth-of-type(1) > span {
    transition-delay: 0.1s; }
  .ip-index .banner-trait .trait-cont > .li.hide:nth-of-type(2) > p, .ip-index .banner-trait .trait-cont > .li.hide:nth-of-type(2) > span {
    transition-delay: 0.2s; }
  .ip-index .banner-trait .trait-cont > .li.hide:nth-of-type(3) > p, .ip-index .banner-trait .trait-cont > .li.hide:nth-of-type(3) > span {
    transition-delay: 0.3s; }
  .ip-index .banner-trait .trait-cont > .li.hide:nth-of-type(4) > p, .ip-index .banner-trait .trait-cont > .li.hide:nth-of-type(4) > span {
    transition-delay: 0.4s; }
.ip-index .introduce {
  position: relative;
  z-index: 1; }
.ip-index .index-h2-box .index-h2 {
  position: relative;
  transition: all 2s;
  transform: scale(1.2);
  opacity: 0; }
  .ip-index .index-h2-box .index-h2.show {
    transform: scale(1);
    opacity: 1; }
.ip-index .city-box h5 {
  position: relative;
  top: 20px;
  opacity: 0;
  transition: all 1.8s; }
  .ip-index .city-box h5.show {
    opacity: 1;
    top: 0; }
.ip-index .city-box .ul {
  position: relative;
  opacity: 0;
  top: 50px;
  transition: all 1.8s; }
  .ip-index .city-box .ul.show {
    opacity: 1;
    top: 0; }
.ip-index .city-box .lemore {
  position: relative;
  opacity: 0;
  top: 30px;
  transition: all 1.8s; }
  .ip-index .city-box .lemore.show {
    opacity: 1;
    top: 0; }
.ip-index .boost .boost-nav {
  position: relative;
  top: 80px;
  opacity: 0;
  transition: all 1.5s; }
  .ip-index .boost .boost-nav.show {
    top: 0;
    opacity: 1; }
.ip-index .boost .boost-list > .li {
  position: relative;
  top: 100px;
  opacity: 0;
  transition: all 1.3s; }
  .ip-index .boost .boost-list > .li.show {
    opacity: 1;
    top: 0; }
    .ip-index .boost .boost-list > .li.show:nth-of-type(1) {
      transition-delay: 0.1s; }
    .ip-index .boost .boost-list > .li.show:nth-of-type(2) {
      transition-delay: 0.2s; }
    .ip-index .boost .boost-list > .li.show:nth-of-type(3) {
      transition-delay: 0.3s; }
    .ip-index .boost .boost-list > .li.show:nth-of-type(4) {
      transition-delay: 0.1s; }
    .ip-index .boost .boost-list > .li.show:nth-of-type(5) {
      transition-delay: 0.2s; }
    .ip-index .boost .boost-list > .li.show:nth-of-type(6) {
      transition-delay: 0.3s; }
    .ip-index .boost .boost-list > .li.show:nth-of-type(7) {
      transition-delay: 0.1s; }
    .ip-index .boost .boost-list > .li.show:nth-of-type(8) {
      transition-delay: 0.2s; }
    .ip-index .boost .boost-list > .li.show:nth-of-type(9) {
      transition-delay: 0.3s; }
    .ip-index .boost .boost-list > .li.show:nth-of-type(10) {
      transition-delay: 0.1s; }
    .ip-index .boost .boost-list > .li.show:nth-of-type(11) {
      transition-delay: 0.2s; }
    .ip-index .boost .boost-list > .li.show:nth-of-type(12) {
      transition-delay: 0.3s; }
  .ip-index .boost .boost-list > .li:hover > img {
    transform: scale(1.05); }
  .ip-index .boost .boost-list > .li > img {
    transform: scale(1);
    transition: all .5s; }

/*# sourceMappingURL=ipchangeranimation.css.map */
