/* 
  公共样式
  Web Icons
  swiper

*/

@font-face {
  font-family: Pe-icon-7-stroke;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/7-stroke/Pe-icon-7-stroke.eot');
  src: url('../fonts/7-stroke/Pe-icon-7-stroke.eot') format('embedded-opentype'),
   url('../fonts/7-stroke/Pe-icon-7-stroke.woff') format('woff'), 
   url('../fonts/7-stroke/Pe-icon-7-stroke.ttf') format('truetype'), 
   url('../fonts/7-stroke/Pe-icon-7-stroke.svg') 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"
}







.pull-right {
  float: right
}

.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"
}


/*
Web Icons
*/
@font-face {
  font-family: 'Web Icons';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/web-icons/web-icons.eot');
  src: url('../fonts/web-icons/web-icons.eot') format('embedded-opentype'), url('../fonts/web-icons/web-icons.woff2') format('woff2'), url('../fonts/web-icons/web-icons.woff') format('woff'), url('../fonts/web-icons/web-icons.ttf') format('truetype'), url('../fonts/web-icons/web-icons.svg') 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: ''
}

.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
}
/*
  swiper
*/
.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)
  }
}



@charset "utf-8";
/* 头部导航 */
a:hover,
a:active {
  text-decoration: none;
}

body.met-navfixed {
  padding-top: 60px;
}

body.met-navfixed-navclamp {
  padding-top: 150px;
}

.dropdown-submenu.animate>.dropdown-item {
  -webkit-animation: slide-left .5s both;
  -o-animation: slide-left .5s both;
  animation: slide-left .5s both;
}

.dropdown-menu.overflow-visible {
  overflow: visible;
}

.head_nav_met_16_3 {
  min-height: 60px;
  position: relative;
  z-index: 13;
}

.head_nav_met_16_3 {
  background: #ffffff;
  background: #fafaf7;
}

.head_nav_met_16_3.navbar-shadow {
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}

.met-head.navbar-fixed-top {
  z-index: 100;
  top: 0px;
  position: fixed;
}

.head_nav_met_16_3.header-zindex {
  z-index: 1601;
}

.head_nav_met_16_3 .met-langlist .dropdown a {
  line-height: normal;
}

.head_nav_met_16_3 .met-logo img {
  max-height: 50px;
}

.head_nav_met_16_3 .met-logo,
.head_nav_met_16_3 .navbar-toggler,
.met-navfixed-navclamp .head_nav_met_16_3 .met-langlist .dropdown {
  /*height: 50px;*/
  line-height: normal;
}

.head_nav_met_16_3 .navbar-toggler {
  width: auto;
}

.head_nav_met_16_3 .navbar-collapse {
  overflow-x: hidden;
}

.head_nav_met_16_3 .navbar-collapse.flex-navlist {
  width: 100%;
}

.head_nav_met_16_3 .navlist>li {
  opacity: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.head_nav_met_16_3 .navlist.flex {
  width: 100%;
  margin-right: 0 !important;
}

.head_nav_met_16_3 .navlist.flex .nav-item {
  flex: auto;
  text-align: center;
}

.head_nav_met_16_3 .navlist.flex .nav-item .nav-link {
  height: 50px;
  line-height: 50px;
  padding: 0;
}

.head_nav_met_16_3 .navlist.flex .nav-item>.dropdown-menu {
  top: 50px;
}

.head_nav_met_16_3 .dropdown-menu {
  background-color: #ffffff;
  border: 1px solid #ffffff;
}

.dropdown-menu.dropdown-menu-bullet:before,
.dropdown-menu.dropdown-menu-bullet:after {
  border-bottom-color: #ffffff;
  border-bottom-color: ;
}

@media screen\0 {
  .head_nav_met_16_3 .navlist.flex {
    text-align: center;
  }

  .head_nav_met_16_3 .navlist.flex .nav-item {
    display: inline-block;
  }

  .head_nav_met_16_3 .navlist.flex .nav-item .nav-link {
    padding: 0 20px;
  }
}

.head_nav_met_16_3 .navlist>.nav-item>a.active {
  color: #ec691c !important;
}

.head_nav_met_16_3 .navlist .nav-item .dropdown-menu a:hover,
.head_nav_met_16_3 .navlist .nav-item .dropdown-menu a.active {
  background: #ffffff !important;
  color: #ec691c !important;
  color: #ec691c !important;
}

.head_nav_met_16_3 .navlist .nav-item a.active,
.head_nav_met_16_3 .navlist .nav-item a.nav-link:hover {
  background: none !important;
  color: #ec691c !important;
  color: #ec691c !important;
}

.head_nav_met_16_3 .navlist .nav-item .two-menu {
  min-width: 100px;
}

.head_nav_met_16_3 .navlist .nav-item a.nav-link {
  background: none !important;
}

.head_nav_met_16_3 .dropdown-item,
.head_nav_met_16_3 .navlist .nav-item a.nav-link {
  color: #333333;
  color: ;
}

.head_nav_met_16_3 .dropdown-submenu>.dropdown-item.dropdown-a:after {
  border-top: 0.286rem solid;
  border-right: 0.286rem solid transparent;
  border-left: 0.286rem solid transparent;
}

.head_nav_met_16_3 .dropdown-submenu .dropdown-menu.block {
  position: static;
  border-right: none;
  border-left: none;
  padding-left: 10px;
}

@media (max-width:767px) {
  .head_nav_met_16_3 .dropdown-submenu .dropdown-menu {
    padding-left: 10px;
  }

  .head_nav_met_16_3 .dropdown-menu-right.dropdown-menu-bullet:after,
  .head_nav_met_16_3 .dropdown-menu-right.dropdown-menu-bullet:before {
    display: none;
  }

  .head_nav_met_16_3 .navlist .nav-item a.active {
    background: none !important;
  }
}

.head_nav_met_16_3 .met-langlist .dropdown-menu {
  top: 56px;
  min-width: 0;
  width: 100%;
}

.head_nav_met_16_3 .met-langlist .modal {
  background: rgba(0, 0, 0, .3);
}

.met-navfixed-navclamp .head_nav_met_16_3 .met-langlist .dropdown-menu {
  top: 43px;
}

.met-navfixed-navclamp .head_nav_met_16_3 .met-langlist {
  margin-left: 0 !important;
}

@media (min-width:768px) {
  .head_nav_met_16_3 .dropdown-submenu .dropdown-menu.block {
    border: none;
    width: 100%;
  }

  .head_nav_met_16_3 .met-langlist .dropdown {
    height: 60px;
    line-height: 60px;
  }

  .head_nav_met_16_3 .navlist .nav-item .nav-link {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 60px;
    line-height: 60px;
  }

  .head_nav_met_16_3 .navlist .nav-item>.dropdown-menu {
    top: 60px;
  }

  .head_nav_met_16_3 .navlist .nav-item>.dropdown-menu.dropdown-menu-bullet {
    top: 67px;
  }

  .head_nav_met_16_3 .met-head-user {
    height: 60px;
  }

  .head_nav_met_16_3 .met-langlist,
  .head_nav_met_16_3 .met-head-user {
    margin-left: 15px;
  }
}

@media (max-width:767px) {
  .head_nav_met_16_3 .met-langlist a {
    padding: 5px 15px 5px 5px !important;
  }

  .head_nav_met_16_3 .navlist .nav-item {
    margin-left: 0 !important;
  }

  .head_nav_met_16_3 .met-logo {
    margin-left: 10px;
  }

  .head_nav_met_16_3 .met-logo img {
    max-width: 150px;
  }

  .head_nav_met_16_3 .navbar-collapse {
    width: 100%;
  }

  .met-head.navbar-fixed-top .head_nav_met_16_3 .navbar-collapse {
    max-height: 340px;
    overflow-y: auto;
  }

  .head_nav_met_16_3 .navbar-nav {
    margin: 10px 0 !important;
  }

  .head_nav_met_16_3 .navlist .nav-item a.active {
    background: #f5f5f5;
  }

  .head_nav_met_16_3 .met-langlist {
    padding: 0 15px;
  }

  .head_nav_met_16_3.navbar-default .navbar-nav .open .dropdown-menu .dropdown-item {
    color: #333333;
    color: ;
  }
}

.navbar-default .navbar-nav .nav-link:focus,
.navbar-default .navbar-nav .nav-link:hover {
  background-color: transparent;
}

/* .met-mask {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  background: rgba(0, 0, 0, .2);
}

/* 头部会员、登录注册 */

.met-head-user .dropdown>a {
  padding-top: 0px;
  padding-bottom: 0px;
  height: 40px;
  line-height: 40px;
  color: #333333;
  color: ;
  background: transparent;
}

.met-head-user .dropdown .dropdown-item>a {
  color: #333333;
  color: ;
}

.met-head-user .dropdown i {
  color: #333333;
  color: ;
}

.met-head-user .dropdown-menu {
  top: 45px;
}

.met-head-user .dropdown-menu-footer {
  line-height: 35px;
}

.met-head-user .met-head-user-column .avatar img {
  max-height: 30px;
} 

@media (min-width:768px) {
  .met-head-user>li:nth-child(2) {
    margin-left: 10px;
  }
}

@media (max-width:767px) {
  .met-head-user>li {
    display: block;
  }

  .met-head-user>li:first-child {
    margin-bottom: 10px;
  }
}

.met-head-user-toggler.active i {
  display: none;
}

.met-head-user-toggler.active i:first-child {
  display: inline-block;
}

.met-head-user-toggler i {
  position: relative;
  top: -5px;
}

.met-head-user-toggler i:first-child {
  display: none;
}

.met-head-user li a.btn-outline {
  color: #ec691c;
  color: #ec691c;
  background-color: transparent;
  border-color: #ec691c;
  border-color: #ec691c;
}

.met-head-user li a.btn-outline:hover {
  border-color: #ec691c;
  background-color: #ec691c;
  color: #fff;
  border-color: #ec691c;
  background-color: #ec691c;
}

.met-head-user li a.btn-success {
  border-color: #ec691c;
  background-color: #ec691c;
  color: #fff;
  border-color: #ec691c;
  background-color: #ec691c;
}

.met-head-user-toggler i {
  color: #333333;
  color: ;
}

.met-head-user li a.btn-success:hover {
  opacity: 0.8;
}

.head_nav_met_16_3.navbar-default .hamburger .hamburger-bar,
.head_nav_met_16_3.navbar-default .hamburger:after,
.head_nav_met_16_3.navbar-default .hamburger:before {
  background: #333333;
  background: ;
}

.met-langlist .btn-outline.btn-default {
  color: #ec691c;
  color: #ec691c;
  background-color: transparent;
  border-color: #ec691c;
  border-color: #ec691c;
}

.met-langlist .nav-link {
  padding: 0;
  overflow: visible;
}

.met-langlist .btn-outline.btn-default:hover,
.met-langlist .btn-outline.btn-default:active,
.met-langlist .btn-outline.btn-default:focus {
  border-color: #ec691c;
  border-color: #ec691c;
  background-color: #ec691c;
  background-color: #ec691c;
  color: #fff;
}

.met-head-user .dropdown-menu .dropdown-item:hover i {
  color: #ec691c !important;
  color: #ec691c !important;
}

.met-head-user .dropdown-menu .dropdown-item:hover {
  background: #ffffff !important;
  color: #ec691c !important;
  color: #ec691c !important;
}

#header {
  height: 40px;
  background: #ffffff;
  background-color: #faf7f7;
  width: 100%;
  -webkit-transition: background cubic-bezier(0.645, 0.045, 0.355, 1) 1.2s;
  transition: background cubic-bezier(0.645, 0.045, 0.355, 1) 1.2s;
}

#header img {
  max-width: 20px;
}

#header.header-fixed {
  position: fixed;
  top: -40px;
  z-index: 1601;
  background: #ffffff;
  background-color: #faf7f7;
  opacity: 0;
}

#header .left {
  float: left;
  list-style: none;
}

#header .right {
  float: right;
  list-style: none;
  height: 40px;
}

#header .tel {
  line-height: 40px;
  font-size: 13px;
  color: #fcfcfc;
}

#header .tel em {
  color: #ec691c;
  color: #ec691c;
  font-weight: 700;
  font-style: normal;
}

#header .right li {
  float: left;
  line-height: 40px;
  margin-left: 30px;
  position: relative;
  list-style: none;
}

#header .right li img {
  top: -2px;
  position: relative;
}

#header .right li span {
  font-size: 14px;
  color: #1c1717;
  font-weight: 700;
  margin-left: 2px;
  display: inline-block;
}

#header .head-list {
  margin: 0;
}

@media (min-width: 1200px) {
  .container {
    width: 1200px;
    padding: 0;
  }

  .row {
    margin-right: 0rem;
    margin-left: 0rem;
  }
}

@charset "utf-8";
/* 通知栏 */
.banner_met_16_3box {
  position: relative;
}

.met-index-case {
  background: rgba(0, 0, 0, 0.6);
  padding: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.met-index-case .sliderbox {
  list-style: none;
  position: relative;
  height: 20px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.met-index-case .case {
  height: 20px;
  overflow: hidden;
  position: relative;
  margin: 10px auto;
}

.met-index-case .sliderbox li a {
  text-decoration: none;
  color: #fff;
  width: 100%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.met-index-case .sliderbox li a:hover {
  color: #ec691c;
}

.met-index-case .slick-slide>div {
  float: left;
  width: 33.33333%;
  text-align: center;
  padding: 0 5px;
}

@media (max-width:767px) {
  .met-index-case {
    display: none;
  }
}

.subcolumn_nav_met_11_3 {
  text-align: center;
  background: #fffafa;
}

.overflow-visible {
  overflow: visible !important;
}

.subcolumn_nav_met_11_3.bordernone {
  border-bottom: none
}

.subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul {
  padding: 0;
  list-style: none;
  margin: 0;
  padding: 10px 0;
  text-align: center;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
}

.subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li {
  white-space: nowrap;
  display: inline-block;
  float: none
}

.subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li a.link {
  text-decoration: none;
  display: block;
  margin: 0 5px;
  font-size: 13px;
  line-height: 30px;
  text-align: center;
  padding: 0 20px;
  height: 30px;
  color: #333333;
  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_3 .subcolumn_nav_met_11_3-ul>li a.link:active,
.subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li a.link:focus,
.subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li a.link:hover {
  text-decoration: none
}

.subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li a.link:hover,
.subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li a.link.active {
  color: #fff;
  background-color: #ec691c;
  background-color: ;
}

.subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li>ul>li>a.active {
  color: #ec691c !important;
  color:  !important;
}

.subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li .dropdown-menu {
  top: 40px
}

.subcolumn_nav_met_11_3 .product-search:first-child {
  margin-top: 10px
}

.subcolumn_nav_met_11_3 .product-search .form-group {
  max-width: 500px;
}

.subcolumn_nav_met_11_3 .input-search .form-control {
  border-radius: 0;
}

.subcolumn_nav_met_11_3 .form-control.focus,
.form-control:focus {
  border-color: #ec691c;
}

.subcolumn_nav_met_11_3 .subcolumn-nav-location {
  float: left;
  font-size: 12px;
  padding: 10px 0
}

.subcolumn_nav_met_11_3 .subcolumn-nav-location .location {
  color: #333333;

.subcolumn_nav_met_11_3 .subcolumn-nav-location li {
  line-height: 30px;
  float: left
}

.subcolumn_nav_met_11_3 .subcolumn-nav-location a {
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  color: #333333;
  -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_3 .subcolumn-nav-location a:active,
.subcolumn_nav_met_11_3 .subcolumn-nav-location a:focus,
.subcolumn_nav_met_11_3 .subcolumn-nav-location a:hover {
  text-decoration: none
}

.subcolumn_nav_met_11_3 .subcolumn-nav-location a:hover {
  color: #ec691c;
}

.subcolumn_nav_met_11_3 .subcolumn-nav-location .fa {
  padding: 0 10px
}

.subcolumn_nav_met_11_3 .subcolumn-nav {
  float: right;
  width: 70%;
}

.subcolumn_nav_met_11_3 .subcolumn-nav .dropdown-menu a {
  color: #333333 !important;
}

.subcolumn_nav_met_11_3 .subcolumn-nav .dropdown-menu a:hover {
  color: #ec691c !important;
}

@media (max-width:767px) {
  .subcolumn_nav_met_11_3 {
    border-bottom: 1px solid #f0f2f5
  }

  .subcolumn_nav_met_11_3 .row {
    margin: 0
  }

  .subcolumn_nav_met_11_3 .subcolumn-nav {
    height: 54px;
    float: none
  }

  .subcolumn_nav_met_11_3 .subcolumn-nav-location {
    float: none
  }
}