/** Font Awesome 4 Compatibility **/
   .fa {
       font-style: normal;
       font-variant: normal;
       font-weight: normal;
       font-family: FontAwesome;
   }

   /** UberMenu Responsive Styles (Breakpoint Setting) **/
   @media screen and (min-width: 992px) {
       .ubermenu {
           display: block !important;
       }

       .ubermenu-responsive .ubermenu-item.ubermenu-hide-desktop {
           display: none !important;
       }

       .ubermenu-responsive.ubermenu-retractors-responsive .ubermenu-retractor-mobile {
           display: none;
       }

       /* Force current submenu always open but below others */
       .ubermenu-force-current-submenu .ubermenu-item-level-0.ubermenu-current-menu-item>.ubermenu-submenu-drop,
       .ubermenu-force-current-submenu .ubermenu-item-level-0.ubermenu-current-menu-ancestor>.ubermenu-submenu-drop {
           display: block !important;
           opacity: 1 !important;
           visibility: visible !important;
           margin: 0 !important;
           top: auto !important;
           height: auto;
           z-index: 19;
       }

       /* Invert Horizontal menu to make subs go up */
       .ubermenu-invert.ubermenu-horizontal .ubermenu-item-level-0>.ubermenu-submenu-drop {
           top: auto;
           bottom: 100%;
       }

       .ubermenu-invert.ubermenu-horizontal.ubermenu-sub-indicators .ubermenu-item-level-0.ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
           transform: rotate(180deg);
       }

       /* Make second level flyouts fly up */
       .ubermenu-invert.ubermenu-horizontal .ubermenu-submenu .ubermenu-item.ubermenu-active>.ubermenu-submenu-type-flyout {
           top: auto;
           bottom: 0;
       }

       /* Clip the submenus properly when inverted */
       .ubermenu-invert.ubermenu-horizontal .ubermenu-item-level-0>.ubermenu-submenu-drop {
           clip: rect(-5000px, 5000px, auto, -5000px);
       }

       /* Invert Vertical menu to make subs go left */
       .ubermenu-invert.ubermenu-vertical .ubermenu-item-level-0>.ubermenu-submenu-drop {
           right: 100%;
           left: auto;
       }

       .ubermenu-invert.ubermenu-vertical.ubermenu-sub-indicators .ubermenu-item-level-0.ubermenu-item-has-children>.ubermenu-target>.ubermenu-sub-indicator {
           right: auto;
           left: 10px;
           transform: rotate(90deg);
       }

       .ubermenu-vertical.ubermenu-invert .ubermenu-item>.ubermenu-submenu-drop {
           clip: rect(-5000px, 5000px, 5000px, -5000px);
       }

       /* Vertical Flyout > Flyout */
       .ubermenu-vertical.ubermenu-invert.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target {
           padding-left: 25px;
       }

       .ubermenu-vertical.ubermenu-invert .ubermenu-item>.ubermenu-target>.ubermenu-sub-indicator {
           right: auto;
           left: 10px;
           transform: rotate(90deg);
       }

       .ubermenu-vertical.ubermenu-invert .ubermenu-item>.ubermenu-submenu-drop.ubermenu-submenu-type-flyout,
       .ubermenu-vertical.ubermenu-invert .ubermenu-submenu-type-flyout>.ubermenu-item>.ubermenu-submenu-drop {
           right: 100%;
           left: auto;
       }

       .ubermenu-responsive-toggle {
           display: none;
       }
   }

   @media screen and (max-width: 991px) {

       .ubermenu-responsive-toggle,
       .ubermenu-sticky-toggle-wrapper {
           display: block;
       }

       .ubermenu-responsive {
           width: 100%;
           max-height: 500px;
           visibility: visible;
           overflow: visible;
           -webkit-transition: max-height 1s ease-in;
           transition: max-height .3s ease-in;
       }

       .ubermenu-responsive.ubermenu-items-align-center {
           text-align: left;
       }

       .ubermenu-responsive.ubermenu {
           margin: 0;
       }

       .ubermenu-responsive.ubermenu .ubermenu-nav {
           display: block;
       }

       .ubermenu-responsive.ubermenu-responsive-nocollapse,
       .ubermenu-repsonsive.ubermenu-no-transitions {
           display: block;
           max-height: none;
       }

       .ubermenu-responsive.ubermenu-responsive-collapse {
           max-height: none;
           visibility: visible;
           overflow: visible;
       }

       .ubermenu-responsive.ubermenu-responsive-collapse {
           max-height: 0;
           overflow: hidden !important;
           visibility: hidden;
       }

       .ubermenu-responsive.ubermenu-in-transition,
       .ubermenu-responsive.ubermenu-in-transition .ubermenu-nav {
           overflow: hidden !important;
           visibility: visible;
       }

       .ubermenu-responsive.ubermenu-responsive-collapse:not(.ubermenu-in-transition) {
           border-top-width: 0;
           border-bottom-width: 0;
       }

       .ubermenu-responsive.ubermenu-responsive-collapse .ubermenu-item .ubermenu-submenu {
           display: none;
       }

       .ubermenu-responsive .ubermenu-item-level-0 {
           width: 50%;
       }

       .ubermenu-responsive.ubermenu-responsive-single-column .ubermenu-item-level-0 {
           float: none;
           clear: both;
           width: 100%;
       }

       .ubermenu-responsive .ubermenu-item.ubermenu-item-level-0>.ubermenu-target {
           border: none;
           box-shadow: none;
       }

       .ubermenu-responsive .ubermenu-item.ubermenu-has-submenu-flyout {
           position: static;
       }

       .ubermenu-responsive.ubermenu-sub-indicators .ubermenu-submenu-type-flyout .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
           transform: rotate(0);
           right: 10px;
           left: auto;
       }

       .ubermenu-responsive .ubermenu-nav .ubermenu-item .ubermenu-submenu.ubermenu-submenu-drop {
           width: 100%;
           min-width: 100%;
           max-width: 100%;
           top: auto;
           left: 0 !important;
       }

       .ubermenu-responsive.ubermenu-has-border .ubermenu-nav .ubermenu-item .ubermenu-submenu.ubermenu-submenu-drop {
           left: -1px !important;
           /* For borders */
       }

       .ubermenu-responsive .ubermenu-submenu.ubermenu-submenu-type-mega>.ubermenu-item.ubermenu-column {
           min-height: 0;
           border-left: none;
           float: left;
           /* override left/center/right content alignment */
           display: block;
       }

       .ubermenu-responsive .ubermenu-item.ubermenu-active>.ubermenu-submenu.ubermenu-submenu-type-mega {
           max-height: none;
           height: auto;
           /*prevent overflow scrolling since android is still finicky*/
           overflow: visible;
       }

       .ubermenu-responsive.ubermenu-transition-slide .ubermenu-item.ubermenu-in-transition>.ubermenu-submenu-drop {
           max-height: 1000px;
           /* because of slide transition */
       }

       .ubermenu .ubermenu-submenu-type-flyout .ubermenu-submenu-type-mega {
           min-height: 0;
       }

       .ubermenu.ubermenu-responsive .ubermenu-column,
       .ubermenu.ubermenu-responsive .ubermenu-column-auto {
           min-width: 50%;
       }

       .ubermenu.ubermenu-responsive .ubermenu-autoclear>.ubermenu-column {
           clear: none;
       }

       .ubermenu.ubermenu-responsive .ubermenu-column:nth-of-type(2n+1) {
           clear: both;
       }

       .ubermenu.ubermenu-responsive .ubermenu-submenu-retractor-top:not(.ubermenu-submenu-retractor-top-2) .ubermenu-column:nth-of-type(2n+1) {
           clear: none;
       }

       .ubermenu.ubermenu-responsive .ubermenu-submenu-retractor-top:not(.ubermenu-submenu-retractor-top-2) .ubermenu-column:nth-of-type(2n+2) {
           clear: both;
       }

       .ubermenu-responsive-single-column-subs .ubermenu-submenu .ubermenu-item {
           float: none;
           clear: both;
           width: 100%;
           min-width: 100%;
       }

       .ubermenu.ubermenu-responsive .ubermenu-tabs,
       .ubermenu.ubermenu-responsive .ubermenu-tabs-group,
       .ubermenu.ubermenu-responsive .ubermenu-tab,
       .ubermenu.ubermenu-responsive .ubermenu-tab-content-panel {
           /** TABS SHOULD BE 100%  ACCORDION */
           width: 100%;
           min-width: 100%;
           max-width: 100%;
           left: 0;
       }

       .ubermenu.ubermenu-responsive .ubermenu-tabs,
       .ubermenu.ubermenu-responsive .ubermenu-tab-content-panel {
           min-height: 0 !important;
           /* Override Inline Style from JS */
       }

       .ubermenu.ubermenu-responsive .ubermenu-tabs {
           z-index: 15;
       }

       .ubermenu.ubermenu-responsive .ubermenu-tab-content-panel {
           z-index: 20;
       }

       /* Tab Layering */
       .ubermenu-responsive .ubermenu-tab {
           position: relative;
       }

       .ubermenu-responsive .ubermenu-tab.ubermenu-active {
           position: relative;
           z-index: 20;
       }

       .ubermenu-responsive .ubermenu-tab>.ubermenu-target {
           border-width: 0 0 1px 0;
       }

       .ubermenu-responsive.ubermenu-sub-indicators .ubermenu-tabs>.ubermenu-tabs-group>.ubermenu-tab.ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
           transform: rotate(0);
           right: 10px;
           left: auto;
       }

       .ubermenu-responsive .ubermenu-tabs>.ubermenu-tabs-group>.ubermenu-tab>.ubermenu-tab-content-panel {
           top: auto;
           border-width: 1px;
       }

       .ubermenu-responsive .ubermenu-tab-layout-bottom>.ubermenu-tabs-group {
           /*position:relative;*/
       }

       .ubermenu-reponsive .ubermenu-item-level-0>.ubermenu-submenu-type-stack {
           /* Top Level Stack Columns */
           position: relative;
       }

       .ubermenu-responsive .ubermenu-submenu-type-stack .ubermenu-column,
       .ubermenu-responsive .ubermenu-submenu-type-stack .ubermenu-column-auto {
           /* Stack Columns */
           width: 100%;
           max-width: 100%;
       }

       .ubermenu-responsive .ubermenu-item-mini {
           /* Mini items */
           min-width: 0;
           width: auto;
           float: left;
           clear: none !important;
       }

       .ubermenu-responsive .ubermenu-item.ubermenu-item-mini>a.ubermenu-target {
           padding-left: 20px;
           padding-right: 20px;
       }

       .ubermenu-responsive .ubermenu-item.ubermenu-hide-mobile {
           /* Hiding items */
           display: none !important;
       }

       .ubermenu-responsive.ubermenu-hide-bkgs .ubermenu-submenu.ubermenu-submenu-bkg-img {
           /** Hide Background Images in Submenu */
           background-image: none;
       }

       .ubermenu.ubermenu-responsive .ubermenu-item-level-0.ubermenu-item-mini {
           min-width: 0;
           width: auto;
       }

       .ubermenu-vertical .ubermenu-item.ubermenu-item-level-0 {
           width: 100%;
       }

       .ubermenu-vertical.ubermenu-sub-indicators .ubermenu-item-level-0.ubermenu-item-has-children>.ubermenu-target>.ubermenu-sub-indicator {
           right: 10px;
           left: auto;
           transform: rotate(0);
       }

       .ubermenu-vertical .ubermenu-item.ubermenu-item-level-0.ubermenu-relative.ubermenu-active>.ubermenu-submenu-drop.ubermenu-submenu-align-vertical_parent_item {
           top: auto;
       }

       .ubermenu.ubermenu-responsive .ubermenu-tabs {
           position: static;
       }

       /* Tabs on Mobile with mouse (but not click) - leave space to hover off */
       .ubermenu:not(.ubermenu-is-mobile):not(.ubermenu-submenu-indicator-closes) .ubermenu-submenu .ubermenu-tab[data-ubermenu-trigger="mouseover"] .ubermenu-tab-content-panel,
       .ubermenu:not(.ubermenu-is-mobile):not(.ubermenu-submenu-indicator-closes) .ubermenu-submenu .ubermenu-tab[data-ubermenu-trigger="hover_intent"] .ubermenu-tab-content-panel {
           margin-left: 6%;
           width: 94%;
           min-width: 94%;
       }

       /* Sub indicator close visibility */
       .ubermenu.ubermenu-submenu-indicator-closes .ubermenu-active>.ubermenu-target>.ubermenu-sub-indicator-close {
           display: block;
       }

       .ubermenu.ubermenu-submenu-indicator-closes .ubermenu-active>.ubermenu-target>.ubermenu-sub-indicator {
           display: none;
       }

       .ubermenu .ubermenu-tabs .ubermenu-tab-content-panel {
           box-shadow: 0 5px 10px rgba(0, 0, 0, .075);
       }

       .ubermenu-responsive-toggle {
           display: block;
       }
   }

   @media screen and (max-width: 480px) {
       .ubermenu.ubermenu-responsive .ubermenu-item-level-0 {
           width: 100%;
       }

       .ubermenu.ubermenu-responsive .ubermenu-column,
       .ubermenu.ubermenu-responsive .ubermenu-column-auto {
           min-width: 100%;
       }

       .ubermenu .ubermenu-autocolumn:not(:first-child),
       .ubermenu .ubermenu-autocolumn:not(:first-child) .ubermenu-submenu-type-stack {
           padding-top: 0;
       }

       .ubermenu .ubermenu-autocolumn:not(:last-child),
       .ubermenu .ubermenu-autocolumn:not(:last-child) .ubermenu-submenu-type-stack {
           padding-bottom: 0;
       }

       .ubermenu .ubermenu-autocolumn>.ubermenu-submenu-type-stack>.ubermenu-item-normal:first-child {
           margin-top: 0;
       }
   }


   /** UberMenu Custom Menu Styles (Customizer) **/
   /* main */
   .ubermenu-main {
       background: #ffffff;
   }

   .ubermenu.ubermenu-main {
       background: none;
       border: none;
       box-shadow: none;
   }

   .ubermenu.ubermenu-main .ubermenu-item-level-0>.ubermenu-target {
       border: none;
       box-shadow: none;
   }

   .ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_bar,
   .ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
       left: 0;
   }

   .ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-item-level-0.ubermenu-active>.ubermenu-submenu-drop,
   .ubermenu.ubermenu-main.ubermenu-horizontal:not(.ubermenu-transition-shift) .ubermenu-item-level-0>.ubermenu-submenu-drop {
       margin-top: 0;
   }

   .ubermenu-main .ubermenu-item-level-0>.ubermenu-target {
       font-size: 16px;
       color: #ffffff;
   }

   .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0>.ubermenu-target {
       font-weight: 400;
   }

   .ubermenu-main .ubermenu-item-level-0.ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
       color: #ffffff;
   }

   .ubermenu-main .ubermenu-submenu .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
       color: #ffffff;
   }


   .ubermenu-image {
       object-fit: contain;
   }

   .product_list .img-responsive {
       max-width: 400px;
       max-height: 200px;
       object-fit: cover;
       aspect-ratio: 2 / 1;
   }

   .case_block .img-responsive {
       max-width: 610px;
       max-height: 560px;
       object-fit: cover;
       aspect-ratio: 25 / 23;
   }


   .news_block .img-responsive {
       max-width: 370px;
       max-height: 222px;
       object-fit: cover;
       aspect-ratio: 5 / 3;
   }

   .video_box .img-responsive {
       max-width: 612px;
       max-height: 309px;
       object-fit: cover;
       aspect-ratio: 16 / 9;
   }

   .history_image img {
       max-width: 100%;
       max-height: 140px;
       object-fit: cover;
       aspect-ratio: 1 / 1;
   }

   .honor_image img {
       max-width: 145px;
       max-height: 195px;
       object-fit: cover;
       aspect-ratio: 3 / 4;
   }

   .exhibition_item_a .img-responsive {
       max-width: 380px;
       max-height: 200px;
       object-fit: cover;
       aspect-ratio: 10 / 19;
   }

   .exhibition_box .exhibition_item_a {
       display: block;
   }

   .strength_brand_content .last_tu img {
       max-width: 380px;
       max-height: 200px;
       object-fit: cover;
       aspect-ratio: 19 / 10;
   }

   .strength_brand-top img {
       max-width: 600px;
       max-height: 600px;
       object-fit: cover;
       aspect-ratio: 1 / 1;
   }

   .product-filters-pros .img-responsive {
       max-width: 380px;
       max-height: 250px;
       /* object-fit: cover; */
       /* aspect-ratio: 38 / 25; */
       /* image-rendering: -webkit-optimize-contrast; */
       /* for webkit */
       /* image-rendering: crisp-edges; */
       /* standard */
       /* image-rendering: pixelated; */
   }



   .facetwp-page {
       display: inline-block;
       padding: 0px 4px;
       margin-right: 6px;
       cursor: pointer;
   }

   .facetwp-page.dots {
       cursor: default;
   }

   .facetwp-page.active {
       font-weight: bold;
       cursor: default;
   }


   .facetwp-type-checkboxes .facetwp-depth {
       display: none;
   }

   .facetwp-type-checkboxes .facetwp-depth.visible {
       display: inherit;
   }

   .facetwp-checkbox {
       /* background: url('../images/checkbox.png') 0 50% no-repeat; */
       background-size: 14px 14px;
       margin-bottom: 4px;
       padding-left: 20px;
       cursor: pointer;
   }

   .facetwp-checkbox.checked {
       /* background-image: url('../images/checkbox-on.png'); */
   }

   .facetwp-checkbox.disabled,
   .facetwp-radio.disabled {
       opacity: 0.4;
       cursor: default;
   }

   .facetwp-checkbox .facetwp-expand {
       float: right;
   }

   .pro-jishuimg {
       display: grid;
       grid-template-columns: repeat(9, 1fr);
       /* 间距 */
       gap: 20px;
   }

   .pro-jishuimg h4 {
       font-size: 10px;
   }

   .pro-jishuimg img {
       width: 100%;
       aspect-ratio: 1 / 1;
       filter: invert(100%) brightness(0.5);
   }

   .wp-pagenavi {
       clear: both;
   }

   .wp-pagenavi a,
   .wp-pagenavi span {
       text-decoration: none;
       border: 1px solid #BFBFBF;
       padding: 3px 5px;
       margin: 2px;
       display: inline-block;
   }

   .wp-pagenavi a:hover,
   .wp-pagenavi span.current {
       border-color: #000;
   }

   .wp-pagenavi span.current {
       font-weight: bold;
   }

   /* .sigle_case_content.sigle_case_content_old{
    text-align: center;
} */
   /* .sigle_case_content_old p{
    text-align: center;
} */
   /* 相邻的图片 */
   /* .sigle_case_content_old img+img{
    margin-bottom: 20px;
} */