:root{
  --color-main:#222;
  --color-main-light:#444;
  --color-main-dark:#000;
  --color2:#009fe9;
  --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-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%);
  --grid-about:40% 56%;
  --grid-home-feature:repeat(3,26%);
  --svg-yinhao:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M576.967 554.894C576.967 227.84 849.55 34.844 1024 0v192.996c-95.403 29.496-209.892 179.598-215.324 343.125H1024v203.435C1024 896.654 896.654 1024 739.556 1024H576.967V554.894zM0 554.894C0 227.84 272.583 34.844 447.033 0v192.996C351.63 222.492 237.14 372.594 231.708 536.12h212.594v203.435c0 157.098-127.346 284.444-284.444 284.444H0V554.894z'/%3E%3C/svg%3E");
}
@media (max-width:1280px){
  :root{
  }
}
@media (max-width:1024px){
  :root{
    --grid-four:repeat(2, 48.5%);
    --grid-home-feature:repeat(3,32%);
  }
}
@media (max-width:768px){
  :root {
    --grid-two:100%;
    --grid-about:100%;
  }
}
@media (max-width:512px){
  :root{
    --grid-home-feature:100%;
  }
}
@media (max-width:414px){
  :root{
    --grid-four:100%;
  }
}
.container{max-width:1500px;margin:0 auto}
.container.blank{padding-left:var(--padding-about);padding-right:var(--padding-about)}
.bg-light{background:#f7f7f7}
.container{max-width:1350px;margin:0 auto}
.container.blank{padding-left:var(--padding-about);padding-right:var(--padding-about)}
.bg-light{background:#f7f7f7}
.top-bar{background:#f5f5f5;padding:10px 0}
.top-row{display:flex;justify-content:space-between;color:#666}
.top-row a{color:inherit}
.top-row a:hover{color:var(--color-main)}
.top-right{display:flex;align-items:center}
.top-right span{font-size:12px;margin:0 6px;color:#999}
.header{padding-top:28px;padding-bottom:28px;display:flex;align-items:center;justify-content:space-between}
.logo{}
.logo img{max-height:clamp(32px,4vw,58px);backface-visibility:hidden;display:block}
.header-tel{position:relative;padding-left:53px}
.header-tel:before{content:'';position:absolute;top:4px;left:0;width:44px;height:44px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1025 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M791.763 604.537c-22.782-4.221-65.437 34.441-65.437 34.441 121.987 77.043 121.671 170.597 121.671 170.597s27.75-13.855 42.302-37.676c14.539-23.817 19.52-51.933-15.842-101.191-35.424-49.303-59.849-61.82-82.694-66.17zM336.92 206.955c-23.05 2.478-52.543 52.011-52.543 52.011 139.195 38.029 166.3 127.589 166.3 127.589s23.603-30.469 30.583-57.474c6.927-26.979 2.301-46.348-45.957-83.113-48.217-36.762-75.298-41.567-98.383-39.013zm176.63-140.56c-247.517 0-448.913 200.08-448.913 446.005 0 245.848 201.395 445.93 448.913 445.93 111.116 0 212.28-40.962 290.742-107.666 8.406-1.667 31.062-8.242 26.145-31.456-5.956-28.47-50.28-120.382-118.423-160.76 0 0-25.715-15.223-48.181 12.515 0 0-35.11 12.592-111.824-61.442-76.702-74.086-146.134-130.27-121.04-205.695 0 0 11.252-40.33-83.35-93.834-94.58-53.604-101.483-19.571-106.149-5.69-4.602 13.933-30.76 65.844-11.227 116.44 15.892 41.188 67.145 145.87 217.959 288.703 126.553 119.703 204.583 165.822 265.05 167.111-59.306 32.341-127.322 50.95-199.702 50.95-230.524 0-418.064-186.251-418.064-415.105 0-228.933 187.54-415.183 418.064-415.183 230.513 0 418.051 186.25 418.051 415.183 0 2.503-.353 4.98-.43 7.483h30.888c.05-2.503.43-4.98.43-7.483-.001-245.924-201.423-446.006-448.94-446.006z' fill='%23333'/%3E%3C/svg%3E")}
.header-tel span{color:#666}
.header-tel strong{color:var(--color-main);margin-top:4px;font-size:25px;display:block;font-family:Impact,sans-serif;line-height:1;letter-spacing:2px;font-weight:500;}
.nav-bar{background:var(--color-main)}
.nav{display:grid;grid-template-columns:repeat(5,1fr);justify-content:space-between}
.nav-item{transition:background-color .3s;position:relative}
.nav-item:after{content:'';width:1px;height:16px;position:absolute;top:24px;right:-3px;background-color:#fff;opacity:.1}
.nav-item:last-child:after{width:0}
.nav-item > a{font-size:16px;height:60px;color:#fff;display:flex;align-items:center;justify-content:center}
.nav-item:hover{background-color:var(--color-main-dark)}
.nav-item.active{background:var(--color2)}
.nav-item.dropdown:before{content:'';position:absolute;border:4px solid transparent;border-bottom:0;border-top-color:#fff;top:50%;right:15%}
.nav-dropdown{height:0;overflow:hidden;position:absolute;z-index:-21;top:110%;right:0;width:100%;background-color:rgba(0,0,0,.7);opacity:0}
.nav-item:hover .nav-dropdown{height:auto;top:100%;opacity:1;padding:5px 0;transition:top .4s,opacity .4s}
.nav-dropdown li{text-align:center;padding:8px 0}
.nav-dropdown li:hover{background-color:var(--color-main-dark)}
.nav-dropdown a{color:#fff}
.nav-switch{display:none}
@media (max-width:768px){
  body:before{content:'';display:block;height:63px}
  .header-tel,
  .top-bar,
  .nav-item:after{display:none}
  .header{padding-top:15px;padding-bottom:15px;position:fixed;top:0;right:0;width:100%;border-bottom:solid 1px #eee;z-index:201;background:#fff}
  .nav-bar{position:fixed;top:0;right:100%;bottom:0;width:80%;z-index:211;background:#222;padding:30px 0 0;overflow:auto;transition:right .4s}
  .nav-bar.open{right:20%;box-shadow:18px 0 18px 2px rgba(0,0,0,.1),0 0 5px 1px rgba(0,0,0,.1)}
  .nav{display:block}
  .nav.blank{padding:0}
  .nav-item{padding:0;border-bottom:solid 1px rgba(255,255,255,.05)}
  .nav-item > a{font-size:15px;height:auto;line-height:58px;display:inline-block;margin-left:40px}
  .nav-item:hover{background-color:transparent}
  .nav-item.active{background:var(--color2)}
  .nav-item.dropdown:before{right:30px;top:27px}
  .nav-dropdown{position:static;background:#303030;opacity:1;transition:height .3s !important}
  .nav-item:hover .nav-dropdown{height:0;padding:0}
  .nav-dropdown li{text-align:left;padding:11px 10px 11px 60px;border-bottom:solid 1px rgba(255,255,255,.05)}
  .nav-dropdown li:last-child{border-bottom:none}
  .nav-dropdown li:hover{background-color:initial}
  .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)}
}
.footer-wrap{background:#151515;color:#888}
.footer-wrap a{color:#888;transition:color .3s}
.footer-wrap a:hover{color:#ddd}
.footer{padding-top:clamp(25px,4vw,50px);padding-bottom:var(--padding-around);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.footer-text{flex-basis:70%}
.footer-link{padding-bottom:15px;font-size:15px;display:flex}
.footer-link a{font-size:16px;margin-right:23px}
.footer-contact{}
.footer-contact li{margin:15px 0;display:flex;align-items:center}
.footer-contact li:before{content:'';margin-right:12px;width:20px;height:20px;background:#888;mask-size:100%}
.footer-contact li:nth-child(1):before{mask-image:var(--svg-tel);-webkit-mask-image:var(--svg-tel)}
.footer-contact li:nth-child(2):before{mask-image:var(--svg-email);-webkit-mask-image:var(--svg-email)}
.footer-contact li:nth-child(3):before{mask-image:var(--svg-location);-webkit-mask-image:var(--svg-location)}
.footer-qrcode{display:flex;justify-content:space-between}
.footer-qrcode__item{width:110px;text-align:center;margin-left:20px}
.footer-qrcode__item:first-child{margin-left:0}
.footer-qrcode__item img{display:block;width:100%;margin-bottom:9px}
.footer-copyright{background:#111;margin-top:18px;border-top:solid 1px #222;padding:15px 0;text-align:center;color:#777;font-size:12px}
@media (max-width:768px){
  .footer-text{flex-basis:100%}
  .footer-link{justify-content:space-between}
  .footer-link a{font-size:14px;margin-right:0}
  .footer-qrcode{flex-basis:100%;justify-content:center;margin-top:25px}
}
.home-banner{position:relative;max-width:1920px;margin:0 auto}
.home-banner__slide{height:min(660px,45vw)!important;background-repeat:no-repeat;background-position:center 0;background-size:cover}
.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)}
.main-title{text-align:center;margin-bottom:clamp(20px,3vw,30px);position:relative;padding-bottom:16px;}
.main-title::after{content:'';position:absolute;bottom:0;right:50%;width:120px;;height:1px;background:#999;transform:translateX(50%)}
.main-title::after{}
.main-title strong{display:block;font-size:var(--font-size-title);margin-bottom:7px;color:#333;font-weight:600;letter-spacing:2px;text-transform:uppercase}
.main-title span{font-size:clamp(14px,1.7vw,18px);color:#999;}
.main-title.white strong{color:#fff}
.main-title.white span{color:#fff;opacity:.7}
.home-about{display:grid;grid-template-columns:var(--grid-about);row-gap:25px;justify-content:space-between;align-items:center;padding:clamp(15px,3vw,30px);box-shadow:0 0 25px 5px rgba(236, 236, 236, 1)}
.home-about__img{height:min(400px,40vw)}
.home-about__img img{width:100%;height:100%;object-fit:cover}
.home-about__title h2{font-size:clamp(22px,3vw,33px)}
.home-about__title p{margin-top:5px;font-size:16px;color:var(--color-main);letter-spacing:2px}
.home-about__desc{font-size:16px;margin:min(26px,3vw) 0;line-height:1.9;color:#777}
.home-about__more{width:125px;height:38px;background:var(--color-main);color:#fff;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:background-color .3s}
.home-about__more:hover{background:var(--color-main-dark)}
.home-feature{padding-top:var(--padding-home-box);display:grid;grid-template-columns:var(--grid-home-feature);row-gap:35px;justify-content:space-between}
.home-feature__item{text-align:center}
.home-feature__item figure{margin:0 auto;width:clamp(75px,10vw,90px);aspect-ratio:1/1;background:#f9f9f9;display:flex;border-radius:100%;justify-content:center;align-items:center}
.home-feature__item svg{width:50%;stroke:var(--color-main)}
.home-feature__item h3{margin:clamp(15px,3vw,25px) 0;font-size:clamp(16px,2.5vw,20px);font-weight:500}
.home-feature__item p{color:#999;line-height:1.6}
.product-list{margin-bottom:20px;display:grid;grid-template-columns:var(--grid-four);justify-content:space-between;row-gap:var(--grid-row-gap)}
.product-list__img{aspect-ratio:1/.8;position:relative;border-radius:4px;border:solid 1px #e5e5e5;overflow:hidden;box-shadow:0 0 13px 1px rgba(0,0,0,.05),0 0 5px -2px rgba(0,0,0,.03);overflow:hidden}
.product-list__img{background:#fff;padding:5px}
.product-list__img a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}
.product-list__img:before{content:'';background:rgba(0,0,0,.4);border-radius:3px;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;transition:.3s}
.product-list__img:after{content:'';background:#fff;mask:var(--svg-enlarge) no-repeat center center;-webkit-mask:var(--svg-enlarge) no-repeat center center;width:40px;aspect-ratio:1/1;border-radius:100%;position:absolute;top:60%;right:50%;z-index:2;transform:translate(50%,-50%);opacity:0;transition:.3s}
.product-list__img:hover:before{opacity:.3}
.product-list__img:hover:after{top:50%;opacity:.8}
.product-list__img img{width:100%;height:100%;object-fit:cover;border-radius:3px;transition:transform .5s}
.product-list__img:hover img{transform:scale(1.05)}
.product-list__txt{padding-top:18px;position:relative;text-align:center}
.product-list__txt a{font-size:16px;color:#777;transition:color .3s}
.product-list__txt a:hover{color:#000}
.product-classify{margin-bottom:30px;display:flex;justify-content:center}
.product-classify a{font-size:15px;background:#e5e5e5;border-radius:5px;margin:0 7px;padding:9px 20px;transition:.3s}
.product-classify a:hover{color:#fff;background:var(--color-main)}
@media (max-width:768px){
  .product-classify a{font-size:14px;margin:0 4px;padding:9px 15px}
}
@media (max-width:512px){
  .product-classify {margin-bottom:20px;display:grid;grid-template-columns:repeat(4,23%);justify-content:center;row-gap:15px;column-gap:2.6%}
  .product-classify a{margin:0;padding:7px 0;text-align:center}
}
.home-equipment-wrap{background:url("../images/home-equipment.webp") no-repeat center center;background-size:cover}
.home-equipment{display:grid;grid-template-columns:repeat(4,24%);justify-content:space-between;row-gap:30px;}
.home-equipment li{border:solid 1px #eee;border-radius:4px;box-shadow:0 0 19px 2px rgba(0,0,0,.08);}
.home-equipment li img{width:100%;height:100%;object-fit:cover;border-radius:3px;}
.home-equipment li:nth-child(1){grid-area:1/1/3/3}
@media (max-width:1024px){
  .home-equipment{grid-template-columns:repeat(2,48.5%)}
  .home-equipment li:nth-child(1){grid-area:1/1/3/3}
}
@media (max-width:768px){
  .home-equipment{row-gap:22px;}
}
.home-news{margin-top:var(--margin-long);display:grid;grid-template-columns:var(--grid-four);justify-content:space-between;row-gap:var(--grid-row-gap)}
.home-news__box{box-shadow:var(--ui-shadow);border-radius:4px}
.home-news__img{aspect-ratio:1/0.6;overflow:hidden;border-radius:4px 4px 0 0}
.home-news__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.home-news__img:hover img{transform:scale(1.05)}
.home-news__txt{padding:var(--padding-around) var(--padding-around-short)}
.home-news__txt a{font-size:var(--font-size-list-title);display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:color .3s}
.home-news__txt a:hover{color:var(--color-main)}
.home-news__txt p{font-size:14px;color:#777;line-height:1.7;margin-top:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.bottom-contact-head{padding-top:var(--padding-home-box);height:min(370px,23vw);background:url("../images/bottom-contact-bg.webp") 0 center;background-size:cover;position:relative}
.bottom-contact-head img{height:6vw;width:100%;position:absolute;right:0;bottom:0}
.bottom-contact-body{padding-top:var(--padding-home-box);padding-bottom:var(--padding-home-box);display:grid;grid-template-columns:50% 40%;justify-content:space-between;row-gap:40px}
.bottom-feedback{background:#fff;padding:var(--padding-around);box-shadow:0 15px 30px 0 rgb(0 0 0/14%);border-radius:10px}
.bottom-feedback__row{margin-bottom:18px}
.bottom-feedback__row:last-child{margin-bottom:0}
.bottom-feedback__row input[type=text],
.bottom-feedback__row input[type=email]{width:100%;height:45px;background:#f9f9f9;border-radius:4px;padding:2px 12px;border:0}
.bottom-feedback__row textarea{width:100%;height:110px;background:#f9f9f9;border-radius:4px;padding:12px;border:0}
.bottom-feedback__row input[type=submit]{width:150px;height:45px;background:var(--color-main);color:#fff;border:0;border-radius:4px}
.bottom-contact{display:flex;align-items:center}
.bottom-contact__box{margin-bottom:38px;display:flex;align-items:center}
.bottom-contact__box:before{content:'';flex:0 0 76px;width:76px;height:76px;background-color:#fff;border-radius:50%;box-shadow:0 10px 25px 0 rgb(0 0 0/14%);background-position:center center;background-repeat:no-repeat;background-size:40%}
.bottom-contact__box:nth-child(1):before{background-image:var(--svg-tel)}
.bottom-contact__box:nth-child(2):before{background-image:var(--svg-email)}
.bottom-contact__box:nth-child(3):before{background-image:var(--svg-location)}
.bottom-contact__info{margin-left:30px}
.bottom-contact__info dt{}
.bottom-contact__info dd{font-size:16px;color:#777;margin-top:9px}
@media (max-width:1024px){
  .bottom-contact-body{grid-template-columns:47% 47%}
}
@media (max-width:768px){
  .bottom-contact-head{height:28vw;}
  .bottom-contact-body{grid-template-columns:100%}
}
.page-box{padding:var(--padding-page-box) 0 var(--padding-home-box)}
.page-banner{height:min(450px,42vw);background-repeat:no-repeat;background-position:center center;background-size:cover}
.page-breadcrumb{background-color:#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-about{padding:min(40px,6vw) 0;position:relative}
.page-about:before,
.page-about:after{content:'';background:var(--svg-yinhao);width:min(30px,5vw);aspect-ratio:1/1;background-size:100%;position:absolute;opacity:.3}
.page-about:before{top:0;left:0}
.page-about:after{bottom:0;right:0;transform:rotate(180deg)}
.page-about p{font-size:16px;line-height:1.8;margin-bottom:15px;color:#666}
.page-about p:last-child{margin-bottom:0}
.about-environment-wrap{background:#f8f8f8}
.about-environment{display:grid;grid-template-columns:repeat(3, 31%);justify-content:space-between;row-gap:var(--grid-row-gap)}
.about-environment li{padding:20px;display:flex;align-items:center;justify-content:center;background: #fff}
.about-environment img{max-width: 100%;max-height: 100%;}
@media (max-width:512px){
  .about-environment{grid-template-columns:repeat(2, 48%)}
}
.page-honor{display:grid;grid-template-columns:var(--grid-four);justify-content:space-between;row-gap:var(--grid-row-gap)}
.page-honor figure{border:solid 1px #eee;aspect-ratio:1/.7;display:flex;align-items:center;justify-content:center}
.page-honor img{max-width:100%;max-height:100%}
.page-honor p{margin-top:12px;text-align:center;color:#777}
.contact-info{margin-bottom:var(--margin-long);display:grid;grid-template-columns:repeat(3,32%);justify-content:space-between;row-gap:var(--grid-row-gap-short)}
.contact-info__item{background:#f8f8f8;padding:var(--padding-around-long) 12px;border-radius:6px;text-align:center;transition:background-color .3s}
.contact-info__item:hover{background-color:#f0f0f0}
.contact-info__item figure{width:35px;aspect-ratio:1/1;margin:0 auto;background-color:#999;mask-size:100%;-webkit-mask-size:100%}
.contact-info__item figure.address{mask-image:var(--svg-location);-webkit-mask-image:var(--svg-location)}
.contact-info__item figure.tel{mask-image:var(--svg-tel);-webkit-mask-image:var(--svg-tel)}
.contact-info__item figure.wechat{mask-image:var(--svg-wechat);-webkit-mask-image:var(--svg-wechat)}
.contact-info__item figure.qq{mask-image:var(--svg-qq);-webkit-mask-image:var(--svg-qq)}
.contact-info__item figure.email{mask-image:var(--svg-email);-webkit-mask-image:var(--svg-email)}
.contact-info span{font-size:16px;color:#777}
.contact-info small{font-size:14px;display:block;margin:12px 0;color:#777;font-weight: 600;}
.contact-map{width:100%;height:min(500px,60vw);border:#ccc solid 1px;background-position:center center}
.news-list{}
.news-list__row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:var(--grid-row-gap);box-shadow:var(--ui-shadow);padding:var(--padding-around-short);transition:box-shadow .3s}
.news-list__row:hover{box-shadow:0 0 12px 3px rgba(0,0,0,.16), 0 0 6px -2px rgba(0,0,0,.08)}
.news-list__img{width:min(340px,32vw);aspect-ratio:1/.7}
.news-list__img img{width:100%;height:100%;object-fit:cover;display:block}
.news-list__text{width:calc(100% - 400px);flex-basis:calc(100% - min(380px,35vw))}
.news-list__name{font-size:clamp(16px,2vw,20px);font-weight:600;transition:color .3s}
.news-list__name:hover{color:var(--color-main)}
.news-list__desc{margin:var(--margin-default) 0;font-size:var(--font-size-desc);line-height:1.7;color:#777;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news-list__more{display:flex}
.news-list__more a{display:inline-block;padding:8px min(32px,3vw);border:solid 1px #ddd;transition:background-color .3s,color .3s}
.news-list__more a:hover{background:var(--color-main);color:#fff}
@media (max-width:512px){
  .news-list__img{width:100%;aspect-ratio:1/.6}
  .news-list__text{width:100%;flex-basis:100%;margin-top:20px}
}
.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}
.article-neighbor{margin:var(--margin-long) 0;border-top:solid 1px #e5e5e5;padding-top:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.article-neighbor div{color:#999}
.article-neighbor a{color:#777}
.article-neighbor a:hover{text-decoration:underline}
@media (max-width:768px){
  .article-neighbor div{flex:0 0 100%;margin-top:9px}
}
.case-list{display:grid;grid-template-columns:var(--grid-four);justify-content:space-between;row-gap:var(--grid-row-gap)}
.case-list__img{aspect-ratio:1/.8;overflow:hidden;border-radius:4px;position:relative}
.case-list__img a{position:absolute;inset:0;z-index:2}
.case-list__img:after{content:'';position:absolute;top:-30%;bottom:-30%;left:-30%;width:40px;z-index:1;transform:rotate(45deg);background:#fff;opacity:.07}
.case-list__img:hover:after{left:130%;transition:left .6s}
.case-list__img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.case-list__img:hover img{transform:scale(1.05)}
.case-list__item p{text-align:center;margin-top:9px;color:#777}
.goods-wrap{display:grid;grid-template-columns:600px calc(100% - 650px);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%}
}
.feedback{max-width:680px;margin:25px auto 0}
.feedback__row{margin-bottom:clamp(16px,2.4vw,25px)}
.feedback__row:last-child{margin-bottom:0}
.feedback__row input[type=text],
.feedback__row input[type=email]{width:100%;height:50px;padding-left:12px;border:solid 1px #ddd;background:#f7f8fa;border-radius:3px}
.feedback__row input[type=submit]{width:230px;height:46px;background:var(--color-main);color:#fff;border-radius:5px}
.feedback__row textarea{width:100%;height:100px;padding:12px;border:solid 1px #ddd;background:#f7f8fa}
.page-main-grid{margin-top:25px;display:grid;grid-template-columns:240px auto;column-gap:30px}
.page-side__name{padding:20px 0 20px 25px;background:linear-gradient(45deg,var(--color-main-light),var(--color-main-dark));color:#fff;border-radius:0 13px 0 13px}
.page-side__name span{font-size:21px;font-weight:600;text-transform:uppercase}
.page-side__name small{opacity:.8;text-transform:uppercase;display:block}
.page-menu{padding:12px 0}
.page-menu__group{max-height:45px;overflow:hidden;margin-bottom:10px;background:#f9f9f9;border-radius:6px;position:relative;transition:.3s}
.page-menu__group.current{}
.page-menu__group a:hover{color:var(--color2)}
.page-menu__group:empty{background:transparent;margin-bottom:0;padding:0}
.page-menu__group:last-child{border-bottom:0}
.page-menu__row{padding:12px 10px 12px 20px;}
.page-menu__row a{font-size:16px}
.page-menu__parent{padding:12px 10px 12px 20px;position:relative;cursor:pointer}
.page-menu__parent:after{content:'';position:absolute;top:15px;right:15px;width:14px;height:14px;background-image:var(--svg-bottom);}
.page-menu__parent a{font-size:16px;color:#000}
.page-menu__group.cur{background:#eee}
.page-menu__extend{padding:0 28px 12px}
.page-menu__extend a{font-size:15px;display:block;padding:8px 0;color:#666}
.page-menu__extend a:last-child{padding-bottom:3px}
.page-menu-switch{display:none}
.page-content__name{padding:16px;background:#f9f9f9;border-bottom:solid 1px #ddd;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}
.page-content__name span{font-size:17px;font-weight:600}
.page-content__name button{background:var(--color-main);color:#fff;padding:3px 12px;border-radius:3px;font-size:12px}
.goods-list{display:grid;grid-template-columns:repeat(3,31.5%);justify-content:space-between;row-gap:25px}
.goods-list__box{position:relative;box-shadow:var(--ui-shadow);background:#fff;transition:box-shadow .3s,background-color .3s}
.goods-list__img{height:330px;overflow:hidden}
.goods-list__img img{width:100%;height:100%;object-fit:cover;transition:.3s}
.goods-list__img img:hover{transform:scale(1.05);transition:.3s}
.goods-list__txt{padding:20px 12px;text-align:center}
.goods-list__txt span{font-size:16px}
.goods-list__box:hover{box-shadow:0 0 7px 1px rgba(0,0,0,.1);background:#f5f5f5}
@media (max-width:1280px){
  .goods-list__img{height:24vw}
}
@media (max-width:1024px){
  .page-main-grid{display:grid;grid-template-columns:100%;column-gap:0;row-gap:25px}
  .page-side__name{display:none}
  .page-menu{position:fixed;z-index:-10;;opacity:0;top:30%;max-height:300px;right:5%;left:5%;background:#fff;padding:20px;border-radius:15px;box-shadow:0 0 10px 1px rgba(0,0,0,.1);overflow:auto}
  .page-menu[is-open]{z-index:921;opacity:1}
  .page-menu-switch{display:block}
  .page-content__name{padding:12px;}
  .page-content__name span{font-size:15px}
  .goods-list__img{height:30vw}
  .goods-list__txt{padding:15px 12px}
  .goods-list__txt span{font-size:15px}
}
@media (max-width:512px){
  .goods-list{grid-template-columns:repeat(2,48%);justify-content:space-between}
  .goods-list__box{flex:0 0 48%}
  .goods-list__img{height:45vw}
  .goods-list__txt{padding:12px 10px}
  .goods-list__txt span{font-size:14px}
}