/*!
Theme Name: xj_super
Author: SupeR
Text Domain: jy_super
version: 1.0
*/
* {
  list-style: none;
  text-decoration: none;
  /* transition: all 0.3s;
    -webkit-transition: all 0.3s; */
}
p{line-height: 1.5;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 400;}
:root {
  --c1: #004EA2 ;
  --c2: #333;
  --c3: #707070;
  --c4: #282F62;
  --background: #F8FAFA;
  --bs-link-color-rgb:var(--c2);
  --body-max-width: 1640px;
  /* font-size: clamp(16px, 2.5vw, 32px); */
  --fs-32:32px;
  --fs-38:38px;
  --fs-48:48px;
  --fs-62:62px;
  --fs-64:64px;
  --fs-68:68px;
  --fs-80:80px;

}

@media (max-width: 576px) {
  :root {
    --fs-32:26px;
    --fs-38:32px;
    --fs-48:32px;
    --fs-62:32px;
    --fs-64:32px;
    --fs-68:32px;
    --fs-80:32px;
  }
}
.fs-32{font-size: var(--fs-32);}
.fs-38{font-size: var(--fs-38);}
.fs-48{font-size: var(--fs-48);}
.fs-62{font-size: var(--fs-62);}
.fs-64{font-size: var(--fs-64);}
.fs-68{font-size: var(--fs-68);}
.fs-80{font-size: var(--fs-80);}



.container {
  max-width: var(--body-max-width);
}
.acf-wysiwyg-row-3 iframe {
  height: 120px;
  min-height: 120px !important;
 }
.pagination{
  --bs-pagination-active-bg:var(--c1);
  --bs-pagination-active-border-color:#eee;
  /* --bs-pagination-color:var(--c1); */
  --bs-pagination-color:#333;
  --bs-pagination-hover-color:#fff;
  --bs-pagination-hover-bg:var(--c1);
  --bs-pagination-hover-border-color:var(--c1);
  --bs-pagination-focus-bg:var(--c1);
  --bs-pagination-focus-box-shadow:unset;
  --bs-pagination-focus-color:#fff;
  --bs-pagination-border-radius:100%;
  --bs-pagination-padding-y:;
  --bs-pagination-padding-x:0;

}
.pagination .page-link{border-radius: 100%;width: 38px;height: 38px;margin:0 10px;line-height: 38px;text-align: center;;}
.c-c1{color:var(--c1)}
.c-c2{color:var(--c2)}
.c-c3{color:var(--c3)}
.c-c4{color:var(--c4)}
.c-cf{color:#cfcfcf}
.c-333{color: #333;}
.c-999{color: #999;}
.c-666{color: #666;}
.c-fff{color: #fff;}
.c-eee{color: #eee;}
.c-63{color: #636363;}
.c-46{color: #464646;}


.py-125{padding-top: 125px;padding-bottom: 125px;}
.pt-125{padding-top: 125px;}
.pb-125{padding-bottom: 125px;}

body>.mce-floatpanel{position: fixed !important;}
.fw-900 { font-weight: 900 !important; }
.bg-c1{background-color:var(--c1)}
.bg-c2{background-color:var(--c2)}
.bg-c4{background-color:var(--c4)}
.bg-bg{background-color:var(--background)}
.bg-fff{background-color:#fff}
.bg-fb{background-color:#fbfbfb}
.bg-f7{background-color: #f7f7f7;}
.bg-f8{background-color: #f8f8f8;}
.border-bottom-1{border-bottom: 1px solid #333;}
.border-bottom-2{border-bottom: 1px solid #eee;}
.bg-none{background:none !important}
.ps-1600{padding-left:  max(15px, calc((100vw - min(100vw, 1600px)) / 2));}
.pe-1600{padding-right:  max(15px, calc((100vw - min(100vw, 1600px)) / 2));}
.py-1600{padding-top:  max(15px, calc((100vw - min(100vw, 1600px)) / 2));padding-bottom:  max(15px, calc((100vw - min(100vw, 1600px)) / 2));}
.px-1600{padding-left:  max(15px, calc((100vw - min(100vw, 1600px)) / 2));padding-right:  max(15px, calc((100vw - min(100vw, 1600px)) / 2));}
.ms-1600{margin-left:  max(15px, calc((100vw - min(100vw, 1600px)) / 2));}
.me-1600{margin-right:  max(15px, calc((100vw - min(100vw, 1600px)) / 2));}
body {
  /* font-family: "Microsoft YaHei", "微软雅黑", sans-serif; */
  font-family: "Outfit", sans-serif;
}
@media (min-width:1200px){
  #menu{display: none;}
}
a {
  text-decoration: none;
}

a:hover {
  color: var(--c1);
}

/* 按钮组 */
/* 
<a href="" class="bth2 hvr-radial-out me-3"> <i class="bi bi-star"></i> <?php _e('Certification', 'super'); ?></a>
<a href="" class="bth2 hvr-radial-out me-3"> <i class="bi bi-filetype-pdf"></i> <?php _e('Download PDF', 'super'); ?></a>
<a href="javascript:void(0)" class="bth2 hvr-radial-out open_quote  me-3"> <i class="bi bi-chat-square-dots"></i> <?php _e('Contact Us', 'super'); ?></a> 
*/

.hvr-radial-out:before { background: var(--c2); }
.hvr-underline-from-center:before { height: 1px; background: var(--c2); }

.bth1.hvr-radial-out:before { background: #fff; }
.bth1.hvr-radial-out:hover { color: #333; }

.bth1 { border-radius: 50px; background: #333; border: 1px solid var(--c3); font-weight: 900; font-size: 16px; color: #FFFFFF; line-height: 28px; padding: 7px 15px; }
.bth1 i {  aspect-ratio: 1 / 1; width: 20px; height: 20px;  display: inline-block;  font-size: 20px; text-align: center; margin-top: 2px; vertical-align: top; }
/* .bth1:hover i{color:#fff;background: var(--c1);}  */

.bth2 { border-radius: 50px; background: #fff; border: 1px solid var(--c3); font-weight: 900; font-size: 16px; color: #333; line-height: 28px; padding: 7px 15px; }
.bth2 img {transition: all .3s;}
.bth2:hover img {filter: brightness(0) invert(1);}


/* .bth2 i { border-radius: 100%; background: var(--c1); aspect-ratio: 1 / 1; width: 25px; display: inline-block; height: 25px; color:#fff; font-size: 18px; text-align: center; margin-top: 2px; vertical-align: top; } */
/* .bth2:hover i{color:var(--c1);background:#fff;}  */


/* .bth2 { border-radius: 50px; background: #fff; border-radius: 50px 50px 0px 50px; border: 1px solid var(--c1); font-weight: 900; font-size: 16px; color: var(--c1); line-height: 28px; padding: 7px 15px; }
.bth2 i { font-size: 22px; vertical-align: top; } */


.bth3 { background:var(--c1) ; border-radius: 50px ; border:  #fff; font-weight: 900; font-size: 20px; color: #fff;display: inline-block; line-height: 28px; padding: 7px 40px ; }



.super_bottom_double_border{position: relative;}
.super_bottom_double_border::after {
  content: " ";
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;z-index: 1;
  height: 1px;
  background-color: #eee;
}
.super_bottom_double_border::before {
  content: " ";
  position: absolute;
  left: 0;z-index: 2;
  width: 20%;
  bottom: 0;
  height: 5px;
  background-color: var(--c1);
}

.item_bottom_border {position: relative;}
.item_bottom_border::after {
  content: " ";
  position: absolute;
  z-index: -2;
  left: 0;
  width: 100%;
  bottom: 0;
  height: 1px;
  background-color: #eee;
}
.super-p-mb-0 p{margin-bottom: 0;}
.super-circle{display: inline-block;width: 6px;height: 6px;background-color: var(--c1);vertical-align: middle;border-radius: 100%;margin-right: 5px;}
.super_get_quote_a { margin: 20px; width: 8em; justify-content: center; display: flex; padding: 0.8em 1.1em; gap: 0.4rem; border: none; font-weight: 900; font-size: 14px; border-radius: 30px; cursor: pointer; text-shadow: 2px 2px 3px rgb(136 0 136 / 50%); box-shadow: 0 15px 25px -6px rgba(238, 103, 97, 0.5); background: linear-gradient(15deg, #D0262E, #D0262E, #cc3f47, #de6f3d, #f09f33, #de6f3d, #d53c2f, #D0262E, #D0262E) no-repeat; background-size: 300%; background-position: left center; transition: background 0.3s ease; color: #fff; }

.super_get_quote_a:hover { background-size: 320%; background-position: right center; transform: translateY(3px); box-shadow: none; }

.super_get_quote_button { margin: 20px; width: 8em; text-align: center; justify-content: center; display: inline-block; padding: 0.8em 1.1em; gap: 0.4rem; border: none; font-weight: 900; font-size: 14px; border-radius: 30px; cursor: pointer; text-shadow: 2px 2px 3px rgb(136 0 136 / 50%); box-shadow: 0 15px 25px -6px rgba(238, 103, 97, 0.5); background: linear-gradient(15deg, #D0262E, #D0262E, #cc3f47, #de6f3d, #f09f33, #de6f3d, #d53c2f, #D0262E, #D0262E) no-repeat; background-size: 300%; background-position: left center; transition: background 0.3s ease; color: #fff; }

.super_get_quote_button:hover { background-size: 320%; background-position: right center; transform: translateY(3px); box-shadow: none; }

.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body { background-color: #fff !important; }

.super_h2 { font-size: 36px; color: #333333; }

.breadcrumb a { color: #333333; font-size: 1rem; }

.breadcrumb a:hover { color: var(--c1); }

.modal-backdrop { z-index: 1050 !important; }
.min-w-0 {
  min-width: 0;
}
.modal { z-index: 1060 !important; }
.text-1-line {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.text-2-line {overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2; }
.text-3-line {overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 3; }
.text-4-line {overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 4; }
.text-5-line {overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 5; }
.text-6-line {overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 6; }
.text-7-line {overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 7; }
.text-8-line {overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 8; }
.text-9-line {overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 9; }
.text-10-line {overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 10; }
.has_video {position: relative;cursor: pointer;}
.has_video .play_bth{display: block; position: absolute; display: flex; justify-content: center; align-items: center;    bottom: 20px; left: 90px;;transform: translate(-50%,-50%); }
.play_bth{ width: 62px; height: 62px; background-color: var(--c1); color: #fff; font-size: 26px; font-weight: bold; letter-spacing: 2px; border: none; border-radius: 100px; cursor: pointer; position: absolute; display: flex; justify-content: center; align-items: center; transition: all .1s linear; }
.play_bth:before,.play_bth:after{ content: ''; width: 62px; height: 62px; border-radius: 100px; position: absolute; animation: eff68 1.4s linear infinite; }
.play_bth:after{ animation-delay: 0.7s; }
.has_video:hover .play_bth{background-color: #fff; color:var(--c1) ;}
@keyframes eff68{ 0%{ box-shadow: 0 0 0 0px #fff; opacity: 0.5; } 100%{ box-shadow: 0 0 0 30px #fff; opacity: 0; } }
/* .play_bth:active{ transform: scale(0.96); } */


/* 隐藏更多文本，点击展开 */
.with-hidden-more { position: relative; overflow: hidden; max-height: 16em; /* 约 10 行，根据行高计算，比如行高1.6rem */ transition: max-height 0.6s ease, opacity 0.3s ease; cursor: pointer; }
.with-hidden-more::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3em; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff); pointer-events: none; /* 避免遮挡点击 */ transition: opacity 0.4s ease; }
.with-hidden-more::after { content: "\F282";color: var(--c1); font-family: "bootstrap-icons"; font-size: 1.2rem; position: absolute; bottom: 0rem; left: 50%; transform: translateX(-50%); transition: transform 0.3s ease;  padding: 0.2rem; }
.with-hidden-more.expanded { max-height: 2000px; /* 足够大的高度容纳全文 */ }
.with-hidden-more.expanded::before { opacity: 0; }
.with-hidden-more.expanded::after { transform: translateX(-50%) rotate(180deg); }

.super_table{width: 100%;overflow-x: auto;}
.super_table table ,.super_table table td,.super_table table tr ,.super_table table thead{border: 1px solid #eee;padding-left: 10px;}

/* 移动端优化 */
@media (max-width: 768px) {
  .px-md-min-16 {
    padding-left: 16px;padding-right: 16px;;
  }

}
@media (max-width: 576px) {


  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}




/* template-parts/blog-item_jy  Start*/
.blog-item_jy{}
.blog-item_jy .hvr-underline-from-left:before { background: var(--c1);}
.blog-item_jy .blog_item{border: 1px solid #f6f6f6;height: 100%;overflow: hidden;box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.00);transition: all .3s;border-radius: 10px;}
.blog-item_jy .blog_item:hover{box-shadow: 0px 0px 30px 1px rgba(0,0,0,0.09);border-radius: 10px 10px 0 0 ;}
.blog-item_jy .blog_item_title{height: 48px;}

.blog-item_jy_2{}
.blog-item_jy_2.hvr-underline-from-left:before { background: var(--c1);height: 1px;}
.blog-item_jy_2.blog_item{border-bottom: 1px solid #f6f6f6;box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.00);transition: all .3s;}
.blog-item_jy_2.blog_item:hover{box-shadow: 0px 0px 30px 1px rgba(0,0,0,0.09);border-radius: 10px 10px 0 0 ;}
.blog-item_jy_2.blog_item:hover .blog_item_title{color: var(--c1);}
.blog-item_jy_2 .blog_item_title{height: 60px;}
.blog-item_jy_2 .blog_item_bth{display: inline-block;height: 25px;width: 25px;border-radius: 100%;}

.blog_item_bth_box{}
.blog_item_bth_box .blog_item_bth{border: 1px solid  #eee;border-radius: 100%;width: 70px;height: 70px;display: flex;justify-content: center;align-items: center;}
.blog_item_bth_box .blog_item_bth i{display: flex;justify-content: center;align-items: center;width: 25px;height: 25px;background-color: var(--c2);border-radius: 100%;font-size: 12px;}
.blog-item_jy_2.blog_item:hover .blog_item_bth_box .blog_item_bth{border: 1px solid  var(--c1);}
.blog-item_jy_2.blog_item:hover .blog_item_bth_box .blog_item_bth i{background-color: var(--c1);}

.page_download_nav *{ --bs-nav-link-hover-color:#fff}
/* template-parts/blog-item_jy  end*/

.mm-counter{min-width: 30px}
.swiper-button-lock {
  display: none !important;
}
/* #trp-floater-ls.trp-bottom-left {
  left: 0 !important;
  bottom: 200px !important;
  border-radius: 0 8px 8px 0 !important;
} */
/* .trp-language-switcher{width: auto;}
.trp-language-switcher > div{    background-color: #ffffff4d !important;
  backdrop-filter: blur(5px) !important;
  border: solid 1px #ececec !important; } */
@media (max-width:1370px) and (min-width:1200px) {
  .header_3_ul>li>a{padding: 19px 13px 18px !important;}

}
@media (max-width:1199px)  {
  .py-125{padding-top: 60px;padding-bottom: 60px;}
  .pt-125{padding-top: 60px;}
  .pb-125{padding-bottom: 60px;}
  .header_2_m_navbar_bth>button{order:2;}
  .header_2_m_navbar_bth>a{order:3;}
  /* .header_2_m_navbar_bth .trp_language_switcher_shortcode{order:1;} */
}
@media (max-width: 425px) {
  .header_2_logo {
      flex: 0 0 160px !important;
  }
}
@media (max-width: 320px) {
  .header_2_logo a img {
    height: 20px !important;
}
  .header_2_logo {
      flex: 0 0 80px !important;
  }
}


.page.facet .facetwp-pager {display: flex;justify-content: center;}

.page.facet .facetwp-pager a:not(:first-child) {
  margin-left: calc(-1 * var(--bs-border-width));
}

.page.facet .facetwp-pager a {
  border-radius: 100%;
  width: 38px;
  height: 38px;
  margin: 0 10px;
  line-height: 38px;
  text-align: center;
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: 1px solid #dee2e6;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
label {
  display: block;
}
.feedback  textarea{height: 90px; }
.page.facet .facetwp-pager a.active,
.page.facet .facetwp-pager a:hover{
  z-index: 3;
  color: #fff;
  background-color: var(--c1);
  border-color: var(--c1r);}

  .header_3_ul li.menu-item-has-children::after {
   display: none;
}
 .hvr-underline-from-center:before{background-color: var(--c1) !important;}



 .editor-card { display: flex; gap: 3rem; border: 1px solid var(--c4); padding: 2rem; margin: 2rem 0; background: unset }
 .editor-card-img { flex: 0 0 56px;height:56px;border: 1px solid var(--c1);background-color: var(--c1); border-radius: 100%;display: flex;justify-content: center;align-items: center;}
 .editor-card-img img {height: 80%; width: auto; max-width: 24px; max-height: 22px; display: block;filter: invert(100%) brightness(400%); }
 .editor-card-content { flex: 1; }
 .editor-card-content h4 { margin: 0 0 8px; font-size: 16px;font-weight: 900;color:var(--c1); }
 .editor-card-content p { margin: 0; color:var(--c4); line-height: 1.6; }
 .editor-card:hover{background-color: var(--c1);}
 .editor-card:hover .editor-card-img{background-color: #fff;}
 .editor-card:hover .editor-card-img img{filter: unset;}
 .editor-card:hover .editor-card-content h4{color:#fff !important}
 .editor-card:hover .editor-card-content p{color:#fff !important}


 .product_list_image{aspect-ratio: 1;overflow: hidden;display: flex;justify-content: center;align-items: center;}
 .product_list_image img{max-width: 100%;width: auto !important;max-height: 100%;height: auto !important;}

 .left_menu_2_item_title{line-height:1.5em ;}