﻿
/* pswp = photoswipe */
.pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1700;-webkit-text-size-adjust:100%;  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */-webkit-backface-visibility:hidden;outline:none;}
.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box;}
.pswp img{max-width:none;-webkit-transition:none;-o-transition:none;transition:none;}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity{  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
opacity:0.001;will-change:opacity;  /* for open/close transition */-webkit-transition:opacity 333ms cubic-bezier(0.4,0,0.22,1);transition:opacity 333ms cubic-bezier(0.4,0,0.22,1);}
.pswp--open{display:block;}
.pswp--zoom-allowed .pswp__img{  /* autoprefixer: off */
cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}
.pswp--zoomed-in .pswp__img{  /* autoprefixer: off */
cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;}
.pswp--dragging .pswp__img{  /* autoprefixer: off */
cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing;}

/*
  Background is added as a separate element.
  As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;opacity:0;transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity;}
.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.pswp__container,
.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0;}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}
.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;  /* for open/close transition */-webkit-transition:-webkit-transform 333ms cubic-bezier(0.4,0,0.22,1);transition:transform 333ms cubic-bezier(0.4,0,0.22,1);}
.pswp__bg{will-change:opacity;for open/close transition
-webkit-transition:opacity 333ms cubic-bezier(0.4,0,0.22,1);transition:opacity 333ms cubic-bezier(0.4,0,0.22,1);}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none;}
.pswp__container,
.pswp__zoom-wrap{-webkit-backface-visibility:hidden;}
.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0;}

/*
  stretched thumbnail or div placeholder element (see below)
  style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder{-webkit-backface-visibility:hidden;}

/*
  div element that matches size of large image
  large image loads on top of it
*/
.pswp__img--placeholder--blank{background:#222;}
.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0;}

/*
  Error message appears when image is not loaded
  (JS option errorMsg controls markup)
*/
.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#777;}
.pswp__error-msg a{color:#333;text-decoration:underline;}/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */

/*
Contents:
1. Buttons
2. Share modal and links
3. Index indicator ("1 of X" counter)
4. Caption
5. Loading indicator
6. Additional styles (root element, top bar, idle state, hidden state, etc.)
*/

/*
1. Buttons
*/

/* <button> css reset */
.pswp__button{width:44px;height:44px;position:relative;background:none;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:0.75;-webkit-transition:opacity 0.2s;transition:opacity 0.2s;-webkit-box-shadow:none;box-shadow:none;outline:none;}
.pswp__button:focus,
.pswp__button:hover{opacity:1;}
.pswp__button:active{outline:none;opacity:0.9;}
.pswp__button::-moz-focus-inner{padding:0;border:0;}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */

/* 按钮样式自定义 */
[class*=pswp__button--rotate]{background:none!important;outline:none!important;}
[class*=pswp__button--rotate] .icon{top:1px;font-size:17px;font-weight:400;color:#555;}
.pswp__ui--over-close .pswp__button--close{opacity:1;}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before{background:url('https://show.metinfo.cn/m/mui169/341/public/ui/v2/static/plugin/PhotoSwipe/default-skin/default-skin.png') 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px;}
@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){

  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before{background-image:url('https://show.metinfo.cn/m/mui169/341/public/ui/v2/static/plugin/PhotoSwipe/default-skin/default-skin.svg');}
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right{background:none;}
  [class*=pswp__button--rotate]{opacity:.75;}
}
.pswp__button--close{background-position:0 -44px;}
.pswp__button--share{background-position:-44px -44px;}
.pswp__button--fs{display:none;}
.pswp--supports-fs .pswp__button--fs{display:block;}
.pswp--fs .pswp__button--fs{background-position:-44px 0;}
.pswp__button--zoom{display:none;background-position:-88px 0;}
.pswp--zoom-allowed .pswp__button--zoom{display:block;}
.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0;}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right{visibility:hidden;}

/*
Arrow buttons hit area
(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right{background:none;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute;}
.pswp__button--arrow--left{left:0;}
.pswp__button--arrow--right{right:0;}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,0.1);height:30px;width:32px;position:absolute;}
.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px;}
.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px;}

/*
2. Share modal/popup and links
*/
.pswp__counter,
.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.pswp__share-modal{display:block;background:rgba(0,0,0,0.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity 0.25s ease-out;transition:opacity 0.25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity;}
.pswp__share-modal--hidden{display:none;}
.pswp__share-tooltip{z-index:1620;position:absolute;background:#FFF;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.25);box-shadow:0 2px 5px rgba(0,0,0,0.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform 0.25s;transition:transform 0.25s;-webkit-backface-visibility:hidden;will-change:transform;}
.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px;}
.pswp__share-tooltip a:hover{text-decoration:none;color:#000;}
.pswp__share-tooltip a:first-child{      /* round corners on the first/last list item */
border-radius:2px 2px 0 0;}
.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px;}
.pswp__share-modal--fade-in{opacity:1;}
.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a{padding:16px 12px;}
a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#FFF;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none;}
a.pswp__share--facebook:hover{background:#3E5C9A;color:#FFF;}
a.pswp__share--facebook:hover:before{border-bottom-color:#3E5C9A;}
a.pswp__share--twitter:hover{background:#55ACEE;color:#FFF;}
a.pswp__share--pinterest:hover{background:#CCC;color:#CE272D;}
a.pswp__share--download:hover{background:#DDD;}

/*
3. Index indicator ("1 of X" counter)
*/
.pswp__counter{position:absolute;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#555;opacity:0.75;padding:0 10px;}

/*
4. Caption
*/
.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px;}
.pswp__caption small{font-size:11px;color:#777;}
.pswp__caption__center{text-align:center;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#333;}
.pswp__caption--empty{display:none;}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake{visibility:hidden;}

/*
5. Loading indicator (preloader)
You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
*/
.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity 0.25s ease-out;transition:opacity 0.25s ease-out;will-change:opacity;direction:ltr;}
.pswp__preloader__icn{width:20px;height:20px;margin:12px;}
.pswp__preloader--active{opacity:1;}
.pswp__preloader--active .pswp__preloader__icn{    /* We use .gif in browsers that don't support CSS animation */
background:url('https://show.metinfo.cn/m/mui169/341/public/ui/v2/static/plugin/PhotoSwipe/default-skin/preloader.gif') 0 0 no-repeat;}
.pswp--css_animation .pswp__preloader--active{opacity:1;}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise 500ms linear infinite;animation:clockwise 500ms linear infinite;}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1000ms cubic-bezier(0.4,0,0.22,1) infinite;animation:donut-rotate 1000ms cubic-bezier(0.4,0,0.22,1) infinite;}
.pswp--css_animation .pswp__preloader__icn{background:none;opacity:0.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0;}
.pswp--css_animation .pswp__preloader__cut{  /*
  The idea of animating inner circle is based on Polymer ("material") loading indicator
  by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
  */
position:relative;width:7px;height:14px;overflow:hidden;}
.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #FFF;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:none;margin:0;}
@media screen and (max-width:1024px){
  .pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right;}
}
@-webkit-keyframes clockwise{
  0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
  100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes clockwise{
  0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
  100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-webkit-keyframes donut-rotate{
  0%{-webkit-transform:rotate(0);transform:rotate(0);}
  50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg);}
  100%{-webkit-transform:rotate(0);transform:rotate(0);}
}
@keyframes donut-rotate{
  0%{-webkit-transform:rotate(0);transform:rotate(0);}
  50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg);}
  100%{-webkit-transform:rotate(0);transform:rotate(0);}
}

/*
6. Additional styles
*/

/* root element of UI */
.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550;}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%;}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(0.4,0,0.22,1);transition:opacity 333ms cubic-bezier(0.4,0,0.22,1);}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right{visibility:visible;}
.pswp__top-bar,
.pswp__caption{background-color:rgba(255,255,255,0.8);}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption{background-color:rgba(255,255,255,0.8);}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */

/*.pswp__ui--idle .pswp__top-bar{opacity:0;}*/
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right{opacity:0;}

/*
pswp__ui--hidden class is added when controls are hidden
e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right{  /* Force paint & create composition layer for controls. */
opacity:0.001;}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter{display:none;}
.pswp__element--disabled{display:none!important;}
.pswp--minimal--dark .pswp__top-bar{background:none;}
body.met-navfixed { padding-top: 60px }
.navbar-shadow { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); }
.head_nav_met_11_1 { min-height: 60px; margin-bottom: 0; box-shadow: none; background-color: ; }
.head_nav_met_11_1 .met-head-user { margin-left: 15px; }
.head_nav_met_11_1.navbar-shadow { -webkit-box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.2); -webkit-animation-duration: .7s; animation-duration: .7s }
.head_nav_met_11_1.navbar-fixed-top .navbar-right { margin-right: 0 }
.head_nav_met_11_1 .met-logo { height: 60px; margin: 0; margin-left: 0; padding: 0; display: block }
.head_nav_met_11_1 .met-logo img { max-height: 50px }
.head_nav_met_11_1 .nav-item .nav-link { color: #333333; color: ; }
.head_nav_met_11_1 .dropdown.open>a, .head_nav_met_11_1 .nav li a.active { color: #524741 !important; color:  !important; background-color: transparent !important; }
.head_nav_met_11_1 .nav-item .nav-link:after { content: ''; width: 0; background-color: #524741; background-color: ; left: 0; position: absolute; top: 0; height: 2px; -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1); transition: all .66s cubic-bezier(.17, .84, .44, 1); z-index: 1; border: none; margin: 0; }
.head_nav_met_11_1 .nav-item .nav-link.active:after { width: 100%; }
.head_nav_met_11_1 .nav-item .nav-link:hover:after { width: 100%; }
.head_nav_met_11_1 .nav-item .nav-link i { -webkit-transition: all .3s ease-out; transition: all .3s ease-out; margin-left: 5px; }
.head_nav_met_11_1 #met-head-user-collapse { line-height: 60px; }
.head_nav_met_11_1 #met-head-user-collapse .btn-primary { color: #333333; color: ; background-color: transparent; border-color: #333333; border-color: ; padding: 4px 10px; -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1); transition: all .66s cubic-bezier(.17, .84, .44, 1); }
.head_nav_met_11_1 #met-head-user-collapse .btn-primary:hover { color: #fff; background-color: #524741; background-color: ; border-color: #524741; border-color: ; }
.head_nav_met_11_1 #met-head-user-collapse .btn-success { color: #333333; color: ; background-color: transparent; border-color: #333333; border-color: ; padding: 4px 10px; -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1); transition: all .66s cubic-bezier(.17, .84, .44, 1); }
.head_nav_met_11_1 #met-head-user-collapse .btn-success:hover { color: #fff; background-color: #524741; background-color: ; border-color: #524741; border-color: ; }
.head_nav_met_11_1 .dropdown-item { color: #333333; color: ; }
.head_nav_met_11_1 .overflow-visible { overflow: visible !important; }
.head_nav_met_11_1 .navlist-2 { opacity: 0; transform: translateY(-10%); }
.head_nav_met_11_1 .navbar-toggle { height: 60px; float: right }
.head_nav_met_11_1 .nav>li>a { color: #524741; color: ; }
.head_nav_met_11_1 .nav>li>a i { -webkit-transition: all .3s ease-out; transition: all .3s ease-out }
.head_nav_met_11_1 .nav li .link.active:after { content: ''; width: 100%; background-color: #524741; background-color: ; left: 0; position: absolute; top: 0; height: 2px; -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1); transition: all .66s cubic-bezier(.17, .84, .44, 1); z-index: -1 }
.head_nav_met_11_1 .nav>li>.link:after { content: ''; width: 0; background-color: #524741; background-color: ; left: 0; position: absolute; top: 0; height: 2px; -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1); transition: all .66s cubic-bezier(.17, .84, .44, 1); z-index: -1 }
.head_nav_met_11_1 .nav>li>.link:hover:after { content: ''; width: 100%; background-color: #524741; background-color: ; left: 0; position: absolute; top: 0; height: 2px; -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1); transition: all .66s cubic-bezier(.17, .84, .44, 1); z-index: -1 }
.head_nav_met_11_1 .nav>li>a:hover, .head_nav_met_11_1 .dropdown.open>a { color: #524741 !important; color:  !important; background-color: transparent !important; }
.head_nav_met_11_1 .head_nav_met_11_1-login { padding-top: 15px; text-align: center }
.head_nav_met_11_1 .dropdown-menu { background-color: #ffffff !important; background-color:  !important; }
.head_nav_met_11_1 .dropdown-item { color:  !important; color:  !important; }
.head_nav_met_11_1 .nav li .dropdown-item:hover, .head_nav_met_11_1 .nav li .dropdown-item.active { background-color: #f2f2f2 !important; color: #666666 !important; color:  !important; }
.head_nav_met_11_1 .dropdown-menu>li>a { overflow: hidden; -webkit-transition: all .3s ease-out; transition: all .3s ease-out }
.head_nav_met_11_1 .dropdown-menu>li>a:hover { background: #f2f2f2 none repeat scroll 0 0; text-indent: 5px; -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1); transition: all .66s cubic-bezier(.17, .84, .44, 1); }
.head_nav_met_11_1 .met-langlist { line-height: 60px; position: relative; }
.head_nav_met_11_1 .met-langlist a { line-height: 21px; }
.head_nav_met_11_1 .met-langlist .btn { color: #333333; color: ; border-color: #333333; border-color: ; }
.head_nav_met_11_1 .met-langlist .dropdown-menu { min-width: 100%; }
.head_nav_met_11_1 .met-langlist .btn:hover, .head_nav_met_11_1 .met-langlist .btn:focus, .head_nav_met_11_1 .met-langlist .btn:active { color: #fff; background-color: #524741; background-color: ; border-color: #524741; border-color: ; }
.head_nav_met_11_1 .navhover-bg, .met-head-user .dropdown > a { background: transparent; color: #333333; color: ; }
.head_nav_met_11_1 .met-head-user i { color: #333333; color: ; }
.head_nav_met_11_1 .met-head-user .dropdown-item { line-height: 22px; }
.head_nav_met_11_1 .met-head-user .dropdown-item i { color: #333333; color: ; }
.navbar-toggler::before{

}
@media (min-width:768px) {
    .head_nav_met_11_1 .nav>li>a { padding: 0; height: 60px; line-height: 60px }
    .head_nav_met_11_1 .dropdown-menu { top: 48px; border-radius: 0; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); }
    .head_nav_met_11_1 .dropdown-menu .dropdown-submenu>a:after { display: none }
    .head_nav_met_11_1 .dropdown-menu .dropdown-submenu>a i { position: absolute; right: 10px }
    .head_nav_met_11_1 .dropdown-menu.bullet { top: 60px }
    .head_nav_met_11_1 .head_nav_met_11_1-login { height: 60px; padding-top: 0; margin-left: 10px }
    .head_nav_met_11_1 .nav-item .nav-link:hover i, .head_nav_met_11_1 .dropdown.open>a i { -webkit-transform: rotate(180deg); transform: rotate(180deg); color: #524741; color: ; }
}
@media (max-width:991px) {
    .head_nav_met_11_1 .dropdown-menu .dropdown-submenu>a:after { display: none }
    .head_nav_met_11_1 .dropdown-menu .dropdown-submenu>a>i { float: right }
    .head_nav_met_11_1 .met-logo img { max-width: 180px;}
    .head_nav_met_11_1 .nav>li>a>i { float: right }
}
@media (max-width:767px) {
    body.met-navfixed { padding-top: 66px; }
    .head_nav_met_11_1 .met-langlist { padding: 0 15px; }
    .head_nav_met_11_1 .nav>li { margin-left: 0 !important }
    .head_nav_met_11_1 .dropdown-menu>li>.dropdown-menu>li>a { padding-left: 40px }
    .head_nav_met_11_1 .dropdown-menu.bullet:before, .head_nav_met_11_1 .dropdown-menu.bullet:after { display: none }
    .head_nav_met_11_1 .dropdown.open>a i { -webkit-transform: rotate(180deg); transform: rotate(180deg); color: #524741; color: ; }
    .head_nav_met_11_1 .navbar-collapse-toolbar.in { max-height: 480px; overflow-y: scroll; -webkit-box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.2); box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.2) }
    .head_nav_met_11_1 .met-logo { float: none; max-width: 180px; margin-left: 15px; }
    .head_nav_met_11_1 .navbar-collapse-toolbar { width: 100%; padding: 20px !important; }
    .head_nav_met_11_1 .nav>li>a { padding: 10px 15px; line-height: 25px }
    .head_nav_met_11_1 .nav li .link.active:after { height: 1px; bottom: 0; top: auto; left: 15px }
    .head_nav_met_11_1 .nav>li>.link:after { height: 1px; bottom: 0; top: auto; left: 15px }
    .head_nav_met_11_1 .nav>li>.link:hover:after { height: 1px; bottom: 0; top: auto; left: 15px }
    .head_nav_met_11_1 .met-head-user { width: 100%; margin: 0; }
    .head_nav_met_11_1 .navbar-toggler { color: #333333; color: ; }
    .head_nav_met_11_1 .navbar-toggler::before,.head_nav_met_11_1 .navbar-toggler::after { background: #333333!important; background: !important; }
    .head_nav_met_11_1 .navbar-toggler .hamburger-bar{
        background: #333333!important; background: !important;
    }

}

@charset "utf-8";
/* 轮播图 */
.banner_met_16_1{width:100%;height:auto;display:table;}
.banner_met_16_1.fixedheight{display:-moz-deck;}
.banner_met_16_1.fixedheight .slick-slide{height:100%;}
.banner_met_16_1.fixedheight .slick-slide img{width:auto;height:100%;position:absolute;left:50%;top:0;transform:translateX(-50%);}
@media screen\0{
    .banner_met_16_1.fixedheight .slick-slide img{left:0;width:100%;}
}
.banner_met_16_1.banner-ny-h{height:150px;}
.banner_met_16_1.banner-ny-h .slick-slide img{min-height:100px;}
@media (max-width:991px){
    .banner_met_16_1.banner-ny-h{height:100px;}
}
.banner_met_16_1 .slick-slide{display:block;width:100%;}
.banner_met_16_1.slick-slider{display:block;}
.banner_met_16_1:hover .slick-arrow{display:block!important;}
.banner_met_16_1 .slick-list,
.banner_met_16_1 .slick-track{height:100%;}
.banner_met_16_1 .slick-prev:before,.banner_met_16_1 .slick-next:before{display:none;}
.banner_met_16_1 .slick-slide{height:auto;position:relative;overflow:hidden;}
.banner_met_16_1 .slick-slide a{width:100%;height:100%;display:block;position:absolute;left:0;top:0;z-index:13;}
.banner_met_16_1 .slick-slide img{min-height:100px;object-fit: cover;}
.banner_met_16_1 .slick-slide img[data-lazy]{max-height:150px;}
.banner_met_16_1 .slick-slide img{display: none;}
.banner_met_16_1 .slick-slide:nth-child(1) img{ display: block!important;height: auto; }
.banner_met_16_1 .slick-arrow{width:15%;height:100%;display:none!important;z-index: 1;}
.banner_met_16_1 .slick-arrow.slick-prev{background:rgba(0,0,0,0.24995);background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background:linear-gradient(left,rgba(0,0,0,.5) 0%,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#80000000,endColorStr=#00000000,GradientType=1);}
@media screen\0{
    .banner_met_16_1 .slick-arrow.slick-prev{background:rgba(0,0,0,.001);}
}
.banner_met_16_1 .slick-arrow.slick-next{background:rgba(0,0,0,-0.24995);background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background:linear-gradient(left,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#00000000,endColorStr=#80000000,GradientType=1);}
@media screen\0{
    .banner_met_16_1 .slick-arrow.slick-next{background:rgba(0,0,0,.001);}
}
.banner_met_16_1 .slick-arrow i{font-size:40px;color:#fff!important;}
.banner_met_16_1 .slick-dots{margin:0;bottom:20px;}
.banner_met_16_1 .slick-dots li{margin:0 2px;}

@media (max-width:767px){
    .banner_met_16_1{min-height:auto;}
    .banner_met_16_1 .slick-slide img{min-height:auto;}
    .banner_met_16_1 .slick-dots{bottom:5px;}
    .banner_met_16_1 .slick-dots li{width:15px;height:15px;margin:0;}
}
.banner_met_16_1 .banner-text{width:100%;height:100%;position:absolute;left:0;top:0;z-index:12;}
.banner_met_16_1 .banner-text .container{height:100%;display:table;text-align:center;}
.banner_met_16_1 .banner-text .container .banner-text-con{display:table-cell;vertical-align:middle;}
.banner_met_16_1 .banner-text.p-0 .container{text-align:left;}
.banner_met_16_1 .banner-text.p-0 .container .banner-text-con div{width:60%;float:left;}
.banner_met_16_1 .banner-text.p-1 .container{text-align:right;}
.banner_met_16_1 .banner-text.p-1 .container .banner-text-con div{width:60%;float:right;}
.banner_met_16_1 .banner-text.p-2{top:10%;}
.banner_met_16_1 .banner-text.p-2 .container .banner-text-con{vertical-align:top;}
.banner_met_16_1 .banner-text.p-3{top:auto;bottom:10%;}
.banner_met_16_1 .banner-text.p-3 .container .banner-text-con{vertical-align:bottom;}
.banner_met_16_1 .banner-text.p-2 .container .banner-text-con div,
.banner_met_16_1 .banner-text.p-3 .container .banner-text-con div,
.banner_met_16_1 .banner-text.p-4 .container .banner-text-con div{width:60%;display:inline-block;}
.banner_met_16_1 .banner-text h4,
.banner_met_16_1 .banner-text p{color:#fff;}
.banner_met_16_1 .banner-text h4{margin:0;font-size:30px;}
.banner_met_16_1 .banner-text p{font-size:36px;margin:20px 0 0;text-shadow:none;}
.banner_met_16_1 .banner-text .btn{margin-top:30px;font-size:20px;}
@media (max-width:991px){
    .banner_met_16_1 .banner-text h4{font-size:20px;}
    .banner_met_16_1 .banner-text p{font-size:30px;}
}
@media (max-width:767px){
    .banner_met_16_1 .banner-text .container{width:100%;}
    .banner_met_16_1 .banner-text.p-4 .container .banner-text-con{width:100%;}
    .banner_met_16_1 .banner-text h4{font-size:18px;}
    .banner_met_16_1 .banner-text p{margin-top:15px;font-size:24px;}
    .banner_met_16_1 .banner-text .btn{margin-top:20px;font-size:16px;}
}
@media (max-width:479px){
    .banner_met_16_1 .banner-text h4{font-size:16px;}
    .banner_met_16_1 .banner-text p{margin-top:10px;font-size:20px;}
}
/* 内页轮播图 */
.banner_met_16_1-ny{height:120px;background:#ffffff;background:;}
.banner_met_16_1-ny h1,
.banner_met_16_1-ny h2{margin:0px;padding:10px 30px;font-size:35px;text-shadow:none;color:;font-weight: 300;}

.foot_nav_met_11_1 { padding: 40px 0px; background: ; }
@media (max-width:991px) {
	.foot_nav_met_11_1 { padding: 30px 0; }
	.foot_nav_met_11_1 .list { margin-bottom: 20px; }
}
@media (max-width:767px) {
	.foot_nav_met_11_1 { padding: 20px 0; }
	.foot_nav_met_11_1 .list { margin-bottom: 15px; }
}
.foot_nav_met_11_1 .list h4 { text-shadow: none; }
.foot_nav_met_11_1 .list h4 a { color: #333333; color: ; }
.foot_nav_met_11_1 .list ul li { margin-bottom: 3px; list-style: none; padding: 0; }
.foot_nav_met_11_1 .info em { font-style: normal; }
.foot_nav_met_11_1 .info>a { display: inline-block; color: #333333 !important; color:  !important; transition: all .66s cubic-bezier(.17, .84, .44, 1); width: 35px; height: 30px; margin: 0 10px; background: #666666; background: ; }
.foot_nav_met_11_1 .info p {color: #666666; color: ; }
.foot_nav_met_11_1 .info em a { display: inline-block; color: #333333; color: ; transition: all .66s cubic-bezier(.17, .84, .44, 1); padding: 5px; }
.foot_nav_met_11_1 .info em a:hover { background: #524741; background: ; color: #fff; text-decoration: none; }
.foot_nav_met_11_1 .info i { font-size: 20px; cursor: pointer; width: 30px; color: #fff !important; height: 30px; }
.foot_nav_met_11_1 .info>a:hover { text-decoration: none; background: #524741; background: ; color: #fff; }
.foot_nav_met_11_1 .info>a:hover i { color: #fff; }
.foot_nav_met_11_1 .list ul li a { color: #666666; color: ;width: 100%;display: block;
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.foot_nav_met_11_1 .list ul { padding: 0; }


.foot_info_met_11_1 { line-height: 1.8; background-color: ; }
.foot_info_met_11_1 p { margin-bottom: 0px; color: #333333; color: ; }
.foot_info_met_11_1 p img { max-width: 100%; height: auto !important; }
.foot_info_met_11_1 .powered_by_metinfo { color: #666666; color: ; }
.foot_info_met_11_1 .met-langlist .btn-lang { background: transparent; color: #333333; color: ; border-color: #333333; border-color: ; }
.foot_info_met_11_1 .met-langlist .btn-lang:hover, .foot_info_met_11_1 .met-langlist .btn-lang:focus, .foot_info_met_11_1 .met-langlist .btn-lang:active { color: #fff; border-color: #524741; border-color: ; background-color: #524741; background-color: ; }
.foot_info_met_11_1 .met-langlist .dropdown-menu .dropdown-item { color: #333333; color: ; }
.foot_info_met_11_1 .met-langlist { margin-top: 10px; }
.foot_info_met_11_1 .met-langlist .btn-lang .flag-icon { margin-right: 3px; }
.foot_info_met_11_1 .met-langlist .dropdown-menu { min-width: 0; }
.foot_info_met_11_1 .met-langlist .dropdown-menu .dropdown-item { white-space: nowrap; }
.foot_info_met_11_1 .met-langlist .dropdown-menu { min-width: 100%; }
@media (max-width:479px) {
	.met-langlist .btn-lang { padding-left: 5px; padding-right: 5px; }
}
.foot_info_met_11_1 #met-langlist-modal .modal-body .close { position: absolute; right: 10px; top: 0px; }
.foot_info_met_11_1 #met-langlist-modal a.btn { border: none; font-size: 16px; height: 50px; line-height: 50px; }
.foot_info_met_11_1 #met-langlist-modal .flag-icon { margin-right: 8px; top: 7px; font-size: 30px; }


@charset "utf-8";
/* 返回顶部 */
.back_top_met_16_1.met-scroll-top{position:fixed;right:10px;bottom:10px;z-index:10;}
.back_top_met_16_1.met-scroll-top{border-color: #ffffff;
    background-color: #ffffff;border-color: #524741;
    background-color: #524741;color: #ffffff;}
.back_top_met_16_1.met-scroll-top:hover,.back_top_met_16_1.met-scroll-top:focus{
    border-color: #524741;
    background-color: #524741;border-color: #524741;
    background-color: #524741;color: #ffffff;
}

@charset "utf-8";
/* 详情页-通用 */
.news_list_detail_met_16_1.met-shownews{
	padding: 30px 0;
	background: ;
}
.news_list_detail_met_16_1.met-shownews .met-shownews-body{
	background:#ffffff;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.news_list_detail_met_16_1 .border-bottom1,.news_list_detail_met_16_1 .border-top1,.news_list_detail_met_16_1 .met-page .pagination li a{border-color: #666666;border-color: ;}
.news_list_detail_met_16_1 .details-title{padding:20px;}
.news_list_detail_met_16_1 .details-title h1{font-size:30px;line-height:1.5;color: #333333;color: ;}
.news_list_detail_met_16_1 .details-title .info{font-size:16px;color:;}
.news_list_detail_met_16_1 .details-title .info span{padding-right:10px;}
.news_list_detail_met_16_1 .met-page .pagination li a{color:#666666; color:;}
.news_list_detail_met_16_1 .page-link:focus,.news_list_detail_met_16_1 .page-link:hover{background-color: transparent;background-color: ; }
@media (min-width:768px){
  .news_list_detail_met_16_1.met-shownews.right .met-shownews-body{float: right;}
  .news_list_detail_met_16_1.met-shownews.right .met-sidebar{margin-left: 0px;margin-right: 30px;}
}
@media (max-width:767px){
	.news_list_detail_met_16_1 .details-title{padding-bottom:10px;}
	.news_list_detail_met_16_1 .details-title h1{font-size:24px;}
	.news_list_detail_met_16_1 .details-title .info{font-size:14px;}
}
@media (max-width:349px){
	.news_list_detail_met_16_1 .details-title h1{font-size:20px;}
}
.news_list_detail_met_16_1 .met-editor {
    padding: 30px;
    width: 100%;
    max-width: 100%;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.8;
    color: #222;
    word-wrap: break-word;
}
.tag{font-size:14px;color: #333333;color:;padding:0 30px 30px;}
.tag a{color: #333333;color:;padding:5px;}
.tag a:hover{color:#524741;color:;}
.met-page{padding-top:0 !important;}
.met-page a:hover{color:#524741 !important;color: !important;}
.met-page .pagination li a{white-space: nowrap;text-overflow: ellipsis;
    overflow: hidden;}

@charset "utf-8";
/* 侧栏 */
.sidebar_met_16_1.met-sidebar{margin-left:30px;padding: 20px;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);background-color: #ffffff;}
.sidebar_met_16_1.met-sidebar .list-group-item{background-color: #ffffff;border-color: #f0f2f5;}
@media (max-width:991px){
	.sidebar_met_16_1.met-sidebar{margin-left:10px;margin-top:0px;}
}
@media (max-width:767px){
	.sidebar_met_16_1.met-sidebar{margin-top:15px;margin-left:0;margin-top: 0;}
}
.sidebar_met_16_1.met-sidebar >:not(:first-child){margin:20px 0 0;padding:20px 0 0;border-top:1px solid #f0f2f5;}
.sidebar_met_16_1 .leftsidebar{margin-left:0!important;margin-right:30px;}
@media (max-width:991px){
	.sidebar_met_16_1 .leftsidebar{margin-right:0px;}
}
.sidebar_met_16_1 .sidebar-column li a{display:block;font-size:16px;}
.sidebar_met_16_1 .sidebar-column li i{float:right;margin-top:2px;font-size:14px;}
.sidebar_met_16_1 .sidebar-column li ul a{font-size:14px;}
.sidebar_met_16_1 .sidebar-news-list h3{color:#333333;}
.sidebar_met_16_1 .sidebar-news-list h3{color:;}
.sidebar_met_16_1 .sidebar-news-list .list-group a{color:#333333;color:;}

.sidebar_met_16_1 .sidebar-column li a{color:#333333;}
.sidebar_met_16_1 .sidebar-column li a{color:;}

.sidebar_met_16_1 .sidebar-column li a:hover,.sidebar_met_16_1 .sidebar-column li a.active{color:#524741;color:;}
.sidebar_met_16_1 .sidebar-news-list li a:hover{color: #524741;color:;}
.sidebar_met_16_1 .form-control.focus,.sidebar_met_16_1 .form-control:focus{border-color: #524741;color:;}