@import url(https://js01.v15cdn.com/single-template/public.css);
.banner-animote{text-align:left}
.banner-animote .title{font-size:3vw;font-weight:500;text-align:left;transition:all .2s;margin-bottom:1%}
.banner-animote .title:hover{color:var(--color);cursor:pointer}
.banner-animote .desc{text-align:left}
.wmpage28-products .wmpage28-title h5{font-weight:var(--fontbold9);font-style:normal;line-height:1.2;color:#2c2d31}
.wmpage28-products .wmpage28-text span{color: #fff;font-size: var(--wmpage-font18);line-height: 1;font-weight: 600;margin-bottom: 10px;}
.wmpage28-products{position:relative;padding:150px 0 50px;background-color:#f8f9fd}
.wmpage28-products::after{position:absolute;content:'';top:0;right:0;max-width:850px;width:100%;height:343px;background-color:var(--wmpage-color33,#2e5399)}
.wmpage28-products .wmpage28-lawy{margin:0 auto;padding:0 3%}
.wmpage28-products-item{margin:40px 0;display:flex;justify-content:space-between;z-index:1;position:relative}
.wmpage28-products-box{width:24%;padding:10px;position:relative;background:#fff}
.wmpage28-products-box::after{position:absolute;content:'';width:100%;height:100%;top:0;left:0;opacity:0;background:var(--wmpage-color33);transition:all .3s ease-in-out}
.wmpage28-products .wmpage28-text-wrap{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;transition:all .3s ease-in-out;opacity:0}
.wmpage28-products-img p{position: absolute;left: 50%;bottom:30px;transform: translate(-50%, 0);font-size: var(--fontsize20);font-weight: var(--fontbold6);line-height: 1;}
.wmpage28-products-img img{aspect-ratio: 1.5 / 2;width: 80%;display: block;object-fit: contain;margin: 0 auto 30px;}
.wmpage28-products .wmpage28-text{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--bgcolor);color:#fff}
.wmpage28-products-box:hover .wmpage28-text-wrap{opacity:1}
.wmpage28-products-box:hover::after{opacity:.9}
@media(max-width:1400px){.wmpage28-products{padding:70px 0 40px}
.wmpage28-products-box{width:22%}
.wmpage28-products::after{max-width:70%;width:40%;height:40%}
}
@media(max-width:1200px){.wmpage28-products{padding:40px 0 0}
.wmpage28-text p{font-size:var(--wmpage-font14)}
}
@media(max-width:1024px){.wmpage28-products-box{width:24%}
.wmpage28-products-item{margin:20px 0}
}
@media(max-width:768px){.wmpage28-products-item{flex-wrap:wrap}
.wmpage28-products-box{width:49%;margin-bottom:2%;border:1px solid #eee}
}
@media(max-width:450px){.wmpage28-text img{width:25px}
.wmpage28-text p{font-size:var(--wmpage-font12);margin-bottom:8px}
}
.wmpage207-page3-title{text-align:center}
.wmpage207-page3-contant{display:flex;justify-content:space-between;margin-top:35px}
.wmpage207-page3-box{width:31.5%;position:relative;border-radius:6px;overflow:hidden;box-shadow:0 1px 6px 1px #ebebeb}
.wmpage207-page3-image{position:relative}
.wmpage207-page3-image img{width:100%}
.wmpage207-page3-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#00000000;transition:all .3s ease-in-out}
.wmpage207-page3-btn a{box-shadow:0 20px 30px rgba(0,0,0,.1);position:relative;display:inline-flex;overflow:hidden;padding:17px 35px 16px;text-align:center;z-index:1;letter-spacing:1px;color:#fff;font-weight:600;text-transform:uppercase;transition:all .3s ease-in-out;background-color:var(--color);line-height:1;transform:translateX(40px);opacity:0}
.wmpage207-page3-con{padding:25px;background:#fff}
.wmpage207-page3-tit{font-size: var(--wmpage-font20);line-height: 1.25;margin-bottom: 15px;font-weight: var(--fontbold6);}
.wmpage207-page3-box:hover .wmpage207-page3-btn{background:#00000052}
.wmpage207-page3-box:hover .wmpage207-page3-btn a{transform:translateX(0);opacity:1}
.wmpage207-page3-btn a:hover span{width:225%;height:562.5px}
.wmpage207-page3-btn a span{position:absolute;display:block;width:0;height:0;border-radius:50%;background-color:#2c2a49;transition:width .4s ease-in-out,height .4s ease-in-out;transform:translate(-50%,-50%);z-index:-1}
@media (max-width:1366px){.wmpage207-page3-con{padding:15px}
.wmpage207-page3-tit{font-size:18px;line-height:1.25;margin-bottom:10px}
}
@media (max-width:1024px){.wmpage207-page3-btn a{padding:15px 20px;font-size:14px}
}
@media (max-width:768px){.wmpage207-page3-contant{flex-wrap:wrap}
.wmpage207-page3-box{width:49%;margin-bottom:2%}
}
@media (max-width:550px){.wmpage207-page3-box{width:100%;margin-bottom:2%}
}
.wmpage35-page4-main{background:url(https://img01.v15cdn.com/singletem/wmpage35/wmpage35-video.webp) center no-repeat;background-size:cover;display:flex;justify-content:center}
.wmpage35-page4-main iframe{width:100%;aspect-ratio:1.89;height:auto}
@media(max-width:768px){.wmpage35-page4-main video{height:430px!important}
}
@media(max-width:600px){.wmpage35-page4-main video{height:320px!important}
}
@media(max-width:500px){.wmpage35-page4-main video{height:260px!important}
}
@media(max-width:450px){.wmpage35-page4-main video{height:210px!important}
}
.wmpage181-page3 .wmpage181-page3-text{color:var(--color);text-align:center;text-transform:uppercase;font-weight:var(--fontbold6)}
.wmpage181-page3 .wmpage-title{text-align:center;margin:5px 0}
.wmpage181-page3 .wmpage181-page3-words{max-width:80%;text-align:center;margin:0 auto 35px}
.wmpage181-page3 .wmpage181-page3-box{display:flex;flex-wrap:wrap;margin-top:30px;overflow:hidden}
.wmpage181-page3 .wmpage181-page3-box .wmpage181-page3-left{position:relative;width:45%}
.wmpage181-page3 .wmpage181-page3-left .wmpage181-page3-img{position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:center;transition:transform .5s ease-in-out,opacity .5s ease-in-out;opacity:0}
.wmpage181-page3 .wmpage181-page3-left .wmpage181-page3-img img{width:100%;height:100%;object-fit:cover}
.wmpage181-page3 .wmpage181-page3-left .wmpage181-page3-img.active{transform:scale(1);opacity:1}
.wmpage181-page3 .wmpage181-page3-box .wmpage181-page3-right{width:55%;display:flex;flex-direction:column;justify-content:space-between}
.wmpage181-page3 .wmpage181-page3-right .wmpage181-page3-item{position:relative;padding:30px;background:#f2f3f8;transition:all .2s linear;border:4px solid #f2f3f8;cursor: pointer;}
.wmpage181-page3 .wmpage181-page3-right .wmpage181-page3-item.active{border-color:var(--color);background:#fff}
.wmpage181-page3 .wmpage181-page3-right .wmpage181-page3-item:nth-child(-n+2)::after{position:absolute;content:'';left:0;bottom:0;width:100%;height:2px;background:#d4d9e0}
.wmpage181-page3 .wmpage181-page3-right .wmpage181-page3-title{font-weight:var(--fontbold7);font-size:var(--wmpage-font22)}
.wmpage181-page3 .wmpage181-page3-right .wmpage181-page3-list{display:flex;flex-wrap:wrap}
.wmpage181-page3 .wmpage181-page3-list li{padding:0 15px;display:inline-flex;flex-wrap:wrap;align-items:center;font-weight:var(--fontbold6);color:var(--wmpage-color8);margin-top:10px}
.wmpage181-page3 .wmpage181-page3-list li:first-child{padding-left:0;padding-right:15px}
.wmpage181-page3 .wmpage181-page3-list li:nth-child(-n+2){border-right:1px solid #d4d9e0}
.wmpage181-page3 .wmpage181-page3-list li em{color:var(--color);margin-right:5px}
.wmpage181-page3 .wmpage181-page3-right .wmpage181-page3-letter{color:var(--wmpage-color8);margin-top:10px}
@media screen and (max-width:1024px){.wmpage181-page3 .wmpage181-page3-box .wmpage181-page3-left{width:100%}
.wmpage181-page3 .wmpage181-page3-box .wmpage181-page3-right{width:100%}
.wmpage181-page3 .wmpage181-page3-left .wmpage181-page3-img{position:relative;display:none}
.wmpage181-page3 .wmpage181-page3-left .wmpage181-page3-img.active{display:block}
}


.wmpage207-page3-1 .wmpage207-page3-box{width:24%;}
@media (max-width:1024px){.wmpage207-page3-1 .wmpage207-page3-box{width:49%;margin-bottom:2%}}
@media (max-width:550px){.wmpage207-page3-box{width:100%;}}
@media (min-width:769px) {.wmpage207-page3-contant1{justify-content:center}}
.flavor-swiper{width:100%;position:relative;}
.wmpage207-page3-image img{display:block;aspect-ratio:4/3;object-fit:cover;}
.flavor-swiper .swiper-wrapper{padding:10px 0}
.flavor-swiper .swiper-pagination{display:none}
.flavor-btn{display:flex;justify-content:center;margin-top:20px;}
.flavor-btn>div{display:flex;align-items:center;justify-content:center;cursor:pointer;width:80px;height:40px;background:#eee;border-radius:5px;margin:0 1%;transition:.3s;}
.flavor-btn>div em{font-size:var(--fontsize22);}
.flavor-btn>div:hover{background:var(--color);color:#fff}
@media (max-width:768px){.flavor-btn{margin-top:10px;}}

@media (max-width: 768px){

.banner-animote .title{font-size: 5vw;}
.banner-animote .desc {font-size: 3vw;line-height: 1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;}
}

@media (max-width:1024px){header{border:none!important;}}
@media (max-width:768px){.head-logo a img{max-height:16px}}
.banner-animote .desc.desc2{display:none}
@media (max-width:768px){.banner-animote .desc{display:none}
.banner-animote .desc.desc2{display:block;font-size:16px;font-weight:300;line-height:1.8;margin-top:20px}
.banner-animote .title{line-height:1.4;}
.home-banner .swiper-slide img{aspect-ratio:24/25;object-position:right}
.home-banner .swiper-slide>a::after{background:rgba(0 0 0 / 10%);}
.home-banner .banner-animote{top:34%}}