.animation { visibility: hidden; opacity: 1 !important; }
.animation.myIE { visibility: visible;  }

.jq-h1,.jq-h2 { transition: all 0.6s ease-in-out;  }
.jq-h2 { transition-delay: 0.3s; }

.screen-h1,.screen-h2,.screen-h3,.download-list,.fir-more { transition: all 0.6s 1.9s ease-in-out;  }
.screen-h2 { transition-delay: 0.6s; }
.screen-h3 { transition-delay: 2.1s; }
.fir-more { transition-delay: 2.3s; }

.download-list { transition: opacity 1s 2.0s ease-in-out;  }


.fb-a { transition: opacity 0.6s 0s ease-in-out;  }
.f-line { transition: height 1s ease-in-out;  }
.f-li { transition: all 0.2s 1.4s ease-in-out;  }
.f-l-2 { transition-delay: 1.5s; }
.f-l-3 { transition-delay: 1.6s; }
.f-l-4 { transition-delay: 1.7s; }
.f-l-5 { transition-delay: 1.8s; }
.f-l-6 { transition-delay: 1.9s; }
.f-l-7 { transition-delay: 2.0s; }
.f-l-8 { transition-delay: 2.1s; }
.f-l-9 { transition-delay: 2.2s; }
.f-l-10 { transition-delay: 2.3s; }
.f-l-11 { transition-delay: 2.4s; }

.f-pic-m > img { transition: opacity 1.5s 1.8s ease-in-out;  }

.f-m-o span { transition: all 1.5s  ease;  }
span.f-o-2 { transition: all 1.6s 0.1s  ease;  }

span.f-o-3 { transition: all 1.2s 0.8s  ease;  }

span.f-o-4 { transition: all 1.6s 0.8s  ease;  }

.download-list { opacity: 0 }
.begin .download-list { opacity: 1 }


/* 2 */
.begin  .se-div-m span.zz { transition: all 2s 0s ease-in-out;   }

.se-img-a { transition: width 0.6s 0.6s ease-in-out;   }
.se-img-b{ transition: all 0.8s 1.2s ease-in-out;   }
.se-img-c { transition: all 0.8s 1.2s ease-in-out;   }
.se-div-right:after  { transition: height 0.6s 1.8s ease-in-out;   }

.se-icon-b,.se-icon-a { transition: all 0.8s 1.5s ease-in-out;   }
 

 /* 3 */
 .th-div-a  { transition: all 0.6s ease-in-out;  }
 .th-div-b  { transition: all 0.6s 0.3s ease-in-out;  }

.th-div-bottom:before { transition: height 1.0s 0.5s ease-in-out;  }
.th-div-bottom > div {  transition: opacity 0.6s 0.6s ease-in-out;  }
.th-div-bottom > div:nth-child(2) {  transition-delay: 0.8s;  }
.th-div-bottom > div:nth-child(3) {  transition-delay: 1s;  }
.th-div-bottom > div:nth-child(4) {  transition-delay: 1.2s;  }

/* 4 */

.fo-pic-a,.fo-pic-b,.fo-pic-c { transition: all 0.6s ease-out; }
.fo-pic-b { transition-delay: 0.3s; }
.fo-pic-c { transition-delay: 0.6s; }

.begin .four-pic-out { animation: seD 1s 1.1s forwards;transform:rotateY(-30deg);  }

@keyframes seD
{
  0 { transform:rotateY(-30deg); }
  100% {transform:rotateY(0deg); }
}
.fo-pic-d { transition: opacity 1s 1.2s ease-in-out;   }

/* 5 */
.fi-line:before,.fi-line:after { transition: all 0.6s 0s ease-in-out;  }
.fi-line-d:after { transition-delay: 0.6s; }
.fi-line-d:before { transition-delay: 0.6s; }
.fi-pic-m > div { transition: all 0.6s 0.8s ease-in-out;  }
.fi-pic-m > div.fi-pic-b { transition-delay: 1.0s; }
.fi-pic-c { transition: all 0.6s 1.2s ease-in-out;  }

/* 6 */
.si-pic-left > img { transition: all 0.6s 0s ease-in-out;   }
.si-pl-a { transition: all 0.8s 0.5s ease-in-out;  }
.si-pl-a1 { transition-delay: 0.7s; }
.si-pl-a2 { transition-delay: 0.9s; }
.si-pl-a3 { transition-delay: 1.1s; }

.si-pic-right { transition: width 0.6s 1.2s ease-in-out;  }
.si-pl-b { transition: all 0.6s 1.5s ease-in-out;  }

/* 7 */
.sev-pic-a { transition: all 0.6s ease-in-out;  }
.sev-pic-b { transition: all 0.6s 0.4s ease-in-out;  }

/* 8 */
.ei-pic-a span { transition: all 0.6s ease-in-out;  }
.ei-pic-a span:nth-child(2) {  transition-delay: 0.2s;  }
.ei-pic-a span:nth-child(3) {  transition-delay: 0.4s;  }
.ei-pic-b { transition: all 0.6s 0.6s ease-in-out;  }


.ei-pic-c {  transition: all 1.2s 1.3s ease-in-out; }

.ei-pic-other { animation: seei 0.8s 1.1s forwards; }

@keyframes seei
{
  0 { opacity: 0;transform: translate3d(0, -60px, 0);}
  100% {opacity: 1;transform: translate3d(0, 0, 0); }
}

.ei-pic-d { animation: seedi 0.4s 1.5s forwards; }

@keyframes seedi
{
  0 { transform: translate3d(0, 7px, 0);}
  100% {transform: translate3d(0, 0, 0); }
}


/* 9 */
.ni-pic-m span { transition: all 0.6s ease-in-out; }
.ni-pic-m span:nth-child(2) {  transition-delay: 0.2s;  }
.ni-pic-m span:nth-child(3) {  transition-delay: 0.4s;  }
.ni-pic-m span:nth-child(4) {  transition-delay: 0.6s;  }

.ni-pic-e,.ni-pic-f { transition: all 0.6s 0.6s ease-in-out; }



/* 11 */
.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;  } 










