@charset "gb2312";
/* CSS Document */
/*********************************
 *rookie QQ:1123486116
 *rookie making
 *rookie Copyright
**********************************/
/*zero*/
html{ font-size:62.5%; color:#1a1a1a}
body,div,ol,ul,li,dl,dd,dt,h1,h2,h3,h4,h5,h6,input,p,form,img{ padding:0; margin:0;}
input,select,textarea,img{ outline:none; border:none;}
input,select,textarea{ background:#FFF;}
img{ vertical-align:middle;}
textarea{ resize:none;}
ul,ol{ list-style-type:none;}
body{ font-family:"微软雅黑"; line-height:1;}
em,i,strong,b,small,h1,h2,h3,h4,h5,h6{ font-style:normal;}
em,strong,b,h1,h2,h3,h4,h5,h6{ font-weight:normal;}
span,b,em,i,strong,small,label{ display:inline-block;}
em,i,strong,b,small,span,li,a{ transition:all 0.4s;}
ul li{ transition:0s;}
ol li{ }
ol:after{ clear:both; display:block; visibility:hidden; height:0; line-height:0; content:""; font-size:0;}
a{ color:#000; text-decoration:none; outline:none;}
a:hover{ text-decoration:none !important}
/*html5*/
header,nav,article,section,aside,footer,video,audio{ display:block; padding:0; margin:0;}
/*clearFix*/
.clearFix{ clear:both; *zoom:1;}
.clearFix:after{ clear:both; display:block; visibility:hidden; height:0; line-height:0; content:""; font-size:0;}
/*common*/
.fl{ float:left;}
.fr{ float:right;}
.w320{ width:320px; margin:0 auto; overflow:hidden;}
.w640{ width:640px; margin:0 auto; overflow:hidden;}
.w1000{ width:1000px; margin:0 auto; overflow:hidden;}
.w1200{ width:1200px; margin:0 auto; overflow:hidden;}
/*noSpacing*/
.noMt{ margin-top:0 !important;}
.noMr{ margin-right:0 !important;}
.noMb{ margin-bottom:0 !important;}
.noMl{ margin-left:0 !important;}
.noPt{ padding-top:0 !important;}
.noPr{ padding-right:0 !important;}
.noPb{ padding-bottom:0 !important;}
.noPl{ padding-left:0 !important;}
.noBt{ border-top:none !important;}
.noBr{ border-right:none !important;}
.noBb{ border-bottom:none !important;}
.noBl{ border-left:none !important;}

/*ellipsis*/
.ellipsis{ overflow:hidden; white-space:nowrap;/*强制不换行*/ text-overflow:ellipsis;}
/*strongWrap(chinese/english)*/
.strongWrap{ word-wrap:break-word;/*自动换行*/ word-break:break-all;/*强制换行*/}
/*gradient*/
.gradient{
	background:linear-gradient(top,red,yellow);
	background:-o-linear-gradient(top,red,yellow);
	background:-ms-linear-gradient(top,red,yellow);
	background:-moz-linear-gradient(top,red,yellow);/*从顶部开始渐变*/
	background:-webkit-linear-gradient(top,red,yellow);/*(top left,black,white)这样写是从左上角开始渐变*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=red,endColorStr=yellow)";/*IE8,IE9,gradientType=0/1(垂直渐变/水平渐变)*/
}
/*light_line*/
.light_line{ position:relative;}
.light_line:after{ content:""; width:10%; height:100%; position:absolute; left:-40%; top:0;
	background:linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
	background:-o-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
	background:-ms-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
	background:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
	background:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
	transform:skewx(-25deg);
	-o-transform:skewx(-25deg);
	-ms-transform:skewx(-25deg);
	-moz-transform:skewx(-25deg);
	-webkit-transform:skewx(-25deg);
	animation:light_line 2.5s 1s infinite linear;
	-o-animation:light_line 2.5s 1s infinite linear;
	-ms-animation:light_line 2.5s 1s infinite linear;
	-moz-animation:light_line 2.5s 1s infinite linear;	
	-webkit-animation:light_line 2.5s 1s infinite linear;
}
@keyframes light_line{
	0%	{ left:-40%;}
	30%	{ left:140%;}
	75%	{ left:40%;}
	100%	{ left:140%;}
}
@-o-keyframes light_line{
	0%	{ left:-40%;}
	30%	{ left:140%;}
	75%	{ left:40%;}
	100%	{ left:140%;}
}
@-ms-keyframes light_line{
	0%	{ left:-40%;}
	30%	{ left:140%;}
	75%	{ left:40%;}
	100%	{ left:140%;}
}
@-moz-keyframes light_line{
	0%	{ left:-40%;}
	30%	{ left:140%;}
	75%	{ left:40%;}
	100%	{ left:140%;}
}
@-webkit-keyframes light_line{

	0%	{ left:-40%;}
	30%	{ left:140%;}
	75%	{ left:40%;}
	100%	{ left:140%;}
}
/*light_point*/
.light_point{ position:relative;}
.light_point:after{ content:""; width:0px; height:0px; position:absolute; left:50%; top:50%;
	animation:light_point 3s infinite linear;
	-o-animation:light_point 3s infinite linear;
	-ms-animation:light_point 3s infinite linear;
	-moz-animation:light_point 3s infinite linear;	
	-webkit-animation:light_point 3s infinite linear;
}
@keyframes light_point{
	0%	{ box-shadow:0px 0px 0px 0px rgba(255,255,255,0);}
	20%	{ box-shadow:0px 0px 6px 6px rgba(255,255,255,0.5);}
	75%	{ box-shadow:0px 0px 14px 14px rgba(255,255,255,1);}
	100%	{ box-shadow:0px 0px 3px 3px rgba(255,255,255,0.3);}
}
@-o-keyframes light_point{
	0%	{ box-shadow:0px 0px 0px 0px rgba(255,255,255,0);}
	20%	{ box-shadow:0px 0px 6px 6px rgba(255,255,255,0.5);}
	75%	{ box-shadow:0px 0px 14px 14px rgba(255,255,255,1);}
	100%	{ box-shadow:0px 0px 3px 3px rgba(255,255,255,0.3);}
}
@-ms-keyframes light_point{
	0%	{ box-shadow:0px 0px 0px 0px rgba(255,255,255,0);}
	20%	{ box-shadow:0px 0px 6px 6px rgba(255,255,255,0.5);}
	75%	{ box-shadow:0px 0px 14px 14px rgba(255,255,255,1);}
	100%	{ box-shadow:0px 0px 3px 3px rgba(255,255,255,0.3);}
}
@-moz-keyframes light_point{
	0%	{ box-shadow:0px 0px 0px 0px rgba(255,255,255,0);}
	20%	{ box-shadow:0px 0px 6px 6px rgba(255,255,255,0.5);}
	75%	{ box-shadow:0px 0px 14px 14px rgba(255,255,255,1);}
	100%	{ box-shadow:0px 0px 3px 3px rgba(255,255,255,0.3);}
}
@-webkit-keyframes light_point{
	0%	{ box-shadow:0px 0px 0px 0px rgba(255,255,255,0);}
	20%	{ box-shadow:0px 0px 6px 6px rgba(255,255,255,0.5);}
	75%	{ box-shadow:0px 0px 14px 14px rgba(255,255,255,1);}
	100%	{ box-shadow:0px 0px 3px 3px rgba(255,255,255,0.3);}
}
/*sway*/
.sway{
	animation:sway 4s 0.2s infinite linear;
	-o-animation:sway 4s 0.2s infinite linear;
	-ms-animation:sway 4s 0.2s infinite linear;
	-moz-animation:sway 4s 0.2s infinite linear;
	-webkit-animation:sway 4s 0.2s infinite linear;
	transform-origin:center top;
	-o-transform-origin:center top;	
	-ms-transform-origin:center top;
	-moz-transform-origin:center top;
	-webkit-transform-origin:center top;
}
@keyframes sway{
	0%	{ transform:rotate(0deg);}
	25%	{ transform:rotate(5deg);}
	75%	{ transform:rotate(-5deg);}
	100%	{ transform:rotate(0deg);}
}
@-o-keyframes sway{
	0%	{ -o-transform:rotate(0deg);}
	25%	{ -o-transform:rotate(5deg);}
	75%	{ -o-transform:rotate(-5deg);}
	100%	{ -o-transform:rotate(0deg);}
}
@-ms-keyframes sway{
	0%	{ -ms-transform:rotate(0deg);}
	25%	{ -ms-transform:rotate(5deg);}
	75%	{ -ms-transform:rotate(-5deg);}
	100%	{ -ms-transform:rotate(0deg);}
}
@-moz-keyframes sway{
	0%	{ -moz-transform:rotate(0deg);}
	25%	{ -moz-transform:rotate(5deg);}
	75%	{ -moz-transform:rotate(-5deg);}
	100%	{ -moz-transform:rotate(0deg);}
}
@-webkit-keyframes sway{
	0%	{ -webkit-transform:rotate(0deg);}
	25%	{ -webkit-transform:rotate(5deg);}
	75%	{ -webkit-transform:rotate(-5deg);}
	100%	{ -webkit-transform:rotate(0deg);}
}
/*ripple*/
.ripple{ position:relative; border-radius:50%}
.ripple:before{ content:""; width:100%; height:100%; border-radius:50%; border:1px solid #fff; position:absolute; left:0; top:0; opacity:0;
	box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	animation:ripple 1s 1s linear infinite;
	-o-animation:ripple 1s 1s linear infinite;
	-ms-animation:ripple 1s 1s linear infinite;
	-moz-animation:ripple 1s 1s linear infinite;
	-webKit-animation:ripple 1s 1s linear infinite;
}
.ripple:after{ content:""; width:100%; height:100%; border-radius:50%; border:1px solid #fff; position:absolute; left:0; top:0; opacity:0;
	box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	animation:ripple 1s 0.5s linear infinite;
	-o-animation:ripple 1s 0.5s linear infinite;
	-ms-animation:ripple 1s 0.5s linear infinite;
	-moz-animation:ripple 1s 0.5s linear infinite;
	-webKit-animation:ripple 1s 0.5s linear infinite;
}
@keyframes ripple{
	0%	{ transform:scale(1.0); opacity:1.0;}
	20%	{ transform:scale(1.2); opacity:0.8;}
	40%	{ transform:scale(1.4); opacity:0.6;}
	60%	{ transform:scale(1.6); opacity:0.4;}
	80%	{ transform:scale(1.8); opacity:0.2;}
	100%	{ transform:scale(2.0); opacity:0.0;}
}
@-o-keyframes ripple{
	0%	{ -o-transform:scale(1.0); opacity:1.0;}
	20%	{ -o-transform:scale(1.2); opacity:0.8;}
	40%	{ -o-transform:scale(1.4); opacity:0.6;}
	60%	{ -o-transform:scale(1.6); opacity:0.4;}
	80%	{ -o-transform:scale(1.8); opacity:0.2;}
	100%	{ -o-transform:scale(2.0); opacity:0.0;}
}
@-ms-keyframes ripple{
	0%	{ -ms-transform:scale(1.0); opacity:1.0;}
	20%	{ -ms-transform:scale(1.2); opacity:0.8;}
	40%	{ -ms-transform:scale(1.4); opacity:0.6;}
	60%	{ -ms-transform:scale(1.6); opacity:0.4;}
	80%	{ -ms-transform:scale(1.8); opacity:0.2;}
	100%	{ -ms-transform:scale(2.0); opacity:0.0;}
}
@-moz-keyframes ripple{
	0%	{ -moz-transform:scale(1.0); opacity:1.0;}
	20%	{ -moz-transform:scale(1.2); opacity:0.8;}
	40%	{ -moz-transform:scale(1.4); opacity:0.6;}
	60%	{ -moz-transform:scale(1.6); opacity:0.4;}
	80%	{ -moz-transform:scale(1.8); opacity:0.2;}
	100%	{ -moz-transform:scale(2.0); opacity:0.0;}
}
@-webkit-keyframes ripple{
	0%	{ -webkit-transform:scale(1.0); opacity:1.0;}
	20%	{ -webkit-transform:scale(1.2); opacity:0.8;}
	40%	{ -webkit-transform:scale(1.4); opacity:0.6;}
	60%	{ -webkit-transform:scale(1.6); opacity:0.4;}
	80%	{ -webkit-transform:scale(1.8); opacity:0.2;}
	100%	{ -webkit-transform:scale(2.0); opacity:0.0;}
}
/*ghost*/
.ghost{ position:relative;}
.ghost:before{ content:""; width:100%; height:100%; opacity:0; position:absolute; left:0; top:0;
	background:linear-gradient(0deg,rgba(255,255,255,1),rgba(0,0,0,1),rgba(255,255,255,1));
	background:-o-linear-gradient(0deg,rgba(255,255,255,1),rgba(0,0,0,1),rgba(255,255,255,1));
	background:-ms-linear-gradient(0deg,rgba(255,255,255,1),rgba(0,0,0,1),rgba(255,255,255,1));
	background:-moz-linear-gradient(0deg,rgba(255,255,255,1),rgba(0,0,0,1),rgba(255,255,255,1));
	background:-webkit-linear-gradient(0deg,rgba(255,255,255,1),rgba(0,0,0,1),rgba(255,255,255,1));
	animation:fadeOut 0.4s;
	-o-animation:fadeOut 0.4s;
	-ms-animation:fadeOut 0.4s;
	-moz-animation:fadeOut 0.4s;
	-webkit-animation:fadeOut 0.4s;
}
.ghost:hover:before{ opacity:1;
	animation:fadeIn 0.4s;
	-o-animation:fadeIn 0.4s;
	-ms-animation:fadeIn 0.4s;
	-moz-animation:fadeIn 0.4s;
	-webkit-animation:fadeIn 0.4s;
}
/*fadeIn*/
@keyframes fadeIn{  
	0%	{ transform:scale(0.8); opacity:0; transform:rotate(0deg);}
	100%	{ transform:scale(1); opacity:1; transform:rotate(360deg);}
}
@-o-keyframes fadeIn{  
	0%	{ -o-transform:scale(0.8); opacity:0; -o-transform:rotate(0deg);}
	100%	{ -o-transform:scale(1); opacity:1; -o-transform:rotate(360deg);}
}
@-ms-keyframes fadeIn{  
	0%	{ -ms-transform:scale(0.8); opacity:0; -ms-transform:rotate(0deg);}
	100%	{ -ms-transform:scale(1); opacity:1; -ms-transform:rotate(360deg);}
}
@-moz-keyframes fadeIn{  
	0%	{ -moz-transform:scale(0.8); opacity:0; -moz-transform:rotate(0deg);}
	100%	{ -moz-transform:scale(1); opacity:1; -moz-transform:rotate(360deg);}
}
@-webkit-keyframes fadeIn{  
	0%	{ -webkit-transform:scale(0.8); opacity:0; -webkit-transform:rotate(0deg);}
	100%	{ -webkit-transform:scale(1); opacity:1; -webkit-transform:rotate(360deg);}
}
/*fadeOut*/
@keyframes fadeOut{
	0%	{ transform:scale(1); opacity:1; transform:rotate(360deg);}
	100%	{ transform:scale(0.8); opacity:0; transform:rotate(0);}
}
@-o-keyframes fadeOut{
	0%	{ -o-transform:scale(1); opacity:1; -o-transform:rotate(360deg);}
	100%	{ -o-transform:scale(0.8); opacity:0; -o-transform:rotate(0);}
}
@-ms-keyframes fadeOut{
	0%	{ -ms-transform:scale(1); opacity:1; -ms-transform:rotate(360deg);}
	100%	{ -ms-transform:scale(0.8); opacity:0; -ms-transform:rotate(0);}
}
@-moz-keyframes fadeOut{
	0%	{ -moz-transform:scale(1); opacity:1; -moz-transform:rotate(360deg);}
	100%	{ -moz-transform:scale(0.8); opacity:0; -moz-transform:rotate(0);}
}
@-webkit-keyframes fadeOut{
	0%	{ -webkit-transform:scale(1); opacity:1; -webkit-transform:rotate(360deg);}
	100%	{ -webkit-transform:scale(0.8); opacity:0; -webkit-transform:rotate(0);}
}
/*circle*/
.circle{ 
	animation:circle 6s linear infinite;
	-o-animation:circle 6s linear infinite;
	-ms-animation:circle 6s linear infinite;
	-moz-animation:circle 6s linear infinite;
	-webkit-animation:circle 6s linear infinite;
}
@keyframes circle{
	from	{ transform:rotate(0deg);}
	to	{ transform:rotate(360deg);}
}
@-o-keyframes circle{
	from	{ -o-transform:rotate(0deg);}
	to	{ -o-transform:rotate(360deg);}
}
@-ms-keyframes circle{
	from	{ -ms-transform:rotate(0deg);}
	to	{ -ms-transform:rotate(360deg);}
}
@-moz-keyframes circle{
	from	{ -moz-transform:rotate(0deg);}
	to	{ -moz-transform:rotate(360deg);}
}
@-webkit-keyframes circle{
	from	{ -webkit-transform:rotate(0deg);}
	to	{ -webkit-transform:rotate(360deg);}
}
/*erWeiCode*/
@keyframes erWeiCode{		
	from	{ top:0;}
	to	{ top:100%;}
}
@-webkit-keyframes erWeiCode{		
	from	{ top:0;}
	to	{ top:100%;}
}
/*topToBottom*/
@keyframes topToBottom{		
	0%	{ top:0;}
	40%	{ top:90%;}
	90%	{ top:40%;}
	100%	{ top:100%;}
}
@-webkit-keyframes topToBottom{	
	0%	{ top:0;}
	40%	{ top:90%;}
	90%	{ top:40%;}
	100%	{ top:100%;}
}
/*left-right*/
@keyframes left-right{
	0%{ transform:rotate(0);}
	10%{ transform:rotate(-10deg);}
	20%{ transform:rotate(0);}
	30%{ transform:rotate(10deg);}
	40%{ transform:rotate(0);}
	50%{ transform:rotate(-10deg);}
	60%{ transform:rotate(0);}
	70%{ transform:rotate(10deg);}
	80%{ transform:rotate(0);}	
}
@-webkit-keyframes left-right{
	0%{ -webkit-transform:rotate(0);}
	10%{ -webkit-transform:rotate(-10deg);}
	20%{ -webkit-transform:rotate(0);}
	30%{ -webkit-transform:rotate(10deg);}
	40%{ -webkit-transform:rotate(0);}
	50%{ -webkit-transform:rotate(-10deg);}
	60%{ -webkit-transform:rotate(0);}
	70%{ -webkit-transform:rotate(10deg);}
	80%{ -webkit-transform:rotate(0);}	
}
/*move-top*/
@keyframes move-top{
	0% { top:45%;}
	25%{ top:47%;}	
	50%{ top:45%;}	
	75%{ top:43%;}
	100%{ top:45%;}
}
@-webkit-keyframes move-top{
	0% { top:45%;}
	25%{ top:47%;}	
	50%{ top:45%;}	
	75%{ top:43%;}
	100%{ top:45%;}
}
/*move-top2*/
@keyframes move-top2{
	0% { top:0%;}
	25%{ top:5%;}	
	50%{ top:0%;}	
	75%{ top:-5%;}
	100%{ top:0%;}
}
@-webkit-keyframes move-top2{
	0% { top:0%;}
	25%{ top:5%;}	
	50%{ top:0%;}	
	75%{ top:-5%;}
	100%{ top:0%;}
}
/*move-top3*/
@keyframes move-top3{
	0% { top:5px;}
	25%{ top:10px;}	
	50%{ top:5px;}	
	75%{ top:0px;}
	100%{ top:5px;}
}
@-webkit-keyframes move-top3{
	0% { top:5px;}
	25%{ top:10px;}	
	50%{ top:5px;}	
	75%{ top:0px;}
	100%{ top:5px;}
}
/*move-top4*/
@keyframes move-top4{
	0% { top:0;}
	25%{ top:10px;}	
	50%{ top:0;}	
	75%{ top:-10px;}
	100%{ top:0;}
}
@-webkit-keyframes move-top4{
	0% { top:0;}
	25%{ top:10px;}	
	50%{ top:0;}	
	75%{ top:-10px;}
	100%{ top:0;}
}
/*move-right*/
@keyframes move-right{
	0% { right:-17px; opacity:0;}
	100%{ right:-50px; opacity:1;}
}
@-webkit-keyframes move-right{
	0% { right:-17px; opacity:0;}
	100%{ right:-50px; opacity:1;}
}
/*abtn*/
.abtn{ position:absolute; right:0; bottom:0;}
.abtn li{ float:left; width:13px; height:13px; border-radius:50%; margin:5px; background:#dcdcdc;}
.abtn li.active{ background:#0aa0b4;}
/*media*/
@media (min-width:480px) and (max-width:639px){
	/*html*/
	html{ font-size:46.875%;}
	/*container
	#container{ width:100%;}*/
}
@media (min-width:400px) and (max-width:479px){
	/*html*/
	html{ font-size:39.0625%;}
	/*container
	#container{ width:100%;}*/	
}
@media (min-width:320px) and (max-width:399px){
	/*html*/
	html{ font-size:31.25%;}
	/*container
	#container{ width:100%;}*/	
}
/*delay*/
.delay :nth-child(n){ opacity:0; transition:1s;}
.delay :nth-child(1){ transition-delay:0.4s;}
.delay :nth-child(2){ transition-delay:0.6s;}
.delay :nth-child(3){ transition-delay:0.8s;}
.delay :nth-child(4){ transition-delay:1.0s;}
.delay :nth-child(5){ transition-delay:1.2s;}
.delay :nth-child(6){ transition-delay:1.4s;}
.delay :nth-child(7){ transition-delay:1.6s;}
.delay :nth-child(8){ transition-delay:1.8s;}
.delay :nth-child(9){ transition-delay:2.0s;}
.delay :nth-child(10){ transition-delay:2.2s;}
.delay :nth-child(11){ transition-delay:2.4s;}
.delay :nth-child(12){ transition-delay:2.6s;}
.delay :nth-child(13){ transition-delay:2.8s;}
.delay :nth-child(14){ transition-delay:3.0s;}
.delay :nth-child(15){ transition-delay:3.2s;}
.delay :nth-child(16){ transition-delay:3.4s;}
.delay :nth-child(17){ transition-delay:3.6s;}
.delay :nth-child(18){ transition-delay:3.8s;}
.delay :nth-child(19){ transition-delay:4.0s;}
.delay :nth-child(20){ transition-delay:4.2s;}
.content.active .delay :nth-child(n){ opacity:1;}
/*delay-y*/
.delay-y :nth-child(n){ transition-timing-function:cubic-bezier(0.02,0.98,0.47,1.37); transform:translatey(-400px); -webkit-transform:translatey(-400px);}
.content.active .delay-y :nth-child(n){ transform:translatey(0); -webkit-transform:translatey(0);}
/*delay-x*/
.delay-x :nth-child(n){ transition-timing-function:cubic-bezier(0.02,0.98,0.47,1.37); transform:translatex(-400px); -webkit-transform:translatex(-400px);}
.content.active .delay-x :nth-child(n){ transform:translatex(0); -webkit-transform:translatex(0);}
/*delay-l,delay-r*/
.delay-l :nth-child(n){ transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.delay-r :nth-child(n){ transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.content.active .delay-l :nth-child(n),.content.active .delay-r :nth-child(n){ transform:rotate(0); -webkit-transform:rotate(0);}
/*delay-l*/
.delay-l :nth-child(n){ transform-origin:0 0; -webkit-transform-origin:0 0;}
/*delay-r*/
.delay-r :nth-child(n){ transform-origin:100% 100%; -webkit-transform-origin:100% 100%;}

/*til*/
.til:hover h2 span{ transform:rotate(360deg); -webkit-transform:rotate(360deg); color:#986939;}
.til:hover h2 span:nth-of-type(1){ transition:0.4s 0.1s;}
.til:hover h2 span:nth-of-type(2){ transition:0.4s 0.2s;}
.til:hover h2 span:nth-of-type(3){ transition:0.4s 0.3s;}
.til:hover h2 span:nth-of-type(4){ transition:0.4s 0.4s;}
.til:hover h2 span:nth-of-type(5){ transition:0.4s 0.5s;}
.til:hover h2 span:nth-of-type(6){ transition:0.4s 0.6s;}
.til:hover h2 span:nth-of-type(7){ transition:0.4s 0.7s;}
.til:hover h2 span:nth-of-type(8){ transition:0.4s 0.8s;}
.til:hover h2 span:nth-of-type(9){ transition:0.4s 0.9s;}
.til:hover h2 span:nth-of-type(10){ transition:0.4s 1s;}
.til:hover h2 span:nth-of-type(11){ transition:0.4s 1.1s;}
.til:hover h2 span:nth-of-type(12){ transition:0.4s 1.2s;}
.til:hover h2 span:nth-of-type(13){ transition:0.4s 1.3s;}
.til:hover h2 span:nth-of-type(14){ transition:0.4s 1.4s;}
.til:hover h2 span:nth-of-type(15){ transition:0.4s 1.5s;}
.til:hover h2 span:nth-of-type(16){ transition:0.4s 1.6s;}
.til:hover h2 span:nth-of-type(17){ transition:0.4s 1.7s;}
.til:hover h2 span:nth-of-type(18){ transition:0.4s 1.8s;}
.til:hover h2 span:nth-of-type(19){ transition:0.4s 1.9s;}
.til:hover h2 span:nth-of-type(20){ transition:0.4s 2s;}
.til:hover h2 span:nth-of-type(21){ transition:0.4s 2.1s;}
.til:hover h2 span:nth-of-type(22){ transition:0.4s 2.2s;}
.til:hover h2 span:nth-of-type(23){ transition:0.4s 2.3s;}
.til:hover h2 span:nth-of-type(24){ transition:0.4s 2.4s;}
.til:hover h2 span:nth-of-type(25){ transition:0.4s 2.5s;}
.til:hover h2 span:nth-of-type(26){ transition:0.4s 2.6s;}
.til:hover h2 span:nth-of-type(27){ transition:0.4s 2.7s;}
.til:hover h2 span:nth-of-type(28){ transition:0.4s 2.8s;}
.til:hover h2 span:nth-of-type(29){ transition:0.4s 2.9s;}
.til:hover h2 span:nth-of-type(30){ transition:0.4s 3s;}
.til:hover h2 span:nth-of-type(31){ transition:0.4s 3.1s;}
.til:hover h2 span:nth-of-type(32){ transition:0.4s 3.2s;}
.til:hover h2 span:nth-of-type(33){ transition:0.4s 3.3s;}
.til:hover h2 span:nth-of-type(34){ transition:0.4s 3.4s;}
.til:hover h2 span:nth-of-type(35){ transition:0.4s 3.5s;}
.til:hover h2 span:nth-of-type(36){ transition:0.4s 3.6s;}
.til:hover h2 span:nth-of-type(37){ transition:0.4s 3.7s;}
.til:hover h2 span:nth-of-type(38){ transition:0.4s 3.8s;}
.til:hover h2 span:nth-of-type(39){ transition:0.4s 3.9s;}
.til:hover h2 span:nth-of-type(40){ transition:0.4s 4s;}
.til:hover h2 span:nth-of-type(41){ transition:0.4s 4.1s;}
.til:hover h2 span:nth-of-type(42){ transition:0.4s 4.2s;}
.til:hover h2 span:nth-of-type(43){ transition:0.4s 4.3s;}
.til:hover h2 span:nth-of-type(44){ transition:0.4s 4.4s;}
.til:hover h2 span:nth-of-type(45){ transition:0.4s 4.5s;}
.til:hover h2 span:nth-of-type(46){ transition:0.4s 4.6s;}
.til:hover h2 span:nth-of-type(47){ transition:0.4s 4.7s;}
.til:hover h2 span:nth-of-type(48){ transition:0.4s 4.8s;}
.til:hover h2 span:nth-of-type(49){ transition:0.4s 4.9s;}
.til:hover h2 span:nth-of-type(50){ transition:0.4s 5s;}
.til:hover h2 span:nth-of-type(51){ transition:0.4s 5.1s;}
.til:hover h2 span:nth-of-type(52){ transition:0.4s 5.2s;}
.til:hover h2 span:nth-of-type(53){ transition:0.4s 5.3s;}
.til:hover h2 span:nth-of-type(54){ transition:0.4s 5.4s;}
.til:hover h2 span:nth-of-type(55){ transition:0.4s 5.5s;}
.til:hover h2 span:nth-of-type(56){ transition:0.4s 5.6s;}
.til:hover h2 span:nth-of-type(57){ transition:0.4s 5.7s;}
.til:hover h2 span:nth-of-type(58){ transition:0.4s 5.8s;}
.til:hover h2 span:nth-of-type(59){ transition:0.4s 5.9s;}
.til:hover h2 span:nth-of-type(60){ transition:0.4s 6s;}