@charset "utf-8";
* { margin: 0; padding: 0; font-size: 14px }
a { cursor: pointer }
ul, li { list-style: none }
.lvc-wrap { position: relative; width: 225px }
.lvc-wrap .btn-nav { position: absolute; left: 271px; top: 40%; width: 25px; height: 93px; border-style: none; background: url(../images/nuv_03.png) no-repeat transparent; outline: none }
.lvc-wrap .btn-nav:hover { background-image: url(../images/nuv_03_hover.png) }
.lvc-nav { width: 100%; padding-top: 20px; border: 1px solid #e8eaed; border-width: 0 1px }
.lvc-nav li { padding-left: 60px; position: relative; background-size: auto; background-repeat: no-repeat; background-position: left 30px top 15px }
.lvc-nav li a { color: #000; display: block; height: 50px; line-height: 50px }
.lvc-nav li.active a { color: #fff; }

.lvc-nav li.active ol li a { color: #000; }

.lvc-nav li.active:before { position: absolute; content: ""; width: 3px; height: 100%; background: #bf000a; left: 0 }
.lvc-nav li.nav-pic1 { background-image: url(../images/nav-pic1.png) }
.lvc-nav li.nav-pic1.active { background-color: #bf000a; background-image: url(../images/nav-pic1-h.png) }
.lvc-nav li.nav-pic2 { background-image: url(../images/nav-pic2.png) }
.lvc-nav li.nav-pic2.active { background-color: #bf000a; background-image: url(../images/nav-pic2-h.png) }
.lvc-nav li.nav-pic3 { background-image: url(../images/nav-pic3.png) }
.lvc-nav li.nav-pic3.active { background-color: #bf000a; background-image: url(../images/nav-pic3-h.png) }
.lvc-nav li.nav-pic4 { background-image: url(../images/nav-pic4.png) }
.lvc-nav li.nav-pic4.active { background-color: #bf000a; background-image: url(../images/nav-pic4-h.png) }
.lvc-nav li.nav-pic5 { background-image: url(../images/nav-pic5.png) }
.lvc-nav li.nav-pic5.active { background-color: #bf000a; background-image: url(../images/nav-pic5-h.png) }
.lvc-nav li.nav-pic6 { background-image: url(../images/nav-pic6.png) }
.lvc-nav li.nav-pic6.active { background-color: #bf000a; background-image: url(../images/nav-pic6-h.png) }
.lvc-nav li.nav-pic7 { background-image: url(../images/nav-pic7.png) }
.lvc-nav li.nav-pic7.active { background-color: #bf000a; background-image: url(../images/nav-pic7-h.png) }
.lvc-nav li.nav-pic8 { background-image: url(../images/nav-pic8.png) }
.lvc-nav li.nav-pic8.active { background-color: #bf000a; background-image: url(../images/nav-pic8-h.png) }
.lvc-nav li.nav-pic9 { background-image: url(../images/nav-pic9.png) }
.lvc-nav li.nav-pic9.active { background-color: #bf000a; background-image: url(../images/nav-pic9-h.png) }
.lvc-nav li.nav-pic10 { background-image: url(../images/nav-pic10.png) }
.lvc-nav li.nav-pic10.active { background-color: #bf000a; background-image: url(../images/nav-pic10-h.png) }
.lvc-nav li.nav-pic11 { background-image: url(../images/nav-pic11.png) }
.lvc-nav li.nav-pic11.active { background-color: #bf000a; background-image: url(../images/nav-pic11-h.png) }
.lvc-nav li.nav-pic12 { background-image: url(../images/nav-pic12.png) }
.lvc-nav li.nav-pic12.active { background-color: #bf000a; background-image: url(../images/nav-pic12-h.png) }
.lvc-nav li.next-layer.active:before { height: 50px }
.lvc-nav li.next-layer ol li.active { color: #616366; background-color: #bf000a }
.lvc-nav li.next-layer ol { width: 225px; margin-left: -60px; display: none; background-color: #fff }
.lvc-nav li.next-layer ol li { height: 50px; line-height: 50px; color: #a5a8ad; cursor: pointer }
.lvc-nav li.next-layer ol li:before { position: absolute; content: ""; width: 10px; height: 1px; background: #919599; left: 36px; top: 25px }
.lvc-nav li.next-layer ol li.active:before { background: #616366 }
.lvc-nav li.next-layer ol li.active:after { position: absolute; content: ""; width: 3px; height: 100%; background: #bf000a; left: 0 }
.lvc-nav li.next-layer a { background: url(../images/lvc-arrow-right.png) no-repeat right 10px center }
.lvc-nav li.next-layer.arrow a { background: url(../images/lvc-arrow-bottom.png) no-repeat right 10px center }
.lvc-wrap.lvc-close { width: 80px }
.lvc-close .lvc-nav li a { display: none }
.lvc-close .btn-nav { left: 81px }
.lvc-close .btn-nav { background-image: url(../images/nuv_04.png) }
.lvc-close .btn-nav:hover { background-image: url(../images/nuv_04_hover.png) }
.lvc-close .lvc-nav li { height: 50px; line-height: 50px }
.lvc-close li.next-layer ol { background: #fff; border: 1px solid #e8eaed; width: auto; position: absolute; margin: 0; margin-left: 20px; white-space: nowrap; z-index: 2 }
.lvc-close li.next-layer ol li { padding: 0 20px 0 40px }
.lvc-close li.next-layer ol li:before { left: 20px }
