﻿.home-categories{padding-top:3%;}
.homecategories-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:30px;}
.homecategories-list li{width:49%;position:relative;list-style:none;overflow:hidden;margin-bottom:30px}
.homecategories-list li .homecategories-info a{display:block;position:relative;}
.homecategories-list li .homecategories-info .homecategories-pic img{display:block;aspect-ratio:7 / 4;object-fit:cover}
.homecategories-list li .homecategories-info .homecategories-tit{text-transform: uppercase;width:100%;height:100%;position:absolute;top:0;left:0;padding:10px;text-align:center;display:flex;align-items:center;justify-content:center;font-weight:bold;color:#fff;font-size:34px;line-height:1.2;transition:.4s;}
.homecategories-list li .homecategories-hover{position:absolute;width:100%;height:100%;top:-100%;left:0;padding:15px;transition:.4s;}
.homecategories-list li .homecategories-hover a{display:flex;width:100%;height:100%;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:rgba(255,255,255,.6);padding:10px}
.homecategories-list li .homecategories-hover .homecategories-hovertit{text-transform: uppercase;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:bold;color:var(--fontcolor);font-size:34px;line-height:1.2;}
.homecategories-list li .homecategories-hover p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:10px 0 15px;line-height:1.5}
.homecategories-list li .homecategories-hover .homecategories-hoverbtn{display:flex;justify-content:center;}
.homecategories-list li .homecategories-hover .homecategories-hoverbtn em{width:30px;height:30px;background:var(--fontcolor);color:#fff;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:var(--fontsize20);font-weight:bold;}
.homecategories-list li:hover .homecategories-info .homecategories-tit{top:-100%}
.homecategories-list li:hover .homecategories-hover{top:0;}
.homecategories-list li .homecategories-hover .homecategories-hoverbtn em:hover{background:var(--color)}
@media (max-width:1280px){.homecategories-list li .homecategories-info .homecategories-tit,.homecategories-list li .homecategories-hover .homecategories-hovertit{font-size:var(--fontsize26)}}
@media (max-width:1024px){.homecategories-list li{width:48%;margin-bottom:20px}}
@media (max-width:768px){.home-categories{padding-top:30px;}
.homecategories-list li .homecategories-info .homecategories-tit,.homecategories-list li .homecategories-hover .homecategories-hovertit{font-size:var(--fontsize18)}
.homecategories-list li .homecategories-hover{padding:10px}
.homecategories-list li .homecategories-hover p{display:none}
.homecategories-list li .homecategories-hover .homecategories-hoverbtn{margin-top:15px}}
@media (max-width:540px){.homecategories-list li .homecategories-hover{display:none}
.homecategories-list li:hover .homecategories-info .homecategories-tit{top:0}}
.home-banner .swiper-slide-active img{animation:none;}

.home-service,.home-choose,.home-footlogo{display:none}
.wmkc-video .wmkc-wrap{transform: initial!important;}

.home-choose1{position:relative;padding:4% 0;}
.home-choose1 .home-title-box{text-align:center;margin-bottom:30px;}
.home-choose1 .home-des{color:#556075;margin:8px 0 0}
.home-choose1 .home-title-box .line{display:inline-block;width:60px;height:3px;background:#06d}
.home-choose1 .choose-card-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:60px}
.home-choose1 .choose-card-item{position:relative;border-radius:8px;overflow:hidden;height:400px}
.home-choose1 .card-bg{width:100%;height:100%}
.home-choose1 .card-bg img{width:100%;height:100%;object-fit:cover}
.home-choose1 .card-text{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.45);padding:40px 30px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;align-items:flex-start}
.home-choose1 .icon-circle{display:block;width:56px;height:56px;}
.home-choose1 .icon-circle img{width:100%;object-fit:cover}
.home-choose1 .card-text h3{font-size:30px;margin:15px 0 10px;font-weight:bold;line-height:1.3;}
.home-choose1 .card-text p{font-size:17px;line-height:1.6;opacity:.92;margin-bottom:15px;}
.home-choose1 .home-more{display:inline-block;padding:5px 26px 7px;min-width:auto;height:auto;background:var(--color);color:#fff;border-radius:20px;margin-top:auto;}
.home-choose1 .home-more span{margin-left:8px}
.home-choose1 .choose-feature-list{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;border-top:1px solid #eee;padding-top:40px}
.home-choose1 .feature-item{display:flex;align-items:center;gap:14px}
.home-choose1 .feature-item i{font-size:32px;color:var(--color);width:40px;text-align:center}
.home-choose1 .feature-item .txt strong{display:block;font-size:20px;color:#0f2446;font-weight:600}
.home-choose1 .feature-item .txt span{font-size:16px;color:#556075;font-weight:600}
@media screen and (max-width:1024px){
.home-choose1{padding:40px 0;}
.home-choose1 .choose-card-list{grid-template-columns:repeat(2,1fr)}
.home-choose1 .choose-feature-list{grid-template-columns:repeat(3,1fr);row-gap:30px}
}
@media screen and (max-width:768px){
.home-choose1 .choose-card-list{grid-template-columns:1fr;margin-bottom:30px;}
.home-choose1 .choose-feature-list{grid-template-columns:repeat(2,1fr);padding-top: 30px;}
.home-choose1 .choose-card-item{height:350px;}
}
@media (max-width:540px){
.home-choose1 .home-title-box{margin-bottom:20px;}
.home-choose1 .home-des{font-size:14px;}
.home-choose1 .card-text h3{font-size:24px;}
}
.popinquiry{position:fixed;top:50%;left:50%;z-index:999999;transform:translate(-50%,-50%);display:none}
.popinquiry.active{display:block}
.popinquiry.active .popinquiry-content{animation:popanimate .5s forwards;}
.popinquiry-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:.6s;opacity:0;transform:translateY(30px)}
.popinquiry-info{background:#fff;padding:20px;max-width:100%;width:700px;position:relative;border-radius:5px;box-shadow:0 3px 10px #666666aa;}
.popinquiry-tit{font-weight:bold;font-size:var(--fontsize20);}
.popinquiry-close{width:32px;height:32px;position:absolute;right:20px;top:20px;cursor:pointer;}
.popinquiry-close:before{content:'';width:2px;height:24px;background:var(--fontcolor);transform:rotate(45deg);position:absolute;top:4px;left:15px;}
.popinquiry-close:after{content:'';width:2px;height:24px;background:var(--fontcolor);transform:rotate(-45deg);position:absolute;top:4px;left:15px;}
.popinquiry-info .wmkcfeedback{padding-top:15px}
.popinquiry-info .send-inquiry{margin:0}
.popinquiry-info .send-inquiry .inquiry-form input{padding:0 15px;margin-bottom:15px;height:44px;border:1px solid #ccc;background:#f8f8f8}
.popinquiry-info .wmkcfeedback .wmkcfb-fileupload{margin-bottom:15px;height:44px;border:1px solid #ccc;background-color:#f8f8f8}
.popinquiry-info .send-inquiry .inquiry-form textarea{padding:15px;height:180px;border:1px solid #ccc;background:#f8f8f8;margin-bottom:15px}
@media (max-width:540px){.popinquiry-info{padding:15px}
.popinquiry-tit{font-weight:bold;font-size:var(--fontsize18);}
.popinquiry-close{top:12px;right:12px}
.popinquiry-info .send-inquiry .inquiry-form input{padding:0 10px;margin-bottom:12px;height:40px;}
.popinquiry-info .send-inquiry .inquiry-form textarea{padding:10px;height:140px;margin-bottom:12px}
.popinquiry-info .wmkcfeedback .send-btn{height:42px;min-width:inherit;padding:0 15px}}
@keyframes popanimate{0%{opacity:0;transform:translateY(30px)}
100%{opacity:1;transform:translateY(0);}}