.activenav{border-bottom: 1px solid #e5e5e5; width: 1200px; margin: 0 auto; margin-top: 20px; overflow: hidden; padding-bottom: 12px;}
.activenav li{ margin-right: 20px; color: #595959; font-size: 14px; padding: 5px 15px; border-radius:10px ; float: left;}
.activenav li:hover{ color: #fff !important; background-color:#65cdb2 !important; transition: all 0.3s;}
.activenav ul{ float: left; width: 800px; overflow: hidden;}
.sort{ margin-top: 5px; float: right; font-size: 14px; color: #8c8c8c;}
.sort a{ margin-left: 10px; padding: 2px 10px; color: #fff; background-color:#bfbfbf; border-radius:5px ;}
.skill{ width: 1200px; margin: 0 auto; margin-top: 10px; padding-bottom: 20px;}
.skill ul{ overflow: hidden; margin-left: -35px;}
.skill li{margin-bottom: 20px; margin-left: 35px; position: relative; width: 212px; height: 212px; border-radius:5px ; float: left;}
.skill li img{ width: 212px; height: 212px; border-radius:5px ;}
.bg{ display: none; position: absolute;bottom: 0; width: 212px; height: 212px; border-radius:5px ; background-color: rgba(0,0,0,0.3); color: #fff; font-size: 14px;text-align: center;}
.zs{ font-size: 16px; display: inline-block; margin-top: 40px; height: 60px;}