﻿@import url(https://css02.v15cdn.com/m434/fonts/iconfont.css);.contactlist{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;max-width:1200px;margin:0 auto;margin-bottom:20px}
.contactlist li{width:32%;margin-bottom:20px;list-style:none;display:flex;align-items:center}
.contactlist li .icon{margin-right:10px}
.contactlist li .icon em{font-size:40px;color:var(--color)}
.contactlist li .info{flex:1}
.contactlist li .info .p1{font-weight:600;font-size:14px;color:silver}
.contactlist li .info .p2{font-weight:600;font-size:var(--fontsize26);color:#8d8d8d;line-height:1.4}
.contactlist li .info .p2 a{color:#8d8d8d}
.contactbox{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative}
.contactbox>div{padding:5% 0;width:50%;z-index:1}
.contactbox .contactimg{color:#fff;padding-right:10%}
.contactbox .contactimg::before{content:"";position:absolute;top:0;right:50%;width:960px;height:100%;background-color:#0b1b2b;z-index:-1}
.contactbox .contactimg .p1{font-weight:600;font-size:14px}
.contactbox .contactimg .p2{font-weight:600;font-size:40px;position:relative;line-height:1.4;padding-bottom:20px;margin-bottom:20px}
.contactbox .contactimg .p2::after{content:"";position:absolute;bottom:0;left:0;width:66px;height:1px;background:#f8f9fb}
.contactbox .contactimg .p2 span{color:var(--color)}
.contactbox .contactimg .list{margin-top:3em}
.contactbox .contactimg .list li{list-style:none;margin-bottom:20px;display:flex;align-items:flex-start}
.contactbox .contactimg .list li em{font-size:var(--fontsize26);color:var(--color);line-height:1.2;width:35px}
.contactbox .contactimg .list li p{flex:1}
.contactbox .contactimg .list li p a{color:#fff}
.contactbox .contactfeedback{padding-left:30px;display:flex;flex-direction:column;justify-content:center}
.contactbox .contactfeedback::before{content:"";position:absolute;top:0;left:50%;width:960px;height:100%;background-color:#f3f3f3;z-index:-1}
.wmkcfeedback .inquiry-form{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmkcfeedback .wmkcfb-fileupload,.wmkcfeedback input,.wmkcfeedback textarea{outline:0;border-radius:5px;border:none;background-color:#fff;height:48px;padding:10px;margin-bottom:1em;font-family:inherit;border:1px solid #eaeaea;font-size:var(--fontsize14);transition:all .1s linear;font-size:16px}
.wmkcfeedback .wmkcfb-fileupload,.wmkcfeedback input,.wmkcfeedback textarea{outline:0;border-radius:5px;border:none;background-color:#fff;height:48px;padding:10px;margin-bottom:1em;font-family:inherit;border:1px solid #eaeaea;font-size:var(--fontsize14);transition:all .1s linear;font-size:16px}
.wmkcfeedback textarea{width:100%!important;flex:none;height:140px;resize:none}
.wmkcfeedback .inquiry-form>*{width:49%}
.wmkcfeedback .send-btn{margin:0 auto;min-width:250px;height:48px;border-radius:5px;font-size:var(--fontsize16);background:var(--color);color:#fff;font-weight:var(--fontbold4);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;outline:0;padding:0 20px;transition:all .1s linear;position:relative;overflow:hidden}
@media (max-width:1024px){.contactlist li .info .p2{font-size:var(--fontsize24)}
.contactbox>div{width:100%}
.contactbox .contactimg{background:var(--hovercolor);padding:20px 0;position:relative}
.contactbox .contactimg::before{right:auto;left:50%;transform:translateX(-50%);width:1920px;z-index:-1}
.contactbox .contactfeedback{background:#f3f3f3;padding:30px 0;position:relative}
.contactbox .contactfeedback::before{right:auto;left:50%;transform:translateX(-50%);width:1920px;z-index:-1}
.wmkcfeedback input{width:49%!important}
}
@media (max-width:768px){.contactlist{margin-bottom:0}
.contactlist li{width:49%}
.contactbox .contactimg .p2{font-size:var(--fontsize24)}
.contactlist li .info .p2{font-size:var(--fontsize18)}
.wmkcfeedback input{width:100%!important}
.wmkcfeedback .send-btn{width:100%}
}
@media (max-width:540px){.contactlist li{width:100%;margin-bottom:10px}
}

.pagesbanner .pagesbanner-animate {max-width:1200px}
@media (max-width:1280px){.pagesbanner .pagesbanner-animate {max-width:1000px}
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize24);}
.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize15);margin-top:10px}}
@media (max-width:1024px){.banner-inner .banner-img img{position:absolute;top:0;left:0;width:100%;height:100%;}
.pagesbanner .pagesbanner-animate{position:relative;transform:none;left:0;top:0;padding:40px 15px}}
@media (max-width:768px){.pagesbanner .pagesbanner-animate{padding:20px 15px}
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize20);}
.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize14);margin-top:5px}}