@charset "utf-8";
/*CN*/
* { margin: 0; padding: 0; }

html {  font-family: "Microsoft YaHei"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

html,body{overflow-x: hidden; }
ol, ul, li { list-style: none; }

img { border: none; vertical-align: middle; }

a { color: #474747; text-decoration: none; outline: none; }

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默认样式*/ }

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:before, .clearfix:after { content: ''; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.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:#fff;border-radius:2px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}
.header.scrollHeader .hamburger--collapse .hamburger-inner,
.header.scrollHeader .hamburger-inner::after,.header.scrollHeader .hamburger-inner::before{
background-color:#aaa;
}

 .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 > .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 > .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; }

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

.mm-menu > .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 > .mm-panel.mm-opened { left: 0%; }

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

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

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

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

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

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

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

.mm-list, .mm-list > 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 > li { position: relative; }

.mm-list > li > a, .mm-list > li > 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 > 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 > 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 > li.mm-selected > a.mm-subopen { background: transparent; }

.mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > 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 > 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 > li.mm-spacer { padding-top: 40px; }

.mm-list > 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 > .mm-panel { display: block; }

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

.mm-menu.mm-vertical .mm-list > li.mm-opened > 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 > li:after { border-color: rgba(0, 0, 0, 0.15); }

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

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

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

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

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

.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > 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 > .mm-panel { position: relative; height: auto; display: none; left: 0; }

html.mm-nooverflowscrolling.mm-opened > .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 > 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 > .mm-panel { padding-top: 120px; }

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

.mm-menu.mm-hasheader.mm-ismenu.mm-hassearch > .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 > li.mm-label * { font: inherit; }

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

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

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

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

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

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

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

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

.mm-menu .mm-list li.mm-label > div > 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 > a.mm-subopen { display: none; }

.mm-menu li.mm-nosubresults > a.mm-subopen + a, .mm-menu li.mm-nosubresults > 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 > .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 { z-index: 1; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); 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 > li:after { border-color: rgba(0, 0, 0, 0.1); }

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

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

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

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

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

.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > 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 > div > 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 > li:after { border-color: rgba(0, 0, 0, 0.1); }

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

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

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

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

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

.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > 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 > div > 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 > li:after { border-color: rgba(255, 255, 255, 0.2); }

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

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

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

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

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

.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > 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 > div > 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("../fonts/centurygothicbold.eot"); src: url("../fonts/centurygothicbold.eot") format("embedded-opentype"), url("../fonts/centurygothicbold.woff") format("woff"), url("../fonts/centurygothicbold.ttf") format("truetype"), url("../fonts/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("../fonts/sourcehansansbold.eot"); src: url("../fonts/sourcehansansbold.eot") format("embedded-opentype"), url("../fonts/sourcehansansbold.woff") format("woff"), url("../fonts/sourcehansansbold.ttf") format("truetype"), url("../fonts/sourcehansansbold.svg") format("svg"); font-weight: normal; font-style: normal; }
.SourceHanSansBold { font-family: "SourceHanSansBold"; }

@font-face { font-family: 'SourceHanSansRegular'; src: url("../fonts/sourcehansansregular.eot"); src: url("../fonts/sourcehansansregular.eot") format("embedded-opentype"), url("../fonts/sourcehansansregular.woff") format("woff"), url("../fonts/sourcehansansregular.ttf") format("truetype"), url("../fonts/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("../fonts/hyqihei-25jf.eot"); src: url("../fonts/hyqihei-25jf.eot") format("embedded-opentype"), url("../fonts/hyqihei-25jf.woff") format("woff"), url("../fonts/hyqihei-25jf.ttf") format("truetype"), url("../fonts/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("../fonts/hyqihei-35s.eot"); src: url("../fonts/hyqihei-35s.eot") format("embedded-opentype"), url("../fonts/hyqihei-35s.woff") format("woff"), url("../fonts/hyqihei-35s.ttf") format("truetype"), url("../fonts/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 { max-width: 1240px; width: 92%; margin: 0 auto; }

.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; }

.w_1520 { max-width: 1520px; width: 96%; margin: 0 auto; }

.topbar { width: 100%;  background: #efefef; }

.topbar .stock { float: left; line-height: 25px; padding: 5px 0; overflow: hidden; font-size: 13px; color: #999999; }
.topbar .stock a{color: #999999; -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;}
.topbar .stock a:hover{color: #009adc;}
.groups { float: right; margin-right: 30px;position: relative; z-index: 9; }

.groups>a { display: block; height: 35px; line-height: 35px; padding-right: 18px; font-size: 13px; color: #999999; background: url(/img/group_icon.png) no-repeat right center; }
.groups:hover>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;    -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; }
.groups ul li a:hover{ color: #009adc;}




.language { float: right;position: relative; z-index: 9999; }

.language .icon { display: block; background: url(/img/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: 35px;width:182px; 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;   -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; }
.language ul li a:hover{ color: #009adc;}
.language:hover ul{    }


.header { position: relative; z-index: 999;height: 105px;width: 100%; -webkit-transition: all 1s ease;
    transition: all 1s ease; background: rgba(255,255,255,1); }
.header .logo { float: left; height: 105px; line-height: 95px;overflow: hidden; }

.header .logo img { height:70px; }

.header_right{ float: right; display: none;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;    }
.topbar .header_right{ display: block;}
.nav_wrap_box{float: right; -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;  }
.header .nav { float: left; margin-right: 18px; }

.header .nav ul li { float: left; padding:0px 20px;  position: relative;}

.header .nav>ul>li>a { display: block;  line-height: 35px; font-size: 16px; color: #444444; position: relative; -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
 padding: 35px 0px;}




/*scroll*/
 .nav ul li > a, .hidden_nav{ }
 .logo, .logo img{-webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.header.tophide .nav_wrap_box{margin-right: 2px;}

.header.tophide { position: fixed; top: 0; left: 0; height: 70px; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.header.tophide .header_right{display: block; margin-top: 17.5px; }
.header.tophide .logo { height: 70px; line-height: 70px; }
.header .logo img.m_logo { display: none; }
.header.tophide .logo img.m_logo { display:block; }
.header.tophide .logo img.pc_logo { display: none; }
.header.tophide .logo img { height: 60px; }
.header.tophide .nav ul li > a { padding: 17.5px 0; }
.header.tophide .nav .hidden_navcenter li > a { padding: 0px 10px; }
.header.tophide .hidden_nav { top: 70px; }
.header.tophide .search_icon { margin-top: 20px;margin-right: 10px; }
.header.tophide .contact_icon{margin-top:19px; transition: all 0.8s ease;}

.m_navbtn { -webkit-transition: all 0.8s ease; transition: all 0.8s ease; }

.header.tophide .m_navbtn { margin-top: 15px; }

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

.header .nav ul li > 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; }

/*.hidden_searchw_1140{position: absolute; left: 0; top: 0px;   }*/
.search_icon { float: right; display: block; margin-top: 37.5px; width: 30px; height: 30px; background: url(/img/search_icon.png) no-repeat center top; background-size: 30px auto;  
  -webkit-transition: margin 0.8s ease;
    transition: margin 0.8s ease; }
.contact_icon {
    float: right;
    display: block;
    margin-top: 36.5px;margin-left:10px;
    width: 60px;
    height: 30px;transition: all 0.8s ease;
   font-size: 1rem;
color: #fff;line-height: 30px;
}



.headerindex .contact_icon {
    margin-top: 44.5px;
 font-size: 1rem;
color: #fff;line-height: 30px;
}
.headerindex .contact_icon a{color: #fff;}
.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; }

.header .w_1140, .topbar .w_1140 {  max-width:1200px; width: 90%;  }

.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(/img/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(/img/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 > 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 > 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 > 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 { display: none; }

.hidden_search2 { position: absolute; right: 0; top: 0; height: 105px; background: #f8f8f8; width: 80%; max-width: 952px; }

.hidden_searchwrap2 .close_search2 { float: left; width: 12.29%; height: 105px; background: url(/img/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(/img/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(/img/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>ul>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; -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 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; -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 dl dd a { display: block; font-size: 14px; color: #777777; -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 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(/img/backtopbg.png) no-repeat center top; border-radius: 4px; text-align: center; text-indent: -999em; z-index: 999; -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; }

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

/*20181124xg*/
.nav .line {
    position: absolute;
    bottom: 25%;
    width: 0px;
    height: 2px;
    font-size: 3px;
      background: url(/img/nav_line.jpg) no-repeat center;background-size: 100% 2px;
    /*display: none;*/
}







/*.header .nav ul li>a:after { position: absolute; left: 0%; bottom: 26px; width: 100%; height: 2px; 
    background: url(/img/nav_line.jpg) no-repeat center; 
 content: "";  opacity: 0; visibility: hidden;  transform:scaleX(0);   -webkit-transform:scaleX(0);-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; background-size: 100% 2px;  }
*/

.header .nav ul li > a:after { position: absolute; left: 0; bottom: 25%; width: 100%; height: 2px;   background: url(/img/nav_line.jpg) no-repeat center;  background-size: 100% 2px;
 content: ""; opacity: 0; visibility: hidden;  transform:scaleX(0);   -webkit-transform:scaleX(0);-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; }
.header .nav ul .nav-up-selected > a:after { opacity: 1;visibility: visible;  transform:scaleX(1);   -webkit-transform:scaleX(1); }
.header .nav .nav_line { position: absolute; top: 65px; height: 2px; background: #203d87; opacity: 0; }


.hidden-nav { background-color: rgba(235,235,235,.9); z-index: 999; position: absolute; left: 0%; right: 0%; overflow: hidden; top: 105px; box-sizing: border-box; -webkit-box-sizing: border-box;     -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease; }
.header.tophide .hidden-nav{top: 70px; }
.hidden_nav { display: none; }
.header .nav .nav-down-menu li a{
    font-size: 14px;
    line-height: 2.2rem;
    color: #666;display: block;
  text-align: center;
}.header .nav .nav-down-menu li:hover{background-color: #005197;}
.header .nav .nav-down-menu li:hover a{

    color: #fff;
}
.header.tophide .nav  .nav-down-menu li a{
    padding:0;
}

.header .nav .nav-down-menu ul li{    width: 100%;
    padding: 0 10px!important;float: none;
}
.header.headerindex.tophide .contact_icon,.headerindex:hover .contact_icon{font-size: 1rem;
color: #666;}
.headerindex:hover .logo img.m_logo { display:block; }.headerindex:hover .logo img.pc_logo { display:none; }
/*20181205xg 头部导航*/
.hidden-nav-inner{ background: #f4f4f4; position: relative;
     min-height: 282px;}

.hidden_navall{  
   /*高度要删掉*/
     }
.hidden_navimg{ float: left; width: 282px; margin-left: -100%;}
.hidden_navimg a{display: block; }
.hidden_navimg .img{position: relative;  }
.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: 47px;font-size: 36px;color: #ffffff; line-height: 1.11; font-weight: bold; }
#m7 .hidden_navimg h3{font-size: 25px;}
.hidden_navimg h3 span{    padding-left: 5%;
    padding-right: 58px;
    letter-spacing:4px;
    display: block; }
.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;      height: 100%;
 width:100%;min-height:235px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right top;
   }
.hidden_navimg .bgleftwhite{position: absolute;left: 0;  top: 0;width: 7%;height: 100%; 
background: rgba(255,255,255,0.5); content: "";  }

  @media only screen and (min-width: 1500px) {.hidden_navimg {
    float: left;
    width: 265px;
    margin-left: -117%;
} }


.hidden_navall{  }
.hidden_navallwrap{ width: 100%;  float: left;}
.hidden_navall .hidden_navcenter{ margin-left:280px; /*margin-right:271px;*/ position: relative; margin-top: 37px; padding-bottom:38px; }
.hidden_navall .hidden_navcenter ul{position: relative;}
.hidden_navall .hidden_navcenter ul:after{position: relative;}
/*.hidden_navall .hidden_navcenter ul{     max-width: 492px;
    margin: 0 auto; }*/
.hidden_navall .hidden_navcenter ul:after{position: absolute; left: 50%; width: 1px; top: 3px; bottom: 21px; content: ""; background: #e1e1e1;     margin-left: -7.11%;}
.hidden_navall .hidden_navcenter:before{position: absolute; right: 0; width: 1px; top: 3px; bottom:21px; content: ""; background: #e1e1e1; }


.hidden_navall .hidden_navcenter li{ float: left;  width:33%; padding-right: 16px;  box-sizing:border-box; }
.hidden_navall .hidden_navcenter li:nth-child(2n+1){/* padding-left: 0;*/}
.hidden_navall .hidden_navcenter li > a{padding:0px;}
.hidden_navall .hidden_navcenter li a:before{position: absolute; left: 0; width: 100%; top: -5px;bottom: -5px; content: ""; height: 50px; background-color: #fff;
transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; width: 0;}
.hidden_navall .hidden_navcenter li a:after{position: absolute; left: 0; width: 3px; top: -5px;bottom: -5px; content: ""; height: 50px; background-color: #009adc;
transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; width: 0; }
.hidden_navall .hidden_navcenter li a:hover span{ color: #009adc;background-image: url(/img/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{display: block;position: relative; margin-right: 16px; line-height: 40px;padding: 0px;font-size: 16px;color: #555555; transition:all 0.3s ease 0s; padding-left: 25px;padding-right: 23px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;  }
.hidden_navall .hidden_navcenter li a span{ display: block; z-index: 2;color: #555555; position: relative;background: url(/img/nav_arrow1.png) no-repeat right center;font-weight: normal; }


.hidden_navall .hidden_navcenter li:nth-child(2n){margin-right: 0;}

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


.hidden_navright{ position: relative; float: left;margin-left: -271px; width: 262px; padding-left: 29px; margin-top: 43px; min-height: 120px; }
.hidden_navright h4{ margin-bottom: 26px;  }
.hidden_navright h4 a b{ display: block;line-height: 1.43; font-size: 26px;color: #0178cb; }
.hidden_navright h4 a i{ display: block; line-height: 1.67;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:all 0.3s ease 0s;   -webkit-transition:all 0.3s ease 0s;  }


.hidden_navright h5 a:hover{ background: #009adc; color: #fff; border-color: #009adc; }



.hidden_navtype2{  margin-left: 285px;}
.hidden_navtype2 ul{  padding-top: 40px; padding-bottom: 47px;}
.hidden_navtype2 ul li{ float: left;    padding: 10px!important;
    width: 30.03%;
    background: #fff; margin-left: 2.3%;   transition:all 0.3s ease 0s; }
.hidden_navtype2 ul li a{display: block;  transition:all 0.3s ease 0s;   -webkit-transition:all 0.3s ease 0s;background: #fff; padding-top: 0px; height: auto;text-align: center; overflow:hidden }
.hidden_navtype2 ul li .icon{ display: block; width: 100%; margin: 0 auto 10px; line-height: 46px;     height: 130px;  }
.hidden_navtype2 ul li .icon img{wisth:auto; height:100%;display:block;}
.hidden_navtype2  ul li > a{padding:0px;}
.hidden_navtype2 ul li span{display: block;  transition:all 0.3s ease 0s;   -webkit-transition:all 0.3s ease 0s; line-height: 35px; font-size: 16px;color: #333333; }

.hidden_navtype2 ul li:nth-child(2) .icon{   background: url(/img/service_navicon2.png) no-repeat center top;  }
.hidden_navtype2 ul li:nth-child(3) .icon{   background: url(/img/service_navicon3.png) no-repeat center top;  }
#m4 .hidden_navtype2 ul li:nth-child(1) .icon{   background: url(/img/service_navicon1.png) no-repeat center top;  }
#m4 .hidden_navtype2 ul li:nth-child(2) .icon{   background: url(/img/service_navicon29.jpg) no-repeat center top;  }
#m4 .hidden_navtype2 ul li:nth-child(3) .icon{   background: url(/img/service_navicon2.png) no-repeat center top;  }
#m4 .hidden_navtype2 ul li:nth-child(4) .icon{   background: url(/img/service_navicon3.png) no-repeat center top;  }

.hidden_navtype2 ul li a:hover span{ color: #009adc;}
.hidden_navtype2 ul li:hover{ -webkit-box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.05); box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.05);  -webkit-transform: translateY(5px); transform: translateY(5px); }


/**/
.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;
    -webkit-transition: all 0.3s ease 0s; }
.hidden_type3 .list1a span{position: relative; margin-right: 27px; display: block; color: #333333;     background: url(/img/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;   -webkit-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(/img/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; -webkit-transition: all 0.3s ease-out;
    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; -webkit-transition: all 0.3s ease-out;
    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;  -webkit-transition: all 0.3s ease-out;
    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;
    -webkit-transition: all 0.3s ease-out;
    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>a{font-weight:normal;}




.hidden_navrightimg{ }
.hidden_navrightimg dt{ margin-bottom: 10px; }
.hidden_navrightimg dt .img{ position: relative; padding-bottom: 130px; 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; -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_navrightimg dd{  line-height: 24px;font-size: 14px;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;text-align: center;}
.hidden_navrightimg a:hover dd{color: #009adc;}
.hidden_navrightimg a:hover dt .img em{ -webkit-transform:scale(1.05); transform:scale(1.05);}




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



/*20181221xg*/
#m0 .hidden_navall .hidden_navcenter {

     margin-right: 271px; 

}
#m0 .hidden_navright{display:block!important}
#m0 .hidden_navall .hidden_navcenter li {
    float: left;
    width: 50%;

}

#m0 .bgline {

    left: 50%;

}

#m0 .bgline2 {

    right: -6%;
  
}

#m5 .hidden_navtype2 ul li,#m4 .hidden_navtype2 ul li{ width:30%;}
.hidden_navtype2 ul li:last-child{margin-right: 0;}



#m5 .hidden_navtype2 ul li:nth-child(1) .icon{     background: url(/img/hr_navicon1.png) no-repeat center top;}
#m5 .hidden_navtype2 ul li:nth-child(2) .icon{     background: url(/img/hr_navicon2.png) no-repeat center top;}
#m5 .hidden_navtype2 ul li:nth-child(3) .icon{     background: url(/img/hr_navicon3.png) no-repeat center top;}
#m5 .hidden_navtype2 ul li:nth-child(4) .icon{     background: url(/img/hr_navicon4.png) no-repeat center top;}
.hidden_navtype2 ul li a{position: relative;}
.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>a{color: #fff;}
.topbarindex .groups{margin-left: 40px;}
.topbarindex .groups>a{color: #fff;background:url(/img/group_iconay.png) no-repeat right center;}
.headerindex .logo{position: relative;z-index: 9999;}
.headerindex .logo{width: 190px;height: 123px;}
.headerindex .logo img{width: auto;margin-top:15px;height:62px}

.topbarindex .stock{color: #fff;position: relative;z-index: 2;float: right;}
.topbarindex .stock a{color: #fff;}
.headerindex .nav_wrap_box{margin-top: 8px;}
.headerindex .search_icon{margin-top: 45.5px;background: url(/img/search_iconay.png) no-repeat center top;-webkit-background-size: 30px;
background-size: 30px;}
.topbarindex .language .icon{background: url(/img/language_iconay.png) no-repeat center top;}
.headerindex .hidden-nav{top: 115px}
.headerindex.tophide {    background: #fff;}
.headerindex.tophide .nav_wrap_box{margin-top: 0;}
.headerindex.tophide .nav ul li>a{color: #444;}
.headerindex.tophide .logo{width: 190px;}
.headerindex.tophide .logo img{margin-top: 4px;width: auto;height: 60px}
.headerindex:hover{background: #fff;}
.headerindex:hover .nav ul li>a{color: #333;}
.headerindex:hover .search_icon{background: url(/img/search_icon.png) no-repeat center top;-webkit-background-size: 30px;background-size: 30px;}
.header.headerindex.tophide .search_icon{background: url(/img/search_icon.png) no-repeat center top;-webkit-background-size: 30px;background-size: 30px;}
.header.headerindex.tophide .contact_icon a{color: #666;}

.headerindex:hover .topbarindex .groups>a{color: #333;background:url(/img/group_icon.png) no-repeat right center;}
.headerindex:hover .topbarindex .language .icon {    background: url(/img/language_icon.png) no-repeat center top;}
.headerindex:hover .topbarindex .stock{color: #333;}
.headerindex:hover .topbarindex .stock a{color: #333;}
.headerindex.tophide .topbarindex{display: none;}
.egab{width:100%;line-height:42px;color:#c4c3c3;font-size:14px;float:left}
.egab a{display: block;color:#c4c3c3;}
.egab span{display: block;}
@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 14px;}
.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:absolute; left: 0;top: 0;}
.header{  height: 70px;  }
.header .logo{ height: 70px; line-height: 70px;  margin-top: 0;}
.m_navbtn{margin-top: 15px;} 
.msearch_icon{ margin-top: 15px;}
.header .logo img{ height: 70px;}
.header.headerindex .logo img{height: 55px;margin-top: 5px;width: auto;}
.header.headerindex.tophide .logo img{margin-top:5px;}
.header.tophide .contact_icon,.headerindex .contact_icon{margin-top:22.5px}
.headerindex .contact_icon {
 color: #666;
  
}
  
.search_icon{ margin-top: 24px;}
.header.tophide .search_icon{margin-right: 0; margin-top: 24px; }

.headerindex .search_icon{margin-top: 23px;  }


}

@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; }

.header{ height: 70px; }
.header .logo{ height: 70px; line-height: 70px;  margin-top: 0;}
.m_navbtn{margin-top: 15px;} 
.msearch_icon{ margin-top: 15px;}
.header .logo img{ height: 55px;}
.header.tophide .logo img{ height: 55px;}
.header.headerindex .logo img{height: 55px;margin-top:5px;width: auto;}
 
.header.headerindex.tophide .logo img{    margin-top: 5px;
    height: 55px;}
.back_topbtn{ display: none!important;}
.headerindex .contact_icon {
    color: #fff;
}
.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;}
.header .w_1140, .topbar .w_1140{ width: 94%;}

}

@media only screen and (max-width: 1500px) {
#w_grid-1596442124833,
#w_grid-1596872139225 {
    width: calc(100% - 140px)!important;
    max-width: 1540px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 192px;
    margin-left: 140px;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0px;
}
}

@media only screen and (max-width: 768px) {
#w_grid-1596442124833,
#w_grid-1596872139225 {
    width: calc(100% - 0px)!important;
    max-width: 1540px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 192px;
    margin-left: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0px;
}
  .contact_icon {
    float: right;
    display: block;
    margin-top: 26.5px;
 
}
  
  
  .white_bg .hamburger-inner, .white_bg .hamburger-inner::after, .white_bg .hamburger-inner::before {
    width: 26px;
    height: 2px;
    background-color: #666;
    border-radius: 2px;
    position: absolute;
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: ease;
}
  
#news .hamburger-inner,  #news .hamburger-inner::after,  #news .hamburger-inner::before {
    
    background-color: #666;
 
}
  #w_common_text-1631780997265 span{
  font-size:22px!important;
  }
  #w_grid-1596523842147{
  margin-top: 60px;
  }
}
/*# sourceMappingURL=topfoot.css.map */