@charset "utf-8";
/* CSS Document */
.work_user{
	left: auto !important;
	right:4% !important;
}

.ar002_cloud1{
	position: absolute;
    width: 23.63%;    
    -webkit-animation: work_c_one 3s linear infinite;
    -moz-animation: work_c_one 3s linear infinite;
    animation: work_c_one 3s linear infinite;
}
@-moz-keyframes work_c_one { 50% {margin-left: -3%;opacity: 0.8;} 100% {margin-left: 3%;opacity: 1;}}
@-webkit-keyframes work_c_one { 50% { margin-left: -3%;opacity: 0.8; } 100% {margin-left: 3%;opacity: 1;}}
@keyframes work_c_one { 50% { margin-left: -3%;opacity: 0.8;  100% {margin-left: 3%;opacity: 1; }}}

.ar002_cloud2,
.ar002_cloud3{
	position: absolute;
    width: 23.63%;
    -webkit-animation: work_c_thr 3s linear infinite;
    -moz-animation: work_c_thr 3s linear infinite;
    animation: work_c_thr 3s linear infinite;
}
@-moz-keyframes work_c_thr { 50% {margin-left: 3%;opacity: 0.8;} 100% {margin-left: -3%;opacity: 1;}}
@-webkit-keyframes work_c_thr { 50% { margin-left: 3%;opacity: 0.8; } 100% {margin-left: -3%;opacity: 1;}}
@keyframes work_c_thr { 50% { margin-left: 3%;opacity: 0.8;  100% {margin-left: -3%;opacity: 1; }}}

.ar002_p2_1,
.ar002_p3_1,
.ar002_p4_1{
	left: 44.04%;
    top: 2.73%;
    z-index: 5;
}
.ar002_p2_2,
.ar002_p3_2,
.ar002_p4_2{
	left: 55.08%;
    top: 8.58%;
    z-index: 5;
}
.ar002_p2_3,
.ar002_p3_3,
.ar002_p4_3,
.ar002_p11_1{
	left: 11.91%;
    top: 0.93%;
    z-index: 5;
}
.ar002_p5_2{
	left: 30.08%;
    top: 8.58%;
    z-index: 5;
}
.ar002_p5_3{
	left: 4.91%;
    top: 7.93%;
    z-index: 5;
}
.ar002_p7_1 {
    position: absolute;
    width: 57.61%;
    top: 35.15%;
    left: 20.99%;
    z-index: 4;
}

.ar002_p8_1 {
    position: absolute;
    width: 51.95%;
    top: 42.447%;
    left: 26.17%;
    z-index: 4;
}

.ar002_p9_1 {
    position: absolute;
    width: 85.3%;
    top: 15%;
    left: 7.19%;
    z-index: 4;
}

.ar002_p10_1 {
    position: absolute;
    width: 100%;
    left: -20%;
    top: 0%;
    z-index: 6;
    opacity: 0.3;
    -webkit-animation: ar002_p10_1 4s ease-out infinite;
    -moz-animation: ar002_p10_1 4s ease-out infinite;
    animation: ar002_p10_1 4s ease-out infinite;
}
@-moz-keyframes ar002_p10_1 { 100% {left: 120%;opacity: 1;width: 200%;}}
@-webkit-keyframes ar002_p10_1 { 100% {left: 120%;opacity: 1;width: 200%;}}
@keyframes ar002_p10_1 {
    100% {
        left: 120%;
        opacity: 1;
        width: 200%;
    }
}

.ar002_p10_2 {
    position: absolute;
    width: 27.82%;
/*    top: 57.53%;
    left: 0%;*/
    top:46.53%;
    left:-1%;
    z-index: 4;
/*    animation: ar002_p10_2 4s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-animation: ar002_p10_2 4s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;*/
}
@keyframes ar002_p10_2
{
	from {left:-10%;}
	to {left:10%;}
}

@-webkit-keyframes ar002_p10_2
{
	from {left:-10%;}
	to {left:10%;}
}

.ar002_p11_2 {
    position: absolute;
    width: 18.35%;
    top: 3.45%;
    left: 47.24%;
    z-index: 4;
}
.ar002_p10_3{
    position: absolute;
    width: 18.35%;
    top: 4.45%;
    left: 62.24%;
    z-index: 4;
}
.ar002_p10_3 img{
	width: 100%;	
}

.ar002_p3_4 img,
.ar002_p7_1 img,
.ar002_p8_1 img,
.ar002_p9_1 img,
.ar002_p10_2 img,
.ar002_p11_2 img{
	width: 100%;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.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: 23%;
	/*width: 24%;*/
	left:9%;
	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: 25%;} 100% {width: 23%;}}
@-webkit-keyframes ar008_p5_1 { 50% { width: 25%;} 100% {width: 23%;}}
@keyframes ar008_p5_1 { 50% { width: 25%;  100% {width: 23%;}}}
.ar008_p5_2{
	position: absolute;
	width: 30%;
	/*width: 29%;*/
	left:12%;
	margin-top: 36%;
	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: 28%;} 100% {width: 30%;}}
@-webkit-keyframes ar008_p5_1 { 50% { width: 28%;} 100% {width: 30%;}}
@keyframes ar008_p5_1 { 50% { width: 28%;  100% {width: 30%;}}}
.ar008_p5_3{
	position: absolute;
	width: 14%;
	/*width: 13%;*/
	left:34%;
	margin-top: 17%;
	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: 12%;} 100% {width: 14%;}}
@-webkit-keyframes ar008_p5_3 { 50% { width: 12%;} 100% {width: 14%;}}
@keyframes ar008_p5_3 { 50% { width: 12%;  100% {width: 14%;}}}
.ar008_p5_4{
	position: absolute;
	width: 21%;
	/*width: 21%;*/
	left:39%;
	margin-top: 21%;
	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: 23%;} 100% {width: 21%;}}
@-webkit-keyframes ar008_p5_4 { 50% { width: 23%;} 100% {width: 21%;}}
@keyframes ar008_p5_4 { 50% { width: 23%;  100% {width: 21%;}}}
.ar008_p5_5{
	position: absolute;
	width: 21%;
	/*width: 20%;*/
	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: -42.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:47%;
	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: 44%;
	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:57%;}
}

@-webkit-keyframes ar008_p13_1
{
	from {right:-15%;}
	to {right:57%;}
}
.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;
	-webkit-animation:ar008_p14_1 1s linear infinite;
    -moz-animation:ar008_p14_1 1s linear infinite;
    animation:ar008_p14_1 1s linear infinite;
}
@-moz-keyframes ar008_p14_1 { 50% {width: 15%;margin: 24% 0% 0% -1%;} 100% {width: 13%;margin: 25% 0% 0% 0%;}}
@-webkit-keyframes ar008_p14_1 { 50% { width: 15%;margin: 24% 0% 0% -1%;} 100% {width: 13%;margin: 25% 0% 0% 0%;}}
@keyframes ar008_p14_1 { 50% { width: 15%;margin: 24% 0% 0% -1%; {width: 13%;margin: 25% 0% 0% 0%;}}}
.ar008_p15_1{
	position: absolute;
	width: 28.8%;
	left:66%;
	margin-top: 46.5%;
	z-index: 10;
}
.ar008_p15_1 img{
	width: 100%;
}
.ar008_p15_2_1{
	position: absolute;
	width: 13.5%;
	left:66%;
	margin-top: 46%;
	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:47.1%;
	margin-top: 45.5%;
	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%;}}}