/** Created by djkong on 2015/9/21. */
html { font-size: 62.5%; height: 100%; width: 100%; overflow: hidden; }

body { text-align: center; height: 100%; width: 100%; overflow: hidden; -webkit-tap-highlight-color: transparent; font-family: 'Microsoft YaHei'; background: #000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

embed { position: absolute; }
embed img { position: absolute; }

table { border: 0; margin: 0; border-collapse: collapse; border-spacing: 0; }

table td { padding: 0; }

.iePNG { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img.png?v1", sizingMethod="scale"); }

.clearfix:after { content: "\200B"; display: block; height: 0; clear: both; }

.clearfix { *zoom: 1; }

.pointer { pointer-events: none; }

.no-select { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

a, .tap_highlight { -webkit-tap-highlight-color: transparent; }

input[type="button"], input[type="submit"], input[type="reset"], select { -webkit-appearance: none; background: #ffffff; }

input::-webkit-input-placeholder { color: red; }

.show { opacity: 1; pointer-events: auto; }

.hide { opacity: 0; pointer-events: none; }

.opacity-transition { -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -ms-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; }

.popup-share { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75) url("../imgs/share_hint.png?v1") no-repeat right top; z-index: 1000; }

.wrapper { text-align: left; margin: 0 auto; width: 100%; height: auto; overflow: hidden; }

.swiper-slide { width: 100%; height: 100%; overflow: hidden; }

.swiper-slide-active { z-index: 100; }

.scale-div { position: absolute; top: 50%; left: 0; width: 100%; height: 1030px; margin-top: -515px; }

#audio_ctr { position: absolute; z-index: 1000; bottom: 20px; right: 20px; width: 60px; height: 60px; background: url("../imgs/music.png") no-repeat center; -webkit-animation: rotate_360_ani 2s linear infinite; -o-animation: rotate_360_ani 2s linear infinite; animation: rotate_360_ani 2s linear infinite; }

#audio_ctr.play { -webkit-animation-play-state: running; -moz-animation-play-state: running; -o-animation-play-state: running; animation-play-state: running; }

#audio_ctr.pause { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; }

@-webkit-keyframes rotate_360_ani { 0% { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); }
  100% { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); transform: rotateZ(360deg); } }
@-o-keyframes rotate_360_ani { 0% { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); }
  100% { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); transform: rotateZ(360deg); } }
@keyframes rotate_360_ani { 0% { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); }
  100% { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); transform: rotateZ(360deg); } }
.scale, .scale-div { -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; -ms-transition: -ms-transform 1s; -o-transition: -o-transform 1s; transition: transform 1s; }

@media screen and (max-height: 1000px) { .scale, .scale-div { -ms-transform: scale(0.9); -webkit-transform: scale(0.9); -o-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); } }
@media screen and (max-height: 900px) { .scale, .scale-div { -ms-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); } }
@media screen \9 { .slider01, .svg-div svg { display: none; }
  .svg-div-1 { background: url("../imgs/people/line-1.png") no-repeat; }
  .svg-div-2 { background: url("../imgs/people/line-2.png") no-repeat; }
  .svg-div-3 { background: url("../imgs/people/line-3.png") no-repeat; }
  .svg-div-4 { background: url("../imgs/people/line-4.png") no-repeat; }
  .svg-div-5 { background: url("../imgs/people/line-5.png") no-repeat; }
  .svg-div-6 { background: url("../imgs/people/line-6.png") no-repeat; }
  .svg-div-7 { background: url("../imgs/people/line-7.png") no-repeat; }
  .svg-div-8 { background: url("../imgs/people/line-8.png") no-repeat; }
  .svg-div-9 { background: url("../imgs/people/line-9.png") no-repeat; }
  .svg-div-10 { background: url("../imgs/people/line-10.png") no-repeat; } }
@media \0screen { .noIE, .svg-div svg { display: none; }
  .svg-div-1 { background: url("../imgs/people/line-1.png") no-repeat; }
  .svg-div-2 { background: url("../imgs/people/line-2.png") no-repeat; }
  .svg-div-3 { background: url("../imgs/people/line-3.png") no-repeat; }
  .svg-div-4 { background: url("../imgs/people/line-4.png") no-repeat; }
  .svg-div-5 { background: url("../imgs/people/line-5.png") no-repeat; }
  .svg-div-6 { background: url("../imgs/people/line-6.png") no-repeat; }
  .svg-div-7 { background: url("../imgs/people/line-7.png") no-repeat; }
  .svg-div-8 { background: url("../imgs/people/line-8.png") no-repeat; }
  .svg-div-9 { background: url("../imgs/people/line-9.png") no-repeat; }
  .svg-div-10 { background: url("../imgs/people/line-10.png") no-repeat; } }
@media screen and (min-width: 0 \0) { .noIE, .svg-div svg { display: none; }
  .svg-div-1 { background: url("../imgs/people/line-1.png") no-repeat; }
  .svg-div-2 { background: url("../imgs/people/line-2.png") no-repeat; }
  .svg-div-3 { background: url("../imgs/people/line-3.png") no-repeat; }
  .svg-div-4 { background: url("../imgs/people/line-4.png") no-repeat; }
  .svg-div-5 { background: url("../imgs/people/line-5.png") no-repeat; }
  .svg-div-6 { background: url("../imgs/people/line-6.png") no-repeat; }
  .svg-div-7 { background: url("../imgs/people/line-7.png") no-repeat; }
  .svg-div-8 { background: url("../imgs/people/line-8.png") no-repeat; }
  .svg-div-9 { background: url("../imgs/people/line-9.png") no-repeat; }
  .svg-div-10 { background: url("../imgs/people/line-10.png") no-repeat; }
  body .wrapper.page-people .zoom .light { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .noIE { display: block; }
  html body .wrapper.page-people .zoom .light { opacity: 0; -webkit-transform: translate(500px, -500px); -moz-transform: translate(500px, -500px); -ms-transform: translate(500px, -500px); -o-transform: translate(500px, -500px); transform: translate(500px, -500px); } }
.page-index { height: 100%; }
.page-index .bg { width: 1920px; height: 1080px; position: absolute; top: 50%; left: 50%; margin-left: -960px; margin-top: -540px; }
.page-index .bg span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.page-index .bg .bg-1 { background: url("../imgs/page1/bg.jpg") no-repeat center; -webkit-background-size: 100% 100%; background-size: 100% 100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/page1/bg.jpg',sizingMethod='scale'); }
.page-index .bg .bg-2 { background: url("../imgs/page1/line.png") no-repeat center; -webkit-background-size: 100% 100%; background-size: 100% 100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/page1/line.png',sizingMethod='scale'); -webkit-transform-origin: 48% 53%; -moz-transform-origin: 48% 53%; -ms-transform-origin: 48% 53%; -o-transform-origin: 48% 53%; transform-origin: 48% 53%; -webkit-animation: star_ani 5s infinite ease-out; -moz-animation: star_ani 5s infinite ease-out; -ms-animation: star_ani 5s infinite ease-out; -o-animation: star_ani 5s infinite ease-out; animation: star_ani 5s infinite ease-out; }
.page-index .zoom { width: 1920px; height: 1080px; /*    perspective: 800px; -webkit-perspective: 800px;*/ }
.page-index .zoom .slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }
.page-index .zoom .slider.slider02 { z-index: 20; }
.page-index .zoom .slider.slider02 .title { position: absolute; top: 0; left: 0; width: 1920px; height: 1080px; background: url("../imgs/page1/title_cp.png") no-repeat; -webkit-animation: title-ani 6.5s forwards; -moz-animation: title-ani 6.5s forwards; -ms-animation: title-ani 6.5s forwards; -o-animation: title-ani 6.5s forwards; animation: title-ani 6.5s forwards; }
.page-index .zoom .slider.slider02 .title .btn-2 { -webkit-animation: bling linear 2.5s infinite; -moz-animation: bling linear 2.5s infinite; -ms-animation: bling linear 2.5s infinite; -o-animation: bling linear 2.5s infinite; animation: bling linear 2.5s infinite;}
.page-index .zoom .slider.slider02 .title .btn-1 { position: absolute; top: 26%; left: 25%; width: 190px; height: 190px; background: url("../imgs/page1/title_1.png") no-repeat; }

.page-index .zoom .slider.slider02 .title .btn-2 { position: absolute; top: 37%; left: 60%; width: 270px; height: 270px; background: url("../imgs/page1/title_2.png") no-repeat; }
.page-index .zoom .slider.slider02 .title .btn-3 { position: absolute; top: 69%; left: 42%; width: 210px; height: 220px; background: url("../imgs/page1/title_3.png") no-repeat; }
.page-index .zoom .slider.slider01 .peo { position: absolute; width: 318px; height: 318px; margin-left: -159px; margin-top: -159px; opacity: 0; filter: alpha(opacity=0); }
.page-index .zoom .slider.slider01 .peo .circle { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.page-index .zoom .slider.slider01 .peo img { position: absolute; bottom: -65px; }
.page-index .zoom .slider.slider01 .peo .pos-r { right: -65px; -webkit-transform-origin: 75% 50%; -moz-transform-origin: 75% 50%; -ms-transform-origin: 75% 50%; -o-transform-origin: 75% 50%; transform-origin: 75% 50%; }
.page-index .zoom .slider.slider01 .peo .pos-l { left: -65px; -webkit-transform-origin: 25% 55%; -moz-transform-origin: 25% 55%; -ms-transform-origin: 25% 55%; -o-transform-origin: 25% 55%; transform-origin: 25% 55%; }
.page-index .zoom .slider.slider01 .peo.peo-1, .page-index .zoom .slider.slider01 .peo.peo-5 { left: 80%; top: 75%; -webkit-transform-origin: -140% -10%; -moz-transform-origin: -140% -10%; -ms-transform-origin: -140% -10%; -o-transform-origin: -140% -10%; transform-origin: -140% -10%; }
.page-index .zoom .slider.slider01 .peo.peo-2, .page-index .zoom .slider.slider01 .peo.peo-6 { left: 20%; top: 45%; -webkit-transform-origin: 200% 70%; -moz-transform-origin: 200% 70%; -ms-transform-origin: 200% 70%; -o-transform-origin: 200% 70%; transform-origin: 200% 70%; }
.page-index .zoom .slider.slider01 .peo.peo-3, .page-index .zoom .slider.slider01 .peo.peo-7 { left: 80%; top: 45%; -webkit-transform-origin: -140% 70%; -moz-transform-origin: -140% 70%; -ms-transform-origin: -140% 70%; -o-transform-origin: -140% 70%; transform-origin: -140% 70%; }
.page-index .zoom .slider.slider01 .peo.peo-4, .page-index .zoom .slider.slider01 .peo.peo-8 { left: 20%; top: 75%; -webkit-transform-origin: 200% -10%; -moz-transform-origin: 200% -10%; -ms-transform-origin: 200% -10%; -o-transform-origin: 200% -10%; transform-origin: 200% -10%; }
.page-index .zoom .slider.slider01 .peo.peo-1 { z-index: 1; -webkit-animation: movement-ani 3s 0s forwards ease-out; -moz-animation: movement-ani 3s 0s forwards ease-out; -ms-animation: movement-ani 3s 0s forwards ease-out; -o-animation: movement-ani 3s 0s forwards ease-out; animation: movement-ani 3s 0s forwards ease-out; }
.page-index .zoom .slider.slider01 .peo.peo-2 { z-index: 2; -webkit-animation: movement-ani 3s 0.5s forwards ease-out; -moz-animation: movement-ani 3s 0.5s forwards ease-out; -ms-animation: movement-ani 3s 0.5s forwards ease-out; -o-animation: movement-ani 3s 0.5s forwards ease-out; animation: movement-ani 3s 0.5s forwards ease-out; }
.page-index .zoom .slider.slider01 .peo.peo-3 { z-index: 3; -webkit-animation: movement-ani 3s 1s forwards ease-out; -moz-animation: movement-ani 3s 1s forwards ease-out; -ms-animation: movement-ani 3s 1s forwards ease-out; -o-animation: movement-ani 3s 1s forwards ease-out; animation: movement-ani 3s 1s forwards ease-out; }
.page-index .zoom .slider.slider01 .peo.peo-4 { z-index: 4; -webkit-animation: movement-ani 3s 1.5s forwards ease-out; -moz-animation: movement-ani 3s 1.5s forwards ease-out; -ms-animation: movement-ani 3s 1.5s forwards ease-out; -o-animation: movement-ani 3s 1.5s forwards ease-out; animation: movement-ani 3s 1.5s forwards ease-out; }
.page-index .zoom .slider.slider01 .peo.peo-5 { z-index: 5; -webkit-animation: movement-ani 3s 2s forwards ease-out; -moz-animation: movement-ani 3s 2s forwards ease-out; -ms-animation: movement-ani 3s 2s forwards ease-out; -o-animation: movement-ani 3s 2s forwards ease-out; animation: movement-ani 3s 2s forwards ease-out; }
.page-index .zoom .slider.slider01 .peo.peo-6 { z-index: 6; -webkit-animation: movement-ani 3s 2.5s forwards ease-out; -moz-animation: movement-ani 3s 2.5s forwards ease-out; -ms-animation: movement-ani 3s 2.5s forwards ease-out; -o-animation: movement-ani 3s 2.5s forwards ease-out; animation: movement-ani 3s 2.5s forwards ease-out; }
.page-index .zoom .slider.slider01 .peo.peo-7 { z-index: 7; -webkit-animation: movement-ani 3s 3s forwards ease-out; -moz-animation: movement-ani 3s 3s forwards ease-out; -ms-animation: movement-ani 3s 3s forwards ease-out; -o-animation: movement-ani 3s 3s forwards ease-out; animation: movement-ani 3s 3s forwards ease-out; }
.page-index .zoom .slider.slider01 .peo.peo-8 { z-index: 8; -webkit-animation: movement-ani 3s 3.5s forwards ease-out; -moz-animation: movement-ani 3s 3.5s forwards ease-out; -ms-animation: movement-ani 3s 3.5s forwards ease-out; -o-animation: movement-ani 3s 3.5s forwards ease-out; animation: movement-ani 3s 3.5s forwards ease-out; }
.page-index .zoom .history-div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 30; display: none; }
.page-index .zoom .history-div .history-title { position: absolute; left: 50%; top: 150px; width: 177px; height: 189px; margin-left: -88px; background: url("../imgs/page1/h-title.png") no-repeat center; }
.page-index .zoom .history-div .h-pic { float: left; width: 196px; height: 217px; margin: 15px; }
.page-index .zoom .history-div .h-pic.h-pic-1 { background: url("../../taidu27/imgs/history/history-1.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-2 { background: url("../../taidu27/imgs/history/history-2.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-3 { background: url("../../taidu27/imgs/history/history-3.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-4 { background: url("../../taidu27/imgs/history/history-4.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-5 { background: url("../../taidu27/imgs/history/history-5.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-6 { background: url("../../taidu27/imgs/history/history-6.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-7 { background: url("../../taidu27/imgs/history/history-7.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-8 { background: url("../../taidu27/imgs/history/history-8.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-9 { background: url("../../taidu27/imgs/history/history-9.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-10 { background: url("../../taidu27/imgs/history/history-10.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-11 { background: url("../../taidu27/imgs/history/history-11.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-12 { background: url("../../taidu27/imgs/history/history-12.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-13 { background: url("../../taidu27/imgs/history/history-13.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-14 { background: url("../../taidu27/imgs/history/history-14.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-15 { background: url("../../taidu27/imgs/history/history-15.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-16 { background: url("../../taidu27/imgs/history/history-16.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-17 { background: url("../../taidu27/imgs/history/history-17.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-18 { background: url("../../taidu27/imgs/history/history-18.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-19 { background: url("../../taidu27/imgs/history/history-19.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-20 { background: url("../../taidu27/imgs/history/history-20.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-21 { background: url("../../taidu27/imgs/history/history-21.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-22 { background: url("../../taidu27/imgs/history/history-22.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-23 { background: url("../../taidu27/imgs/history/history-23.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-24 { background: url("../../taidu27/imgs/history/history-24.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-25 { background: url("../../taidu27/imgs/history/history-25.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-26 { background: url("../../taidu27/imgs/history/history-26.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-27 { background: url("../../taidu27/imgs/history/history-27.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-28 { background: url("../../taidu27/imgs/history/history-28.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-29 { background: url("../../taidu27/imgs/history/history-29.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-30 { background: url("../../taidu27/imgs/history/history-30.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-31 { background: url("../../taidu27/imgs/history/history-31.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-32 { background: url("../../taidu27/imgs/history/history-32.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-33 { background: url("../../taidu27/imgs/history/history-33.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-34 { background: url("../../taidu27/imgs/history/history-34.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-35 { background: url("../../taidu27/imgs/history/history-35.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-36 { background: url("../../taidu27/imgs/history/history-36.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-37 { background: url("../../taidu27/imgs/history/history-37.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-38 { background: url("../../taidu27/imgs/history/history-38.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-39 { background: url("../../taidu27/imgs/history/history-39.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-40 { background: url("../../taidu27/imgs/history/history-40.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-41 { background: url("../../taidu27/imgs/history/history-41.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-42 { background: url("../../taidu27/imgs/history/history-42.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-43 { background: url("../../taidu27/imgs/history/history-43.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-44 { background: url("../../taidu27/imgs/history/history-44.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-45 { background: url("../../taidu27/imgs/history/history-45.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-46 { background: url("../../taidu27/imgs/history/history-46.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-47 { background: url("../../taidu27/imgs/history/history-47.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-48 { background: url("../../taidu27/imgs/history/history-48.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-49 { background: url("../../taidu27/imgs/history/history-49.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-50 { background: url("../../taidu27/imgs/history/history-50.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-51 { background: url("../../taidu27/imgs/history/history-51.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-52 { background: url("../../taidu27/imgs/history/history-52.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-53 { background: url("../../taidu27/imgs/history/history-53.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-54 { background: url("../../taidu27/imgs/history/history-54.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-55 { background: url("../../taidu27/imgs/history/history-55.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-56 { background: url("../../taidu27/imgs/history/history-56.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-57 { background: url("../../taidu27/imgs/history/history-57.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-58 { background: url("../../taidu27/imgs/history/history-58.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-59 { background: url("../../taidu27/imgs/history/history-59.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-60 { background: url("../../taidu27/imgs/history/history-60.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-61 { background: url("../../taidu27/imgs/history/history-61.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-62 { background: url("../../taidu27/imgs/history/history-62.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-63 { background: url("../../taidu27/imgs/history/history-63.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-64 { background: url("../../taidu27/imgs/history/history-64.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-65 { background: url("../../taidu27/imgs/history/history-65.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-66 { background: url("../../taidu27/imgs/history/history-66.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-67 { background: url("../../taidu27/imgs/history/history-67.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-68 { background: url("../../taidu27/imgs/history/history-68.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-69 { background: url("../../taidu27/imgs/history/history-69.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-70 { background: url("../../taidu27/imgs/history/history-70.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-71 { background: url("../../taidu27/imgs/history/history-71.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-72 { background: url("../../taidu27/imgs/history/history-72.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-73 { background: url("../../taidu27/imgs/history/history-73.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-74 { background: url("../../taidu27/imgs/history/history-74.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-75 { background: url("../../taidu27/imgs/history/history-75.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-76 { background: url("../../taidu27/imgs/history/history-76.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-77 { background: url("../../taidu27/imgs/history/history-77.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-78 { background: url("../../taidu27/imgs/history/history-78.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-79 { background: url("../../taidu27/imgs/history/history-79.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-80 { background: url("../../taidu27/imgs/history/history-80.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-81 { background: url("../../taidu27/imgs/history/history-81.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-82 { background: url("../../taidu27/imgs/history/history-82.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-83 { background: url("../../taidu27/imgs/history/history-83.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-84 { background: url("../../taidu27/imgs/history/history-84.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-85 { background: url("../../taidu27/imgs/history/history-85.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-86 { background: url("../../taidu27/imgs/history/history-86.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-87 { background: url("../../taidu27/imgs/history/history-87.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-88 { background: url("../../taidu27/imgs/history/history-88.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-89 { background: url("../../taidu27/imgs/history/history-89.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-90 { background: url("../../taidu27/imgs/history/history-90.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-91 { background: url("../../taidu27/imgs/history/history-91.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-92 { background: url("../../taidu27/imgs/history/history-92.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-93 { background: url("../../taidu27/imgs/history/history-93.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-94 { background: url("../../taidu27/imgs/history/history-94.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-95 { background: url("../../taidu27/imgs/history/history-95.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-96 { background: url("../../taidu27/imgs/history/history-96.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-97 { background: url("../../taidu27/imgs/history/history-97.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-98 { background: url("../../taidu27/imgs/history/history-98.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-99 { background: url("../../taidu27/imgs/history/history-99.png") no-repeat; }
.page-index .zoom .history-div .h-pic.h-pic-100 { background: url("../../taidu27/imgs/history/history-100.png") no-repeat; }
.page-index .zoom .history-div .swiper-container { position: absolute; left: 50%; top: 360px; margin-left: -452px; width: 950px; height: 494px; overflow: hidden; }
.page-index .zoom .history-div .swiper-container .text-main { width: 100%; height: auto; overflow: hidden; }
.page-index .zoom .history-div .swiper-container .swiper-scrollbar-div { height: 492px; }
.page-index .zoom .history-div .swiper-container .swiper-scrollbar-div .swiper-scrollbar { height: 488px; }
.page-index .zoom .popup { z-index: 50; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }
.page-index .zoom .popup.ani .gkk-div .line-1 .line-1-1, .page-index .zoom .popup.ani .gkk-div .line-1 .line-1-2, .page-index .zoom .popup.ani .gkk-div .line-1 .line-2-1, .page-index .zoom .popup.ani .gkk-div .line-1 .line-2-2, .page-index .zoom .popup.ani .gkk-div .line-1 .line-2-3, .page-index .zoom .popup.ani .gkk-div .line-1 .line-2-4, .page-index .zoom .popup.ani .gkk-div .line-2 .line-1-1, .page-index .zoom .popup.ani .gkk-div .line-2 .line-1-2, .page-index .zoom .popup.ani .gkk-div .line-2 .line-2-1, .page-index .zoom .popup.ani .gkk-div .line-2 .line-2-2, .page-index .zoom .popup.ani .gkk-div .line-2 .line-2-3, .page-index .zoom .popup.ani .gkk-div .line-2 .line-2-4, .page-index .zoom .popup.ani .tdyx-div .line-1 .line-1-1, .page-index .zoom .popup.ani .tdyx-div .line-1 .line-1-2, .page-index .zoom .popup.ani .tdyx-div .line-1 .line-2-1, .page-index .zoom .popup.ani .tdyx-div .line-1 .line-2-2, .page-index .zoom .popup.ani .tdyx-div .line-1 .line-2-3, .page-index .zoom .popup.ani .tdyx-div .line-1 .line-2-4, .page-index .zoom .popup.ani .tdyx-div .line-2 .line-1-1, .page-index .zoom .popup.ani .tdyx-div .line-2 .line-1-2, .page-index .zoom .popup.ani .tdyx-div .line-2 .line-2-1, .page-index .zoom .popup.ani .tdyx-div .line-2 .line-2-2, .page-index .zoom .popup.ani .tdyx-div .line-2 .line-2-3, .page-index .zoom .popup.ani .tdyx-div .line-2 .line-2-4 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); transform: translate(0%, 0%); }
.page-index .zoom .popup.ani .gkk-div .gkk-bg, .page-index .zoom .popup.ani .gkk-div .pic-1, .page-index .zoom .popup.ani .gkk-div .pic-2, .page-index .zoom .popup.ani .gkk-div .pic-3, .page-index .zoom .popup.ani .gkk-div .pic-4, .page-index .zoom .popup.ani .tdyx-div .gkk-bg, .page-index .zoom .popup.ani .tdyx-div .pic-1, .page-index .zoom .popup.ani .tdyx-div .pic-2, .page-index .zoom .popup.ani .tdyx-div .pic-3, .page-index .zoom .popup.ani .tdyx-div .pic-4 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); transform: translate(0%, 0%); }
.page-index .zoom .cooperate-div { position: absolute; top: 50%; left: 50%; width: 731px; height: 605px; margin-left: -365.5px; margin-top: -302.5px; background: url("../imgs/page1/cooperate.png") no-repeat center; }
.page-index .zoom .cooperate-div .close { cursor: pointer; position: absolute; bottom: 0; left: 50%; width: 220px; height: 50px; margin-left: -100px; }
.page-index .zoom .form-div { position: absolute; top: 50%; left: 50%; width: 731px; height: 620px; margin-left: -365.5px; margin-top: -310px; background: url("../imgs/page1/form.png") no-repeat center; }
.page-index .zoom .form-div input, .page-index .zoom .form-div select { position: absolute; height: 48px; width: 448px; left: 200px; padding: 0 10px; border: 1px solid #c09e78; background: none; color: #c09e78; font-size: 20px; font-family: 'Microsoft YaHei'; }
.page-index .zoom .form-div select { padding: 0; width: 471px; height: 50px; }
.page-index .zoom .form-div option { background: #2F324C; }
.page-index .zoom .form-div .username { top: 106px; }
.page-index .zoom .form-div .phone { top: 184px; }
.page-index .zoom .form-div .email { top: 262px; }
.page-index .zoom .form-div .province { top: 341px; }
.page-index .zoom .form-div .qudao { top: 419px; }
.page-index .zoom .form-div .sub { padding: 0; left: 117px; top: 572px; width: 234px; cursor: pointer; border: none; }
.page-index .zoom .form-div .reset { padding: 0; left: 405px; top: 572px; width: 234px; cursor: pointer; border: none; }
.page-index .zoom .gkk-div, .page-index .zoom .tdyx-div { position: absolute; top: 50%; left: 50%; width: 947px; height: 610px; margin-left: -473.5px; margin-top: -261px; background: url("../imgs/page1/gkk.png") no-repeat center; }
.page-index .zoom .gkk-div .line-1, .page-index .zoom .tdyx-div .line-1 { position: absolute; top: -400px; left: 170px; width: 477px; height: 648px; }
.page-index .zoom .gkk-div .line-1 span, .page-index .zoom .tdyx-div .line-1 span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: -webkit-transform 1.5s, opacity 0.5s linear; -moz-transition: -moz-transform 1.5s, opacity 0.5s linear; -ms-transition: -ms-transform 1.5s, opacity 0.5s linear; -o-transition: -o-transform 1.5s, opacity 0.5s linear; transition: transform 1.5s, opacity 0.5s linear; opacity: 0; filter: alpha(opacity=0); }
.page-index .zoom .gkk-div .line-1 .line-1-1, .page-index .zoom .tdyx-div .line-1 .line-1-1 { background: url("../imgs/page1/line-1.png") no-repeat center; -webkit-transform: translate(100%, -100%); -moz-transform: translate(100%, -100%); -ms-transform: translate(100%, -100%); -o-transform: translate(100%, -100%); transform: translate(100%, -100%); }
.page-index .zoom .gkk-div .line-1 .line-1-2, .page-index .zoom .tdyx-div .line-1 .line-1-2 { background: url("../imgs/page1/line-2.png") no-repeat center; -webkit-transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); transform: translate(-50%, 50%); }
.page-index .zoom .gkk-div .line-2, .page-index .zoom .tdyx-div .line-2 { position: absolute; top: 400px; left: 370px; width: 504px; height: 648px; }
.page-index .zoom .gkk-div .line-2 span, .page-index .zoom .tdyx-div .line-2 span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: -webkit-transform 1.5s 0.6s, opacity 0.5s 0.6s linear; -moz-transition: -moz-transform 1.5s 0.6s, opacity 0.5s 0.6s linear; -ms-transition: -ms-transform 1.5s 0.6s, opacity 0.5s 0.6s linear; -o-transition: -o-transform 1.5s 0.6s, opacity 0.5s 0.6s linear; transition: transform 1.5s 0.6s, opacity 0.5s 0.6s linear; opacity: 0; filter: alpha(opacity=0); }
.page-index .zoom .gkk-div .line-2 .line-2-1, .page-index .zoom .tdyx-div .line-2 .line-2-1 { background: url("../imgs/page1/line-3.png") no-repeat center; -webkit-transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); transform: translate(-50%, 50%); }
.page-index .zoom .gkk-div .line-2 .line-2-2, .page-index .zoom .tdyx-div .line-2 .line-2-2 { background: url("../imgs/page1/line-4.png") no-repeat center; -webkit-transform: translate(-100%, 100%); -moz-transform: translate(-100%, 100%); -ms-transform: translate(-100%, 100%); -o-transform: translate(-100%, 100%); transform: translate(-100%, 100%); }
.page-index .zoom .gkk-div .line-2 .line-2-3, .page-index .zoom .tdyx-div .line-2 .line-2-3 { background: url("../imgs/page1/line-5.png") no-repeat center; -webkit-transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); transform: translate(-50%, 50%); }
.page-index .zoom .gkk-div .line-2 .line-2-4, .page-index .zoom .tdyx-div .line-2 .line-2-4 { background: url("../imgs/page1/line-6.png") no-repeat center; -webkit-transform: translate(-100%, 100%); -moz-transform: translate(-100%, 100%); -ms-transform: translate(-100%, 100%); -o-transform: translate(-100%, 100%); transform: translate(-100%, 100%); }
.page-index .zoom .gkk-div .gkk-bg, .page-index .zoom .tdyx-div .gkk-bg { position: absolute; width: 185px; height: 134px; top: 394px; left: 690px; background: url("../imgs/page1/gkk-bg.png") no-repeat center; -webkit-transition: -webkit-transform 1.2s 1.2s, opacity 0.8s 1.2s linear; -moz-transition: -moz-transform 1.2s 1.2s, opacity 0.8s 1.2s linear; -ms-transition: -ms-transform 1.2s 1.2s, opacity 0.8s 1.2s linear; -o-transition: -o-transform 1.2s 1.2s, opacity 0.8s 1.2s linear; transition: transform 1.2s 1.2s, opacity 0.8s 1.2s linear; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); transform: translate(50%, -50%); }
.page-index .zoom .gkk-div .pic-1, .page-index .zoom .tdyx-div .pic-1 { position: absolute; top: 100px; left: 0px; -webkit-transition: -webkit-transform 2s 0.6s, opacity 1s 0.6s linear; -moz-transition: -moz-transform 2s 0.6s, opacity 1s 0.6s linear; -ms-transition: -ms-transform 2s 0.6s, opacity 1s 0.6s linear; -o-transition: -o-transform 2s 0.6s, opacity 1s 0.6s linear; transition: transform 2s 0.6s, opacity 1s 0.6s linear; -webkit-transform: translate(-100%, -100%); -moz-transform: translate(-100%, -100%); -ms-transform: translate(-100%, -100%); -o-transform: translate(-100%, -100%); transform: translate(-100%, -100%); opacity: 0; filter: alpha(opacity=0); }
.page-index .zoom .gkk-div .pic-2, .page-index .zoom .tdyx-div .pic-2 { position: absolute; top: -70px; left: 90%; -webkit-transition: -webkit-transform 2s 0.7s, opacity 1s 0.7s linear; -moz-transition: -moz-transform 2s 0.7s, opacity 1s 0.7s linear; -ms-transition: -ms-transform 2s 0.7s, opacity 1s 0.7s linear; -o-transition: -o-transform 2s 0.7s, opacity 1s 0.7s linear; transition: transform 2s 0.7s, opacity 1s 0.7s linear; -webkit-transform: translate(100%, -100%); -moz-transform: translate(100%, -100%); -ms-transform: translate(100%, -100%); -o-transform: translate(100%, -100%); transform: translate(100%, -100%); opacity: 0; filter: alpha(opacity=0); }
.page-index .zoom .gkk-div .pic-3, .page-index .zoom .tdyx-div .pic-3 { position: absolute; top: 250px; left: 70%; -webkit-transition: -webkit-transform 2s 0.8s, opacity 1s 0.8s linear; -moz-transition: -moz-transform 2s 0.8s, opacity 1s 0.8s linear; -ms-transition: -ms-transform 2s 0.8s, opacity 1s 0.8s linear; -o-transition: -o-transform 2s 0.8s, opacity 1s 0.8s linear; transition: transform 2s 0.8s, opacity 1s 0.8s linear; -webkit-transform: translate(100%, 100%); -moz-transform: translate(100%, 100%); -ms-transform: translate(100%, 100%); -o-transform: translate(100%, 100%); transform: translate(100%, 100%); opacity: 0; filter: alpha(opacity=0); }
.page-index .zoom .gkk-div .pic-4, .page-index .zoom .tdyx-div .pic-4 { position: absolute; top: 95%; left: 5%; -webkit-transition: -webkit-transform 2s 0.9s, opacity 1s 0.9s linear; -moz-transition: -moz-transform 2s 0.9s, opacity 1s 0.9s linear; -ms-transition: -ms-transform 2s 0.9s, opacity 1s 0.9s linear; -o-transition: -o-transform 2s 0.9s, opacity 1s 0.9s linear; transition: transform 2s 0.9s, opacity 1s 0.9s linear; -webkit-transform: translate(-100%, 100%); -moz-transform: translate(-100%, 100%); -ms-transform: translate(-100%, 100%); -o-transform: translate(-100%, 100%); transform: translate(-100%, 100%); opacity: 0; filter: alpha(opacity=0); }
.page-index .zoom .gkk-div .close, .page-index .zoom .tdyx-div .close { position: absolute; bottom: 0; left: 50%; height: 50px; width: 230px; margin-left: -150px; }
.page-index .zoom .tdyx-div { background: url("../imgs/page1/tdyx.png") no-repeat center; }
.page-index .menu { position: absolute; top: 0; left: 50%; width: 1920px; height: 88px; margin-left: -960px; z-index: 100; background: url("../imgs/page1/menu.png") no-repeat center; -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; }
.page-index .menu a { position: absolute; height: 100%; background: url("../imgs/page1/menu-2.png") no-repeat; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; }
.page-index .menu a:hover { opacity: 1; filter: alpha(opacity=100); }
.page-index .menu .menu-1 { left: 360px; width: 210px; background-position: -360px 0; }
.page-index .menu .menu-2 { left: 610px; width: 170px; background-position: -610px 0; }
.page-index .menu .menu-3 { left: 830px; width: 180px; background-position: -830px 0; }
.page-index .menu .menu-4 { left: 1060px; width: 180px; background-position: -1060px 0; }
.page-index .menu .menu-5 { left: 1290px; width: 210px; background-position: -1290px 0; }
.page-index .menu-right { position: fixed; top: 50%; right: 3%; width: 164px; height: 266px; margin-top: -133px; background: url("../imgs/page1/menu-3.png") no-repeat center; z-index: 1000; -webkit-transform-origin: center right; -moz-transform-origin: center right; -ms-transform-origin: center right; -o-transform-origin: center right; transform-origin: center right; -webkit-animation: opacity_ani 6.5s forwards; -moz-animation: opacity_ani 6.5s forwards; -ms-animation: opacity_ani 6.5s forwards; -o-animation: opacity_ani 6.5s forwards; animation: opacity_ani 6.5s forwards; }
.page-index .menu-right a span { -webkit-transition: margin 0.3s; -moz-transition: margin 0.3s; -ms-transition: margin 0.3s; -o-transition: margin 0.3s; transition: margin 0.3s; }
.page-index .menu-right a:hover span { margin-left: -10px; }
.page-index .menu-right .menu-1 { position: absolute; top: 0; left: 0; width: 100%; height: 25px; background: url("../imgs/page1/menu-5.png") no-repeat; }
.page-index .menu-right .menu-1.select { background: none; }
.page-index .menu-right .menu-1 .text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../imgs/page1/menu-4.png") no-repeat; }
.page-index .menu-right .menu-3 { position: absolute; top: 169px; left: 0; width: 100%; height: 25px; }
.page-index .menu-right .menu-3 .text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../imgs/page1/menu-4.png") no-repeat 0 -164px; }
.page-index .menu-right .menu-4 { position: absolute; top: 211px; left: 0; width: 100%; height: 25px; }
.page-index .menu-right .menu-4 .text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../imgs/page1/menu-4.png") no-repeat 0 -205px; }
.page-index .menu-right .menu-5 { position: absolute; top: 252px; left: 0; width: 100%; height: 25px; }
.page-index .menu-right .menu-5 .text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../imgs/page1/menu-4.png") no-repeat 0 -246px; }
.page-index .menu-right .menu-2 { position: absolute; top: 128px; left: 0; width: 100%; height: 25px; background: url("../imgs/page1/menu-5.png") no-repeat 0 -128px; }
.page-index .menu-right .menu-2.select { background: none; }
.page-index .menu-right .menu-2 .text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../imgs/page1/menu-4.png") no-repeat 0 -128px; }

html body .wrapper.page-people .zoom .ani .light { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }

.page-people .zoom { position: relative; width: 1920px; height: auto; background: #000; }
.page-people .zoom .main { width: 100%; height: 5278px; overflow: hidden; }
.page-people .zoom .bg-1 { position: absolute; width: 100%; height: 5278px; background: url("../imgs/people/bg-1.png") center; }
.page-people .zoom .bg-2 { position: absolute; width: 100%; height: 5278px; background: url("../imgs/people/bg-2.png") center; opacity: 0.8; filter: alpha(opacity=80); }
.page-people .zoom .bg-3 { position: absolute; top: 88px; left: 0; width: 1920px; height: 662px; background: url("../imgs/people/bg.jpg") no-repeat bottom center; }
.page-people .zoom .list01 { width: 100%; height: 750px; z-index: 10; }
.page-people .zoom .list01 .light01 { position: absolute; pointer-events: none; top: 247px; right: 70px; width: 739px; height: 908px; background: url("../imgs/people/light-1.png") no-repeat center; opacity: 0; -webkit-transition: -webkit-transform 2s, opacity 2s; -moz-transition: -moz-transform 2s, opacity 2s; -ms-transition: -ms-transform 2s, opacity 2s; -o-transition: -o-transform 2s, opacity 2s; transition: transform 2s, opacity 2s; -webkit-transform: translate(500px, -500px); -moz-transform: translate(500px, -500px); -ms-transform: translate(500px, -500px); -o-transform: translate(500px, -500px); transform: translate(500px, -500px); }
.page-people .zoom .list01 .people { position: absolute; top: 88px; left: 445px; width: 600px; height: 662px; background: url("../imgs/people/people.png") no-repeat center; margin-left: -200px; opacity: 0; filter: alpha(opacity=0); }
.page-people .zoom .list01 .svg-div-1 { position: absolute; top: 90px; left: 640px; width: 783px; height: 886px; }
.page-people .zoom .list01 .svg-div-1 .title { position: absolute; width: 273px; height: 273px; top: 182px; left: 317px; background: url("../imgs/people/title-1.png") no-repeat center; display: none; }
.page-people .zoom .list01 .svg-div-1 .list-menu { position: absolute; top: 210px; left: 555px; width: 238px; height: 286px; }
.page-people .zoom .list01 .svg-div-1 .list-menu span { position: absolute; width: 100%; left: 0; height: 40px; background: url("../imgs/people/menu-3_2.png") no-repeat; margin-left: 100px; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }
.page-people .zoom .list01 .svg-div-1 .list-menu .list-menu-1 { background-position: 0 10px; top: -10px; }
.page-people .zoom .list01 .svg-div-1 .list-menu .list-menu-2 { background-position: 0 -60px; top: 60px; }
.page-people .zoom .list01 .svg-div-1 .list-menu .list-menu-3 { background-position: 0 -130px; top: 130px; }
.page-people .zoom .list01 .svg-div-1 .list-menu .list-menu-4 { background-position: 0 -200px; top: 200px; }
.page-people .zoom .list01 .svg-div-1 .list-menu .list-menu-5 { background-position: 0 -250px; top: 250px; }
.page-people .zoom .list02 { width: 100%; height: 1412px; z-index: 10; }
.page-people .zoom .list02 .light02 { position: absolute; pointer-events: none; top: -190px; left: 0; width: 739px; height: 908px; background: url("../imgs/people/light-1.png") no-repeat center; opacity: 0; -webkit-transition: -webkit-transform 2s, opacity 2s; -moz-transition: -moz-transform 2s, opacity 2s; -ms-transition: -ms-transform 2s, opacity 2s; -o-transition: -o-transform 2s, opacity 2s; transition: transform 2s, opacity 2s; -webkit-transform: translate(500px, -500px); -moz-transform: translate(500px, -500px); -ms-transform: translate(500px, -500px); -o-transform: translate(500px, -500px); transform: translate(500px, -500px); }
.page-people .zoom .list02 .light03 { position: absolute; pointer-events: none; top: 240px; left: 1230px; width: 486px; height: 486px; background: url("../imgs/people/light-2.png") no-repeat center; opacity: 0; -webkit-transition: -webkit-transform 2s 0.6s, opacity 2s 0.6s; -moz-transition: -moz-transform 2s 0.6s, opacity 2s 0.6s; -ms-transition: -ms-transform 2s 0.6s, opacity 2s 0.6s; -o-transition: -o-transform 2s 0.6s, opacity 2s 0.6s; transition: transform 2s 0.6s, opacity 2s 0.6s; -webkit-transform: translate(-500px, -500px); -moz-transform: translate(-500px, -500px); -ms-transform: translate(-500px, -500px); -o-transform: translate(-500px, -500px); transform: translate(-500px, -500px); }
.page-people .zoom .list02 .peo-1 { position: absolute; top: 600px; left: 350px; width: 503px; height: 521px; background: url("../imgs/people/peo-list-1.png") no-repeat center top; }
.page-people .zoom .list02 .svg-div-2 { position: absolute; top: 173px; left: 422px; width: 1043px; height: 1313px; }
.page-people .zoom .list02 .svg-div-2 .title { position: absolute; width: 369px; height: 188px; top: 82px; left: 137px; background: url("../imgs/people/title-2.png") no-repeat center; }
.page-people .zoom .list02 .text-1 { position: absolute; left: 780px; top: 455px; width: 650px; height: 370px; /*background: url(../imgs/people/desc.png) no-repeat 100px 138px;*/}
.page-people .zoom .list02 .text-1 .text-title { position: absolute; width: 100%; height: auto; bottom: 311px; left: 0; text-align: center; text-indent: 375px; font-size: 42px; line-height: 50px; color: #e83428; font-weight: 500; }
.page-people .zoom .list02 .text-1 .text-name { position: absolute; width: 100%; height: auto; bottom: 245px; left: -20px; text-align: center; /* margin-right: 41px; */font-size: 42px; line-height: 50px; color: #c09f79; font-weight: 500; text-indent: 460px; }
.page-people .zoom .list02 .text-1 .swiper-container-3 { position: absolute; bottom: 0; left: 0; width: 100%; height: 230px; color: #c09f79; font-size: 16px; line-height: 28px; overflow: hidden; }
.page-people .zoom .list02 .text-1 .swiper-container-3 p { margin-bottom: 10px; }
.page-people .zoom .list02 .text-1 .swiper-container-3 .text-1-main { height: auto; width: 630px; cursor: move; }
.page-people .zoom .list02 .text-1 .swiper-container-3 .swiper-scrollbar-div { height: 198px; }
.page-people .zoom .list02 .text-1 .swiper-container-3 .swiper-scrollbar-div .swiper-scrollbar { height: 194px; }
.page-people .zoom .list02 .text-2 { position: absolute; height: 300px; width: 600px; top: 1100px; left: 805px; /*background: url("../imgs/people/text-2.png") no-repeat center;*/ }
.page-people .zoom .list02 .text-2 .text-title { position: absolute; font-size: 22px; width: 100%; top: 28px; left: 0; color: #c09f79; }
.page-people .zoom .list02 .text-2 .text-2-main { position: absolute; bottom: 0; left: 0; width: 100%; height: 200px; color: #c09f79; font-size: 20px; line-height: 26px; font-family: 'SimSun'; }
.page-people .zoom .list02 .text-2 .text-2-main p { margin-bottom: 26px; }
.page-people .zoom .list03 { width: 100%; height: 1100px; z-index: 10; }
.page-people .zoom .list03 .light04 { position: absolute; pointer-events: none; top: -290px; left: 0; width: 821px; height: 908px; background: url("../imgs/people/light-4.png") no-repeat center; opacity: 0; -webkit-transition: -webkit-transform 2s, opacity 2s; -moz-transition: -moz-transform 2s, opacity 2s; -ms-transition: -ms-transform 2s, opacity 2s; -o-transition: -o-transform 2s, opacity 2s; transition: transform 2s, opacity 2s; -webkit-transform: translate(500px, 500px); -moz-transform: translate(500px, 500px); -ms-transform: translate(500px, 500px); -o-transform: translate(500px, 500px); transform: translate(500px, 500px); }
.page-people .zoom .list03 .light05 { position: absolute; pointer-events: none; top: 110px; left: 190px; width: 905px; height: 905px; background: url("../imgs/people/light-3.png") no-repeat center; opacity: 0; -webkit-transition: -webkit-transform 2s 0.6s, opacity 2s 0.6s; -moz-transition: -moz-transform 2s 0.6s, opacity 2s 0.6s; -ms-transition: -ms-transform 2s 0.6s, opacity 2s 0.6s; -o-transition: -o-transform 2s 0.6s, opacity 2s 0.6s; transition: transform 2s 0.6s, opacity 2s 0.6s; -webkit-transform: translate(-500px, -500px); -moz-transform: translate(-500px, -500px); -ms-transform: translate(-500px, -500px); -o-transform: translate(-500px, -500px); transform: translate(-500px, -500px); }
.page-people .zoom .list03 .light06 { position: absolute; pointer-events: none; top: -245px; right: 0; width: 993px; height: 1002px; background: url("../imgs/people/light-5.png") no-repeat center; opacity: 0; -webkit-transition: -webkit-transform 2s 0.6s, opacity 2s 0.6s; -moz-transition: -moz-transform 2s 0.6s, opacity 2s 0.6s; -ms-transition: -ms-transform 2s 0.6s, opacity 2s 0.6s; -o-transition: -o-transform 2s 0.6s, opacity 2s 0.6s; transition: transform 2s 0.6s, opacity 2s 0.6s; -webkit-transform: translate(500px, -500px); -moz-transform: translate(500px, -500px); -ms-transform: translate(500px, -500px); -o-transform: translate(500px, -500px); transform: translate(500px, -500px); }
.page-people .zoom .list03 .svg-div-3 { position: absolute; top: 0; left: 530px; width: 888px; height: 1424px; }
.page-people .zoom .list03 .svg-div-3 .title { position: absolute; width: 373px; height: 195px; top: 76px; left: 423px; background: url("../imgs/people/title-3.png") no-repeat center; }
.page-people .zoom .list03 .video-div { position: absolute; top: 177px; left: 520px; width: 635px; height: 360px; border: 2px solid #e43327; }
.page-people .zoom .list03.no-dialogue .dialogue-main { display: none; }
.page-people .zoom .list03.no-dialogue .no-dialogue-main { display: block; }
.page-people .zoom .list03 .dialogue-main { position: absolute; top: 680px; left: 779px; width: 660px; height: 205px; }
.page-people .zoom .list03 .dialogue-main .dialogue-title { position: absolute; top: 0; left: 0; width: 309px; height: 54px; background: url("../imgs/people/dialogue.png") no-repeat center; }
.page-people .zoom .list03 .dialogue-main .text { position: absolute; width: 100%; height: auto; overflow: hidden; font-size: 14px; font-family: 'SimSun'; color: #c09e78; }
.page-people .zoom .list03 .dialogue-main .text-1 { top: 100px; left: 130px; }
.page-people .zoom .list03 .dialogue-main .text-2 { top: 130px; left: 160px; }
.page-people .zoom .list03 .dialogue-main .text-3 { top: 160px; left: 190px; }
.page-people .zoom .list03 .dialogue-main .text-4 { top: 190px; left: 220px; }
.page-people .zoom .list03 .dialogue-main .dialogue-btn { position: absolute; cursor: pointer; width: 600px; height: 500px; top: 220px; left: -310px; background: url("../imgs/people/dialogue-btn.png") no-repeat center; }
.page-people .zoom .list03 .no-dialogue-main { display: none; position: absolute; width: 319px; height: 380px; left: 1050px; top: 588px; background: url("../imgs/people/peo-list-2.png") no-repeat center; }
.page-people .zoom .list03 .video-btn-1 { top: 487px; left: 1170px; }
.page-people .zoom .list03 .video-btn-2 { top: 422px; left: 1170px; }
.page-people .zoom .list03 .video-btn-3 { top: 355px; left: 1170px; }
.page-people .zoom .list03 .video-btn { position: absolute; height: 50px; width: auto; cursor: pointer; }
.page-people .zoom .list03 .video-btn.video-play .play-hint { opacity: 0; filter: alpha(opacity=0); }
.page-people .zoom .list03 .video-btn.video-play img { opacity: 1; filter: alpha(opacity=100); }
.page-people .zoom .list03 .video-btn:hover img { opacity: 1; filter: alpha(opacity=100); }
.page-people .zoom .list03 .video-btn .play-hint { position: absolute; width: 16px; height: 16px; top: 17px; left: 40px; opacity: 1; filter: alpha(opacity=100); background: url("../imgs/people/play-hint.png") no-repeat center; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; }
.page-people .zoom .list03 .video-btn img { position: absolute; width: 90px; height: 50px; border: 1px solid #e43327; opacity: 0.7; filter: alpha(opacity=70); -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; }
.page-people .zoom .list03 .video-btn p { position: absolute; bottom: 0; left: 105px; width: 320px; height: auto; font-size: 12px; font-family: 'SimSun'; color: #c09f79; }
.page-people .zoom .list04 { width: 100%; height: 921px; z-index: 10; }
.page-people .zoom .list04 .light07 { position: absolute; top: 0; left: 100px; width: 411px; height: 503px; background: url("../imgs/people/light-6.png") no-repeat center; opacity: 0; -webkit-transition: -webkit-transform 2s, opacity 2s; -moz-transition: -moz-transform 2s, opacity 2s; -ms-transition: -ms-transform 2s, opacity 2s; -o-transition: -o-transform 2s, opacity 2s; transition: transform 2s, opacity 2s; -webkit-transform: translate(-500px, -500px); -moz-transform: translate(-500px, -500px); -ms-transform: translate(-500px, -500px); -o-transform: translate(-500px, -500px); transform: translate(-500px, -500px); }
.page-people .zoom .list04 .light08 { position: absolute; top: 350px; right: -250px; width: 739px; height: 908px; background: url("../imgs/people/light-1.png") no-repeat center; opacity: 0; -webkit-transition: -webkit-transform 2s 1.2s, opacity 2s 1.2s; -moz-transition: -moz-transform 2s 1.2s, opacity 2s 1.2s; -ms-transition: -ms-transform 2s 1.2s, opacity 2s 1.2s; -o-transition: -o-transform 2s 1.2s, opacity 2s 1.2s; transition: transform 2s 1.2s, opacity 2s 1.2s; -webkit-transform: translate(500px, -500px); -moz-transform: translate(500px, -500px); -ms-transform: translate(500px, -500px); -o-transform: translate(500px, -500px); transform: translate(500px, -500px); }
.page-people .zoom .list04 .svg-div-4 { position: absolute; top: 0; left: 790px; width: 650px; height: 985px; }
.page-people .zoom .list04 .svg-div-4 .title { position: absolute; width: 439px; height: 116px; top: 89px; left: 180px; background: url("../imgs/people/title-4.png") no-repeat center; }
.page-people .zoom .list04 .photo-div { position: absolute; top: 329px; left: 500px; width: 905px; height: 375px; }
.page-people .zoom .list04 .photo-div .show-photo { position: absolute; top: 0; left: 0; height: 100%; width: 660px; border: 1px solid #e43327; }
.page-people .zoom .list04 .photo-div .show-photo img { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.page-people .zoom .list04 .photo-div .swiper-container-1 { position: absolute; margin: 0; left: auto; right: 0; top: 0; height: 375px; width: 230px; }
.page-people .zoom .list04 .photo-div .swiper-container-1 .swiper-wrapper { width: 230px; }
.page-people .zoom .list04 .photo-div .swiper-container-1 .swiper-slide { height: 125px; width: 230px; position: relative; background: none; cursor: pointer; }
.page-people .zoom .list04 .photo-div .swiper-container-1 .swiper-slide img { position: absolute; left: 1px; width: 200px; height: 112px; top: 50%; margin-top: -56px; border: 1px solid #e43327; }
.page-people .zoom .list04 .photo-div .swiper-scrollbar-div { height: 373px; }
.page-people .zoom .list04 .photo-div .swiper-scrollbar-div .swiper-scrollbar { height: 369px; }
.page-people .zoom .list05 { width: 100%; height: 830px; z-index: 10; }
.page-people .zoom .list05 .svg-div-5 { position: absolute; top: 0; left: 498px; width: 222px; height: 336px; }
.page-people .zoom .list05 .svg-div-5 .title { position: absolute; width: 384px; height: 191px; top: 80px; left: 70px; background: url("../imgs/people/title-5.png") no-repeat center; }
.page-people .zoom .list05 .text-div { position: absolute; top: 200px; left: 760px; width: 660px; height: 490px; }
.page-people .zoom .list05 .text-div .text-title { font-size: 42px; line-height: 50px; font-weight: 500; color: #e43327; }
.page-people .zoom .list05 .text-div .text-main { height: auto; width: 630px; }
.page-people .zoom .list05 .text-div .swiper-container-2 { position: absolute; bottom: 0; left: 0; overflow: hidden; width: 100%; height: 380px; cursor: move; }
.page-people .zoom .list05 .text-div .swiper-container-2 h4 { font-size: 20px; font-weight: 500; color: #c09e78; margin-bottom: 20px; font-family: 'SimSun'; font-weight: bold; }
.page-people .zoom .list05 .text-div .swiper-container-2 p { font-size: 14px; line-height: 24px; color: #c09e78; margin-bottom: 15px; font-family: 'SimSun'; }
.page-people .zoom .list05 .text-div .swiper-scrollbar-div { z-index: 1; height: 388px; }
.page-people .zoom .list05 .text-div .swiper-scrollbar-div .swiper-scrollbar { height: 384px; }
.page-people .zoom .list05 .gkk { position: absolute; left: 80px; bottom: 0; width: 1254px; height: 252px; background: url("../imgs/people/gkk-bg.jpg") no-repeat center; }
.page-people .zoom .list05 .gkk span { position: absolute; top: -75px; left: 300px; width: 537px; height: 245px; background: url("../imgs/people/gkk.png") no-repeat center; }
.page-people .menu { position: fixed; top: 0; left: 50%; width: 1920px; height: 88px; margin-left: -960px; z-index: 100; background: url("../imgs/people/menu.png") no-repeat center; -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; }
.page-people .menu a { position: absolute; height: 100%; background: url("../imgs/people/menu-2.png") no-repeat; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; }
.page-people .menu a:hover { opacity: 1; filter: alpha(opacity=100); }
.page-people .menu .menu-1 { width: 180px; left: 260px; background-position: -260px 0; }
.page-people .menu .menu-2 { width: 180px; left: 490px; background-position: -490px 0; }
.page-people .menu .menu-3 { width: 180px; left: 710px; background-position: -710px 0; }
.page-people .menu .menu-4 { width: 180px; left: 923px; background-position: -923px 0; }
.page-people .menu .share-1 { width: 60px; left: 1290px; background-position: -1290px 0; }
.page-people .menu .share-2 { width: 60px; left: 1370px; background-position: -1370px 0; }
.page-people .menu .share-3 { width: 60px; left: 1450px; background-position: -1450px 0; }
.page-people .menu .share-4 { width: 60px; left: 1530px; background-position: -1530px 0; }
.page-people .menu .share-5 { width: 60px; left: 1613px; background-position: -1613px 0; }
.page-people .return-top {position: fixed; display: inline-block; width: 20px; height: 97px; bottom: 10px; right: 10px; display: none; z-index: 10;}
.swiper-scrollbar-div { width: 10px; position: absolute; top: 0; right: 1px; border: 1px solid #e43327; z-index: 1; }
.swiper-scrollbar-div .swiper-scrollbar { position: absolute; left: 2px; top: 2px; width: 6px; }
.swiper-scrollbar-div .swiper-scrollbar .swiper-scrollbar-drag { background: #c09f79; cursor: move; }

@-webkit-keyframes star_ani { 0%,10% { opacity: 0; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); }
  20% { opacity: 1; }
  100% { opacity: 1; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } }
@-moz-keyframes star_ani { 0%,10% { opacity: 0; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); }
  20% { opacity: 1; }
  100% { opacity: 1; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } }
@-ms-keyframes star_ani { 0%,10% { opacity: 0; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); }
  20% { opacity: 1; }
  100% { opacity: 1; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } }
@-o-keyframes star_ani { 0%,10% { opacity: 0; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); }
  20% { opacity: 1; }
  100% { opacity: 1; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } }
@keyframes star_ani { 0%,10% { opacity: 0; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); }
  20% { opacity: 1; }
  100% { opacity: 1; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } }
@-webkit-keyframes circle-ani { 100% { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); transform: rotateZ(360deg); } }
@-moz-keyframes circle-ani { 100% { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); transform: rotateZ(360deg); } }
@-ms-keyframes circle-ani { 100% { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); transform: rotateZ(360deg); } }
@-o-keyframes circle-ani { 100% { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); transform: rotateZ(360deg); } }
@keyframes circle-ani { 100% { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); transform: rotateZ(360deg); } }
@-webkit-keyframes circle-inverse-ani { 100% { -webkit-transform: rotateZ(-360deg); -moz-transform: rotateZ(-360deg); -ms-transform: rotateZ(-360deg); -o-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } }
@-moz-keyframes circle-inverse-ani { 100% { -webkit-transform: rotateZ(-360deg); -moz-transform: rotateZ(-360deg); -ms-transform: rotateZ(-360deg); -o-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } }
@-ms-keyframes circle-inverse-ani { 100% { -webkit-transform: rotateZ(-360deg); -moz-transform: rotateZ(-360deg); -ms-transform: rotateZ(-360deg); -o-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } }
@-o-keyframes circle-inverse-ani { 100% { -webkit-transform: rotateZ(-360deg); -moz-transform: rotateZ(-360deg); -ms-transform: rotateZ(-360deg); -o-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } }
@keyframes circle-inverse-ani { 100% { -webkit-transform: rotateZ(-360deg); -moz-transform: rotateZ(-360deg); -ms-transform: rotateZ(-360deg); -o-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } }
@-webkit-keyframes movement-ani { 0% { opacity: 0; -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); }
  30% { opacity: 1; }
  45% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  55% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  70% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } }
@-moz-keyframes movement-ani { 0% { opacity: 0; -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); }
  30% { opacity: 1; }
  45% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  55% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  70% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } }
@-ms-keyframes movement-ani { 0% { opacity: 0; -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); }
  30% { opacity: 1; }
  45% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  55% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  70% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } }
@-o-keyframes movement-ani { 0% { opacity: 0; -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); }
  30% { opacity: 1; }
  45% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  55% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  70% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } }
@keyframes movement-ani { 0% { opacity: 0; -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); }
  30% { opacity: 1; }
  45% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  55% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  70% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } }
@-webkit-keyframes movement-ani { 0% { opacity: 0; -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); }
  30% { opacity: 1; }
  70% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } }
@-moz-keyframes movement-ani { 0% { opacity: 0; -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); }
  30% { opacity: 1; }
  70% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } }
@-ms-keyframes movement-ani { 0% { opacity: 0; -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); }
  30% { opacity: 1; }
  70% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } }
@-o-keyframes movement-ani { 0% { opacity: 0; -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); }
  30% { opacity: 1; }
  70% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } }
@keyframes movement-ani { 0% { opacity: 0; -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); }
  30% { opacity: 1; }
  70% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } }
@-webkit-keyframes title-ani { 0%,82% { -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); opacity: 0; }
  90% { opacity: 1; }
  100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } }
@-moz-keyframes title-ani { 0%,82% { -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); opacity: 0; }
  90% { opacity: 1; }
  100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } }
@-ms-keyframes title-ani { 0%,82% { -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); opacity: 0; }
  90% { opacity: 1; }
  100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } }
@-o-keyframes title-ani { 0%,82% { -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); opacity: 0; }
  90% { opacity: 1; }
  100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } }
@keyframes title-ani { 0%,82% { -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); opacity: 0; }
  90% { opacity: 1; }
  100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } }
@-webkit-keyframes opacity_ani { 0% ,90% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes opacity_ani { 0% ,90% { opacity: 0; }
  100% { opacity: 1; } }
@-ms-keyframes opacity_ani { 0% ,90% { opacity: 0; }
  100% { opacity: 1; } }
@-o-keyframes opacity_ani { 0% ,90% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes opacity_ani { 0% ,90% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes bling {
  0% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 1;
  } 
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 1;
  }  
 }
@-moz-keyframes opacity_ani { 0% ,90% { opacity: 0; }
  100% { opacity: 1; } }
@-ms-keyframes opacity_ani { 0% ,90% { opacity: 0; }
  100% { opacity: 1; } }
@-o-keyframes opacity_ani { 0% ,90% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes opacity_ani { 0% ,90% { opacity: 0; }
  100% { opacity: 1; } }
path { -webkit-transition: all 1.2s; -moz-transition: all 1.2s; -ms-transition: all 1.2s; -o-transition: all 1.2s; transition: all 1.2s; }

svg { pointer-events: none; position: absolute; top: 0; left: 0; }

#svg_1 .st0 { fill-rule: evenodd; clip-rule: evenodd; fill: none; stroke: #e83428; stroke-width: 3; stroke-miterlimit: 10; }
#svg_1 .st1 { fill-rule: evenodd; clip-rule: evenodd; fill: none; stroke: #e83428; stroke-miterlimit: 10; }
#svg_1 .st2 { fill: none; stroke: #e83428; stroke-miterlimit: 10; }
#svg_1 .st3 { fill-rule: evenodd; clip-rule: evenodd; fill: none; stroke: #e83428; stroke-width: 5; stroke-miterlimit: 10; }
#svg_1 .line1 { stroke-dasharray: 255; stroke-dashoffset: 255; }
#svg_1 .line2 { stroke-dasharray: 280; stroke-dashoffset: 280; }
#svg_1 .line3 { stroke-dasharray: 950; stroke-dashoffset: 950; }
#svg_1 .line4 { stroke-dasharray: 910; stroke-dashoffset: 910; }
#svg_1 .line5 { stroke-dasharray: 860; stroke-dashoffset: 860; }
#svg_1 .line6 { stroke-dasharray: 460; stroke-dashoffset: 460; }
#svg_1 .line7 { stroke-dasharray: 600; stroke-dashoffset: 600; }
#svg_1 .line8 { stroke-dasharray: 540; stroke-dashoffset: 540; }
#svg_1 .line9 { stroke-dasharray: 20; stroke-dashoffset: -20; }
#svg_1 .line10 { stroke-dasharray: 180; stroke-dashoffset: -180; }

#svg_2 .st0 { fill-rule: evenodd; clip-rule: evenodd; fill: none; stroke: #E83428; stroke-miterlimit: 10; }
#svg_2 .st1 { fill-rule: evenodd; clip-rule: evenodd; fill: none; stroke: #BC9D78; stroke-miterlimit: 10; }
#svg_2 .st2 { fill-rule: evenodd; clip-rule: evenodd; fill: #BC9D78; }
#svg_2 .st3 { fill-rule: evenodd; clip-rule: evenodd; fill: none; stroke: #E83428; stroke-width: 3; stroke-miterlimit: 10; }
#svg_2 .st5 { display: inline; fill-rule: evenodd; clip-rule: evenodd; fill: none; stroke: #BC9D78; stroke-miterlimit: 10; }
#svg_2 .st6 { display: inline; fill-rule: evenodd; clip-rule: evenodd; fill: none; stroke: #E83428; stroke-width: 3; stroke-miterlimit: 10; }
#svg_2 .line1 { stroke-dasharray: 630; stroke-dashoffset: 630; }
#svg_2 .line2 { stroke-dasharray: 630; stroke-dashoffset: 630; }
#svg_2 .line3 { stroke-dasharray: 410; stroke-dashoffset: 410; }
#svg_2 .line4 { -webkit-transform: translate(-70px, 70px); -moz-transform: translate(-70px, 70px); -ms-transform: translate(-70px, 70px); -o-transform: translate(-70px, 70px); transform: translate(-70px, 70px); opacity: 0; }
#svg_2 .line5 { -webkit-transform: translate(150px, -150px); -moz-transform: translate(150px, -150px); -ms-transform: translate(150px, -150px); -o-transform: translate(150px, -150px); transform: translate(150px, -150px); opacity: 0; }
#svg_2 .line6 { -webkit-transform: translate(30px, -30px); -moz-transform: translate(30px, -30px); -ms-transform: translate(30px, -30px); -o-transform: translate(30px, -30px); transform: translate(30px, -30px); opacity: 0; }
#svg_2 .line7 { stroke-dasharray: 190; stroke-dashoffset: 190; }
#svg_2 .line8 { stroke-dasharray: 310; stroke-dashoffset: 310; }
#svg_2 .line9 { stroke-dasharray: 120; stroke-dashoffset: 120; }
#svg_2 .line10 { stroke-dasharray: 800; stroke-dashoffset: 800; }
#svg_2 .line11 { stroke-dasharray: 310; stroke-dashoffset: 310; }
#svg_2 .line12 { stroke-dasharray: 310; stroke-dashoffset: 310; }
#svg_2 .line13 { stroke-dasharray: 60; stroke-dashoffset: 60; }
#svg_2 .line14 { stroke-dasharray: 60; stroke-dashoffset: 60; }
#svg_2 .line15 { stroke-dasharray: 170; stroke-dashoffset: 170; }

#svg_3 .st0 { fill-rule: evenodd; clip-rule: evenodd; fill: none; stroke: #e83428; stroke-miterlimit: 10; }
#svg_3 .st1 { fill-rule: evenodd; clip-rule: evenodd; fill: none; stroke: #e83428; stroke-width: 3; stroke-miterlimit: 10; }
#svg_3 .st2 { fill-rule: evenodd; clip-rule: evenodd; fill: none; stroke: #e83428; stroke-miterlimit: 10; }
#svg_3 .line1 { stroke-dasharray: 630; stroke-dashoffset: 630; }
#svg_3 .line2 { stroke-dasharray: 630; stroke-dashoffset: 630; }
#svg_3 .line3 { stroke-dasharray: 410; stroke-dashoffset: 410; }
#svg_3 .line4 { stroke-dasharray: 380; stroke-dashoffset: 380; }
#svg_3 .line5 { stroke-dasharray: 870; stroke-dashoffset: 870; }
#svg_3 .line6 { stroke-dasharray: 60; stroke-dashoffset: 60; }
#svg_3 .line7 { stroke-dasharray: 60; stroke-dashoffset: 60; }
#svg_3 .line8 { stroke-dasharray: 740; stroke-dashoffset: 740; }

#svg_4 .st0 { fill-rule: evenodd; clip-rule: evenodd; fill: none; stroke: #BFA383; stroke-miterlimit: 10; }
#svg_4 .st1 { fill-rule: evenodd; clip-rule: evenodd; fill: none; stroke: #e83428; stroke-width: 3; stroke-miterlimit: 10; }
#svg_4 .st2 { fill-rule: evenodd; clip-rule: evenodd; fill: none; stroke: #e83428; stroke-miterlimit: 10; }
#svg_4 .line1 { stroke-dasharray: 630; stroke-dashoffset: 630; }
#svg_4 .line2 { stroke-dasharray: 630; stroke-dashoffset: 630; }
#svg_4 .line3 { stroke-dasharray: 410; stroke-dashoffset: 410; }
#svg_4 .line4 { stroke-dasharray: 410; stroke-dashoffset: 410; }
#svg_4 .line5 { stroke-dasharray: 340; stroke-dashoffset: 340; }
#svg_4 .line6 { stroke-dasharray: 60; stroke-dashoffset: 60; }
#svg_4 .line7 { stroke-dasharray: 60; stroke-dashoffset: 60; }

#svg_5 .st0 { fill-rule: evenodd; clip-rule: evenodd; fill: none; stroke: #e83428; stroke-miterlimit: 10; }
#svg_5 .st1 { fill-rule: evenodd; clip-rule: evenodd; fill: none; stroke: #BFA383; stroke-miterlimit: 10; }
#svg_5 .line1 { stroke-dasharray: 630; stroke-dashoffset: 630; }
#svg_5 .line2 { stroke-dasharray: 630; stroke-dashoffset: 630; }
#svg_5 .line3 { stroke-dasharray: 410; stroke-dashoffset: 410; }