@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锛宨phone鎸夐挳鐨勯粯璁ゆ牱寮?/ 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 > .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!important; } .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 > a .icon{display: inline-block;vertical-align: middle;width: 16px;height: 16px;margin: -.25em 5px 0 0;filter: brightness(0) invert(.5);} .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 {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("../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>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>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 > .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>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 > 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 > 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 > 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 { } .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>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;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 > 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 > 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;} /*瑙e喅鏂规椤甸潰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>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>a{color: #fff;} .topbarindex .groups{/*margin-left: 40px;*/} .topbarindex .groups>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>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>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>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>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>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 > li{} .nav-2nd-box .nav-2nd-column > li > 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 > li > 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 > li > 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 > li > 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 > li:hover > a{color: #009adc;} .nav-2nd-box .nav-2nd-column > li:hover > a:before{width: 100%;transition: 0.3s;} .nav-2nd-box .nav-2nd-column > li:hover > 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 > li > a{width: 50%;} .nav-2nd-box .nav-2nd-column > 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 > li{} .nav-2nd-box .nav-3rd > li > a{display: block;padding: 10px 20px;font-size: 14px;line-height: 20px;transition: 0.3s;} .nav-2nd-box .nav-3rd > li > 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 */