html, body, menu, ul, ol, li, p, div, form, h1, h2, h3, h4, h5, h6, img, a img, input, button, textarea, fieldset{ padding: 0; margin: 0; border: 0;font-family:"\5FAE\8F6F\96C5\9ED1"; }
ul, ol, li { list-style: none }
h1, h2, h3, h4, h5, h6, b, i, em {
: 1em; font-weight: normal; font-style: normal }
body, input, button, textarea, select { -webkit-text-size-adjust: none; font: normal 14px/1.5 helvetica, verdana, san-serif; outline: 0;color: #1fd3ca; }
body { margin: 0 auto; background: #fff; /*min-width:320px; width:320px*/ }
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], button, textarea { -webkit-appearance: none }
option { height: 24px }
a { text-decoration: none;color: #1fd3ca;; }
a { blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
.img img, video { vertical-align: middle }
.btn { display: inline-block; vertical-align: middle }
a:hover { color: #1fd3ca; text-decoration: none; }
img { border: none }
ol, ul, li { list-style: none; }
i, em { font-style: normal; }
/* 禁止长按链接与图片弹出菜单 */}
html, body {
    -webkit-user-select: none;   /* 禁止选中文本（如无文本选中需求，此为必选项） */
    user-select: none;
}
html{height:100%;}
body{overflow:hidden;height:100%;}




/*index fm*/
.swiper-container{
  width: 640px;
  height: 830px;
  overflow: hidden; position:relative;
}
.swiper-slide{ position:relative;overflow: hidden;width:640px;height:830px;}
.next_page{ position:absolute;top:830px;left:0;-webkit-animation: nextpage 2s ease-in-out  infinite ; z-index:10;opacity: 0;display: none;width:100%;text-align: center;}
@keyframes nextpage {from {opacity:0.5;margin-top:0px;}to {opacity:1; margin-top:-50px;}}
@-webkit-keyframes nextpage {from { opacity:0.5;margin-top:0px; }to {opacity:1; margin-top:-50px;}}




.body_all{width:640px;height:830px;transform-origin:0 0;-webkit-transform-origin: 0 0;margin:0 auto;overflow: hidden;}
.w640{width:640px;height:830px;}


.preload {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
 filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6; 
  z-index: 1000; }
  .preload .load-area {
    position: absolute;
    width: 400px;
    height: 60px;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -80px; }
    .preload .load-area .bar {
      position: absolute;
      width: 100%;
      height: 4px;
      left: 0;
      bottom: 0;
      background-color: #999;
      overflow: hidden; }
      .preload .load-area .bar .progress {
        position: absolute;
        width: 0%;
        top: 0;
        height: 100%;
        background-color: #fff100;
        border-radius: 100px; }
    .preload .load-area .num {
      color: white;
      font-family: Helvetica;
      position: absolute;
      width: 100%;
      top: 0;
      text-align: center;
      font-size: 30px;
      line-height: 4px; }


      .loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 0.6em solid rgba(255, 255, 255, 0.2);
  border-right: 0.6em solid rgba(255, 255, 255, 0.2);
  border-bottom: 0.6em solid rgba(255, 255, 255, 0.2);
  border-left: 0.6em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear; }

.loader,
.loader:after {
  border-radius: 50%;
  width: 5em;
  height: 5em; }

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

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

.fm{background: url(images/fm.jpg);position: relative;}



@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration:1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.t1{position: absolute;top:400px;text-align: center;width: 100%;}
.t2{position: absolute;top:462px;text-align: center;width: 100%;}
.t3{position: absolute;top:544px;text-align: center;width: 100%;opacity: 0}
.t4{position: absolute;top:682px;text-align: center;width: 100%;opacity: 0}

.p1{background:url(images/mainBg.jpg);}
.cirBox{background: url(images/circle.png);width:791px;height:791px;position: absolute;top:103px;left: 143px;z-index: 2}

.ball{position: absolute;top:0px;left:0px; overflow: hidden;color: #1fd3ca;}
.ball em{display: block;position: absolute;top:0;left:0;z-index: 2;line-height:60px;text-align: center;width:100%;color: #1fd3ca;font-family: arial;height:100%;top:50%;margin-top: -30px;}
.ball em b{font-weight:normal;font-size: 16px;}
.ball i{display: block;position: absolute;top:0;left:0;color: #1fd3ca;}
.ball i.ball3{background: #fff;-webkit-border-radius:50%;width:100%;height:100%;opacity: 0.1;}
.ball i.ball2{background: #fff;-webkit-border-radius:50%;width:100%;height:100%;opacity: 0.2;-webkit-transform:scale(0.8);-webkit-transform-origin: center;}
.ball i.ball1{background: #fff;-webkit-border-radius:50%;width:100%;height:100%;opacity: 1;-webkit-transform:scale(0.6);-webkit-transform-origin: center;}

.ball.this i.ball3{opacity: 0.3;}
.ball.this i.ball2{opacity: 0.6;}
.ball.this em{color: #1fd3ca;}


.c1{top:-63px;left:139px;width:190px;height:190px;font-size: 50px;}
.c2{top:90px;left:-30px;width:170px;height:170px;font-size: 50px;}
.c3{top:300px;left:-80px;width:150px;height:150px;font-size: 50px;}
.c4{top:500px;left:-35px;width:140px;height:140px;font-size: 45px;}
.c5{top:640px;left:95px;width:130px;height:130px;font-size: 40px;}
.c6{top:730px;left:280px;width:120px;height:120px;font-size: 35px;}
.c7{top:720px;left:460px;width:110px;height:110px;font-size: 30px;}
.c8{top:620px;left:620px;width:110px;height:110px;font-size: 25px;}
.c9{top:500px;left:720px;width:90px;height:90px;font-size: 20px;}
.c10{top:380px;left:755px;width:70px;height:70px;font-size: 18px;}


@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
   -webkit-transform:none;
   transform:none;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@-webkit-keyframes rotateInF {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
.rotateInF {
  -webkit-animation-name: rotateInF;
  animation-name: rotateInF;
}


@-webkit-keyframes rotateIn1 {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@-webkit-keyframes rotateInF1 {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}
.rotateIn1 {
  -webkit-animation-name: rotateIn1;
  animation-name: rotateIn1;
}
.rotateInF1 {
  -webkit-animation-name: rotateInF1;
  animation-name: rotateInF1;
}


@-webkit-keyframes rotateIn2 {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
}
@-webkit-keyframes rotateInF2 {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);    
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
}
.rotateIn2 {
  -webkit-animation-name: rotateIn2;
  animation-name: rotateIn2;
}
.rotateInF2 {
  -webkit-animation-name: rotateInF2;
  animation-name: rotateInF2;
}


@-webkit-keyframes rotateIn_a {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
   
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform:none;
   transform:none;
  }
}
@-webkit-keyframes rotateInF_a {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
  }
}
.rotateIn_a {
  -webkit-animation-name: rotateIn_a;
  animation-name: rotateIn_a;
}
.rotateInF_a {
  -webkit-animation-name: rotateInF_a;
  animation-name: rotateInF_a;
}


@-webkit-keyframes rotateIn1_a {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
   
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@-webkit-keyframes rotateInF1_a {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
.rotateIn1_a {
  -webkit-animation-name: rotateIn1_a;
  animation-name: rotateIn1_a;
}
.rotateInF1_a {
  -webkit-animation-name: rotateInF1_a;
  animation-name: rotateInF1_a;
}

@-webkit-keyframes rotateIn2_a {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
   
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@-webkit-keyframes rotateInF2_a {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}
.rotateIn2_a {
  -webkit-animation-name: rotateIn2_a;
  animation-name: rotateIn2_a;
}
.rotateInF2_a {
  -webkit-animation-name: rotateInF2_a;
  animation-name: rotateInF2_a;
}


.txt{width:270px; height:384px; position:absolute; top:268px;left:303px;z-index: 1;}
.txtBg{width:100%; height:100%; border-radius:10px; -webkit-border-radius:10px; background:#fff; opacity:0.2; position:absolute; z-index:0;}
.txtCon{ width:100%; height:100%; position:absolute; z-index:1;color: #fff;display: none;}
.txtCon h1, .txtCon p{ padding:10px 24px;color: #fff;}
.txtCon h1{ font-size:42px; padding:0px 22px 5px 22px; font-family:"宋体";font-weight: bold;}
.txtCon p{ font-size:24px; line-height:36px;font-family:"\5FAE\8F6F\96C5\9ED1";}

.tit{position: absolute;top:41px;left:75px;z-index: 10}
.logo{position: absolute;top:665px;left:330px;z-index: 10; }

.bg{background:#000;opacity: 0.4;position: absolute;top:0;left:0;width:640px;height:840px;z-index: 10;display:none;}

.txtCon h2{font-size: 20px;display: block;padding:20px 24px 0 24px;}

@keyframes nextpageA {
  0% {opacity:1;margin-top:0px;}
  50%{opacity:1; margin-top:-20px;}
  100% {opacity:1;margin-top:0px;}
}
@-webkit-keyframes nextpageA {
  0% {opacity:1;margin-top:0px;}
  50%{opacity:1; margin-top:-20px;}
  100% {opacity:1;margin-top:0px;}
  }



@-webkit-keyframes flash {
  0%,  100% {
    opacity: 0.3;
  }

  50% {
    opacity: 0.1;
  }
}

@keyframes flash {
 0%,  100% {
    opacity: 0.3;
  }

  50% {
    opacity: 0.1;
  } 
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}


.txtmCon{ height:100%; position:absolute; z-index:1;color: #fff;display:block;padding:20px 24px;font-size:24px; line-height:36px;font-family:"\5FAE\8F6F\96C5\9ED1";width:230px; text-indent:2em;}

.finger{position: absolute;top:195px;left:75px;z-index:1;-webkit-animation: nextpageA 2s ease-in-out  infinite ; background:url(images/finger1.png?a=2) no-repeat;width:37px;height:93px;}

.finger.an1{background:url(images/finger3.png?a=2) no-repeat top center;}

.finger.an2{background:url(images/finger2.png?a=2) no-repeat bottom center;}