/* Shared style-18/right01 header. Every rule is scoped to the header, so
   legacy body styles are never imported into CMS inner-page content. */
#header_menu_right {
    position: relative;
    display: block;
    width: 100%;
    z-index: 200;
    color: #000;
    background: #fff;
    font: 12px "微软雅黑", sans-serif;
    text-align: left;
}
#header_menu_right *, #header_menu_right *::before, #header_menu_right *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
#header_menu_right .header {
    position: relative;
    height: 98px;
    background: none;
    border-bottom: 1px solid #e5e5e5;
}
#header_menu_right .container {
    position: relative;
    width: 1200px;
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
}
#header_menu_right .logo { position: absolute; top: 10px; left: 10px; z-index: 99; }
#header_menu_right .logo img { display: block; width: auto; max-width: 200px; height: 80px; object-fit: contain; border: 0; }
#header_menu_right .run7-logo-text { display: block; line-height: 80px; color: #000; font-size: 22px; font-weight: 700; }
#header_menu_right a { text-decoration: none; transition: all .3s; }
#header_menu_right ul, #header_menu_right li { list-style: none; }
#header_menu_right .menu { position: absolute; top: 0; right: 80px; }
#header_menu_right .menu li { position: relative; z-index: 200; }
#header_menu_right .menu li.m { float: left; display: inline; }
#header_menu_right .menu a { position: relative; display: block; white-space: nowrap; }
#header_menu_right .menu a.m { height: 98px; padding: 0 22px; color: #000; background: none; font-size: 17px; font-weight: 400; line-height: 98px; }
#header_menu_right .menu li li { border-bottom: 1px solid #566576; }
#header_menu_right .menu li li a { display: block; height: 40px; padding: 0 10px; color: #fff; background: #4b545d; font-size: 12px; font-weight: 400; line-height: 40px; transition: padding-left .3s; }
#header_menu_right .menu li li a:hover { padding-left: 18px; border-left: 2px solid #efa80b; background: #30404f; }
#header_menu_right .menu ul.sub { display: none; position: absolute; top: 100%; left: 0; width: 180px; z-index: 210; }
#header_menu_right .menu ul.sub ul.sub { top: 0; left: 180px; }
#header_menu_right .sf-sub-indicator { position: absolute; display: block; right: 5px; top: 45px; width: 10px; height: 10px; overflow: hidden; background: url('legacy/DM-static/assets/images/menuarr.gif') no-repeat 0 -100px; }
#header_menu_right .menu li li .sf-sub-indicator { top: 13px; background-position: 0 0; }
#header_menu_right button { border: 0; border-radius: 0; box-shadow: none; background-color: transparent; cursor: pointer; }
#header_menu_right button:focus-visible, #header_menu_right a:focus-visible { outline: 2px solid #efa80b; outline-offset: -2px; }
#header_menu_right .run7-menu-toggle, #header_menu_right .run7-submenu-toggle { display: none; }
#header_menu_right .headersearchrg { position: absolute; top: 48px; right: 65px; width: 13px; height: 20px; z-index: 211; background: url('legacy/DM-static/assets/images/search.png') no-repeat; }
#header_menu_right .searchpopbox { position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; background: rgba(7,41,77,.5); }
#header_menu_right .searchpopbox[aria-hidden="false"] { display: block; }
#header_menu_right .searchpopbox_close { position: absolute; width: 100%; height: 100%; }
#header_menu_right .searchpopclose { position: absolute; top: 20px; right: 50px; width: 30px; height: 25px; }
#header_menu_right .searchpopclose span { position: relative; display: block; width: 30px; height: 2px; background: #fff; }
#header_menu_right .searchpopclose span:first-child { top: 11px; transform: rotate(45deg); }
#header_menu_right .searchpopclose span:last-child { top: 9px; transform: rotate(-45deg); }
#header_menu_right .searchpopbox form { position: absolute; top: 50%; left: 50%; width: 50%; height: 56px; transform: translate(-50%,-50%); }
#header_menu_right .searchpopbox input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 55px 0 20px; border: 2px solid #07294d; border-radius: 50px; color: #07294d; background: #fff; font-size: 16px; line-height: 28px; outline: none; box-shadow: none; }
#header_menu_right .searchpopbox form button { position: absolute; top: 20px; right: 20px; width: 16px; height: 16px; background: url('legacy/DM-static/assets/images/searchbtn2.png') no-repeat; }
@media (min-width: 1026px) {
    #header_menu_right .menu li:hover > ul.sub, #header_menu_right .menu li:focus-within > ul.sub { display: block; }
    #header_menu_right.stricky-fixed { position: fixed; top: 0; left: 0; height: 50px; z-index: 99990; box-shadow: 0 2px 5px rgba(0,0,0,.16), 0 2px 10px rgba(0,0,0,.12); }
    #header_menu_right.stricky-fixed .header { height: 50px; background: #fff; }
    #header_menu_right.stricky-fixed .logo img { height: 40px; }
    #header_menu_right.stricky-fixed .run7-logo-text { line-height: 40px; }
    #header_menu_right.stricky-fixed .menu a.m { height: 50px; color: #333; line-height: 50px; }
    #header_menu_right.stricky-fixed .menu a.m:hover { color: #000; }
    #header_menu_right.stricky-fixed .headersearchrg { top: 20px; }
    #header_menu_right.stricky-fixed .menu > ul > li > a .sf-sub-indicator { top: 22px; }
}
@media (max-width: 1025px) {
    #header_menu_right .header { height: 70px; }
    #header_menu_right .logo img { height: 50px; max-width: 160px; }
    #header_menu_right .run7-logo-text { max-width: 240px; overflow: hidden; font-size: 18px; line-height: 50px; white-space: nowrap; text-overflow: ellipsis; }
    #header_menu_right .headersearchrg { top: 25px; }
    #header_menu_right .run7-menu-toggle { position: absolute; display: block; top: 20px; right: 7px; width: 40px; height: 30px; z-index: 211; border-radius: 5px; background: #2a7dcf url('legacy/DM-static/assets/images/menumob.png') no-repeat center; background-size: 21px; }
    #header_menu_right.run7-menu-open .run7-menu-toggle { background-image: url('legacy/DM-static/assets/images/menumobclose.png'); }
    #header_menu_right .menu { display: none; top: 70px; right: 0; left: 0; width: 100%; max-height: calc(100vh - 70px); overflow-y: auto; background: #4b545d; }
    #header_menu_right.run7-menu-open .menu { display: block; }
    #header_menu_right .menu li.m { display: block; float: none; }
    #header_menu_right .menu a.m, #header_menu_right .menu li li a { height: 40px; padding: 0 48px 0 15px; color: #fff; background: #4b545d; line-height: 40px; }
    #header_menu_right .menu li { border-bottom: 1px solid #566576; }
    #header_menu_right .menu li li a:hover { border-left: 0; padding-left: 15px; }
    #header_menu_right .menu ul.sub, #header_menu_right .menu ul.sub ul.sub { position: static; display: none; width: 100%; padding-left: 20px; }
    #header_menu_right .menu li.run7-submenu-open > ul.sub { display: block; }
    #header_menu_right .sf-sub-indicator { display: none; }
    #header_menu_right .run7-submenu-toggle { position: absolute; display: block; top: 2px; right: 2px; width: 36px; height: 36px; background: #1b253b url('legacy/DM-static/assets/images/menusub.png') no-repeat center 13px; }
    #header_menu_right .run7-submenu-toggle[aria-expanded="true"] { background-color: #7ccbfc; background-position: center -30px; }
    #header_menu_right .searchpopbox form { width: 80%; }
    #header_menu_right .searchpopclose { right: 20px; }
}