@font-face{ font-family: 'WorkSans-Regular'; src:url('../fonts/WorkSans-Regular.ttf');}

:root {
  /*font-size: clamp(最小值, 理想值, 最大值);*/
  --fs-xs: clamp(12px, 1.6vw, 12px);
  --fs-base: clamp(14px, 1.8vw, 14px);
  --fs-sm: clamp(14px, 2.0vw, 14px);
  --fs-md: clamp(16px, 2.2vw, 16px);
  --fs-md2: clamp(18px, 2.6vw, 20px);
  --fs-md3: clamp(20px, 2.8vw, 22px);
  --fs-md4: clamp(22px, 3vw, 24px);
  --fs-lg: clamp(24px, 3.5vw, 30px);
  --fs-lg2: clamp(30px, 4.6vw, 36px);
  --fs-xl: clamp(36px, 5.5vw, 48px);
  --fs-xxl: clamp(42px, 6.5vw, 60px);
  --fs-hero: clamp(90px, 13vw, 110px);
}

*{ margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{ font-size: 100%; }
body{ background:#000; font-family: "WorkSans-Regular"; font-size: var(--fs-base); text-align:center; }
ul{ margin:0; padding:0; }
ul li{ list-style:none; margin:0; }
img{ border:0; }
a,a:focus,a:hover{ text-decoration: inherit; color: inherit; }
/*.container-fluid{ padding:0; }*/

header{ padding: 30px 0; width: 100%; position:fixed; top: 0; z-index: 99; color: #fff;
  transition: all 0.4s ease;
}
header.scrolled {
  background: rgba(10, 15, 30, 0.9);
  box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}
.logo{ text-align:left; }
nav ul li{ display:inline-block; padding:0 30px; }
nav ul li a{ color:#fff; line-height:30px; }
nav ul li a:hover,nav ul li.current-item a{ color:#b22335; }
.languages{ display: flex; justify-content:flex-end; }
.languages ul li{ display:inline-block; margin:0 2px; }
.languages ul li a{ position: relative; display:inline-block; color:#fff; line-height:30px; }
.languages ul li:first-child::after{ content:'/'; display:inline-block; padding:0 0 0 10px; }
.languages ul li a::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0;
  height: 1px;
  background: #fff;
  transition: 0.3s;
}
.languages ul li a:hover ,.languages ul li.current-lang a{ color:#b22335; }
.languages ul li a:hover::before ,.languages ul li.current-lang a::before {
  width: 100%; background: #b22335;
}

.menu-toggle {
  display: none;
  cursor: pointer;
  margin: 2px 0 0 10px;
}
.lines span {
  display: block;
  width: 24px;
  height: 2px;
  background: #fff;
  margin: 5px 0;
  transition: 0.4s;
}
/* 激活状态 */
.menu-toggle.active span:nth-child(1) {
  transform: rotate(45deg) translate(5px,5px);
}
.menu-toggle.active span:nth-child(2) {
  opacity: 0;
}
.menu-toggle.active span:nth-child(3) {
  transform: rotate(-45deg) translate(6px,-6px);
}

.menu-over{ display: none; width: 100%; height: 100%; overflow: hidden; position: fixed; z-index: 9999; top: 0; background-color: rgba(0,0,0,0.9); }
.menu-close{ width:25px; position:absolute; right: 25px; top:15px;}
.menu-close div{ width:100%; position:relative; }
.menu-close span{ height:3px; width:100%; background-color:#fff; position:absolute; }
.menu-close span:first-child{ top:6px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.menu-close span:last-child{ top:6px;-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.menu{ padding:50px 30px; color:#fff; text-align: left; font-size: var(--fs-md); font-weight: 700;}
.menu ul li{ padding: 10px 0; }


.slider{height: 100vh;}
.flexslider{position:relative; height: 100%; overflow:hidden;}
.slides{ height: 100%; position:relative;}
.slides li{ height:100%; background-position: center; background-repeat: no-repeat; background-size: cover; }
.slider-bg{ width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.flex-control-nav{ position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:10px;height:10px;margin:0 3px;}
.flex-control-nav a{display:inline-block;width:10px;height:10px;line-height:10px;overflow:hidden;  text-indent: -9999px; cursor:pointer; background: rgba(0,0,0,1); border-radius: 100%;}
.flex-control-nav .flex-active,.flex-control-nav a:hover{background: rgba(255,255,255,1);}
.flex-direction-nav{ position:absolute;z-index:2;width:100%;top:45%;}
.flex-direction-nav li a {display:block; width:30px; overflow:hidden;cursor:pointer;position:absolute; opacity: 0.4; border-radius: 50%; 
	font-family: FontAwesome; font-size:var(--fs-xxl); color:rgba(255, 255, 255, .8); }
.flex-direction-nav li a.flex-prev{left: 30px; }
.flex-direction-nav li a.flex-prev:before{ content:"\f104"; display:inline-block; }
.flex-direction-nav li a.flex-next{right: 30px; }
.flex-direction-nav li a.flex-next:before{ content:"\f105"; display:inline-block; }
.slider-main{ height: 100%; display: flex; color:#fff; align-items: center; text-align: left;}
.slider-main3{ padding-top:100px; color:#fff; }
.slider-main h6{ color:#b32435; font-size:var(--fs-sm); }
.slider h2{ font-size:var(--fs-xl); font-weight:900; margin-bottom:30px; }
.slider-main h4{ font-size:var(--fs-md3); margin-bottom:30px; }
.font-black{ color:#000; }
.slider-tags{}
.slider-tags a{ font-size:var(--fs-sm); display: inline-block; margin: 15px 15px 0 0; padding:8px 15px; border-radius:15px; background:#ae2132; color:#fff; }
a.slider-btn{ font-size: var(--fs-md); color:#aaacb3; display: inline-block; padding:10px 15px; border-radius:15px; background:#ae2132; }
a.slider-btn i{ display: inline-block; width:22px; line-height:22px; border:1px solid #aaacb3; border-radius:50%; margin:0 0 0 10px; text-align:center; }
.slider-btns{ font-size:var(--fs-sm); }
.slider-btns a{ display: inline-block; margin: 0 15px; padding:8px 15px; border-radius:15px; }
.slider-btns a:first-child{ background:#ae2132; }
.slider-btns a:last-child{ border:1px solid #ae2132; }

.home{ position:relative; overflow:hidden; text-align: left; color: #fff; background:#000; }
.home::before{ content:''; position:absolute; inset:-20px; background:url(../images/home-bg1.jpg) no-repeat left top; background-size:cover; transform:scale(1.02); transition:filter .7s ease, transform .7s ease; }
.home::after{ content:''; position:absolute; inset:0; background:rgba(0,0,0,0); transition:background .7s ease; }
.home.is-dimmed::before{ filter:brightness(.5) blur(6px); transform:scale(1.05); }
.home.is-dimmed::after{ background:rgba(0,0,0,.36); }
.home > .container{ position:relative; z-index:1; }
.home-top{ padding:200px 0; }
.home-top h5{ font-size:var(--fs-md2); color:#b22335; }
.home-top h3{ font-size:var(--fs-xxl); font-weight:700; margin-bottom:30px; }
.home-top p{ font-size:var(--fs-sm);}
.home ul li{ margin-bottom:100px; }
.home-item{ position: relative; padding: 30px; background:url(../images/home-item.png) no-repeat left top; background-size:auto 100%; opacity:0; transform:translateY(55px); transition:opacity .65s ease, transform .65s ease; }
.home.is-revealed .home-item{ opacity:1; transform:translateY(0); }
.home.is-revealed ul li:nth-child(2) .home-item{ transition-delay:.06s; }
.home.is-revealed ul li:nth-child(3) .home-item{ transition-delay:.12s; }
.home.is-revealed ul li:nth-child(4) .home-item{ transition-delay:.18s; }
.home.is-revealed ul li:nth-child(5) .home-item{ transition-delay:.24s; }
.home.is-revealed ul li:nth-child(6) .home-item{ transition-delay:.3s; }
.home-item div{ padding:0 50px 30px 50px; background-repeat: no-repeat; background-position: left 2px; background-size:40px; }
.home-item h4{ height: 60px; line-height: 30px; font-size: var(--fs-md4); font-weight:700; margin-bottom:15px; }
.home-item h6{ height: 44px; line-height: 22px; font-size:var(--fs-md); }
.home-item:after{ position: absolute; bottom: 30px; left: 80px; content: ''; display:block; width:20px; height:2px; background-color:#fff; }

.certification{ position:relative; overflow:hidden; padding:clamp(85px, 7.5vw, 140px) 0 clamp(60px, 5vw, 95px); text-align:center; background:#050101; }
.certification::before{ content:''; position:absolute; inset:0; background:radial-gradient(circle at 50% 38%, rgba(181,34,53,.44), rgba(181,34,53,.16) 32%, rgba(0,0,0,0) 58%), radial-gradient(circle at 50% 100%, rgba(218,58,72,.82), rgba(120,12,22,.55) 28%, rgba(0,0,0,0) 62%); }
.certification::after{ content:''; position:absolute; inset:0; opacity:.26; background-image:radial-gradient(circle, rgba(255,255,255,.9) 0 1px, transparent 1px); background-size:58px 46px; mask-image:linear-gradient(to bottom, rgba(0,0,0,.1), #000 26%, #000 74%, rgba(0,0,0,.15)); }
.certification .container{ position:relative; z-index:1; }

.certification-list{ display:grid; grid-template-columns:repeat(8, minmax(0, 1fr)); gap:24px 26px; margin:105px auto 0; }
.certification-list li{ position:relative; display:flex; align-items:center; justify-content:center; min-width:0; aspect-ratio:183 / 252; padding:0; background:linear-gradient(145deg, rgba(255,255,255,.12), rgba(174,33,50,.1)); box-shadow:0 0 18px rgba(255,76,88,.28); }
.certification-list li::before{ content:''; position:absolute; inset:-3px; z-index:-1; background:radial-gradient(circle at 50% 100%, rgba(255,72,86,.48), rgba(255,72,86,0) 72%); }
.certification-list img{ width:100%; height:100%; display:block; object-fit:contain; filter:drop-shadow(0 0 10px rgba(255,86,96,.35)); }

.training{ padding: 100px 0; background:#000 url(../images/home-bg3.jpg) no-repeat top center; background-size: 100%;}
.home-title{ width: 60%; display:inline-block; margin-bottom:50px; }
.home-title h2{ font-size:var(--fs-xl); font-weight:900; color:#fff; margin-bottom:30px; }
.home-title h5{ font-size:var(--fs-md3); color:#b6b8bf; }
.space200{ height:200px; }
.space300{ height:300px; }
.training ul li{ margin-bottom:30px; }
.training ul li img{ max-width:100%; border-radius: 15px; margin-bottom:10px; }
.training ul li h3{ font-size:var(--fs-md2); color:#fff; text-align:left; }

.contact{ text-align: left; font-size: var(--fs-sm); color: #808080; padding: 100px 0; background:#000 url(../images/home-bg4.jpg) no-repeat left center; background-size:auto 100%; }
.contact h2{ font-size:var(--fs-hero); font-weight:900; color:#fff; }
.contact h5{ font-size:var(--fs-md2); color:#fff; margin-bottom:15px; }
.contact-form{ width: 80%;}
.contact form{ display:flex; }
.contact .form-control{ padding:12px 15px; line-height: 20px; border:1px solid #4d3639; font-size:var(--fs-sm); color:#fff; border-radius:0; background:transparent; }
.contact .form-control::placeholder{ color:#808080; }
.contact .btn{ padding: 12px 15px; line-height: 22px; font-size: var(--fs-sm); border:0; border-radius: 0; background:#b31f33; color:#fff; }
.contact h4{ margin-top: 50px; font-size:var(--fs-md3); color:#fff; }
.contact h4 img{ height:30px; margin-right:10px; margin-bottom:10px; }
.contact h4 span{ vertical-align:middle; }
.contact h3{ font-size:var(--fs-lg); color:#fff; font-weight:700; margin-bottom:15px; }
.contact ul li{ margin-bottom:15px; }
.contact ul li div strong{ font-size:var(--fs-md2); color:#fff; }
.contact ul li div i{ width: 30px; display: inline-block; color:#b22335; }
.contact ul li p{ font-size:var(--fs-md); padding-left:30px; }

footer{ padding:50px 0; text-align:left; color:#fff; font-size:var(--fs-xs); }
footer .container:before{ content: ''; display: block; width:100%; height:1px; background: #b22335; }
.footer-main{ padding:30px 0 0 0; }
.footer-right{ display:flex; justify-content: flex-end; }
.footer-right ul li{ display:inline-block; padding:0 15px; }



/* product page */
/*.product-hero{ min-height:100vh; display:flex; align-items:center; text-align:left; color:#111; background:url(../images/slider1.jpg) no-repeat center; background-size:cover; }
.product-hero-copy{ padding-top:70px; }
.product-hero-copy h6{ margin-bottom:8px; color:#b22335; font-size:var(--fs-sm); font-weight:700; }
.product-hero-copy h1{ margin-bottom:22px; font-size:var(--fs-xl); line-height:1.03; font-weight:900; }
.product-tags span{ display:inline-block; margin:8px 8px 0 0; padding:8px 15px; border-radius:18px; background:#b22335; color:#fff; font-size:var(--fs-xs); font-weight:700; }
*/
.product-section{ min-height:800px; padding:150px 0; display:flex; align-items:center; text-align:left; color:#fff; background-color:#000; background-repeat:no-repeat; background-position:center; background-size:cover; }
.product-copy h2,.product-title h2{ margin-bottom:22px; font-size:var(--fs-xl); line-height:1.05; font-weight:900; color:#fff; }
.product-copy p,.product-title p{ margin-bottom:0; font-size:var(--fs-md2); line-height:1.7; color:#aaacb2; }
.product-lab{ background-image:url(../images/product1.jpg); }
.product-lab .product-copy{ max-width:500px; }
.product-ai{ background-image:url(../images/product2.jpg); }
.product-stats{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:35px; }
.product-stats li{ display: flex; color:#aaacb3; }
.product-stats i{ min-width:50px; height:50px; display: inline-block; margin:5px 10px 0 0; border-radius:4px; background:#aaacb3; }
.product-stats div{ }
.product-stats strong{ display:block; font-size:var(--fs-md4); }
.product-stats span{ display:block; font-size:var(--fs-md); }
.product-arms{ padding:90px 0 0; background:#000; color:#fff; }
.product-title{ width:58%; margin:0 auto 65px; text-align:center; }
.product-title span{ display:inline-block; margin-bottom:16px; padding:5px 16px; border:1px solid #b32435; border-radius:18px; color:#fff; font-size:var(--fs-sm); }
.product-gallery{ display:grid; grid-template-columns:1.7fr .85fr .98fr; gap:8px; align-items:stretch; }
.product-gallery img{ width:100%; height:100%; display:block; object-fit:cover; }
.gallery-stack{ display:grid; grid-template-rows:1fr 1fr; gap:8px; }
.gallery-brand{ display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:260px; padding:30px; background:#242424; }
.gallery-brand img{ width:120px; height:120px; object-fit:contain; margin-bottom:20px; }
.gallery-brand p{ max-width:260px; margin:0; color:#fff; font-size:var(--fs-md3); font-weight:700; line-height:1.35; text-align:center; }
.product-screen{ min-height:820px; background-image:url(../images/product4.jpg); }
.product-app{ min-height:760px; position:relative; align-items:flex-start; padding-top:105px; background-image:url(../images/product5.jpg); }
.product-app .product-title{  }
.app-features{ display:grid; grid-template-columns:repeat(2, minmax(180px, 280px)); justify-content:space-between; gap:20px 65%; }
.app-features div{ max-width:280px; }
.app-features h4{ margin-bottom:8px; color:#fff; font-size:var(--fs-md4); font-weight:900; }
.app-features p{ margin:0; color:#ced1d9; font-size:var(--fs-sm); line-height:1.55; }
.product-system{ min-height:850px; background-image:url(../images/product4-08.jpg); }
.accessory-list{ margin-top:50px; }
.accessory-list article{ display:grid; grid-template-columns:1fr 170px; gap:15px; align-items:center; margin-bottom:30px; padding:0 15px; border-radius:10px;
background:url(../images/product4-bg.png) no-repeat center top; background-size: 100%; }
.accessory-list div{ padding:15px 0; }
.accessory-list h4{ margin-bottom:8px; color:#b22335; font-size:var(--fs-md4); font-weight:900; }
.accessory-list p{ margin:0; color:#000000; font-size:var(--fs-sm); line-height:1.45; }
.accessory-list img{ max-width:100%; object-fit:contain; }
.product-footer{ padding:60px 0 55px; background:#171717 url(../images/product-footer.jpg) no-repeat top center; background-size:cover; }
/**/
.product-mobile{ display:none; }
.product-mobile img{ max-width:100%; margin:50px 0 0 0; }
/* products page */
.products-main{ background:#000 url(../images/products-bg.png) no-repeat bottom center; background-size:100%; }
.products-hero{ height:100vh; display:flex;  align-items:flex-end; padding-bottom:105px; text-align:right; color:#fff; background:url(../images/products-banner.jpg) no-repeat center; background-size:cover; }
.products-hero h1{ font-size:var(--fs-lg2); line-height:1.18; font-weight:500; }
.products-hero h1:after{ content:''; float: right; margin-top: -10px; width:80%; height:10px; background:#982535; }
.products-main main{ color:#fff; overflow:hidden; }
.products-copy{ width: 70%; display:inline-block; text-align:left; }
.products-main main h2{ margin-bottom:30px; font-size:var(--fs-lg2); line-height:1.25; font-weight:900; letter-spacing:.02em; }
.products-main main p{  font-size:var(--fs-md); line-height:2; }
.products-capacity{ position:relative; padding:250px 0 100px 0; }
.products-capacity:before{ content:''; position:absolute; left:0; top:10%; width:15%; height:60%; border-radius: 15px; background:rgba(152,37,53,.19); }
.products-intro{ position:relative; text-align:left; padding:0 0 0 100px; }
.products-intro:after{ content:''; position:absolute; left:50px; bottom:-100px; width:0; height:0; border-top:25px solid transparent; border-bottom:25px solid transparent; border-left:45px solid #982535; }
.products-capacity img{ width:100%; max-width: 100%; margin:15px 0 0 calc(.5* var(--bs-gutter-x));}

.products-manufacturing{ padding:100px 0; text-align:right; }
.products-line-img{ position:relative; margin:0 0 15px 0; }
.products-line-img img{ width:100%; }
.products-line-img::after {
  content: "";
  display: block;
  position: absolute;
  right: -30px;
  bottom: 0;
  width: 30px; 
  height: 60%;
  background: rgba(152,37,53,.52);
}
.products-intro2{ padding-right: 50px; text-align:right; }
.products-intro2 h2{ text-align:right; }

.products-quality{ position: relative; padding:100px 0; }
.products-quality:before{ content:''; position:absolute; z-index: -1; left:0; top:200px; width:100px; height:35px; background:#982535; }
.products-quality-grid{ position: relative; margin-top:100px; }
.products-quality-grid ul{ width: calc(100% - 100px); display:flex; }
.products-quality-grid ul li{ padding:0 30px; }
.products-quality-grid ul li img{ max-width:100%; }
.products-quality-grid:after{ content: ''; display: block; position: absolute; bottom:0; right: -15px; width: 100px; height: 100%; background:rgba(152, 37, 53, .25);}

.products-world{ padding:100px 0; text-align:left; }
.products-world img{ width:100%;}
.products-countries{ display:flex; flex-wrap:wrap; gap:38px; align-items:center; justify-content:center; color:#fff; font-size:var(--fs-lg); font-weight:500; }
.products-countries li{
    position: relative;
    padding: 5px 30px;
    border-radius: 24px;
    background: transparent;
    text-align: center;
    margin-bottom: 15px;
}
.products-countries li::before{
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: inherit;

    background: linear-gradient(
        90deg,
        #982535,
        #c35a6d,
        #ffffff,
        #c35a6d,
        #982535
    );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;
}
.products-countries li:last-child{ color:rgba(152, 37, 53, .5); }
.products-countries li:last-child::before{ display:none; }
.products-countries i{ margin-right:7px; }

.products-event{ position: relative; padding:100px 0; }
.products-event ul{ margin:100px 0; position:relative; z-index:1; }
.products-event ul li{ margin-bottom:15px; }
.products-event ul li img{ width:100%; }
.products-event:after{ content: ''; display: block; position: absolute; bottom: 130px; width:100%; height:100px; background:rgba(152, 37, 53, .3); }

/* guide page */
.guide-page{ text-align:left; color:#fff; background:#000 url(../images/guide-bg.png) no-repeat top center; background-size:100% auto; overflow:hidden; }
.guide-card-section{ padding:200px 0 100px 0; }
.guide-card{ 
    padding:10px 50px 50px; 
    border-radius:12px;
    position: relative;
    background: transparent;
}
.guide-card::before{
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: inherit;
    background: linear-gradient(
        41deg,
        transparent 0%,
        #9d2f3c 50%,
        transparent 100%
    );
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
.guide-product-copy{ padding-top:40px; }
.guide-product-copy h1{ margin-bottom:22px; color:#b31f33; font-size:var(--fs-lg2); line-height:1.15; font-weight:900; letter-spacing:.03em; }
.guide-product-copy ul{ margin-bottom:36px; color:#fff; font-size:var(--fs-md2); line-height:1.45; font-weight:500; }
.guide-product-copy ul li:before{ content:'√'; display: inline-block; width: 20px; line-height: 20px; text-align: center; color: #b31f33; border:1px solid #b31f33; margin-right:8px; }
.guide-line{ width:100%; height:1px; background:rgba(255,255,255,.3); }
.space100{ height:100px; }
.space50{ height:50px; }
.add-cart-btn{ margin:30px 0; font-size:var(--fs-md2); font-weight:700;}
.add-cart-btn a{ display:inline-block; padding:10px 50px; background:rgba(255, 255, 255, .8); border:2px solid #b31f33; border-radius: 15px; color:#b31f33;}
.add-cart-btn a:hover{ background:#b31f33; color:#fff; }
.guide-product-copy p{ margin-bottom:35px; color:#6d6f73; font-size:var(--fs-md); line-height:1.55; letter-spacing:.04em; }
.guide-product-copy h3{ margin-bottom:25px; color:#fff; font-size:var(--fs-lg); font-weight:900; }
.guide-contact-mini{ display:grid; grid-template-columns:1fr 1fr; gap:45px; margin-bottom:35px; }
.guide-contact-mini strong,.guide-contact-mini span{ display:block; }
.guide-contact-mini strong{ margin-bottom:8px; color:#fff; font-size:var(--fs-md2); font-weight:900; }
.guide-contact-mini span{ color:#85878c; font-size:var(--fs-md); }
.guide-btn{ display:inline-block; padding:10px 50px; background:#b31f33; color:#fff; text-align:center; font-size:var(--fs-md2); font-weight:700; }
.guide-product-view{ display:grid; grid-template-columns:48px 1fr 48px; align-items:center; gap:20px; }
.guide-product-view button{ border:0; background:transparent; color:rgba(255,255,255,.3); font-size:var(--fs-xxl); line-height:1; }
.guide-product-view img{ max-width:100%; max-height:620px; display:block; margin:0 auto; object-fit:contain; }
.guide-thumbs{ margin-top:50px; padding-top:50px; border-top:1px solid rgba(255,255,255,.3); }
.guide-thumbs ul li figure{ transition: all 0.4s ease; height:176px; display: flex; justify-content: center; align-items: center; border:3px solid #fff; padding:16px; border-radius:9px; background:#fff; overflow:hidden; }
.guide-thumbs ul li figure.current,.guide-thumbs figure:hover{ border-color: #b31f33; }
.guide-thumbs ul li figure img{ height:100%; }

.guide-params h2{ margin:0; color:#fff; font-size:var(--fs-lg2); line-height:1.35; font-weight:700; }
.guide-params h2:first-child{ margin-left:-30px; }
.guide-params h2:last-child{ padding-left: 15px; position:relative; }
.guide-params h2:last-child span{ position:relative; z-index:1; }
.guide-params h2:last-child::after{ content:''; display:block; width: 150px; height: 150px; position: absolute; top:-50px; right: 0; background:url(../images/guide-ico.png) no-repeat center; background-size:100%; }
.guide-param-list{ margin:120px 0 0; color:#919399; font-size:var(--fs-md); line-height:1.6; }
.guide-param-list div{ display:flex; margin-bottom:22px; }
.guide-param-list dt{ margin-right:6px; color:#fff; font-weight:700; }
.guide-param-list dd{ margin:0; }
.guide-contact{ padding:150px 0 210px; border-top:1px solid rgba(255,255,255,.2); }
.guide-contact h2{ margin-bottom:285px; color:#fff; font-size:var(--fs-hero); line-height:1.05; font-weight:900; }
.guide-subscribe{ max-width:430px; }
.guide-subscribe h5{ margin-bottom:10px; color:#fff; font-size:var(--fs-md2); font-weight:900; }
.guide-subscribe p{ margin-bottom:20px; color:#85878e; font-size:var(--fs-sm); line-height:1.5; }
.guide-subscribe form{ display:flex; }
.guide-subscribe input{ flex:1; min-width:0; padding:14px 18px; border:1px solid rgba(255,255,255,.18); border-right:0; background:rgba(0,0,0,.18); color:#fff; font-size:var(--fs-sm); }
.guide-subscribe button{ width:58px; border:0; background:#b22335; color:#fff; font-size:var(--fs-md); }
.guide-contact h4{ margin:0 0 180px; color:#fff; font-size:var(--fs-md3); }
.guide-contact h4 img{ height:28px; margin-right:8px; }
.guide-contact h4 span{ vertical-align:middle; }
.guide-contact-info h3{ margin-bottom:28px; color:#fff; font-size:var(--fs-md4); font-weight:900; }
.guide-contact-info li{ display:flex; gap:20px; margin-bottom:30px; color:#85878e; }
.guide-contact-info i{ width:24px; color:#b22335; font-size:var(--fs-md3); line-height:1.25; }
.guide-contact-info strong{ display:block; margin-bottom:6px; color:#fff; font-size:var(--fs-md); }
.guide-contact-info p{ margin:0; color:#85878e; font-size:var(--fs-sm); line-height:1.55; }
.guide-footer{ padding:60px 0 55px; background:#010101; }


@media (max-width:992px){
 
    .container{ padding:0 15px; }
    .logo img{ height:30px; }
    nav{ display:none; }
    .menu-toggle{ display:inline-block; }
    .slider{ height: 400px;}
    .slider-main,.slider-main3{ display:none; }
    .space100,.space200,.space300{ height:50px; }
    .home::before{ background-position: bottom; background-size: 100% auto; }
    .home-top,.certification,.training{ padding:50px 0;}
    .certification{ min-height:520px; padding-top:60px; background-size:auto 100%; }
    .certification-title h2{ margin-bottom:18px; white-space:normal; }
    .certification-list{ grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px 12px; margin-top:45px; }
    .home ul li{ margin-bottom:20px; }
    .home-title{ width:100%; }
    .contact{ padding:50px 0; background-size: 100%;}
    .contact-form{ width:100%; }
    footer{ padding: 0 0 30px 0; text-align:center; }
    .footer-right{ margin-top: 10px; display:block; }
    .footer-right ul li{ display:block; }

    /***/
    .product-section{ min-height:auto; padding:50px 0; }
    .product-mobile{ display:block; }
    .product-lab,.product-ai,.product-screen,.product-system,.product-app{ background-image:none; }
    .product-title{ width:100%; margin-bottom:35px; }
    .product-stats{ grid-template-columns: 1fr;}
    .app-features{ grid-template-columns:1fr; gap:22px; }
    .app-features div{ max-width:100%; padding:18px; }
    .accessory-list article{ grid-template-columns: 1fr 80px;}
    .accessory-list article h4{  font-size:var(--fs-md); }
    .accessory-list article p{  font-size:var(--fs-xs); }
    .product-footer{ padding:0 0 30px 0; background:none; }

    /**/
    .products-hero{ height:300px; padding-bottom:30px; }
    .products-hero h1{  }
    .products-copy{ width:100%; }
    .products-capacity,.products-manufacturing,.products-quality,.products-world,.products-event{ padding:50px 0; }
    .products-capacity:before{ width:100px; height:300px; top:45px; }
    .products-capacity img{ margin-left:0; }
    .products-intro,.products-intro2{ padding:0 }
    .products-intro:after{ left:0; bottom:0; z-index:-1 }
    .products-quality-grid{ margin:0; }
    .products-quality-grid ul{ display:block; width:100%; }
    .products-quality-grid ul li{ padding: 0; margin-bottom:15px; }
    .products-quality-grid:after{ height:300px; }
    .products-countries{ display:block; }
    .products-event ul{ margin:0; }
    .products-event:after{ bottom: 20px; }
    /*****/
    .guide-card-section{ padding:100px 0 50px 0; }
    .guide-card{ padding:0 15px; }
    .guide-product-view{ margin-top:50px; }
    .guide-thumbs figure{ height:auto; }
    .guide-params h2{ text-align:center; }
    .guide-params h2:first-child{ margin:0; }
    .guide-params h2:last-child{ padding:0; }
    .guide-param-list{ margin-top:50px; }
    .guide-param-list div{ display:block; }
   

}
