/*水波效果*/
.dot {
	height: 2px;
	width: 2px;
	border-radius: 100%;
	position: absolute;
	z-index: 0;
	animation: sploosh 3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-animation: sploosh 3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-animation: sploosh 3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@-webkit-keyframes sploosh {
	0% {
		box-shadow: 0 0 0 0px rgba(66, 166, 223, 0.7);
		background: rgba(66, 166, 223, 0.7);
	}
	100% {
		box-shadow: 0 0 0 215px rgba(66, 166, 223, 0);
		background: rgba(66, 166, 223, 0);
	}
}
@-moz-keyframes sploosh {
	0% {
		box-shadow: 0 0 0 0px rgba(66, 166, 223, 0.7);
		background: rgba(66, 166, 223, 0.7);
	}
	100% {
		box-shadow: 0 0 0 215px rgba(66, 166, 223, 0);
		background: rgba(66, 166, 223, 0);
	}
}

/*动画名字， 动画运行的时间，alternate平滑过渡， infinite是反复执行*/
/*动画样式，放在最后*/
.imgAnimationDesc{
	opacity:0.9;
    animation-name: imgAnimationDesc;
    animation: imgAnimationDesc 2s alternate 1;
    -webkit-animation: imgAnimationDesc 2s alternate 1;
    -moz-animation: imgAnimationDesc 2s alternate 1;
}
@-webkit-keyframes imgAnimationDesc{
	0%{top:3%;opacity:0}
    100%{top:13%;opacity:0.9}
}
@-moz-keyframes imgAnimationDesc{
    0%{top:3%;opacity:0}
    100%{top:13%;opacity:0.9}
}
/*睡眠监测*/
.imgAnimationSleep{
	opacity:1;
    animation-name: imgAnimationSleep;
    animation: imgAnimationSleep 2s alternate 1;
    -webkit-animation: imgAnimationSleep 2s alternate 1;
    -moz-animation: imgAnimationSleep 2s alternate 1;
}
@-webkit-keyframes imgAnimationSleep{
	0%{left:5%;opacity:1}
    100%{left:15%;opacity:1}
}
@-moz-keyframes imgAnimationSleep{
    0%{left:5%;opacity:1}
    100%{left:15%;opacity:1}
}
.imgAnimationSleepT{
	opacity:0.9;
    animation-name: imgAnimationSleepT;
    animation: imgAnimationSleepT 2s alternate 1;
    -webkit-animation: imgAnimationSleepT 2s alternate 1;
    -moz-animation: imgAnimationSleepT 2s alternate 1;
}
@-webkit-keyframes imgAnimationSleepT{
	0%{right:5.8%;opacity:0}
    100%{right:15.8%;opacity:0.9}
}
@-moz-keyframes imgAnimationSleepT{
    0%{right:5.8%;opacity:0}
    100%{right:15.8%;opacity:0.9}
}
/*原创催眠曲*/
.imgAnimationMusicT{
	opacity:0.9;
    animation-name: imgAnimationMusicT;
    animation: imgAnimationMusicT 2s alternate 1;
    -webkit-animation: imgAnimationMusicT 2s alternate 1;
    -moz-animation: imgAnimationMusicT 2s alternate 1;
}
@-webkit-keyframes imgAnimationMusicT{
	0%{right:5%;opacity:0}
    100%{right:15%;opacity:0.9}
}
@-moz-keyframes imgAnimationMusicT{
    0%{right:5%;opacity:0}
    100%{right:15%;opacity:0.9}
}
.imgAnimationMusic{
	opacity:1;
    animation-name: imgAnimationMusic;
    animation: imgAnimationMusic 2s alternate 1;
    -webkit-animation: imgAnimationMusic 2s alternate 1;
    -moz-animation: imgAnimationMusic 2s alternate 1;
}
@-webkit-keyframes imgAnimationMusic{
	0%{left:5%;opacity:1}
    100%{left:15%;opacity:1}
}
@-moz-keyframes imgAnimationMusic{
    0%{left:5%;opacity:1}
    100%{left:15%;opacity:1}
}
/*浅睡唤醒*/
.imgAnimationWakeImg{
	opacity:1;
    animation-name: imgAnimationWakeImg;
    animation: imgAnimationWakeImg 3s alternate 1;
    -webkit-animation: imgAnimationWakeImg 3s alternate 1;
    -moz-animation: imgAnimationWakeImg 3s alternate 1;
}
@-webkit-keyframes imgAnimationWakeImg{
	0%{opacity:0}
    100%{opacity:1}
}
@-moz-keyframes imgAnimationWakeImg{
    0%{opacity:0}
    100%{opacity:1}
}
.imgAnimationWakeT{
	opacity:0.9;
    animation-name: imgAnimationWakeT;
    animation: imgAnimationWakeT 2s alternate 1;
    -webkit-animation: imgAnimationWakeT 2s alternate 1;
    -moz-animation: imgAnimationWakeT 2s alternate 1;
}
@-webkit-keyframes imgAnimationWakeT{
	0%{left:3.7%;opacity:0}
    100%{left:13.7%;opacity:0.9}
}
@-moz-keyframes imgAnimationWakeT{
    0%{left:3.7%;opacity:0}
    100%{left:13.7%;opacity:0.9}
}
/*梦话记录*/
.imgAnimationRecord1{
	opacity:1;
    animation-name: imgAnimationRecord1;
    animation: imgAnimationRecord1 2s alternate 1;
    -webkit-animation: imgAnimationRecord1 2s alternate 1;
    -moz-animation: imgAnimationRecord1 2s alternate 1;
}
@-webkit-keyframes imgAnimationRecord1{
	0%{opacity:0}
	25%{opacity:1}
	50%{opacity:1}
	75%{opacity:1}
    100%{opacity:1}
}
@-moz-keyframes imgAnimationRecord1{
    0%{opacity:0}
	25%{opacity:1}
	50%{opacity:1}
	75%{opacity:1}
    100%{opacity:1}
}
.imgAnimationRecord2{
	opacity:1;
    animation-name: imgAnimationRecord2;
    animation: imgAnimationRecord2 2s alternate 1;
    -webkit-animation: imgAnimationRecord2 2s alternate 1;
    -moz-animation: imgAnimationRecord2 2s alternate 1;
}
@-webkit-keyframes imgAnimationRecord2{
	0%{opacity:0}
	25%{opacity:0}
	50%{opacity:1}
	75%{opacity:1}
    100%{opacity:1}
}
@-moz-keyframes imgAnimationRecord2{
    0%{opacity:0}
	25%{opacity:0}
	50%{opacity:1}
	75%{opacity:1}
    100%{opacity:1}
}
.imgAnimationRecord3{
	opacity:1;
    animation-name: imgAnimationRecord3;
    animation: imgAnimationRecord3 2s alternate 1;
    -webkit-animation: imgAnimationRecord3 2s alternate 1;
    -moz-animation: imgAnimationRecord3 2s alternate 1;
}
@-webkit-keyframes imgAnimationRecord3{
	0%{opacity:0}
	25%{opacity:0}
	50%{opacity:0}
	75%{opacity:1}
    100%{opacity:1}
}
@-moz-keyframes imgAnimationRecord3{
    0%{opacity:0}
	25%{opacity:0}
	50%{opacity:0}
	75%{opacity:1}
    100%{opacity:1}
}
.imgAnimationRecordT{
	opacity:0.9;
    animation-name: imgAnimationRecordT;
    animation: imgAnimationRecordT 2s alternate 1;
    -webkit-animation: imgAnimationRecordT 2s alternate 1;
    -moz-animation: imgAnimationRecordT 2s alternate 1;
}
@-webkit-keyframes imgAnimationRecordT{
	0%{left:1.9%;opacity:0}
    100%{left:11.9%;opacity:0.9}
}
@-moz-keyframes imgAnimationRecordT{
    0%{left:1.9%;opacity:0}
    100%{left:11.9%;opacity:0.9}
}
/*智能枕简介*/
.imgAnimationSp1{
	opacity:0.9;
    animation-name: imgAnimationSp1;
    animation: imgAnimationSp1 2s alternate 1;
    -webkit-animation: imgAnimationSp1 2s alternate 1;
    -moz-animation: imgAnimationSp1 2s alternate 1;
}
@-webkit-keyframes imgAnimationSp1{
	0%{opacity:0}
	10%{opacity:0.9}
	15%{opacity:0.9}
	20%{opacity:0.9}
	25%{opacity:0.9}
	30%{opacity:0.9}
	35%{opacity:0.9}
	70%{opacity:0.9}
	80%{opacity:0.9}
	90%{opacity:0.9}
    100%{opacity:0.9}
}
@-moz-keyframes imgAnimationSp1{
    0%{opacity:0}
	10%{opacity:0.9}
	15%{opacity:0.9}
	20%{opacity:0.9}
	25%{opacity:0.9}
	30%{opacity:0.9}
	35%{opacity:0.9}
	70%{opacity:0.9}
	80%{opacity:0.9}
	90%{opacity:0.9}
    100%{opacity:0.9}
}
.imgAnimationSp2{
	opacity:0.8;
    animation-name: imgAnimationSp2;
    animation: imgAnimationSp2 2s alternate 1;
    -webkit-animation: imgAnimationSp2 2s alternate 1;
    -moz-animation: imgAnimationSp2 2s alternate 1;
}
@-webkit-keyframes imgAnimationSp2{
	0%{opacity:0}
	10%{opacity:0}
	15%{opacity:0.8}
	20%{opacity:0.8}
	25%{opacity:0.8}
	30%{opacity:0.8}
	35%{opacity:0.8}
	70%{opacity:0.8}
	80%{opacity:0.8}
	90%{opacity:0.8}
    100%{opacity:0.8}
}
@-moz-keyframes imgAnimationSp2{
    0%{opacity:0}
	10%{opacity:0}
	15%{opacity:0.8}
	20%{opacity:0.8}
	25%{opacity:0.8}
	30%{opacity:0.8}
	35%{opacity:0.8}
	70%{opacity:0.8}
	80%{opacity:0.8}
	90%{opacity:0.8}
    100%{opacity:0.8}
}
.imgAnimationSp3{
	opacity:0.7;
    animation-name: imgAnimationSp3;
    animation: imgAnimationSp3 2s alternate 1;
    -webkit-animation: imgAnimationSp3 2s alternate 1;
    -moz-animation: imgAnimationSp3 2s alternate 1;
}
@-webkit-keyframes imgAnimationSp3{
	0%{opacity:0}
	10%{opacity:0}
	15%{opacity:0}
	20%{opacity:0.7}
	25%{opacity:0.7}
	30%{opacity:0.7}
	35%{opacity:0.7}
	70%{opacity:0.7}
	80%{opacity:0.7}
	90%{opacity:0.7}
    100%{opacity:0.7}
}
@-moz-keyframes imgAnimationSp3{
    0%{opacity:0}
	10%{opacity:0}
	15%{opacity:0}
	20%{opacity:0.7}
	25%{opacity:0.7}
	30%{opacity:0.7}
	35%{opacity:0.7}
	70%{opacity:0.7}
	80%{opacity:0.7}
	90%{opacity:0.7}
    100%{opacity:0.7}
}
.imgAnimationSp4{
	opacity:0.6;
    animation-name: imgAnimationSp4;
    animation: imgAnimationSp4 2s alternate 1;
    -webkit-animation: imgAnimationSp4 2s alternate 1;
    -moz-animation: imgAnimationSp4 2s alternate 1;
}
@-webkit-keyframes imgAnimationSp4{
	0%{opacity:0}
	15%{opacity:0}
	20%{opacity:0}
	25%{opacity:0}
	30%{opacity:0.6}
	35%{opacity:0.6}
	60%{opacity:0.6}
	70%{opacity:0.6}
	80%{opacity:0.6}
	90%{opacity:0.6}
    100%{opacity:0.6}
}
@-moz-keyframes imgAnimationSp4{
    0%{opacity:0}
	15%{opacity:0}
	20%{opacity:0}
	25%{opacity:0}
	30%{opacity:0.6}
	35%{opacity:0.6}
	60%{opacity:0.6}
	70%{opacity:0.6}
	80%{opacity:0.6}
	90%{opacity:0.6}
    100%{opacity:0.6}
}
.imgAnimationSp5{
	opacity:0.5;
    animation-name: imgAnimationSp5;
    animation: imgAnimationSp5 2s alternate 1;
    -webkit-animation: imgAnimationSp5 2s alternate 1;
    -moz-animation: imgAnimationSp5 2s alternate 1;
}
@-webkit-keyframes imgAnimationSp5{
	0%{opacity:0}
	10%{opacity:0}
	15%{opacity:0}
	20%{opacity:0}
	25%{opacity:0}
	30%{opacity:0.5}
	35%{opacity:0.5}
	70%{opacity:0.5}
	80%{opacity:0.5}
	90%{opacity:0.5}
    100%{opacity:0.5}
}
@-moz-keyframes imgAnimationSp5{
    0%{opacity:0}
	10%{opacity:0}
	15%{opacity:0}
	20%{opacity:0}
	25%{opacity:0}
	30%{opacity:0.5}
	35%{opacity:0.5}
	70%{opacity:0.5}
	80%{opacity:0.5}
	90%{opacity:0.5}
    100%{opacity:0.5}
}
.imgAnimationSp6{
	opacity:0.4;
    animation-name: imgAnimationSp6;
    animation: imgAnimationSp6 2s alternate 1;
    -webkit-animation: imgAnimationSp6 2s alternate 1;
    -moz-animation: imgAnimationSp6 2s alternate 1;
}
@-webkit-keyframes imgAnimationSp6{
	0%{opacity:0}
	10%{opacity:0}
	15%{opacity:0}
	20%{opacity:0}
	25%{opacity:0}
	30%{opacity:0}
	35%{opacity:0.4}
	70%{opacity:0.4}
	80%{opacity:0.4}
	90%{opacity:0.4}
    100%{opacity:0.4}
}
@-moz-keyframes imgAnimationSp6{
    0%{opacity:0}
	10%{opacity:0}
	15%{opacity:0}
	20%{opacity:0}
	25%{opacity:0}
	30%{opacity:0}
	35%{opacity:0.4}
	70%{opacity:0.4}
	80%{opacity:0.4}
	90%{opacity:0.4}
    100%{opacity:0.4}
}
.imgAnimationSp7{
	opacity:0.9;
    animation-name: imgAnimationSp7;
    animation: imgAnimationSp7 2s alternate 1;
    -webkit-animation: imgAnimationSp7 2s alternate 1;
    -moz-animation: imgAnimationSp7 2s alternate 1;
}
@-webkit-keyframes imgAnimationSp7{
	0%{opacity:0}
    100%{opacity:0.9}
}
@-moz-keyframes imgAnimationSp7{
    0%{opacity:0}
    100%{opacity:0.9}
}
.imgAnimationSpImgP{
	opacity:1;
    animation-name: imgAnimationSpImgP;
    animation: imgAnimationSpImgP 0.3s alternate 1;
    -webkit-animation: imgAnimationSpImgP 0.3s alternate 1;
    -moz-animation: imgAnimationSpImgP 0.3s alternate 1;
}
@-webkit-keyframes imgAnimationSpImgP{
	0%{opacity:0}
    100%{opacity:1}
}
@-moz-keyframes imgAnimationSpImgP{
    0%{opacity:0}
    100%{opacity:1}
}
.imgAnimationSpImgI{
	opacity:1;
    animation-name: imgAnimationSpImgI;
    animation: imgAnimationSpImgI 0.3s alternate 1;
    -webkit-animation: imgAnimationSpImgI 0.3s alternate 1;
    -moz-animation: imgAnimationSpImgI 0.3s alternate 1;
}
@-webkit-keyframes imgAnimationSpImgI{
	0%{opacity:0}
    100%{opacity:1}
}
@-moz-keyframes imgAnimationSpImgI{
    0%{opacity:0}
    100%{opacity:1}
}
.imgAnimationImgI1{
	opacity:1;
    animation-name: imgAnimationImgI1;
    animation: imgAnimationImgI1 0.4s alternate infinite;
    -webkit-animation: imgAnimationImgI1 0.4s alternate infinite;
    -moz-animation: imgAnimationImgI1 0.4s alternate infinite;
}
@-webkit-keyframes imgAnimationImgI1{
	0%{opacity:0}
	33.3%{opacity:1}
	66.6%{opacity:1}
    100%{opacity:1}
}
@-moz-keyframes imgAnimationImgI1{
    0%{opacity:0}
	33.3%{opacity:1}
	66.6%{opacity:1}
    100%{opacity:1}
}
.imgAnimationImgI2{
	opacity:1;
    animation-name: imgAnimationImgI2;
    animation: imgAnimationImgI2 0.4s alternate infinite;
    -webkit-animation: imgAnimationImgI2 0.4s alternate infinite;
    -moz-animation: imgAnimationImgI2 0.4s alternate infinite;
}
@-webkit-keyframes imgAnimationImgI2{
	0%{opacity:0}
	33.3%{opacity:0}
	66.6%{opacity:1}
    100%{opacity:1}
}
@-moz-keyframes imgAnimationImgI2{
    0%{opacity:0}
	33.3%{opacity:0}
	66.6%{opacity:1}
    100%{opacity:1}
}
.imgAnimationImgI3{
	opacity:1;
    animation-name: imgAnimationImgI3;
    animation: imgAnimationImgI3 0.4s alternate infinite;
    -webkit-animation: imgAnimationImgI3 0.4s alternate infinite;
    -moz-animation: imgAnimationImgI3 0.4s alternate infinite;
}
@-webkit-keyframes imgAnimationImgI3{
	0%{opacity:0}
	33.3%{opacity:0}
	66.6%{opacity:0}
    100%{opacity:1}
}
@-moz-keyframes imgAnimationImgI3{
    0%{opacity:0}
	33.3%{opacity:0}
	66.6%{opacity:0}
    100%{opacity:1}
}
/*枕头分析title*/
.imgAnimationPtImg{
	opacity:1;
    animation-name: imgAnimationPtImg;
    animation: imgAnimationPtImg 2s alternate 1;
    -webkit-animation: imgAnimationPtImg 2s alternate 1;
    -moz-animation: imgAnimationPtImg 2s alternate 1;
}
@-webkit-keyframes imgAnimationPtImg{
	0%{top:15%;opacity:0}
    100%{top:20%;opacity:1}
}
@-moz-keyframes imgAnimationPtImg{
    0%{top:15%;opacity:0}
    100%{top:20%;opacity:1}
}
.imgAnimationPtT{
	opacity:1;
    animation-name: imgAnimationPtT;
    animation: imgAnimationPtT 2s alternate 1;
    -webkit-animation: imgAnimationPtT 2s alternate 1;
    -moz-animation: imgAnimationPtT 2s alternate 1;
}
@-webkit-keyframes imgAnimationPtT{
	0%{top:57%;opacity:0}
    100%{top:47%;opacity:1}
}
@-moz-keyframes imgAnimationPtT{
    0%{top:57%;opacity:0}
    100%{top:47%;opacity:1}
}
/*枕头人体工学分析*/
.imgAnimationPi1{
	opacity:0.9;
    animation-name: imgAnimationPi1;
    animation: imgAnimationPi1 4s alternate 1;
    -webkit-animation: imgAnimationPi1 4s alternate 1;
    -moz-animation: imgAnimationPi1 4s alternate 1;
}
@-webkit-keyframes imgAnimationPi1{
	0%{opacity:0}
    100%{opacity:0.9;}
}
@-moz-keyframes imgAnimationPi1{
    0%{opacity:0}
    100%{opacity:0.9;}
}
.imgAnimationPi2{
	opacity:1;
    animation-name: imgAnimationPi2;
    animation: imgAnimationPi2 2s alternate 1;
    -webkit-animation: imgAnimationPi2 2s alternate 1;
    -moz-animation: imgAnimationPi2 2s alternate 1;
}
@-webkit-keyframes imgAnimationPi2{
	0%{opacity:0}
    10%{opacity:1}
    100%{opacity:1}
}
@-moz-keyframes imgAnimationPi2{
    0%{opacity:0}
    10%{opacity:1}
    100%{opacity:1}
}
.imgAnimationPi3{
	opacity:0.9;
    animation-name: imgAnimationPi3;
    animation: imgAnimationPi3 4s alternate 1;
    -webkit-animation: imgAnimationPi3 4s alternate 1;
    -moz-animation: imgAnimationPi3 4s alternate 1;
}
@-webkit-keyframes imgAnimationPi3{
	0%{opacity:0}
    100%{opacity:0.9;}
}
@-moz-keyframes imgAnimationPi3{
    0%{opacity:0}
    100%{opacity:0.9;}
}
/*枕头步骤*/
.imgAnimationStepT{
	opacity:1;
    animation-name: imgAnimationStepT;
    animation: imgAnimationStepT 2s alternate 1;
    -webkit-animation: imgAnimationStepT 2s alternate 1;
    -moz-animation: imgAnimationStepT 2s alternate 1;
}
@-webkit-keyframes imgAnimationStepT{
	0%{opacity:0}
    80%{opacity:1}
    100%{opacity:1}
}
@-moz-keyframes imgAnimationStepT{
    0%{opacity:0}
    80%{opacity:1}
    100%{opacity:1}
}
.imgAnimationStepImg1{
	opacity:1;
    animation-name: imgAnimationStepImg1;
    animation: imgAnimationStepImg1 2s alternate 1;
    -webkit-animation: imgAnimationStepImg1 2s alternate 1;
    -moz-animation: imgAnimationStepImg1 2s alternate 1;
}
@-webkit-keyframes imgAnimationStepImg1{
	0%{left:-30%;opacity:0}
    100%{left:0%;opacity:1}
}
@-moz-keyframes imgAnimationStepImg1{
    0%{left:-30%;opacity:0}
    100%{left:0%;opacity:1}
}
.imgAnimationStepImg2{
	opacity:1;
    animation-name: imgAnimationStepImg2;
    animation: imgAnimationStepImg2 2s alternate 1;
    -webkit-animation: imgAnimationStepImg2 2s alternate 1;
    -moz-animation: imgAnimationStepImg2 2s alternate 1;
}
@-webkit-keyframes imgAnimationStepImg2{
	0%{right:-30%;opacity:0}
    100%{right:0%;opacity:1}
}
@-moz-keyframes imgAnimationStepImg2{
    0%{right:-30%;opacity:0}
    100%{right:0%;opacity:1}
}
/*枕头细节*/
.imgAnimationDetailImg1{
	opacity:1;
    animation-name: imgAnimationDetailImg1;
    animation: imgAnimationDetailImg1 2s alternate 1;
    -webkit-animation: imgAnimationDetailImg1 2s alternate 1;
    -moz-animation: imgAnimationDetailImg1 2s alternate 1;
}
@-webkit-keyframes imgAnimationDetailImg1{
	0%{top:-2%;opacity:0}
    100%{top:8%;opacity:1}
}
@-moz-keyframes imgAnimationDetailImg1{
    0%{top:-2%;opacity:0}
    100%{top:8%;opacity:1}
}
.imgAnimationDetailImg2{
	opacity:1;
    animation-name: imgAnimationDetailImg2;
    animation: imgAnimationDetailImg2 2s alternate 1;
    -webkit-animation: imgAnimationDetailImg2 2s alternate 1;
    -moz-animation: imgAnimationDetailImg2 2s alternate 1;
}
@-webkit-keyframes imgAnimationDetailImg2{
	0%{top:39%;opacity:0}
    100%{top:29%;opacity:1}
}
@-moz-keyframes imgAnimationDetailImg2{
    0%{top:39%;opacity:0}
    100%{top:29%;opacity:1}
}
.imgAnimationDetailImg3{
	opacity:1;
    animation-name: imgAnimationDetailImg3;
    animation: imgAnimationDetailImg3 2s alternate 1;
    -webkit-animation: imgAnimationDetailImg3 2s alternate 1;
    -moz-animation: imgAnimationDetailImg3 2s alternate 1;
}
@-webkit-keyframes imgAnimationDetailImg3{
	0%{opacity:0}
    100%{opacity:1}
}
@-moz-keyframes imgAnimationDetailImg3{
    0%{opacity:0}
    100%{opacity:1}
}
/*方便无束缚*/
.imgAnimationConve1{
	opacity:1;
    animation-name: imgAnimationConve1;
    animation: imgAnimationConve1 0.6s alternate infinite;
    -webkit-animation: imgAnimationConve1 0.6s alternate infinite;
    -moz-animation: imgAnimationConve1 0.6s alternate infinite;
}
@-webkit-keyframes imgAnimationConve1{
	0%{opacity:0}
	25%{opacity:1}
	50%{opacity:0}
	75%{opacity:0}
    100%{opacity:0}
}
@-moz-keyframes imgAnimationConve1{
    0%{opacity:0}
	25%{opacity:1}
	50%{opacity:0}
	75%{opacity:0}
    100%{opacity:0}
}
.imgAnimationConve2{
	opacity:0;
    animation-name: imgAnimationConve2;
    animation: imgAnimationConve2 0.6s alternate infinite;
    -webkit-animation: imgAnimationConve2 0.6s alternate infinite;
    -moz-animation: imgAnimationConve2 0.6s alternate infinite;
}
@-webkit-keyframes imgAnimationConve2{
	0%{opacity:0}
	25%{opacity:0}
	50%{opacity:1}
	75%{opacity:0}
    100%{opacity:0}
}
@-moz-keyframes imgAnimationConve2{
    0%{opacity:0}
	25%{opacity:0}
	50%{opacity:1}
	75%{opacity:0}
    100%{opacity:0}
}
.imgAnimationConve3{
	opacity:0;
    animation-name: imgAnimationConve3;
    animation: imgAnimationConve3 0.6s alternate infinite;
    -webkit-animation: imgAnimationConve3 0.6s alternate infinite;
    -moz-animation: imgAnimationConve3 0.6s alternate infinite;
}
@-webkit-keyframes imgAnimationConve3{
	0%{opacity:0}
	25%{opacity:0}
	50%{opacity:0}
	75%{opacity:1}
    100%{opacity:0}
}
@-moz-keyframes imgAnimationConve3{
    0%{opacity:0}
	25%{opacity:0}
	50%{opacity:0}
	75%{opacity:1}
    100%{opacity:0}
}
.imgAnimationConve4{
	opacity:0;
    animation-name: imgAnimationConve4;
    animation: imgAnimationConve4 0.6s alternate infinite;
    -webkit-animation: imgAnimationConve4 0.6s alternate infinite;
    -moz-animation: imgAnimationConve4 0.6s alternate infinite;
}
@-webkit-keyframes imgAnimationConve4{
	0%{opacity:0}
	25%{opacity:0}
	50%{opacity:0}
	75%{opacity:0}
    100%{opacity:1}
}
@-moz-keyframes imgAnimationConve4{
    0%{opacity:0}
	25%{opacity:0}
	50%{opacity:0}
	75%{opacity:0}
    100%{opacity:1}
}
.imgAnimationConve5{
	opacity:1;
    animation-name: imgAnimationConve5;
    animation: imgAnimationConve5 0.1s alternate 1;
    -webkit-animation: imgAnimationConve5 0.1s alternate 1;
    -moz-animation: imgAnimationConve5 0.1s alternate 1;
}
@-webkit-keyframes imgAnimationConve5{
	0%{opacity:0}
    100%{opacity:1}
}
@-moz-keyframes imgAnimationConve5{
    0%{opacity:0}
    100%{opacity:1}
}
.imgAnimationConve6{
	opacity:1;
    animation-name: imgAnimationConve6;
    animation: imgAnimationConve6 2s alternate 1;
    -webkit-animation: imgAnimationConve6 2s alternate 1;
    -moz-animation: imgAnimationConve6 2s alternate 1;
}
@-webkit-keyframes imgAnimationConve6{
	0%{opacity:0}
	33.3%{opacity:1}
	66.6%{opacity:1}
    100%{opacity:1}
}
@-moz-keyframes imgAnimationConve6{
    0%{opacity:0}
	33.3%{opacity:1}
	66.6%{opacity:1}
    100%{opacity:1}
}
.imgAnimationConve7{
	opacity:1;
    animation-name: imgAnimationConve7;
    animation: imgAnimationConve7 2s alternate 1;
    -webkit-animation: imgAnimationConve7 2s alternate 1;
    -moz-animation: imgAnimationConve7 2s alternate 1;
}
@-webkit-keyframes imgAnimationConve7{
	0%{opacity:0}
	33.3%{opacity:0}
	66.6%{opacity:1}
    100%{opacity:1}
}
@-moz-keyframes imgAnimationConve7{
    0%{opacity:0}
	33.3%{opacity:0}
	66.6%{opacity:1}
    100%{opacity:1}
}
.imgAnimationConve8{
	opacity:1;
    animation-name: imgAnimationConve8;
    animation: imgAnimationConve8 2s alternate 1;
    -webkit-animation: imgAnimationConve8 2s alternate 1;
    -moz-animation: imgAnimationConve8 2s alternate 1;
}
@-webkit-keyframes imgAnimationConve8{
	0%{opacity:0}
	33.3%{opacity:0}
	66.6%{opacity:0}
    100%{opacity:1}
}
@-moz-keyframes imgAnimationConve8{
    0%{opacity:0}
	33.3%{opacity:0}
	66.6%{opacity:0}
    100%{opacity:1}
}
/*安全零辐射*/
.imgAnimationSafety{
	opacity:1;
    animation-name: imgAnimationSafety;
    animation: imgAnimationSafety 2s alternate 1;
    -webkit-animation: imgAnimationSafety 2s alternate 1;
    -moz-animation: imgAnimationSafety 2s alternate 1;
}
@-webkit-keyframes imgAnimationSafety{
	0%{bottom:8.5%;opacity:0}
    100%{bottom:18.5%;opacity:1}
}
@-moz-keyframes imgAnimationSafety{
    0%{bottom:8.5%;opacity:0}
    100%{bottom:18.5%;opacity:1}
}
/*footer*/
.imgAnimationFooterX{
	opacity:1;
    animation-name: imgAnimationFooterX;
    animation: imgAnimationFooterX 2s alternate 1;
    -webkit-animation: imgAnimationFooterX 2s alternate 1;
    -moz-animation: imgAnimationFooterX 2s alternate 1;
}
@-webkit-keyframes imgAnimationFooterX{
	0%{left:32.5%;}
    50%{left:22.5%;}
    100%{left:22.5%;}
}
@-moz-keyframes imgAnimationFooterX{
    0%{left:32.5%;}
    50%{left:22.5%;}
    100%{left:22.5%;}
}
.imgAnimationFooterL{
	opacity:1;
    animation-name: imgAnimationFooterL;
    animation: imgAnimationFooterL 2s alternate 1;
    -webkit-animation: imgAnimationFooterL 2s alternate 1;
    -moz-animation: imgAnimationFooterL 2s alternate 1;
}
@-webkit-keyframes imgAnimationFooterL{
	0%{opacity:0}
    50%{opacity:0}
    100%{opacity:1}
}
@-moz-keyframes imgAnimationFooterL{
    0%{opacity:0}
    50%{opacity:0}
    100%{opacity:1}
}
.imgAnimationFooterB{
	opacity:1;
    animation-name: imgAnimationFooterB;
    animation: imgAnimationFooterB 2s alternate 1;
    -webkit-animation: imgAnimationFooterB 2s alternate 1;
    -moz-animation: imgAnimationFooterB 2s alternate 1;
}
@-webkit-keyframes imgAnimationFooterB{
	0%{right:32.5%;}
    50%{right:22.5%;}
    100%{bottom:22.5%;}
}
@-moz-keyframes imgAnimationFooterB{
    0%{right:32.5%;}
    50%{right:22.5%;}
    100%{bottom:22.5%;}
}