

/*动画*/

/*home*/
.zhijia_part01.swiper-slide-active .bg_maximg{ animation: bgscales 1.5s both; }
.zhijia_part02 .p2_left{ transition: all 1s; transform-origin: 0 50%; transform: rotate(-220deg) scale(0.6); }
.zhijia_part02.swiper-slide-active .p2_left{ transform-origin: 0 50%; transform: rotate(0) scale(1); }
.zhijia_part03 .p3_big{ opacity: 0.6; transition: all 01s; transform: translate3d(0,-50px,0); }
.zhijia_part03.swiper-slide-active .p3_big{ opacity: 1; transform: translate3d(0,0,0); }
.zhijia_part03 .p3_jian{ opacity: 0.5; transition: all 1.3s 0.3s; }
.zhijia_part03.swiper-slide-active  .p3_jian{ opacity: 1; }
.zhijia_part03.swiper-slide-active  .p3_jian01{ transform: translate3d(0,40px,0); }
.zhijia_part03.swiper-slide-active  .p3_jian02{ transform: translate3d(0,-20px,0); }
.zhijia_part03.swiper-slide-active  .p3_jian03{ transform: translate3d(0,30px,0); }
.zhijia_part03.swiper-slide-active  .p3_jian04{ transform: translate3d(0,-10px,0); }
.zhijia_part04 .p4_img{ opacity: 0.8; transition: all 2s;  }
.zhijia_part04.swiper-slide-active  .p4_img{ opacity: 1; transform: translate3d(0,0,0); }
.zhijia_part04 .p4_01{ transform: translate3d(-50px,-50px,0); }
.zhijia_part04 .p4_02{ transform: translate3d(50px,-50px,0); }
.zhijia_part04 .p4_03{ transform: translate3d(-50px,50px,0); }
.zhijia_part04 .p4_04{ transform: translate3d(0,-50px,0); }
.zhijia_part04 .p4_05{ transform: translate3d(50px,50px,0); }
.zhijia_part04 .part04_word{ opacity: 0; transition: all 1.2s 1.6s; transform: translate3d(0,40px,0); }
.zhijia_part04.swiper-slide-active .part04_word{ opacity: 1; transform: translate3d(0,0,0); }


/*mating*/
.mating_path02 .bg_maximg{ transition: all 1s; transform: translate3d(-30px,0,0); }
.mating_path02.swiper-slide-active .bg_maximg{ transform: translate3d(0,0,0); }
.mating_path01 .bg_maximg{  animation: bgscales 1.5s both 0.5s; transform: scale(1.26); }
.mating_path01.swiper-slide-active .bg_maximg{ transform: scale(1); }


/*checkin*/
.checkin .bg_maximg{ animation: bgscales 1.5s both 0.5s; }
.checkin_banner{ -webkit-transition: all 0.1s; }

/*live*/
.live_part01.swiper-slide-active .bg_maximg{ animation: bgscales 1.5s both; }
.live_part02 .part03_imgbox,
.live_part02 .life_word{ opacity: 0; transition: all 1.5s; }
.live_part02.swiper-slide-active .part03_imgbox,
.live_part02.swiper-slide-active .life_word{ opacity: 1; transform: translate3d(0,0,0); }
.live_part02 .part03_imgbox{ transform: translate3d(0,-30px,0); }
.live_part02 .life_word{ transform: translate3d(0,30px,0); }

/*life_fina.php*/
.fina_path01.swiper-slide-active .bg_maximg,
.chain_path01.swiper-slide-active .bg_maximg{ animation: bgscales 1.5s both; }
.chain_path03 .path_img{ transform: translate3d(120px,0,0); }
.chain_path03.swiper-slide-active .path_img{ transform: translate3d(0,0,0); }
.chain_path03 .path_img01{ transition: all 1s; }
.chain_path03 .path_img02{ transition: all 1s 0.6s; }
.chain_path04 .path_img{ transition: all 1s; transform: translate3d(0,80px,0); }
.chain_path04.swiper-slide-active .path_img{ transform: translate3d(0,0,0); }
/*consume*/
.consume_path02 .litbox img{ opacity: 0.6; transform: translate3d(0,60px,0); }
.consume_path02.swiper-slide-active .litbox img{ opacity: 1; transform: translate3d(0,0,0); }
.consume_path02 .litbox .pic_lit01{ transition: all 0.5s 0.1s; }
.consume_path02 .litbox .pic_lit02{ transition: all 0.5s 0.2s; }
.consume_path02 .litbox .pic_lit03{ transition: all 0.5s 0.3s; }
.consume_path02 .litbox .pic_lit04{ transition: all 0.5s 0.4s; }
.consume_path02 .litbox .pic_lit05{ transition: all 0.5s 0.5s; }
.consume_path03 .litbox img{ opacity:0.5 }
.consume_path03.swiper-slide-active .litbox img{ opacity: 1; transform: translate3d(0,0,0); }
.consume_path03 .pic_lit01{ transition: all 0.5s 0.2s; transform: translate3d(-60px,0,0); }
.consume_path03 .pic_lit02{ transition: all 0.5s 0.4s; transform: translate3d(60px,0,0); }
.consume_path03 .pic_lit03{ transition: all 0.5s 0.6s; transform: translate3d(-60px,0,0); }
.consume_path03 .pic_lit04{ transition: all 0.5s 0.8s; transform: translate3d(60px,0,0); }
.consume_path03 .pic_lit05{ transition: all 0.5s 1s; transform: translate3d(-60px,0,0); }
.consume_path04 .consume_p4a{ transform: scale(0.6); }
.consume_path04.swiper-slide-active .consume_p4a{ transform: scale(1); }
.consume_path04 .consume_p4a_01{ transition: all 0.5s 0.2s; }
.consume_path04 .consume_p4a_02{ transition: all 0.5s 0.4s; }
.consume_path04 .consume_p4a_03{ transition: all 0.5s 0.6s; }
/*wood*/
.wood_path02 .wp_picbox .wp_pic{ opacity: 0.3; transform: scale(0.6) rotatey(0); }
.wood_path02.swiper-slide-active .wp_picbox .wp_pic{ opacity: 1; transform: scale(1) rotatey(-360deg); }
.wood_path02 .wp_picbox .wp_pic01{ transition: all 1s 0.3s; }
.wood_path02 .wp_picbox .wp_pic02{ transition: all 1s 0.6s;}
.wood_path02 .wp_picbox .wp_pic03{ transition: all 1s 0.9s; }
.wood_path03 .wp_pic{ transition: all 1s 0.3s; }
.wood_path03.swiper-slide-active .wp_pic{ transform: translate3d(0,0,0); }
.wood_path03 .wp_pic01{ transform: translate3d(8.5%,23.56%,0); }
.wood_path03 .wp_pic02{ transform: translate3d(-8.5%,23.56%,0); }
.wood_path03 .wp_pic03{ transform: translate3d(8.5%,-23.56%,0); }
.wood_path03 .wp_pic04{ transform: translate3d(-8.5%,-23.56%,0); }
.wood_path04 .litbox{ transform: rotate(-90deg) scale(0.5); transition: all 1s;  }
.wood_path04.swiper-slide-active .litbox{ transform: rotate(-360deg) scale(1); }
/*zero*/

.zero_path03 .wp_pic{ opacity: 0; transform: translate3d(0,-45px,0); }
.zero_path03.swiper-slide-active .wp_pic{ opacity: 1; transform: translate3d(0,0,0); }
.zero_path03 .wp_pic01{ transition: all 0.4s 0.2s; }
.zero_path03 .wp_pic02{ transition: all 0.4s 0.3s; }
.zero_path03 .wp_pic03{ transition: all 0.4s 0.4s; }
.zero_path03 .wp_pic04{ transition: all 0.4s 0.5s; }
.zero_path03 .wp_pic05{ transition: all 0.4s 0.6s; }

.zero_path04 .wp_pic{ opacity: 0; transition: all 0.8s 0.4s; }
.zero_path04.swiper-slide-active .wp_pic{ opacity: 1; transform: translate3d(0,0,0); }
.zero_path04 .wp_pic01{ transform: translate3d(80px,0,0); }
.zero_path04 .wp_pic02{ transform: translate3d(-80px,0,0); }


/*背景*/
@keyframes  bgscales
{
	0%{ transform: scale(1) }
	50%{ transform: scale(3); }
	100%{ transform: scale(1); }
}

