/* scene.css @author: joeth (joeth@qq.com) @date: 14-10-25 */
.hide { display: none; }

.piwen {
  display: none;
  position: absolute;
  bottom: 70px;
  color: #fff;
  z-index: 100;
  width: 100%;
  background-repeat: no-repeat;
  height: 30px;
}
.piwen0 {
  background-image: url(../images/scene0923/scene2/wz.png);
  background-position: left;
  bottom: 50px;
  display: block;
}
.piwen1 {
  background-image: url(../images/scene0923/scene3/wz.png);
  background-position: left;
  bottom: 50px;
}
.piwen2 {
  background-image: url(../images/scene0923/scene4/wz.png);
  background-position: left;
    bottom: 50px;
}
.piwen3 {
  background-image: url(../images/scene0923/scene5/wz.png);
  background-position: left;
  bottom: 50px;
}
.piwen4 {
  background-image: url(../images/scene0923/scene6/wz.png);
  bottom: 50px;

}

.opacity0 { opacity: 0; }

.opacity1 { opacity: 1; }

.loading { background-color: #000; color: #FFF; height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 999; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.loading .loading-text { color: #FFF; height: 40px; line-height: 40px; width: 100%; text-align: center; margin-top: -20px; position: absolute; left: 0; top: 50%; }

.scene-panel { background-color: #000; color: #FFF; font-family: "Myriad", "Lucida Grande", "Hiragino Sans GB", "Helvetica Neue", "Microsoft YaHei", Tahoma, Helvetica, serif, "Simsun"; font-size: 14px; height: 100%; width: 100%; min-width: 960px; overflow: hidden; position: relative; }

.scene-wrapper { width: 960px; height: 544px; margin-left: -480px; margin-top: -272px; position: relative; left: 50%; top: 52%; }

.scene { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.scene .scene-wrapper { height: 544px; }

.btn-scene-prev, .btn-scene-next { background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; border: none; cursor: pointer; height: 60px; width: 60px; overflow: hidden; text-indent: -99em; margin-top: -30px; position: absolute; top: 50%; z-index: 5; resize: none; }
.btn-scene-prev:focus, .btn-scene-next:focus { outline: none; }

.btn-scene-prev { background-image: url(../images/scene/btn_scene_prev.png); left: -40px; }

.btn-scene-next { background-image: url(../images/scene/btn_scene_next.png); right: -40px; }

.scene-active { opacity: 1; z-index: 5; }

.scene-mark, .scene-logo, .scene-cp, .scene-ggy, .scene-desktop, .scene-plant, .scene-product, .scene-element, .scene-title, .scene-text, .scene-spokesman, .scene-pill, .scene-pill-body, .scene-pill-light { text-indent: -999em; position: absolute; }

.scene-index .scene-mark { height: 47px; width: 34px; }
.scene-index .scene-desktop {
  background: url(../images/scene0923/scene_desktop.png) no-repeat 50% 50%;
  background-size: 100% auto;
  height: 180px;
  width: 100%;
  margin-bottom: -352px;
  bottom: 50%;
  left: 0;
  opacity: 0;
  -webkit-transform:
  translate3d(0, 60px, 0);
  -moz-transform: translate3d(0, 60px, 0);
  -ms-transform: translate3d(0, 60px, 0);
  -o-transform: translate3d(0, 60px, 0);
  transform: translate3d(0, 60px, 0);
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.scene-index .scene1.scene-active .scene-pill-light { -webkit-animation: PillLight 2s linear 1.2s infinite forwards; -moz-animation: PillLight 2s linear 1.2s infinite forwards; -ms-animation: PillLight 2s linear 1.2s infinite forwards; -o-animation: PillLight 2s linear 1.2s infinite forwards; animation: PillLight 2s linear 1.2s infinite forwards; }
.scene-index .scene2,
.scene-index .scene3,
.scene-index .scene4,
.scene-index .scene5,
.scene-index .scene6,
.scene-index .scene7{ background: url(../images/scene0923/scene_bg.jpg) no-repeat 50% 50%; }

.scene-index .scene2 .scene-plant,
.scene-index .scene3 .scene-plant,
.scene-index .scene4 .scene-plant,
.scene-index .scene5 .scene-plant,
.scene-index .scene6 .scene-plant,
.scene-index .scene7 .scene-plant { height: 353px; width: 306px; bottom: 120px; left: 72px; opacity: 0; -webkit-transform: translate3d(-100px, 0, 0); -moz-transform: translate3d(-100px, 0, 0); -ms-transform: translate3d(-100px, 0, 0); -o-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }

.scene-index .scene2 .scene-product,
.scene-index .scene3 .scene-product,
.scene-index .scene4 .scene-product,
.scene-index .scene5 .scene-product,
.scene-index .scene6 .scene-product,
.scene-index .scene7 .scene-product{ height: 312px; width: 340px; bottom: 50px; left: 340px; opacity: 0; -webkit-transform: translate3d(100px, 0, 0); -moz-transform: translate3d(100px, 0, 0); -ms-transform: translate3d(100px, 0, 0); -o-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }

.scene-index .scene2 .scene-title,
.scene-index .scene3 .scene-title,
.scene-index .scene4 .scene-title,
.scene-index .scene5 .scene-title,
.scene-index .scene6 .scene-title,
.scene-index .scene7 .scene-title{ height: 244px; width: 149px; right: 50px; top: 30px; opacity: 0; -webkit-transform: translate3d(100px, 0, 0); -moz-transform: translate3d(100px, 0, 0); -ms-transform: translate3d(100px, 0, 0); -o-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }

.scene-index .scene2 .scene-text,
.scene-index .scene3 .scene-text,
.scene-index .scene4 .scene-text,
.scene-index .scene5 .scene-text,
.scene-index .scene6 .scene-text,
.scene-index .scene7 .scene-text{ height: 136px; width: 353px; right: 200px; top: 30px; opacity: 0; -webkit-transform: translate3d(100px, 0, 0); -moz-transform: translate3d(100px, 0, 0); -ms-transform: translate3d(100px, 0, 0); -o-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }

.scene-index .scene2 .scene-mark,
.scene-index .scene3 .scene-mark,
.scene-index .scene4 .scene-mark,
.scene-index .scene5 .scene-mark,
.scene-index .scene6 .scene-mark,
.scene-index .scene7 .scene-mark { right: 60px; top: 78px; opacity: 0; -webkit-transform: scale(5); -moz-transform: scale(5); -ms-transform: scale(5); -o-transform: scale(5); transform: scale(5); }

.scene-index .scene2.scene-active .scene-desktop,
.scene-index .scene2.scene-active .scene-plant,
.scene-index .scene2.scene-active .scene-product,
.scene-index .scene2.scene-active .scene-title,
.scene-index .scene2.scene-active .scene-text,
.scene-index .scene2.scene-active .scene-mark,
.scene-index .scene3.scene-active .scene-desktop,
.scene-index .scene3.scene-active .scene-plant,
.scene-index .scene3.scene-active .scene-product,
.scene-index .scene3.scene-active .scene-title,
.scene-index .scene3.scene-active .scene-text,
.scene-index .scene3.scene-active .scene-mark,
.scene-index .scene4.scene-active .scene-desktop,
.scene-index .scene4.scene-active .scene-plant,
.scene-index .scene4.scene-active .scene-product,
.scene-index .scene4.scene-active .scene-title,
.scene-index .scene4.scene-active .scene-text,
.scene-index .scene5.scene-active .scene-mark,
.scene-index .scene5.scene-active .scene-desktop,
.scene-index .scene5.scene-active .scene-plant,
.scene-index .scene5.scene-active .scene-product,
.scene-index .scene5.scene-active .scene-title,
.scene-index .scene5.scene-active .scene-text,
.scene-index .scene5.scene-active .scene-mark,
.scene-index .scene6.scene-active .scene-mark,
.scene-index .scene6.scene-active .scene-desktop,
.scene-index .scene6.scene-active .scene-plant,
.scene-index .scene6.scene-active .scene-product,
.scene-index .scene6.scene-active .scene-title,
.scene-index .scene6.scene-active .scene-text,
.scene-index .scene6.scene-active .scene-mark,
.scene-index .scene7.scene-active .scene-mark,
.scene-index .scene7.scene-active .scene-desktop,
.scene-index .scene7.scene-active .scene-plant,
.scene-index .scene7.scene-active .scene-product,
.scene-index .scene7.scene-active .scene-title,
.scene-index .scene7.scene-active .scene-text,
.scene-index .scene7.scene-active .scene-mark{ opacity: 1; }


.scene-index .scene2.scene-active .scene-desktop,
.scene-index .scene3.scene-active .scene-desktop,
.scene-index .scene4.scene-active .scene-desktop,
.scene-index .scene5.scene-active .scene-desktop,
.scene-index .scene6.scene-active .scene-desktop,
.scene-index .scene7.scene-active .scene-desktop{ -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.scene-index .scene2.scene-active .scene-plant,
.scene-index .scene3.scene-active .scene-plant,
.scene-index .scene4.scene-active .scene-plant,
.scene-index .scene5.scene-active .scene-plant,
.scene-index .scene6.scene-active .scene-plant,
.scene-index .scene7.scene-active .scene-plant{ -webkit-transition: all 0.6s ease-out 0.6s; -moz-transition: all 0.6s ease-out 0.6s; -ms-transition: all 0.6s ease-out 0.6s; -o-transition: all 0.6s ease-out 0.6s; transition: all 0.6s ease-out 0.6s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.scene-index .scene2.scene-active .scene-product,
.scene-index .scene3.scene-active .scene-product,
.scene-index .scene4.scene-active .scene-product,
.scene-index .scene5.scene-active .scene-product,
.scene-index .scene6.scene-active .scene-product,
.scene-index .scene7.scene-active .scene-product{ -webkit-transition: all 0.6s ease-out 1s; -moz-transition: all 0.6s ease-out 1s; -ms-transition: all 0.6s ease-out 1s; -o-transition: all 0.6s ease-out 1s; transition: all 0.6s ease-out 1s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.scene-index .scene2.scene-active .scene-title,
.scene-index .scene3.scene-active .scene-title,
.scene-index .scene4.scene-active .scene-title,
.scene-index .scene5.scene-active .scene-title,
.scene-index .scene6.scene-active .scene-title,
.scene-index .scene7.scene-active .scene-title{ -webkit-transition: all 0.6s ease-out 1.6s; -moz-transition: all 0.6s ease-out 1.6s; -ms-transition: all 0.6s ease-out 1.6s; -o-transition: all 0.6s ease-out 1.6s; transition: all 0.6s ease-out 1.6s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.scene-index .scene2.scene-active .scene-text,
.scene-index .scene3.scene-active .scene-text,
.scene-index .scene4.scene-active .scene-text,
.scene-index .scene5.scene-active .scene-text,
.scene-index .scene6.scene-active .scene-text,
.scene-index .scene7.scene-active .scene-text{ -webkit-transition: all 0.6s ease-out 2s; -moz-transition: all 0.6s ease-out 2s; -ms-transition: all 0.6s ease-out 2s; -o-transition: all 0.6s ease-out 2s; transition: all 0.6s ease-out 2s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.scene-index .scene2.scene-active .scene-mark,
.scene-index .scene3.scene-active .scene-mark,
.scene-index .scene4.scene-active .scene-mark,
.scene-index .scene5.scene-active .scene-mark,
.scene-index .scene6.scene-active .scene-mark,
.scene-index .scene7.scene-active .scene-mark{ -webkit-transition: all 0.4s ease 2.6s; -moz-transition: all 0.4s ease 2.6s; -ms-transition: all 0.4s ease 2.6s; -o-transition: all 0.4s ease 2.6s; transition: all 0.4s ease 2.6s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.scene-index .scene2 .scene-plant { background: url(../images/scene/scene2/scene_plant.png) no-repeat 50% 50%; }
.scene-index .scene2 .scene-product { background: url(../images/scene/scene2/scene_product.png) no-repeat 50% 50%; }
.scene-index .scene2 .scene-title { background: url(../images/scene/scene2/scene_title.png) no-repeat 50% 50%; }
.scene-index .scene2 .scene-text { background: url(../images/scene/scene2/scene_text.png) no-repeat 50% 50%; }
.scene-index .scene2 .scene-mark { background: url(../images/scene/scene2/scene_mark.png) no-repeat 50% 50%; }
.scene-index .scene3 .scene-plant { background: url(../images/scene/scene3/scene_plant.png) no-repeat 50% 50%; height: 421px; bottom: 88px; left: 80px; }
.scene-index .scene3 .scene-product { background: url(../images/scene/scene3/scene_product.png) no-repeat 50% 50%; left: 320px; }
.scene-index .scene3 .scene-title { background: url(../images/scene/scene3/scene_title.png) no-repeat 50% 50%; top: 50px; }
.scene-index .scene3 .scene-text { background: url(../images/scene/scene3/scene_text.png) no-repeat 50% 50%; height: 149px; top: 10px; }
.scene-index .scene3 .scene-mark { background: url(../images/scene/scene3/scene_mark.png) no-repeat 50% 50%; right: 86px; top: 30px; }
.scene-index .scene4 .scene-plant { background: url(../images/scene/scene4/scene_plant.png) no-repeat 50% 50%; height: 367px; width: 312px; }
.scene-index .scene4 .scene-product { background: url(../images/scene/scene4/scene_product.png) no-repeat 50% 50%; height: 326px; bottom: 30px; left: 350px; }
.scene-index .scene4 .scene-title { background: url(../images/scene/scene4/scene_title.png) no-repeat 50% 50%; width: 122px; height: 176px; right: 55px; top: 60px; }
.scene-index .scene4 .scene-text { background: url(../images/scene/scene4/scene_text.png) no-repeat 50% 50%; height: 163px; width: 340px; right: 210px; top: 20px; }
.scene-index .scene4 .scene-mark { background: url(../images/scene/scene4/scene_mark.png) no-repeat 50% 50%; right: 85px; top: 65px; }


.scene-index .scene-wrapper div, .scene-index .scene-wrapper h3{
  background-repeat: no-repeat;
}

.scene-index .scene2 .scene-logo {
  background-image: url("../images/scene0923/scene2/logo.png");
  position: absolute;
  left: 202px;
  top: -12px;
  width: 480px;
  height: 68px;
  z-index: 14;
}

.scene-index .scene2 .scene-plant {
  background-image: url("../images/scene0923/scene2/jiaolang.png");
  position: absolute;
  left: 33px;
  top: 21px;
  width: 473px;
  height: 523px;
  z-index: 6;
}

.scene-index .scene2 .scene-text {
  background-image: url("../images/scene0923/scene2/ggy.png");
  background-size: 100% auto;
  position: absolute;
  left: 403px;
  top: 82px;
  width: 488px;
  height: 264px;
  z-index: 7;
}

.scene-index .scene2 .scene-product {
  background-image: url("../images/scene0923/scene2/cp.png");
  background-size: 100% auto;
  position: absolute;
  left: 519px;
  top: 312px;
  width: 307px; /*254 222*/
  height: 233px;
  z-index: 8;
}


.scene-index .scene3 .scene-logo {
  background-image: url("../images/scene0923/scene3/logo.png");
  position: absolute;
  left: 202px;
  top: -12px;
  width: 480px;
  height: 68px;
  z-index: 14;
}

.scene-index .scene3 .scene-plant {
  background-image: url("../images/scene0923/scene3/jiaolang.png");
  position: absolute;
  left: 33px;
  top: 21px;
  width: 473px;
  height: 523px;
  z-index: 6;
}

.scene-index .scene3 .scene-text {
  background-image: url("../images/scene0923/scene3/ggy.png");
  background-size: 100% auto;
  position: absolute;
  left: 403px;
  top: 82px;
  width: 488px;
  height: 290px;
  z-index: 7;
}

.scene-index .scene3 .scene-product {
  background-image: url("../images/scene0923/scene3/cp.png");
  background-size: 100% auto;
  position: absolute;
  left: 519px;
  top: 312px;
  width: 303px;
  height: 236px;
  z-index: 8;
}


.scene-index .scene4 .scene-logo {
  background-image: url("../images/scene0923/scene4/logo.png");
  position: absolute;
  left: 202px;
  top: -12px;
  width: 480px;
  height: 68px;
  z-index: 14;
}

.scene-index .scene4 .scene-plant {
  background-image: url("../images/scene0923/scene4/jiaolang.png");
  position: absolute;
  left: 33px;
  top: 21px;
  width: 473px;
  height: 523px;
  z-index: 6;
}

.scene-index .scene4 .scene-text {
  background-image: url("../images/scene0923/scene4/ggy.png");
  background-size: 100% auto;
  position: absolute;
  left: 418px;
  top: 75px;
  width: 490px;
  height: 311px;
  z-index: 8;
}


.scene-index .scene4 .scene-product {
  background-image: url("../images/scene0923/scene4/cp.png");
  background-size: 100% auto;
  position: absolute;
  left: 519px;
  top: 297px;
  width: 304px;
  height: 251px;
  z-index: 9;
}


.scene-index .scene5 .scene-logo {
  background-image: url("../images/scene0923/scene5/logo.png");
  position: absolute;
  left: 202px;
  top: -12px;
  width: 480px;
  height: 68px;
  z-index: 14;
}

.scene-index .scene5 .scene-plant {
  background-image: url("../images/scene0923/scene5/jiaolang.png");
  position: absolute;
  left: 33px;
  top: 40px;
  width: 473px;
  height: 523px;
  z-index: 6;
}

.scene-index .scene5 .scene-text {
  background-image: url("../images/scene0923/scene5/ggy.png");
  background-size: 100% auto;
  position: absolute;
  left: 418px;
  top: 75px;
  width: 490px;
  height: 311px;
  z-index: 8;
}


.scene-index .scene5 .scene-product {
  background-image: url("../images/scene0923/scene5/cp.png");
  background-size: 100% auto;
  position: absolute;
  left: 518px;
  top: 320px;
  width: 304px;
  height: 236px;
  z-index: 10;
}



.scene-index .scene6 .scene-logo {
  background-image: url("../images/scene0923/scene6/logo.png");
  position: absolute;
  left: 202px;
  top: -12px;
  width: 480px;
  height: 68px;
  z-index: 14;
}

.scene-index .scene6 .scene-plant {
  background-image: url("../images/scene0923/scene6/jiaolang.png");
  position: absolute;
  left: 9px;
  top: 7px;
  width: 484px;
  height: 537px;
  z-index: 7;
}

.scene-index .scene6 .scene-text {
  background-image: url("../images/scene0923/scene6/ggy.png");
  background-size: 100% auto;
  position: absolute;
  left: 456px;
  top: 126px;
  width: 476px;
  height: 177px;
  z-index: 11;
}


.scene-index .scene6 .scene-product {
  background-image: url("../images/scene0923/scene6/cp.png");
  background-size: 100% auto;
  position: absolute;
  left: 394px;
  top: 294px;
  width: 645px;
  height: 247px;
  z-index: 9;
}













@-webkit-keyframes PillLight { 0% { opacity: 1; -webkit-transform: rotate(0deg); }
  25% { opacity: 0.6; -webkit-transform: rotate(-5deg); }
  50% { opacity: 1; -webkit-transform: rotate(0deg); }
  75% { opacity: 0.6; -webkit-transform: rotate(5deg); }
  100% { opacity: 1; -webkit-transform: rotate(0deg); } }
@-moz-keyframes PillLight { 0% { opacity: 1; -moz-transform: rotate(0deg); }
  25% { opacity: 0.6; -moz-transform: rotate(-5deg); }
  50% { opacity: 1; -moz-transform: rotate(0deg); }
  75% { opacity: 0.6; -moz-transform: rotate(5deg); }
  100% { opacity: 1; -moz-transform: rotate(0deg); } }
@-ms-keyframes PillLight { 0% { opacity: 1; -ms-transform: rotate(0deg); }
  25% { opacity: 0.6; -ms-transform: rotate(-5deg); }
  50% { opacity: 1; -ms-transform: rotate(0deg); }
  75% { opacity: 0.6; -ms-transform: rotate(5deg); }
  100% { opacity: 1; -ms-transform: rotate(0deg); } }
@-o-keyframes PillLight { 0% { opacity: 1; -o-transform: rotate(0deg); }
  25% { opacity: 0.6; -o-transform: rotate(-5deg); }
  50% { opacity: 1; -o-transform: rotate(0deg); }
  75% { opacity: 0.6; -o-transform: rotate(5deg); }
  100% { opacity: 1; -o-transform: rotate(0deg); } }
@keyframes PillLight { 0% { opacity: 1; transform: rotate(0deg); }
  25% { opacity: 0.6; transform: rotate(-5deg); }
  50% { opacity: 1; transform: rotate(0deg); }
  75% { opacity: 0.6; transform: rotate(5deg); }
  100% { opacity: 1; transform: rotate(0deg); } }
.scene-about .scene-plant, .scene-about .scene-element, .scene-about .scene-title, .scene-about .scene-text, .scene-about .scene-spokesman, .scene-about .scene-pill { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.scene-about .scene-text { line-height: 20px; text-indent: 0; z-index: 1;}
.scene-about .scene-text li, .scene-about .scene-text p { margin-top: 10px; margin-bottom: 15px; }
.scene-about .scene-text h3 { border-bottom: 1px solid #aa8c5a; color: #aa8c5a; font-size: 16px; font-weight: 400; padding-bottom: 5px; text-decoration: none; }
.scene-about .scene-text h3 i { font-size: 22px; font-style: normal; }
.scene-about .scene1 .scene-plant { background: url(../images/scene_about0923/scene1/scene_plant.png) no-repeat 0 0; height: 400px; width: 400px; left: 140px; top: 60px; opacity: 0; }


.scene-about .scene1 .scene-pill { background: url(../images/scene_about0923/scene1/scene_pill.png) no-repeat 50% 50%; background-size:100% auto; height: 549px; width: 507px; right: -40px; top: 10px; opacity: 0; -webkit-transform: translate3d(-200px, 0, 0); -moz-transform: translate3d(-200px, 0, 0); -ms-transform: translate3d(-200px, 0, 0); -o-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0); }
.scene-about .scene1 .scene-pill li { height: 100px; width: 100px; position: absolute; opacity: 0; -webkit-transform: translate3d(0, 150px, 0); -moz-transform: translate3d(0, 150px, 0); -ms-transform: translate3d(0, 150px, 0); -o-transform: translate3d(0, 150px, 0); transform: translate3d(0, 150px, 0); }
.scene-about .scene1 .scene-pill .pill-1 { left: 50px; top: 280px; }
.scene-about .scene1 .scene-pill .pill-2 { right: 40px; top: 160px; }
.scene-about .scene1 .scene-pill .pill-3 { left: 60px; top: 0; }
.scene-about .scene1 .scene-pill .pill-4 { right: 50px; top: 270px; width: 97px; height: 115px;}
.scene-about .scene1 .scene-pill .pill-5 { right: 50px; top: 400px; }
.scene-about .scene1 .scene-pill .pill-6 { left: 260px; top: -20px; }
.scene-about .scene1 .scene-pill .pill-7 { left: 90px; top: 330px; }
.scene-about .scene1 .scene-pill .pill-8 { right: 120px; top: 205px; }
.scene-about .scene1 .scene-pill .pill-1 { background: url(../images/scene_about0923/scene1/pill_1.png) no-repeat 0 0; }
.scene-about .scene1 .scene-pill .pill-2 { background: url(../images/scene_about0923/scene1/pill_2.png) no-repeat 0 0; }
.scene-about .scene1 .scene-pill .pill-3 { background: url(../images/scene_about0923/scene1/pill_3.png) no-repeat 0 0; }
.scene-about .scene1 .scene-pill .pill-4 { background: url(../images/scene_about0923/scene1/pill_4.png) no-repeat 0 0; }
.scene-about .scene1 .scene-pill .pill-5 { background: url(../images/scene_about0923/scene1/pill_5.png) no-repeat 0 0; }
.scene-about .scene1 .scene-pill .pill-6 { background: url(../images/scene_about0923/scene1/pill_6.png) no-repeat 0 0; }
.scene-about .scene1 .scene-pill .pill-7 { background: url(../images/scene_about0923/scene1/pill_7.png) no-repeat 0 0; }
.scene-about .scene1 .scene-pill .pill-8 { background: url(../images/scene_about0923/scene1/pill_8.png) no-repeat 0 0; }
.scene-about .scene1 .scene-text { background: url(../images/scene_about0923/scene1/scene_text.png) no-repeat 0 0; width: 300px; padding-top: 20px; left: 246px; top: 175px; opacity: 0; -webkit-transform: translate3d(-200px, 0, 0); -moz-transform: translate3d(-200px, 0, 0); -ms-transform: translate3d(-200px, 0, 0); -o-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0); }
.scene-about .scene1 .scene-text li:first-child { text-decoration: none; }

/*.scene-about .scene1 .scene-title { background: url(../images/scene_about0923/scene1/scene_title.png) no-repeat 0 0; height: 388px; width: 197px; left: 140px; top: 15px; opacity: 0; -webkit-transform: translate3d(-200px, 0, 0); -moz-transform: translate3d(-200px, 0, 0); -ms-transform: translate3d(-200px, 0, 0); -o-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0); }*/

.scene-about .scene2 .scene-plant { background: url(../images/scene_about0923/scene2/scene_plant.png) no-repeat 0 0; height: 289px; width: 390px; bottom: -10px; left: 120px; opacity: 0; -webkit-transform: translate3d(-150px, 0, 0); -moz-transform: translate3d(-150px, 0, 0); -ms-transform: translate3d(-150px, 0, 0); -o-transform: translate3d(-150px, 0, 0); transform: translate3d(-150px, 0, 0); }
.scene-about .scene2 .scene-spokesman { background: url(../images/scene_about0923/scene2/scene_spokesman.png) no-repeat 0 0; height: 460px; width: 240px; left: 130px; top: 10px; opacity: 0; -webkit-transform: translate3d(-150px, 0, 0); -moz-transform: translate3d(-150px, 0, 0); -ms-transform: translate3d(-150px, 0, 0); -o-transform: translate3d(-150px, 0, 0); transform: translate3d(-150px, 0, 0); }
.scene-about .scene2 .scene-title { background: url(../images/scene_about0923/scene2/scene_title.png) no-repeat 0 0; height: 200px; width: 500px; right: 80px; top: 30px; opacity: 0; -webkit-transform: translate3d(-150px, 0, 0); -moz-transform: translate3d(-150px, 0, 0); -ms-transform: translate3d(-150px, 0, 0); -o-transform: translate3d(-150px, 0, 0); transform: translate3d(-150px, 0, 0); }
.scene-about .scene2 .scene-text { left: 385px; top: 125px; }
.scene-about .scene2 .scene-text li { opacity: 0; -webkit-transform: translate3d(-150px, 0, 0); -moz-transform: translate3d(-150px, 0, 0); -ms-transform: translate3d(-150px, 0, 0); -o-transform: translate3d(-150px, 0, 0); transform: translate3d(-150px, 0, 0); }
.scene-about .scene2 .scene-text li:nth-child(1) { width: 380px; }
.scene-about .scene2 .scene-text li:nth-child(2) { width: 250px; float: right; margin-top: 30px; }
.scene-about .scene2 .scene-text li:nth-child(2) p { padding-left: 1em; }

.scene-about .scene3 .scene-pill { background: url(../images/scene_about0923/scene3/scene_pill.png) no-repeat 0 0; height: 252px; width: 260px; left: 460px; top: -10px; opacity: 0; -webkit-transform: translate3d(-150px, 0, 0); -moz-transform: translate3d(-150px, 0, 0); -ms-transform: translate3d(-150px, 0, 0); -o-transform: translate3d(-150px, 0, 0); transform: translate3d(-150px, 0, 0); }
.scene-about .scene3 .scene-spokesman { background: url(../images/scene_about0923/scene3/scene_spokesman.png) no-repeat 0 0; height: 460px; width: 400px; right: 20px; top: 60px; opacity: 0; -webkit-transform: translate3d(-150px, 0, 0); -moz-transform: translate3d(-150px, 0, 0); -ms-transform: translate3d(-150px, 0, 0); -o-transform: translate3d(-150px, 0, 0); transform: translate3d(-150px, 0, 0); }
.scene-about .scene3 .scene-title { background: url(../images/scene_about0923/scene3/scene_title.png) no-repeat 0 0; height: 200px; width: 240px; left: 220px; top: 60px; opacity: 0; -webkit-transform: translate3d(-150px, 0, 0); -moz-transform: translate3d(-150px, 0, 0); -ms-transform: translate3d(-150px, 0, 0); -o-transform: translate3d(-150px, 0, 0); transform: translate3d(-150px, 0, 0); }
.scene-about .scene3 .scene-text { left: 320px; top: 185px; width: 390px; }
.scene-about .scene3 .scene-text li { margin: 10px 0; opacity: 0; -webkit-transform: translate3d(-150px, 0, 0); -moz-transform: translate3d(-150px, 0, 0); -ms-transform: translate3d(-150px, 0, 0); -o-transform: translate3d(-150px, 0, 0); transform: translate3d(-150px, 0, 0); }
.scene-about .scene3 .scene-text p { margin-top: 5px; }
.scene-about .scene4 .scene-pill { background: url(../images/scene_about0923/scene4/scene_pill.png) no-repeat 0 0; height: 320px; width: 320px; left: 240px; top: 0px; opacity: 0; -webkit-transform: translate3d(-150px, 0, 0); -moz-transform: translate3d(-150px, 0, 0); -ms-transform: translate3d(-150px, 0, 0); -o-transform: translate3d(-150px, 0, 0); transform: translate3d(-150px, 0, 0); }
.scene-about .scene4 .scene-plant { background: url(../images/scene_about0923/scene1/scene_plant.png) no-repeat 0 0; height: 400px; width: 400px; left: 140px; top: 60px; opacity: 0; }
.scene-about .scene4 .scene-spokesman { background: url(../images/scene_about0923/scene4/scene_spokesman.png) no-repeat 0 0; height: 460px; width: 380px; left: 100px; top: 50px; opacity: 0; -webkit-transform: translate3d(-150px, 0, 0); -moz-transform: translate3d(-150px, 0, 0); -ms-transform: translate3d(-150px, 0, 0); -o-transform: translate3d(-150px, 0, 0); transform: translate3d(-150px, 0, 0); }
.scene-about .scene4 .scene-title { background: url(../images/scene_about0923/scene4/scene_title.png) no-repeat 0 0; height: 180px; width: 240px; right: 80px; top: 100px; opacity: 0; -webkit-transform: translate3d(-150px, 0, 0); -moz-transform: translate3d(-150px, 0, 0); -ms-transform: translate3d(-150px, 0, 0); -o-transform: translate3d(-150px, 0, 0); transform: translate3d(-150px, 0, 0); }
.scene-about .scene4 .scene-text { right: 180px; top: 220px; width: 325px; }
.scene-about .scene4 .scene-text li { border-top: 1px solid #aa8c5a; margin: 10px 0; padding-top: 5px; opacity: 0; -webkit-transform: translate3d(-150px, 0, 0); -moz-transform: translate3d(-150px, 0, 0); -ms-transform: translate3d(-150px, 0, 0); -o-transform: translate3d(-150px, 0, 0); transform: translate3d(-150px, 0, 0); }
.scene-about .scene1.scene-active .scene-plant, .scene-about .scene1.scene-active .scene-title, .scene-about .scene1.scene-active .scene-text, .scene-about .scene1.scene-active .scene-pill, .scene-about .scene1.scene-active .scene-pill li { opacity: 1; }
.scene-about .scene1.scene-active .scene-plant { -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -ms-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; }
.scene-about .scene1.scene-active .scene-pill { -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.scene-about .scene1.scene-active .scene-text { -webkit-transition: all 1s linear 0.1s; -moz-transition: all 1s linear 0.1s; -ms-transition: all 1s linear 0.1s; -o-transition: all 1s linear 0.1s; transition: all 1s linear 0.1s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.scene-about .scene1.scene-active .scene-title { -webkit-transition: all 1s linear 0.4s; -moz-transition: all 1s linear 0.4s; -ms-transition: all 1s linear 0.4s; -o-transition: all 1s linear 0.4s; transition: all 1s linear 0.4s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.scene-about .scene1.scene-active .pill-1 { -webkit-transition: all 0.6s linear 1.6s; -moz-transition: all 0.6s linear 1.6s; -ms-transition: all 0.6s linear 1.6s; -o-transition: all 0.6s linear 1.6s; transition: all 0.6s linear 1.6s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.scene-about .scene1.scene-active .pill-2 { -webkit-transition: all 0.6s linear 1.6s; -moz-transition: all 0.6s linear 1.6s; -ms-transition: all 0.6s linear 1.6s; -o-transition: all 0.6s linear 1.6s; transition: all 0.6s linear 1.6s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.scene-about .scene1.scene-active .pill-3 { -webkit-transition: all 0.6s linear 2s; -moz-transition: all 0.6s linear 2s; -ms-transition: all 0.6s linear 2s; -o-transition: all 0.6s linear 2s; transition: all 0.6s linear 2s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.scene-about .scene1.scene-active .pill-4 { -webkit-transition: all 0.6s linear 2s; -moz-transition: all 0.6s linear 2s; -ms-transition: all 0.6s linear 2s; -o-transition: all 0.6s linear 2s; transition: all 0.6s linear 2s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.scene-about .scene1.scene-active .pill-5 { -webkit-transition: all 0.6s linear 2.2s; -moz-transition: all 0.6s linear 2.2s; -ms-transition: all 0.6s linear 2.2s; -o-transition: all 0.6s linear 2.2s; transition: all 0.6s linear 2.2s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.scene-about .scene1.scene-active .pill-6 { -webkit-transition: all 0.6s linear 2.2s; -moz-transition: all 0.6s linear 2.2s; -ms-transition: all 0.6s linear 2.2s; -o-transition: all 0.6s linear 2.2s; transition: all 0.6s linear 2.2s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.scene-about .scene1.scene-active .pill-7 { -webkit-transition: all 0.6s linear 2.4s; -moz-transition: all 0.6s linear 2.4s; -ms-transition: all 0.6s linear 2.4s; -o-transition: all 0.6s linear 2.4s; transition: all 0.6s linear 2.4s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.scene-about .scene1.scene-active .pill-8 { -webkit-transition: all 0.6s linear 2.4s; -moz-transition: all 0.6s linear 2.4s; -ms-transition: all 0.6s linear 2.4s; -o-transition: all 0.6s linear 2.4s; transition: all 0.6s linear 2.4s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.scene-about .scene2.scene-active .scene-plant, .scene-about .scene2.scene-active .scene-pill, .scene-about .scene2.scene-active .scene-spokesman, .scene-about .scene2.scene-active .scene-title, .scene-about .scene2.scene-active .scene-text li, .scene-about .scene3.scene-active .scene-plant, .scene-about .scene3.scene-active .scene-pill, .scene-about .scene3.scene-active .scene-spokesman, .scene-about .scene3.scene-active .scene-title, .scene-about .scene3.scene-active .scene-text li, .scene-about .scene4.scene-active .scene-plant, .scene-about .scene4.scene-active .scene-pill, .scene-about .scene4.scene-active .scene-spokesman, .scene-about .scene4.scene-active .scene-title, .scene-about .scene4.scene-active .scene-text li { opacity: 1; }
.scene-about .scene2.scene-active .scene-plant, .scene-about .scene3.scene-active .scene-plant, .scene-about .scene4.scene-active .scene-plant { -webkit-transition: all 1.2s linear; -moz-transition: all 1.2s linear; -ms-transition: all 1.2s linear; -o-transition: all 1.2s linear; transition: all 1.2s linear; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.scene-about .scene2.scene-active .scene-spokesman, .scene-about .scene3.scene-active .scene-spokesman, .scene-about .scene4.scene-active .scene-spokesman { -webkit-transition: all 1s linear 0.2s; -moz-transition: all 1s linear 0.2s; -ms-transition: all 1s linear 0.2s; -o-transition: all 1s linear 0.2s; transition: all 1s linear 0.2s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.scene-about .scene2.scene-active .scene-title, .scene-about .scene3.scene-active .scene-title, .scene-about .scene4.scene-active .scene-title { -webkit-transition: all 1s linear 0.2s; -moz-transition: all 1s linear 0.2s; -ms-transition: all 1s linear 0.2s; -o-transition: all 1s linear 0.2s; transition: all 1s linear 0.2s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.scene-about .scene2.scene-active .scene-pill, .scene-about .scene3.scene-active .scene-pill, .scene-about .scene4.scene-active .scene-pill { -webkit-transition: all 1.2s linear 0.4s; -moz-transition: all 1.2s linear 0.4s; -ms-transition: all 1.2s linear 0.4s; -o-transition: all 1.2s linear 0.4s; transition: all 1.2s linear 0.4s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.scene-about .scene2.scene-active .scene-text li:nth-child(1), .scene-about .scene3.scene-active .scene-text li:nth-child(1), .scene-about .scene4.scene-active .scene-text li:nth-child(1) { -webkit-transition: all 0.8s ease-out 0.8s; -moz-transition: all 0.8s ease-out 0.8s; -ms-transition: all 0.8s ease-out 0.8s; -o-transition: all 0.8s ease-out 0.8s; transition: all 0.8s ease-out 0.8s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.scene-about .scene2.scene-active .scene-text li:nth-child(2), .scene-about .scene3.scene-active .scene-text li:nth-child(2), .scene-about .scene4.scene-active .scene-text li:nth-child(2) { -webkit-transition: all 0.8s ease-out 1.2s; -moz-transition: all 0.8s ease-out 1.2s; -ms-transition: all 0.8s ease-out 1.2s; -o-transition: all 0.8s ease-out 1.2s; transition: all 0.8s ease-out 1.2s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.scene-about .scene2.scene-active .scene-text li:nth-child(3), .scene-about .scene3.scene-active .scene-text li:nth-child(3), .scene-about .scene4.scene-active .scene-text li:nth-child(3) { -webkit-transition: all 0.8s ease-out 1.6s; -moz-transition: all 0.8s ease-out 1.6s; -ms-transition: all 0.8s ease-out 1.6s; -o-transition: all 0.8s ease-out 1.6s; transition: all 0.8s ease-out 1.6s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/*# sourceMappingURL=scene.css.map */