:root{
  --color-main:#204c97;
  --color-main-light:#2a5aaa;
  --color-main-dark:#184187;
  --color2:#dd0000;
  --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(20px,3.5vw,32px);
  --font-size-page-title:clamp(20px,3.3vw,32px);
  --font-size-box-title:clamp(17px,2vw,23px);
  --font-size-list-title:clamp(16px,2vw,18px);
  --font-size-desc:min(16px,3vw);
  --font-size-detail-title:clamp(20px,2.5vw,28px);
  --font-size-detail-desc:clamp(15px,1.5vw,17px);
  --grid-row-gap:clamp(22px,3vw,30px);
  --grid-row-gap-long:clamp(25px,3.5vw,40px);
  --grid-row-gap-short:20px;
  --grid-two:repeat(2,48.5%);
  --grid-three:repeat(3,32%);
  --grid-four:repeat(4,23.5%);
  --grid-five:repeat(5,19%);
}
@media (max-width:1280px){
  :root{

  }
}
@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-row{display:flex;justify-content:space-between;color:#666}
.top-row a{color:inherit}
.top-row a:hover{color:inherit}
.header{padding-top:28px;padding-bottom:28px;display:flex;align-items:center;justify-content:space-between}
.logo-wrap{display:flex;align-items:center;position:relative}
.logo-wrap:before{content:'';width:1px;height:70px;position:absolute;top:0;left:150px;background:#eee;}
.logo{}
.logo img{max-height:58px;backface-visibility:hidden;display:block}
.logo-text{margin:5px 0 0 40px;}
.logo-text dt{font-size:22px;color:#333;font-weight:600;}
.logo-text dd{font-size:16px;margin-top:4px}
.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(--color2);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(7,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(--color-main)}
.nav-dropdown a{color:#fff}
.nav-switch{display:none}
@media (max-width:768px){
  body:before{content:'';display:block;height:81px}
  .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}
  .logo img{height:38px}
  .logo-wrap:before{height:53px;left:100px}
  .logo-text{margin:5px 0 0 30px;}
  .logo-text dt{font-size:18px}
  .logo-text dd{font-size:14px;margin-top:2px}
  .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)}
}
@media (max-width:414px){
  body:before{content:'';display:block;height:74px}
  .logo img{height:34px}
  .logo-wrap:before{display:none}
  .logo-text{margin:5px 0 0 10px;}
  .logo-text dt{font-size:14px}
  .logo-text dd{font-size:12px}
}
.footer {background-color:#253653;color:#bec3cc;padding-top:50px}
.footer a{color:inherit}
.footer-nav{word-spacing:20px;background-color:#334564;border-radius:5px;padding:15px;text-align:center;}
.footer-content{margin:30px auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.footer-contact p{margin:15px 0;display:flex;align-items:center}
.footer-contact p:before{content:'';margin-right:12px;width:20px;height:20px;background:#bec3cc;mask-size:100%}
.footer-contact p:nth-child(1):before{mask-image:var(--svg-tel);-webkit-mask-image:var(--svg-tel)}
/*.footer-contact p:nth-child(2):before{mask-image:var(--svg-call);-webkit-mask-image:var(--svg-call)}*/
.footer-contact p:nth-child(3):before{mask-image:var(--svg-email);-webkit-mask-image:var(--svg-email)}
.footer-contact p:nth-child(4):before{mask-image:var(--svg-location);-webkit-mask-image:var(--svg-location)}
.footer-qrcode{width:110px;text-align:center}
.footer-qrcode img{width:100%;}
.footer-copyright{background:#1c2c47;border-top:solid 1px #17263e;padding:15px 0;text-align:center;color:#777;font-size:12px}
@media (max-width:1024px){
  .footer-nav{word-spacing:5px}
  .footer-content{margin:10px auto 20px}
}
@media (max-width:768px){
  .footer{padding-top:30px;}
  .footer-nav{padding:10px;display:grid;grid-template-columns:repeat(4,25%);justify-content:center;row-gap:9px}
  .footer-nav{word-spacing:5px}
  .footer-contact{flex-basis:100%}
  .footer-qrcode{margin:20px auto 0}
}
@media (max-width:512px){

}

.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}
.page-banner{max-width:1920px;margin:0 auto;height:min(420px,30vw);background-repeat:no-repeat;background-position:center center;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)}
.home-more.white a{background:#fff;color:var(--color-main)}
.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:14px;color:#999;text-transform:uppercase}
.main-title.white strong{color:#fff}
.main-title.white span{color:#fff;opacity:.7}
.home-product{background:#f9f9f9}
.product-box{}
.box-main{display:grid;grid-template-columns:300px calc(100% - 340px);justify-content:space-between;}
.box-side{border:solid 2px var(--color-main);}
.box-side__title{background:var(--color-main);color:#fff;font-size:24px;padding:18px 0;text-align:center}
.box-side__inner{padding:15px}
.box-side__name{font-size:18px;padding:16px 0;border-radius:5px;color:#fff;text-align:center;background-image:linear-gradient(45deg, #3c66b2, #224e99)}
.box-side__name a{color:inherit}
.box-side__link {padding:18px 0;border-bottom:solid 1px #eee;display:flex;align-items:center}
.box-side__link:before{margin-right:9px;content:'';width:10px;height:10px;border:solid 2px #ddd;border-radius:50%}
.box-side__link a{font-size:16px}
.box-side__link a:hover{color:var(--color-main)}
.box-content{}
.box-content__title{display:flex;align-items:center;justify-content:space-between;border-bottom:solid 1px #eee;margin-bottom:20px;padding-bottom:15px;}
.box-content__title strong{font-size:20px;color:var(--color-main)}
.box-content__title a{color:#666}
.product-list{display:grid;grid-template-columns:repeat(3,31.5%);justify-content:space-between;row-gap:25px}
.product-list__item{}
.product-list__img{aspect-ratio:1/.9;border:solid 1px #ddd;overflow:hidden}
.product-list__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.product-list__img img:hover{transform:scale(1.05)}
.product-list__txt{text-align:center;margin-top:12px;}
.product-list__txt a{}
@media (max-width:1024px){
  .box-main{grid-template-columns:100%}
  .box-side{display:none}
}
@media (max-width:768px){
  .product-list{grid-template-columns:repeat(2,48%)}
}
@media (max-width:414px){
  .product-list{grid-template-columns:100%}
}
.home-case{margin-bottom:20px;display:grid;grid-template-columns:var(--grid-four);justify-content:space-between;row-gap:var(--grid-row-gap)}
.home-case__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)}
.home-case__img a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}
.home-case__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}
.home-case__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}
.home-case__img:hover:before{opacity:.3}
.home-case__img:hover:after{top:50%;opacity:.8}
.home-case__img img{width:100%;height:100%;object-fit:cover;border-radius:3px;transition:transform .5s}
.home-case__img:hover img{transform:scale(1.05)}
.home-case__txt{padding-top:18px;position:relative;text-align:center}
.home-case__txt a{font-size:16px;color:#777;transition:color .3s}
.home-case__txt a:hover{color:#000}
.h-about{padding-top:clamp(30px,5vw,70px)}
.h-about .main-title{position:relative;z-index:2}
.h-about .main-title span{color:#fff}
.h-about .main-title strong{color:#fff}
.h-about{position:relative}
.h-about:before{content:'';position:absolute;top:0;right:0;width:100%;height:450px;background:url("../images/home-about-bg.webp") no-repeat center 0;background-size:100%}
.h-about__wrapper{display:flex;flex-wrap:wrap;padding:20px;margin-top:30px;background:#fff;box-shadow:0 5px 9px rgba(0,0,0,.1);justify-content:space-between;position:relative;z-index:2}
.h-about__wrapper figure{flex:0 0 48%;height:380px}
.h-about__wrapper figure img{width:100%;height:100%;object-fit:cover}
.h-about__wrapper article{flex:0 0 48%}
.h-about__wrapper h2{font-size:25px;margin-top:20px;color:#1d657e}
.h-about__wrapper label{color:#777}
.h-about__wrapper p{margin:25px 0;font-size:15px;color:#666;line-height:1.9}
.h-about__wrapper a{padding:8px 20px;color:#fff;border-radius:5px;background:#006cb5;transition:.3s}
.h-about__wrapper a:hover{background:#0c81d9 }
@media (max-width:1024px){
  .h-about:before{height:40vw;background-size:auto 100%}
}
@media (max-width:768px){
  .h-about__wrapper{padding:12px 12px 20px;margin-top:20px}
  .h-about__wrapper figure{flex:0 0 100%;height:30vw}
  .h-about__wrapper article{flex:0 0 100%}
  .h-about__wrapper h2{font-size:20px}
  .h-about__wrapper p{margin:20px 0;font-size:14px}
}
@media (max-width:512px){
  .h-about__wrapper p{font-size:13px}
  .h-about__wrapper a{padding:8px 20px;font-size:12px}
}
.home-cert__classify{margin-bottom:30px;display:flex;align-items:center;justify-content:center;}
.home-cert__classify span{padding:9px 20px;border-radius:6px;background:#f5f5f5;margin:0 9px;cursor:pointer}
.home-cert__classify span.active{background:var(--color-main);color:#fff;}
.home-cert{display:none;grid-template-columns:repeat(4,23%);justify-content:space-between;row-gap:25px;}
.home-cert.visible{display:grid;}
.home-cert__item{}
.home-cert__img{aspect-ratio:1/1.3;border:solid 1px #ddd;}
.home-cert__img img{width:100%;height:100%;display:block}
.home-cert__txt{text-align:center;margin:12px 0;}
@media (max-width:768px){
  .home-cert{grid-template-columns:repeat(2,48%)}
}
.home-environment-wrap{margin-top:30px;background:url("../images/home-environment.webp");background-size:100%}
.home-environment{display:grid;grid-template-columns:repeat(3,31%);justify-content:space-between;row-gap:25px;}
.home-environment li{position:relative}
.home-environment figure {aspect-ratio:1/.8}
.home-environment figure img{width:100%;height:100%;object-fit:cover;display:block}
.home-environment article{position:absolute;right:0;bottom:0;width:100%;padding:9px;background:rgba(0,0,0,.5);color:#fff;text-align:center}
@media (max-width:512px){
  .home-environment{grid-template-columns:100%}
}
.home-news{display:grid;grid-template-columns:repeat(2,48%);justify-content:space-between;row-gap:25px}
.home-news__item{padding:16px;background:#f9f9f9}
.home-news__item:hover{box-shadow:3px 3px 6px 1px rgba(0,0,0,.1)}
.home-news__title{font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.home-news__title a:hover{color:var(--color-main)}
.home-news__desc{margin:15px 0;color:#777;line-height:1.8;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.home-news__date{font-size:12px;color:#888;display:flex;align-items:center}
.home-news__date:before{content:'';margin-right:5px;width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20z' stroke='%23333' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M24.008 12V24.01l8.479 8.48' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
@media (max-width:1024px){
  .home-news{grid-template-columns:100%}
}
@media (max-width:512px){
  .home-news__item{padding:12px}
  .home-news__title{font-size:16px}
}
.breadcrumb{background:#f9f9f9;padding:12px 0;}
.page-box {padding:var(--padding-page-box) 0 var(--padding-home-box)}
.page-text{}
.page-text p{font-size:16px;line-height:1.8;margin-bottom:18px;}
.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)}
.about-image{margin-top:var(--margin-long);display:grid;grid-template-columns:var(--grid-four);justify-content:space-between;row-gap:20px}
.about-image li{aspect-ratio:1/.9}
.about-image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:3px;}
.about-image p{margin-top:9px;text-align: center}
.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(--color-main)}
.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}
}
.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: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/.9;display:flex;align-items:center;justify-content:center;border:solid 1px #e5e5e5;border-radius:3px;padding:9px;cursor:pointer}
.goods-photo__thumb img{width:100%;height:100%;object-fit:cover}
.goods-photo__list{margin-top:12px;display:grid;grid-template-columns:repeat(5,19%);column-gap:1.2%}
.goods-photo__list li{aspect-ratio:1/.8;border:solid 1px #eee;padding:2px;cursor:pointer}
.goods-photo__list li:last-child{margin-right:0;}
.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:25px}
.feedback__row:last-child{margin-bottom:0}
.feedback input[type=text],
.feedback input[type=email]{width:100%;height:50px;padding-left:12px;border:solid 1px #ddd;background:#f7f8fa;border-radius:3px}
.feedback input[type=submit]{width:230px;height:46px;background:var(--color-main);color:#fff;border-radius:5px}
.feedback textarea{width:100%;height:100px;padding:12px;border:solid 1px #ddd;background:#f7f8fa}
@media (max-width:512px) {
  .feedback__row{margin-bottom:15px}
}