.ttt {margin: 0 auto;width:1100px;text-align:center;}
.ttt ul {list-style: none;padding:0;margin:0}
.ttt li {float: left;padding:0;margin:0}
.tli {border:1px solid #fff;text-align:center;width:180px;height:135px;}
A:hover .tli, A:active .tli {border:1px solid #60CA0A;}
@media screen and (max-width:1000px) {body {min-width:768px;}.ttt {width: 760px;}}
@media screen and (max-width:788px) {body {min-width:620px;}.ttt {width: 610px;}}
@media screen and (max-width:620px) {body {min-width:500px;}.ttt {width: 490px;}}
@media screen and (max-width:520px) {body {min-width:300px;}.ttt {width: 300px;}}