.elementor-9 .elementor-element.elementor-element-4cd69b1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-0b15f80{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-0b15f80:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-0b15f80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-0b15f80::before, .elementor-9 .elementor-element.elementor-element-0b15f80 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-0b15f80 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-0b15f80 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-0b15f80 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-0b15f80 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #1573B3 30%, #FFFFFF 0%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-682cfd0{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 0px 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-682cfd0 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:700;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-16ff5c3{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-16ff5c3.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-6be93b0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9 .elementor-element.elementor-element-fbb8773 .elementor-button{background-color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:700;fill:#2D3748;color:#2D3748;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E2E8F0;border-radius:15px 15px 15px 15px;padding:10px 12px 10px 12px;}.elementor-9 .elementor-element.elementor-element-3dcfdf3 .elementor-button{background-color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:700;fill:#2D3748;color:#2D3748;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E2E8F0;border-radius:15px 15px 15px 15px;padding:10px 12px 10px 12px;}.elementor-9 .elementor-element.elementor-element-647a59b .elementor-button{background-color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:700;fill:#2D3748;color:#2D3748;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E2E8F0;border-radius:15px 15px 15px 15px;padding:10px 12px 10px 12px;}.elementor-9 .elementor-element.elementor-element-4a41046 .elementor-button{background-color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:700;fill:#2D3748;color:#2D3748;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E2E8F0;border-radius:15px 15px 15px 15px;padding:10px 12px 10px 12px;}.elementor-9 .elementor-element.elementor-element-33ff895 .elementor-button{background-color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:700;fill:#2D3748;color:#2D3748;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E2E8F0;border-radius:15px 15px 15px 15px;padding:10px 12px 10px 12px;}.elementor-9 .elementor-element.elementor-element-2c1598a{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-9 .elementor-element.elementor-element-c54a324{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;--padding-top:4%;--padding-bottom:4%;--padding-left:8%;--padding-right:8%;}.elementor-9 .elementor-element.elementor-element-c54a324::before, .elementor-9 .elementor-element.elementor-element-c54a324 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-c54a324 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-c54a324 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-c54a324 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-c54a324 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #1782CAE8 50%, #FFFFFF 0%);}.elementor-9 .elementor-element.elementor-element-c54a324:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-c54a324 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-9 .elementor-element.elementor-element-972771b{text-align:center;}.elementor-9 .elementor-element.elementor-element-972771b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:700;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-71e00de7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:2%;--padding-bottom:4%;--padding-left:8%;--padding-right:8%;}.elementor-9 .elementor-element.elementor-element-78f4d113{text-align:start;}.elementor-9 .elementor-element.elementor-element-78f4d113 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:700;color:var( --e-global-color-text );}.elementor-widget-ucaddon_post_carousel .ue-grid-item-category a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_post_carousel .uc_post_title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_post_carousel .ue-grid-item-meta-data{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_post_carousel .uc_paragraph{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_post_carousel .uc_more_btn{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_post_carousel .ue-no-posts-found{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9 .elementor-element.elementor-element-59bdfe08 .uc_carousel_item{background-color:#efefef;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-058c239 );border-radius:0px;margin:0px -5px 0px 2px;}.elementor-9 .elementor-element.elementor-element-59bdfe08 .uc_image_carousel_content{background-color:#FFFFFF;padding:15px 15px 15px 15px;min-height:0px;}.elementor-9 .elementor-element.elementor-element-59bdfe08 .ue-item{opacity:100%;transform:scale(1,1);}.elementor-9 .elementor-element.elementor-element-59bdfe08 .uc-active-item .ue-item{opacity:100%;transform:scale(1,1);}.elementor-9 .elementor-element.elementor-element-59bdfe08 .uc_image_carousel_placeholder img{object-fit:cover;transition:all 200ms ease-in-out;}.elementor-9 .elementor-element.elementor-element-59bdfe08 .uc_image_carousel_placeholder{background-color:#ffffff;}.elementor-9 .elementor-element.elementor-element-59bdfe08 .uc_image_carousel_container_holder{text-align:center;}.elementor-9 .elementor-element.elementor-element-59bdfe08 .ue_pos_carousel_image_overlay{background-color:#000000;opacity:0%;}.elementor-9 .elementor-element.elementor-element-59bdfe08 .uc_carousel_item:hover .ue_pos_carousel_image_overlay{opacity:0%;}.elementor-9 .elementor-element.elementor-element-59bdfe08 .ue-grid-item-category a{color:#ffffff;background-color:#545454;padding:3px 5px 3px 5px;border-radius:3px 3px 3px 3px;}.elementor-9 .elementor-element.elementor-element-59bdfe08 .ue-grid-item-category{margin-top:0px;}.elementor-9 .elementor-element.elementor-element-59bdfe08 .uc_post_title{color:var( --e-global-color-text );font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;margin-top:0px;}.elementor-9 .elementor-element.elementor-element-59bdfe08 .ue-item:hover .uc_post_title{color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-59bdfe08 .ue-grid-item-meta-data{color:#707070;gap:5px;width:auto;}.elementor-9 .elementor-element.elementor-element-59bdfe08 .ue-grid-item-meta-data svg{fill:#707070;}.elementor-9 .elementor-element.elementor-element-59bdfe08 .ue-meta-data{margin-top:0px;gap:10px;justify-content:flex-start;}.elementor-9 .elementor-element.elementor-element-59bdfe08 .uc_paragraph{color:#969696;font-family:"Poppins", Sans-serif;font-weight:400;margin-top:10px;}.elementor-9 .elementor-element.elementor-element-59bdfe08 .uc_more_btn{padding:10px 20px 10px 20px;margin-top:20px;background-color:#ffffff;color:#000000;border-radius:0px;}.elementor-9 .elementor-element.elementor-element-59bdfe08 .uc_more_btn:hover{background-color:#000000;color:#ffffff;border-radius:0px;}.elementor-9 .elementor-element.elementor-element-59bdfe08 .uc_more_btn i{margin-left:10px;}.elementor-9 .elementor-element.elementor-element-59bdfe08 .uc_more_btn svg{margin-left:10px;}.elementor-9 .elementor-element.elementor-element-59bdfe08 .owl-nav .owl-prev{left:15px;right:auto;}.elementor-9 .elementor-element.elementor-element-59bdfe08 .owl-nav .owl-next{right:15px;left:auto;}.elementor-9 .elementor-element.elementor-element-59bdfe08 .owl-carousel .owl-nav .owl-next,.elementor-9 .elementor-element.elementor-element-59bdfe08 .owl-carousel .owl-nav .owl-prev{top:140px;border-radius:100px;width:28px;height:28px;line-height:28px;font-size:14px;background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-59bdfe08 .owl-carousel .owl-nav .owl-next:hover,.elementor-9 .elementor-element.elementor-element-59bdfe08 .owl-carousel .owl-nav .owl-prev:hover{background-color:var( --e-global-color-secondary );color:#ffffff;}.elementor-9 .elementor-element.elementor-element-59bdfe08 .owl-dot{width:8px;height:8px;background-color:#c6c6c6;}.elementor-9 .elementor-element.elementor-element-59bdfe08 .owl-dot.active{background-color:#000000;}.elementor-9 .elementor-element.elementor-element-59bdfe08 .owl-dots{margin-top:20px;gap:5px;justify-content:center;}.elementor-9 .elementor-element.elementor-element-59bdfe08 .ue-no-posts-found{color:#000000;background-color:#e8e8e8;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#c4c4c4;}.elementor-9 .elementor-element.elementor-element-2c8bbd2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-9 .elementor-element.elementor-element-2c8bbd2:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-2c8bbd2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F9FA;}.elementor-9 .elementor-element.elementor-element-76cb1db{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;}.elementor-9 .elementor-element.elementor-element-76cb1db::before, .elementor-9 .elementor-element.elementor-element-76cb1db > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-76cb1db > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-76cb1db > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-76cb1db > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-76cb1db > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #1782CAE8 200px, #FFFFFF 0%);}.elementor-9 .elementor-element.elementor-element-831e256{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + -11px) 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-831e256 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:400;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-68df118{text-align:center;}.elementor-9 .elementor-element.elementor-element-68df118 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:700;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-9b6c90d{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-9b6c90d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-9 .elementor-element.elementor-element-bbf6f5a{--grid-columns:3;--grid-row-gap:10px;--grid-column-gap:10px;}.elementor-9 .elementor-element.elementor-element-bbf6f5a > .elementor-widget-container{margin:2px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-bbf6f5a .elementor-loop-container{grid-auto-rows:1fr;}.elementor-9 .elementor-element.elementor-element-bbf6f5a .e-loop-item > .elementor-section, .elementor-9 .elementor-element.elementor-element-bbf6f5a .e-loop-item > .elementor-section > .elementor-container, .elementor-9 .elementor-element.elementor-element-bbf6f5a .e-loop-item > .e-con, .elementor-9 .elementor-element.elementor-element-bbf6f5a .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-16ff5c3{font-size:13px;}.elementor-9 .elementor-element.elementor-element-c54a324{--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-9 .elementor-element.elementor-element-71e00de7{--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-9 .elementor-element.elementor-element-2c8bbd2{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9 .elementor-element.elementor-element-76cb1db::before, .elementor-9 .elementor-element.elementor-element-76cb1db > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-76cb1db > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-76cb1db > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-76cb1db > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-76cb1db > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;background-image:linear-gradient(180deg, #1782CAE8 20, #FFFFFF 0%);}.elementor-9 .elementor-element.elementor-element-bbf6f5a{--grid-columns:2;}}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-4cd69b1{--content-width:100%;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-682cfd0 .elementor-heading-title{font-size:22px;}.elementor-9 .elementor-element.elementor-element-16ff5c3{width:auto;max-width:auto;font-size:10px;}.elementor-9 .elementor-element.elementor-element-6be93b0{--justify-content:center;}.elementor-9 .elementor-element.elementor-element-33ff895 .elementor-button{padding:10px 12px 10px 12px;}.elementor-9 .elementor-element.elementor-element-c54a324{--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-9 .elementor-element.elementor-element-972771b{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-972771b .elementor-heading-title{font-size:22px;}.elementor-9 .elementor-element.elementor-element-71e00de7{--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-9 .elementor-element.elementor-element-78f4d113{text-align:center;}.elementor-9 .elementor-element.elementor-element-59bdfe08 .uc_image_carousel_content{padding:10px 10px 10px 10px;}.elementor-9 .elementor-element.elementor-element-59bdfe08 .uc_post_title{font-size:12px;line-height:1.4em;}.elementor-9 .elementor-element.elementor-element-59bdfe08 .owl-carousel .owl-nav .owl-next,.elementor-9 .elementor-element.elementor-element-59bdfe08 .owl-carousel .owl-nav .owl-prev{top:70px;width:24px;height:24px;line-height:24px;font-size:13px;}.elementor-9 .elementor-element.elementor-element-2c8bbd2{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-68df118 .elementor-heading-title{font-size:22px;}.elementor-9 .elementor-element.elementor-element-9b6c90d .elementor-heading-title{font-size:12px;}.elementor-9 .elementor-element.elementor-element-bbf6f5a{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-866f536 *//* ========================================================================== 
   轮播图基础容器 
   ========================================================================== */ 
.rk-slide picture, 
.rk-slide img { 
  width: 100%; 
  height: 100%; 
  object-fit: cover; 
  display: block; 
} 

.rk-hero-slider { 
  width: 100%; 
  height: 36.4vw;             /* 严格锁定全宽下的高度比例（零 CLS） */ 
  position: relative; 
  overflow: hidden; 
  background-color: #111827; /* 没加载出图片时的深色暗底 */ 
} 
 
.rk-slider-wrapper { 
  width: 100%; 
  height: 100%; 
  position: relative; 
} 
 
.rk-slide { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  opacity: 0; 
  z-index: 1; 
  transition: opacity 0.6s ease-in-out; 
} 
 
.rk-slide.active { 
  opacity: 1; 
  z-index: 2; 
} 
 
.rk-slide img { 
  width: 100%; 
  height: 100%; 
  object-fit: cover; 
  display: block; 
} 
 
/* ========================================================================== 
   文字叠加层样式（新增） 
   ========================================================================== */ 
.rk-hero-overlay { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  z-index: 10;               /* 确保文字悬浮在所有图片（z-index: 2) 之上 */ 
  display: flex; 
  align-items: center;       /* 垂直居中 */ 
  background: rgba(15, 23, 42, 0.35); /* 35% 黑色半透明滤镜，保障外贸文案可读性 */ 
  display: flex; 
   
  /* 1. 将原本的 center 改为 flex-start（靠顶对齐） */ 
  align-items: flex-start;  
   
  /* 2. 用 padding-top 撑开顶部的距离（使用 vw 单位可以在电脑和手机端等比缩放） */ 
  padding-top: 3.5vw; /* 如果觉得还不够靠上，可以把 6vw 改小，比如 4vw */ 
   
  box-sizing: border-box; /* 确保 padding 不会撑大容器 */ 
} 
 
.rk-hero-content { 
  max-width: 1280px;         /* 与网页主容器最大宽度保持一致 */ 
  margin: 0 auto; 
  width: 100%; 
  padding: 0 20px; 
  color: #ffffff; 
  box-sizing: border-box; 
} 
 
/* 第一行：小字企业标签 */ 
.rk-hero-eyebrow { 
  margin: 0 0 15px; 
  font-size: clamp(12px, 1.2vw, 15px); /* 随屏幕大小在 11px 到 15px 之间自适应 */ 
  font-weight: 400; 
  text-transform: uppercase; 
  letter-spacing: 0.06em; 
  color: rgba(255, 255, 255, 0.9); 
  line-height: 1.2; 
} 
 
/* 第二行：H1 主标题 */ 
.rk-hero-title { 
  margin: 0 0 15px; 
  font-size: clamp(22px, 3vw, 46px); /* 随屏幕大小在 22px 到 46px 之间自适应 */ 
  font-weight: 700; 
  line-height: 1.15; 
  letter-spacing: -0.01em; 
  color: #ffffff; 
} 
 
/* 第三行：副描述文本 */ 
.rk-hero-desc { 
  margin: 0; 
  max-width: 680px;          /* 限制文本宽度，长句换行更好看 */ 
  font-size: clamp(12px, 1.4vw, 12px); /* 随屏幕大小在 13px 到 17px 之间自适应 */ 
  line-height: 1.5; 
  color: rgba(255, 255, 255, 0.85); 
  font-weight: 400; 
} 
 
.rk-hero-actions { 
  display: flex; 
  gap: 16px;                 /* 两个按钮之间的间距 */ 
  margin-top: clamp(16px, 2.5vw, 5px); /* 间距随屏幕大小自适应 */ 
} 
 
/* 按钮通用基础样式 */ 
.rk-btn { 
  display: inline-flex; 
  align-items: center; 
  justify-content: center; 
  padding: 10px 15px; 
  font-size: 14px; 
  font-weight: 400; 
  color: #ffffff !important; 
  text-decoration: none !important;     /* 去掉下划线 */ 
  border-radius: 30px;        /* 微圆角，显得专业扎实 */ 
  transition: all 0.25s ease;/* 平滑的悬停过渡动画 */ 
  box-sizing: border-box; 
} 
 
/* 主按钮：Browse Products (引导客户去看产品，用实色) */ 
.rk-btn-primary { 
  background-color: #1573B3; /* 经典工业/外贸信赖蓝，可修改为你们的品牌色 */ 
  color: #ffffff; 
  border: 1px solid #007acc; 
} 
 
.rk-btn-primary:hover { 
  background-color: #0062a3; /* 悬停时加深 */ 
  border-color: #0062a3; 
  transform: translateY(-2px);/* 悬停微动特效 */ 
  box-shadow: 0 4px 12px rgba(0, 122, 204, 0.3); 
} 
 
/* 次按钮：About Us (建立公司信任度，用镂空边框) */ 
.rk-btn-secondary { 
  background-color: #1573B3; 
  color: #ffffff; 
  border: 1px solid rgba(255, 255, 255, 0.7); 
} 
 
.rk-btn-secondary:hover { 
  background-color: #0062a3; 
              /* 悬停时反白，变成白底黑字 */ 
  border-color: #0062a3; 
  transform: translateY(-2px); 
} 


/* ========================================================================== 
   平板端响应式（屏幕小于 1024px）
   ========================================================================== */ 
@media (max-width: 1024px) { 

  .rk-btn { 
    display: inline-flex; 
    align-items: center; 
    justify-content: center; 
    padding: 2px 8px; 
    font-size: 10px; 
  } 

  .rk-hero-actions { 
    display: none !important;  
  } 

  /* 第一行：小字企业标签 */ 
  .rk-hero-eyebrow { 
    margin: 0 0 10px; 
    font-size: clamp(9px, 1.2vw, 12px); /* 随屏幕大小在 11px 到 15px 之间自适应 */ 
    font-weight: 400; 
    text-transform: uppercase; 
    letter-spacing: 0.06em; 
    color: rgba(255, 255, 255, 0.9); 
    line-height: 1.2; 
  } 
 
  /* 第二行：H1 主标题 */ 
  .rk-hero-title { 
    margin: 0 0 6px; 
    font-size: clamp(15px, 3.8vw, 25px); /* 随屏幕大小在 22px 到 46px 之间自适应 */ 
    font-weight: 700; 
    line-height: 1.15; 
    letter-spacing: -0.01em; 
    color: #ffffff; 
  } 
 
  /* 第三行：副描述文本 */ 
  .rk-hero-desc { 
    margin: 0; 
    max-width: 680px;          /* 限制文本宽度，长句换行更好看 */ 
    font-size: clamp(10px, 1.4vw, 10px); /* 随屏幕大小在 13px 到 17px 之间自适应 */ 
    line-height: 1.5; 
    color: rgba(255, 255, 255, 0.85); 
    font-weight: 400; 
  } 

} 


/* ========================================================================== 
   手机端响应式修复 (屏幕小于 767px) 
   ========================================================================== */ 
@media (max-width: 767px) { 
   
  /* 核心修改：在手机端直接拔掉整个按钮区域 */ 
  .rk-hero-actions { 
    display: none !important;  
  } 
   
  /* 既然按钮没有了，我们可以把描述文字的下边距顺便清空，让整体更紧凑 */ 
  .rk-hero-desc { 
    margin-bottom: 0 !important; 
  } 
 
  /* 之前的其他手机端优化保持不变... */ 
 
  /* 1. 修复轮播图：强行撑开高度，告别 136px 的窒息窒闷感 */ 
  .rk-hero-slider { 
    width: 100%; 
    height: 62vw !important; 
    min-height: 300px; 
    max-height: 450px; 
    overflow: hidden; 
  } 
 
  .rk-slide, 
  .rk-slide picture { 
    width: 100%; 
    height: 100%; 
  } 
 
  .rk-slide img { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    object-position: center bottom; 
  } 
   
  .rk-hero-overlay { 
    background: rgba(15, 23, 42, 0.45); /* 稍微加深一点黑色滤镜(45%)，确保小屏上白字清晰好读 */ 
  } 
 
  .rk-hero-content { 
    padding: 0 20px;  
    /* 
    缩小左右间距，给文字腾出更多横向空间 */ 
  } 
 
  .rk-hero-title { 
    margin-bottom: 10px; /* 紧凑字间距 */ 
  } 
 
  /* 2. 修复快捷选择卡片：彻底抽掉多余空隙 */ 
  .rk-catagory-quick-grid { 
    grid-template-columns: 1fr; 
    gap: 16px; 
  } 

  .rk-hero-title { 
    margin: 0 0 6px; 
    /* 随屏幕大小在 22px 到 46px 之间自适应 */ 
    font-size: clamp(15px, 3.8vw, 25px); 
    font-weight: 700; 
    line-height: 1.15; 
    letter-spacing: -0.01em; 
    color: #ffffff; 
  } 
 
  .rk-catagory-quick-card { 
    height: auto !important;      /* 严禁继承任何百分比高度，由内容自然撑开 */ 
    min-height: 0 !important;     /* 彻底粉碎电脑端的最小高度限制 */ 
    padding: 24px 20px 20px;      /* 稍微收紧内边距 */ 
  } 
 
  /* 彻底杀死卡片内部元素的无用占位高度，改用紧凑的向下间距 */ 
  .rk-catagory-quick-card h3, 
  .rk-catagory-quick-use, 
  .rk-catagory-quick-tags { 
    min-height: 0 !important;      
    margin-top: 0 !important; 
    margin-bottom: 10px !important;  
  } 
 
  /* 如果卡片底部有“Learn More”链接，顺延跟在下方即可 */ 
  .rk-catagory-quick-link { 
    margin-top: 6px !important; 
  } 

} 


/* ========================================================================== 
   移动端极端屏幕微调（小于 500px 宽手机） 
   ========================================================================== */ 
@media (max-width: 500px) { 

  /* 手机端 36.4vw 高度可能会让文字略显拥挤，微调间距 */ 
  .rk-hero-eyebrow { 
    margin-bottom: 6px; 
  } 

  .rk-hero-title { 
    margin-bottom: 8px; 
  } 

  .rk-hero-content { 
    padding: 0 16px; 
  } 

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2c1598a *//* =========================================================
   Ruikai - Home Product Categories
   Desktop: 4 columns
   Tablet: 2 columns
   Mobile: 2 / 1 columns
   ========================================================= */

.rk-product-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
}


/* =========================
   Product Card
   ========================= */

.rk-product-card {
  display: block;
  min-width: 0;
  text-decoration: none;
  color: inherit;
}


/* =========================
   Image
   ========================= */

.rk-product-image {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #ffffff;

  border: 1px solid #d9d9d9;
}

.rk-product-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;

  transition:
    transform 0.35s ease,
    opacity 0.35s ease;
}


/* =========================
   Text
   ========================= */

.rk-product-content {
  padding: 16px 4px 0;
  text-align: center;
}

.rk-product-content h3 {
  margin: 0 0 7px;
  padding: 0;

  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;

  color: #1573B3;
  text-align: center;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}

.rk-product-content p {
  margin: 0;
  padding: 0;

  font-size: 15px;
  line-height: 1.55;
  font-weight: 400;

  color: #444444;
  text-align: center;
  text-decoration: none;
}


/* =========================
   Hover
   ========================= */

@media (hover: hover) {

  .rk-product-card:hover .rk-product-image img {
    transform: scale(1.035);
  }

  .rk-product-card:hover h3 {
    color: #105d91;
  }
}


/* =========================================================
   Tablet
   ========================================================= */

@media (max-width: 1024px) {

  .rk-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px 22px;
  }

  .rk-product-content h3 {
    font-size: 19px;
  }

  .rk-product-content p {
    font-size: 14px;
  }

}


/* =========================================================
   Large Mobile
   ========================================================= */

@media (max-width: 767px) {

  .rk-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 14px;
  }

  .rk-product-content {
    padding-top: 11px;
  }

  .rk-product-content h3 {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 1.3;
  }

  .rk-product-content p {
    font-size: 13px;
    line-height: 1.45;
  }

}


/* =========================================================
   Small Mobile
   ========================================================= */

@media (max-width: 479px) {

  .rk-product-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .rk-product-content {
    padding-top: 13px;
  }

  .rk-product-content h3 {
    font-size: 18px;
  }

  .rk-product-content p {
    font-size: 14px;
    line-height: 1.5;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-959a617 *//* =========================================================
   Ruikai - Advantage Cards
   Desktop 4 / Tablet 2 / Mobile 1
   ========================================================= */

.rk-advantage-section {
  width: 100%;
  padding: 0;
  background: transparent;
  box-sizing: border-box;
}


/* Grid */

.rk-advantage-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}


/* Card */

.rk-advantage-card {
  min-width: 0;
  min-height: 300px;

  padding: 30px 22px 28px;

  background: #ffffff;
  border: 1px solid #d6d6d6;
  border-radius: 16px;

  box-sizing: border-box;

  display: flex;
  flex-direction: column;
  align-items: center;

  text-align: center;
}


/* Icon */

.rk-advantage-icon {
  width: 76px;
  height: 76px;

  margin: 0 auto 16px;

  border-radius: 18px;
  background: #1573B3;

  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 auto;
}

.rk-advantage-icon svg {
  width: 38px;
  height: 38px;

  fill: none;
  stroke: #ffffff;
  stroke-width: 2.5;

  stroke-linecap: round;
  stroke-linejoin: round;
}


/* Title */

.rk-advantage-card h3 {
  margin: 0 0 13px;
  padding: 0;

  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;

  color: #333333;
  text-align: center;
}


/* Description */

.rk-advantage-card p {
  margin: 0;
  padding: 0;

  max-width: 300px;

  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;

  color: #444444;
  text-align: center;
}


/* Optional hover */

@media (hover: hover) {
  .rk-advantage-card {
    transition:
      border-color 0.25s ease,
      transform 0.25s ease;
  }

  .rk-advantage-card:hover {
    border-color: #1573B3;
    transform: translateY(-3px);
  }
}


/* =========================================================
   Tablet
   2 cards per row
   ========================================================= */

@media (max-width: 1024px) {

  .rk-advantage-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .rk-advantage-card {
    min-height: 285px;
    padding: 28px 20px 26px;
  }

}


/* =========================================================
   Mobile
   1 card per row
   ========================================================= */

@media (max-width: 600px) {

  .rk-advantage-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .rk-advantage-card {
    min-height: auto;
    padding: 26px 20px;
  }

  .rk-advantage-icon {
    width: 68px;
    height: 68px;
    border-radius: 16px;
  }

  .rk-advantage-icon svg {
    width: 34px;
    height: 34px;
  }

  .rk-advantage-card h3 {
    font-size: 19px;
  }

  .rk-advantage-card p {
    font-size: 15px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e8892 *//* =========================================================
   Ruikai FAQ
   ========================================================= */

.rk-faq-section {
  width: 1280px;
  padding: 0;
  background: transparent;
  box-sizing: border-box;
}

.rk-faq-wrap {
  width: 1280px;
  display: grid;
  grid-template-columns: minmax(280px, 32%) 1fr;
  gap: 42px;
  align-items: start;
}


/* =========================================================
   Left
   ========================================================= */

.rk-faq-intro {
  padding: 10px 4px;
}

.rk-faq-eyebrow {
  margin-bottom: 20px;

  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;

  color: #1573B3;
  text-transform: uppercase;
}

.rk-faq-intro h2 {
  margin: 0 0 22px;
  padding: 0;

  font-size: 31px;
  line-height: 1.2;
  font-weight: 700;

  color: #333333;
}

.rk-faq-intro p {
  max-width: 360px;

  margin: 0 0 28px;
  padding: 0;

  font-size: 17px;
  line-height: 1.45;
  font-weight: 400;

  color: #222222;
}

.rk-faq-about {
  display: inline-block;

  font-size: 15px;
  line-height: 1.4;
  font-weight: 400;

  color: #1573B3;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.rk-faq-about:hover {
  color: #105b8e;
}


/* =========================================================
   Right FAQ List
   ========================================================= */

.rk-faq-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}


/* FAQ Card */

.rk-faq-item {
  width: 100%;

  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 15px;

  overflow: hidden;
  box-sizing: border-box;
}


/* Remove default marker */

.rk-faq-item summary {
  list-style: none;
}

.rk-faq-item summary::-webkit-details-marker {
  display: none;
}


/* Question */

.rk-faq-item summary {
  min-height: 68px;

  padding: 20px 24px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;

  cursor: pointer;

  font-size: 18px;
  line-height: 1.35;
  font-weight: 700;

  color: #111111;

  box-sizing: border-box;
}


/* Plus / Minus Circle */

.rk-faq-toggle {
  position: relative;

  width: 28px;
  height: 28px;

  flex: 0 0 28px;

  border-radius: 50%;
  background: #edf6fc;
}

.rk-faq-toggle::before,
.rk-faq-toggle::after {
  content: "";
  position: absolute;

  top: 50%;
  left: 50%;

  width: 13px;
  height: 2px;

  background: #1573B3;
  border-radius: 2px;

  transform: translate(-50%, -50%);
}

.rk-faq-toggle::after {
  transform:
    translate(-50%, -50%)
    rotate(90deg);

  transition: transform 0.2s ease;
}


/* When open: + becomes − */

.rk-faq-item[open] .rk-faq-toggle::after {
  transform:
    translate(-50%, -50%)
    rotate(0deg);
}


/* Answer */

.rk-faq-answer {
  padding: 0 24px 22px;

  border-top: 1px solid #eeeeee;
}

.rk-faq-answer p {
  margin: 0;
  padding-top: 14px;

  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;

  color: #444444;
}


/* Answer Links */

.rk-faq-answer a {
  color: #1573B3;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.rk-faq-answer a:hover {
  color: #105b8e;
}


/* =========================================================
   Tablet
   ========================================================= */

@media (max-width: 1024px) {

  .rk-faq-wrap {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .rk-faq-intro {
    padding: 0;
  }

  .rk-faq-intro h2 {
    font-size: 28px;
  }

  .rk-faq-intro p {
    max-width: 620px;
  }

}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 600px) {

  .rk-faq-wrap {
    gap: 26px;
  }

  .rk-faq-eyebrow {
    margin-bottom: 12px;
    font-size: 13px;
  }

  .rk-faq-intro h2 {
    margin-bottom: 16px;

    font-size: 26px;
    line-height: 1.2;
  }

  .rk-faq-intro p {
    margin-bottom: 20px;
    font-size: 15px;
  }

  .rk-faq-list {
    gap: 12px;
  }

  .rk-faq-item {
    border-radius: 12px;
  }

  .rk-faq-item summary {
    min-height: 62px;

    padding: 17px 16px;

    font-size: 16px;
    line-height: 1.35;
  }

  .rk-faq-toggle {
    width: 26px;
    height: 26px;
    flex-basis: 26px;
  }

  .rk-faq-answer {
    padding: 0 16px 18px;
  }

  .rk-faq-answer p {
    padding-top: 13px;

    font-size: 15px;
    line-height: 1.55;
  }

}/* End custom CSS */