@charset "utf-8"; .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-track,.slick-slider .slick-list { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .slick-track { position: relative; top: 0; left: 0; display: block } .slick-track:before,.slick-track:after { display: table; content: '' } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { float: left; height: 100%; min-height: 1px } .slick-slide:not(:first-child) { display: none }[dir='rtl'] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto } .slick-arrow.slick-hidden { display: none } .slick-loading .slick-list { background: #fff url('ajax-loader.gif') center center no-repeat } @font-face { font-family:'slick';font-weight:normal;font-style:normal;src:url('slick.eot');src:url('slick.eot?#iefix') format('embedded-opentype'),url('slick.woff') format('woff'),url('slick.ttf') format('truetype'),url('slick.svg#slick') format('svg') } .slick-prev,.slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent } .slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus { color: transparent; outline: none; background: transparent } .slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before { opacity: 1 } .slick-prev.slick-disabled:before,.slick-next.slick-disabled:before { opacity: .25 } .slick-prev:before,.slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-prev { left: -25px }[dir='rtl'] .slick-prev { right: -25px; left: auto } .slick-prev:before { content: '←' }[dir='rtl'] .slick-prev:before { content: '→' } .slick-next { right: -25px }[dir='rtl'] .slick-next { right: auto; left: -25px } .slick-next:before { content: '→' }[dir='rtl'] .slick-next:before { content: '←' } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent } .slick-dots li button:hover,.slick-dots li button:focus { outline: none } .slick-dots li button:hover:before,.slick-dots li button:focus:before { opacity: 1 } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-dots li.slick-active button:before { opacity: .75; color: black } .webui-popover-content { display: none } .webui-popover-rtl { direction: rtl; text-align: right } .webui-popover { position: absolute; top: 0; left: 0; z-index: 9999; display: none; min-width: 50px; min-height: 32px; padding: 1px; text-align: left; white-space: normal; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid #eee; border-radius: 6px; -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.15); box-shadow: 0px 0px 20px rgba(0,0,0,0.15) } .webui-popover.top,.webui-popover.top-left,.webui-popover.top-right { margin-top: -10px } .webui-popover.right,.webui-popover.right-top,.webui-popover.right-bottom { margin-left: 10px } .webui-popover.bottom,.webui-popover.bottom-left,.webui-popover.bottom-right { margin-top: 10px } .webui-popover.left,.webui-popover.left-top,.webui-popover.left-bottom { margin-left: -10px } .webui-popover.pop { -webkit-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transition: transform .15s cubic-bezier(0.3,0,0,1.5); -o-transition: transform .15s cubic-bezier(0.3,0,0,1.5); transition: transform .15s cubic-bezier(0.3,0,0,1.5); opacity: 0; filter: alpha(opacity=0) } .webui-popover.pop-out { -webkit-transition-property: "opacity,transform"; -o-transition-property: "opacity,transform"; transition-property: "opacity,transform"; -webkit-transition: .15s linear; -o-transition: .15s linear; transition: .15s linear; opacity: 0; filter: alpha(opacity=0) } .webui-popover.fade,.webui-popover.fade-out { -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; opacity: 0; filter: alpha(opacity=0) } .webui-popover.out { opacity: 0; filter: alpha(opacity=0) } .webui-popover.in { -webkit-transform: none; -o-transform: none; transform: none; opacity: 1; filter: alpha(opacity=100) } .webui-popover .webui-popover-content { padding: 9px 14px; overflow: auto; display: block } .webui-popover .webui-popover-content>div:first-child { width: 99% } .webui-popover-inner .close { font-family: arial; margin: 8px 10px 0 0; float: right; font-size: 16px; font-weight: 700; line-height: 16px; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20); text-decoration: none } .webui-popover-inner .close:hover,.webui-popover-inner .close:focus { opacity: .5; filter: alpha(opacity=50) } .webui-popover-inner .close:after { content: "\00D7"; width: .8em; height: .8em; padding: 4px; position: relative } .webui-popover-title { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: 700; line-height: 18px; background-color: #fff; border-bottom: 1px solid #f2f2f2; border-radius: 5px 5px 0 0 } .webui-popover-content { padding: 9px 14px; overflow: auto; display: none } .webui-popover-inverse { background-color: #333; color: #eee } .webui-popover-inverse .webui-popover-title { background: #333; border-bottom: 1px solid #3b3b3b; color: #eee } .webui-no-padding .webui-popover-content { padding: 0 } .webui-no-padding .list-group-item { border-right: none; border-left: none } .webui-no-padding .list-group-item:first-child { border-top: 0 } .webui-no-padding .list-group-item:last-child { border-bottom: 0 } .webui-popover>.webui-arrow,.webui-popover>.webui-arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid } .webui-popover>.webui-arrow { border-width: 11px } .webui-popover>.webui-arrow:after { border-width: 10px; content: "" } .webui-popover.top>.webui-arrow,.webui-popover.top-right>.webui-arrow,.webui-popover.top-left>.webui-arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: #eee; border-bottom-width: 0 } .webui-popover.top>.webui-arrow:after,.webui-popover.top-right>.webui-arrow:after,.webui-popover.top-left>.webui-arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-top-color: #fff; border-bottom-width: 0 } .webui-popover.right>.webui-arrow,.webui-popover.right-top>.webui-arrow,.webui-popover.right-bottom>.webui-arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: #eee } .webui-popover.right>.webui-arrow:after,.webui-popover.right-top>.webui-arrow:after,.webui-popover.right-bottom>.webui-arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff } .webui-popover.bottom>.webui-arrow,.webui-popover.bottom-right>.webui-arrow,.webui-popover.bottom-left>.webui-arrow { top: -11px; left: 50%; margin-left: -11px; border-bottom-color: #999; border-bottom-color: #eee; border-top-width: 0 } .webui-popover.bottom>.webui-arrow:after,.webui-popover.bottom-right>.webui-arrow:after,.webui-popover.bottom-left>.webui-arrow:after { content: " "; top: 1px; margin-left: -10px; border-bottom-color: #fff; border-top-width: 0 } .webui-popover.left>.webui-arrow,.webui-popover.left-top>.webui-arrow,.webui-popover.left-bottom>.webui-arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: #eee } .webui-popover.left>.webui-arrow:after,.webui-popover.left-top>.webui-arrow:after,.webui-popover.left-bottom>.webui-arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px } .webui-popover-inverse.top>.webui-arrow,.webui-popover-inverse.top-left>.webui-arrow,.webui-popover-inverse.top-right>.webui-arrow,.webui-popover-inverse.top>.webui-arrow:after,.webui-popover-inverse.top-left>.webui-arrow:after,.webui-popover-inverse.top-right>.webui-arrow:after { border-top-color: #333 } .webui-popover-inverse.right>.webui-arrow,.webui-popover-inverse.right-top>.webui-arrow,.webui-popover-inverse.right-bottom>.webui-arrow,.webui-popover-inverse.right>.webui-arrow:after,.webui-popover-inverse.right-top>.webui-arrow:after,.webui-popover-inverse.right-bottom>.webui-arrow:after { border-right-color: #333 } .webui-popover-inverse.bottom>.webui-arrow,.webui-popover-inverse.bottom-left>.webui-arrow,.webui-popover-inverse.bottom-right>.webui-arrow,.webui-popover-inverse.bottom>.webui-arrow:after,.webui-popover-inverse.bottom-left>.webui-arrow:after,.webui-popover-inverse.bottom-right>.webui-arrow:after { border-bottom-color: #333 } .webui-popover-inverse.left>.webui-arrow,.webui-popover-inverse.left-top>.webui-arrow,.webui-popover-inverse.left-bottom>.webui-arrow,.webui-popover-inverse.left>.webui-arrow:after,.webui-popover-inverse.left-top>.webui-arrow:after,.webui-popover-inverse.left-bottom>.webui-arrow:after { border-left-color: #333 } .webui-popover i.icon-refresh:before { content: "" } .webui-popover i.icon-refresh { display: block; width: 30px; height: 30px; font-size: 20px; top: 50%; left: 50%; position: absolute; margin-left: -15px; margin-right: -15px; background: url('loading.gif') no-repeat } @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) } } @keyframes rotate { 100% { transform: rotate(360deg) } } .webui-popover-backdrop { background-color: rgba(0,0,0,.65); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9998 } .webui-popover .dropdown-menu { display: block; position: relative; top: 0; border: none; box-shadow: none; float: none } @font-face { font-family:Pe-icon-7-stroke;font-style:normal;font-weight:400;src:url('Pe-icon-7-stroke.eot?d7yf1v');src:url('Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'),url('Pe-icon-7-stroke.woff?d7yf1v') format('woff'),url('Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'),url('Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg') }[class*=" pe-"],[class^=pe-] { position: relative; display: inline-block; font-family: Pe-icon-7-stroke; font-style: normal; font-weight: 400; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); text-rendering: auto; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .pe-album:before { content: "\e6aa" } .pe-arc:before { content: "\e6ab" } .pe-back-2:before { content: "\e6ac" } .pe-bandaid:before { content: "\e6ad" } .pe-car:before { content: "\e6ae" } .pe-diamond:before { content: "\e6af" } .pe-door-lock:before { content: "\e6b0" } .pe-eyedropper:before { content: "\e6b1" } .pe-female:before { content: "\e6b2" } .pe-gym:before { content: "\e6b3" } .pe-hammer:before { content: "\e6b4" } .pe-headphones:before { content: "\e6b5" } .pe-helm:before { content: "\e6b6" } .pe-hourglass:before { content: "\e6b7" } .pe-leaf:before { content: "\e6b8" } .pe-magic-wand:before { content: "\e6b9" } .pe-male:before { content: "\e6ba" } .pe-map-2:before { content: "\e6bb" } .pe-next-2:before { content: "\e6bc" } .pe-paint-bucket:before { content: "\e6bd" } .pe-pendrive:before { content: "\e6be" } .pe-photo:before { content: "\e6bf" } .pe-piggy:before { content: "\e6c0" } .pe-plugin:before { content: "\e6c1" } .pe-refresh-2:before { content: "\e6c2" } .pe-rocket:before { content: "\e6c3" } .pe-settings:before { content: "\e6c4" } .pe-shield:before { content: "\e6c5" } .pe-smile:before { content: "\e6c6" } .pe-usb:before { content: "\e6c7" } .pe-vector:before { content: "\e6c8" } .pe-wine:before { content: "\e6c9" } .pe-cloud-upload:before { content: "\e68a" } .pe-cash:before { content: "\e68c" } .pe-close:before { content: "\e680" } .pe-bluetooth:before { content: "\e68d" } .pe-cloud-download:before { content: "\e68b" } .pe-way:before { content: "\e68e" } .pe-close-circle:before { content: "\e681" } .pe-id:before { content: "\e68f" } .pe-angle-up:before { content: "\e682" } .pe-wristwatch:before { content: "\e690" } .pe-angle-up-circle:before { content: "\e683" } .pe-world:before { content: "\e691" } .pe-angle-right:before { content: "\e684" } .pe-volume:before { content: "\e692" } .pe-angle-right-circle:before { content: "\e685" } .pe-users:before { content: "\e693" } .pe-angle-left:before { content: "\e686" } .pe-user-female:before { content: "\e694" } .pe-angle-left-circle:before { content: "\e687" } .pe-up-arrow:before { content: "\e695" } .pe-angle-down:before { content: "\e688" } .pe-switch:before { content: "\e696" } .pe-angle-down-circle:before { content: "\e689" } .pe-scissors:before { content: "\e697" } .pe-wallet:before { content: "\e600" } .pe-safe:before { content: "\e698" } .pe-volume2:before { content: "\e601" } .pe-volume1:before { content: "\e602" } .pe-voicemail:before { content: "\e603" } .pe-video:before { content: "\e604" } .pe-user:before { content: "\e605" } .pe-upload:before { content: "\e606" } .pe-unlock:before { content: "\e607" } .pe-umbrella:before { content: "\e608" } .pe-trash:before { content: "\e609" } .pe-tools:before { content: "\e60a" } .pe-timer:before { content: "\e60b" } .pe-ticket:before { content: "\e60c" } .pe-target:before { content: "\e60d" } .pe-sun:before { content: "\e60e" } .pe-study:before { content: "\e60f" } .pe-stopwatch:before { content: "\e610" } .pe-star:before { content: "\e611" } .pe-speaker:before { content: "\e612" } .pe-signal:before { content: "\e613" } .pe-shuffle:before { content: "\e614" } .pe-shopbag:before { content: "\e615" } .pe-share:before { content: "\e616" } .pe-server:before { content: "\e617" } .pe-search:before { content: "\e618" } .pe-film:before { content: "\e6a5" } .pe-science:before { content: "\e619" } .pe-disk:before { content: "\e6a6" } .pe-ribbon:before { content: "\e61a" } .pe-repeat:before { content: "\e61b" } .pe-refresh:before { content: "\e61c" } .pe-add-user:before { content: "\e6a9" } .pe-refresh-cloud:before { content: "\e61d" } .pe-paperclip:before { content: "\e69c" } .pe-radio:before { content: "\e61e" } .pe-note2:before { content: "\e69d" } .pe-print:before { content: "\e61f" } .pe-network:before { content: "\e69e" } .pe-prev:before { content: "\e620" } .pe-mute:before { content: "\e69f" } .pe-power:before { content: "\e621" } .pe-medal:before { content: "\e6a0" } .pe-portfolio:before { content: "\e622" } .pe-like2:before { content: "\e6a1" } .pe-plus:before { content: "\e623" } .pe-left-arrow:before { content: "\e6a2" } .pe-play:before { content: "\e624" } .pe-key:before { content: "\e6a3" } .pe-plane:before { content: "\e625" } .pe-joy:before { content: "\e6a4" } .pe-photo-gallery:before { content: "\e626" } .pe-pin:before { content: "\e69b" } .pe-phone:before { content: "\e627" } .pe-plug:before { content: "\e69a" } .pe-pen:before { content: "\e628" } .pe-right-arrow:before { content: "\e699" } .pe-paper-plane:before { content: "\e629" } .pe-delete-user:before { content: "\e6a7" } .pe-paint:before { content: "\e62a" } .pe-bottom-arrow:before { content: "\e6a8" } .pe-notebook:before { content: "\e62b" } .pe-note:before { content: "\e62c" } .pe-next:before { content: "\e62d" } .pe-news-paper:before { content: "\e62e" } .pe-musiclist:before { content: "\e62f" } .pe-music:before { content: "\e630" } .pe-mouse:before { content: "\e631" } .pe-more:before { content: "\e632" } .pe-moon:before { content: "\e633" } .pe-monitor:before { content: "\e634" } .pe-micro:before { content: "\e635" } .pe-menu:before { content: "\e636" } .pe-map:before { content: "\e637" } .pe-map-marker:before { content: "\e638" } .pe-mail:before { content: "\e639" } .pe-mail-open:before { content: "\e63a" } .pe-mail-open-file:before { content: "\e63b" } .pe-magnet:before { content: "\e63c" } .pe-loop:before { content: "\e63d" } .pe-look:before { content: "\e63e" } .pe-lock:before { content: "\e63f" } .pe-lintern:before { content: "\e640" } .pe-link:before { content: "\e641" } .pe-like:before { content: "\e642" } .pe-light:before { content: "\e643" } .pe-less:before { content: "\e644" } .pe-keypad:before { content: "\e645" } .pe-junk:before { content: "\e646" } .pe-info:before { content: "\e647" } .pe-home:before { content: "\e648" } .pe-help2:before { content: "\e649" } .pe-help1:before { content: "\e64a" } .pe-graph3:before { content: "\e64b" } .pe-graph2:before { content: "\e64c" } .pe-graph1:before { content: "\e64d" } .pe-graph:before { content: "\e64e" } .pe-global:before { content: "\e64f" } .pe-gleam:before { content: "\e650" } .pe-glasses:before { content: "\e651" } .pe-gift:before { content: "\e652" } .pe-folder:before { content: "\e653" } .pe-flag:before { content: "\e654" } .pe-filter:before { content: "\e655" } .pe-file:before { content: "\e656" } .pe-expand1:before { content: "\e657" } .pe-exapnd2:before { content: "\e658" } .pe-edit:before { content: "\e659" } .pe-drop:before { content: "\e65a" } .pe-drawer:before { content: "\e65b" } .pe-download:before { content: "\e65c" } .pe-display2:before { content: "\e65d" } .pe-display1:before { content: "\e65e" } .pe-diskette:before { content: "\e65f" } .pe-date:before { content: "\e660" } .pe-cup:before { content: "\e661" } .pe-culture:before { content: "\e662" } .pe-crop:before { content: "\e663" } .pe-credit:before { content: "\e664" } .pe-copy-file:before { content: "\e665" } .pe-config:before { content: "\e666" } .pe-compass:before { content: "\e667" } .pe-comment:before { content: "\e668" } .pe-coffee:before { content: "\e669" } .pe-cloud:before { content: "\e66a" } .pe-clock:before { content: "\e66b" } .pe-check:before { content: "\e66c" } .pe-chat:before { content: "\e66d" } .pe-cart:before { content: "\e66e" } .pe-camera:before { content: "\e66f" } .pe-call:before { content: "\e670" } .pe-calculator:before { content: "\e671" } .pe-browser:before { content: "\e672" } .pe-box2:before { content: "\e673" } .pe-box1:before { content: "\e674" } .pe-bookmarks:before { content: "\e675" } .pe-bicycle:before { content: "\e676" } .pe-bell:before { content: "\e677" } .pe-battery:before { content: "\e678" } .pe-ball:before { content: "\e679" } .pe-back:before { content: "\e67a" } .pe-attention:before { content: "\e67b" } .pe-anchor:before { content: "\e67c" } .pe-albums:before { content: "\e67d" } .pe-alarm:before { content: "\e67e" } .pe-airplay:before { content: "\e67f" } @font-face { font-family:"iconfont";src:url('iconfont.eot?t=1497855280632');src:url('iconfont.eot?t=1497855280632#iefix') format('embedded-opentype'),url('iconfont.woff?t=1497855280632') format('woff'),url('iconfont.ttf?t=1497855280632') format('truetype'),url('iconfont.svg?t=1497855280632#iconfont') format('svg') } .iconfont { font-family: "iconfont"!important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-next:before { content: "\e601" } .icon-next2:before { content: "\e636" } .icon-prev2:before { content: "\e637" } .icon-prev1:before { content: "\e648" } .icon-next1:before { content: "\e655" } .icon-prev:before { content: "\e606" } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; z-index: 1 } .swiper-container-no-flexbox .swiper-slide { float: left } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .swiper-container-android .swiper-slide,.swiper-wrapper { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate(0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .swiper-container-multirow>.swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative } .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform,height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform,height } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-button-next,.swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat } .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-prev,.swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto } .swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next,.swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto } .swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-white .swiper-pagination-bullet { background: #fff } .swiper-pagination-bullet-active { opacity: 1; background: #007aff } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000 } .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0,-50%,0); -moz-transform: translate3d(0,-50%,0); -o-transform: translate(0,-50%); -ms-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px } .swiper-pagination-progress { background: rgba(0,0,0,.25); position: absolute } .swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top } .swiper-container-horizontal>.swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-vertical>.swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-progress.swiper-pagination-white { background: rgba(255,255,255,.5) } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000 } .swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px } .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px } .swiper-container-cube,.swiper-container-flip { overflow: visible } .swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,.1) } .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,.5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12,end) infinite; animation: swiper-preloader-spin 1s steps(12,end) infinite } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg) } } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg) } } .hidden { display: none } a:hover,a:active { text-decoration: none } body.ny-nobanner.met-navfixed,body.indexbanner-indexhasbg.met-navfixed { padding-top: 60px } body.ny-nobanner.met-navfixed-navclamp,body.indexbanner-indexhasbg.met-navfixed-navclamp { padding-top: 120px } .dropdown-menu.overflow-visible { overflow: visible } .head_nav_met_95_6_4 { min-height: 60px; z-index: 1 } .head_nav_met_95_6_4 { background: transparent } .head_nav_met_95_6_4.bgcolor { background: #ffffff; background: #ffffff } .head_nav_met_95_6_4 .hometitle { font-size: 14px } header.header_open { height: 100%; overflow-y: auto } body.scroll_hidden::-webkit-scrollbar { width: 0 } body.ny-nobanner .head_nav_met_95_6_4 { background: #ffffff; background: #ffffff } body.ny-nobanner #tophead { background: #ffffff !important; background: !important } .head_nav_met_95_6_4.navbar-shadow { box-shadow: 0 1px 2px rgba(0,0,0,.1); background: rgba(0,0,0,.5) } .met-head.navbar-fixed-top { z-index: 1000 } .head_nav_met_95_6_4.header-zindex { z-index: 1601 } .head_nav_met_95_6_4 .met-langlist .dropdown .dropdown-menu a { line-height: normal } .head_nav_met_95_6_4 .met-logo img { max-height: 55px } .head_nav_met_95_6_4 .met-logo,.head_nav_met_95_6_4 .navbar-toggler,.met-navfixed-navclamp .head_nav_met_95_6_4 .met-langlist .dropdown { height: 75px; line-height: normal } .head_nav_met_95_6_4 .navbar-toggler { width: auto; color: #000000; color: #ffffff } .head_nav_met_95_6_4 .navbar-collapse { overflow-x: hidden } .head_nav_met_95_6_4 .right_an { width: 35px; height: 75px; background: none; border: none; margin-top: -75px; float: right; cursor: pointer } .head_nav_met_95_6_4 .right_an:focus { border: none } .head_nav_met_95_6_4 .nav-item span.icon { border-left: 1px solid #ffffff; padding-left: 10px } .head_nav_met_95_6_4 .nav-item span.icon:nth-child(2) { border-right: 1px solid #ffffff; padding-right: 10px; margin-left: 10px } .head_nav_met_95_6_4 .nav-item>p { color:; height: 75px; line-height: 75px; margin-bottom: 0 } .navbar-fixed-top .head_nav_met_95_6_4 .nav-item>p { height: 75px; line-height: 75px; color: #ffffff; margin-bottom: 0 } .navbar-fixed-top .head_nav_met_95_6_4.navbar-shadow .nav-item>p { color: } .head_nav_met_95_6_4.navbar-shadow .nav-item span.icon { border-left: 1px solid #eee } .head_nav_met_95_6_4.navbar-shadow .nav-item span.icon:nth-child(2) { border-right: 1px solid #eee } .head_nav_met_95_6_4 .navbar-collapse.flex-navlist { width: 100% } .head_nav_met_95_6_4 .navlist.flex { width: 100%; margin-right: 0!important } .head_nav_met_95_6_4 .navlist.flex .nav-item { flex: auto; text-align: center } .head_nav_met_95_6_4 .navlist.flex .nav-item > .dropdown-menu { top: 50px } .head_nav_met_95_6_4 .dropdown-menu { background-color: #ffffff; background-color:; border: none } .head_nav_met_95_6_4 .navlist .nav-item > .dropdown-menu .dropdown-item { color: #000000; color: } .dropdown-menu.dropdown-menu-bullet:before,.dropdown-menu.dropdown-menu-bullet:after { border-bottom-color: #ffffff; border-bottom-color: } .head_nav_met_95_6_4 .navlist .dropdown-menu .dropdown-item:hover,.head_nav_met_95_6_4 .navlist .dropdown-menu .dropdown-item.active { background: #ffffff!important; background: !important; color: #ffffff !important; color: #ffffff !important } .head_nav_met_95_6_4 .met-head-user .dropdown-item:hover i { color: #2B4FAF; color: #ffffff } .head_nav_met_95_6_4 .met-head-user .shop_cart { font-size: 1rem } .head_nav_met_95_6_4 .dropdown-toggle::after { content: none } @media screen\0 { .head_nav_met_95_6_4 .navlist.flex { text-align: center } .head_nav_met_95_6_4 .navlist.flex .nav-item { display: inline-block; float: none } .head_nav_met_95_6_4 .navlist.flex .nav-item .nav-link { padding: 0 20px } } .head_nav_met_95_6_4.navbar-shadow .navlist .nav-item a.nav-link:hover,.head_nav_met_95_6_4 .navlist .nav-item a.nav-link:hover,.head_nav_met_95_6_4.navbar-shadow .navlist .nav-item a.nav-link:hover span,.head_nav_met_95_6_4 .navlist .nav-item a.nav-link:hover span { background: #2B4FAF !important; background: !important; color: #ffffff } .head_nav_met_95_6_4 .dropdown-item,.head_nav_met_95_6_4 .navlist .nav-item a.nav-link { color: #000000; color: #333333; background: transparent } .navbar-fixed-top .head_nav_met_95_6_4 .dropdown-item,.navbar-fixed-top .head_nav_met_95_6_4 .navlist .nav-item a.nav-link { color: #000000; font-size:16px; line-height:46px; background: transparent; border-radius: 0 } .ny-nobanner .navlist .nav-item a.nav-link,.head_nav_met_95_6_4.navbar-shadow .navlist .nav-item a.nav-link { color: #000000; color: #ffffff } .head_nav_met_95_6_4 .navlist .nav-item .dropdown-menu a:hover,.head_nav_met_95_6_4 .navlist .nav-item .dropdown-menu a:hover span,.head_nav_met_95_6_4 .navlist .nav-item a.nav-link.active,.head_nav_met_95_6_4 .navlist .nav-item a.nav-link.active span { color: #ffffff !important; background-color: #2B4FAF !important; background-color: !important } .ny-nobanner .navlist .nav-item a.active { color: #2B4FAF; color: } .head_nav_met_95_6_4 .dropdown-submenu > .dropdown-item.dropdown-a:after { border-top: 0.286rem solid; border-right: 0.286rem solid transparent; border-left: 0.286rem solid transparent } .head_nav_met_95_6_4 .dropdown-submenu .dropdown-menu.block { position: static; border-right: none; border-left: none; padding-left: 10px } .head_nav_met_95_6_4 .navlist .nav-item .dropdown-menu a:hover,.head_nav_met_95_6_4 .navlist .nav-item .dropdown-menu a:hover span { color: #ffffff !important; background-color: #2B4FAF !important; background: !important } @media (max-width:1200px) { } @media (max-width:767px) { .head_nav_met_95_6_4 .dropdown-submenu .dropdown-menu { padding-left: 10px } .head_nav_met_95_6_4 .dropdown-menu-right.dropdown-menu-bullet:after,.head_nav_met_95_6_4 .dropdown-menu-right.dropdown-menu-bullet:before { display: none } .head_nav_met_95_6_4 .navlist .nav-item a.active { background: none !important } .head_nav_met_95_6_4 .met-head-shop li { display: block !important; margin: 0 } .head_nav_met_95_6_4 .nav-item:last-child { display: none } } @media (max-width:768px) and (min-width:767px) { .head_nav_met_95_6_4 .nav-item:last-child { display: none } .head_nav_met_95_6_4 .navbar-nav { display: flex } } .head_nav_met_95_6_4 .dropdown-submenu .dropdown-menu.threemenuok { display: none } .head_nav_met_95_6_4 .dropdown-submenu .active+.dropdown-menu.threemenuok { display: block } .head_nav_met_95_6_4 .navlist .nav-item .dropdown-menu a.active span { color: #2B4FAF; color: } .head_nav_met_95_6_4 .nav-item:last-child { position: relative } .head_nav_met_95_6_4 .met-langlist .dropdown-menu { top: 60px; padding: 0; margin: 0 } .head_nav_met_95_6_4 .met-langlist .dropdown-menu a+a { border-top: 1px solid rgba(255,255,255,0.2) } .head_nav_met_95_6_4 .met-langlist .dropdown-item { color: #000000; color: } .head_nav_met_95_6_4 .met-langlist .modal { background: rgba(0,0,0,.3) } @media (min-width:768px) { .head_nav_met_95_6_4 .met-langlist .nav-link { padding: 0; overflow: visible; margin-left: 15px } .head_nav_met_95_6_4 .met-langlist .dropdown { height: 75px; line-height: 75px } .head_nav_met_95_6_4 .navlist .nav-item .nav-link { padding-top: 15px; padding-bottom: 15px; height: 75px; text-align: center } .head_nav_met_95_6_4 .navlist .nav-item > .dropdown-menu { top: 65px; padding: 0 } .head_nav_met_95_6_4 .navlist .nav-item >.dropdown-menu>.dropdown-submenu .dropdown-menu { padding: 0 } .head_nav_met_95_6_4 .navlist .nav-item > .dropdown-menu { border: none } .head_nav_met_95_6_4 .navlist .nav-item > .dropdown-menu .border-top1 { border-top: 1px solid rgba(255,255,255,0.2) } .head_nav_met_95_6_4 .navlist .nav-item > .dropdown-menu.dropdown-menu-bullet { top: 75px } .head_nav_met_95_6_4 .met-head-user { height: 75px } .head_nav_met_95_6_4 .met-langlist, .head_nav_met_95_6_4 .met-head-user { margin-left: 15px } } .head_nav_met_95_6_4 .head_open { width: 70%; height: 100px; background: #ffffff; background: #2B4FAF; position: absolute; top: 0; right: 0; display: none } .head_nav_met_95_6_4 .head_open .close_open { font-size: 26px; color: #ffffff; position: absolute; right: 1rem; top: 1rem; cursor: pointer } .head_nav_met_95_6_4 .head_open .close_open2 { font-size: 26px; color: #ffffff; cursor: pointer; } .head_nav_met_95_6_4 .head_open h4 { text-align: center; color: #000000; color: #ffffff; margin-top: 2rem } .head_nav_met_95_6_4 .head_open ul { margin: 0; padding: 0 } .head_nav_met_95_6_4 .head_open li { list-style: none; text-align: center; margin-top: 30px } .head_nav_met_95_6_4 .head_open li ul li { margin-top: 0 } .head_nav_met_95_6_4 .ho_content h4 span { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%23fff' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E") repeat-x 0 100%; background-size: 20px auto; padding-bottom: 10px; font-size: 20px } .head_nav_met_95_6_4 .ho_content li a { color: #fff; font-size: 25px } .head_nav_met_95_6_4 .ho_content .met-head-user li a.btn_login { font-size: 16px; border-radius: 5px; line-height: 1 } .head_nav_met_95_6_4 .ho_content li a.icon { display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50%; border: 1px solid #ffffff; color: #ffffff; margin-right: 40px; font-size: 24px } .head_nav_met_95_6_4 .ho_content li a.icon:last-child { margin-right: 0 } .head_nav_met_95_6_4 .ho_content li a.wx { position: relative } .head_nav_met_95_6_4 .ho_content li a.wx img { position: absolute; top: -30px; left: -120px; display: none } .head_nav_met_95_6_4 .ho_content li:hover a.icon { color: #ffffff } .head_nav_met_95_6_4 .ho_content li a.icon:hover { color: #ffffff; border-color: #ffffff } .head_nav_met_95_6_4 .ho_content li p { font-size: 14px; color: #999999; color: #e6e6e6 } .head_nav_met_95_6_4 .ho_content li p.icon { font-size: 20px } .head_nav_met_95_6_4 .ho_content li:hover a { color: #ffffff } .head_nav_met_95_6_4 .ho_content .nav-links { display: flex; justify-content: center } .head_nav_met_95_6_4 .met-langlist .btn-outline.btn-default { border: none } .navbar-default .navbar-nav .nav-link:focus,.navbar-default .navbar-nav .nav-link:hover { background-color: transparent } .met-mask { width: 100%; height: 100%; display: none; position: fixed; left: 0; top: 0; z-index: 99; background: rgba(0,0,0,.2) } .met-head-user .dropdown > a { padding-top: 0px; padding-bottom: 0px; height: 40px; line-height: 40px; color: #000000; color: #ffffff; background: transparent } .ny-nobanner .met-head-user .dropdown > a,.head_nav_met_95_6_4.navbar-shadow .met-head-user .dropdown > a { color: #000000; color: #ffffff } .met-head-user .dropdown .dropdown-item>a { color: #000000; color: #ffffff } .met-head-user .dropdown-menu { top: 45px; padding: 0 } .met-head-user .dropdown-menu-footer { line-height: 35px } .met-head-user .met-head-user-column .avatar img { max-height: 30px } @media (min-width:768px) { .met-head-user > li:nth-child(2) { margin-left: 10px } } @media (max-width:767px) { .met-head-user > li { display: block } .met-head-user > li:first-child { margin-bottom: 10px } } .met-head-user-toggler.active i { display: none } .met-head-user-toggler.active i:first-child { display: inline-block } .met-head-user-toggler i { position: relative; top: -5px } .met-head-user-toggler i:first-child { display: none } .met-head-user li a.btn-outline:hover { border-color: #2B4FAF; background-color: #2B4FAF; color: #ffffff; border-color:; background-color: } .met-head-user li a.btn-success:hover { opacity: 0.8 } .head_nav_met_95_6_4 .met-head-user li .dropdown-menu li+li .dropdown-item { border-top: 1px solid rgba(255,255,255,0.2) } .head_nav_met_95_6_4 .met-head-user .dropdown i,.head_nav_met_95_6_4 .met-head-user li .dropdown-menu .dropdown-item { color: #000000; color: } .head_nav_met_95_6_4 .met-head-user li .dropdown-menu .dropdown-item:hover { background: !important; color: #2B4FAF; color: #ffffff } .navbar-fixed-top .head_nav_met_95_6_4.navbar-default .hamburger .hamburger-bar,.navbar-fixed-top .head_nav_met_95_6_4.navbar-default .hamburger:after,.navbar-fixed-top .head_nav_met_95_6_4.navbar-default .hamburger:before { background-color: #000000; background-color: #ffffff } .head_nav_met_95_6_4.navbar-default .hamburger .hamburger-bar,.head_nav_met_95_6_4.navbar-default .hamburger:after,.head_nav_met_95_6_4.navbar-default .hamburger:before { background-color: #000000; background-color: #333333 } .head_nav_met_95_6_4 .met-head-user li a.btn-success { color: #000000; background-color: #ffffff; border-color: #ffffff } .head_nav_met_95_6_4.navbar-shadow .met-langlist .btn-outline.btn-default { color: #000000; color: #ffffff } .head_nav_met_95_6_4.navbar-shadow .met-head-user li a.btn-outline { color: #000000; color: #ffffff } .head_nav_met_95_6_4 .met-head-user li a.btn-outline,.head_nav_met_95_6_4 .met-langlist .btn-outline.btn-default { color: #ffffff; background-color: transparent; border-color: #ffffff; border-radius: 3px } .head_nav_met_95_6_4.navbar-shadow .met-head-user li a.btn-outline,.head_nav_met_95_6_4.navbar-shadow .met-langlist .btn-outline.btn-default { color: #ffffff } .head_nav_met_95_6_4 .met-head-user li a.btn-outline:hover { color: #000000; background-color: #ffffff } .met-langlist .btn-outline.btn-default:hover,.met-langlist .btn-outline.btn-default:active,.met-langlist .btn-outline.btn-default:focus { color: #2B4FAF; color: } .head_nav_met_95_6_4 .met-head-shop .shop_cart i { color: #000000; color: #ffffff } .ny-nobanner .met-head-shop .shop_cart i,.head_nav_met_95_6_4.navbar-shadow .met-head-shop .shop_cart i { color: #000000; color: #ffffff } #topcart-body { color: #000000; color: } @media (max-width:767px) { #tophead { display: none } .head_nav_met_95_6_4 { background: rgba(0,0,0,.5); background: } .head_nav_met_95_6_4 .met-langlist .dropdown { padding: .715rem 1.072rem } .head_nav_met_95_6_4 .met-langlist a { padding: 5px 15px 5px 5px !important } .head_nav_met_95_6_4 .navlist .nav-item { margin-left: 0!important } .head_nav_met_95_6_4 .met-logo { margin-left: 10px } .head_nav_met_95_6_4 .met-logo img { max-width: 150px } .head_nav_met_95_6_4 .navbar-collapse { width: 100% } .met-head.navbar-fixed-top .head_nav_met_95_6_4 .navbar-collapse { max-height: 340px; overflow-y: auto } .head_nav_met_95_6_4 .navbar-nav { margin: 10px 0!important } .head_nav_met_95_6_4 .navlist .nav-item a.active { background: #f5f5f5 } .head_nav_met_95_6_4 .met-langlist { margin-right: 5px } .navbar-fixed-top .head_nav_met_95_6_4 .navlist .nav-item a.nav-link { color: #000000; color: #ffffff; color: #ffffff; background: transparent !important } .head_nav_met_95_6_4.navbar-shadow .navlist .nav-item a.nav-link:hover, .head_nav_met_95_6_4 .navlist .nav-item a.nav-link:hover, .head_nav_met_95_6_4.navbar-shadow .navlist .nav-item a.nav-link:hover span, .head_nav_met_95_6_4 .navlist .nav-item a.nav-link:hover span { color: #2B4FAF; color:; background: transparent !important } .head_nav_met_95_6_4 .met-langlist .btn-outline.btn-default { color: #000000; color: #ffffff; border-color: #000000; border-color: #ffffff } .head_nav_met_95_6_4.navbar-default .navbar-nav .open .dropdown-menu .dropdown-item { color: #000000; color: #ffffff; color: #ffffff } .head_nav_met_95_6_4 .navlist .nav-item > .dropdown-menu .border-top1 { border-top: 0px solid rgba(255,255,255,0.2) } .head_nav_met_95_6_4 .met-head-user li a.btn-outline { color: #000000; color: #ffffff } .head_nav_met_95_6_4 .right_an { display: none } .head_nav_met_95_6_4 .ytitle { display: none } .head_nav_met_95_6_4 .navlist .nav-item .dropdown-menu a.active span { color: #2B4FAF; color: } .head_nav_met_95_6_4 .navlist .dropdown-menu .dropdown-item:hover, .head_nav_met_95_6_4 .navlist .dropdown-menu .dropdown-item.active { color: #2B4FAF !important; color: !important; background-color: transparent !important } .head_nav_met_95_6_4 .navlist .nav-item .dropdown-menu a:hover, .head_nav_met_95_6_4 .navlist .nav-item .dropdown-menu a:hover span { color: #2B4FAF !important; color: !important; background-color: transparent !important } .head_nav_met_95_6_4 .navlist .nav-item .dropdown-menu a:hover, .head_nav_met_95_6_4 .navlist .nav-item .dropdown-menu a:hover span, .head_nav_met_95_6_4 .navlist .nav-item a.nav-link.active, .head_nav_met_95_6_4 .navlist .nav-item a.nav-link.active span { background-color: transparent !important; color: #2B4FAF !important; color: !important } .navbar-fixed-top .head_nav_met_95_6_4.navbar-default .hamburger .hamburger-bar,.navbar-fixed-top .head_nav_met_95_6_4.navbar-default .hamburger:after,.navbar-fixed-top .head_nav_met_95_6_4.navbar-default .hamburger:before { background-color: #000000; background-color: #ffffff; background-color: #ffffff } .head_nav_met_95_6_4.navbar-default .hamburger .hamburger-bar,.head_nav_met_95_6_4.navbar-default .hamburger:after,.head_nav_met_95_6_4.navbar-default .hamburger:before { background-color: #000000; background-color: #333333; background-color: #ffffff } .head_nav_met_95_6_4 .dropdown_toggle_m::after { position: absolute; right: 10px; display: inline-block; width: 0; height: 0; top: 21px; content: ''; vertical-align: middle; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px dashed; border-top: 0.286rem solid; border-right: 0.286rem solid transparent; border-left: 0.286rem solid transparent } .head_nav_met_95_6_4.bgcolor { background: rgba(0,0,0,.5); background: } .head_nav_met_95_6_4 .navlist .nav-item a.nav-link { color: #000000; color: #ffffff; color: #ffffff; background: transparent } } @media (max-width:1200px) and (min-width:767px) { .head_nav_met_95_6_4 .navlist .nav-item .nav-link { padding-left: 20px !important; padding-right: 20px !important } } @media (max-width:768px) and (min-width:767px) { .head_nav_met_95_6_4 .navlist .nav-item .nav-link { padding-left: 10px !important; padding-right: 10px !important } .head_nav_met_95_6_4 .navbar-collapse { float: left !important } .head_nav_met_95_6_4 .navlist.flex .nav-item { margin-left: 0 !important } .head_nav_met_95_6_4 .navlist.flex { width: 97% } } .banner_met_16_2_57 { width: 100%; height: auto; display: table; min-height: 50px } .banner_met_16_2_57.fixedheight { display: -moz-deck } .banner_met_16_2_57.fixedheight .slick-slide { height: 100% } .banner_met_16_2_57.fixedheight .slick-slide img { width: auto; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%) } @media screen\0 { .banner_met_16_2_57.fixedheight .slick-slide img { left: 0; width: 100% } } .banner_met_16_2_57.banner-ny-h { height: 150px } @media (max-width:991px) { .banner_met_16_2_57.banner-ny-h { height: 100px } } .banner_met_16_2_57 .slick-slide { display: block; width: 100% } .banner_met_16_2_57 .slick-slide img { display: none } .banner_met_16_2_57 .slick-slide:nth-child(1) img { display: block!important; height: auto } .banner_met_16_2_57.slick-slider { display: block } .banner_met_16_2_57:hover .slick-arrow { display: block!important } .banner_met_16_2_57 .slick-list,.banner_met_16_2_57 .slick-track { height: 100% } .banner_met_16_2_57 .slick-prev:before,.banner_met_16_2_57 .slick-next:before { display: none } .banner_met_16_2_57 .slick-slide { height: auto; position: relative; overflow: hidden } .banner_met_16_2_57 .slick-slide .banner-text>a { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 1 } .banner_met_16_2_57 .slick-slide img { width: 100% } .banner_met_16_2_57 .slick-slide img[data-lazy] { max-height: 150px } .banner_met_16_2_57 .slick-arrow { top: 50%; text-align: center; border-radius: 99px; z-index: 1; background: rgba(255,255,255,0.6); width: 70px; height: auto; display: none!important } .banner_met_16_2_57 .slick-arrow.slick-prev { left: 5% } @media screen\0 { .banner_met_16_2_57 .slick-arrow.slick-prev { background: rgba(0,0,0,.001) } } .banner_met_16_2_57 .slick-arrow.slick-next { right: 5% } @media screen\0 { .banner_met_16_2_57 .slick-arrow.slick-next { background: rgba(0,0,0,.001) } } .banner_met_16_2_57 .slick-arrow i { font-size: 70px; color: #fff!important } .banner_met_16_2_57 .slick-dots { margin: 0; bottom: 20px } .banner_met_16_2_57 .slick-dots li { margin: 0 2px } @media (max-width:767px) { .banner_met_16_2_57 .slick-dots { bottom: 5px } .banner_met_16_2_57 .slick-dots li { width: 15px; height: 15px; margin: 0 } } .banner_met_16_2_57 .banner-text { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2 } .banner_met_16_2_57 .banner-text .container { height: 100%; display: table; text-align: center } .banner_met_16_2_57 .banner-text .container .banner-text-con { display: table-cell; vertical-align: middle } .banner_met_16_2_57 .banner-text.p-0 .container { text-align: left } .banner_met_16_2_57 .banner-text.p-0 .container .banner-text-con>div { width: 70%; float: left } .banner_met_16_2_57 .banner-text.p-1 .container { text-align: right } .banner_met_16_2_57 .banner-text.p-1 .container .banner-text-con>div { width: 70%; float: right } .banner_met_16_2_57 .banner-text.p-2 { top: 10% } .banner_met_16_2_57 .banner-text.p-2 .container .banner-text-con { vertical-align: top } .banner_met_16_2_57 .banner-text.p-3 { top: auto; bottom: 10% } .banner_met_16_2_57 .banner-text.p-3 .container .banner-text-con { vertical-align: bottom } .banner_met_16_2_57 .banner-text.p-2 .container .banner-text-con>div,.banner_met_16_2_57 .banner-text.p-3 .container .banner-text-con>div,.banner_met_16_2_57 .banner-text.p-4 .container .banner-text-con>div { width: 70%; display: inline-block } .banner_met_16_2_57 .banner-text h4,.banner_met_16_2_57 .banner-text p { color: #fff } .banner_met_16_2_57 .banner-text h4 { margin: 0; font-size: 30px } .banner_met_16_2_57 .banner-text p { font-size: 36px; margin: 20px 0 0; text-shadow: none } .banner_met_16_2_57 .banner-text .banner-btn { position: relative; z-index: 2 } .banner_met_16_2_57 .banner-text .banner-btn .btn { line-height: 2.5 } @media (max-width:991px) { .banner_met_16_2_57 .banner-text h4 { font-size: 30px } .banner_met_16_2_57 .banner-text p { font-size: 20px } } @media (max-width:767px) { .banner_met_16_2_57 .banner-text .container { width: 100% } .banner_met_16_2_57 .banner-text.p-4 .container .banner-text-con { width: 100% } .banner_met_16_2_57 .banner-text h4 { font-size: 24px } .banner_met_16_2_57 .banner-text p { margin-top: 15px; font-size: 16px } .banner_met_16_2_57 .banner-text .banner-btn { margin-top: 10px } .banner_met_16_2_57 .banner-text .banner-btn .btn { line-height: 2; margin-left: 5px!important; margin-right: 5px!important; font-size: 14px } } @media (max-width:479px) { .banner_met_16_2_57 .banner-text h4 { font-size: 16px } .banner_met_16_2_57 .banner-text p { margin-top: 10px; font-size: 14px } } .banner_met_16_2_57-ny { background: #ffffff; background:; padding: 40px 0 } .banner_met_16_2_57-ny h1 { margin: 0px; font-size: 50px; text-shadow: none; color: #fff; font-weight: 300 } .banner_met_16_2_57-ny h3 { margin: 0px; margin-top: 10px; font-size: 20px; text-shadow: none; color: #fff; font-weight: 300 } .banner_met_16_2_57 .help { width: 400px; margin: 20px auto } .banner_met_16_2_57 .banner-text.p-4 .container .banner-text-con .form-group { width: 100% } @media (max-width:1200px) { .banner_met_16_2_57 .help { display: none } } .banner_met_16_2_57 .help_center { padding: 8px 15px; width: 100%; outline: 0; font-size: 16px; font-weight: 200; height: 44px; border-radius: 3px!important; border: none; background: #fafbfd; box-shadow: 0 4px 12px 0 rgba(52,63,75,0.06),0 10px 40px 0 rgba(52,63,75,0.08),0 0 0 1px rgba(52,63,75,0.02) } @media (max-width:767px) { .banner_met_16_2_57 .help_center { height: 30px; line-height: 30px; padding: 0px 15px } } .link_met_11_2_6 { background-color: } .link_met_11_2_6 .breadcrumb-item { float: none; display: inline-block } .link_met_11_2_6 .breadcrumb-item a { color: #999999; color:; transition: color 0.2s ease-out; font-size: 12px } .link_met_11_2_6 .breadcrumb-item a:hover { color: #2B4FAF; color: } .link_met_11_2_6 .breadcrumb-item+.breadcrumb-item::before { color: #999999; color: } .link_met_11_2_6 .breadcrumb-item:nth-child(1) { color: #000000; color: } .link_met_11_2_6 .container { border-bottom: 1px solid #eeeeee } .link_met_11_2_6 { border-top: 1px solid #f0f2f5 } @media (max-width:767px) { .link_met_11_2_6 .container { text-align: left } } .foot_nav_met_36_3_58.met-index-body { padding-top: 50px; background-color: #ffffff; background-color: #212121; background-image: url(); background-position: center; background-repeat: no-repeat; background-size: cover; } .foot_nav_met_36_3_58 .tran300 { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear } .foot_nav_met_36_3_58 .fCode { list-style: none } .foot_nav_met_36_3_58 .fCode .fl { width: 50%; float: left; padding: 0 5px; text-align: center } .foot_nav_met_36_3_58 .fCode .fl img { max-width: 100% } .foot_nav_met_36_3_58 .fCode li p { height: 56px; line-height: 56px; text-align: center; font-size: 16px; color: #000000; color: #ffffff } .foot_nav_met_36_3_58 .fContact h5:first-child { font-size: 16px; line-height: 16px } .foot_nav_met_36_3_58 .fContact h5 { color: #999999; color: #999999; font-weight: normal; line-height: 16px; font-size: 16px } .foot_nav_met_36_3_58 .fContact p { font-size: 18px; color: #000000; color: #ffffff; line-height: 18px; margin-bottom: 20px } .foot_nav_met_36_3_58 .fNav .dl1 h4 a { font-size: 16px; color: #000000; color: #ffffff; line-height: 16px; margin-bottom: 6px } .foot_nav_met_36_3_58 .fNav .dl1 h4 a:hover,.foot_nav_met_36_3_58 .fNav .dl1 h4 a:hover span,.foot_nav_met_36_3_58 .fNav ul li a:hover,.foot_nav_met_36_3_58 .fNav ul li a:hover span { color: #2B4FAF !important; color: !important } .foot_nav_met_36_3_58 .fNav .dl1 h4 i { display: none } .foot_nav_met_36_3_58 .fNav ul li a { display: block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; line-height: 32px; color: #999999; color: #999999 } .foot_nav_met_36_3_58 .fContact p.tel { font-size: 20px; line-height: 20px; margin: 0; margin-bottom: 20px; color: #000000; color: #ffffff } @media (max-width:1024px) { .foot_nav_met_36_3_58.met-index-body { padding: 40px 0 } } @media(max-width:768px) { .foot_nav_met_36_3_58 .fNav .dl1 h4 i { display: none } .foot_nav_met_36_3_58 .dl1 { padding: 0 } } @media (max-width:767px) { .foot_nav_met_36_3_58.met-index-body { padding: 30px 0 } .foot_nav_met_36_3_58 .nav-list { padding: 0 } .foot_nav_met_36_3_58 .list { margin: 0; padding: 0 } .foot_nav_met_36_3_58 .list h4 { line-height: 1; text-align: left; position: relative; padding: 0; border-bottom: 1px solid #363636 } .foot_nav_met_36_3_58 .list h4 a { display: block; padding: 13px 12px 13px 18px } .foot_nav_met_36_3_58 .list h4 i { display: block; font-size: 12px; color: #93999a; transition: all 0.3s ease-out; position: absolute; top: 13px; right: 10px } .foot_nav_met_36_3_58 .list li { text-align: left; padding: 13px 12px 13px 18px } .foot_nav_met_36_3_58 .list li a { padding: 6px 0 } .foot_nav_met_36_3_58 .fContact, .foot_nav_met_36_3_58 .fNav { border-left: 0 } .foot_nav_met_36_3_58 .fNav div h4 a { line-height: 14px; margin-bottom: 0 } .foot_nav_met_36_3_58 .fNav .dl1 h4 i { display: block } } .foot_info_met_11_1_7 { line-height: 1.8; background-color: #212121; padding: 20px 0px; color: #000000; color: #999999 }$uics p { margin-bottom: 0px } .foot_info_met_11_1_7 img { max-width: 100%; height: auto!important } .foot_info_met_11_1_7 .met-langlist { margin-top: 10px } .foot_info_met_11_1_7 .met-langlist .btn-lang { background: transparent; color: #000000; color:; border-color: #000000; border-color: } .foot_info_met_11_1_7 .met-langlist .btn-lang:hover,.foot_info_met_11_1_7 .met-langlist .btn-lang:focus,.foot_info_met_11_1_7 .met-langlist .btn-lang:active { color: #ffffff; border-color: #2B4FAF; border-color:; background-color: #2B4FAF; background-color: } .foot_info_met_11_1_7 .met-langlist .btn-lang .flag-icon { margin-right: 3px } .foot_info_met_11_1_7 .met-langlist .dropdown-menu { width: auto; text-align: right } .foot_info_met_11_1_7 .met-langlist .dropdown-menu .dropdown-item { color: #000000; color: } @media (max-width:479px) { .met-langlist .btn-lang { padding-left: 5px; padding-right: 5px } } .foot_info_met_11_1_7 .powered_by_metinfo { color: #999999; color: #999999 } .foot_info_met_11_1_7 .powered_by_metinfo a { color: #2B4FAF; color: #ffffff } .foot_info_met_11_1_7_bottom { overflow: hidden; position: fixed; bottom: 0; left: 0; z-index: 999; width: 100% } .foot_info_met_11_1_7_bottom a.item { color: #ffffff; padding: 5px 0; display: inline-block } .foot_info_met_11_1_7_bottom a.item i { color: #ffffff; font-size: 16px; display: block } .foot_info_met_11_1_7_bottom { display: none } .foot_info_met_11_1_7_bottom.iskeshi { display: block } .foot_info_met_11_1_7_bottom .main { display: flex } .foot_info_met_11_1_7_bottom .main>div { flex: 1 } @media (max-width:767px) { .foot_info_met_11_1_7_bottom { display: block } } .back_top_met_36_1_8.cd-top { display: inline-block; height: 40px; width: 40px; z-index: 9; position: fixed; bottom: 70px; right: 10px; color: #000000; color:; border-radius: 50%; font-size: 26px; text-align: center; line-height: 32px; border-color: #000000; border-color:; border-width: 2px; border-style: solid; box-shadow: 0 0 10px rgba(0,0,0,0.05); overflow: hidden; white-space: nowrap; background-color: #ffffff; background-color:; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s,visibility 0s .3s; -moz-transition: opacity .3s 0s,visibility 0s .3s; transition: opacity .3s 0s,visibility 0s .3s; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out } .back_top_met_36_1_8.cd-top.cd-is-visible,.back_top_met_36_1_8.cd-top.cd-fade-out,.no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s,visibility 0s 0s; -moz-transition: opacity .3s 0s,visibility 0s 0s; -o-transition: opacity .3s 0s,visibility 0s 0s; -ms-transition: opacity .3s 0s,visibility 0s 0s; transition: opacity .3s 0s,visibility 0s 0s } .back_top_met_36_1_8.cd-top.cd-is-visible { visibility: visible; opacity: 0.5 } .back_top_met_36_1_8.cd-top.cd-fade-out { opacity: .5 } .back_top_met_36_1_8.cd-top:hover { background-color: #2B4FAF; background-color:; opacity: 1; color: #999999; color: #ffffff; border-color: #999999; border-color: #ffffff } @media(max-width:767px) { .back_top_met_36_1_8.cd-top { bottom: 67px } } .service_list_met_95_3_50 { padding: 115px 0 0; background-color: } .service_list_met_95_3_50 .head .title { margin-top: 0; margin-bottom: 0; color: #000000; color:; opacity: 0; transform: translate(0,100%) } .service_list_met_95_3_50 .head .subtitle { margin-top: 0; color: #999999; color:; opacity: 0; transform: translate(0,100%) } .service_list_met_95_3_50 .head .desc { margin-top: 0; color: #999999; color:; opacity: 0; transform: translate(0,100%) } .service_list_met_95_3_50 .service-list { padding: 0; background: #ffffff; background:; margin-bottom: 0 } .service_list_met_95_3_50 .service-list .item { opacity: 0; transform: translate(0,100%) } .service_list_met_95_3_50 .head>a { display: inline-block; width: 116px; height: 42px; border: 1px solid #000000; border-color:; border-radius: 21px; line-height: 42px; color: #000000; color:; margin-top: 20px } .service_list_met_95_3_50 .service-list .item .mask { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden } .service_list_met_95_3_50 .service-list .item .mask .bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #161A1D; opacity: 0.6; filter: alpha(opacity=60); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(60)); -webkit-transition: all 0.4s cubic-bezier(0.4,0,0.2,1); -moz-transition: all 0.4s cubic-bezier(0.4,0,0.2,1); -o-transition: all 0.4s cubic-bezier(0.4,0,0.2,1); transition: all 0.4s cubic-bezier(0.4,0,0.2,1) } .service_list_met_95_3_50 .service-list .item:hover .bg.other-bg { opacity: 1; filter: alpha(opacity=90); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(90)); background: #2B4FAF; background: } .service_list_met_95_3_50 .service-list .item .mask .content .line-panel .item-line { width: 20px; height: 2px; background: #ffffff; display: inline-block; opacity: 1; filter: alpha(opacity=100); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100)); -webkit-transition: all 0.4s cubic-bezier(0.4,0,0.2,1); -moz-transition: all 0.4s cubic-bezier(0.4,0,0.2,1); -o-transition: all 0.4s cubic-bezier(0.4,0,0.2,1); transition: all 0.4s cubic-bezier(0.4,0,0.2,1) } .service_list_met_95_3_50 .service-list .item .mask .content .line-panel { padding: 0; margin: 0; font-size: 0; line-height: 0; margin-top: 20px; -webkit-transition: all 0.4s cubic-bezier(0.4,0,0.2,1); -moz-transition: all 0.4s cubic-bezier(0.4,0,0.2,1); -o-transition: all 0.4s cubic-bezier(0.4,0,0.2,1); transition: all 0.4s cubic-bezier(0.4,0,0.2,1) } .service_list_met_95_3_50 .service-list .item .mask .content .item-img-panel i { font-size: 45px; color: #2B4FAF; color: #ffffff; -webkit-transition: all 0.4s cubic-bezier(0.4,0,0.2,1); -moz-transition: all 0.4s cubic-bezier(0.4,0,0.2,1); -o-transition: all 0.4s cubic-bezier(0.4,0,0.2,1); transition: all 0.4s cubic-bezier(0.4,0,0.2,1) } .service_list_met_95_3_50 .service-list .item:hover .mask .content .item-img-panel i { color: #fff } .service_list_met_95_3_50 .service-list .item:hover .content .line-panel .item-line { opacity: 0; filter: alpha(opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)) } .service_list_met_95_3_50 .service-list .item .mask .content { position: absolute; left: 0; top: 50%; margin-top: -60px; text-align: center; -webkit-transition: all 0.4s cubic-bezier(0.4,0,0.2,1); -moz-transition: all 0.4s cubic-bezier(0.4,0,0.2,1); -o-transition: all 0.4s cubic-bezier(0.4,0,0.2,1); transition: all 0.4s cubic-bezier(0.4,0,0.2,1) } .service_list_met_95_3_50 .service-list .item:hover .content { margin-top: -90px } .service_list_met_95_3_50 .service-list .item .mask .content .item-img-panel { position: relative; display: inline-block } .service_list_met_95_3_50 .service-list .item .content .line-panel { padding: 0; margin: 0; font-size: 0; line-height: 0; margin-top: 20px; -webkit-transition: all 0.4s cubic-bezier(0.4,0,0.2,1); -moz-transition: all 0.4s cubic-bezier(0.4,0,0.2,1); -o-transition: all 0.4s cubic-bezier(0.4,0,0.2,1); transition: all 0.4s cubic-bezier(0.4,0,0.2,1) } .service_list_met_95_3_50 .service-list .item .mask .content .item-title { color: #ffffff; font-size: 22px; line-height: 24px; margin: 0; padding: 0; margin-top: 24px; font-weight: bold; -webkit-transition: all 0.4s cubic-bezier(0.4,0,0.2,1); -moz-transition: all 0.4s cubic-bezier(0.4,0,0.2,1); -o-transition: all 0.4s cubic-bezier(0.4,0,0.2,1); transition: all 0.4s cubic-bezier(0.4,0,0.2,1) } .service_list_met_95_3_50 .service-list .item .mask .content .item-desc { opacity: 0; filter: alpha(opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)); -webkit-transition: all 0.4s cubic-bezier(0.4,0,0.2,1); -moz-transition: all 0.4s cubic-bezier(0.4,0,0.2,1); -o-transition: all 0.4s cubic-bezier(0.4,0,0.2,1); transition: all 0.4s cubic-bezier(0.4,0,0.2,1) } .service_list_met_95_3_50 .service-list .item .mask .content .item-desc { font-size: 14px; color: #ffffff; text-align: center; margin-top: 30px; margin-bottom: 0; padding: 0 30px; line-height: 24px } .service_list_met_95_3_50 .service-list .item:hover .content .item-desc { opacity: 1; filter: alpha(opacity=100); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100)) } .service_list_met_95_3_50 .service-list .item:hover .content .item-desc { margin-top: 22px } .service_list_met_95_3_50 .service-list .item .mask .content .item-link { opacity: 0; filter: alpha(opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)); -webkit-transition: all 0.4s cubic-bezier(0.4,0,0.2,1); -moz-transition: all 0.4s cubic-bezier(0.4,0,0.2,1); -o-transition: all 0.4s cubic-bezier(0.4,0,0.2,1); transition: all 0.4s cubic-bezier(0.4,0,0.2,1) } .service_list_met_95_3_50 .service-list .item .mask .content .item-link { display: inline-block; border: 1px solid #ffffff; width: 120px; height: 36px; line-height: 36px; font-size: 14px; color: #ffffff; text-decoration: none; margin-top: 62px } .service_list_met_95_3_50 .service-list .item:hover .content .item-link { opacity: 1; filter: alpha(opacity=100); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100)) } .service_list_met_95_3_50 .service-list .item:hover .content .item-link { margin-top: 24px } .service_list_met_95_3_50 .service-list .item .mask .content .item-link:hover { color: #2B4FAF; color:; background: #ffffff } .service_list_met_95_3_50 li a img { margin: 0 auto; max-width: 100%; width: 100% } .service_list_met_95_3_50 .head h2 { font-size: 34px } @media (min-width:767px) and (max-width:1200px) { .service_list_met_95_3_50 img { max-width: 300px; margin: 0 auto } } @media (max-width:767px) { .service_list_met_95_3_50 { padding: 30px 15px } } .service_list_met_95_3_50 .item-img-panel img { width: 45px } .service_list_met_95_3_50 .slick-arrow.slick-prev i { left: -20px } .service_list_met_95_3_50 .slick-arrow.slick-next i { right: -20px } .service_list_met_95_3_50 .slick-arrow i { position: absolute; color: #ffffff; top: 0; font-size: 80px } .service_list_met_95_3_50 .slick-prev,.service_list_met_95_3_50 .slick-next { width: 80px; height: 80px } .service_list_met_95_3_50 .abox { display: block } .product_list_met_27_1_51 { padding: 70px; background: #ffffff; background: } .product_list_met_27_1_51 ul { padding: 0 } .product_list_met_27_1_51 .head .title { margin-top: 0; margin-bottom: 0; color: #000000; color:; opacity: 0; transform: translate(0,100%) } .product_list_met_27_1_51 .head .subtitle { margin-top: 0; color: #999999; color:; opacity: 0; transform: translate(0,100%) } .product_list_met_27_1_51 .head .desc { margin-top: 0; color: #999999; color:; opacity: 0; transform: translate(0,100%) } .product_list_met_27_1_51 .nav-tabs { border-bottom: none; margin: 10px auto; display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0 } .product_list_met_27_1_51 .nav-tabs li { white-space: nowrap; display: inline-block; float: none } .product_list_met_27_1_51 .nav-tabs li a { opacity: 0; background: #fff; padding: 8px 30px; border-radius: 0; white-space: nowrap; border: #999999 1px solid; border: #bdbdbd 1px solid; color: #999999; color:; font-size: 12px; margin-right: 5px; -webkit-transition: all .66s cubic-bezier(.17,.84,.44,1); transition: all .66s cubic-bezier(.17,.84,.44,1) } .product_list_met_27_1_51 .nav-tabs li a:hover { border-color: #2B4FAF; border-color:; color: #fff } .product_list_met_27_1_51 .nav-tabs li a:hover h3 { color: } .product_list_met_27_1_51 .nav-tabs li a h3 { text-shadow: none; color: #000000; color: } .product_list_met_27_1_51 .nav-tabs li.active a { border-color: #2B4FAF; border-color: } .product_list_met_27_1_51 .nav-tabs li.active a h3 { color: #2B4FAF; color: } .product_list_met_27_1_51 .card-header a { display: block; position: relative } .product_list_met_27_1_51 .card-header a .mask { position: absolute; width: 100%; height: 100%; -webkit-transition: all .66s cubic-bezier(.17,.84,.44,1); transition: all .66s cubic-bezier(.17,.84,.44,1); z-index: 2 } .product_list_met_27_1_51 .card { width: 100%; background: } .product_list_met_27_1_51 .card img { transition: all 0.5s ease-out } .product_list_met_27_1_51 .overlay-hover:hover img { transform: scale(1.2)!important } .product_list_met_27_1_51 .overlay-panel { padding: 0 } .product_list_met_27_1_51 .overlay-panel a { display: block; width: 100%; height: 100%; position: relative; z-index: 99 } .product_list_met_27_1_51 .card-header a img { -webkit-transition: all .6s cubic-bezier(.17,.84,.44,1); transition: all .6s cubic-bezier(.17,.84,.44,1); width: 100% } .product_list_met_27_1_51 .overlay-icon:before { display: inline-block; height: 100%; vertical-align: middle; content: "+"; width: 50px; height: 50px; line-height: 40px; margin: 0 auto; margin-left: -26px; font-size: 40px; text-align: center; border-radius: 50px; border: 1px solid rgba(255,255,255,0.5); position: absolute; left: 50%; top: -50px } .product_list_met_27_1_51 .products:hover .overlay-icon:before { margin-top: -25px; top: 50%; transition: all 0.6s cubic-bezier(0.17,0.84,0.44,1) 0s } .product_list_met_27_1_51 .listsproduct { display: none } .product_list_met_27_1_51 .card .card-title { line-height: 1.5; text-align: left; border-bottom: 1px solid #999999!important; border-bottom: 1px solid #bdbdbd; background:; text-shadow: none; -webkit-transition: all .6s cubic-bezier(.215,.61,.355,1); transition: all .6s cubic-bezier(.215,.61,.355,1) } .product_list_met_27_1_51 .card-title a { color: #000000; color:; text-shadow: none; font-size: 16px } .product_list_met_27_1_51 .card-title a span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block } .product_list_met_27_1_51 .card-title p { color: #999999; color:; padding-top: 5px; margin: 0; font-size: 13px } .product_list_met_27_1_51 .card-title .price { color: #c30a18 } .product_list_met_27_1_51 .card:hover .card-title { border-bottom: 1px solid; border-color: #2B4FAF!important; border-color: !important } .product_list_met_27_1_51 .card:hover .card-title a,.product_list_met_27_1_51 .card:hover .card-title a span { color: #2B4FAF !important; color: !important } .product_list_met_27_1_51 .product-list .item { opacity: 0; transform: translate(0,10%) } .product_list_met_27_1_51 .product-list .item .fa { color: #fff; width: 22px; height: 22px; font-size: 22px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) } .product_list_met_27_1_51 .product-list .item .fa:hover { text-decoration: none } @media (max-width:767px) { .product_list_met_27_1_51 { padding: 30px 0px } .product_list_met_27_1_51 .product-list { margin: 0 -5px } .product_list_met_27_1_51 .card > .card-title { padding: 5px 15px } .product_list_met_27_1_51 .product-list .item { margin-bottom: 10px!important } .product_list_met_27_1_51 .product-list.blocks-xs-2 .item { padding: 0 5px!important } } .about_list_met_28_10_52.met-index-body { background-color: transparent; background-color: #ffffff; ;background-color:; background-image: url(1611216648.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; min-height: 100px; padding: 80px 0 } .about_list_met_28_10_52 .ibox-inner { margin: 0px auto; position: relative; overflow: hidden } .about_list_met_28_10_52 .wave-canvas-wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .about_list_met_28_10_52 .about-con { margin: 0px auto; position: relative } .about_list_met_28_10_52 .about-con .t { color: #000000; color: #ffffff; margin-bottom: 0; font-size: 34px; line-height: 34px; text-align: center; padding-bottom: 15px } .about_list_met_28_10_52 .about-con .en { color: #999999; color: #999999; font-size: 22px; line-height: 22px; text-align: center; padding-bottom: 40px } .about_list_met_28_10_52 .about-con .c { font-size: 15px; text-align: justify } .about_list_met_28_10_52 .about-con .c p { color: #999999; color: #bdbdbd; line-height: 30px } .about_list_met_28_10_52 .about-list { margin-top: 65px } .about_list_met_28_10_52 .about-list li { margin-bottom: 55px; float: left; display: block; width: 25% } .about_list_met_28_10_52 .about-list .numbox { color: #999999; color:; line-height: 1 } .about_list_met_28_10_52 .about-list .num { font-size: 62px; padding-right: 10px; color: #2B4FAF; color: } .about_list_met_28_10_52 .about-list .by { color: #000000; color: #ffffff; font-weight: bold; margin-bottom: 0px; font-size: 16px } .about_list_met_28_10_52 .btnMore:before { content: ""; width: 100%; height: 100%; background-color: #2B4FAF; background-color:; z-index: -1; position: absolute; left: 0; bottom: 0px; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .42s cubic-bezier(.4,0,.2,1); transition: transform .42s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9 } .about_list_met_28_10_52 .btnMore { color: #2B4FAF; color: } .about_list_met_28_10_52 .btnMore .txt { padding: 0px 22px 0 0px } .about_list_met_28_10_52 .btnMore:hover:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9 } .about_list_met_28_10_52 .line { height: 5px; position: absolute; left: 0; bottom: 0; width: 100%; background-color:; margin-bottom: 0px } .about_list_met_28_10_52 .line-bg { position: absolute; right: 50%; bottom: 0; margin-right: 416px; height: 5px; background-color:; width: 100% } @media screen and (max-width:1024px) { .about_list_met_28_10_52.met-index-body { padding: 60px 0 } .about_list_met_28_10_52 .about-con { width: 90% } .about_list_met_28_10_52 .about-list .num { font-size: 50px } .about_list_met_28_10_52 .btnMore { width: 120px; height: 38px; line-height: 38px } .about_list_met_28_10_52 .btnMore .txt { padding-right: 30px } .about_list_met_28_10_52 .line-bg { width: 30%; margin-right: 0; right: auto; left: 0 } } @media (max-width:991px) { .about_list_met_28_10_52 .about-con .t { font-size: 30px; line-height: 30px } .about_list_met_28_10_52 .about-con .en { font-size: 22px; line-height: 22px } } @media screen and (max-width:860px) { .about_list_met_28_10_52 .about-list li { width: 50% } .about_list_met_28_10_52 { padding: 60px 0px } .about_list_met_28_10_52 .about-list { margin-top: 0px; padding: 40px 0 15px } .about_list_met_28_10_52 .about-list li { margin-bottom: 30px } .about_list_met_28_10_52 .about-list .num { font-size: 48px } .about_list_met_28_10_52 .about-con .c { font-size: 14px } } @media screen and (max-width:767px) { .about_list_met_28_10_52.met-index-body { padding: 40px 0 } .about_list_met_28_10_52 .about-list .by { font-size: 14px } } @media screen and (max-width:641px) { .about_list_met_28_10_52 .about-list .num { font-size: 40px } } @media screen and (max-width:421px) { .about_list_met_28_10_52 .about-list .num { font-size: 35px } } @media screen and (max-width:360px) { .about_list_met_28_10_52 .about-list .num { font-size: 30px } } .partner_list_met_95_1_55 { padding: 60px 0 } @media (max-width:1024px) and (min-width:768px) { .partner_list_met_95_1_55 { padding: 40px 0 } } @media (max-width:767px) { .partner_list_met_95_1_55 { padding: 20px 0 } } .partner_list_met_95_1_55 .block-title { display: flex; align-items: center; justify-content: center } .partner_list_met_95_1_55.bgcolor { background: #ffffff; background: #f5f5f5 } .partner_list_met_95_1_55 .title { font-size: 34px; margin-top: 0px; text-align: center; font-weight: 500; color: #000000; color:; margin-bottom: 0; padding: 0 5px } .partner_list_met_95_1_55 p.desc { font-size: 16px; font-weight: 300; text-align: center; width: 80%; color: #999999; color:; margin: 0px auto; margin-top: 11px } .partner_list_met_95_1_55 .imglist { padding-top: 15px; text-align: left; text-align: left; margin: 0 -5px } .partner_list_met_95_1_55 .imglist li { padding: 10px } .partner_list_met_95_1_55 .imglist div img { width: 100%; border-radius: 10px } .partner_list_met_95_1_55 .imglist div img.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray } .partner_list_met_95_1_55 .overlay_hover:hover .overlay_scale { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray; box-shadow: 1px 1px 4px #ccc } .partner_list_met_95_1_55 .block-title img { max-height: 26px } @media (max-width:991px) { .partner_list_met_95_1_55.met-index-body { padding: px 0px } .partner_list_met_95_1_55 .imglist { padding-top: 10px } } @media (max-width:767px) { .partner_list_met_95_1_55.met-index-body { padding: px 0px } $ uciss p.desc { font-size: 12px } $ uciss .title { font-size: 18px } .partner_list_met_95_1_55 .imglist { padding-top: 10px } .partner_list_met_95_1_55 .phonehide { display: none } } .news_list_met_21_7_61.bgcolor { background: #ffffff; background: } .news_list_met_21_7_61.bgpic { background: url() no-repeat; background-size: cover; background-position: center } .news_list_met_21_7_61 { padding: 50px; background-color: } .news_list_met_21_7_61 .head { text-align: left } .news_list_met_21_7_61 .head .title { margin-top: 22px; margin-bottom: 11px; font-size: 20px; font-weight: 300; letter-spacing: 1px; color: #000000; color:; opacity: 0; transform: translate(0,100%) } .news_list_met_21_7_61 .head .desc { width: 38px; height: 2px; background: #2B4FAF; background:; opacity: 0; transform: translate(0,100%) } .news_list_met_21_7_61 .title-box .head { float: left } .news_list_met_21_7_61 .title-box .tabs { margin: 18px; display: inline-block } .news_list_met_21_7_61 .title-box .tabs li { float: left; opacity: 1 } .news_list_met_21_7_61 .title-box .tabs li a { display: inline-block; margin: 0 5px; font-size: 13px; line-height: 30px; text-align: center; padding: 0 20px; height: 30px; -webkit-transition: all .6s cubic-bezier(.165,.84,.44,1) 0ms; transition: all .6s cubic-bezier(.165,.84,.44,1) 0ms } .news_list_met_21_7_61 .title-box .tabs li a:hover { background: #2B4FAF; background:; text-decoration: none } .news_list_met_21_7_61 .title-box .tabs li a:hover h3 { color: #fff } .news_list_met_21_7_61 .title-box .tabs li a h3 { font-size: 13px; margin: 0; line-height: 30px; -webkit-transition: all .6s cubic-bezier(.165,.84,.44,1) 0ms; transition: all .6s cubic-bezier(.165,.84,.44,1) 0ms; color: #000000; color: } .news_list_met_21_7_61 .title-box .tabs li.active a { background: #2B4FAF; background: } .news_list_met_21_7_61 .title-box .tabs li.active a h3 { color: #fff } .news_list_met_21_7_61 .btn-more { padding: 5px 15px; border: 1px solid; color: #2B4FAF; color:; display: block; width: 110px; text-align: center; margin: 30px auto 0 auto; -webkit-transition: all .6s cubic-bezier(.165,.84,.44,1) 0ms; transition: all .6s cubic-bezier(.165,.84,.44,1) 0ms } .news_list_met_21_7_61 .btn-more .fa { padding-left: 10px } .news_list_met_21_7_61 .btn-more:hover { background: #2B4FAF; background:; padding-left: 15px; color: #fff; border-color: #2B4FAF; border-color:; text-decoration: none } .news_list_met_21_7_61 .btn-more:hover .fa { color: #fff } .news_list_met_21_7_61 ul { padding: 0; margin: 0; list-style: none; margin-top: 50px } .news_list_met_21_7_61 .imgnews-list li { opacity: 0; transform: translateY(100%); width: 52%; float: right; -webkit-transition: all .6s cubic-bezier(.165,.84,.44,1) 0ms; transition: all .6s cubic-bezier(.165,.84,.44,1) 0ms; padding: 10px 0; border-bottom: 1px solid; border-color: #999999; border-color: #e0e0e0 } .news_list_met_21_7_61 .imgnews-list li .title { margin: 0; width: 78% } .news_list_met_21_7_61 .imgnews-list li .title span { display: inline-block; max-width: 100%; font-size: 14px; line-height: 30px; color: #000000; color:; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .news_list_met_21_7_61 .imgnews-list li .time { display: inline-block; line-height: 30px; float: right; color: #999999; color: #ffffff; font-size: 13px; position: relative; -webkit-transition: all .6s cubic-bezier(.165,.84,.44,1) 0ms; transition: all .6s cubic-bezier(.165,.84,.44,1) 0ms } .news_list_met_21_7_61 .imgnews-list li .fa { display: inline-block; line-height: 30px; float: right; color: #2B4FAF; color:; font-size: 13px; position: relative; right: 35px; -webkit-transition: all .6s cubic-bezier(.165,.84,.44,1) 0ms; transition: all .6s cubic-bezier(.165,.84,.44,1) 0ms; opacity: 0 } .news_list_met_21_7_61 .imgnews-list li:hover { padding-left: 15px } .news_list_met_21_7_61 .imgnews-list li:hover .fa { right: 0; opacity: 1 } .news_list_met_21_7_61 .imgnews-list li:hover .time { right: 15px } .news_list_met_21_7_61 .imgnews-list li:hover h3 span { color: #2B4FAF!important; color: !important } .news_list_met_21_7_61 .imgnews-list li .date { float: right } .news_list_met_21_7_61 .imgnews-list li .date .day { font-size: 36px; font-weight: bold; position: relative; letter-spacing: 1px; color: #999999; color: } .news_list_met_21_7_61 .imgnews-list li .date .year { color: #999999; color:; position: relative; display: block } .news_list_met_21_7_61 .imgnews-list .item-1 { width: 40%; float: left; padding: 0; border: none; opacity: 1; transform: none } .news_list_met_21_7_61 .imgnews-list .item-1 .text { background: #2B4FAF; background:; padding: 28px 20px 28px 40px } .news_list_met_21_7_61 .imgnews-list .item-1 .text .date { float: left } .news_list_met_21_7_61 .imgnews-list .item-1 .text .day { font-size: 36px; font-weight: bold; position: relative; letter-spacing: 1px; color: #000000; color: #ffffff } .news_list_met_21_7_61 .imgnews-list .item-1 .text .year { color: #999999; color: #ffffff; position: relative; display: block } .news_list_met_21_7_61 .imgnews-list .item-1 .text .content { color: #fff; width: 80%; float: right } .news_list_met_21_7_61 .imgnews-list .item-1 .text .content h3 { color: #000000; color: #ffffff; line-height: 30px; margin: 0; font-size: 16px; padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.2) } .news_list_met_21_7_61 .imgnews-list .item-1 .text .content p { color: #999999; color: #ffffff; padding-top: 15px; margin: 0 } .news_list_met_21_7_61 .imgnews-list .item-1 .img { overflow: hidden } .news_list_met_21_7_61 .imgnews-list .item-1 .img img { -webkit-transition: all .6s cubic-bezier(.165,.84,.44,1) 0ms; transition: all .6s cubic-bezier(.165,.84,.44,1) 0ms; opacity: .78; width: 100% } .news_list_met_21_7_61 .imgnews-list .item-1:hover { -webkit-box-shadow: 5px 8px 20px rgba(0,0,0,0.08); box-shadow: 5px 8px 20px rgba(0,0,0,0.08); padding: 0 } .news_list_met_21_7_61 .imgnews-list .item-1:hover img { -webkit-transform: scale(1.08); transform: scale(1.08); opacity: 1 } .news_list_met_21_7_61 .imgnews-list .item-1:hover .text .content h3,.news_list_met_21_7_61 .imgnews-list .item-1:hover .text .content h3 span { color: #ffffff !important } .news_list_met_21_7_61 .imgnews-list .item-2 { border: none!important } .news_list_met_21_7_61 .imgnews-list .item-2 .text { float: left; width: 80% } .news_list_met_21_7_61 .imgnews-list .item-2 .text h3 { width: 100%; padding-bottom: 15px; border-bottom: 1px solid; border-color: #999999; border-color: #e0e0e0; font-size: 16px } .news_list_met_21_7_61 .imgnews-list .item-2 .text p { margin-top: 15px; color: #999999; color:; font-size: 13px; line-height: 26px; height: 52px; overflow: hidden } .news_list_met_21_7_61 .item-other-desc { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 80%; display: inline-block; color: #999999; color: } .news_list_met_21_7_61 .title-box { text-align: center } @media (max-width:991px) { .news_list_met_21_7_61 .imgnews-list .item1 .text .content { width: 70% } } .news_list_met_21_7_61 .title-box h2 { color: #000000; color: } .news_list_met_21_7_61 .title-box p { color: #999999; color: } @media (max-width:768px) { .news_list_met_21_7_61 .imgnews-list .item-1 .text { padding: 10px } .news_list_met_21_7_61 .imgnews-list .item-1 .text .content { width: 100% } } @media (max-width:767px) { .news_list_met_21_7_61 { padding: 30px 0 } .news_list_met_21_7_61 .imgnews-list li { width: 100%!important; float: none!important } .news_list_met_21_7_61 .imgnews-list .item1 .text .content { width: 68% } .news_list_met_21_7_61 .imgnews-list li .title { width: 70% } .news_list_met_21_7_61 ul { margin-top: 0 } .news_list_met_21_7_61 .title-box .head { float: none } .news_list_met_21_7_61 .title-box .tabs { margin: 15px 0; float: none } .news_list_met_21_7_61 .tabs-box { width: 100%; overflow-x: auto } .news_list_met_21_7_61 .tabs-box .tabs { display: flex; white-space: nowrap } } .adbanner_met_94_1_60 { width: 100%; padding: 190px 0px } .adbanner_met_94_1_60 .container { width: 100%; margin: 0 auto; padding-left: 0; padding-right: 0; overflow: hidden } .adbanner_met_94_1_60 .clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden } .adbanner_met_94_1_60.bgcolor { background: #ffffff; background: !important } .adbanner_met_94_1_60.bgpic { background: url(1612230821.jpg); background-size: cover; background-repeat: no-repeat; background-position: center } .adbanner_met_94_1_60 .blobkheader { padding: 0px 10px } .adbanner_met_94_1_60 .blobkheader .firsttext { font-size: 40px; font-weight: bold; color: #000000; color: #ffffff } .adbanner_met_94_1_60 .blobkheader .secondtext { font-size: 40px; line-height: 50px; color: #000000; color: #ffffff } .adbanner_met_94_1_60 .blobkheader .thirdtext { font-size: 40px; color: #000000; color: #ffffff } .adbanner_met_94_1_60 .blobkheader .adbutton { display: inline-block; padding: 8px 32px; background: #ffffff; color: #000000 } .adbanner_met_94_1_60 .blobkheader .adbutton:hover { background: #2B4FAF; background:; color: #ffffff } @media (min-width:768px) { .adbanner_met_94_1_60 .blobkheader { padding-left: 350px } } @media (max-width:768px) { .adbanner_met_94_1_60 .blobkheader { padding-left: 100px } .adbanner_met_94_1_60 { padding: px 0px } } @media (max-width:480px) { .adbanner_met_94_1_60 { padding: 50px 0px } .adbanner_met_94_1_60 .blobkheader { padding-left: 10px } .adbanner_met_94_1_60 .blobkheader .firsttext,.adbanner_met_94_1_60 .blobkheader .secondtext,.adbanner_met_94_1_60 .blobkheader .thirdtext { font-size: 28px } } .partner_list_met_16_2_53 { padding: 50px 0 } .partner_list_met_16_2_53.bgcolor { background-color: transparent; background: #ffffff; background: #f5f5f5 } .partner_list_met_16_2_53.bgpic { background: url() no-repeat; background-size: cover; background-position: center } .partner_list_met_16_2_53 .title { font-size: 34px; color: #000000; color: } .partner_list_met_16_2_53 .title a { margin-top: 0px; text-align: center; font-weight: 300; color: #000000; color:; margin-bottom: 11px } .partner_list_met_16_2_53 .title-icon { width: 30px; height: 5px; margin: 0 auto; background: #2B4FAF } .partner_list_met_16_2_53 p.desc { font-size: 16px; font-weight: 300; text-align: center; color: #999999; color:; margin: 14px auto } .partner_list_met_16_2_53 .imglist { margin-top: 50px } .partner_list_met_16_2_53 .imglist li { padding: 10px; border: 1px solid #f5f5f5; margin: 0 5px } .partner_list_met_16_2_53 .imglist div img { width: 100% } .partner_list_met_16_2_53 .imglist div img.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray } .partner_list_met_16_2_53 .overlay-hover:hover .overlay-scale { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray } @media (max-width:991px) { .partner_list_met_16_2_53.met-index-body { padding: 60px 0px } .partner_list_met_16_2_53 .imglist { margin-top: 40px } .partner_list_met_16_2_53 p.desc { margin: 14px auto } .partner_list_met_16_2_53 .imglist { margin-top: 40px } } @media (max-width:767px) { .partner_list_met_16_2_53.met-index-body { padding: 50px 0px } .partner_list_met_16_2_53 .title { font-size: 22px } .partner_list_met_16_2_53 .imglist li { padding: 10px } .partner_list_met_16_2_53 p.desc { margin: 14px auto; font-size: 14px } .partner_list_met_16_2_53 .imglist { margin-top: 30px } } .footer{ background-color:#2B4FAF; padding-top:35px; padding-bottom:35px; overflow:hidden; color:#FFFFFF;} .footer .w1280{ width:1280px; margin:auto;} .footer .foot1{ width:280px; float:left; text-align:center;} .footer .foot2{ width:1000px; float:left;} .footer .foot2 ul{ float:left;} .footer .foot2 ul span{ color:#ffffff; font-size:16px;} .footer .foot2 ul p{ font-size:18px;} .footer .foot2 .xx{ width:1px; background-color:#ccc; height:70px; float:left; margin-left:120px; margin-right:100px;} .clear{ clear:both;} .footer .foot2 .ft{color:#ffffff; padding-top:20px; padding-left:160px;} .footer a{ color:#FFFFFF;} /*分页样式*/ .pglist { padding: 30px 0; width: 100%; text-align: center; clear: both; } .pglist a { color: #333; padding: 0 15px; margin: 0 4px; background: #fff; border: 1px solid #edebeb; } .pglist * { display: inline-block; vertical-align: middle; line-height: 34px; padding-bottom: 1px; } .pglist a:hover, .pglist .hover { display: inline-block; color: #fff; background: #2B4FAF; border-color: #2B4FAF; } ul,li{ list-style:none;} .news_ul { width: 1300px; margin: 0 auto; padding-bottom: 40px; padding-top: 12px; } .news_ul li { padding: 37px 0; border-bottom: 1px solid #eaeaea; position: relative; } .news_ul li .box1 { width: 253px; height: 190px; overflow: hidden; float:left; } .news_ul li .box1 img { width: 253px; height: 190px; transition: ease-in-out .9s; } .news_ul li .box2 { padding-left: 42px; width: 759px; float:left; } .news_ul li .box2 h1 { font-size: 20px; color: #333; height: 26px; line-height: 26px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .news_ul li .box2 p { color: #666; line-height: 24px; padding-top: 10px; height: 75px; } .news_ul li .box2 span { font-size: 12px; color: #999; } .news_ul li .right { padding-right: 15px; padding-top: 35px; text-align: center; } .news_ul li .right h3 { font-size: 36px; color: #999; font-weight: 100; } .news_ul li .right p { font-size: 24px; color: #bbb; padding-top: 10px; } .news_ul li a { display: block; cursor: pointer; width: 100%; height: 100%; } .news_ul li a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); } .news_ul li a:hover h1 { color: #2B4FAF; } .news_ul li b { display: block; width: 100px; height: 30px; border: #ccc solid 1px; text-align: center; line-height: 30px; font-weight: normal; position: absolute; right: 12px; top: 161px; } /*showNews*/ .showNews { width: 100%; padding-top: 10px; padding-bottom: 100px; } .showNews .title { font-size: 32px; color: #333333; text-align: center; margin: 10px 0 22px; font-weight: bold; } .showNews .marks { color: #999999; height: 38px; line-height: 38px; text-align: center; margin-bottom: 20px; border-top: 1px dashed #e5e5e5; border-bottom: 1px dashed #e5e5e5; } .showNews .marks span { margin: 0 10px; } .showNews .showContxt { color: #666666; padding: 0 0 30px; line-height: 30px; } .showNews .showContxt img { max-width: 100%; } .about{ width:1300px; margin:auto;} .about h2{ text-align:center; padding-top:60px; padding-bottom:60px;} .about .w650{ width:650px; float:left;} .about .w650 span{ font-size:24px; line-height:50px;} .about .w650 .xt{ width:30px; height:2px; background-color:#dddddd; margin-top:15px; margin-bottom:15px;} .about .w650 p{ color:#666666; line-height:28px;} .about .more{display: block; background: #198dcd; height: 40px; line-height: 40px; padding: 0 10px; opacity: #fff; border-radius: 4px; float: left; color: #fff; transition: all 0.3s;} .about .more:hover{ background:#0b7dbc; color:#fff;} .about img{ float:right;}