@charset "utf-8";
/* CSS Document */
.work_user{
	left: auto !important;
	right:4% !important;
}
.ar008_star{
	position: absolute;
	width: 2.53%;
	z-index: 10;	
}
.ar008_star1{
	left:10%;	
	margin-top: 22%;
}
.ar008_star2{
	left:18%;	
	margin-top: 6%;
}
.ar008_star3{
	left:62%;	
	margin-top: 5%;
}
.ar008_star4{
	left:65%;	
	margin-top: 17%;
}
.ar008_star5{
	left:84%;	
	margin-top: 12%;
}
.ar008_star1,.ar008_star3,.ar008_star5{
	-webkit-animation:ar008_star_g1 0.8s linear infinite;
    -moz-animation:ar008_star_g1 0.8s linear infinite;
    animation:ar008_star_g1 0.8s linear infinite;
}
@-moz-keyframes ar008_star_g1 { 50% {width: 3%;opacity: 0.7;} 100% {width: 2%;opacity: 1;}}
@-webkit-keyframes ar008_star_g1 { 50% { width: 4%;opacity: 0.7;} 100% {width: 2%;opacity: 1;}}
@keyframes ar008_star_g1 { 50% { width: 3%;opacity: 0.7;  100% {width: 2%;opacity: 1;}}}
.ar008_star2,.ar008_star4{
	-webkit-animation:ar008_star_g2 0.8s linear infinite;
    -moz-animation:ar008_star_g2 0.8s linear infinite;
    animation:ar008_star_g2 0.8s linear infinite;
}
@-moz-keyframes ar008_star_g2 { 50% {width: 2%;opacity: 1;} 100% {width: 4%;opacity: 0.7;}}
@-webkit-keyframes ar008_star_g2 { 50% { width: 2%;opacity: 1;} 100% {width: 4%;opacity: 0.7;}}
@keyframes ar008_star_g2 { 50% { width: 2%;opacity: 1;  100% {width: 4%;opacity: 0.7;}}}
.ar008_p3_1{
	position: absolute;
	width: 56%;
	left:45%;
	margin-top: 4%;
	z-index: 10;	
	-webkit-animation:ar008_p3_1 1s linear infinite;
    -moz-animation:ar008_p3_1 1s linear infinite;
    animation:ar008_p3_1 1s linear infinite;
}
@-moz-keyframes ar008_p3_1 { 50% {width: 62%;opacity: 0;} 100% {width: 56%;opacity: 1;}}
@-webkit-keyframes ar008_p3_1 { 50% { width: 62%;opacity: 0;} 100% {width: 56%;opacity: 1;}}
@keyframes ar008_p3_1 { 50% { width: 62%;opacity: 0;  100% {width: 56%;opacity: 1;}}}
.ar008_p4_1{
	position: absolute;
	width: 11%;
	left:53.5%;
	margin-top: 52%;
	z-index: 10;	
	-webkit-animation:ar008_p4_1 1s linear infinite;
    -moz-animation:ar008_p4_1 1s linear infinite;
    animation:ar008_p4_1 1s linear infinite;
}
@-moz-keyframes ar008_p4_1 { 50% {left: 54%;} 100% {left: 53.5%;}}
@-webkit-keyframes ar008_p4_1 { 50% { left: 54%;} 100% {left: 53.5%;}}
@keyframes ar008_p4_1 { 50% { left: 54%;  100% {left: 53.5%;}}}
.ar008_p4_2{
	position: absolute;
	width: 3.5%;
	left:43%;
	margin-top: 26.5%;
	z-index: 10;	
	-webkit-animation:ar008_p4_2 1.5s linear infinite;
    -moz-animation:ar008_p4_2 1.5s linear infinite;
    animation:ar008_p4_2 1.5s linear infinite;
}
@keyframes ar008_p4_2{
  0% {transform:rotate(-10deg);}
  50% {transform:rotate(-10deg);}
  51% {transform:rotate(0deg);}
  100% {transform:rotate(0deg);}
}
.ar008_p5_1{
	position: absolute;
	/*width: 18.84%;*/
	width: 17.84%;
	left:18%;
	margin-top: 14%;
	z-index: 10;	
	-webkit-animation:ar008_p5_1 1.5s linear infinite;
    -moz-animation:ar008_p5_1 1.5s linear infinite;
    animation:ar008_p5_1 1.5s linear infinite;
}
@-moz-keyframes ar008_p5_1 { 50% {width: 20.84%;} 100% {width: 17.84%;}}
@-webkit-keyframes ar008_p5_1 { 50% { width: 20.84%;} 100% {width: 17.84%;}}
@keyframes ar008_p5_1 { 50% { width: 20.84%;  100% {width: 17.84%;}}}
.ar008_p5_2{
	position: absolute;
	/*width: 28.12%;*/
	width: 30.12%;
	left:11%;
	margin-top: 33%;
	z-index: 10;
	-webkit-animation:ar008_p5_2 1.5s linear infinite;
    -moz-animation:ar008_p5_2 1.5s linear infinite;
    animation:ar008_p5_2 1.5s linear infinite;	
}
@-moz-keyframes ar008_p5_2 { 50% {width: 27.12%;} 100% {width: 30.12%;}}
@-webkit-keyframes ar008_p5_2 { 50% { width: 27.12%;} 100% {width: 30.12%;}}
@keyframes ar008_p5_2 { 50% { width: 27.12%;  100% {width: 30.12%;}}}
.ar008_p5_3{
	position: absolute;
	/*width: 12.1%;*/
	width: 11.1%;
	left:45%;
	margin-top: 21%;
	z-index: 10;	
	-webkit-animation:ar008_p5_3 1.5s linear infinite;
    -moz-animation:ar008_p5_3 1.5s linear infinite;
    animation:ar008_p5_3 1.5s linear infinite;	
}
@-moz-keyframes ar008_p5_3 { 50% {width: 14.1%;} 100% {width: 11.1%;}}
@-webkit-keyframes ar008_p5_3 { 50% { width: 14.1%;} 100% {width: 11.1%;}}
@keyframes ar008_p5_3 { 50% { width: 14.1%;  100% {width: 12.1%;}}}
.ar008_p5_4{
	position: absolute;
	/*width: 19.82%;*/
	width: 21.82%;
	left: 65%;
	margin-top: 15%;
	z-index: 10;
	-webkit-animation:ar008_p5_4 1.5s linear infinite;
    -moz-animation:ar008_p5_4 1.5s linear infinite;
    animation:ar008_p5_4 1.5s linear infinite;	
}
@-moz-keyframes ar008_p5_4 { 50% {width: 18.82%;} 100% {width: 21.82%;}}
@-webkit-keyframes ar008_p5_4 { 50% { width: 18.82%;} 100% {width: 21.82%;}}
@keyframes ar008_p5_4 { 50% { width: 18.82%;  100% {width: 21.82%;}}}
/*.ar008_p5_5{
	position: absolute;
	width: 21%;
	left:72%;
	margin-top: 19%;
	z-index: 10;	
	-webkit-animation:ar008_p5_5 1.5s linear infinite;
    -moz-animation:ar008_p5_5 1.5s linear infinite;
    animation:ar008_p5_5 1.5s linear infinite;	
}
@-moz-keyframes ar008_p5_5 { 50% {width: 19%;} 100% {width: 21%;}}
@-webkit-keyframes ar008_p5_5 { 50% { width: 19%;} 100% {width: 21%;}}
@keyframes ar008_p5_5 { 50% { width: 19%;  100% {width: 21%;}}}*/
.ar008_p6_1{
	position: absolute;
	width: 146%;
	left:-98%;
	margin-top: -114%;
	z-index: 10;	
    animation:ar008_p6_1 2s;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	/* Safari 和 Chrome */
	-webkit-animation:ar008_p6_1 4s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
}
@keyframes ar008_p6_1
{
	from {transform:rotate(40deg);width: 148%;}
	to {transform:rotate(0deg);width: 146%;}
}

@-webkit-keyframes ar008_p6_1
{
	from {transform:rotate(40deg);width: 148%;}
	to {transform:rotate(0deg);width: 146%;}
}
.ar008_p6_1 img{
	width: 100%;
}
.ar008_p6_1_delay{
	-webkit-animation:ar008_p6_1_delay 1s linear infinite;
    -moz-animation:ar008_p6_1_delay 1s linear infinite;
    animation:ar008_p6_1_delay 1s linear infinite;
    animation-delay:4s;
	-webkit-animation-delay:4s;
	margin-top: 0%;
}
@-moz-keyframes ar008_p6_1_delay { 50% {margin-top: 1%;} 100% {margin-top: 0%;}}
@-webkit-keyframes ar008_p6_1_delay { 50% {margin-top: 1%;} 100% {margin-top:0%;}}
@keyframes ar008_p6_1_delay { 50% {margin-top: 1%;  100% {margin-top: 0%;}}}
.ar008_p6_2{
	position: absolute;
	width: 31%;
	left:62%;
	margin-top: 22%;
	z-index: 10;	
	transform:rotate(5deg);
	-webkit-animation:ar008_p6_2 1.5s linear infinite;
    -moz-animation:ar008_p6_2 1.5s linear infinite;
    animation:ar008_p6_2 1.5s linear infinite;
}
@keyframes ar008_p6_2{
  0% {transform:rotate(-5deg);}	
  50% {transform:rotate(-5deg);}
  51% {transform:rotate(5deg);}  
  100% {transform:rotate(5deg);}
}
.ar008_p7_1{
	position: absolute;
	width: 20%;
	left:40%;
	margin-top: 37%;
	z-index: 10;
	-webkit-animation:ar008_p7_1 1s linear infinite;
    -moz-animation:ar008_p7_1 1s linear infinite;
    animation:ar008_p7_1 1s linear infinite;
}
@-moz-keyframes ar008_p7_1 { 50% {width: 23%;opacity: 0.7;left:38.5%;margin-top: 35.5%;} 100% {width: 20%;opacity: 1;left:40%;margin-top: 37%;}}
@-webkit-keyframes ar008_p7_1 { 50% { width: 23%;opacity: 0.7;left:38.5%;margin-top: 35.5%;} 100% {width: 20%;opacity: 1;left:40%;margin-top: 37%;}}
@keyframes ar008_p7_1 { 50% { width: 23%;opacity: 0.7;left:38.5%;margin-top: 35.5%;  100% {width: 20%;opacity: 1;left:40%;margin-top: 37%;}}}
.ar008_p7_2{
	position: absolute;
	width: 6%;
	left:36%;
	margin-top: 34.5%;
	z-index: 10;
}
.ar008_p7_2 img{
	width: 100%;
}
.ar008_p7_3{
	position: absolute;
	width: 5%;
	left:63%;
	margin-top: 31.5%;
	z-index: 10;
}
.ar008_p7_3 img{
	width: 100%;
}
.ar008_p8_1{
	position: absolute;
	width: 13%;
	left:30%;
	margin-top: 32%;
	z-index: 10;
}
.ar008_p8_1 img{
	width: 100%;
}
.ar008_p9_1{
	position: absolute;
	width: 34%;
	left:6%;
	margin-top: -45.3%;
	z-index: 10;	
	-webkit-animation:ar008_p9_1 2.5s linear infinite;
    -moz-animation:ar008_p9_1 2.5s linear infinite;
    animation:ar008_p9_1 2.5s linear infinite;
}
@keyframes ar008_p9_1{
  /*0% {transform:rotate(-20deg);}*/
  50% {transform:rotate(-20deg);}
  /*51% {transform:rotate(0deg);}*/
  100% {transform:rotate(0deg);}
}
.ar008_p10_1{
	position: absolute;
	width: 5.2%;
	left:50%;
	margin-top: 26%;
	z-index: 10;
	-webkit-animation:ar008_p10_1 1.5s linear infinite;
    -moz-animation:ar008_p10_1 1.5s linear infinite;
    animation:ar008_p10_1 1.5s linear infinite;
    transform:rotate(5deg);
}
@keyframes ar008_p10_1{
  50% {transform:rotate(-5deg);}
  100% {transform:rotate(5deg);}
}
.ar008_p10_2{
	position: absolute;
	width: 0.89%;
	left:43%;
	margin-top: 38%;
	z-index: 10;
	-webkit-animation:ar008_p10_2 1.5s linear infinite;
    -moz-animation:ar008_p10_2 1.5s linear infinite;
    animation:ar008_p10_2 1.5s linear infinite;
    transform:rotate(-10deg);
}
@keyframes ar008_p10_2{
  50% {transform:rotate(10deg);}
  100% {transform:rotate(-10deg);}
}
.ar008_p10_3{
	position: absolute;
	width: 1.7%;
	left:36%;
	margin-top: 37.8%;
	z-index: 10;
	-webkit-animation:ar008_p10_3 1.5s linear infinite;
    -moz-animation:ar008_p10_3 1.5s linear infinite;
    animation:ar008_p10_3 1.5s linear infinite;
    transform:rotate(5deg);
}
@keyframes ar008_p10_3{
  50% {transform:rotate(-5deg);}
  100% {transform:rotate(5deg);}
}
.ar008_p10_4{
	position: absolute;
	width: 0.9%;
	left:77.5%;
	margin-top:35%;
	z-index: 10;
	-webkit-animation:ar008_p10_4 1.5s linear infinite;
    -moz-animation:ar008_p10_4 1.5s linear infinite;
    animation:ar008_p10_4 1.5s linear infinite;
    transform:rotate(-10deg);
}
@keyframes ar008_p10_4{
  50% {transform:rotate(10deg);}
  100% {transform:rotate(-10deg);}
}
.ar008_p11_1{
	position: absolute;
	width: 93%;
	left:6%;
	margin-top: 18%;
	z-index: 10;
}
.ar008_p11_1 img{
	width: 100%;
}
.ar008_p12_1{
	position: absolute;
	width: 15%;
	left:42%;
	margin-top: 31.5%;
	z-index: 10;
	-webkit-animation:ar008_p12_1 2.6s linear infinite;
    -moz-animation:ar008_p12_1 2.6s linear infinite;
    animation:ar008_p12_1 2.6s linear infinite;
}
@-moz-keyframes ar008_p12_1 { 50% {margin-top: 35.5%;} 100% {margin-top: 31.5%;}}
@-webkit-keyframes ar008_p12_1 { 50% { margin-top: 35.5%;} 100% {margin-top: 31.5%;}}
@keyframes ar008_p12_1 { 50% { margin-top: 35.5%;  100% {margin-top: 31.5%;}}}
.ar008_p12_1 img{
	width: 100%;
}
.ar008_p12_2{
	position: absolute;
	width: 13%;
	left:21%;
	margin-top: 23%;
	z-index: 10;
	-webkit-animation:ar008_p12_2 2s linear infinite;
    -moz-animation:ar008_p12_2 2s linear infinite;
    animation:ar008_p12_2 2s linear infinite;
}
@-moz-keyframes ar008_p12_2 { 50% {margin-top: 20%;} 100% {margin-top: 23%;}}
@-webkit-keyframes ar008_p12_2 { 50% { margin-top: 20%;} 100% {margin-top: 23%;}}
@keyframes ar008_p12_2 { 50% { margin-top: 20%;  100% {margin-top: 23%;}}}
.ar008_p12_2 img{
	width: 100%;
}
.ar008_p13_1{
	position: absolute;
	width: 10%;
	right:-15%;
	margin-top: 46%;
	z-index: 10;	
    animation:ar008_p13_1 3s;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	/* Safari 和 Chrome */
	-webkit-animation:ar008_p13_1 3s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
}
@keyframes ar008_p13_1
{
	from {right:-15%;}
	to {right:53%;}
}

@-webkit-keyframes ar008_p13_1
{
	from {right:-15%;}
	to {right:53%;}
}
.ar008_p13_1 img{
	width: 100%;
}
.ar008_p13_1_delay{
	-webkit-animation:ar008_p13_1_delay 0.5s linear infinite;
    -moz-animation:ar008_p13_1_delay 0.5s linear infinite;
    animation:ar008_p13_1_delay 0.5s linear infinite;
/*    animation-delay:4s;
	-webkit-animation-delay:4s;*/
	/*margin-top: 0%;*/
}
@-moz-keyframes ar008_p13_1_delay { 50% {margin-top: 6%;} 100% {margin-top: 0%;}}
@-webkit-keyframes ar008_p13_1_delay { 50% {margin-top: 6%;} 100% {margin-top:0%;}}
@keyframes ar008_p13_1_delay { 50% {margin-top: 6%;  100% {margin-top: 0%;}}}
.ar008_p14_1{
	left:20%;	
}
.ar008_p14_2{
	left:37.2%;	
}
.ar008_p14_3{
	left:54.7%;
}
.ar008_p14_4{
	left:70%;
}
.ar008_p14{	
	position: absolute;
	width: 13%;
	z-index: 10;	
	margin: 25% 0 0 0;
}
.ar008_p14a{	
	position: absolute;
	width: 13%;
	z-index: 10;	
	margin: 25% 0 0 0;
	-webkit-animation:ar008_p14_1 2s linear infinite;
    -moz-animation:ar008_p14_1 2s linear infinite;
    animation:ar008_p14_1 2s linear infinite;
}
@-moz-keyframes ar008_p14_1 { 50% {opacity: 0;} 100% {opacity: 1;}}
@-webkit-keyframes ar008_p14_1 { 50% { opacity: 0;} 100% {opacity: 1;}}
@keyframes ar008_p14_1 { 50% { opacity: 0; {opacity: 1;}}}
.ar008_p14_1.ar008_p14a{
	animation-delay: 0.5s;
}
.ar008_p14_1.ar008_p14a{
	animation-delay: 0.8s;
}
.ar008_p14_3.ar008_p14a{
	animation-delay: 0.3s;
}

.ar008_p15_1{
	position: absolute;
	width: 39.55%;
	left:56%;
	margin-top: 41.5%;
	z-index: 10;
}
.ar008_p15_1 img{
	width: 100%;
}
.ar008_p15_2_1{
	position: absolute;
	width: 13.5%;
	left:65%;
	margin-top: 49.5%;
	z-index: 10;
	-webkit-animation:ar008_p15_2_1 1s linear infinite;
    -moz-animation:ar008_p15_2_1 1s linear infinite;
    animation:ar008_p15_2_1 1s linear infinite;
    transform:rotate(5deg);
}
@keyframes ar008_p15_2_1{
  0% {transform:rotate(-5deg);}
  50% {transform:rotate(-5deg);}
  51% {transform:rotate(5deg);}
  100% {transform:rotate(5deg);}
}
.ar008_p16_1{
	position: absolute;
	width: 49.5%;
	left:48.1%;
	bottom: 11%;
	z-index: 10;
}
.ar008_p16_1 img{
	width: 100%;
}
.ar008_p17_1{
	position: absolute;
	width: 47%;
	left:5%;
	margin-top: 35%;
	z-index: 10;
	-webkit-animation:ar008_p17_1 2s linear infinite;
    -moz-animation:ar008_p17_1 2s linear infinite;
    animation:ar008_p17_1 2s linear infinite;
}
@-moz-keyframes ar008_p17_1 { 50% {left: 8%;} 100% {left: 5%;}}
@-webkit-keyframes ar008_p17_1 { 50% { left: 8%;} 100% {left: 5%;}}
@keyframes ar008_p17_1 { 50% { left: 8%; {left: 5%;}}}