.cont2 ul .animation{-webkit-transition:all 900ms ease-in-out;-moz-transition:all 900ms ease-in-out;-o-transition:all 900ms ease-in-out;transition:all 900ms ease-in-out;filter:alpha(opacity=0); /*IE滤镜，透明度50%*/
-moz-opacity:0; /*Firefox私有，透明度50%*/
opacity:0;/*其他，透明度50%*/position:relative;}

.cont2 ul .li_a{top:-100px;}

.cont2 ul .li_a.active{top:0px;filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
-moz-opacity:1; /*Firefox私有，透明度50%*/
opacity:1;/*其他，透明度50%*/}

.cont2 ul .li_b{left:100px;}

.cont2 ul .li_b.active{left:0px;filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
-moz-opacity:1; /*Firefox私有，透明度50%*/
opacity:1;/*其他，透明度50%*/}

.cont2 ul .li_c{left:-100px;}

.cont2 ul .li_c.active{left:0px;filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
-moz-opacity:1; /*Firefox私有，透明度50%*/
opacity:1;/*其他，透明度50%*/}

.cont2 ul .li_d{top:70px;}

.cont2 ul .li_d.active{top:-30px;filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
-moz-opacity:1; /*Firefox私有，透明度50%*/
opacity:1;/*其他，透明度50%*/}


.cont2 .li2{filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.cont2 .li2.active{animation:cont2_li2 1s;-moz-animation: cont2_li2 1s;-webkit-animation: cont2_li2 1s;-o-animation: cont2_li2 1s;animation-delay:1s;-webkit-animation-delay:1s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}
@keyframes cont2_li2
{
from {-webkit-transform:scale(0); 
-moz-transform:scale(0); 
-o-transform:scale(0); }
to {-webkit-transform:scale(1,1); 
-moz-transform:scale(1,1); 
-o-transform:scale(1,1) ;filter:alpha(opacity=100);-moz-opacity:1;opacity:1; }
}

@-moz-keyframes cont2_li2 /* Firefox */
{
from {-webkit-transform:scale(0); 
-moz-transform:scale(0); 
-o-transform:scale(0); }
to {-webkit-transform:scale(1,1); 
-moz-transform:scale(1,1); 
-o-transform:scale(1,1) ;filter:alpha(opacity=100);-moz-opacity:1;opacity:1; }
}

@-webkit-keyframes cont2_li2 /* Safari 和 Chrome */
{
from {-webkit-transform:scale(0); 
-moz-transform:scale(0); 
-o-transform:scale(0); }
to {-webkit-transform:scale(1,1); 
-moz-transform:scale(1,1); 
-o-transform:scale(1,1) ;filter:alpha(opacity=100);-moz-opacity:1;opacity:1; }
}

@-o-keyframes cont2_li2 /* Opera */
{
from {-webkit-transform:scale(0); 
-moz-transform:scale(0); 
-o-transform:scale(0); }
to {-webkit-transform:scale(1,1); 
-moz-transform:scale(1,1); 
-o-transform:scale(1,1) ;filter:alpha(opacity=100);-moz-opacity:1;opacity:1; }
}




.cont3 .date1,.cont3 .date2,.cont3 .date_sz,.cont3 .date3,.cont3 .date4,.cont3 .date5,.cont3 .date6,.cont3 .date7{position:relative;-webkit-transition:all 1.5s ease-in-out;-moz-transition:all 1.5s ease-in-out;-o-transition:all 1.5s ease-in-out;transition:all 1.5s ease-in-out;filter:alpha(opacity=0); /*IE滤镜，透明度50%*/
-moz-opacity:0; /*Firefox私有，透明度50%*/
opacity:0;/*其他，透明度50%*/top:120px;}

.cont3 .date1.active, .cont3 .date2.active,.cont3 .date_sz.active, .cont3 .date3.active, .cont3 .date4.active, .cont3 .date5.active, .cont3 .date6.active, .cont3 .date7.active{top:104px;filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
-moz-opacity:1; /*Firefox私有，透明度50%*/
opacity:1;/*其他，透明度50%*/}


.cont3 ul li{position:relative;-webkit-transition:all 1.2s ease-in-out;-moz-transition:all 1.2s ease-in-out;-o-transition:all 1.2s ease-in-out;transition:all 1.2s ease-in-out;filter:alpha(opacity=0); /*IE滤镜，透明度50%*/
-moz-opacity:0; /*Firefox私有，透明度50%*/
opacity:0;/*其他，透明度50%*/top:-50px;}

.cont3 ul li.active{top:0px;filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
-moz-opacity:1; /*Firefox私有，透明度50%*/
opacity:1;/*其他，透明度50%*/}

.cont3 .neirong{position:relative;-webkit-transition:all 1.2s ease-in-out;-moz-transition:all 1.2s ease-in-out;-o-transition:all 1.2s ease-in-out;transition:all 1.2s ease-in-out;filter:alpha(opacity=0); /*IE滤镜，透明度50%*/
-moz-opacity:0; /*Firefox私有，透明度50%*/
opacity:0;/*其他，透明度50%*/top:100px;transition-delay:800ms;-webkit-transition-delay:800ms;}

.cont3 .neirong.active{top:20px;filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
-moz-opacity:1; /*Firefox私有，透明度50%*/
opacity:1;/*其他，透明度50%*/}




.cont4 ul li,.cont4 .cc .nr{filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}



.cont4 .bbb.active{animation:cont2_li2 1s;-moz-animation: cont2_li2 1s;-webkit-animation: cont2_li2 1s;-o-animation: cont2_li2 1s;animation-delay:0s;-webkit-animation-delay:0s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} 

.cont4 .aaa.active{animation:cont2_li2 1s;-moz-animation: cont2_li2 1s;-webkit-animation: cont2_li2 1s;-o-animation: cont2_li2 1s;animation-delay:0.5s;-webkit-animation-delay:0.5s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}

.cont4 .ccc.active{animation:cont2_li2 1s;-moz-animation: cont2_li2 1s;-webkit-animation: cont2_li2 1s;-o-animation: cont2_li2 1s;animation-delay:1s;-webkit-animation-delay:1s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}  

.cont4 .ddd.active{animation:cont2_li2 1s;-moz-animation: cont2_li2 1s;-webkit-animation: cont2_li2 1s;-o-animation: cont2_li2 1s;animation-delay:1.5s;-webkit-animation-delay:1.5s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}


@keyframes cont4_li
{
from {-webkit-transform:scale(0); 
-moz-transform:scale(0); 
-o-transform:scale(0); }
to {-webkit-transform:scale(1,1); 
-moz-transform:scale(1,1); 
-o-transform:scale(1,1) ;filter:alpha(opacity=100);-moz-opacity:1;opacity:1; }
}

@-moz-keyframes cont4_li /* Firefox */
{
from {-webkit-transform:scale(0); 
-moz-transform:scale(0); 
-o-transform:scale(0); }
to {-webkit-transform:scale(1,1); 
-moz-transform:scale(1,1); 
-o-transform:scale(1,1) ;filter:alpha(opacity=100);-moz-opacity:1;opacity:1; }
}

@-webkit-keyframes cont4_li /* Safari 和 Chrome */
{
from {-webkit-transform:scale(0); 
-moz-transform:scale(0); 
-o-transform:scale(0); }
to {-webkit-transform:scale(1,1); 
-moz-transform:scale(1,1); 
-o-transform:scale(1,1) ;filter:alpha(opacity=100);-moz-opacity:1;opacity:1; }
}

@-o-keyframes cont4_li /* Opera */
{
from {-webkit-transform:scale(0); 
-moz-transform:scale(0); 
-o-transform:scale(0); }
to {-webkit-transform:scale(1,1); 
-moz-transform:scale(1,1); 
-o-transform:scale(1,1) ;filter:alpha(opacity=100);-moz-opacity:1;opacity:1; }
}

.cont4 .nr{-webkit-transition:all 1.5s ease-in-out;-moz-transition:all 1.5s ease-in-out;-o-transition:all 1.5s ease-in-out;transition:all 1.5s ease-in-out;transition-delay:2s;-webkit-transition-delay:2s;}
.cont4 .nr.active{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}


.cont6 .ul1 li{position:relative;-webkit-transition:all 1.2s ease-in-out;-moz-transition:all 1.2s ease-in-out;-o-transition:all 1.2s ease-in-out;transition:all 1.2s ease-in-out;filter:alpha(opacity=0); /*IE滤镜，透明度50%*/
-moz-opacity:0; /*Firefox私有，透明度50%*/
opacity:0;/*其他，透明度50%*/}
.cont6 .ul1 li.active{top:0px;filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
-moz-opacity:1; /*Firefox私有，透明度50%*/
opacity:1;/*其他，透明度50%*/}

.cont6 .ul1 .yg{top:50px;}
.cont6 .ul1 .mg{top:-50px;}
.cont6 .ul1 .az{top:50px;}
.cont6 .ul1 .jnd{top:-50px;}

.cont6 .ul1 .jnd{top:-50px;}

.cont6 .neirong{position:relative;left:-500px;-webkit-transition:all 1.2s ease-in-out;-moz-transition:all 1.2s ease-in-out;-o-transition:all 1.2s ease-in-out;transition:all 1.2s ease-in-out;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}

.cont6 .neirong.active{-moz-animation: cont6_nr 1s;-webkit-animation: cont6_nr 1s;-o-animation: cont6_nr 1s;animation-delay:1.2s;-webkit-animation-delay:1.2s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}

@keyframes cont6_nr 
{
0%   {left:-500px;}
50%  {left:100px;;filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
-moz-opacity:1; /*Firefox私有，透明度50%*/
opacity:1;/*其他，透明度50%*/}
100% {left:0px;;filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
-moz-opacity:1; /*Firefox私有，透明度50%*/
opacity:1;/*其他，透明度50%*/}
}

@-moz-keyframes cont6_nr /* Firefox */
{
0%   {left:-500px;}
50%  {left:50px;;filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
-moz-opacity:1; /*Firefox私有，透明度50%*/
opacity:1;/*其他，透明度50%*/}
100% {left:0px;;filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
-moz-opacity:1; /*Firefox私有，透明度50%*/
opacity:1;/*其他，透明度50%*/}
}

@-webkit-keyframes cont6_nr /* Safari 和 Chrome */
{
0%   {left:-500px;}
50%  {left:50px;;filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
-moz-opacity:1; /*Firefox私有，透明度50%*/
opacity:1;/*其他，透明度50%*/}
100% {left:0px;;filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
-moz-opacity:1; /*Firefox私有，透明度50%*/
opacity:1;/*其他，透明度50%*/}
}

@-o-keyframes cont6_nr /* Opera */
{
0%   {left:-500px;}
50%  {left:50px;;filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
-moz-opacity:1; /*Firefox私有，透明度50%*/
opacity:1;/*其他，透明度50%*/}
100% {left:0px;;filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
-moz-opacity:1; /*Firefox私有，透明度50%*/
opacity:1;/*其他，透明度50%*/}
}
.cont8 ul li{position:relative;-webkit-transition:all 800ms ease-in-out;-moz-transition:all 800ms ease-in-out;-o-transition:all 800ms ease-in-out;transition:all 800ms ease-in-out;}
.cont8 ul .li1{z-index:10;left:100px;}
.cont8 ul .li2{z-index:20;left:10px;}
.cont8 ul .li3{z-index:30;left:-100px;}
.cont8 ul .li4{z-index:40;left:-200px;}
.cont8 ul li.active{left:0px;}
.cont8 p{position:relative;-webkit-transition:all 800ms ease-in-out;-moz-transition:all 800ms ease-in-out;-o-transition:all 800ms ease-in-out;transition:all 800ms ease-in-out;transition-delay:1s;-webkit-transition-delay:1s;top:50px;filter:alpha(opacity=0); /*IE滤镜，透明度50%*/
-moz-opacity:0; /*Firefox私有，透明度50%*/
opacity:0;/*其他，透明度50%*/}
.cont8 p.active{top:0px;filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
-moz-opacity:1; /*Firefox私有，透明度50%*/
opacity:1;/*其他，透明度50%*/}





.cont5 .cc ul li,.cont5 .cc .img1,.cont5 .cc .img2,.cont5 .cc .img3{filter:alpha(opacity=0); /*IE滤镜，透明度50%*/-moz-opacity:0; /*Firefox私有，透明度50%*/opacity:0;/*其他，透明度50%*/}

.cont5 .cc ul li{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}






.cont5 .cc ul .li4{left:0px;transition-delay:1s;-webkit-transition-delay:1s;}


.cont5 .cc ul .li5{left:-100px;transition-delay:1s;-webkit-transition-delay:1s;}


.cont5 .cc ul .li6{left:-200px;transition-delay:1s;-webkit-transition-delay:1s;}


.cont5 .cc ul .li7{left:-300px;transition-delay:1s;-webkit-transition-delay:1s;}


.cont5 .cc ul .li8{left:-300px;transition-delay:1s;-webkit-transition-delay:1s;}



.cont5 .cc ul .li1{left:200px;transition-delay:2.5s;-webkit-transition-delay:2.5s;}
.cont5 .cc ul .li2{left:100px;transition-delay:2.5s;-webkit-transition-delay:2.5s;}
.cont5 .cc ul .li3{left:0px;transition-delay:2.5s;-webkit-transition-delay:2.5s;}


.cont5 .cc ul .li10{top:100px;transition-delay:3.5s;-webkit-transition-delay:3.5s;}
.cont5 .cc ul .li11{top:100px;transition-delay:4s;-webkit-transition-delay:4s;}
.cont5 .cc ul .li12{top:100px;transition-delay:4.5s;-webkit-transition-delay:4.5s;}


.cont5 .cc ul li.active{left:0px;top:0px;filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
-moz-opacity:1; /*Firefox私有，透明度50%*/
opacity:1;/*其他，透明度50%*/}
.cont5 .cc .img1{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;left:200px;top:-200px;}
.cont5 .cc .img1.active{left:0px;top:0px;filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
-moz-opacity:1; /*Firefox私有，透明度50%*/
opacity:1;/*其他，透明度50%*/}


.cont5 .cc .img2{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;top:400px;transition-delay:1s;-webkit-transition-delay:1s;}
.cont5 .cc .img2.active{top:330px;filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
-moz-opacity:1; /*Firefox私有，透明度50%*/
opacity:1;/*其他，透明度50%*/}

.cont5 .cc .img3{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;top:400px;transition-delay:1s;-webkit-transition-delay:1s;}
.cont5 .cc .img3.active{top:330px;filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
-moz-opacity:1; /*Firefox私有，透明度50%*/
opacity:1;/*其他，透明度50%*/}




@media screen and (max-height:800px) { 
.cont5 .cc .img2.active {top:270px;}
.cont5 .cc .img3.active {top:300px;}
.cont3 .neirong.active{top:5px;}
}