@charset "utf-8";
:root{--color:#64A757}
.wmkc-template-46 .wmkc-flex-row-reverse{align-items:center}
.wmkc-template-45 .wmkc-flex{align-items:center}
.wmkc-template-33 .wmkc-flex{display:flex;align-items:center;background:none}
.wmkc-template-33 .wmkc-flex .wmkc-item-img{padding:0!important}
.wmkc-template-33 .wmkc-item-img img{max-height:inherit!important;position:static!important}
.head-top{background: rgb(234, 234, 234);}
.head-link div a{color:#fff}
.home-service .service-wrap .service-item{background:var(--color);border-color:#a9a9a9}
.home-service .service-wrap .service-item .bg i{color:#a9a9a9}
.home-service .service-wrap .service-item .title{color:#255a2e;font-weight:bold;text-transform:capitalize}
.home-service .service-wrap .service-item .title::after{background:#255a2e}
.home-service .service-wrap .service-item .text{color:#fff}
.home-service .service-wrap .service-item .icon i,.foot-top .right a{color:#255a2e}
.home-title{color:var(--color)}
.foot-main .copyright{background:#a9a9a9;color:#fff;border-color:#a9a9a9}
.foot-main .foot-item .navlist li a,.foot-main .foot-item .navlist li::before,.foot-main .foot-item.contact ul.contactlist li em,.foot-main .foot-item.contact ul.contactlist li,.foot-main .foot-item.contact ul.contactlist li a{color:#fff}
.foot-main .foot-item.contact ul.contactlist li a:hover,.foot-main .foot-item .navlist li a:hover{color:#255a2e}
.prodetails-content .wmkc-bg-limegreen{background:var(--color) !important}
.sidebar-cate li.LiLevel1>a{font-weight:bold}
.home-application .applist .item .title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;padding:6px 0}
.home-static .list li .inner{text-transform:capitalize}
@media (min-width:769px){.home-static .list li{width:20%}}
.home-product .product-list{display:flex;margin:0 auto;width:100%;max-width:1600px;flex-wrap:wrap}
.hotproduct-l{padding-right:3%;width:23%}
.hotproduct-r{position:relative;overflow:hidden;width:77%}
.hotpro-list{position:absolute;top:0;left:0;display:flex;opacity:0;transition:transform .8s ease-in-out,opacity .2s ease-in-out;transform:scale(0);flex-wrap:wrap}
.hotprocate{margin:30px 0 60px;padding-right:10%;border-left:1px solid #bfbfbf}
.hotprocate li{position:relative;overflow:hidden;padding:10px 0 10px 20px;color:#111;text-overflow:ellipsis;white-space:nowrap;font-size:16px;cursor:pointer;transition:all .2s ease-in-out}
.home-product .home-more{display:block;padding:8px 0;width:160px;border:1px solid #7aca35;color:#7aca35;text-align:center;text-transform:uppercase;font-size:13px;transition:all .2s ease-in-out}
.hotpro-list-act{position:static;opacity:1;transform:scale(1)}
.hotpro-list li{width:calc(33% - 8px);margin:0 16px 16px 0}
.hotpro-list li:nth-child(3n){margin-right:0}
.hotpro-list li:nth-child(n+4){margin-bottom:0}
.hotpro-list li>a{display:block;overflow:hidden;position:relative}
.hotpro-img{display:flex;align-items:center;justify-content:center;position:relative;border:1px solid #EEE;overflow:hidden;text-align:center}
.hotpro-box{position:absolute;bottom:-60px;background:rgba(42,42,42,.85);color:#FFF;padding:8px 15px;width:100%;display:flex;justify-content:space-between;left:0;align-items:center;transition:all .2s ease-in-out}
.hotpro-title{font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:45px}
.hotpro-list li:hover .hotpro-box{bottom:0}
.hotprocate .hotprocate-act,.hotprocate li:hover{color:#7aca35}
.hotprocate li::before{content:'';width:2px;height:100%;position:absolute;top:0;left:0;background:#7aca35;opacity:0;transition:all .2s ease-in-out}
.hotprocate .hotprocate-act::before,.hotprocate li:hover::before{opacity:1}
.applist .wmkc-applist-swiper{margin-top:60px;padding-bottom:100px}
.project-button-next,.project-button-prev{position:absolute;bottom:0;left:calc(50% - 50px);background:var(--color);display:inline-flex;align-items:center;justify-content:center;color:#fff;width:40px;height:40px;cursor:pointer;transition:all .1s linear}
.project-button-next{left:auto;right:calc(50% - 50px)}
@media (max-width:1600px){.home-product .product-list{max-width:100%;padding:0 3%}
.applist .wmkc-applist-swiper{margin-top:30px;padding-bottom:60px}}
@media (max-width:1024px){.hotpro-list li{margin:0px 10px 10px 0}
.hotprocate li{padding:8px 0 8px 10px;font-size:14px}
.home-product .home-more{width:130px}}
@media (max-width:768px){.project-button-next,.project-button-prev{width:30px;height:30px;left:calc(50% - 30px)}}
@media (max-width:450px){.home-product .product-list{flex-direction:column}
.hotproduct-l{padding-right:0%;width:100%}
.hotproduct-r{width:100%;margin-top:20px}
.hotprocate{margin:20px 0}}
.home-honor{background:url(/Content/uploads/2023986828/20230809170611621704d4f1374e45abd789220851b2d3.jpg) no-repeat center}
@media (min-width:1025px){#honor-swiper .swiper-wrapper{justify-content:space-evenly}}
.foottop{padding:3% 0;background:no-repeat center;background-size:cover;text-align:center}
.foottop .home-title{color:#fff;margin-bottom:20px;font-size:26px}
.foottop .home-more{background:var(--color);border-color:var(--color);color:#fff;min-width:200px;margin-right:0;border-radius: 30px;text-transform: uppercase;}
.home-icon {color: var(--color);text-align: center;text-transform: uppercase;margin-bottom: 10px;}
.home-icon {color: #ffffff;}
.head-info .head-logo a img { max-height: inherit;}
.head-share{background: inherit;}
.home-service {background:url(/uploads/40057/banner/20250319100132ab55b.jpg) no-repeat center;z-index: unset;}
 .home-service .home-des{color:#fff}
.head-share ul li a,.head-link .item a,.lang-icon span{color:var(--color)}
.lang-icon span::before,.lang-icon span::after{background:var(--color)}
.home-about .about-info .about-des { font-size: 22px;}
.head-company {color:#64a757}
.home-about .about-info { padding-left: 5%;}
.home-about .about-img { width: 45%;}
@media (min-width:1501px){.head-info .nav-ul>li>a{font-size:15px;padding:0 5px;}}
@media (max-width:1500px) and (min-width:1025px){.head-info .nav-ul>li>a{font-size:13px;padding:0 3px;}}
@media (max-width:1024px){.head-info .head-logo a img{max-height:100%}
.head-info .head-logo{height:100%}}