﻿@import url(https://js01.v15cdn.com/single-template/public.css);
@import url(https://css02.v15cdn.com/m434/message.css);
@import url(https://css02.v15cdn.com/m434/aos.css);
.home-banner .swiper-slide{overflow:hidden}
.home-banner .swiper-slide>a{position:relative;display:flex}
.home-banner .swiper-slide>a::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2)}
.home-banner .swiper-slide img{width:100%;height:100%;object-fit:cover}
.home-banner .pcimg{display:block}
.home-banner .mobimg{display:none}
.home-banner .banner-animote{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;color:#fff;opacity:0}
.home-banner .swiper-slide-active img{animation:bannerimg 6s forwards}
.home-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{position:absolute;top:45%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:0 0;background:rgba(255,255,255,.1);color:#fff;z-index:1;cursor:pointer;transition:all .15s linear;border-radius:50%}
.home-banner .bannerswiper-next:hover,.home-banner .bannerswiper-prev:hover{background:var(--color)}
.home-banner .bannerswiper-next em,.home-banner .bannerswiper-prev em{font-size:var(--fontsize24)}
.home-banner .bannerswiper-prev{left:25px}
.home-banner .bannerswiper-next{right:25px}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0}
}
@keyframes bannerimg{0%{transform:scale(1)}
50%{transform:scale(1.05)}
100%{transform:scale(1)}
}
.home-banner .swiper-pagination{bottom:20px;max-width:1400px;padding:0 70px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center}
.home-banner .swiper-pagination-bullet{background:#b9b9b9;opacity:1;margin:0 5px!important}
.home-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
.swiper-pagination-bullet{width:25px;height:3px;border-radius:0}
@media (max-width:1024px){.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{display:none}
}
.home-banner .banner-animote .p1{font-size:52px;font-weight:var(--fontbold7);line-height:1.17}
.home-banner .banner-animote .p2{margin-top:20px;font-size:var(--fontsize24);opacity:.8;line-height:1.5}
.home-banner .banner-animote .more{margin-top:18px;width:430px;height:60px;border:1px solid #fff;font-size:var(--fontsize20);font-weight:var(--fontbold6);padding:0 20px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease-in-out}
.home-banner .banner-animote .more:hover{color:#fff;background:var(--color);border-color:var(--color)}
.home-banner .banner-animote .more1{color:#000;background:#fff}
.home-banner .banner-animote .more2{color:rgba(255,255,255,.9);border-color:#a2a1a2}
.home-banner .banner-animote.ban2 .line{margin-top:20px;width:40px;height:3px;background:#9ab8dc}
@media (max-width:1920px){.home-banner .banner-animote .p1{font-size:2.7vw}
.home-banner .banner-animote .p2{margin-top:1vw;font-size:1.2vw}
.home-banner .banner-animote .more{margin-top:1vw;width:22.4vw;height:2.8vw;font-size:1vw;padding:0 1vw;border-width:.1vw;border-radius:.2vw}
.home-banner .banner-animote .more em{font-size:1vw}
.home-banner .banner-animote.ban2 .line{margin-top:1vw;width:2.5vw;height:.15vw}
.home-banner .banner-animote.ban2 .p2{margin-top:1.3vw}
}
.home-footintro{display:none}
.wmkc-contact,.wmkc-pro,.wmkc-project{position:relative;padding:2.5% 0}
.wmkc-appli{position:relative;padding-bottom:2.1%}
.wmkc-wrap{position:relative;max-width:1920px;width:100%;margin:0 auto;padding:0 65px}
.wmkc-title{font-size:40px;line-height:1.2;text-align:center}
.wmkc-des{margin-top:10px;color:#343434;font-size:var(--fontsize24);line-height:1.5;text-align:center}
@media (max-width:1440px){.wmkc-des{font-size:var(--fontsize22)}
}
@media (max-width:1280px){.wmkc-title{font-size:36px}
.wmkc-des{font-size:var(--fontsize20)}
}
@media (max-width:1024px){.wmkc-contact,.wmkc-pro,.wmkc-project{padding:30px 0}
.wmkc-appli{padding-bottom:30px}
.wmkc-wrap{padding:0 15px}
.wmkc-title{font-size:32px}
.wmkc-des{margin-top:5px;font-size:var(--fontsize18)}
}
@media (max-width:768px){.wmkc-title{font-size:var(--fontsize30)}
.wmkc-des{font-size:var(--fontsize16)}
}
@media (max-width:540px){.wmkc-des{font-size:var(--fontsize14)}
}
.wmkc-pro .pro-content{display:flex;justify-content:space-between;flex-wrap:wrap}
.wmkc-pro .pro-item{position:relative;margin-top:20px;width:49.85%;border-radius:6px;overflow:hidden}
.wmkc-pro .pro-item img{width:100%}
.wmkc-pro .pro-item .info{position:absolute;top:50%;left:4.5%;transform:translateY(-50%);color:#fff}
.wmkc-pro .pro-item .info .title{font-size:35px;font-weight:var(--fontbold7);line-height:1.26}
.wmkc-pro .pro-item .info .line{margin:25px 0 35px;width:64px;height:2px;background:rgba(255,255,255,.3)}
.wmkc-pro .pro-item .info .desc{font-size:var(--fontsize17);line-height:1.7}
.wmkc-pro .pro-item .info .more{position:relative;display:inline-block;margin-top:60px;font-size:var(--fontsize17);padding-bottom:20px}
.wmkc-pro .pro-item .info .more::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#fff;opacity:.3;transition:all .3s ease-in-out}
.wmkc-pro .pro-item .info .more:hover::after{width:120%;opacity:1}
@media (max-width:1920px){.wmkc-pro .pro-item .info .title{font-size:1.85vw}
.wmkc-pro .pro-item .info .line{margin:1.3vw 0 1.85vw;width:3.35vw;height:.1vw}
.wmkc-pro .pro-item .info .desc{font-size:.9vw}
.wmkc-pro .pro-item .info .more{margin-top:3.1vw;font-size:.9vw;padding-bottom:1vw}
.wmkc-pro .pro-item .info .more::after{height:.1vw}
}
@media (max-width:1024px){.wmkc-pro .pro-item{margin-top:10px}
}
@media (max-width:768px){.wmkc-pro .pro-item{width:100%}
.wmkc-pro .pro-item .info .title{font-size:4vw}
.wmkc-pro .pro-item .info .line{margin:2vw 0 3vw;width:6vw;height:.2vw}
.wmkc-pro .pro-item .info .desc{font-size:2vw}
.wmkc-pro .pro-item .info .more{margin-top:6vw;font-size:2vw;padding-bottom:2vw}
.wmkc-pro .pro-item .info .more::after{height:.2vw}
}
.wmkc-appli .appli-content{margin-top:20px;position:relative;display:flex;justify-content:space-between;flex-wrap:wrap}
.wmkc-appli .appli-content::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:3px;height:90%;background:rgba(162,161,162,.2)}
.wmkc-appli .appli-item{width:47%}
.wmkc-appli .appli-item .more{color:#05306f;font-size:var(--fontsize20);font-weight:var(--fontbold6);line-height:1.8}
.wmkc-appli .appli-item .item-list{display:flex;justify-content:space-between;flex-wrap:wrap}
.wmkc-appli .appli-item .item-list li{margin-top:20px;width:23.1%;transition:all .3s ease-in-out}
.wmkc-appli .appli-item .item-list .img{overflow:hidden;border-radius:5px}
.wmkc-appli .appli-item .item-list img{width:100%;transition:all .3s ease-in-out}
.wmkc-appli .appli-item .item-list .p1{padding:15px 3px;color:rgba(0,0,0,.8);font-size:var(--fontsize18);text-align:center}
.wmkc-appli .appli-item .item-list li:hover{transform:translateY(-6px)}
.wmkc-appli .appli-item .item-list li:hover img{transform:scale(1.04)}
@media (max-width:1600px){.wmkc-appli .appli-item .item-list .p1{padding:10px 0;line-height:1.5}
}
@media (max-width:1280px){.wmkc-appli .appli-item .item-list li{margin-top:10px;width:48.5%}
}
@media (max-width:990px){.wmkc-appli .appli-item .item-list .p1{min-height:74px}
}
@media (max-width:768px){.wmkc-appli .appli-content{margin-top:15px}
.wmkc-appli .appli-content::before{display:none}
.wmkc-appli .appli-item{width:100%}
.wmkc-appli .appli-item .more{font-size:var(--fontsize18)}
.wmkc-appli .appli-item .item-list li{width:23.5%}
}
@media (max-width:540px){.wmkc-appli .appli-item:first-child{margin-bottom:10px}
.wmkc-appli .appli-item .item-list li{width:48.5%}
.wmkc-appli .appli-item .item-list .p1{min-height:auto}
}
.wmkc-standard{position:relative;padding:2.5% 0;max-width:1920px;width:100%;margin:0 auto;aspect-ratio:3;background:url(/Content/uploads/20261251379/202609161032069193482492cc48e5844a697ffc20f268.webp) no-repeat;background-size:cover;background-position:center}
.wmkc-standard .wmkc-wrap{padding:0 30px}
.wmkc-standard .wmkc-title{color:#fff;font-size:57px}
.wmkc-standard .wmkc-des{color:#fff;font-size:var(--fontsize28)}
.wmkc-standard .standard-list{margin-top:170px;display:flex;justify-content:space-between;flex-wrap:wrap}
.wmkc-standard .standard-list li{width:25%;color:#fff;text-align:center;transition:all .3s ease-in-out}
.wmkc-standard .standard-list li:hover{transform:translateY(-8px)}
.wmkc-standard .standard-list .p1{font-size:var(--fontsize28);font-weight:var(--fontbold7);line-height:1.28}
.wmkc-standard .standard-list .p2{margin-top:10px;font-size:var(--fontsize22);line-height:1.5}
@media (max-width:1920px){.wmkc-standard .wmkc-wrap{padding:0 1.6vw}
.wmkc-standard .wmkc-title{font-size:2.8vw}
.wmkc-standard .wmkc-des{margin-top:.55vw;font-size:1.5vw}
.wmkc-standard .standard-list{margin-top:8.9vw}
.wmkc-standard .standard-list li:hover{transform:translateY(-.4vw)}
.wmkc-standard .standard-list .p1{font-size:1.5vw}
.wmkc-standard .standard-list .p2{margin-top:.5vw;font-size:1.2vw}
}
.wmkc-project .project-des{position:relative}
.wmkc-project .project-des .more{position:absolute;top:0;right:0;color:#05306f;font-size:var(--fontsize18);font-weight:var(--fontbold7);opacity:.9;transition:all .3s ease-in-out}
.wmkc-project .project-des .more em{margin-left:10px}
.wmkc-project .project-des .more:hover{opacity:1}
.wmkc-project .project-list{display:flex;flex-wrap:wrap}
.wmkc-project .project-list li{width:32%;margin-right:2%;margin-top:30px;border-radius:8px;background:#f6f6f5;box-shadow:rgba(0,0,0,.24) 0 3px 8px;display:flex;flex-wrap:wrap;overflow:hidden}
.wmkc-project .project-list li:nth-child(3n){margin-right:0}
.wmkc-project .project-list li .img{width:46%;border-radius:5px;overflow:hidden}
.wmkc-project .project-list li .img img{width:100%;height:100%;object-fit:cover;transition:all .3s ease-in-out}
.wmkc-project .project-list li:hover .img img{transform:scale(1.03)}
.wmkc-project .project-list li .info{flex:1;padding:30px 30px 20px;display:flex;flex-direction:column;align-items:flex-start}
.wmkc-project .project-list li .desc{display:inline-block;color:#05306f;border:2px solid #05306f;padding:5px;font-weight:var(--fontbold7);line-height:1}
.wmkc-project .project-list li .title{margin:15px 0 10px;font-size:var(--fontsize20);font-weight:var(--fontbold7);line-height:1.4}
.wmkc-project .project-list li .text{font-size:var(--fontsize18);line-height:1.4;opacity:.8}
.wmkc-project .project-list li .more{display:inline-block;margin-top:auto;color:#05306f;font-weight:var(--fontbold7)}
.wmkc-project .project-list li .more em{margin-left:5px}
@media (max-width:1440px){.wmkc-project .project-list{justify-content:space-between}
.wmkc-project .project-list li{width:48.5%;margin-right:0}
}
@media (max-width:1280px){.wmkc-project .project-list li{margin-top:20px;width:49%}
.wmkc-project .project-list li .info{padding:20px}
.wmkc-project .project-list li .title{margin:10px 0 5px}
}
@media (max-width:1024px){.wmkc-project .project-des .more{margin-top:5px;position:static;display:block;text-align:center}
.wmkc-project .project-list li .desc{font-size:var(--fontsize14)}
.wmkc-project .project-list li .title{font-size:var(--fontsize18)}
.wmkc-project .project-list li .text{font-size:var(--fontsize16)}
.wmkc-project .project-list li .more{font-size:var(--fontsize14)}
}
@media (max-width:768px){.wmkc-project .project-list li{width:100%}
.wmkc-project .project-list li .img{width:35%}
}
@media (max-width:540px){.wmkc-project .project-list li .img{width:100%}
.wmkc-project .project-list li .title{font-size:var(--fontsize20)}
.wmkc-project .project-list li .title br{display:none}
.wmkc-project .project-list li .text br{display:none}
.wmkc-project .project-list li .more{font-size:var(--fontsize16);margin-top:15px}
}
.wmkc-contact{background:#f6f7f9}
.wmkc-contact .wmkc-wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.wmkc-contact .contact-info{width:45%}

.wmkc-contact .contact-info .wmkc-des{color:#000;text-align:left}
.wmkc-contact .contact-info .contact-list{display:flex;justify-content:space-between;text-align:center;flex-wrap:wrap}
.wmkc-contact .contact-info li{margin-top:60px;width:32%;padding:0 10px}
.wmkc-contact .contact-info li em{color:#05306f;font-size:50px;line-height:1}
.wmkc-contact .contact-info li .title{margin:15px 0 10px;font-size:var(--fontsize22);font-weight:var(--fontbold7);line-height:1.2}
.wmkc-contact .contact-info li .desc{color:#333;font-size:21px;line-height:1.3}
.wmkc-contact .contact-inquiry{width:52%}
@media (min-width:1601px){.wmkc-contact .contact-info .wmkc-title{font-size:54px}
}
@media (max-width:1600px){.wmkc-contact .contact-info{width:50%}
.wmkc-contact .contact-inquiry{width:47%}
}
@media (max-width:1280px){.wmkc-contact .contact-info li{margin-top:50px}
}
@media (max-width:1024px){.wmkc-contact .contact-info .wmkc-title{text-align:center}
.wmkc-contact .contact-info .wmkc-des{text-align:center}
.wmkc-contact .contact-info{width:100%;margin-bottom:25px}
.wmkc-contact .contact-info li{margin-top:30px}
.wmkc-contact .contact-info li .title{margin:10px 0 5px;font-size:var(--fontsize22)}
.wmkc-contact .contact-info li .desc{font-size:var(--fontsize18)}
.wmkc-contact .contact-inquiry{width:100%}
}
@media (max-width:540px){.wmkc-contact .contact-info li{width:100%;margin-top:20px}
.wmkc-contact .contact-info li em{font-size:40px}
}
.wmkc-pro .pro-item img{transition:.5s}
.wmkc-pro .pro-item:hover img{transform:scale(1.05)}