*{border:none;list-style:none;margin:0;padding:0;font-style:normal}
.focus{margin:0 auto;clear:both;overflow:hidden;position:relative}
.focus .hd{bottom:1em;position:absolute;text-align:center;width:100%;z-index:1}
.focus .hd ul{font-size:0;margin-bottom:0}
.focus .hd ul li{background-color:#666;border:2px solid #fff;border-radius:5px;transition:all .5s;display:inline-block;line-height:0;margin:0 5px;overflow:hidden;padding:3px;opacity:0.5}
.focus .hd ul .on,.focus .hd ul li:hover{background-color:#f00;padding:3px 25px}
.focus:hover .hd ul li{opacity:0.8;cursor:pointer;padding:3px 25px}
.focus .bd{position:relative;z-index:0}
.focus .bd li a{background-position:center center;background-repeat:no-repeat;background-size:cover;background-color:#666;color:#fff;display:block;padding:8% 0;overflow:hidden}
.focus .title{font-size:2.5em;height:1.35em;margin-left:10%;overflow:hidden}
.focus .dec{margin-left:10%;font-size:1.25em;height:4.5em;line-height:1.5;margin-top:2em;overflow:hidden;width:60%}
.focus .bd li .tit{background-color:rgba(0,0,0,0.2);bottom:0;color:#fff;display:block;height:28px;line-height:28px;position:absolute;text-indent:10px;width:100%}
.focus .bd li video{display: block; width: 100%; height: 100%;}
.focus .bd li.muted{cursor:pointer; position:relative;}
.focus .bd li.muted::before{content: ''; position: absolute; top: 2em; right: 2em; padding: 1.5em; opacity: 0; transition: opacity 0.3s ease; background: no-repeat center url('data:image/gif;base64,R0lGODlhHgAeAIABAP///wAAACH5BAEAAAEALAAAAAAeAB4AQAJmjI+pywDozmPhRXPlhK5TXm3fiHmkhoLcZIZdVpbietY2bCcXPr5tLFN4Mjiea0ZEin4/3caYo0Wn1GAVBL09Zz2f0ip8pcYuadIZFo+L3CMaSC7Lj80ktwkPST5tYDaqdvUmKFgAADs='); background-size: contain; z-index: 1;}
.focus .bd li.muted:hover::before{opacity: 0;}
@media screen and (max-width:768px){
.focus .bd li a{font-size:14px}
.focus .dec{width:80%}
}
@media screen and (max-width:480px){
.focus .bd li a{font-size:12px}
.focus .title{font-size:2em}
}