header{background:var(--bg_w_1);} header .container{display: flex;justify-content:space-between;align-items: center;z-index: inherit;} @media (min-width: 992px){ .topbar {padding-top: 5px;padding-bottom: 5px;background:var(--bg_w_2);} } @media (max-width:992px){ .topbar{display:none!important} .head_menu {display: flex;justify-content:space-between;align-items: center;padding-top: 5px;padding-bottom: 5px;max-width: 100%;} } .head_sticky{background-color: var(--bg_w_1);box-shadow: var(--shadow_header); z-index: 10!important; position:fixed!important;width:100%;top:0;left:0;right:0;animation-duration:.5s;animation-name:stickyTransition} @keyframes stickyTransition{ from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none} } @media (max-width: 991px){ .off_canvas_active{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .off_canvas_active{overflow: visible;position: fixed;width: 100%;min-height: 100%;} .off_canvas_active:after{content:"";position: absolute; top: 0; right: 0; width: 100%; height: 100%; opacity: 1; z-index: 99;} .off_canvas_active::after{ background: rgba(0, 0, 0, 0.6);} } @media (min-width: 992px){.vf_full-header .container{max-width:100%;padding: 0 30px;}} .hc-nav-yscroll{overflow-y: scroll;} @media (min-width: 991px){ .topbar_call {display: inline-flex;justify-content: center;align-items: center;} .topbar_call a{font-size:0.9rem;display:inline-flex;padding-right:10px;} .topbar_call [class*="svg_"]::before{width:18px;height:18px;margin-right:7px;align-self: center;} .topbar_call a{color: inherit;} .topbar_call a:hover{color: var(--theme);} .topbar_call [class*="svg_"]{background-color:transparent;} .topbar_call [class*="svg_"]::before{background-color:var(--text_b_2);-webkit-mask-position: center;-webkit-mask-size: initial;-webkit-mask-repeat: no-repeat;} .topbar_call [class*="svg_"]:hover::before{background-color:var(--theme);} [class*="bg_b"] .topbar_call a{color: var(--text_w_1);} [class*="bg_b"] .topbar_call a:hover{color: var(--theme);} [class*="bg_b"] [class*="svg_"]::before{background-color: var(--text_w_1);} [class*="bg_b"] [class*="svg_"]:hover::before{background-color:var(--theme);} [class*="bg_th"] .topbar_call a{color: var(--text_w_1);} [class*="bg_th"] .topbar_call a:hover{color: var(--text_w_2);} [class*="bg_th"] .topbar_call [class*="svg_"]::before{background-color:var(--text_w_1);} [class*="bg_th"] .topbar_call [class*="svg_"]:hover::before{background-color:var(--text_w_2);} .dark .topbar_call a{color:var(--text_w_1);} .dark .topbar_call a:hover{color:var(--text_w_2)} .dark .topbar_call [class*="svg_"]::before{background-color:var(--text_w_1);} .dark .topbar_call [class*="svg_"]:hover::before{background-color:var(--text_w_2);} } @media (min-width: 991px){ .head_lang {margin-left: auto;} .head_lang a{padding: 3px 5px 3px 33px;position: relative;margin-right:5px;border-radius: 2px;} .head_lang a::before{height: 15px;width: 21px;position: absolute;content: "";left: 5px;top:7px;align-self: center;display: inline-block;} .head_lang a{color: inherit;} .head_lang a:hover, .head_lang a.active{background: rgba(0,0,0,0.05);} [class*="bg_b"] .head_lang a{color: var(--text_w_1);} [class*="bg_b"] .head_lang a:hover, [class*="bg_b"] .head_lang a.active{background: rgba(255,255,255,0.03);} [class*="bg_th"] .head_lang a{color: var(--text_w_1);} [class*="bg_th"] .head_lang a:hover, [class*="bg_th"] .head_lang a.active{background: rgba(255,255,255,0.03);} .dark .head_lang a{color: var(--text_w_1);} .dark .head_lang a:hover, .dark .head_lang a.active{background: rgba(255,255,255,0.1);} } header .en::before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPCAIAAACEOBM8AAAAB3RJTUUH5QgYCBIZPQydiwAAAPNJREFUeJxjdHHp/s/IgBXMFzmKXQIK/v//z8zg7Nr96PHbsvJVjx+/g5MQkW8//+BBXz9++XDmNKOza7eJscK168+0NKXQyKlc+/Haz8DAwMAwc9YBv4BJN2+9qKhaAyfrGjbMmLkfv/3ffv75dPMWY3zinKdPP+jryd65+1JFWRxC3r33UoCfu+nHZsL2O7t2X7/xrKFpIyZJjP0sDAwMc+cdvnfv9ZcvP9DINwkhBK1n/HTzFouCEmF3YgN/HtxjfBQZQJ7mUfsZGBgYGD+eOc2iqsnIwUGqzv8/fvy+fZ3xYUQQI+NfBgYceRCvCYyMrADeAft6EdKh8wAAAABJRU5ErkJggg==);} header .es::before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPCAYAAAALWoRrAAAAAXNSR0IArs4c6QAAAU1JREFUOBHtU7FOwzAQfS7uQKsOCFSkIvEDSAiJsTs/wQLfwDfxBRXqzABzd2DpUMFEFRZC7Ji7nC+JXFKpOydZ93J37/Jsn83L+CwgWggBxhiwZ1PMno2jjJSgWLJcIWZ/vKMm8sFcxrEHBbtoUp+KkChgc+ebJomU5FM5td8QEQm28F4E1aUtkHZNheu2dKuRasLigqliadGGFC3c7nsoc6D8lhVyvD5kuL96x9v8iw6YctsW8ziv/OipaUxQcna7xuDQ4fy6j/0Dh9nNJxGI5Knmr8UNOa4/5lrCVgKynWwVsHzMMTw5wvKpQLaSos7N6sGp50LCtlJas/oYTUrk6w+MjvlWerK1arQiox6zmtSAeAfUlNTEwZzelZhcelK5h9Opw3BsqWmx83SY8Gzb4pu/VohTOkccUMy+28z/M935IpphoDPXV9c64l/34+tqHI+Y+AAAAABJRU5ErkJggg==);} header .sa::before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPCAYAAAALWoRrAAAAAXNSR0IArs4c6QAAAfVJREFUOBGVUz1LJEEQrdZVFFnlMHEDdVEMDDzlUlddU8FUE/PLlEPFwMTcyOh+gqLc/QI/g7tATNQBAz9wQVAwOMTAxN2596q7ZtbBu+N6p7Z66nW9flXd4zrXp+JYwuDEwSxgc/r/GLm4FouxOiTHNfAaiZGbzxAzT3MSnBMnubiasnADrlKfIXj31daaCt1FJCcksnoJ1tJNtATGrJQMM2oM3UqkKldjS7lvTTmVG394rr5sy0RxRHo7CvLj9lQuFjbltfoq5eIn+Vk5B76jeJF45cxrQp7jFhDQoKVSCSymSvjo/kpaXJNM9Axr7ObxTqYHRqXU/RGVEL9OcL4zTw2tpG/QYBUAzJETfv/yRL5HB1Jo69TY7uWxPL08S19Hlybt4f1bwFUI8oS5FIXHta9O+sYgzkOHZvVw2sr6ltp8qNAv0cN1WJlm+B47KGXpPKz3zDB6mLXq8PNXnfPmMKaetyjMXX5lPHaUUKdsvjQry+U5aW5sAhcKAU6fHb/QksH1mSTMJaTyV8pzJrVvHG0J7U/9iBY35UNrXo4rkapUJlBr+0icXxqDCK/CFKXK36r8Jw5iMvkvKhTARnOYz85TKbpM+5zEGFKpJMU10Esb1v3N4Vg0j94Pbh+YNIDe4xc+0/olHghZGWeYHQJh2yCt8DeDZ0Clj4JH1gAAAABJRU5ErkJggg==);} header .ru::before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPCAYAAAALWoRrAAAAAXNSR0IArs4c6QAAAPZJREFUOBGVVEESwyAI1BmPfU5PfUB/nB/1GQbLqmsUEzMhMwFxWcBgvIgkVyWl5Lz3DhpCGxpyt59B+gr7vjcSOqktKf3UNgn9IcaYK4LjCkSw1TYp43OlBF+BAH4iA+mTwDNsK+r13VoZyemH0gcaQhv6iYQkccC3DOqlTT0ATxbAIX0QJT0qobvQjKuZZe6k9Bqc6EjN+OZZ7YlGghi6l9w+z7AUz/rsCscxnzmJe1L/+7y7gSEhM+OE6OvD1naIuFEVM1HgeiJlvaaWisNu5ziTHkGsqqZZL6d/A5OGKJLHgI5eG85+a2mXH0qF3LVv273C/wGhb6kUH8RbuwAAAABJRU5ErkJggg==);} @media (min-width:992px){ #m_panel{display: none;} } @media (max-width: 991px){ #m_panel {width: 43px;height: 43px;cursor: pointer;padding: 10px;display: flex;align-items: center;justify-content: end;} #m_panel .icon{display: inline-flex; } #m_panel .icon::before{content:"";} #m_panel .icon::before{ -webkit-mask: url("data:image/svg+xml,"); mask: url("data:image/svg+xml,"); } #m_panel .icon::before{width:16px;height:16px;align-self: center;-webkit-mask-position: center;-webkit-mask-size: initial;-webkit-mask-repeat: no-repeat;mask-position: center;mask-size: initial;mask-repeat: no-repeat;} #m_panel .icon::before, #m_panel .icon:hover::before{background-color:#333;} .dark #m_panel .icon::before, .dark #m_panel .icon:hover::before{background-color:#fff;} } @media (max-width:991px){ .logo img{max-height:40px} .logo a.light-logo{display:block} .logo a.dark-logo{display:none} .head_sticky .logo img{max-height:40px;} .header .logo{padding:2px} .header .logo img{max-height:40px} } @media (min-width:992px){ .logo{padding:5px 0;display:inline-block;} .logo a.light-logo{display:block} .logo a.dark-logo{display:none} .logo img{max-height:60px;max-width:390px} .logo svg{max-height:60px;max-width:390px} .head_sticky .logo img{max-height:50px;max-width:360px} } @media (max-width: 992px){ .head_menu .menu {display: none!important;} } @media (min-width: 992px){ .menu {clear:inherit;} .menu {display:inline-flex;} .menu > li{position:relative;display: inline-block;word-wrap:break-word;} .menu > li > a{display:block;position:relative;transition:all .2s ease-in-out;} .menu > li > a{color: var(--text_b_1);font-size:16px;padding:20px 12px} .dark .menu > li > a{color: var(--text_w_1);} .menu > li.open > a, .menu > li:hover > a{color:var(--theme)} .dark .menu > li.open > a, .dark .menu > li:hover > a{color:var(--text_w_2)} .menu > li.dropdown-sub.open > a{color:var(--theme);} .menu ul {position:absolute;top:100%;left:0;z-index: -1;border-radius:2px;background: var(--bg_w_2);margin: 0;opacity: 0;display: block;visibility:hidden;padding: 20px 0 25px;box-shadow: 0px 12px 30px -2px rgba(0,0,0,0.1);transition: all 0.4s ease;transform: rotateX(90deg);transform-origin: 0 0;} /*2级盒子*/ .menu li:hover > ul{opacity: 1;z-index: 3; visibility: visible; transform: rotateX(0deg); display: block;} .menu .dropdown-sub:not(.children_full) ul{border-top: solid 1px var(--border_b);} /*2级栏目箭头*/ .menu .dropdown-sub > a::after{ -webkit-mask: url("data:image/svg+xml,"); mask: url("data:image/svg+xml,");} .menu .dropdown-sub > a{display:inline-flex; justify-content: space-between;} .menu .dropdown-sub > a::after{width:18px;height:18px;align-self: center;content: "";background: #333;-webkit-mask-position: center;-webkit-mask-size: initial;-webkit-mask-repeat: no-repeat;mask-position: center;mask-size: initial;mask-repeat: no-repeat;} .dark .menu .dropdown-sub > a::after{background: #fff;} .dark .menu ul .dropdown-sub > a::after{background: #333;} .menu ul .dropdown-sub > a::after{transform:rotate(-90deg);} .menu .dropdown-sub .icon-arrow{display:none} /*全屏时*/ .menu .children_full{position: inherit;} .menu .children_full ul{width: 100%;padding: 0!important;border-radius:0;} .menu .children_full ul >li{width: 100%;} .menu .children_full ul ul{display: block;position:inherit;opacity: 1;visibility:visible;background: transparent;box-shadow:none;padding: 0;} /*2级 支持3级导航*/ .menu ul li{position:relative;display:block;} .menu li:not(.children_full) li{width:250px;} .menu li ul a{color:var(--text_b_1);font-size: 15px;position:relative;display: flex;white-space:normal;transition: all 0.2s linear;} .menu li:not(.children_full) ul a{padding: 9px 24px 9px 22px;width: 100%;} .menu li:not(.children_full) ul a:hover{ color: var(--theme);} /*导航 3级往下*/ .menu li:not(.children_full) ul ul{top:-20px;left:100%} } @media (max-width:992px){ .head_menu .head_search{display:none!important} } @media (min-width: 992px){ .head_search{display:inline-block;position: relative;} .head_search .dropdown_toggle{padding:8px;position:relative;z-index:1;cursor:pointer;line-height:1.8;display:inline-block;} .head_search .dropdown_toggle:not(.open) .svg_search_plus{display: none;} .head_search .dropdown_toggle.open .svg_search{display: none;} .head_search .dropdown_box{display: none;position: absolute;right: 0;top: 100%;z-index: 3;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);} .head_search .open + .dropdown_box{display: block;} .head_search .dropdown_box .search-box {background: var(--bg_w_1);position: relative;display: inline-block; margin: 0; padding: 15px; width: 327px; border-radius:3px;} .head_search .dropdown_box .search-box input { border:1px solid var(--border_b); padding: 5px 5px 5px 15px; border-radius: 3px;width: 100%; font-size: 14px;} .head_search .dropdown_box .search-box button { background: transparent;cursor: pointer; font-size: 15px; position: absolute; right: 20px; top: 20px;} .head_search .dropdown_box .search-box input:focus { border:1px solid var(--theme); } .head_search .dropdown_box .search-box button i{ color:var(--text_b_3)} .head_search .dropdown_box .search-box button:hover i{color: var(--theme) !important;} .head_search [class*="svg_"]{pointer-events: none;cursor: default;display:inline-flex;} .head_search [class*="svg_"]::before{background: #333;pointer-events: none;cursor: default;width:16px;height:16px;align-self: center;-webkit-mask-position: center;-webkit-mask-size: initial;-webkit-mask-repeat: no-repeat;mask-position: center;mask-size: initial;mask-repeat: no-repeat;} .dark .head_search [class*="svg_"]::before{background: #fff;} } @media (min-width:992px){ #m_menu{display:none;} } @media (max-width:992px){ #m_menu{position: relative; z-index:2;width:43px;height:43px;cursor:pointer;transition-timing-function:swing;-webkit-transition-duration:.66s;transition-duration:.66s} #m_menu .icon{position:absolute;top:20px;left:5px;width:22px;height:3px;border-radius:2px;background-color:#333;transition-duration:.5s;transition-timing-function:swing;} .dark #m_menu .icon{background-color:#fff;} #m_menu .icon:after, #m_menu .icon:before{position:absolute;left:0;width:22px;height:3px;border-radius:2px;background-color:#333;content:"";transition-timing-function:swing;-webkit-transition-duration:.5s;transition-duration:.5s} #m_menu .icon:before{top:-7px} .dark #m_menu .icon:after, .dark #m_menu .icon:before{background-color:#fff;} #m_menu .icon:after{top:7px} #m_menu.active .icon{width:0;height: 0;} #m_menu.active .icon:before{transform:translateY(7px) rotate(45deg);} #m_menu.active .icon:after{transform:translateY(-7px) rotate(-45deg);} } @media (min-width: 991px){ header .nav_panel{display: none!important;} } @media (max-width: 991px){ .nav_panel{width: 100%;z-index: 100;height: 100%;overflow-y: auto;visibility: visible;background: var(--box_bg_w);display:block!important;cursor: auto;position: fixed !important;top: 0;left: -100%;} .nav_panel{-webkit-transition: all 0.5s; transition: all 0.5s; } .nav_panel.open{left: 0; } .nav_panel .panel_close{cursor:pointer;top: 20px;right: 10px;height: 40px;width: 40px;position: absolute;display: block;} .nav_panel .panel_close:after, .nav_panel .panel_close:before{position:absolute;right:20px;width:22px;height:3px;border-radius:2px;background-color:#333;content:"";} .nav_panel .panel_close:before{top:7px} .nav_panel .panel_close:after{top:21px} .nav_panel .panel_close:before{transform:translateY(7px) rotate(45deg);} .nav_panel .panel_close:after{transform:translateY(-7px) rotate(-45deg);} .nav_panel .head_panel_box{padding: 80px 0 50px;min-height: 100%;display: flex;width: 100%;justify-content: space-between;flex-direction: column; } } @media (min-width: 992px){.head_menu .m_menu {display:none!important;}} @media (max-width: 992px){ /*一级*/ .m_menu{display: block!important;} .m_menu li.dropdown-sub.open > a{color:var(--theme);} .m_menu li a{padding: 12px 20px;} /*2*/ .m_menu li ul{display: none;} .m_menu li a{align-items: center;display: flex;-webkit-box-pack: start !important;-ms-flex-pack: start !important;justify-content: flex-start !important;} .m_menu li ul{padding-left:15px;} .m_menu li ul li a{padding: 9px 24px 9px 20px;line-height: 1.4;} /*2级盒子*/ .m_menu .dropdown-sub.open > ul{display: block;} .m_menu .dropdown-sub > ul{border-top: solid 1px var(--border_w);} .m_menu .dropdown-sub{position: relative;} .m_menu .dropdown-sub .dropdown-plus {position: absolute;top: 0;right: 10px;width: 45px;height: 45px;cursor: po