@charset "utf-8"; .fv-has-feedback { position: relative } .fv-control-feedback { position: absolute; z-index: 2; top: 0; right: 0; display: block; text-align: center } .fv-help-block { display: block } .fv-form [placeholder]::-ms-clear { display: none } .fv-form-bootstrap .help-block { margin-bottom: 0 } .fv-form-bootstrap .tooltip-inner { text-align: left } .fv-form-bootstrap .fv-bootstrap-icon-input-group { z-index: 100 } .form-inline.fv-form-bootstrap .form-group { vertical-align: top } .fv-form-bootstrap4 .fv-control-feedback { line-height: 38px; width: 38px; height: 38px } .fv-form-bootstrap4 .form-group.row .fv-control-feedback { right: 15px } .fv-form-bootstrap4 .form-group.row .form-check ~ .fv-control-feedback { top: -7px } .fv-form-bootstrap4.form-inline .form-group { vertical-align: top } .fv-form-bootstrap4:not(.form-inline) label ~ .fv-control-feedback { top: 32px } .fv-form-bootstrap4:not(.form-inline) label.sr-only ~ .fv-control-feedback { top: -7px } .fv-form-bootstrap4:not(.form-inline) .form-check ~ .fv-control-feedback { top: 25px } .fv-form-bootstrap4 .has-success .fv-control-feedback, html:not(.met-web) .fv-form-bootstrap4 .has-success .form-control-label { color: #5cb85c } .fv-form-bootstrap4 .has-danger .fv-control-feedback, html:not(.met-web) .fv-form-bootstrap4 .has-danger label { color: #f0ad4e } .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 rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2) } .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: rgba(0, 0, 0, .25); 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: rgba(0, 0, 0, .25) } .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: rgba(0, 0, 0, .25); 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: rgba(0, 0, 0, .25) } .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 } .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/css/../fonts/lg.eot?n1z373'); src: url('../../../public/plugins/lightGallery/css/../fonts/lg.eot?#iefixn1z373') format("embedded-opentype"), url('../../../public/plugins/lightGallery/css/../fonts/lg.woff?n1z373') format("woff"), url('../../../public/plugins/lightGallery/css/../fonts/lg.ttf?n1z373') format("truetype"), url('../../../public/plugins/lightGallery/css/../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/css/../img/vimeo-play.png') no-repeat } .lg-outer .lg-has-vimeo:hover .lg-video-play { background: url('../../../public/plugins/lightGallery/css/../img/vimeo-play.png') 0 -58px no-repeat } .lg-outer .lg-has-html5 .lg-video-play { background: url('../../../public/plugins/lightGallery/css/../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/css/../img/youtube-play.png') no-repeat } .lg-outer .lg-has-youtube:hover .lg-video-play { background: url('../../../public/plugins/lightGallery/css/../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/css/../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: none } .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: 0.001; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 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(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1) } .pswp__bg { will-change: opacity; for open/close transition-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 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: none; cursor: pointer; overflow: visible; -webkit-appearance: none; display: block; border: 0; padding: 0; margin: 0; float: right; opacity: 0.75; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-box-shadow: none; box-shadow: none; outline: none } .pswp__button:focus, .pswp__button:hover { opacity: 1 } .pswp__button:active { outline: none; opacity: 0.9 } .pswp__button::-moz-focus-inner { padding: 0; border: 0 } [class*=pswp__button--rotate] { background: none !important; outline: none !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: none } [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: none; 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, 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, 0.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.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, 0.25); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-transition: -webkit-transform 0.25s; transition: transform 0.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: 0.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 0.25s ease-out; transition: opacity 0.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 500ms linear infinite; animation: clockwise 500ms linear infinite } .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite } .pswp--css_animation .pswp__preloader__icn { background: none; opacity: 0.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: none; 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(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes clockwise { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 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__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { -webkit-backface-visibility: hidden; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1) } .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible } .pswp__top-bar, .pswp__caption { background-color: rgba(255, 255, 255, 0.8) } .pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { background-color: rgba(255, 255, 255, 0.8) } .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 0 } .pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { opacity: 0.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: none } @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" } .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 } .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) } } [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { transition-duration: 50ms } [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay: 50ms } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { transition-duration: .1s } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay: .1s } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { transition-duration: .15s } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay: .15s } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { transition-duration: .2s } [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay: .2s } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { transition-duration: .25s } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay: .25s } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { transition-duration: .3s } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay: .3s } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { transition-duration: .35s } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { transition-delay: .35s } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { transition-duration: .4s } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay: .4s } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { transition-duration: .45s } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { transition-delay: .45s } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { transition-duration: .5s } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { transition-delay: .5s } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { transition-duration: .55s } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { transition-delay: .55s } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { transition-duration: .6s } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay: .6s } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { transition-duration: .65s } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { transition-delay: .65s } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { transition-duration: .7s } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { transition-delay: .7s } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { transition-duration: .75s } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay: .75s } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { transition-duration: .8s } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay: .8s } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { transition-duration: .85s } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { transition-delay: .85s } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { transition-duration: .9s } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { transition-delay: .9s } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { transition-duration: .95s } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { transition-delay: .95s } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { transition-duration: 1s } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { transition-delay: 1s } [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { transition-duration: 1.05s } [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { transition-delay: 1.05s } [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { transition-duration: 1.1s } [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { transition-delay: 1.1s } [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { transition-duration: 1.15s } [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { transition-delay: 1.15s } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { transition-duration: 1.2s } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { transition-delay: 1.2s } [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { transition-duration: 1.25s } [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { transition-delay: 1.25s } [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { transition-duration: 1.3s } [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { transition-delay: 1.3s } [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { transition-duration: 1.35s } [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { transition-delay: 1.35s } [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { transition-duration: 1.4s } [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { transition-delay: 1.4s } [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { transition-duration: 1.45s } [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { transition-delay: 1.45s } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { transition-duration: 1.5s } [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { transition-delay: 1.5s } [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { transition-duration: 1.55s } [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { transition-delay: 1.55s } [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { transition-duration: 1.6s } [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { transition-delay: 1.6s } [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { transition-duration: 1.65s } [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { transition-delay: 1.65s } [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { transition-duration: 1.7s } [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { transition-delay: 1.7s } [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { transition-duration: 1.75s } [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { transition-delay: 1.75s } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { transition-duration: 1.8s } [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { transition-delay: 1.8s } [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { transition-duration: 1.85s } [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { transition-delay: 1.85s } [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { transition-duration: 1.9s } [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { transition-delay: 1.9s } [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { transition-duration: 1.95s } [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { transition-delay: 1.95s } [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { transition-duration: 2s } [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { transition-delay: 2s } [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { transition-duration: 2.05s } [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { transition-delay: 2.05s } [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { transition-duration: 2.1s } [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { transition-delay: 2.1s } [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { transition-duration: 2.15s } [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { transition-delay: 2.15s } [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { transition-duration: 2.2s } [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { transition-delay: 2.2s } [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { transition-duration: 2.25s } [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { transition-delay: 2.25s } [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { transition-duration: 2.3s } [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { transition-delay: 2.3s } [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { transition-duration: 2.35s } [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { transition-delay: 2.35s } [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { transition-duration: 2.4s } [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { transition-delay: 2.4s } [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { transition-duration: 2.45s } [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { transition-delay: 2.45s } [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { transition-duration: 2.5s } [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { transition-delay: 2.5s } [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { transition-duration: 2.55s } [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { transition-delay: 2.55s } [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { transition-duration: 2.6s } [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { transition-delay: 2.6s } [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { transition-duration: 2.65s } [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { transition-delay: 2.65s } [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { transition-duration: 2.7s } [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { transition-delay: 2.7s } [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { transition-duration: 2.75s } [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { transition-delay: 2.75s } [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { transition-duration: 2.8s } [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { transition-delay: 2.8s } [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { transition-duration: 2.85s } [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { transition-delay: 2.85s } [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { transition-duration: 2.9s } [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { transition-delay: 2.9s } [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { transition-duration: 2.95s } [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { transition-delay: 2.95s } [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { transition-duration: 3s } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { transition-delay: 3s } [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] { transition-timing-function: cubic-bezier(.25, .25, .75, .75) } [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] { transition-timing-function: ease } [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] { transition-timing-function: ease-in } [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] { transition-timing-function: ease-out } [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] { transition-timing-function: ease-in-out } [data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] { transition-timing-function: cubic-bezier(.6, -.28, .735, .045) } [data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] { transition-timing-function: cubic-bezier(.175, .885, .32, 1.275) } [data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] { transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55) } [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] { transition-timing-function: cubic-bezier(.47, 0, .745, .715) } [data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] { transition-timing-function: cubic-bezier(.39, .575, .565, 1) } [data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] { transition-timing-function: cubic-bezier(.445, .05, .55, .95) } [data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] { transition-timing-function: cubic-bezier(.55, .085, .68, .53) } [data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] { transition-timing-function: cubic-bezier(.25, .46, .45, .94) } [data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] { transition-timing-function: cubic-bezier(.455, .03, .515, .955) } [data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] { transition-timing-function: cubic-bezier(.55, .085, .68, .53) } [data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(.25, .46, .45, .94) } [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(.455, .03, .515, .955) } [data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] { transition-timing-function: cubic-bezier(.55, .085, .68, .53) } [data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] { transition-timing-function: cubic-bezier(.25, .46, .45, .94) } [data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] { transition-timing-function: cubic-bezier(.455, .03, .515, .955) } [data-aos^=fade][data-aos^=fade] { opacity: 0; transition-property: opacity, transform } [data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; transform: translateZ(0) } [data-aos=fade-up] { transform: translate3d(0, 100px, 0) } [data-aos=fade-down] { transform: translate3d(0, -100px, 0) } [data-aos=fade-right] { transform: translate3d(-100px, 0, 0) } [data-aos=fade-left] { transform: translate3d(100px, 0, 0) } [data-aos=fade-up-right] { transform: translate3d(-100px, 100px, 0) } [data-aos=fade-up-left] { transform: translate3d(100px, 100px, 0) } [data-aos=fade-down-right] { transform: translate3d(-100px, -100px, 0) } [data-aos=fade-down-left] { transform: translate3d(100px, -100px, 0) } [data-aos^=zoom][data-aos^=zoom] { opacity: 0; transition-property: opacity, transform } [data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; transform: translateZ(0) scale(1) } [data-aos=zoom-in] { transform: scale(.6) } [data-aos=zoom-in-up] { transform: translate3d(0, 100px, 0) scale(.6) } [data-aos=zoom-in-down] { transform: translate3d(0, -100px, 0) scale(.6) } [data-aos=zoom-in-right] { transform: translate3d(-100px, 0, 0) scale(.6) } [data-aos=zoom-in-left] { transform: translate3d(100px, 0, 0) scale(.6) } [data-aos=zoom-out] { transform: scale(1.2) } [data-aos=zoom-out-up] { transform: translate3d(0, 100px, 0) scale(1.2) } [data-aos=zoom-out-down] { transform: translate3d(0, -100px, 0) scale(1.2) } [data-aos=zoom-out-right] { transform: translate3d(-100px, 0, 0) scale(1.2) } [data-aos=zoom-out-left] { transform: translate3d(100px, 0, 0) scale(1.2) } [data-aos^=slide][data-aos^=slide] { transition-property: transform } [data-aos^=slide][data-aos^=slide].aos-animate { transform: translateZ(0) } [data-aos=slide-up] { transform: translate3d(0, 100%, 0) } [data-aos=slide-down] { transform: translate3d(0, -100%, 0) } [data-aos=slide-right] { transform: translate3d(-100%, 0, 0) } [data-aos=slide-left] { transform: translate3d(100%, 0, 0) } [data-aos^=flip][data-aos^=flip] { backface-visibility: hidden; transition-property: transform } [data-aos=flip-left] { transform: perspective(2500px) rotateY(-100deg) } [data-aos=flip-left].aos-animate { transform: perspective(2500px) rotateY(0) } [data-aos=flip-right] { transform: perspective(2500px) rotateY(100deg) } [data-aos=flip-right].aos-animate { transform: perspective(2500px) rotateY(0) } [data-aos=flip-up] { transform: perspective(2500px) rotateX(-100deg) } [data-aos=flip-up].aos-animate { transform: perspective(2500px) rotateX(0) } [data-aos=flip-down] { transform: perspective(2500px) rotateX(100deg) } [data-aos=flip-down].aos-animate { transform: perspective(2500px) rotateX(0) } a { color: #000 } .btn-outline.btn-primary { color: #a40000; background-color: transparent; border-color: #a40000 } .btn-primary { border-color: #a40000; background-color: #a40000 } .btn-outline.btn-primary.active, .btn-outline.btn-primary:active, .btn-outline.btn-primary:focus, .btn-outline.btn-primary:hover, .open > .btn-outline.btn-primary.dropdown-toggle { border-color: #a40000; background-color: #a40000 } .modal-primary .modal-header { background-color: #a40000 } .radio-primary input[type=radio]:checked + label::before { border-color: #a40000 } @media (min-width: 992px) { .container { width: 90% } } .met-index-body { padding: 50px 0 } .met-index-body h2 { position: relative } .met-index-body h2:after { content: ''; position: absolute; bottom: -11px; left: 50%; margin-left: -30px; width: 60px; height: 2px; background-color: #a40000 } .met-index-body h2 { font-size: 30px; color: #333 } .met-index-body p.desc { font-size: 16px; color: #666 } @media (max-width: 991px) { .met-index-body { padding: 40px 0px } } @media (max-width: 767px) { .met-index-body h2 { font-size: 24px } .met-index-body { padding: 30px 0px } } body.met-navfixed { padding-top: 60px } .met-logo { height: 60px } .met-logo img { max-height: 50px } .met-nav { min-height: 60px; margin-bottom: 0; box-shadow: none } .met-nav [class*=animation-] { -webkit-animation-duration: .5s; animation-duration: .5s } .met-nav .met-head-user { margin-left: 15px; line-height: initial } .met-nav .no-login { height: 60px } .met-nav.navbar-shadow { -webkit-box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.2); -webkit-animation-duration: .7s; animation-duration: .7s } .met-nav.navbar-fixed-top .navbar-right { margin-right: 0 } .met-nav .navbar-logo { height: 60px; margin: 0; margin-left: 0; padding: 0; display: block } .met-nav .navbar-logo img { max-height: 50px } .met-nav .nav-item .nav-link { color: #666; position: relative; z-index: 2; font-size: 15px } .met-nav .dropdown.open > a, .met-nav .nav li > a.active { color: #fff !important; background-color: transparent } .met-nav .navbar-nav > .open > .nav-link, .met-nav .navbar-nav > .open > .nav-link:hover, .met-nav .navbar-nav .nav-link.active:hover, .met-nav .navbar-nav .nav-link.active { background-color: transparent; color: #fff } .met-nav .nav-item { position: relative } .met-nav .nav-item .nav-link { padding-left: 15px; padding-right: 15px } .met-nav .nav-item .nav-link:after { content: ''; width: 100%; height: 30px; opacity: 0; background-color: #a40000; left: 0; position: absolute; top: 0; margin-top: 0px; margin-left: 0px; -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1); transition: all .66s cubic-bezier(.17, .84, .44, 1); z-index: -1; border: none; border-radius: 20px } .met-nav .nav-item:hover .nav-link:after, .met-nav .nav-item .nav-link.active::after { opacity: 1; top: 50%; margin-top: -15px } .met-nav .nav-item:hover .nav-link, .met-nav .navlist .nav-item a.nav-link:hover { color: #fff } .met-nav .nav-item .nav-link i { -webkit-transition: all .3s ease-out; transition: all .3s ease-out; margin-left: 5px } .met-nav .nav-item .nav-link:hover i, .met-nav .dropdown.open > a i { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1); transition: all .66s cubic-bezier(.17, .84, .44, 1) } .met-nav #met-head-user-collapse .dropdown-item { line-height: initial } .met-nav #met-head-user-collapse .btn-primary { color: #a40000; background-color: transparent; border-color: #a40000; padding: 4px 10px; -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1); transition: all .66s cubic-bezier(.17, .84, .44, 1) } .met-nav #met-head-user-collapse .btn-primary:hover { color: #fff; background-color: #a40000; border-color: #a40000 } .met-nav #met-head-user-collapse .btn-success { color: #666; background-color: transparent; border-color: #666; padding: 4px 10px; -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1); transition: all .66s cubic-bezier(.17, .84, .44, 1) } .met-nav #met-head-user-collapse .btn-success:hover { color: #fff; background-color: #666; border-color: #666 } .met-nav .dropdown-item { color: #666 } .met-nav .overflow-visible { overflow: visible !important } .met-nav .navlist-2 { transform: translateY(-10%) } .met-nav .navbar-toggler { height: 60px; line-height: 60px } .met-nav .nav > li > a { color: #a40000 } .met-nav .nav > li > a i { -webkit-transition: all .3s ease-out; transition: all .3s ease-out } .met-nav .nav li .link.active:after { content: ''; width: 100%; background-color: #a40000; left: 0; position: absolute; top: 0; height: 2px; -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1); transition: all .66s cubic-bezier(.17, .84, .44, 1); z-index: -1 } .met-nav .nav > li > .link:after { content: ''; width: 0; background-color: #a40000; left: 0; position: absolute; top: 0; height: 2px; -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1); transition: all .66s cubic-bezier(.17, .84, .44, 1); z-index: -1 } .met-nav .nav > li > .link:hover:after { content: ''; width: 100%; background-color: #a40000; left: 0; position: absolute; top: 0; height: 2px; -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1); transition: all .66s cubic-bezier(.17, .84, .44, 1); z-index: -1 } .met-nav .met-nav-login { padding-top: 15px; text-align: center } .met-nav .dropdown-menu > li > a { overflow: hidden; -webkit-transition: all .3s ease-out; transition: all .3s ease-out } .met-nav .dropdown-menu > li > a:hover { background: #f2f2f2 none repeat scroll 0 0; text-indent: 5px; -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1); transition: all .66s cubic-bezier(.17, .84, .44, 1) } @media (min-width: 768px) { .navbar-nav > .nav-item { padding: 0px } .met-nav .nav > li > a { padding: 0; height: 60px; line-height: 60px } .met-nav .dropdown-menu { top: 48px; border-radius: 0; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) } .met-nav .dropdown-menu .dropdown-submenu > a:after { display: none } .met-nav .dropdown-menu .dropdown-submenu > a i { position: absolute; right: 10px } .met-nav .dropdown-menu.bullet { top: 60px } .met-nav .met-nav-login { height: 60px; padding-top: 0; margin-left: 10px } .navbar-nav .nav-item .nav-link { line-height: 18px } .met-nav .mblogo { display: none } } @media (max-width: 991px) { .met-nav .navbar-logo img { max-height: 30px } .met-nav .nav > li > a > i { float: right } .met-nav .dropdown-menu .dropdown-submenu > a:after { display: none } .met-nav .dropdown-menu .dropdown-submenu > a > i { float: right } } @media (max-width: 767px) { .met-nav-btn:after { display: table; clear: both; content: '' } .met-nav .nav > li { margin-left: 0 !important } .met-nav .nav > li > a { padding: 10px 15px; line-height: 25px } .met-nav .nav li .link.active:after { height: 1px; bottom: 0; top: auto; left: 15px } .met-nav .nav > li > .link:after { height: 1px; bottom: 0; top: auto; left: 15px } .met-nav .nav > li > .link:hover:after { height: 1px; bottom: 0; top: auto; left: 15px } .met-nav .dropdown-menu > li > .dropdown-menu > li > a { padding-left: 40px } .met-nav .dropdown-menu.bullet:before, .met-nav .dropdown-menu.bullet:after { display: none } .met-nav .navbar-collapse.in { -webkit-box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.2); box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.2) } .met-nav .navbar-logo { float: none; max-width: 90px; margin: 0 auto } .met-nav .navbar-collapse { width: 100% } .met-nav .navlist { margin-left: 0; margin-right: 0 } .met-nav .met-head-user { width: 100%; margin: 0; text-align: center } .met-nav .pclogo { display: none } } .navbar-shadow { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) } .met-banner .carousel-inner.met-banner-mh { background: #ddd; min-height: 300px } .met-banner .carousel-control.right .icon { border-radius: 50% } .met-banner .carousel-control.left .icon { border-radius: 50% } @media (max-width: 767px) { .met-banner .carousel-inner { min-height: auto } } @media (max-width: 488px) { .met-banner .carousel-inner.met-banner-mh { min-height: 100px } } .met-banner .met-banner-text { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10 } .met-banner .met-banner-text .container { height: 100%; width: 85% } .met-banner .met-banner-text .container .met-banner-text-con { width: 100%; height: 100%; display: table; text-align: center } .met-banner .met-banner-text .container .met-banner-text-con.p-0 { max-width: 50%; text-align: left; float: left } .met-banner .met-banner-text .container .met-banner-text-con.p-1 { max-width: 50%; text-align: right; float: right } .met-banner .met-banner-text .container .met-banner-text-con.p-2 > div { vertical-align: top; padding-top: 5% } .met-banner .met-banner-text .container .met-banner-text-con.p-3 > div { vertical-align: bottom; padding-bottom: 5% } .met-banner .met-banner-text .container .met-banner-text-con > div { display: table-cell; vertical-align: middle } .met-banner .met-banner-text .container .met-banner-text-con > div h3 { margin: 0; font-size: 50px; font-weight: 300 } .met-banner .met-banner-text .container .met-banner-text-con > div p { margin: 20px 0 0; font-size: 24px; font-weight: 300; line-height: 1.2; text-shadow: none } .met-banner .met-banner-text .container .met-banner-text-con > div .btn { position: relative; z-index: 14; margin-top: 30px; font-size: 20px; margin-left: 5px; margin-right: 5px } .met-banner .btn-outline.btn-default { background: none !important; border-color: #a40000 !important; color: #a40000 !important; border-radius: 5px 0 } .met-banner .btn-outline.btn-default:hover { background: #a40000 !important; color: #fff !important } .met-banner .carousel-indicators li:after { background: #a40000 } .met-banner a.all-imgmask { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 13 } .met-banner-ny { background-color: #a40000; height: 120px; text-align: center } .met-banner-ny h2, .met-banner-ny h3 { color: #ffffff; font-size: 35px; font-weight: 300; padding: 10px 30px; margin: 0px; text-shadow: none } .met-banner .carousel-control { width: 10%; z-index: 10; display: block } .met-banner:hover .carousel-control { display: block; opacity: .5 } @media screen and (min-width: 768px) { .met-banner a.mobile { display: none } .met-banner .mobile_img { display: none !important } .met-banner .mobile-content { display: none !important } } @media screen and (max-width: 767px) { .met-banner a.pc { display: none } .met-banner .pc_img { display: none !important } .met-banner .pc-content { display: none !important } .met-banner .met-banner-text .container .met-banner-text-con.p-0 { max-width: 90% } .met-banner .met-banner-text .container .met-banner-text-con.p-1 { max-width: 90% } } @media (max-width: 400px) { .met-banner .met-banner-text .container .met-banner-text-con > div h3 { font-size: 16px } .met-banner .met-banner-text .container .met-banner-text-con > div p { font-size: 12px } .met-banner .met-banner-text .container .met-banner-text-con > div .btn { padding: 5px 10px } } .met-banner .carousel-control .icon { width: 50px; height: 50px; margin-top: -25px; border-radius: 100%; background: #fff; font: 40px/50px '宋体'; text-align: center; color: #a40000 } @media (max-width: 767px) { .met-banner .met-banner-text .container .met-banner-text-con > div h3 { font-size: 30px } .met-banner .met-banner-text .container .met-banner-text-con > div p { font-size: 16px } .met-banner .met-banner-text .container .met-banner-text-con > div .btn { font-size: 16px } .met-banner .carousel-control .icon { width: 40px; height: 40px; margin-top: -20px; font: 30px/40px '宋体' } .met-banner .met-banner-text .container .met-banner-text-con > div .btn { margin-left: 5px; margin-right: 5px } .met-banner-ny { height: 90px } } @media (max-width: 488px) { .met-banner .met-banner-text .container .met-banner-text-con > div h3 { font-size: 20px } .met-banner .met-banner-text .container .met-banner-text-con > div p { font-size: 14px; margin-top: 10px } .met-banner .met-banner-text .container .met-banner-text-con > div .btn { margin-top: 10px; font-size: 12px } .met-banner .carousel-control .icon { width: 30px; height: 30px; margin-top: -15px; font: 20px/30px '宋体' } } .met-index-product .index-product-list li { padding: 15px; margin-bottom: 0px } .met-index-product .index-product-list li .card-shadow { border-bottom-width: 3px; border-bottom-color: #ffffff; border-bottom-style: solid } .met-index-product .index-product-list h4 { font-size: 18px; color: #333 } .met-index-product .index-product-list p { font-size: 14px; color: #666; margin-top: 10px; display: block } .met-index-product .index-product-list li a.txt-info { padding: 10px } .met-index-product .index-product-list li, .met-index-product .index-product-list li a, .met-index-product .index-product-list li .card-shadow { transition: color 300ms ease 0ms, font-size 300ms ease 0ms, color 300ms ease 0ms, margin 300ms ease 0ms, padding 300ms ease 0ms, border 300ms ease 0ms, border 300ms ease 0ms, color 300ms ease 0ms } .met-index-product .index-product-list li:hover .card-shadow { border-bottom-color: #a40000; border-bottom-width: 3px } .met-index-product .index-product-list li:hover h4 { color: #a40000 } .met-index-product .index-product-list .card { border-radius: 0px } .met-index-product .index-product-list { margin-top: 40px } .met-index-product .index-product-list .card { -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .15); box-shadow: 0 1px 10px rgba(0, 0, 0, .15) } @media (max-width: 767px) { .met-index-product .index-product-list { margin: 0 -5px; margin-top: 20px } .met-index-product .index-product-list li { padding: 5px } } .met-index-news .list-group li { padding: 20px 15px; margin-bottom: 0px } .met-index-news .list-group li .media { -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .15); box-shadow: 0 1px 10px rgba(0, 0, 0, .15); padding: 0px; transition: color 300ms ease 0ms, color 300ms ease 0ms, margin 300ms ease 0ms, background-color 300ms ease 0ms } .met-index-news .list-group .media .media-heading { font-size: 18px; margin-top: 15px } .met-index-news .list-group .media .media-left { padding: 0px } .met-index-news .list-group .media .media-body { padding-right: 15px; padding-left: 15px; padding-bottom: 9px } .met-index-news .media-lg .media-object { width: 200px; height: 100%; object-fit: cover } @media (min-width: 1024px) { .met-index-news .list-group li .media:hover { margin-right: 10px !important; margin-left: -10px !important; color: #a40000 } } @media (max-width: 1600px) { .met-index-news .media-lg .media-object { width: 200px; height: 100%; object-fit: cover } } @media (max-width: 992px) { .met-index-news .list-group { margin: 0px } } @media (max-width: 767px) { .met-index-news .list-group { margin-top: 20px } } @media (max-width: 479px) { .met-index-news .media-lg .media-object { width: 100%; height: auto } .met-index-news .list-group li { padding: 5px .9375rem } } .met-index-case .met-index-list { margin-top: 40px } .met-index-case .case-list { padding: 10px; text-align: center } .met-foot-info .foot-nav a { color: #333 } .met-foot-info .foot-nav a:hover { color: #a40000 } @media (max-width: 767px) { .met-index-case .met-index-list { margin-top: 20px } } .met-foot-info { padding: 20px 0px; color: #aaa; height: auto; line-height: 1.8 } .met-foot-info p { margin-bottom: 0px } .met-foot-info a { color: #a40000 } .met-langlist .met-lang-other { font-size: 15px; color: #2a333c } .met-langlist img { margin-right: 2px; position: relative; top: -1px } @media (max-width: 767px) { #met-langlist-modal .modal-center { height: auto !important } } #met-langlist-modal .modal-content { border-radius: 0px } #met-langlist-modal .modal-content .modal-body { padding: 40px 40px 20px; position: relative } #met-langlist-modal .modal-content .modal-body .close { position: absolute; right: 10px; top: 0px; font-size: 40px } #met-langlist-modal .modal-content a.btn { border: none; font-size: 16px; text-align: left; color: #2a333c; height: 50px; line-height: 50px; padding: 0px 15px } #met-langlist-modal .modal-content a.btn:hover { color: #aaa } #met-langlist-modal .modal-content a.btn span.flag-icon { font-size: 30px; margin-top: 10px; margin-right: 8px } .met-crumbs { padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px } .met-crumbs .border-bottom { border-bottom: 1px solid #eee } .met-crumbs .subcolumn-crumbs { color: #999; padding-left: 0; padding-right: 0 } .met-crumbs .subcolumn-crumbs > .breadcrumb-item > a { color: #999; text-decoration: none } .met-crumbs .subcolumn-crumbs > .breadcrumb-item > a:hover { color: #a40000 } .met-column-nav ul { list-style: none; margin: 0; z-index: 51; padding: 10px 0px } .met-column-nav ul li { padding: 0 15px; font-size: 16px; display: inline-block } .met-column-nav ul li a:hover, .met-column-nav ul li a.active { color: #a40000 } .met-column-nav ul li a { color: #666; text-decoration: none } .met-column-nav ul li:first-child { padding-left: 0 } .met-column-nav .met-col-search { padding: 10px 0px } .met-column-nav .form-group { margin-bottom: 0px; width: 450px; max-width: 90%; margin: 0 auto } .swiper-navtab .swiper-slide { width: auto } .overflow-visible { overflow: visible !important } @media (max-width: 767px) { .met-column-nav { width: 96%; margin: 0 auto } } .met-show-body { background: #fff } .met-show { min-height: 450px; padding: 30px 0px; background: #fff } .met-editor { padding: 30px; line-height: 1.8; word-wrap: break-word } @media (max-width: 767px) { .met-show { padding: 10px 0 } .met-editor { padding: 15px } } .met-feedback { padding: 30px 0px; background: #fff } .met-feedback .container { max-width: 800px } .met-feedback .met-feedback-body { background: #fff; padding: 30px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) } @media (max-width: 767px) { .met-feedback { padding: 10px } .met-feedback .met-feedback-body { padding: 10px } } .met-message { padding: 30px 0px; background: #fff } .met-message .media-body { width: calc(100% - 46px) } .met-message .col-md-6 { float: none; margin: auto } .met-message .met-message-body { background: #fff; padding: 30px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) } @media (max-width: 767px) { .met-message { padding: 0px } .met-message .met-message-body { padding: 10px } } .met-message .met-message-body .media-left { padding-right: 0px } .met-message .met-message-body .media-left i { font-size: 36px; color: #aaa } .met-message .met-message-body .media-body p { font-size: 14px; color: #5e7387 } .met-message .met-message-submit { background: #fff; padding: 30px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) } @media (max-width: 767px) { .met-message .met-message-submit { padding: 10px; padding-bottom: 20px } } @media (min-width: 992px) { .met-message .met-message-submit { margin-left: 30px } } .met_pager { margin-top: 20px; text-align: center; display: table; margin: auto } .met_pager * { display: inline-block; float: left; line-height: 30px; transition: color 0.5s; -moz-transition: color 0.5s; -webkit-transition: color 0.5s; -o-transition: color 0.5s } .met_pager a { width: auto; padding: 9px 15px; color: #5e7387; border: 1px solid #eee; border-right: none; border-left: none; text-decoration: none; background: #fff } .met_pager a:active, .met_pager a:focus, .met_pager a:hover { text-decoration: none } .met_pager a:not(.Ahover) { color: #2a333c } .met_pager a:not(.Ahover):hover { color: #a40000 } .met_pager a:not(.Ahover).NextA:hover, .met_pager a:not(.Ahover).PreA:hover { background: #fff } .met_pager a.Ahover { background: #a40000; border: 1px solid #a40000; color: #fff; cursor: default } .met_pager .PreSpan, .met_pager .NextSpan, .met_pager a.NextA, .met_pager a.PreA { width: auto; padding: 9px 15px; border: 1px solid #eee; background: #fff; color: #999 } .met_pager .PreSpan, .met_pager .NextSpan { cursor: default } .met_pager .firstPage, .met_pager .lastPage { min-width: 40px } .met_pager .PageText { margin-left: 10px; color: #aaa; display: none } .met_pager input { display: none } .met-news { padding: 30px 0px; background: #fff } .met-news .met-news-body { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) } .met-news .met-news-list { background: #fff; padding: 30px } .met-news .met-news-list h4 { margin: 0px } .met-news .met-news-list ul { padding: 0px; list-style: none } .met-news .met-news-list ul li { border-bottom: 1px solid #ddd; padding-bottom: 30px; margin-bottom: 30px } .met-news .met-news-list ul li h4 { font-weight: 300 } .met-news .met-news-list ul li h4 a { color: #2a333c; text-decoration: none; transition: color 0.5s; -moz-transition: color 0.5s; -webkit-transition: color 0.5s; -o-transition: color 0.5s } .met-news .met-news-list ul li h4 a:hover { color: #a40000 } .met-news .met-news-list ul li h4 a:active, .met-news .met-news-list ul li h4 a:focus, .met-news .met-news-list ul li h4 a:hover { text-decoration: none } .met-news .met-news-list ul li p { margin-bottom: 0px } .met-news .met-news-list ul li p.des { color: #76838f; font-size: 16px; font-weight: 300; margin: 10px 0 } .met-news .met-news-list ul li p.info { color: #a3afb7; font-size: 16px; font-weight: 300 } .met-news .met-news-list ul li p.info i { color: #a40000 } @media (max-width: 767px) { .met-news { padding: 0px } .met-news .met-news-list { padding: 10px; padding-top: 20px } .met-news .met-news-list ul li { padding-bottom: 20px; margin-bottom: 20px } .met-news .met-news-list ul li h4 { font-size: 18px; margin-bottom: 10px } .met-news .met-news-list ul li.media .media-left { padding-right: 10px; display: table-cell } .met-news .met-news-list ul li.media p.des { display: none } .met-news .met-news-list ul li.media.media-lg .media-object { width: 100px } } .met_tools_code { text-align: center; margin-top: 30px; font-size: 0px } .met_tools_code .bdsharebuttonbox { display: inline } .met_tools_code .bdsharebuttonbox a { float: none; display: inline-block } @media (max-width: 767px) { .met_tools_code { margin-top: 10px } } .met-bar { background: #fff; border-radius: 1px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); padding: 20px 15px; margin-left: 30px } .met-bar .sidebar-news-list h3 { color: #a40000; font-size: 20px } .met-bar .sidebar-news-list .list-group li a { color: #666; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100% } .met-bar .column h3 { font-size: 20px; color: #a40000; margin-top: 0px } .met-bar .list-icons > li a { color: #666; text-decoration: none } .met-bar .list-icons > li a.active { color: #a40000 } .met-bar .list-icons > li.met-bar-son { position: relative; padding-left: 20px } .met-bar .list-icons > li a:hover { color: #a40000 } .met-bar .list-icons > li i { position: absolute; left: 0px; top: 0px } @media (max-width: 767px) { .met-bar { margin-left: 0 } } .met-page .pagination { border-top: 1px solid #f7f7f7 } .page-link { border-radius: 24px !important } .met-shownews { padding: 30px 0px; border-top: 1px solid #f7f7f7; background: #fff } .met-shownews .met-news-body { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) } .met-shownews .met-shownews-body { background: #fff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) } .met-shownews .met-shownews-content { padding-top: 30px } .met-shownews .details-title, .met-shownews-footer { padding: 30px; background: #fff } .met-shownews-footer { padding-top: 0 } .met-shownews .details-title { padding-bottom: 0 } .met-shownews .met-shownews-header, .met-shownews .met-shownews-footer { background: #fff; padding: 30px } .met-shownews .met-shownews-header { padding-bottom: 0px } .met-shownews h1, .met-showimg h1 { margin: 0px; margin-bottom: 5px; font-size: 32px; line-height: 1.5; font-weight: 300 } .met-shownews .info { padding-bottom: 20px; border-bottom: 1px solid #f7f7f7; font-size: 16px; font-weight: 300; color: #a3afb7 } .met-shownews .info span { padding-right: 10px } .met-shownews .met-shownews-footer { padding-top: 0px } .met-shownews .met-shownews-footer ul.pager { margin: 0px; border-top: 1px solid #f7f7f7; padding-top: 20px } @media (max-width: 767px) { .met-shownews { padding: 0px } .met-shownews h1 { font-size: 24px } .met-shownews .met-shownews-header, .met-shownews .met-shownews-footer { padding: 10px } .met-shownews .met-shownews-header { padding-top: 20px } .met-shownews .met-shownews-content { padding: 15px 0 } .met-shownews .info { padding-bottom: 20px } } .met_tools_code { margin-top: 30px; text-align: center; font-size: 0px } @media (max-width: 767px) { .met_tools_code { margin-top: 10px } } .met_tools_code .bdsharebuttonbox { display: inline } .met_tools_code .bdsharebuttonbox a { float: none; display: inline-block } .met-product-list { padding: 30px 0; background: #fff } .met-product-list ul { margin: 0 -10px 0 0 } .met-product-list .blocks > .block, .met-product-list [class*=blocks-] > .block, .met-product-list [class*=blocks-] > li { padding-left: 0; margin-bottom: 10px } .met-showproduct { background: #fff } .met-showproduct.pagetype1 .met-showproduct-head { background: rgb(255, 255, 255); padding: 30px 0px } .met-showproduct-head .product-para { margin: 0 } .product-hot { border-radius: 0 } .met-showproduct.pagetype1 { background: #f2f2f2 } .met-showproduct.pagetype1 .less-page-content { background: #f2f2f2 } .met-showproduct.pagetype1 .met-showproduct-head { background: #fff; padding: 30px 0px } .met-showproduct.pagetype1 .met-showproduct-head .ad-gallery .ad-thumbs li a.ad-active img { border: 2px solid #7dc01d } .met-showproduct.pagetype1 .met-showproduct-head .ad-image { cursor: -webkit-zoom-in; cursor: zoom-in } .met-showproduct.pagetype1 .met-showproduct-head .product-intro h1 { font-size: 28px; margin-top: 0px } .met-showproduct.pagetype1 .met-showproduct-head .product-intro p.description { color: #5e7387; margin-bottom: 15px } .met-showproduct.pagetype1 .met-showproduct-head .product-intro .para { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px; padding-bottom: 0px } .met-showproduct.pagetype1 .met-showproduct-head .product-intro .tools { margin: 15px 15px 0px } .met-showproduct.pagetype1 .met-showproduct-body { padding: 30px 0px } .met-showproduct.pagetype1 .met-showproduct-body .panel { border-radius: 0px } .met-showproduct.pagetype1 .met-showproduct-body .product-content-body .met-editor { padding: 0px } .met-showproduct.pagetype1 .met-showproduct-body .product-content-body ul.nav-tabs { margin-bottom: 30px } .met-showproduct.pagetype1 .met-showproduct-body .product-hot h4.example-title { font-size: 16px; font-weight: 300; margin-bottom: 15px } .met-showproduct.pagetype1 .met-showproduct-body .product-hot-list a.img { margin: 0px auto; display: block; margin-bottom: 5px } .met-showproduct.pagetype1 .met-showproduct-body .product-hot-list a.img img { margin: 0px auto } .met-showproduct.pagetype1 .met-showproduct-body .product-hot-list a.txt { color: #5e7387; text-decoration: none } .met-showproduct.pagetype1 .met-showproduct-body .product-hot-list a.txt:active, .met-showproduct.pagetype1 .met-showproduct-body .product-hot-list a.txt:focus, .met-showproduct.pagetype1 .met-showproduct-body .product-hot-list a.txt:hover { text-decoration: none } .met-showproduct.pagetype1 .met-showproduct-body .product-hot-list a.txt:hover { color: #7dc01d } .met-showproduct.pagetype1 .met-showproduct-body .product-hot-list p { color: #f96868; margin-bottom: 0px } .sidebar-piclist-ul li h4 a:hover, .sidebar-piclist-ul li h4 a:hover span { color: #a40000 !important } @media (min-width: 992px) { .met-showproduct.pagetype1 .met-showproduct-body .product-content-body .panel { margin-right: 15px } .met-showproduct.pagetype1 .met-showproduct-body .product-hot { margin-left: 45px } } .met-showproduct.pagetype1 .met-showproduct-body .product-hot-list { padding: 0px 15px } @media (min-width: 768px) { .met-showproduct.pagetype1 .met-showproduct-body .product-hot-list { padding: 0px 15px } } @media (max-width: 991px) { .met-showproduct.pagetype1 .met-showproduct-body .product-hot-list:nth-child(3n+1) { clear: both } } @media (max-width: 767px) { .met-showproduct.pagetype1 .met-showproduct-body { padding: 15px 0px 0px } .met-showproduct.pagetype1 .met-showproduct-body .panel { -webkit-box-shadow: none; box-shadow: none; margin-bottom: 15px } .met-showproduct.pagetype1 .met-showproduct-body .panel-body { padding: 15px; margin-bottom: 15px !important } .met-showproduct.pagetype1 .met-showproduct-body .product-content-body .panel { margin-right: 0px } .met-showproduct.pagetype1 .met-showproduct-body .product-content-body ul.nav-tabs { margin-bottom: 15px; margin-top: -10px } } @media (max-width: 488px) { .met-showproduct.pagetype1 .met-showproduct-head .product-intro h1 { margin-top: 10px !important } .met-showproduct.pagetype1 .met-showproduct-body .product-hot-list { width: 50% } .met-showproduct.pagetype1 .met-showproduct-body .product-hot-list:nth-child(3n+1) { clear: none } .met-showproduct.pagetype1 .met-showproduct-body .product-hot-list:nth-child(2n+1) { clear: both } } .met-download { padding: 30px 0px; background: #fff } .met-download ul { padding: 0 } .met-download .list-group { margin-bottom: 30px } .met-download .met-download-body { -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1) } .met-download .met-download-list { background: #fff; padding: 30px } .met-download .met-download-list .list-group-item { padding: 30px 0px; border-bottom: 1px solid #ddd; background: transparent } .met-download .met-download-list .media-left { padding-right: 5px; padding-left: 10px } .met-download .met-download-list .media-left i { font-size: 38px; color: #a3afb7 } .met-download .met-download-list h4.media-heading a { color: #2a333c; font-size: 16px } .met-download .met-download-list h4.media-heading a:hover { color: #a40000 } .met-download .met-download-list small { color: #76838f; font-size: 14px } .met-download .met-download-list a.btn { margin-right: 10px } @media (max-width: 767px) { .met-download { padding: 0px } .met-download .met-download-list { padding: 10px } } .met-showdownload { padding: 30px 0px; border-top: 1px solid #f7f7f7; background: #fff } .met-showdownload .met-showdownload-body { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); background: #fff } .met-showdownload .met-showdownload-content { padding-top: 30px } .met-showdownload .details-title, .met-showdownload .met-showdownload-footer { padding: 30px } .met-showdownload .details-title { padding-bottom: 0 } .met-showdownload .met-showdownload-header { padding-bottom: 0px } .met-showdownload h1 { margin: 0px; margin-bottom: 5px; font-size: 32px; line-height: 1.5; font-weight: 300 } .met-showdownload .info { padding-bottom: 20px; border-bottom: 1px solid #f7f7f7; font-size: 16px; font-weight: 300; color: #a3afb7 } .met-showdownload .info span { padding-right: 10px } .met-showdownload .met-showdownload-footer { padding-top: 0px } .met-showdownload .met-showdownload-footer ul.pager { margin: 0px; border-top: 1px solid #f7f7f7; padding-top: 20px } .met-showdownload .download-paralist { padding: 30px; padding-bottom: 0px } .met-showdownload .met-editor { padding: 30px; line-height: 1.8; font-size: 18px; font-weight: 300; color: #222 } .met-showdownload .paralist dl { font-size: 16px; border-bottom: 1px solid #ddd; margin-bottom: 0px; padding-bottom: 5px } .met-showdownload .paralist dl dd { color: #76838f; margin-bottom: 5px } .met-showdownload .paralist .met-showdownload-btn { margin-top: 20px } @media (min-width: 768px) { .met-showdownload .paralist dl { padding-bottom: 25px } .met-showdownload .paralist dl dt { width: 100px; margin-bottom: 5px } .met-showdownload .paralist dl dd { margin-left: 120px; margin-bottom: 5px } } @media (max-width: 767px) { .met-showdownload { padding: 0px } .met-showdownload .info { padding-bottom: 20px } .met-showdownload h1 { font-size: 24px } .met-showdownload .met-showdownload-header, .met-showdownload .met-showdownload-footer { padding: 10px } .met-showdownload .met-showdownload-header { padding-top: 20px } .met-showdownload .met-showdownload-content { padding: 15px 0 } .met-showdownload .paralist { padding: 10px } } .met-img { padding: 30px 0; background: #fff } .met-img-showbtn { width: 100%; padding: 0 } .met-img .cover { overflow: hidden } .met-img .widget { background: none; padding: 5px !important } .overlay-fade { opacity: 0 } .cover-title { background: #393939; text-align: center; padding: 15px 0; line-height: 2; transition: all 0.5s } .cover-title h3 { font-size: 16px; font-weight: normal; margin: 0; display: block; overflow: hidden; white-space: normal; text-overflow: ellipsis } .cover-title h3 a { color: #fff } .cover-title p { margin: 0; padding: 5px 0 0 0; display: block; color: #aaa; overflow: hidden; white-space: normal; text-overflow: ellipsis } .cover-title p a { color: #aaa } .cover-title p a:hover { text-decoration: underline } .met-img .widget:hover .cover-title { background: #a40000 } .met-showimg { padding: 30px 0; background: #fff } #met-imgs-slick .slick-prev:before, #met-imgs-slick .slick-next:before { display: none } #met-imgs-slick .slick-arrow.slick-next { right: 0 } #met-imgs-slick .slick-arrow.slick-prev { left: 0 } #met-imgs-slick { min-height: 150px } #met-imgs-slick.slick-dotted { padding-bottom: 80px } #met-imgs-slick.slick-slider:not(.slick-fade) .slick-slide { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab } #met-imgs-slick.fngallery .slick-slide a, #met-imgs-slick.fngallery .slick-slide img { cursor: zoom-in } @media screen\0 { #met-imgs-slick.fngallery .slick-slide a, #met-imgs-slick.fngallery .slick-slide img { cursor: url(https://gsp0.baidu.com/5aAHeD3nKhI2p27j8IqW0jdnxx1xbK/tb/img/frs/cur_zin.cur?t=1489493164029), pointer } } #met-imgs-slick .slick-slide:first-child { display: block } #met-imgs-slick .slick-slide { width: 100% } #met-imgs-slick .slick-slide a { display: inline-block } #met-imgs-slick .slick-slide img { display: inline } #met-imgs-slick .slick-img-cover { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1000 } #met-imgs-slick .swiper-navtab { width: 100%; padding-bottom: 5px; position: absolute; left: 0; bottom: 0; cursor: grab } #met-imgs-slick .slick-dots { bottom: 0; z-index: 2 } #met-imgs-slick .slick-dots li { width: 60px; height: auto; margin: 0 0 0 10px; border: 2px solid #ddd; opacity: 0.7 } #met-imgs-slick .slick-dots li:first-child { margin: 0 } #met-imgs-slick .slick-dots li.slick-active { border-color: #4e97d9 } #met-imgs-slick .slick-dots li img { width: 100%; object-fit: cover } #met-imgs-slick.slick-slider .slick-arrow { height: calc(100% - 80px) } #met-imgs-slick .slick-arrow { width: 15%; height: 100%; top: 0; transform: translate(0, 0) } #met-imgs-slick .slick-arrow.slick-prev { text-align: left } #met-imgs-slick .slick-arrow.slick-next { text-align: right } #met-imgs-slick .slick-arrow i { font-size: 50px; color: #999 } @media (max-width: 767px) { #met-imgs-slick.slick-slider .slick-arrow { height: calc(100% - 60px) } #met-imgs-slick.slick-dotted { padding-bottom: 60px } #met-imgs-slick .slick-dots li { width: 40px; margin-left: 5px; border-width: 1px } } .met-showimg-body { background: #ffff } .details-title { padding: 30px; background: #fff } .met-showimg-con, .img-paralist { margin-top: 30px; list-style: none } @media (max-width: 991px) { .met-showimg-con, .img-paralist { margin-top: 20px } } @media (max-width: 767px) { .met-img { padding: 0 } .met-showimg-con, .img-paralist { margin-top: 15px } } .met-job { padding: 30px 0px; background: #fff } .met-job .widget { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0 } .met-job .widget .widget-body:last-child { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0 } .met-job .widget .widget-title a { color: #2a333c } .met-job .widget .widget-title a:hover { color: #32a4fc } .met-job .widget .widget-metas span { margin-right: 10px } .met-job .widget .met-editor { padding: 0px 20px } #met-job-cv .modal-header { border-radius: 0px } .met-form .form-group .control-label { font-weight: normal } .met-job .card { padding: 30px 25px } @media (max-width: 767px) { .met-job { padding: 10px } .met-job .widget { margin: 15px 10px } .met-job .widget .widget-body { padding: 15px 10px } .met-job .widget .met-editor { padding: 0px } .met-job .widget hr { margin-top: 15px; margin-bottom: 15px } #met-job-cv .modal-body { padding: 15px } .met-job .card { padding: 15px 10px } .card { margin-bottom: 10px } } .met-link .breadcrumb-item { float: none; display: inline-block } .met-link .breadcrumb-item a { color: #666 } .met-link .breadcrumb-item:nth-child(1) { color: #a40000 } .met-search { padding: 30px 0px; border-top: 1px solid #f5f5f5; background: #fff } .met-search .met-search-body { min-height: 500px; padding: 30px; background: #fff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) } .met-search-body em { color: #ff0000 } .met-search .met-search-body .page-search-form { margin-bottom: 10px } .met-search .met-search-body .met_pager { margin-top: 30px; text-align: left } .met-search .met-search-body .page-search-title { font-size: 26px } .met-search .met-search-body .list-group-item { padding-top: 10px; padding-bottom: 10px } .met-search .met-search-body .list-group-item p { color: #76838f } .met-search .met-search-body .list-group-item > h4 { margin-bottom: 5px } .met-search .met-search-body .list-group-item > h4 a { text-decoration: none; color: #526069 } .met-search .met-search-body .list-group-item > h4 a:hover { text-decoration: none; color: #37474f } .met-search .met-search-body .list-group-item > p:last-child { margin-bottom: 0 } .met-search .met-search-body select { margin: 5px 0px } .met-search .met-search-body [data-plugin] select { margin-right: 0px !important } .met-search .met-search-body [data-plugin] { display: flex; align-items: center; justify-content: space-between } @media (max-width: 767px) { .met-search { padding: 0px } .met-search .met-search-body { padding: 20px 10px } .met-search .met-search-body { padding: 10px } } .met-sitemap { padding: 30px 0px; background: #fff } .met-sitemap .met-sitemap-body { padding: 30px; background: #fff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) } .sitemap-list { padding: 0; margin: 0px; list-style-type: none } .sitemap-list a { color: #76838f } .sitemap-list > li { margin-bottom: 25px } .sitemap-list > li:last-child { margin-bottom: 0px } .sitemap-list > li.is-single { margin-bottom: 10px } .sitemap-list > li > a { display: block; padding: 14px 15px; line-height: 1; text-decoration: none; border: 1px solid #e4eaec; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px } .sitemap-list > li > ul { position: relative; padding: 10px 10px 20px 40px; margin: 0; list-style-type: none } .sitemap-list > li > ul a:hover { color: #62a8ea } .sitemap-list > li > ul::before { position: absolute; top: 0; left: 20px; width: 1px; height: 100%; content: " "; background: #e4eaec } .sitemap-list > li > ul > li > a { position: relative; display: block; min-width: 220px; padding: 10px; margin-bottom: 5px; line-height: 1; text-decoration: none; border: 1px solid #e4eaec } .sitemap-list > li > ul > li > a::after, .sitemap-list > li > ul > li > a::before { position: absolute; top: 50%; content: " "; background: #e4eaec } .sitemap-list > li > ul > li > a::before { left: -20px; width: 20px; height: 1px; margin-top: -1px } .sitemap-list > li > ul > li > a::after { left: -23px; width: 5px; height: 5px; margin-top: -3px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50% } .sitemap-list-sub { position: relative; padding: 5px 0 9px 40px; margin-top: -5px; list-style-type: none } .sitemap-list-sub::before { position: absolute; top: 0; left: 20px; width: 1px; height: 100%; content: " "; background: #e4eaec } .sitemap-list-sub > li { position: relative; line-height: 30px } .sitemap-list-sub > li::after, .sitemap-list-sub > li::before { position: absolute; top: 50%; left: -22px; content: " "; background: #e4eaec } .sitemap-list-sub > li::before { width: 15px; height: 1px; margin-top: -1px } .sitemap-list-sub > li::after { width: 5px; height: 5px; margin-top: -3px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50% } @media (max-width: 767px) { .met-sitemap { padding: 0px } .met-sitemap .met-sitemap-body { padding: 10px } } @media (max-width: 479px) { .sitemap-list { padding-left: 40px; list-style-type: disc } .sitemap-list .icon { display: none } .sitemap-list > li:first-child { margin-bottom: 20px; margin-left: -16px; list-style-type: none } .sitemap-list > li > a { display: inline; padding: 10px; border: none } .sitemap-list > li > a i { display: none } .sitemap-list > li > ul { padding: 5px 0 5px 26px; list-style-type: circle } .sitemap-list > li > ul::before { display: none } .sitemap-list > li > ul > li > a { display: inline; padding: 10px 0; border: none } .sitemap-list > li > ul > li > a::after, .sitemap-list > li > ul > li > a::before { display: none } .sitemap-list-sub { padding: 5px 0 5px 20px; list-style-type: square } .sitemap-list-sub::before { display: none } .sitemap-list-sub > li { line-height: normal } .sitemap-list-sub > li::after, .sitemap-list-sub > li::before { display: none } } .met-langlist { display: inline-block } .met-langlist span { font-size: 14px; cursor: pointer } #btn-convert { margin-top: 6px } .metlang #btn-convert { margin-top: 0px; cursor: pointer; display: inline-block } .met-head-user { font-size: 0 } .met_navbtn { color: #666 } .met-head-user li a { padding: 0 5px; font-size: 14px } .met-head-user li a + a { border-left: 1px solid #ccc } .met-nav #met-head-user-collapse a { color: #666 } .border-left1 { border-left: 1px solid #ccc; padding: 0 5px; cursor: pointer } @media (min-width: 768px) { .met-nav #met-head-user-collapse a.navbar-avatar { height: 60px; line-height: 60px; display: block } .metlang { height: 60px; line-height: 60px } .metlang a { line-height: normal } } @media (max-width: 767px) { .met-head-user .dropdown > a, .metlang .met_navbtn { line-height: 40px; height: 40px; display: block } .metlang { margin: 0 !important } .met-langlist { padding-left: 15px } } .order { padding: 0; float: right; margin-bottom: 10px !important } .order li { display: inline-block; padding: 0 5px } .order li a { color: #666 } .order li a:hover { color: #a40000 } .column.list-icons { padding: 0 } .detail_tag { padding: 0 30px 30px; background: #fff } .detail_tag span { font-size: 14px } .detail_tag a { color: #333; padding: 0 5px } .detail_tag a:hover { color: #a40000 } .page404 { background: #f5f5f5 } .box404 { display: table; min-height: 500px } .size404 { display: table-cell; width: 100%; text-align: center; vertical-align: middle; font-size: 50px; color: #333 } @media (max-width: 767px) { .box404 { min-height: 250px } .size404 { font-size: 25px } } .type-order { border-top: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4 } .type-order > div { background: #e5e5e5; border-bottom: 1px solid #ededed } .type-order ul { background: #fafafa } .type-order ul { padding: 0; margin: 0 } .type-order ul li { height: 40px; line-height: 40px } .type-order .attr-name { height: 40px; line-height: 40px; white-space: nowrap; position: relative; overflow: hidden } .type-order .attr-value a { color: #333 } .type-order .attr-value a:hover, .type-order .attr-value.para_select_option a { color: #a40000 } .order li a { background: #fff } .met-relevant ul { background: #fff; margin: 0px; padding-top: 10px; margin-top: 2px } .met-relevant ul li { margin-bottom: 10px; margin-left: 0px; padding-left: 0px } .met-relevant ul li h4 a { color: #333; font-size: 14px } .tag-border { box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1); margin: 0 30px; padding: 10px; margin-bottom: 20px } .tag-border .detail_tag { padding: 0px } .met-menu-list { overflow: hidden; position: fixed; bottom: 0; left: 0; z-index: 999; width: 100% } .met-menu-list a.item { padding: 5px 0; display: inline-block } .met-menu-list a.item i { font-size: 16px; display: block } .met-menu-list { display: none } .met-menu-list.iskeshi { display: block } .met-menu-list .main { display: flex } .met-menu-list .main > div { flex: 1 } @media (max-width: 767px) { .met-menu-list { display: block } } .page { width: 1200px; background: none; margin: 0 auto } ul, li { margin: 0; padding: 0; list-style: none } h1, h2, h3, h4, h5, h6, p { margin: 0 } a { color: #313131 } .holder { padding: 0 50px } .headPc .page { display: flex; justify-content: space-between; align-items: center } .headPc .logo { width: 230px } .headPc .logo img { width: 100% } .headColumn > ul { display: flex } .headColumn > ul > li { width: 110px; height: 100px; position: relative } .headColumn > ul > li > a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 16px; text-align: center; flex-direction: column } .headColumn > ul > li > a:hover, .headColumn > ul > li > a.active { color: #fff; background: #a40000 } .column2 { position: absolute; z-index: 10; width: 100%; left: 0; display: none } .column2 > li { height: 50px; font-size: 16px; margin-bottom: 1px } .column2 > li > a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #f4f4f4 } .column2 > li > a:hover { background: #a40000; color: #fff } .column2 > li:last-child { margin-bottom: 0 } .part_1 { background: #f3f3f3; padding: 50px 0 } .part_1 ul { display: flex; justify-content: space-between; align-items: center } .part1Item { width: 102px } .part1Item .img { width: 102px; height: 102px; background-color: #fff; border-radius: 50% } .part1Item .img:hover { background-position-y: bottom; background-color: rgb(164, 0, 0) } .part1Item p { margin-top: 12px; text-align: center; color: #313131 } .part_2 { padding: 50px 0 } .part_2 .page { display: flex; justify-content: space-between } .part2Content { width: 48%; line-height: 30px; font-size: 16px; color: #666; text-indent: 2em } .part2Img { width: 48%; height: 360px; overflow: hidden } .part2Img img { width: 100%; transition: all ease-in 0.5s; -moz-transition: all ease-in 0.5s; -ms-transition: all ease-in 0.5s; -o-transition: all ease-in 0.5s; -webkit-transition: all ease-in 0.5s } .part2Img img:hover { transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1) } .more { background: #a40000; border-radius: 20px; display: flex; width: 100px; margin-top: 30px } .more a { color: #fff } .part3Main { margin-top: 30px } .title h2 { text-align: center; font-size: 24px; line-height: 32px; color: #000 } .title h2::after { width: 50px; background: #a40000; height: 1px; content: ''; display: block; text-align: center; margin: 15px auto 0 } .part_3 { padding: 50px 0 } .part3Top { display: flex; justify-content: space-between } .part3Top li { width: 31% } .part3Top li .part3Img { width: 100%; height: 160px; overflow: hidden } .part3Top li .part3Img img { width: 100%; transition: all ease-in 0.5s; -moz-transition: all ease-in 0.5s; -ms-transition: all ease-in 0.5s; -o-transition: all ease-in 0.5s; -webkit-transition: all ease-in 0.5s } .part3Top li h4 { height: 51px; line-height: 51px; overflow: hidden; border-bottom: 1px dashed #dadada } .part3Top li p { font-size: 14px; color: #666; height: 50px; margin: 8px 0px; overflow: hidden; line-height: 24px } .part3Top li span { font-size: 14px; color: #666 } .part3Top li:hover a, .part3Top li:hover h4, .part3Top li:hover p, .part3Top li:hover span { color: #a40000 } .part3Img:hover img { transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1) } .part3Bottom { margin-top: 30px; display: flex; justify-content: space-between } .part3Bottom ul { width: 31% } .part3Bottom ul h3 { width: 100%; height: 18px; line-height: 18px; border-left: 3px solid #a40000; padding-left: 15px; font-size: 18px; color: #000 } .part3Bottom ul li { color: #7d7d7d; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px } .part3Bottom ul li:nth-child(2) { margin-top: 20px } .part3Bottom ul li a { display: flex; justify-content: space-between; align-items: center; line-height: 24px } .part3Bottom ul li:hover a, .part3Bottom ul li:hover h4 { color: #a40000 } .part3Bottom ul li a h4 { width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px } footer { padding: 50px 0 } footer .footTop { display: flex; justify-content: space-between } .information { flex: 3 } .ewm { flex: 1; display: flex; align-items: center; justify-content: space-between; text-align: center } .ewm p { height: 25px; line-height: 25px } .information h4 { margin-bottom: 28px; font-weight: bold; font-size: 20px; color: #444444 } .information p { color: #666666; font-size: 16px; line-height: 30px } .footBot { text-align: center; color: #777777; margin-top: 30px } .footBot a { color: #777777 } .showTitle { padding: 10px 80px 10px 35px; width: max-content; background: #a6a6a6 } .showTitle h2 { color: #fff; font-size: 30px; font-weight: bold } .show_serveMian h3 { font-size: 28px } .show_serveMian p { line-height: 30px; font-size: 16px } .show_serveMian img { max-width: 100% } .show_serveMian video { max-width: 100% } .law { background: url(/public/static/home/images/3.jpg) no-repeat; padding-top: 50px; height: 675px; overflow: hidden } .lawAbout h3 { text-align: center; margin: 20px 0 } .lawAbout .lawMian { display: flex; align-items: center; justify-content: space-around; margin-bottom: 20px } .lawAbout .lawMian img { width: 260px } .lawAbout .content p { width: 785px; text-indent: 2em } .lawAbout img { width: 100% } .lawMian .content { line-height: 26px; font-size: 16px; text-align: left } .finance { background: url(/public/static/home/images/4.jpg) no-repeat; padding-top: 50px; height: 675px; overflow: hidden } .financeAbout .top { margin-bottom: 30px } .financeAbout .top h3 { margin: 20px 0 } .financeAbout .bottom { display: flex; width: 65% } .financeAbout .bottom h5 { background: url(/public/static/home/images/5.png) no-repeat; font-size: 20px; font-weight: bold; width: 65px; height: 350px; background-size: contain; display: flex; align-items: center; justify-content: center; padding: 0 20px } .financeAbout .bottom ul li { font-size: 16px; border-bottom: 1px dashed #d9d9d9; padding-bottom: 3px; margin-bottom: 3px; padding-left: 20px } .financeAbout .bottom ul li h6 { color: #c00000; font-size: 16px; font-weight: bold } .financeAbout .bottom ul li p { line-height: 25px } .financeImg { display: none } .detection { background: url(/public/static/home/images/5.jpg) no-repeat; padding-top: 50px; height: 675px; overflow: hidden } .detectionAbout h3 { height: 55px; line-height: 55px; background: #fff; width: max-content; margin: 15px 0 5px } .detectionAbout p { background: #fff } .property { background: url(/public/static/home/images/6.jpg) no-repeat; padding-top: 50px; height: 675px; overflow: hidden } .propertyAbout { width: 65% } .propertyAbout h3 { margin: 20px 0 } .collocation { background: url(/public/static/home/images/7.jpg) no-repeat; padding-top: 50px; height: 675px; overflow: hidden } .collocationAbout { width: 50% } .collocationAbout h3 { margin: 95px 0 20px 0 } .administration { padding-top: 50px; background: url(/public/static/home/images/8.jpg) no-repeat; height: 675px; overflow: hidden } .administrationAbout h3 { margin: 20px 0 } .science { padding-top: 50px; background: url(/public/static/home/images/9.jpg) no-repeat; height: 675px; overflow: hidden } .science .scienceAbout { display: flex; justify-content: space-between } .science .scienceAbout .left { width: 52% } .science .scienceAbout .right { width: 45% } .science .scienceAbout .right img { width: 100% } .scienceAbout .left h3 { margin: 60px 0 30px } .scienceAbout .left h4 { font-size: 16px; font-weight: bold; text-align: center; line-height: 30px; margin: 35px 30px 0 auto; width: max-content } .aboutUs { background: url(/public/static/home/images/10.jpg) no-repeat; padding-top: 50px; height: 675px; overflow: hidden } .aboutContent { width: 55%; margin-left: auto } .aboutContent p { text-indent: 2em; line-height: 35px } .coreTeam { background: url(/public/static/home/images/11.jpg) no-repeat; height: 675px; padding-top: 50px; overflow: hidden } .business { background: url(/public/static/home/images/12.jpg) no-repeat; height: 675px; padding-top: 50px; overflow: hidden } .busContent { width: 60%; text-align: center } .coreCon { display: none } .culture { background: url(/public/static/home/images/14.jpg) no-repeat; height: 675px; padding-top: 50px; overflow: hidden } .culContent { width: 80%; margin-left: auto; text-align: center } .culContent h3 { font-weight: bold; margin-top: 15px } .plateMain { display: flex; flex-wrap: wrap } .plateMain li { width: 33%; text-align: center; margin-top: 30px } .plateMain .platImg { width: 102px; height: 102px; margin: 0 auto; overflow: hidden; display: flex; align-items: flex-end } .plateMain li p { text-indent: inherit; width: 102px; margin: 0 auto } .plateMain li:nth-child(1) .platImg { background: rgb(116, 114, 126) } .plateMain li:nth-child(2) .platImg { background: rgb(172, 161, 150) } .plateMain li:nth-child(3) .platImg { background: rgb(119, 198, 186) } .plateMain li:nth-child(4) .platImg { background: rgb(119, 198, 136) } .plateMain li:nth-child(5) .platImg { background: rgb(198, 178, 119) } .plateMain li:nth-child(6) .platImg { background: rgb(119, 165, 198) } .plateMain li:nth-child(7) .platImg { background: rgb(249, 138, 116) } .pcplate { display: block } .headMo { display: none } .mainMo { display: none } .deteImg, .propImg, .admiImg, .cultImg, .footMo, .collImg { display: none } @media (max-width: 767px) { .headPc { display: none } .headMo { display: block } .mainPc { display: none } .mainMo { display: block } .footPC { display: none } .deteImg, .propImg, .admiImg, .cultImg, .collImg { display: block } .pcplate { display: none } .footMo { display: block; padding: 20px 0; text-align: center; color: #777 } .page { width: 100% } .holder { padding: 0 10px } .headMo .page { display: flex; padding: 10px; justify-content: space-between; align-items: center; min-height: auto !important; } .headMo .logo { width: 100%; text-align: center; height: 50px } .headMo .logo img { max-height: 100%; max-width: 100% } .mainMo .nav { display: flex; flex-wrap: wrap } .mainMo .nav li { width: 50%; text-align: center; padding: 18px; box-sizing: border-box; } .mainMo .nav li img { /*width: 75px;*/ width: auto; height: 75px; margin-bottom: 10px } .mainMo .nav li:nth-child(1) { background: rgb(116, 114, 126) } .mainMo .nav li:nth-child(2) { background: rgb(172, 161, 150) } .mainMo .nav li:nth-child(3) { background: rgb(119, 198, 186) } .mainMo .nav li:nth-child(4) { background: rgb(119, 198, 136) } .mainMo .nav li:nth-child(5) { background: rgb(198, 178, 119) } .mainMo .nav li:nth-child(6) { background: rgb(119, 165, 198) } .mainMo .nav li:nth-child(7) { background: rgb(198, 128, 199) } .mainMo .nav li:nth-child(8) { background: rgb(139, 145, 108) } .mainMo .nav li p { color: #fff } .footMo a { color: #777 } .showTitle { padding: 5px 30px 5px 10px } .showTitle h2, .show_serveMian h3 { font-size: 20px } .aboutContent { width: auto; padding: 0 10px } .aboutContent p { line-height: 30px; font-size: 15px } .aboutUs { background-size: cover; height: auto } .coreTeam { height: auto; background: none } .coreCon { display: block; padding: 0 10px } .busContent { width: auto; padding: 0 10px } .busContent h2 { font-size: 20px } .lawAbout .lawMian { flex-direction: column } .lawAbout .content p { width: 100%; text-indent: 2em } .show_serveMian p { font-size: 15px; text-indent: 2em } .finance { height: auto } .financeAbout .bottom { width: 100% } .financeImg { display: block } .financeAbout .bottom h5 { padding: 10px; align-items: baseline; height: max-content } .detection, .property, .collocation, .administration, .science, .culture { background: none; height: auto } .deteImg img { margin: 5px 0 } .propertyAbout, .collocationAbout, .science .scienceAbout .left, .science .scienceAbout .right, .culContent { width: 100% } .detectionAbout h3 { height: max-content; line-height: 24px; margin: 20px 0 } .collocationAbout h3, .scienceAbout .left h3, .culContent h3 { margin: 20px 0 } .science .scienceAbout { flex-direction: column } } .met-show-body{ min-height: 330px; } .page{ min-height: auto !important; } img{ max-width: 100%; }