.index-nav{border-bottom: 1px solid #eeeeee;height: 100px; width:1366px; left:50%; margin-left:-683px; position: relative;}
.index-nav-frame{margin: 0 auto;}
.index-nav-frame-line{color: #333333;background: white;float: left;position: relative; margin-left:10px; padding:0 10px; display: block;outline: none;cursor: pointer;line-height: 35px;text-align: center;font-weight: 500;}
.index-nav-frame-line.active{color:#b63b4d;}

.index-nav-frame-line-center{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; /* Opera */}
.index-nav-frame-line-li{text-align: center;background: white;color: #666666;}
.index-nav-frame-line-li a{display:block; font-size:14px; width:100%;}
.index-nav-frame-line-li:hover{background: #0797d0;}
.index-nav-frame-line-li:hover a{color:#fff; }
.index-nav-frame-line-focus:focus{display: none;}
.index-nav-frame-line:hover .index-nav-frame-line-center{height:auto;opacity: 1;}

.nav-line{height: 80px;position: relative;display: none;outline: none;}
.nav-small{width: 30px;W: 30px;position: absolute;right: 10px;top:10px;cursor: pointer;display: none;outline: none;}
.nav-small img{height: 100%;object-fit: cover;}
.nav-small-focus{position: absolute;height: 100%;display: none;}
.nav-small-focus:focus{display: none;}

.logo{float: left; height: 80px; padding: 20px 50px 0 0;}