.index-nav{width: 100%;height: 60px;background: #394a92}
.index-nav-frame{width: 1200px;margin: 0 auto;}
.index-nav-frame-line{font-size:18px;color: #fce060;float: left;position: relative;display: block;outline: none;cursor: pointer;text-align: center;}
.index-nav-frame-line:nth-last-of-type(1){border-right:0;}
.index-nav-frame-line.active{color:#fce060;}

.index-nav-frame-line-center{z-index:100;opacity: 0;height: 0;position: absolute;overflow: hidden;width: 100%;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-o-transition: all 0.5s; margin-left: -30px;
    margin-top: 5px;/* Opera */}
.index-nav-frame-line-li{width: 100%;font-weight: 500;text-align: center;background: #ebeeff;color: #996c33;border-bottom: 1px solid #996c33;font-size: 12px;line-height: 40px}
.index-nav-frame-line-li:hover{background: #444359;color: white;}
.index-nav-frame-line-li:hover a{background: #444359;color: white;}
.index-nav-frame-line-focus:focus{display: none;}
.index-nav-frame-line:hover .index-nav-frame-line-center{height:auto;opacity: 1;}