﻿
.home-main{max-width:1920px;margin:0 auto}
.home-title{font-weight:700;font-size:40px;color:#000;text-transform:uppercase;line-height: 1.52;}
#about{background:url(/Content/uploads/20261259617/20260119162151a6b1660b1e414b6ba96c6c440f015364.jpg) center no-repeat;background-size:cover}
#about .about-con .home-title{line-height: 1.52;}
#about .about-contant{align-items:center;display:flex;flex-wrap:wrap}
#about .about-img{width:54%}
#about .about-img img{transform:translateX(40px)}
#about .about-con{width:46%;padding-right:3%;padding-top:0}
#about .about-con .more-btn{background:var(--color);color:#fff;text-transform:uppercase;border-bottom:2px solid #000;font-weight:700}
#brand{padding:0}
#brand .brand-list li .brand-number .text-shadow{color:transparent;-webkit-text-stroke:1px #c9c9c969;text-stroke:1px #c9c9c969;text-shadow:none}
#quality{padding:4% 0}
#quality .quality-top{display:flex;justify-content:space-between;align-items:end}
#quality .home-title{text-align:left}
.quality-btn{position:relative;z-index:3}
.quality-btn a{font-weight:700;font-size:22px;color:#fff;line-height:1;padding:18px 25px 18px 40px;background:#000;position:relative}
.quality-btn::after{position:absolute;content:'';width:0;height:0;border-left:0 solid transparent;border-right:30px solid transparent;border-top:30px solid var(--color);left:0;top:0;z-index:2;transition:all .3s ease-in-out}
.quality-btn::before{position:absolute;content:'';width:0;height:0;border-left:0 solid transparent;border-right:40px solid transparent;border-top:40px solid #fff;left:0;top:0;z-index:1}
.quality-btn:hover::after{border-right:35px solid transparent;border-top:35px solid var(--color)}
.quality-bottom{display:flex;justify-content:space-between;margin-top:45px}
.quality-item{width:31%;position:relative}
.quality-img{position:relative;overflow:hidden}
.quality-img::after{position:absolute;content:'';width:0;height:0;border-left:0 solid transparent;border-right:30px solid transparent;border-top:30px solid var(--color);left:0;top:0;z-index:2;transition:all .3s ease-in-out}
.quality-img::before{position:absolute;content:'';width:0;height:0;border-left:0 solid transparent;border-right:40px solid transparent;border-top:40px solid #fff;left:0;top:0;z-index:1}
.quality-img img{display:block}
.quality-btns{position:absolute;bottom:-8px;right:-8px;width:75px;height:75px;background:#000;border:8px solid #fff;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}
.quality-text{margin-top:25px}
.quality-text p{font-weight:700;font-size:24px;color:#000}
.quality-item:hover .quality-img img{transform:scale(1.03)}
.quality-btns:hover{background:var(--color)}
#product{background:url(/Content/uploads/20261259617/20260119162152ca4aedd1d6ba4fe68db28cc709abfc66.png) center no-repeat;background-size:cover}
#projects{padding:5% 0 2%;background:#f5f5f5}
#projects::after{display:none}
#projects::before{background:url(/Content/uploads/20261259617/2026011916215239abbe6cd6484d96a7e2a37515d256e0.jpg) center no-repeat;background-size:cover}
#projects .home-title{color:#fff}
#partner{padding:0 0 4%;background:#f5f5f5}
.logo-container{margin-top:45px;overflow:hidden}
#logoswiper .swiper-wrapper{-webkit-transition-timing-function:linear!important;-moz-transition-timing-function:linear!important;-ms-transition-timing-function:linear!important;-o-transition-timing-function:linear!important;transition-timing-function:linear!important}
#news{background:#fff;padding:4% 0}
@media (min-width:901px){#news #home-news .news-list .swiper-slide{width:32%;flex-direction:column}
#news #home-news .news-list .swiper-slide:nth-of-type(n+3){flex-direction:column}
#news #home-news .news-list .swiper-slide .news-item-img{width:100%}
#news #home-news .news-list .swiper-slide .news-item-cont{width:100%}}
.newslist{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:45px}
.newslist li{width:32%}
.newslist li .news-img{overflow:hidden;position:relative}
.newslist li .news-img img{aspect-ratio:1.6/1;object-fit:cover}
.newslist .news-cont{border:1px solid #e7e7e7;padding:50px 35px 0;position:relative}
.newslist .news-date{display:inline-block;background-color:#fff;font-size:var(--fontsize14);text-align:center;border-bottom:2px solid var(--color);padding:6px 15px;position:absolute;top:10px;left:15px;transform:translateY(-92%)}
.newslist .news-date span{font-size:var(--fontsize20);line-height:1.2;display:block}
.newslist .news-title{text-transform:capitalize;display:-webkit-box;line-height:1.52;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:700;font-size:24px;color:#000}
.newslist .news-des{display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:15px;color:#000;line-height:24px}
.newslist .news-more{padding:16px 35px;text-align:center;border-radius:3px;transition:all .3s ease-in-out;transform:translateY(52%);background:#fff;border:1px solid #bfbfbf;font-size:18px;color:#000;line-height:1}
.newslist .news-more:hover{background:var(--color);color:#fff}
.newslist li:hover .news-img img{transform:scale(1.03)}
@media (max-width:1640px) {.home-main .l-wrap{padding: 0 50px;}
.home-title{font-size: 34px;}
#about .about-con{padding-right: 0;}
.newslist .news-title{font-size: 22px;}
.newslist .news-cont{padding: 35px 25px 0;}}
@media (max-width:1420px) {.home-title{font-size: 28px;}
#about .about-img img {transform: translateX(20px);}
.quality-btn a{font-size: 18px;}
.newslist .news-title{font-size: 18px;}}
@media (max-width:1366px) {.home-title{font-size: 26px;}
.newslist .news-more{padding: 14px 30px;font-size: 16px;}
.newslist{margin-top: 35px;}
.quality-bottom{margin-top: 25px;}}
@media (max-width:1024px) {.home-title {font-size: 24px;line-height: 1.25;}
.home-main .l-wrap {padding: 0 30px;}
#quality .quality-top{align-items: center;}
.quality-text p{font-size: 18px;}
.quality-text{margin-top: 15px;}
.quality-btns{width: 60px;height: 60px;}
.quality-btns img{width: 60%;}
.newslist{margin-top: 25px;}
.newslist .news-more {padding: 10px 15px;font-size: 14px;}
.newslist .news-cont {padding: 25px 15px 0;}
.newslist .news-title{font-size: 16px;}}
@media (max-width:768px) {.home-main .l-wrap{padding: 0 15px;}
#about .about-contant{flex-direction: column-reverse;}
#about .about-con{width: 100%;margin-top: 20px;}
#about .about-img{width: 100%;}
.quality-btn a{font-size: 14px;padding: 15px 20px 15px 30px;}
.newslist li {width: 48%;margin-bottom: 4%}
.quality-bottom{flex-wrap: wrap;}
.quality-item{width: 49%;}
.quality-text{margin: 15px 0;}
#about .about-con{padding-bottom: 0;}}
@media (max-width:550px) {.home-title{font-size: 20px;}
#quality .quality-top {align-items: baseline;flex-direction: column;}}
#home-projects .swiper-slide img{width:100%}
.newslist .news-title{min-height: 73px;}