#voicebtn {
    /* IE10、Firefox and Opera，IE9以及更早的版本不支持 */
    animation-name: breath;                         /* 动画名称 */
    animation-duration: 2s;                         /* 动画时长3秒 */
    animation-timing-function: ease-in-out;         /* 动画速度曲线：以低速开始和结束 */
    animation-iteration-count: infinite;            /* 播放次数：无限 */
 
    /* Safari and Chrome */
    -webkit-animation-name: breath;                 /* 动画名称 */
    -webkit-animation-duration: 2s;                 /* 动画时长3秒 */
    -webkit-animation-timing-function: ease-in-out; /* 动画速度曲线：以低速开始和结束 */
    -webkit-animation-iteration-count: infinite;    /* 播放次数：无限 */
}
.shouhu {
    animation: fadeInLeft 2s ease 0s both;
	-ms-animation: fadeInLeft 2s ease 0s both;  
    -moz-animation: fadeInLeft 2s ease 0s both;   
    -webkit-animation: fadeInLeft 2s ease 0s both; 
    -o-animation: fadeInLeft 2s ease 0s both;
}
.hsjy {
    animation: fadeInDown 2s ease 0.5s both;
	-ms-animation: fadeInDown 2s ease 0.5s both;  
    -moz-animation: fadeInDown 2s ease 0.5s both;   
    -webkit-animation: fadeInDown 2s ease 0.5s both; 
    -o-animation: fadeInDown 2s ease 0.5s both;
}
.chupin {
    animation: fadeInUp 2s ease 0.5s both;
	-ms-animation: fadeInUp 2s ease 0.5s both;  
    -moz-animation: fadeInUp 2s ease 0.5s both;   
    -webkit-animation: fadeInUp 2s ease 0.5s both; 
    -o-animation: fadeInUp 2s ease 0.5s both;
}
/* .zhaopian {
    animation: fadeIn 3s ease 1s both;
	-ms-animation: fadeIn 3s ease 1s both;  
    -moz-animation: fadeIn 3s ease 1s both;   
    -webkit-animation: fadeIn 3s ease 1s both; 
    -o-animation: fadeIn 3s ease 1s both;
} */
.tiji {
    animation: fadeIn 3s ease 6s both;
	-ms-animation: fadeIn 3s ease 6s both;  
    -moz-animation: fadeIn 3s ease 6s both;   
    -webkit-animation: fadeIn 3s ease 6s both; 
    -o-animation: fadeIn 3s ease 6s both;
}
.tj {
    animation: open 3s ease 3s both;
	-ms-animation: open 3s ease 3s both;  
    -moz-animation: open 3s ease 3s both;   
    -webkit-animation: open 3s ease 3s both; 
    -o-animation: open 3s ease 31s both;
}
/* .peo1 {
    animation: fadeInRight 3s ease 6s both;
	-ms-animation: fadeInRight 3s ease 6s both;  
    -moz-animation: fadeInRight 3s ease 6s both;   
    -webkit-animation: fadeInRight 3s ease 6s both; 
    -o-animation: fadeInRight 3s ease 6s both;
}
.peo2 {
    animation: fadeInRight 3s ease 7s both;
	-ms-animation: fadeInRight 3s ease 7s both;  
    -moz-animation: fadeInRight 3s ease 7s both;   
    -webkit-animation: fadeInRight 3s ease 7s both; 
    -o-animation: fadeInRight 3s ease 7s both;
}
.peo3 {
    animation: fadeInRight 3s ease 8s both;
	-ms-animation: fadeInRight 3s ease 8s both;  
    -moz-animation: fadeInRight 3s ease 8s both;   
    -webkit-animation: fadeInRight 3s ease 8s both; 
    -o-animation: fadeInRight 3s ease 8s both;
} */

@-webkit-keyframes open{from{width:0;}to{width:1096px;}}
@-moz-keyframes open{from{width:0;}to{width:1096px;}}
@-o-keyframes open{from{width:0;}to{width:1096px;}}
@keyframes open{from{width:0;}to{width:1096px;}}
 
@-webkit-keyframes breath {
    from { opacity: 1; transform:scale(1,1);}                          /* 动画开始时 */
    50%  { opacity: 1; transform:scale(1.2,1.2);}      /* 动画50% 时 */
    to   { opacity: 1; transform:scale(1,1);}                          /* 动画结束时的 */
}
@keyframes breath {
    from { opacity: 1; transform:scale(1,1);}                          /* 动画开始时 */
    50%  { opacity: 1; transform:scale(1.2,1.2);}      /* 动画50% 时 */
    to   { opacity: 1; transform:scale(1,1);}                          /* 动画结束时 */    
}