:root{
  --color-main:#c3211e;
  --color-main-light:#da302d;
  --color-main-dark:#ac1412;
  --color-deput:rgb(0, 3, 190);
  --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%);
}
@media (max-width:1024px){
  :root{
    --grid-four:repeat(2, 48.5%);
  }
}
@media (max-width:512px){
  :root{
    --grid-four:100%;
  }
}
:root{
  --color-main:#1a70da;
  --color-main-light:#3686e8;
  --color-main-dark:#1268d2;
  --colordeput:#8ebb34;
  --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-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:1024px){
  :root{
    --grid-four:repeat(2, 48.5%);
  }
}
@media (max-width:512px){
  :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}
.header{padding-top:25px;padding-bottom:25px;background:#fff;display:flex;align-items:center;justify-content:space-between}
.logo img{max-height:clamp(32px,4vw,46px);backface-visibility:hidden;display:block}
.nav{flex:1;display:flex;justify-content:flex-end;align-items:center}
.nav__item{padding:12px clamp(10px,2vw,25px);position:relative}
.nav__item > a{font-size:16px;transition:color .3s}
.nav__item > a:hover{color:#2077e3}
.nav__item > a:after{content:'';position:absolute;bottom:-2px;left:50%;width:0;height:2px;transform:translateX(-50%);background:#555;transition:width .3s}
.nav__item > a:hover:after,
.nav__item.active > a:after{width:28px}
.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}
.nav-switch{display:none}
@media (max-width:1024px){
  body:before{content:'';display:block;height:58px}
  .header{padding-top:13px;padding-bottom:13px;position:fixed;top:0;right:0;width:100%;border-bottom:solid 1px #eee;z-index:201}
  .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 > a{color:#fff;font-size:15px;line-height:58px;display:inline-block;margin-left:40px}
  .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)}
}
.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.phone:before{mask-image:var(--svg-tel);-webkit-mask-image:var(--svg-tel)}
.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-contact li.whatsapp:before{mask-image:var(--svg-whatsapp);-webkit-mask-image:var(--svg-whatsapp)}
.footer-contact li.wechat:before{mask-image:var(--svg-wechat);-webkit-mask-image:var(--svg-wechat)}
.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}
.home-banner__slide{height:min(600px,43vw)!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)}
.main-title strong{display:block;font-size:var(--font-size-title);margin-bottom:7px;color:#333;font-weight:600;letter-spacing:2px}
.main-title span{font-size:clamp(14px,1.7vw,18px);color:#999;text-transform:uppercase}
.main-title.white strong{color:#fff}
.main-title.white span{color:#fff;opacity:.7}
.home-about{display:grid;grid-template-columns:40% 56%;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)}
@media (max-width:768px){
  .home-about{grid-template-columns:100%}
}
.home-feature{padding-top:var(--padding-home-box);display:grid;grid-template-columns:repeat(3,26%);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}
@media (max-width:1024px){
  .home-feature{grid-template-columns:repeat(3,32%)}
}
@media (max-width:512px){
  .home-feature{grid-template-columns:100%}
}
.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:3px;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)}
.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}
.home-advantage-wrap{background:url("../images/home-advantage.webp") no-repeat center center;background-size:cover}
.home-advantage{display:grid;grid-template-columns:repeat(2,48.5%);margin-top:var(--margin-long);justify-content:space-between;row-gap:clamp(25px,3.5vw,40px)}
.home-advantage__item{background:rgba(255,255,255,.3);padding:var(--padding-around);border-radius:9px;color:#eee;display:grid;grid-template-columns:66px auto;column-gap:20px;align-items:center}
.home-advantage__svg{width:66px;height:66px;border-radius:50%;background:var(--color-main);display:flex;align-items:center;justify-content:center}
.home-advantage__svg svg{stroke:rgba(255,255,255,.8);width:50%}
.home-advantage__name{font-size:clamp(17px,2vw,23px);font-weight:500}
.home-advantage__desc{margin-top:14px;font-size:14px;line-height:1.7}
@media (max-width:768px){
  .home-advantage{grid-template-columns:100%}
}
.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:clamp(16px,2vw,18px);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-main{padding:var(--padding-page-box) 0 var(--padding-home-box)}
.page-banner{height:min(360px,38vw);background-repeat:no-repeat;background-position:center center;background-size:cover}
.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-name{margin:var(--margin-long) 0}
.page-name strong{font-size:clamp(17px,2vw,23px)}
.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-data{margin-top:var(--margin-long);padding:var(--padding-around);display:grid;grid-template-columns:repeat(4, 1fr);background:url("../images/page-about-data.webp") ;background-size:cover;border-radius:8px}
.about-data__box{text-align:center;position:relative}
.about-data__value{}
.about-data__value strong{font-size:clamp(23px, 4vw, 40px);font-family:'impact',sans-serif;color:#fff;font-weight:500}
.about-data__value sub{vertical-align:3px;color:#fff}
.about-data__name{margin-top:5px;font-size:min(16px,3vw);color:#eee}
@media (max-width:768px){
  .about-data{padding:20px 12px;grid-template-columns:repeat(2,1fr)}
  .about-data__box{padding:15px 2px;border-bottom:solid 1px rgba(255,255,255,.2)}
  .about-data__box:nth-child(3),
  .about-data__box:nth-child(4){border-bottom:0}
  .about-data__box:after{content:'';position:absolute;top:0;right:0;bottom:0;width:1px;background:rgba(255,255,255,.2)}
  .about-data__box:nth-child(even):after{display:none}
}
.about-environment-wrap{background:#f8f8f8}
.about-environment{display:grid;grid-template-columns:57% 40%;justify-content:space-between;row-gap:var(--grid-row-gap)}
.about-environment img{width:100%;height:100%;object-fit:cover}
.about-environment li:nth-child(1){grid-area:1/1/3/2}
.page-honor{display:grid;grid-template-columns:var(--grid-four);justify-content:space-between;row-gap:var(--grid-row-gap)}
.page-honor li{}
.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}
.page-contact{background: url(../images/contact-bg.webp) no-repeat top center;background-size: 100%;}
.contact-info{margin-bottom:var(--margin-long);display:grid;grid-template-columns:repeat(4,23.5%);justify-content:space-between;row-gap:20px}
.contact-info__item{background:rgba(255,255,255,.6);padding:var(--padding-around-long) 12px;border-radius:8px;text-align:center;transition:background-color .3s}
.contact-info__item:hover{box-shadow: 0 0 12px 1px rgba(0,0,0,.08);}
.contact-info__img{width:75px;aspect-ratio:1/1;margin:0 auto;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;border-radius:50%}
.contact-info__img::before{content:'';width:35px;height:35px;;background: var(--color-main);mask-size:100%;-webkit-mask-size:100%}
.contact-info__img.address::before{mask-image:var(--svg-location);-webkit-mask-image:var(--svg-location);mask-size:100%;-webkit-mask-size:100%}
.contact-info__img.tel::before{mask-image:var(--svg-tel);-webkit-mask-image:var(--svg-tel)}
.contact-info__img.wechat::before{mask-image:var(--svg-wechat);-webkit-mask-image:var(--svg-wechat)}
.contact-info__img.qq::before{mask-image:var(--svg-qq);-webkit-mask-image:var(--svg-qq)}
.contact-info__img.email::before{mask-image:var(--svg-email);-webkit-mask-image:var(--svg-email)}
.contact-info span{font-size:16px;color:#777}
.contact-info strong{font-size:16px;display:block;margin:18px 0;color:#777}
@media (max-width:1024px){
  .page-contact{background-size:cover;}
  .contact-info{grid-template-columns:repeat(2,48.5%)}
}
@media (max-width:512px){
  .contact-info{grid-template-columns:100%}
}
.feedback{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;cursor:pointer}
.feedback__row textarea{width:100%;height:100px;padding:12px;border:solid 1px #ddd;background:#f7f8fa}
.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:min(16px,3vw);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-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/.8;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}
}