﻿/*试试向下按钮-出现效果*/
.section a.roll { position:absolute;bottom:20px; left:50%; margin-left:-11px;display:none;width:22px; height:12px; text-align:center; z-index:998;  }
.rollImg { cursor:pointer;background:url(../images/arrow1.png) no-repeat; background-size:100% auto; background-position:center; width:22px; height:12px; 
	-webkit-animation: 	appearTitleRT 1s infinite ease-in-out;
	-moz-animation: 	appearTitleRT 1s infinite ease-in-out;
	-ms-animation: 		appearTitleRT 1s infinite ease-in-out;
	-o-animation: 		appearTitleRT 1s infinite ease-in-out;
	animation: 			appearTitleRT 1s infinite ease-in-out;
}
.rollImg.act{background:url(../images/arrow.png) no-repeat}
.rollImg.small { width:22px;background-size:14px auto; background-position:center;
	-webkit-animation: 	appearTitleRT 1s infinite ease-in-out;
	-moz-animation: 	appearTitleRT 1s infinite ease-in-out;
	-ms-animation: 		appearTitleRT 1s infinite ease-in-out;
	-o-animation: 		appearTitleRT 1s infinite ease-in-out;
	animation: 			appearTitleRT 1s infinite ease-in-out;
}
@media only screen and (max-width:1024px){
	.section a.roll{ display:block;}
}
/*试试向下按钮-出现效果*/
@-webkit-keyframes appearTitleRT {
	0%	{ opacity: 1;  -webkit-transform: translateY(0px);}
	100%{ opacity: 0;  -webkit-transform: translateY(10px);}
}@-moz-keyframes appearTitleRT {
	0%	{ opacity: 1; -moz-transform: translateY(0px);}
	100%{ opacity: 0; -moz-transform: translateY(10px);}
}@-ms-keyframes appearTitleRT {
	0%	{ opacity: 1; -ms-transform: translateY(0px);}
	100%{ opacity: 0; -ms-transform: translateY(10px);}
}@-o-keyframes appearTitleRT {
	0%	{ opacity: 1; -o-transform: translateY(0px);}
	100%{ opacity: 0; -o-transform: translateY(10px);}
}@keyframes appearTitleRT {
	0%	{ opacity: 1; transform: translateY(0px);}
	100%{ opacity: 0; transform: translateY(10px);}
}
@-webkit-keyframes appearTitleRT1{
	0%	{ opacity: 0; -webkit-transform: translateY(0px);}
	100%{ opacity: 0.5; -webkit-transform: translateY(10px);}
}@-moz-keyframes appearTitleRT1 {
	0%	{ opacity: 0; -moz-transform: translateY0px);}
	100%{ opacity: 0.5; -moz-transform: translateY(10px);}
}@-ms-keyframes appearTitleRT1 {
	0%	{ opacity: 0; -ms-transform: translateY(0px);}
	100%{ opacity: 0.5; -ms-transform: translateY(10px);}
}@-o-keyframes appearTitleRT1 {
	0%	{ opacity: 0; -o-transform: translateY(0px);}
	100%{ opacity: 0.5; -o-transform: translateY(10px);}
}@keyframes appearTitleRT1 {
	0%	{ opacity: 0; transform: translateY(0px);}
	100%{ opacity: 0.5; transform: translateY(10px);}
}