:root{
  --color-main: #0b94dc;
  --color-main-light: #15a1ea;
  --color-main-dark: #0088cd;
  /*--color-main: #7bbd64;*/
  /*--color-main-light: #86c86f;*/
  /*--color-main-dark: #55933f;*/
  --color2:#55933f;
  --padding-about:16px;
  --padding-home-box:clamp(25px,5vw,70px);
  --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%);
  --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%);
  }
}
@media (max-width:768px){
  :root {
    --grid-two:100%;
  }
}
@media (max-width:512px){
  :root{

  }
}
@media (max-width:414px){
  :root{
    --grid-four:100%;
  }
}
.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{display:flex;justify-content:space-between;color:#666}
.top a{color:inherit}
.top a:hover{color:inherit}
.header{padding-top:28px;padding-bottom:28px;display:flex;align-items:center;justify-content:space-between}
.logo{}
.logo img{max-height:clamp(38px,4vw,66px);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}
.nav-bar{background:var(--color-main)}
.nav{display:grid;grid-template-columns:repeat(6,14%);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(--color-main-dark)}
.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(--color2)}
.nav-dropdown a{color:#fff}
.nav-switch{display:none}
@media (max-width:768px){
  body:before{content:'';display:block;height:69px}
  .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.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;max-width:1920px;margin:0 auto}
.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)}
.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)}
.main-title{text-align: center;position:relative;padding-bottom:20px;margin-bottom:25px;}
.main-title strong{font-size:clamp(20px,3.5vw,31px);letter-spacing:2px;text-transform:uppercase}
.main-title:before {content:'';bottom:1px;left:50%;margin-left:-70px;width:140px;height:2px;position:absolute;background: #777;}
.main-title:after {content:'';bottom:0;left:50%;margin-left:-15px;width:30px;height:4px;position:absolute;background:var(--color-main);}
@media (max-width:512px){
  .main-title:before{margin-left:-60px;width:120px}
  .main-title:after{margin-left:-15px;width:30px}
}
.product-list{display:grid;grid-template-columns:var(--grid-four);justify-content:space-between;row-gap:30px;}
.product-list__item{}
.product-list__img{aspect-ratio: 1/1;border-radius:4px 4px 0 0;overflow: hidden}
.product-list__img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.product-list__img:hover img{transform: scale(1.05);}
.product-list__name{text-align: center;padding:20px 5px;background: #f9f9f9;border-radius:0 0 4px 4px;}
.home-about-wrap{background: #f9f9f9}
.home-about{display:grid;grid-template-columns:340px calc(100% - 400px);justify-content:space-between;row-gap:20px;align-items: center}
.home-about__img{height:380px;border:solid 2px var(--color2)}
.home-about__img img{transform: translate(20px,20px);width:100%;height:100%;object-fit:cover}
.home-about__text{}
.home-about__text p{font-size:16px;margin-bottom: 15px;line-height: 1.8;color: #666;}
.home-about__more {margin-top: 30px;}
.home-about__more .btn{display: inline-block;padding: 10px 30px;background: var(--color-main);color: #fff;border-radius: 4px;text-decoration: none;transition: background 0.3s ease;}
.home-about__more .btn:hover{background: var(--color-main-dark)}
@media screen and (max-width: 1024px) {
  .home-about {display:grid;grid-template-columns:100%;}
  .home-about__img{height:50vw;padding:9px}
  .home-about__img img{transform: translate(0)}
}
.h-advantage{display:grid;grid-template-columns:repeat(3,1fr)}
.h-advantage__img{height:340px}
.h-advantage__img img{width:100%;height:100%;object-fit:cover}
.h-advantage__desc{padding:min(3vw,45px);display:flex;align-items:center;color:#fff}
.h-advantage__desc h3{font-size:20px;margin-bottom:20px;padding-bottom:20px;position:relative}
.h-advantage__desc h3:after{content:'';position:absolute;bottom:0;left:0;background:#fff;width:35px;height:3px}
.h-advantage__desc p{line-height:1.5}
.h-advantage__desc:nth-child(2){;background:#25b7aa}
.h-advantage__desc:nth-child(4){;background:#56b648}
.h-advantage__desc:nth-child(6){;background:#2f98cf}
@media (max-width:1024px){
  .h-advantage{display:grid;grid-template-columns:50% 50%}
  .h-advantage__img{height:36vw}
  .h-advantage__desc h3{font-size:18px}
  .h-advantage__img:nth-child(1){order:0}
  .h-advantage__desc:nth-child(2){order:1}
  .h-advantage__img:nth-child(3){order:3}
  .h-advantage__desc:nth-child(4){order:2}
  .h-advantage__img:nth-child(5){order:4}
  .h-advantage__desc:nth-child(6){order:5}
}
@media (max-width:768px){
  .h-advantage__img{height:auto}
  .h-advantage__desc h3{font-size:16px;margin-bottom:15px;padding-bottom:15px}
  .h-advantage__desc h3:after{width:30px;height:2px}
  .h-advantage__desc p{font-size:12px}
}
.home-news-wrap{background: #f5f5f5}
.home-news{display:grid;grid-template-columns:48% 48%;justify-content:space-between;row-gap:30px;}
.home-news__item{display:flex;justify-content:space-between;background:#fff;padding:12px;border-radius:3px}
.home-news__item:hover{box-shadow:0 5px 9px 1px rgba(0,0,0,.05)}
.home-news__item:empty{margin-bottom:0;background: transparent;}
.home-news__item:empty:hover{box-shadow:none}
.home-news__item figure{flex:0 0 150px}
.home-news__item figure img{width:100%;height:100%;object-fit:cover}
.home-news__item article{flex:0 0 calc(100% - 170px);width:calc(100% - 170px);padding-top:12px}
.home-news__item article a{display:block;width:100%;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight: 500}
.home-news__item article a:hover{color:var(--color-main)}
.home-news__item p{margin-top:12px;color:#888;line-height:1.7;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
@media (max-width:1024px){
  .home-news{grid-template-columns:100%}
  .home-news__item figure{flex:0 0 120px}
  .home-news__item figure img{height:86px}
  .home-news__item article{flex:0 0 calc(100% - 135px);width:calc(100% - 135px);padding-top:9px}
  .home-news__item article a{font-size:15px}
  .home-news__item p{font-size:12px;margin-top:9px;-webkit-line-clamp:2;}
}
.page-about{font-size:16px;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{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:var(--font-size-desc);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{width:100%;height:100%;object-fit:cover}
.page-honor p{margin-top:12px;text-align:center;color:#777}
.contact-info{margin-bottom:var(--margin-long);display:grid;grid-template-columns:var(--grid-four);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 span{display:block;margin-top:12px}
.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}
.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/.8;display:flex;align-items:center;justify-content:center;border:solid 1px #e5e5e5;border-radius:3px;padding:5px;cursor:pointer}
.goods-photo__thumb img{max-width:100%;max-height:100%}
.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;margin-top:30px}
.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}