dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, span, a, input, textarea, p, blockquote, th, td, header, nav, footer, article, section, aside, time, figure { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }

h1, h2, h3, h4, h5, h6 { font-size: 14px; font-weight: normal; }

ul { list-style: none; }

legend { display: none; }

fieldset, img { border: none; vertical-align: middle; }

em, cite, i { font-style: normal; }

img { width: 100%; }

input, button, textarea { outline: none; border: 0; vertical-align: middle; border: 0; font-family: Microsoft YaHei; }

input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; border-radius: 0; }

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

textarea { resize: none; }

html { height: 100%; -webkit-text-size-adjust: none; overflow: hidden; }

body { font: 12px/18px Microsoft YaHei; position: relative; margin: 0 auto; color: #cb7413; min-width: 320px; word-break: break-all; height: 100%; overflow: hidden; max-width: 640px; background-color: #bae2ee; }

body a { color: #cb7413; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; }

body a:hover, body a:active, body a:focus { text-decoration: none; outline: none; }

.img41, .img42, .con61 .btn-tj, .info, .info-tel, .btn-lq, .alert-lq, .alert-lq .share { position: absolute; left: 0; right: 0; margin: auto; }

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

.animate { opacity: 0; }

.auto-x { position: absolute; left: 0; right: 0; margin: auto; }

.auto-y { position: absolute; top: 0; bottom: 0; margin: auto; }

.full-page { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.swiper-container { overflow: hidden; width: 100%; height: 100%; position: absolute; left: 0; top: 0; max-width: 640px; right: 0; margin: auto; }

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

.swiper-slide { width: 100%; height: 100%; overflow: hidden; position: relative; float: left; background: url(../images/bg01.png) 0 0 no-repeat; background-size: 100% 100%; }

.go-next { position: absolute; left: 0; right: 0; bottom: 10px; width: 14px; height: 22px; z-index: 1000; margin: auto; display: none; }

.go-next img { width: 100%; display: block; }

.next-button { left: 0; right: 0; margin: 0 auto; width: 134px; height: 44px; background-position: left -112px; }

.next-button:active { background-position: left -156px; }

.loading { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background: #bae2ee; z-index: 200; }

.percent { height: 30px; line-height: 30px; font-size: 20px; color: #fff; position: absolute; top: 50%; left: 0; text-align: center; right: 0; margin: auto; white-space: nowrap; }

.percent-line { position: absolute; top: 50%; height: 1px; left: 0; margin: auto; background-color: #fff; background-size: 100%; -webkit-transition: width 0.3s linear; transition: width 0.3s linear; }

.scanning-animate { animation: scanning-animate 2s linear infinite; -webkit-animation: scanning-animate 2s linear infinite; }

@keyframes scanning-animate { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  100% { -webkit-transform: translate(0, 153px); transform: translate(0, 153px); } }
@-webkit-keyframes scanning-animate { 0% { -webkit-transform: translate(0, 0); }
  100% { -webkit-transform: translate(0, 153px); } }
.shares { position: absolute; left: 0; width: 100%; top: 0; height: 100%; z-index: 1000; background: rgba(0, 0, 0, 0.7); display: none; }

.active .share { animation: l-r 1s linear forwards; -webkit-animation: l-r 1s linear forwards; }

@-webkit-keyframes flash { 0%,50%,100% { opacity: 1; }
  25%,75% { opacity: 0; } }
@keyframes flash { 0%,50%,100% { opacity: 1; }
  25%,75% { opacity: 0; } }
.flash { animation: flash 2s linear infinite; -webkit-animation: flash 2s linear infinite; }

@-webkit-keyframes flash2 { 0%,50%,100% { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  25%,75% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } }
@keyframes flash2 { 0%,50%,100% { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  25%,75% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } }
.flash2 { animation: flash2 2s linear infinite; -webkit-animation: flash2 2s linear infinite; }

@keyframes rotate2 { 0% { -webkit-transform: rotateY(0); transform: rotateY(0); }
  100% { -webkit-transform: rotateY(-360deg); transform: rotateY(-360deg); } }
@-webkit-keyframes rotate2 { 0% { -webkit-transform: rotateY(0); }
  100% { -webkit-transform: rotateY(-360deg); } }
.rotate2 { animation: rotate2 3s linear infinite; -webkit-animation: rotate2 3s linear infinite; }

@-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.2, 1.2, 1.2); transform: scale3d(1.2, 1.2, 1.2); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.2, 1.2, 1.2); transform: scale3d(1.2, 1.2, 1.2); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.pulse { animation: pulse 1.2s linear infinite; -webkit-animation: pulse 1.2s linear infinite; -webkit-transform-origin: center 80%; -ms-transform-origin: center 80%; transform-origin: center 80%; }

@keyframes rotate3 { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes rotate3 { 0% { -webkit-transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); } }
.rotate3 { animation: rotate3 1.2s linear infinite; -webkit-animation: rotate3 1.2s linear infinite; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
  100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
  100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }
.swing { animation: swing 3s linear infinite; -webkit-animation: swing 3s linear infinite; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }

#music { position: absolute; width: 24px; height: 24px; left: 8px; top: 8px; z-index: 888; opacity: 0.5; }

.music { width: 100%; height: 100%; background: url(../images/music.png) no-repeat center center; background-size: 100%; }

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

#music > 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; }

#music > 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: url(../images/musics.png) no-repeat center center; background-size: 100%; }

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

.yun { position: absolute; top: 0; width: 100%; z-index: 99; }

.xing, .xing1, .xing2, .xing3, .xing4, .logo, .yue { position: absolute; top: 0; z-index: 88; }

.xing { width: 100%; top: 8%; }

.xing1 { width: 9%; left: 5%; }

.xing2 { width: 7%; left: 36%; }

.xing3 { width: 10%; left: 63%; }

.xing4 { width: 10.5%; right: 5%; }

.logo { width: 24%; top: 5%; right: 8%; animation: rotate2 8s linear infinite; -webkit-animation: rotate2 8s linear infinite; }

.yue { position: absolute; width: 60%; top: 0; left: 12%; z-index: 9; }

.txt01 { position: absolute; width: 75%; right: 0%; top: 70%; z-index: 9; }

.txt11 { position: absolute; width: 75%; top: 42%; left: 5%; z-index: 100; }

.img11, .img12 { width: 58%; bottom: 0; right: 0; position: absolute; z-index: 100; }

.img12 { z-index: 101; }

.txt21 { position: absolute; width: 80%; top: 36%; z-index: 100; left: 5%; }

.img21 { position: absolute; width: 58%; bottom: 0; right: 0; z-index: 100; }

.img22a, .img22b { position: absolute; width: 10%; top: 76%; z-index: 101; }

.img22a { left: 58%; }

.img22b { right: 12%; }

.img23 { position: absolute; width: 28%; bottom: 0; right: 0; z-index: 103; }

.txt31 { position: absolute; width: 82%; top: 34%; left: 5%; z-index: 100; }

.img31 { position: absolute; width: 58%; bottom: 0; right: -1px; z-index: 100; }

.img32 { position: absolute; width: 28%; bottom: 0; right: -1px; z-index: 103; }

.txt41 { position: absolute; width: 82%; top: 43%; left: 5%; z-index: 100; }

.img41, .img42 { width: 65%; bottom: 0; z-index: 101; }

.img42 { display: none; }

.finger { position: absolute; width: 20%; top: 85%; left: 65%; z-index: 103; }

.txt51 { position: absolute; left: 8%; width: 83%; top: 25%; z-index: 100; }

.img51 { position: absolute; width: 42%; right: 2%; bottom: 0; z-index: 100; }

.img52a, .img52b { position: absolute; width: 10%; top: 82.5%; z-index: 101; }

.img52a { left: 66%; }

.img52b { right: 11.5%; }

.txt61 { position: absolute; top: 33%; width: 68%; left: 8%; z-index: 100; }

.img61 { position: absolute; width: 50%; left: 0; bottom: 0; z-index: 103; }

.con61 { position: absolute; width: 60%; right: -5px; bottom: -3px; z-index: 102; padding: 10px; }
.con61 img { display: block; }
.con61 textarea { position: absolute; top: 20px; left: 20px; width: 80%; height: 66%; border-radius: 5px; padding: 10px; box-sizing: border-box; color: #cb7413; background: url(../images/ph61.png) center 20px no-repeat; background-size: 90% auto; }
.con61 .btn-tj { bottom: 5%; width: 70%; }

.info { width: 90%; top: 38%; font-size: 1.5em; line-height: 1.6em; text-align: center; z-index: 100; text-shadow: 1px 1px 0 #eee; }

.info-tel { width: 70%; top: 50%; background: url(../images/bgline.png) 0 0 repeat-y; border-style: 100% 1px; height: 44px; border-radius: 5px; padding: 4px; box-sizing: border-box; }
.info-tel input { width: 100%; height: 100%; border: none; background-color: #fff; text-align: center; height: 36px; border-radius: 4px; color: #cb7413; font-size: 1.25em; background: url(../images/phone-tips.png) center center no-repeat #fff; background-size: 70% auto; }

.btn-lq { width: 50%; top: 60%; z-index: 100; }

.img71, .img72 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 100; }

.overly { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); z-index: 105; display: none; }

.alert-lq { width: 80%; top: 10%; z-index: 9999; display: none; }
.alert-lq .tips { width: 80%; top: 18px; left: 18px; position: absolute; font-size: 1.25em; padding: 10px; text-align: justify; }
.alert-lq h3 { font-size: 1.4em; text-align: center; margin-bottom: 10px; margin-top: 10px; }
.alert-lq .share { width: 80%; bottom: 0; }

.txt81 { position: absolute; width: 90%; top: 46%; left: 5%; z-index: 100; }

.img81, .img82 { width: 44%; position: absolute; right: 5%; bottom: 0; z-index: 100; }

.img82 { z-index: 102; }

.btn-last { position: absolute; width: 40%; top: 83%; z-index: 100; left: 5%; }

@media screen and (max-height: 416px) { .yun { top: 0%; width: 100%; z-index: 99; }
  .xing, .xing1, .xing2, .xing3, .xing4, .logo, .yue { top: 0; }
  .xing { width: 100%; top: 3%; }
  .xing1 { width: 9%; left: 5%; }
  .xing2 { width: 7%; left: 36%; }
  .xing3 { width: 10%; left: 63%; }
  .xing4 { width: 10.5%; right: 5%; }
  .logo { width: 24%; top: 0%; right: 8%; }
  .yue { position: absolute; width: 48%; top: 0; left: 16%; z-index: 9; }
  .txt01 { position: absolute; width: 75%; right: 0%; top: 65%; z-index: 9; }
  .txt11 { position: absolute; width: 70%; top: 40%; left: 5%; z-index: 100; }
  .img11, .img12 { width: 50%; bottom: 0; right: 0; position: absolute; z-index: 100; }
  .img12 { z-index: 101; }
  .txt21 { position: absolute; width: 80%; top: 36%; z-index: 100; left: 5%; }
  .img21 { position: absolute; width: 50%; bottom: 0; right: 0; z-index: 100; }
  .img22a, .img22b { position: absolute; width: 10%; top: 74%; z-index: 101; }
  .img22a { left: 62%; }
  .img22b { right: 10%; }
  .img23 { position: absolute; width: 24%; bottom: 0; right: 0; z-index: 103; }
  .txt31 { position: absolute; width: 72%; top: 34%; left: 5%; z-index: 100; }
  .img31 { position: absolute; width: 50%; bottom: 0; right: -1px; z-index: 100; }
  .img32 { position: absolute; width: 24%; bottom: 0; right: -1px; z-index: 103; }
  .txt41 { position: absolute; width: 72%; top: 38%; left: 5%; z-index: 100; }
  .img41, .img42 { width: 55%; bottom: 0; z-index: 101; }
  .finger { position: absolute; width: 20%; top: 75%; left: 65%; z-index: 103; }
  .txt61 { position: absolute; top: 33%; width: 60%; left: 8%; z-index: 100; }
  .img61 { position: absolute; width: 45%; left: 0; bottom: 0; z-index: 103; }
  .con61 { position: absolute; width: 50%; right: -5px; bottom: -3px; z-index: 102; padding: 10px; }
  .con61 img { display: block; }
  .con61 textarea { position: absolute; top: 20px; left: 20px; width: 80%; height: 66%; border-radius: 5px; padding: 10px; box-sizing: border-box; color: #cb7413; background: url(../images/ph61.png) center 20px no-repeat; background-size: 90% auto; }
  .con61 .btn-tj { bottom: 5%; width: 70%; }
  .info { font-size: 1.25em; line-height: 1.2em; }
  .info-tel { width: 70%; top: 47%; }
  .btn-lq { top: 59%; }
  .img71, .img72 { left: 10%; width: 80%; }
  .overly { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); z-index: 105; display: none; }
  .alert-lq { width: 80%; top: 10%; z-index: 9999; position: absolute; left: 10%; }
  .alert-lq .tips { width: 80%; top: 18px; left: 18px; position: absolute; font-size: 1.25em; padding: 10px; text-align: justify; }
  .alert-lq h3 { font-size: 1.4em; text-align: center; margin-bottom: 10px; margin-top: 10px; }
  .alert-lq .share { width: 80%; bottom: 0; }
  .txt81 { width: 70%; top: 42%; }
  .img81, .img82 { width: 44%; } }
@media screen and (min-width: 375px) { .txt81 { top: 42%; } }
@media only screen and (min-width: 384px) and (max-height: 520px) { .yun { top: 0%; width: 100%; z-index: 99; }
  .xing, .xing1, .xing2, .xing3, .xing4, .logo, .yue { top: 0; }
  .xing { width: 100%; top: 3%; }
  .xing1 { width: 9%; left: 5%; }
  .xing2 { width: 7%; left: 36%; }
  .xing3 { width: 10%; left: 63%; }
  .xing4 { width: 10.5%; right: 5%; }
  .logo { width: 24%; top: 0%; right: 8%; }
  .yue { position: absolute; width: 48%; top: 0; left: 16%; z-index: 9; }
  .txt01 { position: absolute; width: 75%; right: 0%; top: 65%; z-index: 9; }
  .txt11 { position: absolute; width: 70%; top: 40%; left: 5%; z-index: 100; }
  .img11, .img12 { width: 50%; bottom: 0; right: 0; position: absolute; z-index: 100; }
  .img12 { z-index: 101; }
  .txt21 { position: absolute; width: 80%; top: 36%; z-index: 100; left: 5%; }
  .img21 { position: absolute; width: 50%; bottom: 0; right: 0; z-index: 100; }
  .img22a, .img22b { position: absolute; width: 10%; top: 74%; z-index: 101; }
  .img22a { left: 62%; }
  .img22b { right: 10%; }
  .img23 { position: absolute; width: 24%; bottom: 0; right: 0; z-index: 103; }
  .txt31 { position: absolute; width: 72%; top: 34%; left: 5%; z-index: 100; }
  .img31 { position: absolute; width: 50%; bottom: 0; right: -1px; z-index: 100; }
  .img32 { position: absolute; width: 24%; bottom: 0; right: -1px; z-index: 103; }
  .txt41 { position: absolute; width: 72%; top: 38%; left: 5%; z-index: 100; }
  .img41, .img42 { width: 55%; bottom: 0; z-index: 101; }
  .finger { position: absolute; width: 20%; top: 75%; left: 65%; z-index: 103; }
  .txt51 { position: absolute; left: 8%; width: 73%; top: 22%; z-index: 100; }
  .img52a, .img52b { top: 81.5%; }
  .txt61 { position: absolute; top: 33%; width: 60%; left: 8%; z-index: 100; }
  .img61 { position: absolute; width: 45%; left: 0; bottom: 0; z-index: 103; }
  .con61 { position: absolute; width: 50%; right: -5px; bottom: -3px; z-index: 102; padding: 10px; }
  .con61 img { display: block; }
  .con61 textarea { position: absolute; top: 20px; left: 20px; width: 80%; height: 66%; border-radius: 5px; padding: 10px; box-sizing: border-box; color: #cb7413; background: url(../images/ph61.png) center 20px no-repeat; background-size: 90% auto; }
  .con61 .btn-tj { bottom: 5%; width: 70%; }
  .info { font-size: 1.25em; line-height: 1.2em; }
  .info-tel { width: 70%; top: 47%; }
  .btn-lq { top: 59%; }
  .img71, .img72 { left: 10%; width: 80%; }
  .overly { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); z-index: 105; display: none; }
  .alert-lq { width: 80%; top: 10%; z-index: 9999; position: absolute; left: 6%; }
  .alert-lq .tips { width: 80%; top: 18px; left: 18px; position: absolute; font-size: 1.25em; padding: 10px; text-align: justify; }
  .alert-lq h3 { font-size: 1.4em; text-align: center; margin-bottom: 10px; margin-top: 10px; }
  .alert-lq .share { width: 80%; bottom: 0; }
  .txt81 { width: 70%; top: 42%; }
  .img81, .img82 { width: 44%; } }