﻿@media (min-width:1025px){
.home-about .about-item.item2 .about-img img{transform: initial;}
.home-about .about-item.item2 .about-content{padding-right: 3%;}
}

.index-cate{position:relative;padding-top:4%}
.index-cate .cate-list{margin-top:2em}
.index-cate .cate-list li{position:relative;overflow:hidden;border-radius:10px}
.index-cate .cate-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;width:100%}
.index-cate .cate-list .item1{grid-row:1/3}
.index-cate .cate-list .item2,.index-cate .cate-list .item3{grid-column:2;grid-row:1;width:48%}
.index-cate .cate-list .item2{margin-right:4%}
.index-cate .cate-list .item3{margin-left:52%}
.index-cate .cate-list .item4{grid-column:2;grid-row:2;width:100%}
.index-cate .cate-list img{width:100%;height:100%;object-fit:cover;display:block}
.index-cate .cate-list .title{position:absolute;width:100%;padding:0 25px;bottom:0;left:50%;transform:translateX(-50%);color:#fff;font-size:var(--fontsize22);font-weight:700;text-transform:uppercase;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.4)}
.index-cate .cate-list .title a{display:block}
.index-cate .cate-list .item1 .title{text-align:center;bottom:20%}
.index-cate .cate-list .item2 .title,.index-cate .cate-list .item3 .title{bottom:15%}
.index-cate .cate-list .item4 .title{bottom:20%;padding:0 40px}
.index-cate .cate-list .item4 .more{display:inline-block;margin-top:10%;color:var(--fontcolor);font-size:var(--fontsize16);text-shadow:none;background:#fff;border-radius:8px;padding:5px 15px;transition:all .3s ease}
.index-cate .cate-list .item4 .more:hover{opacity:.8}
@media (max-width:1024px){.index-cate .cate-list .title{font-size:var(--fontsize18);padding:0 15px}
.index-cate .cate-list .item4 .title{padding:0 20px}
}
@media (max-width:768px){.index-cate .cate-list{margin-top:20px;display:block}
.index-cate .cate-list li{margin-bottom:3%;width:100%!important}
.index-cate .cate-list li:last-child{margin-bottom:0}
.index-cate .cate-list .item3{margin-left:0}
.index-cate .cate-list .title{text-align:center}
}
.home-banner .swiper-slide>a::after{background:rgba(0,0,0,.5)}
.home-banner .banner-animote{width:auto;text-align:left;transform: translate(0,-50%);left:0;max-width:45%;top:55%;}
.home-banner .banner-animote .p1{font-size:19px}
@media (min-width:1601px){.home-banner .banner-animote{left:10%;}}
.home-banner .banner-animote .p2{margin:0 0 20px;}
.home-banner .banner-animote .p3{justify-content: flex-start;margin-top:30px;}
@media (min-width:769px) and (max-width:1600px){.home-banner .banner-animote .p2{font-size:3vw;}
.home-banner .banner-animote .p1{font-size:1.2vw;}}
@media (max-width:768px){.home-banner .banner-animote{left:50%;top:45%;transform: translate(-50%,-50%);width:100%;max-width:100%;text-align:center;}
.home-banner .banner-animote .p2{font-size:var(--fontsize18);margin:0;}
.home-banner .banner-animote .p1{font-size:var(--fontsize13);display:none;}}
.home-message{padding:1% 0 4%}
.home-message .home-title{text-transform:uppercase;margin-bottom:40px}
.wmkcfeedback .inquiry-form>*{background:none;border:none;border-bottom:1px solid var(--fontcolor);margin-bottom:40px}
.wmkcfeedback .inquiry-form input::-webkit-input-placeholder,.wmkcfeedback .inquiry-form textarea::-webkit-input-placeholder {color:var(--fontcolor);}
.wmkcfeedback .inquiry-form input:-moz-placeholder,.wmkcfeedback .inquiry-form textarea:-moz-placeholder {color:var(--fontcolor);opacity:1;}
.wmkcfeedback .inquiry-form input::-moz-placeholder,.wmkcfeedback .inquiry-form textarea::-moz-placeholder {color:var(--fontcolor);opacity:1;}
.wmkcfeedback .inquiry-form input:-ms-input-placeholder,.wmkcfeedback .inquiry-form textarea:-ms-input-placeholder {color:var(--fontcolor);}
@media (max-width:768px){.home-message{padding:40px 0}
.home-message .home-title{margin-bottom:20px}}

.home-customer{position: relative;padding: 4% 0}
.home-customer .home-wrap{display:block;max-width:100%}
.home-customer .customer-des{margin:35px auto 0;max-width:560px;color:#4d4d4d;line-height:1.3;text-align:center}
.home-customer .customer-bottom{position:relative;padding:0 60px}
.home-customer .customer-next,.home-customer .customer-prev{position:absolute;top:40%;transform:translateY(-50%);border-radius:50%;background:rgba(0,0,0,.3);width:45px;height:45px;display:flex;justify-content:center;align-items:center;transition:background .3s ease;cursor:pointer}
.home-customer .customer-prev{left:0;right:auto}
.home-customer .customer-next{left:auto;right:0}
.home-customer .customer-next:hover,.home-customer .customer-prev:hover{background:var(--color)}
.home-customer .customer-next em,.home-customer .customer-prev em{color:#fff;transform:none;font-size:var(--fontsize16);width:auto;line-height:normal}
.home-customer .customer-next.swiper-button-disabled,.home-customer .customer-prev.swiper-button-disabled{cursor:not-allowed}
.home-customer .customer-next.swiper-button-disabled:hover,.home-customer .customer-prev.swiper-button-disabled:hover{background:rgba(0,0,0,.3)}
.home-customer .customer-swiper{margin-top:70px}
.home-customer .customer-swiper .swiper-slide{height:auto;overflow:hidden}
.home-customer .customer-swiper .swiper-slide img{width:100%;height:100%;object-fit:cover;transition:all .3s ease;vertical-align:bottom}
.home-customer .customer-swiper .swiper-slide:hover img{transform:scale(1.03)}
.home-customer .customer-swiper .swiper-scrollbar{display:none;position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:27%;height:6px;background:#cecece;border-radius:15px}
.home-customer .customer-swiper .swiper-scrollbar-drag{width:29%!important;height:100%;background:#b29873;border-radius:15px;cursor:pointer}
@media (max-width:1440px){.home-customer .customer-des{margin-top:25px}
.home-customer .customer-swiper{margin-top:40px}}
@media (max-width:1280px){.home-customer .customer-next,.home-customer .customer-prev{width:40px;height:40px}}
@media (max-width:1024px){.home-customer .customer-swiper{margin-top:30px}}
@media (max-width:768px){.home-customer{padding:40px 0}
.home-customer .customer-swiper{margin-top:20px}
.home-customer .customer-bottom{padding:0 50px}
.home-customer .customer-next,.home-customer .customer-prev{width:36px;height:36px}
.home-customer .customer-des{margin-top:15px}}
@media (max-width:500px) {.home-customer .customer-bottom{padding:0}
.home-customer .customer-next, .home-customer .customer-prev{display:none}}
.home-title {font-weight:600}
.home-content1{position:relative;padding:5% 0;}
.home-content1 .meet-content{color:#333;text-align:center}
.home-content1 .wmkc-title{font-size:60px;line-height:1.2}
.home-content1 .meet-center{margin:80px 0 90px;line-height:1.6}
.home-content1 .meet-center p{margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:860px}
.home-content1 .meet-center p:last-child{margin-bottom:0}
.home-content1 .meet-bottom{max-width:860px;margin:0 auto;padding:25px 60px;font-size:var(--fontsize18);background:#edeae8;border-radius:50px;text-align:center;line-height:1.4}
.home-content1 .content1-bottom{position:relative;padding:4% 0;max-width:1190px;margin:7% auto 0}
.home-content1 .content1-bottom::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:100%;background:#333}
.home-content1 .content1-item{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.home-content1 .content1-item.item2{flex-direction:row-reverse;margin:8% 0}
.home-content1 .content1-item .info{width:42%;color:#1a1a1a;text-align:right;hyphens:auto}
.home-content1 .content1-item.item1 .info-content{margin-left:auto;max-width:440px}
.home-content1 .content1-item.item2 .info-content{max-width:420px;text-align:left}
.home-content1 .content1-item.item3 .info-content{margin-left:auto;max-width:400px}
.home-content1 .content1-item .info .title{color:#000;font-size:var(--fontsize20);font-weight:var(--fontbold5);line-height:1.3}
.home-content1 .content1-item .info .desc{margin-top:10px;font-size:var(--fontsize15)}
.home-content1 .content1-item .img{position:relative;width:42%}
.home-content1 .content1-item .img img{width:100%;vertical-align:bottom}
.home-content1 .content1-item .img .about-row img{width:14px}
@media (max-width:1600px){.home-content1 .wmkc-title{font-size:52px}}
@media (max-width:1440px){.home-content1 .wmkc-title{font-size:44px}
.home-content1 .meet-center{margin:60px 0 70px}
.home-content1 .meet-center p{margin-bottom:30px}}
@media (max-width:1280px){.home-content1 .wmkc-title{font-size:36px}
.home-content1 .meet-center{margin:40px 0 50px}
.home-content1 .meet-center p{margin-bottom:20px}}
@media (max-width:1024px){.home-content1 .wmkc-title{font-size:32px}
.home-content1 .meet-center{margin:20px 0 30px}
.home-content1 .meet-center p{margin-bottom:20px}
.home-content1 .meet-bottom{max-width:100%;width:95%;padding:20px 40px;font-size:var(--fontsize16)}}
@media (max-width:768px){.home-content1 .wmkc-title{font-size:var(--fontsize28);line-height:1.4}
.home-content1 .meet-center{margin:20px 0 30px}
.home-content1 .meet-center p br{display:none}
.home-content1 .meet-bottom{padding:15px 20px;font-size:var(--fontsize16)}
.home-content1 .content1-bottom{margin-top:40px;padding:0}
.home-content1 .content1-bottom::before{display:none}
.home-content1 .content1-item.item2{margin:20px 0}
.home-content1 .content1-item .info{width:100%;margin-bottom:15px}
.home-content1 .content1-item .info .info-content{max-width:100%!important;text-align:center!important}
.home-content1 .content1-item .info .desc{margin-top:5px}
.home-content1 .content1-item .img{width:100%}
.home-content1 .content1-item .img .about-row img{width:20px}}
@media (max-width:500px){.home-content1{padding:40px 0}
.home-content1 .wmkc-title{font-size:var(--fontsize24)}
.home-content1 .meet-center{margin:10px 0 20px}
.home-content1 .meet-center p{margin-bottom:5px;font-size:var(--fontsize15)}
.home-content1 .meet-bottom{padding:10px;font-size:var(--fontsize15)}
.home-content1 .content1-item .img .about-row img{width:14px}}
.home-personalized .home-des{font-size:var(--fontsize20);}
.personalized-list1{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:40px;}
.personalized-list1 li{width:32%;text-align:center;}
.personalized-list1 li .personalized-pic{aspect-ratio:500/353;}
.personalized-list1 li .personalized-pic img{display:block;width:100%;height:100%;object-fit:cover;}
.personalized-list1 li p{color:var(--fontcolor);font-size:var(--fontsize20);margin-top:10px;}
.personalized-list2{margin-top:60px;display:flex;justify-content:space-between;}
.personalized-list2 li{text-align:center;width:13.5%;display:flex;flex-direction:column;align-items:center;}
.personalized-list2 li .personalized-num{display:inline-block;background:var(--color);color:#fff;line-height:1.3;padding:3px 15px;min-width:80%;border-radius:10px 10px 0 0;}
.personalized-list2 li .personalized-info{width:100%;border-radius:10px;border:1px solid #ccc;flex:1;padding:25px 10px;}
.personalized-list2 li .personalized-icon img{height:90px;width:auto;}
.personalized-list2 li:nth-child(-n+5) .personalized-icon img{transform:scale(.88)}
.personalized-list2 li:nth-child(3) .personalized-icon img{transform:scale(1)}
.personalized-list2 li:nth-child(6) .personalized-icon img{transform:scale(1.1)}
.personalized-list2 li .personalized-txt{font-weight:var(--fontbold6);line-height:1.3;margin-top:30px}
@media (max-width:1440px){.personalized-list2 li .personalized-txt{font-size:var(--fontsize14)}}
@media (max-width:1024px){.home-personalized .home-des{font-size:var(--fontsize18)}
.personalized-list2{flex-wrap:wrap}
.personalized-list2 li{width:24%;margin-bottom:25px}
.personalized-list2 li:last-child{margin-right:25.333%}}
@media (max-width:768px){.home-personalized .home-des{font-size:var(--fontsize16)}
.personalized-list1{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:20px;}
.personalized-list1 li{width:100%;margin-bottom:20px}
.personalized-list1 li p{font-size:var(--fontsize17);margin-top:10px;}
.personalized-list2{margin-top:30px}
.personalized-list2 li{width:48%;}
.personalized-list2 li:last-child{margin-right:0}}
@media (max-width:550px){.personalized-list2 li .personalized-info{padding:20px 10px;}
.personalized-list2 li .personalized-icon img{height:70px;width:auto;}
.personalized-list2 li .personalized-txt{margin-top:20px}}