@import url("vendor/bootstrap.min.css");
@import url("vendor/fontawesome.css"); 
@import url("vendor/solid.css"); 
@import url("vendor/brands.css"); 
@import url("vendor/voldor-icons/style.css"); 
@import url("vendor/swiper-bundle.min.css"); 
@import url("vendor/animate.min.css"); 
@import url("../webfonts/google-fonts.css");
:root { --c-primary: #00a2e9; --c-primary-dark: #028bc5; --c-dark: #000; --c-text: #505050; --c-muted: #a2a2a2; --c-white: #fff; --c-bg: #f9f9f9; --c-bg-alt: #f2f5f7; --c-border: #eee; --header-top-h: 42px; --header-main-h: 88px; --container: 1280px; --radius: 4px; --font-title: "Montserrat", "Open Sans", sans-serif; --font-body: "Open Sans", "Lato", sans-serif; --voldor-font: "Open Sans", sans-serif; --voldor-heading-font: "Barlow", "Montserrat", sans-serif; --voldor-text: #797577; --voldor-text-rgb: 121, 117, 119; --voldor-base: #AE8F62; --voldor-base-rgb: 174, 143, 98; --voldor-secondary: #241F21; --voldor-secondary-rgb: 36, 31, 33; --voldor-gray: #E6E0D8; --voldor-white: #fff; --voldor-black: #120F10; --voldor-border-color: #F4F2EE; }
.custom-cursor__cursor { width: 25px; height: 25px; border-radius: 100%; border: 1px solid var(--c-primary); transition: all 200ms ease-out; position: fixed; pointer-events: none; left: 0; top: 0; transform: translate(calc(-50% + 5px), -50%); z-index: 999991; }
.custom-cursor__cursor-two { width: 10px; height: 10px; border-radius: 100%; background-color: var(--c-primary); opacity: 0.3; position: fixed; transform: translate(-50%, -50%); pointer-events: none; transition: width 0.3s, height 0.3s, opacity 0.3s; z-index: 999991; }
.custom-cursor__hover { background-color: var(--c-primary); opacity: 0.4; }
.custom-cursor__innerhover { width: 25px; height: 25px; opacity: 0.4; }
@media (max-width:991px), (pointer:coarse) {
.custom-cursor__cursor, .custom-cursor__cursor-two { display: none !important; }
}
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: var(--font-body); font-size: 16px; line-height: 1.7; color: var(--c-text); background: var(--c-white); overflow-x: hidden; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; transition: color .25s ease, background-color .25s ease, border-color .25s ease; }
ul { list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-title); color: var(--c-dark); font-weight: 700; line-height: 1.25; margin: 0 0 12px; }
p { margin: 0 0 12px; }
.home-container, .hero-container { width: min(100% - 48px, var(--container)); margin: 0 auto; }
.section { padding: 80px 0; }
.section-short { padding: 40px 0; }
.bg-accent-color-3 { background: var(--c-bg); }
.accent-color { color: var(--c-primary); }
/* Buttons */
.btn-quote, .btn.btn-accent, .btn.btn-accent--alt { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 26px; border: 1px solid var(--c-primary); border-radius: var(--radius); background: var(--c-white); color: var(--c-primary); font-size: 14px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; overflow: hidden; z-index: 1; cursor: pointer; transition: color .3s ease, background .3s ease, border-color .3s ease; }
.btn-quote::before, .btn.btn-accent::before { content: ""; position: absolute; inset: 0; background: var(--c-primary); transform: scaleX(0); transform-origin: left; transition: transform .35s ease; z-index: -1; }
.btn-quote:hover, .btn.btn-accent:hover, .btn.btn-accent--alt:hover { color: var(--c-white); }
.btn-quote:hover::before, .btn.btn-accent:hover::before { transform: scaleX(1); }
.btn-quote-light { background: var(--c-primary); color: var(--c-white); border-color: var(--c-primary); }
.btn-quote-light::before { background: var(--c-primary); }
.btn-quote-light:hover { border-color: var(--c-primary); }
.btn-quote-solid { width: 100%; background: var(--c-primary); color: var(--c-white); }
.btn-quote-solid::before { display: none; }
.btn-quote-solid:hover { background: var(--c-primary-dark); }
/* Header */
.site-header { position: sticky; top: 0; z-index: 1040; background: var(--c-white); box-shadow: 0 1px 0 rgba(0, 0, 0, .06); }
.site-header.is-scrolled { box-shadow: 0 8px 24px rgba(0, 0, 0, .08); }
.header-inner { width: min(100% - 40px, 1400px); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.header-top { background: var(--c-dark); color: var(--c-white); font-size: 17px; }
.header-top .header-inner { min-height: var(--header-top-h); }
.header-top-info, .header-top-social, .header-actions, .header-top-link { display: flex; align-items: center; gap: 18px; }
.header-top-link { color: var(--c-white); gap: 8px; }
.header-top-link:hover, .header-social-icon:hover { color: var(--c-primary); }
.header-social-icon { width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; color: var(--c-white); }
.header-main { background: var(--c-white); }
.header-main .header-inner { min-height: var(--header-main-h); }
.header-logo img { height: 66px; width: auto; object-fit: contain; }
.header-nav { flex: 1; justify-content: center; }
.header-menu { display: flex; align-items: center; gap: 6px; }
.header-menu-item { position: relative; }
.header-menu-item > a { display: block; padding: 12px 10px; color: var(--c-dark); font-size: 17px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.header-menu-item:hover > a, .header-menu-item.is-active > a { color: var(--c-primary); }
.header-dropdown { position: absolute; top: 100%; left: 0; min-width: 380px; background: var(--c-text); box-shadow: 0 12px 30px rgba(0, 0, 0, .12); padding: 0px 0; opacity: 0; visibility: hidden; transform: translateY(8px); transition: .2s ease; z-index: 20; }
.header-menu-item:hover > .header-dropdown, .header-lang:hover > .header-dropdown, .header-dropdown li:hover > .header-dropdown-sub { opacity: 1; visibility: visible; transform: none; }
.header-dropdown a { display: block; padding: 10px 18px; color: var(--c-white); font-size: 16px; }
.header-dropdown a:hover { color: var(--c-primary); background: var(--c-bg); }
.header-dropdown-sub { top: 0; left: 100%; }
.header-icon-btn { border: 0; background: transparent; color: var(--c-dark); width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; gap: 6px; }
.header-icon-btn:hover { color: var(--c-primary); }
.header-lang { position: relative; }
.header-lang-toggle { width: auto; font-size: 17px; font-weight: 600; padding: 0 6px; }
.header-search { position: relative; }
.header-search-form { position: absolute; right: 0; top: calc(100% + 8px); display: none; background: var(--c-white); box-shadow: 0 10px 30px rgba(0, 0, 0, .12); padding: 8px; width: 260px; }
.header-search.is-open .header-search-form { display: flex; }
.header-lang.is-open > .header-dropdown { opacity: 1; visibility: visible; transform: none; }
.header-search-form input { flex: 1; border: 1px solid var(--c-border); padding: 8px 10px; outline: none; }
.header-search-form button { border: 0; background: var(--c-primary); color: var(--c-white); padding: 0 12px; }

.body-ru .header-menu-item > a{font-size: 15px !important;  padding: 12px 6px;}
.body-ru .header-top-info,.body-ru .header-top-social,.body-ru .header-actions,.body-ru .header-top-link{ gap: 10px;}
.body-ru .btn-quote,.body-ru .btn.btn-accent,.body-ru .btn.btn-accent--alt{padding: 12px 15px;font-size: 15px !important;}
@media (max-width:1300px) {
.header-logo img { height: 50px; }
.header-inner { gap: 15px; }
.header-menu-item > a { font-size: 13px; }
.btn-quote, .btn.btn-accent, .btn.btn-accent--alt { padding: 10px 15px; font-size: 13px; }
}
@media (max-width:1200px) {
.header-inner { gap: 10px; }
.header-menu-item > a { font-size: 13px; padding: 12px 5px; }
}
@media (max-width:991px) {
.header-main .header-inner { min-height: 60px; }
}
/* Hero */
.hero-slider { position: relative; color: var(--c-white); }
.banner-swiper, .banner-swiper .swiper-slide { height: min(850px, 100vh); }
.banner-swiper .swiper-slide { position: relative; overflow: hidden; }
.hero-slide-media, .hero-slide-media picture, .hero-slide-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hero-slide-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .1) 100%); 
}
.hero-slide-content { position: relative; z-index: 2; height: 100%; width: min(100% - 80px, 1400px); max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.hero-slide-title { color: var(--c-white); font-size: clamp(32px, 4.6vw, 40px); font-weight: 600; line-height: 1.15; margin-bottom: 28px;     /*max-width: 16ch;*/ text-align: center; }
.hero-slide-text{ color: var(--c-white); font-size: clamp(32px, 4.6vw, 40px); font-weight: 600; line-height: 1.15; margin-bottom: 28px;     /*max-width: 16ch;*/ text-align: center; }
.hero-slide-animate { opacity: 0; transform: translateY(28px); transition: opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1), transform 0.75s cubic-bezier(0.22, 1, 0.36, 1); }
.hero-slide-animate.is-visible { opacity: 1; transform: none; }
.hero-slide-animate--btn { transition-delay: 0.18s; }
@media (prefers-reduced-motion:reduce) {
.hero-slide-animate { opacity: 1; transform: none; transition: none; }
}

/* .hero-slide-text {
color: var(--c-white);
font-size: 18px;
margin-bottom: 24px;
} */
.hero-nav { color: var(--c-white); width: 48px; height: 48px; }
.hero-nav::after { font-size: 22px; }
.hero-mouse { position: absolute; left: 50%; bottom: 28px; transform: translateX(-50%); width: 22px; height: 36px; border: 2px solid var(--c-white); border-radius: 50px; z-index: 3; }
.hero-mouse-wheel { display: block; width: 3px; height: 8px; margin: 6px auto 0; background: var(--c-white); border-radius: 2px; animation: mouse-scroll 1.4s infinite; }
@keyframes mouse-scroll {
0% { opacity: 1; transform: translateY(0); }
100% { opacity: 0; transform: translateY(12px); }
}
/* Home sections */
.home-section { padding: 100px 0 50px; }
.section-heading h2, .section-heading--center, .home-section > .home-container > h2 { font-size: clamp(26px, 3vw, 36px); }
.section-heading--split { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 36px; }
.section-heading--center { text-align: center; margin-bottom: 36px; }
.home-alloys, .home-partners { background: var(--c-white); }
.alloy-card { display: block; height: 100%; color: var(--c-text); }
.alloy-card-image, .alloy-card-placeholder, .about-media-placeholder { background: linear-gradient(135deg, #ececec, #d7d7d7); }
/* 显示3行文字*/
.alloy-card-image { overflow: hidden; margin-bottom: 16px; border-radius: 15px; overflow: hidden;  }
.alloy-card-image img, .alloy-card-placeholder { width: 100%; height: 220px; object-fit: cover; }
.alloy-card p{font-size: 17px; color:#000}
.alloy-card h3 { font-size: 22px; margin-bottom: 8px;height: 50px;display:flex;align-items:center;}
.alloy-card:hover h3 { color: var(--c-primary); }
.swiper-alloys-wrap, .swiper-partner-wrap { position: relative; }
.swiper-alloys, .swiper-partner { margin: 0 40px; padding: 0 0 20px; overflow: hidden; }
.swiper-alloys-wrap .alloys-nav, .swiper-partner-wrap .partner-nav { --swiper-navigation-size: 25px; width: 25px; height: 25px; margin-top: 0; top: 50%; transform: translateY(-50%); color: var(--c-dark); }
.swiper-alloys-wrap .alloys-nav::after, .swiper-partner-wrap .partner-nav::after { font-size: 25px; }
.swiper-alloys-wrap .swiper-button-prev.alloys-nav, .swiper-partner-wrap .swiper-button-prev.partner-nav { left: 0; }
.swiper-alloys-wrap .swiper-button-next.alloys-nav, .swiper-partner-wrap .swiper-button-next.partner-nav { right: 0; }
.temp-category-content { flex: 1; min-width: 0; }
.alloys-nav:hover, .partner-nav:hover { color: var(--c-primary); }
.inner-about-bg { padding: 80px 0; position: relative; background: url("../image/home/about-bg.jpg") center / cover no-repeat; }
.inner-about-bg::before { content: ""; position: absolute; inset: 0; background: rgba(255, 255, 255, .82); z-index: 0; }
.inner-about-bg > .home-container { position: relative; z-index: 1; }
.home-about2-bg { position: relative; background: url("../image/home/about-bg.jpg") center / cover no-repeat; }
.home-about2-bg::before { content: ""; position: absolute; inset: 0; background: rgba(255, 255, 255, .82); z-index: 0; }
.home-about2-bg > .home-container { position: relative; z-index: 1; }
.about-layout { display: grid; grid-template-columns: 1.15fr .85fr; gap: 48px; align-items: center; }
.about-copy h2 { font-size: clamp(28px, 3vw, 40px); margin-bottom: 18px; }
.about-text, .about-text p { color: var(--c-text); margin-bottom: 20px; }
.about-media img, .about-media-placeholder { width: 100%; height: 290px; object-fit: cover; border-radius: 15px; box-shadow: 0 30px 20px -23px rgba(0, 0, 0, .34); }
.about-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 56px; }
.about-stat-number { display: flex; align-items: flex-end; justify-content: center; gap: 10px; color: var(--c-primary); font-size: 48px; font-weight: 700; line-height: 1; }
.about-stat-number small { font-size: 18px; font-weight: 400; color: var(--c-text); text-transform: uppercase; padding-bottom: 6px; }
.about-stat p { margin-top: 8px; font-size: 20px; font-weight: 600; color: var(--c-text); text-transform: capitalize; text-align: center; }
@media (max-width:991px) {
  .inner-about-bg { padding: 60px 0;}
}

@media (max-width:587px) {
  .inner-about-bg { padding: 40px 0;}
}
/* About 富文本内容 */
.about-content { margin-top: 56px; color: var(--c-text); font-size: 16px; line-height: 1.8; word-wrap: break-word; }
.about-content h1, .about-content h2, .about-content h3, .about-content h4, .about-content h5, .about-content h6 { color: var(--c-dark); font-weight: 700; line-height: 1.4; margin: 1.6em 0 .8em; }
.about-content h1 { font-size: 28px; }
.about-content h2 { font-size: 24px; }
.about-content h3 { font-size: 20px; }
.about-content h4 { font-size: 18px; }
.about-content h5, .about-content h6 { font-size: 16px; }
.about-content h1:first-child, .about-content h2:first-child, .about-content h3:first-child, .about-content p:first-child { margin-top: 0; }
.about-content p { margin-bottom: 1em;color:var(--c-dark); }
.about-content a { color: var(--c-primary); text-decoration: underline; }
.about-content a:hover { color: var(--c-primary-dark); }
.about-content strong { color: var(--c-dark); font-weight: 600; }
.about-content ul, .about-content ol { padding-left: 1.5em; margin-bottom: 1em; }
.about-content ul { list-style: disc; }
.about-content ol { list-style: decimal; }
.about-content li { margin-bottom: .5em; }
.about-content img, .about-content video { max-width: 100%; height: auto; border-radius: var(--radius); margin: 1em 0; }
.about-content blockquote { margin: 1.5em 0; padding: 12px 20px; border-left: 3px solid var(--c-primary); background: var(--c-bg); }
.about-content table { width: 100%; border-collapse: collapse; margin: 1.5em 0; font-size: 15px; }
.about-content table th, .about-content table td { border: 1px solid var(--c-border); padding: 10px 14px; text-align: left; }
.about-content table th { background: var(--c-bg-alt); color: var(--c-dark); font-weight: 600; }
.about-content table tr:nth-child(even) td { background: var(--c-bg); }
.about-content hr { border: 0; border-top: 1px solid var(--c-border); margin: 2em 0; }
.about-content iframe { max-width: 100%; }
/* ============ 产品详情页(参考 tr-welding site-main 布局) ============ */
.pd-breadcrumb { background: var(--c-white); padding: 24px 0 14px; }
.pd-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 15px; list-style: none; margin: 0; padding: 0; font-size: 15px; }
.pd-breadcrumbs a { display: inline-flex; align-items: center; gap: 6px; color: var(--c-text); }
.pd-breadcrumbs a:hover { color: var(--c-primary); }
.pd-breadcrumbs-current { color: var(--c-text); }
.pd-breadcrumbs-sep { color: var(--c-muted); font-size: 13px; }
.pd-breadcrumbs-divider { width: 10%; min-width: 64px; height: 4px; background: var(--c-primary); margin-top: 12px; }
.pd-main { background: var(--c-white); padding: 20px 0 60px; }
.pd-layout { position: relative; gap: 40px; align-items: start; }
.pd-col-left, .pd-col-right { min-width: 0; }
.pd-title { font-size: clamp(26px, 2.5vw + 1rem, 44px); text-transform: capitalize; color: var(--c-dark); line-height: 1.25; margin: 0 0 10px; }
.pd-intro { color: #000; font-size: 17px; margin-bottom: 30px; }
.pd-intro p { margin: 0 0 10px; }
.pd-intro p:last-child { margin-bottom: 0; }
.pd-gallery { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 30px; }
.pd-gallery-item { display: block; aspect-ratio: 3 / 2; border-radius: 6px; overflow: hidden; background: var(--c-bg-alt); }
.pd-gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.pd-gallery-item:hover img { transform: scale(1.08); }
.pd-actions { display: flex; flex-wrap: wrap; gap: 30px; margin-bottom: 30px; }
.pd-btn { display: inline-flex; align-items: center; gap: 10px; padding: 13px 32px; background: var(--c-bg); border: 1px solid var(--c-primary); border-radius: 4px; color: var(--c-primary); font-size: 16px; font-weight: 600; transition: background-color .3s, color .3s; }
.pd-btn i { font-size: 18px; }
.pd-btn:hover { background: var(--c-primary); color: var(--c-white); }
.pd-share { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; background: var(--c-bg); border-radius: 8px; padding: 20px; }
.pd-share-label { color: var(--c-text); font-size: 16px; }
.pd-share-icons { display: flex; flex-wrap: wrap; gap: 10px; }
.pd-share-btn { width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 50%; color: var(--c-white); font-size: 16px; cursor: pointer; transition: filter .2s; }
.pd-share-btn:hover { filter: brightness(1.15); }
.pd-share-btn--facebook { background: #3b5998; }
.pd-share-btn--linkedin { background: #0077b5; }
.pd-share-btn--youtube { background: #ff0000; }
.pd-share-btn--instagram { background: #e4405f; }
.pd-share-btn--x { background: #000; }
.pd-share-btn--pinterest { background: #bd081c; }
.pd-share-btn--tiktok { background: #000; }

.news-detail-content p,.temp-paragraph{font-size: 17px; color:#000;}
/* 产品详情富文本 */
.pd-content { color: var(--c-dark); font-size: 15px; line-height: 1.8; word-break: break-word; }
.pd-content h1, .pd-content h2, .pd-content h3, .pd-content h4, .pd-content h5, .pd-content h6 { color: var(--c-dark); font-weight: 700; line-height: 1.4; margin: 1.6em 0 .8em; }
.pd-content h1 { font-size: 26px; }
.pd-content h2 { font-size: 22px; }
.pd-content h3 { font-size: 19px; }
.pd-content h4 { font-size: 17px; }
.pd-content h5, .pd-content h6 { font-size: 15px; }
.pd-content h1:first-child, .pd-content h2:first-child, .pd-content h3:first-child, .pd-content p:first-child { margin-top: 0; }
.pd-content p { margin-bottom: 1em; }
.pd-content a { color: var(--c-primary); text-decoration: underline; }
.pd-content a:hover { color: var(--c-primary-dark); }
.pd-content strong { color: var(--c-dark); font-weight: 600; }
.pd-content ul, .pd-content ol { padding-left: 1.5em; margin-bottom: 1em; }
.pd-content ul { list-style: disc; }
.pd-content ol { list-style: decimal; }
.pd-content li { margin-bottom: .5em; }
.pd-content img, .pd-content video { max-width: 100%; height: auto; border-radius: var(--radius); margin: 1em 0; }
.pd-content blockquote { margin: 1.5em 0; padding: 12px 20px; border-left: 3px solid var(--c-primary); background: var(--c-bg); }
.pd-content hr { border: 0; border-top: 1px solid var(--c-border); margin: 2em 0; }
.pd-content iframe { max-width: 100%; }
.pd-content-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
/* 产品详情规格表：固定最小宽度，窄屏横向滚动，避免列被压成逐字换行 */
.pd-content table { width: 100%; min-width: 1400px; border-collapse: collapse; margin: 1.5em 0; font-size: 14px; background: var(--c-white); }
.pd-content table th, .pd-content table td { border: 1px solid #333; padding: 10px 5px;  vertical-align: middle; word-break: normal; }
.pd-content table th { background: var(--c-bg-alt); color: var(--c-dark); font-weight: 600;text-align: center; }
/* .pd-content table td{text-align: left;} */
.pd-content table th span, .pd-content table td span{font-size: 14px !important; line-height: 22px;}
.pd-content table th p, .pd-content table td p{margin-bottom: 2px !important;}
.pd-related { margin-top: 56px; }
.pd-related-title { font-size: 24px; color: var(--c-dark); border-bottom: 1px solid var(--c-border); padding-bottom: 12px; margin-bottom: 24px; }
/* ============ 搜索结果页 ============ */
.sp-main { background: var(--c-white); padding: 8px 0 60px; }
.sp-head { text-align: center; padding: 24px 0 4px; }
.sp-title { font-size: clamp(28px, 3vw, 40px); color: var(--c-dark); text-transform: capitalize; margin: 0 0 10px; }
.sp-keyword { margin: 0 0 22px; color: var(--c-text); font-size: 15px; }
.sp-keyword strong { color: var(--c-dark); }
.sp-search { display: flex; max-width: 620px; margin: 0 auto; border: 2px solid var(--c-primary); border-radius: var(--radius); overflow: hidden; background: var(--c-white); }
.sp-search input { flex: 1; min-width: 0; border: 0; outline: none; padding: 12px 16px; font-size: 15px; color: var(--c-dark); background: transparent; }
.sp-search input::placeholder { color: #aaa; }
.sp-search button { display: inline-flex; align-items: center; gap: 8px; border: 0; background: var(--c-primary); color: var(--c-white); padding: 0 20px; font-size: 15px; cursor: pointer; transition: filter .3s ease; }
.sp-search button:hover { filter: brightness(.92); }
.sp-tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--c-border); margin: 30px 0 34px; }
.sp-tab { display: inline-flex; align-items: center; gap: 8px; padding: 12px 18px; color: var(--c-text); font-size: 15px; border-bottom: 2px solid transparent; margin-bottom: -1px; transition: color .3s ease, border-color .3s ease; }
.sp-tab em { font-style: normal; background: var(--c-bg); color: var(--c-text); border-radius: 10px; padding: 1px 8px; font-size: 13px; line-height: 18px; }
.sp-tab:hover, .sp-tab.is-active { color: var(--c-primary); border-bottom-color: var(--c-primary); }
.sp-tab.is-active em { background: var(--c-primary); color: var(--c-white); }
.sp-products .card-item .image-container { aspect-ratio: 3 / 2; background: var(--c-bg-alt); }
.sp-news .blogh-card__image--empty { background: var(--c-bg-alt); aspect-ratio: 600 / 762; }
.sp-empty { text-align: center; padding: 56px 0; color: var(--c-text); }
.sp-empty i { font-size: 42px; color: #c5c9cc; }
.sp-empty p { margin: 14px 0 0; }
/* ============ Info 独立列表卡片（Bootstrap card 主题化补丁）============ */
.il-card { border-color: var(--c-border); transition: box-shadow .3s ease, transform .3s ease; }
.il-card__media { overflow: hidden; border-top-left-radius: inherit; border-top-right-radius: inherit; background: var(--c-bg-alt); }
.il-card__media img { width: 100%; height: 220px; object-fit: cover; transition: transform .5s ease; }
.il-card .card-body { padding: 16px; }
.il-card .card-title { margin-bottom: 0; font-family: var(--font-title); font-size: 16px; font-weight: 600; line-height: 1.45; color: var(--c-dark); transition: color .3s ease; }
.il-card:hover { box-shadow: 0 12px 28px rgba(0, 0, 0, .1); transform: translateY(-4px); }
.il-card:hover .il-card__media img { transform: scale(1.06); }
.il-card:hover .card-title { color: var(--c-primary); }
.il-card__more { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; font-size: 13px; line-height: 1.6; color: var(--c-primary); }
.il-card__more i { font-size: 11px; transition: transform .3s ease; }
.il-card:hover .il-card__more i { transform: translateX(4px); }
/* 证书类：图片需完整展示，等比缩放不裁切 */
.il-card--fit .il-card__media { cursor: zoom-in; }
.il-card--fit .il-card__media img { height: auto; object-fit: contain; padding: 12px; background: var(--c-white); }
.il-card--fit:hover .il-card__media img { transform: none; }
.home-partners { background: var(--c-white); }
.partner-logo { height: 92px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--c-border); border-radius: var(--radius); padding: 12px; background: var(--c-white); }
.partner-logo img { max-height: 64px; width: auto; margin: 0 auto; }
.partner-nav { color: rgba(230, 0, 18, .6); }
/* Footer */
.site-footer { background: #111; color: #cfcfcf; }
.footer-main { padding: 70px 0 40px; }
.footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 36px; }
.footer-logo { display: inline-block; margin-bottom: 16px; }
.footer-logo img { height: 52px; width: auto; filter: brightness(0) invert(1); }
.footer-col h3 { color: var(--c-white); font-size: 18px; margin-bottom: 18px; }
.footer-col p, .footer-contact-list li, .footer-links a { color: #cfcfcf; font-size: 16px; }
.footer-contact-list li, .footer-links li { margin-bottom: 10px; }
.footer-contact-list li { display: flex; gap: 10px; align-items: flex-start; }
.footer-contact-list i { color: var(--c-primary); margin-top: 4px; }
.footer-links a:hover, .footer-contact-list a:hover { color: var(--c-white); }
.footer-social { display: flex; gap: 10px; margin-top: 16px; }
.footer-social a { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, .2); color: var(--c-white); }
.footer-social a:hover { background: var(--c-primary); border-color: var(--c-primary); }
.footer-copy { border-top: 1px solid rgba(255, 255, 255, .08); padding: 18px 0; font-size: 13px; }
.footer-copy .home-container { display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.footer-legal { display: flex; gap: 16px; }
.footer-legal a{font-size: 16px;}
.footer-legal a:hover { color: var(--c-white); }
/* Quote modal & pulse */
.quote-modal .modal-content { border: 0; border-radius: 6px; }
.quote-modal .modal-header { border-bottom: 0; padding: 24px 24px 0; }
.quote-modal .modal-title { font-size: 26px; }
.quote-modal .modal-body { padding: 16px 24px 28px; }
.quote-field { margin-bottom: 14px; }
.quote-field label { display: block; margin-bottom: 6px; font-weight: 600; color: var(--c-dark); }
.quote-field input, .quote-field textarea, .form input, .form textarea { width: 100%; border: 1px solid #ddd; border-radius: var(--radius); padding: 10px 12px; outline: none; font: inherit; }
.quote-field input:focus, .quote-field textarea:focus, .form input:focus, .form textarea:focus { border-color: var(--c-primary); }
.quote-pulse { position: fixed; right: 24px; bottom: 24px; z-index: 1030; width: 56px; height: 56px; border-radius: 50%; background: var(--c-primary); color: var(--c-white); display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 0 rgba(0, 162, 233, .55); animation: pulse 1.8s infinite; }
@keyframes pulse {
0% { box-shadow: 0 0 0 0 rgba(0, 162, 233, .55); }
70% { box-shadow: 0 0 0 16px rgba(0, 162, 233, 0); }
100% { box-shadow: 0 0 0 0 rgba(0, 162, 233, 0); }
}

/* Mobile sidebar */
.sidebar-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, .45); opacity: 0; visibility: hidden; transition: .25s ease; z-index: 1050; }
.sidebar-overlay.active { opacity: 1; visibility: visible; }
.sidebar { position: fixed; top: 0; right: 0; width: min(86vw, 360px); height: 100%; background: var(--c-white); transform: translateX(100%); transition: transform .3s ease; z-index: 1060; overflow: auto; }
.sidebar.active { transform: none; }
.sidebar-header { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; border-bottom: 1px solid var(--c-border); }
.sidebar-logo img { height: 42px; }
.close-btn { border: 0; background: transparent; font-size: 20px; cursor: pointer; }
.sidebar .menu { padding: 12px 0 40px; }
.sidebar .menu > li > a, .sidebar .dropdown-header { display: flex; align-items: center; justify-content: space-between; padding: 12px 20px; color: var(--c-dark); font-size: 18px; font-weight: 600; }
.sidebar-dropdown-btn { border: 0; background: transparent; cursor: pointer; }
.sidebar-dropdown-menu { display: none; padding-left: 16px; background: var(--c-bg); }
.sidebar-dropdown-menu.active { display: block; }
.sidebar-dropdown-menu a { display: block; padding: 10px 20px; }
/* Inner pages */
.banner-inner { min-height: 280px; background: #1b252f center/cover no-repeat; display: flex; align-items: center; position: relative; }
.banner-inner::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .45); }
.banner-inner-content { position: relative; z-index: 1; color: var(--c-white); }
.banner-inner-title { color: var(--c-white); font-size: clamp(28px, 4vw, 48px); }
.banner-inner-excerpt { color: rgba(255, 255, 255, .86); }
.temp-content-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.card-item, .card-blog, .card-temp-category { background: var(--c-white); border: 1px solid var(--c-border); padding: 16px; }
.card-item .image-container img, .card-blog .image-container img { width: 100%; height: 200px; object-fit: cover; }
.item-title, .blog-link { margin-top: 12px; font-size: 18px; }
.card-item h3{font-size: 18px;color:#000;font-weight: 700;}
.card-item p{font-size: 17px;color:#000;font-weight: 400;}
.temp-category-container { min-width: 260px; }
.temp-category-list li { border-bottom: 1px solid var(--c-border); }
.temp-category-list a { display: block; padding: 10px 0; }
.temp-category-list a.active, .temp-category-list a:hover { color: var(--c-primary); }
.temp-category-item { display: flex; align-items: center; justify-content: space-between; }
.temp-category-sublist { display: none; padding-left: 12px; }
.has-children.expanded .temp-category-sublist { display: block; }
.line-clamp-2, .line-clamp-3,.line-clamp-4  { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-2 { -webkit-line-clamp: 2; }
.line-clamp-3 { -webkit-line-clamp: 3; }
.line-clamp-4 { -webkit-line-clamp: 4; }
.gspace-1 { gap: .5rem; }
.gspace-2 { gap: 1rem; }
.gspace-3 { gap: 1.5rem; }
.gspace-5 { gap: 3rem; }
.gspace-x-3 { column-gap: 1.5rem; }
.gspace-y-5 { row-gap: 3rem; }
.grid-spacer-2 { --bs-gutter-x: 1rem; --bs-gutter-y: 1rem; }
.grid-spacer-3 { --bs-gutter-x: 1.5rem; --bs-gutter-y: 1.5rem; }
.maps { width: 100%; min-height: 360px; }
.pagination { display: flex; gap: 8px; justify-content: center; }
.pagination li a, .pagination li span { display: inline-flex; min-width: 36px; height: 36px; align-items: center; justify-content: center; border: 1px solid var(--c-border); }
.pagination li.active span, .pagination .active a { background: var(--c-primary); color: var(--c-white); border-color: var(--c-primary); }
.contact-content h2, .card-contact h3 { margin-bottom: 12px; }
.banner-contact { position: relative; background-color: var(--c-dark); color: var(--c-white); z-index: 1; }
.banner-contact::before { content: ""; position: absolute; inset: 0; background-image: url("../image/world-map.png"); background-color: rgba(0, 162, 233, .18); background-position: center; background-repeat: no-repeat; background-size: auto; opacity: .65; z-index: -1; }
.banner-contact.banner-light { background-color: var(--c-white); color: var(--c-dark); }
.banner-contact.banner-light::before { opacity: .05; background-color: transparent; }
.contact-content { display: flex; flex-direction: column; gap: 15px; padding-right: 3em; color: var(--c-white); }
.banner-contact.banner-light .contact-content { color: var(--c-dark); }
.secondary-accent { color: var(--c-white); }
.sub-heading { display: flex; flex-direction: row; align-items: center; gap: 10px; }
.sub-heading h4 { margin-bottom: 0; }
.card-contact { background-color: rgba(31, 31, 31, .18); color: var(--c-white); padding: 8em 2.5em 3em; margin-top: -8em; display: flex; flex-direction: column; gap: 30px; position: relative; z-index: 1; border: 0; }
.card-contact::before { content: ""; position: absolute; inset: 0; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border-radius: inherit; background-color: inherit; z-index: -1; }
.banner-contact.banner-light .card-contact { background-color: var(--c-dark); margin: 0; padding: 3em 2.5em; }
.card-contact h3 { color: var(--c-white); margin-bottom: 0; }
.card-contact .form { display: flex; flex-direction: column; gap: 10px; }
.card-contact .form label { color: var(--c-primary); font-family: var(--font-title); font-size: 1.05rem; font-weight: 600; line-height: 1.35; }
.card-contact .form input, .card-contact .form textarea { width: 100%; padding: 1em; background-color: rgba(199, 199, 199, .31); color: var(--c-white); border: 1px solid rgba(199, 199, 199, .31); border-radius: var(--radius); outline: none; font: inherit; box-shadow: none; }
.card-contact .form input::placeholder, .card-contact .form textarea::placeholder { color: rgba(255, 255, 255, .55); }
.card-contact .form input:focus, .card-contact .form textarea:focus { border-color: var(--c-primary); }
.card-contact .form input:-webkit-autofill, .card-contact .form input:-webkit-autofill:focus { -webkit-text-fill-color: var(--c-white); transition: background-color 5000s ease-in-out; }
.card-contact .btn.btn-accent--alt { background: var(--c-primary); color: var(--c-white); border-color: var(--c-primary); justify-content: center; width: auto; align-self: flex-start; }
.card-contact .btn.btn-accent--alt::before { display: none; }
.card-contact .btn.btn-accent--alt:hover { background: var(--c-white); color: var(--c-primary); }
.card-contact .alert .form-validaton { color: var(--c-white); margin: 0; }
.social-icon.social-icon-accent { background: var(--c-primary); color: var(--c-white); }
.social-icon.social-icon-accent:hover { background: var(--c-dark); }
@media (max-width:991px) {
.card-contact { margin-top: -2em; padding: 8em 2em 3em; }
}
@media (max-width:767px) {
.card-contact, .banner-contact.banner-light .card-contact { margin-top: 0; padding: 3em 1.5em; }
.contact-content { padding-right: 0; }
.alloy-card h3{font-size: 20px;}
}
.animate-box[data-animate] { opacity: 0; }
/* Scroll reveal */
.reveal, [data-reveal] { opacity: 0; transform: translateY(32px); transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1); }
.reveal.is-revealed, [data-reveal].is-revealed { opacity: 1; transform: none !important; }
.reveal--up, [data-reveal="up"] { transform: translateY(32px); }
.reveal--down, [data-reveal="down"] { transform: translateY(-32px); }
.reveal--left, [data-reveal="left"] { transform: translateX(-36px); }
.reveal--right, [data-reveal="right"] { transform: translateX(36px); }
.reveal--fade, [data-reveal="fade"] { transform: none; }
.reveal--zoom, [data-reveal="zoom"] { transform: scale(0.96); }
@media (prefers-reduced-motion:reduce) {
.reveal, [data-reveal], .animate-box[data-animate] { opacity: 1 !important; transform: none !important; transition: none !important; }
}
.social-icon { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; background: var(--c-dark); color: var(--c-white); }
.social-icon:hover { background: var(--c-primary); color: var(--c-white); }
.underline-accent-5 { height: 1px; background: var(--c-border); margin: 16px 0; }
[dir="rtl"] .hero-slide-content { margin-left: auto; margin-right: auto; align-items: center; text-align: center; }
[dir="rtl"] .header-dropdown { left: auto; right: 0; }
[dir="rtl"] .header-dropdown-sub { left: auto; right: 100%; }
[dir="rtl"] .quote-pulse { right: auto; left: 24px; }
[dir="rtl"] .im { left: auto; right: 18px; }
@media (max-width:1199px) {
.footer-grid { grid-template-columns: 1fr 1fr; }
.about-stats { grid-template-columns: repeat(2, 1fr); }
.temp-content-container { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width:1024px) {
.about-layout { grid-template-columns: 1fr; }
.pd-layout { grid-template-columns: 1fr; }
.pd-title, .product-series-page__title { font-size: 28px; }
.pd-gallery { grid-template-columns: repeat(2, 1fr); gap: 10px; }
.hero-slide-content { margin: 0 auto; max-width: 90%; }
.banner-swiper, .banner-swiper .swiper-slide { height: 80vh; }
}
@media (max-width:767px) {
.home-container, .hero-container { width: min(100% - 32px, var(--container)); }
.home-section, .section { padding: 48px 0; }
.header-logo img { height: 44px; }
.section-heading--split { flex-direction: column; text-align: center; }
.hero-slide-content { margin: 0 auto; padding: 0 1%; text-align: center; align-items: center; max-width: 100%;width: 96%; }
.hero-slide-title { margin-bottom:120px; font-size: 20px; max-width: none; }
.hero-slide-text{font-size: 20px;}
.banner-swiper, .banner-swiper .swiper-slide { height: 70vh; }
.about-media img, .about-media-placeholder { height: 180px; }
.about-stat-number { font-size: 36px; flex-direction: column; align-items: center; gap: 4px; }
.about-stat { text-align: center; }
.about-content { margin-top: 40px;}
.about-content table { display: block; overflow-x: auto; }
.pd-main { padding-bottom: 48px; }
.pd-breadcrumb { padding-top: 16px; }
.pd-title { font-size: 22px; }
.pd-share { flex-direction: column; align-items: flex-start; gap: 12px; }
.pd-related { margin-top: 40px; }
.sp-main { padding-bottom: 48px; }
.sp-search button span { display: none; }
.sp-search button { padding: 0 14px; }
.sp-tabs { overflow-x: auto; }
.sp-tab { white-space: nowrap; }
.il-card__media img { height: 180px; }
.il-card--fit .il-card__media img { height: 200px; }
.temp-content-container, .footer-grid { grid-template-columns: 1fr; }
.footer-copy .home-container { flex-direction: column; text-align: center; }
.about-stat p{font-size: 16px;}
}
/* Voldor-style home modules */
.home-container--wide { width: min(100% - 48px, 1520px); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.hz-sec-title { padding-bottom: 40px; }
.hz-sec-title--center { text-align: center; }
.hz-sec-title__tagline { display: flex; align-items: center; justify-content: flex-start; gap: 7px; margin: 0; font-family: var(--font-title); font-weight: 600; font-size: 14px; line-height: 1; text-transform: uppercase; letter-spacing: .1em; color: #797577; }
.hz-sec-title--center .hz-sec-title__tagline { justify-content: center; }
.hz-sec-title__img { display: block; width: 20px; height: 20px; max-width: none; flex: 0 0 20px; object-fit: contain; }
.hz-sec-title__tagline--light { color: #a2a2a2; }
.hz-sec-title__title { margin: 8px 0 0; text-transform: uppercase; color: #241f21; font-size: 30px; font-weight: 700; line-height: 1.25; }
.hz-sec-title__title--light { color: var(--c-white); }
@media (min-width:768px) {
.hz-sec-title { padding-bottom: 50px; }
.hz-sec-title__title { font-size: 40px; }
}
.home-services { position: relative; z-index: 1; padding: 100px 0 140px; background: var(--c-white); }
.home-services::after { content: ""; position: absolute; inset: 0 auto auto 0; right: 0; height: 560px; z-index: -2; background: #f4f2ee; }
.home-services__bg { position: absolute; inset: 0 auto auto 0; right: 0; height: 560px; z-index: -1; background-repeat: no-repeat; background-size: cover; mix-blend-mode: overlay; }
.svc-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.svc-card { padding-top: 56px; padding-bottom: 45px; }
.svc-card__inner { background: var(--c-white); box-shadow: 0 6px 30px 2px rgba(0, 0, 0, .1); position: relative; height: 100%; }
.svc-card__inner::after { content: ""; position: absolute; top: 0; left: 0; background: #e6e0d8; width: 41px; height: 56px; clip-path: polygon(100% 0, 100% 100%, 0 0); }
.svc-card__icon { position: relative; margin-top: -57px; margin-left: 41px; width: 120px; height: 112px; display: flex; justify-content: center; align-items: center; background: #241f21; font-size: 48px; color: var(--c-white); transition: background .4s ease; }
.svc-card__content { margin: 25px 20px 20px 40px; }
.svc-card__title { font-size: 22px; line-height: 1.3; text-transform: uppercase; margin-bottom: 8px; }
.svc-card__title a:hover { color: var(--c-primary); }
.svc-card__text { font-size: 15px; line-height: 1.7; color: #797577; margin: 0; }
.svc-card__thumb { position: relative; margin-left: 40px; margin-bottom: -45px; overflow: hidden; }
.svc-card__thumb-item img { width: 100%; height: 170px; object-fit: cover; }
.svc-card__thumb > a { position: absolute; bottom: 20px; left: 0; z-index: 2; text-transform: uppercase; font-family: var(--font-title); font-weight: 600; font-size: 14px; color: var(--c-white); padding: 6px 18px; background: var(--c-primary); transform: translateX(-110%); transition: transform .8s ease; }
.svc-card__thumb::after { content: ""; position: absolute; inset: 0; height: 0; background: rgba(36, 31, 33, .7); transition: height .4s ease; z-index: 1; }
.svc-card:hover .svc-card__thumb::after { height: 100%; }
.svc-card:hover .svc-card__thumb > a { transform: translateX(0); }
.svc-card:hover .svc-card__icon { background: var(--c-primary); }
.home-why { position: relative; z-index: 1; padding: 0 0 120px; min-height: 640px; }
.home-why__bg { position: absolute; inset: 0; z-index: -1; background-color: #241f21; background-repeat: no-repeat; background-size: cover; mix-blend-mode: luminosity; }
.home-why__media { position: absolute; top: -48px; left: 0; width: 48.5%; }
.home-why__thumb { position: relative; overflow: hidden; }
.home-why__thumb img { width: 100%; height: 720px; object-fit: cover; display: block; }
.home-why__thumb::after { content: ""; width: 130px; height: 200px; background: #241f21; position: absolute; right: 0; bottom: 0; }
.home-why__media::before { content: ""; width: 57px; height: 48px; background: #797577; clip-path: polygon(0 0, 0% 100%, 100% 100%); position: absolute; right: -57px; top: 0; }
.home-why .home-container { position: relative; }
.home-why__copy { margin-left: 52%; padding-top: 80px; }
.home-why__top { margin-bottom: 36px; }
.home-why__top .hz-sec-title { padding-bottom: 16px; }
.home-why__text { font-size: 16px; line-height: 1.88; color: #f4f2ee; margin: 0; }
.home-why__feature { display: flex; align-items: center; gap: 20px; max-width: 550px; }
.home-why__feature + .home-why__feature { margin-top: 28px; padding-top: 28px; border-top: 1px solid #797577; }
.home-why__feature-icon { flex: 0 0 60px; width: 60px; height: 60px; border-radius: 50%; background: rgba(121, 117, 119, .2); color: var(--c-primary); font-size: 24px; display: flex; align-items: center; justify-content: center; transition: background .4s ease, color .4s ease; }
.home-why__feature:hover .home-why__feature-icon { background: var(--c-primary); color: var(--c-white); }
.home-why__feature-body { display: flex; align-items: center; gap: 16px; }
.home-why__feature-title { color: var(--c-white); text-transform: uppercase; font-size: 16px; font-weight: 600; margin: 0; padding-right: 16px; border-right: 1px solid #797577; max-width: 110px; line-height: 1.4; }
.home-why__feature-text { color: #a2a2a2; font-size: 15px; line-height: 1.7; margin: 0; }
.home-why__facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 56px; margin-left: -80px; margin-bottom: -95px; position: relative; z-index: 2; }
.home-why__fact { background: var(--c-white); text-align: center; padding-bottom: 40px; }
.home-why__fact-icon { border: 1px solid var(--c-primary); border-top: none; width: 103px; height: 89px; margin: 0 auto 10px; display: flex; align-items: center; justify-content: center; font-size: 42px; color: var(--c-primary); transition: background .4s ease, color .4s ease; }
.home-why__fact:hover .home-why__fact-icon { background: var(--c-primary); color: var(--c-white); }
.home-why__fact-count { display: flex; align-items: center; justify-content: center; gap: 2px; font-size: 40px; font-weight: 700; color: #241f21; margin: 0 0 8px; line-height: 1.2; }
.home-why__fact-text { color: #797577; font-size: 15px; font-weight: 600; text-transform: uppercase; line-height: 1.4; margin: 0; }
.home-blog { position: relative; z-index: 1; padding: 50px 0 100px; background: var(--c-white); }
.blogh-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.blogh-card { position: relative; }
.blogh-card__image { position: relative; overflow: hidden; }
.blogh-card__image img { width: 100%; object-fit: cover; }
.blogh-card__overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(36, 31, 33, .7); opacity: 0; transform: translateY(-100%); transition: opacity 1s ease, transform 1s ease; }
.blogh-card__overlay::before, .blogh-card__overlay::after { content: ""; width: 25px; height: 2px; background: var(--c-white); position: absolute; }
.blogh-card__overlay::after { transform: rotate(90deg); }
.blogh-card:hover .blogh-card__overlay { opacity: 1; transform: none; }
.blogh-card__content { margin: -130px 10px 0; background: #f4f2ee; position: relative; padding: 16px 28px 18px; transition: background .4s ease, box-shadow .4s ease; }
.blogh-card__content:hover { background: var(--c-white); box-shadow: 0 6px 30px rgba(0, 0, 0, .06); }
.blogh-card__meta { display: flex; align-items: center; justify-content: space-between; margin: 0 0 10px; }
.blogh-card__meta li a { display: flex; align-items: center; gap: 6px; font-family: var(--font-title); font-size: 14px; font-weight: 600; text-transform: uppercase; color: #241f21; }
.blogh-card__meta li a i { color: var(--c-primary); font-size: 16px; }
.blogh-card__meta li a:hover { color: var(--c-primary); }
.blogh-card__date { display: flex; align-items: center; margin-top: -48px; background: #241f21; }
.blogh-card__date-day { background: var(--c-primary); padding: 9px 16px 12px; font-family: var(--font-title); font-weight: 700; font-size: 30px; line-height: 1.2; color: var(--c-white); }
.blogh-card__date-year { padding: 0 14px; font-family: var(--font-title); font-size: 13px; font-weight: 600; line-height: 1.2; color: var(--c-white); text-transform: uppercase; text-align: center; }
.blogh-card__date-year span { display: block; }
.blogh-card__title { font-size: 20px; line-height: 1.5; text-transform: uppercase; margin-bottom: 8px; }
.blogh-card__title a:hover { color: var(--c-primary); }
.blogh-card__link { position: relative; display: block; padding: 6px 28px 6px 0; font-family: var(--font-title); font-size: 14px; font-weight: 600; color: #797577; }
.blogh-card__link i { position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: var(--c-primary); font-size: 14px; }
.blogh-card__link::after { content: ""; position: absolute; left: 95px; right: 28px; top: 55%; height: 1px; background: #e6e0d8; }
.blogh-card__link:hover { color: var(--c-primary); }
.news-blogh-group + .news-blogh-group { margin-top: 48px; }
@media (max-width:1199px) {
.news-blogh .blogh-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width:1199px) {
.svc-grid { grid-template-columns: repeat(2, 1fr); }
.home-why { padding: 0 0 80px; min-height: 0; }
.home-why__media { position: relative; top: 0; width: 100%; }
.home-why__media::before, .home-why__thumb::after { display: none; }
.home-why__thumb img { height: 420px; }
.home-why__copy { margin-left: 0; padding-top: 40px; }
.home-why__facts { margin-left: 0; margin-bottom: 0; }
}
@media (max-width:767px) {
.home-container--wide { width: min(100% - 32px, 1520px); }
.home-services { padding: 72px 0 80px; }
.svc-grid, .blogh-grid, .news-blogh .blogh-grid, .home-why__facts { grid-template-columns: 1fr; }
.svc-card { max-width: 400px; margin: 0 auto; width: 100%; }
.home-why__feature-body { display: block; }
.home-why__feature-title { max-width: none; border-right: 0; padding-right: 0; margin-bottom: 6px; }
.home-why__thumb img { height: 280px; }
.home-blog { padding: 72px 0 64px; }
.blogh-card { max-width: 400px; margin: 0 auto; width: 100%; }
}
@media (max-width:480px) {
.blogh-card__title{font-size: 16px;}
}
/*--------------------------------------------------------------
# Voldor title / button
--------------------------------------------------------------*/
.gutter-y-30 { --bs-gutter-y: 30px; }
.voldor-btn { display: inline-block; vertical-align: middle; border: none; outline: none !important; font-style: normal; font-weight: 600; font-size: 16px; line-height: 112%; font-family: var(--voldor-heading-font, "Barlow", sans-serif); padding: 4px 20px; transition: 500ms; text-transform: uppercase; background-color: var(--voldor-secondary, #241F21); color: var(--voldor-white, #fff); position: relative; overflow: hidden; text-align: center; z-index: 1; }
.voldor-btn:hover { color: var(--voldor-white, #fff); }
.voldor-btn::after { background: var(--c-primary); top: 50%; left: 50%; content: ""; width: 100%; height: 0%; z-index: -1; position: absolute; transition: all 0.6s ease; transform: translate(-50%, -50%) rotate(-45deg); }
.voldor-btn:hover::after { height: 380%; }
.voldor-btn--base { color: var(--voldor-white, #fff); background: var(--c-primary); }
.voldor-btn--base::after { background: var(--voldor-secondary, #241F21); }
.sec-title { padding-bottom: 40px; }
.sec-title__img { display: inline !important; width: auto; height: auto; max-width: none; margin-top: -3px; margin-right: 7px; vertical-align: middle; }
.sec-title__tagline { display: block; margin: 0; font-family: var(--voldor-heading-font, "Barlow", sans-serif); font-weight: 600; font-size: 14px; line-height: 1; text-transform: uppercase; color: var(--voldor-text, #797577); }
.sec-title__title { margin: 7px 0 0; text-transform: uppercase; color: var(--voldor-secondary, #241F21); font-family: var(--voldor-heading-font, "Barlow", sans-serif); font-style: normal; font-weight: 700; line-height: 1.25; font-size: 30px; }
@media (min-width:768px) {
.sec-title { padding-bottom: 50px; }
.sec-title__title { font-size: 40px; }
}
@keyframes bounceIn {
0% { transform: scale(1); }
50% { transform: scale(1.2); }
100% { transform: scale(1); }
}
.gutter-x-20 { --bs-gutter-x: 20px; }
.why-choose-two { padding-top: 120px; position: relative; z-index: 2; }
@media (max-width:1199px) {
.why-choose-two { padding: 0 0 120px; }
}
@media (max-width:991px) {
.why-choose-two { padding: 0 0 100px; }
}
@media (max-width:767px) {
.why-choose-two { padding: 0 0 80px; }
}
.why-choose-two__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; z-index: -1; mix-blend-mode: luminosity; background-color: var(--voldor-secondary, #241F21); }
.why-choose-two__bottom { position: relative; height: 120px; background-color: #f3f2ee; }
.why-choose-two__thumb { position: absolute; top: -48px; left: 0; bottom: 0; width: 48.5%; }
@media (max-width:1199px) {
.why-choose-two__thumb { top: 0; bottom: auto; position: relative; width: 100%; }
}
.why-choose-two__thumb__item { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; }
@media (max-width:1199px) {
.why-choose-two__thumb__item { position: relative; inset: auto; width: 100%; height: auto; }
}
.why-choose-two__thumb__item img { object-fit: cover; width: 100%; height: 100%; display: block; max-width: none; padding: 0; }
@media (max-width:1199px) {
.why-choose-two__thumb__item img { object-fit: cover; width: 100%; height: auto; }
}
.why-choose-two__thumb__item::after { content: ""; width: 130px; height: 200px; background: var(--voldor-secondary, #241F21); position: absolute; right: 0; bottom: 0; }
@media (max-width:1199px) {
.why-choose-two__thumb__item::after { display: none; }
}
.why-choose-two__thumb::before { content: ""; width: 57px; height: 48px; background-color: var(--voldor-text, #797577); clip-path: polygon(0 0, 0% 100%, 100% 100%); position: absolute; right: -57px; top: 0; z-index: 1; }
@media (max-width:1199px) {
.why-choose-two__thumb::before { display: none; }
}
.why-choose-two__right { margin-left: 40px; position: relative; }
@media (max-width:1199px) {
.why-choose-two__right { margin-top: 30px; margin-left: 0; }
}
.why-choose-two__top { margin-bottom: 40px; }
.why-choose-two__top .sec-title { padding-bottom: 20px; }
.why-choose-two__top .sec-title .sec-title__title { color: var(--voldor-white, #fff); }
.why-choose-two__top__text { font-family: var(--voldor-font, "Open Sans", sans-serif); font-style: normal; font-weight: 600; font-size: 16px; line-height: 188%; color: var(--voldor-border-color, #F4F2EE); margin-bottom: 0; }
.why-choose-two__feature__item { display: flex; align-items: center; gap: 20px; max-width: 550px; width: 100%; }
.why-choose-two__feature__item__content { display: flex; align-items: center; }
@media (max-width:575px) {
.why-choose-two__feature__item__content { display: block; }
}
.why-choose-two__feature__item__icon { max-width: 60px; width: 100%; height: 60px; flex: 0 0 60px; background: rgba(121, 117, 119, 0.2); font-size: 30px; color: var(--c-primary); display: flex; justify-content: center; align-items: center; border-radius: 50%; transition: all 0.4s ease-in-out; }
.why-choose-two__feature__item__icon img { width: 30px; height: 30px; object-fit: contain; filter: brightness(0) saturate(100%) invert(47%) sepia(99%) saturate(2476%) hue-rotate(176deg) brightness(99%) contrast(101%); }
.why-choose-two__feature__item__title { font-family: var(--voldor-heading-font, "Barlow", sans-serif); text-transform: uppercase; font-style: normal; font-weight: 600; font-size: 16px; line-height: 150%; color: var(--voldor-white, #fff); margin-right: 20px; padding-right: 20px; border-right: 1px solid var(--voldor-text, #797577); margin-bottom: 0; padding-bottom: 0; max-width: 90px; width: 100%; }
@media (max-width:575px) {
.why-choose-two__feature__item__title { max-width: 100%; margin-right: 0; padding-right: 0; border-right: 0; margin-bottom: 5px; }
}
.why-choose-two__feature__item__text { font-family: var(--voldor-font, "Open Sans", sans-serif); font-style: normal; font-weight: 600; font-size: 14px; line-height: 22px; color: var(--voldor-text, #797577); margin-bottom: 0; padding-bottom: 0; max-width: 333px; width: 100%; }
@media (max-width:575px) {
.why-choose-two__feature__item__text { max-width: 100%; }
}
.why-choose-two__feature__item:hover .why-choose-two__feature__item__icon { background: var(--c-primary); color: var(--voldor-white, #fff); }
.why-choose-two__feature__item:hover .why-choose-two__feature__item__icon i { animation: bounceIn 1s linear; }
.why-choose-two__feature__item:hover .why-choose-two__feature__item__icon img { animation: bounceIn 1s linear; filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7495%) hue-rotate(335deg) brightness(100%) contrast(100%); }
.why-choose-two__feature__item + .why-choose-two__feature__item { margin-top: 30px; padding-top: 30px; border-top: 1px solid var(--voldor-text, #797577); }
.why-choose-two__funfact { margin-left: -171px; margin-top: 60px; margin-bottom: -95px; position: relative; z-index: 1; }
@media (max-width:1199px) {
.why-choose-two__funfact { margin-left: 0; margin-bottom: 0; }
}
.why-choose-two__funfact__item { background: var(--voldor-white, #fff); text-align: center; padding-bottom: 50px; }
.why-choose-two__funfact__item__icon { border: 1px solid var(--c-primary); border-top: none; display: flex; justify-content: center; align-items: center; width: 103px; height: 89px; font-size: 52px; color: var(--c-primary); margin-left: auto; margin-right: auto; margin-bottom: 10px; overflow: hidden; transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, color 0.4s ease-in-out; }
.why-choose-two__funfact__item__icon img { width: 52px; height: 52px; max-width: 52px; max-height: 52px; object-fit: contain; filter: brightness(0) saturate(100%) invert(47%) sepia(99%) saturate(2476%) hue-rotate(176deg) brightness(99%) contrast(101%); }
.why-choose-two__funfact__item__count { font-family: var(--voldor-heading-font, "Barlow", sans-serif); text-transform: uppercase; color: var(--voldor-secondary, #241F21); font-style: normal; font-weight: 700; font-size: 40px; display: flex; align-items: center; line-height: 150%; margin-bottom: 12px; padding-bottom: 0; justify-content: center; }
.why-choose-two__funfact__item__text { font-family: var(--voldor-font, "Open Sans", sans-serif); color: var(--voldor-text, #797577); font-style: normal; font-weight: 600; font-size: 16px; line-height: 138%; text-transform: uppercase; margin-bottom: -11px; }
.why-choose-two__funfact__item:hover .why-choose-two__funfact__item__icon { background: var(--c-primary); border-color: var(--c-primary); color: var(--voldor-white, #fff); }
.why-choose-two__funfact__item:hover .why-choose-two__funfact__item__icon img { filter: brightness(0) saturate(100%) invert(100%); }
/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.service-card { padding-top: 56px; padding-bottom: 45px; }
@media (max-width:767px) {
.service-card { max-width: 400px; width: 100%; margin-left: auto; margin-right: auto; }
}
.service-card__inner { background: var(--voldor-white, #fff); box-shadow: 0px 6px 30px 2px rgba(0, 0, 0, 0.1); position: relative; padding-top: 1px; padding-bottom: 1px; }
.service-card__inner::after { content: ""; position: absolute; top: 0; left: 0; background: var(--voldor-gray, #E6E0D8); width: 41px; height: 56px; clip-path: polygon(100% 0, 100% 100%, 0 0); }
.service-card__icon { position: relative; margin-top: -57px; margin-left: 41px; width: 120px; height: 112px; display: flex; justify-content: center; align-items: center; background: var(--voldor-secondary, #241F21); font-size: 65px; color: var(--voldor-white, #fff); transition: all 0.4s ease-in-out; }
.service-card__content { margin: 25px 20px 20px 40px; }
.service-card__content__title { font-family: var(--voldor-heading-font, "Barlow", sans-serif); font-style: normal; font-weight: 700; font-size: 22px; line-height: 200%; color: var(--voldor-secondary, #241F21); text-transform: uppercase; }
@media (max-width:1400px) {
.service-card__content__title { font-size: 20px; }
}
@media (max-width:1300px) {
.service-card__content__title { font-size: 17px; }
}
@media (max-width:991px) {
.service-card__content__title { font-size: 18px; }
}
.service-card__content__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; }
.service-card__content__title a:hover { background-size: 100% 1px; }
.service-card__content__title a:hover { color: var(--c-primary); }
.service-card__content__text { font-family: var(--voldor-heading-font, "Barlow", sans-serif); font-style: normal; font-weight: 500; font-size: 16px; line-height: 188%; color: var(--voldor-text, #797577); margin-bottom: 0; padding-bottom: 0;     /* 3行截断 */ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.service-card__content__text p{font-size: 17px;color:#000;}
.service-card__thumb { position: relative; margin-left: 40px; margin-bottom: -45px; overflow: hidden; }
.service-card__thumb__item { position: relative; }
.service-card__thumb__item img { object-fit: cover; width: 100%; }
.service-card__thumb a { position: absolute; bottom: 20px; text-transform: uppercase; font-family: var(--voldor-heading-font, "Barlow", sans-serif); font-style: normal; font-weight: 600; font-size: 16px; line-height: 188%; color: var(--voldor-white, #fff); padding: 4px 20px; transform: translateX(-100%); }
.service-card__thumb::after { content: ""; width: 100%; height: 0%; position: absolute; top: 0; left: 0; background: rgba(var(--voldor-secondary-rgb, 36, 31, 33), 0.7); transition: all 0.4s ease-in-out; }
.service-card:hover .service-card__thumb::after { bottom: 0%; height: 100%; }
.service-card:hover .service-card__thumb a { transform: translateX(0%); transition-duration: 1000ms; }
.service-card:hover .service-card__icon { background: var(--c-primary); }
.service-card:hover .service-card__icon i { animation: bounceIn 1s linear; }
.service-card-two { position: relative; background: var(--voldor-white, #fff); }
.service-card-two__thumb { max-height: 395px; width: 100%; height: 100%; position: relative; overflow: hidden; }
.service-card-two__thumb__item { position: relative; }
.service-card-two__thumb__item img { object-fit: cover; width: 100%; transform: scale(1); transition: all 0.4s ease-in-out; }
.service-card-two__thumb__item::after { content: ""; width: 100%; height: 0%; position: absolute; top: 0; left: 0; background: rgba(var(--voldor-secondary-rgb, 36, 31, 33), 0.7); transition: all 0.4s ease-in-out; }
.service-card-two__thumb__link { position: absolute; bottom: 0; left: 0; width: 80px; height: 74px; background: var(--voldor-white, #fff); font-size: 22px; color: var(--voldor-text, #797577); display: flex; justify-content: center; align-items: center; }
.service-card-two__thumb__link:hover { background: var(--c-primary); color: var(--voldor-white, #fff); }
.service-card-two__thumb__link:hover i { transform: scale(1.2) rotate(30deg); }
.service-card-two__content { position: relative; display: flex; z-index: 1; align-items: center; gap: 35px; background: var(--voldor-white, #fff); }
.service-card-two__content::after { content: ""; width: 0%; height: 100%; position: absolute; top: 0; left: 0; background: var(--c-primary); transition: all 0.4s ease-in-out; z-index: -1; }
.service-card-two__icon { width: 80px; height: 74px; background: var(--voldor-secondary, #241F21); display: flex; justify-content: center; align-items: center; font-size: 35px; color: var(--c-primary); }
.service-card-two__title { font-family: var(--voldor-heading-font, "Barlow", sans-serif); font-style: normal; font-weight: 700; font-size: 20px; line-height: 240%; text-transform: uppercase; }
.service-card-two__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; }
.service-card-two__title a:hover { background-size: 100% 1px; }
.service-card-two:hover .service-card-two__thumb .service-card-two__thumb__item img { transform: scale(1.1); }
.service-card-two:hover .service-card-two__thumb .service-card-two__thumb__item::after { bottom: 0%; height: 100%; }
.service-card-two:hover .service-card-two__content::after { width: 100%; }
.service-card-two:hover .service-card-two__title { color: var(--voldor-white, #fff); }
.service-card-two:hover .service-card-two__icon i { animation: bounceIn 1s linear; }
.service-page { background: var(--voldor-white, #fff); padding: 120px 0px; }
@media (max-width:991px) {
.service-page { padding: 100px 0px; }
}
@media (max-width:767px) {
.service-page { padding: 80px 0px; }
}
.service-page__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; z-index: -1; height: 635px; mix-blend-mode: overlay; }
.service-page--two { padding-bottom: 170px; }
@media (max-width:1199px) {
.service-page--two { padding-bottom: 100px; }
}
@media (max-width:767px) {
.service-page--two { padding-bottom: 80px; }
}
.service-page--home { position: relative; z-index: 1; }
.service-page--home .container { max-width: 1600px; }
.service-page--home::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 635px; z-index: -2; background-color: var(--voldor-border-color, #F4F2EE); }
.service-two { position: relative; z-index: 1; padding: 120px 0px; background: var(--voldor-secondary, #241F21); }
@media (max-width:991px) {
.service-two { padding: 100px 0px; }
}
@media (max-width:767px) {
.service-two { padding: 80px 0px; }
}
.service-two__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; z-index: 0; }
.service-two .sec-title .sec-title__title { color: var(--voldor-white, #fff); }
.service-two__item { background: var(--voldor-white, #fff); position: relative; z-index: 1; transition: all 0.4s ease-in-out; }
.service-two__item__top { padding: 35px 25px 1px 30px; position: relative; }
.service-two__item__top__title { font-family: var(--voldor-heading-font, "Barlow", sans-serif); font-style: normal; font-weight: 700; font-size: 30px; line-height: 160%; text-transform: uppercase; color: var(--voldor-secondary, #241F21); margin-top: -10px; padding-bottom: 0; margin-bottom: 0; }
.service-two__item__top__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; }
.service-two__item__top__title a:hover { background-size: 100% 1px; }
.service-two__item__top__text { font-family: var(--voldor-heading-font, "Barlow", sans-serif); font-style: normal; font-weight: 500; font-size: 16px; line-height: 162%; color: var(--voldor-text, #797577); padding-bottom: 0; margin-bottom: 33px; transition: all 0.4s ease-in-out; }
.service-two__item__top__icon { width: 90px; height: 85px; background: var(--voldor-white, #fff); display: flex; justify-content: center; align-items: center; font-size: 52px; color: var(--voldor-secondary, #241F21); margin-bottom: -86px; position: relative; z-index: 1; transition: all 0.4s ease-in-out; }
.service-two__item__top::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: url(../images/shapes/service-2-2.png); background-position: center center; background-size: cover; background-repeat: no-repeat; z-index: -1; opacity: 0.2; }
.service-two__item__thumb { position: relative; }
.service-two__item__thumb img { object-fit: cover; width: 100%; }
.service-two__item__thumb__shape { position: absolute; bottom: 0; left: 0; width: 100%; visibility: hidden; opacity: 0; transition: all 0.4s ease-in-out; z-index: 1; }
.service-two__item__thumb::after { content: ""; width: 100%; height: 0%; position: absolute; top: 0; left: 0; background: rgba(var(--voldor-secondary-rgb, 36, 31, 33), 0.7); transition: all 0.4s ease-in-out; }
.service-two__item:hover { background: var(--c-primary); }
.service-two__item:hover .service-two__item__top__title { color: var(--voldor-white, #fff); }
.service-two__item:hover .service-two__item__top__text { color: var(--voldor-gray, #E6E0D8); }
.service-two__item:hover .service-two__item__top__icon { background: var(--c-primary); color: var(--voldor-white, #fff); }
.service-two__item:hover .service-two__item__top__icon i { animation: bounceIn 1s linear; }
.service-two__item:hover .service-two__item__thumb__shape { visibility: visible; opacity: 0.6; }
.service-two__item:hover .service-two__item__thumb::after { height: 100%; }
.service-two__carousel .owl-nav { display: none !important; }
.service-two__carousel .owl-dots { gap: 32px !important; }
.service-two__carousel .owl-dots .owl-dot span { border: none !important; background: var(--voldor-text, #797577) !important; border-radius: 50% !important; }
.service-two__carousel .owl-dots .owl-dot span:hover { box-shadow: 0 0 0px 10px rgba(255, 255, 255, 0.1) !important; background: var(--c-primary) !important; }
.service-two__carousel .owl-dots .active span { box-shadow: 0 0 0px 10px rgba(255, 255, 255, 0.1) !important; background: var(--c-primary) !important; }
.service-three { padding: 120px 0px; }
@media (max-width:991px) {
.service-three { padding: 100px 0px; }
}
@media (max-width:767px) {
.service-three { padding: 80px 0px; }
}
.service-three__carouse .owl-nav { position: absolute; top: -40%; right: 0; }
.service-three__carouse .owl-nav button span { width: 60px !important; height: 60px !important; font-size: 19px !important; font-weight: 600 !important; }
.service-three__carouse .owl-nav button span:hover { color: var(--voldor-white, #fff) !important; background: var(--c-primary) !important; }
@media (max-width:991px) {
.service-three__carouse .owl-nav { display: none !important; }
}
.service-three__carouse .owl-dots { display: none !important; }
/*--------------------------------------------------------------
# Service details
--------------------------------------------------------------*/
.service-details { padding: 120px 0; padding-top: 120px; }
@media (max-width:767px) {
.service-details { padding: 80px 0; padding-top: 60px; }
}
.service-details__thumbnail { margin-bottom: 35px; }
.service-details__thumbnail img { max-width: 100%; }
.service-details__title { margin: 0; margin-bottom: 15px; color: var(--voldor-secondary, #241F21); font-size: 30px; font-weight: 700; line-height: 156.667%; font-family: var(--voldor-heading-font, "Barlow", sans-serif); text-transform: uppercase; }
.service-details__sub-title { margin: 0; margin-bottom: 17px; color: var(--c-primary); font-size: 30px; font-weight: 700; line-height: 156.667%; font-family: var(--voldor-heading-font, "Barlow", sans-serif); text-transform: uppercase; }
.service-details__text { margin: 0; color: var(--voldor-text, #797577); font-size: 16px; font-weight: 500; line-height: 187.5%; font-family: var(--voldor-font, "Manrope", sans-serif); }
.service-details__text + .service-details__sub-title { margin-top: 17px; }
.service-details__title + .service-details__text { margin-top: 22px; }
.service-details__text + .service-details__title { margin-top: 40px; }
.service-details__text + .service-details__list { margin-top: 40px; }
.service-details__text + .service-details__text { margin-top: 35px; }
.service-details__list { margin-bottom: 0; }
.service-details__list li { position: relative; color: var(--voldor-secondary, #241F21); font-size: 18px; font-weight: 600; line-height: 261.111%; margin-bottom: -5px; font-family: var(--voldor-heading-font, "Barlow", sans-serif); text-transform: uppercase; }
.service-details__list li i { color: var(--c-primary); margin-right: 7px; }
@media (max-width:575px) {
.service-details__list li { line-height: 161.111%; font-size: 16px; }
}
.service-details__list li + li { margin-top: 10px; }
@media (min-width:768px) {
.service-details__list li + li { margin-top: 0; }
}
.service-details__single + .service-details__single { margin-top: 35px; }
.service-details__benefit { margin-left: -30px; }
@media (max-width:1199px) {
.service-details__benefit { margin-left: 0px; }
}
.service-details__benefit__title { margin: 0; font-size: 25px; font-weight: 700; line-height: 156.667%; color: var(--voldor-secondary, #241F21); text-transform: uppercase; font-family: var(--voldor-heading-font, "Barlow", sans-serif); }
@media (min-width:768px) {
.service-details__benefit__title { font-size: 30px; }
}
.service-details__benefit__sub_title { margin-top: -3px; margin-bottom: 10px; color: var(--voldor-secondary, #241F21); font-size: 24px; font-weight: 700; line-height: 195.833%; text-transform: uppercase; font-family: var(--voldor-heading-font, "Barlow", sans-serif); }
@media (max-width:575px) {
.service-details__benefit__sub_title { line-height: 135%; }
}
.service-details__benefit__text { max-width: 410px; color: var(--voldor-text, #797577); font-size: 16px; font-weight: 500; line-height: 187.5%; }
.service-details__single-inner .service-details__title { margin-top: -10px; margin-bottom: 28px; }
.service-details__inner-item { display: flex; background: var(--voldor-white, #fff); box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.08); }
.service-details__inner-item .item-icon { background: var(--c-primary); max-width: 85px; width: 100%; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease-in-out; }
.service-details__inner-item .item-icon .icon { font-size: 40px; color: var(--voldor-white, #fff); display: flex; align-items: center; justify-content: center; transition: all 0.5s ease-in-out; }
.service-details__inner-item .item-content { padding: 25px 30px 24px 30px; }
.service-details__inner-item .item__title { color: var(--voldor-secondary, #241F21); margin-bottom: 0; padding-bottom: 6px; font-family: var(--voldor-heading-font, "Barlow", sans-serif); font-style: normal; font-weight: 700; font-size: 18px; line-height: 1.2222222222; text-transform: uppercase; }
.service-details__inner-item .item__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; }
.service-details__inner-item .item__title a:hover { background-size: 100% 1px; }
.service-details__inner-item .item__dec { padding-bottom: 0; margin-bottom: -6px; color: var(--voldor-text, #797577); font-family: var(--voldor-font, "Manrope", sans-serif); font-weight: 500; font-size: 16px; line-height: 188%; }
.service-details__inner-item:hover .item-icon { background: var(--voldor-secondary, #241F21); }
.service-details__inner-item:hover .item-icon .icon { color: var(--c-primary); }
.service-details__inner-item:hover .item-icon .icon i { animation: bounceIn 1s linear; }
.service-details .faq-page__accordion { padding-top: 5px; margin-bottom: 0; }
/* About Why Choose Us */
.about-why { position: relative; padding: 60px 0; color: var(--c-white); z-index: 1; overflow: hidden; }
.about-why__bg { position: absolute; inset: 0; background: #111 center / cover no-repeat; z-index: -2; }
.about-why::before { content: ""; position: absolute; inset: 0; background: #000; opacity: .9; z-index: -1; background-image: linear-gradient(180deg, #1f1f1f 0%, rgba(0, 162, 233, .64) 100%); }
.about-why__title { text-align: center; color: var(--c-white); font-size: clamp(28px, 3.2vw, 40px); margin: 0 0 20px; }
.about-why__grid {margin: 0 auto 30px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px 20px; }
.about-why__item { text-align: center; }
.about-why__icon { width: 88px; height: 88px; margin: 0 auto 22px; display: flex; align-items: center; justify-content: center; border: 2px solid var(--c-primary); border-radius: 50%; background: var(--c-white); color: var(--c-primary); transition: background-color .35s ease, border-color .35s ease, color .35s ease; }
.about-why__icon img { width: 44px; height: 44px; object-fit: contain; filter: brightness(0) saturate(100%) invert(47%) sepia(99%) saturate(2476%) hue-rotate(176deg) brightness(99%) contrast(101%); }
.about-why__item:hover .about-why__icon { background: var(--c-primary); border-color: var(--c-white); color: var(--c-white); }
.about-why__item:hover .about-why__icon img { filter: brightness(0) saturate(100%) invert(100%); }
.about-why__item-title { color: var(--c-white); font-size: 28px;height:70px; line-height: 35px; margin: 0 0 10px; }
.about-why__item-text { color: var(--c-white); font-size: 17px; line-height: 1.6; margin: 0; }
@media (max-width:1199px) {
.about-why__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width:767px) {
.about-why { padding: 48px 0; }
.about-why__grid { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; }
.about-why__item-title { font-size: 24px; }
}
/* About Cooperative Partner */
.about-partners { padding: 60px 0 0px; background: var(--c-white); }
.about-partners__title { text-align: center; color: var(--c-dark); font-size: clamp(28px, 3.2vw, 40px); margin: 0 0 20px; }
.about-partners__grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; }
.about-partners__item { position: relative; overflow: hidden; border-radius: 4px; background: var(--c-white); }
.about-partners__item img { width: 100%; height: 120px; object-fit: contain; display: block; }
.about-partners__item::after { content: ""; position: absolute; inset: 0; background: rgba(0, 162, 233, .2); opacity: 0; transition: opacity .3s ease; pointer-events: none; border-radius: 4px; }
.about-partners__item:hover::after { opacity: 1; }
@media (max-width:1024px) {
.about-partners__grid { grid-template-columns: repeat(5, 1fr); gap: 10px; }
}
@media (max-width:767px) {
.about-partners { padding: 48px 0 0px; }
.about-partners__grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
.about-partners__item img { height: 80px; }
}
/* Product category page */
.about-products { padding: 60px 0 80px; background: var(--c-white); }
.about-products-intro { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: 40px; }
.about-products-intro__copy { flex: 1; min-width: 0; }
.about-products-intro__label { font-size: clamp(32px, 4vw, 54px); color: var(--c-dark); margin: 0 0 40px; text-align: left; text-transform: capitalize; }
.about-products-intro__description{font-size: 17px;color: #000; margin: 0px 0 40px;line-height: 1.7; }
.about-products-intro__title { font-size: clamp(22px, 2.6vw, 32px); color: var(--c-dark); margin: 0 0 12px; }
.about-products-intro__text { font-size: 15px; color: var(--c-text); line-height: 1.7; margin: 0; max-width: 860px; }
.about-products-intro__action { flex: 0 0 auto; }
.about-products__list { display: flex; flex-direction: column; gap: 40px; }
.about-products__card { display: flex; align-items: center; gap: 40px; padding: 40px; border-radius: 6px; background: var(--c-bg); }
.about-products__media { flex: 1; min-width: 0; }
.about-products__media img, .about-products__media-placeholder { width: 100%; height: 280px; object-fit: cover; border-radius: 4px; display: block; }
.about-products__media-placeholder { background: linear-gradient(135deg, #ececec, #d7d7d7); }
.about-products__media img { transition: transform .4s ease; }
.about-products__card:hover .about-products__media img { transform: translateY(-8px); }
.about-products__body { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.about-products__name { font-size: 24px; font-weight: 600; margin: 0; }
.about-products__name a:hover { color: var(--c-primary); }
.about-products__desc { font-size: 17px; color: #000; line-height: 1.7; margin: 0; }
.about-products__link { display: inline-block; padding: 0 0 4px; font-weight: 500; color: var(--c-dark); border-bottom: 2px solid var(--c-dark); }
.about-products__link:hover { color: var(--c-primary); border-bottom-color: var(--c-primary); }
@media (max-width:1024px) {
.about-products-intro { flex-direction: column; align-items: flex-start; text-align: left; }
.about-products-intro__label { text-align: left; font-size: 36px; }
.about-products__card { flex-direction: column; padding: 24px; gap: 24px; }
.about-products__media img, .about-products__media-placeholder { height: 220px; }
}
@media (max-width:767px) {
.about-products { padding: 40px 0 56px; }
.about-products__card { padding: 16px; gap: 16px; }
.about-products__name { font-size: 20px; }
.about-products__desc { font-size: 15px; }
}
/* Product list (series) page */
.product-series-page { padding: 40px 0 80px; background: var(--c-white); }
.product-series-page__title { font-size: clamp(26px, 3vw + 1rem, 48px); color: var(--c-dark); margin: 0 0 30px; text-align: left; }
.product-series-page__list { display: flex; flex-direction: column; gap: 0; }
.product-series { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid var(--c-border); }
.product-series:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
.product-series__head { display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 100%; }
.product-series__title { font-size: 36px; font-weight: 600; text-transform: capitalize; margin: 0; flex: 1; min-width: 0; }
.product-series__title a:hover { color: var(--c-primary); }
.product-series__btn { display: inline-flex; align-items: center; justify-content: center; padding: 10px 26px; border: 1px solid var(--c-primary); border-radius: 4px; background: var(--c-white); color: var(--c-primary); font-size: 14px; font-weight: 600; line-height: 1.4; white-space: nowrap; transition: color .3s ease, background .3s ease; }
.product-series__btn:hover { background: var(--c-primary); color: var(--c-white); }
@media (min-width:1025px) {
.product-series__btn--foot { display: none; }
}
.product-series__gallery { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; width: 100%; }
.product-series__gallery-item { display: block; aspect-ratio: 3 / 2; overflow: hidden; border-radius: 6px; background: var(--c-bg); }
.product-series__gallery-item picture, .product-series__gallery-item img { width: 100%; height: 100%; display: block; object-fit: cover; }
.product-series__gallery-item img { transition: transform .8s ease; }
.product-series__gallery-item:hover img { transform: scale(1.12); }
.product-series__desc { font-size: 17px; color: #000; line-height: 1.7; margin: 0; }
.product-series__desc p { margin: 0 0 8px; }
.product-series__desc p:last-child { margin-bottom: 0; }
.product-series-page__pager { margin-top: 40px; }
@media (max-width:1024px) {
.product-series__btn--head { display: none; }
.product-series__title { font-size: 28px; }
.product-series__gallery { grid-template-columns: repeat(3, 1fr); gap: 10px; }
}
@media (max-width:767px) {
.product-series-page { padding: 32px 0 56px; }
.product-series-page__title { font-size: 22px; margin-bottom: 20px; }
.product-series { padding-bottom: 32px; margin-bottom: 32px; }
.product-series__title { font-size: 24px; }
.product-series__gallery { grid-template-columns: 1fr; }
/* .product-series__desc { font-size: 15px; } */
}
/* Solution list page */
.sol-list { padding: 40px 0 80px; background: var(--c-white); }
.sol-list__stack { display: flex; flex-direction: column; gap: 24px; }
.sol-strip { background: var(--c-bg); }
.sol-strip__inner { display: flex; align-items: stretch; min-height: 280px; }
.sol-strip--flip .sol-strip__inner { flex-direction: row-reverse; }
.sol-strip__copy { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 48px 56px; min-width: 0; }
.sol-strip__title { font-size: clamp(24px, 2.5vw, 32px); font-weight: 600; color: var(--c-dark); margin: 0 0 20px; }
.sol-strip__title a:hover { color: var(--c-primary); }
.sol-strip__text { font-size: 17px; line-height: 1.75; color: var(--c-text); margin: 0; }
.sol-strip__text p{ font-size: 17px; color:#000;}
.sol-strip__media { flex: 0 0 45%; max-width: 45%; min-height: 280px; overflow: hidden; display: block; }
.sol-strip__media picture, .sol-strip__media img { width: 100%; height: 100%; display: block; object-fit: cover; }
.sol-strip__media-placeholder { width: 100%; height: 100%; min-height: 280px; background: linear-gradient(135deg, #ececec, #d7d7d7); }
.sol-list__pager { margin-top: 40px; }
@media (max-width:1024px) {
.sol-strip__inner, .sol-strip--flip .sol-strip__inner { flex-direction: column; min-height: 0; }
.sol-strip__copy { padding: 32px 28px; order: 2; }
.sol-strip__media { flex: none; max-width: none; width: 100%; min-height: 220px; order: 1; }
.sol-strip__media-placeholder { min-height: 220px; }
}
@media (max-width:767px) {
.sol-list { padding: 32px 0 56px; }
.sol-list__stack { gap: 16px; }
.sol-strip__copy { padding: 24px 20px; }
.sol-strip__title { font-size: 22px; margin-bottom: 12px; }
.sol-strip__text { font-size: 15px; }
.sol-strip__media { min-height: 200px; }
}
/* 43.1. IM Style */
.im { position: fixed; right: 2px; top: auto; bottom: 40%; z-index: 11 }
.im-l { color: #fff; width: 40px; height: 60px; cursor: pointer; background-color: var(--c-primary); box-shadow: 0 0 8px #4e4e4e; border-radius: 4px 0 0 4px; display: block; text-align: center; line-height: 60px; float: left }
.im-l i { font-size: 20px }
#select { display: none }
.im .box { float: right; width: 60px; background-color: var(--c-primary); border-radius: 0 4px 4px 4px; display: none; }
.im .box ul { background-color: #fff; list-style-type: none; margin: 5px; padding: 0px; }
.im .box ul li { height: 50px; width: 50px; overflow: hidden; text-align: center; line-height: 50px }
.im .box ul li a { text-decoration: none; display: block }
.im .box ul li i { font-size: 24px; color: #f39d22 }
.im .box ul li i.fa-skype { color: #00aff0 }
.im .box ul li i.fa-square-whatsapp { color: #00d51b; font-size: 30px; }
.im .box ul li i.fa-user { color: #F66 }
.im .box ul li i.fa-skype, .im .box ul li i.fa-envelope { font-size: 30px }
.im .box ul li a:hover i { color: #343537 }
#select:checked + .box { display: block }
#cus_ser1 .msn { background-image: url(../images/c.html); background-repeat: no-repeat; height: 50px; width: 50px }
.im .skype { background-image: url(../images/c.html); background-repeat: no-repeat; background-position: -47px 0; height: 50px; width: 47px }
.im .mail { background-image: url(../images/c.html); background-repeat: no-repeat; background-position: -94px 0; height: 50px; width: 47px }
.im .kefu_01 { background-repeat: no-repeat; background-position: center center; height: 50px; width: 50px; overflow: hidden; background-color: #FFF }
.im .whatsapp { background-repeat: no-repeat; background-position: center center; height: 50px; width: 50px; overflow: hidden; background-color: #FFF }
@media screen and (min-width:768px) {
.im { width: 100px; position: fixed; right: 0px; top: 250px; transition: right .5s; bottom: auto; z-index: 11 }
.im:hover { right: 0 }
.im .box { position: absolute; display: block; width: 60px; right: 0; top: 0 }
}


.modal-body .img-fluid{margin:0 auto;}
.certificates-section .card-title{font-size: 16px;}
@media screen and (min-width:768px) {
.certificates-section .card-title{font-size: 14px;}
}
/* Factory production process */
.factory-process { margin-top: 48px; padding: 8px 0 24px; background: none; }
.factory-process__head { text-align: center; margin-bottom: 36px; }
.factory-process__title { margin: 0 0 14px; font-size: clamp(28px, 3vw, 40px); font-weight: 700; color: #163a66; }
.factory-process__subtitle { display: flex; align-items: center; justify-content: center; gap: 16px; margin: 0 auto; max-width: 760px; font-size: 15px; line-height: 1.6; color: var(--c-muted); }
.factory-process__subtitle::before,
.factory-process__subtitle::after { content: ""; flex: 1 1 48px; height: 1px; background: #cfd8e3; max-width: 72px; }
.factory-process__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px 36px; }
.factory-process__card { position: relative; display: flex; flex-direction: column; background: var(--c-white); border: 1px solid #d9e4ef; border-radius: 6px; overflow: visible; }
.factory-process__media { overflow: hidden; border-radius: 6px 6px 0 0; }
.factory-process__media img { display: block; width: 100%; height: 160px; object-fit: cover; }
.factory-process__body { display: flex; flex-direction: column; gap: 10px; padding: 14px 14px 18px; }
.factory-process__meta { display: grid; grid-template-columns: auto 1fr auto; align-items: start; gap: 10px; }
.factory-process__num { width: 28px; height: 28px; border-radius: 50%; background: #163a66; color: var(--c-white); font-size: 14px; font-weight: 700; line-height: 28px; text-align: center; flex-shrink: 0; }
.factory-process__name { margin: 0; font-size: 16px; font-weight: 700; line-height: 1.35; color: #163a66; }
.factory-process__icon { color: var(--c-primary); font-size: 18px; line-height: 1; margin-top: 4px; }
.factory-process__desc { margin: 0; font-size: 17px; line-height: 1.5; color: #000; }
.factory-process__arrow { position: absolute; width: 20px; top: 50%; right: -20px;  z-index: 2; color: var(--c-primary); font-size: 30px; line-height: 1; pointer-events: none; }
.factory-process__grid .factory-process__card:last-child .factory-process__arrow{display: none;}
@media (max-width: 1199px) {
.factory-process__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 32px; }
.factory-process__card:nth-child(2n) .factory-process__arrow { display: none; }
}
@media (max-width: 767px) {
.factory-process { margin-top: 32px; }
.factory-process__head { margin-bottom: 24px; }
.factory-process__subtitle { gap: 10px; font-size: 14px; }
.factory-process__subtitle::before,
.factory-process__subtitle::after { max-width: 36px; }
.factory-process__grid { grid-template-columns: 1fr; gap: 20px; }
.factory-process__arrow { display: none; }
.factory-process__media img { height: 180px; }
.factory-process__name { font-size: 15px; }
}

#galleryModal .btn-close {
  width: 2rem;
  height: 2rem;
  padding: 0;
  opacity: 1;
  background-color: rgba(0, 0, 0, .55);
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .35);
}
.accordion-button{color:var(--c-dark);font-size: 17px;font-weight: 600;}
.accordion-body,.accordion-body span{font-size: 17px;color:#000;}