@charset "utf-8";
/* CSS Document */

/**等待0.7秒**/
.delay{transition-delay: 0.5s;-moz-transition-delay: 0.5s; /* Firefox 4 */-webkit-transition-delay: 0.5s; /* Safari 和 Chrome */-o-transition-delay: 0.5s; /* Opera */}

.opacity{
  filter:alpha(opacity=50);       /* IE */
  -moz-opacity:0.5;              /* 老版Mozilla */
  -khtml-opacity:0.5;              /* 老版Safari */
  opacity: 0.5;           /* 支持opacity的浏览器*/
 }


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

.section .i_title{position:relative; opacity:0; filter:alpha(opacity=0); -moz-opacity:0;  -khtml-opacity:0; top: -100px; -webkit-transform: scale(0.1, 0.1);transform: scale(0.5, 0.1); transition: all 1s;}

.section .i_e_title{position:relative; opacity:0; filter:alpha(opacity=0); -moz-opacity:0;  -khtml-opacity:0; bottom: -100px; -webkit-transform: scale(0.1, 0.1);transform: scale(0.5, 0.1); transition: all 1s;}


.active .i_title{ -webkit-transform: scale(1, 1);transform: scale(1, 1); opacity: 1; filter:alpha(opacity=100); -moz-opacity:01;  -khtml-opacity:1; top:0px; transition-delay: 0.5s;-moz-transition-delay: 0.5s; /* Firefox 4 */-webkit-transition-delay: 0.5s; /* Safari 和 Chrome */-o-transition-delay: 0.5s; /* Opera */}

.active .i_e_title{ -webkit-transform: scale(1, 1);transform: scale(1, 1); opacity: 1; filter:alpha(opacity=100); -moz-opacity:01;  -khtml-opacity:1; bottom:0px; transition-delay: 0.5s;-moz-transition-delay: 0.5s; /* Firefox 4 */-webkit-transition-delay: 0.5s; /* Safari 和 Chrome */-o-transition-delay: 0.5s; /* Opera */ }