.red{font-color:red;}
.ty{ width:100%; margin:0 auto; display: inline-block;}
.ty span{ float: right; color:#00a2da; font-size: 16px;}


.ty ul{padding:40px 0 10px 0;width:100%;float:left;}
.ty ul a{display:inline-block;width:90%;margin:2% 10%;float:left;height:100%;}

.ty ul li{ width:49%; float: left; margin-right: 2%; position:relative; overflow:hidden; margin-bottom: 30px; cursor:pointer;}
.ty ul li{ width:85%; 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;}
.nbt_wrap .bts{display:none;}