.red{font-color:red;}
.ty{ width:970px; margin:0 auto; }
.ty span{ float: right; color:#00a2da; font-size: 16px;}


.ty ul{
	padding:40px 0 0 0;
	width:100%;
	/*float:left;*/
}
.ty ul a{width:48%;margin:0 1%;float:left;height:320px;}

.ty ul li{ width:49%; float: left; margin-right: 2%; position:relative; overflow:hidden; margin-bottom: 30px; cursor:pointer;}
.ty ul li{ width:100%; float: left; position:relative; overflow:hidden; cursor:pointer; }
.ty ul li a{display:block;}
/*.ty ul .li02,.sp_warrper .sps ul .li04,.sp_warrper .sps ul .li06,.sp_warrper .sps ul .li08,.sp_warrper .sps ul .li10,.sp_warrper .sps ul .li12,.sp_warrper .sps ul .li14,.sp_warrper .sps ul .li16,.sp_warrper .sps ul .li18{ margin-right: 0;}*/
.ty ul .li02{border:1px solid #DCDCDC;}
.ty ul li p{ width:100%; height:40px; background:rgba(36,27,28,0.7); position:absolute; bottom:0px; left:0; line-height: 40px; color:#fff; padding-left: 10px; box-sizing: border-box; font-size: 14px;}
.ty ul li img{ width:100%;display:block;}
.sf1{ animation:sf1 0.5s;-webkit-animation:sf1 0.5s;animation-fill-mode: forwards;}
@-webkit-keyframes sf1 {
    0% { -webkit-transform:scale(1,1);}
    100% { -webkit-transform:scale(1.1,1.1); }
}

@keyframes sf1 {
    0% { transform:scale(1,1);}
    100% { transform:scale(1.1,1.1); }
    
}
.sf2{ animation:sf2 0.5s;-webkit-animation:sf2 0.5s; animation-fill-mode: forwards;}
@-webkit-keyframes sf2 {
    0% { -webkit-transform:scale(1.1,1.1);}
    100% { -webkit-transform:scale(1,1); }
}

@keyframes sf2 {
    0% { transform:scale(1.1,1.1);}
    100% { transform:scale(1,1); }
    
}
.ty ul li span{ position:absolute; top:50%; left:50%; z-index:10; margin-left:-30px; margin-top:-30px; opacity:0.8;}
.ty ul li span img{ width:inherit;}