body {
}

.loader {
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}


.loaderImg{position:relative;width:100%; height:200px;}
.loaderImgBig{position:relative;width:100%; height:100%;}
.loader-9 {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-block;
    border: 7px solid #798b4b;
    -webkit-animation: rotation 2s linear infinite;
    animation: rotation 2s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
}

.loader-9:after {
    content: "";
    position: absolute;
    left: -16px;
    top: -16px;
    border: 5px solid #798b4b;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

@-webkit-keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/*

*/
@keyframes fadeIn{
0%{opacity: 0; transform:scale(0.5)}
100%{opacity: 1;transform:scale(1)}
}
@-webkit-keyframes fadeIn{
0%{opacity: 0; transform:scale(0.5)}
100%{opacity: 1;transform:scale(1)}
}
@-moz-keyframes fadeIn{
0%{opacity: 0; transform:scale(0.5)}
100%{opacity: 1;transform:scale(1)}
}

 @keyframes OutIn{
0%{opacity: 0; transform:scale(1.2)}
100%{opacity: 1;transform:scale(1)}
}
@-webkit-keyframes OutIn{
0%{opacity: 0; transform:scale(1.2)}
100%{opacity: 1;transform:scale(1)}
}
@-moz-keyframes OutIn{
0%{opacity: 0; transform:scale(1.2)}
100%{opacity: 1;transform:scale(1)}
}
 


@keyframes fadeInUp2{
0%{opacity: 0;margin-top:0px;}
100%{opacity: 1;margin-top:0px;}
}
@-webkit-keyframes fadeInUp2{
0%{opacity: 0;margin-top:0px;}
100%{opacity: 1;margin-top:0px;}
}
@-moz-keyframes fadeInUp2{
0%{opacity: 0;margin-top:0px;}
100%{opacity: 1;margin-top:0px;}
}
.activesection .fadeInUp2{ -webkit-animation: fadeInUp2 0.5s ease-in-out forwards;animation: fadeInUp2 0.5s ease-in-out forwards;}
.activesectionFirst  .fadeInUp2{ -webkit-animation: fadeInUp2 0.5s ease-in-out forwards;animation: fadeInUp2 0.5s ease-in-out forwards;}



@keyframes fadeInUp{
0%{opacity: 0;margin-top:0px;}
100%{opacity: 1;margin-top:0px;}
}
@-webkit-keyframes fadeInUp{
0%{opacity: 0;margin-top:0px;}
100%{opacity: 1;margin-top:0px;}
}
@-moz-keyframes fadeInUp{
0%{opacity: 0;margin-top:0px;}
100%{opacity: 1;margin-top:0px;}
}
.activesection .fadeInUp{ -webkit-animation: fadeInUp 0.5s ease-in-out forwards;animation: fadeInUp 0.5s ease-in-out forwards;}
.activesectionFirst  .fadeInUp{ -webkit-animation: fadeInUp 0.5s ease-in-out forwards;animation: fadeInUp 0.5s ease-in-out forwards;}


@keyframes fadeInUpBig{
0%{opacity: 0;margin-top:0px;}
100%{opacity: 1;margin-top:0px;}
}
@-webkit-keyframes fadeInUpBig{
0%{opacity: 0;margin-top:0px;}
100%{opacity: 1;margin-top:0px;}
}
@-moz-keyframes fadeInUpBig{
0%{opacity: 0;margin-top:0px;}
100%{opacity: 1;margin-top:0px;}
}
.activesection .fadeInUpBig{ -webkit-animation: fadeInUpBig 1s ease-in-out forwards;animation: fadeInUpBig 1s ease-in-out forwards;}
.activesectionFirst .fadeInUpBig{ -webkit-animation: fadeInUpBig 1s ease-in-out forwards;animation: fadeInUpBig 1s ease-in-out forwards;}



@keyframes fadeInLeft{
0%{opacity: 0;margin-left:0px;}
100%{opacity: 1;margin-left:0px;}
}
@-webkit-keyframes fadeInLeft{
0%{opacity: 0;margin-left:0px;}
100%{opacity: 1;margin-left:0px;}
}
@-moz-keyframes fadeInLeft{
0%{opacity: 0;margin-left:0px;}
100%{opacity: 1;margin-left:0px;}
}
.activesection .fadeInLeft{ -webkit-animation: fadeInLeft 1s ease-in-out forwards;animation: fadeInLeft 1s ease-in-out forwards;}
.activesectionFirst .fadeInLeft{ -webkit-animation: fadeInLeft 1s ease-in-out forwards;animation: fadeInLeft 1s ease-in-out forwards;}


@keyframes fadeInBottom{
0%{opacity: 0;margin-top:0px;}
100%{opacity: 1;margin-top:0px;}
}
@-webkit-keyframes fadeInBottom{
0%{opacity: 0;margin-top:0px;}
100%{opacity: 1;margin-top:0px;}
}
@-moz-keyframes fadeInBottom{
0%{opacity: 0;margin-top:0px;}
100%{opacity: 1;margin-top:0px;}
}
.activesection .fadeInBottom{ -webkit-animation: fadeInBottom 1s ease-in-out forwards;animation: fadeInBottom 1s ease-in-out forwards;}
.activesectionFirst .fadeInBottom{ -webkit-animation: fadeInBottom 1s ease-in-out forwards;animation: fadeInBottom 1s ease-in-out forwards;}


@keyframes fadeInRight{
0%{opacity: 0;margin-left:0px;}
100%{opacity: 1;margin-left:0px;}
}
@-webkit-keyframes fadeInRight{
0%{opacity: 0;margin-left:0px;}
100%{opacity: 1;margin-left:0px;}
}
@-moz-keyframes fadeInRight{
0%{opacity: 0;margin-left:0px;}
100%{opacity: 1;margin-left:0px;}
}
.activesection .fadeInRight{ -webkit-animation: fadeInRight 1s ease-in-out forwards;animation: fadeInRight 1s ease-in-out forwards;}
.activesectionFirst .fadeInRight{ -webkit-animation: fadeInRight 1s ease-in-out forwards;animation: fadeInRight 1s ease-in-out forwards;}


@keyframes scaleOut{
0%{transform:scale(1); opacity:1;}
100%{transform:scale(0.2); opacity:0;}
}
@-webkit-keyframes scaleOut{
0%{transform:scale(1); opacity:1;}
100%{transform:scale(0.2); opacity:0;}
}
@-moz-keyframes scaleOut{
0%{transform:scale(1); opacity:1;}
100%{transform:scale(0.2); opacity:0;}
}

@keyframes fadeOut{
0%{margin-top:0;}
100%{margin-top:-100%;}
}
@-webkit-keyframes fadeOut{
0%{margin-top:0;}
100%{margin-top:-100%;}
}
@-moz-keyframes fadeOut{
0%{margin-top:0;}
100%{margin-top:-100%;}
}



.ani_left{ -webkit-animation: fadeInRight .5s ease-in-out forwards;animation: fadeInRight .5s ease-in-out forwards;}
.ani_right{ -webkit-animation: fadeInRight .5s ease-in-out forwards;animation: fadeInRight .5s ease-in-out forwards;}
.ani_up{ -webkit-animation: fadeInUp .5s ease-in-out forwards;animation: fadeInUp .5s ease-in-out forwards;}
.ani_bottom{ -webkit-animation: fadeInBottom .5s ease-in-out forwards;animation: fadeInBottom .5s ease-in-out forwards;}
.ani_fadeIn{ -webkit-animation: fadeIn .5s ease-in-out forwards;animation: fadeIn .5s ease-in-out forwards;}
.ani_OutIn{ -webkit-animation: OutIn .5s ease-in-out forwards;animation: OutIn .5s ease-in-out forwards;}

.scaleOut{-webkit-animation: scaleOut .5s ease-in-out forwards;animation: scaleOut .5s ease-in-out forwards;}
.fadeOut{-webkit-animation: fadeOut .5s ease-in-out forwards;animation: fadeOut .5s ease-in-out forwards;}

.bounceIn2{-webkit-animation: bounceIn2 2s ease-in-out infinite;animation: bounceIn2 2s ease-in-out infinite;}

@-webkit-keyframes bounceIn2 {
	0%,20%,40%,60%,80%,to {
	-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
	animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0% {
	opacity:1;
	-webkit-transform:scale3d(.7,.7,.7);
	transform:scale3d(.7,.7,.7)
}
20% {
	-webkit-transform:scale3d(1.1,1.1,1.1);
	transform:scale3d(1.1,1.1,1.1)
}
40% {
	-webkit-transform:scale3d(.9,.9,.9);
	transform:scale3d(.9,.9,.9)
}
60% {
	opacity:1;
	-webkit-transform:scale3d(1.03,1.03,1.03);
	transform:scale3d(1.03,1.03,1.03)
}
80% {
	-webkit-transform:scale3d(.97,.97,.97);
	transform:scale3d(.97,.97,.97)
}
to {
	opacity:1;
	-webkit-transform:scale3d(.7,.7,.7);
	transform:scale3d(.7,.7,.7)
}
}
@keyframes bounceIn2 {
	0%,20%,40%,60%,80%,to {
	-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
	animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0% {
	opacity:1;
	-webkit-transform:scale3d(.7,.7,.7);
	transform:scale3d(.7,.7,.7)
}
20% {
	-webkit-transform:scale3d(1.1,1.1,1.1);
	transform:scale3d(1.1,1.1,1.1)
}
40% {
	-webkit-transform:scale3d(.9,.9,.9);
	transform:scale3d(.9,.9,.9)
}
60% {
	opacity:1;
	-webkit-transform:scale3d(1.03,1.03,1.03);
	transform:scale3d(1.03,1.03,1.03)
}
80% {
	-webkit-transform:scale3d(.97,.97,.97);
	transform:scale3d(.97,.97,.97)
}
to {
	opacity:1;
	-webkit-transform:scale3d(.7,.7,.7);
	transform:scale3d(.7,.7,.7)
}
}


@-webkit-keyframes bounceIn {
	0%,20%,40%,60%,80%,to {
	-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
	animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0% {
	opacity:1;
	-webkit-transform:scale3d(.3,.3,.3);
	transform:scale3d(.3,.3,.3)
}
20% {
	-webkit-transform:scale3d(1.1,1.1,1.1);
	transform:scale3d(1.1,1.1,1.1)
}
40% {
	-webkit-transform:scale3d(.9,.9,.9);
	transform:scale3d(.9,.9,.9)
}
60% {
	opacity:1;
	-webkit-transform:scale3d(1.03,1.03,1.03);
	transform:scale3d(1.03,1.03,1.03)
}
80% {
	-webkit-transform:scale3d(.97,.97,.97);
	transform:scale3d(.97,.97,.97)
}
to {
	opacity:1;
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
}
@keyframes bounceIn {
	0%,20%,40%,60%,80%,to {
	-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
	animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0% {
	opacity:1;
	-webkit-transform:scale3d(.3,.3,.3);
	transform:scale3d(.3,.3,.3)
}
20% {
	-webkit-transform:scale3d(1.1,1.1,1.1);
	transform:scale3d(1.1,1.1,1.1)
}
40% {
	-webkit-transform:scale3d(.9,.9,.9);
	transform:scale3d(.9,.9,.9)
}
60% {
	opacity:1;
	-webkit-transform:scale3d(1.03,1.03,1.03);
	transform:scale3d(1.03,1.03,1.03)
}
80% {
	-webkit-transform:scale3d(.97,.97,.97);
	transform:scale3d(.97,.97,.97)
}
to {
	opacity:1;
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
}

.firstLod .sdelay_0{
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
 .activesection .sdelay_5{
    -moz-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
} 
.activesectionFirst .sdelay_0{
    opacity:0;
    -moz-animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.activesectionFirst .sdelay_5{
    opacity:0;
    -moz-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
} 
.activesectionFirst .sdelay_6{
    opacity:0;
    -moz-animation-delay: 1.7s;
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
} 
.activesectionFirst .sdelay_7{
    opacity:0;
    -moz-animation-delay: 1.9s;
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s;
} 
.activesectionFirst .sdelay_8{
    opacity:0;
    -moz-animation-delay: 2.1s;
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s;
} 
.activesectionFirst .sdelay_9{
    opacity:0;
    -moz-animation-delay: 2.3s;
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s;
} 
.activesectionFirst .sdelay_10{
    opacity:0;
    -moz-animation-delay: 2.5s;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
} 
.activesectionFirst .sdelay_11{
    opacity:0;
    -moz-animation-delay: 2.7s;
    -webkit-animation-delay: 2.7s;
    animation-delay: 2.7s;
} 
.activesectionFirst .sdelay_12{
    opacity:0;
    -moz-animation-delay: 2.9s;
    -webkit-animation-delay: 2.9s;
    animation-delay: 2.9s;
} 





.yuan_a{position: absolute;top: 50%;left: 50%;width:45px;height: 45px;border:8px solid #798b4b; background:#fff; margin-top: -30px;margin-left: -30px; z-index:4; opacity:0; transform:scale(0)}
.yuan_b{position: absolute;top: 50%;left: 50%;width:10px;height: 10px; border:6px #798b4b solid; background:#fff; margin-top: -30px;margin-left:30px; z-index:4; opacity:0;}

.rqbox{position:absolute;width:70%;height:70%;background:#ffffff;top:15%;left:15%; overflow:hidden;}
.dian_s{background: #798b4b;width:10px;height:10px;position:absolute;margin:-24px 0 0 36px; z-index:3;}


.yuan_a{-webkit-animation: yuanAni 1.5s ease-in-out forwards;animation: yuanAni 1.5s ease-in-out forwards;}
.yuan_b{-webkit-animation: yuanAni2 0.75s ease-in-out forwards;animation: yuanAni2 0.75s ease-in-out forwards;}

@keyframes yuanAni{
0%{opacity: 0; transform:scale(0)}
100%{opacity: 1;transform:scale(1)}
}
@-webkit-keyframes yuanAni{
0%{opacity: 0; transform:scale(0)}
100%{opacity: 1;transform:scale(1)}
}
@-moz-keyframes yuanAni{
0%{opacity: 0; transform:scale(0)}
100%{opacity: 1;transform:scale(1)}
}


@keyframes yuanAni2{
0%{opacity: 0}
100%{opacity: 1}
}
@-webkit-keyframes yuanAni2{
0%{opacity: 0}
100%{opacity: 1}
}
@-moz-keyframes yuanAni2{
0%{opacity: 0}
100%{opacity: 1}
}

.dian_s.s1{-webkit-animation: ani_s1 0.75s ease-in-out forwards;animation: ani_s1 0.75s ease-in-out forwards;}
@keyframes ani_s1{
0%{top: -40px;left: -10px;}
100%{top: 50%;left: 50%;}
}
@-webkit-keyframes ani_s1{
0%{top: -40px;left: -10px;}
100%{top: 50%;left: 50%;}
}
@-moz-keyframes ani_s1{
0%{top: -40px;left: -10px;}
100%{top: 50%;left: 50%;}
}

.dian_s.s2{-webkit-animation: ani_s2 0.75s ease-in-out forwards;animation: ani_s2 0.75s ease-in-out forwards;}
@keyframes ani_s2{
0%{top: 30px;left: 50%;}
100%{top: 50%;left: 50%;}
}
@-webkit-keyframes ani_s2{
0%{top: 30px;left: 50%;}
100%{top: 50%;left: 50%;}
}
@-moz-keyframes ani_s2{
0%{top: 30px;left: 50%;}
100%{top: 50%;left: 50%;}
}

.dian_s.s3{-webkit-animation: ani_s3 0.75s ease-in-out forwards;animation: ani_s3 0.75s ease-in-out forwards;}
@keyframes ani_s3{
0%{top: 50px;left: 100%;}
100%{top: 50%;left: 50%;}
}
@-webkit-keyframes ani_s3{
0%{top: 50px;left: 100%;}
100%{top: 50%;left: 50%;}
}
@-moz-keyframes ani_s3{
0%{top: 50px;left: 100%;}
100%{top: 50%;left: 50%;}
}

.dian_s.s4{-webkit-animation: ani_s4 0.75s ease-in-out forwards;animation: ani_s4 0.75s ease-in-out forwards;}
@keyframes ani_s4{
0%{top: 100%;left: -10px;}
100%{top: 50%;left: 50%;}
}
@-webkit-keyframes ani_s4{
0%{top: 100%;left: -10px;}
100%{top: 50%;left: 50%;}
}
@-moz-keyframes ani_s4{
0%{top: 100%;left: -10px;}
100%{top: 50%;left: 50%;}
}

.dian_s.s5{-webkit-animation: ani_s5 0.75s ease-in-out forwards;animation: ani_s5 0.75s ease-in-out forwards;}
@keyframes ani_s5{
0%{top: 101%;left: 50%;}
100%{top: 50%;left: 50%;}
}
@-webkit-keyframes ani_s5{
0%{top: 101%;left: 50%;}
100%{top: 50%;left: 50%;}
}
@-moz-keyframes ani_s5{
0%{top: 101%;left: 50%;}
100%{top: 50%;left: 50%;}
}

.dian_s.s6{-webkit-animation: ani_s6 0.75s ease-in-out forwards;animation: ani_s6 0.75s ease-in-out forwards;}
@keyframes ani_s6{
0%{top: 103%;left: 100%;}
100%{top: 50%;left: 50%;}
}
@-webkit-keyframes ani_s6{
0%{top: 103%;left: 100%;}
100%{top: 50%;left: 50%;}
}
@-moz-keyframes ani_s6{
0%{top: 103%;left: 100%;}
100%{top: 50%;left: 50%;}
}

.dian_b{background: #798b4b;width:20px;height:20px;position:absolute; margin:-10px 0 0 -10px; z-index:3; top:-50px; left:-50px;}
.dian_b.b1{-webkit-animation: ani_b1 0.75s ease-in-out forwards;animation: ani_b1 0.75s ease-in-out forwards;}
@keyframes ani_b1{
0%{top: -50px;left: -30px;}
100%{top: 50%;left: 50%;}
}
@-webkit-keyframes ani_b1{
0%{top: -50px;left: -30px;}
100%{top: 50%;left: 50%;}
}
@-moz-keyframes ani_b1{
0%{top: -50px;left: -30px;}
100%{top: 50%;left: 50%;}
}
 
.dian_b.b2{-webkit-animation: ani_b2 0.75s ease-in-out forwards;animation: ani_b2 0.75s ease-in-out forwards;}
@keyframes ani_b2{
0%{top: 0px;left: 50%;}
100%{top: 50%;left: 50%;}
}
@-webkit-keyframes ani_b2{
0%{top: 0px;left: 50%;}
100%{top: 50%;left: 50%;}
}
@-moz-keyframes ani_b2{
0%{top: 0px;left: 50%;}
100%{top: 50%;left: 50%;}
} 

.dian_b.b3{-webkit-animation: ani_b3 0.75s ease-in-out forwards;animation: ani_b3 0.75s ease-in-out forwards;}
@keyframes ani_b3{
0%{top: 0px;left: 90%;}
100%{top: 50%;left: 50%;}
}
@-webkit-keyframes ani_b3{
0%{top: 0px;left: 90%;}
100%{top: 50%;left: 50%;}
}
@-moz-keyframes ani_b3{
0%{top: 0px;left: 90%;}
100%{top: 50%;left: 50%;}
}
 
.dian_b.b4{-webkit-animation: ani_b4 0.75s ease-in-out forwards;animation: ani_b4 0.75s ease-in-out forwards;}
@keyframes ani_b4{
0%{top: 50%;left:105%;}
100%{top: 50%;left: 50%;}
}
@-webkit-keyframes ani_b4{
0%{top: 50%;left:105%;}
100%{top: 50%;left: 50%;}
}
@-moz-keyframes ani_b4{
0%{top: 50%;left:105%;}
100%{top: 50%;left: 50%;}
}
 
.dian_b.b5{-webkit-animation: ani_b5 0.75s ease-in-out forwards;animation: ani_b5 0.75s ease-in-out forwards;}
@keyframes ani_b5{
0%{top: 100%;left: 90%;}
100%{top: 50%;left: 50%;}
}
@-webkit-keyframes ani_b5{
0%{top: 100%;left: 90%;}
100%{top: 50%;left: 50%;}
}
@-moz-keyframes ani_b5{
0%{top: 100%;left: 90%;}
100%{top: 50%;left: 50%;}
}

.dian_b.b6{-webkit-animation: ani_b6 0.75s ease-in-out forwards;animation: ani_b6 0.75s ease-in-out forwards;}
@keyframes ani_b6{
0%{top: 90%;left: 50%;}
100%{top: 50%;left: 50%;}
}
@-webkit-keyframes ani_b6{
0%{top: 90%;left: 50%;}
100%{top: 50%;left: 50%;}
}
@-moz-keyframes ani_b6{
0%{top: 90%;left: 50%;}
100%{top: 50%;left: 50%;}
}

.dian_b.b7{-webkit-animation: ani_b7 0.75s ease-in-out forwards;animation: ani_b7 0.75s ease-in-out forwards;}
@keyframes ani_b7{
0%{top: 100%;left: 30px;}
100%{top: 50%;left: 50%;}
}
@-webkit-keyframes ani_b7{
0%{top: 100%;left: 30px;}
100%{top: 50%;left: 50%;}
}
@-moz-keyframes ani_b7{
0%{top: 100%;left: 30px;}
100%{top: 50%;left: 50%;}
}

.dian_b.b8{-webkit-animation: ani_b8 0.75s ease-in-out forwards;animation: ani_b8 0.75s ease-in-out forwards;}
@keyframes ani_b8{
0%{top: 50%;left: 0;}
100%{top: 50%;left: 50%;}
}
@-webkit-keyframes ani_b8{
0%{top: 50%;left: 0;}
100%{top: 50%;left: 50%;}
}
@-moz-keyframes ani_b8{
0%{top: 50%;left: 0;}
100%{top: 50%;left: 50%;}
}

.jiaodianAni .sdelay_1{
    -moz-animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.jiaodianAni .sdelay_2{
    -moz-animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.jiaodianAni .sdelay_3{
    -moz-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.jiaodianAni .sdelay_4{
    -moz-animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.jiaodianAni .sdelay_5{
    -moz-animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.jiaodianAni .sdelay_6{
    -moz-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.jiaodianAni .sdelay_7{
    -moz-animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.jiaodianAni .sdelay_8{
    -moz-animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.jiaodianAni .sdelay_10{
    -moz-animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.jiaodianAni .sdelay_20{
    -moz-animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}