:root{
  --color-main:#000;
  --color2:#1268d2;
  --padding-about:16px;
  --padding-home-box:clamp(25px,5vw,80px);
  --padding-page-box:clamp(25px,5vw,80px);
  --padding-page-bottom:clamp(40px,5.5vw,90px);
  --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-circle-right:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M512 119.146c217.198-.24 393.484 175.65 393.73 392.854.234 217.198-175.655 393.483-392.86 393.73-217.204.234-393.483-175.655-393.722-392.86V512C119.388 295.13 295.13 119.386 512 119.146m0-56.12C264.035 63.025 63.025 264.033 63.025 512c0 247.972 201.01 448.975 448.975 448.975 247.972 0 448.975-201.003 448.975-448.975 0-247.966-201.003-448.975-448.975-448.975zm37.707 627.89a27.952 27.952 0 0 0 19.84-8.22l165.75-170.12L569.52 342.441c-10.77-11.146-28.526-11.454-39.68-.691-11.14 10.77-11.448 28.534-.685 39.68.22.233.465.466.685.692l130.494 130.48-130.494 130.48c-10.914 11.003-10.845 28.76.15 39.695a28.044 28.044 0 0 0 19.717 8.138zM315.293 539.76h360.866c15.498 0 28.061-12.578 28.061-28.068 0-15.496-12.564-28.06-28.06-28.06H315.292c-15.497 0-28.061 12.564-28.061 28.06 0 15.49 12.564 28.068 28.06 28.068z' fill='%236e7881'/%3E%3C/svg%3E");
  --svg-circle-right2:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M85.333 512A426.667 426.667 0 1 1 512 938.667 427.157 427.157 0 0 1 85.333 512zM128 512a384 384 0 1 0 384-384 384.427 384.427 0 0 0-384 384zm500.437 172.075a21.333 21.333 0 0 1 0-30.166l120.107-120.085H237.141a21.333 21.333 0 1 1 0-42.667h511.403L628.437 371.051a21.333 21.333 0 1 1 30.166-30.166l171.605 171.606-171.605 171.562a21.333 21.333 0 0 1-30.166 0z' fill='%23232020'/%3E%3C/svg%3E");
}
@media (max-width:1024px){
  :root{
    --grid-four:repeat(2, 48.5%);
  }
}
@media (max-width:768px){
  :root {
    --grid-two:100%;
  }
}
@media (max-width:414px){
  :root{
    --grid-four:100%;
  }
}
@font-face {
  font-family:'NoticiaText';
  src:url('../fonts/NoticiaText-Bold.woff2') format('woff2');
}
@font-face {
  font-family:'Muli';
  src:url('../fonts/Muli.woff2') format('woff2');
}
.container{max-width:1250px;margin:0 auto}
.container.blank{padding-left:var(--padding-about);padding-right:var(--padding-about)}
.bg-light{background:#f7f7f7}
.header-wrap{background:#f6f6f6;position:relative;z-index:201}
.header-wrap::after{content:'';position:absolute;width:100%;height:1px;right:0;bottom:0;background:#eee}
.header{display:flex;align-items:center;justify-content:space-between}
.logo img{max-height:46px;backface-visibility:hidden;display:block}
.nav{display:flex;justify-content:flex-end;align-items:center;column-gap:40px}
.nav__item{}
.nav__item > a{font-size:16px;padding:32px 0;display:block;position:relative;letter-spacing:1px}
.nav__item > a:hover{color:#333}
.nav__item > a:after{content:'';position:absolute;bottom:0;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:100%}
.search-box{flex-basis:196px;display:flex;align-items:center}
.search{position:relative;display:flex;column-gap:15px}
.search::before{content:'';position:absolute;top:5px;left:9px;z-index:2;width:14px;height:14px;background:var(--svg-search) no-repeat 0 0;background-size:100%}
.search input[type="text"]{width:160px;height:24px;border:1px solid #000;border-radius:20px;padding:0 10px 0 30px}
.search input[type="submit"]{width:24px;height:24px;border-radius:50%;background:#000 var(--svg-search-right) no-repeat center center;background-size:56%;border:0;cursor:pointer}
.nav__dropdown{position:absolute;z-index:101;top:100%;left:0;background:#f6f6f6;width:100%;display:flex;column-gap:80px;padding:0;height:0;overflow:hidden;opacity:0;transition:all .3s,padding-left 0s}
.nav__item:hover .nav__dropdown{opacity:1;height:auto;padding:30px 0}
/* pointer-events:none; pointer-events:auto; */
.nav__dropdown dt{color:#999}
.nav__dropdown dd{margin-top:12px}
.nav__dropdown dd a{font-size:18px;color:#000;letter-spacing:1px}
.nav__dropdown dd a:hover{color:#777}
.nav-search,
.nav-switch{display:none}
@media (max-width:1024px){
  body:before{content:'';display:block;height:58px}
  .header-wrap{padding:16px 0;position:fixed;top:0;right:0;width:100%}
  .logo img{max-height:32px}
  .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{width:100%;border-bottom:solid 1px rgba(255,255,255,.05);position:relative}
  .nav__item > a{color:#fff;font-size:15px;padding:0;line-height:58px;display:inline-block;margin-left:40px}
  .nav__item > a:after{display:none}
  .nav__item.dropdown:after{content:'';width:auto;height:auto;border:4px solid transparent;border-bottom:0;border-top-color:#fff;position:absolute;right:30px;top:27px}
  .nav__dropdown{position:static;display:block;background:#303030;opacity:1;height:0;transition:height .3s !important}
  .nav__item:hover .nav__dropdown{height:0;height:0;padding:0}  
  .nav__dropdown dl{padding:20px 10px 0 40px}
  .nav__dropdown dt{color:#999}
  .nav__dropdown dd{margin-top:12px}
  .nav__dropdown dd a{font-size:14px;color:#ccc}
  .search-box{position:absolute;top:100%;right:0;width:100%;overflow:hidden;background:#f5f5f5;padding:0 16px;opacity:0;transition:.3s}
  .search-box.show{height:auto;padding:20px 16px;opacity:1}
  .search{width:100%}
  .search input[type="text"]{width:auto;flex-grow:2}
  .nav-search{display:flex;position:absolute;cursor:pointer;top:21px;right:56px}
  .nav-search::before{content:'';width:20px;height:20px;background:var(--svg-search)}
  .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)}
}
.home-banner{position:relative}
.home-banner__slide{height:32vw!important;background-repeat:no-repeat;background-position:center 0;background-size:cover}
@media (max-width:1280px){
  .home-banner__slide{height:40vw!important}
}
@media (max-width:1024px){
  .home-banner__slide{height:50vw!important}
}
.home-box{padding-top:var(--padding-home-box);padding-bottom:var(--padding-home-box)}
.home-title{margin-bottom:36px}
.home-title p{color:#86878a;font-size:clamp(20px,3vw,35px);font-weight:100;line-height:1.2}
.home-title h3{margin-top:15px;display:flex;align-items:flex-end;column-gap:16px}
.home-title h3 span{font-size:clamp(20px,3vw,33px);font-weight:500}
.home-title h3::after{content:'';margin-bottom:5px;width:22px;aspect-ratio:1/1;background:url(../images/home-title.png) no-repeat;background-size:100% 100%}
@media (max-width:1024px){
  .home-title{margin-bottom:30px}
  .home-title h3::after{margin-bottom:3px;width:14px}
}
.home-product-wrap{background-color:#f6f6f6}
.home-product{}
.home-product__row{border-radius:26px;position:relative;margin-bottom:30px;transition:box-shadow .3s}
.home-product__row a{position:absolute;inset:0;z-index:1}
.home-product__row:hover{box-shadow:0 0 9px 1px rgba(0,0,0,.1)}
.home-product__img{width:100%;border-radius:26px;display:block}
.home-product__photo {position:absolute;top:0;width:50%;height:100%;opacity:0;transition:opacity .3s}
.home-product__row:hover .home-product__photo{opacity:1}
.home-product__photo img{width:100%;height:100%;object-fit:cover}
.home-product__photo.p0,
.home-product__photo.p2,
.home-product__photo.p4,
.home-product__photo.p6{left:0}
.home-product__photo.p1,
.home-product__photo.p3,
.home-product__photo.p5,
.home-product__photo.p7{right:0}
.home-product__photo.p0 img,
.home-product__photo.p2 img,
.home-product__photo.p4 img,
.home-product__photo.p6 img{border-radius:26px 0 0 26px}
.home-product__photo.p1 img,
.home-product__photo.p3 img,
.home-product__photo.p5 img,
.home-product__photo.p7 img{border-radius:0 26px 26px 0}
.home-product__mobile{display:none}
@media (max-width:1024px){
  .home-product__row{margin-bottom:25px}
  .home-product__img,
  .home-product__photo{display:none}
  .home-product__mobile{display:block;width:100%;border-radius:20px}
}
.home-light{}
.home-light__vodeo{height:680px;overflow:hidden;border-radius:5px;position:relative;background:#555}
.home-light__vodeo::after{content:'';position:absolute;inset:0;z-index:2;background:#000;opacity:.2;cursor:pointer;transition:.3s}
.home-light__vodeo::before{content:'';width:80px;height:80px;background:var(--svg-play) no-repeat;background-size:100%;position:absolute;z-index:3;top:50%;right:50%;transform:translate(50%, -50%);cursor:pointer}
.home-light__vodeo:hover::after{opacity:.3}
.home-light__vodeo img{width:100%;height:100%;object-fit:cover}
.home-light__vodeo video{position:absolute;inset:0;z-index:1;opacity:0}
.home-light__vodeo.play video{opacity:1}
.home-light__vodeo.play::after,
.home-light__vodeo.play::before,
.home-light__vodeo.play img{display:none}
.home-light__txt{margin:40px 0}
.home-light__txt p{font-size:19px;line-height:1.7}
.home-light__more{display:flex;justify-content:center}
.home-light__more a{font-size:16px;border:solid 1px #ddd;border-radius:5px;padding:8px 30px;color:#fff;background:#333;transition:.3s}
.home-light__more a:Hover{background:#f5f5f5;color:#000}
@media (max-width:1280px){
  .home-light__vodeo{height:54vw}
}
@media (max-width:1024px){
  .home-light__txt{margin:30px 0}
  .home-light__txt p{font-size:16px}
}
.home-news-wrap{background-color:#f6f6f6;--home-news-title-size:20px;--home-news-padding:25px}
.home-news{display:grid;grid-template-columns:38% 59%;justify-content:space-between}
.home-news a:hover{color:var(--color2)}
.home-news__left{border-radius:15px;background-color:#fff}
.home-news__left__img{height:280px;overflow:hidden;border-radius:15px 15px 0 0}
.home-news__left__img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.home-news__left__img:hover img{transform:scale(1.05)}
.home-news__left__txt{background:#fff;padding:var(--home-news-padding) 20px;border-radius:0 0 15px 15px}
.home-news__left__title{font-size:var(--home-news-title-size);line-height:1.5;color:#000;display:block;margin-bottom:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.home-news__left__desc{font-size:16px;line-height:1.5;color:#666}
.home-news__list{border-radius:15px;background-color:#fff;padding:var(--home-news-padding);display:grid;grid-template-columns:100%;row-gap:30px}
.home-news__list li{}
.home-news__list a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;font-size:var(--home-news-title-size)}
.home-news__list span{color:#999;margin-top:10px;display:block}
@media (max-width:1024px){
  .home-news{grid-template-columns:100%;row-gap:25px}
  .home-news__left__img{height:50vw}
}
@media (max-width:512px){
  .home-news-wrap{--home-news-title-size:17px;;--home-news-padding:20px}
  .home-news__list{row-gap:22px}
}
.home-healthy{display:grid;grid-template-columns:100%;row-gap:30px}
.home-healthy__item{padding-bottom:20px;border-bottom:solid 1px #ccc}
.home-healthy__item a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;font-size:20px}
.home-healthy__item a:hover{color:var(--color2)}
.home-healthy__item span{color:#999;margin-top:10px;display:block}
.home-healthy__more{font-size:20px;display:block;margin-top:25px}
.home-healthy__more:hover{color:var(--color2)}
@media (max-width:512px){
  .home-healthy{row-gap:23px}
  .home-healthy__item a{font-size:17px}
}
.home-technology-wrap{background-color:#f9f9f9}
.home-technology{position:relative}
.home-technology__item{height:21vw;border-radius:15px;overflow:hidden;position:relative}
.home-technology__item::before{content:'';position:absolute;inset:0;z-index:1;background:#fff;opacity:.3}
.home-technology__item img{width:100%;height:100%;object-fit:cover}
.home-technology__show{display:none;position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%, -50%);padding:15px 30px;border:solid 1px #fff;border-radius:5px;color:#fff;font-size:16px;transition:.3s}
.home-technology__show:hover{background:rgba(255,255,255,.2);color:#fff}
.home-technology__item.swiper-slide-active::before{display:none}
.home-technology__item.swiper-slide-active .home-technology__show{display:block}
.swiper-prev,
.swiper-next{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:50px;height:50px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}
.swiper-prev{left:675px}
.swiper-next{right:675px}
.swiper-prev::before,
.swiper-next::before{content:'';width:34px;height:34px}
.swiper-prev::before{background:var(--svg-left)}
.swiper-next::before{background:var(--svg-right)}
@media (max-width:1920px){
  .swiper-prev{left:350px}
  .swiper-next{right:350px}
}
@media (max-width:1440px){
  .home-technology__item{height:23vw}
  .swiper-prev{left:110px}
  .swiper-next{right:110px}
}
@media (max-width:1280px){
  .home-technology__item{height:33vw}
  .swiper-prev{left:10px}
  .swiper-next{right:10px}
}
@media (max-width:768px){
  .home-technology__item{height:44vw}
  .home-technology__show{padding:8px 15px;font-size:14px}
  .swiper-prev,
  .swiper-next{width:34px;height:34px}
  .swiper-prev::before,
  .swiper-next::before{content:'';width:22px;height:22px}
}
.footer-wrap{padding:50px 0;background:#f4f4f4}
.footer{display:grid;grid-template-columns:calc(100% - 400px) 370px;justify-content:space-between;align-items:center}
.footer-logo img{}
.footer-en{margin:30px 0 60px;font-size:30px;line-height:1.3}
.footer-nav{display:flex;column-gap:50px}
.footer-nav a{font-size:17px;color:#000}
.footer-copyright{margin-top:30px;font-size:14px;color:#777}
.footer-copyright a{color:#777}
.footer-right{display:flex;column-gap:30px}
.footer-qrcode{text-align:center}
.footer-qrcode img{width:140px;height:140px}
.footer-qrcode p{font-size:14px;color:#777;margin-top:10px}
@media (max-width:1280px){
  .footer-nav{column-gap:20px}
}
@media (max-width:1024px){
  .footer-wrap{padding:35px 0}
  .footer{grid-template-columns:100%;row-gap:30px;text-align:center}
  .footer-en{margin:30px 0 30px;font-size:22px}
  .footer-nav {justify-content:center}
  .footer-nav a{font-size:14px}
  .footer-right{justify-content:center;font-size:12px}
}
@media (max-width:512px){
  .footer-nav{column-gap:10px}
  .footer-nav a{font-size:12px}
}
.page-banner{height:32vw!important;background-repeat:no-repeat;background-position:center 0;background-size:cover}
@media (max-width:1280px){
  .page-banner{height:40vw!important}
}
@media (max-width:1024px){
  .page-banner{height:50vw!important}
}
.page-title{font-size:clamp(24px,4.5vw,58px);margin-bottom:25px;color:#222}
.goods-title{font-size:clamp(21px,3.8vw,44px);margin-bottom:25px;color:#222}
.article-head{border-bottom:solid 2px #ddd;margin-bottom:35px;padding-bottom:35px}
.article-title{font-size:clamp(20px,3vw,28px);font-weight:500}
.article-date{margin-top:30px;color:#999}
.page-main{padding-top:var(--padding-page-box);padding-bottom:var(--padding-page-bottom)}
.page-text p{font-size:16px;line-height:1.8;margin-top:clamp(18px,2.7vw,30px)}
.page-text img{max-width:100%}
.page-text video{width:100%}
.page-about{color:#585151}
.page-about h1{font-size:clamp(28px,4.5vw,60px);line-height:1.3;font-weight:500}
.page-about h2{font-size:clamp(25px,4vw,50px);line-height:1.3;font-weight:500}
.page-about h3,
.page-about h4,
.page-about h5{font-size:clamp(22px,3.5vw,40px);line-height:1.3;font-weight:500}
.page-about p{font-size:18px;line-height:2;margin-top:clamp(20px,3vw,40px)}
.page-about img{max-width:100%}
.page-about video{width:100%}
@media (max-width:1024px){
  .article-head{margin-bottom:25px;padding-bottom:25px}
  .article-date{margin-top:20px}
  .page-text p{font-size:16px}
}
.product-list{margin:35px 0}
.product-list__item{margin-bottom:35px;background:#dcdcde;border-radius:25px;overflow:hidden;;display:grid;grid-template-columns:50% 50%;justify-content:space-between}
.product-list__info{display:flex;align-items:center;padding:10px 10px 10px 50px}
.product-list__title{font-size:clamp(20px,4vw,38px);color:#000}
.product-list__desc{font-size:16px;line-height:1.6;margin:20px 0}
.product-list__img{}
.product-list__img img{width:100%;height:100%;object-fit:cover}
.product-list__more{display:flex}
.product-list__btn{font-size:16px;border:solid 1px #999;border-radius:8px;padding:6px 17px;color:#000;transition:.3s}
.product-list__btn:hover{background:#000;color:#fff}
@media (max-width:1024px){
  .product-list{margin:30px 0}
  .product-list__item{margin-bottom:25px;;grid-template-columns:100%}
  .product-list__info{order:2;padding:8vw 4vw 30px}
}
@media (max-width:768px){
  .product-list__desc{font-size:15px}
  .product-list__btn{font-size:14px}
}
@media (max-width:512px){
  .product-list__btn{font-size:12px}
}
.technology-list{}
.technology-list__row{margin-bottom:40px;display:grid;grid-template-columns:38% 62%;background:#eeeeef}
.technology-list__img{overflow:hidden;height:510px}
.technology-list__img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.technology-list__img:hover img{transform:scale(1.05)}
.technology-list__info{display:flex;align-items:center;padding:20px 40px}
.technology-list__title{font-size:clamp(20px,4vw,42px);color:#6e7881}
.technology-list__desc{font-size:16px;line-height:1.6;margin:25px 0;color:#778189}
.technology-list__more{display:flex}
.technology-list__btn{border:solid 1px #6e7881;border-radius:30px;padding:5px 15px;color:#000;display:flex;align-items:center;justify-content:center;column-gap:12px;transition:.3s}
.technology-list__btn span{font-size:16px;color:#6e7881}
.technology-list__btn::after{content:'';width:36px;height:36px;background:#6e7881;mask-image:var(--svg-circle-right2);-webkit-mask-image:var(--svg-circle-right2);mask-size:100%;-webkit-mask-size:100%}
.technology-list__btn:hover{background:var(--color2);border-color:var(--color2)}
.technology-list__btn:hover span{color:#fff}
.technology-list__btn:hover::after{background:#fff}
@media (max-width:1280px){
  .technology-list__img{height:41vw}
}
@media (max-width:1024px){
  .technology-list__row{grid-template-columns:100%}
  .technology-list__info{order:2}
  .technology-list__info{padding:max(20px,5vw)}
  .technology-list__img{height:55vw}
}
@media (max-width:768px){
  .technology-list__desc{font-size:15px;margin:20px 0}
  .technology-list__btn span{font-size:14px}
  .technology-list__btn{padding:4px 12px}
  .technology-list__btn::after{width:30px;height:30px}

}

.business-row{margin-bottom:35px;display:grid;grid-template-columns:380px calc(100% - 400px);justify-content:space-between;box-shadow:0 0 9px 1px rgba(0,0,0,.1),0 12px 12px 2px rgba(0,0,0,.05)}
.business-row:hover{box-shadow:0 0 9px 1px rgba(0,0,0,.15),0 12px 12px 2px rgba(0,0,0,.07)}
.business-row__img{height:220px}
.business-row__img img{width:100%;height:100%;object-fit:cover}
.business-row__desc{padding:15px 30px;display:flex;align-items:center}
.business-row__desc a{font-size:23px}
.business-row__desc a:hover{color:var(--color2)}
.business-row__desc p{font-size:15px;color:#888;line-height:1.8;margin:15px 0 25px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.business-row__desc small{color:#999;font-size:15px}
@media (max-width:1024px){
  .business-row{margin-bottom:25px;grid-template-columns:100%}
  .business-row__img{height:45vw}
  .business-row__desc{padding:20px;margin:10px 0}
}
@media (max-width:768px){
  .business-row__img{height:45vw}
  .business-row__desc{padding:16px}
  .business-row__desc a{font-size:18px}
}

.news-row{margin-bottom:40px;display:grid;grid-template-columns:35% 62%;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:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:color .3s}
.news-row__title:hover{color:var(--color2)}
.news-row__date{margin:20px 0;color:#999}
.news-row__desc{font-size:15px;color:#666;line-height:1.8;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
@media (max-width:1024px){
  .news-row__img{height:250px}
}
@media (max-width:768px){
  .news-row{margin-bottom:30px;grid-template-columns:100%}
  .news-row__img{height:56vw}
  .news-row__txt{padding:20px;background-color:#f5f5f5;border-top:0}
  .news-row__title{font-size:20px}
  .news-row__desc{font-size:14px}
}

.contact-box{display:grid;grid-template-columns:30% 60%;justify-content:space-between;align-items:center}
.contact-left{border-right:solid 2px #eee}
.contact-right{}
.contact-name{text-align:center}
.contact-name img{}
.contact-name span{display:block;font-size:22px;color:#000;margin-top:9px}
.contact-qrcode{margin-top:20px;text-align:center}
.contact-qrcode img{width:200px;height:200px;border-radius:20px}
.contact-qrcode p{margin-top:10px;font-size:16px;color:#777}
.contact-row{margin-bottom:50px;;display:grid;grid-template-columns:130px auto ;align-items:center}
.contact-row__data{font-size:22px;margin-left:20px}
.contact-map{width:100%;height:min(600px,66vw);border:#ccc solid 1px;background-position:center center}
@media (max-width:768px){
  .contact-box{grid-template-columns:100%;row-gap:30px}
  .contact-left{border-right:0;border-bottom:solid 1px #ddd;padding-bottom:30px}
  .contact-name span{font-size:16px}
  .contact-name img{height:26px}
  .contact-row{margin-bottom:40px;grid-template-columns:100px auto}
  .contact-row__data{font-size:18px;margin-left:10px}
}