#left i.line { display: none; }

.nav-left { width: 100%; position: relative; font-size: 17px; font-weight: 600; line-height: 1.5; letter-spacing: -0.05em; color: #737373; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.nav-left ul { width: 1500px; margin: 0 auto; position: relative; display: flex; flex-direction: row; }
.nav-left ul > li { margin: 0 1.2px; min-width: 15rem; }
.nav-left ul > li > a { display: flex; align-items: center; padding: 17px; padding-right: 42.5px; color: #737373; }
.nav-left ul > li.home { min-width: initial; }
.nav-left li { position: relative; white-space: nowrap; }
.nav-left i.right { font-size: 12px; position: absolute; top: 50%; right: 17px; transform: translateY(-50%); -moz-transition: all, 0.15s; -webkit-transition: all, 0.15s; transition: all, 0.15s; }
.nav-left a.depth { position: relative; }
.nav-left ol { position: absolute; min-width: 100%; max-width: 100vh; overflow: hidden; background: #fff; box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.15); -moz-border-radius: 0.3rem; -webkit-border-radius: 0.3rem; border-radius: 0.3rem; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; transition: all, 0.5s; }
.nav-left ol li { margin: 0; }
.nav-left ol a { cursor: pointer; text-decoration: none; width: 100%; height: 100%; float: left; display: block; padding: 9.6px; padding-right: 24px; z-index: 10; overflow: hidden; font-size: 16px; color: #8d8d8d; -moz-transition: all, 0.3s; -webkit-transition: all, 0.3s; transition: all, 0.3s; }
.nav-left ol:hover a { color: rgba(115, 115, 115, 0.8); }
.nav-left ol:hover a:hover { color: #000; }
.nav-left ol .depth a { color: #162647; font-weight: 700; }
.nav-left .depth1.view > a, .nav-left .depth2.view > a { background: rgba(115, 115, 115, 0.05); -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; transition: all, 0.5s; }
.nav-left .depth1.view i.right, .nav-left .depth2.view i.right { transform: translateY(-50%) rotate(90deg) scale(1.2); opacity: .7; }
.nav-left .depth1.view ol, .nav-left .depth2.view ol { z-index: 9; }
.nav-left .depth2 > a { color: #162647; }
.nav-left .depth2 i.right { opacity: 0; }
.nav-left .depth2:hover i.right, .nav-left .depth2.view i.right { opacity: 1; }
.nav-left .depth2.view > a { background: rgba(22, 38, 71, 0.05); }
.nav-left ol { max-height: 100vh; opacity: 0; padding: 12px; top: 52.2px; z-index: -1; }
.nav-left .depth1.view ol, .nav-left .depth2.view ol { max-height: 100vh; opacity: 1; top: 60px; }