.index-nav { width: 100%; height: 50px; box-sizing: border-box; z-index: 99999; }
.index-nav-frame { width: 1200px; margin: 0 auto; }
.index-nav-frame-line {font-size: 15px;color: #fff;float: left;position: relative;display: block;outline: none;cursor: pointer;width: 9%;border-right: 1px #ccc solid;line-height: 20px;margin-top: 16px;text-align: center;font-weight: normal;}
.index-nav-frame-line:last-child{border-right: 0}
.index-nav-frame-line.active, .index-nav-frame-line.active:hover { color: #d53025; background: #043885 }
.index-nav-frame-line:hover { background: #fff; color: #d53025;  box-sizing: border-box; }
.index-nav-frame-line a { color: #333333; font-size: 15px;}
.index-nav-frame-line:hover >a{color: #d53025;font-weight: bold;}
.headbox2 { background: #fff; height: 52px; }
.index-nav-frame-line-center { z-index: 99999; opacity: 0; height: 0; position: absolute; left: 0px; overflow: hidden; 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; border-bottom: 1px #eee solid; background: #fff; color: #fff; line-height: 40px; font-size: 18px; padding: 0 5px; width: 167px; min-width: 160px;}
.index-nav-frame-line-li:nth-child(1) { margin-top: 5px; }
.index-nav-frame-line-li:last-child { border-bottom: 0; }
.index-nav-frame-line-li:hover { background: #fff; color: #333; }
.index-nav-frame-line-li:hover a { color: #d53025; }
.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: 50px; width: 100%; position: relative; display: none; outline: none; }
.nav-small { width: 30px; height: 30px; position: absolute; right: 10px; top: 10px; cursor: pointer; display: none; outline: none; }
.nav-small img { width: 100%; height: 100%; object-fit: cover; }
.nav-small-focus { position: absolute; width: 100%; height: 100%; display: none; }
.nav-small-focus:focus { display: none; }
@media only screen and (max-width:800px) {
.index-nav-frame-line-li a { display: block; color: white; }
.nav-line { display: block; border-bottom: 1px solid #eeeeee; }
.nav-small { display: block; }
.nav-small:focus~.index-nav-frame-line { height: auto; border-bottom: 1px solid #ccc; }
.nav-small:focus .nav-small-focus { display: block; }
.index-nav-frame { width: 100%; }
.index-nav-frame-line { width: 100%; height: 0; overflow: hidden; }
.index-nav-frame-line-center { position: relative; background: #444359; }
.index-nav-frame-line:hover .index-nav-frame-line-center { height: 0; opacity: 0; }
.index-nav-frame-line-li { border-bottom: 1px solid #4b4a5e; color: #d9d9d9; background: #444359; }
.index-nav-frame-line-li:hover { background: #b63b4d; }
.index-nav-frame-line:focus { height: auto; border-bottom: 1px solid #ccc; }
.index-nav-frame-line:focus>.index-nav-frame-line-center { height: auto; opacity: 1; }
.index-nav-frame-line:focus .index-nav-frame-line-header { color: #B63B4D; }
.index-nav-frame-line-focus { display: none; width: 100%; height: 50px; position: absolute; left: 0; top: 0; }
.index-nav-frame-line:focus .index-nav-frame-line-focus { display: block; }
}