:root{
  --color-main:#b61d23;
  --color-main-light:#c92a2f;
  --color-main-dark:#ad181d;
  --color-deput:#222;
  --container-width:1380px;
  --padding-about:16px;
  --padding-home-box:clamp(25px,5vw,80px);
  --padding-page-box:clamp(25px,3.5vw,40px);
  --padding-more:min(12px,2vw) min(40px,4vw);
  --padding-around:clamp(18px,3vw,30px);
  --padding-around-long:clamp(25px,3.5vw,45px);
  --padding-around-short:clamp(12px,2vw,20px);
  --margin-default:clamp(16px,2.5vw,30px);
  --margin-long:clamp(25px,3.5vw,45px);
  --margin-short:20px;
  --font-size-title:clamp(22px,3.5vw,35px);
  --font-size-page-title:clamp(20px,3.3vw,32px);
  --font-size-detail-title:clamp(20px,2.5vw,28px);
  --font-size-detail-desc:clamp(15px,1.5vw,17px);
  --grid-row-gap:clamp(22px,3vw,30px);
  --grid-four:repeat(4,23.5%);
  --svg-about-1:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M937.45 315.483c-14.289-14.435-33.41-22.386-53.844-22.386-41.598 0-75.436 33.456-75.436 74.572 0 11.53 2.723 22.845 7.936 33.146-44.19 26.749-88.361 53.399-132.298 79.907A150897.759 150897.759 0 0 1 588.05 308.37l-29.024-52.203c17.942-14.082 28.46-35.38 28.46-58.269 0-41.114-33.844-74.574-75.445-74.574-41.598 0-75.44 33.459-75.44 74.574 0 23.406 11.382 45.6 30.126 59.54-4.205 7.564-8.392 15.127-12.58 22.687l-15.717 28.321c-31.388 56.563-63.772 114.89-95.806 172.24a2344.055 2344.055 0 0 1-25.726-15.523l-11.5-6.924a30393.614 30393.614 0 0 0-57.282-34.601c-13.91-8.402-27.84-16.8-41.789-25.237 5.792-10.674 8.822-22.634 8.822-35.028 0-41.118-33.84-74.578-75.44-74.578-41.597 0-75.441 33.46-75.441 74.578 0 35.768 25.866 66.39 60.942 73.176l88.286 298.761c.826 2.792 1.572 5.496 2.294 8.109 4.5 16.304 9.15 33.166 27.04 33.31 56.958.214 116.745.289 177.44.289 61.708 0 124.361-.075 185.971-.15 59.573-.074 118.174-.14 173.995-.14 22.293 0 26.23-16.575 29.705-31.201.77-3.251 1.584-6.693 2.624-10.224l87.005-294.801c34.107-7.397 59.26-37.876 59.26-72.788.113-19.627-7.477-38.178-21.38-52.23zM512.042 168.404c16.549 0 30.018 13.233 30.018 29.493 0 16.263-13.47 29.496-30.018 29.496-16.549 0-30.015-13.232-30.015-29.496 0-16.26 13.466-29.493 30.015-29.493zM161.408 383.926c-5.708 5.765-13.376 8.939-21.59 8.939-16.545 0-30.011-13.233-30.011-29.493 0-16.262 13.466-29.496 30.011-29.496 16.552 0 30.018 13.233 30.018 29.532.042 7.705-2.952 14.982-8.428 20.518zm656.935 172.21l-24.3 82.421-20.91 79.206c-.796 2.76-.82 7.462-.436 19.057h-518.12c2.923-7.103 3.716-10.823 2.726-14.145l-71.976-243.933c-3.096-10.63-6.299-21.313-9.463-31.867l-4.667-15.59c.4-.175.796-.357 1.19-.542l109.576 66.203a900.287 900.287 0 0 1 11.378 6.919c10.894 6.633 22.224 13.486 33.447 20.122 9.558 5.64 18.574 7.495 28.944 4.885 6.412-1.682 15.449-6.194 22.063-18.117 33.695-60.528 68.046-122.26 101.175-182a16402.851 16402.851 0 0 0 22.875-41.195l8.255-14.885c1.924.057 3.87.018 5.938-.101l32.15 57.825a144632.724 144632.724 0 0 1 97.894 176.184c5.153 9.191 12.123 19.036 24.78 22.395a30.708 30.708 0 0 0 7.98 1.023c9.613 0 18.173-4.41 24.557-8.255a75672.147 75672.147 0 0 0 74.517-45.037c23.582-14.265 47.157-28.53 70.754-42.773a79.882 79.882 0 0 0 4.983 2.35 141929.053 141929.053 0 0 1-35.31 119.85zm65.263-158.971c-16.545 0-30.011-13.233-30.011-29.496 0-16.26 13.466-29.49 30.011-29.49 16.552 0 30.018 13.23 30.018 29.49 0 16.262-13.466 29.496-30.018 29.496zM568.134 850.777H285.221c-13.12 0-23.79 10.742-23.79 23.945 0 13.209 10.67 23.958 23.79 23.958h282.913c13.114 0 23.776-10.749 23.776-23.958 0-13.203-10.662-23.945-23.776-23.945zm169.76 0h-56.588c-6.359 0-12.335 2.499-16.812 7.018-4.503 4.51-6.97 10.53-6.97 16.927 0 13.066 10.433 23.71 23.352 23.942h57.017c13.11 0 23.772-10.733 23.772-23.942.001-13.203-10.66-23.945-23.771-23.945z' fill='%23b61d23'/%3E%3C/svg%3E");
  --svg-about-2:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M434.939 779.116c-4.414-3.288-46.3-34.74-95.744-79.872-55.941-50.847-134.656-125.328-172.447-184.786a348.616 348.616 0 0 1-19.456-32.866l.21-.906-2.048-2.852a36.572 36.572 0 0 0-46.141-12.14c-20.22 9.831-18.944 33.004-15.304 44.463 1.47 6.323 10.291 31.145 62.894 92.672a1594.235 1594.235 0 0 0 235.566 223.124l-.712 81.746a34.145 34.145 0 0 0 33.88 34.381h.215a34.14 34.14 0 0 0 33.986-33.971l.922-99.932a34.15 34.15 0 0 0-15.821-29.061zM924.62 465.72h-.036a36.69 36.69 0 0 0-46.141 12.114l-1.68.579-.04 2.918a350.013 350.013 0 0 1-19.564 33.142c-37.765 59.469-116.506 133.944-172.452 184.796-45.491 41.472-84.419 71.363-95.744 79.908a34.447 34.447 0 0 0-15.678 29.02l.922 99.8a34.135 34.135 0 0 0 10.086 24.13 33.654 33.654 0 0 0 23.885 9.876h.23a34.1 34.1 0 0 0 33.818-34.411l-.732-81.736a1620.147 1620.147 0 0 0 235.561-223.124c52.685-61.594 61.44-86.406 62.91-92.672 3.553-11.372 4.735-34.412-15.345-44.34zm-114.95 15.253l.22-.348c24.285-38.267 57.545-90.68 57.545-166.231 0-63.565-20.235-121.739-56.976-163.805-39.24-44.922-93.63-68.669-157.281-68.669a200.883 200.883 0 0 0-93.927 23.639c-17.09 9.027-37.544 22.272-71.234 57.805-8.428 8.914-15.596 35.425 1.408 52.296a33.203 33.203 0 0 0 26.306 9.098 34.627 34.627 0 0 0 24.024-11.49c28.252-38.19 74.813-62.868 118.625-62.868 78.94 0 140.8 72.407 140.8 164.838 0 56.233-26.04 96.973-46.976 129.726-26.378 41.37-74.65 94.484-139.592 153.6-43.653 39.762-81.848 69.36-96.256 80.235a32.89 32.89 0 0 0-.793.615l-.927.717a3.988 3.988 0 0 1-5.12.26 11.735 11.735 0 0 0-1.198-.947c-7.634-5.847-172.708-133.217-236.698-234.496-20.966-32.885-47.058-73.815-47.058-129.725 0-92.431 61.84-164.838 140.8-164.838a137.672 137.672 0 0 1 18.832 1.392 34.458 34.458 0 0 0 41.8-19.41 35.2 35.2 0 0 0-7.102-37.836 44.493 44.493 0 0 0-19.907-9.58l-3.005-.445a173.056 173.056 0 0 0-25.334-2.427c-124.15 0-214.257 97.792-214.257 232.473 0 75.669 33.373 128.144 57.734 166.452 71.68 113.448 246.942 249.344 254.295 255.022a69.837 69.837 0 0 0 86.88 0c1.757-1.393 181.034-140.14 254.373-255.053z' fill='%23b61d23'/%3E%3C/svg%3E");
  --svg-about-3:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M927 409.5c0-.6-.3-1.1-.3-1.7-.4-23-6.7-46-19.5-66.1l-120.7-189c-22.2-34.8-59.8-55.7-100-55.7H337.7c-40.3 0-77.8 20.9-100 55.7L117 341.7c-12.9 20.1-19.1 43.1-19.5 66.1-.1.6-.3 1.1-.3 1.7 0 .4.2.8.2 1.2.1 26.7 8.4 53.4 25 75.5L417.5 879c24 32 59.3 47.9 94.7 47.9s70.7-16 94.7-47.9L902 486.2c16.6-22.2 24.9-48.8 25-75.5-.2-.4 0-.7 0-1.2zM751.4 175l120.7 189c4.9 7.8 8.5 16.1 10.7 24.8h-217l55.7-241.4c11.9 6.3 22.3 15.6 29.9 27.6zM551 138.5h130L630.5 357 551 138.5zm47 250.3H426.1l86-236.2L598 388.8zM393.5 357L343 138.5h130L393.5 357zm220.1 73.3L512 870.4 410.4 430.3h203.2zM272.6 175c7.7-12 18-21.3 29.9-27.6l55.7 241.4h-217c2.2-8.6 5.7-17 10.7-24.8l120.7-189zm177.9 679.2L155.4 461.3c-7-9.4-11.7-20-14.4-31h226.7l102 441.6c-7.1-4.8-13.8-10.5-19.2-17.7zm123 0c-5.4 7.2-12.1 12.9-19.2 17.8l102-441.6H883c-2.7 11-7.3 21.7-14.4 31L573.5 854.2z' fill='%23b61d23'/%3E%3C/svg%3E");
  --svg-about-4:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M840.533 610.133c-8.533-8.533-17.066-17.066-25.6-21.333-17.066-8.533-34.133-12.8-55.466-12.8 4.266-21.333 8.533-42.667 8.533-64s-4.267-42.667-8.533-64c17.066 4.267 38.4 0 55.466-12.8 8.534-4.267 17.067-12.8 25.6-21.333 8.534 29.866 12.8 64 12.8 98.133s-4.266 68.267-12.8 98.133zm-81.066 136.534C712.533 793.6 657.067 827.733 588.8 844.8c4.267-8.533 8.533-21.333 8.533-34.133 0-21.334-8.533-38.4-17.066-51.2 42.666-12.8 81.066-34.134 110.933-64 8.533 17.066 21.333 29.866 34.133 42.666 12.8 4.267 25.6 8.534 34.134 8.534zm-576-332.8c8.533 8.533 17.066 17.066 25.6 21.333 17.066 8.533 34.133 12.8 55.466 12.8-4.266 21.333-8.533 42.667-8.533 64s4.267 42.667 8.533 64c-17.066-4.267-38.4 0-55.466 12.8-8.534 4.267-17.067 12.8-25.6 21.333-8.534-29.866-12.8-64-12.8-98.133s4.266-68.267 12.8-98.133zm81.066-136.534c46.934-46.933 102.4-81.066 170.667-98.133-4.267 12.8-8.533 21.333-8.533 34.133 0 21.334 8.533 38.4 17.066 51.2-42.666 12.8-81.066 34.134-110.933 64-8.533-17.066-21.333-29.866-38.4-38.4-8.533-8.533-21.333-12.8-29.867-12.8zm0 469.334c12.8 0 21.334-4.267 34.134-12.8 17.066-8.534 29.866-25.6 34.133-42.667 29.867 29.867 68.267 51.2 110.933 64-8.533 17.067-17.066 34.133-17.066 55.467 0 12.8 4.266 21.333 8.533 34.133-68.267-17.067-128-51.2-170.667-98.133zm494.934-469.334c-12.8 0-21.334 4.267-34.134 12.8-17.066 8.534-29.866 25.6-34.133 42.667-29.867-29.867-68.267-51.2-110.933-64 8.533-17.067 17.066-34.133 17.066-55.467 0-12.8-4.266-21.333-8.533-34.133 68.267 17.067 128 51.2 170.667 98.133zM512 256c-25.6 0-42.667-17.067-42.667-42.667S486.4 170.667 512 170.667s42.667 17.066 42.667 42.666S537.6 256 512 256zm0 597.333c-25.6 0-42.667-17.066-42.667-42.666S486.4 768 512 768s42.667 17.067 42.667 42.667S537.6 853.333 512 853.333zM733.867 384c-12.8-21.333-4.267-46.933 17.066-59.733C768 315.733 797.867 320 806.4 341.333s4.267 46.934-17.067 59.734c-17.066 8.533-42.666 4.266-55.466-17.067zM217.6 682.667c-12.8-21.334-4.267-46.934 17.067-59.734C256 610.133 281.6 618.667 294.4 640c12.8 21.333 4.267 46.933-17.067 59.733s-51.2 4.267-59.733-17.066zM290.133 384c-12.8 21.333-38.4 25.6-59.733 17.067-17.067-12.8-25.6-38.4-12.8-59.734 8.533-21.333 38.4-25.6 55.467-17.066 21.333 12.8 29.866 38.4 17.066 59.733zM806.4 682.667c-12.8 21.333-38.4 25.6-59.733 17.066s-25.6-38.4-17.067-59.733 38.4-25.6 59.733-17.067c21.334 12.8 29.867 38.4 17.067 59.734zm-281.6-217.6h149.333L490.667 648.533v-81.066H341.333L524.8 384v81.067z' fill='%23b61d23'/%3E%3C/svg%3E");
}
@media (max-width:1024px){
  :root{
    --grid-four:repeat(2, 48.5%);
  }
}
@media (max-width:512px){
  :root{
    --grid-four:100%;
  }
}
@font-face {
  font-family: 'NoticiaText';
  src: url('../fonts/NoticiaText-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Muli';
  src: url('../fonts/Muli.woff2') format('woff2');
}
.container{max-width:var(--container-width);margin:0 auto}
.container.blank{padding-left:var(--padding-about);padding-right:var(--padding-about)}
.bg-light{background:#f7f7f7}
.header-wrap{padding-top:25px;padding-bottom:25px;background:#fff;}
.header{display:flex;align-items:center;justify-content:space-between}
.logo img{max-height:clamp(36px,4vw,62px);backface-visibility:hidden;display:block}
.nav{flex:1;display:flex;justify-content:flex-end;align-items:center}
.nav__item{position:relative}
.nav__item::before{content:'';width:1px;height:14px;background:#808080;position:absolute;top:15px;right:0}
.nav__item:last-child::before{display:none}
.nav__item > a{padding:12px 35px;font-size:14px;display:block;transition:color .3s}
.nav__item > a:hover,
.nav__item.active > a{color:var(--color-main)}
.nav__item > a:after{content:'';position:absolute;bottom:0;left:50%;width:0;height:3px;transform:translateX(-50%);background:var(--color-main);transition:width .3s}
.nav__item:hover > a:after,
.nav__item.active > a:after{width:100%}
.nav__item.dropdown:after{content:'';width:16px;height:16px;position:absolute;top:15px;right:15px;background:var(--svg-bottom) no-repeat}
.nav__dropdown{width:100%;height:0;overflow:hidden;z-index:-10;opacity:0;position:absolute;top:130%;left:50%;transform:translateX(-50%);padding:0;border:solid 1px #ddd;border-radius:3px;box-shadow:0 2px 5px 1px rgba(0,0,0,.05);background:#fff;transition:top .3s,opacity .3s}
.nav__dropdown li{text-align:center;padding:9px 0;border-bottom:solid 1px #f2f2f2}
.nav__dropdown li:last-child{border-bottom:none}
.nav__dropdown li:hover{background-color:#f5f5f5}
.nav__item:hover .nav__dropdown{height:auto;padding:5px 0;top:100%;z-index:101;opacity:1}
.nav-switch{display:none}
@media (max-width:1024px){
  body:before{content:'';display:block;height:58px}
  .header-wrap{padding-top:13px;padding-bottom:13px;position:fixed;top:0;right:0;width:100%;border-bottom:solid 1px #eee;z-index:201}
  .header{}
  .nav{display:block;position:fixed;top:0;right:110%;bottom:0;width:80%;z-index:211;background:#222;padding:30px 0 0;overflow:auto;transition:right .3s}
  .nav.open{right:20%;box-shadow:18px 0 18px 2px rgba(0,0,0,.1),0 0 5px 1px rgba(0,0,0,.1)}
  .nav__item{padding:0;width:100%;;border-bottom:solid 1px rgba(255,255,255,.05)}
  .nav__item::before{display:none}
  .nav__item > a{color:#fff;font-size:15px;line-height:58px;display:inline-block;margin-left:40px;padding:0}
  .nav__item > a:after{display:none}
  .nav__item.dropdown:after{width:auto;height:auto;border:4px solid transparent;border-bottom:0;border-top-color:#fff;right:30px;top:27px}
  .nav__item:hover .nav__dropdown{height:0;padding:0}
  .nav__dropdown{position:static;background:#303030;opacity:1;box-shadow:none;border:0;transform:translateX(0);transition:height .3s !important}
  .nav__dropdown li{text-align:left;padding:11px 10px 11px 60px;border-bottom:solid 1px rgba(255,255,255,.05)}
  .nav__dropdown li:hover{background-color:transparent}
  .nav__dropdown li a{color:#eee}
  .nav-switch{display:flex;width:22px;height:16px;;position:relative;border-top:solid 2px #555;border-bottom:solid 2px #555;transition:.4s}
  .nav-switch:before,
  .nav-switch:after{content:'';height:2px;width:100%;position:absolute;right:0;top:5px;background:#555;transition:transform .3s}
  .nav-switch.open{border-color:#fff;transition:0s}
  .nav-switch.open:before{transform:rotate(45deg)}
  .nav-switch.open:after{transform:rotate(-45deg)}
}
.home-bg{background:url(../images/home-bg.webp) no-repeat;background-size:cover;position:fixed;top:0;right:0;width:100%;height:100%;z-index:-10}
.home-banner{position:relative}
.home-banner__slide{height:32vw!important;background-repeat:no-repeat;background-position:center 0;background-size:cover}
@media (max-width:768px){
  .home-banner__slide{height:40vw!important}
}
.home-box{padding-top:var(--padding-home-box);padding-bottom:var(--padding-home-box)}
.home-more{margin-top:min(50px,6vw);display:flex;align-items:center;justify-content:center}
.home-more a{background:var(--color-main);padding:var(--padding-more);color:#fff;border-radius:4px;transition:background-color .3s}
.home-more a:hover{background:var(--color-main-dark)}
.page-main{padding:var(--padding-page-box) 0 var(--padding-home-box)}
.page-breadcrumb{background:#f9f9f9;padding:15px 0}
.page-title{text-align:center;position:relative;margin:0 0 var(--margin-default);padding-bottom:14px}
.page-title:before{content:'';position:absolute;bottom:0;left:50%;margin-left:-25px;width:50px;height:2px;background:#333}
.page-title span{font-size:var(--font-size-page-title)}
.page-banner{position:relative;height:22vw;display:flex;align-items:center;justify-content:center;overflow:hidden;background-size:cover;}
.page-banner img{width:100%;height:100%;object-fit:cover;display:block}
.home-idea-wrap{padding:clamp(25px,3.5vw,45px) 0;background: var(--color-main)}
.home-idea{color:#fff;display:grid;grid-template-columns:55% 35%;justify-content:space-between;row-gap:30px;}
.home-idea__txt{}
.home-idea__txt h3{font-size:20px;}
.home-idea__txt p{margin-top:15px}
.home-idea__btn{display:flex;justify-content: flex-end;align-items: center;}
.home-idea__btn a{background-color: #fff;border-radius:30px;padding:10px 25px;transition:box-shadow .3s}
.home-idea__btn a:hover{box-shadow:0 0 15px 1px rgba(255,255,255,.4)}
@media (max-width:1280px){
  .home-idea{grid-template-columns:60% 30%}
}
@media (max-width:768px){
  .home-idea{grid-template-columns:100%}
  .home-idea__txt h3{font-size:17px}
  .home-idea__txt p{}
  .home-idea__btn{justify-content:center}
  .home-idea__btn a{padding:7px 20px;font-size:12px;}
}
.main-title{margin-bottom:45px;text-align:center;position:relative;z-index:1}
.main-title__name{font-size:clamp(20px,4vw,32px);margin:10px 0 20px;padding-bottom:15px;font-weight:500;position:relative}
.main-title__name::before{content:"";width:60px;height:2px;background: var(--color-main);position:absolute;bottom:0;right:50%;transform:translateX(50%);}
.main-title__desc{color:#888;font-size:14px;line-height:22px;max-width:580px;margin:0 auto}
.main-title.white{color:#fff}
.main-title.white .main-title__desc{color:#ccc}
@media (max-width:768px){
  .main-title{margin-bottom:25px}
  .main-title:before{width:100px;height:10px}
  .main-title__name{margin:10px 0 15px;}
  .main-title__desc{font-size:12px;padding:0 12px}
}
.home-about-wrap{background: #fff;}
.home-about{display:grid;grid-template-columns:47% 47%;justify-content:space-between;align-items: center;row-gap:20px;}
.home-about__img{position:relative;aspect-ratio:1/.7}
.home-about__img::before{content:"";position:absolute;inset:0;z-index:1;background:rgba(0,0,0,.1)}
.home-about__img img{width:100%;height:100%;object-fit:cover;display:block}
.home-about__txt p{font-size:16px;line-height:1.8;margin-bottom:25px}
.home-about__more{margin-top:40px;display:flex}
.home-about__more a{padding:10px 35px;background: var(--color-main);color:#fff;border-radius:30px;transition: background-color .3s}
.home-about__more a:hover{background: var(--color-main-dark)}
@media (max-width:1024px){
  .home-about{grid-template-columns:100%}
  .home-about__more{padding:8px 25px}
}
@media (max-width:768px){
  .home-about__more{padding:6px 20px;font-size:12px}
}
.home-feature{margin-top:var(--margin-long);display:grid;grid-template-columns:repeat(3,31.5%);justify-content:space-between;row-gap:40px}
.home-feature__item{padding:clamp(20px,3vw,35px);text-align:center;border:solid 1px #eee;border-radius:4px;box-shadow:0 0 10px 0 rgba(0,0,0,.05);transition:transform .3s,box-shadow .3s}
.home-feature__item:hover{transform:translateY(-5px);box-shadow:0 5px 20px 0 rgba(0,0,0,.1)}
.home-feature__icon{width:60px;aspect-ratio: 1/1;margin:0 auto clamp(15px,2.5vw,25px);background-size:contain;background-repeat:no-repeat;background-position:center}
.home-feature__icon--1{background-image:var(--svg-about-1)}
.home-feature__icon--2{background-image:var(--svg-about-2)}
.home-feature__icon--3{background-image:var(--svg-about-3)}
.home-feature__title{font-size:clamp(16px,2vw,20px);font-weight:500;margin-bottom:clamp(12px,2vw,18px);color:#333}
.home-feature__desc{font-size:clamp(13px,1.5vw,15px);line-height:1.8;color:#666}
@media (max-width:768px){
  .home-feature{grid-template-columns:100%;row-gap:25px}
  .home-feature__item{padding:20px 15px}
}
.home-product-wrap{background: rgba(0,0,0,0.7);position:relative}
.home-product-wrap::after{content:'';position:absolute;right:0;bottom:0;background: #f5f5f5;width:100%;height:139px;}
.home-product{display:grid;grid-template-columns:repeat(4,23.5%);justify-content:space-between;row-gap:30px;position:relative;z-index:1}
.home-product__item{box-shadow: rgba(28, 26, 19, 0.2) 0px 0px 10px;}
.home-product__img{aspect-ratio: 1/1;overflow:hidden;}
.home-product__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.home-product__img:hover img{transform:scale(1.05)}
.home-product__title{background:#fff;padding:20px 5px;text-align:center}
@media (max-width:1024px){
  .home-product-wrap::after{display:none}
  .home-product{grid-template-columns:repeat(2,48.5%)}
  .home-product__title{padding:15px 5px}
}
.home-step-wrap{background:#fff;}
.home-step{display:grid;grid-template-columns:repeat(3,31%);justify-content:space-between;row-gap:30px;}
.home-step__item{box-shadow: 0 0 12px 1px rgba(0,0,0,.1);transition:transform .3s;}
.home-step__item:hover{transform:translateY(10px)}
.home-step__img{padding:50px 0 20px;display:flex;align-items:center;justify-content:center;}
.home-step__img img{width:100px}
.home-step__title{text-align:center;padding:20px 5px;position:relative}
.home-step__title::before{content:'';position:absolute;top:7px;left:50%;transform:translateX(-50%);width:20px;height:2px;background: var(--color-main);}
@media (max-width:1024px){
  .home-step{grid-template-columns:repeat(2,48%)}
  .home-step__title{padding:15px 5px}
}
.home-data-wrap{background:url(../images/home-step-bg.webp) no-repeat;background-size:cover;}
.home-data{display:grid;grid-template-columns:repeat(3,32%);justify-content:space-between;row-gap:30px;}
.home-data__item{padding:clamp(30px,4vw,50px) 15px;text-align:center;border-radius:8px;background:linear-gradient(135deg,#fff 0%,#f8f8f8 100%);box-shadow:0 5px 20px 0 rgba(0,0,0,.08);border-top:4px solid var(--color-main);position:relative;overflow:hidden;transition:transform .4s,box-shadow .4s}
.home-data__item::before{content:'';position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(182,29,35,.03) 0%,rgba(182,29,35,.08) 100%);opacity:0;transition:opacity .4s}
.home-data__item:hover{transform:translateY(-10px);box-shadow:0 15px 35px 0 rgba(0,0,0,.15)}
.home-data__item:hover::before{opacity:1}
.home-data__number{font-size:clamp(38px,5vw,56px);font-weight:700;color:var(--color-main);line-height:1.2;margin-bottom:clamp(12px,2vw,20px);font-family:'NoticiaText',serif;position:relative;z-index:1}
.home-data__number small{font-size:clamp(26px,3.5vw,38px);font-weight:600}
.home-data__title{font-size:clamp(14px,1.5vw,18px);color:#555;font-weight:500;position:relative;z-index:1}
@media (max-width:768px){
  .home-data{grid-template-columns:100%}
  .home-data__item{padding:30px 15px;margin-bottom:0}
  .home-data__number{margin-bottom:10px}
}
.home-news-wrap{background:#fff;}
.home-news{display:grid;grid-template-columns:repeat(4,23.5%);justify-content:space-between;row-gap:30px;}
.home-news__item{position:relative;box-shadow:rgba(4,0,0,0.08) 0px 0px 10px 0px;display:block;border-radius:4px;overflow:hidden;transition:transform 0.4s,box-shadow 0.4s;}
.home-news__item:hover{transform:translateY(-8px);box-shadow:rgba(4,0,0,0.15) 0px 5px 20px 0px;}
.home-news__img{aspect-ratio:1/.75;overflow:hidden;}
.home-news__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.home-news__img:hover img{transform:scale(1.08);}
.home-news__info{padding:20px 15px;}
.home-news__name{font-size:16px;font-weight:500;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:color .3s;}
.home-news__name:hover{color:var(--color-main);}
.home-news__desc{color:#777;margin-top:18px;line-height:1.7;font-size:13px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
@media (max-width:1280px){
  .home-news__img{aspect-ratio:1/.7;}
}
@media (max-width:1024px){
  .home-news{grid-template-columns:repeat(2,48.5%);}
  .home-news__name{font-size:15px;}
  .home-news__desc{font-size:13px;}
}
@media (max-width:768px){
  .home-news{grid-template-columns:100%;}
  .home-news__img{aspect-ratio:1/.55;}
  .home-news__info{padding:18px 12px;}
  .home-news__name{font-size:15px;}
  .home-news__desc{font-size:13px;margin-top:10px;}
}
.about-intro{display:grid;grid-template-columns:48% 48%;justify-content:space-between;align-items:center;margin-bottom:var(--margin-long);row-gap:30px;}
.about-intro__img{border-radius:8px;overflow:hidden;box-shadow:0 5px 20px 0 rgba(0,0,0,.1);}
.about-intro__img img{width:100%;height:100%;object-fit:cover;display:block;}
.about-intro__content{}
.about-intro__title{font-size:clamp(20px,3vw,28px);color:var(--color-main);margin-bottom:clamp(12px,2vw,18px);font-weight:600;}
.about-intro__slogan{font-size:clamp(16px,2vw,20px);color:#666;font-style:italic;margin-bottom:clamp(18px,2.5vw,25px);padding-left:15px;border-left:3px solid var(--color-main);}
.about-intro__text p{font-size:clamp(14px,1.5vw,16px);line-height:1.8;color:#555;margin-bottom:clamp(15px,2vw,20px);text-align:justify;}
@media (max-width:1024px){
  .about-intro{grid-template-columns:100%;}
  .about-intro__img{max-height:400px;}
}
@media (max-width:768px){
  .about-intro__img{max-height:300px;}
}
.about-section-title{font-size:clamp(20px,3vw,26px);text-align:center;margin-bottom:clamp(30px,4vw,45px);padding-bottom:15px;position:relative;}
.about-section-title::before{content:'';width:60px;height:3px;background:var(--color-main);position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.about-product{margin-bottom:var(--margin-long);}
.about-product-list{display:grid;grid-template-columns:repeat(5,18.5%);justify-content:space-between;row-gap:30px;}
.about-product-list__item{text-align:center;padding:clamp(20px,3vw,30px) clamp(12px,2vw,18px);border-radius:8px;background:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s;}
.about-product-list__item:hover{transform:translateY(-8px);box-shadow:0 8px 25px 0 rgba(0,0,0,.15);}
.about-product-list__icon{width:clamp(60px,8vw,80px);height:clamp(60px,8vw,80px);margin:0 auto clamp(15px,2vw,20px);border-radius:50%;overflow:hidden;border:3px solid #f5f5f5;}
.about-product-list__icon img{width:100%;height:100%;object-fit:cover;}
.about-product-list__name{font-size:clamp(15px,1.8vw,18px);color:#333;margin-bottom:clamp(10px,1.5vw,14px);font-weight:600;}
.about-product-list__desc{font-size:clamp(13px,1.4vw,14px);color:#666;line-height:1.7;}
@media (max-width:1280px){
  .about-product-list{grid-template-columns:repeat(3,31.5%);}
}
@media (max-width:768px){
  .about-product-list{grid-template-columns:repeat(2,48%);}
  .about-product-list__item{padding:18px 12px;}
}
@media (max-width:512px){
  .about-product-list{grid-template-columns:100%;}
}
.about-culture{margin-bottom:var(--margin-long);padding:clamp(35px,5vw,60px) 0;background:linear-gradient(135deg,#f9f9f9 0%,#fff 100%);}
.about-culture-list{display:grid;grid-template-columns:repeat(4,23.5%);justify-content:space-between;row-gap:35px;}
.about-culture-list__item{text-align:center;padding:clamp(25px,3.5vw,35px) clamp(15px,2.5vw,25px);background:#fff;border-radius:8px;box-shadow:0 3px 15px 0 rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s;}
.about-culture-list__item:hover{transform:translateY(-10px);box-shadow:0 10px 30px 0 rgba(0,0,0,.15);}
.about-culture-list__icon{width:clamp(60px,8vw,70px);height:clamp(60px,8vw,70px);margin:0 auto clamp(18px,2.5vw,22px);background-size:contain;background-repeat:no-repeat;background-position:center;}
.about-culture-list__icon--1{background-image:var(--svg-about-1);}
.about-culture-list__icon--2{background-image:var(--svg-about-2);}
.about-culture-list__icon--3{background-image:var(--svg-about-3);}
.about-culture-list__icon--4{background-image:var(--svg-about-4);}
.about-culture-list__name{font-size:clamp(16px,2vw,18px);color:#333;margin-bottom:clamp(12px,2vw,16px);font-weight:600;}
.about-culture-list__desc{font-size:clamp(13px,1.4vw,14px);color:#666;line-height:1.8;}
@media (max-width:1024px){
  .about-culture-list{grid-template-columns:repeat(2,48%);}
}
@media (max-width:768px){
  .about-culture-list{grid-template-columns:100%;}
}
.about-data{margin-bottom:var(--margin-long);}
.about-data-list{display:grid;grid-template-columns:repeat(4,23.5%);justify-content:space-between;row-gap:30px;}
.about-data-list__item{padding:clamp(30px,4vw,45px) clamp(15px,2.5vw,25px);text-align:center;border-radius:8px;background:linear-gradient(135deg,#fff 0%,#f8f8f8 100%);box-shadow:0 5px 20px 0 rgba(0,0,0,.08);border-top:4px solid var(--color-main);transition:transform .4s,box-shadow .4s;}
.about-data-list__item:hover{transform:translateY(-10px);box-shadow:0 15px 35px 0 rgba(0,0,0,.15);}
.about-data-list__number{font-size:clamp(36px,5vw,50px);font-weight:700;color:var(--color-main);line-height:1.2;margin-bottom:clamp(12px,2vw,18px);font-family:'NoticiaText',serif;}
.about-data-list__number small{font-size:clamp(24px,3.5vw,35px);font-weight:600;}
.about-data-list__title{font-size:clamp(14px,1.6vw,16px);color:#555;font-weight:500;}
@media (max-width:1024px){
  .about-data-list{grid-template-columns:repeat(2,48%);}
}
@media (max-width:768px){
  .about-data-list{grid-template-columns:100%;}
}
.about-vision{margin-bottom:var(--margin-long);}
.about-vision-content{background:#fff;padding:clamp(30px,4vw,45px) clamp(25px,3.5vw,40px);border-radius:8px;box-shadow:0 3px 15px 0 rgba(0,0,0,.08);border-left:4px solid var(--color-main);}
.about-vision-content p{font-size:clamp(14px,1.5vw,16px);line-height:1.9;color:#555;margin-bottom:clamp(18px,2.5vw,25px);text-align:justify;}
.about-vision-content p:last-child{margin-bottom:0;}
@media (max-width:768px){
  .about-vision-content{padding:22px 18px;}
}
.footer-wrap{background:url(../images/footer-bg.webp) no-repeat;background-size:cover;position:relative;padding:clamp(40px,5vw,70px) 0 0;}
.footer-wrap::before{content:'';position:absolute;inset:0;background:rgba(100,36,9,.9);}
.footer{position:relative;z-index:1;}
.footer__logo{text-align:center;margin-bottom:clamp(15px,3vw,35px);padding-bottom:25px;border-bottom:solid 1px rgba(255,255,255,.3)}
.footer__logo img{max-height:clamp(50px,6vw,80px);}
.footer-nav{display:grid;grid-template-columns:repeat(4,23%);justify-content:space-between;row-gap:30px;padding-bottom:clamp(30px,4vw,50px);border-bottom:1px solid rgba(255,255,255,.15);}
.footer-nav__item{}
.footer-nav__title{font-size:clamp(15px,1.8vw,18px);color:#fff;margin-bottom:clamp(15px,2.5vw,25px);font-weight:500;}
.footer-nav__list{}
.footer-nav__list li{margin-bottom:clamp(8px,1.5vw,14px);}
.footer-nav__list li a{font-size:clamp(13px,1.5vw,15px);color:rgba(255,255,255,.75);transition:color .3s;}
.footer-nav__list li a:hover{color:#fff;}
.footer-qrcode{display:flex;justify-content:space-between;gap:20px;}
.footer-qrcode__item{text-align:center;}
.footer-qrcode__img{width:clamp(70px,9vw,110px);height:clamp(70px,9vw,110px);margin:0 auto clamp(8px,1.5vw,12px);background:#fff;padding:5px;border-radius:4px;}
.footer-qrcode__img img{width:100%;height:100%;display:block;}
.footer-qrcode__text{font-size:clamp(12px,1.3vw,14px);color:rgba(255,255,255,.75);line-height:1.5;}
.footer-copyright{background:rgba(0,0,0,.7);padding:clamp(18px,2.5vw,25px) 0;text-align:center;position:relative;z-index:1;}
.footer-copyright p{font-size:clamp(12px,1.3vw,14px);color:rgba(255,255,255,.6);}
.footer-copyright a{color:inherit}
@media (max-width:1024px){
  .footer-nav{grid-template-columns:repeat(3,31%);}
  .footer-nav__item{margin-bottom:15px;text-align: center;}
  .footer-qrcode{grid-column:1 / -1;justify-content:center;gap:40px;}
}
@media (max-width:768px){
  .footer-nav__item{margin-bottom:10px;}
  .footer-nav__title{margin-bottom:12px;}
  .footer-qrcode{gap:30px;}
}

.contact-info{margin:25px 0;border-bottom:solid 1px #eee;border-left:solid 1px #eee;display:grid;grid-template-columns:repeat(3,31%);justify-content:space-between;row-gap:30px;}
.contact-info__item{padding:50px 12px;border-top:solid 1px #eee;border-right:solid 1px #eee;text-align:center}
.contact-info__item::before{content:'';width:90px;height:90px;margin:0 auto;border-radius:100%;background:#f1f1f1;background-position: center center;background-repeat: no-repeat;background-size:40%;display:block}
.contact-info__item.address::before{background-image: var(--svg-location);}
.contact-info__item.tel::before{background-image:var(--svg-tel)}
.contact-info__item.email::before{background-image: var(--svg-email)}
.contact-info__item small{color:#777;display:block;margin:30px 0 15px}
.contact-info__item span{font-size:16px}
.contact-qrcode{height:23vw;background:url("../images/page-contact.webp") no-repeat center center;background-size:cover;display:flex;align-items:center;justify-content:center}
.contact-qrcode__inner{text-align:center}
.contact-qrcode__inner h5{font-size:30px;font-weight:500}
.contact-qrcode__inner p{font-size:16px;margin:5px 0 20px}
.contact-qrcode__inner img{width:150px}
.content-map{margin:25px 0;height:500px;border:#ccc solid 1px}
.content-map img{width:100%;height:100%;object-fit:cover}
@media (max-width:1024px){
}
@media (max-width:768px){
  .contact-qrcode{height:320px}
  .contact-info{grid-template-columns:100%;}
  .contact-info__item{padding:30px 12px}
  .contact-info__item:before{font-size:30px;width:70px;height:70px}
}
@media (max-width:512px){
  .contact-info{margin:20px 0}
  .contact-info__item{padding:30px 12px}
  .contact-info__item small{margin:20px 0 15px}
  .contact-qrcode__inner h5{font-size:25px}
  .contact-qrcode__inner p{font-size:14px}
  .content-map{margin:20px 0;height:350px}
}
.news-list{display:grid;grid-template-columns:100%;row-gap:clamp(30px,4vw,45px);margin-bottom:clamp(35px,4.5vw,50px)}
.news-list__item{display:grid;grid-template-columns:35% 62%;justify-content:space-between;background:#fff;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.08);overflow:hidden;transition:transform .3s,box-shadow .3s}
.news-list__item:hover{transform:translateY(-5px);box-shadow:0 8px 25px 0 rgba(0,0,0,.15)}
.news-list__img{aspect-ratio:1/.65;overflow:hidden}
.news-list__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.news-list__img:hover img{transform:scale(1.08)}
.news-list__info{padding:clamp(20px,3vw,30px) clamp(18px,2.5vw,25px);display:flex;flex-direction:column;justify-content:space-between}
.news-list__name{font-size:clamp(16px,2vw,20px);font-weight:600;color:#333;display:block;margin-bottom:clamp(12px,2vw,18px);transition:color .3s}
.news-list__name:hover{color:var(--color-main)}
.news-list__desc{color:#666;line-height:1.8;font-size:clamp(13px,1.5vw,15px);margin-bottom:clamp(15px,2.5vw,22px);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.news-list__meta{display:flex;justify-content:space-between;align-items:center;padding-top:clamp(12px,2vw,18px);border-top:1px solid #f0f0f0}
.news-list__date{font-size:clamp(12px,1.4vw,14px);color:#999}
.news-list__more{font-size:clamp(13px,1.5vw,14px);color:var(--color-main);padding:6px 18px;border:1px solid var(--color-main);border-radius:20px;transition:background-color .3s,color .3s}
.news-list__more:hover{background:var(--color-main);color:#fff}
@media (max-width:1024px){
  .news-list{row-gap:30px}
  .news-list__item{grid-template-columns:40% 56%}
  .news-list__desc{-webkit-line-clamp:2}
}
@media (max-width:768px){
  .news-list{row-gap:25px}
  .news-list__item{grid-template-columns:100%}
  .news-list__img{aspect-ratio:1/.45}
  .news-list__info{padding:18px 15px}
  .news-list__name{margin-bottom:10px}
  .news-list__desc{margin-bottom:12px}
  .news-list__meta{padding-top:12px}
}
.product-category{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(15px,2.5vw,25px);margin-bottom:clamp(35px,4.5vw,50px);padding-bottom:clamp(25px,3.5vw,35px);border-bottom:1px solid #eee}
.product-category__item{}
.product-category__item a{display:block;padding:clamp(8px,1.5vw,12px) clamp(22px,3vw,35px);font-size:clamp(13px,1.5vw,15px);color:#666;background:#f5f5f5;border-radius:25px;transition:background-color .3s,color .3s,transform .3s}
.product-category__item a:hover{background:var(--color-main-light);color:#fff;transform:translateY(-2px)}
.product-category__item.active a{background:var(--color-main);color:#fff;font-weight:500}
@media (max-width:768px){
  .product-category{gap:12px;margin-bottom:25px;padding-bottom:20px}
  .product-category__item a{padding:7px 18px;font-size:13px}
}
.product-list{display:grid;grid-template-columns:repeat(4,23.5%);justify-content:space-between;row-gap:clamp(30px,4vw,40px);margin-bottom:clamp(35px,4.5vw,50px)}
.product-list__item{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px 0 rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s}
.product-list__item:hover{transform:translateY(-8px);box-shadow:0 8px 25px 0 rgba(0,0,0,.15)}
.product-list__img{aspect-ratio:1/1.2;overflow:hidden}
.product-list__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.product-list__img:hover img{transform:scale(1.08)}
.product-list__info{padding:clamp(18px,2.5vw,25px) clamp(12px,2vw,18px);text-align:center}
.product-list__name{font-size:clamp(15px,1.8vw,17px);font-weight:500;color:#333;display:block;transition:color .3s}
.product-list__name:hover{color:var(--color-main)}
@media (max-width:1024px){
  .product-list{grid-template-columns:repeat(3,31.5%);row-gap:30px}
}
@media (max-width:768px){
  .product-list{grid-template-columns:repeat(2,48%);row-gap:25px;margin-bottom:30px}
  .product-list__info{padding:15px 10px}
}
@media (max-width:512px){
  .product-list{grid-template-columns:100%}
}
.goods-wrap{display:grid;grid-template-columns:500px calc(100% - 550px);justify-content:space-between;row-gap:30px}
.goods-photo{}
.goods-photo__thumb{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border:solid 1px #e5e5e5;border-radius:3px;padding:5px;cursor:pointer}
.goods-photo__thumb img{width:100%;height:100%;object-fit:cover}
.goods-photo__list{display:flex;justify-content:space-between;margin-top:12px}
.goods-photo__list li{flex:0 0 19%;aspect-ratio:1/.8;border:solid 1px #eee;padding:2px;cursor:pointer}
.goods-photo__list img{width:100%;height:100%;object-fit:cover;display:block}
.goods-info__h1{margin-bottom:30px;font-size:var(--font-size-detail-title);font-weight:500}
.goods-info__data{margin-bottom:17px;padding-top:17px;border-top:solid 1px #eee}
.goods-info__desc{margin:20px 0 30px;background:#f9f9f9;padding:12px;border-radius:5px;line-height:1.7;color:#777}
.goods-info__button{display:flex}
.goods-info__button button{font-size:15px;background:var(--color-main);color:#fff;padding:12px 35px;border-radius:3px;cursor:pointer}
.goods-info__button button:hover{background:var(--color-main-dark)}
@media (max-width:1280px){
  .goods-wrap{grid-template-columns:40% 56%}
}
@media (max-width:1024px){
  .goods-wrap{grid-template-columns:100%}
}
.goods-detail{font-size:16px}
.goods-detail-title{margin:30px 0;padding:16px 0;border-bottom:solid 1px #eee;position:relative}
.goods-detail-title strong{font-size:22px}
.goods-detail-title::after{content:'';position:absolute;bottom:0;left:0;width:100px;height:2px;background:var(--color-main)}
.goods-detail table{width:100%;border-collapse:collapse;border-spacing:0;margin-bottom:30px}
.goods-detail table th,
.goods-detail table td{border:solid 1px #ddd;padding:10px 6px}
.goods-detail img{max-width:100%}
.goods-detail p{line-height:1.7;margin-bottom:18px;color:#333}
@media (max-width:1024px){
  .goods-detail-title strong{font-size:20px}
}