 

#about .progress_s0 .t span{color: #2ca594;}
#about .progress_s0 .contents{ width:1149px; height:550px; background:url(../image/about_progress_big_s0.png) no-repeat center; position:relative;}
#about .progress_s0 .contents .item{ position:absolute; font-size:14px; color:#444; left:-50px; top:-50px;}
#about .progress_s0 .contents .item p{font-size:14px;margin:0;color:#000}
#about .progress_s0 .contents .item span{ font-size:22px; color:#000;display: block;margin-bottom: 20px;}
#about .progress_s0 .contents .item.down span{margin-bottom: 0;margin-top: 20px;}
#about .progress_s0 .contents .flag{position: absolute;top: 191px;left: 39px;}
#about .progress_s0 .contents .flag_hide{display: none;}

#about .progress_s0 .contents .flag1{left: 39px;}
#about .progress_s0 .contents .flag2{left: 200px;}
#about .progress_s0 .contents .flag3{left: 359px;}
#about .progress_s0 .contents .flag4{left: 520px;}
#about .progress_s0 .contents .flag5{left: 679px;}
#about .progress_s0 .contents .flag6{left: 840px;}
#about .progress_s0 .contents .flag7{left: 999px;}
#about .progress_s0 .contents .flag8{left: 999px;top: 340px;}
#about .progress_s0 .contents .flag9{left: 840px;top: 340px;}
#about .progress_s0 .contents .flag10{left: 679px;top: 340px;}
#about .progress_s0 .contents .flag11{left: 520px;top: 340px;}
#about .progress_s0 .contents .flag12{left: 359px;top: 340px;}
#about .progress_s0 .contents .flag13{left: 200px;top: 340px;}
#about .progress_s0 .contents .flag_90{transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
#about .progress_s0 .contents .flag_180{transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
#about .progress_s0 .contents .move{animation:mymove_s0 8s linear;-webkit-animation:mymove_s0 8s linear;}

@keyframes mymove_s0{
	8%{left: 200px;top:191px;}
	16%{left: 359px;top:191px;}
	24%{left: 520px;top:191px;}
	32%{left: 679px;top:191px;}
    40%{left: 840px;top: 191px;}
    48%{left: 999px;top: 191px;}/*turn star*/
    52%{left: 1100px;top: 191px;}
    53%{left: 1115px;top: 195px;}/*corner*/
	55%{left: 1138px;top: 220px;}
	58%{left: 1138px;top: 310px;}
	59%{left: 1128px;top: 326px;}/*corner*/
	61%{left: 1100px;top: 340px;}
	65%{left: 999px;top: 340px;}/*turn end*/
	72%{left: 840px;top: 340px;}
	79%{left: 679px;top: 340px;}
	86%{left: 520px;top: 340px;}
	93%{left: 359px;top: 340px;}
	100%{left: 200px;top: 340px;}
}
#about .progress_s0 .contents .i0{ left:67px; top:57px;}
#about .progress_s0 .contents .i1{ left:230px; top:77px;}
#about .progress_s0 .contents .i2{ left:379px; top:57px;}
#about .progress_s0 .contents .i3{ left:537px; top:77px;}
#about .progress_s0 .contents .i4{ left:700px; top:57px;}
#about .progress_s0 .contents .i5-1{ left:860px; top:77px;}
#about .progress_s0 .contents .i5-2{ left:1018px; top:57px;}
#about .progress_s0 .contents .i6{ left:881px; top:409px;}
#about .progress_s0 .contents .i7{ left:719px; top:419px;}
#about .progress_s0 .contents .i8{ left:560px; top:404px;}
#about .progress_s0 .contents .i9{ left:401px; top:457px;}
#about .progress_s0 .contents .i10{ left:220px; top:345px;}
#about .progress_s0 .contents .i11{ left:30px; top:345px;} 
#about .progress_s0 .contents .i12{ left:10px; top:345px;} 
#about .progress_s0 .item a{ text-decoration:none;color:#f6ae07; display:block;padding-left:10px;font-weight: bold}
#about .progress_s0 .contents .i6,#about .progress_s0 .contents .i7,#about .progress_s0 .contents .i8,#about .progress_s0 .contents .i9{top:345px}
.progress_s0 .item {line-height:22px;}
 