﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.home-contact .wmkcfeedback .inquiry-form{margin-top: 20px;}
.home-contact .wmkcfeedback input,.home-contact .wmkcfeedback .wmkcfb-fileupload,.home-contact .wmkcfeedback textarea{background:rgba(255,255,255,0.1);color:#fff;}
.home-contact .wmkcfeedback input::placeholder,.home-contact .wmkcfeedback textarea::placeholder{color:#fff;}
.home-contact .wmkcfeedback .send-btn{color:#000;background: #fff;margin-left:0;}
.home-contact .contact-right{padding-bottom: 20px;}

.home-banner .swiper-slide{position:relative}
#indexbanner .swiper-slide{position:relative;overflow:hidden}
#indexbanner .swiper-slide>a{display:block;line-height:0}
#indexbanner .swiper-slide>a img{display:block;width:100%;height:auto}
#indexbanner .swiper-slide::after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;z-index:1}
#indexbanner .swiper-slide.is-light::after{background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.88) 32%,rgba(255,255,255,.34) 62%,rgba(255,255,255,.02) 100%)}
#indexbanner .swiper-slide.is-dark::after{background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.72) 36%,rgba(0,0,0,.26) 68%,rgba(0,0,0,.04) 100%)}
.banner-copy{position:absolute;z-index:2;left:50%;top:0;width:100%;max-width:1700px;height:100%;padding:0 70px;box-sizing:border-box;transform:translateX(-50%);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left}
.banner-theme{margin:0 0 14px;font-size:13px;line-height:1.4;letter-spacing:3px;text-transform:uppercase;font-weight:var(--fontbold5);color:#d6731b}
.banner-title{margin:0;font-size:46px;line-height:1.14;letter-spacing:-.5px;font-weight:var(--fontbold6);color:#12161f}
#indexbanner .swiper-slide.is-dark .banner-title{color:#fff}
.banner-text{max-width:560px;margin:18px 0 0;font-size:16px;line-height:1.7;color:#3a4150}
#indexbanner .swiper-slide.is-dark .banner-text{color:rgba(255,255,255,.86)}
.banner-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 26px;margin-top:28px;border-radius:2px;background-color:#d6731b;color:#fff;font-size:13px;letter-spacing:1px;line-height:1;text-transform:uppercase;transition:background-color .25s ease}
.banner-btn:hover{background-color:#b95f13;color:#fff}
.banner-btn em{font-size:12px;transition:transform .25s ease}
.banner-btn:hover em{transform:translateX(4px)}
.home-banner .swiper-slide-active .banner-copy>*{animation:bannerCopyIn .75s cubic-bezier(.22,.61,.36,1) both}
.home-banner .swiper-slide-active .banner-copy>*:nth-child(2){animation-delay:.08s}
.home-banner .swiper-slide-active .banner-copy>*:nth-child(3){animation-delay:.16s}
.home-banner .swiper-slide-active .banner-copy>*:nth-child(4){animation-delay:.24s}
@keyframes bannerCopyIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
#indexbanner .banner-button-prev,#indexbanner .banner-button-next{top:28px;bottom:auto}
#indexbanner .banner-button-prev{left:auto;right:126px}
#indexbanner .banner-button-next{right:70px}
@media (max-width:1200px){
.banner-title{font-size:38px}
#indexbanner .banner-button-prev{right:100px}
#indexbanner .banner-button-next{right:46px}
}
@media (max-width:992px){
.banner-copy{padding:0 40px}
.banner-title{font-size:32px}
.banner-text{max-width:480px;font-size:15px}
}
@media (max-width:768px){
#indexbanner .swiper-slide>a img{height:520px;object-fit:cover;object-position:68% center}
.banner-copy{padding:0 20px}
.banner-theme{margin-bottom:10px;font-size:11px;letter-spacing:2px}
.banner-title{font-size:25px;line-height:1.2}
.banner-text{display:block;max-width:100%;margin-top:12px;font-size:13px;line-height:1.6;overflow:visible}
.banner-btn{height:42px;padding:0 20px;margin-top:18px;font-size:12px}
#indexbanner .swiper-slide.is-light::after{background:linear-gradient(180deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.62) 60%,rgba(0,0,0,.46) 100%)}
#indexbanner .swiper-slide.is-light .banner-title{color:#fff}
#indexbanner .swiper-slide.is-light .banner-text{color:rgba(255,255,255,.88)}
}
@media (max-width:480px){
#indexbanner .swiper-slide>a img{height:440px}
}

.wmpage59-page2 .wmpage59-page2-into{width:45px;height:3px;background-color:var(--color,#3483f9);margin:0 auto;margin-bottom:20px}
.wmpage59-page2 .wmpage-title{margin:0;font-size:var(--wmpage-font24,24px);font-weight:var(--fontbold6,600);text-align:center;color:#000}
.wmpage59-page2 .wmpage59-page2-list{margin-top:30px;display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage59-page2 .wmpage59-page2-list .wmpage59-page2-item{width:23%;margin-bottom:2%;border: 1px solid #eee;border-radius: 12px 12px 0 0;overflow: hidden;}
.wmpage59-page2 .wmpage59-page2-item .wmpage59-page2-item-img img{display:block;width:100%;height:auto;max-width:100%;transition:all .1s linear}
.wmpage59-page2 .wmpage59-page2-item .wmpage59-page2-item-info{box-sizing:border-box;padding:10px}
.wmpage59-page2 .wmpage59-page2-item .wmpage59-page2-item-tit{font-size:var(--wmpage-font16);font-weight:var(--fontbold6,600);color:#000;margin:0}
.wmpage59-page2 .wmpage59-page2-item .wmpage59-page2-item-btn{margin-top:10px}
.wmpage59-page2 .wmpage59-page2-item .wmpage59-page2-item-btn span{text-decoration:underline}
.wmpage59-page2 .wmpage59-page2-item .wmpage59-page2-item-btn a{text-decoration:none}
.wmpage59-page2 .wmpage59-page2-item:hover .wmpage59-page2-item-img img{transform:scale(1.02)}
@media(max-width:768px){.wmpage59-page2 .wmpage59-page2-list .wmpage59-page2-item{width:48%;margin-bottom:20px}
}
@media(max-width:500px){.wmpage59-page2 .wmpage59-page2-title{font-size:var(--wmpage-font20)}
.wmpage59-page2 .wmpage59-page2-into{margin-bottom:10px}
.wmpage59-page2 .wmpage59-page2-list{margin-top:20px}
}

.wmpage167-page5{position:relative;overflow:hidden}
.wmpage167-page5-mySwiper{position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 20%,#000 80%,transparent 100%)}
.wmpage167-page5-mySwiper::after{content:'';position:absolute}
.wmpage167-page5-mySwiper .swiper-wrapper{-webkit-transition-timing-function:linear!important;-moz-transition-timing-function:linear!important;-ms-transition-timing-function:linear!important;-o-transition-timing-function:linear!important;transition-timing-function:linear!important}
.wmpage167-page5-title .wmpage-title{text-align:center;position:relative;display:inline-block;padding-bottom:5px;line-height:1;margin-bottom:15px}
.wmpage167-page5-title{margin-bottom:35px;display:flex;flex-direction:column;align-items:center}
.wmpage167-page5-title .wmpage-title::after{position:absolute;content:'';background:var(--color);border-radius:20px;width:100%;height:35%;left:0;bottom:0;background-repeat:no-repeat;z-index:-1;opacity:.4}
.wmpage167-page5-mySwiper .swiper-slide img{position:relative;opacity:1;transition:all .5s ease}
.wmpage167-page5-mySwiper .swiper-slide:hover img{opacity:.4;transform:scale(1.03)}
.wmpage167-page5-title span{position:relative;display:block;font-size:14px;color:#c6a47e;line-height:20px;font-weight:var(--fontbold3);margin-bottom:1px;text-transform:uppercase}
.wmpage167-page5-mySwiper .swiper-wrapper{align-items: center;}
.wmpage-desc{text-align: center;}

.home-about .l-wrap{display:block;align-items:center;padding-top:0}
.home-about .l-wrap .abbox{display:flex;align-items:center;padding-top:2%}
@media screen and (max-width:1090px){.home-about .l-wrap .abbox{flex-wrap:wrap}}


.btn{text-align: center;margin-top: 10px;}
.home-more{min-width:150px;padding:0px 20px;height:45px;border-radius:var(--borderradius);background:var(--color);color:#FFFFFF;text-transform:capitalize;display:inline-flex;align-items:center;justify-content:center;transition:all .1s linear;font-size:var(--fontsize16);position:relative;z-index:1;overflow:hidden}
.home-more::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);width:calc(100% + 20px);border-radius:50%;aspect-ratio:1/1;background:rgba(0,0,0,.4);z-index:-1;transition:all .2s linear}
.home-more:hover::after{transform:translate(-50%,-50%) scale(1)}
.home-more em{margin-left:10px}