.contact-us article {display:flex;flex-direction:column-reverse;}
.contact-map {margin-top:50px;}
.contact-wrap .contact-sidebar {margin-top:0;}
.contact-wrap .contact-main {padding-top:0;}
.contact-main .inquiry-wrap {padding-top:0;}
.contact-main form.inquiry-form {display:flex;flex-wrap:wrap;justify-content:space-between;}
.contact-main .inquiry-form input {width:49%;border:1px solid #eee;margin-bottom:15px;}
.contact-main .inquiry-form input.wmkcfb-title {width:100%}
.contact-main .inquiry-form textarea {border:1px solid #eee;}
.contact-main .wmkcfeedback .send-btn {margin-bottom:0;}
@media (max-width:1024px){.contact-wrap .contact-sidebar{margin-bottom:20px}}
@media (max-width:768px){.contact-main .inquiry-form input{width:100%}}
/*@media (max-width:1650px){.inner-banner .inner-content .l-wrap,.common-main>.l-wrap{padding-left:15px;padding-right:15px}}*/

.home-message{position:relative;padding:3% 0}
.home-message{background-color:#DDDDDD;background-size:cover;background-repeat:no-repeat}
.home-message .l-wrap{display:flex;align-items:center;flex-wrap:wrap}
.home-message .homemessage-img{width:50%;border-radius:5px;overflow:hidden;}
.home-message .homemessage-img:hover img{transform:scale(1.02)}
.home-message .homemessage-img img{width:100%;border-radius:var(--borderradius);transition:all .2s ease}
.home-message .homemessage-info{width:50%;box-sizing:border-box;padding: 20px;}
.home-message .home-title{text-align:left}
.home-message .homemessage-des{margin:15px 0px}
.home-message .homemessage-des p{font-size:var(--fontsize18);color:var(--introcolor)}
@media(max-width:1024px){.home-message{padding:50px 0px}
}@media(max-width:768px){.home-message{padding:30px 0px}
.home-message .homemessage-img{width:100%}
.home-message .homemessage-info{width:100%;padding-left:0px;margin-top:2em}}
.home-message{padding: 10px;margin-top: 20px;}
    .home-message .wmkcfeedback input{width:100%;height:50px}
.wmkcfeedback input,.wmkcfeedback textarea,.wmkcfeedback .wmkcfb-fileupload{width:100%;outline:0;border:1px solid #e5e5e5;padding:10px;border-radius:var(--borderradius);margin-top:15px;font-size:var(--fontsize16);-webkit-transition:all .1s linear;transition:all .1s linear;-webkit-box-shadow:none;box-shadow:none;display:inline-flex;align-items:center;background:#FFFFFF;font-family:var(--fontfamily)}
  .home-message{background-color: #98A083; }
.contact-list .contactlist{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none}
.contact-list .contactlist li{width:23%;background:#F7F7F7;border-radius:5px;overflow:hidden}
.contact-list .contactlist li:hover .icon em{background:var(--color);color:#FFFFFF}
.contact-list .contactlist li .icon{position:relative;z-index:1}
.contact-list .contactlist li .icon::after{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:0}
.contact-list .contactlist li .icon img{width:100%}
.contact-list .contactlist li .icon em{z-index:1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:35px;color:var(--color);background:#FFFFFF;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;transition:all .2s linear}
.contact-list .contactlist li .info{text-align:center;padding:20px 10px 10px}
.contact-list .contactlist li .info .p1{color:var(--color);font-weight:var(--fontbold5)}
.contact-list .contactlist li .info .p2{color:var(--fontcolor)}
.contact-list .contactlist li .info .p2 *{color:var(--fontcolor)}