.animation { visibility: hidden; opacity: 1 !important; }
.animation.myIE { visibility: visible;  }
.animation.myIE  .se-f {opacity: 1;}
.animation.myIE .se-tit  {opacity: 1;}
.animation.myIE .th-pic { position: relative; height: 700px;  }
.animation.myIE .th-c { width: 392px; overflow: hidden; position: absolute; left: 30px; top: 30px; }
.pic-ie { display: none; }
.animation.myIE .pic-noie { display: none; }
.animation.myIE .pic-ie { display: block; }
.animation.myIE .th-right { overflow: hidden; position: absolute; right: 30px; top: 20px; }



.first-pic-b img { animation: myfirst 5s infinite alternate; transform: translate3d(0,0,0) scale(1,1);  }

@keyframes myfirst
{
  0 { transform: translate3d(0,0,0) scale(1,1); }
 
  100% {transform: translate3d(-70px,-90px,0) scale(1.2,1.2); }
}

.screen-h1,.screen-h2,.screen-h3,.screen-download,.screen-download,.screen-more,.second-con-in { transition: all 0.5s ease-in; }
.screen-h2  {  transition-delay: 0.2s; }
.screen-h3  {  transition-delay: 0s; }
.screen-download  {  transition-delay: 0.2s; }
.screen-more  {  transition-delay: 0.4s; }

.first-pic-in,.first-pic-out,.th-icon { transition: opacity 1s ease-out; }
.first-pic-out { transition-delay: 0.1s; }
.th-icon { transition-delay: 2s; }


.fi-pic img {
    transition: all 1s ease-in-out;
}
.first-box h1 { transition: all 0.8s ease-in-out; }
/* .first-box h1 span {  transition: all 0.8s ease-in-out; } */
/* .first-box h1 span:nth-child(2) { transition-delay: 0.4s; }
.first-box h1 span:nth-child(3) { transition-delay: 0.5s; }
.first-box h1 span:nth-child(4) { transition-delay: 0.6s; }
.first-box h1 span:nth-child(5) { transition-delay: 0.7s; }
.first-box h1 span:nth-child(6) { transition-delay: 0.8s; }
.first-box h1 span:nth-child(7) { transition-delay: 0.9s; }
.first-box h1 span:nth-child(8) { transition-delay: 1s; } */
.first-box h2 {  transition: all 0.8s 0.5s ease-out; }
.download-list {  transition: all 1.2s 0.6s ease-out; }

.word-tit-a,.word-tit-b {  transition: all 0.8s 0.1s ease-in-out; }
.word-tit-b { transition-delay: 0.3s; }


.begin .se-tit { animation: seword 2s 1s forwards; opacity: 0;  }

@keyframes seword
{
  0 { opacity: 0; }
  100% { opacity: 1; }
/*   40% { opacity: 0.2; }
  60% { opacity: 1; }
  80% { opacity: 0.2; }
  100% { opacity: 1; } */
}

.se-list span { transition: opacity 2s 1s ease-out; }
.se-list span:nth-child(2) { transition-delay: 1.1s; }
.se-list span:nth-child(3) { transition-delay: 1.2s; }
.se-list span:nth-child(4) { transition-delay: 1.3s; }
.se-list span:nth-child(5) { transition-delay: 1.4s; }
.se-list span:nth-child(6) { transition-delay: 1.5s; }
.se-list span:nth-child(7) { transition-delay: 1.6s; }
.se-list span:nth-child(8) { transition-delay: 1.7s; }
.se-list span:nth-child(9) { transition-delay: 1.8s; }
.se-list span:nth-child(10) { transition-delay: 1.9s; }
.se-list span:nth-child(11) { transition-delay: 2s; }

.se-pic-box { transition: all 0.6s 0.3s ease-out; }

.se-f  { animation: sef 1s 0.8s forwards; opacity: 0;  }
@keyframes sef
{
  0 { opacity: 0; }
  30% { opacity: 1; }
  60% { opacity: 0.4; }
  100% { opacity: 1; }
}

.se-f p { transition: height 0.6s 1.3s ease-out; }


.th-a  { transition: width 0.8s 0.3s ease-out; }
.th-c  { transition: all 1s 0.6s ease-out; }
.th-right-box  { transition: width 0.8s 1s ease-out; }
.five-swiper-inside { transition: all 0.8s 1.6s ease-out; }
.th-right-bottom,.th-b { transition: opacity 2s 1.5s ease-out; }
.fo-a { transition: height 3s 0.6s ease-out; }
.fo-e,.fo-d,.fo-c { transition: all 0.8s 0s ease-out; }
.fo-d { transition-delay: 0.8s; }
.fo-c { transition-delay: 1.4s; }
.fo-b { transition: all 0.6s 2s ease-out; }

.fv-a { transition: all 0.6s 0s ease-out; }
.fv-b { transition: height 0.6s 0.6s ease-out; }
.fv-c { transition: all 0.6s 1.1s ease-out; }

.si-pic-box { transition: opacity 0.8s 0s ease-out,transform 0.8s 0s ease-out;}
.si-a,.si-left,.si-right { transition: all 0.8s 0.6s ease-out; }

.begin .si-b{ animation: sib 1s 1s ease-out forwards; opacity: 0;transform: translate3d(0,500px, 0);  }
@keyframes sib
{
  0 { transform: translate3d(0,500px, 0); opacity: 0; }
  60% { transform: translate3d(0,-40px, 0); opacity: 1; }
  100% { transform: translate3d(0,0,0); opacity: 1; }

}

.sv-pic:before { transition: all 1.2s 0.6s ease-in-out; }


.sv-a  { transition: all 0.8s 0.2s ease-in-out; }
.sv-c { transition: all 1.0s 0.7s ease-in-out; }
.ei-line-a:before,.ei-line-b:before { transition: width 0.8s ease-in-out; }
.ei-line-a:after,.ei-line-b:after { transition: height 1.2s 0.8s ease-in-out; }
.ei-line-b:before { transition-delay: 2s; }

.ei-c,.ei-b  { transition: all 0.8s 1s ease-in-out; }
.ei-b { transition-delay: 1.5s; }
.ei-a  { transition: all 0.8s 0s ease-in-out; }

.ni-pic-border img { animation: nipicbor 2s 1s ease-out infinite; }
@keyframes nipicbor
{
   0 { transform:rotate(0deg); }
   25% { transform:rotate(180deg); }
   50% { transform:rotate(180deg); }
   75% { transform:rotate(360deg); }
   100% { transform:rotate(360deg); }
}

.ni-pic-main:before { animation:nipicmain linear 15s infinite;transform:rotate(360deg); }
@keyframes nipicmain {
0% {-webkit-transform:rotate(360deg);}
    100% {-webkit-transform:rotate(0deg);}
}


.ni-pic-icon span,.ni-d,.ni-b,.ni-c  { transition: all 0.6s 0.4s ease-in-out; }
.ni-pic-icon span.ni-icon-b { transition-duration: 0.6s; }
.ni-pic-icon span.ni-icon-c { transition-duration: 0.8s; }
.ni-pic-icon span.ni-icon-d { transition-duration: 1s; }
.ni-pic-icon span.ni-icon-e { transition-duration: 1.2s; }
.ni-pic-icon span.ni-icon-f { transition-duration: 1.4s; }
.ni-d { transition-duration: 1.6s; }
.ni-b { transition-duration: 1.8s; }
.ni-c { transition-duration: 2s; } 
.ni-e { transition: height 0.6s 2s ease-in-out; }


.begin .te-pic-a em { animation:tepica 1.5s 0.5s ease-in-out forwards;transform:rotate(360deg); }
@keyframes tepica {
    0% { width: 0; }
    100% { width: 100%;}
}


.begin .te-pic-b { animation:tepicb linear 8s infinite; }
@keyframes tepicb {
    0% { height: 0; }
    30% { height: 100%;}
    40% { height: 0%;}
    90% { height: 100%;}
    100% { height: 0%;}
}

.te-pic-main { transition: transform 0.6s 2.0s ease-in-out; }

.tw-b { transition: all 0.6s 0.6s ease-in-out; }
.tw-a img { transition: all 1s 0.3s ease-in-out;  }

.eleven-list {  transition: all 0.7s 0.1s ease-in-out;  } 
.eleven-list:nth-child(2)  { transition-delay: 0.2s;  } 
.eleven-list:nth-child(3)  { transition-delay: 0.3s;  } 

.th-right-bottom span { animation:thright linear 3s 0s infinite; opacity: 0.2; }
@keyframes thright {
    0% { opacity: 0.2; }
    25% { opacity: 1;}
    50% { opacity: 0.2; }
    75% { opacity: 0.2; }
    100% { opacity: 0.2; }
}
.th-right-bottom span:nth-child(1) { animation:thright linear 2s 0.25s infinite }
.th-right-bottom span:nth-child(2) { animation:thright linear 2s 0.5s infinite }
.th-right-bottom span:nth-child(3) { animation:thright linear 2s 0.75s infinite }
.th-right-bottom span:nth-child(4) { animation:thright linear 2s 1s infinite }