<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*CN*/
*{padding: 0;margin: 0;}
body{padding: 0;margin: 0;background-color: #fff;font-family: 'Microsoft YaHei','Source Han Sans CN';font-size: 12px;line-height: 24px;color: #474747;-webkit-font-smoothing: antialiased;text-size-adjust: 100%;}
ol, ul, li{list-style: none;}
img{display: inline-block;vertical-align: middle;border: none;}
a{text-decoration: none;outline: none;color: #474747;}
a:hover {color: #323233;}
button, input, select, textarea { font-size: 100%; font-family: tahoma; margin: 0; outline: 0 none; vertical-align: baseline; *vertical-align: middle; border: none; }

/*去除ipad，iphone按钮的默认样式*/
input { -webkit-appearance: none; outline: none; border-radius: 0;}
input:focus, textarea:focus { outline: none; }
input:focus { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: read-write-plaintext-only; /*去除高光样式*/ }
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;/*IE6识别*/}

.none { display: none; }

em,i { font-style: normal; }
b { font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }

button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; box-sizing: content-box; /* 2 */ }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/*hamburger*/
.hamburger{padding:10px;height: 26px;display:inline-block;cursor:pointer;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}
.hamburger:hover{}
.hamburger-box{width:26px;height:24px;display:inline-block;position:relative}
.hamburger-inner{display:block;top:50%;margin-top:-2px}
.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:26px;height:2px;background-color:#444444;border-radius:2px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}
.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}
.hamburger-inner::before{top:-9px}.hamburger-inner::after{bottom:-9px}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-duration:.15s;transition-delay:.15s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse .hamburger-inner::after{top:-18px;transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}
.hamburger--collapse .hamburger-inner::before{transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19)}
.mm-opened .hamburger--collapse .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}
.mm-opened .hamburger--collapse .hamburger-inner::after{top:0;opacity:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .27s linear}
.mm-opened .hamburger--collapse .hamburger-inner::before{top:0;-ms-transform:rotate(-90deg);transform:rotate(-90deg);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1)}
/*hamburger end*/

/*.mm-menu*/
html.mm-opened .mm-page, html.mm-opened #mm-blocker, html.mm-opened .mm-fixed-top, html.mm-opened .mm-fixed-bottom, html.mm-opened .mm-menu.mm-horizontal &gt; .mm-panel { -webkit-transition: none 0.4s ease; transition: none 0.4s ease; -webkit-transition-property: top, right, bottom, left, border, -webkit-transform; transition-property: top, right, bottom, left, border, -webkit-transform; transition-property: top, right, bottom, left, border, transform; transition-property: top, right, bottom, left, border, transform, -webkit-transform; }

html.mm-opened .mm-page, html.mm-opened #mm-blocker { left: 0%; top: 0; margin: 0; border: 0px solid rgba(0, 0, 0, 0); }

html.mm-opened.mm-opening .mm-page, html.mm-opened.mm-opening #mm-blocker { border: 0px solid rgba(100, 100, 100, 0); }

.mm-menu .mm-hidden { display: none; }

.mm-fixed-top, .mm-fixed-bottom { position: fixed; left: 0; }

.mm-fixed-top { top: 0; }

.mm-fixed-bottom { bottom: 0; }

html.mm-opened .mm-page, .mm-menu &gt; .mm-panel { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

html.mm-opened, html.mm-opened body { width: 100%; height: 100%; overflow: hidden; position: relative; }

html.mm-opened .mm-page { height: 100%; overflow: hidden; position: absolute; }

html.mm-background .mm-page { background: inherit; }

#mm-blocker { background: #fff; opacity: 0; display: none; width: 100%; height: 100%; position: absolute; z-index: 9999; }

html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; }

.mm-menu.mm-current { display: block!important; }

.mm-menu { background: inherit; display: none; overflow: hidden; height: 100%; padding: 0; position: absolute; left: 0; top: 0; z-index: 100; }

.mm-menu &gt; .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; width: 100%; height: 100%; padding: 20px; position: absolute; top: 0; left: 100%; z-index: 0; }

.mm-menu &gt; .mm-panel.mm-opened { left: 0%; }

.mm-menu &gt; .mm-panel.mm-subopened { left: -40%; }

.mm-menu &gt; .mm-panel.mm-highest { z-index: 1; }

.mm-menu &gt; .mm-panel.mm-hidden { display: block; visibility: hidden; }

.mm-menu .mm-list { padding: 20px 0; }

.mm-menu &gt; .mm-list { padding: 20px 0 40px 0; }

.mm-panel &gt; .mm-list { margin-left: -20px; margin-right: -20px; }

.mm-panel &gt; .mm-list:first-child { padding-top: 0; }

.mm-list, .mm-list &gt; li { list-style: none; display: block; padding: 0; margin: 0; }

.mm-list * { -webkit-text-size-adjust: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-shadow: none; }

.mm-list a, .mm-list a:hover { text-decoration: none; }

.mm-list &gt; li { position: relative; }

.mm-list &gt; li &gt; a, .mm-list &gt; li &gt; span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; }

.mm-list &gt; li &gt; a .icon{display: inline-block;vertical-align: middle;width: 16px;height: 16px;margin: -.25em 5px 0 0;filter: brightness(0) invert(.5);}

.mm-list &gt; li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; }

.mm-list &gt; li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; }

.mm-list a.mm-subopen { width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; }

.mm-list a.mm-subopen::before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; }

.mm-list a.mm-subopen.mm-fullsubopen { width: 100%; }

.mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; }

.mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; }

.mm-list &gt; li.mm-selected &gt; a.mm-subopen { background: transparent; }

.mm-list &gt; li.mm-selected &gt; a.mm-fullsubopen + a, .mm-list &gt; li.mm-selected &gt; a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; }

.mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px; }

.mm-list &gt; li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; }

.mm-list &gt; li.mm-spacer { padding-top: 40px; }

.mm-list &gt; li.mm-spacer.mm-label { padding-top: 25px; }

.mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 2px solid transparent; display: block; width: 7px; height: 7px; margin-bottom: -5px; position: absolute; bottom: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; }

.mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px; }

.mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; }

.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent; }

.mm-menu.mm-vertical .mm-list li.mm-opened &gt; .mm-panel { display: block; }

.mm-menu.mm-vertical .mm-list &gt; li.mm-opened &gt; a.mm-subopen { height: 40px; }

.mm-menu.mm-vertical .mm-list &gt; li.mm-opened &gt; a.mm-subopen:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 16px; right: 16px; }

html.mm-opened .mm-page { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-ismenu { background: #333333; }

.mm-menu { color: rgba(255, 255, 255, 0.6); }

.mm-menu .mm-list &gt; li:after { border-color: rgba(0, 0, 0, 0.15); }

.mm-menu .mm-list &gt; li &gt; a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); }

.mm-menu .mm-list &gt; li &gt; a.mm-subopen:after, .mm-menu .mm-list &gt; li &gt; a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); }

.mm-menu .mm-list &gt; li &gt; a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.15); }

.mm-menu .mm-list &gt; li.mm-selected &gt; a:not(.mm-subopen), .mm-menu .mm-list &gt; li.mm-selected &gt; span { background: rgba(0, 0, 0, 0.1); }

.mm-menu .mm-list &gt; li.mm-label { background: rgba(255, 255, 255, 0.05); }

.mm-menu.mm-vertical .mm-list li.mm-opened &gt; a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened &gt; ul { background: rgba(255, 255, 255, 0.05); }

html.mm-opened.mm-opening .mm-page, html.mm-opened.mm-opening #mm-blocker, html.mm-opened.mm-opening .mm-fixed-top, html.mm-opened.mm-opening .mm-fixed-bottom { left: 50%; }

.mm-menu { width: 50%; }

@media all and (max-width: 175px) { .mm-menu { width: 140px; }
  html.mm-opened.mm-opening .mm-page, html.mm-opened.mm-opening #mm-blocker, html.mm-opened.mm-opening .mm-fixed-top, html.mm-opened.mm-opening .mm-fixed-bottom { left: 140px; } }
@media all and (min-width: 550px) { .mm-menu { width: 440px; }
  html.mm-opened.mm-opening .mm-page, html.mm-opened.mm-opening #mm-blocker, html.mm-opened.mm-opening .mm-fixed-top, html.mm-opened.mm-opening .mm-fixed-bottom { left: 440px; } }
html.mm-nooverflowscrolling.mm-opened { height: auto; overflow: auto; overflow-x: hidden; overflow-y: scroll; }

html.mm-nooverflowscrolling.mm-opened body { overflow: auto; }

html.mm-nooverflowscrolling.mm-opened .mm-page { min-height: 1000px; position: fixed; }

html.mm-nooverflowscrolling.mm-opened .mm-menu { height: auto; min-height: 1000px; overflow: auto; overflow-x: hidden; position: relative; left: auto; top: auto; }

html.mm-nooverflowscrolling.mm-opened &gt; .mm-panel { position: relative; height: auto; display: none; left: 0; }

html.mm-nooverflowscrolling.mm-opened &gt; .mm-panel.mm-current { display: block; }

em.mm-counter { font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 40px; top: 50%; }

em.mm-counter + a.mm-subopen { padding-left: 40px; }

em.mm-counter + a.mm-subopen + a, em.mm-counter + a.mm-subopen + span { margin-right: 80px; }

em.mm-counter + a.mm-fullsubopen { padding-left: 0; }

.mm-vertical em.mm-counter { top: 12px; margin-top: 0; }

.mm-nosubresults &gt; em.mm-counter { display: none; }

.mm-menu em.mm-counter { color: rgba(255, 255, 255, 0.3); }

html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging #mm-blocker { -webkit-transition-duration: 0s; transition-duration: 0s; }

.mm-header { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-shadow: none; background: inherit; border-bottom: 1px solid transparent; text-align: center; line-height: 20px; width: 100%; height: 60px; padding: 30px 40px 0 40px; position: absolute; z-index: 2; top: 0; left: 0; }

.mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 100%; position: relative; z-index: 1; }

.mm-header .mm-prev, .mm-header .mm-next { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-decoration: none; display: block; width: 40px; height: 100%; position: absolute; bottom: 0; }

.mm-header .mm-prev:before, .mm-header .mm-next:before { content: ''; border: 2px solid transparent; display: block; width: 7px; height: 7px; margin-bottom: -5px; position: absolute; bottom: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -15px; }

.mm-header .mm-prev { left: 0; }

.mm-header .mm-prev:before { border-right: none; border-bottom: none; left: 22px; }

.mm-header .mm-next { right: 0; }

.mm-header .mm-next:before { border-top: none; border-left: none; right: 18px; }

.mm-menu.mm-hassearch .mm-header { height: 50px; padding-top: 20px; top: 50px; }

.mm-menu.mm-hassearch .mm-header .mm-prev:before, .mm-menu.mm-hassearch .mm-header .mm-mext:before { margin-bottom: -10px; }

.mm-menu.mm-hasheader li.mm-subtitle { display: none; }

.mm-menu.mm-hasheader .mm-panel { padding-top: 80px; }

.mm-menu.mm-hasheader.mm-hassearch &gt; .mm-panel { padding-top: 120px; }

.mm-menu.mm-hasheader.mm-ismenu &gt; .mm-panel { padding-top: 60px; }

.mm-menu.mm-hasheader.mm-ismenu.mm-hassearch &gt; .mm-panel { padding-top: 100px; }

.mm-menu .mm-header { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.3); }

.mm-menu .mm-header a:before { border-color: rgba(255, 255, 255, 0.3); }

.mm-list &gt; li.mm-label * { font: inherit; }

.mm-menu.mm-fixedlabels .mm-list { background: inherit; }

.mm-menu.mm-fixedlabels .mm-list &gt; li.mm-label { background: inherit !important; opacity: 0.97; height: 25px; overflow: visible; position: relative; z-index: 1; }

.mm-menu.mm-fixedlabels .mm-list &gt; li.mm-label &gt; div { background: inherit; width: 100%; position: absolute; left: 0; }

.mm-menu.mm-fixedlabels .mm-list &gt; li.mm-label &gt; div &gt; div { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.mm-menu.mm-fixedlabels .mm-list &gt; li.mm-label.mm-spacer &gt; div &gt; div { padding-top: 25px; }

.mm-list &gt; li.mm-label &gt; span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; }

.mm-list &gt; li.mm-label.mm-opened a.mm-subopen:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 17px; }

.mm-list &gt; li.mm-collapsed { display: none; }

.mm-menu .mm-list li.mm-label &gt; div &gt; div { background: rgba(255, 255, 255, 0.05); }

.mm-search, .mm-search input { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.mm-search { background: inherit; width: 100%; height: 50px; padding: 10px; position: relative; top: 0; z-index: 2; }

.mm-search input { -webkit-text-size-adjust: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-shadow: none; border: none; border-radius: 15px; line-height: 30px; outline: none; display: block; width: 100%; height: 30px; margin: 0; padding: 0 10px; }

.mm-menu li.mm-nosubresults &gt; a.mm-subopen { display: none; }

.mm-menu li.mm-nosubresults &gt; a.mm-subopen + a, .mm-menu li.mm-nosubresults &gt; a.mm-subopen + span { padding-right: 10px; }

.mm-menu li.mm-noresults { text-align: center; font-size: 20px; display: none; padding-top: 80px; }

.mm-menu li.mm-noresults:after { border: none; }

.mm-menu.mm-noresults li.mm-noresults { display: block; }

.mm-menu.mm-hassearch &gt; .mm-panel { padding-top: 60px; }

.mm-menu .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); }

.mm-menu li.mm-noresults { color: rgba(255, 255, 255, 0.3); }

html.mm-slide .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; }

html.mm-slide.mm-opened .mm-menu { -webkit-transform: translateX(-40%); transform: translateX(-40%); }

html.mm-slide.mm-opening .mm-menu { -webkit-transform: translateX(0%); transform: translateX(0%); }

html.mm-slide.mm-right.mm-opened .mm-menu { -webkit-transform: translateX(40%); transform: translateX(40%); }

html.mm-slide.mm-right.mm-opening .mm-menu { -webkit-transform: translateX(0%); transform: translateX(0%); }

html.mm-slide.mm-top.mm-opened .mm-menu { -webkit-transform: translateY(-40%); transform: translateY(-40%); }

html.mm-slide.mm-top.mm-opening .mm-menu { -webkit-transform: translateY(0%); transform: translateY(0%); }

html.mm-slide.mm-bottom.mm-opened .mm-menu { -webkit-transform: translateY(40%); transform: translateY(40%); }

html.mm-slide.mm-bottom.mm-opening .mm-menu { -webkit-transform: translateY(0%); transform: translateY(0%); }

html.mm-zoom-menu .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; }

html.mm-zoom-menu.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(-40%); transform: scale(0.7, 0.7) translateX(-40%); -webkit-transform-origin: left center; transform-origin: left center; }

html.mm-zoom-menu.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); }

html.mm-zoom-menu.mm-right.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(40%); transform: scale(0.7, 0.7) translateX(40%); -webkit-transform-origin: right center; transform-origin: right center; }

html.mm-zoom-menu.mm-right.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); }

html.mm-zoom-menu.mm-top.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(-40%); transform: scale(0.7, 0.7) translateY(-40%); -webkit-transform-origin: center top; transform-origin: center top; }

html.mm-zoom-menu.mm-top.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); }

html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(40%); transform: scale(0.7, 0.7) translateY(40%); -webkit-transform-origin: center bottom; transform-origin: center bottom; }

html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); }

html.mm-zoom-page.mm-opened .mm-page { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; transform-origin: left center; }

html.mm-zoom-page.mm-opening .mm-page { -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); }

html.mm-zoom-page.mm-right.mm-opened .mm-page { -webkit-transform-origin: right center; transform-origin: right center; }

html.mm-zoom-page.mm-top.mm-opened .mm-page { -webkit-transform-origin: center top; transform-origin: center top; }

html.mm-zoom-page.mm-bottom.mm-opened .mm-page { -webkit-transform-origin: center bottom; transform-origin: center bottom; }

html.mm-zoom-panels .mm-panel { -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); -webkit-transform-origin: left center; transform-origin: left center; }

html.mm-zoom-panels .mm-panel.mm-opened { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

html.mm-zoom-panels .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); }

html.mm-opened.mm-opening.mm-fullscreen .mm-page, html.mm-opened.mm-opening.mm-fullscreen #mm-blocker, html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom { left: 100%; }

.mm-menu.mm-fullscreen { width: 100%; }

@media all and (max-width: 140px) { .mm-menu.mm-fullscreen { width: 140px; }
  html.mm-opened.mm-opening.mm-fullscreen .mm-page, html.mm-opened.mm-opening.mm-fullscreen #mm-blocker, html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom { left: 140px; } }
@media all and (min-width: 10000px) { .mm-menu.mm-fullscreen { width: 10000px; }
  html.mm-opened.mm-opening.mm-fullscreen .mm-page, html.mm-opened.mm-opening.mm-fullscreen #mm-blocker, html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom { left: 10000px; } }
.mm-menu.mm-top.mm-fullscreen { height: 100%; }

html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-page, html.mm-top.mm-opened.mm-opening.mm-fullscreen #mm-blocker, html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top { top: 100%; }

html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: -100%; }

@media all and (max-height: 140px) { .mm-menu.mm-top.mm-fullscreen { height: 140px; }
  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-page, html.mm-top.mm-opened.mm-opening.mm-fullscreen #mm-blocker, html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top { top: 140px; }
  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: -140px; } }
@media all and (min-height: 10000px) { .mm-menu.mm-top.mm-fullscreen { height: 10000px; }
  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-page, html.mm-top.mm-opened.mm-opening.mm-fullscreen #mm-blocker, html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top { top: 10000px; }
  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: -10000px; } }
.mm-menu.mm-right.mm-fullscreen { width: 100%; }

html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-page, html.mm-right.mm-opened.mm-opening.mm-fullscreen #mm-blocker, html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom { right: 100%; }

@media all and (max-width: 140px) { .mm-menu.mm-right.mm-fullscreen { width: 140px; }
  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-page, html.mm-right.mm-opened.mm-opening.mm-fullscreen #mm-blocker, html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom { right: 140px; } }
@media all and (min-width: 10000px) { .mm-menu.mm-right.mm-fullscreen { width: 10000px; }
  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-page, html.mm-right.mm-opened.mm-opening.mm-fullscreen #mm-blocker, html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom { right: 10000px; } }
.mm-menu.mm-bottom.mm-fullscreen { height: 100%; }

html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-page, html.mm-bottom.mm-opened.mm-opening.mm-fullscreen #mm-blocker, html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: 100%; }

html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top { top: -100%; }

@media all and (max-height: 140px) { .mm-menu.mm-bottom.mm-fullscreen { height: 140px; }
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-page, html.mm-bottom.mm-opened.mm-opening.mm-fullscreen #mm-blocker, html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: 140px; }
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top { top: -140px; } }
@media all and (min-height: 10000px) { .mm-menu.mm-bottom.mm-fullscreen { height: 10000px; }
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-page, html.mm-bottom.mm-opened.mm-opening.mm-fullscreen #mm-blocker, html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: 10000px; }
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top { top: -10000px; } }
.mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next { left: -100%; }

@media all and (max-width: 140px) { .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next { left: -140px; } }
@media all and (min-width: 10000px) { .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next { left: -10000px; } }
.mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next { top: -100%; }

@media all and (max-height: 140px) { .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next { top: -140px; } }
@media all and (min-height: 10000px) { .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next { top: -10000px; } }
.mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next { right: -100%; }

@media all and (max-width: 140px) { .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next { right: -140px; } }
@media all and (min-width: 10000px) { .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next { right: -10000px; } }
.mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next { bottom: -100%; }

@media all and (max-height: 140px) { .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next { bottom: -140px; } }
@media all and (min-height: 10000px) { .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next { bottom: -10000px; } }
html.mm-opened.mm-front .mm-fixed-top, html.mm-opened.mm-front .mm-fixed-bottom, html.mm-opened.mm-opening.mm-front .mm-fixed-top, html.mm-opened.mm-opening.mm-front .mm-fixed-bottom { left: 0; right: auto; }

html.mm-opened.mm-front .mm-fixed-top, html.mm-opened.mm-opening.mm-front .mm-fixed-top { top: 0; }

html.mm-opened.mm-front .mm-fixed-bottom, html.mm-opened.mm-opening.mm-front .mm-fixed-bottom { bottom: 0; }

html.mm-opened.mm-fullscreen .mm-page { -webkit-box-shadow: none !important; box-shadow: none !important; }

/* The CSS rules in this file should force all transitions for the menu into hardware acceleration. Unfortunately, this is really buggy in different browsers. Use with caution and test thoroughly!
*/
html.mm-accelerated.mm-opened .mm-page, html.mm-accelerated.mm-opened #mm-blocker, html.mm-accelerated.mm-opened .mm-menu.mm-front, html.mm-accelerated.mm-opened .mm-menu.mm-next { -webkit-transform: translate3d(0, 0, 0px); transform: translate3d(0, 0, 0px); }

html.mm-accelerated.mm-opened.mm-opening .mm-page, html.mm-accelerated.mm-opened.mm-opening #mm-blocker, html.mm-accelerated.mm-opened.mm-opening .mm-menu.mm-front, html.mm-accelerated.mm-opened.mm-opening .mm-menu.mm-next { -webkit-transform: translate3d(0, 0, 1px); transform: translate3d(0, 0, 1px); }

html.mm-accelerated .mm-menu.mm-horizontal .mm-panel { -webkit-transform: translate3d(0, 0, 0px); transform: translate3d(0, 0, 0px); }

html.mm-accelerated .mm-menu.mm-horizontal .mm-panel.mm-opened { -webkit-transform: translate3d(0, 0, 1px); transform: translate3d(0, 0, 1px); }

html.mm-accelerated .mm-menu.mm-horizontal .mm-panel.mm-opened.mm-subopened { -webkit-transform: translate3d(0, 0, 2px); transform: translate3d(0, 0, 2px); }

.mm-menu.mm-top { width: 100%; }

html.mm-top.mm-opened .mm-page, html.mm-top.mm-opened #mm-blocker { top: 0%; }

html.mm-top.mm-opened.mm-opening .mm-page, html.mm-top.mm-opened.mm-opening #mm-blocker, html.mm-top.mm-opened.mm-opening .mm-fixed-top, html.mm-top.mm-opened.mm-opening .mm-fixed-bottom { left: 0; }

.mm-menu.mm-right { left: auto; right: 0; }

html.mm-right.mm-opened .mm-page, html.mm-right.mm-opened #mm-blocker, html.mm-right.mm-opened .mm-fixed-top, html.mm-right.mm-opened .mm-fixed-bottom { left: auto; right: 0%; }

html.mm-right.mm-opened.mm-opening .mm-page, html.mm-right.mm-opened.mm-opening #mm-blocker, html.mm-right.mm-opened.mm-opening .mm-fixed-top, html.mm-right.mm-opened.mm-opening .mm-fixed-bottom { left: auto; }

.mm-menu.mm-bottom { width: 100%; top: auto; bottom: 0; }

html.mm-bottom.mm-opened .mm-page, html.mm-bottom.mm-opened #mm-blocker { bottom: 0%; top: auto; }

html.mm-bottom.mm-opened.mm-opening .mm-page, html.mm-bottom.mm-opened.mm-opening #mm-blocker, html.mm-bottom.mm-opened.mm-opening .mm-fixed-top, html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom { top: auto; left: 0; }

.mm-menu.mm-top { height: 80%; }

html.mm-top.mm-opened.mm-opening .mm-page, html.mm-top.mm-opened.mm-opening #mm-blocker, html.mm-top.mm-opened.mm-opening .mm-fixed-top { top: 80%; }

html.mm-top.mm-opened.mm-opening .mm-fixed-bottom { bottom: -80%; }

@media all and (max-height: 175px) { .mm-menu.mm-top { height: 140px; }
  html.mm-top.mm-opened.mm-opening .mm-page, html.mm-top.mm-opened.mm-opening #mm-blocker, html.mm-top.mm-opened.mm-opening .mm-fixed-top { top: 140px; }
  html.mm-top.mm-opened.mm-opening .mm-fixed-bottom { bottom: -140px; } }
@media all and (min-height: 1100px) { .mm-menu.mm-top { height: 880px; }
  html.mm-top.mm-opened.mm-opening .mm-page, html.mm-top.mm-opened.mm-opening #mm-blocker, html.mm-top.mm-opened.mm-opening .mm-fixed-top { top: 880px; }
  html.mm-top.mm-opened.mm-opening .mm-fixed-bottom { bottom: -880px; } }
.mm-menu.mm-right { width: 50%; }

html.mm-right.mm-opened.mm-opening .mm-page, html.mm-right.mm-opened.mm-opening #mm-blocker, html.mm-right.mm-opened.mm-opening .mm-fixed-top, html.mm-right.mm-opened.mm-opening .mm-fixed-bottom { right: 50%; }

@media all and (max-width: 175px) { .mm-menu.mm-right { width: 140px; }
  html.mm-right.mm-opened.mm-opening .mm-page, html.mm-right.mm-opened.mm-opening #mm-blocker, html.mm-right.mm-opened.mm-opening .mm-fixed-top, html.mm-right.mm-opened.mm-opening .mm-fixed-bottom { right: 140px; } }
@media all and (min-width: 550px) { .mm-menu.mm-right { width: 440px; }
  html.mm-right.mm-opened.mm-opening .mm-page, html.mm-right.mm-opened.mm-opening #mm-blocker, html.mm-right.mm-opened.mm-opening .mm-fixed-top, html.mm-right.mm-opened.mm-opening .mm-fixed-bottom { right: 440px; } }
.mm-menu.mm-bottom { height: 80%; }

html.mm-bottom.mm-opened.mm-opening .mm-page, html.mm-bottom.mm-opened.mm-opening #mm-blocker, html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom { bottom: 80%; }

html.mm-bottom.mm-opened.mm-opening .mm-fixed-top { top: -80%; }

@media all and (max-height: 175px) { .mm-menu.mm-bottom { height: 140px; }
  html.mm-bottom.mm-opened.mm-opening .mm-page, html.mm-bottom.mm-opened.mm-opening #mm-blocker, html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom { bottom: 140px; }
  html.mm-bottom.mm-opened.mm-opening .mm-fixed-top { top: -140px; } }
@media all and (min-height: 1100px) { .mm-menu.mm-bottom { height: 880px; }
  html.mm-bottom.mm-opened.mm-opening .mm-page, html.mm-bottom.mm-opened.mm-opening #mm-blocker, html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom { bottom: 880px; }
  html.mm-bottom.mm-opened.mm-opening .mm-fixed-top { top: -880px; } }
html.mm-front.mm-opened .mm-page { top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; }

.mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: none 0.4s ease; transition: none 0.4s ease; -webkit-transition-property: top, right, bottom, left, -webkit-transform; transition-property: top, right, bottom, left, -webkit-transform; transition-property: top, right, bottom, left, transform; transition-property: top, right, bottom, left, transform, -webkit-transform; }

/*html.mm-front .mm-page, html.mm-front #mm-blocker { z-index: 0; }*/

.mm-menu.mm-front {box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);}

html.mm-opened.mm-next .mm-page { -webkit-box-shadow: none; box-shadow: none; }

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { left: 0%; }

.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { left: 0; }

html.mm-opening .mm-menu.mm-top.mm-front, html.mm-opening .mm-menu.mm-top.mm-next { left: 0; top: 0%; }

.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { left: auto; }

html.mm-opening .mm-menu.mm-right.mm-front, html.mm-opening .mm-menu.mm-right.mm-next { left: auto; right: 0%; }

.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { top: auto; left: 0; }

html.mm-opening .mm-menu.mm-bottom.mm-front, html.mm-opening .mm-menu.mm-bottom.mm-next { left: 0; bottom: 0%; }

.mm-menu.mm-front, .mm-menu.mm-next { left: -50%; }

@media all and (max-width: 175px) { .mm-menu.mm-front, .mm-menu.mm-next { left: -140px; } }
@media all and (min-width: 550px) { .mm-menu.mm-front, .mm-menu.mm-next { left: -440px; } }
.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { top: -80%; }

@media all and (max-height: 175px) { .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { top: -140px; } }
@media all and (min-height: 1100px) { .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { top: -880px; } }
.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { right: -50%; }

@media all and (max-width: 175px) { .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { right: -140px; } }
@media all and (min-width: 550px) { .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { right: -440px; } }
.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { bottom: -80%; }

@media all and (max-height: 175px) { .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { bottom: -140px; } }
@media all and (min-height: 1100px) { .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { bottom: -880px; } }
html.mm-opened.mm-front .mm-fixed-top, html.mm-opened.mm-front .mm-fixed-bottom, html.mm-opened.mm-opening.mm-front .mm-fixed-top, html.mm-opened.mm-opening.mm-front .mm-fixed-bottom { left: 0; right: auto; }

html.mm-opened.mm-front .mm-fixed-top, html.mm-opened.mm-opening.mm-front .mm-fixed-top { top: 0; }

html.mm-opened.mm-front .mm-fixed-bottom, html.mm-opened.mm-opening.mm-front .mm-fixed-bottom { bottom: 0; }

html.mm-opened.mm-light .mm-page { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-ismenu.mm-light { background: #f3f3f3; }

.mm-menu.mm-light { color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-light .mm-list &gt; li:after { border-color: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-light .mm-list &gt; li &gt; a.mm-subclose { background: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-list &gt; li &gt; a.mm-subopen:after, .mm-menu.mm-light .mm-list &gt; li &gt; a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-list &gt; li &gt; a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-light .mm-list &gt; li.mm-selected &gt; a:not(.mm-subopen), .mm-menu.mm-light .mm-list &gt; li.mm-selected &gt; span { background: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-light .mm-list &gt; li.mm-label { background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened &gt; a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened &gt; ul { background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-light li.mm-noresults { color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light em.mm-counter { color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-list li.mm-label &gt; div &gt; div { background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-header a:before { border-color: rgba(0, 0, 0, 0.3); }

html.mm-opened.mm-white .mm-page { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-ismenu.mm-white { background: white; }

.mm-menu.mm-white { color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-white .mm-list &gt; li:after { border-color: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-white .mm-list &gt; li &gt; a.mm-subclose { background: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-list &gt; li &gt; a.mm-subopen:after, .mm-menu.mm-white .mm-list &gt; li &gt; a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-list &gt; li &gt; a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-white .mm-list &gt; li.mm-selected &gt; a:not(.mm-subopen), .mm-menu.mm-white .mm-list &gt; li.mm-selected &gt; span { background: rgba(0, 0, 0, 0.08); }

.mm-menu.mm-white .mm-list &gt; li.mm-label { background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened &gt; a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened &gt; ul { background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-white li.mm-noresults { color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white em.mm-counter { color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-list li.mm-label &gt; div &gt; div { background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-header a:before { border-color: rgba(0, 0, 0, 0.3); }

html.mm-opened.mm-black .mm-page { -webkit-box-shadow: none; box-shadow: none; }

.mm-ismenu.mm-black { background: black; }

.mm-menu.mm-black { color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-black .mm-list &gt; li:after { border-color: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-black .mm-list &gt; li &gt; a.mm-subclose { background: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-list &gt; li &gt; a.mm-subopen:after, .mm-menu.mm-black .mm-list &gt; li &gt; a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-list &gt; li &gt; a.mm-subopen:before { border-color: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-black .mm-list &gt; li.mm-selected &gt; a:not(.mm-subopen), .mm-menu.mm-black .mm-list &gt; li.mm-selected &gt; span { background: rgba(255, 255, 255, 0.25); }

.mm-menu.mm-black .mm-list &gt; li.mm-label { background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened &gt; a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened &gt; ul { background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-black li.mm-noresults { color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black em.mm-counter { color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-list li.mm-label &gt; div &gt; div { background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-header { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-header a:before { border-color: rgba(255, 255, 255, 0.3); }


@font-face { font-family: 'centurygothicbold'; src: url("../font/centurygothicbold.eot"); src: url("../font/centurygothicbold.eot?#font-spider") format("embedded-opentype"), url("../font/centurygothicbold.woff") format("woff"), url("../font/centurygothicbold.ttf") format("truetype"), url("../font/centurygothicbold.svg") format("svg"); font-weight: normal; font-style: normal; }
.centurygothicbold { font-family: "centurygothicbold"; }
.video_num li b { font-family: "centurygothicbold"; }

@font-face { font-family: 'SourceHanSansBold'; src: url("../font/SourceHanSansBold.eot"); src: url("../font/SourceHanSansBold.eot?#font-spider") format("embedded-opentype"), url("../font/SourceHanSansBold.woff") format("woff"), url("../font/SourceHanSansBold.ttf") format("truetype"), url("../font/SourceHanSansBold.svg") format("svg"); font-weight: normal; font-style: normal; }
.SourceHanSansBold { font-family: "SourceHanSansBold"; }

@font-face { font-family: 'SourceHanSansRegular'; src: url("../font/SourceHanSansRegular.eot"); src: url("../font/SourceHanSansRegular.eot?#font-spider") format("embedded-opentype"), url("../font/SourceHanSansRegular.woff") format("woff"), url("../font/SourceHanSansRegular.ttf") format("truetype"), url("../font/SourceHanSansRegular.svg") format("svg"); font-weight: normal; font-style: normal; }
.SourceHanSansRegular { font-family: "SourceHanSansRegular"; }
.section_about .list_about li em { font-family: "centurygothicbold"; }

@font-face { font-family: 'HYQIHEI-25JF'; src: url("../font/HYQIHEI-25JF.eot"); src: url("../font/HYQIHEI-25JF.eot?#font-spider") format("embedded-opentype"), url("../font/HYQIHEI-25JF.woff") format("woff"), url("../font/HYQIHEI-25JF.ttf") format("truetype"), url("../font/HYQIHEI-25JF.svg") format("svg"); font-weight: normal; font-style: normal; }
.HYQIHEI-25JF { font-family: "HYQIHEI-25JF"; }

@font-face { font-family: 'HYQIHEI-35S'; src: url("../font/HYQIHEI-35S.eot"); src: url("../font/HYQIHEI-35S.eot?#font-spider") format("embedded-opentype"), url("../font/HYQIHEI-35S.woff") format("woff"), url("../font/HYQIHEI-35S.ttf") format("truetype"), url("../font/HYQIHEI-35S.svg") format("svg"); font-weight: normal; font-style: normal; }
.HYQIHEI-35S { font-family: "HYQIHEI-35S"; }

.multiline_text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.single_text{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.input[text]:focus { background-color: #fff; }
.box_sizing { -webkit-box-sizing: content-box; box-sizing: content-box; }
.trans, .footer_nav dl dt a, .footer_nav dl dd a, .sec_video .img em, .sec_video .img i::after, .list_news dl dt em, .list_news dl dd h3, .list_theme li a, .list_theme li .txt h3, .list_theme li .txt h4, .list_solution li .txt .title, .list_solution li .pic:after, .header .nav ul li a, .header .nav ul li a:after, .banner .ban1 .txt h5 .more, .banner .prev, .banner .next { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
.imgem, .sec_video .img em, .list_news dl dt em { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }

.w_1140{width: 94%;margin: 0 auto;height: 100%;max-width: 1200px;}
.w_1520{width: 94%;margin: 0 auto;height: 100%;max-width: 1520px;}

.footer { width: 100%; background: #edecee;position: relative; }
.footer_top { padding-top: 53px; padding-bottom: 55px; }
.footer_nav { float: left; width: 77.19%; }
.footer_nav dl { float: left; width: 25%; }
.footer_nav dl dt { line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 10px; }
.footer_nav dl dt a { font-size: 18px; font-weight: bold; color: #333333; }
.footer_nav dl dt a:hover { color: #009adb; }
.footer_nav dl dd { line-height: 30px; height: 30px; overflow: hidden; }
.footer_nav dl dd a { font-size: 15px; color: #555; }
.footer_nav dl dd a:hover { color: #009adb; }
.footer_nav dl .dt2 { padding: 22px 0 0px; }
.footer_ewm { float: right; margin-top: 7px; text-align: center; }
.footer_ewm span { display: block; margin-top: 10px; line-height: 24px; height: 24px; font-size: 15px; color: #555; }
.footer_bot { background: #222222;  border-top: 1px solid #d9d9d9; padding: 28px 0 30px;position: relative; z-index: 2; }
.copyright { float: left; line-height: 20px;padding:11px 0;font-size: 14px; color: #c4c3c3; }
.js_link { float: right; width: 250px; height: 42px; line-height: 42px; }
.js_link a { font-size: 14px; color: #999999; }

.select { background: #fff; position: relative; border-radius: 25px; padding: 0 21px 0 34px; }
.select:before { content: ''; display: block; -webkit-transition: -webkit-transform .3s ease-out, top .3s ease-out; -webkit-transition: top .3s ease-out, -webkit-transform .3s ease-out; transition: top .3s ease-out, -webkit-transform .3s ease-out; transition: transform .3s ease-out, top .3s ease-out; transition: transform .3s ease-out, top .3s ease-out, -webkit-transform .3s ease-out; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #666666; position: absolute; right: 20px; top: 50%; margin-top: -4.5px; }
.select p { line-height: 42px; cursor: pointer; font-size: 14px; color: #555; }
.select ul { list-style-type: none; width: 100%; overflow-y: auto; position: absolute; bottom: 42px; left: 0; height: 0; margin-left: -1px; border: 1px solid transparent; }
.select ul li a { display: block; padding: 5px 9px; line-height: 20px; cursor: pointer; font-size: 14px; color: #666666; }
.select ul li:hover a { color: #009adb; background-color: #fafafa; }
.select ul li.selected a { background-color: #fafafa; }
.select.open ul { height: 150px; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; border-color: #d9d9d9; -webkit-transition: max-height .2s linear; transition: max-height .2s linear; background-color: #fff; }
.select.open:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all .3s linear; transition: all .3s linear;}

.topbar{z-index: 11;position: relative;background: #efefef;font-size: 13px;line-height: 35px;}
.topbar .topbar-right{float: right;}
.topbar .stock {display: inline-block;vertical-align: top;color: #666;}
.topbar .stock a{color: #666;transition: 0.3s;}
.topbar .stock a:hover{color: #009adc;}
.topbar .login-btn{position: relative;display: inline-block;vertical-align: top;padding: 0 .5em;transition: 0.3s;}
.topbar .login-btn:before{content: '';position: absolute;left: -2px;top: 8px;bottom: 8px;width: 1px;background-color: #ccc;}
.topbar .login-btn:hover{color: #009adc;}
.topbar .related-links{display: inline-block;vertical-align: top;margin: 0 20px;}
.topbar .related-links a{display: inline-block;vertical-align: top;margin: 0 15px;transition: 0.3s;}
.topbar .related-links a:hover{color: #009adc;}

.language{position: relative;display: inline-block;vertical-align: top;padding-right: 10px;}
.language .icon {display: block; background: url(../images/language_icon.png) no-repeat center top; width: 21px; height: 35px;}
.language:hover .icon{ background-position: center bottom; }
.language ul{ position: absolute; right: -25px;top: 100%;width: 180px;padding-bottom: 24px;padding-top: 15px; background: #eeeeee;  display: none;}
.language ul li{}
.language ul li a{ display: block;padding: 4px 39px; line-height: 24px;overflow: hidden; font-size: 14px;color: #888888; text-transform: uppercase;transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.language ul li a:hover{ color: #009adc;}

/* .groups {float: right; margin-right: 30px;position: relative; z-index: 9; }
.groups&gt;a { display: block; height: 35px; line-height: 35px; padding-right: 18px; font-size: 13px; color: #999999; background: url(../images/group_icon.png) no-repeat right center; }
.groups:hover&gt;a{color: #009adc;}
.groups ul{ position: absolute; right: 0;top: 35px;width: 182px; padding-bottom: 24px;padding-top: 15px; background: #eeeeee;display: none; }
.groups ul li{ text-align: center;}
.groups ul li a{ display: block;padding: 4px 10px; line-height: 24px;overflow: hidden; font-size: 14px;color: #888888;transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.groups ul li a:hover{ color: #009adc;} */

.header {z-index: 10;position: relative;height: 105px;width: 100%;transition: 1s ease-out,top 0s;background: #fff;}
.header &gt; .w_1140{position: relative;overflow: hidden;}
.header .logo {position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.header .logo img {vertical-align: top;max-width: 180px;max-height: 60px;transition: 0.3s;}

.nav_wrap_box{float: right;transition: 0.5s ease-out;overflow:hidden;}
.header .nav { float: left; margin-right: 20px;}
.header .nav ul li { float: left; padding:0px 20px; }
.header .nav ul li&gt;a {display: block;height: 35px;line-height: 35px;padding: 35px 0px;font-size: 16px;position: relative;transition: 0.8s;}

.header.tophide { position: fixed; top: 0; left: 0; height: 70px; background-color: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.header.tophide .header_right{display: block; margin-top: 17.5px; }
.header.tophide .logo img { max-height: 50px; }
.header.tophide .nav ul li &gt; a { padding: 17.5px 0; }
.header.tophide .hidden_nav{top: 70px;}
.header.tophide .search_icon{margin-top: 20px;}
.header.tophide .contact_icon{margin-top:18px;}

.m_navbtn {transition: all 0.8s ease;}

.header.tophide .nav { height: 70px; }

.header .nav ul li &gt; a:after { bottom: 16px; }

.hidden_nav { position: absolute; left: 0; top: 105px; z-index: 999; width: 100%; background: #fff; text-align: left; overflow: hidden; background: #f5f5f5; display: none; }

.search_icon { float: right; display: block; margin-top: 37.5px; width: 30px; height: 30px; background: url(../images/search_icon.png) no-repeat center top; background-size: 30px auto; transition: margin 0.8s ease; }
.contact_icon {float: right;display: block;margin-top: 36.5px;margin-left:10px;width: 30px;height: 30px;background: url(../images/cont_0808ayh.png) no-repeat center top;background-size: 30px auto;transition: margin 0.8s ease;
}
.headerindex .contact_icon {margin-top: 74.5px;background: url(../images/cont_0808ay.png) no-repeat center top;background-size: 30px;}

.msearch_icon { float: right; display: block; margin-top: 32.5px; width: 46px; line-height: 36px; overflow: hidden; height: 46px; font-weight: bold; font-size: 24px; color: #444; text-align: center; }

.msearch_icon i { font-size: 18px; }

.search_icon:hover { background-position: center bottom; }

.hidden_search { display: none; }

.hidden_search { position: absolute; right: 0; top: 0; width: 100%; height: 105px; overflow: hidden; }

.hidden_search .hidden_searchwrap { width: 100%; max-width: 1140px; margin: 0 auto; }

.hidden_searchwrap2 {  max-width: 1140px;  margin: 0 auto; background: #f8f8f8; border-radius: 5px; }

.hidden_searchwrap .close_search { float: left; width: 12.29%; height: 105px; background: url(../images/hidden_close.png) no-repeat center; }

.hidden_searchwrap .text { float: left; width: 67.75%; height: 24px; line-height: 24px; padding: 40.5px 0; background: none; }

.hidden_searchwrap .btn { float: left; width: 19.96%; height: 105px; background: #eeeeee url(../images/hidden_searchicon.png) no-repeat center; text-indent: -999em; }

.m_navbtn { float: right; width: 46px; text-align: center; margin-top: 32.5px; margin-left: 15px; display: none; }

.m_navbtn i { font-size: 24px; color: #444444; }

.mclose_btn { position: absolute; right: 15px; top: 15px; display: block; padding: 5px; z-index: 9999; }

.mclose_btn .iconfont { font-size: 22px; color: #666; }

.m_navlistwrap { padding: 15px 30px; }

.m_navlistwrap li { text-align: center; }

.m_navlistwrap li &gt; a { line-height: 40px; text-align: center; color: #212121; font-size: 20px; text-transform: uppercase; font-weight: lighter; display: block; position: relative; }

.m_navlistwrap li &gt; span { font-size: 14px; color: #666; text-transform: uppercase; color: #818181; display: inline-block; padding: 0 5px; text-align: center; font-size: 14px; font-weight: 300; line-height: 2; }

.m_navlistwrap li &gt; a:after { content: " "; width: 10px; height: 1px; background: #2a2a2a; position: absolute; bottom: 0; left: 50%; margin-left: -5px; }

.m_navlistwrap dl dd a { display: inline-block; padding: 0 5px; text-align: center; font-size: 14px; font-weight: 300; line-height: 2; position: relative; text-transform: uppercase; color: #818181; }

.m_nav { display: none; }

.msearch_icon { display: none; }

.hidden_search2 {  }

.hidden_search2 { position: absolute; left: 50%;transform:translateX(-50%) translateY(-50%);top: 50%;width: 100%;border-radius:5px}

.hidden_searchwrap2 .close_search2 { float: left; width: 12.29%; height: 105px; background: url(../images/hidden_close.png) no-repeat center; }

.hidden_searchwrap2 .text2 { float: left; width: 67.75%; height: 24px; line-height: 24px; padding: 40.5px 0; background: none; }

.hidden_searchwrap2 .btn2 { float: left; width: 19.96%; height: 105px; background: #eeeeee url(../images/hidden_searchicon.png) no-repeat center; text-indent: -999em; border-radius: 0 5px 5px 0;position: static!important; }

html.state { overflow: hidden; }

.hidden_searchwrap2 .close_search2 { height: 60px; background: url(../images/hidden_close.png) no-repeat center; background-size: 15px auto; }

.hidden_searchwrap2 .text2 { padding: 18px 0; }

.hidden_searchwrap2 .btn2 { height: 60px; background-size: 18px auto; }

.hidden_nav .w_1140 { padding-top:30px; padding-bottom: 30px; }

.hidden_nav .navimg { float: left; width: 36.32%; }

.hidden_nav .navimg a { display: block; position: relative; overflow: hidden; height: 0; padding-bottom: 226px; }

.hidden_nav .navimg a:hover em { transform: scale(1.05); -webkit-transform: scale(1.05); }

.hidden_nav .navimg a em { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }

.hidden_nav .navdl { margin-left: 9.65%; float: left; width: 36.32%; }

.hidden_nav .navdl dd { float: left; width: 34.83%; margin-left: 15.17%; border-bottom: 1px solid #e0e0e0; padding: 21px 0 15px; }

.hidden_nav .navdl dd a { display: block; font-size: 16px; color: #333333; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }

.hidden_nav .pronav:last-child { margin-right: 0; }

.hidden_nav .pronav { float: left;    width: 11.1875%;
    margin-right: 1.5%; }
.header .nav&gt;ul&gt;li:nth-child(4) .hidden_nav .pronav{ width: 13%;}  

.hidden_nav .pronav .img { margin-bottom: 14px; }

.hidden_nav .pronav .img a { display: block; padding-bottom: 98px; position: relative; height: 0; overflow: hidden; }

.hidden_nav .pronav .img a em { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}

.hidden_nav .pronav dl dt { padding-bottom: 10px; margin-bottom: 11px; border-bottom: 1px solid #e0e0e0; }

.hidden_nav .pronav dl dt a { display: block; font-size: 16px; color: #333333;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}

.hidden_nav .pronav dl dd a { display: block; font-size: 14px; color: #777777;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}

.hidden_nav .pronav dl dt a:hover { color: #009adc; }

.hidden_nav .pronav dl dd a:hover { color: #009adc; }

.hidden_nav .pronav .img a:hover em { transform: scale(1.05); -webkit-transform: scale(1.05); }

.hidden_nav .navdl dd a:hover { color: #009adc; }

.back_topbtn { display: none; width: 58px; height: 58px; position: fixed; right: 0px; bottom: 0px; background: #ddd url(../images/backtopbg.png) no-repeat center top; border-radius: 4px; text-align: center; text-indent: -999em; z-index: 999;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}

.back_topbtn:hover { background-position: center bottom; }

/*20181124xg*/
.nav .line {position: absolute; bottom: 25%;width: 0px;height: 2px;font-size: 3px;background: url(../images/nav_line.jpg) no-repeat center;background-size: 100% 2px;}
.header .nav ul li &gt; a:after { position: absolute; left: 0; bottom: 25%; width: 100%; height: 2px;   background: url(../images/nav_line.jpg) no-repeat center;background-size: 100% 2px;content: ""; opacity: 0; visibility: hidden; transform:scaleX(0);transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
.header .nav ul .nav-up-selected &gt; a:after { opacity: 1;visibility: visible;transform:scaleX(1);}
.header .nav .nav_line { position: absolute; top: 65px; height: 2px; background: #203d87; opacity: 0; }
.hidden-nav { background: #ddd; z-index: 999; position: absolute; left: 0%; right: 0%; overflow: hidden; top: 105px; box-sizing: border-box;transition: 0.8s;}
.header.tophide .hidden-nav{top: 70px; }
.hidden_nav { display: none; }

/*20181205xg 头部导航*/
.hidden-nav-inner{position: relative;min-height: 180px;background: #f4f4f4;}
.hidden_navimg{position: absolute;left: 0;top: 0;bottom: 0;width: 240px;}
.hidden_navimg a{display: block;}
.hidden_navimg .img{position: absolute;right: 0;top: 0;width: 240px;}
.hidden_navimg .img em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: right top;}
.hidden_navimg h3{position: relative;padding-top: 40px;font-size: 30px;color: #fff;}
#m7 .hidden_navimg h3{font-size: 25px;}
.hidden_navimg h3 span{display: block;padding-left: 10%;}
.hidden_navimg h3 i{position: absolute;right: 9.81%;top: 58px;  width: 15px;height: 3px; background: #ffb62f;}
.hidden_navimg .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: right top;}
.hidden_navimg .bgleftwhite{position: absolute;left: 0; top: 0;width: 5%;height: 100%; background: rgba(255,255,255,0.5);content: "";}

.hidden_navallwrap{position: relative;padding: 30px 0 30px 265px;}

.hidden_navall .hidden_navcenter{position: relative;margin: 40px 265px;}
.hidden_navall .hidden_navcenter ul{}
.hidden_navall .hidden_navcenter li{float: left;box-sizing: border-box;width:50%;padding: 0 20px;}
.hidden_navall .hidden_navcenter li:nth-child(2n+1){ padding-left: 0;}
.hidden_navall .hidden_navcenter li a:before{position: absolute; left: 0;width: 0; top: -5px;bottom: -5px; content: ""; height: 50px; background-color: #fff;transition: 0.3s;}
.hidden_navall .hidden_navcenter li a:after{position: absolute; left: 0;width: 0; top: -5px;bottom: -5px; content: ""; height: 50px; background-color: #009adc;transition: 0.3s;}
.hidden_navall .hidden_navcenter li a:hover span{ color: #009adc;background-image: url(../images/nav_arrow3.png); }
.hidden_navall .hidden_navcenter li a:hover:before{ width: 100%;}
.hidden_navall .hidden_navcenter li a:hover:after{ width: 3px;}
.hidden_navall .hidden_navcenter li a{position: relative;display: block;height: 40px;padding: 0 20px;font-size: 16px;line-height: 40px;color: #555;transition: 0.3s;}
.hidden_navall .hidden_navcenter li a span{ display: block; z-index: 2;color: #555555; position: relative;background: url(../images/nav_arrow1.png) no-repeat right center; }
.hidden_navall .hidden_navcenter li:nth-child(2n){margin-right: 0;}

.hidden_navcenterwrap{position: relative;min-height: 120px;border-right: 1px solid #e1e1e1;}
.hidden_navcenterwrap:before{content: '';position: absolute;left: 50%;top: 0;bottom: 0;width: 1px;background-color: #e1e1e1;}

.bgline{ position: absolute; left: 50%;top: 10px; bottom: 10px; width: 1px; margin-left: -15px; content: ""; background-color: #e1e1e1;}
.bgline2{position: absolute; right:-6.7%; top: 10px; bottom: 10px; width: 1px; content: ""; background-color: #e1e1e1;}

.hidden_navright{display: none!important;position: absolute;right: 10px;top: 30px;width: 220px;}
.hidden_navright h4{margin-bottom: 15px;}
.hidden_navright h4 a b{ display: block;line-height: 1.4;font-size: 24px;color: #009adc; }
.hidden_navright h4 a i{ display: block; line-height: 1.6;font-size: 15px;color: #888888; }
.hidden_navright h5{ }
.hidden_navright h5 a{ display: block; width: 88px; height: 28px;line-height: 28px; text-align: center; border:1px solid #333333; border-radius: 14px; transition: 0.3s;}
.hidden_navright h5 a:hover{ background: #009adc; color: #fff; border-color: #009adc; }

.hidden_navtype2{margin-left: 285px;}
.hidden_navtype2 ul{display: flex;justify-content: space-between;padding: 40px 0;}
.hidden_navtype2 ul li{flex: 1 1 48%;margin-left: 2%;}
.hidden_navtype2 ul li a{display: block;  transition:all 0.3s ease 0s;   -webkit-transition:all 0.3s ease 0s;background: #fff; padding-top: 30px; height: 110px;text-align: center;  }
.hidden_navtype2 ul li .icon{ display: block; width: 46px; margin: 0 auto 10px; line-height: 46px;     height: 46px; background: url(../images/service_navicon1.png) no-repeat center top; }
.hidden_navtype2 ul li span{display: block;  transition:all 0.3s ease 0s;   -webkit-transition:all 0.3s ease 0s; line-height: 24px; font-size: 15px;color: #333333; }
.hidden_navtype2 ul li:nth-child(2) .icon{background: url(../images/service_navicon2.png) no-repeat center top;}
.hidden_navtype2 ul li:nth-child(3) .icon{background: url(../images/service_navicon3.png) no-repeat center top;}
.hidden_navtype2 ul li a:hover span{ color: #009adc;}
.hidden_navtype2 ul li a:hover{box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.05);transform: translateY(5px);}
#m4 .hidden_navtype2 ul li:nth-child(1) .icon{background: url(../images/service_navicon1.png) no-repeat center top;}
#m4 .hidden_navtype2 ul li:nth-child(2) .icon{background: url(../images/service_navicon29.jpg) no-repeat center top;}
#m4 .hidden_navtype2 ul li:nth-child(3) .icon{background: url(../images/service_navicon2.png) no-repeat center top;}
#m4 .hidden_navtype2 ul li:nth-child(4) .icon{background: url(../images/service_navicon3.png) no-repeat center top;}
#m4 .hidden_navtype2 ul li:nth-child(1) .icon{background: url(../images/service_navicon15.png) no-repeat center top;}

.hidden_type3{ margin-left: 280px;padding-top: 46px; padding-bottom: 40px; overflow: hidden; overflow: hidden; position: relative; }
.hidden_type3 ul{ position: relative; }
.hidden_type3 ul.title1{float: left; width: 235px; width: 28.14%;position: relative;  }
.hidden_type3 ul.title1:after{position: absolute;right: 0;top:0px; bottom: 0px; width: 1px; content: ""; background: #e1e1e1;  }
.hidden_type3:before{position: absolute;right:271px;top:46px; bottom: 46px; width: 1px; content: ""; background: #e1e1e1; }
.hidden_type3 ul.list1{float: left; width: 599px;  width:  71.74%; position: relative; }
.hidden_type3 ul.list1 li{ padding-left: 16px;}
.hidden_type3 .list1a{ margin-right: 29.36%;margin-right: 16px; padding-left: 25px;     display: block;position: relative;line-height: 40px;height: 40px; font-size: 16px;color: #333333; transition: all 0.3s ease 0s;}
.hidden_type3 .list1a span{position: relative; margin-right: 27px; display: block; color: #333333;     background: url(../images/nav_arrow1.png) no-repeat right center; overflow: hidden;}
.hidden_type3 .on .list1a{ color: #fff;  }
.hidden_type3 li .list1a:before{position: absolute; height: 50px; left:0px;top: -5px; width: 100%; content: ""; background: #fff;  transition:all 0.3s ease 0s;   -webkit-transition:all 0.3s ease 0s;width: 0; }
.hidden_type3 li .list1a:after{ position: absolute; left: 0; top: -5px; bottom: -5px;width: 3px; width: 0; height: 50px; background: #009adc; content: "";  transition:all 0.3s ease 0s;}
.hidden_type3 .on .list1a:before{ width: 100%;}
.hidden_type3 .on .list1a:after{ width: 3px;}
.hidden_type3 .on .list1a span{color: #009adc;background-image: url(../images/nav_arrow3.png);}
.hidden_type3 .list1 dd .list2a span{ display: block;position: relative; }
.hidden_type3 .list1 dd:hover .list2a{   }
.hidden_type3 .list1 dd .list2a:before{position: absolute; height: 50px; left: 0px;top: -5px; width: 100%; transition:all 0.3s ease 0s;   -webkit-transition:all 0.3s ease 0s;width: 0; content: ""; background: #fff; }
.hidden_type3 .list1 dd:hover .list2a span{color: #009adc;}
.hidden_type3 .list1 dd:hover .list2a:before{ width: 100%;}
.hidden_type3 dd{padding-right: 11%;}
.hidden_type3 .list2a{ position: relative; display: block; line-height: 40px;height: 40px; font-size: 15px;color: #888888;transition: all 0.3s ease-out;padding-left: 25px;padding-right: 27px; margin-right: 271px;  }
.hidden_type3 .list2a:hover{color: #009adc; }
.hidden_type3 .rightimg{position: absolute;right: 0;top:0px; float: right; width: 242px; padding-left: 26px;bottom: 48px; }
.hidden_type3 .rightimg .img{ margin-bottom: 9px; overflow: hidden; position: relative; width: 242px; padding-bottom: 178px; height: 0;}
.hidden_type3 .rightimg .img em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;   }
.hidden_type3 .rightimg a:hover .img em{ -webkit-transform:scale(1.05); transform:scale(1.05);   -webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.hidden_type3 .rightimg .txt{font-size: 14px;color: #333333; line-height: 24px; max-height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all 0.3s ease-out;}
.hidden_type3 .rightimg a:hover .txt{color: #009adc;}
.hidden_type3 .rightimg{ display: none;}
.hidden_type3 ul.list1 li{ display: none; }
.hidden_type3 ul.list1 li dd:nth-child(1) .rightimg{ display: block;}
.hidden_type3 dd:hover .rightimg{ display: block;} 

/*解决方案页面ul,li的问题*/
.sec2_protop dl dd ul li{ list-style: disc!important; margin-left: 18px!important;}
#m2 .hidden_type3 .rightimg .img{ padding-bottom: 130px;}
#m6 .hidden_navright{ margin-top: 47px;}
.invest_navimg{margin-bottom: 9px;overflow: hidden;position: relative;width: 242px;padding-bottom: 86px;height: 0;transition: all 0.3s ease-out;}
.invest_navimg em{position: absolute;left: 0;top: 0; width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;transition: all 0.3s ease-out; }
.invest_navimg:hover em{ -webkit-transform:scale(1.05); transform:scale(1.05); }
#m7 .hidden_navright h4 a b{font-size: 24px;}
.header .nav ul li&gt;a{font-weight: bold;}
.hidden_navrightimg dt{}
.hidden_navrightimg dt .img{ position: relative; padding-bottom: 120px; height: 0;position: relative; overflow: hidden; }
.hidden_navrightimg dt .img em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat; background-position: center;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
.hidden_navrightimg dd{margin-top: 5px;line-height: 24px;font-size: 14px;color: #333333;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;text-align: center;}
.hidden_navrightimg a:hover dd{color: #009adc;}
.hidden_navrightimg a:hover dt .img em{transform:scale(1.05);}

/*20181212XG END*/
.hidden_navimg{}
.hidden_navright,.hidden_navtype2{opacity: 0;transform:translateY(-20px);transition: 0.5s;}
.hidden_navimg .bg,.hidden_navall .hidden_navcenter{opacity: 0;transform:translateX(-20px);transition: 0.5s;}

/*20181221xg*/
#m5 .hidden_navtype2 ul li,#m4 .hidden_navtype2 ul li{ width: 22.7%;}
/*20200522*/
#m4 .hidden_navtype2 ul li{width:17.7%}
.hidden_navtype2 ul li:last-child{margin-right: 0;}
#m5 .hidden_navtype2 ul li:nth-child(1) .icon{background: url(../images/hr_navicon1.png) no-repeat center top;}
#m5 .hidden_navtype2 ul li:nth-child(2) .icon{background: url(../images/hr_navicon2.png) no-repeat center top;}
#m5 .hidden_navtype2 ul li:nth-child(3) .icon{background: url(../images/hr_navicon3.png) no-repeat center top;}
#m5 .hidden_navtype2 ul li:nth-child(4) .icon{background: url(../images/hr_navicon4.png) no-repeat center top;}
.hidden_navtype2 ul li a{position: relative;overflow: hidden;}
.hidden_navtype2 ul li a:after{position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #009adc; content: ""; 
 -webkit-transform:scaleX(0);  transform:scaleX(0);    -webkit-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;   }
.hidden_navtype2 ul li a:hover:after{ -webkit-transform:scaleX(1);  transform:scaleX(1);  }

.coptmap{margin-left: 20px;}
.coptmap a{color: #fff;margin-left: 10px;position: relative;padding-left: 10px;opacity: 0.8;filter: alpha(opacity=80);}
.coptmap a:after{width: 1px;height: 10px;position: absolute;left: 0;top:50%;margin-top: -5px;content: '';display: inline-block;background: #fff;}
.coptmap a:first-child:after{display: none;}

/*0124*/
.topbarindex{position: absolute;top: 20px;z-index:99;}
.topbarindex,.headerindex{background: none;}
.headerindex{position: fixed;height: auto}
.headerindex .nav ul li&gt;a{color: #fff;}
.topbarindex .groups{/*margin-left: 40px;*/}
.topbarindex .groups&gt;a{color: #fff;background:url(../images/group_iconay.png) no-repeat right center;}
.headerindex .logo{position: relative;z-index: 9999;}
.headerindex .logo{width: 170px;height: 160px;}
.headerindex .logo img,.headerindex.tophide .logo img{width: 100%;height: auto}
.topbarindex .stock{color: #fff;position: relative;z-index: 2;float: right;}
.topbarindex .stock a{color: #fff;}
.headerindex .nav_wrap_box{margin-top: 38px;}
.headerindex .search_icon{margin-top: 75.5px;background: url(../images/search_iconay.png) no-repeat center top;-webkit-background-size: 30px;
background-size: 30px;}
.topbarindex .language .icon{background: url(../images/language_iconay.png) no-repeat center top;}
.headerindex .hidden-nav{top: 160px}

.headerindex.tophide {background: #fff;}
.headerindex.tophide .nav_wrap_box{margin-top: 0;}
.headerindex.tophide .nav ul li&gt;a{color: #444;}
.headerindex.tophide .logo{width: 150px;}
.headerindex.tophide .logo img{margin-top: -44px;}
.headerindex.tophide .search_icon{background: url(../images/search_icon.png) no-repeat center top;-webkit-background-size: 30px;background-size: 30px;}
.headerindex.tophide .topbarindex{display: none;}
.headerindex.tophide .contact_icon{background: url(../images/cont_0808ayh.png) no-repeat center top;-webkit-background-size: 30px;background-size: 30px;}

.headerindex:hover{background: #fff;}
.headerindex:hover .nav ul li&gt;a{color: #333;}
.headerindex:hover .search_icon{background: url(../images/search_icon.png) no-repeat center top;-webkit-background-size: 30px;background-size: 30px;}
.headerindex:hover .topbarindex .groups&gt;a{color: #333;background:url(../images/group_icon.png) no-repeat right center;}
.headerindex:hover .topbarindex .language .icon {    background: url(../images/language_icon.png) no-repeat center top;}
.headerindex:hover .topbarindex .stock{color: #333;}
.headerindex:hover .topbarindex .stock a{color: #333;}
.headerindex:hover .contact_icon{background: url(../images/cont_0808ayh.png) no-repeat center top;-webkit-background-size: 30px;background-size: 30px;}
.headerindex:hover .login-btn{color: #333;}

.headerindex.bg-white .nav ul li&gt;a{color: #333;}
.headerindex.bg-white .search_icon{background: url(../images/search_icon.png) no-repeat center top;-webkit-background-size: 30px;background-size: 30px;}
.headerindex.bg-white .topbarindex .groups&gt;a{color: #333;background:url(../images/group_icon.png) no-repeat right center;}
.headerindex.bg-white .topbarindex .language .icon {    background: url(../images/language_icon.png) no-repeat center top;}
.headerindex.bg-white .topbarindex .stock{color: #333;}
.headerindex.bg-white .topbarindex .stock a{color: #333;}
.headerindex.bg-white .contact_icon{background: url(../images/cont_0808ayh.png) no-repeat center top;-webkit-background-size: 30px;background-size: 30px;}

.egab{width:100%;line-height:42px;color:#c4c3c3;font-size:14px;float:left}
.egab a{display: block;color:#c4c3c3;}
.egab span{display: block;}
.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%;background: url(../images/grayBg.png) repeat;visibility: hidden;transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999;  opacity: 0;}
.cd-popup.is-visible { opacity: 1; visibility: visible;transition: opacity 0.3s 0s, visibility 0s 0s;}

/*新版二,三级导航2021.6.7*/
.nav-2nd-box{display: flex;min-height: 120px;}
.nav-2nd-box *{box-sizing: border-box;}
.nav-2nd-box .nav-2nd-column{position: relative;flex: 0 0 33.33%;padding: 0 20px;background-color: #f4f4f4;border-right: 1px solid #e1e1e1;}
.nav-2nd-box .nav-2nd-column:first-child{padding-left: 0;}
.nav-2nd-box .nav-2nd-column &gt; li{}
.nav-2nd-box .nav-2nd-column &gt; li &gt; a{z-index: 1;position: relative;display: block;padding: 10px 20px;font-size: 16px;line-height: 20px;color: inherit;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nav-2nd-box .nav-2nd-column &gt; li &gt; a:before{content: '';z-index: -1;position: absolute;left: 0;top: -5px;bottom: -5px;width: 0;background-color: #fff;}
.nav-2nd-box .nav-2nd-column &gt; li &gt; a:after{content: '';z-index: -1;position: absolute;left: 0;top: -5px;bottom: -5px;width: 0;background-color: #009adc;}
.nav-2nd-box .nav-2nd-column &gt; li &gt; a .arrow{position: absolute;right: 15px;top: 50%;width: 5px;height: 5px;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(-50%,-50%) rotate(45deg);}
.nav-2nd-box .nav-2nd-column &gt; li:hover &gt; a{color: #009adc;}
.nav-2nd-box .nav-2nd-column &gt; li:hover &gt; a:before{width: 100%;transition: 0.3s;}
.nav-2nd-box .nav-2nd-column &gt; li:hover &gt; a:after{width: 3px;transition: 0.3s;}
.nav-2nd-box .nav-2nd-column.open{flex: 0 0 66%;transition: 0.3s;}
.nav-2nd-box .nav-2nd-column.open &gt; li &gt; a{width: 50%;}
.nav-2nd-box .nav-2nd-column &gt; li:hover .nav-3rd{display: block;}
.nav-2nd-box .nav-3rd{display: none;position: absolute;left: 50%;right: 0;top: 0;bottom: 0;min-height: 100%;overflow-y: auto;overscroll-behavior: contain;}
.nav-2nd-box .nav-3rd &gt; li{}
.nav-2nd-box .nav-3rd &gt; li &gt; a{display: block;padding: 10px 20px;font-size: 14px;line-height: 20px;transition: 0.3s;}
.nav-2nd-box .nav-3rd &gt; li &gt; a:hover{color: #009adc;}

@media only screen and (max-width: 1400px) { 
.hidden_navimg h3{font-size: 30px;}
.header .nav ul li{  padding: 0 16px;}
}

@media only screen and (max-width: 1280px) { 
.header .nav ul li{padding: 0 10px;}
.header.tophide .header_right{ display: none;}
.coptmap{display: inline-block;margin-top: 15px;margin-left: 0;}
}

@media only screen and (max-width: 1140px) { 
.header .nav { display: none; } 
.m_navbtn{ display: block;}
.topbar{ display: none;}
.header{ position: fixed; left: 0;top: 0;}
.header{  height: 70px;  }
.m_navbtn{margin-top: 12px;}
.msearch_icon{ margin-top: 15px;}
.header .logo img{ height: 50px;}
.header.headerindex .logo img{height: 125px;margin-top: -36px;width: auto;}
.header.headerindex.tophide .logo img{margin-top: -36px;}
.header.tophide .contact_icon,.contact_icon{margin-top:22.5px}
.search_icon{ margin-top: 20px;}
.headerindex .search_icon{margin-top: 23px;    background: url(../images/search_icon.png) no-repeat center top;-webkit-background-size: 30px;background-size: 30px;}
.headerindex .contact_icon{margin-top:23px;background: url(../images/cont_0808ayh.png) no-repeat center top;background-size: cover;}
}

@media only screen and (max-width: 991px) {
.footer_nav{ width: 100%;}
.footer_nav dl{ width: 100%!important;float: none; overflow: hidden; margin-bottom: 15px;}
.footer_nav dl dt{width: 100%;}
.footer_nav dl dt,.footer_nav dl dd{float: left; margin-right: 10px;}
.footer_ewm{float: left;}
.copyright{width: 100%;text-align: center;float: none;padding-bottom:10px;}
.coptmap{display:block;width:100%}
.js_link{float: none; margin: 0 auto;}
.footer_top{ padding: 30px 0;}
.footer_bot{ padding: 15px 0; }

.msearch_icon{ margin-top: 15px;}
.header .logo img{ height: 44px;}
.header.tophide .logo img{ height: 44px;}
.header.headerindex .logo img{height: 125px;margin-top: -36px;width: auto;}
.header.headerindex.tophide .logo img{margin-top: -36px;}
.back_topbtn{ display: none!important;}

.i_banner .wrap{margin-top: 10% !important;}
.egab{text-align:center}
.egab a,.egab span{display:block}
}

@media only screen and (max-width: 480px) {
.footer_top{ display: none;}

}
/*# sourceMappingURL=topfoot.css.map */</pre></body></html>