.header-wrap{padding:25px var(--padding);display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.1);position:fixed;top:0;right:0;left:0;z-index:101;box-shadow:0 0 12px 1px rgba(0,0,0,.05),0 0 3px 1px rgba(0,0,0,.1);transition:background-color .5s}
.logo img{max-height:50px;backface-visibility:hidden}
.logo-white{display:block}
.logo-black{display:none}
.nav{flex-grow:2;display:flex;justify-content:flex-end;align-items:center}
.nav__item{padding:12px 25px;position:relative}
.nav__item > a{color:#fff;font-size:16px;transition:color .3s}
.nav__item > a:hover{color:#eee}
.nav__item > a:after{content:'';position:absolute;bottom:-2px;left:50%;width:0;height:2px;transform:translateX(-50%);background:#eee;transition:width .3s}
.nav__item > a:hover:after,
.nav__item.cur > a:after{width:28px}
.nav__item.icon:after{content:'\e83a';font-size:12px;font-family:iconfont;position:absolute;top:15px;right:5px;color:#fff}
.nav__extend{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 0s,opacity 0s}
.nav__extend a{display:block;text-align:center;padding:8px 12px;border-bottom:solid 1px #eee;white-space:nowrap}
.nav__extend a:last-child{border-bottom:0}
.nav__extend a:hover{background:#f9f9f9}
.nav__item:hover .nav__extend{height:auto;top:100%;z-index:101;opacity:1;transition:top .3s,opacity .3s}
.nav__lang{margin-left:25px;display:flex;align-items:center;padding:5px 15px;border:solid 1px #ddd;border-radius:15px;position:relative;z-index:101;cursor:pointer}
.nav__lang:hover{background:rgba(0,0,0,.05)}
.nav__lang:before{content:'\e654';font-family:iconfont;font-size:17px;color:#fff}
.nav__lang > span{margin-left:5px;color:#fff}
.nav__lang__more{position:absolute;top:100%;left:0;width:100%;text-align:center;padding-top:3px;display:none}
.nav__lang__more a{display:block;padding:5px;border:solid 1px #ddd;border-radius:15px;;font-size:12px;margin-bottom:4px;background:#fff}
.nav__lang__more a:hover{background:rgba(255,255,255,.9)}
.nav__lang:hover .nav__lang__more{display:block}
.nav-switch{display:none}
.header-wrap.white{background:#fff}
.header-wrap.white .logo-white{display:none}
.header-wrap.white .logo-black{display:block}
.header-wrap.white .nav__item > a{color:#222}
.header-wrap.white .nav__item > a:after{background:#333}
.header-wrap.white .nav__lang:before{color:#333}
.header-wrap.white .nav__lang > span{color:#333}
@media (max-width:1280px){
  .logo img{max-height:40px}
  .nav__item{padding:12px 16px}
  .nav__lang{margin-left:20px}
}
@media (max-width:1024px){
  :root{--header-height:62px}
  body:before{content:'';display:block;height:var(--header-height)}
  .header-wrap{padding:15px var(--padding);background-color:#fff}
  .logo img{max-height:32px}
  .logo-white{display:none}
  .logo-black{display:block}
  .nav{padding:0 8%;position:fixed;top:var(--header-height);left:0;right:0;height:0;background:#fcfcfc url("../images/nav-mobile.jpg");background-size:cover;flex-direction:column;justify-content:flex-start;overflow:hidden;transition:height .3s}
  .nav[is-open]{overflow:auto;height:calc(100vh - var(--header-height));z-index:11}
  .nav__item{width:100%;border-bottom:solid 1px #eee;padding:0 10px}
  .nav__item.icon:after{display:none}
  .nav__item > a{color:#222;font-weight:600;font-size:15px;display:inline-block;padding:13px 0}
  .nav__item > a:after{display:none}
  .nav__item:hover .nav__extend{height:0;padding:0}
  .nav__extend{height:0;overflow:hidden;padding:0;position:static;opacity:1;transform:none;width:100%;border:0;box-shadow:none;background:transparent;transition:height .3s}
  .nav__extend:before{content:'\e83a';position:absolute;top:15px;right:0;font-family:iconfont}
  .nav__extend[is-open]:before{content:'\e845'}
  .nav__extend:after{content:'';position:absolute;top:0;right:0;left:40%;height:40px;z-index:2}
  .nav__extend a{color:#666;text-align:left;padding-left:20px}
  .nav__extend a:last-child{padding-bottom:15px}
  .nav__extend a:hover{background:transparent}
  .nav__lang{display:flex;position:absolute;top:18px;right:50px;padding:3px 10px}
  .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:.3s}
  .nav-switch.open{border-color:#fff}
  .nav-switch.open:before{transform:rotate(45deg)}
  .nav-switch.open:after{transform:rotate(-45deg)}
  .nav-switch-lang{margin-right:15px;width:16px;height:16px;border-radius:100%;font-size:16px;display:flex;justify-content:center;align-items:center}
}
.home-banner{position:relative}
.home-banner__slide{padding-top:var(--header-height);height:100vh!important;background-repeat:no-repeat;background-position:center 0;background-size:cover;display:flex;align-items:center}
.home-banner__content{padding:0 var(--padding);color:#fff;opacity:0;transform:translateY(150px)}
.swiper-slide-active .home-banner__content{transform:translateY(0);opacity:1;transition:1s .5s}
.home-banner__content h3{font-size:clamp(23px,4vw,48px)}
.home-banner__content p{font-size:clamp(16px,3vw,30px);margin:25px 0 45px}
.home-banner__content a{font-size:16px;color:#fff;background:var(--color1);border-radius:25px;padding:15px 30px;transition:background-color .3s}
.home-banner__content a:hover{background:var(--color1-dark)}
@media (max-width:1024px){
  .home-banner__slide{height:70vw!important}
  .home-banner__content p{margin:20px 0 40px}
}
@media (max-width:768px){
  .home-banner__slide{padding-top:0}
}
@media (max-width:512px){
  .home-banner__content a{font-size:14px;padding:10px 20px}
}
.main-title{text-align:center;margin-bottom:45px}
.main-title strong{color:#118c3c;font-size:clamp(22px,3vw,32px);display:block}
.main-title span{margin:15px auto 0;display:inline-block;text-transform:uppercase;font-size:16px;color:#999;letter-spacing:2px;position:relative}
.main-title span:after,
.main-title span:before{content:'';position:absolute;top:12px;left:-48px;height:1px;width:40px;background:#ccc}
.main-title span:after{left:auto;right:-48px}
.main-title.white strong,
.main-title.white span{color:#fff}
.main-title.white span:after,
.main-title.white span:before{background:#eee}
@media (max-width:768px){
  .main-title{margin-bottom:30px}
  .main-title span{font-size:14px}
}
@media (max-width:512px) {
  .main-title {margin-bottom:25px}
  .main-title span{margin:10px auto 0;font-size:12px}
  .main-title span:before,
  .main-title span:after{top:10px}
}
.home-business-wrap{background:#f5f5f5}
.home-business{display:grid;grid-template-columns:repeat(4,24%);justify-content:space-between}
.home-business__box{background:#fff;box-shadow:var(--ui-shadow);transition:transform .4s}
.home-business__box:hover{transform:scale(1.02)}
.home-business__img{aspect-ratio:1/1}
.home-business__img img{width:100%;height:100%;object-fit:cover}
.home-business__txt{text-align:center;padding:25px 20px}
.home-business__txt strong{font-size:18px;display:block;margin-bottom:9px;font-weight:500}
.home-business__txt span{color:#777}
@media (max-width:768px){
  .home-business{grid-template-columns:repeat(2,48%);row-gap:30px}
  .home-business__txt{padding:20px 12px}
}
@media (max-width:512px){
  .home-business__txt strong{font-size:16px}
  .home-business__txt span{font-size:12px}
}
.home-product-wrap{}
.category{margin-bottom:30px;display:flex;justify-content:center}
.category a{border-radius:6px;padding:9px 25px;background:#f5f5f5;margin:0 15px}
.category a:hover{background:#f0f0f0}
.category a.current{background:var(--color1);color:#fff}
@media (max-width:1024px){
  .category a{margin:0 5px}
}
@media (max-width:512px){
  .category a{padding:6px 15px}
}
@media (max-width:414px){
  .category a{font-size:12px}
}
.product-list{display:grid;grid-template-columns:repeat(4,24%);justify-content:space-between;row-gap:30px}
.product-list__item{background:#f9f9f9;padding:12px;border-radius:3px}
.product-list__img{aspect-ratio:1/1}
.product-list__img img{width:100%;height:100%;object-fit:cover;border-radius:2px}
.product-list__txt{padding:20px 0;text-align:center}
.product-list__txt a{font-size:18px}
.product-list__txt p{color:#777;margin-top:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media (max-width:768px){
  .product-list{grid-template-columns:repeat(2,48%);row-gap:30px}
}
@media (max-width:512px){
  .product-list{row-gap:25px}
  .product-list__txt a{font-size:16px}
  .product-list__txt p{font-size:12px}
}
.home-case-wrap{background:#273433}
.home-case{}
.home-case__slide{height:30vw!important}
.home-case__slide img{width:100%;height:100%;object-fit:cover;border-radius:3%}
@media (max-width:768px){
  .home-case__slide{height:40vw!important}
}
.home-about{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.home-about__figure{flex:0 0 700px;height:500px;position:relative}
.home-about__figure img{width:100%;height:100%;object-fit:cover}
.home-about__figure:after{content:'';width:25%;height:30%;position:absolute;top:5px;left:5px;border-top:solid 8px var(--color2);border-left:solid 8px var(--color1)}
.home-about__article{flex:0 0 calc(100% - 780px)}
.home-about__title{color:#333}
.home-about__title span{font-size:25px}
.home-about__title strong{margin-top:15px;font-size:40px;display:block;text-transform:uppercase;color:var(--color1)}
.home-about__desc{font-size:16px;color:#555;margin:30px 0;line-height:1.8}
.home-about__more{display:inline-block;padding:8px 30px;background:var(--color2);color:#fff;border-radius:2px;transition:.3s}
.home-about__more:hover{opacity:.8}
@media (max-width:1440px) {
  .home-about__figure{flex:0 0 40%;height:45vw}
  .home-about__article{flex:0 0 56%}
}
@media (max-width:1024px) {
  .home-about__title span{font-size:20px}
  .home-about__title strong{margin-top:9px;font-size:32px}
  .home-about__desc{font-size:15px;margin:20px 0}
}
@media (max-width:768px) {
  .home-about__figure{flex:0 0 100%;height:36vw}
  .home-about__article{flex:0 0 100%;;margin-top:20px}
  .home-about__title{text-align:center}
  .home-about__title span{font-size:17px}
  .home-about__title strong{font-size:30px}
  .home-about__more{display:block;font-size:12px;width:120px;padding:8px 0;margin:0 auto;text-align:center}
}
@media (max-width:512px) {
  .home-about__title span{font-size:15px}
  .home-about__title strong{font-size:22px}
}
.home-feature-wrap{background:#f9f9f9}
.home-feature{display:grid;grid-template-columns:repeat(4,23.5%);justify-content:space-between}
.home-feature__box{background:#fff;border-radius:12px;padding:50px 90px;box-shadow:5px 5px 15px rgb(0 0 0/8%);display:flex;align-items:center;justify-content:space-between}
.home-feature__box:before{content:'';font-family:iconfont;font-size:60px}
.home-feature__box:nth-child(1):before{content:'\e831'}
.home-feature__box:nth-child(2):before{content:'\e875'}
.home-feature__box:nth-child(3):before{content:'\e65d'}
.home-feature__box:nth-child(4):before{content:'\e654'}
.home-feature__data{}
.home-feature__data dt{font-size:15px;color:#555}
.home-feature__data dd{font-size:40px;font-weight:600}
.home-feature__data sub{vertical-align:3px;font-weight:500;font-size:12px}
@media (max-width:1440px){
  .home-feature__box{padding:50px 30px}
}
@media (max-width:1280px){
  .home-feature__box:before{font-size:50px}
  .home-feature__data dt{font-size:14px}
  .home-feature__data dd{font-size:30px}
}
@media (max-width:1024px){
  .home-feature{grid-template-columns:repeat(2,48%);row-gap:30px}
}
@media (max-width:512px){
  .home-feature__box{padding:40px 20px}
  .home-feature__box:before{font-size:40px}
  .home-feature__data dd{font-size:25px}
}
.home-news-wrap{;background:#f9f9f9}
.home-news{display:grid;grid-template-columns:repeat(3,32%);justify-content:space-between;row-gap:30px}
.home-news__item{box-shadow:0 7px 15px rgb(0 0 0/15%);border-radius:5px;padding:9px}
.home-news__img{height:16vw;overflow:hidden}
.home-news__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.home-news__img:hover img{transform:scale(1.05)}
.home-news__txt{padding:30px 20px 20px}
.home-news__txt a{font-size:18px;transition:color .3s}
.home-news__txt a:hover{color:var(--color1)}
.home-news__txt p{color:#777;line-height:1.7}
.home-news__txt small{margin:16px 0;font-size:12px;color:#999;display:block}
@media (max-width:768px){
  .home-news{grid-template-columns:100%}
  .home-news__img{height:25vw}
  .home-news__txt{padding:20px}
}
.home-contact-wrap{padding-top:clamp(25px,4vw,75px);background:url("../images/footer-contact.webp") no-repeat center center;background-size:cover}
.home-contact-wave img{width:100%;height:7vw;display:block}
.home-contact{padding:90px 150px;background:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.home-contact-list{}
.home-contact-list li{margin-bottom:50px;padding-left:90px;position:relative}
.home-contact-list li:before{content:'';font-family:iconfont;padding:15px;font-size:30px;position:absolute;top:0;left:0;background:#fff;border-radius:100%;box-shadow:0 3px 9px 1px rgba(0,0,0,.2)}
.home-contact-list li:nth-child(1):before{content:'\e632'}
.home-contact-list li:nth-child(2):before{content:'\e620'}
.home-contact-list li:nth-child(3):before{content:'\e637'}
.home-contact-list small{color:#777;font-size:14px;display:block;padding-top:6px}
.home-contact-list p{margin-top:4px;font-size:20px;color:#666}
.home-feedback{flex:0 0 55%;background:#fff;padding:50px;border-radius:12px;box-shadow:0 15px 30px 0 rgb(0 0 0/14%)}
.home-feedback__row{margin-bottom:28px}
.home-feedback__row:last-child{margin-bottom:0}
.home-feedback__row input[type=text],
.home-feedback__row input[type=email],
.home-feedback__row textarea{border:solid 1px #ddd;padding:15px 9px;width:100%;border-radius:3px;background:#f9f9f9}
.home-feedback__row textarea{height:120px}
.home-feedback__row input[type=submit]{background:var(--color1);color:#fff;padding:9px 30px;border-radius:3px;transition:background-color .3s}
.home-feedback__row input[type=submit]:hover{background:var(--color1-dark)}
@media (max-width:1440px){
  .home-contact{padding:7vw 4vw}
}
@media (max-width:1280px){
}
@media (max-width:1024px){
  .home-contact-list{flex:0 0 100%}
  .home-feedback{flex:0 0 100%}
}
@media (max-width:768px){
  .home-feedback{padding:30px}
  .home-feedback__row{margin-bottom:20px}
}
@media (max-width:512px){
  .home-feedback{padding:30px 20px}
  .home-feedback__row{margin-bottom:18px}
}
.footer-wrap{padding:50px;background:url("../images/footer.webp") no-repeat center center;background-size:cover;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.footer-info{}
.footer-logo{}
.footer-logo img{max-height:60px}
.footer-text{margin-top:20px;color:#fff;font-size:18px}
.footer-text p{margin-top:5px}
.footer-copyright{color:#fff}
.footer-copyright a{color:#fff;text-align:right}
.footer-copyright p{font-size:18px;margin-bottom:9px}
.footer-qrcode img{width:110px}
@media (max-width:1024px){
  .footer-wrap{padding:30px}
  .footer-info,
  .footer-copyright{flex:0 0 100%;text-align:center}
  .footer-copyright{margin-top:25px}
  .footer-logo img{max-height:40px}
  .footer-text,
  .footer-copyright p{font-size:16px}
}
.page-banner{height:500px;background-repeat:no-repeat;background-position:center 0;background-size:cover}
@media (max-width:1024px){
  .page-banner{height:35vw}
}
@media (max-width:768px){
  .page-banner{height:40vw}
}
.page-main{margin-bottom:50px}
.page-title{text-align:center;position:relative;margin:40px 0;padding-bottom:15px}
.page-title:before{content:'';position:absolute;bottom:0;left:50%;margin-left:-25px;width:50px;height:2px;background:#333}
.page-title span{font-size:clamp(22px,3vw,30px)}
.page-title small{display:block;color:#999;font-size:min(16px,3vw);margin-top:9px;text-transform:uppercase}
@media (max-width:1024px){
  .page-main{margin-bottom:30px}
  .page-title{margin:30px 0 20px}
  .page-title small{margin-top:6px}
}
.news-row{margin-bottom:40px;display:grid;grid-template-columns:20% 75%;justify-content:space-between}
.news-row__img{height:260px;position:relative}
.news-row__img img{width:100%;height:100%;object-fit:cover;border-radius:2px}
.news-row__img a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}
.news-row__img:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:solid 2px #fff;opacity:0;transition:.3s}
.news-row__img:hover:before{top:10px;right:10px;bottom:10px;left:10px;opacity:.5}
.news-row__txt{padding-top:30px;border-top:solid 2px #eee}
.news-row__title{display:block;font-size:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:color .3s}
.news-row__title:hover{color:var(--color1)}
.news-row__date{margin:20px 0;color:#999}
.news-row__desc{color:#666;line-height:1.7;margin-bottom:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news-row__more{display:inline-block;width:110px;line-height:38px;background:var(--color1);color:#fff;text-align:center;border-radius:4px}
@media (max-width:1440px){
  .news-row{margin-bottom:40px;grid-template-columns:25% 72%}
}
@media (max-width:1024px){
  .news-row{margin-bottom:30px;grid-template-columns:30% 67%}
  .news-row__img{height:250px}
}
@media (max-width:768px){
  .news-row{margin-bottom:30px}
  .news-row__img{height:160px}
  .news-row__txt{padding-top:20px}
  .news-row__more{display:none}
  .news-row__title{font-size:18px}
  .news-row__date{margin:16px 0}
  .news-row__desc{margin-bottom:0}
}
@media (max-width:512px){
  .news-row{margin-bottom:25px;grid-template-columns:35% 61%;column-gap:4%}
  .news-row__img{height:120px}
  .news-row__txt{padding-top:12px}
  .news-row__date{margin:10px 0;font-size:12px}
  .news-row__title{font-size:16px}
}
.page-about{max-width:1200px;display:flex;justify-content:space-between;align-items:center;margin:50px auto;flex-wrap:wrap}
.page-about__img{flex:0 0 520px;position:relative;height:600px}
.page-about__img:before{content:'';width:270px;height:270px;z-index:1;background:url("../images/about-before.png");background-size:cover;position:absolute;top:40px;left:40px;opacity:.6}
.page-about__img:after{content:'';width:120px;height:120px;background:#f9f9f9;z-index:1;position:absolute;bottom:130px;right:40px;border-radius:100%}
.page-about__img .img1{position:absolute;top:0;right:0;z-index:2;width:320px}
.page-about__img .img2{position:absolute;top:200px;left:0;z-index:3;width:280px;box-shadow:0 0 9px 2px rgba(0,0,0,.2)}
.page-about__img .img3{position:absolute;bottom:0;left:230px;z-index:4;width:200px;box-shadow:0 0 9px 1px rgba(0,0,0,.1)}
.page-about__info{flex:0 0 50% }
.page-about__info h3{font-size:clamp(22px,3vw,28px)}
.page-about__txt{margin-top:30px}
.page-about__txt p{font-size:17px;color:#777;margin-top:15px;line-height:1.7}
@media (max-width:1280px){
  .page-about__img{flex:0 0 48%}
  .page-about__info{flex:0 0 46%}
}
@media (max-width:1024px){
  .page-about{justify-content:center;margin:30px auto}
  .page-about__info{flex:0 0 100%}
  .page-about__txt{margin-top:20px}
  .page-about__img{flex:0 0 460px;height:540px;order:2;margin-top:50px}
  .page-about__img .img1{top:0;right:0;width:60%}
  .page-about__img .img2{top:31%;left:0;;width:54%}
  .page-about__img .img3{bottom:0;left:40%;width:42%}
  .page-about__img:before{width:48%;height:auto;aspect-ratio:1/1;top:10%;left:10%}
  .page-about__img:after{width:30%;height:auto;aspect-ratio:1/1;bottom:20%;right:6%}
}
@media (max-width:512px){
  .page-about__img{flex:0 0 80vw;height:95vw}
}
.process-wrap{background:#f9f9f9;padding-top:30px;padding-bottom:50px}
.process-list{position:relative;padding:20px 0}
.process-list:before{content:'';width:1px;height:100%;background:#ddd;position:absolute;top:0;left:calc(50% - 1px)}
.process-row{display:grid;grid-template-columns:50%;margin-bottom:28px}
.process-row:last-child{margin-bottom:0}
.process-row:nth-child(odd){}
.process-row:nth-child(even){justify-content:end}
.process-row:nth-child(odd) .process-item{padding-right:100px;text-align:right}
.process-row:nth-child(even) .process-item{padding-left:100px}
.process-item{position:relative}
.process-item__wrap{background:#f0f0f0;border-radius:3px;padding:30px}
.process-item:before{content:'';width:60px;height:1px;background:#ddd;position:absolute;top:12px}
.process-row:nth-child(odd) .process-item:before{right:18px}
.process-row:nth-child(even) .process-item:before{left:18px}
.process-item:after{content:'';width:11px;height:11px;border-radius:100%;background:#ddd;position:absolute;top:6px}
.process-row:nth-child(odd) .process-item:after{right:-5px}
.process-row:nth-child(even) .process-item:after{left:-6px}
.process-item__date{font-size:22px;color:var(--color1)}
.process-item__desc{font-size:16px;color:#777;line-height:1.6;margin-top:9px}
@media (max-width:1024px){
  .process-row:nth-child(odd) .process-item{padding-right:76px}
  .process-row:nth-child(even) .process-item{padding-left:76px}
  .process-item:before{width:40px}
}
@media (max-width:768px){
  .process-list:before{left:5px}
  .process-row{grid-template-columns:100%}
  .process-row:nth-child(odd),
  .process-row:nth-child(even){justify-content:start}
  .process-row:nth-child(odd) .process-item:after{left:0}
  .process-row:nth-child(even) .process-item:after{left:0}
  .process-item:before{width:18px}
  .process-row:nth-child(odd) .process-item:before{left:16px}
  .process-row:nth-child(even) .process-item:before{left:16px}
  .process-row:nth-child(odd) .process-item{padding-left:40px;padding-right:0;text-align:left}
  .process-row:nth-child(even) .process-item{padding-left:40px}
  .process-item__wrap{padding:20px}
  .process-item__date{font-size:19px}
  .process-item__desc{font-size:15px}
}
.page-product-detail{max-width:1400px;margin:30px auto}
.goods-info{display:flex;justify-content:space-between;flex-wrap:wrap}
.goods-info__photo{flex:0 0 40%;aspect-ratio:1/.9;border:solid 1px #ddd;display:flex;justify-content:center;align-items:center;padding:2px}
.goods-info__photo img{width:100%;height:100%;object-fit:cover}
.goods-info__content{flex:0 0 56%}
.goods-info__name{font-size:28px;padding-bottom:22px;margin-bottom:22px;border-bottom:solid 1px #eee;font-weight:600}
.goods-info__attr{font-size:16px;margin-top:25px;padding-bottom:25px;border-bottom:dashed 1px #eee;color:#777}
.goods-info__btn {margin-top:30px;display:flex}
.goods-info__btn button{background:var(--color1);color:#fff;padding:9px 30px;border-radius:3px;cursor:pointer}
.goods-info__btn button:hover{opacity:.9}
.goods-title{padding:0 0 12px 18px;margin:32px 0 20px;border-bottom:solid 1px #eee;display:flex;justify-content:space-between;position:relative}
.goods-title:before{content:'';position:absolute;top:5px;left:0;width:5px;height:19px;background:var(--color1)}
.goods-title span{font-size:20px}
.goods-detail{font-size:16px}
.goods-detail p{margin-bottom:12px;line-height:1.8}
.goods-detail img{max-width:100%}
@media (max-width:1024px){
  .goods-info__name{font-size:22px;padding-bottom:20px;margin-bottom:20px}
  .goods-info__attr{font-size:15px;margin-top:20px;padding-bottom:20px}
}
@media (max-width:768px){
  .goods-info{margin-top:10px}
  .goods-info__photo{flex:0 0 100%}
  .goods-info__content{flex:0 0 100%;margin-top:20px}
  .goods-info__attr{margin-top:15px;padding-bottom:15px}
}
.case-list{margin-top:40px;display:grid;grid-template-columns:repeat(4,23.5%);justify-content:space-between;row-gap:25px}
.case-list__box{border:solid 1px #eee}
.case-list__img{height:18vw;padding:9px;position:relative;overflow:hidden}
.case-list__img:before{font-size:30px;font-weight:600;content:'\e71a';font-family:iconfont;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:rgba(0,0,0,.3);transition:opacity .5s;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0}
.case-list__img:hover:before{opacity:1}
.case-list__img a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}
.case-list__img img{width:100%;height:100%;object-fit:cover}
.case-list__txt{padding:20px;border-top:solid 1px #eee;position:relative}
.case-list__txt:after{font-size:16px;content:'\e649';font-family:iconfont;position:absolute;top:22px;right:10px;color:#888}
.case-list__name{font-size:17px;position:relative;z-index:2}
@media (max-width:1280px){
  .case-list__img{height:18vw}
  .case-list__name{font-size:16px}
}
@media (max-width:1024px){
  .case-list{grid-template-columns:repeat(2,48.5%)}
  .case-list__img{height:38vw}
}
@media (max-width:768px){
  .case-list{;row-gap:22px}
  .case-list__img{height:35vw}
  .case-list__txt{padding:15px}
  .case-list__txt:after{top:18px}
  .case-list__name{font-size:15px}
}
@media (max-width:512px){
  .case-list{column-gap:2%;row-gap:20px}
  .case-list__img{margin:5px}
  .case-list__txt{padding:10px;text-align:center}
}
.contact-info{margin:30px auto 40px;display:grid;grid-template-columns:repeat(4,23.5%);justify-content:space-between;row-gap:25px}
.contact-info__item{background:#f5f5f5;padding:50px 12px;border-radius:6px;text-align:center}
.contact-info__item:before{content:'';font-family:iconfont;color:#999;font-size:2rem}
.contact-info__item.address:before{content:'\e637'}
.contact-info__item.tel:before{content:'\e636'}
.contact-info__item.wechat:before{content:'\e6b2'}
.contact-info__item.qq:before{content:'\e624'}
.contact-info__item.email:before{content:'\e620'}
.contact-info span{font-size:16px;color:#777}
.contact-info small{display:block;margin:9px 0;color:#555}
.content-map{height:500px;border:#ccc solid 1px}
@media (max-width:1024px){
  .contact-info{grid-template-columns:repeat(2,48%)}
}
@media (max-width:512px){
  .contact-info{grid-template-columns:100%;row-gap:20px}
  .contact-info__item{text-align:left;position:relative;padding:12px 0 12px 60px;border-bottom:dashed 1px #eee}
  .contact-info__item:before{font-size:1.6rem;position:absolute;top:30px;left:20px}
  .content-map{height:360px;border:#ccc solid 1px}
}
.page-article-detail{max-width:1400px;margin:30px auto}
.article-h1{font-size:clamp(22px,4vw,32px);margin:30px 0 22px;text-align:center}
.article-meta{font-size:12px;text-align:right;padding:9px;background:#fafafa;margin:25px 0 30px;color:#777}
.article-detail{font-size:17px}
.article-detail p{line-height:1.8;margin-bottom:16px}
.article-detail img{max-width:100%}
.article-detail ul{padding-left:12px;margin:16px 0}
.article-detail li{list-style-type:disc;margin:11px 0}
.detail-neighbor{display:flex;margin:50px 0;border-top:solid 1px #ddd;padding-top:12px;justify-content:space-between}
.detail-neighbor div{color:#777}
.detail-neighbor a:hover{text-decoration:underline}
@media (max-width:768px){
  .article-detail{font-size:15px}
  .article-detail .neighbor div{flex:0 0 100%;margin-bottom:9px}
}
.proxy-text{padding:20px 0;font-size:17px;line-height:1.7;text-align:center}
.proxy-condition{max-width:1400px;counter-reset:condition;margin:20px auto;display:grid;grid-template-columns:repeat(3,32%);justify-content:space-between}
.proxy-condition li{text-align:center;border-radius:5px;padding:20px;background:#f9f9f9;color:#666}
.proxy-condition li:before{font-size:20px;counter-increment:condition;content:counter(condition);margin:0 auto 18px;width:50px;height:50px;border-radius:100%;background:var(--color1);color:#fff;display:flex;align-items:center;justify-content:center}
.proxy-advantages-wrap{background:#f9f9f9;padding-top:clamp(15px,3vw,20px);padding-bottom:clamp(25px,4vw,70px)}
.proxy-advantages{max-width:1400px;margin:20px auto;display:grid;grid-template-columns:repeat(5,18.5%);justify-content:space-between}
.proxy-advantages__item{background:#fff;padding:20px;border-radius:2px;box-shadow:0 0 9px 1px rgba(0,0,0,.07)}
.proxy-advantages__item:nth-child(even){background:#f0f0f0}
.proxy-advantages__item dt{margin-bottom:12px;text-align:center;font-size:20px}
.proxy-advantages__item dd{color:#777;line-height:1.7}
@media (max-width:1024px){
  .proxy-advantages{grid-template-columns:repeat(2,49%);row-gap:25px}
  .proxy-advantages__item:last-child{grid-area:3/1/4/3}
  .proxy-advantages__item:nth-child(even){background:#fff}
}
@media (max-width:768px){

}
@media (max-width:512px){

}