@charset "UTF-8";
html, body { margin: 0; padding: 0; }

* { margin: 0; padding: 0; }

body { font: 16px/1.8 "Microsoft Yahei",verdana; }

#superContainer { height: 100%; position: relative; }

.section { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.slide { float: left; }

.slide, .slidesContainer { height: 100%; display: block; }

.slides { height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.section.table, .slide.table { display: table; width: 100%; }

.tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }

.slidesContainer { float: left; position: relative; }

.controlArrow { position: absolute; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; }

.controlArrow.prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; }

.controlArrow.next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; }

.scrollable { overflow: scroll; }

.easing { -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; }

#fullPage-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; }

#fullPage-nav.right { right: 17px; }

#fullPage-nav.left { left: 17px; }

.fullPage-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1; }

.fullPage-slidesNav.bottom { bottom: 17px; }

.fullPage-slidesNav.top { top: 17px; }

#fullPage-nav ul, .fullPage-slidesNav ul { margin: 0; padding: 0; }

#fullPage-nav li, .fullPage-slidesNav li { display: block; width: 14px; height: 13px; margin: 7px; position: relative; }

.fullPage-slidesNav li { display: inline-block; }

#fullPage-nav li a, .fullPage-slidesNav li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; }

#fullPage-nav li .active span, .fullPage-slidesNav .active span { background: #333; }

#fullPage-nav span, .fullPage-slidesNav span { top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid #000; background: transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 1; }

.fullPage-tooltip { position: absolute; color: #fff; font-size: 14px; font-family: arial,helvetica,sans-serif; top: -2px; }

.fullPage-tooltip.right { right: 20px; }

.fullPage-tooltip.left { left: 20px; }

/* 右侧导航 */
#fullPage-nav { _display: none; font-size: 12px; }

#fullPage-nav li { width: 90px; height: 21px; margin: 10px 0 0; vertical-align: middle; }

#fullPage-nav li a { float: right; width: 21px; height: 21px; color: #8F9DA4; text-decoration: none; text-align: right; background: url(../images/dot.png) 5px 5px no-repeat; }

#fullPage-nav li .active { background-position: 0 bottom; }

#fullPage-nav span { display: none; }

.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #8F9DA4; line-height: 21px; }

.section { position: relative; overflow: hidden; }

.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.section .bg img { display: block; width: 100%; height: 100%; }

.bg2 { position: absolute; left: 0%; top: 7%; width: 100%; opacity: 0; transition: all 1s; animation: breath 3s linear infinite; -webkit-animation: breath 3s linear infinite; }

.active .bg2 { opacity: 1; transition-delay: 1s; }

.ltie10 .bg2 { opacity: 1; transition-delay: 1s; }

img { width: 100%; }

@keyframes rotate { 0% { transform: rotate(0); }
  100% { transform: rotate(360deg); } }
@-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); } }
@keyframes rotate2 { 0% { transform: rotate(0); }
  100% { transform: rotate(-360deg); } }
@-webkit-keyframes rotate2 { 0% { -webkit-transform: rotate(0); }
  100% { -webkit-transform: rotate(-360deg); } }
@keyframes breath { from { opacity: 0.1; }
  50% { opacity: 1; }
  to { opacity: 0.1; } }
@-webkit-keyframes breath { from { opacity: 0.1; }
  50% { opacity: 1; }
  to { opacity: 0.1; } }
@keyframes breath2 { from { opacity: 0.9; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); }
  50% { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  to { opacity: 0.9; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); } }
@-webkit-keyframes breath2 { from { opacity: 0.9; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); }
  50% { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  to { opacity: 0.9; -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); } }
@keyframes breath2a { from { opacity: 0.9; -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); }
  50% { opacity: 1; -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); }
  to { opacity: 0.9; -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); } }
@-webkit-keyframes breath2a { from { opacity: 0.9; -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); }
  50% { opacity: 1; -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); }
  to { opacity: 0.9; -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); } }
@keyframes breath3 { from { -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); }
  50% { -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }
  to { -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); } }
@-webkit-keyframes breath3 { from { -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); }
  50% { -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }
  to { -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); } }
.big { position: absolute; left: 0%; top: 7%; width: 100%; opacity: 0; transition: all 1s; }

.active .big { opacity: 1; transition-delay: 0.3s; }

.ltie10 .big { opacity: 1; transition-delay: 0.3s; }

.middle { position: absolute; left: 0%; top: 7%; width: 100%; opacity: 0; transition: all 1s; animation: rotate 15s linear infinite; -webkit-animation: rotate 15s linear infinite; }

.active .middle { opacity: 1; transition-delay: 1s; }

.ltie10 .middle { opacity: 1; transition-delay: 1s; }

.three { position: absolute; left: 0%; top: 7%; width: 100%; opacity: 0; transition: all 1s; animation: rotate2 15s linear infinite; -webkit-animation: rotate2 15s linear infinite; }

.active .three { opacity: 1; transition-delay: 1.8s; }

.ltie10 .three { opacity: 1; transition-delay: 1.8s; }

.title1 { position: absolute; width: 70%; left: 15%; top: 28%; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }

.active .title1 { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 2.5s; }

.ltie10 .title1 { opacity: 1; transform: scale(1, 1); transition-delay: 2.5s; }

.cjtxbg { position: absolute; left: 36%; top: 3%; width: 28%; opacity: 1; transition: all 1s; }

.active .cjtxbg { opacity: 1; transition-delay: 0.3s; }

.ltie10 .cjtxbg { opacity: 1; transition-delay: 0.3s; }

.cjtxlogo { position: absolute; left: 36%; top: 3%; width: 28%; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }

.active .cjtxlogo { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 2.8s; }

.ltie10 .cjtxlogo { opacity: 1; transform: scale(1, 1); transition-delay: 2.8s; }

.arrowup1 { position: absolute; left: 47%; top: 35%; width: 6%; opacity: 0; transition: all 0.7s; }

.active .arrowup1 { opacity: 1; top: 21%; transition-delay: 2.2s; }

.ltie10 .arrowup1 { opacity: 1; top: 21%; transition-delay: 2.2s; }

.arrowdown1 { position: absolute; left: 47%; top: 37%; width: 6%; opacity: 0; transition: all 0.7s; }

.active .arrowdown1 { opacity: 1; top: 51%; transition-delay: 2.2s; }

.ltie10 .arrowdown1 { opacity: 1; top: 51%; transition-delay: 2.2s; }

.p1 { position: absolute; top: 65%; width: 76%; left: 12%; opacity: 0; height: 545px; transition: all 1s; }

.active .p1 { top: 77%; opacity: 1; transition-delay: 2.8s; }

.ltie10 .p1 { top: 77%; opacity: 1; transition-delay: 2.8s; }

/* 第二页 */
.title2 { position: absolute; width: 76%; left: 12%; top: 10%; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }

.active .title2 { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 0.7s; }

.ltie10 .title2 { opacity: 1; transform: scale(1, 1); transition-delay: 0.7s; }

.t0 { position: absolute; left: 30%; top: 40%; width: 40%; opacity: 0; transition: all 0.7s; animation: breath3 14s linear infinite; -webkit-animation: breath3 14s linear infinite; }

.active .t0 { opacity: 1; transition-delay: 0.7s; }

.ltie10 .t0 { opacity: 1; transition-delay: 0.7s; }

.t1 { position: absolute; left: 50%; top: 38%; width: 30%; margin-top: -20px; opacity: 0; transition: all 0.7s; animation: breath3 14s linear infinite; -webkit-animation: breath3 14s linear infinite; }

.active .t1 { opacity: 1; margin-top: 0px; transition-delay: 0.7s; }

.ltie10 .t1 { opacity: 1; margin-top: 0px; transition-delay: 0.7s; }

.t2 { position: absolute; left: 58%; top: 41%; width: 45%; margin-top: -20px; opacity: 0; transition: all 0.7s; animation: breath3 19s linear infinite; -webkit-animation: breath3 19s linear infinite; }

.active .t2 { opacity: 1; margin-top: 0px; transition-delay: 1.2s; }

.ltie10 .t2 { opacity: 1; margin-top: 0px; transition-delay: 1.2s; }

.t3 { position: absolute; left: 55%; top: 58%; width: 30%; margin-top: -20px; opacity: 0; transition: all 0.7s; animation: breath3 17s linear infinite; -webkit-animation: breath3 17s linear infinite; }

.active .t3 { opacity: 1; margin-top: 0px; transition-delay: 1.5s; }

.ltie10 .t3 { opacity: 1; margin-top: 0px; transition-delay: 1.5s; }

.t4 { position: absolute; left: 7%; top: 51.5%; width: 30%; margin-top: -20px; opacity: 0; transition: all 0.7s; animation: breath3 10s linear infinite; -webkit-animation: breath3 10s linear infinite; }

.active .t4 { opacity: 1; margin-top: 0px; transition-delay: 1.5s; }

.ltie10 .t4 { opacity: 1; margin-top: 0px; transition-delay: 1.5s; }

.t5 { position: absolute; left: 7%; top: 43%; width: 31%; margin-top: -20px; opacity: 0; transition: all 0.7s; animation: breath3 12s linear infinite; -webkit-animation: breath3 12s linear infinite; }

.active .t5 { opacity: 1; margin-top: 0px; transition-delay: 1.8s; }

.ltie10 .t5 { opacity: 1; margin-top: 0px; transition-delay: 1.8s; }

.tl0 { position: absolute; left: 38%; top: 48%; width: 24%; opacity: 0; transition: all 0.7s; animation: breath3 5s linear infinite; -webkit-animation: breath3 5s linear infinite; }

.active .tl0 { opacity: 1; transition-delay: 1.2s; }

.ltie10 .tl0 { opacity: 1; transition-delay: 1.2s; }

.tl1 { position: absolute; left: 56%; top: 35%; width: 18%; margin-top: -20px; opacity: 0; transition: all 0.7s; animation: breath3 15s linear infinite; -webkit-animation: breath3 15s linear infinite; }

.active .tl1 { opacity: 1; margin-top: 0px; transition-delay: 0.9s; }

.ltie10 .tl1 { opacity: 1; margin-top: 0px; transition-delay: 0.9s; }

.tl2 { position: absolute; left: 73%; top: 47%; width: 17.5%; margin-top: -20px; opacity: 0; transition: all 0.7s; animation: breath3 10s linear infinite; -webkit-animation: breath3 10s linear infinite; }

.active .tl2 { opacity: 1; margin-top: 0px; transition-delay: 1.4s; }

.ltie10 .tl2 { opacity: 1; margin-top: 0px; transition-delay: 1.4s; }

.tl3 { position: absolute; left: 62%; top: 64%; width: 21.5%; margin-top: -20px; opacity: 0; transition: all 0.7s; animation: breath3 9s linear infinite; -webkit-animation: breath3 9s linear infinite; }

.active .tl3 { opacity: 1; margin-top: 0px; transition-delay: 1.7s; }

.ltie10 .tl3 { opacity: 1; margin-top: 0px; transition-delay: 1.7s; }

.tl4 { position: absolute; left: 13%; top: 62%; width: 18%; margin-top: -20px; opacity: 0; transition: all 0.7s; animation: breath3 7s linear infinite; -webkit-animation: breath3 7s linear infinite; }

.active .tl4 { opacity: 1; margin-top: 0px; transition-delay: 1.7s; }

.ltie10 .tl4 { opacity: 1; margin-top: 0px; transition-delay: 1.7s; }

.tl5 { position: absolute; left: 12%; top: 40%; width: 18%; margin-top: -20px; opacity: 0; transition: all 0.7s; animation: breath3 13s linear infinite; -webkit-animation: breath3 13s linear infinite; }

.active .tl5 { opacity: 1; margin-top: 0px; transition-delay: 2.0s; }

.ltie10 .tl5 { opacity: 1; margin-top: 0px; transition-delay: 2.0s; }

.btn2 { position: absolute; left: 24%; top: 80%; width: 64%; margin-top: 20px; margin-left: 20px; opacity: 0; transition: all 1s; }

.active .btn2 { opacity: 1; margin-top: 0px; margin-left: 0; transition-delay: 2.5s; }

.ltie10 .btn2 { opacity: 1; margin-top: 0px; margin-left: 0; transition-delay: 2.5s; }

/* 第三页 */
.line-top3 { position: absolute; left: 0%; top: 5%; width: 100%; opacity: 0; transition: all 1s; }

.active .line-top3 { opacity: 1; transition-delay: 0.8s; }

.ltie10 .line-top3 { opacity: 1; transition-delay: 0.8s; }

.logo3 { position: absolute; left: 25%; top: 10%; width: 58%; opacity: 0; transition: all 1s; }

.active .logo3 { opacity: 1; transition-delay: 0.8s; }

.ltie10 .logo3 { opacity: 1; transition-delay: 0.8s; }

.title3 { position: absolute; left: 25%; top: 26%; width: 50%; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }

.active .title3 { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 0.7s; }

.ltie10 .title3 { opacity: 1; transform: scale(1, 1); transition-delay: 0.7s; }

.line-left3 { position: absolute; top: 0%; margin-top: -940px; opacity: 0; transition: all 3s; }

.active .line-left3 { opacity: 1; margin-top: 0px; transition-delay: 1.5s; }

.ltie10 .line-left3 { opacity: 1; margin-top: 0px; transition-delay: 1.5s; }

.out3 { position: absolute; left: 12.5%; top: 16%; overflow: hidden; height: 84%; width: 2px; opacity: 0; transition: all 0.7s; }

.active .out3 { opacity: 1; transition-delay: 0.1s; }

.ltie10 .out3 { opacity: 1; transition-delay: 0.1s; }

.con3-1 { position: absolute; left: 0%; top: 36%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con3-1 { opacity: 1; margin-top: 0px; transition-delay: 2.0s; }

.ltie10 .con3-1 { opacity: 1; margin-top: 0px; transition-delay: 2.0s; }

.con3-2 { position: absolute; left: 0%; top: 42%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con3-2 { opacity: 1; margin-top: 0px; transition-delay: 2.3s; }

.ltie10 .con3-2 { opacity: 1; margin-top: 0px; transition-delay: 2.3s; }

.con3-3 { position: absolute; left: 0%; top: 47%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con3-3 { opacity: 1; margin-top: 0px; transition-delay: 2.6s; }

.ltie10 .con3-3 { opacity: 1; margin-top: 0px; transition-delay: 2.6s; }

.con3-4 { position: absolute; left: 0%; top: 51.5%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con3-4 { opacity: 1; margin-top: 0px; transition-delay: 2.9s; }

.ltie10 .con3-4 { opacity: 1; margin-top: 0px; transition-delay: 2.9s; }

.con3-5 { position: absolute; left: 0%; top: 69%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con3-5 { opacity: 1; margin-top: 0px; transition-delay: 3.2s; }

.ltie10 .con3-5 { opacity: 1; margin-top: 0px; transition-delay: 3.2s; }

.con3-6 { position: absolute; left: 0%; top: 74%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con3-6 { opacity: 1; margin-top: 0px; transition-delay: 3.6s; }

.ltie10 .con3-6 { opacity: 1; margin-top: 0px; transition-delay: 3.6s; }

/* 第四页 */
.line-top4 { position: absolute; left: 0%; top: 0%; width: 100%; opacity: 0; transition: all 1s; }

.active .line-top4 { opacity: 1; transition-delay: 0.8s; }

.ltie10 .line-top4 { opacity: 1; transition-delay: 0.8s; }

.line-right4 { position: absolute; top: 0%; margin-top: -940px; opacity: 0; transition: all 3s; }

.active .line-right4 { opacity: 1; margin-top: 0px; transition-delay: 1.5s; }

.ltie10 .line-right4 { opacity: 1; margin-top: 0px; transition-delay: 1.5s; }

.out4 { position: absolute; right: 10.6%; top: 10%; overflow: hidden; height: 90%; width: 2px; opacity: 0; transition: all 0.7s; }

.active .out4 { opacity: 1; transition-delay: 0.1s; }

.ltie10 .out4 { opacity: 1; transition-delay: 0.1s; }

.con4-1 { position: absolute; left: 0%; top: 15%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con4-1 { opacity: 1; margin-top: 0px; transition-delay: 2.0s; }

.ltie10 .con4-1 { opacity: 1; margin-top: 0px; transition-delay: 2.0s; }

.con4-2 { position: absolute; left: 0%; top: 25%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con4-2 { opacity: 1; margin-top: 0px; transition-delay: 2.3s; }

.ltie10 .con4-2 { opacity: 1; margin-top: 0px; transition-delay: 2.3s; }

.con4-3 { position: absolute; left: 0%; top: 31%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con4-3 { opacity: 1; margin-top: 0px; transition-delay: 2.6s; }

.ltie10 .con4-3 { opacity: 1; margin-top: 0px; transition-delay: 2.6s; }

.con4-4 { position: absolute; left: 0%; top: 62%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con4-4 { opacity: 1; margin-top: 0px; transition-delay: 2.9s; }

.ltie10 .con4-4 { opacity: 1; margin-top: 0px; transition-delay: 2.9s; }

.con4-5 { position: absolute; left: 0%; top: 74%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con4-5 { opacity: 1; margin-top: 0px; transition-delay: 3.2s; }

.ltie10 .con4-5 { opacity: 1; margin-top: 0px; transition-delay: 3.2s; }

/* 第五页 */
.line-top5 { position: absolute; left: 0%; top: 0%; width: 100%; opacity: 0; transition: all 1s; }

.active .line-top5 { opacity: 1; transition-delay: 0.8s; }

.ltie10 .line-top5 { opacity: 1; transition-delay: 0.8s; }

.line-left5 { position: absolute; top: 0%; margin-top: -940px; opacity: 0; transition: all 3s; }

.active .line-left5 { opacity: 1; margin-top: 0px; transition-delay: 1.5s; }

.ltie10 .line-left5 { opacity: 1; margin-top: 0px; transition-delay: 1.5s; }

.out5 { position: absolute; left: 12.3%; top: 11%; overflow: hidden; height: 92%; width: 2px; opacity: 0; transition: all 0.7s; }

.active .out5 { opacity: 1; transition-delay: 0.1s; }

.ltie10 .out5 { opacity: 1; transition-delay: 0.1s; }

.con5-1 { position: absolute; left: 0%; top: 15%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con5-1 { opacity: 1; margin-top: 0px; transition-delay: 2.0s; }

.ltie10 .con5-1 { opacity: 1; margin-top: 0px; transition-delay: 2.0s; }

.con5-2 { position: absolute; left: 0%; top: 23%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con5-2 { opacity: 1; margin-top: 0px; transition-delay: 2.3s; }

.ltie10 .con5-2 { opacity: 1; margin-top: 0px; transition-delay: 2.3s; }

.con5-3 { position: absolute; left: 0%; top: 40%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con5-3 { opacity: 1; margin-top: 0px; transition-delay: 2.6s; }

.ltie10 .con5-3 { opacity: 1; margin-top: 0px; transition-delay: 2.6s; }

.con5-4 { position: absolute; left: 0%; top: 45%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con5-4 { opacity: 1; margin-top: 0px; transition-delay: 2.9s; }

.ltie10 .con5-4 { opacity: 1; margin-top: 0px; transition-delay: 2.9s; }

/* 第六页 */
.line-top6 { position: absolute; left: 0%; top: 0%; width: 100%; opacity: 0; transition: all 1s; }

.active .line-top6 { opacity: 1; transition-delay: 0.8s; }

.ltie10 .line-top6 { opacity: 1; transition-delay: 0.8s; }

.line-right6 { position: absolute; top: 0%; margin-top: -940px; opacity: 0; transition: all 3s; }

.active .line-right6 { opacity: 1; margin-top: 0px; transition-delay: 1.5s; }

.ltie10 .line-right6 { opacity: 1; margin-top: 0px; transition-delay: 1.5s; }

.out6 { position: absolute; right: 10.6%; top: 13%; overflow: hidden; height: 92%; width: 2px; opacity: 0; transition: all 0.7s; }

.active .out6 { opacity: 1; transition-delay: 0.1s; }

.ltie10 .out6 { opacity: 1; transition-delay: 0.1s; }

.con5-5 { position: absolute; left: 0%; top: 19%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con5-5 { opacity: 1; margin-top: 0px; transition-delay: 2.0s; }

.ltie10 .con5-5 { opacity: 1; margin-top: 0px; transition-delay: 2.0s; }

.con5-6 { position: absolute; left: 0%; top: 25%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con5-6 { opacity: 1; margin-top: 0px; transition-delay: 2.3s; }

.ltie10 .con5-6 { opacity: 1; margin-top: 0px; transition-delay: 2.3s; }

.con6-1 { position: absolute; left: 0%; top: 59%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con6-1 { opacity: 1; margin-top: 0px; transition-delay: 2.6s; }

.ltie10 .con6-1 { opacity: 1; margin-top: 0px; transition-delay: 2.6s; }

.con6-2 { position: absolute; left: 0%; top: 67%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con6-2 { opacity: 1; margin-top: 0px; transition-delay: 2.9s; }

.ltie10 .con6-2 { opacity: 1; margin-top: 0px; transition-delay: 2.9s; }

.con6-3 { position: absolute; left: 0%; top: 73%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con6-3 { opacity: 1; margin-top: 0px; transition-delay: 3.2s; }

.ltie10 .con6-3 { opacity: 1; margin-top: 0px; transition-delay: 3.2s; }

/* 第十六页 */
.con16-4 { position: absolute; left: 0%; top: 19%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con16-4 { opacity: 1; margin-top: 0px; transition-delay: 2.9s; }

.ltie10 .con16-4 { opacity: 1; margin-top: 0px; transition-delay: 2.9s; }

.con16-5 { position: absolute; left: 0%; top: 26%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con16-5 { opacity: 1; margin-top: 0px; transition-delay: 3.2s; }

.ltie10 .con16-5 { opacity: 1; margin-top: 0px; transition-delay: 3.2s; }

.con16-6 { position: absolute; left: 0%; top: 61%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con16-6 { opacity: 1; margin-top: 0px; transition-delay: 3.5s; }

.ltie10 .con16-6 { opacity: 1; margin-top: 0px; transition-delay: 3.5s; }

.con16-7 { position: absolute; left: 0%; top: 70%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con16-7 { opacity: 1; margin-top: 0px; transition-delay: 3.8s; }

.ltie10 .con16-7 { opacity: 1; margin-top: 0px; transition-delay: 3.8s; }

/* 第七页 */
.title7 { position: absolute; left: 25%; top: 18%; width: 50%; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }

.active .title7 { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 0.7s; }

.ltie10 .title7 { opacity: 1; transform: scale(1, 1); transition-delay: 0.7s; }

.con7 { position: absolute; left: 0%; top: 35%; width: 100%; opacity: 0; transition: all 1s; }

.active .con7 { opacity: 1; transition-delay: 0.8s; }

.ltie10 .con7 { opacity: 1; transition-delay: 0.8s; }

.con7a { position: absolute; left: 42.5%; top: 46%; width: 15%; opacity: 0; transition: all 1s; animation: breath2 3s linear infinite; -webkit-animation: breath2 3s linear infinite; }

.active .con7a { opacity: 1; transition-delay: 0.8s; }

.ltie10 .con7a { opacity: 1; transition-delay: 0.8s; }

.con7v { position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; transition: all 1s; background: url("../images/bg-9.png") center repeat; display: none; }

.active .con7v { opacity: 1; transition-delay: 0.8s; }

.ltie10 .con7v { opacity: 1; transition-delay: 0.8s; }

iframe { position: absolute; top: 26%; left: 0%; width: 100%; height: 48%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active iframe { opacity: 1; margin-top: 0px; transition-delay: 3.8s; }

.ltie10 iframe { opacity: 1; margin-top: 0px; transition-delay: 3.8s; }

/* 第八页 */
.title8 { position: absolute; left: 10%; top: 10%; width: 80%; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }

.active .title8 { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 0.7s; }

.ltie10 .title8 { opacity: 1; transform: scale(1, 1); transition-delay: 0.7s; }

.map0 { position: absolute; left: 0%; top: 33%; width: 100%; opacity: 0; -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); transition: all 1.2s; }

.active .map0 { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 0.7s; }

.ltie10 .map0 { opacity: 1; transform: scale(1, 1); transition-delay: 0.7s; }

.biao { position: absolute; left: 51.5%; top: 58%; width: 6%; opacity: 0; transition: all 1s; animation: breath2a 3s linear infinite; -webkit-animation: breath2a 3s linear infinite; }

.active .biao { opacity: 1; transition-delay: 0.8s; }

.ltie10 .biao { opacity: 1; transition-delay: 0.8s; }

.con88 { position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; transition: all 1s; background: url("../images/bg-9.png") center repeat; display: none; }
.con88 img { position: absolute; top: 28%; width: 90%; position: absolute; left: 5%; }

.con88-on { opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 5s; display: block; }

.active .con88-on { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 1s; }

.ltie10 .con88-on { opacity: 1; transform: scale(1, 1); transition-delay: 1s; }

/* 第九页 */
.title9 { position: absolute; left: 0%; top: 3%; width: 100%; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }

.active .title9 { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 0.7s; }

.ltie10 .title9 { opacity: 1; transform: scale(1, 1); transition-delay: 0.7s; }

.con9-1 { position: absolute; left: 5%; top: 10%; width: 90%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con9-1 { opacity: 1; margin-top: 0px; transition-delay: 2.0s; }

.ltie10 .con9-1 { opacity: 1; margin-top: 0px; transition-delay: 2.0s; }

.con9-2 { position: absolute; left: 5%; top: 22%; width: 90%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con9-2 { opacity: 1; margin-top: 0px; transition-delay: 2.3s; }

.ltie10 .con9-2 { opacity: 1; margin-top: 0px; transition-delay: 2.3s; }

.con9-3 { position: absolute; left: 5%; top: 34%; width: 90%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con9-3 { opacity: 1; margin-top: 0px; transition-delay: 2.6s; }

.ltie10 .con9-3 { opacity: 1; margin-top: 0px; transition-delay: 2.6s; }

.con9-4 { position: absolute; left: 5%; top: 52%; width: 90%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con9-4 { opacity: 1; margin-top: 0px; transition-delay: 2.9s; }

.ltie10 .con9-4 { opacity: 1; margin-top: 0px; transition-delay: 2.9s; }

.con9-5 { position: absolute; left: 5%; top: 64%; width: 90%; margin-top: -20px; opacity: 0; transition: all 0.7s; }

.active .con9-5 { opacity: 1; margin-top: 0px; transition-delay: 3.2s; }

.ltie10 .con9-5 { opacity: 1; margin-top: 0px; transition-delay: 3.2s; }

/* 第十页 */
.title10 { position: absolute; left: 7%; top: 8%; width: 86%; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }

.active .title10 { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 0.7s; }

.ltie10 .title10 { opacity: 1; transform: scale(1, 1); transition-delay: 0.7s; }

.con10-1 { position: absolute; left: 53%; top: 30%; width: 26%; margin-top: -20px; opacity: 0; transition: all 0.7s; animation: breath3 10s linear infinite; -webkit-animation: breath3 10s linear infinite; }

.active .con10-1 { opacity: 1; margin-top: 0px; transition-delay: 2.0s; }

.ltie10 .con10-1 { opacity: 1; margin-top: 0px; transition-delay: 2.0s; }

.con10-2 { position: absolute; left: 17%; top: 40%; width: 26%; margin-top: -20px; opacity: 0; transition: all 0.7s; animation: breath3 6s linear infinite; -webkit-animation: breath3 6s linear infinite; }

.active .con10-2 { opacity: 1; margin-top: 0px; transition-delay: 2.3s; }

.ltie10 .con10-2 { opacity: 1; margin-top: 0px; transition-delay: 2.3s; }

.con10-3 { position: absolute; left: 28%; top: 55%; width: 26%; margin-top: -20px; opacity: 0; transition: all 0.7s; animation: breath3 8s linear infinite; -webkit-animation: breath3 8s linear infinite; }

.active .con10-3 { opacity: 1; margin-top: 0px; transition-delay: 2.6s; }

.ltie10 .con10-3 { opacity: 1; margin-top: 0px; transition-delay: 2.6s; }

.con10-4 { position: absolute; left: 58%; top: 60%; width: 26%; margin-top: -20px; opacity: 0; transition: all 0.7s; animation: breath3 6s linear infinite; -webkit-animation: breath3 6s linear infinite; }

.active .con10-4 { opacity: 1; margin-top: 0px; transition-delay: 2.9s; }

.ltie10 .con10-4 { opacity: 1; margin-top: 0px; transition-delay: 2.9s; }

.btn10 { position: absolute; left: 25%; top: 83%; width: 64%; margin-top: 20px; margin-left: 20px; opacity: 0; transition: all 1s; }

.active .btn10 { opacity: 1; margin-top: 0px; margin-left: 0; transition-delay: 3.2s; }

.ltie10 .btn10 { opacity: 1; margin-top: 0px; margin-left: 0; transition-delay: 3.2s; }

.tips10 p { position: absolute; top: 94%; width: 100%; margin-top: 50px; opacity: 0; transition: all 0.7s; text-align: center; font-size: 0.75em; color: #fff; line-height: 0.875em; }

.active .tips10 p { opacity: 0.5; margin-top: 0px; transition-delay: 3.5s; }

.ltie10 .tips10 p { opacity: 0.5; margin-top: 0px; transition-delay: 3.5s; }

/* 第十一页 */
/* iphone4s 微信下尺寸 320x416  */
@media screen and (max-height: 416px) { .big { position: absolute; left: 5%; top: 7%; width: 90%; opacity: 0; transition: all 1s; }
  .active .big { opacity: 1; transition-delay: 0.3s; }
  .ltie10 .big { opacity: 1; transition-delay: 0.3s; }
  .middle { position: absolute; left: 5%; top: 7%; width: 90%; opacity: 0; transition: all 1s; animation: rotate 15s linear infinite; -webkit-animation: rotate 15s linear infinite; }
  .active .middle { opacity: 1; transition-delay: 1s; }
  .ltie10 .middle { opacity: 1; transition-delay: 1s; }
  .three { position: absolute; left: 5%; top: 7%; width: 90%; opacity: 0; transition: all 1s; animation: rotate2 15s linear infinite; -webkit-animation: rotate2 15s linear infinite; }
  .active .three { opacity: 1; transition-delay: 1.8s; }
  .ltie10 .three { opacity: 1; transition-delay: 1.8s; }
  .title1 { position: absolute; width: 60%; left: 20%; top: 30%; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }
  .active .title1 { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 2.5s; }
  .ltie10 .title1 { opacity: 1; transform: scale(1, 1); transition-delay: 2.5s; }
  .cjtxbg { position: absolute; left: 36%; top: 3%; width: 28%; opacity: 1; transition: all 1s; }
  .active .cjtxbg { opacity: 1; transition-delay: 0.3s; }
  .ltie10 .cjtxbg { opacity: 1; transition-delay: 0.3s; }
  .cjtxlogo { position: absolute; left: 36%; top: 3%; width: 28%; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }
  .active .cjtxlogo { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 2.8s; }
  .ltie10 .cjtxlogo { opacity: 1; transform: scale(1, 1); transition-delay: 2.8s; }
  .arrowup1 { position: absolute; left: 47%; top: 37%; width: 6%; opacity: 0; transition: all 0.7s; }
  .active .arrowup1 { opacity: 1; top: 23%; transition-delay: 2.2s; }
  .ltie10 .arrowup1 { opacity: 1; top: 23%; transition-delay: 2.2s; }
  .arrowdown1 { position: absolute; left: 47%; top: 39%; width: 6%; opacity: 0; transition: all 0.7s; }
  .active .arrowdown1 { opacity: 1; top: 53%; transition-delay: 2.2s; }
  .ltie10 .arrowdown1 { opacity: 1; top: 53%; transition-delay: 2.2s; }
  .p1 { position: absolute; top: 65%; width: 70%; left: 15%; opacity: 0; height: 545px; transition: all 1s; }
  .active .p1 { top: 77%; opacity: 1; transition-delay: 2.8s; }
  .ltie10 .p1 { top: 77%; opacity: 1; transition-delay: 2.8s; }
  /* 第二页 */
  .title2 { position: absolute; width: 76%; left: 12%; top: 5%; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }
  .active .title2 { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 0.7s; }
  .ltie10 .title2 { opacity: 1; transform: scale(1, 1); transition-delay: 0.7s; }
  .t0 { position: absolute; left: 30%; top: 40%; width: 40%; opacity: 0; transition: all 0.7s; }
  .active .t0 { opacity: 1; transition-delay: 0.7s; }
  .ltie10 .t0 { opacity: 1; transition-delay: 0.7s; }
  .t1 { position: absolute; left: 50%; top: 38%; width: 30%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .t1 { opacity: 1; margin-top: 0px; transition-delay: 0.7s; }
  .ltie10 .t1 { opacity: 1; margin-top: 0px; transition-delay: 0.7s; }
  .t2 { position: absolute; left: 58%; top: 41%; width: 45%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .t2 { opacity: 1; margin-top: 0px; transition-delay: 1.2s; }
  .ltie10 .t2 { opacity: 1; margin-top: 0px; transition-delay: 1.2s; }
  .t3 { position: absolute; left: 55%; top: 58%; width: 30%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .t3 { opacity: 1; margin-top: 0px; transition-delay: 1.5s; }
  .ltie10 .t3 { opacity: 1; margin-top: 0px; transition-delay: 1.5s; }
  .t4 { position: absolute; left: 7%; top: 51.5%; width: 30%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .t4 { opacity: 1; margin-top: 0px; transition-delay: 1.5s; }
  .ltie10 .t4 { opacity: 1; margin-top: 0px; transition-delay: 1.5s; }
  .t5 { position: absolute; left: 7%; top: 43%; width: 31%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .t5 { opacity: 1; margin-top: 0px; transition-delay: 1.8s; }
  .ltie10 .t5 { opacity: 1; margin-top: 0px; transition-delay: 1.8s; }
  .tl0 { position: absolute; left: 38%; top: 50%; width: 24%; opacity: 0; transition: all 0.7s; }
  .active .tl0 { opacity: 1; transition-delay: 1.2s; }
  .ltie10 .tl0 { opacity: 1; transition-delay: 1.2s; }
  .tl1 { position: absolute; left: 56%; top: 33%; width: 18%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .tl1 { opacity: 1; margin-top: 0px; transition-delay: 0.9s; }
  .ltie10 .tl1 { opacity: 1; margin-top: 0px; transition-delay: 0.9s; }
  .tl2 { position: absolute; left: 73%; top: 48%; width: 17.5%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .tl2 { opacity: 1; margin-top: 0px; transition-delay: 1.4s; }
  .ltie10 .tl2 { opacity: 1; margin-top: 0px; transition-delay: 1.4s; }
  .tl3 { position: absolute; left: 62%; top: 66%; width: 21.5%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .tl3 { opacity: 1; margin-top: 0px; transition-delay: 1.7s; }
  .ltie10 .tl3 { opacity: 1; margin-top: 0px; transition-delay: 1.7s; }
  .tl4 { position: absolute; left: 13%; top: 62%; width: 18%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .tl4 { opacity: 1; margin-top: 0px; transition-delay: 1.7s; }
  .ltie10 .tl4 { opacity: 1; margin-top: 0px; transition-delay: 1.7s; }
  .tl5 { position: absolute; left: 12%; top: 40%; width: 18%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .tl5 { opacity: 1; margin-top: 0px; transition-delay: 2.0s; }
  .ltie10 .tl5 { opacity: 1; margin-top: 0px; transition-delay: 2.0s; }
  .btn2 { position: absolute; left: 24%; top: 80%; width: 64%; margin-top: 20px; margin-left: 20px; opacity: 0; transition: all 1s; }
  .active .btn2 { opacity: 1; margin-top: 0px; margin-left: 0; transition-delay: 2.5s; }
  .ltie10 .btn2 { opacity: 1; margin-top: 0px; margin-left: 0; transition-delay: 2.5s; }
  /* 第三页 */
  .line-top3 { position: absolute; left: 0%; top: 1%; width: 100%; opacity: 0; transition: all 1s; }
  .active .line-top3 { opacity: 1; transition-delay: 0.8s; }
  .ltie10 .line-top3 { opacity: 1; transition-delay: 0.8s; }
  .logo3 { position: absolute; left: 25%; top: 8%; width: 58%; opacity: 0; transition: all 1s; }
  .active .logo3 { opacity: 1; transition-delay: 0.8s; }
  .ltie10 .logo3 { opacity: 1; transition-delay: 0.8s; }
  .title3 { position: absolute; left: 25%; top: 26%; width: 50%; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }
  .active .title3 { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 0.7s; }
  .ltie10 .title3 { opacity: 1; transform: scale(1, 1); transition-delay: 0.7s; }
  .line-left3 { position: absolute; top: 0%; margin-top: -940px; opacity: 0; transition: all 3s; }
  .active .line-left3 { opacity: 1; margin-top: 0px; transition-delay: 1.5s; }
  .ltie10 .line-left3 { opacity: 1; margin-top: 0px; transition-delay: 1.5s; }
  .out3 { position: absolute; left: 12.5%; top: 13%; overflow: hidden; height: 87%; width: 2px; opacity: 0; transition: all 0.7s; }
  .active .out3 { opacity: 1; transition-delay: 0.1s; }
  .ltie10 .out3 { opacity: 1; transition-delay: 0.1s; }
  .con3-1 { position: absolute; left: 0%; top: 38%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con3-1 { opacity: 1; margin-top: 0px; transition-delay: 2.0s; }
  .ltie10 .con3-1 { opacity: 1; margin-top: 0px; transition-delay: 2.0s; }
  .con3-2 { position: absolute; left: 0%; top: 46%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con3-2 { opacity: 1; margin-top: 0px; transition-delay: 2.3s; }
  .ltie10 .con3-2 { opacity: 1; margin-top: 0px; transition-delay: 2.3s; }
  .con3-3 { position: absolute; left: 0%; top: 55%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con3-3 { opacity: 1; margin-top: 0px; transition-delay: 2.6s; }
  .ltie10 .con3-3 { opacity: 1; margin-top: 0px; transition-delay: 2.6s; }
  .con3-4 { position: absolute; left: 0%; top: 60%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con3-4 { opacity: 1; margin-top: 0px; transition-delay: 2.9s; }
  .ltie10 .con3-4 { opacity: 1; margin-top: 0px; transition-delay: 2.9s; }
  .con3-5 { position: absolute; left: 0%; top: 79%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con3-5 { opacity: 1; margin-top: 0px; transition-delay: 3.2s; }
  .ltie10 .con3-5 { opacity: 1; margin-top: 0px; transition-delay: 3.2s; }
  .con3-6 { position: absolute; left: 0%; top: 84%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con3-6 { opacity: 1; margin-top: 0px; transition-delay: 3.6s; }
  .ltie10 .con3-6 { opacity: 1; margin-top: 0px; transition-delay: 3.6s; }
  /* 第四页 */
  .line-top4 { position: absolute; left: 0%; top: -5%; width: 100%; opacity: 0; transition: all 1s; }
  .active .line-top4 { opacity: 1; transition-delay: 0.8s; }
  .ltie10 .line-top4 { opacity: 1; transition-delay: 0.8s; }
  .line-right4 { position: absolute; top: 0%; margin-top: -940px; opacity: 0; transition: all 3s; }
  .active .line-right4 { opacity: 1; margin-top: 0px; transition-delay: 1.5s; }
  .ltie10 .line-right4 { opacity: 1; margin-top: 0px; transition-delay: 1.5s; }
  .out4 { position: absolute; right: 10.6%; top: 10%; overflow: hidden; height: 90%; width: 2px; opacity: 0; transition: all 0.7s; }
  .active .out4 { opacity: 1; transition-delay: 0.1s; }
  .ltie10 .out4 { opacity: 1; transition-delay: 0.1s; }
  .con4-1 { position: absolute; left: 0%; top: 15%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con4-1 { opacity: 1; margin-top: 0px; transition-delay: 2.0s; }
  .ltie10 .con4-1 { opacity: 1; margin-top: 0px; transition-delay: 2.0s; }
  .con4-2 { position: absolute; left: 0%; top: 25%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con4-2 { opacity: 1; margin-top: 0px; transition-delay: 2.3s; }
  .ltie10 .con4-2 { opacity: 1; margin-top: 0px; transition-delay: 2.3s; }
  .con4-3 { position: absolute; left: 0%; top: 32%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con4-3 { opacity: 1; margin-top: 0px; transition-delay: 2.6s; }
  .ltie10 .con4-3 { opacity: 1; margin-top: 0px; transition-delay: 2.6s; }
  .con4-4 { position: absolute; left: 0%; top: 68%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con4-4 { opacity: 1; margin-top: 0px; transition-delay: 2.9s; }
  .ltie10 .con4-4 { opacity: 1; margin-top: 0px; transition-delay: 2.9s; }
  .con4-5 { position: absolute; left: 0%; top: 82%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con4-5 { opacity: 1; margin-top: 0px; transition-delay: 3.2s; }
  .ltie10 .con4-5 { opacity: 1; margin-top: 0px; transition-delay: 3.2s; }
  /* 第五页 */
  .line-top5 { position: absolute; left: 0%; top: -2%; width: 100%; opacity: 0; transition: all 1s; }
  .active .line-top5 { opacity: 1; transition-delay: 0.8s; }
  .ltie10 .line-top5 { opacity: 1; transition-delay: 0.8s; }
  .line-left5 { position: absolute; top: 0%; margin-top: -940px; opacity: 0; transition: all 3s; }
  .active .line-left5 { opacity: 1; margin-top: 0px; transition-delay: 1.5s; }
  .ltie10 .line-left5 { opacity: 1; margin-top: 0px; transition-delay: 1.5s; }
  .out5 { position: absolute; left: 12.3%; top: 9%; overflow: hidden; height: 92%; width: 2px; opacity: 0; transition: all 0.7s; }
  .active .out5 { opacity: 1; transition-delay: 0.1s; }
  .ltie10 .out5 { opacity: 1; transition-delay: 0.1s; }
  .con5-1 { position: absolute; left: 0%; top: 16%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con5-1 { opacity: 1; margin-top: 0px; transition-delay: 2.0s; }
  .ltie10 .con5-1 { opacity: 1; margin-top: 0px; transition-delay: 2.0s; }
  .con5-2 { position: absolute; left: 0%; top: 23%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con5-2 { opacity: 1; margin-top: 0px; transition-delay: 2.3s; }
  .ltie10 .con5-2 { opacity: 1; margin-top: 0px; transition-delay: 2.3s; }
  .con5-3 { position: absolute; left: 0%; top: 41%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con5-3 { opacity: 1; margin-top: 0px; transition-delay: 2.6s; }
  .ltie10 .con5-3 { opacity: 1; margin-top: 0px; transition-delay: 2.6s; }
  .con5-4 { position: absolute; left: 0%; top: 47%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con5-4 { opacity: 1; margin-top: 0px; transition-delay: 2.9s; }
  .ltie10 .con5-4 { opacity: 1; margin-top: 0px; transition-delay: 2.9s; }
  /* 第六页 */
  .line-top6 { position: absolute; left: 0%; top: -6%; width: 100%; opacity: 0; transition: all 1s; }
  .active .line-top6 { opacity: 1; transition-delay: 0.8s; }
  .ltie10 .line-top6 { opacity: 1; transition-delay: 0.8s; }
  .line-right6 { position: absolute; top: 0%; margin-top: -940px; opacity: 0; transition: all 3s; }
  .active .line-right6 { opacity: 1; margin-top: 0px; transition-delay: 1.5s; }
  .ltie10 .line-right6 { opacity: 1; margin-top: 0px; transition-delay: 1.5s; }
  .out6 { position: absolute; right: 10.6%; top: 11%; overflow: hidden; height: 90%; width: 2px; opacity: 0; transition: all 0.7s; }
  .active .out6 { opacity: 1; transition-delay: 0.1s; }
  .ltie10 .out6 { opacity: 1; transition-delay: 0.1s; }
  .con5-5 { position: absolute; left: 0%; top: 14%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con5-5 { opacity: 1; margin-top: 0px; transition-delay: 2.0s; }
  .ltie10 .con5-5 { opacity: 1; margin-top: 0px; transition-delay: 2.0s; }
  .con5-6 { position: absolute; left: 0%; top: 21%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con5-6 { opacity: 1; margin-top: 0px; transition-delay: 2.3s; }
  .ltie10 .con5-6 { opacity: 1; margin-top: 0px; transition-delay: 2.3s; }
  .con6-1 { position: absolute; left: 0%; top: 59%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con6-1 { opacity: 1; margin-top: 0px; transition-delay: 2.6s; }
  .ltie10 .con6-1 { opacity: 1; margin-top: 0px; transition-delay: 2.6s; }
  .con6-2 { position: absolute; left: 0%; top: 67%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con6-2 { opacity: 1; margin-top: 0px; transition-delay: 2.9s; }
  .ltie10 .con6-2 { opacity: 1; margin-top: 0px; transition-delay: 2.9s; }
  .con6-3 { position: absolute; left: 0%; top: 73%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con6-3 { opacity: 1; margin-top: 0px; transition-delay: 3.2s; }
  .ltie10 .con6-3 { opacity: 1; margin-top: 0px; transition-delay: 3.2s; }
  /* 第十六页 */
  .con16-4 { position: absolute; left: 0%; top: 17%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con16-4 { opacity: 1; margin-top: 0px; transition-delay: 2.9s; }
  .ltie10 .con16-4 { opacity: 1; margin-top: 0px; transition-delay: 2.9s; }
  .con16-5 { position: absolute; left: 0%; top: 24%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con16-5 { opacity: 1; margin-top: 0px; transition-delay: 3.2s; }
  .ltie10 .con16-5 { opacity: 1; margin-top: 0px; transition-delay: 3.2s; }
  .con16-6 { position: absolute; left: 0%; top: 66%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con16-6 { opacity: 1; margin-top: 0px; transition-delay: 3.5s; }
  .ltie10 .con16-6 { opacity: 1; margin-top: 0px; transition-delay: 3.5s; }
  .con16-7 { position: absolute; left: 0%; top: 75%; width: 100%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con16-7 { opacity: 1; margin-top: 0px; transition-delay: 3.8s; }
  .ltie10 .con16-7 { opacity: 1; margin-top: 0px; transition-delay: 3.8s; }
  /* 第七页 */
  .title7 { position: absolute; left: 25%; top: 18%; width: 50%; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }
  .active .title7 { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 0.7s; }
  .ltie10 .title7 { opacity: 1; transform: scale(1, 1); transition-delay: 0.7s; }
  .con7 { position: absolute; left: 0%; top: 35%; width: 100%; opacity: 0; transition: all 1s; }
  .active .con7 { opacity: 1; transition-delay: 0.8s; }
  .ltie10 .con7 { opacity: 1; transition-delay: 0.8s; }
  .con7a { position: absolute; left: 42.5%; top: 47%; width: 15%; opacity: 0; transition: all 1s; animation: breath2 3s linear infinite; -webkit-animation: breath2 3s linear infinite; }
  .active .con7a { opacity: 1; transition-delay: 0.8s; }
  .ltie10 .con7a { opacity: 1; transition-delay: 0.8s; }
  .con7v { position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; transition: all 1s; background: url("../images/bg-9.png") center repeat; display: none; }
  .active .con7v { opacity: 1; transition-delay: 0.8s; }
  .ltie10 .con7v { opacity: 1; transition-delay: 0.8s; }
  iframe { position: absolute; top: 21%; left: 0%; width: 100%; height: 48%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active iframe { opacity: 1; margin-top: 0px; transition-delay: 3.8s; }
  .ltie10 iframe { opacity: 1; margin-top: 0px; transition-delay: 3.8s; }
  /* 第八页 */
  .title8 { position: absolute; left: 10%; top: 10%; width: 80%; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }
  .active .title8 { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 0.7s; }
  .ltie10 .title8 { opacity: 1; transform: scale(1, 1); transition-delay: 0.7s; }
  .map0 { position: absolute; left: 0%; top: 33%; width: 100%; opacity: 0; -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); transition: all 1.2s; }
  .active .map0 { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 0.7s; }
  .ltie10 .map0 { opacity: 1; transform: scale(1, 1); transition-delay: 0.7s; }
  .biao { position: absolute; left: 51.5%; top: 63%; width: 6%; opacity: 0; transition: all 1s; animation: breath2a 3s linear infinite; -webkit-animation: breath2a 3s linear infinite; }
  .active .biao { opacity: 1; transition-delay: 0.8s; }
  .ltie10 .biao { opacity: 1; transition-delay: 0.8s; }
  .con88 { position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; transition: all 1s; background: url("../images/bg-9.png") center repeat; display: none; }
  .con88 img { position: absolute; top: 28%; width: 90%; position: absolute; left: 5%; }
  /* 第九页 */
  .title9 { position: absolute; left: 5%; top: 3%; width: 90%; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }
  .active .title9 { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 0.7s; }
  .ltie10 .title9 { opacity: 1; transform: scale(1, 1); transition-delay: 0.7s; }
  .con9-1 { position: absolute; left: 10%; top: 10%; width: 80%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con9-1 { opacity: 1; margin-top: 0px; transition-delay: 2.0s; }
  .ltie10 .con9-1 { opacity: 1; margin-top: 0px; transition-delay: 2.0s; }
  .con9-2 { position: absolute; left: 10%; top: 22%; width: 80%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con9-2 { opacity: 1; margin-top: 0px; transition-delay: 2.3s; }
  .ltie10 .con9-2 { opacity: 1; margin-top: 0px; transition-delay: 2.3s; }
  .con9-3 { position: absolute; left: 10%; top: 34%; width: 80%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con9-3 { opacity: 1; margin-top: 0px; transition-delay: 2.6s; }
  .ltie10 .con9-3 { opacity: 1; margin-top: 0px; transition-delay: 2.6s; }
  .con9-4 { position: absolute; left: 10%; top: 50%; width: 80%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con9-4 { opacity: 1; margin-top: 0px; transition-delay: 2.9s; }
  .ltie10 .con9-4 { opacity: 1; margin-top: 0px; transition-delay: 2.9s; }
  .con9-5 { position: absolute; left: 10%; top: 62%; width: 80%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con9-5 { opacity: 1; margin-top: 0px; transition-delay: 3.2s; }
  .ltie10 .con9-5 { opacity: 1; margin-top: 0px; transition-delay: 3.2s; }
  /* 第十页 */
  .title10 { position: absolute; left: 7%; top: 4%; width: 86%; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }
  .active .title10 { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 0.7s; }
  .ltie10 .title10 { opacity: 1; transform: scale(1, 1); transition-delay: 0.7s; }
  .con10-1 { position: absolute; left: 53%; top: 29%; width: 26%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con10-1 { opacity: 1; margin-top: 0px; transition-delay: 2.0s; }
  .ltie10 .con10-1 { opacity: 1; margin-top: 0px; transition-delay: 2.0s; }
  .con10-2 { position: absolute; left: 17%; top: 37%; width: 26%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con10-2 { opacity: 1; margin-top: 0px; transition-delay: 2.3s; }
  .ltie10 .con10-2 { opacity: 1; margin-top: 0px; transition-delay: 2.3s; }
  .con10-3 { position: absolute; left: 28%; top: 54%; width: 26%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con10-3 { opacity: 1; margin-top: 0px; transition-delay: 2.6s; }
  .ltie10 .con10-3 { opacity: 1; margin-top: 0px; transition-delay: 2.6s; }
  .con10-4 { position: absolute; left: 58%; top: 59%; width: 26%; margin-top: -20px; opacity: 0; transition: all 0.7s; }
  .active .con10-4 { opacity: 1; margin-top: 0px; transition-delay: 2.9s; }
  .ltie10 .con10-4 { opacity: 1; margin-top: 0px; transition-delay: 2.9s; }
  .btn10 { position: absolute; left: 25%; top: 80%; width: 64%; margin-top: 20px; margin-left: 20px; opacity: 0; transition: all 1s; }
  .active .btn10 { opacity: 1; margin-top: 0px; margin-left: 0; transition-delay: 3.2s; }
  .ltie10 .btn10 { opacity: 1; margin-top: 0px; margin-left: 0; transition-delay: 3.2s; }
  .tips10 p { position: absolute; top: 94%; width: 100%; margin-top: 50px; opacity: 0; transition: all 0.7s; text-align: center; font-size: 0.75em; color: #fff; line-height: 0.875em; }
  .active .tips10 p { opacity: 0.5; margin-top: 0px; transition-delay: 3.5s; }
  .ltie10 .tips10 p { opacity: 0.5; margin-top: 0px; transition-delay: 3.5s; } }
#music, .musicss { position: absolute; width: 24px; height: 24px; right: 8px; top: 8px; z-index: 10; opacity: 0.5; z-index: 999; }

.music { width: 100%; height: 100%; background-size: 100%; }

.play { animation: rotate 1.2s linear infinite; -webkit-animation: rotate 1.2s linear infinite; }

#musicss > span, .musicss > span { color: #fff; position: absolute; left: -56px; top: 0; line-height: 36px; font-size: 14px; opacity: 0; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }

#musicss > span.zshow, .musicss > span.zshow { left: -36px; opacity: 1; }

.musics { width: 9px; height: 13px; position: absolute; left: -6px; bottom: 0; }

.musics span { position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; background-size: 100%; }

@keyframes rotate { 0% { transform: rotate(0); }
  100% { transform: rotate(360deg); } }
@-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); } }