:root{
  --color1:#1656ab;
  --color2:#ef7f1b;
}
body{font-family:"Raleway", arial, sans-serif}
.ui-breadcrumb{margin:15px 0}
.ui-pagination{margin:30px 0;justify-content:center}
.container{max-width:1230px}
/*header*/
.header{padding-top:25px;padding-bottom:25px;justify-content:space-between;align-items:center;background:#fff}
.logo img{max-height:55px;backface-visibility:hidden;display:block}
.nav{flex-grow:2;display:flex;justify-content:flex-end;align-items:center}
.nav__item{padding:6px 20px;position:relative}
.nav__item > a{font-size:16px;transition:color .3s}
.nav__item > a:after{content:'';position:absolute;bottom:-4px;left:50%;width:0;height:2px;transform:translateX(-50%);background:#333;transition:width .3s}
.nav__item > a:hover:after,
.nav__item.cur > a:after{width:28px}
.nav__extend{height:0;overflow:hidden;z-index:-10;opacity:0;position:absolute;top:130%;left:0;width:100%;padding:0;border:solid 1px #ddd;border-radius:3px;box-shadow:0 2px 5px 1px rgba(0,0,0,.05);background:#fff;transition:top .3s, opacity .3s}
.nav__extend a{display:block;text-align:center;padding:5px 0}
.nav__extend a:hover{background:#f9f9f9}
.nav__item:hover .nav__extend{height:auto;padding:8px 0;top:100%;z-index:101;opacity:1;transition:top .3s, opacity .3s}
.nav-switch{display:none}
@media (max-width:1200px){
  .nav__item{padding:12px 15px}
}
@media (max-width:1024px){
  .logo img{max-height:36px}
  .nav__item{padding:12px 10px}
  .nav__item > a{font-size:14px}
}
@media (max-width:768px){
  :root{--header-height:58px}
  body:before{content:'';display:block;height:var(--header-height)}
  .header{padding-top:13px;padding-bottom:12px;position:fixed;top:0;right:0;width:100%;border-bottom:solid 1px #eee;z-index:101}
  .logo img{max-height:32px}
  .nav{padding:0 8%;position:fixed;top:var(--header-height);left:0;right:0;height:0;background:#fcfcfc;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 > a{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;top:auto;opacity:1;transition:height .3s}
  .nav__extend{position:static;top:auto;z-index:101;opacity:1;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-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:transparent}
  .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}
}
/*header end*/
/*footer*/
.footer{background:#151515;padding-top:40px;;color:#999}
.footer a{color:#999}
.footer-text{flex:0 0 48%}
.footer-link{padding-bottom:20px;font-size:15px;display:flex}
.footer-link a{margin-right:23px}
.footer-contact{}
.footer-contact li{padding:7px 0}
.footer-contact li:before{content:'';font-family:iconfont;font-size:16px;color:#aaa;margin-right:12px}
.footer-contact li:nth-child(1):before{content:'\e636'}
.footer-contact li:nth-child(2):before{content:'\e620'}
.footer-contact li:nth-child(3):before{content:'\e689'}
.footer-contact li:nth-child(4):before{content:'\e637'}
.footer-qrcode{margin-top:20px}
.footer-qrcode__item{text-align:center;margin-left:20px}
.footer-qrcode__item img{display:block;width:100px;margin-bottom:9px}
.footer-qrcode__item span{}
.copyright{background:#111;margin-top:18px;border-top:solid 1px #333;padding:10px 0;text-align:center;color:#999;font-size:12px}
.copyright a{color:#999}
@media (max-width:768px){
  .footer{padding-top:25px;padding-bottom:15px}
  .footer-text{flex:0 0 100%}
  .footer-link{justify-content:space-between}
  .footer-link a{margin-right:0}
  .footer-qrcode{flex-basis:100%;justify-content:center}
  .footer-qrcode__item{margin:0 10px}
  .footer-text .link{word-spacing:5px;font-size:14px}
}
@media (max-width:512px){
  .footer{padding-bottom:10px}
  .footer-contact li{padding:8px 0}
  .footer-text{padding-bottom:10px}
  .footer-link{padding-bottom:10px;font-size:12px}
  .footer-qrcode__item img{width:19vw}
  .copyright{margin-top:5px}
}
/*footer end*/
.fab-instagram {background: linear-gradient(135deg, #ffb347 0%, #f56040 45%, #c13584 100%);}
.fab-whatsapp::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 2C6.49 2 2 6.27 2 11.53c0 1.86.56 3.67 1.62 5.24L2.5 22l5.42-1.07c1.5.79 3.2 1.2 4.08 1.2 5.51 0 10-4.27 10-9.53S17.51 2 12 2Zm0 18.13c-1.48 0-2.93-.41-4.19-1.18l-.3-.18-3.22.64.68-3.05-.2-.31A7.6 7.6 0 0 1 4 11.53C4 7.37 7.59 4 12 4s8 3.37 8 7.53-3.59 7.6-8 7.6Zm4.39-5.7c-.24-.12-1.39-.67-1.61-.74-.22-.08-.38-.12-.54.12-.16.24-.62.74-.76.89-.14.16-.28.18-.52.06-.24-.11-1.01-.36-1.92-1.16-.71-.61-1.19-1.36-1.33-1.59-.14-.24-.02-.36.1-.48.11-.11.24-.28.36-.42.12-.14.16-.24.24-.4.08-.16.04-.3-.02-.42-.06-.12-.54-1.28-.74-1.76-.2-.46-.4-.4-.54-.4h-.46c-.16 0-.42.06-.64.3-.22.24-.84.82-.84 2 0 1.18.88 2.32 1 2.48.12.16 1.72 2.72 4.25 3.7.6.25 1.08.4 1.45.5.61.16 1.16.14 1.59.08.48-.07 1.39-.56 1.59-1.11.2-.55.2-1.02.14-1.12-.06-.1-.22-.16-.46-.28Z'/%3E%3C/svg%3E");}
.fab-email::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3 5h18a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1Zm16.2 2H4.8L12 12.4 19.2 7ZM4 17h16V8.25l-7.42 5.56a1 1 0 0 1-1.16 0L4 8.25V17Z'/%3E%3C/svg%3E");}
.fab-wechat::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9.16 5C5.2 5 2 7.54 2 10.67c0 1.8 1.08 3.39 2.75 4.43L4 18.3l3.24-1.62c.61.1 1.22.16 1.84.16.18 0 .35 0 .53-.02-.29-.63-.45-1.31-.45-2.03 0-2.73 2.41-4.95 5.38-4.95.28 0 .55.02.81.06C14.68 7.03 12.18 5 9.16 5Zm-2.6 4.15c-.37 0-.67-.28-.67-.63 0-.35.3-.64.67-.64s.67.29.67.64c0 .35-.3.63-.67.63Zm5.2 0c-.37 0-.67-.28-.67-.63 0-.35.3-.64.67-.64s.67.29.67.64c0 .35-.3.63-.67.63Zm5.08 1.77c-2.85 0-5.16 1.87-5.16 4.18 0 2.31 2.31 4.18 5.16 4.18.57 0 1.12-.08 1.63-.24L21 20l-.72-2.03c1.09-.73 1.72-1.82 1.72-3.05 0-2.31-2.31-4.18-5.16-4.18Zm-1.72 3.5c-.29 0-.52-.22-.52-.5s.23-.5.52-.5.52.22.52.5-.23.5-.52.5Zm3.44 0c-.29 0-.52-.22-.52-.5s.23-.5.52-.5.52.22.52.5-.23.5-.52.5Z'/%3E%3C/svg%3E");}
.fab-facebook::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M13.5 22v-8.2h2.77l.42-3.2H13.5V8.56c0-.93.27-1.56 1.65-1.56h1.76V4.14c-.3-.04-1.35-.14-2.56-.14-2.54 0-4.27 1.5-4.27 4.24v2.36H7.2v3.2h2.88V22h3.42Z'/%3E%3C/svg%3E");}
.fab-instagram::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7Zm5 3.5A4.5 4.5 0 1 1 7.5 12 4.5 4.5 0 0 1 12 7.5Zm0 2A2.5 2.5 0 1 0 14.5 12 2.5 2.5 0 0 0 12 9.5Zm4.75-3.25a1.25 1.25 0 1 1-1.25 1.25 1.25 1.25 0 0 1 1.25-1.25Z'/%3E%3C/svg%3E");}
.floating-actions{position:fixed;right:24px;bottom:24px;z-index:980;display:flex;flex-direction:column;gap:12px;}
.fab-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border:none;border-radius:50%;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,0.18);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;}
.fab-button:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,0,0,0.22);}
.fab-button::before{content:"";width:26px;height:26px;background-repeat:no-repeat;background-position:center;background-size:contain;}
.fab-button:focus-visible{outline:3px solid rgba(255,255,255,0.9);outline-offset:2px;}
.fab-whatsapp{background:#25d366;}
.fab-email{background:#1f7ae0;}
.fab-wechat{background:#07c160;}
.fab-facebook{background:#1877f2;}
.wechat-modal{position:fixed;inset:0;z-index:990;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,0.56);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;}
.wechat-modal.is-open{opacity:1;visibility:visible;}
.wechat-modal__dialog{position:relative;width:min(320px,100%);padding:20px;border-radius:18px;background:#fff;text-align:center;box-shadow:0 18px 40px rgba(0,0,0,0.2);}
.wechat-modal__close{position:absolute;top:10px;right:10px;width:36px;height:36px;border:none;border-radius:50%;background:#f3f4f6;font-size:24px;line-height:1;cursor:pointer;}
.wechat-modal__title{margin:8px 0 16px;font-size:20px;color:#222;}
.wechat-modal__image{display:block;width:220px;max-width:100%;margin:0 auto 12px;border-radius:12px;}
.wechat-modal__text{margin:0;font-size:14px;color:#666;}
@media (max-width:767px){
.floating-actions{right:16px;bottom:16px;gap:10px;}
.fab-button{width:52px;height:52px;}
.fab-button::before{width:24px;height:24px;}
}
/*banner*/
.home-banner{position:relative}
.home-banner .swiper-slide{height:600px;background-repeat:no-repeat;background-position:center 0;background-size:cover}
.page-banner{height:400px;background-repeat:no-repeat;background-position:center 0;background-size:cover}
@media (max-width:1280px){
  .home-banner .swiper-slide{height:43vw}
}
@media (max-width:512px){
  .page-banner{height:39vw}
}
/*banner end*/
/*home*/
.home-box{padding-top:80px;padding-bottom:60px}
@media (max-width:1200px){
  .home-box{padding-top:60px;padding-bottom:50px}
}
@media (max-width:1024px){
  .home-box{padding-top:50px;padding-bottom:40px}
}
@media (max-width:768px){
  .home-box{padding-top:40px;padding-bottom:30px}
}
@media (max-width:512px){
  .home-box{padding-top:25px;padding-bottom:25px}
}
.main-more{text-align:center;margin-top:35px}
.main-more a{display:inline-block;background:#1181ef;color:#fff;padding:9px 20px 9px 25px;border-radius:18px;transition:background-color .3s}
.main-more a:hover{background:#0971d9}
.main-more a:after{content:'\e649';font-family:iconfont;margin-left:5px}
@media (max-width:768px){
  .main-more{margin-top:25px}
}
@media (max-width:512px){
  .main-more{margin-top:20px}
  .main-more a{font-size:12px}
}
.main-title{text-align:center;position:relative;padding-bottom:25px;margin-bottom:35px}
.main-title p{font-size:30px;letter-spacing:2px;text-transform:uppercase;font-weight:600}
.main-title span{color:var(--color1)}
.main-title:before{content:'';bottom:1px;left:50%;margin-left:-75px;width:150px;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(--color1)}
@media (max-width:1280px){
  .main-title strong{font-size:25px}
}
@media (max-width:768px){
  .main-title{padding-bottom:22px}
  .main-title p{font-size:22px}
}
@media (max-width:512px){
  .main-title p{font-size:20px}
  .main-title:before{margin-left:-60px;width:120px}
  .main-title:after{margin-left:-15px;width:30px}
}
.product-list{}
.product__item{flex:0 0 31%;margin-bottom:25px;box-shadow:var(--ui-shadow);background:#f0f0f0;position:relative}
.product__item a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.product__item figure{height:330px}
.product__item figure img{width:100%;height:100%;object-fit:cover}
.product__item article{padding:20px;text-align:center}
.product__item span{font-size:18px;font-weight:600}
.product__item p{font-size:12px;margin-top:9px;color:var(--color1);text-transform:uppercase}
.product__item p:after{content:'\e842';font-family:iconfont;font-size:16px;vertical-align:-1px;margin-left:9px}
.product__item:hover article{background:var(--color1);color:#fff}
.product__item:hover p{color:#ccc}
@media (max-width:1280px){
  .product__item figure{height:26vw}
}
@media (max-width:768px){
  .product__item{flex:0 0 48.5%}
  .product__item figure{height:45vw}
  .product__item span{font-size:16px}
}
@media (max-width:512px){
  .product__item{flex:0 0 100%}
  .product__item figure{height:80vw}
}
.home-about{background:url("../images/home-about.jpg") no-repeat center 0;background-size:cover;position:relative}
.home-about:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--color1);opacity:.8}
.home-about .flex-wrap{position:relative;z-index:2}
.home-about__title{position:relative;padding-bottom:30px;color:#fff}
.home-about__title strong{font-size:32px}
.home-about__title small{font-size:20px}
.home-about__title:after{content:'';position:absolute;bottom:10px;left:0;width:60px;height:3px;background:#fff}
.home-about__text{flex:0 0 48%;margin-top:18px;position:relative;z-index:2}
.home-about__text article{font-size:15px;margin:30px 0;color:#fff;line-height:2;opacity:.9}
.home-about__text .more{display:inline-block;border:solid 1px #fff;border-radius:4px;padding:6px 50px;color:#fff;font-size:12px;transition:.3s}
.home-about__text .more:hover{background:#fff;color:#3766c8}
.home-about__photo{flex:0 0 48%;height:365px;position:relative;z-index:2}
.home-about__photo img{width:100%;height:100%;object-fit:cover}
.home-about__photo:before,
.home-about__photo:after{content:'';position:absolute;width:50px;height:50px;border:solid 1px #fff;opacity:.5}
.home-about__photo:before{top:12px;right:12px;border-bottom:0;border-left:0}
.home-about__photo:after{bottom:12px;left:12px;;border-top:0;border-right:0}
@media (max-width:1200px){
  .home-about__text article{font-size:14px;margin:20px 0}
}
@media (max-width:1024px){
  .home-about__photo{flex:0 0 100%;height:25vw}
  .home-about__photo img{border-radius:5px}
  .home-about__text{flex:0 0 100%;order:2}
  .home-about__title strong{font-size:25px}
  .home-about__title small{font-size:16px}
}
@media (max-width:512px){
  .home-about__photo{height:25vw}
  .home-about__title{padding-bottom:20px;color:#fff}
  .home-about__title strong{font-size:18px}
  .home-about__title small{font-size:12px}
  .home-about__title:after{height:2px;width:70px}
  .home-about__text article{font-size:12px;margin:10px 0 20px}
  .home-about__text .more{padding:4px 30px}
}
.home-news{}
.home-news__row{margin-bottom:20px;padding-bottom:20px;border-bottom:dashed 1px #eee;display:flex;justify-content:space-between;align-items:center}
.home-news__date{flex:0 0 120px;height:110px;background:#f9f9f9;padding:30px 20px;color:#888;text-align:center}
.home-news__date small{font-size:15px}
.home-news__date span{display:block;font-size:32px;line-height:1}
.home-news__txt{flex:1;margin:0 20px}
.home-news__name{padding-bottom:20px;margin-bottom:20px;position:relative}
.home-news__name:after{content:'';width:50px;height:2px;background:var(--color1);position:absolute;bottom:0;left:0}
.home-news__name a{font-size:20px;font-weight:600}
.home-news__name a:hover{color:var(--color1)}
.home-news__desc{line-height:1.7}
.home-news__img{flex:0 0 200px;height:140px}
.home-news__img img{width:100%;height:100%;object-fit:cover}
@media (max-width:1024px){
  .home-news__date{display:none}
}
@media (max-width:768px){
  .home-news__txt{flex:1;margin:0}
  .home-news__img{display:none}
}
@media (max-width:512px){
  .home-news__name{padding-bottom:15px;margin-bottom:15px}
  .home-news__name a{font-size:18px}
}
/*page*/
.page-nav{background:#f5f5f5}
.page-nav .container{align-items:center}
.page-sort{display:flex}
.page-sort a{padding:22px;border-left:solid 1px #ddd}
.page-sort a:hover{background:#eee}
.page-sort a.cur{background:var(--color1);color:#fff}
@media (max-width:1024px){
  .page-sort a{padding:20px 15px}
}
@media (max-width:768px){
  .page-sort + .ui-breadcrumb{display:none}
}
@media (max-width:512px){
  .page-sort a{padding:12px}
}
.page-main{margin-bottom:40px}
.page-main.product{margin-top:25px}
.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:30px}
.page-title small{display:block;color:#999;font-size:16px;margin-top:9px;text-transform:uppercase}
@media (max-width:1024px){
  .page-title{text-align:center;position:relative;margin:30px 0 20px;padding-bottom:13px}
  .page-title span{font-size:23px}
  .page-title small{font-size:14px}
}
@media (max-width:512px){
  .page-title span{font-size:18px}
  .page-title small{font-size:12px;margin-top:5px}
}
.page-text p{font-size:15px;line-height:2;margin-bottom:12px}
.page-text img{max-width:100%}
.contact-page{padding:60px 0;background:url("/static/images/map-bg.png") no-repeat 0 center}
.contact-page .flex-wrap-between{flex-direction:row-reverse}
.contact-info{flex:0 0 45%;padding-top:80px;display:flex;flex-wrap:wrap}
.contact-info__item{flex:0 0 49%;text-align:center;margin-bottom:40px}
.contact-info__item span{display:block;font-size:22px;font-family:'Poppins', sans-serif;font-weight:600;color:#3a3a3a;margin-top:12px}
.contact-info__item p{color:#5f5f5f;font-size:16px;line-height:25px;margin:10px 0 0 0}
.contact-info__item:before{content:'';font-family:iconfont;color:var(--main-color);font-size:20px;display:block;text-align:center}
.contact-info__item.address:before{content:'\e636'}
.contact-info__item.phone:before{content:'\e633'}
.contact-info__item.email:before{content:'\e620'}
.contact-info__item.hours:before{content:'\e62d'}
.feedback{flex:0 0 50%;padding:50px;box-shadow:0 6px 35px rgb(0 0 0 / 7%);background:#fff}
.feedback-title{margin-bottom:25px}
.feedback-title strong{font-size:34px;font-weight:600;font-family:'Poppins', sans-serif;line-height:50px;color:#3a3a3a}
.feedback-title p{font-size:16px;line-height:26px}
.feedback .ui-form-row{flex-wrap:wrap;justify-content:space-between}
.feedback .ui-input{flex:0 0 32%;width:32%;height:42px}
.feedback .ui-textarea{flex:0 0 100%;height:200px}
.feedback .submit{}
@media (max-width:1280px){
  .contact-page{padding:40px 0}
  .contact-info{flex:0 0 100%;padding-top:0}
  .contact-info__item span{font-size:18px}
  .contact-info__item p{font-size:14px}
  .feedback{flex:0 0 100%;padding:50px}
  .feedback-title strong{font-size:30px}
}
@media (max-width:768px){
  .contact-page{padding:30px 0}
  .feedback{padding:30px}
  .feedback-title{margin-bottom:15px}
  .feedback-title strong{font-size:25px}
  .feedback-title p{font-size:14px}
}
@media (max-width:512px){
  .contact-page{padding:20px 0}
  .feedback{padding:20px}
  .feedback-title strong{font-size:20px}
  .contact-info__item{flex:0 0 100%;margin-bottom:25px;position:relative;text-align:left}
  .contact-info__item:before{position:absolute;left:0;top:4px;font-size:17px}
  .contact-info__item span{margin-top:0;padding-left:25px;font-size:16px}
  .feedback-title{margin-bottom:5px}
  .feedback .ui-input{flex:0 0 100%;width:100%;margin-top:15px}
  .feedback .ui-btn{width:100%}
}
/*page end*/
/*article*/
.news-row{margin-bottom:25px;padding-bottom:25px;border-bottom:dashed 1px #ddd;display:grid;grid-template-columns:210px auto 110px;column-gap:20px}
.news-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.news-row__img{height:130px}
.news-row__img img{width:100%;height:100%;object-fit:cover;border-radius:3px}
.news-row__txt{}
.news-row__title{font-size:18px;transition:color .3s;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-row__title:hover{color:var(--color1)}
.news-row__desc{margin:13px 0;line-height:1.7;color:#777;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news-row__more{display:block;border:solid 1px #ddd;border-radius:8px;width:90px;line-height:26px;text-align:center;font-size:12px;transition:.3s}
.news-row__more:hover{background:var(--color1);color:#fff;border-color:var(--color1)}
.news-row__date{border:solid 1px #ddd;padding:12px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center;;color:#777;border-radius:3px}
.news-row__date dt{font-size:35px;flex:0 0 100%}
@media (max-width:1024px){
  .news-row{grid-template-columns:210px auto}
  .news-row__date{display:none}
}
@media (max-width:768px){
  .news-row{grid-template-columns:25% 72%;column-gap:3%}
  .news-row__img{height:120px}
  .news-row__title{font-size:16px}
  .news-row__desc{margin:11px 0}
}
.article-h1{margin:30px 0 22px;text-align:center}
.article-meta{font-size:12px;text-align:right;padding:5px;background:#fbfbfb;margin:22px 0;color:#777}
.article-detail p{font-size:16px;line-height:1.8;margin-bottom:12px}
.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{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 h1{margin-top:20px;font-size:17px}
  .article-detail .neighbor div{flex:0 0 100%;margin-bottom:9px}
}
/*article end*/
/*job*/
.job-list{}
.job-list__item{flex:0 0 49%;padding:22px;margin-bottom:30px;background:#fdfdfd;border:solid 1px #ddd;border-radius:9px}
.job-list__title{font-size:20px}
.job-list__title a:hover{color:#00afef}
.job-list__param{display:flex;flex-wrap:wrap}
.job-list__attr{flex:0 0 50%;display:flex;margin-top:15px;color:#888}
.job-list__attr label{flex:0 0 75px}
.job-list__desc{color:#666;line-height:20px}
.job-detail__title{font-size:20px;font-weight:600;margin-bottom:20px}
.job-detail__title small{color:#777;font-size:14px}
.job-detail__attr{margin-bottom:15px}
.job-detail-name{margin:30px 0 15px;color:#888}
.job-detail-desc{line-height:1.8;margin-bottom:30px}
.job-detail-desc p{margin-bottom:18px}
.job-detail-desc img{max-width:100%}
@media (max-width:1200px){
  .job-list__item{flex:0 0 100%}
}
@media (max-width:512px){
  .job-list__item{padding:15px;margin-bottom:20px}
  .job-list__title{font-size:15px}
  .job-list__attr{flex:0 0 100%}
  .job-detail__title{font-size:16px;margin-bottom:20px}
}
/*job end*/
/*case*/
.image-list{margin-bottom:20px}
.image-list__item{flex:0 0 18.6%;margin-bottom:25px}
.image-list__item:empty{margin-bottom:0}
.image-list__item figure{height:210px;overflow:hidden;box-shadow:0 0 13px rgba(0,0,0,.1)}
.image-list__item figure img{width:100%;height:100%;object-fit:cover;transition:.3s}
.image-list__item figure img:hover{transform:scale(1.1)}
.image-list__item article{padding-top:12px;text-align:center}
@media (max-width:1600px){
  .image-list__item figure{height:14vw}
}
@media (max-width:1280px){
  .image-list__item{flex:0 0 24%}
  .image-list__item figure{height:18vw}
}
@media (max-width:768px){
  .image-list__item{flex:0 0 32%;margin-bottom:20px}
  .image-list__item figure{height:23vw}
}
@media (max-width:512px){
  .image-list__item{flex:0 0 48%}
  .image-list__item figure{height:35vw}
}
.goods-info{margin-top:30px;display:grid;grid-template-columns:40% 56%;column-gap:4%}
.goods-info__photo{flex:0 0 40%;height:420px;border:solid 1px #ddd;display:flex;justify-content:center;align-items:center;padding:12px}
.goods-info__photo img{max-width:100%;max-height:100%}
.goods-info__info{flex:0 0 56%}
.goods-info__title{border-bottom:solid 1px #eee;padding-bottom:22px;margin-bottom:22px;font-weight:600}
.goods-info__param{margin-top:25px;padding-bottom:25px;border-bottom:dashed 1px #eee;color:#777}
.goods-info__param img{vertical-align:-8px}
.goods-info__btn{margin-top:30px;display:flex}
.goods-info__btn a{background:var(--color1);color:#fff;padding:9px 30px;border-radius:3px}
.goods-detail-title{padding:0 0 12px 18px;margin:32px 0 20px;border-bottom:solid 1px #eee;display:flex;justify-content:space-between;position:relative}
.goods-detail-title:before{content:'';position:absolute;top:3px;left:0;width:5px;height:16px;background:var(--color1)}
.goods-detail-title span{font-size:18px}
.goods-detail{font-size:15px}
.goods-detail p{margin-bottom:12px;line-height:1.8}
.goods-detail img{max-width:100%}
@media (max-width:1024px){
  .goods-info__photo{height:360px}
}
@media (max-width:768px){
  .goods-info{margin-top:10px;grid-template-columns:100%;column-gap:0;row-gap:20px}
  .goods-info__photo{height:60vw;padding:6px}
  .goods-info__info h1{padding-bottom:15px;margin-bottom:15px;font-size:15px}
  .goods-info__info dd{margin-top:15px;padding-bottom:15px}
  .goods-info__btn{margin-top:20px}
  .goods-info__btn a{padding:7px 22px}
}
.honor-list{}
.honor-list__item{flex:0 0 19%;margin-bottom:20px}
.honor-list__item:empty{margin-bottom:0}
.honor-list__item figure{height:200px;display:flex;justify-content:center;align-items:center;border:solid 1px #ddd;padding:5px}
.honor-list__item figure img{max-width:100%;max-height:100%}
.honor-list__item article{text-align:center;padding-top:10px}
@media (max-width:1500px){
  .honor-list__item figure{height:14vw}
}
@media (max-width:1024px){
  .honor-list__item{flex:0 0 24%}
  .honor-list__item figure{height:17vw}
}
@media (max-width:768px){
  .honor-list__item{flex:0 0 32%}
  .honor-list__item figure{height:25vw}
}
/*honor end*/
/*partner*/
.partner-list{}
.partner-list__item{flex:0 0 16%;margin-bottom:20px}
.partner-list__item:empty{margin-bottom:0}
.partner-list__item figure{height:150px;display:flex;justify-content:center;align-items:center;border:solid 1px #ddd;padding:5px;overflow:hidden}
.partner-list__item figure img{max-width:100%;max-height:100%;transition:.3s}
.partner-list__item figure img:hover{transform:scale(1.05)}
.partner-list__item article{text-align:center;padding-top:10px}
@media (max-width:1500px){
  .partner-list__item figure{height:10vw}
}
@media (max-width:1024px){
  .partner-list__item{flex:0 0 24%}
  .partner-list__item figure{height:14vw}
}
@media (max-width:768px){
  .partner-list__item{flex:0 0 32%}
  .partner-list__item figure{height:23vw}
}
/*partner end*/
.page-side{flex:0 0 260px;width:260px}
.page-content{flex:0 0 calc(100% - 290px);width:calc(100% - 290px)}
.page-content__name{font-size:18px;border-bottom:solid 1px #eee;margin-bottom:20px;padding-bottom:12px;font-weight:600}
.page-content__name2{padding:16px;background:#f9f9f9;border-bottom:solid 1px #ddd;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}
.page-content__name2 span{font-size:17px;font-weight:600}
.page-content__name2 button{background:var(--color1);color:#fff;padding:3px 12px;border-radius:3px;font-size:12px}
.page-side__name{padding:20px 0 20px 25px;background:linear-gradient(45deg,var(--color1), #176bd3);color:#fff;border-radius:0 13px 0 13px}
.page-side__name span{font-size:21px;font-weight:600;text-transform:uppercase}
.page-side__name small{opacity:.8;text-transform:uppercase;display:block}
.side-menu{padding:12px 0}
.side-menu__group{overflow:hidden;margin-bottom:10px;background:#f9f9f9;border-radius:6px;position:relative;transition:.3s}
.side-menu__group.current{}
.side-menu__group a:hover{color:var(--color2)}
.side-menu__group:empty{background:transparent;margin-bottom:0;padding:0}
.side-menu__group:last-child{border-bottom:0}
.side-menu__row{padding:10px 10px 10px 20px}
.side-menu__row.cur a{color:var(--color1)}
.side-menu__parent{padding:10px 10px 5px 20px;position:relative;cursor:pointer}
.side-menu__parent:after{content:'\e83a';font-family:iconfont;position:absolute;top:13px;right:15px;font-size:12px}
.side-menu__parent a{font-size:15px;color:#000}
.side-menu__group.cur{background:#eee}
.side-menu__extend{padding:0 28px 10px}
.side-menu__extend a{display:block;padding:7px 0;color:#666}
.side-menu__extend a:last-child{padding-bottom:3px}
.side-menu-switch{display:none}
.product-list{}
.product__box{flex:0 0 31.5%;margin-bottom:20px;position:relative;box-shadow:var(--ui-shadow);background:#f0f0f0}
.product__box:empty{margin-bottom:0;background:transparent;box-shadow:none}
.product__box:hover{box-shadow:0 0 7px 1px rgba(0,0,0,.1)}
.product__box a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.product__box figure{height:260px;overflow:hidden}
.product__box figure img{width:100%;height:100%;object-fit:cover;transition:.3s}
.product__box figure img:hover{transform:scale(1.05);transition:.3s}
.product__box article{padding:12px;text-align:center}
.product__box span{font-size:18px;font-weight:600}
.product__box p{font-size:12px;margin-top:9px;color:var(--color1);text-transform:uppercase}
.product__box p:after{content:'\e842';font-family:iconfont;font-size:16px;vertical-align:-1px;margin-left:9px}
.product__box:hover article{background:var(--color1);color:#fff}
.product__box:hover p{color:#ccc}
@media (max-width:1280px){
  .product__box{flex:0 0 32%}
  .product__box figure{height:21vw}
}
@media (max-width:768px){
  .page-side,
  .page-content{flex:0 0 100%;width:100%}
  .page-content__name2{padding:12px}
  .page-content__name2 span{font-size:15px}
  .product__box{flex:0 0 31%}
  .product__box figure{height:26vw}
  .page-side__name{display:none}
  .side-menu{position:fixed;z-index:-10;;opacity:0;top:30%;max-height:300px;right:5%;left:5%;background:#fff;padding:20px;border-radius:15px;box-shadow:0 0 10px 1px rgba(0,0,0,.1);overflow:auto}
  .side-menu[is-open]{z-index:921;opacity:1}
  .side-menu-switch{display:block}
}
@media (max-width:512px){
  .product__box{flex:0 0 48%}
  .product__box figure{height:41vw}
}
.news-list{margin-top:50px}
.news-list__item{flex:0 0 47%;width:47%;padding:16px;margin-bottom:50px;background:#f9f9f9}
.news-list__item:hover{box-shadow:3px 3px 6px 1px rgba(0,0,0,.1)}
.news-list__title{font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-list__title a:hover{color:var(--color1)}
.news-list__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}
.news-list__date{font-size:12px;color:#888}
.news-list__date:before{content:'\e71d';font-size:14px;font-family:iconfont;vertical-align:-1px;margin-right:5px}
@media (max-width:1024px){margin-right:5px;
  .news-list__item{flex:0 0 100%;width:100%;margin-bottom:25px}
}
@media (max-width:512px){
  .news-list__item{padding:12px;margin-bottom:20px}
  .news-list__title{font-size:16px}
}