:root{
  --color-main:#136abd;;
  --color-main-light:#1d78ce;;
  --color-main-dark:#084988;;
  --color2:#a00000;
  --padding-about:16px;
  --padding-home-box:clamp(25px,5vw,80px);
  --padding-page-box:clamp(28px,3.5vw,45px);
  --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%);
}
@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('/static/fonts/NoticiaText-Bold.woff2') format('woff2');
}
@font-face {
  font-family:'Muli';
  src:url('/static/fonts/Muli.woff2') format('woff2');
}
body:before{content:'';display:block;height:81px}
.container{max-width:1260px;margin:0 auto}
.container.blank{padding-left:var(--padding-about);padding-right:var(--padding-about)}
.bg-light{background:#f7f7f7}
.header-wrap{padding:18px 0;background:var(--color-main);position:fixed;top:0;right:0;width:100%;z-index:201}
.header{display:flex;align-items:center;justify-content:space-between}
.logo img{max-height:clamp(32px,4vw,46px);backface-visibility:hidden;display:block}
.nav{flex:1;display:flex;justify-content:flex-end;align-items:center}
.nav__item{padding:12px clamp(10px,2vw,25px);position:relative}
.nav__item > a{font-size:16px;color:#fff;transition:color .3s}
.nav__item > a:hover{color:#eee}
.nav__dropdown{width:150px;height:0;padding-top:9px;overflow:hidden;z-index:-10;opacity:0;position:absolute;top:100%;left:50%;transform:translateX(-50%);box-shadow:0 2px 5px 1px rgba(0,0,0,.05);background:var(--color-main)}
.nav__dropdown li{text-align:center;padding:12px 0;transition:background-color .3s}
.nav__dropdown li a{color:#fff;}
.nav__dropdown li:last-child{border-bottom:none}
.nav__dropdown li:hover{background-color:var(--color-main-dark)}
.nav__item:hover .nav__dropdown{height:auto;top:100%;z-index:101;opacity:1}
.nav-switch{display:none}
@media (max-width:1024px){
  body:before{content:'';display:block;height:60px}
  .header-wrap{padding-top:15px;padding-bottom:15px;}
  .nav{display:block;position:fixed;top:0;right:110%;bottom:0;width:80%;z-index:211;background:#222;padding:30px 0 0;overflow:auto;transition:right .3s}
  .nav.open{right:20%;box-shadow:18px 0 18px 2px rgba(0,0,0,.1),0 0 5px 1px rgba(0,0,0,.1)}
  .nav__item{padding:0;width:100%;;border-bottom:solid 1px rgba(255,255,255,.05)}
  .nav__item > a{color:#fff;font-size:15px;line-height:55px;display:inline-block;margin-left:40px}
  .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__item:hover .nav__dropdown{height:0;padding:0}
  .nav__dropdown{padding-top:0;width:100%;position:static;background:#222;opacity:1;box-shadow:none;border:0;transform:translateX(0);transition:height .3s !important}
  .nav__dropdown li{text-align:left;padding:10px 10px 10px 60px;border-bottom:solid 1px rgba(255,255,255,.05)}
  .nav__dropdown li:hover{background-color:transparent}
  .nav__dropdown li a{color:#eee}
  .nav-switch{display:flex;width:22px;height:16px;;position:relative;border-top:solid 2px #fff;border-bottom:solid 2px #fff;transition:.4s}
  .nav-switch:before,
  .nav-switch:after{content:'';height:2px;width:100%;position:absolute;right:0;top:5px;background:#fff;transition:transform .3s}
  .nav-switch.open{border-color:transparent;transition:0s}
  .nav-switch.open:before{transform:rotate(45deg)}
  .nav-switch.open:after{transform:rotate(-45deg)}
}
.footer-wrap{padding-top:40px;background:#2b2b2b;}
.footer{display:flex;justify-content:space-between;align-items:center;color:#d0d0d0;padding:20px 0;flex-wrap:wrap;}
.footer-title{margin-bottom:25px;font-size:18px;font-weight:600}
.footer-title span{font-size:17px;color:#999;}
.footer-title p{font-size:20px;}
.footer-contact li{font-size:15px;margin-top:15px;}
.footer-qrcode{display:flex;column-gap:50px;}
.footer-qrcode__item{width:150px;}
.footer-qrcode__item img{width:100%;}
.footer-copyright{margin-top:40px;background:#151515;text-align:center;padding:15px 0;font-size:12px;color:#777;}
.footer-copyright a{color:#777;}
@media (max-width:1024px){
  .footer-wrap{padding-top:25px;}
  .footer-text{flex:0 0 100%;}
  .footer-qrcode{flex:0 0 100%;margin-top:30px;column-gap:20px;justify-content:center;}
  .footer-qrcode__item{width:120px;}
  .footer-copyright{margin-top:25px}
}
.home-bg{height:100vh;background:no-repeat center center;background-size:cover;position:fixed;inset:0;z-index:0}
.home-content{position:relative;z-index:1}
.home-banner-wrap{background:#fff}
.home-banner{position:relative;margin:0 auto;max-width:1920px}
.home-banner__slide{height:min(700px,52vw)!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)}
.main-title{text-align:center;margin-bottom:min(40px,4vw)}
.main-title span{font-size:min(20px,3.5vw);color:var(--color-main)}
.main-title p{font-size:clamp(20px,3vw,28px);}
.main-title.white span{}
.main-title.white p{color:#fff}
.home-about-wrap{background:#fff}
.home-about{display:grid;grid-template-columns:48% 48%;justify-content:space-between;align-items:center;row-gap:25px;}
.home-about__img img{width:100%;height:100%;object-fit:cover;border-radius:3px;}
.home-about__title strong{text-transform:uppercase;color:#aaa;font-size:22px}
.home-about__title p{color:var(--color-main);font-size:20px;}
.home-about__desc{font-size:16px;line-height:1.9;margin:30px 0;text-align:justify}
.home-about__more{display:flex}
.home-about__more a{font-size:16px;padding:10px 40px;border-radius:20px;border:solid 1px var(--color-main);color:var(--color-main);transition:.3s}
.home-about__more a:hover{background:var(--color-main);color:#fff}
@media (max-width:1024px){
  .home-about__desc{margin:20px 0;}
  .home-about__more{display:none}
}
@media (max-width:768px){
  .home-about__title strong{font-size:18px}
  .home-about{grid-template-columns:100%}
  .home-about__more{display:flex}
  .home-about__img {height:50vw}
  .home-about__title{text-align:center;}
}
.home-partner{position:relative}
.home-partner__item{}
.home-partner__item figure{height:210px;}
.home-partner__item figure img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.home-partner__item article{padding:12px 9px;text-align:center;border-top:solid 1px #eee;margin-top:2px;}
.home-partner .swiper-button-prev,
.home-partner .swiper-button-next{width:50px;height:50px;}
.home-partner .swiper-button-prev{left:-60px}
.home-partner .swiper-button-next{right:-60px}
.home-partner .swiper-button-prev:before,
.home-partner .swiper-button-next:before{content:'';width:100%;height:100%;border:solid 2px var(--color-main);border-radius:9px;opacity:.4;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.home-partner .swiper-button-prev:hover:before,
.home-partner .swiper-button-next:hover:before{opacity:.8}
.home-partner .swiper-button-prev:after,
.home-partner .swiper-button-next:after{font-size:20px;position:relative;z-index:2;color:var(--color-main);}
@media (max-width:1400px){
  .home-partner__item figure{height:18vw;}
}
@media (max-width:1024px){
  .home-partner__item figure{height:22vw;}
  .home-partner .swiper-button-prev,
  .home-partner .swiper-button-next{display:none}
}
@media (max-width:768px){
  .home-partner__item figure{height:35vw;}
  .home-partner .swiper-button-prev{left:15px}
  .home-partner .swiper-button-next{right:15px}
}
.home-news-wrap{background-color:#fff;}
.home-news{display:grid;grid-template-columns:repeat(3,31%);justify-content:space-between;row-gap:50px;}
.home-news__box{transition:box-shadow .3s}
.home-news__box:hover{box-shadow:rgba(17,17,26,.1) 0 2px 8px,rgba(17,17,26,.1) 0 4px 12px,rgba(17,17,26,.1) 0 8px 28px}
.home-news__img{height:190px;}
.home-news__img img{width:100%;height:100%;object-fit:cover}
.home-news__txt{padding:25px 20px;background:#f5f6fb}
.home-news__title{font-size:18px;font-weight:600;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.home-news__date{margin:15px 0;display:block;color:#999}
.home-news__desc{color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media (max-width:1280px){
  .home-news__img{height:15vw;}
}
@media (max-width:1024px){
  .home-news{grid-template-columns:repeat(2,48%)}
  .home-news__img{height:21vw;}
}
@media (max-width:768px){
  .home-news{row-gap:30px;}
}
@media (max-width:512px){
  .home-news{grid-template-columns:100%}
  .home-news__img{height:42vw;}
}
.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:15px;line-height:1.8;margin:20px 0;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}
}
.product-manual{margin:20px 0;padding-top:15px;border-top:solid 1px #eee;display:flex;justify-content:flex-end;align-items:center}
.product-manual a{color:var(--color-main)}
.page-main{padding:var(--padding-page-box) 0 var(--padding-home-box)}
.page-banner{height:min(500px,45vw);background-repeat:no-repeat;background-position:center center;background-size:cover}
.page-about img{width:500px;float:right;margin:0 0 20px 30px}
.page-about p{margin-bottom:25px;line-height:1.9;font-size:18px;text-indent:40px}
@media (max-width:1024px){
  .page-about p{font-size:16px}
}
@media (max-width:768px){
  .page-about p{margin-bottom:15px}
  .page-about img{width:100%;float:none;margin:0 0 20px 0;}
}
.history-pc{width:100%;}
.history-mobile{display:none}
@media (max-width:768px){
  .history-pc{display:none}
  .history-mobile{width:100%;display:block}
}
.page-text{}
.page-text p{margin-bottom:18px;line-height:1.9;font-size:16px}
.page-text img{max-width:100%}
.page-contact{display:grid;grid-template-columns:48% 48%;justify-content:space-between;row-gap:30px;}
.page-contact__txt{}
.page-contact__txt p{margin-bottom:22px;line-height:1.9;font-size:18px}
.page-contact__map{}
.page-contact__map img{width:100%;height:100%;object-fit:cover}
@media (max-width:1024px){
  .page-contact{grid-template-columns:100%}
}
@media (max-width:768px){
  .page-contact__txt p{margin-bottom:18px;font-size:16px} 
}
.message-form{}
.message-form__row{display:flex;justify-content:space-between;gap:20px;margin-top:25px;flex-wrap:wrap;}
.message-form__item{flex-basis:49%;}
.message-form__item.full{flex-basis:100%;}
.message-form__item label{display:block;margin-bottom:10px;}
.message-form__item input{width:100%;padding:10px 15px;border-radius:5px;border:solid 1px #ccc;outline:none;transition:.3s}
.message-form__item input:focus{border-color:var(--color-main)}
.message-form__item textarea{width:100%;height:150px;padding:10px 15px;border-radius:5px;border:solid 1px #ccc;outline:none;transition:.3s}
.message-form__item textarea:focus{border-color:var(--color-main)}
.message-form__row input[type=submit]{padding:10px 35px;border-radius:3px;border:solid 1px var(--color-main);background:var(--color-main);color:#fff;transition:.3s}
.message-form__row input[type=submit]:hover{background:var(--color-main-dark)}
.message-form__row input[type=submit]:disabled{background:#ccc;cursor:not-allowed}
@media (max-width:1024px){
  .message-form__item{flex-basis:100%;}
}
.page-main-grid{margin-top:25px;display:grid;grid-template-columns:240px auto;column-gap:30px}
.page-side__name{padding:20px 0 20px 25px;background:linear-gradient(45deg,var(--color-main-light),var(--color-main-dark));color:#fff;border-radius:0 13px 0 13px}
.page-side__name span{font-size:18px;text-transform:uppercase}
.page-side__name small{opacity:.8;text-transform:uppercase;display:block}
.page-menu{}
.page-menu__group{max-height:45px;overflow:hidden;margin-top:18px;background:#f5f5f5;border-radius:6px;position:relative;transition:.3s}
.page-menu__group a:hover{color:var(--color-main)}
.page-menu__group:empty{background:transparent;margin-top:0;padding:0}
.page-menu__group:last-child{border-bottom:0}
.page-menu__group.cur{background:#eee}
.page-menu__group.cur a{color:var(--color-main)}
.page-menu__row{padding:12px 10px 12px 20px;}
.page-menu__row a{font-size:16px}
.goods-list{display:grid;grid-template-columns:repeat(3,31.2%);justify-content:space-between;row-gap:35px}
.goods-list__box{position:relative;box-shadow:0 0 9px 1px rgba(0,0,0,.05);border:solid 1px #eee;background:#fff;transition:box-shadow .3s,background-color .3s}
.goods-list__box a{position:absolute;inset:0;z-index:1}
.goods-list__img{height:240px;overflow:hidden}
.goods-list__img img{width:100%;height:100%;object-fit:cover;transition:.3s}
.goods-list__img img:hover{transform:scale(1.05);transition:.3s}
.goods-list__txt{padding:20px 10px;text-align:center}
.goods-list__txt span{font-size:16px}
.goods-list__box:hover{box-shadow:0 0 7px 1px rgba(0,0,0,.1);background:#f5f5f5}
@media (max-width:1280px){
  .goods-list__img{height:20vw}
}
@media (max-width:1024px){
  .goods-list{grid-template-columns:repeat(2,48%)}
  .goods-list__img{height:27vw}
}
@media (max-width:768px){
  .page-main-grid{margin-top:0;display:grid;grid-template-columns:100%;column-gap:0;row-gap:25px}
  .page-side__name{display:none}
  .goods-list{row-gap:25px}
  .goods-list__img{height:37vw}
  .goods-list__txt{padding:15px 12px}
  .goods-list__txt span{font-size:15px}
}
@media (max-width:512px){
  .goods-list{grid-template-columns:100%}
  .goods-list__img{height:75vw}
  .goods-list__txt{padding:12px 10px}
}
.process-wrap{padding:20px 0}
.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(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: #f5f5f5;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}
.process-item__desc p{display:flex;align-items:center;margin-bottom:6px}
.process-item__desc p::before{content:'';width:6px;height:6px;border-radius:50%;background-color:#999;margin-right:6px;}

@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}
  .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-row:nth-child(odd) .process-item p{justify-content:flex-start}
  .process-row:nth-child(odd) .process-item p::before{margin-right:06px;margin-left:0;order:-1}
  .process-item__wrap{padding:20px}
  .process-item__date{font-size:19px}
  .process-item__desc{font-size:15px}
}<!--0.00022006034851074-->