﻿.teamSwiper{position:relative;padding-bottom:50px;}
@media (min-width:769px){.teamSwiper .swiper-pagination-bullet{width:10px;height:10px;}}
.teamSwiper .swiper-pagination-bullet{background:#333;}
.teamSwiper .swiper-pagination-bullet-active{background:#fff;border:1px solid var(--color)}
.teamSwiper .team-btn>div{position:absolute;top:40%;transform: translateY(-50%);z-index:2;width:30px;height:60px;z-index:2;background:var(--color);color:#fff;font-weight:var(--fontbold7);display:flex;justify-content: center;align-items: center;cursor:pointer}
.teamSwiper .team-btn>div.team-swiper-button-prev{left:0;}
.teamSwiper .team-btn>div.team-swiper-button-next{right:0;}
@media (max-width:1280px){.teamSwiper .team-btn>div{top:35%;}}
@media (max-width:550px){.teamSwiper .swiper-slide .kche-item-title{font-size:16px;}}
.abouts-main .abouts-container .abouts-left{display:none;}
.contact-us .wmkc-hcontact{position:relative;}
.contact-us .wmkc-hcontact:before{content:'';width:100vw;height:100%;max-width:1920px;background:#1a1a1a;position:absolute;top:0;left:48%;transform: translateX(-50%);z-index:-1}
.contact-us .wmkc-hcontact .hcontact-wrap{padding:0 20px}

:root{--hometitlefont:40px;}
@media(max-width:1440px){:root{--hometitlefont:34px}}
@media(max-width:1280px){:root{--hometitlefont:30px}}
@media(max-width:1024px){:root{--hometitlefont:26px}}
@media(max-width:768px){:root{--hometitlefont:24px}}
@font-face{font-family:"iconfont2";display:swap;;src:url(https://css02.v15cdn.com/m435/fonts/iconfont.woff2?t=1751880757343) format('woff2'),url(https://css02.v15cdn.com/m435/fonts/iconfont.woff?t=1751880757343) format('woff'),url(https://css02.v15cdn.com/m435/fonts/iconfont.ttf?t=1751880757343) format('truetype')}
.contact-box .iconfont{font-family:"iconfont2"!important;}
.icon-telephone:before{content:"\e680"}
.icon-email1:before{content:"\e66f"}
.icon-address:before{content:"\ecb2"}
.home-title{font-size:var(--hometitlefont);font-weight:var(--fontbold5);color:var(--fontcolor);text-align:center;text-transform:capitalize;line-height:1.4}
.home-title span{color:var(--color)}
.home-des{font-size:var(--fontsize16);color:var(--introcolor);text-align:center;max-width:1000px;margin:10px auto 0}
.contact-box{display:flex;align-items:flex-start;justify-content:space-between}
.contact-box .contact-info{width:420px}
.contact-box .contact-info .home-des,.contact-box .contact-info .home-title{text-align:left}
.contact-box .contact-list{flex:1;padding-left:5%;display:flex;align-items:stretch;justify-content:space-between}
.contact-box .contact-list li{width:32%;background:#fcf4f1;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:30px;border:1px solid #fcf4f1;transition:all .1s linear}
.contact-box .contact-list li .icon{width:60px;height:60px;background:var(--color);border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.contact-box .contact-list li .icon em{color:#fff;font-size:var(--fontsize26);font-weight:var(--fontbold5);transition:all .2s linear}
.contact-box .contact-list li .title{font-weight:var(--fontbold5);font-size:var(--fontsize18);line-height:1.4;margin:10px 0}
.contact-box .contact-list li .content{color:#686d7a;line-height:1.4}
.contact-box .contact-list li .content p{color:#686d7a;font-size:var(--fontsize16)}
.contact-box .contact-list li .content a{color:#686d7a;font-size:var(--fontsize16)}
.contact-box .contact-list li:hover{border-color:var(--color)}
.contact-box .contact-list li:hover .icon em{transform:rotateY(180deg)}
.wmkcfeedback .send-inquiry .inquiry-form input, .wmkcfeedback .send-inquiry .inquiry-form .wmkcfb-fileupload,.wmkcfeedback .send-inquiry .inquiry-form textarea{background:#f5f5f5!important}
.contactfeedback .wmkcfeedback .send-btn{background:var(--color);color:#fff;border-color:var(--color);border-radius:40px;overflow:hidden}
@media(max-width:1280px){.contact-box .contact-list li{padding:20px 10px}
.contact-box{flex-direction:column}
.contact-box .contact-info{width:100%}
.contact-box .contact-list{padding:0;width:100%}}
@media (max-width:768px){.contact-box .contact-list{margin-top:20px}
.contact-box .contact-list li .icon{width:50px;height:50px}}
@media(max-width:500px){.contact-box .contact-list{flex-wrap:wrap}
.contact-box .contact-list li{width:100%;margin-bottom:20px;position:relative;padding-left:80px}
.contact-box .contact-list li .icon{position:absolute;left:10px;top:50%;transform:translateY(-50%)}
.contact-box .contact-list li .title{margin-top:0;width:100%}
.contact-box .contact-list li .content{width:100%}}