.header-menu .header-menu-list { width: 350px; height: 100%; background: #10357e; } .header-menu .header-menu-list .nav_a li,.header-menu .header-menu-list .menu_a li,.header-menu .header-menu-list .menu_a li { padding: 0 30px; } .header-menu .header-menu-list .nav_a li a,.header-menu .header-menu-list .menu_a li a{ font-size: 30px; color: #fff; display: block; } .header-menu .header-menu-list .nav_a li a:hover, .header-menu .nav_b_container .nav_b>li>a:hover { color: #ed9335; } .header-menu .header-menu-list .nav_a li,.header-menu .header-menu-list .menu_a li { margin-bottom: 30px; } .header-menu .header-menu-list .nav_a li:hover .nav_b { display: block; } .header-menu .nav_b_container { height: 100%; /* padding: 60px 0; */ padding: 30px 0; background: #0d2c6c; position: absolute; top: 0; left: 350px; overflow: hidden; width: 0; } .header-menu .nav_b_container .nav_b { width: 100%; padding: 0 18px 0 18px; box-sizing: border-box; } .header-menu .nav_b_container .nav_b>li { display: none; } .header-menu .nav_b_container .nav_b>li>.nav_c_container>a { font-size: 20px; color: #fff; line-height: 36px; } .header-menu .nav_b_container .nav_b li .nav_c{ display: none; } .header-menu .nav_b_container .nav_b li .nav_c li a { font-size: 16px; color: #7e99ce; word-break: break-word; } .header-menu .nav_b_container .nav_b li .nav_c>li>a:hover { color: #fff; } .header-menu .nav_b_container .nav_b li .nav_c li .nav_d { padding-left: 20px; display: none; width: 82%; } .header-menu .nav_b_container .nav_b li .nav_c li .nav_d li a { padding-left: 20px; background: url(../images/icon_circular.png) left 8px no-repeat; display: block; width: 90%; word-break: break-all; } .header-menu .nav_b_container .nav_b li .nav_c li .nav_d li a:hover { color: #fff; background: url(../images/icon_circular_hover.png) left 8px no-repeat; } .mobile_menu{ display: none; } /*2019-5-27*/ .header-menu .nav_b_container .nav_b li .nav_c, .header-menu .nav_b_container .nav_b li .nav_c li .nav_d { display: block; } .header-menu .nav_b_container{ overflow-y: hidden !important; } .header-menu .nav_b_container.active{ overflow-y: auto !important; } .header-menu .nav_b_container::-webkit-scrollbar { width: 5px; } .header-menu .nav_b_container::-webkit-scrollbar-thumb { background: #fff; } .header-menu .nav_b_container::-webkit-scrollbar-track { background-image: url(../images/color1.png); background-size: 1px 100%; background-repeat: no-repeat; background-position: center; } .header-nav-top .nav-toggle-con p.nav-toggle-p{ position: absolute; bottom: -20%; width: 100%; text-align: center; font-size: 12px; } .header-nav-top .nav-anguage p.nav-anguage-p{ position: absolute; bottom: -20%; width: 100%; text-align: center; font-size: 12px; } .header-nav-top .nav-search p.nav-search-p{ position: absolute; bottom: -20%; width: 100%; text-align: center; font-size: 12px; } /*2019-5-27 end*/ .header-menu .nav_b_container .nav_b{ padding-bottom: 50px; } .header-menu .nav_b_container{ box-sizing: border-box; }