@charset "utf-8"; .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) } } .scrollable.is-enabled { overflow: hidden!important } .is-enabled .scrollable-container { overflow: hidden!important; -webkit-box-sizing: content-box!important; -moz-box-sizing: content-box!important; box-sizing: content-box!important } .is-enabled .scrollable-container::-webkit-scrollbar { width: 0; height: 0; -webkit-appearance: none } .scrollable-vertical.is-enabled .scrollable-container { overflow-y: scroll!important } .scrollable-horizontal.is-enabled .scrollable-container { overflow-x: scroll!important } .is-enabled .scrollable-content { position: relative!important; overflow: visible!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .is-enabled .scrollable-content:after,.is-enabled .scrollable-content:before { display: table; content: ' ' } .is-enabled .scrollable-content:after { clear: both } .scrollable-bar { line-height: 0; position: absolute; right: 0; bottom: 0; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -webkit-user-select: none; -moz-user-select: none; -moz-user-select: none; -ms-user-select: none; -ms-user-select: none; user-select: none; user-select: none; -webkit-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; border-radius: 2px; user-focus: ignore; user-input: disabled; -webkit-touch-callout: none } .is-disabled .scrollable-bar { display: none } .scrollable-bar-hide { -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; opacity: 0 } .scrollable-bar.is-dragging { opacity: 1 } .scrollable-bar.is-disabled { display: none } .scrollable-bar-handle { line-height: 0; position: absolute; top: 0; left: 0; cursor: pointer; -webkit-transition: width,height .5s; -o-transition: width,height .5s; transition: width,height .5s; border-radius: 2; background: rgba(163,175,183,.6) } .scrollable-bar-vertical { width: 4px; height: 100%; height: -webkit-calc(100% - 8px); height: calc(100% - 8px); margin: 4px 2px } .scrollable-bar-vertical .scrollable-bar-handle { width: 100% } .scrollable-bar-horizontal { width: 100%; width: -webkit-calc(100% - 8px); width: calc(100% - 8px); height: 4px; margin: 2px 4px } .scrollable-bar-vertical.is-dragging,.scrollable-bar-vertical.is-hovering { width: 8px; margin: 4px 1px } .scrollable-bar-horizontal.is-dragging,.scrollable-bar-horizontal.is-hovering { height: 8px; margin: 1px 4px } .scrollable-bar-horizontal .scrollable-bar-handle { height: 100% } .scrollable.is-dragging .scrollable-handle,.scrollable.is-hovering .scrollable-handle { border-radius: 8px } .scrollable.is-dragging .scrollable-bar-handle,.scrollable.is-hovering .scrollable-bar-handle { border-radius: 8px } .scrollable.is-scrolling .scrollable-bar { -webkit-transition: opacity 0; -o-transition: opacity 0; transition: opacity 0; opacity: 1 } .scrollable.is-dragging { -webkit-user-select: none; -webkit-user-select: none; -moz-user-select: none; -moz-user-select: none; -ms-user-select: none; -ms-user-select: none; user-select: none; user-select: none; user-focus: ignore; user-input: disabled; -webkit-touch-callout: none } .scrollable.is-dragging .scrollable-bar-handle { background: rgba(163,175,183,.8)!important } .scrollable-inverse.scrollable .scrollable-bar-handle { background: rgba(228,234,236,.6) } .scrollable-inverse.scrollable.is-dragging .scrollable-bar-handle { background: rgba(228,234,236,.8)!important } .scrollable-shadow.scrollable.is-dragging .scrollable-bar,.scrollable-shadow.scrollable.is-hovering .scrollable-bar { background: rgba(228,234,236,.5) } .scrollable-inverse.scrollable-shadow.scrollable.is-dragging .scrollable-bar,.scrollable-inverse.scrollable-shadow.scrollable.is-hovering .scrollable-bar { background: rgba(228,234,236,.4) } .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('../../../public/plugins/webui-popover/../img/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 } .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('../../../public/plugins/slick/./ajax-loader.gif') center center no-repeat } @font-face { font-family:'slick';font-weight:normal;font-style:normal;src:url('../../../public/plugins/slick/./fonts/slick.eot');src:url('../../../public/plugins/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'),url('../../../public/plugins/slick/./fonts/slick.woff') format('woff'),url('../../../public/plugins/slick/./fonts/slick.ttf') format('truetype'),url('../../../public/plugins/slick/./fonts/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 } @font-face { font-family:"iconfont";src:url('../../../public/fonts/iconfont/iconfont.eot?t=1497855280632');src:url('../../../public/fonts/iconfont/iconfont.eot?t=1497855280632#iefix') format('embedded-opentype'),url('../../../public/fonts/iconfont/iconfont.woff?t=1497855280632') format('woff'),url('../../../public/fonts/iconfont/iconfont.ttf?t=1497855280632') format('truetype'),url('../../../public/fonts/iconfont/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" } .text-danger { display: none } .head_nav_met_95_3_67 .head-container { width: 100%; background: #fff } .head_nav_met_95_3_67 .head-container.navbar-fixed-top { z-index: 1699 } .head_nav_met_95_3_67 #header { background: #ffffff; background: } .head_nav_met_95_3_67 #header:not(.navbar-fixed-top) { position: relative; z-index: 999 } @media (max-width:767px) { .head_nav_met_95_3_67 #header { } } .head_nav_met_95_3_67 #header .container { position: relative; margin: 0 auto; background-color: #f7f7f7 } .megamenu-image-container { min-height: 345px } @media (min-width:1600px) { #header .container { width: 100% } .megamenu-image-container { min-height: 425px } } .head_nav_met_95_3_67 #header .navbar-logo { display: block; text-align: left; padding: 20px 0 0 5px } .head_nav_met_95_3_67 .met-nav { position: relative } .head_nav_met_95_3_67 .met-nav .navlist { text-align: center; margin: 0 } .head_nav_met_95_3_67 .met-nav .navlist li { display: inline-block; position: static; text-align: left } .fixed_search .input-search-btn { padding: 0; background-color: #f3f7f9 } .fixed_search .input-search-btn span { display: none } .fixed_search .input-search-btn i { color: #000 } .input-search-btn { z-index: 1; color: #ffffff; background-color: #aaa; padding: 0 30px; border-radius: 0px } .input-search-btn i { color: #fff; font-size: 20px } .input-search .form-control { border-radius: 0px } .fixed_search .input-search .form-control { border-color: #e4eaec; border-radius: 0px } .head_nav_met_95_3_67 .met-nav .navlist li .nav1 { height: 80px; padding: 0 5px; line-height: 30px; color: #666666; color: #333333; position: relative; z-index: 19; display: block; -webkit-transition: all 0.26s ease-out; -moz-transition: all 0.26s ease-out; -ms-transition: all 0.26s ease-out; -o-transition: all 0.26s ease-out; transition: all 0.26s ease-out; float: left } .head_nav_met_95_3_67 .met-nav .navlist li .nav1:hover { color: #000000; color:; text-decoration: none; background: none } .head_nav_met_95_3_67 .met-nav .navlist li .nav1.active { color: #000000; color:; background: none } .head_nav_met_95_3_67 .met-nav .navlist li .navlist2 { min-width: 100%; display: block; width: 100%; position: absolute; top: 0; left: 0; background-color: transparent; height: 0; overflow: hidden; z-index: 1; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); border: none; margin: 0; box-shadow: none; background-color: rgba(255,255,255,0.95) } .head_nav_met_95_3_67 .met-nav .navlist li .navlist2 a { margin: 5px 0 30px; color: #666666; color: #000000; letter-spacing: 1px; font-weight: 500; font-size: 14px } .head_nav_met_95_3_67 .met-nav .navlist li .navlist2 a+a { color: #999999; color: } .head_nav_met_95_3_67 .met-nav .navlist li .navlist2 a+a:hover { color: #000000; color: } .head_nav_met_95_3_67 .met-nav .navlist2 li:first-child a { font-size: 16px; font-weight: bold } .search_box.fixed_search { position: fixed; z-index: 11111; top: 30px; left: 18rem; padding: 0; width: 115px } .search_box.fixed_search .search { width: 100% } .search_box.fixed_search input { width: 115px; height: 20px; border-radius: 5px; padding-right: 0 } .search_box.fixed_search .input-search-btn { left: 5px; width: 18px; height: 18px; margin-top: 1px } .head_nav_met_95_3_67 .rig-top { float: right } .head_nav_met_95_3_67 .navlist2-menu { text-align: left } .head_nav_met_95_3_67 .navlist2-menu .titles { display: block } .head_nav_met_95_3_67 .met-nav .navlist li .navlist2 .navlist2-menu { text-align: left } .head_nav_met_95_3_67 .met-nav .navlist li.spice-active .nav1:before { position: absolute; display: block; content: ""; left: 50%; bottom: 10px; height: 0; width: 0; margin-left: -4px; border: 0 solid transparent; border-bottom-color: #666666; border-bottom-color: #333333; border-bottom-width: 4px; border-left-width: 4px; border-right-width: 4px } .head_nav_met_95_3_67 .met-nav .navlist li.spice-active .navlist2 { top: 100%; opacity: 1; height: auto; transition: opacity .26s,top .26s } .head_nav_met_95_3_67 .met-nav .navlist li.spice-active-block .nav1:before { position: absolute; display: block; content: ""; left: 50%; bottom: 10px; height: 0; width: 0; margin-left: -4px; border: 0 solid transparent; border-bottom-color: #666666; border-bottom-color: #333333; border-bottom-width: 4px; border-left-width: 4px; border-right-width: 4px } .head_nav_met_95_3_67 .met-nav .navlist li.spice-active-block .navlist2 { top: 100%; opacity: 1; height: auto; transition: opacity 0s,top 0s } .head_nav_met_95_3_67 .met-nav .navlist .navlist3 { margin-top: 30px } .head_nav_met_95_3_67 .met-nav .navlist .navlist3 li { margin: 10px 0 20px; display: block } .head_nav_met_95_3_67 .met-nav .navlist .navlist3 li a { display: block; position: relative; padding: 0 15px; font-size: 15px; line-height: 15px; color: #999999; color: } .head_nav_met_95_3_67 .met-nav .nav-theme .nav-theme-text { text-align: left } .head_nav_met_95_3_67 .met-nav .nav-theme .nav-theme-img .slick-dots { padding-right: 30px } .head_nav_met_95_3_67 .met-nav .nav-theme .nav-theme-img li { position: relative; width: 8px; height: 8px; border-radius: 100%; border: 1px solid; margin-right: 5px } .head_nav_met_95_3_67 .met-nav .nav-theme .nav-theme-img li button { display: none } .head_nav_met_95_3_67 .met-nav .nav-theme .nav-theme-img li.slick-active { background: } .head_nav_met_95_3_67 .met-nav .nav-theme .nav-theme-img img { width: 100%; height: auto } .head_nav_met_95_3_67 .met-nav .nav > li > a:hover,.head_nav_met_95_3_67 .met-nav .dropdown.open > a { background: none !important } .head_nav_met_95_3_67 .title { display: inline-block; padding: 6px 22px; border: 1px solid } .head_nav_met_95_3_67 .title h2 { font-size: 20px; color: #333; letter-spacing: 2px; margin: 0; text-shadow: none; display: inline-block } .head_nav_met_95_3_67 .title .desc { font-size: 20px; color: #333; margin: 0; display: inline-block } .head_nav_met_95_3_67 .met-nav-login { position: static; top: -35px; right: 0px } .head_nav_met_95_3_67 .langs .met-nav-login { top: 1% } .head_nav_met_95_3_67 .remleng .met-nav-login { top: 10px } @media (max-width:767px) { .head_nav_met_95_3_67 .met-nav-login { width: 100%; position: absolute; top: 6px; right: 0px } } .head_nav_met_95_3_67 .met-nav-login .login-btn { margin-right: 10px } .head_nav_met_95_3_67 .met-nav-login .login-btn a,.head_nav_met_95_3_67 .met-nav-login .shopcart-btn a { line-height: 30px; display: inline-block; height: 30px; color: #666666; color:; font-size: 14px } .head_nav_met_95_3_67 .met-nav-login .login-btn a:hover,.head_nav_met_95_3_67 .met-nav-login .shopcart-btn a:hover { color: #000000; color: } .head_nav_met_95_3_67 .met-nav-login .pe-shopbag,.head_nav_met_95_3_67 .met-nav-login .pe-user { font-size: 26px; float: left } .head_nav_met_95_3_67 .met-nav-login .topcartremove { z-index: 1602 } .head_nav_met_95_3_67 .met-nav-login .topcartremove .label-danger { background: #333; border-radius: 0 } .head_nav_met_95_3_67 .met-nav-langlist { margin-bottom: 0; float: right } .head_nav_met_95_3_67 .met-nav-langlist:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .head_nav_met_95_3_67 .met-nav-langlist .btn { background: #fff; color: #999999; color:; font-size: 12px; font-weight: 500; letter-spacing: 1.34px; padding: 0 10px; line-height: 30px; border: none } .head_nav_met_95_3_67 .met-nav-langlist .btn .btn-flag { margin-right: 20px } .head_nav_met_95_3_67 .met-nav-langlist .btn .btn-flag:after { content: ''; position: absolute; width: 1px; background: #ddd; height: 100%; right: -13px } .head_nav_met_95_3_67 .met-nav .navlist li.open .navlist2 { top: 100%; opacity: 1; height: auto; transition: opacity 0s,top 0s } .head_nav_met_95_3_67 .container { max-width: 100%; width: 100vw } .head_nav_met_95_3_67 .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .head_nav_met_95_3_67 .met-nav .navlist li { transform: none!important } .head_nav_met_95_3_67 .met-nav .navlist .navlist3 { margin-top: 30px; padding-left: 0 } .head_nav_met_95_3_67 .navlist2-contaner { padding: 35px 0 0 60px } .head_nav_met_95_3_67 .navlist2-contaner>div { line-height: 2 } .head_nav_met_95_3_67 .navlist2-contaner>div:last-child { border: none } .head_nav_met_95_3_67 .met-nav .navlist li .navlist2 .navlist2-menu { } .head_nav_met_95_3_67 .navli .navlist2-menu img { width: 80%; max-width: 480px } .head_nav_met_95_3_67 .met-nav .navlist li.open .navlist2 { top: 86px; opacity: 1; height: auto; transition: opacity .26s,top .26s; position: fixed; background-color: #f7f7f7 } .head_nav_met_95_3_67 .met-nav { background: #ffffff; background: } .head_nav_met_95_3_67 .mobileMenuBtn { display: none; } @media (max-width:992px) { .head_nav_met_95_3_67 .navlist2 .navlist2-menu .navlist2-contaner li a { font-size: 12px } } @media (max-width:768px) { .head_nav_met_95_3_67 .search_box { display: none } .head_nav_met_95_3_67 .met-nav-login { position: inherit } .head_nav_met_95_3_67 .mobileMenuBtn { display: block } .head_nav_met_95_3_67 .mobileMenuBtn { display: none } .head_nav_met_95_3_67 .animation-slide-top.met-langlist { margin-right: 0 } .head_nav_met_95_3_67 .navlist2-contaner li { padding: 0 } .head_nav_met_95_3_67 .navlist2 .navlist2-menu .navlist2-contaner li a { font-size: 12px; font-weight: normal } } @media (max-width:767px) { .head_nav_met_95_3_67 .mobileMenuBtn { display: block; right: 0; padding: 0; margin-right: 0 } .head_nav_met_95_3_67 .met-nav-langlist { display: none } .search_box { display: none } .head_nav_met_95_3_67 header #header { border-bottom: none } .head_nav_met_95_3_67 #header .navbar-logo { padding: 15px 0 } } .head_nav_met_95_3_67 .mobileMenuBtn { position: absolute; top: 8%; color: #333; z-index: 3; outline: 0; background: transparent; border: none; font-size: 24px } @media (max-width:767px) { .head_nav_met_95_3_67 .navbar-collapse { width: 100%; top: -2px; margin-left: 42px } } .head_nav_met_95_3_67 .mm-panel.mm-hasnavbar .mm-navbar { line-height: 20px } .head_nav_met_95_3_67 .navbar-nav { margin-top: 0px } .head_nav_met_95_3_67 .btn-outline.btn-primary,.head_nav_met_95_3_67 .btn-squared { padding: 2px 10px; background: none } .head_nav_met_95_3_67 .met-nav .navlist li .navlist2 { z-index: -1 } .head_nav_met_95_3_67 .met-nav-langlist>li { float: left } .head_nav_met_95_3_67 .mmenu-lan a { border: none; display: inline-block; line-height: 40px; height: 40px } .head_nav_met_95_3_67 .mmenu-lan { text-align: center; margin-left: 0!important } .head_nav_met_95_3_67 .nav-link { overflow: inherit } .head_nav_met_95_3_67 .mmenu-lang { line-height: 8px; margin-left: 0!important } .head_nav_met_95_3_67 .tel-box i,.head_nav_met_95_3_67 .tel-box a { color: #666666; color:; font-size: 20px } .head_nav_met_95_3_67 .qq-box a { color: #000000; color: } .head_nav_met_95_3_67 .met-nav .navlist>li>a { line-height: 80px!important; height: 80px; line-height: 30px; color: #666666; color: #333333; font-size: 14px; position: relative; z-index: 19; display: block; float: left; padding: 0px 15px; font-size: 15px; font-family: "微软雅黑"; transition: all 0.26s ease-out } .head_nav_met_95_3_67 .nav-link:hover { background: none } .head_nav_met_95_3_67 .open > .btn-outline.btn-default.dropdown-toggle { color: #000000; color:; background-color: rgba(0,0,0,0); border-color: rgb(0,0,0,0) } .head_nav_met_95_3_67 .met-langlist .dropdown-item { color: #999999; color: } .head_nav_met_95_3_67 .met-langlist .dropdown-item:hover { color: #000000; color: } .head_nav_met_95_3_67 .btn-outline.btn-primary { color: #999999; color:; border-color: #999999; border-color: } .head_nav_met_95_3_67 .btn-outline.btn-primary:hover { color: #666666; color:; border-color: #666666; border-color:; background: #fff; background: } .head_nav_met_95_3_67 .btn-success { color: #999999; color:; border-color: #999999; border-color:; background: none } .head_nav_met_95_3_67 .btn-success:hover { color: #666666; color:; border-color: #666666; border-color:; background: #fff; background: } .head_nav_met_95_3_67 .right { float: right } .head_nav_met_95_3_67 .dropdown-menu-media .dropdown-menu-header .badge,.head_nav_met_95_3_67 .dropdown-menu-media .dropdown-menu-header .label { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } .head_nav_met_95_3_67 .met-head-user .dropdown > a { padding-top: 0px; padding-bottom: 0px; height: 40px; line-height: 40px; color: #666666; color:; background: transparent } .head_nav_met_95_3_67 .met-head-user .dropdown .dropdown-item>a { color: #666666; color: } .head_nav_met_95_3_67 .met-head-user .dropdown i { color: #666666; color: } .head_nav_met_95_3_67 .met-head-user .dropdown i.pe-shopbag { margin-right: 0px; font-size: 26px; position: relative; top: 6px } .head_nav_met_95_3_67 .met-head-user .dropdown-menu { top: 45px } .head_nav_met_95_3_67 .met-head-user .dropdown-menu-footer { line-height: 35px } .head_nav_met_95_3_67 .met-head-user .met-head-user-column .avatar img { max-height: 30px } @media (min-width:768px) { .head_nav_met_95_3_67 .met-head-user > li:nth-child(2) { margin-left: 10px } } @media (max-width:767px) { .head_nav_met_95_3_67 .met-head-user > li { display: block } .head_nav_met_95_3_67 .met-head-user > li:first-child { margin-bottom: 5px } } .head_nav_met_95_3_67 .met-head-user-toggler.active i { display: none } .head_nav_met_95_3_67 .met-head-user-toggler.active i:first-child { display: inline-block } .head_nav_met_95_3_67 .met-head-user-toggler i { position: relative; top: -5px } .head_nav_met_95_3_67 .met-head-user-toggler i:first-child { display: none } .head_nav_met_95_3_67 .met-head-user li a.btn-outline { color: #000000; color:; background-color: transparent; border-color: #000000; border-color: } .head_nav_met_95_3_67 .met-head-user li a.btn-outline:hover { border-color: #000000; background-color: #000000; color: #fff; border-color:; background-color: } .head_nav_met_95_3_67 .met-head-user li a.btn-success { border-color: #000000; background-color: #000000; color: #fff; border-color:; background-color: } .head_nav_met_95_3_67 .met-head-user-toggler i { color: #666666; color: } .head_nav_met_95_3_67 .met-head-user li a.btn-success:hover { opacity: 0.8 } .head_nav_met_95_3_67.navbar-default .hamburger .hamburger-bar,.head_nav_met_95_3_67.navbar-default .hamburger:after,.head_nav_met_95_3_67.navbar-default .hamburger:before { background: #666666; background: } .head_nav_met_95_3_67 .met-langlist .btn-outline.btn-default { color: #999999; color:; background-color: transparent; border-color: #000000; border-color: } .head_nav_met_95_3_67 .met-langlist .btn-outline.btn-default:hover { color: #000000; color: } .head_nav_met_95_3_67 .met-langlist .nav-link { padding: 0; overflow: visible } .met-langlist .btn-outline.btn-default:active,.met-langlist .btn-outline.btn-default:focus { border-color: #000000; border-color:; background-color: #000000; background-color:; color: #fff; color: } .head_nav_met_95_3_67 .met-head-user .dropdown-menu .dropdown-item:hover i { color: #000000 !important; color: !important } .head_nav_met_95_3_67 .met-head-user .dropdown-menu .dropdown-item:hover { background: !important; color: #000000 !important; color: !important } .head_nav_met_95_3_67 .dropdown-menu-media>.dropdown-menu-footer>.dropdown-menu-footer-btn { float: right; position: inherit } .navbar-fixed-top { } .head_nav_met_95_3_67 .animation-slide-top { margin-right: 10px; float: left } body.navfix { padding-top: 137px } body.navfix.head-top-ok { padding-top: 164px } .head_nav_met_95_3_67.navbar { min-height: 0 } .head_nav_met_95_3_67 .rig-top { padding-top: 20px } .search_box { width: 50%; margin: 0 auto; padding: 20px 0 } .head_nav_met_95_3_67 .search { width: 50%; margin: 20px auto } .head_nav_met_95_3_67 #header { } @media (max-width:768px) { body.navfix { padding-top: 80px } body.navfix.head-top-ok { padding-top: 105px } } html.mm-opening .mm-menu.mm-effect-menu-zoom { background: #ffffff; background: } .head_nav_met_95_3_67 .mm-listview>li>span,.head_nav_met_95_3_67 .mm-listview>li>a { color: #666666; color: } .head_nav_met_95_3_67 .mm-menu .mm-listview>li .mm-arrow:after,.head_nav_met_95_3_67 .mm-menu .mm-listview>li .mm-next:after { border-color: #999999; border-color: } .head_nav_met_95_3_67 .mm-navbar .mm-title { color: #666666; color: #ffffff } .head_nav_met_95_3_67 .met-nav .navlist li .navlist2 { background: #fff; background: #ffffff; opacity: 0.95 } .head_nav_met_95_3_67 .mm-panels,.head_nav_met_95_3_67 .mm-listview>li,.head_nav_met_95_3_67 .mm-navbar { border-color: #cecece; border-color: #e0e0e0 } @media (max-width:767px) { .head_nav_met_95_3_67 .navbar-nav .open .dropdown-menu { background: #fff; width: 100% } .dropdown-backdrop { height: 100px } .head_nav_met_95_3_67 .rig-top { padding-top: 0 } } .head_nav_met_95_3_67 .text-xs-right>span { display: inline-block } .head_nav_met_95_3_67 .text-xs-right>p { display: inline-block; margin-left: 5px } .head_nav_met_95_3_67 .met-nav-login { min-width: auto } .head_nav_met_95_3_67#mobileNav { transition: all 0.6s ease,-webkit-transform 0.5s ease } .head_nav_met_95_3_67 .dropdown-toggle::after { display: none } .head_nav_met_95_3_67 .dropdown-menu { padding: 0 } .head_nav_met_95_3_67.navbar-bot .met-nav .navlist li.open .navlist2 { // z-index: 2 } .head_nav_met_95_3_67 .vertical-align-middle img { max-height: 70px } .head_nav_met_95_3_67 .vertical-align-middle .hidden-md-up { width: calc(100% * 0.85) } .head_nav_met_95_3_67 .mm-arrow:after,.head_nav_met_95_3_67 .mm-next:after,.head_nav_met_95_3_67 .mm-prev:before { barder-color: #666666!important; border-color: !important } .head_nav_met_95_3_67 .met-nav .navlist li .navlist2 a.active { color: #000000; color: } .head_nav_met_95_3_67 .mobileMenuBtn>span { color: #666666; color: } .head_nav_met_95_3_67 .mm-listview>li.active span,.head_nav_met_95_3_67 .mm-listview>li.active a { color: #000000; color: } .head_nav_met_95_3_67.navbar-fixed-top { z-index: 1600 } .head_nav_met_95_3_67 .mobileShop { float: right } .head_nav_met_95_3_67 .navbar-collapse { top: 0; min-width: auto } .head_nav_met_95_3_67 .navbar { min-height: 0 } .head_nav_met_95_3_67 .search-index { display: inline-block } .head_nav_met_95_3_67 .search-index { display: inline-block } .head_nav_met_95_3_67 .contact-index { display: inline-block; height: 60px; line-height: 60px; margin-right: 60px; float: left } .head_nav_met_95_3_67 .contact-index p { margin-left: 15px } .head_nav_met_95_3_67 .contact-index .tel { color: #666666; color: } .head_nav_met_95_3_67 .contact-index .mail { color: #999999; color: } .head_nav_met_95_3_67 .search-box { float: right } .head_nav_met_95_3_67 .search-box .input-search-btn { width: 60px; height: 60px; top: 11px; z-index: 2 } .head_nav_met_95_3_67 .search-box .input-search-btn .icon { position: absolute; top: 0; left: 0; width: 60px; height: 38px; font-size: 18px; line-height: 38px; color: #666666; color:; margin: 0px } .head_nav_met_95_3_67 .search-box .input-search { height: 60px } .head_nav_met_95_3_67 .search-box .input-search input { height: 38px; width: 200px; background-color: #eee; border: 1px solid; border-color: #eee; padding-left: 15px; transition: all 0.25s ease-out; position: relative; top: 11px } .search-box .input-search input:focus { width: 240px; border-color: #000000; border-color:; outline: 0 } .head_nav_met_95_3_67 .search-index .search { width: 62px; border: none; transition: all .5s; background: none } .head_nav_met_95_3_67 .search-index .search:focus { width: 100px } .head_nav_met_95_3_67 .shop-sc a { color: #666666; color: } .head_nav_met_95_3_67 .search-index button { color: #666666; color: } .head_nav_met_95_3_67 .head-top-txt { background: #000000; background:; height: 25px; line-height: 25px; text-align: center } .head_nav_met_95_3_67 .head-top-txt span { color: } .head_nav_met_95_3_67 .logo-box { position: static } @media (max-width:767px) { .head_nav_met_95_3_67 .logo-box { position: relative } .head_nav_met_95_3_67 .met-nav .navlist li { display: block; position: relative; text-align: left; width: 100%; float: left } .head_nav_met_95_3_67 .nav-pc { display: none } } .head_nav_met_95_3_67 .accordion { margin-top: 0; margin-bottom: 0; height: 300px; overflow-y: auto } @media (max-width:410px) { .head_nav_met_95_3_67 .met-head-user .dropdown-menu { left: 0!important } .head_nav_met_95_3_67 .accordion { max-height: 100vh; height: 460px } } .head_nav_met_95_3_67 .links-ul { display: none } .head_nav_met_95_3_67 .open-li .links-ul { height: auto; margin-top: 10px } .head_nav_met_95_3_67 .links .links-div { } .head_nav_met_95_3_67 .open-li .links i.fa-chevron-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .head_nav_met_95_3_67 ul { list-style-type: none; padding-left: 0 } .head_nav_met_95_3_67 a { text-decoration: none } .head_nav_met_95_3_67 h1 a { font-size: 16px } .accordion { width: 100%; margin: 30px auto 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .head_nav_met_95_3_67 .accordion .link,.head_nav_met_95_3_67 .accordion .links { cursor: pointer; display: block; padding: 15px 15px 15px 42px; color: #666666; color:; font-size: 14px; font-weight: 700; border-bottom: 1px solid; border-color: #e0e0e0; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease } .head_nav_met_95_3_67 .accordion .links { font-weight: 400 } .head_nav_met_95_3_67 .accordion .link .btn { color: #666666; color:; font-size: 14px; font-weight: 700; cursor: pointer; padding: 0 } .head_nav_met_95_3_67 .accordion .link a,.head_nav_met_95_3_67 .accordion .link .btn { color: #666666; color: } .head_nav_met_95_3_67 .accordion li:last-child .link { border-bottom: 0 } .head_nav_met_95_3_67 .accordion li i { position: absolute; top: 16px; left: 12px; font-size: 18px; color: #666666; color:; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease } .head_nav_met_95_3_67 .accordion li i.fa-chevron-down { right: 12px; left: auto; font-size: 16px } .head_nav_met_95_3_67 .accordion li.open .link,.head_nav_met_95_3_67 .accordion li.open-li .links .links-div>span { color: #000000!important; color: !important } .head_nav_met_95_3_67 .accordion li.open .link i,.head_nav_met_95_3_67 .accordion li.open-li .links i { color: #000000!important; color: !important } .head_nav_met_95_3_67 .accordion li.open .link i.fa-chevron-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .head_nav_met_95_3_67 .submenu { display: none; background: #ffffff; font-size: 14px } .head_nav_met_95_3_67 .submenu li { border-bottom: 1px solid; border-color: #e0e0e0 } .head_nav_met_95_3_67 .submenu a { font-weight: normal; display: block; text-decoration: none; color: #666666; color:; padding: 12px; padding-left: 42px; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease } .head_nav_met_95_3_67 .nav-mod { background: #ffffff; background: } .head_nav_met_95_3_67 .nav-mod .vertical-align { text-align: center } .head_nav_met_95_3_67 .open-block,.head_nav_met_95_3_67 .open-li-block { display: block } .head_nav_met_95_3_67 .active-op a,.head_nav_met_95_3_67 .open .link a { color: #000000; color: } .head_nav_met_95_3_67 .dl-mod .met-nav-login { text-align: center } .head_nav_met_95_3_67 .met-langlist .btn-lang { width: 100%; background: none; text-align: left; font-weight: bold; font-size: 14px } .head_nav_met_95_3_67 .accordion li.open>a { color: #000000; color: } .head_nav_met_95_3_67 #met-weixin { color: #000000; color: } .head_nav_met_95_3_67 .met-nav .navlist .nav-item a:hover span { color: #000000 !important; color: !important } .head_nav_met_95_3_67 .weixin-box { display: inline-block!important } .head_nav_met_95_3_67 .vertical-align-middle { vertical-align: baseline } .head_nav_met_95_3_67 .nav-pc { padding-left: 0 } .head_nav_met_95_3_67-acc .active>.link>a,.head_nav_met_95_3_67-acc .active>div,.head_nav_met_95_3_67-acc .active>div i { color: #000000!important; color: !important } @media (max-width:1200px) { .head_nav_met_95_3_67 .nav-pc { } .head_nav_met_95_3_67 .navlist li .nav1 { padding: 0 2px } .head_nav_met_95_3_67 .met-nav .navlist>li>a { font-size: 13px } .head_nav_met_95_3_67 .met-nav .navlist li.open .navlist2 { top: 160px } } @media (max-width:767px) { .head_nav_met_95_3_67 .accordion .link,.head_nav_met_95_3_67 .accordion .links { padding: 10px 15px 10px 42px } } .megamenu-container-close { display: block; text-indent: -9999px; width: 40px; height: 40px; top: 20px; right: 0px; cursor: pointer; position: absolute } .megamenu-container-close::before { content: ""; width: 55%; height: 1px; position: absolute; top: 48%; left: 22%; background: rgb(0,0,0); transition: all 0.3s ease-out 0.3s; transform: rotate(-45deg) } .megamenu-container-close::after { content: ""; width: 55%; height: 1px; position: absolute; top: 48%; left: 22%; transform: rotate(45deg); background: rgb(0,0,0); transition: all 0.3s ease-out 0.3s } .megamenu-container-close:hover { content: ""; width: 55%; height: 1px; position: absolute; top: 48%; left: 22%; transform: rotate(-90deg); background: rgb(0,0,0); transition: all 0.3s ease-out 0.3s } .close_x { position: absolute; top: 0px; right: 15px; width: 25px; height: 25px; transition: transform .3s linear } .close_x:hover { transform: rotate(180deg) } .close_x:before,.close_x:after { content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: 2px; background: #333 } .close_x:before { transform: rotate(45deg) } .close_x:after { transform: rotate(-45deg) } .megamenu-image-container { background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; display: flex; justify-content: space-between } .megamenu-container-inner { flex-direction: initial; height: inherit; overflow: hidden } .super-link { position: relative; text-decoration: none; color: #666; z-index: 999 } .super-link:hover::after { transform: scale(1) } .left::after { transform-origin: left } .right::after { transform-origin: right } .center::after { transform-origin: center } .nav-super-link { position: relative; text-decoration: none; color: #666; z-index: 999 } .nav-super-link::after { content: ''; width: 100%; height: 3px; position: absolute; top: 70%; left: 0; background-color: #68c492; transform: scale(0); transition: all .35s } .nav-super-link:hover::after { transform: scale(1) } .sub-nav-super-link { position: relative; text-decoration: none; color: #666; z-index: 999 } .sub-nav-super-link::after { content: ''; width: 100%; height: 2px; position: absolute; top: 150%; left: 0; background-color: #68c492; transform: scale(0); transition: all .35s } .sub-nav-super-link:hover::after { transform: scale(1) } .container-close { position: relative; width: 40px; float: right } @media (min-width:1800px) and (max-width:2700px) { .head_nav_met_95_3_67 .navlist li { padding: 0 12px } .head_nav_met_95_3_67 .met-nav .navlist>li>a { font-size: 16px } .head_nav_met_95_3_67 #header .navbar-logo { padding: 10px 0 } } .banner_met_95_3_2 { width: 100%; height: auto; display: table; top: 0 } .banner_met_95_3_2.fixedheight { display: -moz-deck } .banner_met_95_3_2.fixedheight .slick-slide { height: 100% } .banner_met_95_3_2.fixedheight .slick-slide img { height: 100% } @media screen\0 { .banner_met_95_3_2.fixedheight .slick-slide img { left: 0; width: 100% } } .banner_met_95_3_2.banner-ny-h { height: 150px } .banner_met_95_3_2.banner-ny-h .slick-slide img { min-height: 100px } @media (max-width:991px) { .banner_met_95_3_2.banner-ny-h { height: 100px } } .banner_met_95_3_2 .slick-slide { display: block; width: 100% } .banner_met_95_3_2.slick-slider { display: block } .banner_met_95_3_2:hover .slick-arrow { display: block!important } .banner_met_95_3_2 .slick-list,.banner_met_95_3_2 .slick-track { height: 100% } .banner_met_95_3_2 .slick-prev:before,.banner_met_95_3_2 .slick-next:before { display: none } .banner_met_95_3_2 .slick-slide { height: auto; position: relative; overflow: hidden } .banner_met_95_3_2 .slick-slide .banner-text>a { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 1 } .banner_met_95_3_2 .slick-slide img { min-height: 100px } .banner_met_95_3_2 .slick-slide img[data-lazy] { max-height: 150px } .banner_met_95_3_2 .slick-slide img { display: none } .banner_met_95_3_2 .slick-slide:nth-child(1) img { display: block!important; height: auto } .banner_met_95_3_2 .slick-arrow { width: 15%; height: 100%; display: none!important; z-index: 1 } .banner_met_95_3_2 .slick-arrow.slick-prev,.banner_met_95_3_2 .slick-arrow.slick-next { top: 50% } @media screen\0 { .banner_met_95_3_2 .slick-arrow.slick-prev { background: rgba(0,0,0,.001) } } @media screen\0 { .banner_met_95_3_2 .slick-arrow.slick-next { background: rgba(0,0,0,.001) } } .banner_met_95_3_2 .slick-arrow i { font-size: 40px; color: #ffffff!important; font-weight: bold } .banner_met_95_3_2 .slick-arrow:hover i { color: !important } .banner_met_95_3_2 .slick-dots { margin: 0; bottom: 20px } .banner_met_95_3_2 .slick-dots li { margin: 0 2px } .banner_met_95_3_2 .slick-dots li button:before { color: } .banner_met_95_3_2 .slick-dots li.slick-active button:before { color: } @media (max-width:767px) { .banner_met_95_3_2 { min-height: auto } .banner_met_95_3_2 .slick-slide img { min-height: auto } .banner_met_95_3_2 .slick-dots { bottom: 5px } .banner_met_95_3_2 .slick-dots li { width: 15px; height: 15px; margin: 0 } } .banner_met_95_3_2 .banner-text { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 12 } .banner_met_95_3_2 .banner-text .container { height: 100%; display: table; text-align: center } .banner_met_95_3_2 .banner-text .container .banner-text-con { display: table-cell; vertical-align: middle } .banner_met_95_3_2 .banner-text.p-0 .container { text-align: left } .banner_met_95_3_2 .banner-text.p-0 .container .banner-text-con>div { width: 70%; float: left } .banner_met_95_3_2 .banner-text.p-1 .container { text-align: right } .banner_met_95_3_2 .banner-text.p-1 .container .banner-text-con>div { width: 70%; float: right } .banner_met_95_3_2 .banner-text.p-2 { top: 10% } .banner_met_95_3_2 .banner-text.p-2 .container .banner-text-con { vertical-align: top } .banner_met_95_3_2 .banner-text.p-3 { top: auto; bottom: 10% } .banner_met_95_3_2 .banner-text.p-3 .container .banner-text-con { vertical-align: bottom } .banner_met_95_3_2 .banner-text.p-2 .container .banner-text-con>div,.banner_met_95_3_2 .banner-text.p-3 .container .banner-text-con>div,.banner_met_95_3_2 .banner-text.p-4 .container .banner-text-con>div { width: 70%; display: inline-block } .banner_met_95_3_2 .banner-text h4,.banner_met_95_3_2 .banner-text p { color: #fff } .banner_met_95_3_2 .banner-text h4 { margin: 0; font-size: 30px } .banner_met_95_3_2 .banner-text p { font-size: 36px; margin: 20px 0 0; text-shadow: none } .banner_met_95_3_2 .banner-text .banner-btn { position: relative; z-index: 2 } .banner_met_95_3_2 .banner-text .banner-btn .btn { line-height: 2.5 } @media (max-width:991px) { .banner_met_95_3_2 .banner-text h4 { font-size: 20px } .banner_met_95_3_2 .banner-text p { font-size: 30px } } @media (max-width:767px) { .banner_met_95_3_2 .banner-text .container { width: 100% } .banner_met_95_3_2 .banner-text.p-4 .container .banner-text-con { width: 100% } .banner_met_95_3_2 .banner-text h4 { font-size: 18px } .banner_met_95_3_2 .banner-text p { margin-top: 15px; font-size: 24px } .banner_met_95_3_2 .banner-text .banner-btn { margin-top: 10px } .banner_met_95_3_2 .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_95_3_2 .banner-text h4 { font-size: 16px } .banner_met_95_3_2 .banner-text p { margin-top: 10px; font-size: 20px } } .banner_met_95_3_2-ny { height: 120px; background: #ffffff; background: } .banner_met_95_3_2-ny h1,.banner_met_95_3_2-ny h2 { margin: 0px; padding: 10px 30px; font-size: 35px; text-shadow: none; color:; font-weight: 300 } .foot_nav_met_95_3_11 { background-color: #ffffff; background-color: #000000 } .foot_nav_met_95_3_11 span,.foot_nav_met_95_3_11 a,.foot_nav_met_95_3_11 p { color: #666666 } .foot_nav_met_95_3_11 li { list-style: none; padding: 5px 0 } .foot_nav_met_95_3_11 .foot_nav_top { background-color: #fdfeff; margin-bottom: 40px } .foot_nav_met_95_3_11 .foot_nav_top ul { overflow: hidden; margin-bottom: 0 } .foot_nav_met_95_3_11 .foot_nav_top li { color: #333333; text-align: left; padding: 40px 0 } .foot_nav_met_95_3_11 .foot_nav_top li a { color: #333333 } .foot_nav_met_95_3_11 .foot_nav_top li:nth-child(n+4) { text-align: right } .foot_nav_met_95_3_11 ul { padding-left: 0 } .foot_nav_met_95_3_11 ul li.title>a { display: block; margin-bottom: 20px; color: #666666; color: #ffffff } .foot_nav_met_95_3_11 ul li.title>a:hover { color: #000000; color: #ffffff } .foot_nav_met_95_3_11 ul li.title li a { color: #999999; color: #ffffff } .foot_nav_met_95_3_11 ul li.title li a:hover { color: #000000; color: #e8fffa } .foot_nav_met_95_3_11 .foot_nav_middle { margin-bottom: 20px } .foot_nav_met_95_3_11 ul li.title p a { font-size: 26px; color: #ffffff } .foot_nav_met_95_3_11 .f_nav>ul { display: flex; justify-content: space-between } .foot_nav_met_95_3_11 ul li.title img { width: 100%; max-width: 80px } .foot_nav_met_95_3_11 .wx { position: relative } .foot_nav_met_95_3_11 ul li.title .wx img { position: absolute; top: 30px; left: -15px; width: 80px; display: none } .foot_nav_met_95_3_11 .foot_info { text-align: center; background-color: #000000; padding: 10px 0 10px } .foot_nav_met_95_3_11 .foot_info a,.foot_nav_met_95_3_11 .foot_info p,.foot_nav_met_95_3_11 .foot_info span,.foot_nav_met_95_3_11 .foot_info button,.foot_nav_met_95_3_11 .foot_info div { color: #ffffff !important } .foot_nav_met_95_3_11 .yuyan { margin-top: 10px } .foot_nav_met_95_3_11 .yuyan ul { overflow: hidden } .foot_nav_met_95_3_11 .collapse { float: left !important } .foot_nav_met_95_3_11 .login-btn { line-height: 34px } .foot_nav_met_95_3_11 .yuyan li { float: left } .foot_nav_met_95_3_11 .yqlj a img { max-width: 80px; max-height: 40px } .foot_nav_met_95_3_11 .foot_nav_center { background-color: #ffffff; background-color: #000000 } .foot_nav_met_95_3_11 .foot_nav_top hr { width: 120%; margin-left: -10%; border-color: #ffffff; display: none } @media screen and ( max-width:767px ) { .foot_nav_met_95_3_11 .f_nav>ul { display: block; overflow: hidden } .foot_nav_met_95_3_11 .f_nav>ul li { float: left; padding: 10px 3px } .foot_nav_met_95_3_11 .f_nav>ul li.title { float: none; padding: 10px 3px; overflow: hidden } .foot_nav_met_95_3_11 .f_nav>ul li.title.app { float: left } .foot_nav_met_95_3_11 .f_nav>ul li.title.wxewm { height: 145px } .foot_nav_met_95_3_11 .foot_nav_middle ul li { padding: 10px } .foot_nav_met_95_3_11 .yuyan ul { margin-top: 0 } .foot_nav_met_95_3_11 .collapse { display: block; width: 100px } .foot_nav_met_95_3_11 .foot_nav_top { margin-bottom: 0 } .foot_nav_met_95_3_11 ul li.title .wx img { top: 0; left: 40px } } .foot_nav_met_95_3_11 .yqlj>span { color: #666666; color: #ffffff } .foot_nav_met_95_3_11 .yqlj a span { color: #999999; color: #f2fcf8 } .foot_nav_met_95_3_11 .yqlj a:hover span { color: #000000; color: #ffffff } .foot_nav_met_95_3_11_bottom { overflow: hidden; position: fixed; bottom: 0; left: 0; z-index: 999; width: 100% } .foot_nav_met_95_3_11_bottom a.item { color:; padding: 5px 0; display: inline-block } .foot_nav_met_95_3_11_bottom a.item i { font-size: 16px; display: block } .foot_nav_met_95_3_11_bottom a.item span { color: } .foot_nav_met_95_3_11_bottom { display: none } .foot_nav_met_95_3_11_bottom.iskeshi { } .foot_nav_met_95_3_11_bottom .main { display: flex } .foot_nav_met_95_3_11_bottom .main>div { flex: 1 } .foot_nav_met_95_3_11_bottom .container>div { padding-top: 5px } .foot_nav_met_95_3_11_bottom .title>a { font-weight: 100 } @media(max-width:767px) { .foot_nav_met_95_3_11_bottom { display: block } } .back_top_met_36_1_12.cd-top { display: inline-block; height: 40px; width: 40px; z-index: 9; position: fixed; bottom: 70px; right: 10px; color: #666666; color: #ffffff; border-radius: 50%; font-size: 26px; text-align: center; line-height: 32px; border-color: #666666; border-color: #000000; 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: #000000; 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_12.cd-top.cd-is-visible,.back_top_met_36_1_12.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_12.cd-top.cd-is-visible { visibility: visible; opacity: 0.5 } .back_top_met_36_1_12.cd-top.cd-fade-out { opacity: .5 } .back_top_met_36_1_12.cd-top:hover { background-color: #000000; background-color: #000000; opacity: 1; color: #999999; color: #ffffff; border-color: #999999; border-color: #000000 } @media(max-width:767px) { .back_top_met_36_1_12.cd-top { bottom: 67px } } .subcolumn_nav_met_95_1_13 { background: #ffffff; background: #ffffff; padding: 10px 0; border-bottom: 1px solid #ffffff } .subcolumn_nav_met_95_1_13 .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media (min-width:1600px) { .subcolumn_nav_met_95_1_13 .container { width: 1510px } } @media (min-width:1950px) { .subcolumn_nav_met_95_1_13 .container { width: 1710px } } .subcolumn_nav_met_95_1_13 .card { margin: 0; border-radius: 5px !important; height:80px; line-height:75px; width:90%; border-bottom:1px #ccc solid; margin:0 auto } .subcolumn_nav_met_95_1_13 .card .sidebar-tile { text-align: center } .subcolumn_nav_met_95_1_13 .met-column-nav-ul li { white-space: nowrap; display: inline-block; float: none; padding: 0 2vw 0; } .met-column-nav-ul li:last-child { border-right: none } .subcolumn_nav_met_95_1_13 .met-column-nav-ul li a { text-decoration: none; display: block; padding: 1px 10px; font-size: 16px; font-weight:normal; color: #000; } .subcolumn_nav_met_95_1_13 .met-column-nav-ul li>a.active { color: #000000; color: #000000; border-bottom:2px #1d2088 solid; } .subcolumn_nav_met_95_1_13 .met-column-nav-ul li a:hover { color: #000000; border-bottom:3px #1d2088 solid; color: #000000 } .subcolumn_nav_met_95_1_13 .met-column-nav-ul li.active>a { color: #000000; border-bottom:3px #1d2088 solid; color: #000000 } .subcolumn_nav_met_95_1_13 .met-column-nav-ul { list-style: none; margin: 0; padding: 0; text-align: center } .subcolumn_nav_met_95_1_13 .met-column-nav-ul li div a.active { color: #000000 !important; color: #000000 !important } .subcolumn_nav_met_95_1_13 .dropdown-menu { background: #ffffff; border-color: transparent } .subcolumn_nav_met_95_1_13 .dropdown-item:hover,.subcolumn_nav_met_95_1_13 .dropdown-item.active { background: transparent !important } @media (max-width:767px) { .subcolumn_nav_met_95_1_13 .card { background: #ffffff; background: #ffffff; background:; border: none; border-radius: none; box-shadow: 0 1px 3px rgba(0,37,55,0) } .subcolumn_nav_met_95_1_13 { background: #ffffff; background: #ffffff; display:none } .product-info-stock{ margin-top:20px;} } .show_met_28_1_44 { padding: 15px 0; display: block } .show_met_28_1_44 .met-editor div { max-width: 100% } .show_met_28_1_44 .met-editor { background: #ffffff; padding: 0; border-radius: 5px; } .show_met_28_1_44.met-show-body.bgcolor { background: #ffffff; } .show_met_28_1_44.met-show-body.bgpic { background: url() no-repeat; background-size: cover; background-position: center } .popular-product{ min-height:500px; width:90%; padding-bottom:10px; } .page-num:not(:disabled) { cursor: pointer; } .page-num, .page-link { position: relative; padding: 0.5rem .75rem; margin-left: -1px; line-height: 1.25; color: #004098; background-color: #fff; font-size:18px; } .fanhui{ text-align:center} .fanhui a{ width:100px; height:40px; line-height:30px; background:#0e3c94; color:#fff!important; font-size:18px; display:inline-block; padding:5px 20px;} a.page-num:hover, .page-link:hover { text-decoration: none; } .page-num-current { z-index: 1; color: #fff; background-color: #004098; border-color: #004098; } .page-num-current:hover { color: #fff; } .page-num-current{ color:#fff!important; margin-left:5px;} .met_pager a{ color:#004098; margin-right:10px;} @media (max-width:767px) { .show_met_28_1_44 .met-editor { padding: 0 } .casepic{ height:auto; width:100%} .hezuopic{ height:60px; width:100%} .show_met_28_1_44.pright .col-md-9 { padding-bottom: 20px } .page-num, .page-link { position: relative; padding: 0.2rem .25rem; margin-left: -1px; line-height: 1.25; color: #004098; background-color: #fff; border: 1px solid #dee2e6; } a.page-num:hover, .page-link:hover { text-decoration: none; } .met_pager span{ font-size:12px;} .page-num-current { z-index: 1; color: #fff; background-color: #004098; border-color: #004098; } .page-num-current:hover { color: #fff; } .page-num-current{ color:#fff!important; margin-left:5px;} .met_pager a{ color:#004098; margin-right:5px;} } @media (min-width:768px) { .show_met_28_1_44.pright .col-md-9 { float: right } .show_met_28_1_44.pright .met-sidebar { margin-right: 30px; margin-left: 0 } } .show_met_28_2_69 { padding: 30px 0; display: block } .show_met_28_2_69 .met-editor div { max-width: 100% } .show_met_28_2_69 .met-editor { background:; padding: 30px; border: 1px solid; border-radius: 5px; box-shadow: 0 1px 3px rgba(0,37,55,0.05) } .show_met_28_2_69.met-show-body.bgcolor { background: #ffffff; background: } .show_met_28_2_69.met-show-body.bgpic { background: url() no-repeat; background-size: cover; background-position: center } @media (max-width:767px) { .show_met_28_2_69 .met-editor { padding: 10px } .show_met_28_2_69.pright .col-md-9 { padding-bottom: 20px } } @media (min-width:768px) { .show_met_28_2_69.pright .col-md-9 { float: right } .show_met_28_2_69.pright .met-sidebar { margin-right: 30px; margin-left: 0 } } .sm_nav_tabs a,.sm_nav_tabs a:before,.header .btn,.modal-lang__list ul li a,.modal-lang__list ul li a:before,.main_nav li a,.main_nav .nav>li>a:after,.main_nav .dropdown_wrapper .dropdown ul>li a span,.main_nav .dropdown_wrapper .sub-menu__content a span,.slick-dots_effect .slick-dots li button,.solution .item_slick figcaption,.sm_control_tools .arrows,.sm_news_active .news_detl>div,.sm_news_active .news_list h3,.sm_news_active .news_list time,.wks_hot figcaption,.wks_hot:hover figcaption article,.wks_recommend .item_slick h3:before,.read_more,.read_more:before,.sm_news_active .news_detl h3:before,.sm_expo_active figcaption h3:before,.inner_banner .pagings .btn,.inner_banner .pagings .btn i,.sm_crumbs li a,.solution_list a h3,.solution_list .item-box h3,.detail,.sm_power .list figcaption,.sm_power .list h3,.sm_power .list p,.works_list figcaption h3,.pull_sidebar>ul>li>a,.pull_sidebar>ul ul>li a,.prod_list a figcaption h3,.prod_list a figcaption h3 .tite,.prod_list a figcaption h3 .tite:before,.products_list a figcaption h3,.products_list a figcaption h3 span:before,.sm_button a,.prod_video figure img,.hot_news figure img,.btn_videoPlay,.sm_validate .group .group_control,.sm_validate .group .file_placeholder,.btn_default,.sm_pagaing a,.news_list figcaption h3,.pager .btn,.locations i:before,.locations i:after,.locations .showToast,.share_links .item_slick i,.share_links .item_slick .code,.share_button a,.dwl_list a .icon-down,.dwl_list a h3,.noti_list a h3,.noti_list a .icon-pdf,.year_list .item_slick i,.year_list .item_slick time,.scoi_list .btn_arrow_next,.join_list li figcaption:before,.footer .fot_nav>ul li a,.footer .copyright .links,.share .btn,.share .btn img,.pull_aside .btn,.pull_aside .btn_sale p,.pull_aside .btn_cust p,.pull_aside .btn_tel p { -moz-transition: all .36s cubic-bezier(0.32,0.17,0,1); -o-transition: all .36s cubic-bezier(0.32,0.17,0,1); -webkit-transition: all .36s cubic-bezier(0.32,0.17,0,1); transition: all .36s cubic-bezier(0.32,0.17,0,1) } .searchBox a { -moz-transition: color .36s cubic-bezier(0.32,0.17,0,1); -o-transition: color .36s cubic-bezier(0.32,0.17,0,1); -webkit-transition: color .36s cubic-bezier(0.32,0.17,0,1); transition: color .36s cubic-bezier(0.32,0.17,0,1) } .wks_recommend .item_slick figcaption,.wks_recommend .item_slick .img_response,.join_info .bgcover,.informartion figcaption,.about_banner figcaption,.pull_aside { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%) } body { line-height: 1; text-size-adjust: none; font-size: 16px } ol,ul { list-style: none } blockquote,q { quotes: none } blockquote::after,blockquote::before,q::after,q::before { content: ""; content: none } table { border-collapse: collapse; border-spacing: 0 } input,select,textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 0 } * { -webkit-tap-highlight-color: transparent; box-sizing: border-box } a { outline: 0; text-decoration: none } a:hover { text-decoration: none } body,input,textarea { /*font-family: "PingFang SC","Source Han Sans CN","Microsoft YaHei","STSong","SimSun",Arial,sans-serif*/ } input[type='text']:-webkit-autofill { box-shadow: 0 0 0 1000px #fff inset }[class*=' icon-'],[class^=icon-] { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; line-height: 1; speak: none; text-transform: none } input:focus,button:focus,textarea:focus { outline: none } input[type=text]::-ms-clear,input[type=tel]::-ms-clear,input[type=number]::-ms-clear { display: none } .wow { visibility: hidden } .no-cssanimations .wow { visibility: visible } .text-right { text-align: right } .text-left { text-align: left } .text-center { text-align: center } .d-inline-block { display: inline-block; vertical-align: top } .d-none { display: none } .d-block { display: block } .v-rl { writing-mode: vertical-rl; -ms-writing-mode: tb-rl } .v-lr { writing-mode: vertical-lr; -ms-writing-mode: tb-lr } .relative { position: relative } .ovf { overflow: hidden } .contact-map .BMapLabel { border: 0 } .contact-map .anchorBL { display: none } .item_box .img-box { height: 300px } .img-box::before { content: ""; display: block } .img-box>img { left: 0; position: absolute; top: 0; height: 100% } @media (max-width:767px) { .img-box { position: relative; overflow: hidden; height: auto } .img-box>img { left: 0; position: absolute; top: 0; width: 100%; }; } .wx-share { margin-top: -130px; margin-left: -120px; border-radius: 3px; position: fixed; z-index: 1000; top: 50%; left: 50%; padding: 20px 10px; width: 240px; height: 280px; background-color: #fff; cursor: pointer; box-shadow: 0 0 5px 0 rgba(0,0,0,0.1) } .wx-share img { display: block; width: 100% } .wx-share p { font-size: 12px; line-height: 20px; text-align: center; font-weight: 500; color: #000 } .wx-share i { position: absolute; top: 0; right: 0; font-size: 12px; width: 2.5em; height: 2.5em; line-height: 2.5; text-align: center; color: #000 } .clearfix:after { content: ""; display: block; clear: both } .sm_wd { width: 75%; margin-left: auto; margin-right: auto } .sm_mini { margin-left: 12.5%; margin-right: 12.5% } .sm_edge { padding-left: 12.5%; padding-right: 12.5% } .sm_left { float: left } .sm_right { float: right } img.lazy { background-repeat: no-repeat; background-position: center center; background-image: url(../assets/img/loading.gif) } .bgcolor { background-color: #F2F2F2 } .pt-20 { padding-top: 20px } .pt-30 { padding-top: 30px } .pt-40 { padding-top: 40px } .pt-60 { padding-top: 60px } .pt-70 { padding-top: 70px } .pt-80 { padding-top: 80px } .pt-90 { padding-top: 90px } .pt-100 { padding-top: 100px } .pt-110 { padding-top: 110px } .pt-120 { padding-top: 120px } .pt-140 { padding-top: 140px } .pt-150 { padding-top: 150px } .pt-180 { padding-top: 180px } .pt-200 { padding-top: 200px } .pt-210 { padding-top: 210px } .pt-240 { padding-top: 240px } .pt-250 { padding-top: 250px } .mt-20 { margin-top: 20px } .mt-30 { margin-top: 30px } .mt-40 { margin-top: 40px } .mt-60 { margin-top: 60px } .mt-70 { margin-top: 70px } .mt-80 { margin-top: 80px } .mt-90 { margin-top: 90px } .mt-120 { margin-top: 120px } .mt-140 { margin-top: 140px } .sm_titlepage { font-size: 2.2em; font-weight: 400; color: #68c492; line-height: 50px } .sm_nav_tabs { width: 50%; margin-left: 40px } .sm_nav_tabs a { display: block; margin: 0 20px; font-size: 18px; color: #999; letter-spacing: 1.2px; line-height: 50px } .sm_nav_tabs a.active { color: #333; font-weight: 700 } .sm_black { font-size: 2em; color: #333 } .color_block { color: #333 } .sm_descripts { font-size: 16px } .sm_descripts article { font-size: 14px; line-height: 24px; color: #999 } .sm_descripts time { font-size: 2.5em; color: #fff; font-weight: 400; letter-spacing: .6px; letter-spacing: .4px; line-height: 56px; font-family: "PT Sans"; position: absolute; top: 49px; right: 90px; color: #333; font-weight: normal } .sm_descripts h3 { font-size: 1.5em; font-weight: 400; color: #333; line-height: 37px } .sm_descripts h3 .couter { font-size: 16px; color: #333; line-height: 50px } .sm_relative { position: relative } .sm-visible { display: block !important } .sm-hidden { display: none !important } .imgScale { background-repeat: no-repeat; background-position: center center; background-size: cover } header,main,footer { max-width: 100%; min-width: 320px; margin-left: auto; margin-right: auto } @media only screen and (max-width:1840px) { .sm_edge { padding-left: 9.375%; padding-right: 9.375% } } @media only screen and (max-width:1500px) { .sm_edge { padding-left: 6.25%; padding-right: 6.25% } .pt-250 { padding-top: 180px } } @media only screen and (max-width:1366px) { .sm_edge { padding-left: 4.16667%; padding-right: 4.16667% } } @media only screen and (min-width:1025px) { .sm_nav_tabs a { position: relative } .sm_nav_tabs a:before { content: ""; position: absolute; bottom: 12px; left: 0; width: 0; height: 2px; background-color: #333 } .sm_nav_tabs a.active { color: #333; font-weight: 700 } .sm_nav_tabs a:hover { color: #333 } .sm_nav_tabs a:hover:before,.sm_nav_tabs a.active:before { width: 100% } } @media only screen and (max-width:1024px) { .sm-visible { display: none !important } .sm-hidden { display: block !important } .pt-90,.pt-120,.pt-140,.pt-100,.pt-70,.pt-200,.pt-150,.pt-110,.pt-210,.pt-240,.m-pt-60 { padding-top: 60px } .pt-0,.pt-20 { padding-top: 0 !important } .pt-80 { padding-top: 60px } .mt-90 { margin-top: 40px } .pt-60,.pt-m-30,.pt-250 { padding-top: 30px } .mt-70 { margin-top: 50px } .mt-80,.mt-120,.mt-140 { margin-top: 60px } .mt-60 { margin-top: 30px } .m-pt-60 { padding-top: 60px } .sm_titlepage { font-size: 1.125em; line-height: 28px; letter-spacing: .4px } .sm_heading { letter-spacing: 1px; line-height: 34px } .sm_nav_tabs a { line-height: 42px; font-size: 14px } .sm_nav_tabs { float: right; width: 50%; margin-right: -9.53333%; position: relative; left: -20px; top: -7px } } @media only screen and (max-width:1024px) and (min-width:768px) { .sm_nav_tabs { margin-right: 0; left: 0; width: 196px } } @-webkit-keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpSmall { from { opacity: 0; -webkit-transform: translate3d(0,80px,0); transform: translate3d(0,80px,0) } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } .product_list_detail_met_95_2_64 .block-bg:before{ width:1px; height:100%; content:""; background:#ccc; display:block; position:absolute; left:50% } @keyframes fadeInUpSmall { from { opacity: 0; -webkit-transform: translate3d(0,80px,0); transform: translate3d(0,80px,0) } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } .fadeInUpSmall { -webkit-animation-name: fadeInUpSmall; animation-name: fadeInUpSmall } @-webkit-keyframes fadeInUpSlow { from { opacity: 0; -webkit-transform: translate3d(0,80px,0); transform: translate3d(0,80px,0) } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } @keyframes fadeInUpSlow { from { opacity: 0; -webkit-transform: translate3d(0,80px,0); transform: translate3d(0,80px,0) } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } .fadeInUpSlow { -webkit-animation-name: fadeInUpSlow; animation-name: fadeInUpSlow } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftSmall { from { opacity: 0; -webkit-transform: translate3d(-40px,0,0); transform: translate3d(-40px,0,0) } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } @keyframes fadeInLeftSmall { from { opacity: 0; -webkit-transform: translate3d(-40px,0,0); transform: translate3d(-40px,0,0) } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } .fadeInLeftSmall { -webkit-animation-name: fadeInLeftSmall; animation-name: fadeInLeftSmall } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightSmall { from { opacity: 0; -webkit-transform: translate3d(40px,0,0); transform: translate3d(40px,0,0) } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } @keyframes fadeInRightSmall { from { opacity: 0; -webkit-transform: translate3d(40px,0,0); transform: translate3d(40px,0,0) } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } .fadeInRightSmall { -webkit-animation-name: fadeInRightSmall; animation-name: fadeInRightSmall } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s } @media (prefers-reduced-motion) { .animated { -webkit-animation: unset !important; animation: unset !important; -webkit-transition: none !important; transition: none !important } } .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: 0 } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-list,.slick-slider .slick-track { -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; margin-left: auto; margin-right: auto } .slick-track::after,.slick-track::before { display: table; content: "" } .slick-track::after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline: 0 } .slick-slide a { outline: 0 }[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; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } .slick-arrow:before,.slick-arrow:after { display: block } .banner-dots { position: absolute; bottom: 20px; right: 0; left: 0; font-size: 0; text-align: center } .banner-dots li { margin: 0 8px; display: inline-block; vertical-align: top } .banner-dots li button { position: relative; display: inline-block; padding: 0; border: 0; font-size: 0; background-color: transparent; outline: 0; cursor: pointer } .banner-dots li button::before { -moz-transition: border .3s ease-out; -o-transition: border .3s ease-out; -webkit-transition: border .3s ease-out; transition: border .3s ease-out; content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #bababa } .banner-dots li.slick-active button::before { background-color: #0075c2 } .mbx{ width:80%!important; margin-top:0; padding:10px 0} @charset "utf-8";.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)} } .scrollable.is-enabled{overflow:hidden!important} .is-enabled .scrollable-container{overflow:hidden!important;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important;box-sizing:content-box!important} .is-enabled .scrollable-container::-webkit-scrollbar{width:0;height:0;-webkit-appearance:none} .scrollable-vertical.is-enabled .scrollable-container{overflow-y:scroll!important} .scrollable-horizontal.is-enabled .scrollable-container{overflow-x:scroll!important} .is-enabled .scrollable-content{position:relative!important;overflow:visible!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .is-enabled .scrollable-content:after,.is-enabled .scrollable-content:before{display:table;content:' '} .is-enabled .scrollable-content:after{clear:both} .scrollable-bar{line-height:0;position:absolute;right:0;bottom:0;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-moz-user-select:none;-ms-user-select:none;-ms-user-select:none;user-select:none;user-select:none;-webkit-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;border-radius:2px;user-focus:ignore;user-input:disabled;-webkit-touch-callout:none} .is-disabled .scrollable-bar{display:none} .scrollable-bar-hide{-webkit-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s;opacity:0} .scrollable-bar.is-dragging{opacity:1} .scrollable-bar.is-disabled{display:none} .scrollable-bar-handle{line-height:0;position:absolute;top:0;left:0;cursor:pointer;-webkit-transition:width,height .5s;-o-transition:width,height .5s;transition:width,height .5s;border-radius:2;background:rgba(163,175,183,.6)} .scrollable-bar-vertical{width:4px;height:100%;height:-webkit-calc(100% - 8px);height:calc(100% - 8px);margin:4px 2px} .scrollable-bar-vertical .scrollable-bar-handle{width:100%} .scrollable-bar-horizontal{width:100%;width:-webkit-calc(100% - 8px);width:calc(100% - 8px);height:4px;margin:2px 4px} .scrollable-bar-vertical.is-dragging,.scrollable-bar-vertical.is-hovering{width:8px;margin:4px 1px} .scrollable-bar-horizontal.is-dragging,.scrollable-bar-horizontal.is-hovering{height:8px;margin:1px 4px} .scrollable-bar-horizontal .scrollable-bar-handle{height:100%} .scrollable.is-dragging .scrollable-handle,.scrollable.is-hovering .scrollable-handle{border-radius:8px} .scrollable.is-dragging .scrollable-bar-handle,.scrollable.is-hovering .scrollable-bar-handle{border-radius:8px} .scrollable.is-scrolling .scrollable-bar{-webkit-transition:opacity 0;-o-transition:opacity 0;transition:opacity 0;opacity:1} .scrollable.is-dragging{-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-moz-user-select:none;-ms-user-select:none;-ms-user-select:none;user-select:none;user-select:none;user-focus:ignore;user-input:disabled;-webkit-touch-callout:none} .scrollable.is-dragging .scrollable-bar-handle{background:rgba(163,175,183,.8)!important} .scrollable-inverse.scrollable .scrollable-bar-handle{background:rgba(228,234,236,.6)} .scrollable-inverse.scrollable.is-dragging .scrollable-bar-handle{background:rgba(228,234,236,.8)!important} .scrollable-shadow.scrollable.is-dragging .scrollable-bar,.scrollable-shadow.scrollable.is-hovering .scrollable-bar{background:rgba(228,234,236,.5)} .scrollable-inverse.scrollable-shadow.scrollable.is-dragging .scrollable-bar,.scrollable-inverse.scrollable-shadow.scrollable.is-hovering .scrollable-bar{background:rgba(228,234,236,.4)} .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:0 0 20px rgba(0,0,0,.15);box-shadow:0 0 20px rgba(0,0,0,.15)} .webui-popover.top,.webui-popover.top-left,.webui-popover.top-right{margin-top:-10px} .webui-popover.right,.webui-popover.right-bottom,.webui-popover.right-top{margin-left:10px} .webui-popover.bottom,.webui-popover.bottom-left,.webui-popover.bottom-right{margin-top:10px} .webui-popover.left,.webui-popover.left-bottom,.webui-popover.left-top{margin-left:-10px} .webui-popover.pop{-webkit-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);-webkit-transition:transform .15s cubic-bezier(.3,0,0,1.5);-o-transition:transform .15s cubic-bezier(.3,0,0,1.5);transition:transform .15s cubic-bezier(.3,0,0,1.5);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} .webui-popover.fade,.webui-popover.fade-out{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear;opacity:0} .webui-popover.out{opacity:0} .webui-popover.in{-webkit-transform:none;-o-transform:none;transform:none;opacity:1} .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;text-decoration:none} .webui-popover-inner .close:focus,.webui-popover-inner .close:hover{opacity:.5} .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-left>.webui-arrow,.webui-popover.top-right>.webui-arrow,.webui-popover.top>.webui-arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:#eee;border-bottom-width:0} .webui-popover.top-left>.webui-arrow:after,.webui-popover.top-right>.webui-arrow:after,.webui-popover.top>.webui-arrow:after{content:" ";bottom:1px;margin-left:-10px;border-top-color:#fff;border-bottom-width:0} .webui-popover.right-bottom>.webui-arrow,.webui-popover.right-top>.webui-arrow,.webui-popover.right>.webui-arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:#eee} .webui-popover.right-bottom>.webui-arrow:after,.webui-popover.right-top>.webui-arrow:after,.webui-popover.right>.webui-arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff} .webui-popover.bottom-left>.webui-arrow,.webui-popover.bottom-right>.webui-arrow,.webui-popover.bottom>.webui-arrow{top:-11px;left:50%;margin-left:-11px;border-bottom-color:#999;border-bottom-color:#eee;border-top-width:0} .webui-popover.bottom-left>.webui-arrow:after,.webui-popover.bottom-right>.webui-arrow:after,.webui-popover.bottom>.webui-arrow:after{content:" ";top:1px;margin-left:-10px;border-bottom-color:#fff;border-top-width:0} .webui-popover.left-bottom>.webui-arrow,.webui-popover.left-top>.webui-arrow,.webui-popover.left>.webui-arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:#eee} .webui-popover.left-bottom>.webui-arrow:after,.webui-popover.left-top>.webui-arrow:after,.webui-popover.left>.webui-arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px} .webui-popover-inverse.top-left>.webui-arrow,.webui-popover-inverse.top-left>.webui-arrow:after,.webui-popover-inverse.top-right>.webui-arrow,.webui-popover-inverse.top-right>.webui-arrow:after,.webui-popover-inverse.top>.webui-arrow,.webui-popover-inverse.top>.webui-arrow:after{border-top-color:#333} .webui-popover-inverse.right-bottom>.webui-arrow,.webui-popover-inverse.right-bottom>.webui-arrow:after,.webui-popover-inverse.right-top>.webui-arrow,.webui-popover-inverse.right-top>.webui-arrow:after,.webui-popover-inverse.right>.webui-arrow,.webui-popover-inverse.right>.webui-arrow:after{border-right-color:#333} .webui-popover-inverse.bottom-left>.webui-arrow,.webui-popover-inverse.bottom-left>.webui-arrow:after,.webui-popover-inverse.bottom-right>.webui-arrow,.webui-popover-inverse.bottom-right>.webui-arrow:after,.webui-popover-inverse.bottom>.webui-arrow,.webui-popover-inverse.bottom>.webui-arrow:after{border-bottom-color:#333} .webui-popover-inverse.left-bottom>.webui-arrow,.webui-popover-inverse.left-bottom>.webui-arrow:after,.webui-popover-inverse.left-top>.webui-arrow,.webui-popover-inverse.left-top>.webui-arrow:after,.webui-popover-inverse.left>.webui-arrow,.webui-popover-inverse.left>.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(../../../public/plugins/img/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} .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:0} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slider .slick-list,.slick-slider .slick-track{-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:after,.slick-track:before{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(../../../public/plugins/slick/ajax-loader.gif) center center no-repeat} @font-face{font-family:slick;font-weight:400;font-style:normal;src:url(../../../public/plugins/slick/fonts/slick.eot);src:url(../../../public/plugins/slick/fonts/slick.eot?#iefix) format('embedded-opentype'),url(../../../public/plugins/slick/fonts/slick.woff) format('woff'),url(../../../public/plugins/slick/fonts/slick.ttf) format('truetype'),url(../../../public/plugins/slick/fonts/slick.svg#slick) format('svg')} .slick-next,.slick-prev{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:0;background:0 0} .slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;} .slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1} .slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25} .slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-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:0;background:0 0} .slick-dots li button:focus,.slick-dots li button:hover{outline:0} .slick-dots li button:focus:before,.slick-dots li button:hover: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:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .slick-dots li.slick-active button:before{opacity:.75;color:#000} @font-face{font-family:iconfont;src:url(../../../public/fonts/iconfont/iconfont.eot?t=1497855280632);src:url(../../../public/fonts/iconfont/iconfont.eot?t=1497855280632#iefix) format('embedded-opentype'),url(../../../public/fonts/iconfont/iconfont.woff?t=1497855280632) format('woff'),url(../../../public/fonts/iconfont/iconfont.ttf?t=1497855280632) format('truetype'),url(../../../public/fonts/iconfont/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"} .ladda-button{position:relative} .ladda-button .ladda-spinner{position:absolute;z-index:2;top:50%;display:inline-block;width:32px;height:32px;margin-top:0;pointer-events:none;opacity:0} .ladda-button .ladda-label{position:relative;z-index:3} .ladda-button .ladda-progress{position:absolute;top:0;left:0;visibility:hidden;width:0;height:100%;-webkit-transition:.1s linear all;-o-transition:.1s linear all;transition:.1s linear all;opacity:0;background:rgba(0,0,0,.2)} .ladda-button[data-loading] .ladda-progress{visibility:visible;opacity:1} .ladda-button,.ladda-button .ladda-label,.ladda-button .ladda-spinner{-webkit-transition:.3s cubic-bezier(.175,.885,.32,1.275) all;-o-transition:.3s cubic-bezier(.175,.885,.32,1.275) all;transition:.3s cubic-bezier(.175,.885,.32,1.275) all} .ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-label,.ladda-button[data-style=zoom-out] .ladda-spinner{-webkit-transition:.3s ease all;-o-transition:.3s ease all;transition:.3s ease all} .ladda-button[data-style=expand-right] .ladda-spinner{right:-6px} .ladda-button[data-style=expand-right].btn-xs .ladda-spinner,.ladda-button[data-style=expand-right][data-size='s'] .ladda-spinner,.ladda-button[data-style=expand-right][data-size=xs] .ladda-spinner{right:-12px} .ladda-button[data-style=expand-right][data-loading]{padding-right:45px} .ladda-button[data-style=expand-right][data-loading] .ladda-spinner{opacity:1} .ladda-button[data-style=expand-right][data-loading] .btn-xs,.ladda-button[data-style=expand-right][data-loading][data-size='s'],.ladda-button[data-style=expand-right][data-loading][data-size=xs]{padding-right:30px} .ladda-button[data-style=expand-left] .ladda-spinner{left:26px} .ladda-button[data-style=expand-left].btn-xs .ladda-spinner,.ladda-button[data-style=expand-left][data-size='s'] .ladda-spinner,.ladda-button[data-style=expand-left][data-size=xs] .ladda-spinner{left:15px} .ladda-button[data-style=expand-left][data-loading]{padding-left:45px} .ladda-button[data-style=expand-left][data-loading] .ladda-spinner{opacity:1} .ladda-button[data-style=expand-left][data-loading].btn-xs,.ladda-button[data-style=expand-left][data-loading][data-size='s'],.ladda-button[data-style=expand-left][data-loading][data-size=xs]{padding-left:30px} .ladda-button[data-style=expand-up]{overflow:hidden} .ladda-button[data-style=expand-up] .ladda-spinner{top:-32px;left:50%;margin-left:0} .ladda-button[data-style=expand-up][data-loading]{padding-top:30px} .ladda-button[data-style=expand-up][data-loading] .ladda-spinner{top:16px;margin-top:0;opacity:1} .ladda-button[data-style=expand-up][data-loading].btn-xs,.ladda-button[data-style=expand-up][data-loading][data-size='s'],.ladda-button[data-style=expand-up][data-loading][data-size=xs]{padding-top:32px} .ladda-button[data-style=expand-up][data-loading].btn-xs .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size='s'] .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size=xs] .ladda-spinner{top:4px} .ladda-button[data-style=expand-down]{overflow:hidden} .ladda-button[data-style=expand-down] .ladda-spinner{top:44px;left:50%;margin-left:0} .ladda-button[data-style=expand-down].btn-xs .ladda-spinner,.ladda-button[data-style=expand-down][data-size='s'] .ladda-spinner,.ladda-button[data-style=expand-down][data-size=xs] .ladda-spinner{top:30px} .ladda-button[data-style=expand-down][data-loading]{padding-bottom:30px} .ladda-button[data-style=expand-down][data-loading] .ladda-spinner{opacity:1} .ladda-button[data-style=expand-down][data-loading].btn-xs,.ladda-button[data-style=expand-down][data-loading][data-size='s'],.ladda-button[data-style=expand-down][data-loading][data-size=xs]{padding-bottom:23px} .ladda-button[data-style=slide-left]{overflow:hidden} .ladda-button[data-style=slide-left] .ladda-label{position:relative} .ladda-button[data-style=slide-left] .ladda-spinner{left:100%;margin-left:0} .ladda-button[data-style=slide-left][data-loading] .ladda-label{left:-100%;opacity:0} .ladda-button[data-style=slide-left][data-loading] .ladda-spinner{left:50%;opacity:1} .ladda-button[data-style=slide-right]{overflow:hidden} .ladda-button[data-style=slide-right] .ladda-label{position:relative} .ladda-button[data-style=slide-right] .ladda-spinner{right:100%;left:16px;margin-left:0} .ladda-button[data-style=slide-right][data-loading] .ladda-label{left:100%;opacity:0} .ladda-button[data-style=slide-right][data-loading] .ladda-spinner{left:50%;opacity:1} .ladda-button[data-style=slide-up]{overflow:hidden} .ladda-button[data-style=slide-up] .ladda-label{position:relative} .ladda-button[data-style=slide-up] .ladda-spinner{left:50%;margin-top:1em;margin-left:0} .ladda-button[data-style=slide-up][data-loading] .ladda-label{top:-1em;opacity:0} .ladda-button[data-style=slide-up][data-loading] .ladda-spinner{margin-top:0;opacity:1} .ladda-button[data-style=slide-down]{overflow:hidden} .ladda-button[data-style=slide-down] .ladda-label{position:relative} .ladda-button[data-style=slide-down] .ladda-spinner{left:50%;margin-top:-2em;margin-left:0} .ladda-button[data-style=slide-down][data-loading] .ladda-label{top:1em;opacity:0} .ladda-button[data-style=slide-down][data-loading] .ladda-spinner{margin-top:0;opacity:1} .ladda-button[data-style=zoom-out]{overflow:hidden} .ladda-button[data-style=zoom-out] .ladda-spinner{left:50%;margin-left:32px;-webkit-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5);transform:scale(2.5)} .ladda-button[data-style=zoom-out] .ladda-label{position:relative;display:inline-block} .ladda-button[data-style=zoom-out][data-loading] .ladda-label{-webkit-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);opacity:0} .ladda-button[data-style=zoom-out][data-loading] .ladda-spinner{margin-left:0;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1} .ladda-button[data-style=zoom-in]{overflow:hidden} .ladda-button[data-style=zoom-in] .ladda-spinner{left:50%;margin-left:-16px;-webkit-transform:scale(.2);-ms-transform:scale(.2);-o-transform:scale(.2);transform:scale(.2)} .ladda-button[data-style=zoom-in] .ladda-label{position:relative;display:inline-block} .ladda-button[data-style=zoom-in][data-loading] .ladda-label{-webkit-transform:scale(2.2);-ms-transform:scale(2.2);-o-transform:scale(2.2);transform:scale(2.2);opacity:0} .ladda-button[data-style=zoom-in][data-loading] .ladda-spinner{margin-left:0;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1} .ladda-button[data-style=contract]{overflow:hidden;width:100px} .ladda-button[data-style=contract] .ladda-spinner{left:50%;margin-left:0} .ladda-button[data-style=contract][data-loading]{width:52px;border-radius:50%} .ladda-button[data-style=contract][data-loading] .ladda-label{opacity:0} .ladda-button[data-style=contract][data-loading] .ladda-spinner{opacity:1} .ladda-button[data-style=contract-overlay]{overflow:hidden;width:100px;-webkit-box-shadow:0 0 0 3000px transparent;box-shadow:0 0 0 3000px transparent} .ladda-button[data-style=contract-overlay] .ladda-spinner{left:50%;margin-left:0} .ladda-button[data-style=contract-overlay][data-loading]{width:52px;border-radius:50%;-webkit-box-shadow:0 0 0 3000px rgba(0,0,0,.8);box-shadow:0 0 0 3000px rgba(0,0,0,.8)} .ladda-button[data-style=contract-overlay][data-loading] .ladda-label{opacity:0} .ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner{opacity:1} .bootstrap-touchspin .input-group-btn-vertical{position:relative;display:table-cell;width:1%;vertical-align:middle;white-space:nowrap} .bootstrap-touchspin .input-group-btn-vertical>.btn{position:relative;display:block;float:none;width:100%;max-width:100%;margin-left:-1px;padding:9px 16px 8px} .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up{border-bottom:none;border-radius:0;border-top-right-radius:.215rem} .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{padding:8px 16px;border-radius:0;border-bottom-right-radius:.215rem} .bootstrap-touchspin .input-group-btn-vertical i{font-size:10px;font-weight:400;position:absolute;top:1px;right:0;bottom:0;left:0} .bootstrap-touchspin .input-group-btn .btn{font-family:Menlo,Monaco,Consolas,'Courier New',monospace;padding:6px 16px} .bootstrap-touchspin-postfix.input-group-addon{border-left:none;broder-left:0} .bootstrap-touchspin-prefix.input-group-addon{border-right:none;broder-right:0} .bootstrap-touchspin input[name=touchSpinVertical]{border-radius:.215rem 0 0 .215rem!important} .bootstrap-touchspin .input-group-btn:first-child>.btn,.bootstrap-touchspin .input-group-btn:first-child>.btn-group{margin-right:-1px} .bootstrap-touchspin .input-group-addon:not(:first-child):not(:last-child),.bootstrap-touchspin .input-group-btn:not(:first-child):not(:last-child){border-right:none;border-left:none} .bootstrap-touchspin .input-group-addon:not(:first-child):not(:last-child)>.btn,.bootstrap-touchspin .input-group-btn:not(:first-child):not(:last-child)>.btn{border-right:none;border-left:none} .alertify-logs>*{padding:12px 24px;color:#fff;border-radius:.286rem;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.2);box-shadow:0 2px 12px rgba(0,0,0,.2)} .alertify-logs>*,.alertify-logs>.default{background:rgba(0,0,0,.8)} .alertify-logs>.error{background:#f96868} .alertify-logs>.success{background:#46be8a} .alertify{position:fixed;z-index:1700;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3)} .alertify.hide{pointer-events:none;opacity:0} .alertify,.alertify.hide,.alertify.show{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .33s cubic-bezier(.25,.8,.25,1);-o-transition:all .33s cubic-bezier(.25,.8,.25,1);transition:all .33s cubic-bezier(.25,.8,.25,1)} .alertify,.alertify *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .alertify .dialog{padding:12px} .alertify .alert,.alertify .dialog{position:relative;top:50%;width:100%;margin:0 auto;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .alertify .alert>*,.alertify .dialog>*{width:400px;max-width:95%;margin:0 auto;padding:12px;text-align:center;border-radius:.286rem;background:#fff;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.2);-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.14),0 4px 5px 0 rgba(0,0,0,.098),0 1px 10px 0 rgba(0,0,0,.084);box-shadow:0 2px 12px rgba(0,0,0,.2);box-shadow:0 2px 4px -1px rgba(0,0,0,.14),0 4px 5px 0 rgba(0,0,0,.098),0 1px 10px 0 rgba(0,0,0,.084)} .alertify .alert .msg,.alertify .dialog .msg{margin:0;margin-bottom:12px;padding:12px;text-align:left} .alertify .alert input,.alertify .dialog input{font-size:1rem;line-height:1.571429;width:100%;height:2.573rem;margin-bottom:15px;padding:.429rem 1rem;-webkit-transition:-webkit-box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;-o-transition:box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;transition:box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;color:#76838f;border:1px solid #e4eaec;border-radius:.215rem;background-color:#fff;background-image:none;-webkit-box-shadow:none;box-shadow:none} .alertify .alert input.focus,.alertify .alert input:focus,.alertify .dialog input.focus,.alertify .dialog input:focus{border-color:#62a8ea;-webkit-box-shadow:none;box-shadow:none} .alertify .alert nav,.alertify .dialog nav{text-align:right} .alertify .alert nav .btn,.alertify .dialog nav .btn{margin:4px 5px} .alertify-logs{position:fixed;z-index:1699;right:16px;bottom:16px} .alertify-logs>*{position:relative;float:right;clear:both;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:10px;-webkit-transition:all .3s cubic-bezier(.25,.8,.25,1);-o-transition:all .3s cubic-bezier(.25,.8,.25,1);transition:all .3s cubic-bezier(.25,.8,.25,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000} .alertify-logs>.show{right:0;opacity:1} .alertify-logs>*,.alertify-logs>.hide{right:-100%;opacity:0} @font-face{font-family:Pe-icon-7-stroke;font-style:normal;font-weight:400;src:url(../../../public/fonts/7-stroke/Pe-icon-7-stroke.eot?d7yf1v);src:url(../../../public/fonts/7-stroke/Pe-icon-7-stroke.eot?#iefixd7yf1v) format('embedded-opentype'),url(../../../public/fonts/7-stroke/Pe-icon-7-stroke.woff?d7yf1v) format('woff'),url(../../../public/fonts/7-stroke/Pe-icon-7-stroke.ttf?d7yf1v) format('truetype'),url(../../../public/fonts/7-stroke/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"} .lg-sub-html,.lg-toolbar{background-color:rgba(0,0,0,.45)} #lg-counter,.lg-outer .lg-video-cont{vertical-align:middle;display:inline-block} @font-face{font-family:lg;src:url(../../../public/plugins/lightGallery/fonts/lg.eot?n1z373);src:url(../../../public/plugins/lightGallery/fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),url(../../../public/plugins/lightGallery/fonts/lg.woff?n1z373) format("woff"),url(../../../public/plugins/lightGallery/fonts/lg.ttf?n1z373) format("truetype"),url(../../../public/plugins/lightGallery/fonts/lg.svg?n1z373#lg) format("svg");font-weight:400;font-style:normal} .lg-icon{font-family:lg;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080} .lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5} .lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#fff} .lg-actions .lg-next{right:20px} .lg-actions .lg-next:before{content:"\e095"} .lg-actions .lg-prev{left:20px} .lg-actions .lg-prev:after{content:"\e094"} @-webkit-keyframes lg-right-end{0%,100%{left:0} 50%{left:-30px} } @-moz-keyframes lg-right-end{0%,100%{left:0} 50%{left:-30px} } @-ms-keyframes lg-right-end{0%,100%{left:0} 50%{left:-30px} } @keyframes lg-right-end{0%,100%{left:0} 50%{left:-30px} } @-webkit-keyframes lg-left-end{0%,100%{left:0} 50%{left:30px} } @-moz-keyframes lg-left-end{0%,100%{left:0} 50%{left:30px} } @-ms-keyframes lg-left-end{0%,100%{left:0} 50%{left:30px} } @keyframes lg-left-end{0%,100%{left:0} 50%{left:30px} } .lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative} .lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative} .lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%} .lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:0;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear} .lg-toolbar .lg-icon:hover{color:#fff} .lg-toolbar .lg-close:after{content:"\e070"} .lg-toolbar .lg-download:after{content:"\e0f2"} .lg-sub-html{bottom:0;color:#eee;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080} .lg-sub-html h4{margin:0;font-size:13px;font-weight:700} .lg-sub-html p{font-size:12px;margin:5px 0 0} #lg-counter{color:#999;font-size:16px;padding-left:20px;padding-top:12px} .lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear} .lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)} .lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)} .lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)} body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%} body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1} .lg-outer .lg-thumb-outer{background-color:#0d0a0a;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s} .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab} .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing} .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important} .lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px} .lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #fff;border-radius:4px;margin-bottom:5px} @media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease} } .lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707} .lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover} .lg-outer.lg-has-thumb .lg-item{padding-bottom:120px} .lg-outer.lg-can-toggle .lg-item{padding-bottom:0} .lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease} .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px} .lg-outer .lg-toogle-thumb{background-color:#0d0a0a;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px} .lg-outer .lg-toogle-thumb:hover,.lg-outer.lg-dropdown-active #lg-share{color:#fff} .lg-outer .lg-toogle-thumb:after{content:"\e1ff"} .lg-outer .lg-video-cont{max-width:1140px;max-height:100%;width:100%;padding:0 5px} .lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative} .lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important} .lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer} .lg-outer .lg-has-vimeo .lg-video-play{background:url(../../../public/plugins/lightGallery/img/vimeo-play.png) no-repeat} .lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(../../../public/plugins/lightGallery/img/vimeo-play.png) 0 -58px no-repeat} .lg-outer .lg-has-html5 .lg-video-play{background:url(../../../public/plugins/lightGallery/img/video-play.png) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8} .lg-outer .lg-has-html5:hover .lg-video-play{opacity:1} .lg-outer .lg-has-youtube .lg-video-play{background:url(../../../public/plugins/lightGallery/img/youtube-play.png) no-repeat} .lg-outer .lg-has-youtube:hover .lg-video-play{background:url(../../../public/plugins/lightGallery/img/youtube-play.png) 0 -60px no-repeat} .lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0} .lg-outer .lg-has-video .lg-video-object{visibility:hidden} .lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none} .lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible} .lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s} .lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0} .lg-progress-bar.lg-start .lg-progress{width:100%} .lg-show-autoplay .lg-progress-bar{opacity:1} .lg-autoplay-button:after{content:"\e01d"} .lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"} .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s} .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s;transition:transform .3s cubic-bezier(0,0,.25,1) 0s} .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s} .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden} .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden} #lg-zoom-in:after{content:"\e311"} #lg-actual-size{font-size:20px} #lg-actual-size:after{content:"\e033"} #lg-zoom-out{opacity:.5;pointer-events:none} #lg-zoom-out:after{content:"\e312"} .lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto} .lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px} .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible} .lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px} .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset} .lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#fff;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)} .lg-outer .lg-pager-thumb-cont img{width:100%;height:100%} .lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px} .lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset} .lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0} .lg-fullscreen:after{content:"\e20c"} .lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"} .lg-outer #lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s} .lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible} .lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s} .lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#fff;right:16px;top:-16px} .lg-outer .lg-dropdown>li:last-child{margin-bottom:0} .lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a{color:#333} .lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px} .lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)} .lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle} .lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto} .lg-outer,.lg-outer .lg,.lg-outer .lg-inner{width:100%;height:100%} .lg-outer #lg-share{position:relative} .lg-outer #lg-share:after{content:"\e80d"} .lg-outer #lg-share-facebook .lg-icon{color:#3b5998} .lg-outer #lg-share-facebook .lg-icon:after{content:"\e901"} .lg-outer #lg-share-twitter .lg-icon{color:#00aced} .lg-outer #lg-share-twitter .lg-icon:after{content:"\e904"} .lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39} .lg-outer #lg-share-googleplus .lg-icon:after{content:"\e902"} .lg-outer #lg-share-pinterest .lg-icon{color:#cb2027} .lg-outer #lg-share-pinterest .lg-icon:after{content:"\e903"} .lg-group:after{content:"";display:table;clear:both} .lg-outer{position:fixed;top:0;left:0;z-index:1050;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s} .lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .lg-outer.lg-visible{opacity:1} .lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important} .lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1} .lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab} .lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing} .lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%} .lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap} .lg-outer .lg-item{background:url(../../../public/plugins/lightGallery/img/loading.gif) center center no-repeat;display:none!important} .lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important} .lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%} .lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px} .lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0} .lg-outer .lg-item.lg-complete{background-image:none} .lg-outer .lg-item.lg-current{z-index:1060} .lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important} .lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s} .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1} .lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none} .lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s} .lg-backdrop.in{opacity:1} .lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important} .lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden} .lg-css3.lg-fade .lg-item{opacity:0} .lg-css3.lg-fade .lg-item.lg-current{opacity:1} .lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s} .lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0} .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1} .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s} .lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0} .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%} .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%} .lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1} .lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s} .pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1800;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0} .pswp *{-webkit-box-sizing:border-box;box-sizing:border-box} .pswp img{max-width:none;-webkit-transition:none;-o-transition:none;transition:none} .pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)} .pswp--open{display:block} .pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in} .pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab} .pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing} .pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;opacity:0;transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity} .pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden} .pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0} .pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none} .pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)} .pswp__bg{will-change:opacity;transition:opacity 333ms cubic-bezier(.4,0,.22,1)} .pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none} .pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden} .pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden} .pswp__img{position:absolute;width:auto;height:auto;top:0;left:0} .pswp__img--placeholder{-webkit-backface-visibility:hidden} .pswp__img--placeholder--blank{background:#222} .pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0} .pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#777} .pswp__error-msg a{color:#333;text-decoration:underline} .pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none;outline:0} .pswp__button:focus,.pswp__button:hover{opacity:1} .pswp__button:active{outline:0;opacity:.9} .pswp__button::-moz-focus-inner{padding:0;border:0} [class*=pswp__button--rotate]{background:0 0!important;outline:0!important} [class*=pswp__button--rotate] .icon{top:1px;font-size:17px;font-weight:400;color:#555} .pswp__ui--over-close .pswp__button--close{opacity:1} .pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(../../../public/plugins/PhotoSwipe/default-skin/default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px} @media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(../../../public/plugins/PhotoSwipe/default-skin/default-skin.svg)} .pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:0 0} [class*=pswp__button--rotate]{opacity:.75} } .pswp__button--close{background-position:0 -44px} .pswp__button--share{background-position:-44px -44px} .pswp__button--fs{display:none} .pswp--supports-fs .pswp__button--fs{display:block} .pswp--fs .pswp__button--fs{background-position:-44px 0} .pswp__button--zoom{display:none;background-position:-88px 0} .pswp--zoom-allowed .pswp__button--zoom{display:block} .pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0} .pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden} .pswp__button--arrow--left,.pswp__button--arrow--right{background:0 0;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute} .pswp__button--arrow--left{left:0} .pswp__button--arrow--right{right:0} .pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,.1);height:30px;width:32px;position:absolute} .pswp__button--arrow--left:before{left:6px;background-position:-138px -44px} .pswp__button--arrow--right:before{right:6px;background-position:-94px -44px} .pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity} .pswp__share-modal--hidden{display:none} .pswp__share-tooltip{z-index:1620;position:absolute;background:#fff;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform} .pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px} .pswp__share-tooltip a:hover{text-decoration:none;color:#000} .pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0} .pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px} .pswp__share-modal--fade-in{opacity:1} .pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} .pswp--touch .pswp__share-tooltip a{padding:16px 12px} a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#fff;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none} a.pswp__share--facebook:hover{background:#3e5c9a;color:#fff} a.pswp__share--facebook:hover:before{border-bottom-color:#3e5c9a} a.pswp__share--twitter:hover{background:#55acee;color:#fff} a.pswp__share--pinterest:hover{background:#ccc;color:#ce272d} a.pswp__share--download:hover{background:#ddd} .pswp__counter{position:absolute;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#555;opacity:.75;padding:0 10px} .pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px} .pswp__caption small{font-size:11px;color:#777} .pswp__caption__center{text-align:center;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#333} .pswp__caption--empty{display:none} .pswp__caption--fake{visibility:hidden} .pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr} .pswp__preloader__icn{width:20px;height:20px;margin:12px} .pswp__preloader--active{opacity:1} .pswp__preloader--active .pswp__preloader__icn{background:url(../../../public/plugins/PhotoSwipe/default-skin/preloader.gif) 0 0 no-repeat} .pswp--css_animation .pswp__preloader--active{opacity:1} .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite} .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite} .pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0} .pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden} .pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #fff;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0} @media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right} } @-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} } @keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} } @-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)} 50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)} 100%{-webkit-transform:rotate(0);transform:rotate(0)} } @keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)} 50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)} 100%{-webkit-transform:rotate(0);transform:rotate(0)} } .pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550} .pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%} .pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)} .pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible} .pswp__caption,.pswp__top-bar{background-color:rgba(255,255,255,.8)} .pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(255,255,255,.8)} .pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0} .pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001} .pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none} .pswp__element--disabled{display:none!important} .pswp--minimal--dark .pswp__top-bar{background:0 0} .text-danger{display:none} .head_nav_met_95_3_67 .head-container{width:100%;background:#fff} .head_nav_met_95_3_67 .head-container.navbar-fixed-top{z-index:1699} .head_nav_met_95_3_67 #header{background:#fff} .head_nav_met_95_3_67 #header:not(.navbar-fixed-top){position:relative;z-index:999} .head_nav_met_95_3_67 #header .container{position:relative;margin:0 auto;background-color:#f7f7f7} .megamenu-image-container{min-height:345px} .tsgd{ height:50px; line-height:50px; background:#004098; text-align:center; max-width:98%;margin-bottom: 20px; float:left} .tsgd a{ color:#fff; font-size:24px;} .tsgd p{ color:#fff;} .yybt{ height:60px; line-height:60px; max-width:100%} .anli img{ max-width:100%} /* 联系我们 */ .contact-top { padding: 0.5rem 0 0.7rem; } .contact-top .contact-msg { display: flex; background-color: #eeefef; height: 420px; padding:30px; } .contact-top .contact-msg:hover{ box-shadow: 0 0 6px 1px rgba(0, 0, 0, .1);} .contact-top .contact-msg .l-msg { width: 50%; background-position: right bottom; padding: 2.45rem 0.5rem; } .contact-top .contact-msg .lxtitle { font-size: 26px; color: #000; line-height: 1; line-height:50px; } .contact-top .contact-msg .ll .lxtitle {background:#1d2088; text-align:center; color:#fff; margin-bottom: 3.3rem;} .contact-top .contact-msg .lxtitle span{ display:block;letter-spacing:1.8px;} .contact-top .contact-msg .l-msg .demo { font-size: 18px; color: #000; line-height: 1.57; } .contact-top .contact-msg .l-msg .demo p{ margin-bottom:0} .contact-top .contact-msg .r-online { width: 50%; padding: 2.45rem 2.45rem 2.45rem 5.5rem; border-left: 1px solid #e6e6e6; display: flex; justify-content: space-between; } .contact-top .contact-msg .r-online .ll .demo { margin-bottom: 6.34rem; } .contact-top .contact-msg .r-online .ll .demo .dd { font-size: 18px; color: #000; line-height: 1.71; } .contact-top .contact-msg .r-online .ll .demo .dd .red { font-weight: bold; color: var(--red-text-color); border-bottom: 1px solid var(--red-text-color); } .contact-top .contact-msg .r-online .ll .btn { height: 50px; line-height: 50px; padding: 0 50px; font-size: 26px; background:#c8c9c9; color:#595252;border-radius:0 } .contact-top .contact-msg .r-online .rr { padding-top: 12rem; width: 257px; } .contact-top .contact-msg .r-online .rr img{ width:100%} .contact-cont { padding: 0.5rem 0 0.88rem; } .about-three { width: 100%; padding: 40px 0 30px; background: #fff; overflow: hidden; } .about-three .n-title{padding-bottom:20px;} .about-threemenu { width: 70%; margin: 0 auto; font-size: 0; } .about-threemenu a { position: relative; background:#dcdddd; display: inline-block; vertical-align: middle; width: 20%; margin-left:2%; padding-top:20%;border-radius: 50%; margin-right:2%; height: 0;margin-bottom: 26px; text-align: center; font-size: 90px; color: #fff; font-weight:bold;} .about-threemenu a span { position: absolute; top: 50%; left: 0; display: block; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .about-threemenu a i { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; display: block; border: 5px solid transparent; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); content: ''; } .about-threemenu a:nth-child(1) i { border-bottom-color: #e4e300; border-left-color: #7db429; border-top-color: #ededed; } .about-threemenu a:nth-child(2) i { border-bottom-color: #e4e300; border-right-color: #ededed; } .about-threemenu a:nth-child(3) i { border-left-color: #f1f17f; border-top-color: #bed994; } .about-threemenu a:nth-child(4) i { border-right-color: #7db429; border-bottom-color: #7db429; border-top-color: #ededed; } .about-threemenu a.active { background:#e60012;} .about-threeitem { display: none; width: 100%; max-width: 1070px; margin: 0 auto; padding: 20px 20px 20px; line-height: 22px; text-align: center; font-size: 14px; color: #000; } .about-threeitem p{ font-size:22px;} .about-fourtop { width: 100%; padding: 30px 0 35px; background: #ededed; margin-top:30px; } .about-developmenu { width: 100%; margin-top: 18px; text-align: center; font-size: 0; } .about-developmenu a { position: relative; display: inline-block; vertical-align: middle; width: 140px; height: 40px; margin: 0 10px; -webkit-border-radius: 20px; border-radius: 20px; line-height: 40px; text-align: center; font-size: 14px; color: #363636; background: #ffffff; } .about-developmenu a.active { color: #ffffff; background: #7fbe26; } .about-developmenu a.active:after { position: absolute; top: 100%; left: 50%; width: 0; height: 0; border-top: 8px solid #7fbe26; border-left: 8px solid transparent; border-right: 8px solid transparent; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); content: ''; } .about-fourbtm { width: 100%; background: #fff; padding: 30px 0 40px; } .about-fourbtmul { position: relative; width: 100%; padding-left: 7px; padding-bottom: 1px; } .about-fourbtmul:after { position: absolute; top: 4px; left: 7px; width: 1px; height: 100%; background: #e4e4e4; content: ''; } .about-fourbtmul:before { position: absolute; left: 3px; bottom: -4px; width: 10px; height: 1px; background: #e4e4e4; content: ''; } .about-fourbtmul li { position: relative; z-index: 10; width: 100%; padding-bottom: 20px; } .about-fourbtmul li:last-child { padding-bottom: 0; } .about-fourbtmview { position: relative; padding-left: 20px; } .about-fourbtmview .about-fourh3 { font-size: 18px; line-height: 1; } .about-fourbtmview .about-ci { position: absolute; top: 4px; left: -7.5px; z-index: 5; width: 15px; height: 15px; border: 3px solid #62b343; background: #ffffff; content: ''; -webkit-border-radius: 50%; border-radius: 50%; } .about-fourdes { margin-top: 10px; line-height: 22px; font-size: 14px; color: #696969; } .about-developview { width: 100%; padding: 30px 0 40px; background: #fff; } .developitem-swiper { margin-bottom: 20px; } .developitem-swiper .swiper-slide { border: 1px solid #e3e3e3; } .developitem-swiper .swiper-slide:after { display: none !important; } .about-fourdes2 { margin-top: 10px; line-height: 24px; font-size: 14px; color: #696969; } .about-fourimg { display: inline-block; width: 100%; margin-top: 12px; max-width: 360px; } .about-fourimg .about-fourimgv { width: 100%; position: relative; height: 0; padding-top: 55.55556%; overflow: hidden; } .about-fourimg .about-fourimgv img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .about-developcon2, .about-developitem { display: none; } .join-one { width: 100%; background: -webkit-gradient(linear, left top, right top, from(#81bf28), to(#83bf2b)); background: -webkit-linear-gradient(left, #81bf28, #83bf2b); background: -moz- oldlinear-gradient(left, #81bf28, #83bf2b); background: -o-linear-gradient(left, #81bf28, #83bf2b); background: linear-gradient(90deg, #81bf28, #83bf2b); padding: 30px 0 30px; line-height: 30px; text-align: center; font-size: 22px; color: #eeefed; font-weight: 100; } .join-two { width: 100%; padding: 30px 0 25px; background: #fff; } .join-twoh3 { line-height: 36px; text-align: center; font-size: 20px; color: #363636; } .join-twodes { position: relative; padding: 6px 0 20px; margin-bottom: 20px; text-align: center; font-size: 14px; color: #595757; } .join-twodes:after { position: absolute; bottom: 0; left: 50%; width: 25px; height: 1px; background: #707070; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); content: ''; } .join-twodes:last-child { margin-bottom: 0; } .join-twodes:last-child:after { display: none; } .join-three { width: 100%; padding: 30px 0 30px; background: #efefef; } .join-threetit { text-align: center; line-height: 1; font-size: 20px; color: #595757; } .join-threeul { margin-top: 20px; font-size: 0; } .join-threeul li { display: inline-block; vertical-align: top; width: 49%; margin-right: 2%; margin-bottom: 20px; } .join-threeul li:nth-child(2n) { margin-right: 0; } .join-threeimg { width: 100%; position: relative; height: 0; padding-top: 133.33333%; overflow: hidden; } .join-threeimg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .join-threetxt { width: 100%; padding-top: 10px; } .join-threetxt h3 { line-height: 1; font-size: 16px; color: #363636; } .join-threedes { width: 100%; margin-top: 5px; line-height: 18px; font-size: 14px; color: #363636; } .join-four { width: 100%; padding: 5px 0 32px; background: #fff; } .join-fourtit { line-height: 30px; text-align: center; font-size: 20px; color: #363636; } .join-fourul { width: 100%; margin-top: 15px; padding-bottom: 15px; } .join-fourul::-webkit-scrollbar { width: 3px; height: 8px; background-color: #fff; } .join-fourul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 0px; border-radius: 0px; background-color: #f4f4f4; } .join-fourul::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #81be29; } .join-fourul li { width: 100%; margin-bottom: 10px; } .join-fourul li.active .join-fourtop { border-color: #fafafa; background: #fafafa; } .join-fourul li.active .join-fourtop:after, .join-fourul li.active .join-fourtop:before { -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .join-fourul li.active .join-fourtop .join-fourp { color: #7db429; } .join-fourul li.active .join-fouricon { background-image: url(../images/join-fouricon2.png); } .join-fourtop { position: relative; width: 100%; padding: 5px 30px 5px 10px; font-size: 0; border: 1px solid #e5e5e5; cursor: pointer; } .join-fourtop .join-fourp1 { display: inline-block; vertical-align: top; width: 100%; padding-right: 5px; font-size: 14px; color: #929292; } .join-fourtop .join-fourp2 { display: inline-block; vertical-align: top; width: 100%; padding-right: 5px; font-size: 14px; color: #323232; } .join-fourtop:after, .join-fourtop:before { position: absolute; top: 50%; right: 20px; width: 1px; height: 20px; background: #bfbfbf; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; content: ''; } .join-fourtop:before { right: 10px; width: 20px; height: 1px; } .join-fouricon { display: inline-block; vertical-align: middle; width: 21px; height: 16px; margin-right: 8px; background: url(../images/join-fouricon1.png) no-repeat center center; } .join-fourbtm { display: none; width: 100%; padding: 10px 10px 5px; } .join-fourbtmh3 { line-height: 24px; font-size: 16px; color: #363636; } .join-fourbtmdes { width: 100%; padding-top: 8px; margin-bottom: 20px; line-height: 24px; color: #696969; } .join-five { width: 100%; padding-bottom: 30px; background: #fff; } .join-fiveul { width: 100%; padding-top: 20px; } .join-fiveul li { position: relative; width: 100%; margin-bottom: 10px; } .join-fiveimg1 { width: 100%; position: relative; height: 0; padding-top: 45.39723%; overflow: hidden; } .join-fiveimg1 img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .join-fivetxt1 { position: absolute; top: 0; right: 0; z-index: 5; width: 50%; height: 100%; background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(131, 191, 43, 0.95)), color-stop(50%, rgba(131, 191, 43, 0.7))); background: -webkit-linear-gradient(left, rgba(131, 191, 43, 0.95) 50%, rgba(131, 191, 43, 0.7)); background: -moz- oldlinear-gradient(left, rgba(131, 191, 43, 0.95) 50%, rgba(131, 191, 43, 0.7)); background: -o-linear-gradient(left, rgba(131, 191, 43, 0.95) 50%, rgba(131, 191, 43, 0.7)); background: linear-gradient(90deg, rgba(131, 191, 43, 0.95) 50%, rgba(131, 191, 43, 0.7)); } .join-fivetable { width: 100%; height: 100%; display: table; table-layout: fixed; font-size: 14px; } .join-fivetableh3, .join-fivetable-cell { display: table-cell; vertical-align: middle; padding: 10px; font-size: 14px; color: #fff; } .join-fivetxt2 { width: 100%; padding: 20px; border: 1px solid #e5e5e5; } .join-fivetxt2h3 { line-height: 24px; font-size: 18px; } .join-fivetxt2des { width: 100%; padding-top: 10px; line-height: 22px; font-size: 14px; color: #929292; } .join-fiveimg2 { width: 100%; position: relative; height: 0; padding-top: 69.94819%; overflow: hidden; } .join-fiveimg2 img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .join-fivetxt3 { position: absolute; top: 0; left: 0; z-index: 5; width: 36%; height: 100%; background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(131, 191, 43, 0.95)), color-stop(50%, rgba(131, 191, 43, 0.7))); background: -webkit-linear-gradient(left, rgba(131, 191, 43, 0.95) 50%, rgba(131, 191, 43, 0.7)); background: -moz- oldlinear-gradient(left, rgba(131, 191, 43, 0.95) 50%, rgba(131, 191, 43, 0.7)); background: -o-linear-gradient(left, rgba(131, 191, 43, 0.95) 50%, rgba(131, 191, 43, 0.7)); background: linear-gradient(90deg, rgba(131, 191, 43, 0.95) 50%, rgba(131, 191, 43, 0.7)); } .join-fivetable { display: table; table-layout: fixed; width: 100%; height: 100%; } .join-fivetableh3 { display: table-cell; vertical-align: middle; padding: 10px; font-size: 14px; color: #fff; } .contact-cont .title { font-size: 24px; color: #252b3a; font-weight: bold; text-align: center; margin-bottom: 0.32rem; line-height: 1; } .contact-list .item { width: calc((100% - 49px) / 3); margin-right: 24px; margin-bottom: 24px; border: 1px solid #e6e6e6; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .05); height: 180px; padding: 0.32rem 0.3rem; } .contact-list .item:nth-child(3n+0) { margin-right: 0; } .contact-list .item .tit { font-size: 18px; color: #252b3a; font-weight: bold; margin-bottom: 0.15rem; } .contact-list .item .desc { font-size: 14px; color: #555555; line-height: 2.14; max-height: 90px; } .about-title { font-size: 36px; color: #000; font-weight: bold; text-align: center; line-height: 1; margin-bottom: 50px; } @media (min-width:1600px){#header .container{width:100%} .megamenu-image-container{min-height:425px} .hezuopic{ height:200px; width:100%} } .casepic{transition: all 0.3s linear 0s;} .casepic:hover{transform: scale(1.1);} .head_nav_met_95_3_67 #header .navbar-logo{display:block;text-align:left;padding:20px 0 0 5px} .head_nav_met_95_3_67 .met-nav{position:relative} .head_nav_met_95_3_67 .met-nav .navlist{text-align:center;margin:0} .head_nav_met_95_3_67 .met-nav .navlist li{display:inline-block;position:static;text-align:left} .fixed_search .input-search-btn{padding:0;background-color:#f3f7f9} .fixed_search .input-search-btn span{display:none} .fixed_search .input-search-btn i{color:#000} .input-search-btn{z-index:1;color:#fff;background-color:#aaa;padding:0 30px;border-radius:0} .input-search-btn i{color:#fff;font-size:20px} .input-search .form-control{border-radius:0} .fixed_search .input-search .form-control{border-color:#e4eaec;border-radius:0} .head_nav_met_95_3_67 .met-nav .navlist li .nav1{height:80px;padding:0 5px;line-height:30px;color:#666;color:#333;position:relative;z-index:19;display:block;-webkit-transition:all .26s ease-out;-moz-transition:all .26s ease-out;-ms-transition:all .26s ease-out;-o-transition:all .26s ease-out;transition:all .26s ease-out;float:left} .head_nav_met_95_3_67 .met-nav .navlist li .nav1:hover{color:#000;text-decoration:none;background:0 0} .head_nav_met_95_3_67 .met-nav .navlist li .nav1.active{color:#000;background:0 0} .head_nav_met_95_3_67 .met-nav .navlist li .navlist2{min-width:100%;display:block;width:100%;position:absolute;top:0;left:0;background-color:transparent;height:0;overflow:hidden;z-index:1;opacity:0;border:none;margin:0;box-shadow:none;background-color:rgba(255,255,255,.95)} .head_nav_met_95_3_67 .met-nav .navlist li .navlist2 a{margin:5px 0 30px;color:#666;color:#000;letter-spacing:1px;font-weight:500;font-size:14px} .head_nav_met_95_3_67 .met-nav .navlist li .navlist2 a+a{color:#999} .head_nav_met_95_3_67 .met-nav .navlist li .navlist2 a+a:hover{color:#000} .head_nav_met_95_3_67 .met-nav .navlist2 li:first-child a{font-size:16px;font-weight:700} .search_box.fixed_search{position:fixed;z-index:11111;top:30px;left:18rem;padding:0;width:115px} .search_box.fixed_search .search{width:100%} .search_box.fixed_search input{width:115px;height:20px;border-radius:5px;padding-right:0} .search_box.fixed_search .input-search-btn{left:5px;width:18px;height:18px;margin-top:1px} .head_nav_met_95_3_67 .rig-top{float:right} .head_nav_met_95_3_67 .navlist2-menu{text-align:left} .head_nav_met_95_3_67 .navlist2-menu .titles{display:block} .head_nav_met_95_3_67 .met-nav .navlist li .navlist2 .navlist2-menu{text-align:left} .head_nav_met_95_3_67 .met-nav .navlist li.spice-active .nav1:before{position:absolute;display:block;content:"";left:50%;bottom:10px;height:0;width:0;margin-left:-4px;border:0 solid transparent;border-bottom-color:#666;border-bottom-color:#333;border-bottom-width:4px;border-left-width:4px;border-right-width:4px} .head_nav_met_95_3_67 .met-nav .navlist li.spice-active .navlist2{top:100%;opacity:1;height:auto;transition:opacity .26s,top .26s} .head_nav_met_95_3_67 .met-nav .navlist li.spice-active-block .nav1:before{position:absolute;display:block;content:"";left:50%;bottom:10px;height:0;width:0;margin-left:-4px;border:0 solid transparent;border-bottom-color:#666;border-bottom-color:#333;border-bottom-width:4px;border-left-width:4px;border-right-width:4px} .head_nav_met_95_3_67 .met-nav .navlist li.spice-active-block .navlist2{top:100%;opacity:1;height:auto;transition:opacity 0s,top 0s} .head_nav_met_95_3_67 .met-nav .navlist .navlist3{margin-top:30px} .head_nav_met_95_3_67 .met-nav .navlist .navlist3 li{margin:10px 0 20px;display:block} .head_nav_met_95_3_67 .met-nav .navlist .navlist3 li a{display:block;position:relative;padding:0 15px;font-size:15px;line-height:15px;color:#999} .head_nav_met_95_3_67 .met-nav .nav-theme .nav-theme-text{text-align:left} .head_nav_met_95_3_67 .met-nav .nav-theme .nav-theme-img .slick-dots{padding-right:30px} .head_nav_met_95_3_67 .met-nav .nav-theme .nav-theme-img li{position:relative;width:8px;height:8px;border-radius:100%;border:1px solid;margin-right:5px} .head_nav_met_95_3_67 .met-nav .nav-theme .nav-theme-img li button{display:none} .head_nav_met_95_3_67 .met-nav .nav-theme .nav-theme-img img{width:100%;height:auto} .head_nav_met_95_3_67 .met-nav .dropdown.open>a,.head_nav_met_95_3_67 .met-nav .nav>li>a:hover{background:0 0!important} .head_nav_met_95_3_67 .title{display:inline-block;padding:6px 22px;border:1px solid} .head_nav_met_95_3_67 .title h2{font-size:20px;color:#333;letter-spacing:2px;margin:0;text-shadow:none;display:inline-block} .head_nav_met_95_3_67 .title .desc{font-size:20px;color:#333;margin:0;display:inline-block} .head_nav_met_95_3_67 .met-nav-login{position:static;top:-35px;right:0} .head_nav_met_95_3_67 .langs .met-nav-login{top:1%} .head_nav_met_95_3_67 .remleng .met-nav-login{top:10px} @media (max-width:767px){.head_nav_met_95_3_67 .met-nav-login{width:100%;position:absolute;top:6px;right:0} } .head_nav_met_95_3_67 .met-nav-login .login-btn{margin-right:10px} .head_nav_met_95_3_67 .met-nav-login .login-btn a,.head_nav_met_95_3_67 .met-nav-login .shopcart-btn a{line-height:30px;display:inline-block;height:30px;color:#666;font-size:14px} .head_nav_met_95_3_67 .met-nav-login .login-btn a:hover,.head_nav_met_95_3_67 .met-nav-login .shopcart-btn a:hover{color:#000} .head_nav_met_95_3_67 .met-nav-login .pe-shopbag,.head_nav_met_95_3_67 .met-nav-login .pe-user{font-size:26px;float:left} .head_nav_met_95_3_67 .met-nav-login .topcartremove{z-index:1602} .head_nav_met_95_3_67 .met-nav-login .topcartremove .label-danger{background:#333;border-radius:0} .head_nav_met_95_3_67 .met-nav-langlist{margin-bottom:0;float:right} .head_nav_met_95_3_67 .met-nav-langlist:after{content:".";display:block;height:0;clear:both;visibility:hidden} .head_nav_met_95_3_67 .met-nav-langlist .btn{background:#fff;color:#999;font-size:12px;font-weight:500;letter-spacing:1.34px;padding:0 10px;line-height:30px;border:none} .head_nav_met_95_3_67 .met-nav-langlist .btn .btn-flag{margin-right:20px} .head_nav_met_95_3_67 .met-nav-langlist .btn .btn-flag:after{content:'';position:absolute;width:1px;background:#ddd;height:100%;right:-13px} .head_nav_met_95_3_67 .met-nav .navlist li.open .navlist2{top:100%;opacity:1;height:auto;transition:opacity 0s,top 0s} .head_nav_met_95_3_67 .container{max-width:100%;width:100vw} .head_nav_met_95_3_67 .container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} .head_nav_met_95_3_67 .met-nav .navlist li{transform:none!important} .head_nav_met_95_3_67 .met-nav .navlist .navlist3{margin-top:30px;padding-left:0} .head_nav_met_95_3_67 .navlist2-contaner{padding:35px 0 0 60px} .head_nav_met_95_3_67 .navlist2-contaner>div{line-height:2} .head_nav_met_95_3_67 .navlist2-contaner>div:last-child{border:none} .head_nav_met_95_3_67 .navli .navlist2-menu img{width:80%;max-width:480px} .head_nav_met_95_3_67 .met-nav .navlist li.open .navlist2{top:86px;opacity:1;height:auto;transition:opacity .26s,top .26s;position:fixed;background-color:#f7f7f7} .head_nav_met_95_3_67 .met-nav{background:#fff} .head_nav_met_95_3_67 .mobileMenuBtn{display:none} @media (max-width:992px){.head_nav_met_95_3_67 .navlist2 .navlist2-menu .navlist2-contaner li a{font-size:12px} } @media (max-width:768px){.head_nav_met_95_3_67 .search_box{display:none} .head_nav_met_95_3_67 .met-nav-login{position:inherit} .head_nav_met_95_3_67 .mobileMenuBtn{display:block} .head_nav_met_95_3_67 .mobileMenuBtn{display:none} .head_nav_met_95_3_67 .animation-slide-top.met-langlist{margin-right:0} .head_nav_met_95_3_67 .navlist2-contaner li{padding:0} .head_nav_met_95_3_67 .navlist2 .navlist2-menu .navlist2-contaner li a{font-size:12px;font-weight:400} } @media (max-width:767px){.head_nav_met_95_3_67 .mobileMenuBtn{display:block;right:0;padding:0;margin-right:0} .head_nav_met_95_3_67 .met-nav-langlist{display:none} .search_box{display:none} .head_nav_met_95_3_67 header #header{border-bottom:none} .head_nav_met_95_3_67 #header .navbar-logo{padding:15px 0} } .head_nav_met_95_3_67 .mobileMenuBtn{position:absolute;top:8%;color:#333;z-index:3;outline:0;background:0 0;border:none;font-size:24px} @media (max-width:767px){.head_nav_met_95_3_67 .navbar-collapse{width:100%;top:-2px;margin-left:42px} } .head_nav_met_95_3_67 .mm-panel.mm-hasnavbar .mm-navbar{line-height:20px} .head_nav_met_95_3_67 .navbar-nav{margin-top:0} .head_nav_met_95_3_67 .btn-outline.btn-primary,.head_nav_met_95_3_67 .btn-squared{padding:2px 10px;background:0 0} .head_nav_met_95_3_67 .met-nav .navlist li .navlist2{z-index:-1} .head_nav_met_95_3_67 .met-nav-langlist>li{float:left} .head_nav_met_95_3_67 .mmenu-lan a{border:none;display:inline-block;line-height:40px;height:40px} .head_nav_met_95_3_67 .mmenu-lan{text-align:center;margin-left:0!important} .head_nav_met_95_3_67 .nav-link{overflow:inherit} .head_nav_met_95_3_67 .mmenu-lang{line-height:8px;margin-left:0!important} .head_nav_met_95_3_67 .tel-box a,.head_nav_met_95_3_67 .tel-box i{color:#666;font-size:20px} .head_nav_met_95_3_67 .qq-box a{color:#000} .head_nav_met_95_3_67 .met-nav .navlist>li>a{line-height:80px!important;height:80px;line-height:30px;color:#666;color:#333;font-size:14px;position:relative;z-index:19;display:block;float:left;padding:0 15px;font-size:15px;font-family:"微软雅黑";transition:all .26s ease-out} .head_nav_met_95_3_67 .nav-link:hover{background:0 0} .head_nav_met_95_3_67 .open>.btn-outline.btn-default.dropdown-toggle{color:#000;background-color:rgba(0,0,0,0);border-color:rgb(0,0,0,0)} .head_nav_met_95_3_67 .met-langlist .dropdown-item{color:#999} .head_nav_met_95_3_67 .met-langlist .dropdown-item:hover{color:#000} .head_nav_met_95_3_67 .btn-outline.btn-primary{color:#999;border-color:#999} .head_nav_met_95_3_67 .btn-outline.btn-primary:hover{color:#666;border-color:#666;background:#fff} .head_nav_met_95_3_67 .btn-success{color:#999;border-color:#999;background:0 0} .head_nav_met_95_3_67 .btn-success:hover{color:#666;border-color:#666;background:#fff} .head_nav_met_95_3_67 .right{float:right} .head_nav_met_95_3_67 .dropdown-menu-media .dropdown-menu-header .badge,.head_nav_met_95_3_67 .dropdown-menu-media .dropdown-menu-header .label{position:absolute;top:50%;right:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .head_nav_met_95_3_67 .met-head-user .dropdown>a{padding-top:0;padding-bottom:0;height:40px;line-height:40px;color:#666;background:0 0} .head_nav_met_95_3_67 .met-head-user .dropdown .dropdown-item>a{color:#666} .head_nav_met_95_3_67 .met-head-user .dropdown i{color:#666} .head_nav_met_95_3_67 .met-head-user .dropdown i.pe-shopbag{margin-right:0;font-size:26px;position:relative;top:6px} .head_nav_met_95_3_67 .met-head-user .dropdown-menu{top:45px} .head_nav_met_95_3_67 .met-head-user .dropdown-menu-footer{line-height:35px} .head_nav_met_95_3_67 .met-head-user .met-head-user-column .avatar img{max-height:30px} @media (min-width:768px){.head_nav_met_95_3_67 .met-head-user>li:nth-child(2){margin-left:10px} } @media (max-width:767px){.head_nav_met_95_3_67 .met-head-user>li{display:block} .head_nav_met_95_3_67 .met-head-user>li:first-child{margin-bottom:5px} } .head_nav_met_95_3_67 .met-head-user-toggler.active i{display:none} .head_nav_met_95_3_67 .met-head-user-toggler.active i:first-child{display:inline-block} .head_nav_met_95_3_67 .met-head-user-toggler i{position:relative;top:-5px} .head_nav_met_95_3_67 .met-head-user-toggler i:first-child{display:none} .head_nav_met_95_3_67 .met-head-user li a.btn-outline{color:#000;background-color:transparent;border-color:#000} .head_nav_met_95_3_67 .met-head-user li a.btn-outline:hover{border-color:#000;background-color:#000;color:#fff} .head_nav_met_95_3_67 .met-head-user li a.btn-success{border-color:#000;background-color:#000;color:#fff} .head_nav_met_95_3_67 .met-head-user-toggler i{color:#666} .head_nav_met_95_3_67 .met-head-user li a.btn-success:hover{opacity:.8} .head_nav_met_95_3_67.navbar-default .hamburger .hamburger-bar,.head_nav_met_95_3_67.navbar-default .hamburger:after,.head_nav_met_95_3_67.navbar-default .hamburger:before{background:#666} .head_nav_met_95_3_67 .met-langlist .btn-outline.btn-default{color:#999;background-color:transparent;border-color:#000} .head_nav_met_95_3_67 .met-langlist .btn-outline.btn-default:hover{color:#000} .head_nav_met_95_3_67 .met-langlist .nav-link{padding:0;overflow:visible} .met-langlist .btn-outline.btn-default:active,.met-langlist .btn-outline.btn-default:focus{border-color:#000;background-color:#000;color:#fff} .head_nav_met_95_3_67 .met-head-user .dropdown-menu .dropdown-item:hover i{color:#000!important} .head_nav_met_95_3_67 .met-head-user .dropdown-menu .dropdown-item:hover{color:#000!important} .head_nav_met_95_3_67 .dropdown-menu-media>.dropdown-menu-footer>.dropdown-menu-footer-btn{float:right;position:inherit} .head_nav_met_95_3_67 .animation-slide-top{margin-right:10px;float:left} body.navfix{padding-top:137px} body.navfix.head-top-ok{padding-top:164px} .head_nav_met_95_3_67.navbar{min-height:0} .head_nav_met_95_3_67 .rig-top{padding-top:20px} .search_box{width:50%;margin:0 auto;padding:20px 0} .head_nav_met_95_3_67 .search{width:50%;margin:20px auto} @media (max-width:768px){body.navfix{padding-top:80px} body.navfix.head-top-ok{padding-top:105px} } html.mm-opening .mm-menu.mm-effect-menu-zoom{background:#fff} .head_nav_met_95_3_67 .mm-listview>li>a,.head_nav_met_95_3_67 .mm-listview>li>span{color:#666} .head_nav_met_95_3_67 .mm-menu .mm-listview>li .mm-arrow:after,.head_nav_met_95_3_67 .mm-menu .mm-listview>li .mm-next:after{border-color:#999} .head_nav_met_95_3_67 .mm-navbar .mm-title{color:#666;color:#fff} .head_nav_met_95_3_67 .met-nav .navlist li .navlist2{background:#fff;background:#fff;opacity:.95} .head_nav_met_95_3_67 .mm-listview>li,.head_nav_met_95_3_67 .mm-navbar,.head_nav_met_95_3_67 .mm-panels{border-color:#cecece;border-color:#e0e0e0} @media (max-width:767px){.head_nav_met_95_3_67 .navbar-nav .open .dropdown-menu{background:#fff;width:100%} .dropdown-backdrop{height:100px} .head_nav_met_95_3_67 .rig-top{padding-top:0} } .head_nav_met_95_3_67 .text-xs-right>span{display:inline-block} .head_nav_met_95_3_67 .text-xs-right>p{display:inline-block;margin-left:5px} .head_nav_met_95_3_67 .met-nav-login{min-width:auto} .head_nav_met_95_3_67#mobileNav{transition:all .6s ease,-webkit-transform .5s ease} .head_nav_met_95_3_67 .dropdown-toggle::after{display:none} .head_nav_met_95_3_67 .dropdown-menu{padding:0} .head_nav_met_95_3_67 .vertical-align-middle img{max-height:70px} .head_nav_met_95_3_67 .vertical-align-middle .hidden-md-up{width:calc(100% * .85)} .head_nav_met_95_3_67 .mm-arrow:after,.head_nav_met_95_3_67 .mm-next:after,.head_nav_met_95_3_67 .mm-prev:before{barder-color:#666!important} .head_nav_met_95_3_67 .met-nav .navlist li .navlist2 a.active{color:#000} .head_nav_met_95_3_67 .mobileMenuBtn>span{color:#666} .head_nav_met_95_3_67 .mm-listview>li.active a,.head_nav_met_95_3_67 .mm-listview>li.active span{color:#000} .head_nav_met_95_3_67.navbar-fixed-top{z-index:1600} .head_nav_met_95_3_67 .mobileShop{float:right} .head_nav_met_95_3_67 .navbar-collapse{top:0;min-width:auto} .head_nav_met_95_3_67 .navbar{min-height:0} .head_nav_met_95_3_67 .search-index{display:inline-block} .head_nav_met_95_3_67 .search-index{display:inline-block} .head_nav_met_95_3_67 .contact-index{display:inline-block;height:60px;line-height:60px;margin-right:60px;float:left} .head_nav_met_95_3_67 .contact-index p{margin-left:15px} .head_nav_met_95_3_67 .contact-index .tel{color:#666} .head_nav_met_95_3_67 .contact-index .mail{color:#999} .head_nav_met_95_3_67 .search-box{float:right} .head_nav_met_95_3_67 .search-box .input-search-btn{width:60px;height:60px;top:11px;z-index:2} .head_nav_met_95_3_67 .search-box .input-search-btn .icon{position:absolute;top:0;left:0;width:60px;height:38px;font-size:18px;line-height:38px;color:#666;margin:0} .head_nav_met_95_3_67 .search-box .input-search{height:60px} .head_nav_met_95_3_67 .search-box .input-search input{height:38px;width:200px;background-color:#eee;border:1px solid;border-color:#eee;padding-left:15px;transition:all .25s ease-out;position:relative;top:11px} .search-box .input-search input:focus{width:240px;border-color:#000;outline:0} .head_nav_met_95_3_67 .search-index .search{width:62px;border:none;transition:all .5s;background:0 0} .head_nav_met_95_3_67 .search-index .search:focus{width:100px} .head_nav_met_95_3_67 .shop-sc a{color:#666} .head_nav_met_95_3_67 .search-index button{color:#666} .head_nav_met_95_3_67 .head-top-txt{background:#000;height:25px;line-height:25px;text-align:center} .head_nav_met_95_3_67 .logo-box{position:static} @media (max-width:767px){.head_nav_met_95_3_67 .logo-box{position:relative} .head_nav_met_95_3_67 .met-nav .navlist li{display:block;position:relative;text-align:left;width:100%;float:left} .head_nav_met_95_3_67 .nav-pc{display:none} } .head_nav_met_95_3_67 .accordion{margin-top:0;margin-bottom:0;height:300px;overflow-y:auto} @media (max-width:410px){.head_nav_met_95_3_67 .met-head-user .dropdown-menu{left:0!important} .head_nav_met_95_3_67 .accordion{max-height:100vh;height:460px} } .head_nav_met_95_3_67 .links-ul{display:none} .head_nav_met_95_3_67 .open-li .links-ul{height:auto;margin-top:10px} .head_nav_met_95_3_67 .open-li .links i.fa-chevron-down{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} .head_nav_met_95_3_67 ul{list-style-type:none;padding-left:0} .head_nav_met_95_3_67 a{text-decoration:none} .head_nav_met_95_3_67 h1 a{font-size:16px} .accordion{width:100%;margin:30px auto 20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} .head_nav_met_95_3_67 .accordion .link,.head_nav_met_95_3_67 .accordion .links{cursor:pointer;display:block;padding:15px 15px 15px 42px;color:#666;font-size:14px;font-weight:700;border-bottom:1px solid;border-color:#e0e0e0;position:relative;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease} .head_nav_met_95_3_67 .accordion .links{font-weight:400} .head_nav_met_95_3_67 .accordion .link .btn{color:#666;font-size:14px;font-weight:700;cursor:pointer;padding:0} .head_nav_met_95_3_67 .accordion .link .btn,.head_nav_met_95_3_67 .accordion .link a{color:#666} .head_nav_met_95_3_67 .accordion li:last-child .link{border-bottom:0} .head_nav_met_95_3_67 .accordion li i{position:absolute;top:16px;left:12px;font-size:18px;color:#666;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease} .head_nav_met_95_3_67 .accordion li i.fa-chevron-down{right:12px;left:auto;font-size:16px} .head_nav_met_95_3_67 .accordion li.open .link,.head_nav_met_95_3_67 .accordion li.open-li .links .links-div>span{color:#000!important} .head_nav_met_95_3_67 .accordion li.open .link i,.head_nav_met_95_3_67 .accordion li.open-li .links i{color:#000!important} .head_nav_met_95_3_67 .accordion li.open .link i.fa-chevron-down{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} .head_nav_met_95_3_67 .submenu{display:none;background:#fff;font-size:14px} .head_nav_met_95_3_67 .submenu li{border-bottom:1px solid;border-color:#e0e0e0} .head_nav_met_95_3_67 .submenu a{font-weight:400;display:block;text-decoration:none;color:#666;padding:12px;padding-left:42px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} .head_nav_met_95_3_67 .nav-mod{background:#fff} .head_nav_met_95_3_67 .nav-mod .vertical-align{text-align:center} .head_nav_met_95_3_67 .open-block,.head_nav_met_95_3_67 .open-li-block{display:block} .head_nav_met_95_3_67 .active-op a,.head_nav_met_95_3_67 .open .link a{color:#000} .head_nav_met_95_3_67 .dl-mod .met-nav-login{text-align:center} .head_nav_met_95_3_67 .met-langlist .btn-lang{width:100%;background:0 0;text-align:left;font-weight:700;font-size:14px} .head_nav_met_95_3_67 .accordion li.open>a{color:#000} .head_nav_met_95_3_67 #met-weixin{color:#000} .head_nav_met_95_3_67 .met-nav .navlist .nav-item a:hover span{color:#000!important} .head_nav_met_95_3_67 .weixin-box{display:inline-block!important} .head_nav_met_95_3_67 .vertical-align-middle{vertical-align:baseline} .head_nav_met_95_3_67 .nav-pc{padding-left:0} .head_nav_met_95_3_67-acc .active>.link>a,.head_nav_met_95_3_67-acc .active>div,.head_nav_met_95_3_67-acc .active>div i{color:#000!important} @media (max-width:1200px){.head_nav_met_95_3_67 .navlist li .nav1{padding:0 2px} .head_nav_met_95_3_67 .met-nav .navlist>li>a{font-size:13px} .head_nav_met_95_3_67 .met-nav .navlist li.open .navlist2{top:160px} } @media (max-width:767px){.head_nav_met_95_3_67 .accordion .link,.head_nav_met_95_3_67 .accordion .links{padding:10px 15px 10px 42px} } .megamenu-container-close{display:block;text-indent:-9999px;width:40px;height:40px;top:20px;right:0;cursor:pointer;position:absolute} .megamenu-container-close::before{content:"";width:55%;height:1px;position:absolute;top:48%;left:22%;background:#000;transition:all .3s ease-out .3s;transform:rotate(-45deg)} .megamenu-container-close::after{content:"";width:55%;height:1px;position:absolute;top:48%;left:22%;transform:rotate(45deg);background:#000;transition:all .3s ease-out .3s} .megamenu-container-close:hover{content:"";width:55%;height:1px;position:absolute;top:48%;left:22%;transform:rotate(-90deg);background:#000;transition:all .3s ease-out .3s} .close_x{position:absolute;top:0;right:15px;width:25px;height:25px;transition:transform .3s linear} .close_x:hover{transform:rotate(180deg)} .close_x:after,.close_x:before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:2px;background:#333} .close_x:before{transform:rotate(45deg)} .close_x:after{transform:rotate(-45deg)} .megamenu-image-container{background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;display:flex;justify-content:space-between} .megamenu-container-inner{flex-direction:initial;height:inherit;overflow:hidden} .super-link{position:relative;text-decoration:none;color:#666;z-index:999} .super-link:hover::after{transform:scale(1)} .left::after{transform-origin:left} .right::after{transform-origin:right} .center::after{transform-origin:center} .nav-super-link{position:relative;text-decoration:none;color:#666;z-index:999} .nav-super-link::after{content:'';width:100%;height:3px;position:absolute;top:70%;left:0;background-color:#68c492;transform:scale(0);transition:all .35s} .nav-super-link:hover::after{transform:scale(1)} .sub-nav-super-link{position:relative;text-decoration:none;color:#666;z-index:999} .sub-nav-super-link::after{content:'';width:100%;height:2px;position:absolute;top:150%;left:0;background-color:#68c492;transform:scale(0);transition:all .35s} .sub-nav-super-link:hover::after{transform:scale(1)} .container-close{position:relative;width:40px;float:right} @media (min-width:1800px) and (max-width:2700px){.head_nav_met_95_3_67 .navlist li{padding:0 12px} .head_nav_met_95_3_67 .met-nav .navlist>li>a{font-size:16px} .head_nav_met_95_3_67 #header .navbar-logo{padding:10px 0} } .banner_met_95_3_2{width:100%;height:auto;display:table;top:0} .banner_met_95_3_2.fixedheight{display:-moz-deck} .banner_met_95_3_2.fixedheight .slick-slide{height:100%} .banner_met_95_3_2.fixedheight .slick-slide img{height:100%} @media screen\0{.banner_met_95_3_2.fixedheight .slick-slide img{left:0;width:100%} } .banner_met_95_3_2.banner-ny-h{height:150px} .banner_met_95_3_2.banner-ny-h .slick-slide img{min-height:100px} @media (max-width:991px){.banner_met_95_3_2.banner-ny-h{height:100px} } .banner_met_95_3_2 .slick-slide{display:block;width:100%} .banner_met_95_3_2.slick-slider{display:block} .banner_met_95_3_2:hover .slick-arrow{display:block!important} .banner_met_95_3_2 .slick-list,.banner_met_95_3_2 .slick-track{height:100%} .banner_met_95_3_2 .slick-next:before,.banner_met_95_3_2 .slick-prev:before{display:none} .banner_met_95_3_2 .slick-slide{height:auto;position:relative;overflow:hidden} .banner_met_95_3_2 .slick-slide .banner-text>a{width:100%;height:100%;display:block;position:absolute;left:0;top:0;z-index:1} .banner_met_95_3_2 .slick-slide img{min-height:100px} .banner_met_95_3_2 .slick-slide img[data-lazy]{max-height:150px} .banner_met_95_3_2 .slick-slide img{display:none} .banner_met_95_3_2 .slick-slide:nth-child(1) img{display:block!important;height:auto} .banner_met_95_3_2 .slick-arrow{width:15%;height:100%;display:none!important;z-index:1} .banner_met_95_3_2 .slick-arrow.slick-next,.banner_met_95_3_2 .slick-arrow.slick-prev{top:50%} @media screen\0{.banner_met_95_3_2 .slick-arrow.slick-prev{background:rgba(0,0,0,.001)} } @media screen\0{.banner_met_95_3_2 .slick-arrow.slick-next{background:rgba(0,0,0,.001)} } .banner_met_95_3_2 .slick-arrow i{font-size:40px;color:#fff!important;font-weight:700} .banner_met_95_3_2 .slick-dots{margin:0;bottom:20px} .banner_met_95_3_2 .slick-dots li{margin:0 2px} @media (max-width:767px){.banner_met_95_3_2{min-height:auto} .banner_met_95_3_2 .slick-slide img{min-height:auto} .banner_met_95_3_2 .slick-dots{bottom:5px} .banner_met_95_3_2 .slick-dots li{width:15px;height:15px;margin:0} } .banner_met_95_3_2 .banner-text{width:100%;height:100%;position:absolute;left:0;top:0;z-index:12} .banner_met_95_3_2 .banner-text .container{height:100%;display:table;text-align:center} .banner_met_95_3_2 .banner-text .container .banner-text-con{display:table-cell;vertical-align:middle} .banner_met_95_3_2 .banner-text.p-0 .container{text-align:left} .banner_met_95_3_2 .banner-text.p-0 .container .banner-text-con>div{width:70%;float:left} .banner_met_95_3_2 .banner-text.p-1 .container{text-align:right} .banner_met_95_3_2 .banner-text.p-1 .container .banner-text-con>div{width:70%;float:right} .banner_met_95_3_2 .banner-text.p-2{top:10%} .banner_met_95_3_2 .banner-text.p-2 .container .banner-text-con{vertical-align:top} .banner_met_95_3_2 .banner-text.p-3{top:auto;bottom:10%} .banner_met_95_3_2 .banner-text.p-3 .container .banner-text-con{vertical-align:bottom} .banner_met_95_3_2 .banner-text.p-2 .container .banner-text-con>div,.banner_met_95_3_2 .banner-text.p-3 .container .banner-text-con>div,.banner_met_95_3_2 .banner-text.p-4 .container .banner-text-con>div{width:70%;display:inline-block} .banner_met_95_3_2 .banner-text h4,.banner_met_95_3_2 .banner-text p{color:#fff} .banner_met_95_3_2 .banner-text h4{margin:0;font-size:30px} .banner_met_95_3_2 .banner-text p{font-size:36px;margin:20px 0 0;text-shadow:none} .banner_met_95_3_2 .banner-text .banner-btn{position:relative;z-index:2} .banner_met_95_3_2 .banner-text .banner-btn .btn{line-height:2.5} @media (max-width:991px){.banner_met_95_3_2 .banner-text h4{font-size:20px} .banner_met_95_3_2 .banner-text p{font-size:30px} } @media (max-width:767px){.banner_met_95_3_2 .banner-text .container{width:100%} .banner_met_95_3_2 .banner-text.p-4 .container .banner-text-con{width:100%} .banner_met_95_3_2 .banner-text h4{font-size:18px} .banner_met_95_3_2 .banner-text p{margin-top:15px;font-size:24px} .banner_met_95_3_2 .banner-text .banner-btn{margin-top:10px} .banner_met_95_3_2 .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_95_3_2 .banner-text h4{font-size:16px} .banner_met_95_3_2 .banner-text p{margin-top:10px;font-size:20px} } .banner_met_95_3_2-ny{height:120px;background:#fff} .banner_met_95_3_2-ny h1,.banner_met_95_3_2-ny h2{margin:0;padding:10px 30px;font-size:35px;text-shadow:none;font-weight:300} .foot_nav_met_95_3_11{background-color:#fff;background-color:#000} .foot_nav_met_95_3_11 a,.foot_nav_met_95_3_11 p,.foot_nav_met_95_3_11 span{color:#666} .foot_nav_met_95_3_11 li{list-style:none;padding:5px 0} .foot_nav_met_95_3_11 .foot_nav_top{background-color:#fdfeff;margin-bottom:40px} .foot_nav_met_95_3_11 .foot_nav_top ul{overflow:hidden;margin-bottom:0} .foot_nav_met_95_3_11 .foot_nav_top li{color:#333;text-align:left;padding:40px 0} .foot_nav_met_95_3_11 .foot_nav_top li a{color:#333} .foot_nav_met_95_3_11 .foot_nav_top li:nth-child(n+4){text-align:right} .foot_nav_met_95_3_11 ul{padding-left:0} .foot_nav_met_95_3_11 ul li.title>a{font-size:16px;display:block;margin-bottom:20px;color:#666;color:#fff} .foot_nav_met_95_3_11 ul li.title>a:hover{color:#000;color:#fff} .foot_nav_met_95_3_11 ul li.title li a{color:#999;color:#fff} .foot_nav_met_95_3_11 ul li.title li a:hover{color:#000;color:#e8fffa} .foot_nav_met_95_3_11 .foot_nav_middle{margin-bottom:20px} .foot_nav_met_95_3_11 ul li.title p a{font-size:26px;color:#fff} .foot_nav_met_95_3_11 .f_nav>ul{display:flex;justify-content:space-between} .foot_nav_met_95_3_11 ul li.title img{width:100%;max-width:80px} .foot_nav_met_95_3_11 .wx{position:relative} .foot_nav_met_95_3_11 ul li.title .wx img{position:absolute;top:30px;left:-15px;width:80px;display:none} .foot_nav_met_95_3_11 .foot_info{text-align:center;background-color:#000;padding:10px 0 10px} .foot_nav_met_95_3_11 .foot_info a,.foot_nav_met_95_3_11 .foot_info button,.foot_nav_met_95_3_11 .foot_info div,.foot_nav_met_95_3_11 .foot_info p,.foot_nav_met_95_3_11 .foot_info span{color:#fff!important} .foot_nav_met_95_3_11 .yuyan{margin-top:10px} .foot_nav_met_95_3_11 .yuyan ul{overflow:hidden} .foot_nav_met_95_3_11 .collapse{float:left!important} .foot_nav_met_95_3_11 .login-btn{line-height:34px} .foot_nav_met_95_3_11 .yuyan li{float:left} .foot_nav_met_95_3_11 .yqlj a img{max-width:80px;max-height:40px} .foot_nav_met_95_3_11 .foot_nav_center{background-color:#fff;background-color:#000} .foot_nav_met_95_3_11 .foot_nav_top hr{width:120%;margin-left:-10%;border-color:#fff;display:none} @media screen and (max-width:767px){.foot_nav_met_95_3_11 .f_nav>ul{display:block;overflow:hidden} .foot_nav_met_95_3_11 .f_nav>ul li{float:left;padding:10px 3px} .foot_nav_met_95_3_11 .f_nav>ul li.title{float:none;padding:10px 3px;overflow:hidden} .foot_nav_met_95_3_11 .f_nav>ul li.title.app{float:left} .foot_nav_met_95_3_11 .f_nav>ul li.title.wxewm{height:145px} .foot_nav_met_95_3_11 .foot_nav_middle ul li{padding:10px} .foot_nav_met_95_3_11 .yuyan ul{margin-top:0} .foot_nav_met_95_3_11 .collapse{display:block;width:100px} .foot_nav_met_95_3_11 .foot_nav_top{margin-bottom:0} .foot_nav_met_95_3_11 ul li.title .wx img{top:0;left:40px} } .foot_nav_met_95_3_11 .yqlj>span{color:#666;color:#fff} .foot_nav_met_95_3_11 .yqlj a span{color:#999;color:#f2fcf8} .foot_nav_met_95_3_11 .yqlj a:hover span{color:#000;color:#fff} .foot_nav_met_95_3_11_bottom{overflow:hidden;position:fixed;bottom:0;left:0;z-index:999;width:100%} .foot_nav_met_95_3_11_bottom a.item{padding:5px 0;display:inline-block} .foot_nav_met_95_3_11_bottom a.item i{font-size:16px;display:block} .foot_nav_met_95_3_11_bottom{display:none} .foot_nav_met_95_3_11_bottom .main{display:flex} .foot_nav_met_95_3_11_bottom .main>div{flex:1} .foot_nav_met_95_3_11_bottom .container>div{padding-top:5px} .foot_nav_met_95_3_11_bottom .title>a{font-weight:100} @media(max-width:767px){.foot_nav_met_95_3_11_bottom{display:block} } .back_top_met_36_1_12.cd-top{display:inline-block;height:40px;width:40px;z-index:9;position:fixed;bottom:70px;right:10px;color:#666;color:#fff;border-radius:50%;font-size:26px;text-align:center;line-height:32px;border-color:#666;border-color:#000;border-width:2px;border-style:solid;box-shadow:0 0 10px rgba(0,0,0,.05);overflow:hidden;white-space:nowrap;background-color:#fff;background-color:#000;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 .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .back_top_met_36_1_12.cd-top.cd-fade-out,.back_top_met_36_1_12.cd-top.cd-is-visible,.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_12.cd-top.cd-is-visible{visibility:visible;opacity:.5} .back_top_met_36_1_12.cd-top.cd-fade-out{opacity:.5} .back_top_met_36_1_12.cd-top:hover{background-color:#000;background-color:#000;opacity:1;color:#999;color:#fff;border-color:#999;border-color:#000} @media(max-width:767px){.back_top_met_36_1_12.cd-top{bottom:67px} } .location_met_95_1_63 li{list-style:none} .location_met_95_1_63 ul.location{overflow:hidden;height:auto;padding:0;margin:0} .location_met_95_1_63 .location li{ line-height:40px;} .location_met_95_1_63 .location li:nth-child(1){ font-size:16px; font-weight:bold; color:#004098;} .location_met_95_1_63 .location li:nth-child(2){ font-size:24px; color:#231815;} .location_met_95_1_63 .location .black i{display:inline-block;width:20px;height:20px;border-radius:10px;background:#000;color:#fff;text-align:center;line-height:20px} .location_met_95_1_63 .location li{color:#666} .location_met_95_1_63 .location li a{color:#004098} .location_met_95_1_63 .location li a:hover{color:#004098} .location_met_95_1_63 .location li span{color:#666} .location_met_95_1_63{padding:0;background-color:#fff; border-bottom:1px #ccc solid; } .product_list_detail_met_95_2_64.pagetype1{background:0 0;background:#fff;background:#fff} .product_list_detail_met_95_2_64 .section{padding:0; width:100%; margin-top:0} .product_list_detail_met_95_2_64 .met-showproduct-body{background:0 0;background:#fff;background:#fff} .product_list_detail_met_95_2_64 .content .met-editor,.product_list_detail_met_95_2_64 .content .product-para{padding:30px} .product_list_detail_met_95_2_64 .product-para li a{color:#000} .product_list_detail_met_95_2_64{ width:100%} .product_list_detail{ width:70%; margin:0 auto} .product_list_detail2{ width:100%; background:#fff;} @media (max-width:767px){.product_list_detail_met_95_2_64 .content .met-editor,.product_list_detail_met_95_2_64 .content .product-para{padding:15px} } .product_list_detail_met_95_2_64 li{list-style:none} .product_list_detail_met_95_2_64 ul.location{overflow:hidden;height:72px;line-height:72px;padding:0} .product_list_detail_met_95_2_64 .location li{float:left} .product_list_detail_met_95_2_64 .location .black span{display:inline-block;width:20px;height:20px;border-radius:10px;text-align:center;line-height:20px} .product_list_detail_met_95_2_64 .location li a{color:#666} .product_list_detail_met_95_2_64 .mbx{background-color:#fff} .product_list_detail_met_95_2_64 .slick-prev:before,.slick-next:before{display:none} .product_list_detail_met_95_2_64 .slick-prev{left:-10px; } .product_list_detail_met_95_2_64 .slick-next{right:-10px; } .product_list_detail_met_95_2_64 .pagination .page-link{color:#666} .product_list_detail_met_95_2_64 .pagination .page-link:hover{color:#000;background-color:#f3f7f9} .product_list_detail_met_95_2_64 #met-imgs-slick{min-height:150px;text-align:center} .product_list_detail_met_95_2_64 #met-imgs-slick.slick-dotted{padding-bottom:80px} .product_list_detail_met_95_2_64 #met-imgs-slick.slick-slider:not(.slick-fade) .slick-slide{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab} .product_list_detail_met_95_2_64 #met-imgs-slick.fngallery.slick-fade .slick-slide:not(.slick-active){visibility:hidden} #met-imgs-slick.fngallery .slick-slide img,.product_list_detail_met_95_2_64 #met-imgs-slick.fngallery .slick-slide a{cursor:zoom-in} .lg-outer .iconfont{display:none} .product_list_detail_met_95_2_64 #met-imgs-slick .slick-slide{float:none;display:block} .product_list_detail_met_95_2_64 #met-imgs-slick.slick-initialized .slick-slide{float:left;display:block;text-align:right} .product_list_detail_met_95_2_64 #met-imgs-slick .slick-slide a{display:inline-block} .product_list_detail_met_95_2_64 #met-imgs-slick .slick-slide img{max-height:700px;display:inline} @media (max-height:900px){.product_list_detail_met_95_2_64 #met-imgs-slick .slick-slide img{max-height:600px} } @media (max-height:800px){.product_list_detail_met_95_2_64 #met-imgs-slick .slick-slide img{max-height:500px} } @media (max-height:700px){.product_list_detail_met_95_2_64 #met-imgs-slick .slick-slide img{max-height:400px} } @media (max-height:600px){.product_list_detail_met_95_2_64 #met-imgs-slick .slick-slide img{max-height:350px} } @media (max-height:500px){.product_list_detail_met_95_2_64 #met-imgs-slick .slick-slide img{max-height:300px} } .prodel{ width:90%; margin:0 auto;} .product_list_detail_met_95_2_64 .bgimg{} .product_list_detail_met_95_2_64 .bgimg .item-img{display:none;} .product_list_detail_met_95_2_64 .bgimg .item-img .tupian{ text-align:center; margin:0 auto;} .product_list_detail_met_95_2_64 .bgimg .item-img img{ width:100%} .product_list_detail_met_95_2_64 .bgimg .item-img .tupian img{ width:auto; height:800px; margin:0 auto;} .product_list_detail_met_95_2_64 .bgimg .item-img:first-child{display:block} .product_list_detail_met_95_2_64 #met-imgs-slick .slick-img-cover{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1000} .product_list_detail_met_95_2_64 #met-imgs-slick .swiper-navtab{width:70px;position:absolute;left:0;top:15px;cursor:grab;padding-bottom:5px;height:320px;overflow-y:auto} .product_list_detail_met_95_2_64 #met-imgs-slick .slick-dots{top:10%;z-index:2;display:block!important;width:70px;max-height:296px;overflow:hidden} .product_list_detail_met_95_2_64 #met-imgs-slick .slick-dots li{width:68px;height:auto;margin:0;border:1px solid #f0f0f0;opacity:1;display:block;margin-bottom:6px} .product_list_detail_met_95_2_64 #met-imgs-slick .slick-dots li.slick-active{border:none;border-bottom:5px solid #000} .product_list_detail_met_95_2_64 #met-imgs-slick .slick-dots li img{max-width:100%} .product_list_detail_met_95_2_64 #met-imgs-slick .slick-arrow{width:36px;height:76px;left:8px;transform:translate(0,0);z-index:99} .product_list_detail_met_95_2_64 #met-imgs-slick .slick-arrow.slick-prev{text-align:left;transform:rotate(90deg);top:0} .product_list_detail_met_95_2_64 #met-imgs-slick .slick-arrow.slick-next{text-align:right;transform:rotate(90deg);bottom:48px;top:unset} .product_list_detail_met_95_2_64 #met-imgs-slick .slick-arrow i{font-size:36px;color:#000;padding:20px 0;opacity:1} .sidebar { position:fixed; width:400px; height:100%; z-index:99999999999999999999999999999999999999999; top: 0; right:0; display: none; background: #ccc; padding: 10px; padding-top:100px; transition: left 0.3s ease; /* 平滑过渡效果 */ } .n_right{ width:40%; float:right} .n_right p{ margin-top:3%; width:51%; line-height:26px;} .ptag:hover { background:#004098; color:#fff;} .ptag:hover a{ color:#fff;} .ptag{ background:#dcdedd; line-height:43px; width:50%; margin-top:2% ; height:43px; text-align:center; color:#000;} .actions{ background:#898989; line-height:43px; width:50%; margin-top:10% ; height:43px; text-align:center; color:#fff;} .actions a{ color:#fff;} .actions a em{ font-style:normal;} .actions a span{ display:none} .actions:hover { background:#004098} .actions:hover span{ display:inline-block; width:70%} .actions:hover em{ display:none;} .actions img{ text-align:right; height:100%; float:right; border-left:1px #fff solid;} .section{ position: relative; width: 20%; display: block; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; margin-top:100px; } .full-height{ } [type="checkbox"]:checked, [type="checkbox"]:not(:checked){ position: absolute; left: -9999px; } .modal-btn:checked + label, .modal-btn:not(:checked) + label{ position: relative; font-weight: 500; font-size: 15px; line-height: 2; transition: all 200ms linear; border-radius: 4px; border: none; cursor: pointer; text-align:left } .modal-btn:not(:checked) + label:hover{ } .modal-btn:checked + label .uil, .modal-btn:not(:checked) + label .uil{ margin-left: 10px; font-size: 18px; } .modal-btn:checked + label:hover:after, .modal-btn:not(:checked) + label:hover:after{ border:1px #004098 solid;transform: rotate(180deg); } .product_list_detail_met_95_2_64 .bgimg .item-img img{ margin-bottom:0.6%} .modal-btn:checked + label:after, .modal-btn:not(:checked) + label:after{ position: fixed; top: 100px; right: 30px; z-index: 110; width: 50px; border-radius: 25px; height: 50px; text-align: center; line-height: 50px; font-size: 34px; border:1px #4a4646 solid; color: #ccc; font-family: '微软雅黑'; content: ''; transition: all 200ms linear; opacity: 0; pointer-events: none; font-weight:normal; background:url(../images/xia1.png) no-repeat center; } .modal-btn:checked + label:after{ transition: opacity 300ms 300ms ease, transform 300ms 300ms ease, background-color 250ms linear, color 250ms linear; opacity: 1; pointer-events: auto; transform: translateY(0); } .slt { float:left; margin-left:0; padding:0} .slt li{ width:49%; float:left; margin-right:2%; margin-bottom:2%} .slt li:nth-child(2n){ margin-right:0} .slt li img{ width:100%} .modal{ position: fixed; display: block; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin: 0 auto; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; overflow-x: hidden; background-color: #fafafa; pointer-events: none; opacity: 0; transition: opacity 250ms 700ms ease; } .modal-btn:checked ~ .modal{ pointer-events: auto; opacity: 1; transition: all 300ms ease-in-out; } .modal-wrap { position: relative; display: block; width: 100%; margin: 0 auto; border-radius: 4px; overflow: hidden; padding-bottom: 20px; -ms-flex-item-align: center; align-self: center; opacity: 0; transform: scale(0.6); transition: opacity 250ms 250ms ease, transform 300ms 250ms ease; z-index:99999999999999999999999999999 } .modal-wrap img { display: block; width: 100%; height: auto; } .modal-wrap p { padding: 20px 30px 0 30px; } .modal-btn:checked ~ .modal .modal-wrap{ opacity: 1; transform: scale(1); transition: opacity 250ms 500ms ease, transform 350ms 500ms ease; } .modal-btn:checked ~ .logo img { filter: brightness(100%); transition: all 250ms linear; } @media screen and (max-width: 500px) { .modal-wrap { width: calc(100% - 40px); padding-bottom: 15px; } .modal-wrap p { padding: 15px 20px 0 20px; } } @media (max-width:767px){.product_list_detail_met_95_2_64 #met-imgs-slick.slick-dotted{padding-bottom:60px} .product_list_detail_met_95_2_64 #met-imgs-slick .slick-dots li{width:40px;margin-left:5px;border-width:1px} } .product_list_detail_met_95_2_64 .kefu{margin-top:2rem;border-bottom:1px dashed #aaa;margin-bottom:0;padding-bottom:1rem} .product_list_detail_met_95_2_64 .kefu a{color:#666} .product_list_detail_met_95_2_64 .phone,.product_list_detail_met_95_2_64 .phone a{color:#666} .product_list_detail_met_95_2_64 .email,.product_list_detail_met_95_2_64 .email a{color:#666} .product_list_detail_met_95_2_64 .phone{margin-top:1rem} .product_list_detail_met_95_2_64 .met-showproduct-head{padding:0 0 3px; } .product_list_detail_met_95_2_64 .p_dots{width:660px;height:160px;overflow:hidden;position:relative;margin-left:3%} .product_list_detail_met_95_2_64 .dots{width:100%;margin:0;padding:0;position:absolute;top:30px;left:0} .product_list_detail_met_95_2_64 .dots li{margin-bottom:5px;width:150px;height:115px;display:inline-block;margin:0 10px 0} .product_list_detail_met_95_2_64 .dots li.active{border:1px solid #68c492} .product_list_detail_met_95_2_64 .shop-product-intro .form-control{background-color:transparent} .product_list_detail_met_95_2_64 .shop-product-intro .price{background-color:#fff!important} .product_list_detail_met_95_2_64 .nav-tabs .nav-item{width:49%} .product_list_detail_met_95_2_64 .nav-tabs .nav-item:last-child{display:none} .product_list_detail_met_95_2_64 .nav-tabs .nav-link{font-size:32px;text-align:center;color:#ccc;border-bottom:3px solid #ccc} .product_list_detail_met_95_2_64.met-showproduct-head .product-para{margin:0;padding:10px 0} .product_list_detail_met_95_2_64 .navbar-toggle{line-height:66px;background:0 0;border:0;float:right;outline:0} .product_list_detail_met_95_2_64.met-showproduct-head .product-intro h1{color:#666} .product_list_detail_met_95_2_64.met-showproduct-head .product-intro h1{color:#000} .product_list_detail_met_95_2_64 .met-showproduct-head .product-intro p.description{color:#999;text-align:justify;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .product_list_detail_met_95_2_64 .product-intro h1{color:#666;color:#000} .product_list_detail_met_95_2_64.met-showproduct-head .product-intro{margin-top:20px} .product_list_detail_met_95_2_64 .product-para{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:15px 0} .product_list_detail_met_95_2_64 .block-bg .row{position:relative} .product_list_detail_met_95_2_64 .product-detail .met-editor .product-para{margin-bottom:15px;padding-bottom:10px} .product_list_detail_met_95_2_64 .product-detail .met-editor .product-para.noboder{border:none} .share-pad { position: absolute; top: 0; right: 0; } .head_langua1 { position: relative; cursor: pointer; } .langua_nav1 { display: none; position: absolute; top: 40px; width: 150px; line-height: 24px; padding-top: 5px; z-index: 10; } .product.attribute { display: block; margin: 0; font-size:22px; color:#004098;margin-bottom:5px; } .defau{ margin-top:15px;} .defau p{ margin-bottom:3px;} .product.collection{ } .product.subcollection{ color:#000;} .fenlei { position:relative; clear:both; width: 100%; margin-top:40px; display:block; height:40px;} .fenlei .tit {width: 100%;height: 40px; border-bottom:1px #ccc solid; float:right} .fenlei .tit a { height: 40px;line-height: 40px;text-align: center;font-size: 15px;color: #000;float: left;box-sizing:border-box; width:70px; cursor:pointer; margin-right:20px;} .fenlei .tit a span { color:#000;} .fenlei .tit a:hover, .fenlei .tit .status_on { border-bottom:3px #004098 solid;} .fenlei .tit a:hover, .fenlei .tit .cur { border-bottom:3px #004098 solid;} .fenlei .tit a:hover span, .fenlei .tit .cur span {} .fenlei .tit a.first { color:#C10005;} .fenlei .tit a.first:hover { color:#fff;} .fenlei table { border:solid 1px #ddd; border-right:0; border-left:0;background:#F6F6F6; width:100%; } .fenlei table td { padding-left:15px; line-height:25px;} .fenlei table .top_td td { padding-top:5px;} .fenlei table .bot_td td { padding-bottom:5px;} .proinfo{ padding-top:30px;} #detailvalue1{ padding-bottom:30px; border-bottom:1px #ccc solid;} #detailvalue0{ padding-bottom:30px; border-bottom:1px #ccc solid;} .product.name{ font-size:22px; margin-top:20px;} .product-info-stock { margin-top:100px; display:block; height:40px; width:50%; float:right; padding:0 2%; } .product-info-stock p{ color:#868686;} .ow-pp-top__additional-links{ margin:0; padding:0} .product-info-store-locator { width:33%; height:40px; line-height:40px; background:#004098; text-align:center; font-size:18px; float:left;color:#fff; } .product-info-store-locator a{ color:#fff; display:block; border-right:1px #ccc solid; margin-top:10px;} .mfps{ width:100%; height:150px; display:block} .ow-pp-warranty{ width:50%; float:left; margin-top:80px; height:74px; line-height:74px; text-align:center; border-top:1px #ccc solid;} .ow-pp-warranty__wrapper span{color:#868686; margin-right:30px;} .ow-pp-warranty__wrapper span:before{ width:5px; height:5px; content:"•"; font-weight:bold; color:#004098} @media (max-width:767px){.product_list_detail_met_95_2_64 .content{padding:0} } .product_list_detail_met_95_2_64 .panel h3{color:#666} .product_list_detail_met_95_2_64 .sidebar-piclist h4>a{color:#666;color:#000;text-shadow:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;width:95%} .product_list_detail_met_95_2_64 .sidebar-piclist h4>a+span{float:right} .product_list_detail_met_95_2_64 .sidebar-piclist h3{color:#666} .product_list_detail_met_95_2_64 li.masonry-child h4>a{color:#666} .product_list_detail_met_95_2_64 .sidebar-piclist li:hover a,.product_list_detail_met_95_2_64 .sidebar-piclist li:hover a span{color:#000!important} .product_list_detail_met_95_2_64 .sidebar-piclist h4{text-align:left} .product_list_detail_met_95_2_64 .sidebar-piclist p{text-align:left;color:#666} .product_list_detail_met_95_2_64 .met-sidebar{margin-left:30px} @media (max-width:991px){.product_list_detail_met_95_2_64 .met-sidebar{margin-left:0;margin-top:20px} } @media (max-width:767px){.product_list_detail_met_95_2_64 .met-sidebar{margin-top:15px} } .product_list_detail_met_95_2_64 .met-sidebar>:not(:first-child){margin:20px 0 0;padding:20px 0 0;border-top:1px solid #f0f2f5} .product_list_detail_met_95_2_64 .leftsidebar{margin-left:0!important;margin-right:30px} @media (max-width:991px){.product_list_detail_met_95_2_64 .leftsidebar{margin-right:0} } .product_list_detail_met_95_2_64 .sidebar-column li a{display:block;font-size:16px} .product_list_detail_met_95_2_64 .sidebar-column li i{float:right;margin-top:2px;font-size:14px} .product_list_detail_met_95_2_64 .sidebar-column li ul a{font-size:14px} @media (min-width:768px){.product_list_detail_met_95_2_64 .navbar-toggle{display:none} } .product_list_detail_met_95_2_64 .product_title{font-size:28px;text-align:left;color:#68c492;border-bottom:1px solid #ccc;padding-bottom:15px;margin-bottom:15px} .pro_list_top{border-top:1px dotted #ccc;padding-top:10px} .pro_list_bottom{border-bottom:1px dotted #ccc;padding-bottom:10px} .pro_list_bottom p{width:100%} .pro_list_bottom a{color:#666} @media (max-width:767px){.product_list_detail_met_95_2_64 .sidebar-piclist h4>a+span{display:none} .list>li:first-child .casepic{ height:auto} .list>li .yycn h3 span{ font-size:26px;} .list>li .yycn .more{ font-size:20px;} .list>li{ width:100%} } .product_list_detail_met_95_2_64 .swiper-slide{width:auto} .nav-tabs-line .nav-item.open .nav-link:focus,.nav-tabs-line .nav-item.open .nav-link:hover,.nav-tabs-line .nav-link.active,.nav-tabs-line .nav-link.active:focus,.nav-tabs-line .nav-link:hover,.product_list_detail_met_95_2_64 .nav-tabs-line .nav-item.open .nav-link{color:#000;border-bottom:2px solid #000;border-bottom:2px solid} .met-showproduct.pagetype2 .content:nth-child(even){background:#f2f2f2} .met-editor img{max-width:100%} .product_list_detail_met_95_2_64 .met-showproduct-body .tag{font-size:14px;color:#666;padding:0 30px 30px} .product_list_detail_met_95_2_64 .met-showproduct-body .tag a{color:#666;padding:5px} .product_list_detail_met_95_2_64 .met-showproduct-body .tag a:hover{color:#000} .shop-product-para .selectpara-list .selectpara.btn-outline.btn-danger{border-color:#000;color:#000} .btn-outline.btn-default:hover{background:#fff} #buynum:focus{border-color:#000} @media (min-width:768px){.pagetype2 .shop-btn-body{margin-left:20px} } .product_list_detail_met_95_2_64 .border-top1{border:none} .product_list_detail_met_95_2_64 .product-intro{background-color:#fff;padding:30px 20px;z-index:9;width:100%;margin-top:30px} .product_list_detail_met_95_2_64.pagetype2 .description{color:#999} .product_list_detail_met_95_2_64 .block-bg{background-color:#fff; border-bottom:1px #ccc solid; position:relative} .product_list_detail_met_95_2_64 .shop-product-intro .cart-favorite .btn{padding:0;width:165px;float:left!important;height:52px;line-height:52px} .product_list_detail_met_95_2_64 .shop-product-intro .cart-favorite .btn:first-child{margin-right:19px} .product_list_detail_met_95_2_64 .panel{background:0 0;background:#fff;margin-top:0;box-shadow:none} .product_list_detail_met_95_2_64 .m-y-10 .btn-danger:hover{color:#000} .product_list_detail_met_95_2_64 .wqw a{display:inline-block;width:40px;height:40px;border:1px solid #ccc;font-size:24px;text-align:center;line-height:40px;color:#ccc} .product_list_detail_met_95_2_64 .wqw a.wx{position:relative} .product_list_detail_met_95_2_64 .wqw a.wx img{position:absolute;left:50px;top:0;display:none} .product_list_detail_met_95_2_64 .bgimg .item-img{background-color:#fff; position:relative} .product_list_detail_met_95_2_64 .smimg{padding-top:5%} @media (max-width:1200px) and (min-width:992px){.product_list_detail_met_95_2_64 .smimg{left:-60px} } @media (max-width:991px){.product_list_detail_met_95_2_64 .met-showproduct-list{text-align:center} .product_list_detail_met_95_2_64 .smimg{position:unset;margin-right:10px;float:left} .product_list_detail_met_95_2_64 .bgimg{width:80%;margin-top:28px} .product_list_detail_met_95_2_64 .bgimg .item-img{width:100%} .product_list_detail_met_95_2_64 .product-intro{position:unset;width:100%} .product_list_detail_met_95_2_64 .panel{margin-top:0} .product_list_detail_met_95_2_64 .met-showproduct-head{padding:30px 20px} } @media (max-width:767px){.product_list_detail_met_95_2_64 .met-showproduct-head{padding:0} .product_list_detail_met_95_2_64 .bgimg{width:100%} .product_list_detail_met_95_2_64 .p_dots{height:75px} .product_list_detail_met_95_2_64 .nav-tabs .nav-link{font-size:28px} .product_list_detail_met_95_2_64 .product-intro{margin-top:0} } .product_list_detail_met_95_2_64 .super-link{text-decoration:none;color:#000; z-index:1; bottom:0 } .product_list_detail_met_95_2_64 .super-link img{ height:100%; float:right; border-left:1px #fff solid;} .site-blocks p, .site-blocks ul { margin: 14px 0 21px 0; margin: 1rem 0 1.5rem 0; font-size: 15px; font-size: 1.07147285rem; line-height: 1.7; } .site-blocks h1 { font-size:21px; font-size:1.5rem; font-weight: 300; margin:21px 0 21px 0; margin:1.5rem 0 1.5rem 0; line-height: 1.5; } .site-blocks h2 { line-height: 1.3; text-align: center; font-size: 28px; font-size: 2rem; font-weight: 600; margin-bottom: 9px; color: #333; margin-bottom: 28px; margin-bottom: 2rem; text-transform: uppercase; } .site-blocks .entry-content h2 { margin: 24px 0; margin: 1.714285714rem 0; } .site-blocks .entry-content h2:first-child, .site-blocks .entry-content h3:first-child{ margin-top: 0; } .site-blocks .site{ overflow: hidden; margin:70px auto; margin:5rem auto; box-sizing: border-box; } .site-blocks .sub-title{ display: block; text-align: center; color: #999; font-size: 10px; text-transform: uppercase; margin-bottom: 21px; margin-top: 0; } .site-blocks .sub-title:hover{ /*text-decoration: none; color:#111;*/ } .accordion-title{ border-top:1px #9b9b9b solid; color: #1d2088; box-sizing: border-box; padding:12px 14px; font-size: 22px; cursor: pointer; font-weight:bold } .rightSidebar .site-blocks{ width:90%; margin:inherit;} .accordion-arraw{ display: : inline-block; float: right; -webkit-transition: 0.2s all; transition: 0.2s all;color:#1e2088 } .accordion-item.current .accordion-arraw{ -webkit-transform: rotate(90deg); transform: rotate(90deg); } .accordion-item{ } .accordion-cont{ margin: 0 0 10px; overflow: hidden; height: 0; -webkit-transition: height 0.3s; transition: height 0.3s; } .accordion-cont p span{ font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif!important;} .accordion-item.current .accordion-cont{ height: unset!important; } .accordion-cont table{ width: 100%; margin:0; } .accordion-cont table td{ padding:10px 14px; box-sizing: border-box; color: #000; line-height: 1.5; vertical-align: top; font-size: 15px; border-right:1px solid #f9f9f9; border-bottom:1px solid #efefef; } .accordion-cont table td:first-child{ color: #505050; width: 100px; } .cpxq ul li{ float:left; margin-right:30px; text-align:center} .cpxq ul li img{ width:60px; height:60px;} .cpxq ul li span{ display:block; color:#000} .lxfjd{ padding-left:15px;} .lxfjd p{ margin:0; line-height:28px;} @media screen and (min-width: 1024px){ .site-blocks{ } .site-blocks p, .site-blocks ul { font-size: 16px; font-size: 1.142857rem; color:#000 } .site-blocks h2 { font-size: 32px; } } @charset "utf-8";.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)} } .scrollable.is-enabled{overflow:hidden!important} .is-enabled .scrollable-container{overflow:hidden!important;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important;box-sizing:content-box!important} .is-enabled .scrollable-container::-webkit-scrollbar{width:0;height:0;-webkit-appearance:none} .scrollable-vertical.is-enabled .scrollable-container{overflow-y:scroll!important} .scrollable-horizontal.is-enabled .scrollable-container{overflow-x:scroll!important} .is-enabled .scrollable-content{position:relative!important;overflow:visible!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .is-enabled .scrollable-content:after,.is-enabled .scrollable-content:before{display:table;content:' '} .is-enabled .scrollable-content:after{clear:both} .scrollable-bar{line-height:0;position:absolute;right:0;bottom:0;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-moz-user-select:none;-ms-user-select:none;-ms-user-select:none;user-select:none;user-select:none;-webkit-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;border-radius:2px;user-focus:ignore;user-input:disabled;-webkit-touch-callout:none} .is-disabled .scrollable-bar{display:none} .scrollable-bar-hide{-webkit-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s;opacity:0} .scrollable-bar.is-dragging{opacity:1} .scrollable-bar.is-disabled{display:none} .scrollable-bar-handle{line-height:0;position:absolute;top:0;left:0;cursor:pointer;-webkit-transition:width,height .5s;-o-transition:width,height .5s;transition:width,height .5s;border-radius:2;background:rgba(163,175,183,.6)} .scrollable-bar-vertical{width:4px;height:100%;height:-webkit-calc(100% - 8px);height:calc(100% - 8px);margin:4px 2px} .scrollable-bar-vertical .scrollable-bar-handle{width:100%} .scrollable-bar-horizontal{width:100%;width:-webkit-calc(100% - 8px);width:calc(100% - 8px);height:4px;margin:2px 4px} .scrollable-bar-vertical.is-dragging,.scrollable-bar-vertical.is-hovering{width:8px;margin:4px 1px} .scrollable-bar-horizontal.is-dragging,.scrollable-bar-horizontal.is-hovering{height:8px;margin:1px 4px} .scrollable-bar-horizontal .scrollable-bar-handle{height:100%} .scrollable.is-dragging .scrollable-handle,.scrollable.is-hovering .scrollable-handle{border-radius:8px} .scrollable.is-dragging .scrollable-bar-handle,.scrollable.is-hovering .scrollable-bar-handle{border-radius:8px} .scrollable.is-scrolling .scrollable-bar{-webkit-transition:opacity 0;-o-transition:opacity 0;transition:opacity 0;opacity:1} .scrollable.is-dragging{-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-moz-user-select:none;-ms-user-select:none;-ms-user-select:none;user-select:none;user-select:none;user-focus:ignore;user-input:disabled;-webkit-touch-callout:none} .scrollable.is-dragging .scrollable-bar-handle{background:rgba(163,175,183,.8)!important} .scrollable-inverse.scrollable .scrollable-bar-handle{background:rgba(228,234,236,.6)} .scrollable-inverse.scrollable.is-dragging .scrollable-bar-handle{background:rgba(228,234,236,.8)!important} .scrollable-shadow.scrollable.is-dragging .scrollable-bar,.scrollable-shadow.scrollable.is-hovering .scrollable-bar{background:rgba(228,234,236,.5)} .scrollable-inverse.scrollable-shadow.scrollable.is-dragging .scrollable-bar,.scrollable-inverse.scrollable-shadow.scrollable.is-hovering .scrollable-bar{background:rgba(228,234,236,.4)} .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:0 0 20px rgba(0,0,0,.15);box-shadow:0 0 20px rgba(0,0,0,.15)} .webui-popover.top,.webui-popover.top-left,.webui-popover.top-right{margin-top:-10px} .webui-popover.right,.webui-popover.right-bottom,.webui-popover.right-top{margin-left:10px} .webui-popover.bottom,.webui-popover.bottom-left,.webui-popover.bottom-right{margin-top:10px} .webui-popover.left,.webui-popover.left-bottom,.webui-popover.left-top{margin-left:-10px} .webui-popover.pop{-webkit-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);-webkit-transition:transform .15s cubic-bezier(.3,0,0,1.5);-o-transition:transform .15s cubic-bezier(.3,0,0,1.5);transition:transform .15s cubic-bezier(.3,0,0,1.5);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} .webui-popover.fade,.webui-popover.fade-out{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear;opacity:0} .webui-popover.out{opacity:0} .webui-popover.in{-webkit-transform:none;-o-transform:none;transform:none;opacity:1} .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;text-decoration:none} .webui-popover-inner .close:focus,.webui-popover-inner .close:hover{opacity:.5} .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-left>.webui-arrow,.webui-popover.top-right>.webui-arrow,.webui-popover.top>.webui-arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:#eee;border-bottom-width:0} .webui-popover.top-left>.webui-arrow:after,.webui-popover.top-right>.webui-arrow:after,.webui-popover.top>.webui-arrow:after{content:" ";bottom:1px;margin-left:-10px;border-top-color:#fff;border-bottom-width:0} .webui-popover.right-bottom>.webui-arrow,.webui-popover.right-top>.webui-arrow,.webui-popover.right>.webui-arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:#eee} .webui-popover.right-bottom>.webui-arrow:after,.webui-popover.right-top>.webui-arrow:after,.webui-popover.right>.webui-arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff} .webui-popover.bottom-left>.webui-arrow,.webui-popover.bottom-right>.webui-arrow,.webui-popover.bottom>.webui-arrow{top:-11px;left:50%;margin-left:-11px;border-bottom-color:#999;border-bottom-color:#eee;border-top-width:0} .webui-popover.bottom-left>.webui-arrow:after,.webui-popover.bottom-right>.webui-arrow:after,.webui-popover.bottom>.webui-arrow:after{content:" ";top:1px;margin-left:-10px;border-bottom-color:#fff;border-top-width:0} .webui-popover.left-bottom>.webui-arrow,.webui-popover.left-top>.webui-arrow,.webui-popover.left>.webui-arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:#eee} .webui-popover.left-bottom>.webui-arrow:after,.webui-popover.left-top>.webui-arrow:after,.webui-popover.left>.webui-arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px} .webui-popover-inverse.top-left>.webui-arrow,.webui-popover-inverse.top-left>.webui-arrow:after,.webui-popover-inverse.top-right>.webui-arrow,.webui-popover-inverse.top-right>.webui-arrow:after,.webui-popover-inverse.top>.webui-arrow,.webui-popover-inverse.top>.webui-arrow:after{border-top-color:#333} .webui-popover-inverse.right-bottom>.webui-arrow,.webui-popover-inverse.right-bottom>.webui-arrow:after,.webui-popover-inverse.right-top>.webui-arrow,.webui-popover-inverse.right-top>.webui-arrow:after,.webui-popover-inverse.right>.webui-arrow,.webui-popover-inverse.right>.webui-arrow:after{border-right-color:#333} .webui-popover-inverse.bottom-left>.webui-arrow,.webui-popover-inverse.bottom-left>.webui-arrow:after,.webui-popover-inverse.bottom-right>.webui-arrow,.webui-popover-inverse.bottom-right>.webui-arrow:after,.webui-popover-inverse.bottom>.webui-arrow,.webui-popover-inverse.bottom>.webui-arrow:after{border-bottom-color:#333} .webui-popover-inverse.left-bottom>.webui-arrow,.webui-popover-inverse.left-bottom>.webui-arrow:after,.webui-popover-inverse.left-top>.webui-arrow,.webui-popover-inverse.left-top>.webui-arrow:after,.webui-popover-inverse.left>.webui-arrow,.webui-popover-inverse.left>.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(../../../public/plugins/img/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} .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;margin-top:10px;} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0} .slick-list:focus{outline:0} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slider .slick-list,.slick-slider .slick-track{ padding:10px 0; width:90%; margin:0 auto;-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:after,.slick-track:before{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(../../../public/plugins/slick/ajax-loader.gif) center center no-repeat} @font-face{font-family:slick;font-weight:400;font-style:normal;src:url(../../../public/plugins/slick/fonts/slick.eot);src:url(../../../public/plugins/slick/fonts/slick.eot?#iefix) format('embedded-opentype'),url(../../../public/plugins/slick/fonts/slick.woff) format('woff'),url(../../../public/plugins/slick/fonts/slick.ttf) format('truetype'),url(../../../public/plugins/slick/fonts/slick.svg#slick) format('svg')} .slick-next,.slick-prev{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:0;background:0 0} .slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0; border:1px #ccc solid} .slick-next:focus,.slick-next:hover{border:1px #ccc solid;background:url(../images/you.svg) no-repeat center;border-radius:20px;background-size:60% 60%;} .slick-prev:focus,.slick-prev:hover{border:1px #ccc solid;background:url(../images/zuo.svg) no-repeat center;border-radius:20px;background-size:60% 60%;} .slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1} .slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25} .slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-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:0;background:0 0} .slick-dots li button:focus,.slick-dots li button:hover{outline:0} .slick-dots li button:focus:before,.slick-dots li button:hover: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:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .slick-dots li.slick-active button:before{opacity:.75;color:#000} @font-face{font-family:iconfont;src:url(../../../public/fonts/iconfont/iconfont.eot?t=1497855280632);src:url(../../../public/fonts/iconfont/iconfont.eot?t=1497855280632#iefix) format('embedded-opentype'),url(../../../public/fonts/iconfont/iconfont.woff?t=1497855280632) format('woff'),url(../../../public/fonts/iconfont/iconfont.ttf?t=1497855280632) format('truetype'),url(../../../public/fonts/iconfont/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"} .text-danger{display:none} .head_nav_met_95_3_67 .head-container{width:100%;background:#fff} .head_nav_met_95_3_67 .head-container.navbar-fixed-top{z-index:1699} .head_nav_met_95_3_67 #header{background:#fff} .head_nav_met_95_3_67 #header:not(.navbar-fixed-top){position:relative;z-index:999} .head_nav_met_95_3_67 #header .container{position:relative;margin:0 auto;background-color:#f7f7f7} .megamenu-image-container{min-height:345px} @media (min-width:1600px){#header .container{width:100%} .megamenu-image-container{min-height:425px} } .head_nav_met_95_3_67 #header .navbar-logo{display:block;text-align:left;padding:20px 0 0 5px} .head_nav_met_95_3_67 .met-nav{position:relative} .head_nav_met_95_3_67 .met-nav .navlist{text-align:center;margin:0} .head_nav_met_95_3_67 .met-nav .navlist li{display:inline-block;position:static;text-align:left} .fixed_search .input-search-btn{padding:0;background-color:#f3f7f9} .fixed_search .input-search-btn span{display:none} .fixed_search .input-search-btn i{color:#000} .input-search-btn{z-index:1;color:#fff;background-color:#aaa;padding:0 30px;border-radius:0} .input-search-btn i{color:#fff;font-size:20px} .input-search .form-control{border-radius:0} .fixed_search .input-search .form-control{border-color:#e4eaec;border-radius:0} .head_nav_met_95_3_67 .met-nav .navlist li .nav1{height:80px;padding:0 5px;line-height:30px;color:#666;color:#333;position:relative;z-index:19;display:block;-webkit-transition:all .26s ease-out;-moz-transition:all .26s ease-out;-ms-transition:all .26s ease-out;-o-transition:all .26s ease-out;transition:all .26s ease-out;float:left} .head_nav_met_95_3_67 .met-nav .navlist li .nav1:hover{color:#000;text-decoration:none;background:0 0} .head_nav_met_95_3_67 .met-nav .navlist li .nav1.active{color:#000;background:0 0} .head_nav_met_95_3_67 .met-nav .navlist li .navlist2{min-width:100%;display:block;width:100%;position:absolute;top:0;left:0;background-color:transparent;height:0;overflow:hidden;z-index:1;opacity:0;border:none;margin:0;box-shadow:none;background-color:rgba(255,255,255,.95)} .head_nav_met_95_3_67 .met-nav .navlist li .navlist2 a{margin:5px 0 30px;color:#666;color:#000;letter-spacing:1px;font-weight:500;font-size:14px} .head_nav_met_95_3_67 .met-nav .navlist li .navlist2 a+a{color:#999} .head_nav_met_95_3_67 .met-nav .navlist li .navlist2 a+a:hover{color:#000} .head_nav_met_95_3_67 .met-nav .navlist2 li:first-child a{font-size:16px;font-weight:700} .search_box.fixed_search{position:fixed;z-index:11111;top:30px;left:18rem;padding:0;width:115px} .search_box.fixed_search .search{width:100%} .search_box.fixed_search input{width:115px;height:20px;border-radius:5px;padding-right:0} .search_box.fixed_search .input-search-btn{left:5px;width:18px;height:18px;margin-top:1px} .head_nav_met_95_3_67 .rig-top{float:right} .head_nav_met_95_3_67 .navlist2-menu{text-align:left} .head_nav_met_95_3_67 .navlist2-menu .titles{display:block} .head_nav_met_95_3_67 .met-nav .navlist li .navlist2 .navlist2-menu{text-align:left} .head_nav_met_95_3_67 .met-nav .navlist li.spice-active .nav1:before{position:absolute;display:block;content:"";left:50%;bottom:10px;height:0;width:0;margin-left:-4px;border:0 solid transparent;border-bottom-color:#666;border-bottom-color:#333;border-bottom-width:4px;border-left-width:4px;border-right-width:4px} .head_nav_met_95_3_67 .met-nav .navlist li.spice-active .navlist2{top:100%;opacity:1;height:auto;transition:opacity .26s,top .26s} .head_nav_met_95_3_67 .met-nav .navlist li.spice-active-block .nav1:before{position:absolute;display:block;content:"";left:50%;bottom:10px;height:0;width:0;margin-left:-4px;border:0 solid transparent;border-bottom-color:#666;border-bottom-color:#333;border-bottom-width:4px;border-left-width:4px;border-right-width:4px} .head_nav_met_95_3_67 .met-nav .navlist li.spice-active-block .navlist2{top:100%;opacity:1;height:auto;transition:opacity 0s,top 0s} .head_nav_met_95_3_67 .met-nav .navlist .navlist3{margin-top:30px} .head_nav_met_95_3_67 .met-nav .navlist .navlist3 li{margin:10px 0 20px;display:block} .head_nav_met_95_3_67 .met-nav .navlist .navlist3 li a{display:block;position:relative;padding:0 15px;font-size:15px;line-height:15px;color:#999} .head_nav_met_95_3_67 .met-nav .nav-theme .nav-theme-text{text-align:left} .head_nav_met_95_3_67 .met-nav .nav-theme .nav-theme-img .slick-dots{padding-right:30px} .head_nav_met_95_3_67 .met-nav .nav-theme .nav-theme-img li{position:relative;width:8px;height:8px;border-radius:100%;border:1px solid;margin-right:5px} .head_nav_met_95_3_67 .met-nav .nav-theme .nav-theme-img li button{display:none} .head_nav_met_95_3_67 .met-nav .nav-theme .nav-theme-img img{width:100%;height:auto} .head_nav_met_95_3_67 .met-nav .dropdown.open>a,.head_nav_met_95_3_67 .met-nav .nav>li>a:hover{background:0 0!important} .head_nav_met_95_3_67 .title{display:inline-block;padding:6px 22px;border:1px solid} .head_nav_met_95_3_67 .title h2{font-size:20px;color:#333;letter-spacing:2px;margin:0;text-shadow:none;display:inline-block} .head_nav_met_95_3_67 .title .desc{font-size:20px;color:#333;margin:0;display:inline-block} .head_nav_met_95_3_67 .met-nav-login{position:static;top:-35px;right:0} .head_nav_met_95_3_67 .langs .met-nav-login{top:1%} .head_nav_met_95_3_67 .remleng .met-nav-login{top:10px} @media (max-width:767px){.head_nav_met_95_3_67 .met-nav-login{width:100%;position:absolute;top:6px;right:0} } .head_nav_met_95_3_67 .met-nav-login .login-btn{margin-right:10px} .head_nav_met_95_3_67 .met-nav-login .login-btn a,.head_nav_met_95_3_67 .met-nav-login .shopcart-btn a{line-height:30px;display:inline-block;height:30px;color:#666;font-size:14px} .head_nav_met_95_3_67 .met-nav-login .login-btn a:hover,.head_nav_met_95_3_67 .met-nav-login .shopcart-btn a:hover{color:#000} .head_nav_met_95_3_67 .met-nav-login .pe-shopbag,.head_nav_met_95_3_67 .met-nav-login .pe-user{font-size:26px;float:left} .head_nav_met_95_3_67 .met-nav-login .topcartremove{z-index:1602} .head_nav_met_95_3_67 .met-nav-login .topcartremove .label-danger{background:#333;border-radius:0} .head_nav_met_95_3_67 .met-nav-langlist{margin-bottom:0;float:right} .head_nav_met_95_3_67 .met-nav-langlist:after{content:".";display:block;height:0;clear:both;visibility:hidden} .head_nav_met_95_3_67 .met-nav-langlist .btn{background:#fff;color:#999;font-size:12px;font-weight:500;letter-spacing:1.34px;padding:0 10px;line-height:30px;border:none} .head_nav_met_95_3_67 .met-nav-langlist .btn .btn-flag{margin-right:20px} .head_nav_met_95_3_67 .met-nav-langlist .btn .btn-flag:after{content:'';position:absolute;width:1px;background:#ddd;height:100%;right:-13px} .head_nav_met_95_3_67 .met-nav .navlist li.open .navlist2{top:100%;opacity:1;height:auto;transition:opacity 0s,top 0s} .head_nav_met_95_3_67 .container{max-width:100%;width:100vw} .head_nav_met_95_3_67 .container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} .head_nav_met_95_3_67 .met-nav .navlist li{transform:none!important} .head_nav_met_95_3_67 .met-nav .navlist .navlist3{margin-top:30px;padding-left:0} .head_nav_met_95_3_67 .navlist2-contaner{padding:35px 0 0 60px} .head_nav_met_95_3_67 .navlist2-contaner>div{line-height:2} .head_nav_met_95_3_67 .navlist2-contaner>div:last-child{border:none} .head_nav_met_95_3_67 .navli .navlist2-menu img{width:80%;max-width:480px} .head_nav_met_95_3_67 .met-nav .navlist li.open .navlist2{top:86px;opacity:1;height:auto;transition:opacity .26s,top .26s;position:fixed;background-color:#f7f7f7} .head_nav_met_95_3_67 .met-nav{background:#fff} .head_nav_met_95_3_67 .mobileMenuBtn{display:none} @media (max-width:992px){.head_nav_met_95_3_67 .navlist2 .navlist2-menu .navlist2-contaner li a{font-size:12px} } @media (max-width:768px){.head_nav_met_95_3_67 .search_box{display:none} .head_nav_met_95_3_67 .met-nav-login{position:inherit} .head_nav_met_95_3_67 .mobileMenuBtn{display:block} .head_nav_met_95_3_67 .mobileMenuBtn{display:none} .head_nav_met_95_3_67 .animation-slide-top.met-langlist{margin-right:0} .head_nav_met_95_3_67 .navlist2-contaner li{padding:0} .head_nav_met_95_3_67 .navlist2 .navlist2-menu .navlist2-contaner li a{font-size:12px;font-weight:400} } @media (max-width:767px){.head_nav_met_95_3_67 .mobileMenuBtn{display:block;right:0;padding:0;margin-right:0} .head_nav_met_95_3_67 .met-nav-langlist{display:none} .search_box{display:none} .head_nav_met_95_3_67 header #header{border-bottom:none} .head_nav_met_95_3_67 #header .navbar-logo{padding:15px 0} } .head_nav_met_95_3_67 .mobileMenuBtn{position:absolute;top:8%;color:#333;z-index:3;outline:0;background:0 0;border:none;font-size:24px} @media (max-width:767px){.head_nav_met_95_3_67 .navbar-collapse{width:100%;top:-2px;margin-left:42px} } .head_nav_met_95_3_67 .mm-panel.mm-hasnavbar .mm-navbar{line-height:20px} .head_nav_met_95_3_67 .navbar-nav{margin-top:0} .head_nav_met_95_3_67 .btn-outline.btn-primary,.head_nav_met_95_3_67 .btn-squared{padding:2px 10px;background:0 0} .head_nav_met_95_3_67 .met-nav .navlist li .navlist2{z-index:-1} .head_nav_met_95_3_67 .met-nav-langlist>li{float:left} .head_nav_met_95_3_67 .mmenu-lan a{border:none;display:inline-block;line-height:40px;height:40px} .head_nav_met_95_3_67 .mmenu-lan{text-align:center;margin-left:0!important} .head_nav_met_95_3_67 .nav-link{overflow:inherit} .head_nav_met_95_3_67 .mmenu-lang{line-height:8px;margin-left:0!important} .head_nav_met_95_3_67 .tel-box a,.head_nav_met_95_3_67 .tel-box i{color:#666;font-size:20px} .head_nav_met_95_3_67 .qq-box a{color:#000} .head_nav_met_95_3_67 .met-nav .navlist>li>a{line-height:80px!important;height:80px;line-height:30px;color:#666;color:#333;font-size:14px;position:relative;z-index:19;display:block;float:left;padding:0 15px;font-size:15px;font-family:"微软雅黑";transition:all .26s ease-out} .head_nav_met_95_3_67 .nav-link:hover{background:0 0} .head_nav_met_95_3_67 .open>.btn-outline.btn-default.dropdown-toggle{color:#000;background-color:rgba(0,0,0,0);border-color:rgb(0,0,0,0)} .head_nav_met_95_3_67 .met-langlist .dropdown-item{color:#999} .head_nav_met_95_3_67 .met-langlist .dropdown-item:hover{color:#000} .head_nav_met_95_3_67 .btn-outline.btn-primary{color:#999;border-color:#999} .head_nav_met_95_3_67 .btn-outline.btn-primary:hover{color:#666;border-color:#666;background:#fff} .head_nav_met_95_3_67 .btn-success{color:#999;border-color:#999;background:0 0} .head_nav_met_95_3_67 .btn-success:hover{color:#666;border-color:#666;background:#fff} .head_nav_met_95_3_67 .right{float:right} .head_nav_met_95_3_67 .dropdown-menu-media .dropdown-menu-header .badge,.head_nav_met_95_3_67 .dropdown-menu-media .dropdown-menu-header .label{position:absolute;top:50%;right:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .head_nav_met_95_3_67 .met-head-user .dropdown>a{padding-top:0;padding-bottom:0;height:40px;line-height:40px;color:#666;background:0 0} .head_nav_met_95_3_67 .met-head-user .dropdown .dropdown-item>a{color:#666} .head_nav_met_95_3_67 .met-head-user .dropdown i{color:#666} .head_nav_met_95_3_67 .met-head-user .dropdown i.pe-shopbag{margin-right:0;font-size:26px;position:relative;top:6px} .head_nav_met_95_3_67 .met-head-user .dropdown-menu{top:45px} .head_nav_met_95_3_67 .met-head-user .dropdown-menu-footer{line-height:35px} .head_nav_met_95_3_67 .met-head-user .met-head-user-column .avatar img{max-height:30px} @media (min-width:768px){.head_nav_met_95_3_67 .met-head-user>li:nth-child(2){margin-left:10px} } @media (max-width:767px){.head_nav_met_95_3_67 .met-head-user>li{display:block} .head_nav_met_95_3_67 .met-head-user>li:first-child{margin-bottom:5px} } .head_nav_met_95_3_67 .met-head-user-toggler.active i{display:none} .head_nav_met_95_3_67 .met-head-user-toggler.active i:first-child{display:inline-block} .head_nav_met_95_3_67 .met-head-user-toggler i{position:relative;top:-5px} .head_nav_met_95_3_67 .met-head-user-toggler i:first-child{display:none} .head_nav_met_95_3_67 .met-head-user li a.btn-outline{color:#000;background-color:transparent;border-color:#000} .head_nav_met_95_3_67 .met-head-user li a.btn-outline:hover{border-color:#000;background-color:#000;color:#fff} .head_nav_met_95_3_67 .met-head-user li a.btn-success{border-color:#000;background-color:#000;color:#fff} .head_nav_met_95_3_67 .met-head-user-toggler i{color:#666} .head_nav_met_95_3_67 .met-head-user li a.btn-success:hover{opacity:.8} .head_nav_met_95_3_67.navbar-default .hamburger .hamburger-bar,.head_nav_met_95_3_67.navbar-default .hamburger:after,.head_nav_met_95_3_67.navbar-default .hamburger:before{background:#666} .head_nav_met_95_3_67 .met-langlist .btn-outline.btn-default{color:#999;background-color:transparent;border-color:#000} .head_nav_met_95_3_67 .met-langlist .btn-outline.btn-default:hover{color:#000} .head_nav_met_95_3_67 .met-langlist .nav-link{padding:0;overflow:visible} .met-langlist .btn-outline.btn-default:active,.met-langlist .btn-outline.btn-default:focus{border-color:#000;background-color:#000;color:#fff} .head_nav_met_95_3_67 .met-head-user .dropdown-menu .dropdown-item:hover i{color:#000!important} .head_nav_met_95_3_67 .met-head-user .dropdown-menu .dropdown-item:hover{color:#000!important} .head_nav_met_95_3_67 .dropdown-menu-media>.dropdown-menu-footer>.dropdown-menu-footer-btn{float:right;position:inherit} .head_nav_met_95_3_67 .animation-slide-top{margin-right:10px;float:left} body.navfix{padding-top:137px} body.navfix.head-top-ok{padding-top:164px} .head_nav_met_95_3_67.navbar{min-height:0} .head_nav_met_95_3_67 .rig-top{padding-top:20px} .search_box{width:100%;margin:0 auto;padding:20px 0} .head_nav_met_95_3_67 .search{width:50%;margin:20px auto} @media (max-width:768px){body.navfix{padding-top:80px} body.navfix.head-top-ok{padding-top:105px} } html.mm-opening .mm-menu.mm-effect-menu-zoom{background:#fff} .head_nav_met_95_3_67 .mm-listview>li>a,.head_nav_met_95_3_67 .mm-listview>li>span{color:#666} .head_nav_met_95_3_67 .mm-menu .mm-listview>li .mm-arrow:after,.head_nav_met_95_3_67 .mm-menu .mm-listview>li .mm-next:after{border-color:#999} .head_nav_met_95_3_67 .mm-navbar .mm-title{color:#666;color:#fff} .head_nav_met_95_3_67 .met-nav .navlist li .navlist2{background:#fff;background:#fff;opacity:.95} .head_nav_met_95_3_67 .mm-listview>li,.head_nav_met_95_3_67 .mm-navbar,.head_nav_met_95_3_67 .mm-panels{border-color:#cecece;border-color:#e0e0e0} @media (max-width:767px){.head_nav_met_95_3_67 .navbar-nav .open .dropdown-menu{background:#fff;width:100%} .dropdown-backdrop{height:100px} .head_nav_met_95_3_67 .rig-top{padding-top:0} } .head_nav_met_95_3_67 .text-xs-right>span{display:inline-block} .head_nav_met_95_3_67 .text-xs-right>p{display:inline-block;margin-left:5px} .head_nav_met_95_3_67 .met-nav-login{min-width:auto} .head_nav_met_95_3_67#mobileNav{transition:all .6s ease,-webkit-transform .5s ease} .head_nav_met_95_3_67 .dropdown-toggle::after{display:none} .head_nav_met_95_3_67 .dropdown-menu{padding:0} .head_nav_met_95_3_67 .vertical-align-middle img{max-height:70px} .head_nav_met_95_3_67 .vertical-align-middle .hidden-md-up{width:calc(100% * .85)} .head_nav_met_95_3_67 .mm-arrow:after,.head_nav_met_95_3_67 .mm-next:after,.head_nav_met_95_3_67 .mm-prev:before{barder-color:#666!important} .head_nav_met_95_3_67 .met-nav .navlist li .navlist2 a.active{color:#000} .head_nav_met_95_3_67 .mobileMenuBtn>span{color:#666} .head_nav_met_95_3_67 .mm-listview>li.active a,.head_nav_met_95_3_67 .mm-listview>li.active span{color:#000} .head_nav_met_95_3_67.navbar-fixed-top{z-index:1600} .head_nav_met_95_3_67 .mobileShop{float:right} .head_nav_met_95_3_67 .navbar-collapse{top:0;min-width:auto} .head_nav_met_95_3_67 .navbar{min-height:0} .head_nav_met_95_3_67 .search-index{display:inline-block} .head_nav_met_95_3_67 .search-index{display:inline-block} .head_nav_met_95_3_67 .contact-index{display:inline-block;height:60px;line-height:60px;margin-right:60px;float:left} .head_nav_met_95_3_67 .contact-index p{margin-left:15px} .head_nav_met_95_3_67 .contact-index .tel{color:#666} .head_nav_met_95_3_67 .contact-index .mail{color:#999} .head_nav_met_95_3_67 .search-box{float:right} .head_nav_met_95_3_67 .search-box .input-search-btn{width:60px;height:60px;top:11px;z-index:2} .head_nav_met_95_3_67 .search-box .input-search-btn .icon{position:absolute;top:0;left:0;width:60px;height:38px;font-size:18px;line-height:38px;color:#666;margin:0} .head_nav_met_95_3_67 .search-box .input-search{height:60px} .head_nav_met_95_3_67 .search-box .input-search input{height:38px;width:200px;background-color:#eee;border:1px solid;border-color:#eee;padding-left:15px;transition:all .25s ease-out;position:relative;top:11px} .search-box .input-search input:focus{width:240px;border-color:#000;outline:0} .head_nav_met_95_3_67 .search-index .search{width:62px;border:none;transition:all .5s;background:0 0} .head_nav_met_95_3_67 .search-index .search:focus{width:100px} .head_nav_met_95_3_67 .shop-sc a{color:#666} .head_nav_met_95_3_67 .search-index button{color:#666} .head_nav_met_95_3_67 .head-top-txt{background:#000;height:25px;line-height:25px;text-align:center} .head_nav_met_95_3_67 .logo-box{position:static} @media (max-width:767px){.head_nav_met_95_3_67 .logo-box{position:relative} .head_nav_met_95_3_67 .met-nav .navlist li{display:block;position:relative;text-align:left;width:100%;float:left} .head_nav_met_95_3_67 .nav-pc{display:none} } .head_nav_met_95_3_67 .accordion{margin-top:0;margin-bottom:0;height:300px;overflow-y:auto} @media (max-width:410px){.head_nav_met_95_3_67 .met-head-user .dropdown-menu{left:0!important} .head_nav_met_95_3_67 .accordion{max-height:100vh;height:460px} } .head_nav_met_95_3_67 .links-ul{display:none} .head_nav_met_95_3_67 .open-li .links-ul{height:auto;margin-top:10px} .head_nav_met_95_3_67 .open-li .links i.fa-chevron-down{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} .head_nav_met_95_3_67 ul{list-style-type:none;padding-left:0} .head_nav_met_95_3_67 a{text-decoration:none} .head_nav_met_95_3_67 h1 a{font-size:16px} .accordion{width:100%;margin:30px auto 20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} .head_nav_met_95_3_67 .accordion .link,.head_nav_met_95_3_67 .accordion .links{cursor:pointer;display:block;padding:15px 15px 15px 42px;color:#666;font-size:14px;font-weight:700;border-bottom:1px solid;border-color:#e0e0e0;position:relative;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease} .head_nav_met_95_3_67 .accordion .links{font-weight:400} .head_nav_met_95_3_67 .accordion .link .btn{color:#666;font-size:14px;font-weight:700;cursor:pointer;padding:0} .head_nav_met_95_3_67 .accordion .link .btn,.head_nav_met_95_3_67 .accordion .link a{color:#666} .head_nav_met_95_3_67 .accordion li:last-child .link{border-bottom:0} .head_nav_met_95_3_67 .accordion li i{position:absolute;top:16px;left:12px;font-size:18px;color:#666;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease} .head_nav_met_95_3_67 .accordion li i.fa-chevron-down{right:12px;left:auto;font-size:16px} .head_nav_met_95_3_67 .accordion li.open .link,.head_nav_met_95_3_67 .accordion li.open-li .links .links-div>span{color:#000!important} .head_nav_met_95_3_67 .accordion li.open .link i,.head_nav_met_95_3_67 .accordion li.open-li .links i{color:#000!important} .head_nav_met_95_3_67 .accordion li.open .link i.fa-chevron-down{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} .head_nav_met_95_3_67 .submenu{display:none;background:#fff;font-size:14px} .head_nav_met_95_3_67 .submenu li{border-bottom:1px solid;border-color:#e0e0e0} .head_nav_met_95_3_67 .submenu a{font-weight:400;display:block;text-decoration:none;color:#666;padding:12px;padding-left:42px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease} .head_nav_met_95_3_67 .nav-mod{background:#fff} .head_nav_met_95_3_67 .nav-mod .vertical-align{text-align:center} .head_nav_met_95_3_67 .open-block,.head_nav_met_95_3_67 .open-li-block{display:block} .head_nav_met_95_3_67 .active-op a,.head_nav_met_95_3_67 .open .link a{color:#000} .head_nav_met_95_3_67 .dl-mod .met-nav-login{text-align:center} .head_nav_met_95_3_67 .met-langlist .btn-lang{width:100%;background:0 0;text-align:left;font-weight:700;font-size:14px} .head_nav_met_95_3_67 .accordion li.open>a{color:#000} .head_nav_met_95_3_67 #met-weixin{color:#000} .head_nav_met_95_3_67 .met-nav .navlist .nav-item a:hover span{color:#000!important} .head_nav_met_95_3_67 .weixin-box{display:inline-block!important} .head_nav_met_95_3_67 .vertical-align-middle{vertical-align:baseline} .head_nav_met_95_3_67 .nav-pc{padding-left:0} .head_nav_met_95_3_67-acc .active>.link>a,.head_nav_met_95_3_67-acc .active>div,.head_nav_met_95_3_67-acc .active>div i{color:#000!important} @media (max-width:1200px){.head_nav_met_95_3_67 .navlist li .nav1{padding:0 2px} .head_nav_met_95_3_67 .met-nav .navlist>li>a{font-size:13px} .head_nav_met_95_3_67 .met-nav .navlist li.open .navlist2{top:160px} } @media (max-width:767px){.head_nav_met_95_3_67 .accordion .link,.head_nav_met_95_3_67 .accordion .links{padding:10px 15px 10px 42px} } .megamenu-container-close{display:block;text-indent:-9999px;width:40px;height:40px;top:20px;right:0;cursor:pointer;position:absolute} .megamenu-container-close::before{content:"";width:55%;height:1px;position:absolute;top:48%;left:22%;background:#000;transition:all .3s ease-out .3s;transform:rotate(-45deg)} .megamenu-container-close::after{content:"";width:55%;height:1px;position:absolute;top:48%;left:22%;transform:rotate(45deg);background:#000;transition:all .3s ease-out .3s} .megamenu-container-close:hover{content:"";width:55%;height:1px;position:absolute;top:48%;left:22%;transform:rotate(-90deg);background:#000;transition:all .3s ease-out .3s} .close_x{position:absolute;top:0;right:15px;width:25px;height:25px;transition:transform .3s linear} .close_x:hover{transform:rotate(180deg)} .close_x:after,.close_x:before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:2px;background:#333} .close_x:before{transform:rotate(45deg)} .close_x:after{transform:rotate(-45deg)} .megamenu-image-container{background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;display:flex;justify-content:space-between} .megamenu-container-inner{flex-direction:initial;height:inherit;overflow:hidden} .super-link{position:relative;text-decoration:none;color:#666;z-index:999} .super-link:hover::after{transform:scale(1)} .left::after{transform-origin:left} .right::after{transform-origin:right} .center::after{transform-origin:center} .nav-super-link{position:relative;text-decoration:none;color:#666;z-index:999} .nav-super-link::after{content:'';width:100%;height:3px;position:absolute;top:70%;left:0;background-color:#68c492;transform:scale(0);transition:all .35s} .nav-super-link:hover::after{transform:scale(1)} .sub-nav-super-link{position:relative;text-decoration:none;color:#666;z-index:999} .sub-nav-super-link::after{content:'';width:100%;height:2px;position:absolute;top:150%;left:0;background-color:#68c492;transform:scale(0);transition:all .35s} .sub-nav-super-link:hover::after{transform:scale(1)} .container-close{position:relative;width:40px;float:right} @media (min-width:1800px) and (max-width:2700px){.head_nav_met_95_3_67 .navlist li{padding:0 12px} .head_nav_met_95_3_67 .met-nav .navlist>li>a{font-size:16px} .head_nav_met_95_3_67 #header .navbar-logo{padding:10px 0} } .banner_met_95_3_2{width:100%;height:auto;display:table;top:0} .banner_met_95_3_2.fixedheight{display:-moz-deck} .banner_met_95_3_2.fixedheight .slick-slide{height:100%} .banner_met_95_3_2.fixedheight .slick-slide img{height:100%} @media screen\0{.banner_met_95_3_2.fixedheight .slick-slide img{left:0;width:100%} } .banner_met_95_3_2.banner-ny-h{height:150px} .banner_met_95_3_2.banner-ny-h .slick-slide img{min-height:100px} @media (max-width:991px){.banner_met_95_3_2.banner-ny-h{height:100px} } .banner_met_95_3_2 .slick-slide{display:block;width:100%} .banner_met_95_3_2.slick-slider{display:block} .banner_met_95_3_2:hover .slick-arrow{display:block!important} .banner_met_95_3_2 .slick-list,.banner_met_95_3_2 .slick-track{height:100%} .banner_met_95_3_2 .slick-next:before,.banner_met_95_3_2 .slick-prev:before{display:none} .banner_met_95_3_2 .slick-slide{height:auto;position:relative;overflow:hidden} .banner_met_95_3_2 .slick-slide .banner-text>a{width:100%;height:100%;display:block;position:absolute;left:0;top:0;z-index:1} .banner_met_95_3_2 .slick-slide img{min-height:100px} .banner_met_95_3_2 .slick-slide img[data-lazy]{max-height:150px} .banner_met_95_3_2 .slick-slide img{display:none} .banner_met_95_3_2 .slick-slide:nth-child(1) img{display:block!important;height:auto} .banner_met_95_3_2 .slick-arrow{width:15%;height:100%;display:none!important;z-index:1} .banner_met_95_3_2 .slick-arrow.slick-next,.banner_met_95_3_2 .slick-arrow.slick-prev{top:50%} @media screen\0{.banner_met_95_3_2 .slick-arrow.slick-prev{background:rgba(0,0,0,.001)} } @media screen\0{.banner_met_95_3_2 .slick-arrow.slick-next{background:rgba(0,0,0,.001)} } .banner_met_95_3_2 .slick-arrow i{font-size:40px;color:#fff!important;font-weight:700} .banner_met_95_3_2 .slick-dots{margin:0;bottom:20px} .banner_met_95_3_2 .slick-dots li{margin:0 2px} @media (max-width:767px){.banner_met_95_3_2{min-height:auto} .banner_met_95_3_2 .slick-slide img{min-height:auto} .banner_met_95_3_2 .slick-dots{bottom:5px} .banner_met_95_3_2 .slick-dots li{width:15px;height:15px;margin:0} } .banner_met_95_3_2 .banner-text{width:100%;height:100%;position:absolute;left:0;top:0;z-index:12} .banner_met_95_3_2 .banner-text .container{height:100%;display:table;text-align:center} .banner_met_95_3_2 .banner-text .container .banner-text-con{display:table-cell;vertical-align:middle} .banner_met_95_3_2 .banner-text.p-0 .container{text-align:left} .banner_met_95_3_2 .banner-text.p-0 .container .banner-text-con>div{width:70%;float:left} .banner_met_95_3_2 .banner-text.p-1 .container{text-align:right} .banner_met_95_3_2 .banner-text.p-1 .container .banner-text-con>div{width:70%;float:right} .banner_met_95_3_2 .banner-text.p-2{top:10%} .banner_met_95_3_2 .banner-text.p-2 .container .banner-text-con{vertical-align:top} .banner_met_95_3_2 .banner-text.p-3{top:auto;bottom:10%} .banner_met_95_3_2 .banner-text.p-3 .container .banner-text-con{vertical-align:bottom} .banner_met_95_3_2 .banner-text.p-2 .container .banner-text-con>div,.banner_met_95_3_2 .banner-text.p-3 .container .banner-text-con>div,.banner_met_95_3_2 .banner-text.p-4 .container .banner-text-con>div{width:70%;display:inline-block} .banner_met_95_3_2 .banner-text h4,.banner_met_95_3_2 .banner-text p{color:#fff} .banner_met_95_3_2 .banner-text h4{margin:0;font-size:30px} .banner_met_95_3_2 .banner-text p{font-size:36px;margin:20px 0 0;text-shadow:none} .banner_met_95_3_2 .banner-text .banner-btn{position:relative;z-index:2} .banner_met_95_3_2 .banner-text .banner-btn .btn{line-height:2.5} @media (max-width:991px){.banner_met_95_3_2 .banner-text h4{font-size:20px} .banner_met_95_3_2 .banner-text p{font-size:30px} } @media (max-width:767px){.banner_met_95_3_2 .banner-text .container{width:100%} .banner_met_95_3_2 .banner-text.p-4 .container .banner-text-con{width:100%} .banner_met_95_3_2 .banner-text h4{font-size:18px} .banner_met_95_3_2 .banner-text p{margin-top:15px;font-size:24px} .banner_met_95_3_2 .banner-text .banner-btn{margin-top:10px} .banner_met_95_3_2 .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_95_3_2 .banner-text h4{font-size:16px} .banner_met_95_3_2 .banner-text p{margin-top:10px;font-size:20px} } .banner_met_95_3_2-ny{height:120px;background:#fff} .banner_met_95_3_2-ny h1,.banner_met_95_3_2-ny h2{margin:0;padding:10px 30px;font-size:35px;text-shadow:none;font-weight:300} .foot_nav_met_95_3_11{background-color:#fff;background-color:#0c0c0c} .foot_nav_met_95_3_11 a,.foot_nav_met_95_3_11 p,.foot_nav_met_95_3_11 span{color:#666} .foot_nav_met_95_3_11 li{list-style:none;padding:5px 0} .foot_nav_met_95_3_11 .foot_nav_top{background-color:#fdfeff;margin-bottom:40px} .foot_nav_met_95_3_11 .foot_nav_top ul{overflow:hidden;margin-bottom:0} .foot_nav_met_95_3_11 .foot_nav_top li{color:#333;text-align:left;padding:40px 0} .foot_nav_met_95_3_11 .foot_nav_top li a{color:#333} .foot_nav_met_95_3_11 .foot_nav_top li:nth-child(n+4){text-align:right} .foot_nav_met_95_3_11 ul{padding-left:0} .foot_nav_met_95_3_11 ul li.title>a{display:block;margin-bottom:20px;color:#666;color:#fff} .foot_nav_met_95_3_11 ul li.title>a:hover{color:#000;color:#fff} .foot_nav_met_95_3_11 ul li.title li a{color:#999;color:#fff; font-size:14px;} .foot_nav_met_95_3_11 ul li.title li a:hover{color:#000;color:#e8fffa} .foot_nav_met_95_3_11 .foot_nav_middle{margin-bottom:20px} .foot_nav_met_95_3_11 ul li.title p a{font-size:26px;color:#fff} .foot_nav_met_95_3_11 .f_nav>ul{display:flex;justify-content:space-between} .foot_nav_met_95_3_11 ul li.title img{width:100%;max-width:80px} .foot_nav_met_95_3_11 .wx{position:relative} .foot_nav_met_95_3_11 ul li.title .wx img{position:absolute;top:-15px;left:-7px;width:80px;display:block} .foot_nav_met_95_3_11 .foot_info{text-align:center;background-color:#0c0c0c;padding:10px 0 10px; font-weight:100 !important;} .foot_nav_met_95_3_11 .foot_info a,.foot_nav_met_95_3_11 .foot_info button,.foot_nav_met_95_3_11 .foot_info div,.foot_nav_met_95_3_11 .foot_info p,.foot_nav_met_95_3_11 .foot_info span{color:#fff!important} .foot_nav_met_95_3_11 .yuyan{margin-top:10px} .foot_nav_met_95_3_11 .yuyan ul{overflow:hidden} .foot_nav_met_95_3_11 .collapse{float:left!important} .foot_nav_met_95_3_11 .login-btn{line-height:34px} .foot_nav_met_95_3_11 .yuyan li{float:left} .foot_nav_met_95_3_11 .yqlj a img{max-width:80px;max-height:40px} .foot_nav_met_95_3_11 .foot_nav_center{background-color:#fff;background-color:#0c0c0c} .foot_nav_met_95_3_11 .foot_nav_top hr{width:120%;margin-left:-10%;border-color:#fff;display:none} @media screen and (max-width:767px){.foot_nav_met_95_3_11 .f_nav>ul{display:block;overflow:hidden} .foot_nav_met_95_3_11 .f_nav>ul li{float:left;padding:10px 3px} .foot_nav_met_95_3_11 .f_nav>ul li.title{float:left;padding:10px 3px;overflow:hidden; width:33%} .foot_nav_met_95_3_11 .f_nav>ul li.title.app{float:left; display:none} .foot_nav_met_95_3_11 .f_nav>ul li.title.wxewm{height:145px} .foot_nav_met_95_3_11 .foot_nav_middle ul li{padding:5px; display:block; float:none} .foot_nav_met_95_3_11 .yuyan ul{margin-top:0} .foot_nav_met_95_3_11 .collapse{display:block;width:100px} .foot_nav_met_95_3_11 .foot_nav_top{margin-bottom:0} .foot_nav_met_95_3_11 ul li.title .wx img{top:0;left:0px} } .foot_nav_met_95_3_11 .yqlj>span{color:#666;color:#fff} .foot_nav_met_95_3_11 .yqlj a span{color:#999;color:#f2fcf8} .foot_nav_met_95_3_11 .yqlj a:hover span{color:#000;color:#fff} .foot_nav_met_95_3_11_bottom{overflow:hidden;position:fixed;bottom:0;left:0;z-index:999;width:100%} .foot_nav_met_95_3_11_bottom a.item{padding:5px 0;display:inline-block} .foot_nav_met_95_3_11_bottom a.item i{font-size:16px;display:block} .foot_nav_met_95_3_11_bottom{display:none} .foot_nav_met_95_3_11_bottom .main{display:flex} .foot_nav_met_95_3_11_bottom .main>div{flex:1} .foot_nav_met_95_3_11_bottom .container>div{padding-top:5px} .foot_nav_met_95_3_11_bottom .title>a{font-weight:100} @media(max-width:767px){.foot_nav_met_95_3_11_bottom{display:block} } .back_top_met_36_1_12.cd-top{display:inline-block;height:40px;width:40px;z-index:9;position:fixed;bottom:70px;right:10px;color:#666;color:#fff;border-radius:50%;font-size:26px;text-align:center;line-height:32px;border-color:#666;border-color:#000;border-width:2px;border-style:solid;box-shadow:0 0 10px rgba(0,0,0,.05);overflow:hidden;white-space:nowrap;background-color:#fff;background-color:#000;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 .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .back_top_met_36_1_12.cd-top.cd-fade-out,.back_top_met_36_1_12.cd-top.cd-is-visible,.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_12.cd-top.cd-is-visible{visibility:visible;opacity:.5} .back_top_met_36_1_12.cd-top.cd-fade-out{opacity:.5} .back_top_met_36_1_12.cd-top:hover{background-color:#000;background-color:#000;opacity:1;color:#999;color:#fff;border-color:#999;border-color:#000} @media(max-width:767px){.back_top_met_36_1_12.cd-top{bottom:67px} } .subcolumn_nav_met_95_1_14{background:#fff;padding:10px 0;border-bottom:1px solid #eee} .subcolumn_nav_met_95_1_14 .container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} @media (min-width:1600px){.subcolumn_nav_met_95_1_14 .container{width:1510px} } .subcolumn_nav_met_95_1_14 .card{margin:0;border-radius:5px!important} .subcolumn_nav_met_95_1_14 .card .sidebar-tile{text-align:center} .subcolumn_nav_met_95_1_14 .met-column-nav-ul li{white-space:nowrap;display:inline-block;float:none;height:24px;padding:0 2vw 0;border-right:1px solid #666} .met-column-nav-ul li:last-child{border-right:none} .subcolumn_nav_met_95_1_14 .met-column-nav-ul li a{text-decoration:none;display:block;padding:1px 10px;font-size:16px;font-weight:300;color:#666} .subcolumn_nav_met_95_1_14 .met-column-nav-ul li>a.active{color:#000} .subcolumn_nav_met_95_1_14 .met-column-nav-ul li a:hover{color:#000} .subcolumn_nav_met_95_1_14 .met-column-nav-ul li.active>a{color:#000} .subcolumn_nav_met_95_1_14 .met-column-nav-ul{list-style:none;margin:0;padding:10px 0;text-align:center} .subcolumn_nav_met_95_1_14 .met-column-nav-ul li div a.active{color:#000!important} .subcolumn_nav_met_95_1_14 .dropdown-menu{background:#fff;border-color:transparent} .subcolumn_nav_met_95_1_14 .dropdown-item.active,.subcolumn_nav_met_95_1_14 .dropdown-item:hover{background:0 0!important} @media (max-width:767px){.subcolumn_nav_met_95_1_14 .card{background:#fff;border:none;border-radius:none;box-shadow:0 1px 3px rgba(0,37,55,0)} .subcolumn_nav_met_95_1_14{background:#fff} } .para_search_met_16_1_45{padding:30px 0} @media (max-width:992px){.para_search_met_16_1_45{padding:20px 0} } .para_search_met_16_1_45 .btn-outline.btn-primary{color:#000;border-color:#000} .btn-outline.btn-primary:active,.btn-outline.btn-primary:focus,.btn-outline.btn-primary:hover,.open>.btn-outline.btn-primary.dropdown-toggle,.para_search_met_16_1_45 .btn-outline.btn-primary.active{background-color:#000;color:#fff!important} .para_search_met_16_1_45 .order a{color:#666;font-size:14px;background:#fff;border-radius:2px} .para_search_met_16_1_45 .order a:hover{color:#000} .para_search_met_16_1_45 .pricetxt{color:#666} .para_search_met_16_1_45 .price_num{border-color:#e4eaec} .para_search_met_16_1_45 .pricesearch{border-color:#f96868;background-color:#f96868;color:#fff} .para_search_met_16_1_45 .pricesearch:hover{opacity:.8} .para_search_met_16_1_45 .type-order{border-top:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-left:1px solid #e4e4e4} .para_search_met_16_1_45 .type-order>div{background:#e5e5e5;border-bottom:1px solid #ededed} .para_search_met_16_1_45 .type-order ul{background:#fafafa} .para_search_met_16_1_45 .type-order ul{padding:0;margin:0;background:#fafafa} .para_search_met_16_1_45 .type-order ul li{height:40px;line-height:40px} .para_search_met_16_1_45 .type-order .attr-name{height:40px;line-height:40px;white-space:nowrap;position:relative;overflow:hidden} .para_search_met_16_1_45 .type-order .attr-value a{color:#999} .para_search_met_16_1_45 .type-order .attr-value a:hover,.para_search_met_16_1_45 .type-order ul li.para_select_option a{color:#000} @media (max-width:767px){.para_search_met_16_1_45{padding:10px 0} .para_search_met_16_1_45 .order .order-list{margin-bottom:13px} .para_search_met_16_1_45 .w-100{width:70px!important} } .news_list_page_met_95_1_56{padding:60px 0} .news_list_page_met_95_1_56 .news-list{padding-top:30px} .news_list_page_met_95_1_56 h1,.news_list_page_met_95_1_56 h2,.news_list_page_met_95_1_56 li,.news_list_page_met_95_1_56 p,.news_list_page_met_95_1_56 ul{margin:0;padding:0} .news_list_page_met_95_1_56 ul li{list-style:none} .news_list_page_met_95_1_56 .text-center{text-align:center} .news_list_page_met_95_1_56 .right .col-lg-9{float:right} .news_list_page_met_95_1_56 .transition{transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .news_list_page_met_95_1_56 .middle{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)} .news_list_page_met_95_1_56 .full-img img{display:inline-block;width:100%} .news_list_page_met_95_1_56 .float-left{float:left} .news_list_page_met_95_1_56 .float-right{float:right} .news_list_page_met_95_1_56 img{object-fit:cover} .news_list_page_met_95_1_56{background-color:#fff} .news_list_page_met_95_1_56 .news-container{position:relative} .news_list_page_met_95_1_56 .title-box{line-height:95px} .news_list_page_met_95_1_56 .title-box>span,.news_list_page_met_95_1_56 .title-box>span a{display:inline-block;vertical-align:middle;margin:0 7px;font-size:18px;color:#666} .news_list_page_met_95_1_56 .title-box>span:last-child{margin-right:0;font-size:36px} .news_list_page_met_95_1_56 .title-box>span a:hover{color:#000} .news_list_page_met_95_1_56 .title-box{width:100%;font-size:14px} .news_list_page_met_95_1_56 .news-container .swiper-container{position:relative;width:100%;height:100%} .news_list_page_met_95_1_56 .news-item{position:relative;box-sizing:border-box;margin-bottom:10px;margin-bottom:10px;padding:0 10px; height:300px; position:relative; padding-bottom:60px; border-bottom:1px #ccc solid;} .news_list_page_met_95_1_56 .news-item .news_img{ width:60%; float:left} .news_list_page_met_95_1_56 .news-item .news-link{display:block;padding:5px 30px 0;overflow:hidden; text-align:left} .news_list_page_met_95_1_56 .news-img{border-color:#999;overflow:hidden;text-align:center;position:relative; height:250px;} .news_list_page_met_95_1_56 .news-img img{ height:250px} .news_list_page_met_95_1_56 .news-item .read_more{ display:block; text-align:left; position:absolute; left:62%; bottom:40px; font-size:18px;} .news_list_page_met_95_1_56 .news-down{padding:0 0 10px 0;width:100%;text-align:right;background-color:#fff} .news_list_page_met_95_1_56 .more-btn{color:#999} .news_list_page_met_95_1_56 .news-down span{color:#999} .news_list_page_met_95_1_56 .more-btn{display:inline-block;font-size:14px;margin-right:20px;text-align:center;width:100%} .news_list_page_met_95_1_56 .more-btn:hover{color:#000} .news_list_page_met_95_1_56 .news-item .news-link:hover .more-btn{color:#000} .news_list_page_met_95_1_56 .news-time{display:inline-block;font-size:14px;background:#000;color:#fff;text-align:center;padding:5px 11px;position:absolute;right:30px;top:-25px;z-index:1} .news_list_page_met_95_1_56 .news-time p{font-size:25px} .news_list_page_met_95_1_56 .news-title{display:block;color:#004098;font-size:18px;font-weight:700;line-height:28px;margin:0;margin-bottom:10px;max-height:28px;overflow:hidden;} .news_list_page_met_95_1_56 .news-title>span{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .news_list_page_met_95_1_56 .news-msg{font-size:17px;color:#999;line-height:1.846;text-align:justify;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical} .news_list_page_met_95_1_56 .met_pager{text-align:center} .news_list_page_met_95_1_56 .met_pager *{display:inline-block} .met_pager .NextSpan,.news_list_page_met_95_1_56 .met_pager .PreSpan{padding:9px 15px;color:#ccc;cursor:default;border:1px solid} .news_list_page_met_95_1_56 .met_pager a.Ahover{background-color:#000;background-color:#15499a;border-color:#000;border-color:#15499a;color:#fff;cursor:pointer} .news_list_page_met_95_1_56 .met_pager a:hover{background-color:#000;background-color:#15499a;border-color:#000;border-color:#15499a;color:#fff} .news_list_page_met_95_1_56 .met_pager a{text-decoration:none} .news_list_page_met_95_1_56 .met_pager a{padding:9px 15px;border:1px solid;border-color:#999;background-color:#fff;text-align:center;color:#666} .news_list_page_met_95_1_56 .met_pager a.NextA{border-right:1px solid;border-color:#999} .news_list_page_met_95_1_56 .met_pager .PageText{display:none;margin-left:10px;color:#aaa} .news_list_page_met_95_1_56 .met_pager input{display:none} .news_list_page_met_95_1_56 #met-pager-btn{background:#fff;border-color:#999;color:#666} @media screen and (min-width:1025px){.news_list_page_met_95_1_56 .news-container.on{padding-left:294px} } @media (max-width:1024px) and (min-width:769px){.news_list_page_met_95_1_56{padding:30px 0} .news_list_page_met_95_1_56 .news-item .news-link{padding:12px} .news_list_page_met_95_1_56 .news-msg{font-size:12px;-webkit-line-clamp:4} } @media (max-width:768px){.news_list_page_met_95_1_56 .news-msg{font-size:13px;line-height:1.7} } @media (max-width:360px){.news_list_page_met_95_1_56 .news-msg{font-size:12px;line-height:1.5} .news_list_page_met_95_1_56 .news-item .news-link{padding:15px} } @media screen and (max-width:767px){.news_list_page_met_95_1_56{padding:0 0} .news_list_page_met_95_1_56 .news-list-con{float:none} .news_list_page_met_95_1_56 .news-item{margin-bottom:50px} } .news_list_page_met_95_1_56 .fadeInUp{-webkit-animation:fadeInUp .6s both;-moz-animation:fadeInUp .6s both;-ms-animation:fadeInUp .6s both;-o-animation:fadeInUp .6s both;animation:fadeInUp .6s both} @keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} 100%{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none} } @media (max-width:1024px) and (min-width:768px){.news_list_page_met_95_1_56{padding:30px 0} } @media (max-width:767px){.news_list_page_met_95_1_56{padding:0 0} } .liuyan p{ float:left; margin-right:10%; width:40%; margin-top:30px; margin-bottom:30px;} .liuyan .ly{ width:90%; height:40px; line-height:40px;} .liuyan .ly1{ width:86%; height:200px;} .liuyan p:nth-child(3){ float:none; width:100%} .liuyan p:nth-child(4){ float:none; width:100%} .liuyan .submit{ width:150px; height:40px; background:#0b51c5; color:#fff; line-height:40px; cursor:pointer; border:none;} .modal-lang__list { display: none; position: absolute; top: 100px; left: 0; width: 100%; background-color: #68c492; padding: 30px 0 } .modal-lang__list ul { font-size: 0; text-align: center } .modal-lang__list ul li { display: inline-block; padding: 0 20px } .modal-lang__list ul li a { font-size: 16px; color: #fff; position: relative } .modal-lang__list ul li a:before { position: absolute; content: ""; bottom: 0; left: 0; width: 0; height: 2px; background-color: #fff } .head-search__bth { -webkit-transition: color .4s; transition: color .4s; font-size: 18px; display: inline-block; margin-right: 10px; color: #68c492 } .main_nav { font-size: 0; margin-left: 1.82292vw } .main_nav li { display: inline-block } .main_nav li a { color: #333; font-size: 14px; font-size: 16px; letter-spacing: 1.5px } .main_nav li.active>a { color: #68c492 } .main_nav .nav>li { padding: 0 1.04167vw } .main_nav .nav>li>a { line-height: 48px; position: relative } .main_nav .nav>li>a:before { content: ""; display: block; position: absolute; top: 0; left: 0; height: 61px; width: 100%; padding: 0 1.04167vw; margin-left: -1.04167vw } .main_nav .nav>li>a:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; content: ""; display: block; position: absolute; bottom: -40px; left: 50%; border-bottom: 10px solid #68c492; border-left: 9px solid transparent; border-right: 9px solid transparent; margin-left: -9px; display: none } .main_nav .nav>li:nth-last-of-type(2) { margin-left: 1.5rem } .main_nav .nav>li:nth-last-of-type(1) a,.main_nav .nav>li:nth-last-of-type(2) a { font-size: 14px } .main_nav .sub_nav { position: absolute; top: 99px; left: 0; width: 100% } .main_nav .dropdown_wrapper { display: block; width: 100%; background-repeat: no-repeat; background-position: center center; background-position: bottom center; background-size: cover; padding-top: 60px; padding-bottom: 90px; font-size: 0; background-color: #68c492 } .main_nav .dropdown_wrapper .dropdown { display: inline-block; vertical-align: top; width: 160px } .main_nav .dropdown_wrapper .dropdown>ul { position: relative } .main_nav .dropdown_wrapper .dropdown>ul:before { -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; content: ""; display: block; position: absolute; top: 0; width: 1px; height: 120px; right: 0; background-color: #ededed } .main_nav .dropdown_wrapper .dropdown ul>li { display: block; position: relative } .main_nav .dropdown_wrapper .dropdown ul>li a { font-size: 18px; color: #666; color: #fff; color: #333; font-size: 14px; position: relative; display: block; padding-bottom: 14px } .main_nav .dropdown_wrapper .dropdown ul>li a span { display: inline-block; vertical-align: -7px; -moz-transform: translate(-10px,-50%); -ms-transform: translate(-10px,-50%); -webkit-transform: translate(-10px,-50%); transform: translate(-10px,-50%); font-size: 15px; margin-left: 20px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; color: #333 } .main_nav .dropdown_wrapper .dropdown ul>li.on a span,.main_nav .dropdown_wrapper .dropdown ul>li.active a span { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; visibility: visible; -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%) } .main_nav .dropdown_wrapper .dropdown dl { display: none; padding: 10px 20px; padding-bottom: 0; position: relative } .main_nav .dropdown_wrapper .dropdown dl:before { content: ""; display: block; position: absolute; top: 20px; bottom: 10px; left: 32px; width: 1px; height: auto; background-color: rgba(255,255,255,0.2) } .main_nav .dropdown_wrapper .dropdown dl dd { padding: 10px 20px } .main_nav .dropdown_wrapper .dropdown dl dd a { padding-left: 0 !important; padding-right: 0 !important } .main_nav .dropdown_wrapper .dropdown_info { display: inline-block; vertical-align: top; position: relative; width: calc(100% - 450px); width: calc(100% - 647px); padding-left: 34px } .main_nav .dropdown_wrapper .dropdown_info>ul { display: inline-block; vertical-align: top } .main_nav .dropdown_wrapper .dropdown_info li { display: none } .main_nav .dropdown_wrapper .dropdown_info li>a { display: block; font-size: 14px; padding-bottom: 14px } .main_nav .dropdown_wrapper .dropdown_info figcaption { font-size: 14px; color: #B5C8E4; color: rgba(0,0,0,0.7); letter-spacing: 1.6px; line-height: 26px; width: 466px } .main_nav .dropdown_wrapper .dropdown_info figcaption>img { max-width: 100%; width: 460px; height: 188px } .main_nav .dropdown_wrapper .dropdown_info dl { display: inline-block; vertical-align: top } .main_nav .dropdown_wrapper .dropdown_info dl>dt { padding-bottom: 34px; padding-top: 24px } .main_nav .dropdown_wrapper .dropdown_info dl>dd { padding-bottom: 14px; display: inline-block; vertical-align: top; width: 50% } .main_nav .dropdown_wrapper .dropdown_info dl>dd:last-child { padding-bottom: 0 } .main_nav .dropdown_wrapper .dropdown_info dl a { font-size: 14px; letter-spacing: 1.6px; color: #fff; color: #333 } .main_nav .dropdown_wrapper .dropdown_pic { display: inline-block; width: 23.2% } .main_nav .dropdown_wrapper .dropdown_pic img { display: none; width: 100% } .main_nav .dropdown_wrapper .product-menu__main { margin-left: 34px; padding-left: 34px; position: relative } .main_nav .dropdown_wrapper .product-menu__main:before { -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; content: ""; display: block; position: absolute; top: 0; width: 1px; height: 120px; left: 0; background-color: #ededed } .main_nav .dropdown_wrapper .product-menu__main a { font-size: 14px; display: inline-block; vertical-align: top; width: 50%; padding-bottom: 14px } .main_nav .dropdown_wrapper .product-menu__main div { display: none; width: 270px } .main_nav .dropdown_wrapper .sub-menu__pic a { display: none } .main_nav .dropdown_wrapper .sub-menu__pic img { display: block } .main_nav .dropdown_wrapper .sub-menu__pic p { transition: color 0.4s ease; font-size: 14px; line-height: 20px; color: #999; margin-top: 12px; text-align: left } .main_nav .dropdown_wrapper .case_menu__main { width: calc(100% - 360px) } .main_nav .dropdown_wrapper .case_menu__main li { display: block } .main_nav .dropdown_wrapper .case_menu__main figcaption { display: inline-block; vertical-align: top; width: 25% !important; padding: 0 10px; margin-right: 0 !important; padding: 0 10px } .main_nav .dropdown_wrapper .case_menu__main figcaption img { width: 100%; height: auto } .main_nav .dropdown_wrapper .case_menu__main figcaption p { transition: color 0.4s ease; font-size: 14px; line-height: 20px; color: #999; margin-top: 12px; text-align: left } .main_nav .dropdown_wrapper .sub-menu__content a span { display: inline-block; vertical-align: -7px; -moz-transform: translate(-10px,-50%); -ms-transform: translate(-10px,-50%); -webkit-transform: translate(-10px,-50%); transform: translate(-10px,-50%); font-size: 15px; margin-left: 20px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; color: #68c492 } .main_nav .dropdown_wrapper .sub-menu__content a.on span,.main_nav .dropdown_wrapper .sub-menu__content a.active span { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; visibility: visible; -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%) } .main_nav .product-menu__dropdown .sub-menu__pic div { display: none } .main_nav .product-menu__dropdown .sub-menu__pic figure { display: none } .main_nav .pro_sub_nav .dropdown_wrapper .dropdown_info dl>dd { padding-left: 15px; border-left: 1px solid rgba(0,0,0,0.5) } .placeholder { height: 100px } .otherpage .header { border-bottom: 1px solid #ededed } .otherpage .placeholder { height: 100px } .site-search__search { -webkit-transition: -webkit-transform 0.4s ease,opacity .2s ease,visibility .2s ease; transition: transform 0.4s ease,opacity .2s ease,visibility .2s ease; display: none; padding: 26px 0; z-index: 800; background-color: #f9f9f9; position: fixed; left: 0; top: 100px; width: 100% } .site-search__search .close-search { -webkit-transition: -webkit-transform 0.4s ease,color 0.4s ease; transition: transform 0.4s ease,color 0.4s ease; position: absolute; right: 0; top: 50%; font-size: 18px; color: #333; margin-top: -9px } .site-search__search__field { width: 600px; margin: auto; position: relative } .site-search__search__field input { -webkit-transition: border 0.4s ease; transition: border 0.4s ease; width: 100%; padding-left: 26px; border: none; font-size: 16px; color: #333; border-bottom: 1px solid #ccc; background: transparent; height: 30px; line-height: 30px } .site-search__search__field input::-webkit-input-placeholder { color: #ccc } .site-search__search__field .send-search { -webkit-transition: color 0.4s ease; transition: color 0.4s ease; position: absolute; left: 0; top: 50%; color: #ccc; font-size: 16px; margin-top: -8px } @media only screen and (max-width:1910px) { .main_nav li a { font-size: 14px } .header .logo { width: 260px; background-size: 260px auto } } @media (max-width:1840px) { .main_nav .nav>li:nth-last-of-type(2) { margin-left: 40px } } @media only screen and (max-width:1680px) { .main_nav .dropdown_wrapper .dropdown_info dl { margin-left: 8.33333% } .main_nav .nav>li>a:after { bottom: -41px } } @media only screen and (max-width:1650px) { .main_nav .nav>li:nth-last-of-type(2) { margin-left: 30px } .main_nav .nav>li:nth-last-of-type(2) a,.main_nav .nav>li:nth-last-of-type(1) a { font-size: 12px } } @media only screen and (max-width:1580px) { .header .logo { width: 200px; background-size: 200px auto } .header .btn { font-size: 16px; padding: 0 1.04167vw } .main_nav .nav>li>a:after { bottom: -41px } .main_nav .dropdown_wrapper .dropdown_info figcaption { width: auto; margin-right: 60px } .head-search__bth { font-size: 16px } } @media only screen and (max-width:1460px) { .header .logo { width: 200px; background-size: 200px auto } .main_nav .nav>li>a:after { bottom: -41px } .main_nav .dropdown_wrapper .dropdown_info dl:first-child { margin-left: 40px } } @media (max-width:1366px) { .site-search__search { top: 80px; padding: 24px 0 } .main_nav .nav>li:nth-last-of-type(2) { margin-left: 40px } } @media only screen and (max-width:1300px) { .header .logo { width: 180px; background-size: 160px auto } } @media only screen and (max-width:1200px) { .main_nav li a { font-size: 12px } .header .btn { font-size: 16px } .header .logo { width: 140px; background-size: 140px auto } .main_nav .dropdown_wrapper .dropdown_info { width: calc(100% - 541px) } } @media (max-width:1100px) { .header .logo { width: 120px; background-size: 120px auto } .site-search__search { top: 56px; padding: 18px 0 } .main_nav .nav>li:nth-last-of-type(2) { margin-left: 11px } } @media only screen and (min-width:1025px) { .head-search__bth:hover { color: #333 } .site-search__search .close-search:hover { color: #68c492; -webkit-transform: rotate(360deg); transform: rotate(360deg) } .site-search__search__field .send-search:hover { color: #333 } .main_nav .nav>li:hover>a { color: #68c492 } .main_nav .sub_nav { display: none } .main_nav .dropdown_wrapper .dropdown ul>li:hover a,.main_nav .dropdown_wrapper .dropdown ul>li.active a { color: rgba(255,255,255,0.8); color: rgba(0,0,0,0.8) } .main_nav .dropdown_wrapper .dropdown ul>li:hover a:before,.main_nav .dropdown_wrapper .dropdown ul>li.active a:before { width: 100% } .main_nav .dropdown_wrapper .dropdown ul>li:hover span:before,.main_nav .dropdown_wrapper .dropdown ul>li.active span:before { -moz-transform: translate(3px,-3px) rotate(-45deg); -ms-transform: translate(3px,-3px) rotate(-45deg); -webkit-transform: translate(3px,-3px) rotate(-45deg); transform: translate(3px,-3px) rotate(-45deg); height: 12px } .main_nav .dropdown_wrapper .dropdown ul>li:hover span:after,.main_nav .dropdown_wrapper .dropdown ul>li.active span:after { -moz-transform: translate(4px,2px) rotate(45deg); -ms-transform: translate(4px,2px) rotate(45deg); -webkit-transform: translate(4px,2px) rotate(45deg); transform: translate(4px,2px) rotate(45deg); height: 12px } .main_nav .dropdown_wrapper .dropdown_info dd a:hover,.main_nav .dropdown_wrapper .product-menu__main a:hover,.main_nav .dropdown_wrapper .product-menu__main a.active,.main_nav .dropdown_wrapper .dropdown_info li>a:hover,.main_nav .dropdown_wrapper .dropdown_info li>a.active,.main_nav .dropdown_wrapper .dropdown_info li>a.on { color: #68c492 } .main_nav .nav>li.hasClass>a:after { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; visibility: visible } .modal-lang__list ul li a:hover:before,.modal-lang__list ul li.active a:before { width: 100% } .header .btn:hover,.header .btn.active { color: #333 } .main_nav .sub_nav { border-top: 1px solid #ededed } } @media only screen and (max-width:1024px) { .sm_edge { padding-left: 4.53333%; padding-right: 4.53333% } .header { padding-top: 9px; padding-bottom: 9px } .header .logo { margin-top: 0; width: 240px; background-size: 240px auto } .menu_wrapper { padding: 12px; float: right; margin-right: -12px; margin-top: 3px } .menu_wrapper .menu { position: relative; display: block; width: 18px; height: 18px } .menu_wrapper .menu span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #68c492; -moz-transition: all .36s cubic-bezier(0.32,0.17,0,1); -o-transition: all .36s cubic-bezier(0.32,0.17,0,1); -webkit-transition: all .36s cubic-bezier(0.32,0.17,0,1); transition: all .36s cubic-bezier(0.32,0.17,0,1) } .menu_wrapper .menu span:nth-child(1) { top: 0 } .menu_wrapper .menu span:nth-child(2) { top: 50%; margin-top: -1px } .menu_wrapper .menu span:nth-child(3) { bottom: 0 } .menu_wrapper .close span:nth-child(1) { -moz-transform: translate(1px,8px) rotate(45deg); -ms-transform: translate(1px,8px) rotate(45deg); -webkit-transform: translate(1px,8px) rotate(45deg); transform: translate(1px,8px) rotate(45deg) } .menu_wrapper .close span:nth-child(2) { display: none } .menu_wrapper .close span:nth-child(3) { -moz-transform: translate(1px,-8px) rotate(-45deg); -ms-transform: translate(1px,-8px) rotate(-45deg); -webkit-transform: translate(1px,-8px) rotate(-45deg); transform: translate(1px,-8px) rotate(-45deg) } .menu_wrapper.pull_menu { position: absolute; top: 9px; right: 4.53333% } .header .btn { font-size: 26px; font-size: 20px; padding: 0; line-height: 48px } .header .btn.icon-search1,.header .btn.icon-langs { display: none } .header .tools { right: 0; margin-right: 10px; margin-top: 0 } .placeholder { height: 66px } .header .btn span { margin-left: 8px } .header .icon-icon_lang { display: none } .header .icon-icon_think { display: none } .otherpage .placeholder { height: 67px } .main_nav { display: block; position: fixed; top: 66px; left: 0; width: 100%; z-index: 3000; height: calc(100vh - 66px); float: none; clear: both; margin-left: 0; background-color: #fff; left: 100% } .main_nav .main-menu { margin-left: 20%; background-color: #fff; height: 100%; position: relative; z-index: 500; overflow-y: scroll; overflow-x: hidden } .main_nav .bgcover { display: block; position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index: 20; left: 0 } .main_nav li { width: 100% } .main_nav .dropdown { display: none; position: relative; top: 0; left: 0; padding-top: 10px; width: 100%; padding-bottom: 0 } .main_nav .nav { margin-top: 0; position: relative; z-index: 1000; padding-top: 20px; height: calc(100% - 168px); height: 60%; height: auto; overflow-y: scroll; overflow-x: hidden } .main_nav .dropdown>li { padding: 10px 20px } .main_nav .nav>li>a { display: block; color: #fff; font-size: 14px; line-height: 20px; padding: 10px 20px; padding: 10px 4.53333%; margin: 0 20px; color: #000 } .main_nav .nav>li.selected>a { opacity: 1 } .main_nav .nav>li.on>a { opacity: .5 } .main_nav .nav>li { padding: 0 } .nav_bgcover { display: none; position: absolute; top: 0; left: 0; width: 100%; height: calc(100vh - 66px); background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 200 } .main_nav .sub_nav { display: none; position: relative; top: 0; left: 0; bottom: 0; right: 0 } .main_nav .nav>li>a:before { display: none } .modal-lang__list { position: relative; top: auto; bottom: 0; left: 0; display: block !important; z-index: 500; background: none; text-align: left; border-top: 1px solid rgba(0,0,0,0.2); padding: 12px 4.53333%; margin-top: 20px } .modal-lang__list ul { text-align: left } .modal-lang__list ul li { width: auto; margin-top: 12px; margin-bottom: 12px; width: 62px; width: 90px } .modal-lang__list ul li a { font-size: 14px; color: #333 } .modal-lang__list ul li.active a:before { width: 100% } .main_nav .dropdown_wrapper { background: none; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; background-size: 0 } .main_nav .dropdown_wrapper .dropdown_info,.main_nav .dropdown_wrapper .dropdown_pic { display: none } .main_nav .dropdown_wrapper .dropdown { width: 100%; margin-right: 0; margin-left: 0; padding-top: 0; position: relative } .main_nav .dropdown_wrapper .dropdown:before { content: ""; position: absolute; left: 0; width: 100%; height: 1px; background-color: rgba(255,255,255,0.2) } .main_nav .dropdown_wrapper .dropdown ul { padding-left: 4.53333%; padding-right: 4.53333%; padding-top: 8px } .main_nav .dropdown_wrapper .dropdown ul>li { padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px } .main_nav .dropdown_wrapper .dropdown ul>li a { font-size: 14px; color: #fff; color: #333; padding-bottom: 0; padding-left: 15px; padding-right: 15px } .main_nav .dropdown_wrapper .dropdown ul>li:before,.main_nav .dropdown_wrapper .dropdown ul>li:after { display: none } .main_nav .dropdown_wrapper .dropdown ul>li span { display: none } .main_nav .dropdown_wrapper .dropdown dl { display: none } .header .search_container { top: 0; padding: 8px 0; background-color: #fff } .header .search_container form { display: block; height: 50px; margin-left: 4.53333%; margin-right: 4.53333% } .header .search_container .btn_search { float: left; height: 50px; line-height: 50px; color: #999 } .header .search_container .group_control { float: right; height: 50px; width: calc(100% - 50px); color: #999; border-bottom: none; padding: 0 } .header .search_container .btn_close { color: #333; top: 8px; right: 4.53333%; margin-right: -15px } .header .search_container input::-webkit-input-placeholder { color: #999 } .header .search_container input::-moz-placeholder { color: #999 } .header .search_container input:-moz-placeholder { color: #999 } .header .search_container input:-ms-input-placeholder { color: #999 } .main_nav .dropdown_wrapper .dropdown ul>li a span { display: none } .header .think_nav { display: none !important } .head-search__bth { font-size: 20px; position: absolute; top: 50%; margin-top: -10px; padding-right: 15px; right: 6.83594vw; margin-right: 20px } .head-search__bth:after { content: ""; display: block; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background-color: #68c492 } .main_nav .nav>li:nth-last-of-type(2) { margin-left: 0 } .main_nav .nav>li:nth-last-of-type(2) a,.main_nav .nav>li:nth-last-of-type(1) a { font-size: 14px } } @media (max-width:800px) { .site-search__search__field { width: 490px } .met-product-list li{ height:auto} } @media (max-width:500px) { .head-search__bth { font-size: 18px; margin-top: -9px } .site-search__search__field { width: calc(100% - 40px) } } @media only screen and (max-width:330px) { .header .logo { margin-top: 0; width: 200px; background-size: 200px auto } } .sm_col { position: relative; overflow: hidden } .sm_col .sm_container { position: relative; overflow: hidden } .index_banner { overflow: hidden; z-index: 400 } .index_banner .item_slick { display: block; position: relative } .index_banner .item_slick .img-box:before { padding-top: 31.25% } .index_banner .item_slick .img-box img { display: block; width: 100% } .index_banner .item_slick .img-box .opac { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden } .index_banner .item_slick figcaption { position: absolute; top: 34%; left: 12.5%; z-index: 20 } .index_banner .item_slick h2 { font-size: 4.5em; color: #fff; letter-spacing: 2px; font-weight: 700 } .index_banner .item_slick h3 { font-size: 4.5em; color: #fff; letter-spacing: 1.2px; font-weight: 300; margin-top: 40px } .slick-dots_effect .slick-dots { position: absolute; bottom: 40px; left: 0; font-size: 0; margin-left: 0; text-align: center; width: 100% } .slick-dots_effect .slick-dots li { display: inline-block; padding: 10px; cursor: pointer } .slick-dots_effect .slick-dots li button { padding: 0; margin: 0; border: none; background: none; display: block; width: 10px; height: 10px; border-radius: 50%; background-color: #999; font-size: 0; cursor: pointer } .slick-dots_effect .slick-dots .slick-active button,.slick-dots_effect .slick-dots li:hover button { background-color: #E60012 !important } .slick-dots_effect.js-inforpic__slick .slick-dots { bottom: 20px; bottom: 0 } .intro-slides .slide { display: block } .intro-slides .slide .img-box:before { padding-top: 31.25% } .intro { display: none; height: 100%; width: 100%; background-position: center center; background-size: cover; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 100 } .intro-slides { position: relative; height: 100%; width: 100%; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: visible; -webkit-transition-timing-function: ease-out; transform-style: preserve-3d; backface-visibility: visible; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; -o-transition-timing-function: ease-out; transition-timing-function: ease-out } .intro-slides .intro-slide { position: absolute; top: 0; left: 0; -webkit-transform-style: preserve-3d; -webkit-transition: all .8s; -webkit-transition-timing-function: ease-out; -webkit-transform: rotateY(-90deg) translateZ(46.7vw); -webkit-backface-visibility: hidden; transform-style: preserve-3d; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; transform: rotateY(-90deg) translateZ(46.7vw); backface-visibility: hidden; z-index: 1; width: 100%; height: 100% } .intro-slides .intro-slide:first-of-type { -webkit-transform: rotateY(0deg) translateZ(46.7vw) } .intro-slides .intro-slide:first-of-type { -webkit-transform: rotateY(0deg) translateZ(46.7vw); transform: rotateY(0deg) translateZ(46.7vw) } .solution { margin: 0 -.625vw; clear: both; padding-top: 20px } .solution .item_slick { display: block; position: relative; margin: 0 .625vw; overflow: hidden } .solution .item_slick .img-box:before { padding-top: 60.46931% } .solution .item_slick figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; padding: 30px; z-index: 20 } .solution .item_slick h3 { font-size: 1.25em; color: #fff; letter-spacing: 1.2px } .solution .item_slick:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear,0% 50%,100% 50%,color-stop(0%,rgba(0,0,0,0.2)),color-stop(100%,rgba(255,255,255,0))); background-image: -moz-linear-gradient(left,rgba(0,0,0,0.2),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(left,rgba(0,0,0,0.2),rgba(255,255,255,0)); background-image: linear-gradient(to right,rgba(0,0,0,0.2),rgba(255,255,255,0)); z-index: 10 } .solution .item_slick .read_more { width: 100%; padding: 0 30px; left: 0; color: #fff !important } .solution .item_slick .read_more:before { display: none } .read_more { bottom: 30px; left: 30px; width: auto; padding: 0; font-size: 14px; color: #fff; font-family: "PT Sans"; overflow: hidden; letter-spacing: 1px; line-height: 22px; -moz-transition: cubic-bezier(0.32,0.17,0,1) .7s; -o-transition: cubic-bezier(0.32,0.17,0,1) .7s; -webkit-transition: cubic-bezier(0.32,0.17,0,1) .7s; transition: cubic-bezier(0.32,0.17,0,1) .7s } .read_more i { position: absolute; top: 0; right: 30px } .sm_control_tools { position: absolute; top: 0; right: 0; margin-right: -1.66667vw } .sm_control_tools .arrows { display: inline-block; font-size: 12px; color: #333; padding: 0 1.66667vw; color: #999; height: 50px; line-height: 50px } .wks_hot { display: block; width: 100%; position: relative; overflow: hidden } .wks_hot .img-box:before { padding-top: 53.7594% } .wks_hot figcaption { position: absolute; top: 0; left: 0; padding: 30px; width: 100%; height: 100% } .wks_hot figcaption article { position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px; color: #fff } .wks_hot figcaption h3 { font-size: 1.25em; color: #fff; letter-spacing: 1.2px } .wks_hot figcaption h4 { font-size: 1.5em; color: #fff; letter-spacing: 1.5px; margin-bottom: 9px } .wks_hot figcaption .read_more { left: auto; right: 30px; bottom: 34px; line-height: 22px } .in-project__pic { display: block; width: 62.70833%; position: relative; overflow: hidden } .in-project__pic h3 { font-size: 1.25em; color: #fff; letter-spacing: 1.2px; margin: 30px; position: absolute; top: 0; left: 0; z-index: 20 } .wks_recommend { position: absolute; top: 0; right: 0; width: 35.625%; background-color: #fff; height: 100% } .wks_recommend .recommommend { height: 100% } .wks_recommend .recommommend .slick-list,.wks_recommend .recommommend .slick-track,.wks_recommend .recommommend .slick-slide { height: 100% } .wks_recommend>h3 { font-size: 1.25em; color: #fff; letter-spacing: 1.2px; color: #333; margin: 30px; position: absolute; top: 0; left: 0; z-index: 20 } .wks_recommend>h3:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 0; height: 2px; background-color: #68c492 } .wks_recommend .item_slick { display: block; position: relative; height: 100% } .wks_recommend .item_slick h3 { font-size: 2.25em; font-family: "PT Sans"; color: #68c492; font-family: "PT Sans"; line-height: 44px; margin-bottom: 5px } .wks_recommend .item_slick h3 span { font-family: "PT Sans" } .wks_recommend .item_slick h4 { font-size: 14px; letter-spacing: .4px; color: #333; margin-top: 10px } .wks_recommend .item_slick figcaption { position: absolute; top: 50%; left: 30px; width: 210px } .wks_recommend .item_slick figure { float: right; height: 100%; width: calc(100% - 240px); position: relative } .wks_recommend .item_slick .img_response { position: absolute; top: 50%; left: 0; right: 0; width: 80%; margin: 0 auto; background: none } .wks_recommend .slick-dots { text-align: center; left: 0; width: 100%; bottom: 20px } .wks_recommend .slick-dots li button { width: 6px; height: 6px } .info_mutips { font-size: 14px; letter-spacing: 1px; color: #999; line-height: 26px; line-height: 28px } .info_mutips strong { color: #333; font-weight: 700 } .info_mutips p { text-align: left !important; word-break: break-all } .expo_activity { width: 23.75% } .sm_expo_active { display: block; position: relative; margin-top: 20px } .sm_expo_active a { display: block; position: relative } .sm_expo_active .img-box:before { padding-top: 122.22222% } .sm_expo_active .img-box:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMGI5ZiIgc3RvcC1vcGFjaXR5PSIwLjcyIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMxMzFiOGUiIHN0b3Atb3BhY2l0eT0iMC40OCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU0NTQ1NCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear,0% 50%,100% 50%,color-stop(0%,rgba(0,11,159,0.72)),color-stop(50%,rgba(19,27,142,0.48)),color-stop(100%,rgba(84,84,84,0))); background-image: -moz-linear-gradient(left,rgba(0,11,159,0.72),rgba(19,27,142,0.48),rgba(84,84,84,0)); background-image: -webkit-linear-gradient(left,rgba(0,11,159,0.72),rgba(19,27,142,0.48),rgba(84,84,84,0)); background-image: linear-gradient(to right,rgba(0,11,159,0.72),rgba(19,27,142,0.48),rgba(84,84,84,0)) } .sm_expo_active figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; padding: 30px; background-image: linear-gradient(rgba(49,49,49,0.8),rgba(0,0,0,0.01)) } .sm_expo_active figcaption h3 { font-size: 1.5em; color: #fff; letter-spacing: 1.5px; font-size: 1.5em; letter-spacing: .2px; line-height: 40px } .sm_expo_active figcaption .info_mutips { color: #fff; line-height: 24px } .news_activity { width: 74.58333% } .sm_news_active { width: 100%; position: relative; overflow: hidden; margin-top: 20px } .sm_news_active .news_detl { width: 65.92179%; position: relative } .sm_news_active .news_detl:before { content: ""; display: block; padding-top: 59.03955% } .sm_news_active .news_detl>div { position: absolute; top: 0; left: 0; height: 100%; width: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden } .sm_news_active .news_detl a { display: block; position: relative } .sm_news_active .news_detl div.active { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; visibility: visible } .sm_news_active .news_detl .img-box { background-position: center center; background-repeat: no-repeat; background-size: cover } .sm_news_active .news_detl .img-box:before { padding-top: 59.03955% } .sm_news_active .news_detl .img-box:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear,0% 50%,100% 50%,color-stop(0%,rgba(0,0,0,0.2)),color-stop(100%,rgba(255,255,255,0))); background-image: -moz-linear-gradient(left,rgba(0,0,0,0.2),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(left,rgba(0,0,0,0.2),rgba(255,255,255,0)); background-image: linear-gradient(to right,rgba(0,0,0,0.2),rgba(255,255,255,0)); z-index: 10 } .sm_news_active .news_detl figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 200 } .sm_news_active .news_detl h3 { font-size: 1.5em; color: #fff; letter-spacing: 1.5px; letter-spacing: .2px; line-height: 40px } .sm_news_active .news_detl time { display: block; color: #fff; font-size: 14px; font-family: "PT Sans"; letter-spacing: .2px; margin-top: 20px } .sm_news_active .sm_news__inner { padding: 30px; background-image: linear-gradient(rgba(49,49,49,0.8),rgba(0,0,0,0.01)) } .sm_news_active .news_list { width: 34.07821%; position: absolute; top: 0; right: 0; height: 100%; background-color: #333; background-color: #fff; margin-left: 0; margin-right: 0 } .sm_news_active .news_list .list { padding: 30px } .sm_news_active .news_list li { margin-bottom: 20px; margin-top: 0 } .sm_news_active .news_list a { display: block; margin: 0 } .sm_news_active .news_list h3 { font-size: 16px; color: #666; letter-spacing: 1.2px; line-height: 26px; color: #969696; color: #000 } .sm_news_active .news_list time { display: block; color: #fff; font-size: 14px; font-family: "PT Sans"; letter-spacing: .2px; font-size: 12px; color: #666; margin-top: 10px; color: #969696; color: #000 } .sm_news_active .news_list .read_more { color: #000 } .sm_columu { background-color: #fff } .sm_columu li { font-size: 16px; padding: 60px 0; position: relative; -moz-transition: all .8s cubic-bezier(0.32,0.17,0,1); -o-transition: all .8s cubic-bezier(0.32,0.17,0,1); -webkit-transition: all .8s cubic-bezier(0.32,0.17,0,1); transition: all .8s cubic-bezier(0.32,0.17,0,1) } .sm_columu a { display: inline-block; text-align: left; padding: 0 24% } .sm_columu a:before { content: ""; display: block; position: absolute; top: 60px; bottom: 60px; right: 0; width: 1px; height: auto; background-color: rgba(0,0,0,0.1) } .sm_columu a h3 { font-size: 1.875em; font-size: 1.5em; color: #333; -moz-transition: all .8s cubic-bezier(0.32,0.17,0,1); -o-transition: all .8s cubic-bezier(0.32,0.17,0,1); -webkit-transition: all .8s cubic-bezier(0.32,0.17,0,1); transition: all .8s cubic-bezier(0.32,0.17,0,1) } .sm_columu a p { font-size: 14px; color: #333; margin-top: 10px; line-height: 24px; height: 48px; -moz-transition: all .8s cubic-bezier(0.32,0.17,0,1); -o-transition: all .8s cubic-bezier(0.32,0.17,0,1); -webkit-transition: all .8s cubic-bezier(0.32,0.17,0,1); transition: all .8s cubic-bezier(0.32,0.17,0,1) } .sm_columu a i { display: inline-block; color: #999; margin-top: 30px; -moz-transition: all .8s cubic-bezier(0.32,0.17,0,1); -o-transition: all .8s cubic-bezier(0.32,0.17,0,1); -webkit-transition: all .8s cubic-bezier(0.32,0.17,0,1); transition: all .8s cubic-bezier(0.32,0.17,0,1); font-size: 12px } .sm_columu li:last-child a:before { display: none } @media only screen and (max-width:1680px) and (min-width:1025px) { .expo_hidden { display: none } .sm_news_active .news_list h3 { height: 24px; overflow: hidden } .sm_columu a p { height: 48px } } @media only screen and (max-width:1460px) and (min-width:1025px) { .index_banner .item_slick h2,.index_banner .item_slick h3 { font-size: 3.375em } } @media only screen and (max-width:1440px) and (min-width:1025px) { .expo_hidden { display: none } } @media only screen and (min-width:1025px) { .sm_control_tools .arrows:hover { color: #333 } .solution .item_slick figcaption { -moz-transform: translateY(60%); -ms-transform: translateY(60%); -webkit-transform: translateY(60%); transform: translateY(60%) } .solution .item_slick:hover figcaption { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0) } .solution .item_slick .read_more { -moz-transform: translateY(20px); -ms-transform: translateY(20px); -webkit-transform: translateY(20px); transform: translateY(20px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .solution .item_slick:hover .read_more { transition-delay: 0s; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 } .sm_columu li:hover { background-color: #68c492 } .sm_columu li:hover a h3,.sm_columu li:hover a p,.sm_columu li:hover a i { color: #fff; -moz-transform: translate(20px,0); -ms-transform: translate(20px,0); -webkit-transform: translate(20px,0); transform: translate(20px,0) } .wks_recommend .item_slick:hover h3:before { width: 100% } .sm_news_active .news_list a:hover h3,.sm_news_active .news_list a:hover time,.sm_news_active .news_list a.active h3,.sm_news_active .news_list a.active time,.sm_news_active .news_list .read_more:hover { color: #68c492 } .sm_news_active .news_list .read_more:hover { background-size: 100% 100% } .sm_news_active .news_detl h3 span,.sm_expo_active figcaption h3 span,.read_more,.wks_hot figcaption h4 span { background-image: linear-gradient(to bottom,rgba(0,0,0,0) 95%,#ffffff 0%); cursor: pointer; background-size: 0 100%; background-repeat: no-repeat; text-decoration: none; -moz-transition: background-size .36s cubic-bezier(0.32,0.17,0,1); -o-transition: background-size .36s cubic-bezier(0.32,0.17,0,1); -webkit-transition: background-size .36s cubic-bezier(0.32,0.17,0,1); transition: background-size .36s cubic-bezier(0.32,0.17,0,1) } .sm_news_active .news_list h3 span,.sm_news_active .news_list .read_more { background-image: linear-gradient(to bottom,rgba(0,0,0,0) 95%,#68c492 0%); cursor: pointer; background-size: 0 100%; background-repeat: no-repeat; text-decoration: none; -moz-transition: background-size .36s cubic-bezier(0.32,0.17,0,1); -o-transition: background-size .36s cubic-bezier(0.32,0.17,0,1); -webkit-transition: background-size .36s cubic-bezier(0.32,0.17,0,1); transition: background-size .36s cubic-bezier(0.32,0.17,0,1) } .wks_recommend .item_slick h3 span { position: relative } .wks_recommend .item_slick h3 span:before { content: ""; display: block; width: 0; height: 3px; position: absolute; bottom: 3px; left: 0; background-color: #68c492; -moz-transition: all .36s cubic-bezier(0.32,0.17,0,1); -o-transition: all .36s cubic-bezier(0.32,0.17,0,1); -webkit-transition: all .36s cubic-bezier(0.32,0.17,0,1); transition: all .36s cubic-bezier(0.32,0.17,0,1) } .wks_recommend .item_slick:hover h3 span:before { width: 100% } .sm_news_active .news_detl a:hover h3 span,.sm_expo_active:hover figcaption h3 span,.sm_news_active .news_list a:hover h3 span,.sm_news_active .news_list a.active h3 span,.read_more:hover,.wks_hot:hover figcaption h4 span { background-size: 100% 100% } .solution .item_slick .read_more:hover { background-size: 0 100% } .wks_hot figcaption .read_more { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; transform: translate(0,20px); -moz-transition: all .36s cubic-bezier(0.32,0.17,0,1); -o-transition: all .36s cubic-bezier(0.32,0.17,0,1); -webkit-transition: all .36s cubic-bezier(0.32,0.17,0,1); transition: all .36s cubic-bezier(0.32,0.17,0,1) } .wks_hot:hover figcaption .read_more { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; visibility: visible; transform: translate(0,0) } } @media only screen and (max-width:1024px) { .sm_col { overflow: hidden } .sm_col .sm_container { overflow: visible } .index_banner { height: auto !important } .index_banner .item_slick { overflow: hidden } .index_banner .item_slick .img-box:before,.intro-slides .slide .img-box:before { height: auto !important; padding-top: 113.33333% } .index_banner .item_slick h2 { font-size: 1.5em } .index_banner .item_slick h3 { font-size: 1.5em; margin-top: 20px } .index_banner .item_slick figcaption { left: 4.53333%; top: 41% } .slick-dots_effect .slick-dots { left: 0; width: 100%; text-align: center; bottom: 30px } .slick-dots_effect.js-inforpic__slick .slick-dots { bottom: 0 } .solution { display: inline-block; vertical-align: top; width: 100%; padding-top: 0; margin: 0 } .solution .item_slick figcaption { padding: 20px } .solution .item_slick .read_more { padding: 0 20px } .solution .item_slick { margin: 0 } .solution>div { margin-top: 20px } .in-project__pic { width: 100%; margin-top: 30px } .in-project__pic h3 { font-size: 1.125em; line-height: 28px; letter-spacing: .4px } .wks_recommend { position: relative; width: 100%; margin-top: 30px } .wks_recommend:before { content: ""; display: block; padding-top: 79.23977% } .wks_recommend .recommommend { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .wks_recommend>h3 { margin: 20px } .wks_recommend .item_slick figcaption { left: 20px } .wks_recommend .item_slick figure { width: calc(100% - 230px) } .wks_recommend .slick-dots { text-align: center; padding-right: 0; bottom: 20px } .expo_activity { width: 100% } .sm_expo_active { margin-top: 20px } .sm_expo_active figcaption { padding: 20px } .sm_expo_active figcaption h3 { font-size: 18px } .read_more { left: 20px; bottom: 20px } .news_activity { width: 100%; margin-top: 60px } .sm_news_active .news_detl { width: 100% } .sm_news_active .news_list { position: relative; width: 100%; top: -1px; padding-bottom: 70px } .sm_news_active .sm_news__inner { padding: 20px } .sm_news_active .news_detl time { margin-top: 10px } .sm_news_active .news_list .list { padding: 20px } .sm_news_active .news_list a.active h3 { text-decoration: underline } .sm_news_active .news_list a.active h3,.sm_news_active .news_list a.active time { color: #fff } .sm_columu li { width: 100%; padding-left: 40px; padding-right: 40px; text-align: center } .sm_columu a h3 { font-size: 1.25em } .sm_columu a:before { left: 0; width: auto; height: 1px; bottom: 0; top: auto; left: 40px; right: 40px; background-color: rgba(0,0,0,0.1) } .sm_columu a { width: 50%; padding: 0 } .wks_hot figcaption .read_more { display: none; bottom: 0; right: 0; position: relative; margin-top: 10px } .read_more i { font-size: 12px } .sm_expo_active .read_more { left: 20px; right: auto } .sm_news_active .news_list li:last-child { display: block } .sm_columu a p { height: auto } } @media only screen and (max-width:1024px) and (min-width:768px) { .wks_recommend:before { padding-top: 60.23977% } .wks_recommend .item_slick .img_response { width: 50% } .wks_recommend>h3 { margin: 30px } .wks_recommend .item_slick figcaption { left: 30px } .wks_recommend .slick-dots { text-align: center; padding-right: 0; padding-left: 230px } } @media only screen and (max-width:768px) { .solution .item_slick h3 { font-size: 16px } .wks_hot figcaption { padding: 20px } .wks_hot figcaption h3 { font-size: 14px } .wks_hot figcaption h4 { font-size: 18px; margin-bottom: 0 } .wks_hot figcaption article { padding: 20px; padding-bottom: 10px } .wks_recommend>h3 { font-size: 14px } .wks_recommend .item_slick h3 { font-size: 1.625em } .wks_recommend .item_slick h4 { font-size: 12px; margin-top: 0 } .wks_recommend .item_slick article { margin-top: 30px } .wks_recommend .item_slick figcaption { width: 190px } .wks_recommend .item_slick figure { width: calc(100% - 210px) } .sm_news_active .news_detl h3 { font-size: 18px } .slick-dots_effect .slick-dots li { padding: 8px } .slick-dots_effect .slick-dots li button { width: 8px; height: 8px } } .inner_banner .img-box:before { padding-top: 18.22917% } .inner_banner figcaption { position: absolute; top: 37%; left: 12.5%; font-size: 14px; letter-spacing: 1.2px; color: #fff; line-height: 26px } .inner_banner figcaption h3 { font-size: 2.5em; color: #fff; font-weight: 400; letter-spacing: .6px; margin-bottom: 30px } .inner_banner .pagings { position: absolute; top: 0; right: 0; height: 100%; width: 21.45833% } .inner_banner .pagings .btn { display: block; width: 100%; height: 50%; border-left: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.2); text-align: center; position: relative } .inner_banner .pagings .btn i { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #fff } .inner_banner .pagings .btn_next { border-bottom: none } .bg_color { background-color: #3c3c3b } .index-bg_color { background-color: #68c492 } .sm_crumbs { position: absolute; position: relative; top: 0; padding-top: 20px; padding-bottom: 20px; top: 0; left: 12.5%; left: 0; font-size: 0 } .sm_crumbs:before { content: ""; display: block; width: 300%; position: absolute; top: 0; left: -100%; border-top: 1px solid #ededed } .sm_crumbs li { display: inline-block } .sm_crumbs li a { font-size: 14px; color: #999 } .sm_crumbs li:after { content: ""; display: inline-block; width: 20px; height: 2px; background-color: #999; vertical-align: 4px; margin-left: 5px; margin-right: 5px } .sm_crumbs li:last-child:after { display: none } .sm_crumbs li.active a { color: #333 } .solution_list a,.solution_list .item-box { display: block; position: relative } .solution_list a figure,.solution_list .item-box figure { width: 50% } .solution_list a figcaption,.solution_list .item-box figcaption { width: 50%; position: absolute; top: 0; height: 100%; background-color: #fff; padding: 40px 40px 20px 40px; font-size: 0 } .solution_list a .img-box:before,.solution_list .item-box .img-box:before { padding-top: 59.72222% } .solution_list a .img-box:after,.solution_list .item-box .img-box:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); z-index: 300 } .solution_list a h3,.solution_list .item-box h3 { display: inline-block; font-size: 1.5em; color: #333; font-weight: 400; letter-spacing: 1px; line-height: 52px; vertical-align: top; width: 52.27778%; font-size: 30px; min-height: 52px } .solution_list a article,.solution_list .item-box article { display: inline-block; width: 47.72222% } .solution_list a .detail,.solution_list .item-box .detail { position: absolute; bottom: 60px; left: 60px } .solution_list a .status,.solution_list .item-box .status { display: block; font-size: 14px; letter-spacing: 1.2px; color: #68c492; position: relative; vertical-align: top; position: absolute; bottom: 60px; left: 60px; line-height: 24px } .solution_list a .status:before,.solution_list .item-box .status:before { content: ""; display: inline-block; vertical-align: middle; width: 5px; height: 5px; border-radius: 50%; background-color: #68c492; margin-right: 6px } .solution_list a .code,.solution_list .item-box .code { position: absolute; bottom: 60px; left: 54.27778%; width: 53px; height: auto } .solution_list li { margin-top: 60px; font-size: 16px } .solution_list li:nth-child(odd) figure { float: right } .solution_list li:nth-child(odd) figcaption { left: 0 } .solution_list li:nth-child(even) figure { float: left } .solution_list li:nth-child(even) figcaption { right: 0 } .ellipsis-clamp-5 { height: 140px } .ellipsis-clamp { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden } .comp_list .list { margin-left: -.625vw; margin-right: -.625vw } .comp_list .list li { margin-top: 50px } .comp_list a,.comp_list .item-box { position: relative; margin: 0 .625vw } .comp_list a:before,.comp_list .item-box:before { content: ""; display: block; padding-top: 0; height: 562px } .comp_list a figcaption,.comp_list .item-box figcaption { width: 100% } .comp_list a h3,.comp_list .item-box h3 { font-size: 24px; line-height: 36px; letter-spacing: .6px; padding-right: 16% } .comp_list a .status,.comp_list .item-box .status { color: #333 } .comp_list a .status:before,.comp_list .item-box .status:before { background-color: #333 } .comp_list a .code,.comp_list .item-box .code { width: auto; bottom: 30px } .comp_list a .logopic,.comp_list .item-box .logopic { width: 170px; height: auto } .groups_list a:before { height: 0 } .groups_list a figcaption { position: relative } .groups_list a .foot { width: 100%; position: relative } .groups_list a .status { bottom: auto; top: 50%; left: 0; -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%) } .groups_list a .info_mutips { height: 320px } .groups_list a .logopic { position: relative; bottom: 0; left: 0; margin-left: 56.27778%; margin-left: 0 } .detail { font-size: 14px; color: #333 } .detail i { margin-left: 5px } .sm_tip { font-size: 0 } .sm_tip h3 { font-size: 1.5em; color: #333; font-weight: 400; letter-spacing: 1px; line-height: 52px; line-height: 60px; margin-top: -10px; font-size: 30px; width: 41.38889% } .sm_tip article { font-size: 16px; line-height: 30px; letter-spacing: .6px; width: 58.61111% } .sm_power { margin-top: 0 } .sm_power>h3 { font-size: 1.5em; color: #333; font-weight: 400; letter-spacing: 1px; line-height: 52px } .sm_power .list { margin-left: -12px; margin-right: -12px } .sm_power .list li { margin-top: 12px } .sm_power .list .item_box { margin: 0 12px; position: relative; font-size: 16px } .sm_power .list .img-box:before { padding-top: 33.89831% } .sm_power .list figcaption { position: absolute; top: 50%; left: 0; -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); text-align: center; width: 100%; padding-left: 10%; padding-right: 10% } .sm_power .list h3 { font-size: 1.5em; color: #fff; letter-spacing: 1.5px; margin-bottom: 10px } .sm_power .list p { font-size: 14px; letter-spacing: 1.2px; color: #fff; line-height: 26px; letter-spacing: 1px } .sm_power .list .black h3,.sm_power .list .black p { color: #333 } .sm_line { border-top: 1px solid rgba(51,51,51,0.1) } .works_list { margin-left: -.625vw; margin-right: -.625vw } .works_list li { font-size: 16px } .works_list a { display: block; margin: 0 .625vw } .works_list .img-box:before { padding-top: 53.88471% } .works_list .img-box>img { height: auto } .works_list figcaption { height: 180px; background-color: #fff; padding: 35px 40px; position: relative } .works_list figcaption h3 { font-size: 1.5em; color: #fff; letter-spacing: 1.5px; letter-spacing: .6px; color: #333; height: 94px; line-height: 36px; font-weight: 700; width: 66% } .works_list figcaption .number { position: absolute; top: 35px; right: 60px } .works_list figcaption .counter { font-size: 2.25em; font-family: "PT Sans"; color: #68c492; font-family: "PT Sans"; color: #333; font-size: 2.5em; margin: 0 } .works_list figcaption .square { font-size: 2.25em; font-family: "PT Sans"; color: #68c492; color: #333; font-family: "PT Sans"; font-size: 1.75em } .works_list figcaption sup { font-size: 14px } .wrk_mod figcaption { padding: 25px 40px; height: auto } .wrk_mod figcaption h3 { font-size: 1.25em; line-height: 30px; height: 80px; width: 65% } .wrk_mod figcaption .number { top: 25px; right: 40px } .wrk_mod figcaption .counter { font-size: 2.0625em } .wrk_mod figcaption .square { font-size: 1.25em } .sm_other_crumbs { position: static; top: 0; left: 0 } .sm_other_crumbs li.active a { color: #333 } .sm_other_crumbs:before { display: none } .sm_penal { min-height: 80vh; position: relative } .pull_sidebar { width: 240px; background-color: #fff; margin-top: 50px } .pull_sidebar>ul { padding: 10px 40px 30px 40px } .pull_sidebar>ul>li { margin-top: 30px } .pull_sidebar>ul>li>a { font-size: 18px; line-height: 50px; color: #333; letter-spacing: .6px } .pull_sidebar>ul ul { display: none } .pull_sidebar>ul ul.d-block { display: block } .pull_sidebar>ul ul>li a { display: block; font-size: 14px; color: #999; letter-spacing: .6px; line-height: 44px } .wrk_mod li { margin-top: 50px } .sm_penal_body { width: calc(100% - 288px) } .prod_list li { background-color: #fff; font-size: 16px; margin-top: 50px } .prod_list a { display: block; position: relative; height: 474px } .prod_list a figure { position: relative; width: 37.5%; height: 100% } .prod_list a figure:before { content: ""; display: block; padding-top: 111.11111%; padding-top: 0; height: 100% } .prod_list a figure img { position: absolute; top: 50%; right: 0; -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); width: 80%; background: none } .prod_list a figcaption { position: absolute; top: 0; right: 0; width: 62.5%; height: 100% } .prod_list a figcaption h3 { font-size: 2.25em; font-family: "PT Sans"; color: #68c492; font-size: 1.875em; margin-top: 80px; color: #333; margin-left: 5.20833vw; position: relative; font-family: "PT Sans"; line-height: 44px } .prod_list a figcaption h3 .tite { position: relative; font-family: "PT Sans" } .prod_list a figcaption h3 .tite:before { content: ""; display: block; width: 0; height: 3px; background-color: #333; position: absolute; bottom: 0; left: 0 } .prod_list a figcaption h3 .couter { font-size: 2.25em; font-family: "PT Sans"; color: #68c492; font-size: 16px; color: #333; position: absolute; top: 0; right: 10.41667vw; line-height: 30px; font-family: "PT Sans" } .prod_list a .params { margin-left: 4.16667vw; margin-top: 8%; position: relative } .prod_list a .params ul { width: 210px } .prod_list a .params li { display: inline-block; vertical-align: top; text-align: center; margin: 0 1.04167vw; margin-top: 40px } .prod_list a .params .icon { display: inline-block } .prod_list a .params p { font-size: 14px; letter-spacing: 1px; color: #999; line-height: 26px; margin-top: 10px } .prod_list a .detail { position: absolute; bottom: 0; right: 10.41667vw } .products_list { margin: 0 -.625vw; margin-top: 26px } .products_list li { font-size: 16px; margin-top: 24px } .products_list a { display: block; position: relative; margin: 0 .625vw; background-color: #fff } .products_list a figure { position: relative; overflow: hidden } .products_list a figure:before { content: ""; display: block; padding-top: 53.19149% } .products_list a figure img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none } .products_list a figcaption { font-size: 0; padding: 32px 30px 30px 40px } .products_list a figcaption h3 { display: inline-block; vertical-align: top; font-size: 2.25em; font-family: "PT Sans"; color: #68c492; font-size: 2.625em; font-size: 42px; font-size: 30px; height: 74px; overflow: hidden; color: #333; position: relative; line-height: 1.21429; width: 60% } .products_list a figcaption h3 span { position: relative; -moz-transition: background-size 0.36s cubic-bezier(0.32,0.17,0,1); -o-transition: background-size 0.36s cubic-bezier(0.32,0.17,0,1); -webkit-transition: background-size 0.36s cubic-bezier(0.32,0.17,0,1); transition: background-size 0.36s cubic-bezier(0.32,0.17,0,1); background-image: linear-gradient(to bottom,rgba(0,0,0,0) 95%,#000000 0%); background-size: 0 100%; background-repeat: no-repeat } .products_list a figcaption h3 span:before { content: ""; display: block; width: 0; height: 3px; background-color: #333; position: absolute; bottom: 2px; left: 0 } .products_list a figcaption h5 { display: inline-block; vertical-align: top; font-size: 2.25em; font-family: "PT Sans"; color: #68c492; font-size: 16px; line-height: 3.1875; color: #333; font-family: "PT Sans"; width: 40%; text-align: right } .products_list a figcaption article { display: inline-block; vertical-align: top; width: 60%; font-size: 14px; letter-spacing: 1px; color: #999; line-height: 26px; line-height: 1.71429; margin-top: 10px; height: 48px; overflow: hidden } .products_list a figcaption .detail { display: inline-block; vertical-align: bottom; width: 40%; text-align: right } .product_banner { position: relative; padding-left: 100px; padding-right: 100px } .product_banner .prod_for { position: relative; font-size: 0 } .product_banner .pro_swiper,.product_banner .pro_params { width: 50% } .product_banner .pro_params { position: absolute; top: 0; right: 0 } .product_banner figure,.product_banner figcaption { position: relative } .product_banner figure:before,.product_banner figcaption:before { display: block; content: ""; padding-top: 105.55556% } .product_banner figure img { position: absolute; top: 50%; left: 50%; width: 60%; height: auto; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: none } .product_banner figcaption { font-size: 16px } .product_banner figcaption article { position: absolute; top: 50%; left: 0; -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%) } .product_banner figcaption h2 { font-size: 2.25em; font-family: "PT Sans"; color: #68c492; font-size: 1.875em; color: #333; line-height: 50px; font-family: "PT Sans" } .product_banner figcaption p { font-size: 1em; color: #68c492; letter-spacing: 1px; line-height: 26px } .product_banner .prod_nav { position: absolute; top: 50%; left: 0; -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); width: 52px } .product_banner .nav_item_slick { display: block; width: 50px; height: 50px; border: 1px solid transparent; margin: 6px 0; border-radius: 50%; position: relative } .product_banner .nav_item_slick img { position: absolute; top: 50%; left: 50%; width: 90%; height: auto; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: none } .product_banner .slick-current.slick-center .nav_item_slick { border-color: #68c492 } .product_banner .sm_button { position: absolute; top: 50%; right: 0; -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%) } .sm_button a { display: block; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 50%; background-color: #fff; font-size: 12px; color: #333; margin: 11px 0 } .sm_prod_sell li { position: relative; font-size: 16px } .sm_prod_sell li figure { position: relative } .sm_prod_sell li figure:before { content: ""; display: block; padding-top: 31.25% } .sm_prod_sell li figure img { position: absolute; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); background: none } .sm_prod_sell li figcaption { position: absolute; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%) } .sm_prod_sell li figcaption h1 { font-family: "PT Sans"; font-size: 3.75em; color: #fff; line-height: 50px } .sm_prod_sell li figcaption h2,.sm_prod_sell li figcaption h3 { font-size: 1.875em; color: #fff; line-height: 50px } .sm_prod_sell li figcaption h4,.sm_prod_sell li figcaption h5,.sm_prod_sell li figcaption h6 { font-size: 16px; color: #999; line-height: 24px; margin-top: 10px; padding-bottom: 20px } .sm_prod_sell li figcaption article { font-size: 16px; color: #fff; line-height: 30px; margin-top: 20px } .sm_prod_sell li figcaption article p { position: relative; padding-left: 20px } .sm_prod_sell li figcaption article p:before { content: ""; position: absolute; top: 13px; left: 0; width: 5px; height: 5px; background-color: #fff; border-radius: 50% } .sm_prod_sell li.text_left figure img { left: 0; width: 100%; height: 100%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%) } .sm_prod_sell li.text_left figcaption { left: 12.5% } .sm_prod_sell li.text_right figure img { position: absolute; top: 50%; left: 12.5%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); max-width: 100%; background: none; width: 45.57292% } .sm_prod_sell li.text_right figcaption { left: 50%; margin-left: 10.9375%; margin-top: -20px } .sm_prod_sell li.text_right figcaption h1,.sm_prod_sell li.text_right figcaption h2,.sm_prod_sell li.text_right figcaption h3,.sm_prod_sell li.text_right figcaption h4,.sm_prod_sell li.text_right figcaption h5,.sm_prod_sell li.text_right figcaption h6 { color: #333 } .sm_prod_sell li.text_right figcaption article { color: #333 } .sm_prod_sell li.text_right figcaption article p:before { background-color: #333 } .prod_video,.hot_news { font-size: 0 } .prod_video .img-box:before,.hot_news .img-box:before { padding-top: 59.30556% } .prod_video figure,.hot_news figure { width: 50% } .prod_video figcaption,.hot_news figcaption { width: 50%; font-size: 16px; position: relative; background-color: #fff } .prod_video figcaption:before,.hot_news figcaption:before { content: ""; display: block; padding-top: 59.30556% } .prod_video figcaption time,.hot_news figcaption time { font-size: 1.875em } .prod_video figcaption a,.hot_news figcaption a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 60px 90px 60px 60px } .prod_video figcaption h3,.hot_news figcaption h3 { position: relative } .prod_video figcaption h3 .couter,.hot_news figcaption h3 .couter { position: absolute; top: -7px; right: 0 } .prod_video figcaption article,.hot_news figcaption article { width: 240px; position: absolute; bottom: 60px; left: 60px } .prod_video figcaption .detail,.hot_news figcaption .detail { position: absolute; bottom: 60px; right: 90px } .video_play_wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none } .video_play_wrapper video { display: block; object-fit: cover; object-position: center center; height: 100%; width: 100%; z-index: 20 } .video_play_wrapper .btn_video_pause { position: absolute; top: 0; right: 0; width: 50px; height: 50px; color: #68c492; background-color: #fff; text-align: center; line-height: 50px; font-size: 20px; cursor: pointer; z-index: 300 } .hot_news figcaption h3 { width: 66% } .btn_videoPlay { display: block; width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; font-size: 50px; color: #fff; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .sm_paramter { font-size: 16px; color: #333; line-height: 50px } .sm_paramter table { width: 100%; margin-top: 60px } .sm_paramter table tbody tr:nth-child(odd) { background-color: #F2F2F2 } .sm_paramter table tbody tr:nth-child(even) { background-color: #fff } .sm_paramter table tbody th { font-weight: 700; color: #68c492; text-align: left; padding-left: 40px; width: 25%; width: 19% } .sm_paramter table tbody td { padding: 15px 0 } .sm_paramter table tbody span { display: inline-block; vertical-align: top; min-width: 20%; min-width: 14% } .sm_validate { margin-left: -12px; margin-right: -12px } .sm_validate legend { display: block; line-height: 42px; margin: 0 12px; margin-bottom: 20px } .sm_validate .group { width: 50%; font-size: 14px; line-height: 26px; color: #333; padding: 0 12px; margin-top: 40px; position: relative } .sm_validate .group>img { position: absolute; top: 34px; right: -169px } .sm_validate .group .group_control { display: block; padding: 0; margin: 0; border: none; background: none; width: 100%; height: 46px; background-color: #fff; padding: 0 20px; margin-top: 10px } .sm_validate .group .file_placeholder { display: block; padding: 0; margin: 0; border: none; background: none; width: 100%; height: 46px; background-color: #fff; padding: 0 20px; margin-top: 10px } .sm_validate .group .file_group_control { font-size: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; bottom: 0; left: 0 } .sm_validate .group .group_control:focus { border: 1px solid #68c492 } .sm_validate .group .msg_group_control { height: 160px; resize: none; padding: 20px } .sm_validate .msg_group { width: 100% } .sm_validate label.error { color: #E60012; position: absolute; bottom: -30px; left: 15px } .validateform .group .group_control { background-color: #F2F2F2 } .btn_default { display: inline-block; padding: 0; margin: 0; border: none; background: none; width: 176px; height: 45px; text-align: center; line-height: 45px; background-color: #68c492; margin-right: 12px; border-radius: 50px; color: #fff; font-size: 14px; letter-spacing: .6px; margin-top: 40px; cursor: pointer; border: 1px solid #68c492 } .sm_pagaing { text-align: center } .sm_pagaing a { display: inline-block; vertical-align: top; width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 14px; color: #333; font-family: "PT Sans" } .sm_pagaing a.current { background-color: #E60012; color: #fff } .sm_pagaing .btn { margin: 0 10px } .error-404 { text-align: center } .error-404 h3 { font-size: 24px; color: #333; line-height: 33px; letter-spacing: 1.6px } .error-404>img { width: 55.20833% } .error-404 h4 { font-size: 14px; color: #333; line-height: 20px; letter-spacing: 1.6px } .sm_tags .counter { font-size: 2.5em; color: #fff; font-weight: 400; letter-spacing: .6px; color: #333; font-size: 40px; font-family: "PT Sans"; font-weight: normal; margin: 0 } .sm_tags .square { font-size: 28px; color: #333; font-family: "PT Sans" } .sm_tags .square sup { font-size: 16px } .wrk_banner .img-box:before { padding-top: 49.38272% } .wrk_banner .sm_descripts { font-size: 0 } .wrk_banner .sm_descripts>h3 { vertical-align: top; line-height: 30px } .wrk_banner .sm_descripts a { color: #333; text-decoration: underline } .wrk_banner .sm_descripts .col-7 { width: 67%; margin-top: -4px } .wrk_banner .sm_descripts .col-3 { width: 33% } .wrk_banner .sm_descripts time { position: relative; top: 0; right: 0; font-size: 14px; line-height: 24px; color: #999; letter-spacing: 2px; font-family: "PT Sans" } .wrk_banner .sm_descripts ul { margin-top: 54px } .wrk_banner .sm_descripts ul li { display: inline-block; vertical-align: top; margin-right: 7.8125vw } .wrk_banner .sm_descripts ul li h3 { font-weight: normal; font-size: 40px; font-family: "PT Sans"; height: 40px } .wrk_banner .sm_descripts ul li p { color: #68c492; line-height: 30px } .wrk_banner .slick-dots_effect .slick-dots { bottom: 20px; left: 0; width: 100%; text-align: center; margin-left: 0 } .wrk_banner .slick-dots_effect .slick-dots button { background-color: #fff; width: 8px; height: 8px } .news_list { margin-left: -.625vw; margin-right: -.625vw } .news_list li { margin-top: 20px } .news_list a { display: block; margin: 0 .625vw; overflow: hidden } .news_list .img-box:before { padding-top: 67.00547% } .news_list figcaption { padding: 30px 40px 40px 30px; background-color: #fff; position: relative } .news_list figcaption h3 { font-size: 1.25em; line-height: 30px; width: 66%; height: 60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; letter-spacing: 1px } .news_list figcaption article { margin-top: 50px; width: 100%; display: none } .news_list figcaption time { font-size: 1.875em; font-size: 1.25em; top: 22px; right: 40px } .news_list figcaption .detail { display: block; position: relative; bottom: 0; right: 0; font-size: 14px; margin-top: 30px } .news_list figcaption p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden } .sm_ellipsis { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 50px } .sm_detail { position: relative; width: 69.44444%; margin-left: auto; margin-right: auto } .sm_detail time { font-size: 2.5em; color: #333; font-family: "PT Sans"; font-weight: normal; letter-spacing: .6px; font-size: 1.875em; position: absolute; top: 0; right: 0 } .sm_detail article { font-size: 14px; line-height: 24px; color: #999; letter-spacing: 1px } .sm_detail h1 { width: 38%; width: 100%; padding-right: 260px; line-height: 50px; font-size: 26px } .sm_detail h4 { font-size: 1.25em; font-weight: 700; letter-spacing: .6px; line-height: 24px; color: #68c492; margin-bottom: 10px } .sm_detail img { max-width: 100% } .sm_detail .share a { color: #333 } .sm-new__detail article { color: #333 } .report_detail h3 { font-size: 30px } .report_detail h4 { font-size: 18px } .pager { font-size: 0 } .pager .btn { font-size: 12px; color: #999; line-height: 30px } .pager .btn_prev { margin-right: 25px } .pager .btn_next { margin-left: 25px } .newwork-site__wrapper { font-size: 0 } .newwork-site__maps { display: inline-block; vertical-align: top; width: 50%; margin-top: -56px; padding-right: 3.4375vw; float: left } .newwork-site { display: inline-block; vertical-align: top; width: 50%; padding-left: 2.08333vw; float: left } .newwork-site { font-size: 16px; margin-bottom: 60px } .newwork-site li { font-size: 14px; color: #333; letter-spacing: .6px; line-height: 30px; margin-top: 30px } .newwork-site li h4 { font-size: 1.25em; color: #333; margin-bottom: 20px } .newwork-site li address,.newwork-site li .telphone { display: inline-block; vertical-align: top; width: 185px; width: 50%; padding-right: 20%; height: 60px } .newwork-site li .telphone { padding-right: 0 } .newwork-site li .tel { display: inline-block; vertical-align: top; color: #68c492 } .newwork-site .line { border-bottom: 2px solid #F6F6F6; padding-top: 30px } .allMap { width: 77.43056%; margin-left: auto; margin-right: auto; width: 1106px; overflow: visible } .ui_visible { overflow: visible !important } .locations { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 200 } .locations .dot { position: absolute; width: 1px; height: 1px; cursor: pointer } .locations i { display: block; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; animation: pulse 1.6s linear infinite alternate both; -moz-animation: pulse 1.6s linear infinite alternate both; -webkit-animation: pulse 1.6s linear infinite alternate both; -o-animation: pulse 1.6s linear infinite alternate both } .locations i:before,.locations i:after { content: ""; display: block; border-radius: 50% } .locations i:before { width: 50%; height: 50%; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background-color: #68c492 } .locations i:after { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background-color: rgba(1,64,153,0.5) } .locations .dot-1 { top: 41%; right: 18%; margin-right: -7px } .locations .dot-2 { top: 40%; right: 21%; margin-right: -2px; margin-top: -3px } .locations .dot-3 { top: 45%; right: 24%; margin-right: -6px; margin-top: 11px } .locations .dot-4 { top: 31%; right: 41%; margin-right: 3px; margin-top: -12px } .locations .dot-5 { top: 51%; right: 41%; margin-right: 6px; margin-top: 3px } .locations .dot-6 { top: 34%; right: 51%; margin-right: 5px; margin-top: -4px } .locations .dot-7 { top: 34%; right: 53%; margin-right: 1px; margin-top: -8px } .locations .dot-8 { top: 30%; right: 54%; margin-right: 2px; margin-top: -10px } .locations .dot-9 { top: 36%; right: 70%; margin-right: 19px; margin-top: -12px } .locations .dot-10 { top: 44%; right: 75%; margin-right: 14px; margin-top: -10px } .locations .dot-11 { top: 48%; right: 80%; margin-right: 1px; margin-top: -15px } .locations .dot-12 { top: 37%; right: 83%; margin-right: 6px; margin-top: -9px } .locations .dot-13 { top: 79%; right: 15%; margin-right: 22px; margin-top: -3px } .locations .dot-14 { top: 62%; right: 26%; margin-right: 12px; margin-top: -3px } .locations .dot:hover i:before { background-color: #e60012 } .locations .dot:hover i:after { background-color: rgba(230,0,18,0.5) } .locations .dot:hover .showToast { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; visibility: visible; -moz-transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0) } .locations .showToast { width: 298px; position: absolute; top: 16px; left: -300px; background-color: #fff; font-size: 14px; color: #999; z-index: 200; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; -moz-transform: translate(10px,10px); -ms-transform: translate(10px,10px); -webkit-transform: translate(10px,10px); transform: translate(10px,10px) } .locations .showToast .showToast_tip { padding: 25px 30px; line-height: 2 } .locations .showToast .showToast_tip h3 { color: #000; letter-spacing: 1px } .locations .showToast .bgcolor { background-color: #68c492; color: #fff } .locations .showToast .bgcolor h3 { color: #fff } @-o-keyframes pulse { 0% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } 50% { -webkit-transform: scale3d(1.2,1.2,1.2); transform: scale3d(1.2,1.2,1.2) } 100% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } @-moz-keyframes pulse { 0% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } 50% { -webkit-transform: scale3d(1.2,1.2,1.2); transform: scale3d(1.2,1.2,1.2) } 100% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } 50% { -webkit-transform: scale3d(1.2,1.2,1.2); transform: scale3d(1.2,1.2,1.2) } 100% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } @keyframes pulse { 0% { -webkit-transform: scale3d(1,1,1); -ms-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } 50% { -webkit-transform: scale3d(1.4,1.4,1.4); transform: scale3d(1.4,1.4,1.4) } 100% { -webkit-transform: scale3d(1,1,1); -ms-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } .WorldMap svg { display: block; width: 100% } .share_links { position: relative; width: 82.43056% } .share_links .slick-track { margin-left: 0 } .share_links .item_slick { display: block; font-size: 14px; line-height: 26px; color: #333; text-align: center; padding-right: 90px; position: relative; width: 160px } .share_links .item_slick i { display: block; width: 70px; height: 45px; text-align: center; line-height: 45px; color: #333; background-color: #fff; font-size: 14px } .share_links .item_slick:before { content: ""; display: block; width: 10px; height: 2px; background-color: #C6C6C6; position: absolute; top: 22px; right: 10px; margin-right: 35px } .share_links .item_slick p { margin-top: 10px } .share_links .item_slick .code { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin-top: -120px; margin-left: -85px; -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -webkit-transform: translateY(-20px); transform: translateY(-20px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; display: none } .share_links .item_slick:hover .code { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; visibility: visible } .share_links .slick-slide:last-child .item_slick:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden } .sha_links .item_slick i { background-color: #F2F2F2 } .share_button { position: absolute; top: -13px; left: calc(100% - 102px); width: 170px; margin-left: 17.56944% } .share_button a { display: inline-block; vertical-align: top; padding: 20px; font-size: 22px; color: #999 } .controller { position: relative; top: 0; left: 0; margin-left: -30px } .dwl_list { margin-left: -60px } .dwl_list li { margin-top: 60px } .dwl_list a { display: block; font-size: 14px; color: #999; letter-spacing: .4px; padding-left: 60px; padding-right: 70px; position: relative } .dwl_list a .icon-down { color: #999; font-size: 48px; position: absolute; top: 60px; left: 60px } .dwl_list a h3 { font-size: 18px; font-weight: 700; color: #333; letter-spacing: .4px; padding-left: 70px; width: 58%; line-height: 30px } .dwl_list a p { padding-left: 70px; margin-top: 26px } .dwl_list a .line { border-top: 2px solid #F2F2F2; padding-bottom: 60px } .dwl_list a .size { font-size: 1.625em; letter-spacing: .4px; color: #333; font-family: "PT Sans"; position: absolute; top: 66px; right: 140px; margin-top: 0 } .dwl_list li:nth-last-of-type(1) a:after,.dwl_list li:nth-last-of-type(2) a:after { content: ""; display: block; padding-bottom: 60px; border-bottom: 2px solid #F2F2F2 } .rel_list li { font-size: 16px; margin-top: 50px } .rel_list li i { color: #333; font-size: 24px } .rel_list li p { font-size: 1.875em; color: #68c492; letter-spacing: .4px; line-height: 42px; font-family: "PT Sans"; margin-top: 12px } .tm_list li { background-color: #fff; margin-top: 60px; min-height: 400px; position: relative } .tm_list figcaption { font-size: 14px; letter-spacing: 1px; color: #999; line-height: 26px; letter-spacing: .6px; padding-left: 3.64583vw; padding-top: 70px; width: 70%; padding-bottom: 100px } .tm_list figcaption h3 { font-size: 1.5em; font-weight: 400; color: #333; line-height: 37px; line-height: 50px; letter-spacing: 1px; color: #68c492 } .tm_list figcaption>p,.tm_list figcaption>h3 { padding-right: 10% } .tm_list figcaption time { display: inline-block; vertical-align: top; font-size: 1.5em; color: #333; font-weight: 400; letter-spacing: 1px; line-height: 52px; color: #333; line-height: 42px; line-height: 26px; letter-spacing: .4px; font-family: "PT Sans"; font-weight: normal; margin-top: -5px } .tm_list figcaption article { display: inline-block; vertical-align: top; margin-top: 80px; width: 48% } .tm_list figcaption article p { display: inline-block; vertical-align: top; width: 170px; margin-left: 20px } .tm_list figure { width: 30%; padding-top: 0; position: absolute; top: 0; right: 0; height: 100% } .tm_list figure:before { padding-top: 0; height: 0 } .tm_list figure>img { display: block; position: absolute; bottom: 0; left: auto; right: 0; width: 58%; height: auto; width: 100%; top: auto } .noti_list { margin-left: -.625vw; margin-right: -.625vw } .noti_list li { font-size: 16px; margin-top: 50px } .noti_list a { display: block; margin: 0 .625vw; background-color: #fff; position: relative } .noti_list a:before { content: ""; display: block; padding-top: 122.22222% } .noti_list a h3 { font-size: 1.25em; color: #fff; letter-spacing: 1.2px; color: #333; font-weight: 700; letter-spacing: .6px; line-height: 30px; position: absolute; top: 0; left: 0; padding: 30px } .noti_list a time { font-size: 1.25em; color: #fff; letter-spacing: 1.2px; color: #333; letter-spacing: .4px; line-height: 40px; font-family: "PT Sans"; position: absolute; bottom: 60px; left: 30px } .noti_list a .icon-pdf { font-size: 56px; position: absolute; bottom: 60px; right: 30px; color: #999 } .cts_list li { font-size: 16px; margin-top: 70px } .cts_list li i { font-size: 1.25em; color: #fff; letter-spacing: 1.2px; font-family: "PT Sans"; color: #333; letter-spacing: .4px; line-height: 50px } .cts_list li em { display: block; width: 20px; height: 2px; background-color: #333; margin-bottom: 20px } .cts_list li h3 { font-size: 1.5em; font-weight: 400; color: #333; line-height: 37px; letter-spacing: .6px; line-height: 24px } .cts_list li article { font-size: 14px; letter-spacing: .4px; color: #333; letter-spacing: .4px; line-height: 26px; color: #68c492 } .cmp_list { margin-left: -.625vw; margin-right: -.625vw } .cmp_list li { margin-top: 50px } .cmp_list li figcaption { background-color: #fff; height: 304px; margin: 0 .625vw; padding: 40px 50px } .list-logo { margin-right: -1.71875vw; float: right } .list-logo li { margin: 0 1.71875vw; height: 100px; line-height: 100px } .list-logo li img { display: inline-block; vertical-align: middle; max-width: 100% } .counter { margin-left: -.625vw; margin-right: -.625vw } .counter li { font-size: 16px } .counter li figcaption { background-color: #fff; margin: 0 .625vw; padding: 40px 50px; height: 304px } .counter li i { font-size: 1.25em; color: #fff; letter-spacing: 1.2px; font-family: "PT Sans"; color: #333; letter-spacing: .4px; line-height: 50px } .counter li p { font-size: 3.75em; color: #68c492; font-family: "PT Sans"; letter-spacing: .4px; line-height: 50px; margin-top: 30px } .counter li p span { font-family: "PT Sans" } .counter li h3 { font-size: 1.5em; font-weight: 400; color: #333; line-height: 37px; color: #999; letter-spacing: .6px; line-height: 33px; margin-top: 7px } .hor_list { margin-left: -12px; margin-right: -12px } .hor_list li { margin-top: 24px } .hor_list figure { margin: 0 12px; background-color: #fff } .hor_list .img-box:before { padding-top: 122.22222% } .cul_banner figcaption h3 { font-size: 1.5em; color: #333; font-weight: 400; letter-spacing: 1px; line-height: 52px; letter-spacing: 2px; line-height: 42px; color: #fff; font-weight: normal; margin-bottom: 0 } .cul_banner figcaption h3 span { font-weight: 300 } .colu_list { margin-left: -.625vw; margin-right: -.625vw; margin-top: 0 } .colu_list li { font-size: 16px; margin-top: 24px } .colu_list li figcaption { margin: 0; background-color: #fff; background-position-x: center; background-position-y: top; background-repeat: no-repeat; background-size: cover; padding: 30px 30px 0 30px; position: relative; text-align: center } .colu_list li span { font-size: 1.25em; color: #fff; letter-spacing: 1.2px; letter-spacing: .6px; line-height: 50px; font-family: "PT Sans"; color: #333; position: absolute; top: 30px; left: 30px } .colu_list li img { margin-top: 110px; width: auto; height: 105px } .colu_list li h3 { font-size: 2em; line-height: 30px; color: #fff; font-weight: 400; margin-top: 200px; margin-bottom: 200px } .colu_list li p { font-size: 14px; line-height: 20px; color: #999; letter-spacing: .6px; height: 80px; padding: 12px }} .rightSidebar{ border-left:1px #ccc solid;} .intitle h2{ text-align:center; margin:0 auto; font-size:22px; color:#1d2088; font-weight:bold; margin-top:20px;} .ali-renke{ padding-bottom: 0; padding-top: 6px; width:100%; } .ali-renke .inentitle { color: #e9f1fc; } .renke-list{ } .renke-list .item{ border-radius:16px; padding: 0; margin: 0; } .renke-list img{ width: 100%; } .sqiao_fixed{height: auto !important;} .sqiao_fixed ul{margin-bottom: 8px;} .slick-slider{position: relative; } .slick-list{position: relative; overflow: hidden;} .slick-list:focus{outline: 0;} .slick-list.dragging{cursor: pointer; cursor: hand;} .slick-track{position: relative;} .slick-track:before,.slick-track:after{content: ""; display: table;} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{float: left; height: 100%; min-height: 1px; display: none; position: relative; z-index: 1;} .slick-slide:focus{outline: 0;} .slick-slide.slick-active{z-index: 2;} .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-prev,.slick-next{display:block; width: 40px; height: 40px; line-height: 0; font-size: 0; cursor: pointer; position: absolute; top: 50%; border:none} .slick-prev{ background:url(../images/zuo.svg) no-repeat center; background-size:70% 70%;} .slick-next{ background:url(../images/you.svg) no-repeat center;background-size:70% 70%;} .slick-prev:focus,.slick-next:focus{outline: 0;} .slick-prev{left: -25px;} .slick-next{right: -25px;} .slick-dots{width: 100%; font-size: 0; text-align: center; position: absolute; bottom: 30px; z-index: 4; display:none!important} .slick-dots li{position: relative; display: inline-block; *display: inline; *zoom: 1; margin: 0 5px;} .slick-dots li button{display: block; width: 14px; height: 14px; line-height: 0; font-size: 0; background: #fff; border-radius: 50%; cursor: pointer;} .slick-dots li.slick-active button{background: #f77600;} .about-modules-list li { margin-top: 0 } .about-modules-list li h3 { margin-top: 0 } .about-modules-list li article { height: 60px } .about-modules-list li figcaption { height: auto; padding: 40px 20px } .about-modules-list li img { margin-top: 10px; height: 60px } .abot_list li h3 { padding: 0 20px } .value_flex { width: 40.41667%; margin-left: auto; margin-right: auto } .value_flex:before { padding-top: 92.09622% } .year_list .item_slick { display: block; font-size: 0; position: relative; height: 50px; cursor: pointer } .year_list .item_slick>div { margin: 0 1px; cursor: pointer; display: inline-block; height: 100%; position: relative; z-index: 200 } .year_list .item_slick i { display: block; width: 65px; height: 6px; background-color: #D9D9D9 } .year_list .item_slick time { font-size: 16px; color: #333; letter-spacing: .4px; line-height: 50px; font-family: "PT Sans"; position: absolute; bottom: 0; left: 0 } .year_list .item_slick>div:hover i { background-color: #68c492 } .year_list .slick-current.slick-active .item_slick>div.active .tips,.year_list .slick-current.slick-center .item_slick>div.active .tips { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; visibility: visible; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -moz-transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0) } .year_list .slick-current.slick-active .item_slick>div.active.selected .tips,.year_list .slick-current.slick-center .item_slick>div.active.selected .tips { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; -moz-transform: translate(0,20px); -ms-transform: translate(0,20px); -webkit-transform: translate(0,20px); transform: translate(0,20px) } .year_list .item_slick>div.selected .tips { -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s } .year_list .item_slick>div:hover .tips { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; visibility: visible; -moz-transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0); -moz-transition-delay: 0; -o-transition-delay: 0; -webkit-transition-delay: 0; transition-delay: 0; -moz-transition: all 2.2s cubic-bezier(0.32,0.17,0,1); -o-transition: all 2.2s cubic-bezier(0.32,0.17,0,1); -webkit-transition: all 2.2s cubic-bezier(0.32,0.17,0,1); transition: all 2.2s cubic-bezier(0.32,0.17,0,1) } .year_list .tips { position: absolute; top: -155px; left: -10px; background-color: #000; width: 198px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; padding: 20px 30px; -moz-transform: translate(0,20px); -ms-transform: translate(0,20px); -webkit-transform: translate(0,20px); transform: translate(0,20px); -moz-transition: all .6s cubic-bezier(0.32,0.17,0,1); -o-transition: all .6s cubic-bezier(0.32,0.17,0,1); -webkit-transition: all .6s cubic-bezier(0.32,0.17,0,1); transition: all .6s cubic-bezier(0.32,0.17,0,1) } .year_list .tips:before { content: ""; display: block; position: absolute; left: 8px; bottom: -14px; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 19px solid #000; -moz-transform: rotate(207deg); -ms-transform: rotate(207deg); -webkit-transform: rotate(207deg); transform: rotate(207deg) } .year_list .tips time { font-size: 16px; color: #fff; line-height: normal; letter-spacing: .4px; position: relative; font-family: "PT Sans" } .year_list .tips em { display: block; width: 8px; height: 2px; background-color: #999; margin-top: 10px; margin-bottom: 5px } .year_list .tips h3 { font-size: 14px; line-height: 26px; color: #fff; height: 52px; overflow: hidden } .year_list .tips .ellipsis { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -ms-text-overflow: ellipsis; position: relative } .year_list .tips .ellipsis:before { content: "..."; display: block; position: absolute; right: 0; bottom: 0; font-size: 14px; color: #fff } .year_list .slick-current.slick-active .item_slick .active i,.year_list .slick-current.slick-center .item_slick .active i { background-color: #68c492 } .honor_year_list { cursor: pointer } .honor_year_list .slick-slide { height: 250px; cursor: pointer } .honor_year_list .item_slick { margin: 0 1px; margin-top: 180px; position: relative } .honor_year_list .item_slick>time { font-size: 16px; color: #333; letter-spacing: .4px; line-height: 3.1875; font-family: "PT Sans" } .honor_year_list .item_slick>i { display: block; width: 65px; height: 6px; background-color: #D9D9D9 } .honor_year_list .showToast { position: absolute; top: -160px; left: -10px; background-color: #000; width: 198px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; padding: 20px 30px; -moz-transform: translate(0,20px); -ms-transform: translate(0,20px); -webkit-transform: translate(0,20px); transform: translate(0,20px) } .honor_year_list .showToast:before { content: ""; display: block; position: absolute; left: 20px; bottom: -14px; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 19px solid #000; -moz-transform: rotate(207deg); -ms-transform: rotate(207deg); -webkit-transform: rotate(207deg); transform: rotate(207deg) } .honor_year_list .showToast time { font-size: 16px; color: #fff; line-height: normal; letter-spacing: .4px; position: relative; font-family: "PT Sans" } .honor_year_list .showToast i { display: block; width: 8px; height: 2px; background-color: #999; margin-top: 10px; margin-bottom: 5px } .honor_year_list .showToast h3 { font-size: 14px; line-height: 26px; color: #fff; height: 52px; overflow: hidden } .honor_year_list .showToast .ellipsis { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -ms-text-overflow: ellipsis; position: relative } .honor_year_list .showToast .ellipsis:before { content: "..."; display: block; position: absolute; right: 0; bottom: 0; font-size: 14px; color: #fff } .honor_year_list .slick-slide.slick-current.slick-active .showToast { -moz-transition: all .6s cubic-bezier(0.32,0.17,0,1); -o-transition: all .6s cubic-bezier(0.32,0.17,0,1); -webkit-transition: all .6s cubic-bezier(0.32,0.17,0,1); transition: all .6s cubic-bezier(0.32,0.17,0,1); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; visibility: visible; -moz-transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0) } .honor_year_list .slick-slide.slick-current.slick-active .item_slick>i { background-color: #68c492 } .scoi_list { position: relative } .scoi_list .item_slick { position: relative } .scoi_list .item_slick figcaption { font-size: 1.2em; line-height: 26px; color: #333; font-weight: 700; width: 25%; position: absolute; top: 0; left: 0; height: 100%; padding: 60px 50px; background-color: #fff } .scoi_list .item_slick h3 { font-size: 1.875em; line-height: 50px; line-height: 1.33333; font-weight: 700; color: #333; font-weight: 400 } .scoi_list .item_slick time { font-size: 1.5em; color: #333; font-weight: 400; letter-spacing: 1px; line-height: 52px; letter-spacing: .4px; line-height: 36px; font-family: "PT Sans"; font-weight: normal; position: absolute; bottom: 70px; left: 50px } .scoi_list .item_slick .img-box { width: 75%; margin-left: 25% } .scoi_list .item_slick .img-box:before { padding-top: 46.29014% } .scoi_list .btn_arrow_next { position: absolute; bottom: 77px; right: 0; margin-right: 90px; font-size: 14px; color: #333; font-weight: 700; line-height: 24px } .join_info { font-size: 0 } .join_info h3 { font-size: 2.5em; color: #fff; font-weight: 400; letter-spacing: .6px; line-height: 60px; letter-spacing: .6px; color: #333; font-size: 40px } .join_info h3 sub,.join_info h3 sup { display: inline-block; font-size: 50px; letter-spacing: .4px; line-height: 58px; color: #333; font-family: "PT Sans" } .join_info h3 sup { vertical-align: 20px } .join_info h3 sub { vertical-align: -50px } .join_info article { display: inline-block; vertical-align: top; width: 50%; font-size: 16px; color: #999; line-height: 30px; letter-spacing: .6px; position: relative; z-index: 30 } .join_info p { padding-left: 120px } .join_info a { color: #333; text-decoration: underline } .join_info h4 { text-align: right; font-size: 1.5em; color: #fff; letter-spacing: 1.5px; color: #333; font-family: "PT Sans"; margin-right: 70px; font-size: 24px; margin-top: -10px } .join_info .bgcover { position: absolute; top: 50%; left: 20px; z-index: 20; width: 35% } .join_list { margin-left: -.72917vw; margin-right: -.72917vw } .join_list li figcaption { padding: 60px; margin: 0 .72917vw; height: auto; position: relative } .join_list li figcaption:before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff } .join_list li h3 { font-size: 1.25em; font-size: 20px; font-weight: 700; line-height: 40px; letter-spacing: .6px; color: #333 } .join_list li h4 { display: inline-block; vertical-align: top; font-size: 14px; font-weight: 700; line-height: 40px; color: #68c492 } .join_list li h4 span { margin-right: 4px } .join_list li article { display: inline-block; vertical-align: top; font-size: 14px; letter-spacing: .6px; line-height: 30px; color: #999; position: relative; z-index: 20 } .join_list li h5 { margin-top: 20px } .join_list li h5,.join_list li h6 { font-size: 14px; color: #333; letter-spacing: 1.2px; line-height: 24px; position: relative; z-index: 20 } .join_list li .col-4 { width: 40% } .join_list li .col-6 { width: 60% } .informartion { font-size: 0; position: relative } .informartion .img-box:before { padding-top: 66.66667% } .informartion figure { width: 50% } .informartion figcaption { width: 50%; font-size: 16px; padding-left: 6.94444%; padding-top: 30px; position: absolute; top: 50%; right: 0 } .informartion figcaption h3 { margin-bottom: 30px; line-height: 50px } .informartion figcaption article { font-size: 14px; color: #999; letter-spacing: 1px; line-height: 24px; margin-bottom: 80px } .informartion figcaption article:last-child { margin-bottom: 0 } .informartion figcaption span { font-size: 14px; color: #999; letter-spacing: 1px; line-height: 24px; font-family: "PT Sans"; position: absolute; top: 0; left: 0 } .informartion figcaption span:before { content: ""; display: block; position: absolute; bottom: -10px; left: 0; width: 14px; height: 2px; background-color: #999 } .informartion figcaption p { position: relative; padding-left: 56px } .informartion ul li { position: relative; margin-top: 80px } .informartion ul li:nth-child(even) figure { margin-left: 50% } .informartion ul li:nth-child(even) figcaption { left: 0; right: auto; padding-right: 6.94444% } .abouts_infor .abouts_infor__slick { position: absolute; top: 0; left: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 50% } .abouts_infor .abouts_infor__slick .slick-slider,.abouts_infor .abouts_infor__slick .slick-list,.abouts_infor .abouts_infor__slick .slick-slide,.abouts_infor .abouts_infor__slick .slick-track,.abouts_infor .abouts_infor__slick figure { height: 100% } .abouts_infor .abouts_infor__slick .slick-slide { position: relative; font-size: 16px } .abouts_infor .abouts_infor__slick figure { width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center } .abouts_infor .abouts_infor__slick h3 { font-size: 1.25em; color: #fff; letter-spacing: 1.2px; position: absolute; bottom: 10px; left: 0; margin: 30px } .abouts_infor figcaption { padding: 30px 60px; padding-left: 6.94444%; position: relative; top: 0; right: 0; margin-left: 50%; -moz-transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0) } .sm_words { font-size: 0 } .sm_words figcaption { padding-bottom: 80px; margin-bottom: 80px; border-bottom: 1px solid rgba(0,0,0,0.1) } .sm_words figcaption h3 { display: inline-block; vertical-align: top; width: 50%; font-size: 30px; margin-top: -6px } .sm_words figcaption article { display: inline-block; vertical-align: top; width: 50%; font-size: 14px; color: #999; letter-spacing: 1px; line-height: 24px; color: #999 } .sm_words figcaption:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none } .sm_words ul { width: 70%; font-size: 0; margin-top: 70px } .sm_words ul li { display: inline-block; vertical-align: top; color: #333; width: 49%; font-size: 14px; position: relative; padding-left: 28px } .sm_words ul li:before { content: ""; display: block; position: absolute; top: 4px; left: 0; width: 18px; height: 18px; background: url(../assets/img/icon_02.svg) no-repeat center center; background-size: 18px auto } .about_banner .img-box:before { padding-top: 23.4375% } .about_banner figcaption { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; padding: 0 24px } .about_banner figcaption h3 { color: #fff; font-size: 1.875em; font-weight: 700; line-height: 50px; letter-spacing: .6px } .sm_loading { font-size: 0; text-align: center; height: 66px; line-height: 66px } .sm_loading span { display: inline-block; position: relative; width: 2px; margin-left: 27px; margin-right: 27px; background-color: rgba(1,64,153,0.05); border-radius: 5px } .sm_loading span:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 0; border-radius: 5px; -webkit-animation-name: loading; animation-name: loading; -webkit-animation-duration: .36s; animation-duration: .36s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; animation-direction: alternate; -webkit-animation-direction: alternate } .mfps{ width:100%} .sm_loading span:nth-child(1),.sm_loading span:nth-child(7) { height: 66px } .sm_loading span:nth-child(1):before,.sm_loading span:nth-child(7):before { -webkit-animation-delay: .1s; animation-delay: .1s } .sm_loading span:nth-child(2),.sm_loading span:nth-child(6) { height: 46px; vertical-align: 10px } .sm_loading span:nth-child(2):before,.sm_loading span:nth-child(6):before { -webkit-animation-delay: .3s; animation-delay: .3s } .sm_loading span:nth-child(3),.sm_loading span:nth-child(5) { height: 28px; vertical-align: 19px } .sm_loading span:nth-child(3):before,.sm_loading span:nth-child(5):before { -webkit-animation-delay: .5s; animation-delay: .5s } .sm_loading span:nth-child(4) { height: 10px; vertical-align: 28px } .sm_loading span:nth-child(4):before { -webkit-animation-delay: 0s; animation-delay: 0s } .sm_loading span:nth-child(1):before,.sm_loading span:nth-child(4):before { background-color: #68c492 } .sm_loading span:nth-child(2):before,.sm_loading span:nth-child(5):before,.sm_loading span:nth-child(7):before { background-color: #E60012 } .sm_loading span:nth-child(3):before,.sm_loading span:nth-child(6):before { background-color: #14A83B } @-webkit-keyframes loading { from { height: 0 } to { height: 100% } } @keyframes loading { from { height: 0 } to { height: 100% } } .echat-right-center,.echat-left-bottom,.echat-invite-container,.echat_invite_mask,.echat-invite { display: none !important } .searchBox ul li { padding: 20px 0; border-bottom: 1px solid rgba(0,0,0,0.1) } .searchBox a { font-size: 14px; color: #333; line-height: 26px; width: 50% } .searchBox a span { display: block } .popoverCode { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 12000 } .popoverCode .bgcover { display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8) } .popoverCode .code_box { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .popoverCode .code_box .btn_close { display: block; position: absolute; top: -50px; right: -50px; width: 50px; height: 50px; text-align: center; line-height: 50px; color: #fff } .stateTip,#StateTip { display: none; position: absolute; padding: 8px; background: #fff; border: 2px solid #2385B1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 12px; font-family: Tahoma; color: #333 } .mapInfo i { display: inline-block; width: 15px; height: 15px; margin-top: 5px; line-height: 15px; font-style: normal; background: #aeaeae; color: #fff; font-size: 11px; font-family: Tahoma; -webkit-border-radius: 15px; border-radius: 15px; text-align: center } .mapInfo i.active { background: #E27F21 } .mapInfo span { padding: 0 5px 0 3px } .mapInfo b { font-weight: normal; color: #2770B5 } .WorldMap { position: relative } .WorldMap .location { position: absolute; width: 1px; height: 1px } .WorldMap .location img { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .WorldMap .pitch { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center } .WorldMap .pitch i { display: block; width: 30px; height: 26px; background-image: url(../assets/img/icon_location.svg); background-size: 30px auto; margin: auto } .WorldMap .pitch span { display: block; font-size: 12px; color: #68c492; line-height: 2.16667; width: 160px; position: absolute } .WorldMap .pitch span:before,.WorldMap .pitch span:after { content: ""; display: block } .WorldMap .loca_01 { top: 38%; right: 11% } .WorldMap .loca_02 { top: 42%; right: 14% } .WorldMap .loca_03 { top: 21%; right: 17% } .WorldMap .loca_04 { top: 46%; right: 17% } .WorldMap .loca_05 { top: 34%; right: 28% } .WorldMap .loca_06 { top: 48%; right: 36% } .WorldMap .loca_07 { top: 28%; right: 58%; margin-right: -6px } .WorldMap .loca_08 { top: 43%; right: 69% } .WorldMap .loca_09 { top: 25%; right: 54% } .WorldMap .loca_10 { top: 37%; right: 68% } .WorldMap .loca_11 { display: none; top: 39%; right: 22% } .WorldMap .loca_12 { top: 38%; right: 90% } .WorldMap .loca_13 { top: 47%; right: 85% } .WorldMap .loca_14 { top: 76%; right: 10% } .history-year__item { position: relative; padding-bottom: 30px; width: 120px; margin-bottom: 20px; font-size: 14px; line-height: 30px; text-align: center; cursor: pointer } .history-year__item::before,.history-year__item::after { content: ""; position: absolute; bottom: 0; left: 50%; border-radius: 50%; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .history-year__item::before { width: 5px; height: 5px; background-color: #999; bottom: 2px } .history-year__item::after { bottom: -5px; width: 10px; height: 10px; border: 1px solid #999 } .slick-current .history-year__item { font-size: 18px; color: #000 } .slick-current .history-year__item::before { bottom: -3px; width: 10px; height: 10px; background-color: #000 } .slick-current .history-year__item::after { bottom: -21px; width: 26px; height: 26px; border-color: #000 } .slick-year { margin-right: 60px; margin-left: 60px } .slick-year .slick-arrow { -moz-transition: -moz-transform .4s ease; -o-transition: -o-transform .4s ease; -webkit-transition: -webkit-transform .4s ease; transition: transform .4s ease; position: absolute; top: 50%; z-index: 10; width: 40px; height: 40px; margin-top: -20px; font-size: 0; border: 0; border-radius: 50%; outline: 0; background-color: transparent; text-align: center; cursor: pointer; color: #68c492 } .slick-year .slick-arrow::before { -moz-transition: -moz-transform .4s ease; -o-transition: -o-transform .4s ease; -webkit-transition: -webkit-transform .4s ease; transition: transform .4s ease; font-family: 'iconfont'; font-size: 40px; line-height: 40px; color: #000 } .slick-year .slick-arrow:hover { transform: scale(0.9) } .slick-year .slick-arrow:hover:before { transform: scale(0.9) } .slick-year .slick-prev { left: -60px } .slick-year .slick-prev::before { content: '\e6f7' } .slick-year .slick-next { right: -60px } .slick-year .slick-next::before { content: '\e605' } .history-month-item { font-size: 0 } .history-mi__img { display: inline-block; vertical-align: top; width: 45% } .history-mi__img::before { padding-top: 61.24138% } .history-mi__list { display: inline-block; vertical-align: top; width: 45%; margin-left: 5%; margin-right: 5% } .mi-item { margin: 1.5em 0; font-size: 14px; line-height: 2; color: #999 } .mi-item h4 { color: #000; font-weight: bold } .hot-news__slick.slick-dots_effect .slick-dots { left: auto; right: 0; width: 50%; text-align: left; padding-left: 60px; bottom: 20px } .hot-news__slick.slick-dots_effect .slick-dots li { padding: 0; margin-right: 20px } .hot-news__slick.slick-dots_effect .slick-dots button { width: 6px; height: 6px } @media (max-width:1024px) { .about-history { margin-top: 50px } .slick-year { margin-top: 40px; margin-left: 0; margin-right: 0 } .slick-month { margin-top: 40px } .abouts_infor .abouts_infor__slick h3 { font-size: 18px } } @media (max-width:768px) { .history-mi__img { width: 100% } .history-mi__list { width: 100%; margin-left: 0; margin-right: 0 } } .slick_history__wrapper { position: relative } .slick_history__wrapper .slick-arrow { position: absolute; top: 10px; font-size: 12px; color: #999; -moz-transition: all 0.36s cubic-bezier(0.32,0.17,0,1); -o-transition: all 0.36s cubic-bezier(0.32,0.17,0,1); -webkit-transition: all 0.36s cubic-bezier(0.32,0.17,0,1); transition: all 0.36s cubic-bezier(0.32,0.17,0,1); width: 50px; height: 50px; line-height: 50px } .slick_history__wrapper .slick-arrow:hover { color: #68c492 } .slick_history__wrapper .arrow_prev { left: 0; text-align: left } .slick_history__wrapper .arrow_next { right: 0; text-align: right } @media only screen and (max-width:1680px) { .solution_list a .code { left: 60px; bottom: 90px } .comp_list a .logopic { bottom: 60px; left: 56.27778% } .groups_list a .logopic { bottom: 0; left: 0; margin-left: 0 } .groups_list a .info_mutips { height: 400px } } @media only screen and (max-width:1800px) and (min-width:1600px) { .cult_list li figcaption { height: 460px } .colu_list li h3 { margin-top: 180px; margin-bottom: 180px } } @media only screen and (max-width:2700px) and (min-width:1800px) { .cult_list li figcaption { height: 460px } } @media only screen and (max-width:1600px) and (min-width:1366px) { .cult_list li figcaption { height: 36vw } .colu_list li h3 { margin-top: 13.5vw; margin-bottom: 11vw } } @media only screen and (max-width:1280px) and (min-width:1025px) { .comp_list .list li { width: 100% } .comp_list a:before { padding-top: 0; height: auto } .comp_list .item-box:before { padding-top: 0; height: auto } .comp_list a figcaption { position: relative; top: 0; left: 0 } .comp_list .item-box figcaption { position: relative; top: 0; left: 0 } .comp_list a .status { display: inline-block; vertical-align: middle; position: relative; left: 0; top: 37px; width: 56.27778%; margin-top: 30px } .comp_list .item-box .status { display: inline-block; vertical-align: middle; position: relative; left: 0; top: 37px; width: 56.27778%; margin-top: 30px } .comp_list a .logopic { display: inline-block; vertical-align: top; position: relative; left: 0; top: 0; margin-top: 30px } .comp_list .item-box .logopic { display: inline-block; vertical-align: top; position: relative; left: 0; top: 0; margin-top: 30px } .solution_list a figcaption { position: relative; width: 100%; padding: 30px 20px 20px 20px } .solution_list .item-box figcaption { position: relative; width: 100%; padding: 30px 20px 20px 20px } .solution_list a figure { width: 100%; float: none; clear: both } .solution_list .item-box figure { width: 100%; float: none; clear: both } .solution_list li { margin-top: 30px; width: 100% } .solution_list a h3 { width: 50%; font-size: 16px; margin-top: -4px; line-height: 30px } .solution_list a article { width: 50% } .solution_list .item-box h3 { width: 50%; font-size: 16px; margin-top: -4px; line-height: 30px } .solution_list .item-box article { width: 50% } .solution_list li:nth-child(odd) figure,.solution_list li:nth-child(even) figure { float: none; clear: both } .informartion ul li:nth-child(even) figure { margin-left: 0 } .solution_list a .status { display: inline-block; vertical-align: top; position: absolute; bottom: 0; left: 0; width: 50%; margin-top: 45px } .solution_list a .code { position: relative; left: 0; bottom: 0; display: inline-block; vertical-align: top; margin-top: 30px } .compa_list a .status { display: inline-block; vertical-align: middle; position: relative; left: 0; top: 37px; width: 56.27778%; margin-top: 30px } .solution_list .item-box .status { display: inline-block; vertical-align: top; position: absolute; bottom: 0; left: 0; width: 50%; margin-top: 45px } .solution_list .item-box .code { position: relative; left: 0; bottom: 0; display: inline-block; vertical-align: top; margin-top: 30px } .compa_list .item-box .status { display: inline-block; vertical-align: middle; position: relative; left: 0; top: 37px; width: 56.27778%; margin-top: 30px } .groups_list .list li { width: 50% } .groups_list a .status { top: 50%; margin-top: 0; position: absolute; width: auto; bottom: auto } .groups_list a .code { margin-top: 0 } .groups_list a .info_mutips { height: 290px } .groups_list .item-box .status { top: 50%; margin-top: 0; position: absolute; width: auto; bottom: auto } .groups_list .item-box .code { margin-top: 0 } .groups_list .item-box .info_mutips { height: 290px } } @media only screen and (min-width:1025px) { .inner_banner .pagings .btn:hover { background-color: #E60012 } .sm_pagaing a.btn:hover { color: #E60012 } .sm_pagaing a.pg:hover { color: #fff; background-color: #E60012 } .year_list .slick-slide:hover .item_slick span { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; visibility: visible } .solution_list a:hover h3,.solution_list a:hover .detail { color: #68c492 } .solution_list .item-box:hover h3,.solution_list .item-box:hover .detail { color: #68c492 } .mouse .img-box>img,.prod_list a figure img,.products_list a figure img,.news_list a figure { -moz-transition: all .5s cubic-bezier(0.32,0.17,0,1); -o-transition: all .5s cubic-bezier(0.32,0.17,0,1); -webkit-transition: all .5s cubic-bezier(0.32,0.17,0,1); transition: all .5s cubic-bezier(0.32,0.17,0,1) } .mouse:hover .img-box>img,.products_list a:hover figure img,.news_list a:hover figure { -moz-transform: scale(1.04); -ms-transform: scale(1.04); -webkit-transform: scale(1.04); transform: scale(1.04) } .prod_list a:hover figure img { -moz-transform: translate(0,-50%) scale(1.04); -ms-transform: translate(0,-50%) scale(1.04); -webkit-transform: translate(0,-50%) scale(1.04); transform: translate(0,-50%) scale(1.04) } .sm_crumbs li a:hover { color: #68c492 } .sm_other_crumbs li a:hover { color: #333 } .sm_other_crumbs li.active:hover a { color: #333 } .works_list a:hover figcaption h3,.works_list a:hover figcaption .detail { color: #68c492 } .sm_power .list p { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; -moz-transform: translate(0,35px); -ms-transform: translate(0,35px); -webkit-transform: translate(0,35px); transform: translate(0,35px) } .sm_power .list .item_box h3 { -moz-transform: translate(0,35px); -ms-transform: translate(0,35px); -webkit-transform: translate(0,35px); transform: translate(0,35px) } .sm_power .list .item_box:hover h3 { -moz-transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0) } .sm_power .list .item_box:hover p { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; visibility: visible; transition-delay: 0s; -moz-transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0) } .pull_sidebar>ul li a:hover,.pull_sidebar>ul li a.active { color: #68c492 } .prod_list a:hover figcaption .detail,.products_list a:hover figcaption .detail { color: #68c492 } .sm_button a:hover { background-color: #68c492; color: #fff } .product_banner .slick-slide:hover .nav_item_slick { border-color: #68c492 } .btn_default:hover { background-color: transparent; border-color: #68c492; color: #68c492 } .btn_videoPlay:hover { color: #68c492 } .prod_video figcaption a:hover h3,.prod_video figcaption a:hover .detail,.hot_news figcaption a:hover h3,.hot_news figcaption a:hover .detail { color: #68c492 } .prod_video figure:hover>img,.hot_news:hover img { -moz-transform: scale(1.04); -ms-transform: scale(1.04); -webkit-transform: scale(1.04); transform: scale(1.04) } .news_list a:hover figcaption h3,.news_list a:hover figcaption .detail { color: #68c492 } .share .btn:hover,.pager .btn:hover { color: #68c492 } .share_links .item_slick:hover i { background-color: #68c492; color: #fff } .share_button a:hover { color: #68c492 } .dwl_list a:hover .icon-down { color: #68c492 } .dwl_list a:hover h3 { color: #68c492 } .scoi_list .btn_arrow_next:hover { color: #68c492 } .join_list li:hover h3 { color: #68c492 } .join_list li:hover figcaption:before { height: 100% } .noti_list a { -moz-transition: all .36s cubic-bezier(0.32,0.17,0,1); -o-transition: all .36s cubic-bezier(0.32,0.17,0,1); -webkit-transition: all .36s cubic-bezier(0.32,0.17,0,1); transition: all .36s cubic-bezier(0.32,0.17,0,1) } .noti_list a:hover h3 { color: #68c492 } .noti_list a:hover .icon-pdf { color: #68c492 } .prod_list a:hover figcaption h3 .tite:before { width: 100% } .products_list a:hover figcaption h3 span { background-size: 100% 100% } .product_banner .slick-slide figure { transform: translateY(80px) scaleX(1) scaleY(1); opacity: 0; -moz-transition: all .36s cubic-bezier(0.32,0.17,0,1); -o-transition: all .36s cubic-bezier(0.32,0.17,0,1); -webkit-transition: all .36s cubic-bezier(0.32,0.17,0,1); transition: all .36s cubic-bezier(0.32,0.17,0,1) } .product_banner .slick-slide.slick-current.slick-active figure { transform: translateY(0px) scaleX(1) scaleY(1); opacity: 1 } .searchBox a:hover { color: #68c492 } .honor_year_list .slick-slide.slick-current.slick-active .showToast,.honor_year_list .slick-slide:hover .showToast { -moz-transition: all 1.2s cubic-bezier(0.32,0.17,0,1); -o-transition: all 1.2s cubic-bezier(0.32,0.17,0,1); -webkit-transition: all 1.2s cubic-bezier(0.32,0.17,0,1); transition: all 1.2s cubic-bezier(0.32,0.17,0,1); -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; visibility: visible; -moz-transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0) } .honor_year_list .slick-slide.slick-current.slick-active .item_slick>i,.honor_year_list .slick-slide:hover .item_slick>i { background-color: #68c492 } .honor_year_list .slick-slide.slick-current.slick-active.active .showToast { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: visible; -moz-transform: translate(0,20px); -ms-transform: translate(0,20px); -webkit-transform: translate(0,20px); transform: translate(0,20px) } .honor_year_list .slick-slide.slick-current.slick-active.active .item_slick>i { background-color: #D9D9D9 } } @media only screen and (max-width:1024px) and (min-width:768px) { .sm_crumbs { display: block } .sm_other_crumbs { padding-top: 20px } .inner_banner .img-box:before { padding-top: 0; height: 200px } .inner_banner .img-box>img { height: 100%; width: auto; left: 50%; -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); transform: translate(-50%,0) } .inner_banner figcaption { font-size: 12px; line-height: 20px; left: 4.53333%; right: 4.53333%; margin-right: 24%; top: 50%; -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); margin-top: 10px } .inner_banner figcaption h3 { font-size: 1.25em; margin-bottom: 20px; line-height: 36px } .inner_banner .pagings { width: 24% } .inner_banner .pagings .btn { font-size: 12px } .sm_crumbs { left: 4.53333%; left: 0 } .sm_crumbs li a { font-size: 12px } .solution_list a figcaption { position: relative; width: 100%; padding: 30px 20px } .solution_list a figure { width: 100%; float: none; clear: both } .so_solution_list a figure { margin-top: 59.72222% } .so_solution_list a figcaption { position: absolute; top: -100% } .solution_list .item-box figcaption { position: relative; width: 100%; padding: 30px 20px } .solution_list .item-box figure { width: 100%; float: none; clear: both } .so_solution_list .item-box figure { margin-top: 59.72222% } .so_solution_list .item-box figcaption { position: absolute; top: -100% } .ellipsis-clamp-5 { height: 122px; -webkit-line-clamp: 6 } .solution_list li { margin-top: 30px; width: 100% } .solution_list a h3 { width: 50%; font-size: 16px; margin-top: -4px; line-height: 30px } .solution_list a article { width: 50% } .solution_list .item-box h3 { width: 50%; font-size: 16px; margin-top: -4px; line-height: 30px } .solution_list .item-box article { width: 50% } .info_mutips { font-size: 12px; line-height: 20px } .solution_list a .detail { display: inline-block; left: 0; bottom: 0; position: relative; margin-top: 30px } .detail { font-size: 12px } .sm_tip h3 { font-size: 18px; display: block; line-height: normal; width: 100%; margin-top: 0 } .sm_tip article { display: block; font-size: 12px; line-height: 20px; width: 100%; margin-top: 20px } .sm_power>h3 { font-size: 18px; display: block; line-height: normal } .sm_power .list { margin-top: 0 } .sm_power .list li { width: 100%; margin-top: 20px } .sm_power .list h3 { font-size: 1em } .sm_power .list p { font-size: 12px; line-height: 20px } .sm_power .list figcaption { padding: 0 40px } .works_list { margin-top: 0 } .works_list li { width: 100%; margin-top: 30px } .works_list figcaption { padding: 20px 20px; height: auto } .works_list figcaption h3 { font-size: 14px; line-height: 26px; height: 70px } .works_list figcaption .counter { font-size: 1.125em } .works_list figcaption .square { font-size: 1.125em } .works_list figcaption .number { top: 20px; right: 20px } .sm_penal { padding-top: 30px } .pull_sidebar { width: auto; left: 0; right: 0; float: none; clear: both; margin-top: 0; background-color: #fff; position: absolute; top: 30px; z-index: 1000 } .pull_sidebar.fixed { position: fixed; top: 67px; border-top: 1px solid rgba(0,0,0,0.1); left: 0; right: 0 } .sm_penal_body { width: 100%; float: none; clear: both } .prod_list li { margin-top: 30px } .prod_list a { padding-top: 20px; padding-bottom: 40px; height: auto } .prod_list a figure { width: 100% } .prod_list a figcaption { position: relative; width: 100%; height: auto; margin-top: 10px } .prod_list a figure:before { padding-top: 60%; height: auto } .prod_list a figure img { -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 50% } .prod_list a figcaption h3 { font-size: 1.25em; margin-left: 20px; margin-top: 0 } .prod_list a .params { margin-left: 20px; margin-top: 0 } .prod_list a .params .icon { width: auto; height: 35px } .prod_list a .params p { font-size: 12px; line-height: 24px } .prod_list a .params ul { width: 130px; width: 40%; width: 50%; min-height: 222px } .products_list li { width: 100% } .products_list a figcaption { padding: 30px 20px } .products_list a figcaption h3 { font-size: 26px } .products_list a figcaption h5 { margin-top: -5px; font-size: 14px } .products_list a figcaption article { font-size: 12px } .pull_sidebar>ul { display: none; padding-left: 20px; padding-right: 20px; position: absolute; top: 58px; left: 0; background-color: #F2F2F2; width: 100%; height: 340px; overflow-y: scroll } .pull_sidebar.fixed>ul { left: 4.53333%; right: 4.53333%; width: auto } .sm_penal .bgplaceholder { height: 58px } .pull_sidebar>ul>li { margin-top: 0 } .pull_sidebar>ul ul,.pull_sidebar>ul ul.d-block { display: none } .prod_list a figcaption h3 .couter { right: 20px } .prod_list a .detail { right: 20px; bottom: 5px } .product_banner { padding-left: 0; padding-right: 0 } .product_banner figure,.product_banner figcaption { width: 100% } .product_banner .pro_swiper,.product_banner .pro_params { width: 100% } .product_banner .pro_params { position: relative; top: 0; left: 0 } .product_banner .prod_nav { top: 10%; -moz-transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0) } .product_banner figcaption { padding-bottom: 60px } .product_banner figcaption h2 { font-size: 1.25em; line-height: 30px } .product_banner figcaption p { font-size: 12px } .product_banner .sm_button { display: none } .product_banner figcaption:before { padding-top: 0 } .product_banner figcaption article { position: relative; top: 0; left: 0; -moz-transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0) } .product_banner .nav_item_slick { width: 42px; height: 42px } .product_banner .nav_item_slick img { width: 80%; background: none } .product_banner figure img { left: auto; right: 10%; -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%) } .sm_prod_sell li figcaption { position: relative; top: 0; left: 0; -moz-transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0); padding-top: 30px; padding-bottom: 30px } .sm_prod_sell li figure:before { padding-top: 62.5% } .sm_prod_sell li:nth-child(odd) figure img { height: 100%; width: auto; left: 50%; top: 0; -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); transform: translate(-50%,0) } .sm_prod_sell li:nth-child(odd) figcaption { left: 0; padding-left: 4.53333%; padding-right: 4.53333% } .sm_prod_sell li figcaption h1 { color: #333; font-size: 1.875em } .sm_prod_sell li figcaption h4,.sm_prod_sell li figcaption h5,.sm_prod_sell li figcaption h6 { font-size: 14px; margin-top: 0; padding-bottom: 0 } .sm_prod_sell li figcaption article { font-size: 12px; color: #333 } .sm_prod_sell li figcaption article p:before { background-color: #333 } .sm_prod_sell li:nth-child(even) figure img { width: 90%; left: 4.53333% } .sm_prod_sell li:nth-child(even) figcaption { left: 0; margin-left: 0; margin-top: 0; padding-left: 4.53333%; padding-right: 4.53333% } .sm_prod_sell li figcaption h2,.sm_prod_sell li figcaption h3 { font-size: 1.25em; color: #333 } .sm_prod_sell { padding-bottom: 30px } .prod_video figure,.hot_news figure { width: 100% } .btn_videoPlay { width: 40px; height: 40px; font-size: 40px } .prod_video figcaption,.hot_news figcaption { width: 100% } .prod_video figcaption article,.hot_news figcaption article { position: relative; width: 50%; bottom: 0; left: 0; margin-top: 30px } .prod_video figcaption a,.hot_news figcaption a { padding: 30px 20px; position: relative; top: 0; left: 0; bottom: 0; top: 0; height: auto; height: 320px } .prod_video figcaption .detail,.hot_news figcaption .detail { left: auto; bottom: 30px; right: 20px; top: auto; margin-top: 0 } .prod_video figcaption:before,.hot_news figcaption:before { padding-top: 0 } .sm_paramter { font-size: 12px; line-height: 24px } .sm_paramter table tbody th { width: auto; padding-left: 20px; vertical-align: middle } .sm_paramter table { margin-top: 30px } .sm_validate .group { width: 100%; margin-top: 20px; clear: both; float: none } .btn_default { display: block; font-size: 12px; float: none; clear: both; margin-left: auto; margin-right: auto } .sm_validate .group { font-size: 12px } .sm_validate .group>img { position: static; margin-top: 10px } .sm_validate label.error { position: static } .sm_pagaing a.pg { display: none } .wrk_banner .sm_descripts .col-7,.wrk_banner .sm_descripts .col-3 { width: 100% } .wrk_banner .sm_descripts .col-3 { margin-top: 30px } .sm_descripts h3 { font-size: 1.25em; line-height: 26px } .wrk_banner .sm_descripts time { display: inline-block; font-size: 12px; line-height: 20px } .sm_tags .square { font-size: 14px } .sm_tags .counter { font-size: 20px } .wrk_banner .sm_descripts ul li h3 { font-size: 20px; height: 26px } .wrk_banner .sm_descripts ul { margin-top: 30px } .sm_descripts article { font-size: 12px } .wrk_banner .sm_descripts ul { font-size: 0 } .wrk_banner .sm_descripts ul li { width: 50%; margin-right: 0 } .wrk_banner .sm_descripts ul li p { font-size: 12px } .wrk_slick_swiper { margin-top: 60px } .wrk_banner .slick-dots_effect .slick-dots { bottom: 0 } .sm_descripts time { font-size: 1.25em; top: 14px; right: 20px } .news_list li { width: 100%; margin-top: 30px } .news_list figcaption time { font-size: 1.25em; top: 15px; right: 20px } .news_list figcaption { padding: 30px 20px } .news_list figcaption h3,.hot_news figcaption h3 { font-size: 16px; line-height: 24px; height: auto } .news_list figcaption article { width: 50% } .news_list figcaption .detail { bottom: 0; right: 0; font-size: 12px } .sm_detail { padding-left: 4.53333%; padding-right: 4.53333%; width: 100% } .sm_detail h1 { width: 100%; line-height: 30px; padding-right: 0; line-height: 36px } .sm_detail time { display: inline-block; position: relative; top: 0; left: 0; right: 0; font-size: 1.125em; margin-top: 10px } .sm_detail article { font-size: 12px } .sm_detail .share span { margin-right: 0 } .sm_detail .share .btn { margin-left: 10px } .newwork-site__maps { width: 100%; padding-right: 0 } .newwork-site { width: 100%; padding-left: 0; margin-bottom: 60px } .newwork-site li h4 { font-size: 16px; margin-bottom: 5px } .newwork-site li { font-size: 12px; line-height: 20px; margin-top: 30px } .newwork-site li address { width: 100%; margin-right: 0; height: auto } .newwork-site li .telphone { height: auto; width: 100% } .newwork-site .line { padding-top: 30px } .allMap { width: 100% } .allMap:before { display: none; padding-top: 46.18834% } .newwork-site li .tel { margin-top: 20px } .share_links { width: 100% } .share_button { display: none } .share_links .item_slick { margin-right: 0 } .share_links .item_slick:before { left: 100%; margin-left: -45px } .share_links>div>div { display: inline-block; vertical-align: top; width: 50%; margin-bottom: 40px } .share_links>div>div:nth-child(even) .item_slick:before { display: none } .share_links .item_slick i { margin-left: auto; margin-right: auto } .share_links .item_slick:hover i { background-color: #68c492; color: #fff } .dwl_list { margin-left: 0 } .dwl_list li { width: 100%; margin-top: 30px } .dwl_list a { padding-left: 0; padding-right: 0; font-size: 12px } .dwl_list a .line { padding-bottom: 30px; margin-left: -11.53333%; margin-right: -11.53333% } .dwl_list a .icon-down { top: 30px; left: 0; font-size: 30px } .dwl_list a h3 { font-size: 14px; padding-left: 50px; width: 80% } .dwl_list a p { padding-left: 50px } .dwl_list a .size { font-size: 1.25em; top: 33px; right: 0; padding-left: 0 } .dwl_list li:nth-last-of-type(2) a:after { display: none } .dwl_list li:nth-last-of-type(1) a:after { padding-bottom: 30px } .solution_list li:nth-child(odd) figure,.solution_list li:nth-child(even) figure { float: none; clear: both } .informartion ul li:nth-child(even) figure { margin-left: 0 } .solution_list a .status { display: inline-block; vertical-align: top; position: absolute; bottom: 28px; left: 30px; width: auto; margin-top: 0 } .solution_list a .code { position: relative; left: 0; bottom: 0; display: inline-block; vertical-align: top; margin-top: 30px; margin-left: 50% } .solution_list a .logopic { width: 130px; height: auto; margin-left: 50% } .groups_list a .status { bottom: auto; left: 0 } .groups_list a .logopic { margin-top: 0; margin-left: 0 } .groups_list a .foot { margin-top: 30px } .solution_list a .status { display: inline-block; vertical-align: top; position: absolute; bottom: 28px; left: 30px; width: auto; margin-top: 0 } .solution_list .item-box .code { position: relative; left: 0; bottom: 0; display: inline-block; vertical-align: top; margin-top: 30px; margin-left: 50% } .solution_list .item-box .logopic { width: 130px; height: auto; margin-left: 50% } .groups_list .item-box .status { bottom: auto; left: 0 } .groups_list .item-box .logopic { margin-top: 0; margin-left: 0 } .groups_list .item-box .foot { margin-top: 30px } .informartion figure { width: 100% } .informartion figcaption { width: 100%; position: relative; top: 0; left: 0; right: 0; padding-left: 0; padding-top: 0; -moz-transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0); padding-top: 30px; padding-bottom: 0 } .informartion figcaption { position: relative; margin-left: 0; padding-right: 0 } .abouts_infor figure { position: relative; top: 0; left: 0 } .abouts_infor .abouts_infor__slick { position: relative; top: 0; left: 0; width: 100% } .abouts_infor figure:before { padding-top: 66.66667% } .informartion figcaption h3 { line-height: 26px; font-size: 16px } .informartion figcaption article { font-size: 12px; line-height: 20px; margin-bottom: 60px; padding: 0 20px } .informartion figcaption span { font-size: 12px } .colu_list li { width: 48%; margin: 0.6vw; height: 60vw; background-color: #fff } .colu_list li figcaption { height: auto; padding-left: 10px; padding-right: 10px; padding: 20px 10px; padding-bottom: 40px } .about-modules-list li { margin-top: 20px } .about-modules-list li figcaption { padding: 20px 10px } .about-modules-list li article { height: 60px } .about-modules-list li img { margin-top: 10px } .colu_list li img { height: 50px; margin-top: 58px } .colu_list li article { margin-top: 20px; padding: 0 20px; height: 100px } .cult_list li article { height: 160px } .colu_list li span { top: 20px; line-height: normal; left: 20px } .colu_list li h3 { font-size: 2em; line-height: 26px; margin-top: 0; padding: 6vw } .colu_list li p { font-size: 12px; line-height: 24px } .sm_words figcaption { padding-bottom: 30px; margin-bottom: 30px } .sm_words figcaption h3 { font-size: 20px; font-size: 16px; line-height: 26px; width: 100%; padding-left: 20px; padding-right: 20px; margin-top: 0 } .sm_words figcaption article { padding-left: 20px; padding-right: 20px; font-size: 12px; width: 100%; margin-top: 30px } .sm_words figcaption article p { padding-left: 56px } .sm_words ul { width: 100%; padding-left: 56px; padding-right: 20px } .sm_words ul { margin-top: 30px } .about_banner .img-box:before { padding-top: 0; height: 200px } .about_banner .img-box>img { left: 50%; width: auto; height: 100%; -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); transform: translate(-50%,0) } .sm_words ul li { font-size: 12px } .about_banner figcaption { left: 4.53333%; right: 4.53333% } .about_banner figcaption h3 { font-size: 1.25em; line-height: 30px; font-weight: normal; font-size: 18px } .scoi_list .item_slick figcaption { position: relative; width: 100%; padding: 30px 20px; font-size: 12px; line-height: 24px } .scoi_list .item_slick time { display: inline-block; position: relative; bottom: 0; left: 0; font-size: 1.125em; margin-top: 20px } .scoi_list .item_slick .img-box { width: 100%; margin-left: 0 } .scoi_list .btn_arrow_next { bottom: 36px; font-size: 12px; margin-right: 20px } .join_info article { width: 100%; font-size: 14px; line-height: 24px; margin-bottom: 30px } .join_info h3 { font-size: 20px; line-height: 42px } .join_info h3 sup,.join_info h3 sub { font-size: 30px } .join_info h3 sub { vertical-align: -30px } .join_info p { padding-left: 0 } .join_list li { width: 100% } .join_list li figcaption { padding: 30px 0; height: auto } .join_list li .col-4 { width: 100% } .join_list li .col-6 { width: 100% } .join_list li article { font-size: 12px; line-height: 24px } .value_flex { width: 90% } .counter li { width: 100%; margin-top: 20px } .counter li figcaption { padding: 30px 20px; height: auto; text-align: left; height: 170px } .counter li i { display: block; font-size: 1.25em; text-align: left; margin-top: -16px } .counter li p { display: inline-block; font-size: 2.5em; margin-top: 20px; font-size: 50px } .counter li h3 { display: inline-block; font-size: 1em; margin-left: 2px; vertical-align: 8px } .hor_list li { width: 50% } .cts_list li { width: 100%; padding: 0 20px } .cts_list li h3 { font-size: 1em } .cts_list li article { font-size: 12px; line-height: 24px } .cmp_list li { padding: 0; margin-top: 30px } .cts_list li i { font-size: 12px; line-height: 30px } .cmp_list li figcaption { height: auto; padding: 30px 20px } .sl-frm { padding-left: 0; padding-right: 0 } .noti_list li { width: 50%; margin-top: 20px } .noti_list a h3 { font-size: 18px; width: 100%; padding: 30px 20px } .noti_list a time { font-size: 18px; bottom: 20px } .noti_list a .icon-pdf { bottom: 20px } .noti_list a:before { padding-top: 80% } .sm_loading { display: none } .tm_list { margin-top: 20px } .tm_list figcaption { padding-left: 20px; padding-right: 20px; font-size: 12px; line-height: 20px; padding-top: 30px; width: 100%; padding-bottom: 60px } .tm_list figcaption article { display: block; margin-right: 0; font-size: 0; margin-top: 30px; width: 100% } .tm_list figcaption article:nth-last-of-type(1) { margin-top: 0; position: relative; top: 40px } .tm_list figcaption time { width: 50%; font-size: 20px; text-align: left; margin-top: 0 } .tm_list figcaption article p { width: 49%; font-size: 12px; line-height: 20px; margin-left: 0; padding-right: 0 } .tm_list .img-box { display: block; width: 100%; margin-left: auto; margin-right: auto; position: relative; left: 0; top: 0 } .tm_list figure>img { position: relative; top: 0; left: 0; width: 100% } .tm_list figcaption>p,.tm_list figcaption>h3 { padding-right: 0 } .tm_list li { margin-top: 40px } .rel_list { margin-top: -30px } .rel_list li { width: 100%; margin-top: 30px } .rel_list li p { font-size: 1.25em } .rel_list li i { font-size: 20px } .comp_list a:before,.comp_list .item-box:before { padding-top: 0; height: 0 } .comp_list .list li { margin-top: 30px } .comp_list .list { margin-top: 30px } .pager .btn { font-size: 12px; line-height: 30px } .scoi_list .item_slick h3 { font-size: 20px; line-height: 28px } .sm_detail img { width: 100% !important; height: auto !important } .list-logo { float: none; clear: both; margin-top: 20px } .list-logo li { width: 20%; margin: 0; padding: 0 10px; height: 64px; line-height: 64px } .info_mutips p { text-align: left !important } .mobile-menu-link { font-size: 14px; color: #999; width: 70px; display: block; width: 100%; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 0; padding-top: 10px; padding-bottom: 10px; line-height: 38px } .mobile-menu-link i { display: inline-block; margin-right: 10px; font-size: 18px; vertical-align: -1px } .join_info .bgcover { margin-top: -115px } .groups_list a .info_mutips { height: auto } .honor_controller { display: block } .sm_crumbs:before { display: block !important; top: 1px } .WorldMap svg { height: auto !important } .hot-news__slick.slick-dots_effect .slick-dots { width: 100%; text-align: center; padding-left: 0; bottom: 14px } .hot-news__slick.slick-dots_effect .slick-dots li { margin: 0 8px } } .home-video__wrap { font-size: 0; position: relative } .home-video__wrap:after { content: ""; display: block; clear: both } .home-video__wrap .cont { float: left; width: 72.4%; padding: 0 8.07292vw } .home-video__wrap .cont .txt { position: absolute; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); max-width: 55%; left: 11vw } .home-video__wrap .cont .txt p { font-size: 18px; line-height: 28px; color: #084397; letter-spacing: 1px } .home-video__wrap .cont .txt:before { display: block; position: absolute; font-size: 16.02083vw; color: #084397; font-family: "segoeuibold"; opacity: .06; top: 0; line-height: .44; pointer-events: none } .home-video__wrap .cont .txt:before { content: "\201C"; left: -13.54167vw; top: 0.5vw } .home-video__wrap .cont .txt:after { position: absolute; font-size: 16.02083vw; color: #084397; font-family: "segoeuibold"; opacity: .06; top: 0; line-height: .44; pointer-events: none } .home-video__wrap .cont .txt:after { content: "\201D"; right: -3.54167vw; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); line-height: 0; top: -4vw } .home-video__wrap .pic { width: 27.6%; position: relative; float: right; background-repeat: no-repeat; background-size: cover } .home-video__wrap .pic:after { content: ""; display: block; padding-top: 48.39925% } .home-video__wrap .vid-btn { transition: background 0.4s ease,border 0.4s ease; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: inline-block; width: 60px; height: 60px; border: 1px solid #fff; background-color: rgba(255,255,255,0.7); border-radius: 50%; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease } .home-video__wrap .vid-btn span { -moz-transition: color 0.4s ease; -o-transition: color 0.4s ease; -webkit-transition: color 0.4s ease; transition: color 0.4s ease; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-size: 20px; color: #084397 } .home-video__wrap .vid-btn:hover { background-color: #084397; border-color: #084397 } .home-video__wrap .vid-btn:hover span { color: #fff } .modia-video__wrap { display: none; position: relative; z-index: 60000 } .modia-video__wrap .close-vid { -moz-transition: color 0.4s ease; -o-transition: color 0.4s ease; -webkit-transition: color 0.4s ease; transition: color 0.4s ease; position: fixed; right: 40px; top: 40px; font-size: 24px; color: #fff; z-index: 650 } .modia-video__wrap .modai-video__main,.modia-video__wrap .modia-video__bg { position: fixed; left: 0; top: 0; width: 100%; height: 100% } .modia-video__wrap .modia-video__bg { background-color: rgba(0,0,0,0.8); z-index: 550 } .modia-video__wrap .modai-video__main { z-index: 600 } .modia-video__wrap .modai-video__main video { position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } @media only screen and (max-width:1440px) and (min-width:1025px) { .sm_prod_sell li.text_left figcaption { width: 30% } .sm_prod_sell li.text_right figcaption { width: 30% } } @media only screen and (max-width:1024px) and (min-width:768px) { .inner_banner .img-box:before { height: 240px } .about_banner .img-box:before { height: 240px } .colu_list li img { height: 110px; margin-top: 110px } .cmp_list li figcaption { padding: 30px 40px } .value_flex { width: 60% } .product_banner figure:before,.product_banner figcaption:before { padding-top: 50.55556% } .product_banner figcaption:before { padding-top: 0 } .products_list li { width: 50% } } @media only screen and (max-width:1024px) { .home-video__wrap .pic { width: 100% } .home-video__wrap .cont { width: 100%; margin-top: 30px; padding: 0 4.53333% } .home-video__wrap .cont .txt { position: static; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); max-width: 100% } .home-video__wrap .cont .txt p { font-size: 14px } .home-video__wrap .vid-btn { width: 50px; height: 50px } .home-video__wrap .vid-btn span { font-size: 16px } .modia-video__wrap .modai-video__main { width: 80%; right: 0; margin: 0 auto } .modia-video__wrap .modai-video__main video { display: block; width: 100% } } @media only screen and (max-width:768px) { .sm_paramter table { width: 600px } .scrollbar { overflow-x: scroll } .sm_words ul li { width: 100% } .noti_list li { width: 100%; margin-top: 20px } .sm_power .list figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 200 } .sm_power .list .img-box:before { padding-top: 0 } .sm_power .list figure img { height: 190%; width: auto; left: 50%; top: 50%; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .sm_power .list figcaption { padding: 40px 40px; position: relative; top: 0; left: 0; -moz-transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0); z-index: 400 } .ellipsis-clamp-5 { height: 100px } .so_solution_list a .detail { left: 20px; bottom: 30px; position: absolute; margin-top: 0px } .products_list a figcaption article { height: auto } } .w1400 { max-width: 1400px; margin-left: auto; margin-right: auto } .soda-list ul { margin-left: -.625vw; margin-right: -.625vw } .soda-list li { margin-bottom: 25px } .soda-list figure { position: relative; overflow: hidden } .soda-list figure:before { content: ""; display: block; padding-top: 53.78% } .soda-list a { display: block; margin: 0 .625vw } .soda-list img { -webkit-transition: all 0.5s cubic-bezier(0.32,0.17,0,1); transition: all 0.5s cubic-bezier(0.32,0.17,0,1); position: absolute; left: 0; top: 0; width: 100% } .soda-list article { color: #333; font-size: 20px; margin-top: .375em } .soda-list h1,.soda-list span { -webkit-transition: color .4s; transition: color .4s } .soda-list h1 { letter-spacing: .6px; line-height: 1.5; margin-bottom: .625em; font-weight: 700 } .soda-list span { font-size: 14px; color: #999 } .sode-page__inner { font-size: 14px; line-height: 24px; color: #999; letter-spacing: 1px } .sode-page__inner img { max-width: 100%; width: auto !important; height: auto !important } .soda-page__sec3 .sm_titlepage { position: absolute; left: 0; top: 2.34375vw } .soda-page__sec3 .soda-sec__txt { max-width: 460px; font-size: 18px; color: #6098cc; line-height: 2; margin-left: 4.6875vw } .soda-page__sec3 .soda-sec__pic { width: 33.02083vw; margin-right: 7.29167vw } .soda-page__sec3 .soda-page__main { padding-top: 11.97917vw; padding-bottom: 10.41667vw } .soda-banner { position: relative; background-color: #eff2f7; padding-top: 46.04167vw; z-index: 5500 } .soda-banner:after { content: ""; display: block; position: absolute; bottom: -1px; left: 0; width: 100%; height: 7.1875vw; background: url(../upload/solution/bg.png) no-repeat center center; background-size: cover } .soda-ban__bg .pic { position: absolute; right: -31.77083vw; top: 0; width: 53.22917vw; height: 52.23958vw; background-size: 53.22917vw 52.23958vw; background-repeat: no-repeat; background-position: center right } .soda-ban__txt,.soda-ban__cont,.soda-ban__pic { position: absolute } .soda-ban__cont { left: 0; top: 0; width: 46.25%; height: 100%; overflow: hidden } .soda-ban__pic { right: 5.46875vw; top: 4.6875vw; width: 57.3%; font-size: 0; z-index: 10 } .soda-ban__pic:after { content: ""; display: block; border: 6px solid #fff; position: absolute; top: 0; left: 0; bottom: 0; right: 0 } .soda-ban__pic img { width: 100% } .soda-ban__txt { left: 7.8125vw; top: 5.98958vw; color: #fff; font-size: 24px; line-height: 2; max-width: 435px; z-index: 10 } .soda-ban__txt .sm_titlepage { font-size: 48px; font-weight: 700; color: #fff; margin-bottom: 30px } .soda-ban__txt .inner { position: relative; padding-bottom: 2.34375vw } .soda-ban__txt .inner p { margin-bottom: .20833vw } .soda-ban__txt .inner:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 6.25vw; height: .20833vw; background-color: #85a4d0 } @-webkit-keyframes move { 0% { -webkit-transform: -webkit-translate(20px,20px) rotate(360deg); transform: translate(20px,20px) rotate(360deg) } 50% { -webkit-transform: none; transform: none } 100% { -webkit-transform: -webkit-translate(20px,20px) rotate(360deg); transform: translate(20px,20px) rotate(360deg) } } @keyframes move { 0% { -webkit-transform: -webkit-translate(20px,20px) rotate(360deg); transform: translate(20px,20px) rotate(360deg) } 50% { -webkit-transform: none; transform: none } 100% { -webkit-transform: -webkit-translate(20px,20px) rotate(360deg); transform: translate(20px,20px) rotate(360deg) } } .soda-decs { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .soda-decs i { display: inline-block; position: absolute; opacity: .1 } .soda-decs i:not(.show-dec) { animation-name: move; animation-iteration-count: infinite } .soda-decs i.show-dec { opacity: 1 } .soda-decs i:nth-of-type(1) { left: 2.34375vw; top: 6.875vw; width: 3.17708vw; height: 3.07292vw; background: url(../upload/solution/bg-icon1.png) no-repeat center center; background-size: 3.17708vw 3.07292vw; animation-duration: 12s } .soda-decs i:nth-of-type(2) { left: 9.89583vw; top: 4.16667vw; width: 5.20833vw; height: 3.17708vw; background: url(../upload/solution/bg-icon2.png) no-repeat center center; background-size: 5.20833vw 3.17708vw; animation-duration: 12s } .soda-decs i:nth-of-type(3) { left: 14.89583vw; top: 7.8125vw; width: 1.51042vw; height: 1.25vw; background: url(../upload/solution/bg-icon3.png) no-repeat center center; background-size: 1.51042vw 1.25vw; animation-duration: 16s } .soda-decs i:nth-of-type(4) { left: 18.75vw; top: 10.41667vw; width: 2.34375vw; height: 3.80208vw; background: url(../upload/solution/bg-icon4.png) no-repeat center center; background-size: 2.34375vw 3.80208vw; animation-duration: 20s } .soda-decs i:nth-of-type(5) { left: 24.375vw; top: 4.47917vw; width: 3.17708vw; height: 3.07292vw; background: url(../upload/solution/bg-icon5.png) no-repeat center center; background-size: 3.17708vw 3.07292vw; animation-duration: 12s } .soda-decs i:nth-of-type(6) { left: 28.64583vw; top: 6.51042vw; width: 7.39583vw; height: 7.39583vw; background: url(../upload/solution/bg-icon6.png) no-repeat center center; background-size: 7.39583vw 7.39583vw; animation-duration: 20s } .soda-decs i:nth-of-type(7) { left: 5.52083vw; top: 12.5vw; width: 4.01042vw; height: 3.4375vw; background: url(../upload/solution/bg-icon7.png) no-repeat center center; background-size: 4.01042vw 3.4375vw; animation-duration: 12s } .soda-decs i:nth-of-type(8) { left: -2.8125vw; top: 23.95833vw; width: 5.20833vw; height: 2.39583vw; background: url(../upload/solution/bg-icon8.png) no-repeat center center; background-size: 5.20833vw 2.39583vw; animation-duration: 8s } .soda-decs i:nth-of-type(9) { left: 3.69792vw; top: 35.57292vw; width: 1.45833vw; height: 1.30208vw; background: url(../upload/solution/bg-icon9.png) no-repeat center center; background-size: 1.45833vw 1.30208vw; animation-duration: 20s } .soda-decs i:nth-of-type(10) { left: 8.54167vw; top: 39.6875vw; width: 2.96875vw; height: 3.4375vw; background: url(../upload/solution/bg-icon10.png) no-repeat center center; background-size: 2.96875vw 3.4375vw; animation-duration: 12s } .soda-decs i:nth-of-type(11) { left: 10.83333vw; top: 23.95833vw; width: 9.6875vw; height: 8.59375vw; background: url(../upload/solution/bg-icon11.png) no-repeat center center; background-size: 9.6875vw 8.59375vw; animation-duration: 8s } .soda-decs i:nth-of-type(12) { left: 22.08333vw; top: 25.05208vw; width: 1.45833vw; height: 1.25vw; background: url(../upload/solution/bg-icon12.png) no-repeat center center; background-size: 1.45833vw 1.25vw; animation-duration: 12s } .soda-decs i:nth-of-type(13) { left: 23.07292vw; top: 27.29167vw; width: 7.65625vw; height: 8.85417vw; background: url(../upload/solution/bg-icon13.png) no-repeat center center; background-size: 7.65625vw 8.85417vw; animation-duration: 20s } .soda-decs i:nth-of-type(14) { left: 31.19792vw; top: 24.53125vw; width: 3.125vw; height: 3.07292vw; background: url(../upload/solution/bg-icon14.png) no-repeat center center; background-size: 3.125vw 3.07292vw; animation-duration: 12s } .soda-decs i:nth-of-type(15) { left: 10.41667vw; top: 10.3125vw; width: 19.0625vw; height: 12.91667vw; background: url(../upload/solution/bg-icon15.png) no-repeat center center; background-size: 19.0625vw 12.91667vw; animation-duration: 8s } .soda-decs i:nth-of-type(16) { left: 18.22917vw; top: 25.3125vw; width: 33.33333vw; height: 20.57292vw; background: url(../upload/solution/bg-icon16.png) no-repeat center center; background-size: 33.33333vw 20.57292vw; animation-duration: 12s } .soda-sec__pic img { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: transform .4s; transition: transform .4s; max-width: 100% } .soda-sec2__pic { width: 31.45833vw; margin-left: auto; margin-right: auto } .soda-sec2__box { margin-top: 12px } .soda-sec2__list .sl-title { display: inline-block; font-size: 24px; color: #0056af; line-height: 1.5; margin-bottom: 8px } .soda-sec2__list .sl-txt { font-size: 16px; color: #6098cc; line-height: 1.8 } @media (min-width:1025px) { .soda-sec2__list li { position: absolute; max-width: 270px } .soda-sec2__list li:nth-of-type(1),.soda-sec2__list li:nth-of-type(3) { left: 2.08333vw } .soda-sec2__list li:nth-of-type(2),.soda-sec2__list li:nth-of-type(4) { right: 2.08333vw } .soda-sec2__list li:nth-of-type(1),.soda-sec2__list li:nth-of-type(2) { top: 5.20833vw } .soda-sec2__list li:nth-of-type(3),.soda-sec2__list li:nth-of-type(4) { bottom: 2.34375vw } .soda-list a:hover img { -webkit-transform: scale(1.04); transform: scale(1.04) } .soda-list a:hover h1,.soda-list a:hover span { color: #68c492 } .soda-sec__pic:hover img { -webkit-transform: scale(1.02); transform: scale(1.02) } } @media (max-width:1800px) { .soda-ban__txt { left: 4.16667vw; top: 14% } } @media (max-width:1480px) { .w1400 { margin-left: 30px; margin-right: 30px } .soda-ban__txt { font-size: 22px; left: 4.16667vw } .soda-ban__txt .sm_titlepage { font-size: 42px; margin-bottom: 25px } .soda-ban__pic { width: 50% } .soda-ban__pic:after { border-width: 4px } .soda-sec2__list .sl-title { font-size: 22px } .soda-page__sec3 .soda-sec__txt { font-size: 16px } } @media (max-width:1366px) { .soda-ban__txt { font-size: 20px } .soda-ban__txt .sm_titlepage { font-size: 36px; margin-bottom: 20px } .soda-sec2__list .sl-title { font-size: 20px } .soda-sec2__list .sl-txt { font-size: 14px } } @media (max-width:1200px) { .soda-ban__txt { top: 9% } .soda-ban__txt .sm_titlepage { font-size: 32px } } @media (max-width:1100px) { .soda-ban__txt { max-width: 390px } } @media (max-width:1024px) { .w1400 { margin-left: 4.53333%; margin-right: 4.53333% } .soda-banner { padding-top: 0 } .soda-ban__bg { display: none } .soda-ban__pic,.soda-ban__cont,.soda-ban__txt { position: relative; width: 100% } .soda-ban__pic { top: auto; right: auto } .soda-ban__pic:after { display: none } .soda-ban__cont,.soda-ban__txt { top: auto; left: auto } .soda-ban__txt { font-size: 14px; max-width: 100%; padding: 7.8125vw 20px 11.71875vw 20px } .soda-ban__txt .sm_titlepage { font-size: 26px } .soda-ban__txt .inner { padding-bottom: 40px } .soda-ban__txt .inner:after { width: 45px; height: 2px } .soda-list article { font-size: 18px } .soda-list .pt-250 { padding-top: 80px } .soda-page__sec3 .sm_titlepage { top: 25px } .soda-decs i:nth-of-type(1) { left: 5%; top: 2%; width: 40px; height: 39px; background-size: 40px 39px } .soda-decs i:nth-of-type(2) { left: 18%; top: 10%; width: 80px; height: 49px; background-size: 80px 49px } .soda-decs i:nth-of-type(3) { left: 40%; top: 3%; width: 20px; height: 17px; background-size: 20px 17px } .soda-decs i:nth-of-type(4) { left: 36%; top: 42%; width: 35px; height: 57px; background-size: 30px 57px } .soda-decs i:nth-of-type(5) { left: 20%; top: 60%; width: 50px; height: 48px; background-size: 50px 48px } .soda-decs i:nth-of-type(6) { left: 4%; top: 44% } .soda-decs i:nth-of-type(7) { left: 35%; top: 15% } .soda-decs i:nth-of-type(9) { left: 40%; top: 10% } .soda-decs i:nth-of-type(10) { left: auto; right: 50%; top: 30% } .soda-decs i:nth-of-type(11) { left: auto; right: 20%; top: 9%; width: 120px; height: 106px; background-size: 120px 106px } .soda-decs i:nth-of-type(12) { left: auto; right: 40%; top: 45%; width: 28px; height: 24px; background-size: 28px 24px } .soda-decs i:nth-of-type(13) { left: 60%; top: 62%; width: 90px; height: 95px; background-size: 90px 95px } .soda-decs i:nth-of-type(14) { left: 85%; top: 54%; width: 40px; height: 39px; background-size: 40px 39px } .soda-decs i:nth-of-type(15) { left: 20%; top: 15%; width: 200px; height: 109px; background-size: 200px 109px } .soda-decs i:nth-of-type(16) { left: auto; top: auto; right: -20px; bottom: -20px; width: 260px; height: 140px; background-size: 260px 140px } .soda-page__sec3 .soda-sec__pic,.soda-page__sec3 .soda-sec__txt { width: 100% } .soda-page__sec3 .soda-sec__pic { margin-right: 0 } .soda-page__sec3 .soda-sec__txt { margin-left: 0; margin-top: 30px; max-width: 100% } .soda-sec2__box { margin-top: 45px } .soda-page__sec3 .soda-sec__txt { margin-top: 45px } .soda-sec2__pic { width: auto } .soda-sec3__pic { margin-top: 15px } .soda-sec__pic { text-align: center } .soda-sec2__list { margin-top: 30px } .soda-sec2__list li { margin-bottom: 30px } } @media (max-width:768px) { .soda-ban__txt { padding-top: 10.41667vw; padding-bottom: 15.625vw } .soda-ban__txt .sm_titlepage { font-size: 24px; margin-bottom: 15px } .soda-list li { width: 100% } .soda-list span { font-size: 12px } .soda-list ul { margin-top: 30px } .soda-page__sec2 { margin-top: 30px } .soda-page__sec2 .sode-page__inner { margin-top: 45px } } @media (max-width:640px) { .soda-list article { font-size: 16px } .soda-ban__txt .sm_titlepage { font-size: 22px } .soda-page__sec2 .sode-page__inner { margin-top: 30px } .soda-page__sec2 .mt-140 { margin-top: 45px } .soda-page__sec3 .soda-page__main { padding-top: 60px; padding-bottom: 60px } .soda-page__sec3 .soda-sec__txt { font-size: 14px } .soda-sec2__box { margin-top: 30px } .soda-sec2__list li { margin-bottom: 25px } } .footer { background-color: #272727; background-color: #1d2f45; overflow: hidden } .footer .sm_container { padding-top: 60px; padding-bottom: 30px } .footer .fot_nav { margin-left: -3.02083vw } .footer .fot_nav>ul { font-size: 0 } .footer .fot_nav>ul>li { display: inline-block; vertical-align: top; margin: 0 3.02083vw } .footer .fot_nav>ul>li>a { font-size: 12px; color: #fff; font-weight: 400; line-height: 32px } .footer .fot_nav>ul ul li a { font-size: 12px; color: #979B9E; color: #999; color: #ccc; letter-spacing: 1px; line-height: 32px } .footer .relative { font-size: 12px; color: #979B9E; color: #ccc; line-height: 32px } .footer .relative h3 { font-size: 12px; color: #fff; line-height: 32px; font-weight: 700 } .footer .copyright { font-size: 12px; line-height: 32px; letter-spacing: 1px; color: #9FA3A6; color: #999; color: #ccc; font-weight: 700; width: 100% } .footer .copyright .line { display: block; border-top: 1px solid #6C7073; margin-top: 10px; margin-bottom: 20px } .footer .copyright .links { font-size: 12px; line-height: 32px; letter-spacing: 1px; color: #9FA3A6; color: #999; color: #ccc; font-weight: 700 } .footer .fot_logo { -webkit-transition: opacity .4s; transition: opacity .4s; display: block; width: 160px; height: 36px; background-repeat: no-repeat; background-position: center center; background-image: url(../assets/img/fot_logo2.svg); background-size: 160px auto } .share { font-size: 0 } .share span { display: inline-block; font-size: 16px; color: #333; font-family: "PT Sans"; margin-right: 10px; vertical-align: 2px } .share .btn { color: #9FA3A6; color: #666; color: #999; color: #ccc; color: #fff; margin-left: 35px; font-size: 20px; line-height: 30px; position: relative; font-weight: 400 } .share .btn img { position: absolute; top: -90px; left: 50%; width: 80px; margin-left: -40px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(0,20px); -ms-transform: translate(0,20px); -webkit-transform: translate(0,20px); transform: translate(0,20px) } .share .btn:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0) } .share .btn .black { color: #333; margin-left: 10px; margin-right: 10px } .pull_aside { position: fixed; top: 50%; right: 0; height: 240px; z-index: 5000 } .pull_aside .btn { display: block; width: 80px; height: 80px; font-size: 26px; color: #fff; text-align: center; line-height: 80px; position: relative } .pull_aside .btn_sale { background-color: #262626; font-size: 30px } .pull_aside .btn_sale p { position: absolute; top: 0; left: -120px; font-size: 14px; width: 120px; background-color: #262626; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; transform: translate(120px,0) } .pull_aside .btn_sale:hover { background-color: #262626 } .pull_aside .btn_sale:hover p { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; visibility: visible; -moz-transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0); background-color: #262626 } .pull_aside .btn_cust { background-color: #68c492 } .pull_aside .btn_cust p { position: absolute; top: 0; left: -120px; font-size: 14px; width: 120px; background-color: #68c492; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; transform: translate(120px,0) } .pull_aside .btn_cust:hover { background-color: #68c492 } .pull_aside .btn_cust:hover p { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; visibility: visible; -moz-transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0); background-color: #68c492 } .pull_aside .btn_tel { background-color: #E60012; font-size: 24px; position: relative } .pull_aside .btn_tel p { position: absolute; top: 0; left: -120px; font-size: 14px; width: 120px; background-color: #E60012; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; transform: translate(120px,0) } .pull_aside .btn_tel:hover { background-color: #BC0211 } .pull_aside .btn_tel:hover p { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; visibility: visible; -moz-transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0); background-color: #BC0211 } .pull_aside .btn_backtop { background-color: #262626; font-size: 22px; line-height: normal; padding-top: 20px } .pull_aside .btn_backtop:before { display: block } .pull_aside .btn_backtop span { display: block; font-size: 12px; margin-top: -4px } .popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 5000 } .popup .bg { display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5) } .popup .popup-success,.popup .popup-error { display: none; width: 550px; height: 400px; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background-color: #fff; overflow: hidden } .popup .popup-success .btn_close,.popup .popup-error .btn_close { position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; background-image: url(../assets/img/icon_close.svg); background-size: 11px auto; z-index: 20 } .popup .popup-success figure,.popup .popup-error figure { height: 160px; background-color: #68c492; position: relative } .popup .popup-success figure img,.popup .popup-error figure img { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .popup .popup-success figcaption,.popup .popup-error figcaption { height: 240px; text-align: center; padding: 56px 90px } .popup .popup-success figcaption h3,.popup .popup-error figcaption h3 { font-size: 24px; color: #333; line-height: 50px; letter-spacing: 1px } .popup .popup-success figcaption p,.popup .popup-error figcaption p { font-size: 14px; color: #333; line-height: 26px; letter-spacing: 1px } .popup .popup-success figcaption em,.popup .popup-error figcaption em { display: block; width: 30px; height: 2px; background-color: #68c492; margin-top: 50px; margin-left: auto; margin-right: auto } @media only screen and (min-width:1025px) { .footer a:hover { color: #fff !important } .footer .share .btn:hover { color: #ccc !important } .pull_aside .btn_backtop:hover { background-color: #000000 } .pull_aside .btn_sale:hover { background-color: #000000 } .pull_aside .btn_tel:hover { background-color: #BC0211 } .pull_aside .btn_tel:hover p { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; visibility: visible; -moz-transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0); background-color: #BC0211 } .pull_aside .btn_cust:hover { background-color: #064CAE } .footer .fot_logo:hover { opacity: .7 } } @media only screen and (max-width:1024px) { .footer .fot_nav { display: none } .footer .relative,.footer .copy,.footer .author { float: none; clear: both; line-height: 20px; color: #fff; color: #ccc } .footer .relative { line-height: 26px } .footer .copyright .links { line-height: 20px; color: #fff; color: #ccc } .footer .copyright { margin-top: 60px } .footer .sm_container { padding-top: 40px; padding-bottom: 20px } .pull_aside { height: 120px; top: auto; bottom: 50px; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0) } .pull_aside.topmove { bottom: 224px } .pull_aside .btn { width: 40px; height: 40px; line-height: 40px; font-size: 16px } .pull_aside .btn_backtop { padding-top: 6px; font-size: 12px; line-height: normal } .share .btn { color: #fff } .footer .fot_logo { background-image: url(../assets/img/fot_logo2.svg) } .share .btn img { margin-left: -56px } } @media only screen and (max-width:768px) { .popup .popup-success,.popup .popup-error { width: 90%; height: auto } .popup .popup-success figcaption,.popup .popup-error figcaption { height: auto; padding: 20px 30px } .popup .popup-success figcaption h3,.popup .popup-error figcaption h3 { font-size: 18px } .popup .popup-success figure img,.popup .popup-error figure img { width: 40px; height: 40px } .popup .popup-success figcaption p,.popup .popup-error figcaption p { font-size: 12px } } @media (max-width:640px) { .copyright .share { float: left; width: 100%; margin-top: 20px } .copyright .share a { margin-right: 30px; margin-left: 0 } } .shadow { background-color: #fff; margin-right: 12px } .inner_banner { .img-box{&: before{padding-top:percent(1920,350) }} figcaption { position: absolute; top: 37%; left: $distance; @include bannersubtitle;h3{@include bannertitle;margin-bottom: 30px }} .pagings { position: absolute; top: 0; right: 0; height: 100%; width: cur(412,1920); .btn{display: block; width: 100%; height: 50%; border-left: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2); text-align: center; position: relative; @extend %transition-all;i{position: absolute; top: 50%; left: 50%; @include transform(translate(-50%,-50%));color: $colorfff; @extend %transition-all }} .btn_next { border-bottom: none }}} .bg_color { background-color: #3c3c3b } .index-bg_color { background-color: $color14099 } .sm_crumbs { position: absolute; position: relative; top: 0; padding-top: 20px; padding-bottom: 20px; top: 0; left: $distance; left: 0; font-size: 0; &: before{content:""; display: block; width: 300%; position: absolute; top: 0; left: -100%; border-top: 1px solid #ededed } li { display: inline-block; a{font-size: $font14; color: $color999; @extend %transition-all }&:after { content: ""; display: inline-block; width: 20px; height: 2px; background-color: $color999; vertical-align: 4px; margin-left: 5px; margin-right: 5px }} li:last-child { &: after{display:none }} li.active { a{color: $color000 }}} .newsDetailTitle { padding-bottom: 2.396vw; margin-bottom: 2.813vw; border-bottom: 1px solid rgba(152, 170, 181, 0.5);text-align:center } .newsDetailTitle .title { font-size: 26px; color: #000000; line-height: 2.125vw; font-weight:normal; margin-bottom: 0.325vw; } .newsDetail .newsDetailTitle .time { font-size: 0.729vw; color: #626F77; } .solution_list { a,.item-box{display: block; position: relative; figure{width: 50% } figcaption { width: 50%; position: absolute; top: 0; height: 100%; background-color: $colorfff; padding: 40px 40px 20px 40px; font-size: 0 } .img-box { &: before{padding-top:percent(720,430) }&:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); z-index: 300 }} h3 { display: inline-block; @include pagetitle;vertical-align: top; width: (100% - 47.72222%); font-size: $font30; min-height: 52px; @extend %transition-all } article { display: inline-block; width: 47.72222% } .detail { position: absolute; bottom: 60px; left: 60px } .status { display: block; font-size: $font14; letter-spacing: 1.2px; color: $color14099; position: relative; vertical-align: top; position: absolute; bottom: 60px; left: 60px; line-height: 24px; &: before{content:""; display: inline-block; vertical-align: middle; width: 5px; height: 5px; border-radius: 50%; background-color: $color14099; margin-right: 6px }} .code { position: absolute; bottom: 60px; left: 54.27778%; width: 53px; height: auto }} li { margin-top: 60px; font-size: 16px } li:nth-child(odd) { figure{float: right } figcaption { left: 0 }} li:nth-child(even) { figure{float: left } figcaption { right: 0 }}} .ellipsis-clamp-5 { height: 140px } .ellipsis-clamp { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden } .comp_list { .list{margin-left: vw(-12,1920); margin-right: vw(-12,1920); li{margin-top: 50px }} a,.item-box { position: relative; margin: 0 vw(12,1920); &: before{content:""; display: block; padding-top: 0; height: 562px } figcaption { width: 100% } h3 { font-size: $font24; line-height: 36px; letter-spacing: .6px; padding-right: 16% } .status { color: $color333; &: before{background-color:$color333 }} .code { width: auto; bottom: 30px } .logopic { width: 170px; height: auto }}} .groups_list { a{&: before{height:0 } figcaption { position: relative } .foot { width: 100%; position: relative } .status { bottom: auto; top: 50%; left: 0; @include transform(translate(0,-50%)) } .info_mutips { height: 320px } .logopic { position: relative; bottom: 0; left: 0; margin-left: 56.27778%; margin-left: 0 }}} .detail { font-size: $font14; color: $color000; @extend %transition-all;i{margin-left: 5px }} .sm_tip { font-size: 0; h3{@include pagetitle;line-height: 60px; margin-top: -10px; font-size: $font30; width: (100% - 58.61111%) } article { font-size: $font16; line-height: 30px; letter-spacing: .6px; width: cur(844,1440) }} .sm_power { margin-top: 0; & > h3{@include pagetitle } .list { margin-left: -12px; margin-right: -12px; li{margin-top: 24px } .item_box { margin: 0 12px; position: relative; font-size: 16px } .img-box { &: before{padding-top:percent(708,240) }} figcaption { position: absolute; top: 50%; left: 0; @include transform(translate(0,-50%));text-align: center; width: 100%; @extend %transition-all;padding-left: 10%; padding-right: 10% } h3 { @include lg_title;margin-bottom: 10px; @extend %transition-all } p { @include bannersubtitle;letter-spacing: 1px; @extend %transition-all } .black { h3,p{color: $color000 }}}} .sm_line { border-top: 1px solid rgba(51,51,51,.1) } .works_list { margin-left: vw(-12,1920); margin-right: vw(-12,1920); li{font-size: 16px } a { display: block; margin: 0 vw(12,1920) } .img-box { &: before{padding-top:percent(798,430) }& >img { height: auto }} figcaption { height: 180px; background-color: $colorfff; padding: 35px 40px; position: relative; h3{@include lg_title;letter-spacing: .6px; color: $color000; height: 94px; line-height: 36px; @extend %transition-all;font-weight: $bold; width: 66% } .number { position: absolute; top: 35px; right: 60px } .counter { @include en_title;font-family: $font_en1; color: $color000; font-size: em(40em); margin: 0 } .square { @include en_title;color: $color000; font-family: $font_en1; font-size: em(28em) } sup { font-size: $font14 }}} .wrk_mod { figcaption{padding: 25px 40px; height: auto; h3{font-size: em(20em); line-height: 30px; height: 80px; width: 65% } .number { top: 25px; right: 40px } .counter { font-size: em(33em) } .square { font-size: em(20em) }}} .sm_other_crumbs { position: static; top: 0; left: 0; li.active{a{color: $color000 }}&:before { display: none }} .sm_penal { min-height: 80vh; position: relative } .pull_sidebar { width: 240px; background-color: $colorfff; margin-top: 50px; & > ul{padding: 10px 40px 30px 40px; & > li{margin-top: 30px; & > a{font-size: $font18; line-height: 50px; color: $color000; letter-spacing: .6px; @extend %transition-all }} ul { display: none } ul.d-block { display: block } ul > li { a{display: block; font-size: $font14; color: $color999; letter-spacing: .6px; line-height: 44px; @extend %transition-all }}}} .wrk_mod { li{margin-top: 50px }} .sm_penal_body { width: calc(100% - 288px) } .prod_list { li{background-color: $colorfff; font-size: 16px; margin-top: 50px } a { display: block; position: relative; height: 474px; figure{position: relative; width: cur(432,1152); height: 100%; &: before{content:""; display: block; padding-top: percent(432,480); padding-top: 0; height: 100% } img { position: absolute; top: 50%; right: 0; @include transform(translate(0,-50%));width: 80%; background: none }} figcaption { position: absolute; top: 0; right: 0; width: (100% - 37.5%); height: 100%; h3{@include en_title;font-size: em(30em); margin-top: 80px; color: $color000; margin-left: vw(100,1920); position: relative; @extend %transition-all;font-family: $font_en1; line-height: 44px; .tite{position: relative; @extend %transition-all;font-family: $font_en1; &: before{content:""; display: block; width: 0; height: 3px; background-color: $color000; position: absolute; bottom: 0; left: 0; @extend %transition-all }} .couter { @include en_title;font-size: $font16; color: $color333; position: absolute; top: 0; right: vw(200,1920); line-height: 30px; font-family: $font_en1 }}} .params { margin-left: vw(80,1920); margin-top: 8%; position: relative; ul{width: 210px } li { display: inline-block; vertical-align: top; text-align: center; margin: 0 vw(20,1920); margin-top: 40px } .icon { display: inline-block } p { @include content;margin-top: 10px }} .detail { position: absolute; bottom: 0; right: vw(200,1920) }}} .hzhb img{ max-width:100%} .products_list { margin: 0 vw(-12,1920); margin-top: 26px; li{font-size: 16px; margin-top: 24px } a { display: block; position: relative; margin: 0 vw(12,1920); background-color: $colorfff; figure{position: relative; overflow: hidden; &: before{content:""; display: block; padding-top: percent(564,300) } img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none }} figcaption { font-size: 0; padding: 32px 30px 30px 40px; h3{display: inline-block; vertical-align: top; @include en_title;font-size: em(42em); font-size: 42px; font-size: 30px; height: 74px; overflow: hidden; color: $color333; position: relative; @extend %transition-all;line-height: (51/42); width: 60%; span{position: relative; -moz-transition: background-size .36s cubic-bezier(0.32,0.17,0,1); -o-transition: background-size .36s cubic-bezier(0.32,0.17,0,1); -webkit-transition: background-size .36s cubic-bezier(0.32,0.17,0,1); transition: background-size .36s cubic-bezier(0.32,0.17,0,1); background-image: linear-gradient(to bottom,rgba(0,0,0,0) 95%,rgba(0,0,0,1) 0%); background-size: 0 100%; background-repeat: no-repeat; &: before{content:""; display: block; width: 0; height: 3px; background-color: $color000; position: absolute; bottom: 2px; left: 0; @extend %transition-all }}} h5 { display: inline-block; vertical-align: top; @include en_title;font-size: $font16; line-height: (51/16); color: $color333; font-family: $font_en1; width: 40%; text-align: right } article { display: inline-block; vertical-align: top; width: 60%; @include content;line-height: (24/14); margin-top: 10px; height: 48px; overflow: hidden } .detail { display: inline-block; vertical-align: bottom; width: 40%; text-align: right }}}} .product_banner { position: relative; padding-left: 100px; padding-right: 100px; .prod_for{position: relative; font-size: 0 } .pro_swiper,.pro_params { width: 50% } .pro_params { position: absolute; top: 0; right: 0 } figure,figcaption { position: relative; &: before{display:block; content: ""; padding-top: percent(720,760) }} figure { img{position: absolute; top: 50%; left: 50%; width: 60%; height: auto; @include transform(translate(-50%,-50%));background: none }} figcaption { font-size: 16px; article{position: absolute; top: 50%; left: 0; @include transform(translate(0,-50%)) } h2 { @include en_title;font-size: em(30em); color: $color000; line-height: 50px; font-family: $font_en1 } p { font-size: em(16em); color: $color14099; letter-spacing: 1px; line-height: 26px }} .prod_nav { position: absolute; top: 50%; left: 0; @include transform(translate(0,-50%));width: 52px } .nav_item_slick { display: block; width: 50px; height: 50px; border: 1px solid transparent; margin: 6px 0; border-radius: 50%; position: relative; img{position: absolute; top: 50%; left: 50%; width: 90%; height: auto; @include transform(translate(-50%,-50%));background: none }} .slick-current.slick-center { .nav_item_slick{border-color: $color14099 }} .sm_button { position: absolute; top: 50%; right: 0; @include transform(translate(0,-50%)) }} .sm_button { a{display: block; width: 40px; height: 40px; text-align: center; line-height: 40px; @extend %transition-all;border-radius: 50%; background-color: $colorfff; font-size: $font12; color: $color000; margin: 11px 0 }} .sm_prod_sell { li{position: relative; font-size: 16px; figure{position: relative; &: before{content:""; display: block; padding-top: percent(1920,600) } img { position: absolute; top: 50%; @include transform(translateY(-50%));background: none }} figcaption { position: absolute; top: 50%; @include transform(translateY(-50%));h1{font-family: $font_en1; font-size: em(60em); color: $colorfff; line-height: 50px } h2,h3 { font-size: em(30em); color: $colorfff; line-height: 50px } h4,h5,h6 { font-size: $font16; color: $color999; line-height: 24px; margin-top: 10px; padding-bottom: 20px } article { font-size: $font16; color: $colorfff; line-height: 30px; margin-top: 20px; p{position: relative; padding-left: 20px; &: before{content:""; position: absolute; top: 13px; left: 0; width: 5px; height: 5px; background-color: $colorfff; border-radius: 50% }}}}} li.text_left { figure{img{left: 0; width: 100%; height: 100%; @include transform(translateY(-50%)) }} figcaption { left: $distance }} li.text_right { figure{img{position: absolute; top: 50%; left: $distance; @include transform(translateY(-50%));max-width: 100%; background: none; width: cur(875,1920) }} figcaption { left: 50%; margin-left: cur(210,1920); margin-top: -20px; h1,h2,h3,h4,h5,h6{color: $color000 } article { color: $color000; p{&: before{background-color:$color000 }}}}}} .prod_video,.hot_news { font-size: 0; .img-box{&: before{padding-top:percent(720,427) }} figure { width: 50%; img{@extend %transition-all }} figcaption { width: 50%; font-size: 16px; position: relative; background-color: $colorfff; &: before{content:""; display: block; padding-top: percent(720,427) } time { font-size: em(30em) } a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 60px 90px 60px 60px } h3 { position: relative; .couter{position: absolute; top: -7px; right: 0 }} article { width: 240px; position: absolute; bottom: 60px; left: 60px } .detail { position: absolute; bottom: 60px; right: 90px }}} .video_play_wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; video{ display: block; object-fit: cover; object-position: center center; height: 100%; width: 100%; z-index: 20 } .btn_video_pause { position: absolute; top: 0; right: 0; width: 50px; height: 50px; color: $color14099; background-color: $colorfff; text-align: center; line-height: 50px; font-size: $font20; cursor: pointer; z-index: 300 }} .hot_news { figcaption{h3{width: 66% }}} .btn_videoPlay { display: block; width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; font-size: 50px; color: $colorfff; @include transform(translate(-50%,-50%));@extend %transition-all } .sm_paramter { @include paramter;table{width: 100%; margin-top: 60px; tbody{tr: nth-child(odd){background-color:$colorf2f2f2 } tr:nth-child(even) { background-color: $colorfff } th { font-weight: $bold; color: $color14099; text-align: left; padding-left: 40px; width: 25%; width: 19% } td { padding: 15px 0 } span { display: inline-block; vertical-align: top; min-width: 20%; min-width: 14% }}}} .sm_validate { margin-left: -12px; margin-right: -12px; legend{display: block; line-height: 42px; margin: 0 12px; margin-bottom: 20px } .group { width: 50%; @include label;padding: 0 12px; margin-top: 40px; position: relative; & > img{position: absolute; top: 34px; right: -169px } .group_control { display: block; @include button;width: 100%; height: 46px; background-color: $colorfff; padding: 0 20px; margin-top: 10px; @extend %transition-all } .file_placeholder { display: block; @include button;width: 100%; height: 46px; background-color: $colorfff; padding: 0 20px; margin-top: 10px; @extend %transition-all } .file_group_control { font-size: 0; @include opacity(0);position: absolute; bottom: 0; left: 0 } .group_control:focus { border: 1px solid $color14099 } .msg_group_control { height: 160px; resize: none; padding: 20px }} .msg_group { width: 100% } label.error { color: #E60012; position: absolute; bottom: -30px; left: 15px }} .validateform { .group{.group_control{background-color: $colorf2f2f2 }}} .btn_default { display: inline-block; @include button;width: 176px; height: 45px; text-align: center; line-height: 45px; background-color: $color14099; margin-right: 12px; border-radius: 50px; color: $colorfff; font-size: $font14; letter-spacing: .6px; margin-top: 40px; cursor: pointer; @extend %transition-all;border: 1px solid $color14099 } .sm_pagaing { text-align: center; a{display: inline-block; vertical-align: top; width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: $font14; color: $color000; font-family: $font_en; @extend %transition-all } a.current { background-color: $colorE60012; color: $colorfff } .btn { margin: 0 10px }} .error-404 { text-align: center; h3{font-size: 24px; color: $color000; line-height: 33px; letter-spacing: 1.6px }& >img { width: cur(1060,1920) } h4 { font-size: 14px; color: $color000; line-height: 20px; letter-spacing: 1.6px }} .sm_tags { .counter{@include bannertitle;color: $color000; font-size: $font40; font-family: $font_en1; font-weight: normal; margin: 0 } .square { @include square;sup{font-size: $font16 }}} .wrk_banner { .img-box{&: before{padding-top:percent(1620,800) }} .sm_descripts { font-size: 0; & > h3{vertical-align: top; line-height: 30px } a { color: $color333; text-decoration: underline } .col-7 { width: 67%; margin-top: -4px } .col-3 { width: 33% } time { position: relative; top: 0; right: 0; font-size: $font14; line-height: 24px; color: $color999; letter-spacing: 2px; font-family: $font_en } ul { margin-top: 54px; li{display: inline-block; vertical-align: top; margin-right: vw(150,1920); h3{font-weight: normal; font-size: 40px; font-family: $font_en1; height: 40px } p { color: $color14099; line-height: 30px }}}} .slick-dots_effect { .slick-dots{bottom: 20px; left: 0; width: 100%; text-align: center; margin-left: 0; button{background-color: $colorfff; width: 8px; height: 8px }}}} .news_list { margin-left: vw(-12,1920); margin-right: vw(-12,1920); li{margin-top: 20px } a { display: block; margin: 0 vw(12,1920); overflow: hidden } .img-box { &: before{padding-top:percent(1279,857) }} figcaption { padding: 30px 40px 40px 30px; background-color: $colorfff; position: relative; h3{font-size: em(20em); line-height: 30px; width: 66%; height: 60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; @extend %transition-all;letter-spacing: 1px } article { margin-top: 50px; width: 100%; display: none } time { font-size: em(30em); font-size: em(20em); top: 22px; right: 40px } .detail { display: block; position: relative; bottom: 0; right: 0; font-size: $font14; margin-top: 30px } p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden }}} .sm_ellipsis { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 50px } .sm_detail { position: relative; width: cur(1000,1440); margin-left: auto; margin-right: auto; time{@include newstime;font-size: em(30em); position: absolute; top: 0; right: 0 } article { @include detail } h1 { width: 38%; width: 100%; padding-right: 260px; line-height: 50px; font-size: 26px } h4 { font-size: em(20em); font-weight: $bold; letter-spacing: .6px; line-height: 24px; color: $color14099; margin-bottom: 10px } img { max-width: 100% } .share { a{color: #333 }}} .sm-new__detail { article{color: $color000 }} .report_detail { h3{font-size: 30px } h4 { font-size: 18px }} .pager { font-size: 0; .btn{font-size: $font12; color: $color999; @extend %transition-all;line-height: 30px } .btn_prev { margin-right: 25px } .btn_next { margin-left: 25px }} .newwork-site__wrapper { font-size: 0 } .newwork-site__maps { display: inline-block; vertical-align: top; width: 50%; margin-top: -56px; padding-right: vw(66,1920); float: left } .newwork-site { display: inline-block; vertical-align: top; width: 50%; padding-left: vw(40,1920); float: left } .newwork-site { font-size: 16px; margin-bottom: 60px; li{font-size: 14px; color: $color000; letter-spacing: .6px; line-height: 30px; margin-top: 30px; h4{font-size: em(20em); color: $color000; margin-bottom: 20px } address,.telphone { display: inline-block; vertical-align: top; width: 185px; width: 50%; padding-right: 20%; height: 60px } .telphone { padding-right: 0 } .tel { display: inline-block; vertical-align: top; color: $color14099 }} .line { border-bottom: 2px solid #F6F6F6; padding-top: 30px }} .allMap { width: cur(1115,1440); margin-left: auto; margin-right: auto; width: 1106px; overflow: visible } .ui_visible { overflow: visible !important } .locations { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 200; .dot{position: absolute; width: 1px; height: 1px; cursor: pointer } i { display: block; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; animation: pulse 1.6s linear infinite alternate both; -moz-animation: pulse 1.6s linear infinite alternate both; -webkit-animation: pulse 1.6s linear infinite alternate both; -o-animation: pulse 1.6s linear infinite alternate both; &: before,&:after{content:""; display: block; border-radius: 50%; @extend %transition-all }&:before { width: 50%; height: 50%; position: absolute; top: 50%; left: 50%; @include transform(translate(-50%,-50%));background-color: rgba(1,64,153,1) }&:after { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; @include transform(translate(-50%,-50%));background-color: rgba(1,64,153,.5) }} .dot-1 { top: 41%; right: 18%; margin-right: -7px } .dot-2 { top: 40%; right: 21%; margin-right: -2px; margin-top: -3px } .dot-3 { top: 45%; right: 24%; margin-right: -6px; margin-top: 11px } .dot-4 { top: 31%; right: 41%; margin-right: 3px; margin-top: -12px } .dot-5 { top: 51%; right: 41%; margin-right: 6px; margin-top: 3px } .dot-6 { top: 34%; right: 51%; margin-right: 5px; margin-top: -4px } .dot-7 { top: 34%; right: 53%; margin-right: 1px; margin-top: -8px } .dot-8 { top: 30%; right: 54%; margin-right: 2px; margin-top: -10px } .dot-9 { top: 36%; right: 70%; margin-right: 19px; margin-top: -12px } .dot-10 { top: 44%; right: 75%; margin-right: 14px; margin-top: -10px } .dot-11 { top: 48%; right: 80%; margin-right: 1px; margin-top: -15px } .dot-12 { top: 37%; right: 83%; margin-right: 6px; margin-top: -9px } .dot-13 { top: 79%; right: 15%; margin-right: 22px; margin-top: -3px } .dot-14 { top: 62%; right: 26%; margin-right: 12px; margin-top: -3px } .dot:hover { i{&: before{background-color:rgba(230,0,18,1) }&:after { background-color: rgba(230,0,18,.5) }} .showToast { @include opacity(1); visibility: visible; @include transform(translate(0,0)) }} .showToast { width: 298px; position: absolute; top: 16px; left: -300px; background-color: #fff; font-size: 14px; color: #999; z-index: 200; @extend %transition-all; @include opacity(0); visibility: hidden; @include transform(translate(10px,10px));.showToast_tip{padding: 25px 30px; line-height: 2; h3{color: #000; letter-spacing: 1px }} .bgcolor { background-color: #014099; color: #fff; h3{color: #fff }}}} @-o-keyframes pulse { 0% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } 50% { -webkit-transform: scale3d(1.2,1.2,1.2); transform: scale3d(1.2,1.2,1.2) } 100% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } @-moz-keyframes pulse { 0% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } 50% { -webkit-transform: scale3d(1.2,1.2,1.2); transform: scale3d(1.2,1.2,1.2) } 100% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } 50% { -webkit-transform: scale3d(1.2,1.2,1.2); transform: scale3d(1.2,1.2,1.2) } 100% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } @keyframes pulse { 0% { -webkit-transform: scale3d(1,1,1); -ms-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } 50% { -webkit-transform: scale3d(1.4,1.4,1.4); transform: scale3d(1.4,1.4,1.4) } 100% { -webkit-transform: scale3d(1,1,1); -ms-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } .WorldMap { svg{display: block; width: 100% }} .share_links { position: relative; width: cur(1187,1440); .slick-track{margin-left: 0 } .item_slick { display: block; @include label;text-align: center; padding-right: 90px; position: relative; width: 160px; i{display: block; width: 70px; height: 45px; text-align: center; line-height: 45px; color: $color000; background-color: $colorfff; font-size: $font14; @extend %transition-all }&:before { content: ""; display: block; width: 10px; height: 2px; background-color: #C6C6C6; position: absolute; top: 22px; right: 10px; margin-right: 35px } p { margin-top: 10px } .code { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin-top: -120px; margin-left: -85px; @extend %transition-all; @include transform(translateY(-20px)); @include opacity(0); visibility: hidden; display: none }&:hover { .code{@include transform(translateY(0));@include opacity(1); visibility: visible }}} .slick-slide:last-child { .item_slick{&: before{@include opacity(0); visibility: hidden }}}} .sha_links { .item_slick{i{background-color: $colorf2f2f2 }}} .share_button { position: absolute; top: -13px; left: calc(100% - 102px); width: 170px; margin-left: (100% - 82.43056%); a{display: inline-block; vertical-align: top; padding: 30px; font-size: $font12; color: $color999; @extend %transition-all }} .controller { position: relative; top: 0; left: 0; margin-left: 5px } .dwl_list { margin-left: -60px; li{margin-top: 60px } a { display: block; font-size: $font14; color: $color999; letter-spacing: .4px; padding-left: 60px; padding-right: 70px; position: relative; .icon-down{color: $color999; font-size: 48px; position: absolute; top: 60px; left: 60px; @extend %transition-all } h3 { font-size: $font18; font-weight: $bold; color: $color000; letter-spacing: .4px; padding-left: 70px; @extend %transition-all;width: 58%; line-height: 30px } p { padding-left: 70px; margin-top: 26px } .line { border-top: 2px solid #F2F2F2; padding-bottom: 60px } .size { font-size: em(26em); letter-spacing: .4px; color: $color000; font-family: $font_en1; position: absolute; top: 66px; right: 140px; margin-top: 0 }} li:nth-last-of-type(1),li:nth-last-of-type(2) { a{&: after{content:""; display: block; padding-bottom: 60px; border-bottom: 2px solid #F2F2F2 }}}} .rel_list { li{font-size: 16px; margin-top: 50px; i{color: $color000; font-size: 24px } p { font-size: em(30em); color: $color14099; letter-spacing: .4px; line-height: 42px; font-family: $font_en1; margin-top: 12px }}} .tm_list { li{background-color: $colorfff; margin-top: 60px; min-height: 400px; position: relative } figcaption { @include content;letter-spacing: .6px; padding-left: vw(70,1920); padding-top: 70px; width: 70%; padding-bottom: 100px; h3{@include videotitle;line-height: 50px; letter-spacing: 1px; color: $color14099 }& >p,& > h3 { padding-right: 10% } time { display: inline-block; vertical-align: top; @include pagetitle;color: $color333; line-height: 42px; line-height: 26px; letter-spacing: .4px; font-family: $font_en1; font-weight: normal; margin-top: -5px } article { display: inline-block; vertical-align: top; margin-top: 80px; width: 48%; p{display: inline-block; vertical-align: top; width: 170px; margin-left: 20px }}} figure { width: 30%; padding-top: 0; position: absolute; top: 0; right: 0; height: 100%; &: before{padding-top:0; height: 0 }&>img { display: block; position: absolute; bottom: 0; left: auto; right: 0; width: 58%; height: auto; width: 100%; top: auto }}} .noti_list { margin-left: vw(-12,1920); margin-right: vw(-12,1920); li{font-size: 16px; margin-top: 50px } a { display: block; margin: 0 vw(12,1920); background-color: $colorfff; position: relative; &: before{content:""; display: block; padding-top: percent(342,418) } h3 { @include title;color: $color333; font-weight: $bold; letter-spacing: .6px; line-height: 30px; position: absolute; top: 0; left: 0; padding: 30px; @extend %transition-all } time { @include title;color: $color000; letter-spacing: .4px; line-height: 40px; font-family: $font_en1; position: absolute; bottom: 60px; left: 30px } .icon-pdf { font-size: 56px; position: absolute; bottom: 60px; right: 30px; color: $color999; @extend %transition-all }}} .cts_list { li{font-size: 16px; margin-top: 70px; i{@include title;font-family: $font_en1; color: $color333; letter-spacing: .4px; line-height: 50px } em { display: block; width: 20px; height: 2px; background-color: $color000; margin-bottom: 20px } h3 { @include videotitle;letter-spacing: .6px; line-height: 24px } article { @include subtitle;letter-spacing: .4px; line-height: 26px; color: $color14099 }}} .cmp_list { margin-left: vw(-12,1920); margin-right: vw(-12,1920); li{margin-top: 50px; figcaption{background-color: $colorfff; height: 304px; margin: 0 vw(12,1920); padding: 40px 50px }}} .list-logo { margin-right: vw(-33,1920); float: right; li{margin: 0 vw(33,1920); height: 100px; line-height: 100px; img{display: inline-block; vertical-align: middle; max-width: 100% }}} .counter { margin-left: vw(-12,1920); margin-right: vw(-12,1920); li{font-size: 16px; figcaption{background-color: $colorfff; margin: 0 vw(12,1920); padding: 40px 50px; height: 304px } i { @include title;font-family: $font_en1; color: $color333; letter-spacing: .4px; line-height: 50px } p { font-size: em(60em); color: $color14099; font-family: $font_en1; letter-spacing: .4px; line-height: 50px; margin-top: 30px; span{font-family: $font_en1 }} h3 { @include videotitle;color: $color999; letter-spacing: .6px; line-height: 33px; margin-top: 7px }}} .hor_list { margin-left: -12px; margin-right: -12px; li{margin-top: 24px } figure { margin: 0 12px; background-color: $colorfff } .img-box { &: before{padding-top:percent(342,418) }}} .cul_banner { figcaption{h3{@include pagetitle;letter-spacing: 2px; line-height: 42px; color: $colorfff; font-weight: normal; margin-bottom: 0; span{font-weight: $light }}}} .colu_list { margin-left: vw(-12,1920); margin-right: vw(-12,1920); margin-top: 0; li{font-size: 16px; margin-top: 24px; figcaption{margin: 0 vw(12,1920); background-color: $colorfff; padding: 30px; position: relative; text-align: center; padding-bottom: 50px; height: 492px } span { @include title;letter-spacing: .6px; line-height: 50px; font-family: $font_en1; color: $color000; position: absolute; top: 30px; left: 30px } img { margin-top: 110px; width: auto; height: 105px } h3 { font-size: em(18em); line-height: 30px; color: $color000; font-weight: 400; margin-top: 60px; margin-bottom: 10px } p { @include detail;line-height: 26px; letter-spacing: .6px }}} .about-modules-list { li{margin-top: 0; h3{margin-top: 0 } article { height: 60px } figcaption { height: auto; padding: 40px 20px } img { margin-top: 10px; height: 60px }}} .abot_list { li{h3{padding: 0 20px }}} .value_flex { width: cur(582,1440); margin-left: auto; margin-right: auto; &: before{padding-top:percent(582,536) }} .year_list { .item_slick{display: block; font-size: 0; position: relative; height: 50px; cursor: pointer; & > div{margin: 0 1px; cursor: pointer; display: inline-block; height: 100%; position: relative; z-index: 200 } i { display: block; width: 65px; height: 6px; @extend %transition-all;background-color: #D9D9D9 } time { font-size: $font16; color: $color333; letter-spacing: .4px; line-height: 50px; font-family: $font_en1; @extend %transition-all;position: absolute; bottom: 0; left: 0 }& >div:hover { i{background-color: $color14099 }}} .slick-current.slick-active,.slick-current.slick-center { .item_slick{& > div.active{.tips{@include opacity(1);visibility: visible; @include transition-delay(.2s);@include transform(translate(0,0)) }}& >div.active.selected { .tips{@include opacity(0);visibility: hidden; @include transform(translate(0,20px)) }}}} .item_slick { & > div.selected{.tips{@include transition-delay(.4s) }}& >div:hover { .tips{@include opacity(1);visibility: visible; @include transform(translate(0,0));@include transition-delay(0);@include transition(all 2.2s cubic-bezier(.32,.17,0,1)) }}} .tips { position: absolute; top: -155px; left: -10px; background-color: #000; width: 198px; @include opacity(0);visibility: hidden; padding: 20px 30px; @include transform(translate(0,20px));@include transition(all .6s cubic-bezier(.32,.17,0,1));&: before{content:""; display: block; position: absolute; left: 8px; bottom: -14px; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 19px solid rgba(0,0,0,1); @include transform(rotate(207deg)) } time { font-size: $font16; color: $colorfff; line-height: normal; letter-spacing: .4px; position: relative; font-family: $font_en } em { display: block; width: 8px; height: 2px; background-color: $color999; margin-top: 10px; margin-bottom: 5px } h3 { font-size: $font14; line-height: 26px; color: $colorfff; height: 52px; overflow: hidden } .ellipsis { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -ms-text-overflow: ellipsis; position: relative; &: before{content:"..."; display: block; position: absolute; right: 0; bottom: 0; font-size: $font14; color: $colorfff }}} .slick-current.slick-active,.slick-current.slick-center { .item_slick{.active{i{background-color: $color14099 }}}}} .honor_year_list { cursor: pointer; .slick-slide{height: 250px; cursor: pointer } .item_slick { margin: 0 1px; margin-top: 180px; position: relative; & > time{font-size: 16px; color: $color333; letter-spacing: .4px; line-height: (51/16); font-family: $font_en1 }& >i { display: block; width: 65px; height: 6px; background-color: #D9D9D9 }} .showToast { position: absolute; top: -160px; left: -10px; background-color: #000; width: 198px; @include opacity(0);visibility: hidden; padding: 20px 30px; @include transform(translate(0,20px));&: before{content:""; display: block; position: absolute; left: 20px; bottom: -14px; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 19px solid rgba(0,0,0,1); @include transform(rotate(207deg)) } time { font-size: $font16; color: $colorfff; line-height: normal; letter-spacing: .4px; position: relative; font-family: $font_en } i { display: block; width: 8px; height: 2px; background-color: $color999; margin-top: 10px; margin-bottom: 5px } h3 { font-size: $font14; line-height: 26px; color: $colorfff; height: 52px; overflow: hidden } .ellipsis { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -ms-text-overflow: ellipsis; position: relative; &: before{content:"..."; display: block; position: absolute; right: 0; bottom: 0; font-size: $font14; color: $colorfff }}} .slick-slide.slick-current.slick-active { .showToast{@include transition(all .6s cubic-bezier(.32,.17,0,1));@include opacity(1);visibility: visible; @include transform(translate(0,0)) } .item_slick { & > i{background-color: #014099 }}}} .scoi_list { position: relative; .item_slick{position: relative; figcaption{@include label;font-weight: $bold; width: (100% - 62.70833%); position: absolute; top: 0; left: 0; height: 100%; padding: 60px 50px; background-color: $colorfff } h3 { font-size: em(30em); line-height: 50px; line-height: (40/30); font-weight: $bold; color: $color000; font-weight: 400 } time { @include pagetitle;letter-spacing: .4px; line-height: 36px; font-family: $font_en1; font-weight: normal; position: absolute; bottom: 70px; left: 50px } .img-box { width: cur(903,1440); margin-left: (100% - 62.70833%); &: before{padding-top:percent(903,418) }}} .btn_arrow_next { position: absolute; bottom: 77px; right: 0; margin-right: 90px; font-size: $font14; color: $color000; font-weight: $bold; line-height: 24px; @extend %transition-all }} .join_info { font-size: 0; h3{@include bannertitle;line-height: 60px; letter-spacing: .6px; color: $color000; font-size: 40px; sub,sup{display: inline-block; font-size: 50px; letter-spacing: .4px; line-height: 58px; color: $color333; font-family: $font_en } sup { vertical-align: 20px } sub { vertical-align: -50px }} article { display: inline-block; vertical-align: top; width: 50%; font-size: $font16; color: $color999; line-height: 30px; letter-spacing: .6px; position: relative; z-index: 30 } p { padding-left: 120px } a { color: $color000; text-decoration: underline } h4 { text-align: right; @include lg_title;color: $color000; font-family: $font_en2; margin-right: 70px; font-size: $font24; margin-top: -10px } .bgcover { position: absolute; top: 50%; left: 20px; @extend %translateY50;z-index: 20; width: cur(504,1440) }} .join_list { margin-left: vw(-14,1920); margin-right: vw(-14,1920); li{figcaption{padding: 60px; margin: 0 vw(14,1920); height: auto; position: relative; &: before{content:""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: $colorfff; @extend %transition-all }} h3 { font-size: em(20em); font-size: $font20; font-weight: $bold; line-height: 40px; letter-spacing: .6px; color: $color000 } h4 { display: inline-block; vertical-align: top; font-size: $font14; font-weight: $bold; line-height: 40px; color: $color14099; span{margin-right: 4px }} article { display: inline-block; vertical-align: top; font-size: $font14; letter-spacing: .6px; line-height: 30px; color: $color999; position: relative; z-index: 20 } h5 { margin-top: 20px } h5,h6 { font-size: $font14; color: $color000; letter-spacing: 1.2px; line-height: 24px; position: relative; z-index: 20 } .col-4 { width: 40% } .col-6 { width: 60% }}} .informartion { font-size: 0; position: relative; .img-box{&: before{padding-top:percent(720,480) }} figure { width: 50% } figcaption { width: 50%; font-size: 16px; padding-left: cur(100,1440); padding-top: 30px; position: absolute; top: 50%; right: 0; @extend %translateY50;h3{margin-bottom: 30px; line-height: 50px } article { font-size: $font14; color: $color999; letter-spacing: 1px; line-height: 24px; margin-bottom: 80px } article:last-child { margin-bottom: 0 } span { font-size: $font14; color: $color999; letter-spacing: 1px; line-height: 24px; font-family: $font_en; position: absolute; top: 0; left: 0; &: before{content:""; display: block; position: absolute; bottom: -10px; left: 0; width: 14px; height: 2px; background-color: $color999 }} p { position: relative; padding-left: 56px }} ul { li{position: relative; margin-top: 80px } li:nth-child(odd) { figure{ } figcaption { }} li:nth-child(even) { figure{margin-left: 50% } figcaption { left: 0; right: auto; padding-right: cur(100,1440) }}}} .abouts_infor { .abouts_infor__slick{position: absolute; top: 0; left: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 50%; .slick-slider,.slick-list,.slick-slide,.slick-track,figure{height: 100% } .liuyan .ly{ width:60%} .slick-slide { position: relative; font-size: 16px } figure { width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center } h3 { font-size: 1.25em; color: #fff; letter-spacing: 1.2px; position: absolute; bottom: 10px; left: 0; margin: 30px }} figcaption { padding: 30px 60px; padding-left: 6.94444%; position: relative; top: 0; right: 0; margin-left: 50%; @include transform(translate(0,0)) }} .sm_words { font-size: 0; figcaption{padding-bottom: 80px; margin-bottom: 80px; border-bottom: 1px solid rgba(0,0,0,.1); h3{display: inline-block; vertical-align: top; width: 50%; font-size: $font30; margin-top: -6px } article { display: inline-block; vertical-align: top; width: 50%; font-size: $font14; color: $color999; letter-spacing: 1px; line-height: 24px; color: $color999 }} figcaption:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none } ul { width: 70%; font-size: 0; margin-top: 70px; li{display: inline-block; vertical-align: top; color: $color000; width: 49%; font-size: $font14; position: relative; padding-left: 28px; &: before{content:""; display: block; position: absolute; top: 4px; left: 0; width: 18px; height: 18px; background: url(../assets/img/icon_02.svg) no-repeat center center; background-size: 18px auto }}}} .about_banner { .img-box{&: before{padding-top:percent(1920,450) }} figcaption { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; padding: 0 24px; @extend %translateY50;h3{color: $colorfff; font-size: em(30em); font-weight: $bold; line-height: 50px; letter-spacing: .6px }}} .sm_loading { font-size: 0; text-align: center; height: 66px; line-height: 66px; span{display: inline-block; position: relative; width: 2px; margin-left: 27px; margin-right: 27px; background-color: rgba(1,64,153,.05); border-radius: 5px; &: before{content:""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 0; border-radius: 5px; -webkit-animation-name: loading; animation-name: loading; -webkit-animation-duration: .36s; animation-duration: .36s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; animation-direction: alternate; -webkit-animation-direction: alternate }} span:nth-child(1),span:nth-child(7) { height: 66px; &: before{-webkit-animation-delay:.1s; animation-delay: .1s }} span:nth-child(2),span:nth-child(6) { height: 46px; vertical-align: 10px; &: before{-webkit-animation-delay:.3s; animation-delay: .3s }} span:nth-child(3),span:nth-child(5) { height: 28px; vertical-align: 19px; &: before{-webkit-animation-delay:.5s; animation-delay: .5s }} span:nth-child(4) { height: 10px; vertical-align: 28px; &: before{-webkit-animation-delay:0s; animation-delay: 0s }} span:nth-child(1),span:nth-child(4) { &: before{background-color:#014099 }} span:nth-child(2),span:nth-child(5),span:nth-child(7) { &: before{background-color:#E60012 }} span:nth-child(3),span:nth-child(6) { &: before{background-color:#14A83B }}} @-webkit-keyframes loading { from { height: 0 } to { height: 100% } } @keyframes loading { from { height: 0 } to { height: 100% } } .echat-right-center,.echat-left-bottom,.echat-invite-container,.echat_invite_mask,.echat-invite { display: none !important } .searchBox { ul{li{padding: 20px 0; border-bottom: 1px solid rgba(0,0,0,.1) }} a { font-size: $font14; color: $color333; line-height: 26px; width: 50%; @extend %transition-color;span{display: block }}} .popoverCode { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 12000; .bgcover{display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,.8) } .code_box { .btn_close{display: block; position: absolute; top: -50px; right: -50px; width: 50px; height: 50px; text-align: center; line-height: 50px; color: $colorfff } position:absolute;top:50%;left:50%;@include transform(translate(-50%,-50%)) }} .stateTip,#StateTip { display: none; position: absolute; padding: 8px; background: #fff; border: 2px solid #2385B1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 12px; font-family: Tahoma; color: #333 } .mapInfo i { display: inline-block; width: 15px; height: 15px; margin-top: 5px; line-height: 15px; font-style: normal; background: #aeaeae; color: #fff; font-size: 11px; font-family: Tahoma; -webkit-border-radius: 15px; border-radius: 15px; text-align: center } .mapInfo i.active { background: #E27F21 } .mapInfo span { padding: 0 5px 0 3px } .mapInfo b { font-weight: normal; color: #2770B5 } .WorldMap { position: relative; .location{position: absolute; width: 1px; height: 1px; img{position: absolute; top: 50%; left: 50%; @include transform(translate(-50%,-50%)) }} .pitch { position: absolute; top: 50%; left: 50%; @include transform(translate(-50%,-50%));text-align: center; i{display: block; width: 30px; height: 26px; background-image: url(../assets/img/icon_location.svg); background-size: 30px auto; margin: auto } span { display: block; font-size: 12px; color: #014099; line-height: (26/12); width: 160px; position: absolute; &: before,&:after{content:""; display: block }}} .loca_01 { top: 38%; right: 11% } .loca_02 { top: 42%; right: 14% } .loca_03 { top: 21%; right: 17% } .loca_04 { top: 46%; right: 17% } .loca_05 { top: 34%; right: 28% } .loca_06 { top: 48%; right: 36% } .loca_07 { top: 28%; right: 58%; margin-right: -6px } .loca_08 { top: 43%; right: 69% } .loca_09 { top: 25%; right: 54% } .loca_10 { top: 37%; right: 68% } .loca_11 { display: none; top: 39%; right: 22% } .loca_12 { top: 38%; right: 90% } .loca_13 { top: 47%; right: 85% } .loca_14 { top: 76%; right: 10% }} .history-year__item { position: relative; padding-bottom: 30px; width: 120px; margin-bottom: 20px; font-size: 14px; line-height: 30px; text-align: center; cursor: pointer; &: :before,&::after{content:""; position: absolute; bottom: 0; left: 50%; border-radius: 50%; @include transform(translate(-50%,-50%)) }&::before { width: 5px; height: 5px; background-color: #999; bottom: 2px }&::after { bottom: -5px; width: 10px; height: 10px; border: 1px solid #999 }} .slick-current { .history-year__item{font-size: 18px; color: $vi; &: :before{bottom:-3px; width: 10px; height: 10px; background-color: $vi }&::after { bottom: -21px; width: 26px; height: 26px; border-color: $vi }}} .slick-year { margin-right: 60px; margin-left: 60px; .slick-arrow{@include transition(transform .4s ease);position: absolute; top: 50%; z-index: 10; width: 40px; height: 40px; margin-top: -20px; font-size: 0; border: 0; border-radius: 50%; outline: 0; background-color: transparent; text-align: center; cursor: pointer; &: :before{@include transition(transform .4s ease); font-family: 'iconfont'; font-size: 40px; line-height: 40px; color: $vi }&:hover { transform: scale(.9); &: before{transform:scale(.9) }}} .slick-prev { left: -60px; &: :before{ content:'\e6f7' }} .slick-next { right: -60px; &: :before{ content:'\e605' }}} .history-month-item { font-size: 0 } .history-mi__img { display: inline-block; vertical-align: top; width: 45%; &: :before{padding-top:(444% / 7.25) }} .history-mi__list { display: inline-block; vertical-align: top; width: 45%; margin-left: 5%; margin-right: 5% } .mi-item { margin: 1.5em 0; font-size: 14px; line-height: 2; color: #999; h4{color: #000; font-weight: bold }} .hot-news__slick { &.slick-dots_effect{.slick-dots{left: auto; right: 0; width: 50%; text-align: left; padding-left: 60px; bottom: 20px; li{padding: 0; margin-right: 20px } button { width: 6px; height: 6px }}}} @media (max-width:1024px) { .about-history { margin-top: 50px } .slick-year { margin-top: 40px; margin-left: 0; margin-right: 0 } .slick-month { margin-top: 40px } .abouts_infor .abouts_infor__slick h3 { font-size: 18px }} @media (max-width:768px) { .history-mi__img { width: 100% } .history-mi__list { width: 100%; margin-left: 0; margin-right: 0 } } .slick_history__wrapper { position: relative; .slick-arrow{position: absolute; top: 10px; font-size: 12px; color: #999; -moz-transition: all .36s cubic-bezier(.32,.17,0,1); -o-transition: all .36s cubic-bezier(.32,.17,0,1); -webkit-transition: all .36s cubic-bezier(.32,.17,0,1); transition: all .36s cubic-bezier(.32,.17,0,1); width: 50px; height: 50px; line-height: 50px; &: hover{ color:#014099 }} .arrow_prev { left: 0; text-align: left } .arrow_next { right: 0; text-align: right }} @media only screen and (max-width:1680px) { .solution_list a .code { left: 60px; bottom: 90px } .comp_list a .logopic { bottom: 60px; left: 56.27778% } .groups_list a .logopic { bottom: 0; left: 0; margin-left: 0 } .groups_list a .info_mutips { height: 400px } } @media only screen and (max-width:1440px) and (min-width:1025px) { .cult_list li figcaption { height: 37vw } .colu_list li h3 { margin-top: 14.5vw; margin-bottom: 11vw } .colu_list li img { height: 85px; margin-top: 90px } .counter li figcaption { height: 245px } .counter li i { line-height: normal } .products_list a figcaption h3 { font-size: 24px } } @media only screen and (max-width:1366px) and (min-width:1025px) { .cult_list li figcaption { } } @media only screen and (max-width:1280px) and (min-width:1025px) { .comp_list .list li { width: 100% } .comp_list a:before { padding-top: 0; height: auto } .comp_list .item-box:before { padding-top: 0; height: auto } .comp_list a figcaption { position: relative; top: 0; left: 0 } .comp_list .item-box figcaption { position: relative; top: 0; left: 0 } .comp_list a .status { display: inline-block; vertical-align: middle; position: relative; left: 0; top: 37px; width: 56.27778%; margin-top: 30px } .comp_list .item-box .status { display: inline-block; vertical-align: middle; position: relative; left: 0; top: 37px; width: 56.27778%; margin-top: 30px } .comp_list a .logopic { display: inline-block; vertical-align: top; position: relative; left: 0; top: 0; margin-top: 30px } .comp_list .item-box .logopic { display: inline-block; vertical-align: top; position: relative; left: 0; top: 0; margin-top: 30px } .solution_list a figcaption { position: relative; width: 100%; padding: 30px 20px 20px 20px } .solution_list .item-box figcaption { position: relative; width: 100%; padding: 30px 20px 20px 20px } .solution_list a figure { width: 100%; float: none; clear: both } .solution_list .item-box figure { width: 100%; float: none; clear: both } .solution_list li { margin-top: 30px; width: 100% } .solution_list a h3 { width: 50%; font-size: 16px; margin-top: -4px; line-height: 30px } .solution_list a article { width: 50% } .solution_list .item-box h3 { width: 50%; font-size: 16px; margin-top: -4px; line-height: 30px } .solution_list .item-box article { width: 50% } .solution_list li:nth-child(odd) figure,.solution_list li:nth-child(even) figure { float: none; clear: both } .informartion ul li:nth-child(even) figure { margin-left: 0 } .solution_list a .status { display: inline-block; vertical-align: top; position: absolute; bottom: 0; left: 0; width: 50%; margin-top: 45px } .solution_list a .code { position: relative; left: 0; bottom: 0; display: inline-block; vertical-align: top; margin-top: 30px } .compa_list a .status { display: inline-block; vertical-align: middle; position: relative; left: 0; top: 37px; width: 56.27778%; margin-top: 30px } .solution_list .item-box .status { display: inline-block; vertical-align: top; position: absolute; bottom: 0; left: 0; width: 50%; margin-top: 45px } .solution_list .item-box .code { position: relative; left: 0; bottom: 0; display: inline-block; vertical-align: top; margin-top: 30px } .compa_list .item-box .status { display: inline-block; vertical-align: middle; position: relative; left: 0; top: 37px; width: 56.27778%; margin-top: 30px } .groups_list .list li { width: 50% } .groups_list a .status { top: 50%; margin-top: 0; position: absolute; width: auto; bottom: auto } .groups_list a .code { margin-top: 0 } .groups_list a .info_mutips { height: 290px } .groups_list .item-box .status { top: 50%; margin-top: 0; position: absolute; width: auto; bottom: auto } .groups_list .item-box .code { margin-top: 0 } .groups_list .item-box .info_mutips { height: 290px } } @media only screen and (min-width:1025px) { .inner_banner .pagings .btn:hover { background-color: $colorE60012 } .sm_pagaing a.btn:hover { color: $colorE60012 } .sm_pagaing a.pg:hover { color: $colorfff; background-color: $colorE60012 } .year_list .slick-slide:hover .item_slick span { @include opacity(1);visibility: visible } .solution_list a:hover h3,.solution_list a:hover .detail { color: $color14099 } .solution_list .item-box:hover h3,.solution_list .item-box:hover .detail { color: $color14099 } .mouse .img-box>img,.prod_list a figure img,.products_list a figure img,.news_list a figure { @include transition(all .5s cubic-bezier(.32,.17,0,1)) } .mouse:hover .img-box>img,.products_list a:hover figure img,.news_list a:hover figure { @include transform(scale(1.04)) } .prod_list a:hover figure img { @include transform(translate(0,-50%) scale(1.04)) } .sm_crumbs li a:hover { color: $color14099 } .sm_other_crumbs li a:hover { color: $color000 } .sm_other_crumbs li.active:hover a { color: $color000 } .works_list a:hover figcaption h3,.works_list a:hover figcaption .detail { color: $color14099 } .sm_power .list p { @include opacity(0);visibility: hidden; @include transform(translate(0,35px)) } .sm_power .list .item_box h3 { @include transform(translate(0,35px)) } .sm_power .list .item_box:hover { h3{@include transform(translate(0,0)) } p { @include opacity(1);visibility: visible; transition-delay: 0s; @include transform(translate(0,0)) } } .pull_sidebar>ul li a:hover,.pull_sidebar>ul li a.active { color: $color14099 } .prod_list a:hover figcaption .detail,.products_list a:hover figcaption .detail { color: $color14099 } .sm_button a:hover { background-color: $color14099; color: $colorfff } .product_banner .slick-slide:hover .nav_item_slick { border-color: #014099 } .btn_default:hover { background-color: rgba(0,0,0,0); border-color: $color14099; color: $color14099 } .btn_videoPlay:hover { color: $color14099 } .prod_video figcaption a:hover,.hot_news figcaption a:hover { h3,.detail{color: $color14099 }} .prod_video figure:hover > img,.hot_news:hover img { @include transform(scale(1.04)) } .news_list a:hover figcaption h3,.news_list a:hover figcaption .detail { color: $color14099 } .share .btn:hover,.pager .btn:hover { color: $color14099 } .share_links .item_slick:hover i { background-color: $color14099; color: $colorfff } .share_button a:hover { color: $color14099 } .dwl_list a:hover .icon-down { color: $color14099 } .dwl_list a:hover h3 { color: $color14099 } .scoi_list .btn_arrow_next:hover { color: $color14099 } .join_list li:hover h3 { color: $color14099 } .join_list li:hover figcaption:before { height: 100% } .noti_list a { @include transition(all .36s cubic-bezier(.32,.17,0,1)) } .noti_list a:hover h3 { color: $color14099 } .noti_list a:hover .icon-pdf { color: $color14099 } .prod_list a:hover figcaption h3 .tite:before { width: 100% } .products_list a:hover figcaption h3 span { background-size: 100% 100% } .product_banner .slick-slide figure { transform: translateY(80px) scaleX(1) scaleY(1); opacity: 0; @include transition(all .36s cubic-bezier(.32,.17,0,1)) } .product_banner .slick-slide.slick-current.slick-active figure { transform: translateY(0px) scaleX(1) scaleY(1); opacity: 1 } .searchBox a:hover { color: $color14099 } .honor_year_list { .slick-slide.slick-current.slick-active,.slick-slide: hover{.showToast{@include transition(all 1.2s cubic-bezier(.32,.17,0,1)); @include transition-delay(.1s);@include opacity(1);visibility: visible; @include transform(translate(0,0)) } .item_slick { & > i{background-color: #014099 }}} .slick-slide.slick-current.slick-active.active { .showToast{@include opacity(0);visibility: visible; @include transform(translate(0,20px)) } .item_slick { & > i{background-color: #D9D9D9 }}}}} @media only screen and (max-width:1024px) { .sm_crumbs { display: block } .sm_other_crumbs { padding-top: 20px } .inner_banner .img-box:before { padding-top: 0; height: 200px } .inner_banner .img-box>img { height: 100%; width: auto; left: 50%; @include transform(translate(-50%,0)) } .inner_banner figcaption { font-size: 12px; line-height: 20px; left: $mini; right: $mini; margin-right: 24%; top: 50%; @include transform(translate(0,-50%));margin-top: 10px } .inner_banner figcaption h3 { font-size: em(20em); margin-bottom: 20px; line-height: 36px } .inner_banner .pagings { width: 24% } .inner_banner .pagings .btn { font-size: 12px } .sm_crumbs { left: $mini; left: 0 } .sm_crumbs li a { font-size: 12px } .solution_list a figcaption { position: relative; width: 100%; padding: 30px 20px } .solution_list a figure { width: 100%; float: none; clear: both } .so_solution_list a figure { margin-top: 59.72222% } .so_solution_list a figcaption { position: absolute; top: -100% } .solution_list .item-box figcaption { position: relative; width: 100%; padding: 30px 20px } .solution_list .item-box figure { width: 100%; float: none; clear: both } .so_solution_list .item-box figure { margin-top: 59.72222% } .so_solution_list .item-box figcaption { position: absolute; top: -100% } .ellipsis-clamp-5 { height: 122px; -webkit-line-clamp: 6 } .solution_list li { margin-top: 30px; width: 100% } .solution_list a h3 { width: 50%; font-size: 16px; margin-top: -4px; line-height: 30px } .solution_list a article { width: 50% } .solution_list .item-box h3 { width: 50%; font-size: 16px; margin-top: -4px; line-height: 30px } .solution_list .item-box article { width: 50% } .info_mutips { font-size: 12px; line-height: 20px } .solution_list a .detail { display: inline-block; left: 0; bottom: 0; position: relative; margin-top: 30px } .detail { font-size: 12px } .sm_tip h3 { font-size: $font18; display: block; line-height: normal; width: 100%; margin-top: 0 } .sm_tip article { display: block; font-size: $font12; line-height: 20px; width: 100%; margin-top: 20px } .sm_power>h3 { font-size: $font18; display: block; line-height: normal } .sm_power .list { margin-top: 0 } .sm_power .list li { width: 100%; margin-top: 20px } .sm_power .list h3 { font-size: em(16em) } .sm_power .list p { font-size: $font12; line-height: 20px } .sm_power .list figcaption { padding: 0 40px } .works_list { margin-top: 0 } .works_list li { width: 100%; margin-top: 30px } .works_list figcaption { padding: 20px 20px; height: auto } .works_list figcaption h3 { font-size: $font14; line-height: 26px; height: 70px } .works_list figcaption .counter { font-size: em(18em) } .works_list figcaption .square { font-size: em(18em) } .works_list figcaption .number { top: 20px; right: 20px } .sm_penal { padding-top: 30px } .pull_sidebar { width: auto; left: 0; right: 0; float: none; clear: both; margin-top: 0; background-color: $colorfff; position: absolute; top: 30px; z-index: 1000 } .pull_sidebar.fixed { position: fixed; top: 67px; border-top: 1px solid rgba(0,0,0,.1); left: 0; right: 0 } .sm_penal_body { width: 100%; float: none; clear: both } .prod_list li { margin-top: 30px } .prod_list a { padding-top: 20px; padding-bottom: 40px; height: auto } .prod_list a figure { width: 100% } .prod_list a figcaption { position: relative; width: 100%; height: auto; margin-top: 10px } .prod_list a figure:before { padding-top: 60%; height: auto } .prod_list a figure img { @include transform(translate(-50%,-50%));width: 50% } .prod_list a figcaption h3 { font-size: em(20em); margin-left: 20px; margin-top: 0 } .prod_list a .params { margin-left: 20px; margin-top: 0 } .prod_list a .params .icon { width: auto; height: 35px } .prod_list a .params p { font-size: $font12; line-height: 24px } .prod_list a .params ul { width: 130px; width: 40%; width: 50%; min-height: 222px } .products_list li { width: 100% } .products_list a figcaption { padding: 30px 20px } .products_list a figcaption h3 { font-size: 26px } .products_list a figcaption h5 { margin-top: -5px; font-size: 14px } .products_list a figcaption article { font-size: 12px } .pull_sidebar>ul { display: none; padding-left: 20px; padding-right: 20px; position: absolute; top: 58px; left: 0; background-color: $colorf2f2f2; width: 100%; height: 340px; overflow-y: scroll } .pull_sidebar.fixed >ul { left: 4.53333%; right: 4.53333%; width: auto } .sm_penal .bgplaceholder { height: 58px } .pull_sidebar>ul>li { margin-top: 0 } .pull_sidebar>ul ul,.pull_sidebar>ul ul.d-block { display: none } .prod_list a figcaption h3 .couter { right: 20px } .prod_list a .detail { right: 20px; bottom: 5px } .product_banner { padding-left: 0; padding-right: 0 } .product_banner figure,.product_banner figcaption { width: 100% } .product_banner .pro_swiper,.product_banner .pro_params { width: 100% } .product_banner .pro_params { position: relative; top: 0; left: 0 } .product_banner .prod_nav { top: 10%; @include transform(translate(0,0)) } .product_banner figcaption { padding-bottom: 60px } .product_banner figcaption h2 { font-size: em(20em); line-height: 30px } .product_banner figcaption p { font-size: $font12 } .product_banner .sm_button { display: none } .product_banner figcaption:before { padding-top: 0 } .product_banner figcaption article { position: relative; top: 0; left: 0; @include transform(translate(0,0)) } .product_banner .nav_item_slick { width: 42px; height: 42px } .product_banner .nav_item_slick img { width: 80%; background: none } .product_banner figure img { left: auto; right: 10%; @include transform(translate(0,-50%)) } .sm_prod_sell li figcaption { position: relative; top: 0; left: 0; @include transform(translate(0,0));padding-top: 30px; padding-bottom: 30px } .sm_prod_sell li figure:before { padding-top: 62.5% } .sm_prod_sell li:nth-child(odd) figure img { height: 100%; width: auto; left: 50%; top: 0; @include transform(translate(-50%,0)) } .sm_prod_sell li:nth-child(odd) figcaption { left: 0; padding-left: $mini; padding-right: $mini } .sm_prod_sell li figcaption h1 { color: $color000; font-size: em(30em) } .sm_prod_sell li figcaption h4,.sm_prod_sell li figcaption h5,.sm_prod_sell li figcaption h6 { font-size: $font14; margin-top: 0; padding-bottom: 0 } .sm_prod_sell li figcaption article { font-size: $font12; color: $color000 } .sm_prod_sell li figcaption article p:before { background-color: $color000 } .sm_prod_sell li:nth-child(even) figure img { width: 90%; left: $mini } .sm_prod_sell li:nth-child(even) figcaption { left: 0; margin-left: 0; margin-top: 0; padding-left: $mini; padding-right: $mini } .sm_prod_sell li figcaption h2,.sm_prod_sell li figcaption h3 { font-size: em(20em); color: $color000 } .sm_prod_sell { padding-bottom: 30px } .prod_video figure,.hot_news figure { width: 100% } .btn_videoPlay { width: 40px; height: 40px; font-size: 40px } .prod_video figcaption,.hot_news figcaption { width: 100% } .prod_video figcaption article,.hot_news figcaption article { position: relative; width: 50%; bottom: 0; left: 0; margin-top: 30px } .prod_video figcaption a,.hot_news figcaption a { padding: 30px 20px; position: relative; top: 0; left: 0; bottom: 0; top: 0; height: auto; height: 320px } .prod_video figcaption .detail,.hot_news figcaption .detail { left: auto; bottom: 30px; right: 20px; top: auto; margin-top: 0 } .prod_video figcaption:before,.hot_news figcaption:before { padding-top: 0 } .sm_paramter { font-size: $font12; line-height: 24px } .sm_paramter table tbody th { width: auto; padding-left: 20px; vertical-align: middle } .sm_paramter table { margin-top: 30px } .sm_validate .group { width: 100%; margin-top: 20px; clear: both; float: none } .btn_default { display: block; font-size: $font12; float: none; clear: both; margin-left: auto; margin-right: auto } .sm_validate .group { font-size: $font12 } .sm_validate .group>img { position: static; margin-top: 10px } .sm_validate label.error { position: static } .sm_pagaing a.pg { display: none } .wrk_banner .sm_descripts .col-7,.wrk_banner .sm_descripts .col-3 { width: 100% } .wrk_banner .sm_descripts .col-3 { margin-top: 30px } .sm_descripts h3 { font-size: em(20em); line-height: 26px } .wrk_banner .sm_descripts time { display: inline-block; font-size: $font12; line-height: 20px } .sm_tags .square { font-size: $font14 } .sm_tags .counter { font-size: $font20 } .wrk_banner .sm_descripts ul li h3 { font-size: $font20; height: 26px } .wrk_banner .sm_descripts ul { margin-top: 30px } .sm_descripts article { font-size: $font12 } .wrk_banner .sm_descripts ul { font-size: 0 } .wrk_banner .sm_descripts ul li { width: 50%; margin-right: 0 } .wrk_banner .sm_descripts ul li p { font-size: $font12 } .wrk_slick_swiper { margin-top: 60px } .wrk_banner .slick-dots_effect .slick-dots { bottom: 0 } .sm_descripts time { font-size: em(20em); top: 14px; right: 20px } .news_list li { width: 100%; margin-top: 30px } .news_list figcaption time { font-size: em(20em); top: 15px; right: 20px } .news_list figcaption { padding: 30px 20px } .news_list figcaption h3,.hot_news figcaption h3 { font-size: 16px; line-height: 24px; height: auto } .news_list figcaption article { width: 50% } .news_list figcaption .detail { bottom: 0; right: 0; font-size: $font12 } .sm_detail { padding-left: $mini; padding-right: $mini; width: 100% } .sm_detail h1 { width: 100%; line-height: 30px; padding-right: 0; line-height: 36px } .sm_detail time { display: inline-block; position: relative; top: 0; left: 0; right: 0; font-size: em(18em); margin-top: 10px } .sm_detail article { font-size: $font12 } .sm_detail .share span { margin-right: 0 } .sm_detail .share .btn { margin-left: 10px } .newwork-site__maps { width: 100%; padding-right: 0 } .newwork-site { width: 100%; padding-left: 0; margin-bottom: 60px } .newwork-site li h4 { font-size: $font16; margin-bottom: 5px } .newwork-site li { font-size: $font12; line-height: 20px; margin-top: 30px } .newwork-site li address { width: 100%; margin-right: 0; height: auto } .newwork-site li .telphone { height: auto; width: 100% } .newwork-site .line { padding-top: 30px } .allMap { width: 100%; &: before{display:none; padding-top: percent(1115,515) } } .newwork-site li .tel { margin-top: 20px } .share_links { width: 100% } .share_button { display: none } .share_links .item_slick { margin-right: 0 } .share_links .item_slick:before { left: 100%; margin-left: -45px } .share_links > div > div { display: inline-block; vertical-align: top; width: 50%; margin-bottom: 40px } .share_links>div>div:nth-child(even) { .item_slick: before{display:none }} .share_links .item_slick i { margin-left: auto; margin-right: auto } .share_links .item_slick:hover i { background-color: $color14099; color: $colorfff } .dwl_list { margin-left: 0 } .dwl_list li { width: 100%; margin-top: 30px } .dwl_list a { padding-left: 0; padding-right: 0; font-size: $font12 } .dwl_list a .line { padding-bottom: 30px; margin-left: -11.53333%; margin-right: -11.53333% } .dwl_list a .icon-down { top: 30px; left: 0; font-size: 30px } .dwl_list a h3 { font-size: $font14; padding-left: 50px; width: 80% } .dwl_list a p { padding-left: 50px } .dwl_list a .size { font-size: em(20em); top: 33px; right: 0; padding-left: 0 } .dwl_list li:nth-last-of-type(2) a:after { display: none } .dwl_list li:nth-last-of-type(1) a:after { padding-bottom: 30px } .solution_list li:nth-child(odd) figure,.solution_list li:nth-child(even) figure { float: none; clear: both } .informartion ul li:nth-child(even) figure { margin-left: 0 } .solution_list a .status { display: inline-block; vertical-align: top; position: absolute; bottom: 28px; left: 30px; width: auto; margin-top: 0 } .solution_list a .code { position: relative; left: 0; bottom: 0; display: inline-block; vertical-align: top; margin-top: 30px; margin-left: 50% } .solution_list a .logopic { width: 130px; height: auto; margin-left: 50% } .groups_list a .status { bottom: auto; left: 0 } .groups_list a .logopic { margin-top: 0; margin-left: 0 } .groups_list a .foot { margin-top: 30px } .solution_list a .status { display: inline-block; vertical-align: top; position: absolute; bottom: 28px; left: 30px; width: auto; margin-top: 0 } .solution_list .item-box .code { position: relative; left: 0; bottom: 0; display: inline-block; vertical-align: top; margin-top: 30px; margin-left: 50% } .solution_list .item-box .logopic { width: 130px; height: auto; margin-left: 50% } .groups_list .item-box .status { bottom: auto; left: 0 } .groups_list .item-box .logopic { margin-top: 0; margin-left: 0 } .groups_list .item-box .foot { margin-top: 30px } .informartion figure { width: 100% } .informartion figcaption { width: 100%; position: relative; top: 0; left: 0; right: 0; padding-left: 0; padding-top: 0; @include transform(translate(0,0));padding-top: 30px; padding-bottom: 0 } .informartion figcaption { position: relative; margin-left: 0; padding-right: 0 } .abouts_infor figure { position: relative; top: 0; left: 0 } .abouts_infor .abouts_infor__slick { position: relative; top: 0; left: 0; width: 100% } .abouts_infor figure:before { padding-top: 66.66667% } .informartion figcaption h3 { line-height: 26px; font-size: $font16 } .informartion figcaption article { font-size: $font12; line-height: 20px; margin-bottom: 60px; padding: 0 20px } .informartion figcaption span { font-size: $font12 } .colu_list li { width: 100% } .colu_list li figcaption { height: auto; padding-left: 10px; padding-right: 10px; padding: 100px 20px 10px; padding-bottom: 40px } .swiper-scrollbar { display: none } .about-modules-list li { margin-top: 20px } .about-modules-list li figcaption { padding: 20px 10px } .about-modules-list li article { height: 60px } .about-modules-list li img { margin-top: 10px } .colu_list li img { height: 50px; margin-top: 58px } .colu_list li article { margin-top: 20px; padding: 0 20px; height: 100px } .cult_list li article { height: 160px } .colu_list li span { top: 20px; line-height: normal; left: 20px } .colu_list li h3 { font-size: 1.5em; line-height: 26px; margin-top: 0; padding: 0 20px; padding: 0 } .colu_list li p { font-size: $font12; line-height: 24px; color: #999; height: 110px } .sm_words figcaption { padding-bottom: 30px; margin-bottom: 30px } .sm_words figcaption h3 { font-size: $font20; font-size: 16px; line-height: 26px; width: 100%; padding-left: 20px; padding-right: 20px; margin-top: 0 } .sm_words figcaption article { padding-left: 20px; padding-right: 20px; font-size: 12px; width: 100%; margin-top: 30px } .sm_words figcaption article p { padding-left: 56px } .sm_words ul { width: 100%; padding-left: 56px; padding-right: 20px } .sm_words ul { margin-top: 30px } .about_banner .img-box:before { padding-top: 0; height: 200px } .about_banner .img-box > img { left: 50%; width: auto; height: 100%; @include transform(translate(-50%,0)) } .sm_words ul li { font-size: 12px } .about_banner figcaption { left: $mini; right: $mini } .about_banner figcaption h3 { font-size: em(20em); line-height: 30px; font-weight: normal; font-size: 18px } .scoi_list .item_slick figcaption { position: relative; width: 100%; padding: 30px 20px; font-size: $font12; line-height: 24px } .scoi_list .item_slick time { display: inline-block; position: relative; bottom: 0; left: 0; font-size: em(18em); margin-top: 20px } .scoi_list .item_slick .img-box { width: 100%; margin-left: 0 } .scoi_list .btn_arrow_next { bottom: 36px; font-size: $font12; margin-right: 20px } .join_info article { width: 100%; font-size: $font14; line-height: 24px; margin-bottom: 30px } .join_info h3 { font-size: $font20; line-height: 42px } .join_info h3 sup,.join_info h3 sub { font-size: $font30 } .join_info h3 sub { vertical-align: -30px } .join_info p { padding-left: 0 } .join_list li { width: 100% } .join_list li figcaption { padding: 30px 0; height: auto } .join_list li .col-4 { width: 100% } .join_list li .col-6 { width: 100% } .join_list li article { font-size: $font12; line-height: 24px } .value_flex { width: 90% } .counter li { width: 100%; margin-top: 20px } .counter li figcaption { padding: 30px 20px; height: auto; text-align: left; height: 170px } .counter li i { display: block; font-size: 1.25em; text-align: left; margin-top: -16px } .counter li p { display: inline-block; font-size: 2.5em; margin-top: 20px; font-size: 50px } .counter li h3 { display: inline-block; font-size: em(16em); margin-left: 2px; vertical-align: 8px } .hor_list li { width: 50% } .cts_list li { width: 100%; padding: 0 20px } .cts_list li h3 { font-size: em(16em) } .cts_list li article { font-size: $font12; line-height: 24px } .cmp_list li { padding: 0; margin-top: 30px } .cts_list li i { font-size: $font12; line-height: 30px } .cmp_list li figcaption { height: auto; padding: 30px 20px } .sl-frm { padding-left: 0; padding-right: 0 } .noti_list li { width: 50%; margin-top: 20px } .noti_list a h3 { font-size: $font18; width: 100%; padding: 30px 20px } .noti_list a time { font-size: $font18; bottom: 20px } .noti_list a .icon-pdf { bottom: 20px } .noti_list a:before { padding-top: 80% } .sm_loading { display: none } .tm_list { margin-top: 20px } .tm_list figcaption { padding-left: 20px; padding-right: 20px; font-size: $font12; line-height: 20px; padding-top: 30px; width: 100%; padding-bottom: 60px } .tm_list figcaption article { display: block; margin-right: 0; font-size: 0; margin-top: 30px; width: 100% } .tm_list figcaption article:nth-last-of-type(1) { margin-top: 0; position: relative; top: 40px } .tm_list figcaption time { width: 50%; font-size: $font20; text-align: left; margin-top: 0 } .tm_list figcaption article p { width: 49%; font-size: $font12; line-height: 20px; margin-left: 0; padding-right: 0 } .tm_list .img-box { display: block; width: 100%; margin-left: auto; margin-right: auto; position: relative; left: 0; top: 0 } .tm_list figure>img { position: relative; top: 0; left: 0; width: 100% } .tm_list figcaption>p,.tm_list figcaption>h3 { padding-right: 0 } .tm_list li { margin-top: 40px } .rel_list { margin-top: -30px } .rel_list li { width: 100%; margin-top: 30px } .rel_list li p { font-size: em(20em) } .rel_list li i { font-size: $font20 } .comp_list a:before,.comp_list .item-box:before { padding-top: 0; height: 0 } .comp_list .list li { margin-top: 30px } .comp_list .list { margin-top: 30px } .pager .btn { font-size: $font12; line-height: 30px } .scoi_list .item_slick h3 { font-size: $font20; line-height: 28px } .sm_detail img { width: 100% !important; height: auto !important } .list-logo { float: none; clear: both; margin-top: 20px } .list-logo li { width: 20%; margin: 0; padding: 0 10px; height: 64px; line-height: 64px } .info_mutips p { text-align: left !important } .mobile-menu-link { font-size: $font14; color: $color999; width: 70px; display: block; width: 100%; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 0; padding-top: 10px; padding-bottom: 10px; line-height: 38px; i{display: inline-block; margin-right: 10px; font-size: $font18; vertical-align: -1px }} .join_info .bgcover { margin-top: -115px } .groups_list a .info_mutips { height: auto } .honor_controller { display: block } .sm_crumbs:before { display: block !important; top: 1px } .WorldMap svg { height: auto !important } .hot-news__slick { &.slick-dots_effect{.slick-dots{width: 100%; text-align: center; padding-left: 0; bottom: 14px; li{margin: 0 8px }}}}} .home-video__wrap { font-size: 0; position: relative; &: after{content:""; display: block; clear: both } .cont { float: left; width: 72.4%; padding: 0 8.07292vw; .txt{position: absolute; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); max-width: 55%; left: 11vw; p{font-size: 18px; line-height: 28px; color: #084397; letter-spacing: 1px }&:before { display: block; position: absolute; font-size: 16.02083vw; color: #084397; font-family: "segoeuibold"; opacity: .06; top: 0; line-height: .44; pointer-events: none }&:before { content: "\201C"; left: -13.54167vw; top: 0.5vw }&:after { position: absolute; font-size: 16.02083vw; color: #084397; font-family: "segoeuibold"; opacity: .06; top: 0; line-height: .44; pointer-events: none }&:after { content: "\201D"; right: -3.54167vw; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); line-height: 0; top: -4vw }}} .pic { width: 27.6%; position: relative; float: right; background-repeat: no-repeat; background-size: cover; &: after{content:""; display: block; padding-top: percent(531,257) }} .vid-btn { transition: background 0.4s ease,border 0.4s ease; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: inline-block; width: 60px; height: 60px; border: 1px solid #fff; background-color: rgba(255,255,255,0.7); border-radius: 50%; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; span{-moz-transition: color 0.4s ease; -o-transition: color 0.4s ease; -webkit-transition: color 0.4s ease; transition: color 0.4s ease; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-size: 20px; color: #084397 }&:hover { background-color: #084397; border-color: #084397; span{color: #fff }}}} .modia-video__wrap { display: none; position: relative; z-index: 60000; .close-vid{-moz-transition: color 0.4s ease; -o-transition: color 0.4s ease; -webkit-transition: color 0.4s ease; transition: color 0.4s ease; position: fixed; right: 40px; top: 40px; font-size: 24px; color: #fff; z-index: 650 } .modai-video__main,.modia-video__bg { position: fixed; left: 0; top: 0; width: 100%; height: 100% } .modia-video__bg { background-color: rgba(0,0,0,0.8); z-index: 550 } .modai-video__main { z-index: 600; video{position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%) }}} @media only screen and (max-width:1440px) and (min-width:1025px) { .sm_prod_sell li.text_left figcaption { width: 30% } .sm_prod_sell li.text_right figcaption { width: 30% } } @media only screen and (max-width:1024px) and (min-width:768px) { .inner_banner .img-box:before { height: 240px } .about_banner .img-box:before { height: 240px } .colu_list li img { height: 110px; margin-top: 110px } .cmp_list li figcaption { padding: 30px 40px } .value_flex { width: 60% } .product_banner figure:before,.product_banner figcaption:before { padding-top: 50.55556% } .product_banner figcaption:before { padding-top: 0 } .products_list li { width: 50% } } @media only screen and (max-width:1024px) { .home-video__wrap .pic { width: 100% } .home-video__wrap .cont { width: 100%; margin-top: 30px; padding: 0 4.53333% } .home-video__wrap .cont .txt { position: static; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); max-width: 100% } .home-video__wrap .cont .txt p { font-size: 14px } .home-video__wrap .vid-btn { width: 50px; height: 50px } .home-video__wrap .vid-btn span { font-size: 16px } .modia-video__wrap .modai-video__main { width: 80%; right: 0; margin: 0 auto } .modia-video__wrap .modai-video__main video { display: block; width: 100% } } .leftside{ padding-right:3%;} .proimg{ margin-top:30px; margin-bottom:30px; width:100%; padding-top:0px; padding-bottom:0px; display:block} .proimg img{ width:100%; height:auto} .proimg li{ width:30%; margin-right:3%; float:left; padding-bottom:30px;} .g_pro{padding-top: 40px;padding-bottom: 10px; width:70%; margin:0 auto;} .g_pro h2 a{display: block;height: 160px;text-align: center;font-size: 44px;color:#020000;font-weight: normal;} .g_pro h2 em{display: block;font-size: 20px;color:#686868;padding-top: 5px;} .m_pro{} .m_pro dl{background: #f7f6f5;height: 500px;margin-bottom: 0; overflow:hidden} .m_pro dl:nth-child(1) dt{ float:left} .m_pro dl:nth-child(4) dt{ float:left} .m_pro dl:nth-child(6) dt{ float:left} .m_pro dl:nth-child(3) dd{ padding-top:80px;} .m_pro dl:nth-child(4) dd{ padding-top:100px;} .m_pro dl:nth-child(5) dd{ padding-top:100px;} .m_pro dl:nth-child(6) dd{ padding-top:80px;} .m_pro dt{float:right;overflow: hidden;width:49%;overflow: hidden;} .m_pro dt img{width:100%;height:auto;display: block;transition: all 0.3s linear 0s;object-fit: cover;} .m_pro dd{float: left; width: 50%;height:400px; padding-top:130px; padding-left:50px; margin-bottom:0} .m_pro h3 {display: block;font-size: 26px;font-weight:bold;color:#535150; width:100%; margin-bottom:0} .m_pro dl:hover dt img{transform: scale(1.1);} .m_pro ul{margin-bottom: 42px; padding-left:0; margin-left:0; display:block;} .m_pro li{font-size: 26px;line-height: 30px;color:#000; width:100%; float:left; width:70%} .m_pro li a{color:#000;} .m_pro li a:hover{color:#0c3b4f;font-weight: bold;} .culture-album {background-color: #fff; } .culture-album ul { padding-top: 20px; font-size: 0; width:70%; margin:0 auto; padding-left:0} .culture-album li { width: 49%; padding: 0 0 10px; display: inline-block; vertical-align: top; font-size: 18px; color: #666; margin-right:2%; background:#f7f6f5; margin-bottom:2%; overflow:hidden} .culture-album li:nth-child(2n) { margin-right:0} .culture-album li img { width: 100%; display: block; transition: all 0.3s linear 0s;object-fit: cover; overflow:hidden} .culture-album li:hover img{transform: scale(1.1);} .culture-album .title { font-size: 26px; padding:0 10px; color: #535150; font-weight:bold} .culture-album p{ font-size:18px; padding:0 10px; line-height:30px;} .joinArticle { padding: 30px 0; color: #666; line-height: 24px; border-bottom: 1px solid #dbdbdb; } .joinArticle .title { font-size: 16px; color: #222; padding-bottom: 10px; } .m_pro li{ width:80%} .m_pro ul{ width:100%} .newleft{ width:40%; float:left;} .newleft h3{ color:#000} .newleft span{ height:100px; display:block; font-size:24px; color:#231815; line-height: 35px;} .news-list-con{ float:right; width:60%; border-left:1px #ccc solid; padding-left:2%;} .news-list-con h2{ font-size:36px; font-weight:bold} .nybanner {width:100%;height:860px;box-sizing:border-box;color:#fff; background-size: 100%;} .nybanner h1 {margin-bottom:10px;font-weight:bold; font-size:50px;} .nybanner p {font-size:26px; color:#fff;} .nybanner .nav-container {width:70%; margin:0 auto} .nyb22{ color:#000} .nyb22 p{ color:#000} .nyb61 p{ color:#000} .nyb19{ padding-top:500px;} .nyb19 h1{ color:#fff;} .nyb20{ padding-top:0;} .nyb20 h1{ color:#2d479b;} .nyb53 h1{ color:#fff} .nyb21{ text-align:right; padding-top:200px;} .nyb21 h1{ color:#fff;} @media only screen and (min-width:2000px) { } .contact-top .about-title{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px #ccc solid;} .contit{ text-align:center} .contit h2{ font-size:36px;} .contit .dh{ font-size:42px; font-weight:bold; line-height:50px; color:#1d2088;} .contit p{ line-height:50px;} .list-paddingleft-2{ padding-left:0; margin-left:0} .shadow{ margin-right:0} .nyb4 p{ color:#000; font-size:45px;} .icon-zuojiantou:before,.icon-youjiantou:before { color: #68c492; } .mabout{ display:none} .pcabout{ display:block} @media only screen and (max-width:768px) { section.homepage-service-module{ margin-top:0} .newsDetailTitle .title{font-size:16px; line-height:30px;} .newsDetailTitle .time{font-size:13px; line-height:20px;} .mabout{ display:block} .pcabout{ display:none} .nybanner{ height:660px; padding-top:300px;} .nyb21{background: url(../images/mwhbanner.jpg) no-repeat top center!important;background-size: cover!important; text-align:left; padding-top:200px;} .nyb61{background: url(../images/hzbanner.jpg) no-repeat top center!important;background-size: cover!important; text-align:left; padding-top:200px;} .nyb4{background: url(../images/lxbanner.jpg) no-repeat top center!important;background-size: cover!important; text-align:left; padding-top:400px;} .nybanner h1{ font-size:42px;} .nyb4 h1{ font-size:36px;} .nybanner .nav-container{ width:90%} .nyb4 p{ color:#000; font-size:36px;} .prodel{ width:90%; margin-top:-70px;} .product-info-store-locator{ width:33.3%} .contit .dh{ font-size:30px;} .show_met_28_1_44{ padding:25px 0} .about-data li{ text-align:center; border:none; border-right:1px #ccc solid; padding:5px; font-size:14px;} .about-data .num{ font-size:30px;} .about-data li p{ font-size:30px;} .contact-top .contact-msg .l-msg .demo{ border-bottom:1px #ccc solid;} .jjbt h4 span{ font-size:36px;} .jjbt h4 span em{ font-size:30px;} .list{ padding-left:0; margin-left:0} .list>li{ padding-right:0;} .jjbt{ height:100px;} .jjwh h2{ font-size:36px;} .jjwh p{ padding-top:320px; font-size:13px;} .jjwh{ width:90%; height:400px; background-size: cover!important;background: url(../images/mwh.jpg) no-repeat top center;} .about-threemenu{ width:96%} .about-threemenu a{ font-size:20px;} .about-threeitem p{ font-size:16px;} .about-twoul li{ width:100%; margin-left:0; margin-right:0; display:block} .about-twoul{ width:90%; margin:0 auto; padding-left:0; padding-top:5px;} .culture-album p{ font-size:18px;} .nyb22{ padding-top:100px;} .nyb53{ padding-top:150px;} .g_pro{ width:90%} .m_pro dl{ height:auto} .m_pro li{ width:100%; padding:0 10px 10px 0;} .culture-album dd ul{ width:100%} .culture-album ul{ width:90%} .culture-album li{ width:100%} .culture-album li img{ height:auto;} .culture-album .title{ font-size:24px;} .product-info-stock{ margin-top:20px;} .product-info-stock{ width:100%} .rightSidebar .site-blocks{ width:100%} .ali-renke{ width:100%} .font-size-18 a{ font-size:12px;!important} .newleft{ width:100%} .news-list-con { width:100%; float:none; border-left:0} .sm_paramter table { width: 600px } .scrollbar { overflow-x: scroll } .sm_words ul li { width: 100% } .noti_list li { width: 100%; margin-top: 20px } .sm_power .list figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 200 } .sm_power .list .img-box:before { padding-top: 0 } .sm_power .list figure img { height: 100%; width: auto; left: 50%; top: 50%; @include transform(translate(-50%,-50%)) } .sm_power .list figcaption { padding: 40px 40px; position: relative; top: 0; left: 0; @include transform(translate(0,0));z-index: 400 } .ellipsis-clamp-5 { height: 100px } .so_solution_list a .detail { left: 20px; bottom: 30px; position: absolute; margin-top: 0px } .products_list a figcaption article { height: auto } .product_list_detail_met_95_2_64 .met-showproduct-list{ width:100%} .n_right{ width:100%; float:none} .actions , .ptag{ width:100%} .n_right p{ width:100%} .jumbotron{ height:300px;} .contantbox h3{ font-size:16px;} .contact-top .contact-msg .ll .lxtitle{ width:150px; line-height:40px; font-size:22px;} .blocks-xs-4>.block, .blocks-xs-4>li{ padding-right:0; margin-bottom:0} .contact-top .contact-msg .l-msg{ width:100%; padding:1rem;} .contact-top .contact-msg .r-online{ width:100%; border-left:none; padding-left:0; display:block; padding:1rem;} .contact-top .contact-msg{ display:block; height:780px;} .contact-top .contact-msg .l-msg .lxtitle{ font-size:18px; margin-bottom:1rem; height:40px; line-height:40px; color:#000; font-weight:normal; } .contact-top .contact-msg .r-online .ll .btn{ border:none; background:#c8c9c9; color:#474f4f; font-size:22px; margin-bottom:1rem; width:150px; height:40px; line-height:40px; font-weight:normal; border-radius: 0; padding:0; text-align:center } .contact-top .contact-msg .r-online .ll .demo{ margin-bottom:2rem;} .contact-top .contact-msg .r-online .rr{ padding-top:1rem;} .n_nav a{ font-size:18px;} .position{ font-size:18px;} .mbxdh{ margin-top:10px!important; font-size:18px;} .about-title{ font-size:24px;} .m_pro dt{ width:100%; height:200px;} .m_pro dd{ width:100%; height:auto; padding-top:0; padding-left:10px;} .m_pro dt img{ height:200px;} .m_pro dl:nth-child(3) dd{ padding-top:0;} .m_pro dl:nth-child(4) dd{ padding-top:0;} .m_pro dl:nth-child(5) dd{ padding-top:0;} .m_pro dl:nth-child(6) dd{ padding-top:0;} .m_pro h3{ font-size:26px;} .m_pro li{ font-size:18px; line-height:25px;} .jjnr .left{ width:100%; float:none} .jjnr .right{ width:100%; float:none} .tsgd{ width:100%} .product_list_detail{ width:90%} } @media (min-width:2000px) { .nybanner{ height:1360px;} .about-twode{ font-size:24px;} }