﻿@charset "utf-8"; 
@import url(https://js01.v15cdn.com/single-template/public.css);
footer .footer-container .bottom-info .code .contact-list a{color:#fff}
@media (min-width:769px){header nav ul li#liproducts{position:relative}
header nav ul li#liproducts>ul.submenu{width:auto;left:0;right:auto;display:block;}
header nav ul li#liproducts>ul.submenu>li{margin:0;}
header nav ul li#liproducts>ul.submenu>li>a{white-space: nowrap;padding:10px;text-align: left;display:block;}
header nav ul li#liproducts>ul.submenu>li>ul{position:absolute;top:0;left:100%;display:none;background:#fff;}
header nav ul li#liproducts>ul.submenu>li>ul>li{margin:0;}
header nav ul li#liproducts>ul.submenu>li>ul>li>a{width:100%;white-space: nowrap;text-align: left;display:block;padding:10px;}
header nav ul li#liproducts>ul.submenu>li:hover>ul{display:block;}
header nav ul li#liproducts ul li:after{display: none;}}
@media (max-width:768px){header nav ul li#liproducts>ul.submenu>li>ul{position: initial;width:100%;}
header nav ul li#liproducts>ul.submenu>li>ul a{white-space:normal}}
#wmkc .wmkc-itemcont p{max-width:300px;}
footer .footer-container>ul>li .content{padding-top:10px;}

footer .footer-container>ul{height:auto;padding:10px 0}
footer .footer-container>ul>li.email,footer .footer-container>ul>li.tel{display:none}
footer .footer-container>ul>li .logo{height:100px}
footer .footer-container>ul>li .content .content-text{-webkit-line-clamp:3}
footer .footer-container>ul>li.contact{flex:none;width:65%}
footer .footer-container>ul>li.contact .contact-list{display:flex;justify-content:space-between;flex-wrap:wrap}
footer .footer-container>ul>li.contact .contact-list li{width:32%;color:#fff;text-align:center;display:flex;flex-direction:column}
footer .footer-container>ul>li.contact .contact-list a{color:#fff}
footer .footer-container>ul>li.contact .contact-list a:hover{text-decoration:underline}
footer .footer-container>ul>li.contact .contact-list .li-img img{width:50px}
@media (max-width:768px){footer .footer-container>ul>li.contact{width:100%}
}
@media (max-width:540px){footer .footer-container>ul>li.contact .contact-list li{margin-top:10px;width:49%}
}


.wmpage216-page3 .wmpage216-page3-top{text-align:center}
.wmpage216-page3 .wmpage216-page3-top .wmpage216-page3-text{display:inline-block;padding-left:40px;position:relative;text-transform:uppercase;color:var(--color);font-size:var(--wmpage-font17);font-weight:var(--fontbold6)}
.wmpage216-page3 .wmpage216-page3-top .wmpage216-page3-text::after{position:absolute;content:'';width:30px;height:2px;background:var(--color);left:0;top:50%;transform:translateY(-50%)}
.wmpage216-page3 .wmpage-title{color:#fff}
.wmpage216-page3 .wmpage216-page3-bottom{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage216-page3 .wmpage216-page3-bottom .wmpage216-page3-item{width:32%;position:relative;text-align:center;margin-top:30px;z-index:1}
.wmpage216-page3 .wmpage216-page3-bottom .wmpage216-page3-item::before{position:absolute;content:'';background:url(https://img01.v15cdn.com/singletem/wmpage216/wmpage216-page3-img5.webp) no-repeat;width:100%;height:100%;background-size:cover;left:0;top:0;z-index:-1;opacity:1;transform:scaleY(1);transform-origin:top;transition:all .3s linear}
.wmpage216-page3 .wmpage216-page3-bottom .wmpage216-page3-item:hover::before{opacity:0;transform:scaleY(0)}
.wmpage216-page3 .wmpage216-page3-bottom .wmpage216-page3-item::after{position:absolute;content:'';background:url(https://img01.v15cdn.com/singletem/wmpage216/wmpage216-page3-img6.webp) no-repeat;width:100%;height:100%;background-size:cover;left:0;bottom:0;z-index:-1;transform:scaleY(0);transform-origin:bottom;opacity:0;transition:all .3s linear}
.wmpage216-page3 .wmpage216-page3-bottom .wmpage216-page3-item:hover::after{opacity:1;transform:scaleY(1)}
.wmpage216-page3 .wmpage216-page3-item .wmpage216-page3-img{position:relative;overflow:hidden;width:100%;padding:12px}
.wmpage216-page3 .wmpage216-page3-item .wmpage216-page3-img img{position:relative;width:100%;height:auto;object-fit:cover;border-radius:50%;border:5px solid #ecf2fc;aspect-ratio: 1;}
.wmpage216-page3 .wmpage216-page3-item .wmpage216-page3-share{display:flex;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.wmpage216-page3 .wmpage216-page3-item .wmpage216-page3-share li{display:inline-flex;justify-content:center;align-items:center;width:33px;height:33px;border-radius:50%;background:#fff;visibility:hidden;transition:all .4s ease-in-out;transform:translateY(-200px);cursor: pointer;}
.wmpage216-page3 .wmpage216-page3-item .wmpage216-page3-share li em{color:var(--color);transition:all .4s ease-in-out}
.wmpage216-page3 .wmpage216-page3-item .wmpage216-page3-share li:nth-child(2){transition:all .5s ease-in-out}
.wmpage216-page3 .wmpage216-page3-item .wmpage216-page3-share li:nth-child(3){transition:all .6s ease-in-out}
.wmpage216-page3 .wmpage216-page3-item .wmpage216-page3-share li:nth-child(4){transition:all .7s ease-in-out}
.wmpage216-page3 .wmpage216-page3-item:hover .wmpage216-page3-share li{transform:translateY(0);visibility:visible}
.wmpage216-page3 .wmpage216-page3-item .wmpage216-page3-share li:hover{background:var(--color);transform:translateY(-5px)}
.wmpage216-page3 .wmpage216-page3-item .wmpage216-page3-share li:hover em{color:#fff}
.wmpage216-page3 .wmpage216-page3-item .wmpage216-page3-share li:nth-child(-n+3){margin-right:6px}
.wmpage216-page3 .wmpage216-page3-item .wmpage216-page3-info{padding:20px 20px 30px}
.wmpage216-page3 .wmpage216-page3-item .wmpage216-page3-name{color:var(--wmpage-color22);font-weight:var(--fontbold6);font-size:var(--wmpage-font20);transition:all .3s linear}
.wmpage216-page3 .wmpage216-page3-item .wmpage216-page3-desc{font-weight:var(--fontbold6);color:var(--wmpage-color8)}
.wmpage216-page3 .wmpage216-page3-item:hover .wmpage216-page3-desc,.wmpage216-page3 .wmpage216-page3-item:hover .wmpage216-page3-name{color:#fff}
@media screen and (max-width:1024px){.wmpage216-page3 .wmpage216-page3-bottom .wmpage216-page3-item{width:48%}
}
@media screen and (max-width:600px){.wmpage216-page3 .wmpage216-page3-bottom .wmpage216-page3-item{width:100%}
}