:root{
  --color-main:#c2272d;
  --color-main-light: #d5343a;
  --color-main-dark: #b11e24;
  --color2: #006faf;
  --padding-about:26px;
  --padding-home-box:clamp(25px,5vw,80px);
  --padding-page-box:clamp(25px,3.5vw,50px);
  --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-box-title:clamp(17px,2vw,23px);
  --font-size-list-title:clamp(16px,2vw,18px);
  --font-size-desc:min(16px,3vw);
  --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-row-gap-long:clamp(25px,3.5vw,40px);
  --grid-row-gap-short:20px;
  --grid-two:repeat(2,48.5%);
  --grid-three:repeat(3,32%);
  --grid-four:repeat(4,23.5%);
  --grid-five:repeat(5,19%);
}
@media (max-width:1280px){
  :root{
    --padding-about:26px;
  }
}
@media (max-width:1024px){
  :root{
    --padding-about:16px;
    --grid-four:repeat(2, 48.5%);
  }
}
@media (max-width:768px){
  :root {
    --grid-two:100%;
  }
}
@media (max-width:414px){
  :root{
    --grid-four:100%;
  }
}
.container{max-width:1600px;margin:0 auto}
.container.blank{padding-left:var(--padding-about);padding-right:var(--padding-about)}
.bg-light{background:#f7f7f7}
.header{height:100px;background-color:rgba(0,0,0,.15);display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;right:0;width:100%;z-index:10;transition:background-color .3s}
.header.move{background-color: rgba(0,0,0,.7)}
.logo{margin-left:50px}
.logo img{max-height:66px;backface-visibility:hidden}
.logo-white{display:block}
.logo-color{display:none}
.nav{height:100%;flex:1;display:flex;justify-content:flex-end;align-items:center}
.nav__item{height:100%;position:relative}
.nav__item > a{font-size:16px;color:#fff;padding:5px 35px;transition: .3s;height:100%;display:flex;align-items:center;justify-content:center;}
.nav__item > a:hover,
.nav__item.active > a{background-color: var(--color-main)}
.nav__item.dropdown:after{content:'';width:16px;height:16px;position:absolute;top:15px;right:5px;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:6px 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}
.head-tel{flex-basis:290px;margin:0 28px;display:flex;align-items: center;}
.head-tel:before{content:'';width:40px;height:40px;background-color: var(--color-main);mask:var(--svg-call) no-repeat;-webkit-mask:var(--svg-call) no-repeat center; mask-size: 100%;-webkit-mask-size: 100%;}
.head-tel span{color:#fff;font-size:30px;font-weight: 600;margin-left:9px;letter-spacing: 2px}
.head-search{height:100%;aspect-ratio: 1/1;background-color: var(--color-main);display:flex;align-items:center;justify-content:center;cursor: pointer;position:relative;z-index:1;}
.head-search:before{content:'';width:30px;height:30px;background-color:#fff;mask:var(--svg-enlarge) no-repeat;-webkit-mask:var(--svg-enlarge) no-repeat center; mask-size: 100%;-webkit-mask-size: 100%;}
.head-form{position:absolute;top:0;right:0;width:320px;padding:9px;background: #fff;display:flex;opacity: 0;transition: opacity 0s}
.head-form.show{top:100%;opacity:1;transition:opacity .3s}
.head-form input[type=text]{width:calc(100% - 80px);height:32px;border:solid 1px #ddd;border-radius:5px 0 0 5px;padding:0 9px;}
.head-form input[type=submit]{width:80px;height:32px;border:0;border-radius:0 5px 5px 0;padding:0 9px;background: #000;color:#fff;}
.nav-switch{display:none}
@media (max-width:1920px){
  .nav__item > a{padding:5px 23px}
}
@media (max-width:1600px){
  .logo {margin-left:30px;}
  .nav__item > a{padding:5px 15px}
  .head-tel{flex-basis:240px;margin:0 0 0 25px}
  .head-tel span{font-size:23px}
  .head-search,
  .head-form{display:none}
}
@media (max-width:1280px){
  .logo {margin-left:20px;}
  .nav__item > a{font-size:15px}
  .head-tel{display:none}
}
@media (max-width:1024px){
  body:before{content:'';display:block;height:67px}
  .header{height:auto;padding:12px;border-bottom:solid 1px #eee;z-index:201;background:#f7f7f7}
  .header.move{background:#fff}
  .logo {margin-left:0}
  .logo img{max-height:42px}
  .logo-white{display:none}
  .logo-color{display:block}
  .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%;height:auto;border-bottom:solid 1px rgba(255,255,255,.05)}
  .nav__item.active{background: var(--color-main)}
  .nav__item > a{color:#fff;font-size:15px;line-height:58px;display:inline-block;margin-left:40px;padding:0}
  .nav__item > a:hover,
  .nav__item.active > a{background-color:transparent}
  .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-banner{position:relative}
.home-banner__slide{height:100vh!important;background-repeat:no-repeat;background-position:center 0;background-size:cover;display:flex;align-items:center;justify-content:center;}
.home-banner__btn{display:flex;padding-top:630px}
.home-banner__btn a{border:solid 1px #fff;border-radius:12px;padding:18px 40px;color:#fff;font-size:16px;margin:0 15px;transition:.3s}
.home-banner__btn a:hover{background: var(--color-main);border-color:var(--color-main)}
@media (max-width:1024px){
  .home-banner__slide{height:80vw!important}
  .home-banner__btn{padding-top:42vw}
  .home-banner__btn a{padding:8px 20px;font-size:14px;border-radius:9px}
}
@media (max-width:512px){
  .home-banner__btn{padding-top:50vw}
  .home-banner__btn a{padding:6px 20px;font-size:12px}
}
.home-more{border:solid 1px #333;border-radius:15px;padding:16px 50px;color:#333;font-size:16px;transition:.3s}
.home-more:hover{background: var(--color-main);border-color:var(--color-main);color:#fff;}
@media (max-width:1024px){
  .home-more{padding:8px 20px;font-size:14px;border-radius:9px}
}
@media (max-width:512px){
  .home-more{padding:6px 20px;font-size:12px}
}
.home-box{padding-top:var(--padding-home-box);padding-bottom:var(--padding-home-box);}
.home-data{display:grid;grid-template-columns:repeat(4,25%);--icon-size:46px;}
.home-data__box{height:160px;background: #f8f9fd;padding:20px 40px;display:flex;align-items: center;justify-content: space-between;cursor: pointer;transition: background-color .3s}
.home-data__box:nth-child(1),
.home-data__box:nth-child(2),
.home-data__box:nth-child(3){border-right:solid 1px #f1f1f1}
.home-data__txt{flex-basis: calc(100% - var(--icon-size));padding-right:15px}
.home-data__name{font-size: 31px;color:var(--color-main)}
.home-data__desc{font-size:15px;color:#888;margin-top:12px}
.home-data__icon{flex-basis:var(--icon-size);width:var(--icon-size);height:var(--icon-size);background: #ccc;mask-size:100% 100%;-webkit-mask-size:100% 100%;}
.home-data__icon.i1{mask-image: url("../images/home-data-1.png");-webkit-mask-image: url("../images/home-data-1.png")}
.home-data__icon.i2{mask-image: url("../images/home-data-2.png");-webkit-mask-image: url("../images/home-data-2.png")}
.home-data__icon.i3{mask-image: url("../images/home-data-3.png");-webkit-mask-image: url("../images/home-data-3.png")}
.home-data__icon.i4{mask-image: url("../images/home-data-4.png");-webkit-mask-image: url("../images/home-data-4.png")}
.home-data__box:hover{background: var(--color-main)}
.home-data__box:hover .home-data__name,
.home-data__box:hover .home-data__desc{color:#fff}
.home-data__box:hover .home-data__icon{background: #fff;}
@media (max-width:1280px){
  .home-data{--icon-size:40px;}
  .home-data__name{font-size:20px}
  .home-data__desc{font-size:14px;margin-top:9px}
}
@media (max-width:1024px){
  .home-data{grid-template-columns:repeat(2,50%);--icon-size:30px;}
  .home-data__box{height:150px;padding:20px;}
  .home-data__box:nth-child(1){border-bottom:solid 1px #f1f1f1;}
  .home-data__box:nth-child(2){border-right:0;border-bottom:solid 1px #f1f1f1;}
}
@media (max-width:768px){
  .home-data__name{font-size:18px}
  .home-data__box{height:120px}
}
@media (max-width:512px){
  .home-data{display:none}
}
/*
@media (max-width:414px){
  .home-data{grid-template-columns:100%;}
  .home-data__box{height:auto;padding:30px 20px;}
  .home-data__box:nth-child(3){border-bottom:solid 1px #f1f1f1;}
  .home-data__box:nth-child(1),
  .home-data__box:nth-child(3){border-right:0}
}
*/
.home-title{text-align: center;margin-bottom:clamp(25px,3.5vw,45px);padding-bottom:20px;position:relative}
.home-title strong{font-size:clamp(22px,2.7vw,34px);font-weight: 500}
.home-title p{margin-top:16px;color:#777}
.home-title:before{content:'';width:40px;height:2px;background: var(--color-main);position:absolute;bottom:0;right:50%;transform: translateX(50%)}
.home-product-wrap{display:grid;grid-template-columns:30% 70%;justify-content:space-between}
.home-sort{display:grid;grid-template-columns:50% 50%;justify-content:space-between;}
.home-sort__btn{height:200px;background: #f9f9f9;display:flex;align-items:center;justify-content:center;text-align: center;cursor: pointer;transition:background-color .3s;border-bottom:solid 1px #eee;position:relative;}
.home-sort__btn > a{content:'';position:absolute;inset:0;z-index:2}
.home-sort__btn:before{content:'';position:absolute;inset:0;z-index:1}
.home-sort__btn a{content:'';position:absolute;inset:0;z-index:2}
.home-sort__btn:nth-child(1),
.home-sort__btn:nth-child(3),
.home-sort__btn:nth-child(5),
.home-sort__btn:nth-child(7){border-right:solid 1px #eee;}
.home-sort__btn:nth-child(7),
.home-sort__btn:nth-child(8),
.home-sort__btn:nth-child(9){border-bottom:0;}
.home-sort__btn:nth-child(9){display:none}
.home-sort__btn p{color:#555;margin-top:9px;}
.home-sort__btn figure{content:'';width:50px;height:50px;background: #aaa;mask-size:100% 100%;-webkit-mask-size:100% 100%;display:block;margin:0 auto;}
.home-sort__btn .f1{mask-image:url("../images/home-sort1.png");-webkit-mask-image:url("../images/home-sort1.png")}
.home-sort__btn .f2{mask-image:url("../images/home-sort2.png");-webkit-mask-image:url("../images/home-sort2.png")}
.home-sort__btn .f3{mask-image:url("../images/home-sort3.png");-webkit-mask-image:url("../images/home-sort3.png")}
.home-sort__btn .f4{mask-image:url("../images/home-sort4.png");-webkit-mask-image:url("../images/home-sort4.png")}
.home-sort__btn .f5{mask-image:url("../images/home-sort5.png");-webkit-mask-image:url("../images/home-sort5.png")}
.home-sort__btn .f6{mask-image:url("../images/home-sort6.png");-webkit-mask-image:url("../images/home-sort6.png")}
.home-sort__btn .f7{mask-image:url("../images/home-sort7.png");-webkit-mask-image:url("../images/home-sort7.png")}
.home-sort__btn .f8{mask-image:url("../images/home-sort8.png");-webkit-mask-image:url("../images/home-sort8.png")}
.home-sort__btn .f9{mask-image:url("../images/home-sort9.png");-webkit-mask-image:url("../images/home-sort9.png")}
.home-sort__btn.active,
.home-sort__btn:hover{background:var(--color-main)}
.home-sort__btn.active p,
.home-sort__btn:hover p{color:#fff}
.home-sort__btn.active figure,
.home-sort__btn:hover figure{background:#fff}
.home-product{height:800px;background-color: #f59b00;overflow: hidden;position:relative}
.home-product__inner{height:100%;display:flex;position: absolute;transition: transform 0.5s ease-in-out;}
.home-product__inner li{height:100%}
.home-product__inner li img{width:100%;height:100%;object-fit:cover}
@media (max-width:1440px){
  .home-sort__btn{height:160px}
  .home-product{height:640px}
}
@media (max-width:1024px){
  .home-product-wrap{grid-template-columns:100%}
  .home-sort{display:grid;grid-template-columns:repeat(3,1fr)}
  .home-sort__btn{height:15vw}
  .home-sort__btn:nth-child(9){display:flex}
  .home-sort__btn figure{width:26px;height:26px}
  .home-product{height:60vw}
  .home-sort__btn:nth-child(1),
  .home-sort__btn:nth-child(2),
  .home-sort__btn:nth-child(4),
  .home-sort__btn:nth-child(8){border-right:solid 1px #eee;}
  .home-sort__btn:nth-child(3){border-right:0;}
}
@media (max-width:768px){
  .home-sort__btn{height:20vw}
  .home-product{height:70vw}
}
@media (max-width:512px){
  .home-sort__btn{height:25vw}
  .home-sort__btn p{font-size:12px}

}
.home-partner{background-color: #F8FCFD;padding-top:clamp(30px,5vw,70px)}
.home-partner img{width:100%}
.home-case__img{height:25vw}
.home-case__img img{width:100%;height:100%;object-fit:cover}
.case-next,
.case-prev{width:50px;height:50px;position:absolute;top:48%;border-radius:50%;background-color: rgba(0,0,0,.4);z-index:2;cursor: pointer;display:flex;align-items:center;justify-content:center;}
.case-next{right:20px}
.case-prev{left:20px;}
.case-next:before,
.case-prev:before{content:'';width:30px;height:30px;background-color:#fff;mask-size: cover;-webkit-mask-size: cover;}
.case-next:before{mask-image:var(--svg-right);-webkit-mask-image:var(--svg-right)}
.case-prev:before{mask-image:var(--svg-left);-webkit-mask-image:var(--svg-left)}
@media (max-width:1024px){
  .home-case__img{height:40vw}
}
@media (max-width:768px){
  .case-next,
  .case-prev{width:40px;height:40px;top:40%;}
  .case-next:before,
  .case-prev:before{content:'';width:30px;height:30px;}
}
.home-about-wrap{background-image: url("../images/home-about.webp");background-position: left;background-size: cover;}
.home-about{display:flex}
.home-about-content{flex-basis:610px}
.home-about__text{font-size:16px;margin:25px 0 35px;line-height:2;color:#666;}
.home-about__title{padding-bottom:20px;position:relative}
.home-about__title strong{font-size:clamp(22px,2.7vw,34px);}
.home-about__title p{margin-top:16px;color:#777}
.home-about__title:before{content:'';width:40px;height:2px;background: var(--color-main);position:absolute;bottom:0;left:0}
.home-about__more{display:flex}
.home-about__data{margin-top:36px;display:grid;grid-template-columns:repeat(3,31%);justify-content:space-between;row-gap:20px;}
.home-about__data strong{font-size:clamp(20px,3vw,30px);color:var(--color-main);}
.home-about__data small{vertical-align:3px;margin-left:6px;}
.home-about__data dd{color:#777;margin-top:15px;}
@media (max-width:1024px){
  .home-about-wrap{background-image: none;background-color: #faf9fe;}
  .home-about-content{flex-basis:100%}
  .home-about__data{text-align: center}
}
@media (max-width:768px){
  .home-about__text{font-size:15px;margin:25px 0 25px}
  .home-about__data{margin-top:30px}
}
.home-news{padding:0 50px;display:grid;grid-template-columns:repeat(3,31%);justify-content:space-between;row-gap:30px;}
.home-news__img{height:22vw;overflow:hidden}
.home-news__img img{width:100%;height:100%;object-fit:cover;transition:transform .3s;}
.home-news__img:hover img{transform:scale(1.05)}
.home-news__date{margin:25px 0 10px}
.home-news__name{font-size:18px}
.home-news__name:hover{color:var(--color-main)}
.home-news__tag{margin-top:20px;font-size:12px;display:flex;}
.home-news__tag:before{content:'';width:20px;height:20px;background:var(--svg-tag);background-size: 100%;margin-right:5px}
.home-news__more{display:flex;justify-content: center;margin-top:50px}
@media (max-width:1440px){
  .home-news__img{height:22vw}
}
@media (max-width:1024px){
  .home-news{padding:0 16px;grid-template-columns:100%}
  .home-news__img{height:30vw}
}
@media (max-width:768px){
  .home-news__img{height:40vw}
}
.home-cooperate{height:400px;background: url("../images/home-cooperate.webp") center center no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center;}
.home-cooperate__inner{color:#fff;text-align: center}
.home-cooperate__title{font-size:clamp(22px,2.7vw,34px)}
.home-cooperate__desc{font-size:15px;margin:16px 0 30px;}
.home-cooperate__more{display:flex;justify-content: center}
.home-cooperate__more .home-more{background: var(--color-main);color:#fff;}
@media (max-width:768px){
  .home-cooperate{height:50vw}
}
.footer{background: #555}
.footer-top{padding-top:50px;display:flex;justify-content: space-between;align-items: center}
.footer-logo img{max-height:66px;display:block;backface-visibility:hidden}
.footer-nav{display:flex;}
.footer-nav a{color:#fff;font-size:15px;margin-left:70px}
.footer-info{padding:50px 0 40px;display:flex;justify-content: space-between;align-items:center}
.footer-contact li{font-size:16px;display:flex;align-items:flex-end;color:#fff;margin-bottom:25px;}
.footer-contact strong{font-size:30px;color:var(--color-main);line-height:1}
.footer-contact li:before{content:'';width:20px;height:20px;background:var(--color-main);margin-right:12px;mask-size:100% 100%;-webkit-mask-size:100% 100%;}
.footer-contact li.phone:before{mask-image:var(--svg-tel);-webkit-mask-image:var(--svg-tel)}
.footer-contact li.qq:before{mask-image:var(--svg-qq);-webkit-mask-image:var(--svg-qq)}
.footer-contact li.email:before{mask-image:var(--svg-email);-webkit-mask-image:var(--svg-email)}
.footer-contact li.address:before{mask-image:var(--svg-location);-webkit-mask-image:var(--svg-location)}
.footer-qrcode{display:flex;}
.footer-qrcode li{margin-left:30px;}
.footer-qrcode img{width:140px;height:140px;}
.footer-qrcode p{color:#fff;margin-top:9px;text-align: center}
.footer-link{color:#fff;}
.footer-link a{margin-right:20px;color:#fff;}
.footer-copyright{padding:15px 0;border-top:solid 1px #333;margin-top:30px;text-align: center;color:#eee}
.footer-copyright a{color:#eee}
@media (max-width:1024px){
  .footer-top{padding-top:40px;flex-wrap: wrap}
  .footer-logo{text-align: center;flex-basis: 100%}
  .footer-logo img{margin:0 auto;}
  .footer-nav{margin-top:30px;justify-content: center;flex-basis: 100%}
  .footer-nav a{margin:0 20px}
  .footer-info{flex-wrap: wrap}
  .footer-qrcode{flex-basis: 100%;justify-content: center}
  .footer-copyright{font-size:12px}
}
@media (max-width:768px){
  .footer-logo img{max-height:50px}
  .footer-nav{flex-wrap: wrap;justify-content: center}
  .footer-nav a{flex-basis: 30%;margin:0 0 9px;text-align: center}
  .footer-info{padding:30px 0 30px}
  .footer-contact li{font-size:14px}
  .footer-contact strong{font-size:25px}
}
.page-banner{height:66vh;background-repeat:no-repeat;background-position:center center;background-size:cover;display:flex;align-items:center;justify-content:center;}
.page-banner__txt{font-size:clamp(23px,5vw,65px);color:#fff;font-weight: 600;padding-top:2%;letter-spacing: 2px;}
@media (max-width:1024px){
  .page-banner{height:50vw}
}
.page-main{padding-top:var(--padding-page-box);padding-bottom:var(--padding-page-box);}
.page-product-title{text-align: center;font-size:clamp(22px,3vw,38px);font-weight: 300;text-align: center;margin-bottom:min(60px,6vw);}
.page-product-desc{text-align: center;line-height:1.8;font-size:17px;}
.page-product-desc p{margin-bottom:10px}
.search-box {margin: 0 auto 40px;max-width: 800px;}
.search-form {display: flex;border: 1px solid #ddd;border-radius:17px;overflow: hidden;position:relative}
.search-form::before{content:'';width:20px;height:20px;position:absolute;top:24px;left:12px;background-color: #aaa;mask-image:var(--svg-enlarge);-webkit-mask-image:var(--svg-enlarge);mask-size:100% 100%;-webkit-mask-size:100% 100%;}
.search-input {flex: 1;height: 70px;border: none; padding-left:40px;font-size: 16px;}
.search-btn {width: 180px;border: none;background: var(--color-main);color: #fff;font-size: 16px;cursor: pointer;transition: .3s;}
.search-btn:hover {background: var(--color-main-dark);}
@media (max-width: 1024px) {
  .search-box {margin-bottom: 30px;}
  .search-form::before{top:14px;left:12px;}
  .search-input {height:50px;font-size: 14px;}
  .search-btn {width: 120px;font-size: 14px;}
}
.product-sort{margin:40px auto;display:flex;justify-content: space-between;padding:0 100px;flex-wrap: wrap;}
.product-sort a{font-size:16px;width:22%;height: 60px;display:flex;align-items:center;justify-content:center;border:solid 1px #ccc;border-radius:10px;margin-bottom:20px;}
.product-sort a:hover,
.product-sort a.active{background-color: var(--color-main);border-color: var(--color-main);color:#fff}
@media (max-width:1024px){
  .product-sort{margin:30px auto}
  .product-sort a{font-size:14px;height:50px;}
  .product-sort{margin:20px auto;padding:0 10px}
}
@media (max-width:512px){
  .product-sort a{width:23%;font-size:13px;height:45px;}
}
.product-list{display:grid;grid-template-columns:repeat(2, 1fr);gap:30px;margin-top:40px}
.product-item{display:grid;grid-template-columns:1fr 1fr;gap:20px;border:1px solid #eee;border-radius:3px;overflow:hidden;transition:.3s;background-color:#f7f9fd;padding:15px;position:relative}
.product-item > a{position:absolute;inset:0;z-index:1}.product-item:hover{box-shadow:0 0 15px rgba(0,0,0,.1)}
.product-img{height:280px}.product-img img{width:100%;height:100%;object-fit:cover;display:block;border-radius:3px}
.product-txt{display:flex;flex-direction:column;justify-content:center;padding:0 20px}
.product-txt h3{font-size:23px;font-weight:500}.product-txt a{color:#ccc}
.product-txt p{margin:20px 0;color:#888;line-height:1.8;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
@media (max-width:1024px){
  .product-list{margin-top:10px;grid-template-columns:1fr;gap:20px}
  .product-img{height:30vw}
}
@media (max-width:768px){
  .product-item{grid-template-columns:100%}
  .product-img{height:50vw}
  .product-txt{padding:0}
  .product-txt h3{font-size:18px}
}
.case-page{display:grid;grid-template-columns:250px calc(100% - 300px);justify-content:space-between;}
.case-side{background:#f8f9fd;}
.case-side__name{background: var(--color-main);color:#fff;height:80px;display:flex;align-items:center;justify-content:center;border-bottom:solid 1px #fff;}
.case-side__name span{font-size:clamp(20px,3vw,23px);margin-left:15px}
.case-side__nav{}
.case-side__nav li{border-bottom: 1px solid #eee;}
.case-side__nav a{height:60px;display:flex;align-items:center;justify-content:center;}
.case-side__nav a:hover,
.case-side__nav a.active{background: var(--color-main);color:#fff;}
.case-list{}
.case-list__content{display:grid;grid-template-columns:48% 48%;justify-content:space-between;row-gap:30px;}
.case-list__item{}
.case-list__img{height:400px;overflow: hidden}
.case-list__img img{width:100%;height:100%;object-fit:cover;transition:transform .3s;}
.case-list__img:hover img{transform:scale(1.07)}
.case-list__name{text-align: center;margin-top:9px}
@media (max-width:1440px){
  .case-list__img{height:25vw}
}
@media (max-width:1280px){
  .case-page{grid-template-columns:250px calc(100% - 280px)}
}
@media (max-width:1024px){
  .case-page{grid-template-columns:100%;row-gap: 30px}
  .case-side__nav{display:grid;grid-template-columns:repeat(4,23.5%);justify-content:space-between;row-gap:10px;}
  .case-side__nav a{height:45px}
  .case-list__img{height:30vw}
}
.news-title{display:flex;align-items:center;justify-content:center;}
.news-title .news-link:nth-child(2){margin-left:50px;}
.news-link{border:solid 1px #999;border-radius:12px;padding:16px 50px;color:#333;font-size:16px;transition:.3s}
.news-link:hover,
.news-link.active{background: var(--color-main);border-color:var(--color-main);color:#fff;}
@media (max-width:1024px){
  .news-link{padding:10px 25px;font-size:14px}
}
@media (max-width:512px){
  .news-link{padding:8px 20px;font-size:12px;border-radius:9px;}
}
.news-list{margin-top:clamp(25px,3vw,50px)}
.news-list__row{padding:clamp(25px,3vw,50px);display:grid;grid-template-columns:35% 60%;justify-content:space-between;align-items:center;row-gap:25px;}
.news-list__row:nth-child(odd){background:#f8f9fd}
.news-list__img{height:300px;overflow: hidden}
.news-list__img img{width:100%;height:100%;object-fit:cover}
.news-list__txt{}
.news-list__name{font-size:clamp(20px,3vw,30px);}
.news-list__desc{line-height:1.8;margin:20px 0;color:#999;font-size:17px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.news-list__date{color:#999;margin:20px 0;}
.news-list__more{display:flex;}
@media (max-width:768px){
  .news-list__row{grid-template-columns:100%}
  .news-list__img{height:50vw}
  .news-list__desc{font-size:15px;}
}
.contact-title{text-align: center;margin:clamp(30px,3vw,50px) auto;font-size:clamp(20px,3vw,36px);font-weight: 300}
.contact-info{display:grid;grid-template-columns:repeat(3,31.5%);justify-content:space-between;row-gap:25px;}
.contact-info__item{border-radius:3px;border:solid 1px #eee;padding:40px 30px;text-align: center}
.contact-info__item:before{content:'';mask-size: cover;-webkit-mask-size: cover;width:45px;height:45px;background:var(--color-main);display:block;margin:0 auto;}
.contact-info__item.phone:before{mask-image:var(--svg-tel);-webkit-mask-image:var(--svg-tel)}
.contact-info__item.email:before{mask-image:var(--svg-email);-webkit-mask-image:var(--svg-email)}
.contact-info__item.address:before{mask-image:var(--svg-location);-webkit-mask-image:var(--svg-location)}
.contact-info__item span{font-size:15px;color:#777;display:block;margin:20px auto 12px}
.contact-info__item p{font-size:16px;color:#555;}
@media (max-width:1024px){
  .contact-info__item{padding:20px}
}
@media (max-width:768px){
  .contact-info{grid-template-columns:100%}
  .contact-info__item span{margin:15px auto 12px}
}
.contact-map{height:60vh;margin:25px 0}
.contact-map img{width:100%;height:100%;object-fit:cover}
.contact-message{width:90%;margin:0 auto;}
.contact-form{display:flex;flex-wrap:wrap;gap:20px}
.contact-form input[type="text"],
.contact-form input[type="tel"],
.contact-form input[type="email"],
.contact-form textarea{flex:1 1 45%;padding:18px 15px;border:1px solid #ddd;border-radius:6px;font-size:16px;box-sizing:border-box;transition:border-color 0.3s ease}
.contact-form textarea{flex:1 1 100%;min-height:120px;resize:vertical}
.contact-form input::placeholder,
.contact-form textarea::placeholder{color:#999}
.contact-form input[type="text"]:focus,
.contact-form input[type="tel"]:focus,
.contact-form input[type="email"]:focus,
.contact-form textarea:focus{border-color:#c62828;outline:none}
.contact-form .submit-btn{flex:1 1 100%;background-color:#c62828;color:white;border:none;padding:15px 0;font-size:18px;border-radius:8px;cursor:pointer;transition:background-color 0.3s ease}
.contact-form .submit-btn:hover{background-color:#a81f1f}
@media (max-width:1024px){
  .contact-map{height:60vh;margin:25px 0 0}
  .contact-message{width:100%;}
}
.page-about-wrap{padding:min(7vw,350px) 0;background: url("../images/page-about.webp") top center no-repeat;background-size: cover}
.page-about-box{}
.page-about{width:880px}
.page-about__name{font-size:clamp(22px,3vw,36px);}
.page-about__desc{margin:30px 0 90px;}
.page-about__desc p{font-size: 16px;line-height:2;color:#777;margin-bottom:30px;}
.page-about__data{display:grid;grid-template-columns:repeat(3,31%);justify-content:space-between;row-gap:20px;}
.page-about__data strong{font-size:clamp(20px,3.5vw,38px);color:var(--color-main);}
.page-about__data small{vertical-align:3px;margin-left:6px;}
.page-about__data dd{color:#777;margin-top:15px;font-size:15px;}
@media (max-width:1440px){
  .page-about{width:700px}
}
@media (max-width:1024px){
  .page-about-wrap{padding:10px 0 6vw;background: url("../images/page-about-mobile.webp") center center;}
  .page-about{width:100%;text-align: center}
  .page-about__desc{margin:30px 0 50px;}
  .page-about__data{text-align: center}
  .page-about__data dd{font-size:14px}
}
@media (max-width:768px){
  .page-about__data{margin-top:30px}
  .page-about__data dd{font-size:12px}
}
.about-video{height:50vh;position:relative;cursor: pointer}
.about-video:before{content:'';width:70px;height:70px;position:absolute;top:50%;left:50%;z-index:2;transform: translate(-50%,-50%);background: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M42.667 512C42.667 251.733 251.733 42.667 512 42.667S981.333 251.733 981.333 512 772.267 981.333 512 981.333 42.667 772.267 42.667 512zm76.8 0c0 217.6 174.933 392.533 392.533 392.533S904.533 729.6 904.533 512 729.6 119.467 512 119.467 119.467 294.4 119.467 512zM435.2 682.667c-8.533 0-17.067-8.534-25.6-12.8-8.533-8.534-8.533-12.8-8.533-34.134V388.267c0-21.334 0-21.334 8.533-29.867 12.8-17.067 34.133-21.333 51.2-8.533l183.467 128c8.533 8.533 17.066 17.066 17.066 29.866s-4.266 21.334-12.8 29.867L465.067 674.133c-4.267 4.267-12.8 8.534-21.334 8.534H435.2z' fill='%23e6e6e6'/%3E%3C/svg%3E");background-size: 100%;}
.about-video:after{content:'';position:absolute;inset:0;z-index:3}
.about-video img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s;display:block}
.about-video:hover img{transform:scale(1.05)}
.video-popup{display:none;position:fixed;top:14vh;left:50%;margin-left:-500px;width:1000px;background: #fff;padding:12px;z-index:990;border-radius:6px}
.video-popup__close{position:absolute;top:8px;right:12px;z-index:2;font-size:24px;cursor:pointer}
.video-popup.show{display:block}
.video-popup__title{font-size:16px;text-align: center}
.video-popup__play{margin:15px 0}
.video-popup__play video{width:100%}
.video-popup__desc{background: #f9f9f9;padding:9px;line-height:1.8}
@media (max-width:768px){
  .about-video{height:60vw}
  .video-popup{top:15vh;left:5%;margin-left:0;width:90%}
}
@media (max-width:512px){
  .video-popup__title{font-size:14px}
  .video-popup__play{margin:10px 0}
}
.page-about-title{font-size:clamp(22px,3vw,35px);text-align: center;padding:min(35px,7vw) 0}
.about-culture{
  --svg-qz:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M1024.091 47.59v.2l-2.3 520.2-1.5 5.798c-2.199 8.198-10.397 29.294-38.592 45.291-22.995 12.998-54.29 19.596-92.982 19.596h-4.899c-48.89-.7-111.078-11.597-184.963-32.293-44.692-12.498-84.784-17.697-120.577-17.697-87.383 0-148.97 30.794-188.363 60.888-27.095 20.696-36.493 57.289-22.596 88.383L465.7 958.813c10.398 23.195-.2 50.79-23.495 61.188-6.1 2.7-12.398 3.999-18.697 3.999-17.796 0-34.893-10.298-42.491-27.495L3.99 149.771c-4.199-9.398-4.999-19.596-2.8-29.095.6-3.699 1.5-7.398 2.9-10.997 5.2-13.598 15.897-24.896 29.195-30.794 38.792-17.397 100.98-41.792 177.565-58.789C268.739 7.2 324.328.7 377.317.7c51.39 0 100.38 6.099 146.472 18.196 112.378 29.495 192.462 41.092 252.65 41.092 86.084 0 131.875-23.595 174.266-51.99l2-1.3C960.104 2.2 968.502 0 976.8 0c7.999 0 15.997 2 23.196 6.099 14.897 8.498 24.195 24.395 24.095 41.492z'/%3E%3C/svg%3E");
  --svg-bjb:url("data:image/svg+xml,%3Csvg viewBox='0 0 1082 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M1039.195 1024H43.525a43.268 43.268 0 1 1 0-87.05h995.67a43.268 43.268 0 1 1 0 87.05zM87.30799999999999 0h908.104q87.05 0 87.05 87.05v675.284q0 87.05-87.05 87.05H87.308q-87.05 0-87.05-87.05V87.05Q.258 0 87.308 0z' fill='%235E5C5C'/%3E%3C/svg%3E");
  --svg-fj:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M565.748 792.837L826.567 905.76l126.91-845.425-887.39 521.64 232.844 109.933 562.612-511.653-451.697 563.617-5.997 239.832 161.899-190.866z'/%3E%3C/svg%3E");
  --svg-zs:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M837.92 96a64 64 0 0 1 55.264 31.744l108.672 186.336a64 64 0 0 1-5.28 72.224l-409.6 512a96 96 0 0 1-149.952 0l-409.6-512a64 64 0 0 1-5.28-72.224l108.672-186.336A64 64 0 0 1 186.08 96h651.84zM632.928 484.096L525.024 635.2a16 16 0 0 1-26.048 0L391.072 484.096a48 48 0 1 0-78.144 55.808l107.936 151.072a112 112 0 0 0 182.272 0l107.936-151.072a48 48 0 1 0-78.144-55.808z' fill='%234B4B4B'/%3E%3C/svg%3E");
}
.about-culture{display:grid;grid-template-columns:repeat(4,23.5%);justify-content:space-between;row-gap:20px;}
.about-culture__item{border:solid 1px #ddd;border-radius:3px;padding:30px;text-align: center}
.about-culture__icon{width:60px;height:60px;background: #333;mask-size: cover;-webkit-mask-size:100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;margin:0 auto}
.about-culture__icon.qz,
.about-culture__icon.c0{mask-image:var(--svg-qz);-webkit-mask-image:var(--svg-qz);}
.about-culture__icon.bjb,
.about-culture__icon.c1{mask-image:var(--svg-bjb);-webkit-mask-image:var(--svg-bjb);}
.about-culture__icon.fj,
.about-culture__icon.c2{mask-image:var(--svg-fj);-webkit-mask-image:var(--svg-fj);}
.about-culture__icon.zs,
.about-culture__icon.c3{mask-image:var(--svg-zs);-webkit-mask-image:var(--svg-zs);}
.about-culture__name{margin:15px 0;font-size:clamp(18px,3vw,28px);font-weight: 400}
.about-culture__item:hover{border-color:var(--color-main);}
.about-culture__item:hover .about-culture__icon{background: var(--color-main)}
@media (max-width:1024px){
  .about-culture{grid-template-columns:repeat(2,48%)}
}
@media (max-width:768px){
  .about-culture__icon{width:40px;height:40px}
}
.about-honor-wrap{background: url("../images/about-honor.jpg") no-repeat center center;background-size:cover}
.about-honor{position:relative;padding-bottom:50px;}
.about-honor__item{}
.about-honor__item img{width:100%;height:370px;}
.about-honor__item p{margin-top:12px;text-align: center}
@media (max-width:1600px){
  .about-honor__item img{height:23vw;}
}
@media (max-width:1024px){
  .about-honor__item img{height:40vw;}
}
@media (max-width:512px){
  .about-honor__item img{height:52vw;}
}
.about-environment{display:grid;grid-template-columns:40% 28% 28%;justify-content:space-between;row-gap:20px;}
.about-environment li{position:relative;overflow: hidden}
.about-environment li:nth-child(1){height:740px;grid-area:1/1/3/2}
.about-environment li:nth-child(2){height:360px;grid-area:1/2/2/4}
.about-environment li:nth-child(3){height:360px;}
.about-environment li:nth-child(4){height:360px;}
.about-environment img{width:100%;height:100%;object-fit:cover;transition: transform .3s}
.about-environment li:hover img{transform:scale(1.05)}
.about-environment article{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity: 0;transition:.3s;display:flex;align-items:center;justify-content:center;color:#fff;border:solid 3px #fff;}
.about-environment article:hover{opacity: 1;top:9px;right:9px;bottom:9px;left:9px;}
@media (max-width:1440px){
  .about-environment li:nth-child(1){height:54vw}
  .about-environment li:nth-child(2){height:26vw}
  .about-environment li:nth-child(3){height:26vw}
  .about-environment li:nth-child(4){height:26vw}
}
@media (max-width:768px){
  .about-environment{display:grid;grid-template-columns:49% 49%}
  .about-environment li:nth-child(1){height:30vw;grid-area:1/1/2/2}
  .about-environment li:nth-child(2){height:30vw;grid-area:1/2/2/3}
  .about-environment li:nth-child(3){height:30vw}
  .about-environment li:nth-child(4){height:30vw}
}
.support-title{font-size:clamp(22px,3vw,35px);text-align: center;}
.support-desc{text-align: center;color:#999;font-size:min(22px,3vw);margin:30px auto 40px;padding:0 12px}
.support-tel{font-size:clamp(22px,3.5vw,40px);color:var(--color-main);text-align: center;font-weight: 600;letter-spacing: 2px}
.support-service{background: #F8F9FD;padding:clamp(30px,6vw,90px)}
.support-service img,
.support-service-content img{width:100%}
.support-service-content{margin:50px auto;}
.support-structure{text-align: center;color:#999;font-size:min(22px,3vw);margin:30px auto 40px;}
.support-structure p{margin-bottom:15px}
.support-idea-wrap{background: url("../images/support-idea.webp") no-repeat center center;background-size:cover;padding:clamp(25px,9vw,180px) 20px;}
.support-idea__desc{max-width:1200px;text-align: center;color:#555;font-size:min(22px,3vw);margin:50px auto;line-height:2}
.support-idea__more{text-align: center;}
@media (max-width:768px){
  .support-idea__desc{margin:30px auto;font-size:15px;}
}
.goods-info-wrap{background: #f8f9fd;padding:var(--padding-home-box) 0;}
.goods-info{background: #f8f9fd;display:grid;grid-template-columns:53% 43%;justify-content:space-between;row-gap:20px;}
.goods-photo{}
.goods-photo__item{height:660px}
.goods-photo__item img{width:100%;height:100%;object-fit:cover}
.goods-info__txt{}
.goods-info__name{font-size:clamp(20px,3vw,32px);padding-bottom:15px;border-bottom:solid 1px #ddd}
.goods-info__desc{line-height:1.8;margin:35px 0 45px;font-size:15px;}
.goods-message__title{font-size:clamp(18px,2.5vw,25px);margin-bottom:15px;}
.goods-message input[type=text]{padding:18px;border:solid 1px #ddd;border-radius:3px;margin-bottom:15px;display:block;width:100%}
.goods-message input[type=submit]{padding:16px 40px;border:0;border-radius:3px;background:var(--color-main);color:#fff;}
.goods-detail{padding:var(--padding-home-box) min(90px,4vw)}
.goods-title{margin-bottom:min(35px,6vw);font-size:clamp(22px,3vw,32px);text-align: center}
.goods-content{line-height:1.8;font-size:15px;}
.goods-content p{margin-bottom:18px;}
.goods-content img{max-width:100%}
@media (max-width:1440px){
  .goods-photo__item{height:45vw}
}
@media (max-width:1024px){
  .goods-info{grid-template-columns:100%}
  .goods-photo__item{height:66vw}
  .goods-info__desc{margin:25px 0 35px}
  .goods-message input[type=submit]{width:100%;}
}
.goods-features-wrap{padding:var(--padding-home-box) 0;background: #f9f9f9}
.goods-features{display:grid;grid-template-columns:repeat(5,18%);justify-content:space-between;row-gap:35px;}
.goods-features__item{text-align: center;}
.goods-features__icon{margin:0 auto;width:50px;height:50px;background-size: cover}
.goods-features__icon.f1{background-image: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M762.004 560.258a71.091 71.091 0 0 0-36.494-9.953 68.01 68.01 0 0 0-23.697 3.792L559.631 308.122a74.409 74.409 0 0 0 23.697-53.555 73.224 73.224 0 0 0-146.448 0 76.304 76.304 0 0 0 23.697 53.555L318.395 553.149a69.195 69.195 0 0 0-22.038-3.555 73.224 73.224 0 0 0-72.987 74.646 74.883 74.883 0 0 0 9.716 36.257 72.75 72.75 0 0 0 100.002 26.777 71.091 71.091 0 0 0 34.597-47.394h287.208a71.091 71.091 0 0 0 34.598 47.394 72.987 72.987 0 0 0 72.986-126.542zM323.609 639.88a26.304 26.304 0 0 1-11.375 11.849 35.072 35.072 0 0 1-16.35 4.265 32.228 32.228 0 0 1-27.015-16.114 32.939 32.939 0 0 1-3.318-23.697 31.991 31.991 0 0 1 31.28-23.697 32.939 32.939 0 0 1 27.489 16.351 30.806 30.806 0 0 1 0 31.28zm185.547-418.49a32.465 32.465 0 0 1 0 64.93 32.939 32.939 0 0 1-32.465-32.464 32.465 32.465 0 0 1 32.228-32.465zM662.24 586.326a69.67 69.67 0 0 0-5.45 12.085H364.842a69.67 69.67 0 0 0-5.45-12.085 54.74 54.74 0 0 0-7.584-9.479L495.886 327.08a79.148 79.148 0 0 0 27.963 0l145.025 249.767a71.091 71.091 0 0 0-6.635 9.716zm91.47 52.607a32.702 32.702 0 0 1-28.436 16.351 34.598 34.598 0 0 1-15.877-4.265 32.702 32.702 0 0 1-12.085-44.314 33.176 33.176 0 0 1 26.303-16.35h1.896a33.176 33.176 0 0 1 28.674 48.815z' fill='%238a8a8a'/%3E%3Cpath d='M947.551 94.375L524.085 1.245a66.352 66.352 0 0 0-25.592 0L75.027 94.376a47.394 47.394 0 0 0-40.048 45.261v372.28c0 138.154 87.442 262.8 229.624 372.517a1198.595 1198.595 0 0 0 152.372 99.054l71.091 35.545a59.006 59.006 0 0 0 47.394 0c23.697-10.9 47.394-23.697 69.906-35.545a1232.245 1232.245 0 0 0 152.372-98.58C899.92 775.19 987.6 650.781 987.6 512.39V139.636a47.394 47.394 0 0 0-40.048-45.261zm-65.404 417.541c0 106.163-71.09 207.586-193.604 302.374a1085.797 1085.797 0 0 1-138.628 90.286l-38.152 19.905a1070.868 1070.868 0 0 1-176.78-110.665c-122.75-94.788-193.841-196.211-193.841-302.374v-335.55l370.621-81.517 370.384 81.518z' fill='%238a8a8a'/%3E%3C/svg%3E")}
.goods-features__icon.f2{background-image: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M910.9 375.093A435.367 435.367 0 0 0 666.07 141.024a16.058 16.058 0 0 1-10.316-13.135 144.801 144.801 0 0 0-288.365 9.594c0 2.51-.207 4.986-.207 7.53a143.392 143.392 0 0 0 11.589 56.841 144.801 144.801 0 0 0 259.961 13.033 16.265 16.265 0 0 1 20.632-7.118c5.468 2.303 10.97 4.814 13.755 6.017a372.509 372.509 0 0 1 170.075 167.669 16.093 16.093 0 0 1-11.072 23.004l-28.335 5.846a4.092 4.092 0 0 0-2.235 6.636l78.333 88.03 32.392 36.312a4.092 4.092 0 0 0 6.877-1.41l21.491-65.06 30.948-92.843a4.058 4.058 0 0 0-4.608-5.226l-37.618 7.737a15.749 15.749 0 0 1-18.053-9.25zM582.338 183.801a80.258 80.258 0 0 1-140.71 0 78.78 78.78 0 0 1-10.075-38.788 83.456 83.456 0 0 1 4.092-25.549 80.499 80.499 0 0 1 152.607 0 80.12 80.12 0 0 1-5.914 64.337zm358.41 432.41a144.423 144.423 0 0 0-61.896-20.322 133.798 133.798 0 0 0-12.895-.585 144.698 144.698 0 0 0-122.45 221.965 16.196 16.196 0 0 1-3.645 21.388 369.139 369.139 0 0 1-227.776 78.332c-8.665 0-17.193-.31-25.859-.928a15.99 15.99 0 0 1-13.96-21.801l10.831-28.266a4.023 4.023 0 0 0-4.401-5.433L351.81 880.54l-37.585 5.949a4.058 4.058 0 0 0-2.51 6.499l49.688 61.414 55.019 68.05a3.954 3.954 0 0 0 6.877-1.1l13.067-33.87a16.093 16.093 0 0 1 17.193-10.11 440.147 440.147 0 0 0 58.63 3.886A432.822 432.822 0 0 0 794.776 876.86a16.127 16.127 0 0 1 16.609-2.716 144.767 144.767 0 0 0 129.602-257.899zM865.82 820.432a75.65 75.65 0 0 1-15.268-1.513 80.43 80.43 0 0 1 13.96-159.416h1.308a80.464 80.464 0 0 1 0 160.93zm-706.47-224.75A16.196 16.196 0 0 1 143.463 581c-1.032-11.107-1.513-22.489-1.513-33.836a366.044 366.044 0 0 1 29.091-143.942 362.193 362.193 0 0 1 36.175-65.953 16.024 16.024 0 0 1 25.652-.928l17.193 21.078a3.954 3.954 0 0 0 6.877-1.066l42.983-112.375 16.506-43.12a3.989 3.989 0 0 0-4.401-5.399l-69.358 11.004-95.01 15.061a4.092 4.092 0 0 0-2.544 6.534l25.067 30.947a16.265 16.265 0 0 1 .207 20.116A431.516 431.516 0 0 0 77.75 547.094a422.954 422.954 0 0 0 4.023 59.076 16.162 16.162 0 0 1-6.602 15.37 144.698 144.698 0 0 0 87.857 263.16 141.947 141.947 0 0 0 58.8-14.683A144.836 144.836 0 0 0 174.17 596.06a233.931 233.931 0 0 0-14.683-.378zm67.088 186.65a80.774 80.774 0 0 1-53.127 36.656 75.272 75.272 0 0 1-15.268 1.513 80.43 80.43 0 0 1 0-160.826h1.307a80.533 80.533 0 0 1 79.088 80.43 79.673 79.673 0 0 1-12.035 42.193' fill='%238a8a8a'/%3E%3C/svg%3E")}
.goods-features__icon.f3{background-image: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M512 1024C229.74 1024 .058 794.318.058 512.058a512.346 512.346 0 0 1 65.03-249.86 25.68 25.68 0 1 1 44.853 25.02 460.287 460.287 0 0 0-58.459 224.724c0 254.011 206.622 460.633 460.633 460.633s460.518-206.622 460.518-460.633S766.01 51.425 512 51.425c-101.927 0-198.55 32.63-279.378 94.317a25.666 25.666 0 1 1-31.131-40.817C291.31 36.32 398.658 0 512 0c282.26 0 511.942 229.682 511.942 511.942S794.375 1024 512 1024z' fill='%238a8a8a'/%3E%3Cpath d='M363.837 801.697a141.453 141.453 0 0 1-100.083-41.393c-55-55-55.23-144.359-.461-199.243L375.25 449.103l199.704 199.703-111.958 111.959a140.127 140.127 0 0 1-99.16 40.932zm11.414-279.954l-75.638 75.638c-34.706 34.706-34.59 91.55.461 126.602s91.781 35.168 126.602.462l75.639-75.639z' fill='%238a8a8a'/%3E%3Cpath d='M390.3 504.882l75.336-75.334 36.363 36.363-75.335 75.334zM199.634 788.128l75.335-75.334 36.363 36.363-75.335 75.334zm282.592-190.193L557.56 522.6l36.363 36.363-75.335 75.334zm159.951-16.35L442.473 381.881 554.43 269.923c54.769-54.769 144.128-54.538 199.243.461s55.23 144.358.46 199.242zM515.113 381.881l127.063 127.063 75.639-75.638c34.706-34.706 34.59-91.55-.462-126.602s-91.78-35.167-126.602-.461z' fill='%238a8a8a'/%3E%3Cpath d='M706.18 281.564l75.335-75.335 36.362 36.362-75.335 75.336z' fill='%238a8a8a'/%3E%3C/svg%3E")}
.goods-features__icon.f4{background-image: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M855.603 245.76H844.8v-46.643c0-45.159-36.762-81.92-81.92-81.92H261.12c-45.158 0-81.92 36.761-81.92 81.92v46.643h-10.803c-45.159 0-81.92 36.762-81.92 81.92v501.76c0 45.158 36.761 81.92 81.92 81.92h687.206c45.159 0 81.92-36.762 81.92-81.92V327.68c0-45.158-36.761-81.92-81.92-81.92zM220.16 199.117c0-22.58 18.38-40.96 40.96-40.96h501.76c22.58 0 40.96 18.38 40.96 40.96v46.643H220.16v-46.643zM896.563 829.44c0 22.58-18.38 40.96-40.96 40.96H168.397c-22.58 0-40.96-18.38-40.96-40.96V327.68c0-22.58 18.38-40.96 40.96-40.96h687.206c22.58 0 40.96 18.38 40.96 40.96v501.76z' fill='%238a8a8a'/%3E%3Cpath d='M359.117 850.995c-14.387 0-27.239-8.601-32.768-21.965a35.907 35.907 0 0 1 7.731-39.321l28.672-28.672-29.184-29.184-28.672 28.672a35.84 35.84 0 0 1-39.27 7.731 35.87 35.87 0 0 1-22.068-33.434c.256-30.412 12.237-59.033 33.741-80.537 31.232-31.232 77.159-41.523 118.221-27.7l160.41-160.409c-13.108-39.475-4.045-84.07 24.422-114.893 21.709-23.45 52.429-36.966 84.275-37.069h.103c14.387 0 27.238 8.602 32.768 21.965 5.632 13.568 2.61 28.98-7.732 39.322l-28.672 28.672 29.184 29.184 28.672-28.672a35.84 35.84 0 0 1 39.27-7.731 35.748 35.748 0 0 1 22.017 33.433 114.632 114.632 0 0 1-33.741 80.538c-31.18 31.232-77.21 41.523-118.22 27.699l-160.308 160.41c13.107 39.475 4.045 84.07-24.422 114.892a115.61 115.61 0 0 1-84.276 37.07h-.153zm-25.549-162.201c9.216 0 18.38 3.481 25.395 10.496l36.352 36.352c13.978 13.977 13.978 36.761 0 50.739l-22.272 22.272c15.411-2.97 29.44-10.701 40.397-22.58 20.531-22.169 25.344-55.551 12.032-83.046l-6.349-13.107 200.243-200.243 13.159 6.4c28.518 13.926 62.72 8.294 85.145-14.131 10.599-10.599 17.613-23.91 20.43-38.35l-22.324 22.324c-6.758 6.758-15.77 10.496-25.395 10.496s-18.586-3.738-25.395-10.496l-36.352-36.352a35.66 35.66 0 0 1-10.496-25.395 35.84 35.84 0 0 1 10.496-25.395l22.272-22.272c-15.412 2.97-29.44 10.7-40.448 22.579-20.532 22.17-25.344 55.552-12.032 83.046l6.348 13.107-200.243 200.244-13.158-6.452a74.363 74.363 0 0 0-85.146 14.132 74.179 74.179 0 0 0-20.429 38.348l22.272-22.272a36.618 36.618 0 0 1 25.498-10.444z' fill='%238a8a8a'/%3E%3C/svg%3E")}
.goods-features__icon.f5{background-image: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M769.1 401.2l-177.4-26-80.2-160.8-79.3 160.8-177.4 26 128.6 125.4L353 703.4l159-83.3 159 83.3-30.5-176.9 128.6-125.3zM532.2 580.3l-21-10.7-21.2 10.7-78.4 41.2 14.8-87.3 4-23.3-17-16.6-62.7-61.8 87.8-12.5 23.3-3.6 10.3-21.1 39.4-79.7 39.4 79.7 10.3 21.1 23.3 3.6 87.8 12.5-63.6 61.8-17 16.6 4 23.3 14.8 87.3-78.3-41.2zm336.4 47.9c24.2-51.5 38.1-108.8 38.1-169.3 0-218.1-177-394.9-395.1-394.9-218.2 0-395.1 176.9-395.1 394.9 0 65.8 16.1 127.6 44.4 182.2L64 846.7l153.2-7.2L310.9 960l62.3-131.2c43 16.1 89.6 25.1 138.4 25.1 52.4 0 102.1-10.3 147.8-28.7l53.3 133L808.1 836l151.9 7.2-91.4-215zM301.4 874.9l-63.2-81-102.1 4.5 52.9-112c36.7 51.9 86 94.9 143.4 124l-31 64.5zm210.2-65.8c-193.1 0-350.3-157.2-350.3-350.2s157.2-350.2 350.3-350.2c193.1 0 350.3 157.2 350.3 350.2S704.6 809.1 511.6 809.1zm275.5-19.3l-61.8 79.3-25.6-63.1c56.9-30.9 105.3-75.2 140.7-129l50.2 117.8-103.5-5z' fill='%238a8a8a'/%3E%3C/svg%3E")}
.goods-features__name{font-size:clamp(16px,2.3vw,23px);margin:22px 0}
.goods-features__desc{line-height:1.6;color:#777}
@media (max-width:1024px){
  .goods-features{grid-template-columns:48% 48%}
  .goods-features__item:nth-child(5){display:none}
}
.article-h1{font-size:var(--font-size-detail-title);text-align:center}
.article-meta{margin:var(--margin-default) 0;background:#f8f8f8;padding:6px 9px;text-align:right;font-size:12px;color:#777}
.article-detail p{font-size:var(--font-size-detail-desc);line-height:1.8;margin-bottom:18px;color:#333}