@charset "utf-8";
/* title */
.page-title {padding-bottom: 20px;}
.page-title h1,
.page-title h2,
.page-title h3 {position: relative; line-height: 1.4; font-size: 36px; color: #333;}
.page-title h1 span,
.page-title h2 span,
.page-title h3 span{display: block;}
.page-title p {position: relative; margin-bottom: 10px;font-size: 18px;line-height: 1.6; color: var(--default);  text-transform: uppercase;}
.page-title-white h1,
.page-title-white h2,
.page-title-white h3,
.page-title-white p {color: #fff;}
.page-title-center{text-align: center;}

@media (max-width:1200px) {
    .page-title h1,
.page-title h2,
.page-title h3 { font-size: 28px;}
}

@media (max-width:768px) {
    .page-title h1,
.page-title h2,
.page-title h3 { font-size: 24px;}
}

@media (max-width:640px) {
    .page-title h1,
.page-title h2,
.page-title h3 { font-size: 20px;}

    .page-title p { margin-bottom: 0;font-size: 16px; }
}

/*  */
.page-breadcrumb{padding:22px 0;line-height:30px;display:flex;align-items:center;flex-wrap:wrap;overflow:hidden;}
.page-breadcrumb b{display: inline-block; margin: 0 7px; width: 6px; height: 6px; border-top: 1px solid #777; border-right: 1px solid #777; transform: rotate(45deg);}
.page-breadcrumb a,
.page-breadcrumb span{margin: 5px 0; color:#777; white-space: nowrap;}
.page-breadcrumb span{color: var(--default);}
@media(max-width:768px){
    .page-breadcrumb{padding: 10px 0; height: auto;}
}
/*
*
----------------------------------  about
*
*/
.about-banner{position: relative; overflow: hidden;}
.about-banner picture{display: block;}
.about-banner picture img{width: 100%;}
.about-banner-desc{position: absolute; top: 0;left: 0; width: 100%; height: 100%; padding-left: 160px; display: flex; align-items: center; }
.about-banner-desc h4,
.about-banner-desc .eyebrow{ font-size: 18px; color: #fff; text-transform: uppercase;}
.about-banner-desc h1,
.about-banner-desc h3{ margin: 15px 0 30px; font-size: 40px; color: #fff;}
.about-banner-desc p{ max-width: 450px; line-height: 1.4; font-size: 20px; color: #fff;}
.about-banner-desc a{ position: relative; z-index: 1; margin-top: 50px; display: inline-block; padding: 0 50px; line-height: 50px; font-size: 18px; border: 1px solid #fff; color: #fff;}
.about-banner-desc a::after {position: absolute;top: 0;left: 0; content: ''; width: 0; height: 100%; background: rgba(255, 255, 255, 0.2); z-index: -1; backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); transition: .3s;}
.about-banner-desc a:hover::after{width: 100%;}
@media (max-width:1600px) {
    .about-banner-desc {padding-left: 100px;}
}

@media (max-width:1440px) {
    .about-banner-desc {padding-left: 60px;}
}

@media (max-width:1200px) {
    .about-banner-desc {padding-left: 30px;}
    .about-banner-desc h4{ font-size: 16px; color: #fff;}
    .about-banner-desc h1,
.about-banner-desc h3{ margin: 15px 0 30px; font-size: 32px;}
    .about-banner-desc p{ font-size: 18px;}
    .about-banner-desc a{ margin-top: 30px; padding: 0 30px; line-height: 40px; font-size: 16px; }

}

@media (max-width:768px) {
    .about-banner-desc {padding-left: 15px;}
    .about-banner-desc h4{ font-size: 16px;}
    .about-banner-desc h1,
.about-banner-desc h3{ margin: 15px 0 ; font-size: 24px;}
    .about-banner-desc p{ max-width: 450px; line-height: 1.4; font-size: 14px;}
    .about-banner-desc a{ margin-top: 20px; padding: 0 20px; line-height: 40px; font-size: 14px; }
}

/*  */
.about-desc-infos{width: 58.4%;background-image: url(../images/about/desc-bg.webp); background-repeat: no-repeat; background-position: left bottom ;}
.about-desc-infos .page-breadcrumb{padding-bottom:90px;}

.about-desc-poster{width: 41.6%;background-image: url(../images/about/desc-poter.webp);}
.about-desc-content{padding:50px 0 150px; line-height:1.85; font-size:17px;}
.about-desc-content div{position: relative; margin: 30px 0; padding: 20px 80px; border: 1px solid #B4B4B4;}
.about-desc-content div span{position: absolute; top: -3px; left: 50px; font-size: 64px; color: var(--default);}
.about-desc-content div h3{font-weight: bold; color: #333;}

@media (max-width:1200px) {
    .about-desc-infos{width: 100%;}
    .about-desc-infos .page-breadcrumb{padding-bottom:70px;}
    .about-desc-poster{display: none;}
}

@media (max-width:768px) {
    .about-desc-infos .page-breadcrumb{padding-bottom:34px;}
    .about-desc-content{padding:18px 0 92px;line-height:1.85;font-size:16px;}
    .about-desc-content div{ margin: 20px 0; padding: 20px 40px; }
    .about-desc-content div span{ left: 12px; }
}

@media (max-width: 640px) {
    .about-desc-content{padding:0 0 58px;font-size:15px;}
    .about-desc-content div span{  top: -8px; }
}

/*  */
.about-special-bg{padding:clamp(88px,7vw,120px) 0 clamp(250px,24vw,340px); background-image:url(../images/about/special-bg.webp);}
.about-special-content{flex:1; margin-left:90px; padding-left:90px; border-left:1px solid #fff;}
.about-special-content > p{line-height: 1.6; font-size: 18px; color: #fff;}
.about-special-content ul{margin-top:54px; justify-content:space-between;}
.about-special-content ul li{text-align: center;}
.about-special-content ul li h3{ margin-top: 15px; font-size: 24px; color: #fff;}

@media (max-width:1200px) {
    .about-special-content{margin-left:64px;padding-left:64px;}
    .about-special-bg{padding:96px 0 220px;}
}

@media (max-width:960px) {
    .about-special-bg{padding:80px 0 190px;}
    .about-special{flex-direction: column;}
    .about-special-content{ width: 100%; margin-left: 0; padding-left: 0; border: none;  }
    .about-special-bg{padding:80px 0 176px;}
}

@media (max-width: 768px) {
    .about-special{flex-direction: column;}
    .about-special-content{ width: 100%; margin-left: 0; padding-left: 0; border: none;  }
    .about-special-content > p{ font-size: 16px;}
    .about-special-bg{padding:56px 0 120px;}
    .about-special-content ul{ margin-top: 40px; }
    .about-special-content ul li img{width: 60px;}
    .about-special-content ul li h3{ font-size: 18px; color:}
}

@media (max-width: 640px) {
    .about-special-content > p{font-size:15px;}
}

/*  */
.about-advant-bg{ position: relative; background-image: url(../images/about/advant-bg.webp);}

.about-advant-infos{width:54%; padding:92px 0 108px;}
.about-advant-content{margin-top:28px;}
.about-advant-content ul li{align-items: flex-start; padding: 20px 0;}
.about-advant-content ul li img{width: 45px;}
.about-advant-content ul li div{flex: 1; padding-left: 15px;}
.about-advant-content ul li div h3{font-size: 24px; line-height: 1.8;}
.about-advant-content ul li div p{ margin-top: 15px; line-height: 1.6; font-size: 18px; color: #666;}

.about-advant-poster{position:relative; width:46%;}
.about-advant-poster img{position: absolute; bottom: 0; left: 0; width: 100%;}

@media (max-width:1600px) {
    .about-advant-infos{width:54%;padding:82px 0 72px;}
    .about-advant-content ul li{align-items: flex-start; padding: 10px 0;}
}

@media (max-width:1200px) {
    .about-advant-infos{width:54%;padding:58px 0;}
    .about-advant-content{margin-top: 20px;}
    .about-advant-content ul li{align-items: flex-start; padding: 10px 0;}
    .about-advant-content ul li div h3{font-size:20px;line-height:1.6;}
    .about-advant-content ul li div p{margin-top:7px;line-height:1.65;font-size:16px;}
}

@media (max-width:1000px) {
    .about-advant-infos{width: 100%; }
    .about-advant-poster{ position: absolute; bottom: 0; right: 0; z-index: -1; width: 49%; }
}

@media (max-width:640px) {
    .about-advant-content ul li div p{font-size:15px;}
}
/*  */
.about-honor-desc{max-width: 800px; margin: 0 auto; line-height: 1.6; font-size: 18px; text-align: center;}

.about-honor-swiper{position:relative; margin-top:38px; padding:0 84px;}
.about-honor-swiper .swiper-button-next,
.about-honor-swiper .swiper-button-prev{ margin-top: -25px; background: none; width: 50px; height: 50px; background:none!important;}
.about-honor-swiper .swiper-button-next::after,
.about-honor-swiper .swiper-button-prev::after{display: none;}
.about-honor-item{border: 8px solid #F6F6F7;}
.about-honor-item img{width: 100%;}

@media (max-width:640px) {

    .about-honor-desc{ font-size: 16px; }

    .about-honor-swiper{position:relative;margin-top:34px;padding:0 54px;}

    .about-honor-swiper .swiper-button-next,
    .about-honor-swiper .swiper-button-prev{ margin-top: -20px; background: none; width: 40px; height: 40px;}
}
/*
*
----------------------------------  product
*
*/
.product-banner{position: relative; overflow: hidden;}
.product-banner picture{display: block;}
.product-banner picture img{width: 100%;}
.product-banner-desc{position: absolute; top: 0;left: 0; width: 100%; height: 100%; padding: 0 15px;  display: flex; align-items: center; justify-content: center; text-align: center; }
.product-banner-desc h4,
.product-banner-desc .eyebrow{ font-size: 18px; color: #fff; text-transform: uppercase;}
.product-banner-desc h1,
.product-banner-desc h3{ margin: 15px 0 30px; font-size: 40px; color: #fff;}
.product-banner-desc p{ max-width: 680px; line-height: 1.4; font-size: 20px; color: #fff;}

@media (max-width:1200px) {
    .product-banner-desc {padding-left: 30px;}
    .product-banner-desc h4{ font-size: 16px; color: #fff;}
    .product-banner-desc h1,
.product-banner-desc h3{ margin: 15px 0 30px; font-size: 32px;}
    .product-banner-desc p{ font-size: 18px;}
    .product-banner-desc a{ margin-top: 30px; padding: 0 30px; line-height: 40px; font-size: 16px; }

}

@media (max-width:768px) {
    .product-banner-desc {padding-left: 15px;}
    .product-banner-desc h4{ font-size: 16px;}
    .product-banner-desc h1,
.product-banner-desc h3{ margin: 15px 0 ; font-size: 24px;}
    .product-banner-desc p{ max-width: 450px; line-height: 1.4; font-size: 14px;}
    .product-banner-desc a{ margin-top: 20px; padding: 0 20px; line-height: 40px; font-size: 14px; }
}

/*  */
.product-bg{background-color: #f7f7f7;}

.product-left{width: 80%; padding-right: 60px;}
.product-right{width: 20%;}
@media (max-width:1600px) {
    .product-left{width: 72%; padding-right: 25px;}
    .product-right{width: 28%;}
}

@media (max-width:1200px) {
    .product-left{width: 100%; padding-right: 0;}
    .product-right{width: 100%;}
}

.product-lists ul{margin-left:-30px;}
.product-lists ul li{width:50%; padding-left:30px; margin-bottom:30px;}

.product-item{height:100%; padding:clamp(28px,3vw,42px); border:1px solid #e8ece9; border-radius:8px; background-color:#fff; box-shadow:0 12px 34px rgba(30,71,45,.045);}
.product-pic{display:flex; align-items:center; justify-content:center; aspect-ratio:4/3; overflow:hidden;}
.product-pic img{width:100%; height:100%; object-fit:contain;}

.product-title{margin-top:18px; text-align:center;}
.product-title p{font-size:17px; color:var(--default);}
.product-title h3{margin-top:10px; min-height:2.9em; font-size:22px; line-height:1.45;}
.product-title a{position:relative; z-index:1; margin-top:22px; display:inline-block; padding:0 34px; line-height:40px; font-size:15px; border:1px solid #7b817d; color:#555;}
.product-title a::after {position: absolute;top: 0;left: 0; content: ''; width: 0; height: 100%; background: rgba(29, 101, 55, .9); z-index: -1; backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); transition: .3s;}
.product-title a:hover{color: #fff; border-color: var(--default);}
.product-title a:hover::after{width: 100%;}

@media (max-width:1600px) {
    .product-lists ul {margin-left: -25px;}
    .product-lists ul li{width: 50%; padding-left: 25px; margin-bottom: 25px;}
}

@media (max-width:1440px) {
    .product-item{ padding: 30px; background-color: #fff;}
    .product-title p{ font-size: 18px; color: var(--default);}
    .product-title h3{ margin-top: 15px; font-size: 20px;}
    .product-title a{padding: 0 40px; font-size: 16px;}
}

@media (max-width:1200px) {
    .product-item{ padding: 30px; background-color: #fff;}
    .product-title p{ font-size: 18px; color: var(--default);}
    .product-title h3{ margin-top: 15px; font-size: 20px;}
    .product-title a{padding: 0 40px; font-size: 16px;}
}

@media (min-width:641px) and (max-width:900px) {
    .product-lists ul{margin-left:-18px;}
    .product-lists ul li{padding-left:18px; margin-bottom:18px;}
    .product-item{padding:22px;}
    .product-title{margin-top:14px;}
    .product-title p{font-size:16px;}
    .product-title h3{margin-top:8px; min-height:2.8em; font-size:18px;}
    .product-title a{margin-top:16px; padding:0 26px; line-height:38px; font-size:14px;}
}

@media (max-width: 640px) {
    .product-lists ul li{width: 100%; }
}
/*  */

.product-aside-item{ margin-bottom: 25px; padding: 30px; background-color: #fff;}
@media (max-width:640px) {
    .product-aside-item{ margin-bottom: 15px; padding: 30px 15px;}
}

.product-select select{width: 100%; display: block; padding: 0 15px; height: 40px; line-height: 40px; border: 1px solid #999; background-color:#fff;}
.product-select select option{ margin: 15px 0; padding: 15px 0; height: 40px;}

.product-aside-title{justify-content: space-between;}
.product-aside-title a{position: relative; display: inline-block; padding-right: 15px; color: var(--default);}
.product-aside-title a i{ position: absolute; top: 3px; right: 0; display: inline-block; width: 8px; height: 8px; border-top: 1px solid var(--default); border-right: 1px solid var(--default); transform: rotate(45deg);}
.product-tags{margin-top: 20px;}
.product-tags a{ display: inline-block; margin: 0 8px 8px 0; padding: 0 10px; line-height: 1.8; background-color: #eee;}
.product-tags a:hover{background-color: var(--default); color: #fff;}

.product-sendarticle{margin-top: 30px;}
.product-sendarticle ul li{padding: 15px 0; border-bottom: 1px solid #eee;}
.product-sendarticle ul li:first-child{border-top: 1px solid #eee;}
.product-sendarticle ul li a{ position: relative; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.product-sendarticle ul li a:hover{color: var(--default);}

.product-hotarticle ul li{margin-top: 25px;}
.product-hotarticle ul li a{ position: relative; display: block; overflow: hidden;}
.product-hotarticle ul li a img{width: 100%;}
.product-hotarticle ul li a h3{position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; padding: 12px; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px;}
.product-hotarticle ul li a h3::after {position: absolute;top: 0;left: 0; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); z-index: -1; backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); transition: .3s;}

.product-hotarticle ul li a:hover img{transform: scale(1.2);}
.product-hotarticle ul li a:hover h3{background: rgba(29, 101, 55, .6);}

@media (max-width:1200px) {
    .product-hotarticle ul{ display: flex; flex-wrap: wrap; margin-left: -25px;}
    .product-hotarticle ul li{width: 50%; padding-left: 25px;}
}

@media (max-width:768px) {
    .product-hotarticle ul li{width: 100%;}
}

/*
*
----------------------------------  product detail
*
*/
.detail-product-head{padding:48px 0 76px; justify-content:space-between; gap:clamp(28px,5vw,72px);}
.detail-product-name{width:34%;}
.detail-product-title p{ font-size: 24px; color: var(--default);}
.detail-product-title h1,
.detail-product-title h3{ margin-top: 15px; font-size: 32px;}

.detail-product-desc{width: 60%;}
.detail-product-desc p{line-height:1.8; font-size:17px; color:#5d6862;}

@media (max-width:1200px) {
    .detail-product-head{ padding: 30px 0 60px;}
    .detail-product-name,
    .detail-product-desc{width: 100%;}
    .detail-product-desc{margin-top: 25px;}
    .detail-product-desc p{ font-size: 16px;}

    .detail-product-title p{ font-size: 20px;}
    .detail-product-title h1,
    .detail-product-title h3{ margin-top: 15px; font-size: 28px;}

}

@media (max-width:768px) {
    .detail-product-title p{ font-size: 18px;}
    .detail-product-title h1,
    .detail-product-title h3{ margin-top: 15px; font-size: 22px;}
}

@media (max-width: 640px) {
    .detail-product-title p{ font-size: 18px;}
    .detail-product-desc p{ font-size: 14px;}
}
/*  */
.detail-product-nav{ background-color: #fff; box-shadow: 0px 4px 10px rgba(190, 190, 190, 0.25);}
.detail-product-nav ul{justify-content: center;}
.detail-product-nav ul li{margin: 0 35px;}
.detail-product-nav ul li :is(a,button){ position: relative; display: block; line-height: 60px; font-size: 18px;}
.detail-product-nav ul li :is(a,button)::before{position: absolute; bottom: 0; left: 0; content: ""; width: 0; height: 4px; background-color: var(--default); transition: .3s;}
.detail-product-nav ul li :is(a,button):hover,
.detail-product-nav ul li.on :is(a,button){ color: var(--default);}
.detail-product-nav ul li :is(a,button):hover::before,
.detail-product-nav ul li.on :is(a,button)::before{ width: 100%;}

@media (max-width: 768px) {
    .detail-product-nav ul li{margin: 0 25px;}
    .detail-product-nav ul li :is(a,button){line-height: 50px;  font-size: 16px;}
}

@media (max-width: 640px) {
    .detail-product-nav ul li{margin: 0 10px; }
    .detail-product-nav ul li :is(a,button){line-height: 40px; font-size: 14px;}
}
/*  */

.detail-product-images{width:50%; padding:clamp(54px,6vw,86px) clamp(44px,8vw,118px); background:linear-gradient(rgba(239,242,244,255) 0%,rgba(255,255,255,255) 100%);}

/*.detail-product-poster{border: 1px solid #333;}*/
.detail-product-poster img{width: 100%;}

.detail-product-swiper{position:relative; margin-top:32px; padding:0 40px;}
.detail-product-swiper .swiper-slide {border: 1px solid #eee;}
.detail-product-swiper .swiper-slide img{width: 100%;}
.detail-product-swiper .swiper-button-next,
.detail-product-swiper .swiper-button-prev{top:0; margin-top:0; height:100%; display:flex; align-items:center; justify-content:center; border:1px solid #666; color:#666; z-index:3;}

.detail-product-swiper .swiper-button-next{right: 0;}
.detail-product-swiper .swiper-button-prev{left: 0;}
.detail-product-swiper .swiper-button-next:hover,
.detail-product-swiper .swiper-button-prev:hover{border-color:var(--default); color:var(--default);}

.detail-product-special{width:50%; padding:clamp(64px,7vw,96px) clamp(46px,8vw,118px); background-color:#FCFCFC;}
.detail-product-special ul{margin-top:32px;}
.detail-product-special ul li{padding:18px 0; border-bottom:1px solid #eee;}
.detail-product-special ul li:first-child{border-top: 1px solid #eee;}
.detail-product-special ul li p{position:relative; display:block; padding-left:16px; font-size:16px; line-height:1.75; white-space:normal; overflow:visible;}
.detail-product-special ul li p::before{position: absolute; top: 7px; left: 0; content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: var(--default);}

@media (max-width:1600px) {
    .detail-product-images,
    .detail-product-special{padding:72px;}
    .detail-product-special ul{margin-top:30px;}
    .detail-product-special ul li{padding:16px 0;}
}

@media (max-width:1200px) {
    .detail-product-images,
    .detail-product-special{padding:44px;}
    .detail-product-special ul{margin-top:30px;}
    .detail-product-special ul li{padding:16px 0;}
}

@media (max-width:1000px) {
    .detail-product-images,
    .detail-product-special{padding:44px;}
    .detail-product-special ul{margin-top:30px;}
    .detail-product-special ul li{padding: 15px 0;}

    .detail-product-special ul li p{font-size:16px;}
    .detail-product-special ul li p::before{ top: 5px;}

}

@media (min-width:701px) and (max-width:900px) {
    .detail-product-images,
    .detail-product-special{padding:30px 26px;}
    .detail-product-swiper{margin-top:22px; padding-inline:32px;}
    .detail-product-special ul{margin-top:22px;}
    .detail-product-special ul li{padding:12px 0;}
    .detail-product-special ul li p{font-size:15px; line-height:1.7;}
}

@media (max-width: 700px) {
    .detail-product-images,
    .detail-product-special{ width: 100%;}
}

@media (max-width: 640px) {
    .detail-product-special{padding:42px 20px;}
    .detail-product-special ul li p{font-size:15px;}
}

/*  */

.detail-product-contents{max-width:1100px; margin:0 auto; padding-bottom:72px;}

.detail-product-contents .detail-product-title{padding-top:72px; text-align:center;}
.detail-product-content-image{margin-top:38px;}
.detail-product-content-image div{width: 100%; overflow-x: auto;}

@media (max-width: 1230px) {
    .detail-product-contents{ padding: 0 15px 50px;}
}

@media (max-width: 640px) {
    .detail-product-contents .detail-product-title{padding-top: 50px; }
    .detail-product-content-image{margin-top: 30px;}
    .detail-product-content-image img{width:768px}
}

.detail-app-bg{background-color: #F8F9FA;}

.detail-app-swiper{position:relative; margin-top:32px;}

.detail-app-arrows{position: absolute; top: -60px; right: 0; display: block; width: 120px;}
.detail-app-arrows .swiper-button-prev,
.detail-app-arrows .swiper-button-next{margin-top:-25px; width:50px; height:50px; border:1px solid var(--default); color:var(--default);}

.detail-app-arrows .swiper-button-prev{left: 0;}
.detail-app-arrows .swiper-button-next{right: 0;}

.detail-app-item{flex-direction:column; justify-content:space-between; height:330px; padding:44px 40px;}
.detail-app-item h3{font-size:26px; color:#fff;}
.detail-app-item a{ position: relative; z-index: 1; margin-top: 50px; display: inline-block; max-width: 180px; padding: 0 50px 0 20px; line-height: 50px; font-size: 18px; border: 2px solid #fff; color: #fff; overflow: hidden;}
.detail-app-item a i{ position: absolute; top: 20px; right: 20px;  display: inline-block; width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg);}

.detail-app-item a::after {position: absolute;top: 0;left: 0; content: ''; width: 0; height: 100%; background: rgba(255, 255, 255, 0.2); z-index: -1; backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); transition: .3s;}
.detail-app-item a:hover::after{width: 100%;}
@media (max-width: 1200px) {
    .detail-app-item{ height: 300px; padding:30px;}
    .detail-app-item h3{font-size: 24px; }
    .detail-app-item a{ margin-top: 30px; max-width: 160px; padding: 0 50px 0 20px; line-height: 40px; font-size: 16px;}
    .detail-app-item a i{top: 15px; }
}

@media (max-width: 768px) {
    .detail-app-arrows{ width: 90px;}
    .detail-app-arrows .swiper-button-prev,
    .detail-app-arrows .swiper-button-next{ margin-top: -20px; width: 40px; height: 40px; }
    .detail-app-item h3{font-size: 20px; }
}
/*
*
----------------------------------  news
*
*/

.news-category{display:inline-block;padding-bottom:28px;}
.news-category ul li{margin-right: 15px;}
.news-category ul li :is(a,button){ display: inline-block; padding: 0 25px; line-height: 45px;  border: 1px solid #eee; color: #666;}
.news-category ul li.on a,
.news-category ul li a:hover{background-color: var(--default); color: #fff; border: 1px solid var(--default);}

@media (max-width: 640px) {
    .news-category ul li :is(a,button){  padding: 0 15px; line-height: 35px; }
}

.news-lists ul{margin-left:-30px;}
.news-lists ul li{width:50%; padding-left:30px; margin-bottom:30px;}

.news-item{height:100%; border:1px solid #e8ece9; border-radius:8px; background-color:#fff; overflow:hidden; box-shadow:0 10px 30px rgba(27,67,43,.04);}
.news-pic{position:relative; display:block; aspect-ratio:507/260; overflow:hidden;}
.news-pic::before{position: absolute; top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; background-color: rgba(29, 101, 55,.4); opacity: 0; visibility: hidden; transition: .3s;}
.news-pic img{width:100%; height:100%; object-fit:cover;}

.news-content{position:relative; padding:26px 34px 30px;}
.news-content::before,
.news-content::after{position: absolute; bottom: 0; left: 0; content: ''; width: 0; height: 1px; background-color: var(--default); transition: .3s;}
.news-content::after{height: 5px; bottom: -2px;}

.news-content span,.news-content time{font-size:14px; color:#77817b;}
.news-content h3{ margin-top: 10px;}
.news-content h3 a{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; min-height:2.9em; line-height:1.45; font-size:21px; color:#172045; overflow:hidden;}
.news-content p{margin-top:16px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; line-clamp:3; min-height:4.95em; line-height:1.65; font-size:15px; color:#626c66; overflow:hidden;}

.news-item:hover .news-pic::before{ opacity: 1; visibility: visible;}
.news-item:hover .news-pic img{transform: scale(1.2);}

.news-content-nopic{min-height:100%; padding:38px 34px; height:100%; flex-direction:column; justify-content:space-between;}
.news-content-nopic p{  height: auto; }
.news-content-nopic > a{position:relative; z-index:1; margin-top:28px; display:inline-block; max-width:150px; padding:0 42px 0 18px; line-height:42px; font-size:15px; border:1px solid #6f756f; color:#555; overflow:hidden;}
.news-content-nopic > a i{ position: absolute; top: 20px; right: 20px;  display: inline-block; width: 10px; height: 10px; border-top: 1px solid #666; border-right: 1px solid #666; transform: rotate(45deg);}

.news-content-nopic > a:hover{color: #fff; border-color: var(--default);}
.news-content-nopic > a:hover i{ border-color: #fff;}
.news-content-nopic > a::after {position: absolute;top: 0;left: 0; content: ''; width: 0; height: 100%; background: rgba(29, 101, 55, 0.7); z-index: -1; backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); transition: .3s;}
.news-content-nopic > a:hover::after{width: 100%;}

@media (max-width:1000px) {
    .news-content{  padding: 30px; }
}

@media (max-width:860px) {
    .news-lists ul {margin-left: -25px;}
    .news-lists ul li{ padding-left: 25px; margin-bottom: 25px;}

    .news-content h3 a{min-height:2.9em;font-size:20px;}
    .news-content p{margin-top:14px;}
}

@media (min-width:641px) and (max-width:900px) {
    .news-lists ul{margin-left:-18px;}
    .news-lists ul li{padding-left:18px; margin-bottom:18px;}
    .news-content{padding:22px 22px 24px;}
    .news-content h3 a{font-size:18px;}
    .news-content p{font-size:14px; -webkit-line-clamp:3; line-clamp:3;}
    .news-content-nopic{padding:26px 22px;}
}

@media (max-width: 640px) {
    .news-lists ul li{ width: 100%;}
    .news-content h3 a,
    .news-content p{height:auto;}
    .news-content-nopic > a{ margin-top: 20px; max-width: 160px; padding: 0 30px 0 20px; line-height: 40px;}
    .news-content-nopic > a i{  top: 15px; }
}

@media (max-width: 640px) {
    .news-content{  padding: 20px 15px; }
    .news-content span,.news-content time{font-size:13px;}
    .news-content h3 a{ font-size: 18px; }
    .news-content p{font-size:15px;}
    .news-content-nopic > a{margin-top:24px;padding:0 38px 0 18px;line-height:40px;font-size:15px;}
}

/*
*
---------------------------------- news detail
*
*/
.news-detail{ padding: 100px; background-color: #fff;}
.news-detail-title{padding-bottom: 40px;}
.news-detail-title h1{font-size: 32px; line-height: 1.4;}
.news-detail-title p{margin-top: 20px; font-size: 18px; color: #C4C4C4;}
.news-detail-title p :where(time, span){ position: relative; display: inline-block; padding-inline-end: 15px; margin-inline-end: 15px;}
.news-detail-title p time::before{position: absolute; top: 0; inset-inline-end: 0; content: ''; width: 1px; height: 16px; background-color: #999;}

.news-detail-content{padding: 20px 0 40px; margin-bottom: 40px; line-height: 1.75; border-bottom: 1px solid #C6C6C6; font-family: inherit;}
.news-detail-content img{max-width: 100%; height: auto;}
.news-detail-content p{margin-bottom: 15px; color: #666;}

.next-article{ position: relative; padding: 40px 0;}
.next-article ul{margin-left: -25px; background-color: #fff;}
.next-article ul li{padding-left: 25px; width: 50%;}
.next-article ul li a{ display: block; padding: 25px;  font-size: 18px; line-height: 1.4; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.next-article ul li a:hover{ color: var(--default); }

.article-likes{margin-top: 40px; padding-top: 40px; border-top: 1px solid #C6C6C6;}
.article-likes ul{justify-content: center;}
.article-likes ul li{margin: 5px 10px;}
.article-likes ul li :is(a,button){ display: inline-block; padding: 0 35px; line-height: 45px;  border: 1px solid #eee; color: #666;}
.article-likes ul li.on :is(a,button),
.article-likes ul li :is(a,button):hover{background-color: var(--default);}
.article-likes ul li.on :is(a,button) span,
.article-likes ul li :is(a,button):hover span{ color: #fff;}
.article-likes ul li.on :is(a,button) svg path,
.article-likes ul li :is(a,button):hover svg path{fill: #fff;}

@media (max-width:1200px) {
    .news-detail{ padding: 50px; }
    .next-article ul{display: block;}
    .next-article ul li{width: 100%;}
    .next-article ul li a{ padding: 15px; white-space: initial; }
}

@media (max-width: 768px) {
    .news-detail{ padding: 15px; }
    .news-detail-title h1{font-size: 24px; line-height: 1.4;}
    .next-article ul{padding: 10px 0;}
    .next-article ul li a{ padding: 5px 15px ; font-size: 14px; }

    .article-likes{margin-top: 20px; padding-top: 20px;}
}

@media (max-width: 640px)  {
    .news-detail-title{padding-bottom: 20px;}

    .news-detail-title h1{font-size: 20px;}
    .news-detail-title p{ font-size: 14px;}

    .article-likes ul li :is(a,button){ line-height: 40px;}
}
/*
*
---------------------------------- solution
*
*/

.solutin-bg{ background: linear-gradient( to top, rgba(239,242,244,255) 0%,rgba(255,255,255,255) 100%);}
.solutin-technical{padding-top: 0;}

.solutin-technical-swiper{position:relative; margin-top:42px; padding:0 70px;}
.solutin-technical-swiper .swiper-button-prev,
.solutin-technical-swiper .swiper-button-next{margin-top:-25px; width:50px; height:50px; border:1px solid var(--default); color:var(--default);}

.solutin-technical-swiper .swiper-button-prev{left: 0;}
.solutin-technical-swiper .swiper-button-next{right: 0;}

.solutin-technical-swiper .swiper-slide{height: auto; }
.solutin-technical-item{margin-top:28px; padding:0 34px 48px; height:100%; background-color:#fff; text-align:center; border:1px solid #edf1ee; border-radius:8px;}
.solutin-technical-item span{ display: inline-block; width: 64px; height: 64px; line-height: 64px; font-size: 24px; border-radius: 50%; color: #fff; background-color: var(--default); transform: translateY(-32px);}
.solutin-technical-item h3{margin:26px 0 18px; font-size:22px; line-height:1.45;}
.solutin-technical-item p{line-height:1.75; font-size:16px; color:#626c66; text-align:left;}

.solutin-technical-ico{position:relative; width:180px; margin:0 auto;}
.solutin-technical-ico img{width: 100%;}
.solutin-technical-ico img:last-child{position: absolute; top: 0; left: 0; width: 100%;}
@media (max-width: 1600px) {
    .solutin-technical-item{margin-top:24px;padding:0 28px 42px;}
    .solutin-technical-item span{ display: inline-block; width: 50px; height: 50px; line-height: 50px; font-size: 20px; transform: translateY(-25px);}
    .solutin-technical-item h3{margin:22px 0 16px;font-size:21px;}
    .solutin-technical-item p{line-height:1.7;font-size:16px;}
    .solutin-technical-ico{width:176px;}
}

@media (max-width: 768px) {
    .solutin-technical-swiper{ margin-top: 20px; padding: 0 60px;}
    .solutin-technical-item{ margin-top: 25px; padding: 0 20px 30px;}
    .solutin-technical-item span{ width: 40px; height: 40px; line-height: 40px; font-size: 18px; transform: translateY(-20px);}
    .solutin-technical-item h3{ margin: 20px 0; font-size: 24px;}
    .solutin-technical-ico{width: 150px;}
}

@media (max-width: 640px) {
    .solutin-technical-swiper{ margin-top: 20px; padding: 0 65px;}

    .solutin-technical-swiper{position: relative; padding: 0 60px;}
    .solutin-technical-swiper .swiper-button-prev,
    .solutin-technical-swiper .swiper-button-next{margin-top:-20px; width:40px; height:40px;}

    .solutin-technical-item{ margin-top: 25px; padding: 0 20px 30px;}
    .solutin-technical-item h3{ margin: 20px 0; font-size: 18px;}
    .solutin-technical-ico{width: 120px;}

}

/*  */
.solution-cases{margin-top:32px;}
.solution-cases ul{margin-left: -35px;}
.solution-cases ul li{ width: 33.33%; padding-left: 35px;}
.solution-cases ul li a{display: block;}
.solution-cases-pic{overflow: hidden;}
.solution-cases-pic img{width: 100%;}

.solution-cases-title{padding:22px 22px 28px; background-color:#FAFBFC;}
.solution-cases-title p{font-size: 18px; color: #666;}
.solution-cases-title h3{margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; min-height:2.8em; font-size:21px; line-height:1.4; white-space:normal; overflow:hidden;}

.solution-cases ul li a:hover .solution-cases-pic img{transform: scale(1.1);}
.solution-cases ul li a:hover .solution-cases-title h3{color: var(--default);}

.solution-cases-more{text-align: center;}
.solution-cases-more a{ position: relative; z-index: 1; margin-top: 50px; display: inline-block; max-width: 180px; padding: 0 50px; line-height: 50px; font-size: 18px; border: 2px solid #666; color: #666; overflow: hidden;}
.solution-cases-more a::after {position: absolute;top: 0;left: 0; content: ''; width: 0; height: 100%; background: rgba(29, 101, 55, 0.7); z-index: -1; backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); transition: .3s;}

.solution-cases-more a:hover{color: #fff; border-color: var(--default);}
.solution-cases-more a:hover::after{width: 100%;}

@media (max-width: 1700px) {
    .solution-cases-title h3{ margin-top: 15px; font-size: 20px; line-height: 1.4; }
}

@media (max-width: 1200px) {
    .solution-cases ul{margin-left: -15px;}
    .solution-cases ul li{ padding-left: 15px;}
    .solution-cases-title{padding: 15px 15px 25px ;}
}

@media (max-width: 960px) {
    .solution-cases ul{ justify-content: center;}
    .solution-cases ul li{ width: 50%; margin-bottom: 15px;}
    .solution-cases-title{padding: 15px 15px 25px ;}
}

@media (max-width: 640px) {
    .solution-cases ul li{ width: 100%; margin-bottom: 25px;}
}

@media (max-width:640px) {
    .solution-cases-title p{font-size: 14px;}
    .solution-cases-title h3{ font-size: 18px;}

    .solution-cases-more a{ margin-top: 40px; max-width: 180px; padding: 0 40px; line-height: 40px; font-size: 16px; }

}

/* Contact page styles moved to v9-enhancements.css. */

/* tags */
.tags-lists{}
.tags-lists ul li a{ display: inline-block; margin: 0 8px 8px 0; padding: 0 10px; line-height: 1.8; background-color: #fff;}
.tags-lists ul li a:hover{background-color: var(--default); color: #fff;}

/* === Native select / sticky detail navigation / multilingual resilience === */
select.dropdown {
    display: block;
    inline-size: 100%;
    min-block-size: 44px;
    padding: 0 42px 0 14px;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    background-color: #fff;
    color: #333;
    font: inherit;
    line-height: 1.4;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image:
        linear-gradient(45deg, transparent 50%, #555 50%),
        linear-gradient(135deg, #555 50%, transparent 50%);
    background-position:
        calc(100% - 18px) 50%,
        calc(100% - 12px) 50%;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}
html[dir="rtl"] select.dropdown {
    padding: 0 14px 0 42px;
    background-position: 18px 50%, 12px 50%;
}
select.dropdown:focus-visible { border-color: var(--default); }

#sticker {
    position: sticky;
    top: 80px;
    z-index: 7;
}
@media (max-width:1199px) { #sticker { top: 70px; } }
@media (max-width:767px)  { #sticker { top: 50px; } }

/* Avoid clipping longer English/Russian/Arabic headings and navigation labels. */
.product-title h3,
.news-content h3,
.page-title h1,
.detail-product-name h1,
.about-title h2,
.index-news-title h3 {
    block-size: auto;
    min-block-size: 0;
    overflow-wrap: anywhere;
}

/* Text blocks that previously used fixed single-line heights now tolerate longer translations. */
.news-content h3 a,
.solution-cases-title h3,
.detail-product-special ul li p {
    display: -webkit-box;
    block-size: auto;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-content h3 a { min-block-size: 2.8em; }
.news-content p {
    display: -webkit-box;
    block-size: auto;
    min-block-size: 2.8em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}
.news-content-nopic p { display: block; min-block-size: 0; }