@import url(/js/44901/aos.css);

/* .home-container .news-product{background: #D1D4D9;}
.home-container .news-product{background:unset}
.home-container .news-product .news-list-btn>div,.home-container .news-product .pro-btn a{border-color:#111}
.home-container .news-product .news-list-btn>div i,.home-container .news-product .pro-btn a{color:#111}
.home-title{font-size: 36px;font-weight: bold;text-align: center;margin: auto;}
.appli{padding: 3% 0;}
.appli .list{display: grid;grid-template-columns: repeat(4, 1fr);gap:20px;margin-top: 20px;}
.appli .columns3{grid-column: 2 / span 2;grid-row: 1 / span 2;}
.appli .img{width: 100%;height: 100%;border-radius: 15px;overflow: hidden;}
.appli img{width: 100%;height: 100%;display: block;}
@media (max-width:768px) {
.appli .list{display: flex;justify-content: center;flex-wrap: wrap;gap: 0;}
.appli .item{width: 32%;}
.appli .item.columns2,.appli .item.columns5{width:48%;}
.appli .img{border-radius: 0;}}
@media (min-width: 769px) and (max-width: 1080px) {.home-container .news-product .pro-btn { padding-bottom: 0px; }}
@media screen and (min-width: 768px) { .home-container .about-wrap>div {  padding: 2%; }}
.home-pro img{width:100%;transition:all .2s;height:100%}
.home-pro img:hover{transform:scale(1.1)}
.home-pro .list{margin-top:3%;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(auto-fit,minmax(150px,auto));gap:25px;width:100%}
.home-pro .list li{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;padding:15px;transition:transform 0.2s;position:relative;border:2px solid #111}
.home-pro .list li:hover{transform:translateY(-5px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}
.home-pro .list li:hover span{color:var(--color)}
.home-pro .list li img{width:100%;height:auto;object-fit:cover;margin-bottom:10px}
.home-pro .list li span{position:absolute;left:0;bottom:0;padding:2% 4%;font-size:32px;color:#111;font-weight:700;line-height:1.4}
@media (max-width:1024px){.home-pro .list li span{font-size:20px}}@media (min-width:768px){.home-pro{}
.home-pro .list{grid-template-columns:minmax(250px,2fr) minmax(120px,1fr) minmax(120px,1fr);grid-template-rows:repeat(2,minmax(200px,1fr))}
.home-pro .list li:first-child{grid-column:1 / 2;grid-row:1 / 3}}@media (max-width:480px){.home-pro .list li span{font-size:20px}
.home-pro .list{gap:10px}}
.home-pro .list li>a{display:inline-block;width:100%;height:100%}
.home-pro .list li img{aspect-ratio:1;object-fit:unset;margin-bottom:0}
.home-pro .list li{padding:0}
.home-container .news-product{background: initial;}
.home-container .news-product .section-title:after{background: #000;}
.home-container .news-product .section-title{color: inherit;}
#ind5-product #news-products-list ul li{padding: 15px;border: 1px solid #EEEEEE;}
#ind5-product #news-products-list ul li:hover{border-color:var(--color)}
.home-container .news-product .news-content .ircn{margin-bottom: 0;padding-bottom: 0;}
.home-container .news-product .news-content .ircn+p{display: none;}
.home-container .news-product .news-content .ircn:after{display: none;}
.home-container .news-product .news-btn .btn{display: none;}
.home-container .news-product .news-btn span{padding-left: 0;width: 100%;justify-content: center;flex-basis:initial}
.home-container .news-product .news-content{background: #fff;}
.home-container .news-product .news-btn:hover span:first-child:after{display: none;}
.home-container .news-product .news-btn span:hover{background: var(--color);transition: .3s;color: #fff;}
.home-container .news-product .news-btn{height: 40px;} */







.iconright{font-style: initial;}
.home-container{overflow-x: hidden;}
#swiper-banner1{position:relative;overflow:hidden}
#swiper-banner1  .swiper-slide a,#swiper-banner1  .swiper-slide a img{display:inline-block;width:100%;height:100%}
.home-container .about-us:after,.home-container .about-img:after{display:none}
.wmkc-advantage{padding:4% 0}
.wmkc-advantage .home-title{text-align: center;position: relative;}
.wmkc-advantage .home-title span{color:var(--color);padding-left:15px}
.wmkc-advantage .home-title:after{content:"";position:absolute;bottom:0px;width:30px;left:50%;margin-left:-30px;height:3px;background:#222222}
.wmkc-advantage .home-title:before{content:"";position:absolute;bottom:0px;width:30px;left:50%;height:3px;background:var(--color);margin-left:0px}
.wmkc-advantage .home-title span.blue{color: #1b6bb6;padding-left: 0;}
.wmkc-advantage .welist{display: flex;flex-wrap: wrap;gap: 20px;text-align: center;margin-top:20px;margin-bottom:60px}
.wmkc-advantage .welist .item{display: flex;flex-direction: column;justify-content: center;aspect-ratio: 1;width: calc((100% - 60px)/4);height: auto;border: #cfcfcf solid 1px;padding: 5px;border-radius: 50%;}
.wmkc-advantage .welist .img{margin-bottom: 5px;text-align: center;}
.wmkc-advantage .welist img{max-width: 80px;}
.wmkc-advantage .welist .title{font-weight: bold;font-size: 20px;margin-bottom: 5px;}
.wmkc-advantage .welist .item:hover{background: #cfcfcf;}
.wmkc-advantage .welist .item:hover .info{color: var(--color);}
@media (max-width:1024px) {
.wmkc-advantage{padding: 40px 0;}
.wmkc-advantage .welist{margin-bottom: 20px;}
.wmkc-advantage .welist .item{width: calc(50% - 10px);}}
@media (max-width:768px){.wmkc-advantage .welist{margin: 10px 0;}
.wmkc-advantage .welist img{max-width: 40px;}
.wmkc-advantage .welist .title{font-size: 16px}
.wmkc-advantage .welist .info{font-size: 14px}}
@media (max-width:380px){
.wmkc-advantage .welist .item{width: 100%;}}
.wmkc-product{padding:4% 0;position:relative}
.wmkc-product .wmkcpro-top{display:flex;align-items:flex-end;justify-content:space-between;align-items: center;}
.wmkc-product .wmkcpro-top .home-title{text-align:left;font-family: "Geologica";}
.wmkc-product .wmkcpro-top .right{white-space:nowrap;font-size: 40px;padding: 20px 50px;border: 2px #000 solid;border-radius: 99px;line-height: 1;}
.wmkc-product .wmkcpro-top .right a{display: flex;align-items: center;}
.wmkc-product .wmkcpro-top .right em{font-size: var(--fontsize26);margin-left: 20px;}
.wmkc-product .list{margin-top:2%;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;padding-left:42%}
.wmkc-product .list li:nth-child(1){position:absolute;left:0;top:0;width:40%;height:100%;aspect-ratio:6/7}
.wmkc-product .list li{width:48.4%;border-radius:10px;overflow:hidden;position:relative;aspect-ratio:7/6}
.wmkc-product .list li:nth-child(n+4){margin-top:1.5em}
.wmkc-product .list li .img{width:100%;height:100%;display:flex}
.wmkc-product .list li .img img{width:100%;height:100%;object-fit:cover}
.wmkc-product .list li .title{position:absolute;left:0;bottom:0;width:100%;height:100%;color:#fff;display:flex;justify-content:space-between;align-items:flex-end;padding:20px;transition:all .1s linear;background: linear-gradient(0deg, #11111180 0, rgba(0, 0, 0, 0) 100%);}
.wmkc-product .list li .title span{font-size:var(--fontsize24)}
.wmkc-product .list li:nth-child(1) .title span{font-size: 54px;}
.wmkc-product .list li .title em{color:var(--color);font-size:var(--fontsize20)}
.wmkc-product .list li:hover .img img{transform:scale(1.02)}
.wmkc-product .list li:hover .title{color:var(--color)}
@media (max-width:1440px){
.wmkc-product .wmkcpro-top .right{font-size: var(--fontsize20);padding: 10px 20px;}
.wmkc-product .list li:nth-child(1) .title span{font-size: var(--fontsize30);}
.wmkc-product .list li .title span{font-size: var(--fontsize24);}}
@media (max-width:1024px){.wmkc-product{padding:40px 0}
.wmkc-product .wmkcpro-top .right{font-size: var(--fontsize16);padding: 7px 14px;}
.wmkc-product .list li:nth-child(1) .title span{font-size: var(--fontsize20);}
.wmkc-product .list li .title span{font-size: var(--fontsize18);}
.wmkc-product .list{padding:0}
.wmkc-product .list li{width:48%!important;aspect-ratio:1/1!important;position:relative!important;height:auto!important;margin-top:1.5em!important}
.wmkc-product .list li .title{font-size:var(--fontsize16);padding:10px}}
@media (max-width:768px){.wmkc-product .wmkcpro-top{flex-wrap: wrap;}
.wmkc-product .wmkcpro-top .home-title{margin-bottom: 10px;}}
.wmkc-other{padding: 4% 0;}
.wmkc-other .home-title{color: #222;margin-bottom: 35px;font-family: "Geologica";}
.wmkc-other .swiper-container{padding: 20px 0;}
.wmkc-other .other-list{display: flex;}
.wmkc-other .other-list .item{width: 23.5%;text-align: center;margin-right: 2%;display: block;}
.wmkc-other .other-list .item:nth-child(4n){margin-right: 0;}
.wmkc-other .other-list .item .cname{margin: 5px 0;text-align: center;font-size: var(--fontsize18);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2}
.wmkc-other .item .img{background: #fff;border: 1px solid transparent;border-radius: 8px;padding: 20px 15px;transition: all 0.3s ease;aspect-ratio: 1;display: flex;align-items: center;justify-content: center;}
.wmkc-other .item:hover .img{border-color: var(--color);box-shadow: 0 6px 20px rgba(223, 75, 37, 0.1);transform: translateY(-3px);}
.wmkc-other .item .img img{object-fit: contain;width: 100%;}
.othprosw-pagination{text-align: center;margin: 10px 0;}
.othprosw-pagination .swiper-pagination-bullet{margin: 0 5px;width: 12px;height: 12px;}
@media (max-width:1440px){.wmkc-other .home-title{font-size: var(--hometitlefont);margin-bottom: 20px;}}
@media (max-width:1024px){.wmkc-other{padding:40px 0}}
.wmkc-showcase{padding: 4% 0;}
.wmkc-showcase .showlist{display: flex;flex-wrap: wrap;}
.wmkc-showcase .showlist .item{width: 50%;overflow: hidden;position: relative;}
.wmkc-showcase .showlist .item img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
.wmkc-showcase .showlist .item:hover img{transform: scale(1.06);}
.showcasesw-pagination{text-align: center;margin: 10px 0;}
.showcasesw-pagination .swiper-pagination-bullet{margin: 0 5px;width: 12px;height: 12px;}
@media (max-width:1024px){.wmkc-showcase{padding:0}
.wmkc-showcase .showlist{flex-wrap: nowrap;}
.wmkc-showcase .swiperbox{padding: 40px;}
.wmkc-showcase .swiper-container .swiper-pagination-bullet{background: #000;opacity: .2;}
.wmkc-showcase .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{background: var(--color);opacity: 1;}}
@media (max-width:768px){
.wmkc-showcase .swiperbox{padding: 40px 20px;}}
.wmkc-process{padding: 4% 0;}
.wmkc-process .process-header{display: flex;align-items: center;justify-content: space-around;margin-bottom: 40px;}
.wmkc-process .home-title{color: #FF6C00;margin: 0;}
.wmkc-process .process-contact-btn{display: inline-flex;align-items: center;padding: 12px 30px;color: #FF6C00;font-size: var(--fontsize30);font-weight: var(--fontbold6);text-transform: uppercase;border-radius: 99px;transition: all 0.3s ease;border: 1px solid #FF6C00;}
.wmkc-process .process-contact-btn:hover{background: #FF6C00;color: #fff}
.wmkc-process .processbox{display: flex;flex-wrap: wrap;}
.wmkc-process .processbox .item{display: flex;align-items: center;width: 25%;margin-bottom: 20px;box-sizing: border-box;color:#FF6C00;font-size: var(--fontsize24);}
.wmkc-process .processbox .info{flex: 1;border: 1px solid #FF6C00;border-radius: 16px;padding: 20px 15px;background-color: #fff;transition: all 0.3s ease;}
.wmkc-process .processbox .des{line-height: 1;height: 48px;}
.wmkc-process .processbox .info:hover{box-shadow: 0 4px 12px rgba(255, 108, 0, 0.15);transform: translateY(-2px);background: #FF6C00;color: #fff;}
.wmkc-process .processbox .icon{margin-left: 8px;width: 50px;}
.wmkc-process .processbox .icon em{font-size:40px;color: #FF6C00;}
.wmkc-process .processbox .item:nth-child(4) .icon{display: none;}
.wmkc-process .processbox .item:nth-child(8) .icon{display: none;}
.wmkc-process .processbox .item:last-child .icon{display: none;}
@media (max-width:1440px){.wmkc-process .process-contact-btn{font-size: var(--hometitlefont);border-radius: 20px;padding: 10px 20px;}}
@media (max-width:1280px) {
.wmkc-process .processbox .item{width: 33%;font-size: var(--fontsize20);}
.wmkc-process .processbox .item:nth-child(4) .icon{display: block;}
.wmkc-process .processbox .item:nth-child(8) .icon{display: block;visibility: hidden;}
.wmkc-process .processbox .des{line-height: 1;height: 40px;}}
@media (max-width:1024px){.wmkc-process{padding:40px 0}
.wmkc-process .process-contact-btn{font-size: var(--fontsize18);}
.wmkc-process .process-header{margin-bottom: 20px;}
.wmkc-process .processbox{justify-content: space-between;}
.wmkc-process .processbox .item{width: calc(50% + 50px);}
.wmkc-process .processbox .item:nth-child(2n){width: calc(50% - 50px);}
.wmkc-process .processbox .item:nth-child(2n) .icon{display: none;}}
@media (max-width:768px){
.wmkc-process .process-header{flex-wrap: wrap;justify-content: start;}
.wmkc-process .home-title{margin-bottom: 10px;}
.wmkc-process .processbox .item{width: 100%!important;}
.wmkc-process .processbox .item .icon{display: none;}}
.wmkc-gallery{padding: 4% 0;}
.wmkc-gallery .gallerybox{display: flex;justify-content: space-between;}
.wmkc-gallery .gallerybox .item{width: 9.5%;position: relative;transition: .3s;}
.wmkc-gallery .gallerybox .item.act{width: 39%;}
.wmkc-gallery .gallerybox .item .img{width: 100%;height: 100%;}
.wmkc-gallery .gallerybox .item.act .img::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .2);}
.wmkc-gallery .gallerybox .item .img img{width: auto;max-width: none;height: 100%;}
.wmkc-gallery .gallerybox .item .info{position: absolute;top: 50%;left:50%;transform: translate(-50%,-50%);width: 100%;padding:5px;transition: .3s;display: flex;align-items: center;color: #fff;}
.wmkc-gallery .gallerybox .item.act .info{bottom:10px;top: auto;transform: translateX(-50%)}
.wmkc-gallery .gallerybox .item .icon{width: 114px;max-width: 90%;}
.wmkc-gallery .gallerybox .item .icon img{width: 100%;aspect-ratio: 1;}
.wmkc-gallery .gallerybox .item .intro{display: none;padding-left: 5px;flex: 1;}
.wmkc-gallery .gallerybox .item.act .intro{display: block;}
.wmkc-gallery .gallerybox .item .title{font-size: var(--fontsize18);font-weight: var(--fontbold6);margin-bottom:5px;}
@media (max-width:1024px){.wmkc-gallery{padding:40px 0}
.wmkc-gallery .gallerybox{flex-wrap: wrap;}
.wmkc-gallery .gallerybox .item{margin-bottom: 20px;}
.wmkc-gallery .gallerybox .item .icon{width: 80px;}
.wmkc-gallery .gallerybox .item.act .icon{top: 50%;left:50%;transform: translate(-50%,-50%);bottom: auto;}
.wmkc-gallery .gallerybox .item,.wmkc-gallery .gallerybox .item.act{width: 49%;}
.wmkc-gallery .gallerybox .item .img img{width: 100%;max-width: 100%;height: auto;}}
@media (max-width:768px){
.wmkc-gallery .gallerybox .item,.wmkc-gallery .gallerybox .item.act{width: 100%;}}
.home-container .video .home-title{font-size:var(--fontsize36);color:#FFFFFF;margin:20px 0px 10px;line-height:1}
.home-container .video .home-title{font-size:var(--fontsize36);color:#FFFFFF;margin:20px 0px 10px;line-height:1}
@media screen and (max-width:768px){.home-container .video .home-title{font-size:var(--fontsize20);color:#FFFFFF}
.home-container .video .home-title{font-size:var(--fontsize20);color:#FFFFFF}}