@charset 'utf-8';/*! * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ [class*=' fa-'],[class^=fa-] { font-family: FontAwesome; font-weight: 400; font-style: normal; position: relative; display: inline-block; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); text-rendering: auto; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } @font-face { font-family: FontAwesome; font-weight: 400; font-style: normal; src: url('../fonts/fontawesome-webfont.eot?v=4.5.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg') } .fa-glass:before { content: '' } .fa-music:before { content: '' } .fa-search:before { content: '' } .fa-envelope-o:before { content: '' } .fa-heart:before { content: '' } .fa-star:before { content: '' } .fa-star-o:before { content: '' } .fa-user:before { content: '' } .fa-film:before { content: '' } .fa-th-large:before { content: '' } .fa-th:before { content: '' } .fa-th-list:before { content: '' } .fa-check:before { content: '' } .fa-close:before,.fa-remove:before,.fa-times:before { content: '' } .fa-search-plus:before { content: '' } .fa-search-minus:before { content: '' } .fa-power-off:before { content: '' } .fa-signal:before { content: '' } .fa-cog:before,.fa-gear:before { content: '' } .fa-trash-o:before { content: '' } .fa-home:before { content: '' } .fa-file-o:before { content: '' } .fa-clock-o:before { content: '' } .fa-road:before { content: '' } .fa-download:before { content: '' } .fa-arrow-circle-o-down:before { content: '' } .fa-arrow-circle-o-up:before { content: '' } .fa-inbox:before { content: '' } .fa-play-circle-o:before { content: '' } .fa-repeat:before,.fa-rotate-right:before { content: '' } .fa-refresh:before { content: '' } .fa-list-alt:before { content: '' } .fa-lock:before { content: '' } .fa-flag:before { content: '' } .fa-headphones:before { content: '' } .fa-volume-off:before { content: '' } .fa-volume-down:before { content: '' } .fa-volume-up:before { content: '' } .fa-qrcode:before { content: '' } .fa-barcode:before { content: '' } .fa-tag:before { content: '' } .fa-tags:before { content: '' } .fa-book:before { content: '' } .fa-bookmark:before { content: '' } .fa-print:before { content: '' } .fa-camera:before { content: '' } .fa-font:before { content: '' } .fa-bold:before { content: '' } .fa-italic:before { content: '' } .fa-text-height:before { content: '' } .fa-text-width:before { content: '' } .fa-align-left:before { content: '' } .fa-align-center:before { content: '' } .fa-align-right:before { content: '' } .fa-align-justify:before { content: '' } .fa-list:before { content: '' } .fa-dedent:before,.fa-outdent:before { content: '' } .fa-indent:before { content: '' } .fa-video-camera:before { content: '' } .fa-image:before,.fa-photo:before,.fa-picture-o:before { content: '' } .fa-pencil:before { content: '' } .fa-map-marker:before { content: '' } .fa-adjust:before { content: '' } .fa-tint:before { content: '' } .fa-edit:before,.fa-pencil-square-o:before { content: '' } .fa-share-square-o:before { content: '' } .fa-check-square-o:before { content: '' } .fa-arrows:before { content: '' } .fa-step-backward:before { content: '' } .fa-fast-backward:before { content: '' } .fa-backward:before { content: '' } .fa-play:before { content: '' } .fa-pause:before { content: '' } .fa-stop:before { content: '' } .fa-forward:before { content: '' } .fa-fast-forward:before { content: '' } .fa-step-forward:before { content: '' } .fa-eject:before { content: '' } .fa-chevron-left:before { content: '' } .fa-chevron-right:before { content: '' } .fa-plus-circle:before { content: '' } .fa-minus-circle:before { content: '' } .fa-times-circle:before { content: '' } .fa-check-circle:before { content: '' } .fa-question-circle:before { content: '' } .fa-info-circle:before { content: '' } .fa-crosshairs:before { content: '' } .fa-times-circle-o:before { content: '' } .fa-check-circle-o:before { content: '' } .fa-ban:before { content: '' } .fa-arrow-left:before { content: '' } .fa-arrow-right:before { content: '' } .fa-arrow-up:before { content: '' } .fa-arrow-down:before { content: '' } .fa-mail-forward:before,.fa-share:before { content: '' } .fa-expand:before { content: '' } .fa-compress:before { content: '' } .fa-plus:before { content: '' } .fa-minus:before { content: '' } .fa-asterisk:before { content: '' } .fa-exclamation-circle:before { content: '' } .fa-gift:before { content: '' } .fa-leaf:before { content: '' } .fa-fire:before { content: '' } .fa-eye:before { content: '' } .fa-eye-slash:before { content: '' } .fa-exclamation-triangle:before,.fa-warning:before { content: '' } .fa-plane:before { content: '' } .fa-calendar:before { content: '' } .fa-random:before { content: '' } .fa-comment:before { content: '' } .fa-magnet:before { content: '' } .fa-chevron-up:before { content: '' } .fa-chevron-down:before { content: '' } .fa-retweet:before { content: '' } .fa-shopping-cart:before { content: '' } .fa-folder:before { content: '' } .fa-folder-open:before { content: '' } .fa-arrows-v:before { content: '' } .fa-arrows-h:before { content: '' } .fa-bar-chart-o:before,.fa-bar-chart:before { content: '' } .fa-twitter-square:before { content: '' } .fa-facebook-square:before { content: '' } .fa-camera-retro:before { content: '' } .fa-key:before { content: '' } .fa-cogs:before,.fa-gears:before { content: '' } .fa-comments:before { content: '' } .fa-thumbs-o-up:before { content: '' } .fa-thumbs-o-down:before { content: '' } .fa-star-half:before { content: '' } .fa-heart-o:before { content: '' } .fa-sign-out:before { content: '' } .fa-linkedin-square:before { content: '' } .fa-thumb-tack:before { content: '' } .fa-external-link:before { content: '' } .fa-sign-in:before { content: '' } .fa-trophy:before { content: '' } .fa-github-square:before { content: '' } .fa-upload:before { content: '' } .fa-lemon-o:before { content: '' } .fa-phone:before { content: '' } .fa-square-o:before { content: '' } .fa-bookmark-o:before { content: '' } .fa-phone-square:before { content: '' } .fa-twitter:before { content: '' } .fa-facebook-f:before,.fa-facebook:before { content: '' } .fa-github:before { content: '' } .fa-unlock:before { content: '' } .fa-credit-card:before { content: '' } .fa-feed:before,.fa-rss:before { content: '' } .fa-hdd-o:before { content: '' } .fa-bullhorn:before { content: '' } .fa-bell:before { content: '' } .fa-certificate:before { content: '' } .fa-hand-o-right:before { content: '' } .fa-hand-o-left:before { content: '' } .fa-hand-o-up:before { content: '' } .fa-hand-o-down:before { content: '' } .fa-arrow-circle-left:before { content: '' } .fa-arrow-circle-right:before { content: '' } .fa-arrow-circle-up:before { content: '' } .fa-arrow-circle-down:before { content: '' } .fa-globe:before { content: '' } .fa-wrench:before { content: '' } .fa-tasks:before { content: '' } .fa-filter:before { content: '' } .fa-briefcase:before { content: '' } .fa-arrows-alt:before { content: '' } .fa-group:before,.fa-users:before { content: '' } .fa-chain:before,.fa-link:before { content: '' } .fa-cloud:before { content: '' } .fa-flask:before { content: '' } .fa-cut:before,.fa-scissors:before { content: '' } .fa-copy:before,.fa-files-o:before { content: '' } .fa-paperclip:before { content: '' } .fa-floppy-o:before,.fa-save:before { content: '' } .fa-square:before { content: '' } .fa-bars:before,.fa-navicon:before,.fa-reorder:before { content: '' } .fa-list-ul:before { content: '' } .fa-list-ol:before { content: '' } .fa-strikethrough:before { content: '' } .fa-underline:before { content: '' } .fa-table:before { content: '' } .fa-magic:before { content: '' } .fa-truck:before { content: '' } .fa-pinterest:before { content: '' } .fa-pinterest-square:before { content: '' } .fa-google-plus-square:before { content: '' } .fa-google-plus:before { content: '' } .fa-money:before { content: '' } .fa-caret-down:before { content: '' } .fa-caret-up:before { content: '' } .fa-caret-left:before { content: '' } .fa-caret-right:before { content: '' } .fa-columns:before { content: '' } .fa-sort:before,.fa-unsorted:before { content: '' } .fa-sort-desc:before,.fa-sort-down:before { content: '' } .fa-sort-asc:before,.fa-sort-up:before { content: '' } .fa-envelope:before { content: '' } .fa-linkedin:before { content: '' } .fa-rotate-left:before,.fa-undo:before { content: '' } .fa-gavel:before,.fa-legal:before { content: '' } .fa-dashboard:before,.fa-tachometer:before { content: '' } .fa-comment-o:before { content: '' } .fa-comments-o:before { content: '' } .fa-bolt:before,.fa-flash:before { content: '' } .fa-sitemap:before { content: '' } .fa-umbrella:before { content: '' } .fa-clipboard:before,.fa-paste:before { content: '' } .fa-lightbulb-o:before { content: '' } .fa-exchange:before { content: '' } .fa-cloud-download:before { content: '' } .fa-cloud-upload:before { content: '' } .fa-user-md:before { content: '' } .fa-stethoscope:before { content: '' } .fa-suitcase:before { content: '' } .fa-bell-o:before { content: '' } .fa-coffee:before { content: '' } .fa-cutlery:before { content: '' } .fa-file-text-o:before { content: '' } .fa-building-o:before { content: '' } .fa-hospital-o:before { content: '' } .fa-ambulance:before { content: '' } .fa-medkit:before { content: '' } .fa-fighter-jet:before { content: '' } .fa-beer:before { content: '' } .fa-h-square:before { content: '' } .fa-plus-square:before { content: '' } .fa-angle-double-left:before { content: '' } .fa-angle-double-right:before { content: '' } .fa-angle-double-up:before { content: '' } .fa-angle-double-down:before { content: '' } .fa-angle-left:before { content: '' } .fa-angle-right:before { content: '' } .fa-angle-up:before { content: '' } .fa-angle-down:before { content: '' } .fa-desktop:before { content: '' } .fa-laptop:before { content: '' } .fa-tablet:before { content: '' } .fa-mobile-phone:before,.fa-mobile:before { content: '' } .fa-circle-o:before { content: '' } .fa-quote-left:before { content: '' } .fa-quote-right:before { content: '' } .fa-spinner:before { content: '' } .fa-circle:before { content: '' } .fa-mail-reply:before,.fa-reply:before { content: '' } .fa-github-alt:before { content: '' } .fa-folder-o:before { content: '' } .fa-folder-open-o:before { content: '' } .fa-smile-o:before { content: '' } .fa-frown-o:before { content: '' } .fa-meh-o:before { content: '' } .fa-gamepad:before { content: '' } .fa-keyboard-o:before { content: '' } .fa-flag-o:before { content: '' } .fa-flag-checkered:before { content: '' } .fa-terminal:before { content: '' } .fa-code:before { content: '' } .fa-mail-reply-all:before,.fa-reply-all:before { content: '' } .fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before { content: '' } .fa-location-arrow:before { content: '' } .fa-crop:before { content: '' } .fa-code-fork:before { content: '' } .fa-chain-broken:before,.fa-unlink:before { content: '' } .fa-question:before { content: '' } .fa-info:before { content: '' } .fa-exclamation:before { content: '' } .fa-superscript:before { content: '' } .fa-subscript:before { content: '' } .fa-eraser:before { content: '' } .fa-puzzle-piece:before { content: '' } .fa-microphone:before { content: '' } .fa-microphone-slash:before { content: '' } .fa-shield:before { content: '' } .fa-calendar-o:before { content: '' } .fa-fire-extinguisher:before { content: '' } .fa-rocket:before { content: '' } .fa-maxcdn:before { content: '' } .fa-chevron-circle-left:before { content: '' } .fa-chevron-circle-right:before { content: '' } .fa-chevron-circle-up:before { content: '' } .fa-chevron-circle-down:before { content: '' } .fa-html5:before { content: '' } .fa-css3:before { content: '' } .fa-anchor:before { content: '' } .fa-unlock-alt:before { content: '' } .fa-bullseye:before { content: '' } .fa-ellipsis-h:before { content: '' } .fa-ellipsis-v:before { content: '' } .fa-rss-square:before { content: '' } .fa-play-circle:before { content: '' } .fa-ticket:before { content: '' } .fa-minus-square:before { content: '' } .fa-minus-square-o:before { content: '' } .fa-level-up:before { content: '' } .fa-level-down:before { content: '' } .fa-check-square:before { content: '' } .fa-pencil-square:before { content: '' } .fa-external-link-square:before { content: '' } .fa-share-square:before { content: '' } .fa-compass:before { content: '' } .fa-caret-square-o-down:before,.fa-toggle-down:before { content: '' } .fa-caret-square-o-up:before,.fa-toggle-up:before { content: '' } .fa-caret-square-o-right:before,.fa-toggle-right:before { content: '' } .fa-eur:before,.fa-euro:before { content: '' } .fa-gbp:before { content: '' } .fa-dollar:before,.fa-usd:before { content: '' } .fa-inr:before,.fa-rupee:before { content: '' } .fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before { content: '' } .fa-rouble:before,.fa-rub:before,.fa-ruble:before { content: '' } .fa-krw:before,.fa-won:before { content: '' } .fa-bitcoin:before,.fa-btc:before { content: '' } .fa-file:before { content: '' } .fa-file-text:before { content: '' } .fa-sort-alpha-asc:before { content: '' } .fa-sort-alpha-desc:before { content: '' } .fa-sort-amount-asc:before { content: '' } .fa-sort-amount-desc:before { content: '' } .fa-sort-numeric-asc:before { content: '' } .fa-sort-numeric-desc:before { content: '' } .fa-thumbs-up:before { content: '' } .fa-thumbs-down:before { content: '' } .fa-youtube-square:before { content: '' } .fa-youtube:before { content: '' } .fa-xing:before { content: '' } .fa-xing-square:before { content: '' } .fa-youtube-play:before { content: '' } .fa-dropbox:before { content: '' } .fa-stack-overflow:before { content: '' } .fa-instagram:before { content: '' } .fa-flickr:before { content: '' } .fa-adn:before { content: '' } .fa-bitbucket:before { content: '' } .fa-bitbucket-square:before { content: '' } .fa-tumblr:before { content: '' } .fa-tumblr-square:before { content: '' } .fa-long-arrow-down:before { content: '' } .fa-long-arrow-up:before { content: '' } .fa-long-arrow-left:before { content: '' } .fa-long-arrow-right:before { content: '' } .fa-apple:before { content: '' } .fa-windows:before { content: '' } .fa-android:before { content: '' } .fa-linux:before { content: '' } .fa-dribbble:before { content: '' } .fa-skype:before { content: '' } .fa-foursquare:before { content: '' } .fa-trello:before { content: '' } .fa-female:before { content: '' } .fa-male:before { content: '' } .fa-gittip:before,.fa-gratipay:before { content: '' } .fa-sun-o:before { content: '' } .fa-moon-o:before { content: '' } .fa-archive:before { content: '' } .fa-bug:before { content: '' } .fa-vk:before { content: '' } .fa-weibo:before { content: '' } .fa-renren:before { content: '' } .fa-pagelines:before { content: '' } .fa-stack-exchange:before { content: '' } .fa-arrow-circle-o-right:before { content: '' } .fa-arrow-circle-o-left:before { content: '' } .fa-caret-square-o-left:before,.fa-toggle-left:before { content: '' } .fa-dot-circle-o:before { content: '' } .fa-wheelchair:before { content: '' } .fa-vimeo-square:before { content: '' } .fa-try:before,.fa-turkish-lira:before { content: '' } .fa-plus-square-o:before { content: '' } .fa-space-shuttle:before { content: '' } .fa-slack:before { content: '' } .fa-envelope-square:before { content: '' } .fa-wordpress:before { content: '' } .fa-openid:before { content: '' } .fa-bank:before,.fa-institution:before,.fa-university:before { content: '' } .fa-graduation-cap:before,.fa-mortar-board:before { content: '' } .fa-yahoo:before { content: '' } .fa-google:before { content: '' } .fa-reddit:before { content: '' } .fa-reddit-square:before { content: '' } .fa-stumbleupon-circle:before { content: '' } .fa-stumbleupon:before { content: '' } .fa-delicious:before { content: '' } .fa-digg:before { content: '' } .fa-pied-piper:before { content: '' } .fa-pied-piper-alt:before { content: '' } .fa-drupal:before { content: '' } .fa-joomla:before { content: '' } .fa-language:before { content: '' } .fa-fax:before { content: '' } .fa-building:before { content: '' } .fa-child:before { content: '' } .fa-paw:before { content: '' } .fa-spoon:before { content: '' } .fa-cube:before { content: '' } .fa-cubes:before { content: '' } .fa-behance:before { content: '' } .fa-behance-square:before { content: '' } .fa-steam:before { content: '' } .fa-steam-square:before { content: '' } .fa-recycle:before { content: '' } .fa-automobile:before,.fa-car:before { content: '' } .fa-cab:before,.fa-taxi:before { content: '' } .fa-tree:before { content: '' } .fa-spotify:before { content: '' } .fa-deviantart:before { content: '' } .fa-soundcloud:before { content: '' } .fa-database:before { content: '' } .fa-file-pdf-o:before { content: '' } .fa-file-word-o:before { content: '' } .fa-file-excel-o:before { content: '' } .fa-file-powerpoint-o:before { content: '' } .fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before { content: '' } .fa-file-archive-o:before,.fa-file-zip-o:before { content: '' } .fa-file-audio-o:before,.fa-file-sound-o:before { content: '' } .fa-file-movie-o:before,.fa-file-video-o:before { content: '' } .fa-file-code-o:before { content: '' } .fa-vine:before { content: '' } .fa-codepen:before { content: '' } .fa-jsfiddle:before { content: '' } .fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before { content: '' } .fa-circle-o-notch:before { content: '' } .fa-ra:before,.fa-rebel:before { content: '' } .fa-empire:before,.fa-ge:before { content: '' } .fa-git-square:before { content: '' } .fa-git:before { content: '' } .fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before { content: '' } .fa-tencent-weibo:before { content: '' } .fa-qq:before { content: '' } .fa-wechat:before,.fa-weixin:before { content: '' } .fa-paper-plane:before,.fa-send:before { content: '' } .fa-paper-plane-o:before,.fa-send-o:before { content: '' } .fa-history:before { content: '' } .fa-circle-thin:before { content: '' } .fa-header:before { content: '' } .fa-paragraph:before { content: '' } .fa-sliders:before { content: '' } .fa-share-alt:before { content: '' } .fa-share-alt-square:before { content: '' } .fa-bomb:before { content: '' } .fa-futbol-o:before,.fa-soccer-ball-o:before { content: '' } .fa-tty:before { content: '' } .fa-binoculars:before { content: '' } .fa-plug:before { content: '' } .fa-slideshare:before { content: '' } .fa-twitch:before { content: '' } .fa-yelp:before { content: '' } .fa-newspaper-o:before { content: '' } .fa-wifi:before { content: '' } .fa-calculator:before { content: '' } .fa-paypal:before { content: '' } .fa-google-wallet:before { content: '' } .fa-cc-visa:before { content: '' } .fa-cc-mastercard:before { content: '' } .fa-cc-discover:before { content: '' } .fa-cc-amex:before { content: '' } .fa-cc-paypal:before { content: '' } .fa-cc-stripe:before { content: '' } .fa-bell-slash:before { content: '' } .fa-bell-slash-o:before { content: '' } .fa-trash:before { content: '' } .fa-copyright:before { content: '' } .fa-at:before { content: '' } .fa-eyedropper:before { content: '' } .fa-paint-brush:before { content: '' } .fa-birthday-cake:before { content: '' } .fa-area-chart:before { content: '' } .fa-pie-chart:before { content: '' } .fa-line-chart:before { content: '' } .fa-lastfm:before { content: '' } .fa-lastfm-square:before { content: '' } .fa-toggle-off:before { content: '' } .fa-toggle-on:before { content: '' } .fa-bicycle:before { content: '' } .fa-bus:before { content: '' } .fa-ioxhost:before { content: '' } .fa-angellist:before { content: '' } .fa-cc:before { content: '' } .fa-ils:before,.fa-shekel:before,.fa-sheqel:before { content: '' } .fa-meanpath:before { content: '' } .fa-buysellads:before { content: '' } .fa-connectdevelop:before { content: '' } .fa-dashcube:before { content: '' } .fa-forumbee:before { content: '' } .fa-leanpub:before { content: '' } .fa-sellsy:before { content: '' } .fa-shirtsinbulk:before { content: '' } .fa-simplybuilt:before { content: '' } .fa-skyatlas:before { content: '' } .fa-cart-plus:before { content: '' } .fa-cart-arrow-down:before { content: '' } .fa-diamond:before { content: '' } .fa-ship:before { content: '' } .fa-user-secret:before { content: '' } .fa-motorcycle:before { content: '' } .fa-street-view:before { content: '' } .fa-heartbeat:before { content: '' } .fa-venus:before { content: '' } .fa-mars:before { content: '' } .fa-mercury:before { content: '' } .fa-intersex:before,.fa-transgender:before { content: '' } .fa-transgender-alt:before { content: '' } .fa-venus-double:before { content: '' } .fa-mars-double:before { content: '' } .fa-venus-mars:before { content: '' } .fa-mars-stroke:before { content: '' } .fa-mars-stroke-v:before { content: '' } .fa-mars-stroke-h:before { content: '' } .fa-neuter:before { content: '' } .fa-genderless:before { content: '' } .fa-facebook-official:before { content: '' } .fa-pinterest-p:before { content: '' } .fa-whatsapp:before { content: '' } .fa-server:before { content: '' } .fa-user-plus:before { content: '' } .fa-user-times:before { content: '' } .fa-bed:before,.fa-hotel:before { content: '' } .fa-viacoin:before { content: '' } .fa-train:before { content: '' } .fa-subway:before { content: '' } .fa-medium:before { content: '' } .fa-y-combinator:before,.fa-yc:before { content: '' } .fa-optin-monster:before { content: '' } .fa-opencart:before { content: '' } .fa-expeditedssl:before { content: '' } .fa-battery-4:before,.fa-battery-full:before { content: '' } .fa-battery-3:before,.fa-battery-three-quarters:before { content: '' } .fa-battery-2:before,.fa-battery-half:before { content: '' } .fa-battery-1:before,.fa-battery-quarter:before { content: '' } .fa-battery-0:before,.fa-battery-empty:before { content: '' } .fa-mouse-pointer:before { content: '' } .fa-i-cursor:before { content: '' } .fa-object-group:before { content: '' } .fa-object-ungroup:before { content: '' } .fa-sticky-note:before { content: '' } .fa-sticky-note-o:before { content: '' } .fa-cc-jcb:before { content: '' } .fa-cc-diners-club:before { content: '' } .fa-clone:before { content: '' } .fa-balance-scale:before { content: '' } .fa-hourglass-o:before { content: '' } .fa-hourglass-1:before,.fa-hourglass-start:before { content: '' } .fa-hourglass-2:before,.fa-hourglass-half:before { content: '' } .fa-hourglass-3:before,.fa-hourglass-end:before { content: '' } .fa-hourglass:before { content: '' } .fa-hand-grab-o:before,.fa-hand-rock-o:before { content: '' } .fa-hand-paper-o:before,.fa-hand-stop-o:before { content: '' } .fa-hand-scissors-o:before { content: '' } .fa-hand-lizard-o:before { content: '' } .fa-hand-spock-o:before { content: '' } .fa-hand-pointer-o:before { content: '' } .fa-hand-peace-o:before { content: '' } .fa-trademark:before { content: '' } .fa-registered:before { content: '' } .fa-creative-commons:before { content: '' } .fa-gg:before { content: '' } .fa-gg-circle:before { content: '' } .fa-tripadvisor:before { content: '' } .fa-odnoklassniki:before { content: '' } .fa-odnoklassniki-square:before { content: '' } .fa-get-pocket:before { content: '' } .fa-wikipedia-w:before { content: '' } .fa-safari:before { content: '' } .fa-chrome:before { content: '' } .fa-firefox:before { content: '' } .fa-opera:before { content: '' } .fa-internet-explorer:before { content: '' } .fa-television:before,.fa-tv:before { content: '' } .fa-contao:before { content: '' } .fa-500px:before { content: '' } .fa-amazon:before { content: '' } .fa-calendar-plus-o:before { content: '' } .fa-calendar-minus-o:before { content: '' } .fa-calendar-times-o:before { content: '' } .fa-calendar-check-o:before { content: '' } .fa-industry:before { content: '' } .fa-map-pin:before { content: '' } .fa-map-signs:before { content: '' } .fa-map-o:before { content: '' } .fa-map:before { content: '' } .fa-commenting:before { content: '' } .fa-commenting-o:before { content: '' } .fa-houzz:before { content: '' } .fa-vimeo:before { content: '' } .fa-black-tie:before { content: '' } .fa-fonticons:before { content: '' } .fa-reddit-alien:before { content: '' } .fa-edge:before { content: '' } .fa-credit-card-alt:before { content: '' } .fa-codiepie:before { content: '' } .fa-modx:before { content: '' } .fa-fort-awesome:before { content: '' } .fa-usb:before { content: '' } .fa-product-hunt:before { content: '' } .fa-mixcloud:before { content: '' } .fa-scribd:before { content: '' } .fa-pause-circle:before { content: '' } .fa-pause-circle-o:before { content: '' } .fa-stop-circle:before { content: '' } .fa-stop-circle-o:before { content: '' } .fa-shopping-bag:before { content: '' } .fa-shopping-basket:before { content: '' } .fa-hashtag:before { content: '' } .fa-bluetooth:before { content: '' } .fa-bluetooth-b:before { content: '' } .fa-percent:before { content: '' } .flag-icon-background { background-repeat: no-repeat; background-position: 50%; -webkit-background-size: contain; background-size: contain } .flag-icon { position: relative; display: inline-block; width: 1.33333333em; line-height: 1em; background-repeat: no-repeat; background-position: 50%; -webkit-background-size: contain; background-size: contain } .flag-icon:before { content: "\00a0" } .dropdown-menu .flag-icon { margin-right: 5px } .flag-icon-ad { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ad.svg') } .flag-icon-ae { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ae.svg') } .flag-icon-af { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/af.svg') } .flag-icon-ag { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ag.svg') } .flag-icon-ai { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ai.svg') } .flag-icon-al { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/al.svg') } .flag-icon-am { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/am.svg') } .flag-icon-ao { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ao.svg') } .flag-icon-aq { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/aq.svg') } .flag-icon-ar { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ar.svg') } .flag-icon-as { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/as.svg') } .flag-icon-at { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/at.svg') } .flag-icon-au { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/au.svg') } .flag-icon-aw { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/aw.svg') } .flag-icon-ax { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ax.svg') } .flag-icon-az { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/az.svg') } .flag-icon-ba { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ba.svg') } .flag-icon-bb { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/bb.svg') } .flag-icon-bd { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/bd.svg') } .flag-icon-be { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/be.svg') } .flag-icon-bf { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/bf.svg') } .flag-icon-bg { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/bg.svg') } .flag-icon-bh { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/bh.svg') } .flag-icon-bi { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/bi.svg') } .flag-icon-bj { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/bj.svg') } .flag-icon-bl { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/bl.svg') } .flag-icon-bm { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/bm.svg') } .flag-icon-bn { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/bn.svg') } .flag-icon-bo { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/bo.svg') } .flag-icon-bq { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/bq.svg') } .flag-icon-br { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/br.svg') } .flag-icon-bs { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/bs.svg') } .flag-icon-bt { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/bt.svg') } .flag-icon-bv { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/bv.svg') } .flag-icon-bw { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/bw.svg') } .flag-icon-by { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/by.svg') } .flag-icon-bz { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/bz.svg') } .flag-icon-ca { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ca.svg') } .flag-icon-cc { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/cc.svg') } .flag-icon-cd { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/cd.svg') } .flag-icon-cf { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/cf.svg') } .flag-icon-cg { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/cg.svg') } .flag-icon-ch { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ch.svg') } .flag-icon-ci { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ci.svg') } .flag-icon-ck { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ck.svg') } .flag-icon-cl { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/cl.svg') } .flag-icon-cm { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/cm.svg') } .flag-icon-cn { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/cn.svg') } .flag-icon-co { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/co.svg') } .flag-icon-cr { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/cr.svg') } .flag-icon-cu { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/cu.svg') } .flag-icon-cv { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/cv.svg') } .flag-icon-cw { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/cw.svg') } .flag-icon-cx { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/cx.svg') } .flag-icon-cy { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/cy.svg') } .flag-icon-cz { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/cz.svg') } .flag-icon-de { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/de.svg') } .flag-icon-dj { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/dj.svg') } .flag-icon-dk { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/dk.svg') } .flag-icon-dm { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/dm.svg') } .flag-icon-do { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/do.svg') } .flag-icon-dz { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/dz.svg') } .flag-icon-ec { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ec.svg') } .flag-icon-ee { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ee.svg') } .flag-icon-eg { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/eg.svg') } .flag-icon-eh { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/eh.svg') } .flag-icon-er { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/er.svg') } .flag-icon-es { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/es.svg') } .flag-icon-et { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/et.svg') } .flag-icon-fi { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/fi.svg') } .flag-icon-fj { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/fj.svg') } .flag-icon-fk { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/fk.svg') } .flag-icon-fm { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/fm.svg') } .flag-icon-fo { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/fo.svg') } .flag-icon-fr { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/fr.svg') } .flag-icon-ga { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ga.svg') } .flag-icon-gb { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/gb.svg') } .flag-icon-gd { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/gd.svg') } .flag-icon-ge { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ge.svg') } .flag-icon-gf { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/gf.svg') } .flag-icon-gg { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/gg.svg') } .flag-icon-gh { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/gh.svg') } .flag-icon-gi { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/gi.svg') } .flag-icon-gl { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/gl.svg') } .flag-icon-gm { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/gm.svg') } .flag-icon-gn { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/gn.svg') } .flag-icon-gp { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/gp.svg') } .flag-icon-gq { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/gq.svg') } .flag-icon-gr { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/gr.svg') } .flag-icon-gs { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/gs.svg') } .flag-icon-gt { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/gt.svg') } .flag-icon-gu { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/gu.svg') } .flag-icon-gw { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/gw.svg') } .flag-icon-gy { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/gy.svg') } .flag-icon-hk { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/hk.svg') } .flag-icon-hm { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/hm.svg') } .flag-icon-hn { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/hn.svg') } .flag-icon-hr { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/hr.svg') } .flag-icon-ht { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ht.svg') } .flag-icon-hu { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/hu.svg') } .flag-icon-id { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/id.svg') } .flag-icon-ie { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ie.svg') } .flag-icon-il { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/il.svg') } .flag-icon-im { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/im.svg') } .flag-icon-in { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/in.svg') } .flag-icon-io { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/io.svg') } .flag-icon-iq { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/iq.svg') } .flag-icon-ir { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ir.svg') } .flag-icon-is { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/is.svg') } .flag-icon-it { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/it.svg') } .flag-icon-je { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/je.svg') } .flag-icon-jm { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/jm.svg') } .flag-icon-jo { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/jo.svg') } .flag-icon-jp { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/jp.svg') } .flag-icon-ke { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ke.svg') } .flag-icon-kg { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/kg.svg') } .flag-icon-kh { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/kh.svg') } .flag-icon-ki { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ki.svg') } .flag-icon-km { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/km.svg') } .flag-icon-kn { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/kn.svg') } .flag-icon-kp { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/kp.svg') } .flag-icon-kr { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/kr.svg') } .flag-icon-kw { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/kw.svg') } .flag-icon-ky { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ky.svg') } .flag-icon-kz { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/kz.svg') } .flag-icon-la { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/la.svg') } .flag-icon-lb { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/lb.svg') } .flag-icon-lc { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/lc.svg') } .flag-icon-li { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/li.svg') } .flag-icon-lk { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/lk.svg') } .flag-icon-lr { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/lr.svg') } .flag-icon-ls { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ls.svg') } .flag-icon-lt { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/lt.svg') } .flag-icon-lu { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/lu.svg') } .flag-icon-lv { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/lv.svg') } .flag-icon-ly { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ly.svg') } .flag-icon-ma { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ma.svg') } .flag-icon-mc { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/mc.svg') } .flag-icon-md { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/md.svg') } .flag-icon-me { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/me.svg') } .flag-icon-mf { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/mf.svg') } .flag-icon-mg { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/mg.svg') } .flag-icon-mh { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/mh.svg') } .flag-icon-mk { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/mk.svg') } .flag-icon-ml { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ml.svg') } .flag-icon-mm { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/mm.svg') } .flag-icon-mn { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/mn.svg') } .flag-icon-mo { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/mo.svg') } .flag-icon-mp { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/mp.svg') } .flag-icon-mq { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/mq.svg') } .flag-icon-mr { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/mr.svg') } .flag-icon-ms { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ms.svg') } .flag-icon-mt { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/mt.svg') } .flag-icon-mu { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/mu.svg') } .flag-icon-mv { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/mv.svg') } .flag-icon-mw { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/mw.svg') } .flag-icon-mx { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/mx.svg') } .flag-icon-my { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/my.svg') } .flag-icon-mz { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/mz.svg') } .flag-icon-na { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/na.svg') } .flag-icon-nc { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/nc.svg') } .flag-icon-ne { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ne.svg') } .flag-icon-nf { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/nf.svg') } .flag-icon-ng { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ng.svg') } .flag-icon-ni { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ni.svg') } .flag-icon-nl { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/nl.svg') } .flag-icon-no { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/no.svg') } .flag-icon-np { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/np.svg') } .flag-icon-nr { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/nr.svg') } .flag-icon-nu { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/nu.svg') } .flag-icon-nz { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/nz.svg') } .flag-icon-om { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/om.svg') } .flag-icon-pa { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/pa.svg') } .flag-icon-pe { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/pe.svg') } .flag-icon-pf { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/pf.svg') } .flag-icon-pg { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/pg.svg') } .flag-icon-ph { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ph.svg') } .flag-icon-pk { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/pk.svg') } .flag-icon-pl { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/pl.svg') } .flag-icon-pm { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/pm.svg') } .flag-icon-pn { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/pn.svg') } .flag-icon-pr { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/pr.svg') } .flag-icon-ps { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ps.svg') } .flag-icon-pt { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/pt.svg') } .flag-icon-pw { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/pw.svg') } .flag-icon-py { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/py.svg') } .flag-icon-qa { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/qa.svg') } .flag-icon-re { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/re.svg') } .flag-icon-ro { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ro.svg') } .flag-icon-rs { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/rs.svg') } .flag-icon-ru { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ru.svg') } .flag-icon-rw { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/rw.svg') } .flag-icon-sa { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/sa.svg') } .flag-icon-sb { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/sb.svg') } .flag-icon-sc { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/sc.svg') } .flag-icon-sd { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/sd.svg') } .flag-icon-se { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/se.svg') } .flag-icon-sg { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/sg.svg') } .flag-icon-sh { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/sh.svg') } .flag-icon-si { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/si.svg') } .flag-icon-sj { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/sj.svg') } .flag-icon-sk { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/sk.svg') } .flag-icon-sl { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/sl.svg') } .flag-icon-sm { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/sm.svg') } .flag-icon-sn { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/sn.svg') } .flag-icon-so { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/so.svg') } .flag-icon-sr { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/sr.svg') } .flag-icon-ss { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ss.svg') } .flag-icon-st { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/st.svg') } .flag-icon-sv { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/sv.svg') } .flag-icon-sx { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/sx.svg') } .flag-icon-sy { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/sy.svg') } .flag-icon-sz { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/sz.svg') } .flag-icon-tc { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/tc.svg') } .flag-icon-td { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/td.svg') } .flag-icon-tf { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/tf.svg') } .flag-icon-tg { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/tg.svg') } .flag-icon-th { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/th.svg') } .flag-icon-tj { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/tj.svg') } .flag-icon-tk { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/tk.svg') } .flag-icon-tl { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/tl.svg') } .flag-icon-tm { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/tm.svg') } .flag-icon-tn { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/tn.svg') } .flag-icon-to { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/to.svg') } .flag-icon-tr { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/tr.svg') } .flag-icon-tt { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/tt.svg') } .flag-icon-tv { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/tv.svg') } .flag-icon-tw { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/tw.svg') } .flag-icon-tz { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/tz.svg') } .flag-icon-ua { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ua.svg') } .flag-icon-ug { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ug.svg') } .flag-icon-um { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/um.svg') } .flag-icon-us { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/us.svg') } .flag-icon-uy { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/uy.svg') } .flag-icon-uz { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/uz.svg') } .flag-icon-va { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/va.svg') } .flag-icon-vc { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/vc.svg') } .flag-icon-ve { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ve.svg') } .flag-icon-vg { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/vg.svg') } .flag-icon-vi { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/vi.svg') } .flag-icon-vn { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/vn.svg') } .flag-icon-vu { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/vu.svg') } .flag-icon-wf { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/wf.svg') } .flag-icon-ws { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ws.svg') } .flag-icon-ye { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/ye.svg') } .flag-icon-yt { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/yt.svg') } .flag-icon-za { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/za.svg') } .flag-icon-zm { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/zm.svg') } .flag-icon-zw { background-image: url('../../../app/system/include/static/vendor/flag-icon-css/flags/zw.svg') } @font-face { font-family: "iconfont"; src: url('../../../public/ui/v2/static/fonts/iconfont/iconfont.eot?t=1497855280632'); src: url('../../../public/ui/v2/static/fonts/iconfont/iconfont.eot?t=1497855280632#iefix') format('embedded-opentype'),url('../../../public/ui/v2/static/fonts/iconfont/iconfont.woff?t=1497855280632') format('woff'),url('../../../public/ui/v2/static/fonts/iconfont/iconfont.ttf?t=1497855280632') format('truetype'),url('../../../public/ui/v2/static/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" } @font-face { font-family: Pe-icon-7-stroke; font-style: normal; font-weight: 400; src: url('../fonts/Pe-icon-7-stroke.eot?d7yf1v'); src: url('../fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'),url('../fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'),url('../fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'),url('../fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg') } [class*=" pe-"],[class^=pe-] { position: relative; display: inline-block; font-family: Pe-icon-7-stroke; font-style: normal; font-weight: 400; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); text-rendering: auto; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .pe-album:before { content: "\e6aa" } .pe-arc:before { content: "\e6ab" } .pe-back-2:before { content: "\e6ac" } .pe-bandaid:before { content: "\e6ad" } .pe-car:before { content: "\e6ae" } .pe-diamond:before { content: "\e6af" } .pe-door-lock:before { content: "\e6b0" } .pe-eyedropper:before { content: "\e6b1" } .pe-female:before { content: "\e6b2" } .pe-gym:before { content: "\e6b3" } .pe-hammer:before { content: "\e6b4" } .pe-headphones:before { content: "\e6b5" } .pe-helm:before { content: "\e6b6" } .pe-hourglass:before { content: "\e6b7" } .pe-leaf:before { content: "\e6b8" } .pe-magic-wand:before { content: "\e6b9" } .pe-male:before { content: "\e6ba" } .pe-map-2:before { content: "\e6bb" } .pe-next-2:before { content: "\e6bc" } .pe-paint-bucket:before { content: "\e6bd" } .pe-pendrive:before { content: "\e6be" } .pe-photo:before { content: "\e6bf" } .pe-piggy:before { content: "\e6c0" } .pe-plugin:before { content: "\e6c1" } .pe-refresh-2:before { content: "\e6c2" } .pe-rocket:before { content: "\e6c3" } .pe-settings:before { content: "\e6c4" } .pe-shield:before { content: "\e6c5" } .pe-smile:before { content: "\e6c6" } .pe-usb:before { content: "\e6c7" } .pe-vector:before { content: "\e6c8" } .pe-wine:before { content: "\e6c9" } .pe-cloud-upload:before { content: "\e68a" } .pe-cash:before { content: "\e68c" } .pe-close:before { content: "\e680" } .pe-bluetooth:before { content: "\e68d" } .pe-cloud-download:before { content: "\e68b" } .pe-way:before { content: "\e68e" } .pe-close-circle:before { content: "\e681" } .pe-id:before { content: "\e68f" } .pe-angle-up:before { content: "\e682" } .pe-wristwatch:before { content: "\e690" } .pe-angle-up-circle:before { content: "\e683" } .pe-world:before { content: "\e691" } .pe-angle-right:before { content: "\e684" } .pe-volume:before { content: "\e692" } .pe-angle-right-circle:before { content: "\e685" } .pe-users:before { content: "\e693" } .pe-angle-left:before { content: "\e686" } .pe-user-female:before { content: "\e694" } .pe-angle-left-circle:before { content: "\e687" } .pe-up-arrow:before { content: "\e695" } .pe-angle-down:before { content: "\e688" } .pe-switch:before { content: "\e696" } .pe-angle-down-circle:before { content: "\e689" } .pe-scissors:before { content: "\e697" } .pe-wallet:before { content: "\e600" } .pe-safe:before { content: "\e698" } .pe-volume2:before { content: "\e601" } .pe-volume1:before { content: "\e602" } .pe-voicemail:before { content: "\e603" } .pe-video:before { content: "\e604" } .pe-user:before { content: "\e605" } .pe-upload:before { content: "\e606" } .pe-unlock:before { content: "\e607" } .pe-umbrella:before { content: "\e608" } .pe-trash:before { content: "\e609" } .pe-tools:before { content: "\e60a" } .pe-timer:before { content: "\e60b" } .pe-ticket:before { content: "\e60c" } .pe-target:before { content: "\e60d" } .pe-sun:before { content: "\e60e" } .pe-study:before { content: "\e60f" } .pe-stopwatch:before { content: "\e610" } .pe-star:before { content: "\e611" } .pe-speaker:before { content: "\e612" } .pe-signal:before { content: "\e613" } .pe-shuffle:before { content: "\e614" } .pe-shopbag:before { content: "\e615" } .pe-share:before { content: "\e616" } .pe-server:before { content: "\e617" } .pe-search:before { content: "\e618" } .pe-film:before { content: "\e6a5" } .pe-science:before { content: "\e619" } .pe-disk:before { content: "\e6a6" } .pe-ribbon:before { content: "\e61a" } .pe-repeat:before { content: "\e61b" } .pe-refresh:before { content: "\e61c" } .pe-add-user:before { content: "\e6a9" } .pe-refresh-cloud:before { content: "\e61d" } .pe-paperclip:before { content: "\e69c" } .pe-radio:before { content: "\e61e" } .pe-note2:before { content: "\e69d" } .pe-print:before { content: "\e61f" } .pe-network:before { content: "\e69e" } .pe-prev:before { content: "\e620" } .pe-mute:before { content: "\e69f" } .pe-power:before { content: "\e621" } .pe-medal:before { content: "\e6a0" } .pe-portfolio:before { content: "\e622" } .pe-like2:before { content: "\e6a1" } .pe-plus:before { content: "\e623" } .pe-left-arrow:before { content: "\e6a2" } .pe-play:before { content: "\e624" } .pe-key:before { content: "\e6a3" } .pe-plane:before { content: "\e625" } .pe-joy:before { content: "\e6a4" } .pe-photo-gallery:before { content: "\e626" } .pe-pin:before { content: "\e69b" } .pe-phone:before { content: "\e627" } .pe-plug:before { content: "\e69a" } .pe-pen:before { content: "\e628" } .pe-right-arrow:before { content: "\e699" } .pe-paper-plane:before { content: "\e629" } .pe-delete-user:before { content: "\e6a7" } .pe-paint:before { content: "\e62a" } .pe-bottom-arrow:before { content: "\e6a8" } .pe-notebook:before { content: "\e62b" } .pe-note:before { content: "\e62c" } .pe-next:before { content: "\e62d" } .pe-news-paper:before { content: "\e62e" } .pe-musiclist:before { content: "\e62f" } .pe-music:before { content: "\e630" } .pe-mouse:before { content: "\e631" } .pe-more:before { content: "\e632" } .pe-moon:before { content: "\e633" } .pe-monitor:before { content: "\e634" } .pe-micro:before { content: "\e635" } .pe-menu:before { content: "\e636" } .pe-map:before { content: "\e637" } .pe-map-marker:before { content: "\e638" } .pe-mail:before { content: "\e639" } .pe-mail-open:before { content: "\e63a" } .pe-mail-open-file:before { content: "\e63b" } .pe-magnet:before { content: "\e63c" } .pe-loop:before { content: "\e63d" } .pe-look:before { content: "\e63e" } .pe-lock:before { content: "\e63f" } .pe-lintern:before { content: "\e640" } .pe-link:before { content: "\e641" } .pe-like:before { content: "\e642" } .pe-light:before { content: "\e643" } .pe-less:before { content: "\e644" } .pe-keypad:before { content: "\e645" } .pe-junk:before { content: "\e646" } .pe-info:before { content: "\e647" } .pe-home:before { content: "\e648" } .pe-help2:before { content: "\e649" } .pe-help1:before { content: "\e64a" } .pe-graph3:before { content: "\e64b" } .pe-graph2:before { content: "\e64c" } .pe-graph1:before { content: "\e64d" } .pe-graph:before { content: "\e64e" } .pe-global:before { content: "\e64f" } .pe-gleam:before { content: "\e650" } .pe-glasses:before { content: "\e651" } .pe-gift:before { content: "\e652" } .pe-folder:before { content: "\e653" } .pe-flag:before { content: "\e654" } .pe-filter:before { content: "\e655" } .pe-file:before { content: "\e656" } .pe-expand1:before { content: "\e657" } .pe-exapnd2:before { content: "\e658" } .pe-edit:before { content: "\e659" } .pe-drop:before { content: "\e65a" } .pe-drawer:before { content: "\e65b" } .pe-download:before { content: "\e65c" } .pe-display2:before { content: "\e65d" } .pe-display1:before { content: "\e65e" } .pe-diskette:before { content: "\e65f" } .pe-date:before { content: "\e660" } .pe-cup:before { content: "\e661" } .pe-culture:before { content: "\e662" } .pe-crop:before { content: "\e663" } .pe-credit:before { content: "\e664" } .pe-copy-file:before { content: "\e665" } .pe-config:before { content: "\e666" } .pe-compass:before { content: "\e667" } .pe-comment:before { content: "\e668" } .pe-coffee:before { content: "\e669" } .pe-cloud:before { content: "\e66a" } .pe-clock:before { content: "\e66b" } .pe-check:before { content: "\e66c" } .pe-chat:before { content: "\e66d" } .pe-cart:before { content: "\e66e" } .pe-camera:before { content: "\e66f" } .pe-call:before { content: "\e670" } .pe-calculator:before { content: "\e671" } .pe-browser:before { content: "\e672" } .pe-box2:before { content: "\e673" } .pe-box1:before { content: "\e674" } .pe-bookmarks:before { content: "\e675" } .pe-bicycle:before { content: "\e676" } .pe-bell:before { content: "\e677" } .pe-battery:before { content: "\e678" } .pe-ball:before { content: "\e679" } .pe-back:before { content: "\e67a" } .pe-attention:before { content: "\e67b" } .pe-anchor:before { content: "\e67c" } .pe-albums:before { content: "\e67d" } .pe-alarm:before { content: "\e67e" } .pe-airplay:before { content: "\e67f" } @charset 'utf-8';@font-face { font-family: 'Web Icons'; font-weight: 400; font-style: normal; src: url('../fonts/web-icons.eot?v=0.2.3'); src: url('../fonts/web-icons.eot?#iefix&v=0.2.3') format('embedded-opentype'),url('../fonts/web-icons.woff2?v=0.2.3') format('woff2'),url('../fonts/web-icons.woff?v=0.2.3') format('woff'),url('../fonts/web-icons.ttf?v=0.2.3') format('truetype'),url('../fonts/web-icons.svg?v=0.2.3#web-icons') format('svg') } [class*=' wb-'],[class^=wb-] { font-family: 'Web Icons'; font-weight: 400; font-style: normal; position: relative; display: inline-block; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); text-rendering: auto; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .wb-dashboard:before { content: '' } .wb-inbox:before { content: '' } .wb-cloud:before { content: '' } .wb-bell:before { content: '' } .wb-book:before { content: '' } .wb-bookmark:before { content: '' } .wb-tag:before { content: '' } .wb-library:before { content: '' } .wb-share:before { content: '' } .wb-reply:before { content: '' } .wb-refresh:before { content: '' } .wb-move:before { content: '' } .wb-chat:before { content: '' } .wb-chat-working:before { content: '' } .wb-chat-text:before { content: '' } .wb-chat-group:before { content: '' } .wb-envelope:before { content: '' } .wb-envelope-open:before { content: '' } .wb-user:before { content: '' } .wb-user-circle:before { content: '' } .wb-users:before { content: '' } .wb-user-add:before { content: '' } .wb-grid-9:before { content: '' } .wb-grid-4:before { content: '' } .wb-menu:before { content: '' } .wb-layout:before { content: '' } .wb-fullscreen:before { content: '' } .wb-fullscreen-exit:before { content: '' } .wb-expand:before { content: '' } .wb-contract:before { content: '' } .wb-arrow-expand:before { content: '' } .wb-arrow-shrink:before { content: '' } .wb-desktop:before { content: '' } .wb-mobile:before { content: '' } .wb-signal:before { content: '' } .wb-power:before { content: '' } .wb-more-horizontal:before { content: '' } .wb-more-vertical:before { content: '' } .wb-globe:before { content: '' } .wb-map:before { content: '' } .wb-flag:before { content: '' } .wb-pie-chart:before { content: '' } .wb-stats-bars:before { content: '' } .wb-pluse:before { content: '' } .wb-home:before { content: '' } .wb-shopping-cart:before { content: '' } .wb-payment:before { content: '' } .wb-briefcase:before { content: '' } .wb-search:before { content: '' } .wb-zoom-in:before { content: '' } .wb-zoom-out:before { content: '' } .wb-download:before { content: '' } .wb-upload:before { content: '' } .wb-sort-asc:before { content: '' } .wb-sort-des:before { content: '' } .wb-graph-up:before { content: '' } .wb-graph-down:before { content: '' } .wb-replay:before { content: '' } .wb-edit:before { content: '' } .wb-pencil:before { content: '' } .wb-rubber:before { content: '' } .wb-crop:before { content: '' } .wb-eye:before { content: '' } .wb-eye-close:before { content: '' } .wb-image:before { content: '' } .wb-gallery:before { content: '' } .wb-video:before { content: '' } .wb-camera:before { content: '' } .wb-folder:before { content: '' } .wb-clipboard:before { content: '' } .wb-order:before { content: '' } .wb-file:before { content: '' } .wb-copy:before { content: '' } .wb-add-file:before { content: '' } .wb-print:before { content: '' } .wb-calendar:before { content: '' } .wb-time:before { content: '' } .wb-trash:before { content: '' } .wb-plugin:before { content: '' } .wb-extension:before { content: '' } .wb-memory:before { content: '' } .wb-settings:before { content: '' } .wb-scissor:before { content: '' } .wb-wrench:before { content: '' } .wb-hammer:before { content: '' } .wb-lock:before { content: '' } .wb-unlock:before { content: '' } .wb-volume-low:before { content: '' } .wb-volume-high:before { content: '' } .wb-volume-off:before { content: '' } .wb-pause:before { content: '' } .wb-play:before { content: '' } .wb-stop:before { content: '' } .wb-musical:before { content: '' } .wb-random:before { content: '' } .wb-reload:before { content: '' } .wb-loop:before { content: '' } .wb-text:before { content: '' } .wb-bold:before { content: '' } .wb-italic:before { content: '' } .wb-underline:before { content: '' } .wb-format-clear:before { content: '' } .wb-text-type:before { content: '' } .wb-table:before { content: '' } .wb-attach-file:before { content: '' } .wb-paperclip:before { content: '' } .wb-link-intact:before { content: '' } .wb-link:before { content: '' } .wb-link-broken:before { content: '' } .wb-indent-increase:before { content: '' } .wb-indent-decrease:before { content: '' } .wb-align-justify:before { content: '' } .wb-align-left:before { content: '' } .wb-align-center:before { content: '' } .wb-align-right:before { content: '' } .wb-list-numbered:before { content: '' } .wb-list-bulleted:before { content: '' } .wb-list:before { content: '' } .wb-emoticon:before { content: '' } .wb-quote-right:before { content: '' } .wb-code:before { content: '' } .wb-code-working:before { content: '' } .wb-code-unfold:before { content: '' } .wb-chevron-right:before { content: '' } .wb-chevron-left:before { content: '' } .wb-chevron-left-mini:before { content: '' } .wb-chevron-right-mini:before { content: '' } .wb-chevron-up:before { content: '' } .wb-chevron-down:before { content: '' } .wb-chevron-up-mini:before { content: '' } .wb-chevron-down-mini:before { content: '' } .wb-arrow-left:before { content: '' } .wb-arrow-right:before { content: '' } .wb-arrow-up:before { content: '' } .wb-arrow-down:before { content: '' } .wb-dropdown:before { content: '' } .wb-dropup:before { content: '' } .wb-dropright:before { content: '' } .wb-dropleft:before { content: '' } .wb-sort-vertical:before { content: '' } .wb-triangle-left:before { content: '' } .wb-triangle-right:before { content: '' } .wb-triangle-down:before { content: '' } .wb-triangle-up:before { content: '' } .wb-check-circle:before { content: '' } .wb-check:before { content: '' } .wb-check-mini:before { content: '' } .wb-close:before { content: '' } .wb-close-mini:before { content: '' } .wb-plus-circle:before { content: '' } .wb-plus:before { content: '' } .wb-minus-circle:before { content: '' } .wb-minus:before { content: '' } .wb-alert-circle:before { content: '' } .wb-alert:before { content: '' } .wb-help-circle:before { content: '' } .wb-help:before { content: '' } .wb-info-circle:before { content: '' } .wb-info:before { content: '' } .wb-warning:before { content: '' } .wb-heart:before { content: '' } .wb-heart-outline:before { content: '' } .wb-star:before { content: '' } .wb-star-half:before { content: '' } .wb-star-outline:before { content: '' } .wb-thumb-up:before { content: '' } .wb-thumb-down:before { content: '' } .wb-small-point:before { content: '' } .wb-medium-point:before { content: '' } .wb-large-point:before { content: '' } .pull-right { float: right } /** * Swiper 3.3.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2016, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: February 7, 2016 */ .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) } } .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('../../../app/system/include/static2/vendor/webui-popover/../img/loading.gif') no-repeat } @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) } } @keyframes rotate { 100% { transform: rotate(360deg) } } .webui-popover-backdrop { background-color: rgba(0,0,0,.65); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9998 } .webui-popover .dropdown-menu { display: block; position: relative; top: 0; border: none; box-shadow: none; float: none } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-track,.slick-slider .slick-list { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .slick-track { position: relative; top: 0; left: 0; display: block } .slick-track:before,.slick-track:after { display: table; content: '' } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { display: none; float: left; height: 100%; min-height: 1px } [dir='rtl'] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } @charset 'utf-8'; .slick-loading .slick-list { background: #fff url('../images/ajax-loader.gif') center center no-repeat } @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('../../../public/ui/v2/static/plugin/slick/./fonts/slick.eot'); src: url('../../../public/ui/v2/static/plugin/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'),url('../../../public/ui/v2/static/plugin/slick/./fonts/slick.woff') format('woff'),url('../../../public/ui/v2/static/plugin/slick/./fonts/slick.ttf') format('truetype'),url('../../../public/ui/v2/static/plugin/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 } /* 滚动条 */ html:not(.isMobile) *::-webkit-scrollbar { width: 6px; background: #fff; } html:not(.isMobile) *::-webkit-scrollbar-thumb { background-color: #e3120b; background-color: ; } ul, li { padding: 0px; list-style: none; } .cover { height: 100%; } .onlinebox { z-index: 9999 !important; } .load { position: fixed; top: 0 !important; left: 0 !important; right: 0px; bottom: 0px; overflow: hidden; z-index: 20000; margin: 0 !important; background-color: #ffffff; background-color: ; } .ball-scale-multiple { position: absolute; top: 50%; left: 50%; transform: translate(-40px, -40px); } .ball-scale-multiple > div { background-color: #e3120b; background-color: ; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: 0px; top: 0px; opacity: 0; margin: 0; width: 80px; height: 80px; -webkit-animation: ball-scale-multiple 1s 0s linear infinite; animation: ball-scale-multiple 1s 0s linear infinite; } .ball-scale-multiple > div:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .ball-scale-multiple > div:nth-child(3) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } @keyframes ball-scale-multiple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .line-scale-pulse-out { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .line-scale-pulse-out > div { background-color: #e3120b; background-color: ; width: 4px; height: 35px; border-radius: 2px; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85); animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85); } .line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) { -webkit-animation-delay: 0.4s !important; animation-delay: 0.4s !important; } .line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) { -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important; } @keyframes line-scale-pulse-out { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 50% { -webkit-transform: scaley(0.4); transform: scaley(0.4); } 100% { -webkit-transform: scaley(1); transform: scaley(1); } } .line-spin-fade-loader { position: absolute; top: 50%; left: 50%; transform: translate(-15px, -15px); } .line-spin-fade-loader > div { background-color: #e3120b; background-color: ; width: 4px; height: 35px; border-radius: 2px; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; width: 5px; height: 15px; } .line-spin-fade-loader > div:nth-child(1) { top: 20px; left: 0; -webkit-animation: line-spin-fade-loader 1.2s 0.12s infinite ease-in-out; animation: line-spin-fade-loader 1.2s 0.12s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(2) { top: 13.63636px; left: 13.63636px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: line-spin-fade-loader 1.2s 0.24s infinite ease-in-out; animation: line-spin-fade-loader 1.2s 0.24s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(3) { top: 0; left: 20px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation: line-spin-fade-loader 1.2s 0.36s infinite ease-in-out; animation: line-spin-fade-loader 1.2s 0.36s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(4) { top: -13.63636px; left: 13.63636px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: line-spin-fade-loader 1.2s 0.48s infinite ease-in-out; animation: line-spin-fade-loader 1.2s 0.48s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(5) { top: -20px; left: 0; -webkit-animation: line-spin-fade-loader 1.2s 0.6s infinite ease-in-out; animation: line-spin-fade-loader 1.2s 0.6s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(6) { top: -13.63636px; left: -13.63636px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: line-spin-fade-loader 1.2s 0.72s infinite ease-in-out; animation: line-spin-fade-loader 1.2s 0.72s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(7) { top: 0; left: -20px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation: line-spin-fade-loader 1.2s 0.84s infinite ease-in-out; animation: line-spin-fade-loader 1.2s 0.84s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(8) { top: 13.63636px; left: -13.63636px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: line-spin-fade-loader 1.2s 0.96s infinite ease-in-out; animation: line-spin-fade-loader 1.2s 0.96s infinite } @-webkit-keyframes line-spin-fade-loader { 50% { opacity: 0.3; } 100% { opacity: 1; } } @keyframes line-spin-fade-loader { 50% { opacity: 0.3; } 100% { opacity: 1; } } /* 头部导航 */ .met-head { position: fixed; right: 0; left: 0; padding: 0 95px 0 40px; right: 5px; top: 0; z-index: 1500; width: 100%; height: 75px; line-height: 75px; border-bottom: 1px solid; border-color: #444444; border-color: #ffffff; } .nav-logo { position: absolute; top: 0; left: 40px; height: 100%; font-size: 0; max-width: 45%; z-index: 3 } .nav-logo img { height: 100%; padding: 10px 0; } .nav-box { float: right; overflow: hidden; position: relative; z-index: 2 } .nav-box ul { display: block; margin: 0; padding: 0; list-style: none; width: 3999px } .nav-box ul li { float: left; margin: 0; padding: 0; list-style: none; position: relative; white-space: nowrap; cursor: pointer } .nav-box ul li a { display: block; position: relative; color: #444444; color: #ffffff; } .nav-box ul li a:after { content: ''; height: 3px; position: absolute; bottom: 0; left: 0; width: 0; background: #444444; background: #ffffff; transition: all .6s ease } .nav-box ul li a b { display: block; padding: 0 10px; font-weight: normal; position: relative; z-index: 2; color: #444444; color: #ffffff; transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; -webkit-transition: color .3s; /*font-size: 15px*/ font-size: 14px } .nav-box ul li.active a:after { width: 100% } /* 侧边栏 */ .nav-side { width: 32px; height: 32px; position: fixed; right: 40px; top: 22.5px; cursor: pointer; z-index: 1501; transition: all ease 0.6s; -moz-transition: all ease 0.6s; -ms-transition: all ease 0.6s; -o-transition: all ease 0.6s; -webkit-transition: all ease 0.6s } .nav-side hr { height: 1px; background: #444444; background: #ffffff; display: block; margin: 0; padding: 0; border: none; position: absolute; transition: all ease 0.6s; -moz-transition: all ease 0.6s; -ms-transition: all ease 0.6s; -o-transition: all ease 0.6s; -webkit-transition: all ease 0.6s } .nav-side hr:nth-child(1) { width: 20px; top: 8px; right: 5px; left: 5px } .nav-side hr:nth-child(2) { width: 20px; top: 50%; left: 5px; margin-top: -1px; opacity: 1; right: 5px } .nav-side hr:nth-child(3) { width: 20px; bottom: 8px; right: 5px; left: 5px } .side-box { position: fixed; width: 300px; right: 0; height: 100%; z-index: 1501; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; top: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%) } .side-box .side-cut { height: 100% } .side-box .side-cut .side-shadow { width: 3999px; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; z-index: 99; top: 0; right: 100%; opacity: 0; visibility: hidden; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s } .side-box .side-cut .side-nav { height: 100%; background: #ffffff; z-index: 1000; position: relative; } .side-box .side-cut .side-nav .side-close { float: right; font-size: 50px; height: 50px; line-height: 50px; cursor: pointer color:#8c8c8c; color: ; } .side-box .side-cut .side-nav .logo-2 { padding: 46px 30px 30px 30px; text-align: left; } .side-box .side-cut .side-nav .logo-2 img { width: 100%; max-width: 200px; opacity: 0; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; transform: translateY(100%); } .side-box .navlist { min-height: 100%; margin-bottom: 70px } .side-box .navlist .side-foot { padding: 30px 30px 25px 30px; text-align: left; overflow: hidden } .side-box .navlist .side-foot .side-qrcode { width: 140px; height: 140px; } .side-box .navlist .side-foot .side-qrcode img { width: 100%; height: 100% opacity:0; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; transform: translateY(100%); } .side-box .navlist .side-foot .side-phone { font-size: 16px; letter-spacing: -1px; text-align: left; color: #444444; color: ; border-bottom: 1px solid; border-color: #8c8c8c; border-color: ; margin-top: 20px; opacity: 0; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; transform: translateY(100%); } .side-box .navlist .side-foot .side-phone a { color: #444444; color: ; } .side-box .navlist .side-foot .side-text { text-align: left; margin-top: 15px; color: #8c8c8c; color: ; opacity: 0; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; transform: translateY(100%); } .side-box .navlist li .link { border-bottom: 1px solid; border-color: #8c8c8c; border-color: ; } .side-box .navlist li a { color: #444444; color: ; } .side-box .navlist li a.link { transition: all .4s ease; font-size: 16px; color: #444444; color: ; width: 100%; display: block; text-align: left; padding: 20px 30px; height: 60px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .side-box .navlist li a.link:hover, .side-box .nav-item.open .link { background-color: #e3120b; background-color: ; color: #fff; } .side-box .navlist li a.link:hover .nav-plus:before, .side-box .nav-item.open .nav-plus:before { background-color: #fff; } .side-box .navlist li a.link:hover .nav-plus:after, .side-box .nav-item.open .nav-plus:after { background-color: #fff; } .side-box .navlist li a.link b { font-weight: 500; } .side-box .navlist .nav-shop { margin-bottom: 15px } .side-box .navlist .nav-shop .btn { height: 40px; line-height: 26px; padding: 6px 20px; color: #fff } .side-box .navlist .nav-shop .btn:hover { background: #fff; color: #333 } .side-box .navlist .nav-shop .btn-primary { background: #e3120b } .side-box .navlist2 li { position: relative } .side-box .navlist2 li a { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 14px; padding: 0 30px; display: block; color: #444444; color: ; height: 38px; line-height: 38px; font-weight: normal; text-align: left } .side-box .navlist2 .navlist3 { padding-left: 20px; } .side-box .navlist2 .navlist3 a { color: #8c8c8c; color: ; } .side-box .navlist2 li a.active { color: #e3120b; color: ; } .side-box .navlist2.open { opacity: 1; visibility: visible } .side-box .nav-item { position: relative; padding: 0; text-align: center; font-size: 18px; font-weight: 700; transform: translateY(100%); -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; opacity: 0 } .side-box .nav-item .nav-plus:before { position: absolute; top: 50%; content: " "; right: 20px; margin-top: -1px; width: 10px; height: 2px; background-color: #8c8c8c; background-color: ; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } .side-box .nav-item .nav-plus::after { position: absolute; top: 50%; content: " "; right: 20px; margin-top: -1px; width: 10px; height: 2px; background-color: #8c8c8c; background-color: ; -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } .side-box .nav-item.open { height: auto } .side-box .nav-item.open .nav-plus:before { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } .side-box .nav-item .fa { position: relative; left: 10px } /* 会员 */ .side-box .nav-user { padding: 20px 30px; position: relative; z-index: 1; text-align: left; } .side-box .nav-user .btn-outline.btn-primary { border-color: #8c8c8c; border-color: ; } .side-box .nav-user .btn-outline.btn-primary:hover, .side-box .nav-user .btn-outline.btn-success:hover { background-color: #e3120b; background-color: ; } .side-box .nav-user .btn-outline.btn-success { border-color: #8c8c8c; border-color: ; } .side-box .nav-user .user-info { border-color: #444444; border-color: ; background-color: #ffffff; background-color: #ffffff; } .side-box .nav-user .user-info .dropdown-item:hover, .dropdown-item.active { background: #e3120b !important; background: !important; } .met-head-shop .dropdown-menu li a { color: #76838f !important; } .met-head-shop li { line-height: 30px; } /* 语言 */ .side-box .met-langlist { padding: 20px 30px; position: relative; z-index: 1; text-align: left; } .side-box .met-langlist span { color: #444444; color: ; } .side-box .met-langlist .inline-block { position: relative; } .side-box .met-langlist .dropdown-menu { border-color: #444444; border-color: ; background-color: #ffffff; background-color: #ffffff; } .side-box .met-langlist .btn-outline.btn-default { color: #444444; color: ; border-color: #8c8c8c; border-color: ; } .side-box .met-langlist .dropdown-item:hover, .dropdown-item.active { color: #fff; background: #e3120b !important; background: !important; } .side-box .met-langlist .btn-outline.btn-default.active, .btn-outline.btn-default:active, .side-box .met-langlist .btn-outline.btn-default:focus, .side-box .met-langlist .btn-outline.btn-default:hover, .side-box .met-langlist .open>.btn-outline.btn-default.dropdown-toggle { background-color: #e3120b; background-color: ; border-color: #e3120b; border-color: ; color: #fff; } .side-box .met-langlist .btn-outline.btn-default.active span, .btn-outline.btn-default:active span, .side-box .met-langlist .btn-outline.btn-default:focus span, .side-box .met-langlist .btn-outline.btn-default:hover span, .side-box .met-langlist .open>.btn-outline.btn-default.dropdown-toggle span { color: #fff; } /* 侧边栏点击 */ body.open { overflow: hidden } body.open .side-box { transform: translateX(0) } body.open .side-box .side-nav { overflow: auto } body.open .side-box .side-nav .logo-2 img { opacity: 1; transform: translateY(0) } body.open .side-box .side-shadow { opacity: 1; visibility: visible } body.open .nav-item { opacity: 1; transform: translateY(0) } body.open .nav-side { border: none } body.open .side-box .navlist .side-foot .side-qrcode img { opacity: 1; transform: translateY(0) } body.open .side-box .navlist .side-foot .side-phone { opacity: 1; transform: translateY(0) } body.open .side-box .navlist .side-foot .side-text { opacity: 1; transform: translateY(0) } body.open .nav-side hr:nth-child(1) { width: 100%; top: 50%; margin-top: -1px; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; -webkit-transform-origin: center; right: 0; left: 0 } body.open .nav-side hr:nth-child(2) { opacity: 0; left: -50% } body.open .nav-side hr:nth-child(3) { width: 100%; bottom: 50%; margin-bottom: 0px; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; -webkit-transform-origin: center; right: 0; left: 0 } /* 全屏滚动 */ .met-box { width: 100%; height: 100%; position: relative; z-index: 1198; overflow: hidden; } .met-box .met-wrapper { width: 100%; height: 100%; will-change: transform; transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); } .met-page { width: 100%; height: 100%!important; position: relative; background-size: cover; overflow: hidden; background-position: center top; transition: visibility 0s 0.5s; z-index: 2; padding-top: 75px; } .nav-bg { background: #ffffff; background: #ffffff; } .nav-bg .nav-li a b { color: #444444; color: #595959; } .nav-bg .nav-box .nav-ul .active a:after { background-color: #e3120b; background-color: ; } .nav-logo .logo-2 { display: none; } .nav-bg .logo-1 { display: none; } .nav-bg .logo-2 { display: block; } .side-bg hr { background-color: #444444; background-color: #595959; } @media (min-width: 768px) { .p-t-75 { padding-top: 75px; } } @media (max-width: 991px) { } @media (max-width: 767px) { .p-t-75 { padding-top: 60px; } .nav-side { width: 32px; height: 32px; right: 15px; top: 18px; } .met-head { padding: 0 58px 0 15px; height: 60px; line-height: 60px; } } @charset "utf-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden */ .animated { animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { animation-duration: .75s; } @keyframes bounce { from, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0,0,0); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -30px, 0); } 70% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0,-4px,0); } } .bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } .pulse { animation-name: pulse; } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(.95, 1.05, 1); } 75% { transform: scale3d(1.05, .95, 1); } to { transform: scale3d(1, 1, 1); } } .rubberBand { animation-name: rubberBand; } @keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { animation-name: shake; } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } .headShake { animation-timing-function: ease-in-out; animation-name: headShake; } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; animation-name: swing; } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .tada { animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes wobble { from { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: none; } } .wobble { animation-name: wobble; } @keyframes jello { from, 11.1%, to { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { animation-name: jello; transform-origin: center; } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: scale3d(.3, .3, .3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(.9, .9, .9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(.97, .97, .97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } .bounceIn { animation-name: bounceIn; } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } .bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } .bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } .bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } .bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(.3, .3, .3); } } .bounceOut { animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -50%, 0); } to { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } } .fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: none; } } .fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(.95, .95, .95); animation-timing-function: ease-in; } to { transform: perspective(400px); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY; } @keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } to { transform: none; opacity: 1; } } .lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @keyframes lightSpeedOut { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } .rotateIn { animation-name: rotateIn; } @keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInDownLeft { animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInDownRight { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInUpLeft { animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInUpRight { animation-name: rotateInUpRight; } @keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { animation-name: rotateOut; } @keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { animation-name: rotateOutUpRight; } @keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { animation-name: hinge; } @keyframes jackInTheBox { from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } to { opacity: 1; transform: scale(1); } } .jackInTheBox { animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: none; } } .rollIn { animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { animation-name: rollOut; } @keyframes zoomIn { from { opacity: 0; transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { animation-name: zoomOutUp; } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { animation-name: slideOutUp; } /* 轮播图 */ .hide { display: none; } .met-video { position: fixed; top: 0; left: 0; right: 0px; bottom: 0px; overflow: hidden; z-index: -999999; } .met-video video { position: relative; z-index: -99999; object-fit: cover; } .banner_met_11_6.met-page { padding-top: 0 !important; } .banner_met_11_6 { width: 100%; height: 100%; position: relative; overflow: hidden; height: 700px; } .banner_met_11_6 .banner { width: 100%; height: 100%; position: relative; overflow: hidden; z-index: 4 } .banner_met_11_6 .banner .banner-warpper { width: 1000%; height: 100%; margin: 0; padding: 0; list-style: none; transition-timing-function: ease } .banner_met_11_6 .banner .banner-item { width: 10%; height: 100%; float: left; margin: 0; padding: 0; list-style: none; display: block; overflow: hidden; position: relative; background: center no-repeat; background-size: cover; height: 950px; } .banner_met_11_6 .banner-text { width: 100%; height: 100%; position: absolute; left: 0; top: 0 } .banner_met_11_6 .banner-text .container { width: 80%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .banner_met_11_6 .banner-text h3, .banner_met_11_6 .banner-text p { color: #444444; color: #ffffff; } .banner_met_11_6 .banner-text h3 { margin: 0; font-size: 48px; font-weight: 100 } .banner_met_11_6 .banner-text p { font-size: 24px; margin: 20px 0 20px 0; text-shadow: none; font-weight: 100 } .banner_met_11_6 .banner-text .banner-icon { font-size: 20px; } .banner_met_11_6 .banner-text .banner-icon .pe-mail { font-size: 24px; position: relative; top: 3px; } .banner_met_11_6 .banner-text .line { width: 100px; height: 4px; background-color: #e3120b; background-color: ; display: inline-block; margin: 0 auto; } .banner_met_11_6 .banner-text.p-4 { text-align: center; } .banner_met_11_6 .banner-text.p-4 .line { display: block; } .banner_met_11_6 .banner-text.p-0 { text-align: left; } .banner_met_11_6 .banner-text.p-1 { text-align: right; } .banner_met_11_6 .banner-text.p-0 .line { margin: 0; } .banner_met_11_6 .more { border: 1px solid; border-color: #444444; border-color: #ffffff; color: #444444; color: #ffffff; overflow: hidden; display: inline-block; height: 40px; line-height: 40px; text-align: center; -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 200ms; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; width: 160px; cursor: pointer; margin-top: 50px; transition-duration: 1s; } .banner_met_11_6 .more span { display: block; width: 100%; position: relative; text-align: center; height: 40px; line-height: 40px; -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms; -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 100ms; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms; color: #444444; color: #ffffff; } .banner_met_11_6 .more span:after { content: attr(data-title); position: absolute; height: 40px; top: 0px; left: 0px; right: 0; color: transparent; transform: translate(0, 100%); -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 200ms; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; } .banner_met_11_6 .more:hover { border-color: #e3120b; border-color: ; background-color: #e3120b; background-color: ; } .banner_met_11_6 .more:hover span { transform: translate(0, -100%); } .banner_met_11_6 .more:hover span:after { background-color: #e3120b; background-color: ; color: #fff; } .banner_met_11_6 .banner-next { z-index: 99; position: absolute; bottom: 80px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); cursor: pointer; text-align: center; color: #444444; color: #ffffff; } .banner_met_11_6 .banner-next span { display: block; } .banner_met_11_6 .banner-next .next-text { -webkit-animation: fadeInDown 2s infinite; -moz-animation: fadeInDown 2s infinite; -o-animation: fadeInDown 2s infinite; -ms-animation: fadeInDown 2s infinite; animation: fadeInDown 2s infinite; position: relative; top: 35px; } .banner_met_11_6 .banner-next .next-icon { font-size: 64px; } .banner_met_11_6 .banner-ctrl { position: absolute; width: 100%; top: 50%; left: 0; z-index: 99 } .banner_met_11_6 .banner-ctrl .left { position: absolute; font-size: 72px; color: #fff; top: 50%; transform: translateY(-50%); cursor: pointer } .banner_met_11_6 .banner-ctrl .right { position: absolute; font-size: 72px; color: #fff; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer } .banner_met_11_6.banner-ny-h { min-height: 300px; height: 300px; } .banner_met_11_6.banner-ny-h .banner-item { min-height: 300px; } .banner_met_11_6.banner-ny-h .banner-next { display: none } .banner_met_11_6.banner-ny-h .banner-ctrl { display: none } .banner_met_11_6.banner-ny-h .banner-text .title { margin-bottom: 15px; font-size: 36px; height: auto; -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms; -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 0ms; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms } .banner_met_11_6.banner-ny-h .banner-text .subtitle { margin-top: 15px; font-size: 22px; -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 400ms; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 400ms; -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 400ms; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 400ms; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 400ms } @media (max-width: 479px) { .banner_met_11_6 .banner-text h3 { font-size: 16px } .banner_met_11_6 .banner-text p { margin-top: 10px; font-size: 20px } } @media (max-width: 991px) { .met-video .video-bg { height: 100%; top: 0; position: absolute; width: 100%; left: 0; } .banner_met_11_6 .banner-text h3 { font-size: 20px } .banner_met_11_6 .banner-text p { font-size: 30px } .banner_met_11_6.banner-ny-h { min-height: 200px; height: 200px; } .banner_met_11_6.banner-ny-h .banner-item { min-height: 200px; } .banner_met_11_6.banner-ny-h .banner-text .title { font-size: 26px; } .banner_met_11_6.banner-ny-h .banner-text .subtitle { font-size: 18px; } } @media (max-width: 767px) { .banner_met_11_6-ny { height: 90px } .banner_met_11_6-ny h1, .banner_met_11_6-ny h2 { font-size: 26px } .banner_met_11_6 { height: 500px; } .banner_met_11_6.banner-ny-h { height: 150px } .banner_met_11_6.banner-ny-h .banner-text .title { margin-bottom: 15px; padding: 0; font-size: 24px; height: auto } .banner_met_11_6.banner-ny-h .banner-text .subtitle { margin-top: 15px; font-size: 16px } .banner_met_11_6 .banner-text .container { width: 100% } .banner_met_11_6 .banner-text.p-5 .container .banner-text-con { width: 100% } .banner_met_11_6 .banner-text h3 { font-size: 18px } .banner_met_11_6 .banner-text p { margin-top: 15px; font-size: 24px } .banner_met_11_6 .banner-text .btn-more { margin-top: 20px; font-size: 16px } } /* 内页轮播 */ .banner_met_11_6-ny { background-color: #ffffff; background-color: ; height: 120px; } .banner_met_11_6-ny h1 { margin: 0px; padding: 10px 30px; font-size: 35px; text-shadow: none; color: #444444; color: ; } .subcolumn_nav_met_11_4 { text-align: center; background: #ffffff; background: ; border-bottom: 1px solid; border-color: #8c8c8c; border-color: ; } .overflow-visible { overflow: visible !important; } .subcolumn_nav_met_11_4 .subcolumn_nav_met_11_4-ul { padding: 0; list-style: none; margin: 0; text-align: center; display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .subcolumn_nav_met_11_4 .subcolumn_nav_met_11_4-ul>li { white-space: nowrap; display: inline-block; float: none } .subcolumn_nav_met_11_4 .subcolumn_nav_met_11_4-ul>li a.link { text-decoration: none; display: block; margin: 0 5px; font-size: 16px; line-height: 75px; text-align: center; padding: 0 20px; height: 75px; color: #444444; color: ; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; position: relative; font-weight: 300; } .subcolumn_nav_met_11_4 .subcolumn_nav_met_11_4-ul>li a.link:active, .subcolumn_nav_met_11_4 .subcolumn_nav_met_11_4-ul>li a.link:focus, .subcolumn_nav_met_11_4 .subcolumn_nav_met_11_4-ul>li a.link:hover { text-decoration: none } .subcolumn_nav_met_11_4 .subcolumn_nav_met_11_4-ul>li a.link:hover, .subcolumn_nav_met_11_4 .subcolumn_nav_met_11_4-ul>li a.link.active { color: #e3120b; color: ; } .subcolumn_nav_met_11_4 .subcolumn_nav_met_11_4-ul>li>ul>li>a.active { color: #e3120b !important; color: !important; } .subcolumn_nav_met_11_4 .subcolumn_nav_met_11_4-ul>li a.active:after { content: ''; display: block; position: absolute; left: 0; bottom: -1px; right: 0; height: 1px; background: #e3120b; background: ; } .subcolumn_nav_met_11_4 .subcolumn_nav_met_11_4-ul>li .dropdown-menu { top: 40px } .subcolumn_nav_met_11_4 .product-search:first-child { margin-top: 10px } .subcolumn_nav_met_11_4 .product-search .form-group { max-width: 500px; } .subcolumn_nav_met_11_4 .input-search .form-control { border-radius: 0; } .subcolumn_nav_met_11_4 .form-control.focus, .form-control:focus { border-color: #e3120b; border-color: ; } .subcolumn_nav_met_11_4 .subcolumn-nav-location { float: left; font-size: 12px; padding: 10px 0 } .subcolumn_nav_met_11_4 .subcolumn-nav-location .location { color: #444444; color: ; } .subcolumn_nav_met_11_4 .subcolumn-nav-location li { line-height: 30px; float: left } .subcolumn_nav_met_11_4 .subcolumn-nav-location a { text-decoration: none; display: inline-block; font-size: 12px; line-height: 30px; text-align: center; color: #444444; color: ; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms } .subcolumn_nav_met_11_4 .subcolumn-nav-location a:active, .subcolumn_nav_met_11_4 .subcolumn-nav-location a:focus, .subcolumn_nav_met_11_4 .subcolumn-nav-location a:hover { text-decoration: none } .subcolumn_nav_met_11_4 .subcolumn-nav-location a:hover { color: #e3120b; color: ; } .subcolumn_nav_met_11_4 .subcolumn-nav-location .fa { padding: 0 10px } .subcolumn_nav_met_11_4 .subcolumn-nav { } .subcolumn_nav_met_11_4 .subcolumn-nav .dropdown-menu a { color: #444444 !important; color: !important; } .subcolumn_nav_met_11_4 .subcolumn-nav .dropdown-menu a:hover { color: #e3120b !important; color: !important; } @media (max-width: 767px) { .subcolumn_nav_met_11_4 .row { margin: 0 } .subcolumn_nav_met_11_4 .subcolumn-nav { height: 75px; float: none } .subcolumn_nav_met_11_4 .subcolumn-nav-location { float: none } } .foot_info_met_11_4 { line-height: 1.8; background-color: #ffffff; background-color: #000000; } .foot_info_met_11_4.met-page { height: auto !important; overflow: visible; } .foot_info_met_11_4 p { margin-bottom: 0px; color: #444444; color: #bfbfbf; } .foot_info_met_11_4 .left { float: left; text-align: left; width: 50%; } .foot_info_met_11_4 .breadcrumb-item, .foot_info_met_11_4 .breadcrumb-item::before { color: #444444; color: #bfbfbf; } .foot_info_met_11_4 .breadcrumb-item span:hover { color: #e3120b; color: ; } .foot_info_met_11_4 .breadcrumb-item span { color: #8c8c8c; color: #bfbfbf; } .foot_info_met_11_4 .powered_by_XXXXX { color: #8c8c8c; color: #bfbfbf; } .foot_info_met_11_4 .right { float: right; width: 50%; text-align: right; } .foot_info_met_11_4 .right p img { max-width: 100%; height: auto !important; } .foot_info_met_11_4 .right .social i { font-size: 20px; margin-right: 5px; color: #8c8c8c; color: #bfbfbf; } .foot_info_met_11_4 .right .social i:hover { color: #e3120b; color: ; } .foot_info_met_11_4 .inline-block { padding: 0 3px; cursor: pointer; } .foot_info_met_11_4 .btn-cntotc { color: #8c8c8c; color: #bfbfbf; } .foot_info_met_11_4 .btn-cntotc:hover { color: #e3120b; color: ; } @media (max-width: 767px) { .foot_info_met_11_4 .left { float: none; text-align: center; width: 100%; } .foot_info_met_11_4 .right { float: none; text-align: center; width: 100%; } .foot_info_met_11_4 .breadcrumb-item { display: inline-block; float: none; } } .about_list_met_11_6 .about-img { z-index: 99; padding: 0; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms; -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 0ms; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms; -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); transition-duration: 1.2s; min-height: 800px; } .about_list_met_11_6.swiper-slide-active .about-img { -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); } .about_list_met_11_6 .about-content { z-index: 99; position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding: 0; } .about_list_met_11_6 .about-content .container { padding: 70px; } .about_list_met_11_6 .about-content h2, .about_list_met_11_6 .about-content p { text-align: left; width: 100% } .about_list_met_11_6 { background: #ffffff; background: ; position: relative; z-index: 2; } .about_list_met_11_6 .title { color: #444444; color: ; height: 60px; font-size: 24px; position: relative; margin: 0; font-weight: normal; opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 200ms; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; transition-duration: 1s; } .about_list_met_11_6.swiper-slide-active .title { opacity: 1 !important; -webkit-transform: none !important; transform: none !important; } .about_list_met_11_6 .line { background-color: #444444; background-color: ; display: inline-block; position: absolute; bottom: 0px; left: 0px; width: 100px; height: 1px; -webkit-transition: width 0.5s ease-out; -moz-transition: width 0.5s ease-out; -o-transition: width 0.5s ease-out; -ms-transition: width 0.5s ease-out; transition: width 0.5s ease-out; opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 400ms; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 400ms; -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 400ms; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 400ms; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 400ms; transition-duration: 1s; } .about_list_met_11_6.swiper-slide-active .line { opacity: 1 !important; -webkit-transform: none !important; transform: none !important; } .about_list_met_11_6 .desc { color: #8c8c8c; color: ; margin-top: 20px; line-height: 2; font-size: 14px; max-height: 500px; overflow: hidden; -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 600ms; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 600ms; -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 600ms; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 600ms; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 600ms; opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); transition-duration: 1s; } .about_list_met_11_6.swiper-slide-active .desc { opacity: 1 !important; -webkit-transform: none !important; transform: none !important; } .about_list_met_11_6 .more { border: 1px solid; border: 1px solid; color: #8c8c8c; color: ; overflow: hidden; display: inline-block; height: 40px; line-height: 40px; text-align: center; -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 200ms; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; width: 160px; cursor: pointer; margin-top: 50px; opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); transition-duration: 1s; } .about_list_met_11_6 .more span { display: block; width: 100%; position: relative; text-align: center; height: 40px; line-height: 40px; -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms; -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 100ms; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms; color: #8c8c8c; color: ; } .about_list_met_11_6 .more span:after { content: attr(data-title); position: absolute; height: 40px; top: 0px; left: 0px; right: 0; color: transparent; transform: translate(0, 100%); -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 200ms; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; } .about_list_met_11_6.swiper-slide-active .more { opacity: 1 !important; -webkit-transform: none !important; transform: none !important; } .about_list_met_11_6 .more:hover { border-color: #e3120b; border-color: ; background-color: #e3120b; background-color: ; } .about_list_met_11_6 .more:hover span { transform: translate(0, -100%); } .about_list_met_11_6 .more:hover span:after { background-color: #e3120b; background-color: ; color: #fff; } .about_list_met_11_6 canvas { position: absolute; top: 0; left: 0; z-index: -1; } @media (max-width: 1600px) { .about_list_met_11_6 .about-img { min-height: 600px; } } @media (max-width: 991px) { .about_list_met_11_6 { min-height: 600px; } .about_list_met_11_6 .about-img { height: 50%; position: absolute; top: 0px; min-height: auto; } .about_list_met_11_6 .about-content { height: 50%; position: absolute; top: 50%; transform: none; } .about_list_met_11_6 .about-content .container { padding: 20px; } .about_list_met_11_6 .container .title { height: auto; font-size: 18px; padding-bottom: 15px; line-height: 1.2; } .about_list_met_11_6 .container .desc { line-height: 1.5; margin-top: 15px; font-size: 12px; max-height: 90px; overflow: hidden; } .about_list_met_11_6 .container .more { margin-top: 20px; } } @media (max-width: 767px) { .met-page { padding-top: 60px; } .about_list_met_11_6 .title { height: auto !important; font-size: 18px; padding-bottom: 15px; line-height: 1.2; } .about_list_met_11_6 .container .desc { max-height: 75px; } } /* 产品 */ .product_list_met_11_6 { background: ; position: relative; min-height: 600px; } /* 背景 */ .product_list_met_11_6 .product-bg { position: absolute; width: 100%; height: 100%; z-index: 4; left: 0; top: 0 } .product_list_met_11_6 .product-bg .bg-list { height: 100%; width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; visibility: hidden; opacity: 0; position: absolute; top: 0; left: 0; right: 0; margin: 0; overflow: hidden; transition: all 0.6s ease; -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); transition-duration: 1.2s } .product_list_met_11_6 .product-bg .bg-list.active { opacity: 1; visibility: visible; -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px) } /* 头部 */ .product_list_met_11_6:hover .line:before { width: 20px !important; left: -25px !important } .product_list_met_11_6:hover .line:after { width: 20px !important; right: -25px !important } .product_list_met_11_6 .head .title { font-size: 25px; margin: 0; height: 45px; color: #444444; color: #ffffff; } .product_list_met_11_6 .head .line { position: relative; color: #444444; color: #ffffff; } .product_list_met_11_6 .head .line:before { background-color: #444444; background-color: #ffffff; content: ''; position: absolute; left: -45px; top: 50%; width: 40px; height: 1px; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; } .product_list_met_11_6 .head .line:after { background-color: #444444; background-color: #ffffff; content: ''; position: absolute; right: -45px; top: 50%; width: 40px; height: 1px; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; } /* 内容 */ .product_list_met_11_6 .product-content { padding: 70px 0; z-index: 5; text-align: center; width: 100%; position: absolute; top: 50%; transform: translateY(-50%) } .product_list_met_11_6 .product-content .container { width: 600px; } .product_list_met_11_6 .product-content .product-swiper { width: 100%; position: relative } .product_list_met_11_6 .product-content .product-nav { margin-top: 60px; position: relative } .product_list_met_11_6 .product-content .product-nav .product-ul { width: 100%; display: block; transition-timing-function: ease; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .product_list_met_11_6 .product-content .product-nav .product-li { float: left; padding: 0 15px !important; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; margin: 0; position: relative; height: 150px } .product_list_met_11_6 .product-content .product-nav .product-li .title { font-size: 30px; margin-bottom: 20px; display: block; line-height: 150px; height: auto; color: #444444; color: #ffffff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .product_list_met_11_6 .product-content .product-nav .product-li .desc { line-height: 2; font-size: 14px; visibility: hidden; opacity: 0; margin-bottom: 20px; overflow: hidden; color: #8c8c8c; color: #ffffff; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0ms; -moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0ms; -ms-transition: all 1s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 0ms; -o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0ms; transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0ms; } .product_list_met_11_6 .product-content .product-nav .product-li.swiper-slide-active .title { line-height: normal !important; font-size: 22px } .product_list_met_11_6 .product-content .product-nav .product-li.swiper-slide-active .desc { visibility: visible; opacity: 1; height: 88px; transform: translateY(0); } .product_list_met_11_6 .more { border: #ffffff 1px solid; border: 1px solid; color: #8c8c8c; color: #ffffff; overflow: hidden; display: inline-block; height: 40px; line-height: 40px; text-align: center; -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 200ms; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; width: 160px; cursor: pointer; margin-top: 50px; opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); transition-duration: 1s; } .product_list_met_11_6 .more span { display: block; width: 100%; position: relative; text-align: center; height: 40px; line-height: 40px; -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms; -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 100ms; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms; color: #8c8c8c; color: #ffffff; } .product_list_met_11_6 .more span:after { content: attr(data-title); position: absolute; height: 40px; top: 0px; left: 0px; right: 0; color: transparent; transform: translate(0, 100%); -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 200ms; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; } .product_list_met_11_6 .product-li.swiper-slide-active .more { opacity: 1 !important; -webkit-transform: none !important; transform: none !important; } .product_list_met_11_6 .more:hover { border-color: #e3120b; border-color: ; background-color: #e3120b; background-color: ; } .product_list_met_11_6 .more:hover span { transform: translate(0, -100%); } .product_list_met_11_6 .more:hover span:after { background-color: #e3120b; background-color: ; color: #fff; } .product_list_met_11_6 .product-content .more { margin-top: 20px; } /* 边框*/ .product_list_met_11_6 .product-absolute { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 4; overflow: hidden; } .product_list_met_11_6 .product-absolute .product-full { width: 800px; height: 400px; position: absolute; border: 2000px solid rgba(255, 255, 255, 0.1); box-sizing: content-box; margin: -2175px 0 0 -2400px; background: none; left: 50%; top: 50%; z-index: 991; transition: .5s .6s; -webkit-transition: .5s .6s; -moz-transition: .5s .6s; -ms-transition: .5s .6s; -o-transition: .5s .6s; transform: translate(1350px, 750px); -moz-transform: translate(1350px, 750px); -ms-transform: translate(1350px, 750px); -o-transform: translate(1350px, 750px); -webkit-transform: translate(1350px, 750px); background: rgba(0, 0, 0, 0.18) } .product_list_met_11_6 .product-absolute .product-full ol li { border-color: #8c8c8c; border-color: ; border-style: solid; border-width: 0; position: absolute; width: 24px; height: 24px } .product_list_met_11_6 .product-absolute .product-full ol li:nth-child(1) { border-width: 5px 0 0 5px; top: 0; left: 0 } .product_list_met_11_6 .product-absolute .product-full ol li:nth-child(2) { border-width: 5px 5px 0 0; top: 0; right: 0 } .product_list_met_11_6 .product-absolute .product-full ol li:nth-child(3) { border-width: 0 0 5px 5px; bottom: 0; left: 0 } .product_list_met_11_6 .product-absolute .product-full ol li:nth-child(4) { border-width: 0 5px 5px 0; bottom: 0; right: 0 } .product_list_met_11_6 .product-absolute .product-border { width: 0; height: 0; margin: -205px 0 0 -300px; left: 50%; top: 50%; position: absolute; z-index: 994; transition: .4s 1s; -webkit-transition: .4s 1s; -moz-transition: .4s 1s; -ms-transition: .4s 1s; -o-transition: .4s 1s; border: 1px dashed; border-color: #8c8c8c; border-color: ; z-index: 993; visibility: hidden } /* 箭头 */ .product_list_met_11_6 .ctrl-left { position: absolute; left: -70px; top: 50%; margin-top: -70px; width: 40px; height: 140px; opacity: 0; cursor: pointer; transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); -webkit-transform: translateX(30px); transition: 0s .5s; -moz-transition: 0s .5s; -ms-transition: 0s .5s; -o-transition: 0s .5s; -webkit-transition: 0s .5s; z-index: 9; } .product_list_met_11_6 .ctrl-right { position: absolute; right: -70px; top: 50%; margin-top: -70px; width: 40px; height: 140px; opacity: 0; cursor: pointer; transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); -webkit-transform: translateX(-30px); transition: 0s .5s; -moz-transition: 0s .5s; -ms-transition: 0s .5s; -o-transition: 0s .5s; -webkit-transition: 0s .5s; z-index: 9; } .product_list_met_11_6 .product-content .product-nav .product-ctrl { position: absolute; top: 50%; left: 0; right: 0; margin-top: -10px; z-index: 2; width: 100% } .product_list_met_11_6 .ctrl-left { margin-top: -60px; left: -100px } .product_list_met_11_6 .product-ctrl .ctrl-left:before { background: #8c8c8c; background: ; transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); position: absolute; left: 0; top: 50%; width: 150%; height: 2px; content: ''; transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; -webkit-transform-origin: bottom left; } .product_list_met_11_6 .product-ctrl .ctrl-left:after { transform: rotate(-40deg); -moz-transform: rotate(-40deg); -ms-transform: rotate(-40deg); -o-transform: rotate(-40deg); background: #8c8c8c; background: ; position: absolute; left: 0; top: 50%; width: 150%; height: 2px; content: ''; transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; -webkit-transform-origin: top left; } .product_list_met_11_6 .ctrl-right { margin-top: -60px; right: -100px } .product_list_met_11_6 .ctrl-right:before { background: #8c8c8c; background: ; transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); position: absolute; right: 0; top: 50%; width: 150%; height: 2px; content: ''; transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; -webkit-transform-origin: bottom right; } .product_list_met_11_6 .ctrl-right:after { transform: rotate(-40deg); -moz-transform: rotate(-40deg); -ms-transform: rotate(-40deg); -o-transform: rotate(-40deg); background: #8c8c8c; background: ; position: absolute; right: 0; top: 50%; width: 150%; height: 2px; content: ''; transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; -webkit-transform-origin: top right; } .product_list_met_11_6 .ctrl-left:hover { transform: translateX(-10px) !important; -moz-transform: translateX(-10px) !important; -ms-transform: translateX(-10px) !important; -o-transform: translateX(-10px) !important; -webkit-transform: translateX(-10px) !important; } .product_list_met_11_6 .ctrl-right:hover { transform: translateX(10px) !important; -moz-transform: translateX(10px) !important; -ms-transform: translateX(10px) !important; -o-transform: translateX(10px) !important; -webkit-transform: translateX(10px) !important; } /* 动画效果 */ .product_list_met_11_6.swiper-slide-active .ctrl-left { opacity: 1; transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0); transition: .6s; -moz-transition: .6s; -ms-transition: .6s; -o-transition: .6s; -webkit-transition: .6s; transition-property: opacity, transform; -moz-transition-property: opacity, transform; -ms-transition-property: opacity, transform; -o-transition-property: opacity, transform; -webkit-transition-property: opacity, transform } .product_list_met_11_6.swiper-slide-active .ctrl-right { opacity: 1; transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0); transition: .6s; -moz-transition: .6s; -ms-transition: .6s; -o-transition: .6s; -webkit-transition: .6s; transition-property: opacity, transform; -moz-transition-property: opacity, transform; -ms-transition-property: opacity, transform; -o-transition-property: opacity, transform; -webkit-transition-property: opacity, transform; } .product_list_met_11_6.swiper-slide-active .product-absolute .product-full { transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); -webkit-transform: translate(0) } .product_list_met_11_6.swiper-slide-active .product-absolute .product-border { width: 600px; height: 460px; visibility: visible } @media (max-width: 991px) { .product_list_met_11_6 .product-content .product-nav .product-ctrl .ctrl-left { margin-top: -35px; left: -10px; } .product_list_met_11_6 .product-content .product-nav .product-ctrl .ctrl-left:before { width: 100%; } .product_list_met_11_6 .product-content .product-nav .product-ctrl .ctrl-left:after { width: 100%; } .product_list_met_11_6 .product-content .product-nav .product-ctrl .ctrl-right { margin-top: -35px; right: -10px; } .product_list_met_11_6 .product-content .product-nav .product-ctrl .ctrl-right:before { width: 100%; } .product_list_met_11_6 .product-content .product-nav .product-ctrl .ctrl-right:after { width: 100%; } .product_list_met_11_6 .product-content .head .title { font-size: 18px; } .product_list_met_11_6 .product-content .container { padding: 50px 20px; height: 100%; } .product_list_met_11_6 .product-content .product-nav .product-li { padding: 0 25px !important; } .product_list_met_11_6 .product-content .product-nav .product-li.swiper-slide-active .title { line-height: normal !important; font-size: 22px; padding-bottom: 15px; height: auto !important; } .product_list_met_11_6 .product-content .product-nav .product-li.swiper-slide-active .desc { line-height: 1.5; margin-top: 15px; font-size: 12px; } } @media (max-width: 767px) { } /* 新闻 */ .news_list_met_11_6 { background: #ffffff; background: ; position: relative; min-height: 800px; z-index: 2; } .news_list_met_11_6 .container { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); padding: 30px; } .news_list_met_11_6 .title { height: 60px; font-size: 32px; position: relative; margin: 0; font-weight: normal; color: #444444; color: ; height: 45px; } .news_list_met_11_6 .line { color: #8c8c8c; color: ; position: relative; } .news_list_met_11_6 .line:before { content: ''; position: absolute; left: -45px; top: 50%; background-color: #8c8c8c; background-color: ; width: 40px; height: 1px; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; } .news_list_met_11_6 .line:after { content: ''; position: absolute; right: -45px; top: 50%; background-color: #8c8c8c; background-color: ; width: 40px; height: 1px; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; } .news_list_met_11_6 .container:hover .line:before { width: 20px !important; left: -25px !important; } .news_list_met_11_6 .container:hover .line:after { width: 20px !important; right: -25px !important; } .news_list_met_11_6 .news-swiper { width: 100%; position: relative; margin-top: 20px; overflow: hidden } .news_list_met_11_6 .news-swiper .news-ctrl { position: relative; z-index: 99; margin-top: 20px; } .news_list_met_11_6 .news-swiper .left { display: inline-block; margin: 0 auto; width: 42px; border: 1px solid; border-color: #8c8c8c; border-color: #ffffff; position: relative; margin-top: 20px; margin-right: 10px; height: 42px; cursor: pointer; transition: all .6s ease } .news_list_met_11_6 .news-swiper .left i { font-size: 42px; color: #8c8c8c; color: ; } .news_list_met_11_6 .news-swiper .left:hover { background: #e3120b; background: ; border: 1px solid; border-color: #e3120b; border-color: ; } .news_list_met_11_6 .news-swiper .left:hover i { color: #fff } .news_list_met_11_6 .news-swiper .right { display: inline-block; width: 42px; border: 1px solid; border-color: #8c8c8c; border-color: #ffffff; position: relative; margin-top: 20px; height: 42px; cursor: pointer; transition: all .6s ease } .news_list_met_11_6 .news-swiper .right i { font-size: 42px; color: #8c8c8c; color: ; transition: all .6s ease } .news_list_met_11_6 .news-swiper .right:hover { background: #e3120b; background: ; border: 1px solid; border-color: #e3120b; border-color: ; } .news_list_met_11_6 .news-swiper .right:hover i { color: #fff } .news_list_met_11_6 .news-swiper .news-ul { display: block; width: 100%; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); height: 510px } .news_list_met_11_6 .news-swiper .news-ul .slick-list { height: 100% } .news_list_met_11_6 .news-swiper .news-ul .slick-track { height: 100% } .news_list_met_11_6 .news-swiper .news-ul .news-li { float: left; padding: 0; margin: 0; position: relative; height: 100% opacity:0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .news_list_met_11_6 .news-swiper .news-ul .news-li .body { height: 100%; overflow: hidden; padding: 0; text-align: left; display: block; position: relative } .news_list_met_11_6 .news-swiper .news-ul .news-li .body .text { left: auto; bottom: 0; right: 0; top: 0; width: 100%; background: #ffffff; background: ; z-index: 1; transition: all 0.25s ease 0s; position: absolute } .news_list_met_11_6 .news-swiper .news-ul .news-li .body .text .content { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; padding: 0 35px; display: block; position: relative; top: 300px } .news_list_met_11_6 .news-swiper .news-ul .news-li .body .text .content .date { font-weight: 300; font-family: HELVETICANEUELTPRO-THEX; color: #8c8c8c; color: ; margin-bottom: 0; display: inline-block; padding: 0 22px; float: left; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; padding-left: 0; font-size: 20px } .news_list_met_11_6 .news-swiper .news-ul .news-li .body .text .content .title { margin-bottom: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 20px; font-size: 16px; color: #444444; color: ; display: inline-block; line-height: 30px; width: 100%; height: 30px; float: left; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s } .news_list_met_11_6 .news-swiper .news-ul .news-li .body .text .content .description { text-align: left; color: #8c8c8c; color: ; line-height: 25px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-left: 0; margin-top: 10px; width: 100%; height: 105px; overflow: hidden; font-size: 13px } .news_list_met_11_6 .news-swiper .news-ul .news-li .body .img { width: 100%; height: auto; min-height: 50%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; overflow: hidden; background-size: cover; bottom: 0; left: 0; right: 0; top: 0; z-index: 2; background-position: center; position: relative } .news_list_met_11_6 .news-swiper .news-ul .news-li .body .img:before { content: ''; position: absolute; width: 94%; height: 94%; top: 0px; left: 0px; border: 1px solid rgba(255, 255, 255, 0); -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; -ms-animation-duration: 0.4s; -o-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; top: 3%; left: 3% } .news_list_met_11_6 .news-swiper .news-ul .news-li .news-more { display: block; position: absolute; top: -12px; border-radius: 0; width: 30px; right: 20px; height: 30px; text-indent: 0; font-size: 0px; line-height: 20px; text-align: center; border: 1px solid; border-color: #8c8c8c; border-color: #ffffff; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color: #8c8c8c; color: ; margin: 40px auto 50px; z-index: 5; margin-top: 310px; opacity: 0 } .news_list_met_11_6 .news-swiper .news-ul .news-li .news-more i { font-size: 30px } .news_list_met_11_6 .news-swiper .news-ul .news-li:hover .date { color: #e3120b !important; color: !important; margin-left: 10px } .news_list_met_11_6 .news-swiper .news-ul .news-li:hover .description { margin-left: 10px !important } .news_list_met_11_6 .news-swiper .news-ul .news-li:hover .title { margin-left: 10px !important } .news_list_met_11_6 .news-swiper .news-ul .news-li:hover .img { transform: scale(0.96, 0.96); -moz-transform: scale(0.96, 0.96); -webkit-transform: scale(0.96, 0.96); -o-transform: scale(0.96, 0.96) } .news_list_met_11_6 .news-swiper .news-ul .news-li:hover .img:before { border: 1px solid; border-color: #8c8c8c; border-color: #ffffff; animation-name: zoomIn; top: 3%; left: 3% } .news_list_met_11_6 .news-swiper .news-ul .news-li:hover .news-more { opacity: 1 } .news_list_met_11_6 .news-swiper .news-ul .news-li:nth-child(odd) .text { position: absolute; height: 100%; min-height: 255px } .news_list_met_11_6 .news-swiper .news-ul .news-li:nth-child(odd) .text .content { top: 0px; padding-top: 30px } .news_list_met_11_6 .news-swiper .news-ul .news-li:nth-child(odd) .news-more { margin-top: 40px } .news_list_met_11_6 .news-swiper .news-ul .news-li:nth-child(odd) .img { position: absolute; margin-top: 255px } .news_list_met_11_6.swiper-slide-active .news-li { opacity: 1 !important; -webkit-transform: none !important; transform: none !important; } .news_list_met_11_6 .news-swiper .news-ul .news-li:nth-child(1) { transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s } .news_list_met_11_6 .news-swiper .news-ul .news-li:nth-child(2) { transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s } .news_list_met_11_6 .news-swiper .news-ul .news-li:nth-child(3) { transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s } .news_list_met_11_6 .news-swiper .news-ul .news-li:nth-child(4) { transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s } .news_list_met_11_6 .news-swiper .news-ul .news-li:nth-child(5) { transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s } .news_list_met_11_6 .news-swiper .news-ul .news-li:nth-child(6) { transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s } .news_list_met_11_6 .news-swiper .news-ul .news-li:nth-child(7) { transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s } .news_list_met_11_6 .news-swiper .news-ul .news-li:nth-child(8) { transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s } .news_list_met_11_6 .news-swiper .news-ul .news-li:nth-child(9) { transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1s } @media (max-width: 1600px) { .news_list_met_11_6 .news-swiper .news-ul { height: 350px } .news_list_met_11_6 .news-swiper .news-ul .news-li .body .text .content { padding: 0 15px } .news_list_met_11_6 .news-swiper .news-ul .news-li .body .text .content { top: 175px; padding-top: 15px } .news_list_met_11_6 .news-swiper .news-ul .news-li:nth-child(odd) .text .content { top: 0px; padding-top: 15px } .news_list_met_11_6 .news-swiper .news-ul .news-li:nth-child(odd) .img { margin-top: 175px } .news_list_met_11_6 .news-swiper .news-ul .news-li .body .text .content .description { height: 55px } .news_list_met_11_6 .news-swiper .news-ul .news-li .news-more { margin-top: 200px } } @media (max-width: 991px) { .news_list_met_11_6 .title { height: auto !important; font-size: 18px; padding-bottom: 15px; line-height: 1.2; } .news_list_met_11_6 { margin-top: 60px } .news_list_met_11_6 .container { padding: 20px } .news_list_met_11_6 .news-swiper .news-ul { height: 470px; margin: 0; } .news_list_met_11_6 .news-swiper .news-ul .news-li .body .img { height: 300px; min-height: 300px } .news_list_met_11_6 .news-swiper .news-ul .news-li .body .text .content { padding: 15px; top: 300px } .news_list_met_11_6 .news-swiper .news-ul .news-li .body .text .content .title { margin: 0; padding-bottom: 7px } .news_list_met_11_6 .news-swiper .news-ul .news-li .body .text .content .description { margin: 0 } .news_list_met_11_6 .news-swiper .news-ul .news-li:nth-child(odd) .content { top: 0 !important } .news_list_met_11_6 .news-swiper .news-ul .news-li:nth-child(odd) .img { margin-top: 170px } } @media (max-width: 767px) { .news_list_met_11_6 { margin: 0; padding-top: 60px } .news_list_met_11_6 .container { padding: 15px; position: static; transform: none } .news_list_met_11_6 .news-swiper .news-ul { height: 380px; } .news_list_met_11_6 .news-swiper .news-ul .news-li .body .img { min-height: 100px; height: 200px; background-size: 100%; background-repeat: no-repeat; background-position: center } .news_list_met_11_6 .news-swiper .news-ul .news-li .body .text .content { padding: 15px; top: 220px } .news_list_met_11_6 .news-swiper .news-ul .news-li .body .text .content .title { margin: 0; padding-bottom: 7px } .news_list_met_11_6 .news-swiper .news-ul .news-li .body .text .content .description { margin: 0 } .news_list_met_11_6 .news-swiper .news-ul .news-li:nth-child(odd) .content { top: 0 !important } .news_list_met_11_6 .news-swiper .news-ul .news-li:nth-child(odd) .img { margin-top: 150px } .news_list_met_11_6 .news-swiper .news-ctrl { margin: 0; } } /* 新闻 */ .case_list_met_11_1 { position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 800px; } .case_list_met_11_1.background { background-image: url(../images/background.jpg); } .case_list_met_11_1.color { background-color: ; background-color: ; } .case_list_met_11_1 .overlay-panel { color: #444444; color: #ffffff; } .case_list_met_11_1 .container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 30px 0; width: 100%; } .case_list_met_11_1 .title { height: 60px; font-size: 32px; position: relative; margin: 0; font-weight: normal; color: #444444; color: #575757; height: 45px; } .case_list_met_11_1 .line { color: #8c8c8c; color: #575757; position: relative; } .case_list_met_11_1 .line:before { content: ''; position: absolute; left: -45px; top: 50%; background-color: #8c8c8c; background-color: #575757; width: 40px; height: 1px; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; } .case_list_met_11_1 .line:after { content: ''; position: absolute; right: -45px; top: 50%; background-color: #8c8c8c; background-color: #575757; width: 40px; height: 1px; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; } .case_list_met_11_1 .container:hover .line:before { width: 20px !important; left: -25px !important; } .case_list_met_11_1 .container:hover .line:after { width: 20px !important; right: -25px !important; } .case_list_met_11_1 .case-swiper { width: 100%; position: relative; overflow: hidden } .case_list_met_11_1 .case-swiper .case-ul { margin-top: 30px; position: relative; overflow: hidden } .case_list_met_11_1 .case-swiper .case-ul .case-li { margin-bottom: 0px; padding: 0; float: left; width: 25%; opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } .case_list_met_11_1 .case-swiper .case-ul .case-li a { display: block; overflow: hidden } .case_list_met_11_1 .case-swiper .case-ul .case-li img { width: 100%; -webkit-transition: transform 1s ease-out; -moz-transition: transform 1s ease-out; -ms-transition: transform 1s ease-out; transition: transform 1s ease-out; object-fit: cover } .case_list_met_11_1 .case-swiper .case-ul .case-li:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: transform 1s ease-out; -moz-transition: transform 1s ease-out; -ms-transition: transform 1s ease-out; transition: transform 1s ease-out } .case_list_met_11_1 .case-swiper .case-ul .case-li:nth-child(1) { transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s } .case_list_met_11_1 .case-swiper .case-ul .case-li:nth-child(2) { transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s } .case_list_met_11_1 .case-swiper .case-ul .case-li:nth-child(3) { transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s } .case_list_met_11_1 .case-swiper .case-ul .case-li:nth-child(4) { transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s } .case_list_met_11_1 .case-swiper .case-ul .case-li:nth-child(5) { transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s } .case_list_met_11_1 .case-swiper .case-ul .case-li:nth-child(6) { transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s } .case_list_met_11_1 .case-swiper .case-ul .case-li:nth-child(7) { transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s } .case_list_met_11_1 .case-swiper .case-ul .case-li:nth-child(8) { transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s } .case_list_met_11_1 .case-swiper .case-ul .case-li:nth-child(9) { transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1s } .case_list_met_11_1 .case-swiper .left { display: inline-block; margin: 0 auto; width: 42px; border: 1px solid; border-color: #8c8c8c; border-color: #575757; margin-top: 20px; margin-right: 10px; height: 42px; cursor: pointer; transition: all .6s ease } .case_list_met_11_1 .case-swiper .left i { font-size: 42px; color: #8c8c8c; color: #575757; } .case_list_met_11_1 .case-swiper .left:hover { background: #e3120b; background: ; border-color: #e3120b; border-color: ; } .case_list_met_11_1 .case-swiper .left:hover i { color: #fff } .case_list_met_11_1 .case-swiper .right { display: inline-block; width: 42px; border: 1px solid; border-color: #8c8c8c; border-color: #575757; margin-top: 20px; height: 42px; cursor: pointer; transition: all .6s ease } .case_list_met_11_1 .case-swiper .right i { font-size: 42px; color: #8c8c8c; color: #575757; transition: all .6s ease } .case_list_met_11_1 .case-swiper .right:hover { background: #e3120b; background: ; border-color: #e3120b; border-color: ; } .case_list_met_11_1 .case-swiper .right:hover i { color: #fff } .case_list_met_11_1 .case-swiper .case-ctrl { display: none } .case_list_met_11_1 .case-swiper.isSwiper .case-ctrl { display: block; position: relative; z-index: 9 } .case_list_met_11_1 .case-swiper.isSwiper .case-ctrl .left { z-index: 11 } .case_list_met_11_1 .case-swiper.isSwiper .case-ctrl .right { z-index: 11 } .case_list_met_11_1.swiper-slide-active .case-li { opacity: 1 !important; -webkit-transform: none !important; transform: none !important } @media (min-width: 1600px) { .case_list_met_11_1 .container { width: 82%; } } @media (max-width: 1600px) { .case_list_met_11_1 .container { position: static; transform: none; padding: 30px; } } @media (max-width: 991px) { .case_list_met_11_1 .container { position: static; transform: none; padding: 15px; } .case_list_met_11_1 .title { height: auto !important; font-size: 18px; padding-bottom: 15px; line-height: 1.2; } .case_list_met_11_1 .case-swiper .case-ul .case-li { width: 50% } .case_list_met_11_1 .case-swiper .case-ul .case-li h3 { font-size: 16px; } .case_list_met_11_1 .case-swiper .case-ul .case-li p { font-size: 12px; } } @media (max-width: 767px) { .met-page { padding-top: 60px; } .case_list_met_11_1 .case-swiper .case-ul { width: 1000%; } .case_list_met_11_1 { min-height: auto; } } .contact_list_met_11_1 { position: relative; min-height: 950px; } .contact_list_met_11_1 #map { width: 100%; height: 100%; top: 0; position: absolute !important; } .contact_list_met_11_1 .BMap_pop > div > div { border-radius: 8px; border: 0 !important } .contact_list_met_11_1 .BMap_pop .BMap_top { border: none } .contact_list_met_11_1 .BMap_pop .BMap_center { border: none } .contact_list_met_11_1 .anchorBL { display: none !important; } .contact_list_met_11_1 .contact-cont { position: absolute; bottom: 0; z-index: 8; right: 0; background: transparent; border-bottom: 950px solid; border-color: #ffffff; border-color: ; border-left: 350px solid transparent; border-right: 0px solid transparent; width: 45%; transform: translateX(100%); -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 300ms; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 300ms; -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 300ms; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 300ms; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 300ms; transition-duration: 1.2s } .contact_list_met_11_1 .contact-text { position: absolute; top: 50%; z-index: 9; width: 25%; text-align: right; right: 80px; transform: translateY(-50%) } .contact_list_met_11_1 .contact-text .title { color: #444444; color: ; margin-bottom: 20px; opacity: 0; transform: translateY(100%); -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 600ms; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 600ms; -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 600ms; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 600ms; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 600ms; transition-duration: 1.2s; height: 60px; font-size: 24px; position: relative; font-weight: normal; } .contact_list_met_11_1 .contact-text .title .line { background-color: #e3120b; background-color: ; right: 0; left: auto; opacity: 0; transform: translateY(100%); -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 700ms; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 700ms; -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 700ms; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 700ms; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 700ms; transition-duration: 1.2s; display: inline-block; position: absolute; bottom: 0px; left: 0px; width: 100px; height: 1px; -webkit-transition: width 0.5s ease-out; -moz-transition: width 0.5s ease-out; -o-transition: width 0.5s ease-out; -ms-transition: width 0.5s ease-out; transition: width 0.5s ease-out; } .contact_list_met_11_1 .contact-text .subtitle { font-size: 18px; margin-bottom: 20px; opacity: 0; transform: translateY(100%); -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 800ms; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 800ms; -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 800ms; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 800ms; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 800ms; transition-duration: 1.2s; color: #8c8c8c; color: ; } .contact_list_met_11_1 .contact-text:hover .line { width: 50px !important } .contact_list_met_11_1 .contact-text .details { margin-top: 70px; font-size: 16px; color: #8c8c8c; color: ; line-height: 1.8 } .contact_list_met_11_1 .contact-text .details li { opacity: 0; transform: translateY(100%); -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 1000ms; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 1000ms; -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 1000ms; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 1000ms; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 1000ms; transition-duration: 1.2s; } .contact_list_met_11_1 .contact-text .details .mark { position: relative; margin-bottom: 40px; font-size: 12px; color: #8c8c8c; color: ; background: transparent; padding: 0 } .contact_list_met_11_1 .contact-text .details .mark:after { content: ""; display: block; width: 100%; height: 1px; background-color: #8c8c8c; background-color: ; position: absolute; right: 0; top: 40px } .contact_list_met_11_1.swiper-slide-active .contact-cont { transform: translateX(0) } .contact_list_met_11_1.swiper-slide-active .contact-text .title { opacity: 1; transform: translateY(0) } .contact_list_met_11_1.swiper-slide-active .contact-text .line { opacity: 1; transform: translateY(0); right: 0; left: auto } .contact_list_met_11_1.swiper-slide-active .contact-text .subtitle { opacity: 1; transform: translateY(0) } .contact_list_met_11_1.swiper-slide-active .contact-text li { opacity: 1; transform: translateY(0) } @media (max-width: 1025px) { .contact_list_met_11_1.swiper-slide-active .contact-cont { transform: translate(0, 0); top: 45%; background-color: #ffffff; background-color: ; border: none; width: 100%; } .contact_list_met_11_1 .contact-text { width: 100%; left: 0; right: 0; bottom: 0; text-align: center; top: 45%; transform: translateY(0); padding: 20px; } .contact_list_met_11_1 .contact-text .title { height: auto !important; font-size: 18px; margin-bottom: 10px; padding-bottom: 10px; line-height: 1.2; } .contact_list_met_11_1 .contact-text .title .line { transform: translate(-50%, 0); left: 50%; } .contact_list_met_11_1 .contact-text .details { margin-top: 30px; } .contact_list_met_11_1 { min-height: 600px; } } @media (max-width: 767px) { .contact_list_met_11_1.swiper-slide-active .contact-cont { transform: translate(0, 0); top: 30%; background-color: #ffffff; background-color: ; border: none; width: 100%; } .contact_list_met_11_1 .contact-text { width: 100%; left: 0; right: 0; bottom: 0; text-align: center; top: 30%; transform: translateY(0); padding: 20px; } .contact_list_met_11_1 .contact-text .title { height: auto !important; font-size: 18px; margin-bottom: 10px; padding-bottom: 10px; line-height: 1.2; } .contact_list_met_11_1 .contact-text .title .line { transform: translate(-50%, 0); left: 50%; } .contact_list_met_11_1 .contact-text .details { margin-top: 30px; } .contact_list_met_11_1 { min-height: 600px; } }