.contact-top{display:flex;justify-content:space-between;flex-wrap:wrap;padding-bottom:5%}
.contact-top .contact-info{width:48%}
.contact-top .contact-info .title{font-size:var(--fontsize32);font-weight:var(--fontbold7)}
.contact-top .contact-info .txt{color:#666;margin:20px 0}
.contact-top .contact-info .line{width:80px;height:2px;background-color:var(--color);display:block;margin-bottom:20px}
.contact-top .contact-info .tit{color:#000;font-size:var(--fontsize24);font-weight:var(--fontbold7);margin-bottom:20px}
.contact-top .contact-info .txt-list{display:flex;flex-wrap:wrap}
.contact-top .contact-info .txt-list li{width:50%;color:#888}
.contact-top .contact-info .txt-list li em{color:var(--color);font-weight:var(--fontbold7);margin-right:6px}
.contact-top .contact-wmkcfeedback{width:48%;padding:40px 60px;background-color:#fff;border-radius:3px;box-shadow:0 5px 46px 3px rgba(205,205,205,.44)}
.contact-top .contact-wmkcfeedback .title{color:#000;font-size:var(--fontsize24);font-weight:var(--fontbold7)}
.contact-wmkcfeedback .wmkcfeedback .inquiry-form>*{width:100%}
.contact-wmkcfeedback .wmkcfeedback .wmkcfb-fileupload,.contact-wmkcfeedback .wmkcfeedback input,.contact-wmkcfeedback .wmkcfeedback textarea{background-color:#f8f8f8;width:100%}
.contact-wmkcfeedback .wmkcfeedback .send-btn{width:100%;color:#fff}
.contact-bottom{padding-bottom:5%}
.contact-bottom .title{color:#000;font-size:36px;font-weight:var(--fontbold7);text-align:center}
.contact-bottom .des{color:#666;text-align:center}
.contact-bottom .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.contact-bottom .list .item{width:48%;background-color:#f1f1f1;border-radius:30px;padding:20px 40px 40px 40px;transition:all .2s linear;margin-top:50px}
.contact-bottom .list .item .icon{width:60px;height:60px;background-color:var(--color);display:inline-flex;align-items:center;justify-content:center;color:#fff}
.contact-bottom .list .item .icon em{font-size:var(--fontsize28)}
.contact-bottom .list .item .tit{font-size:var(--fontsize24);font-weight:var(--fontbold7);color:#000;height:60px;margin:20px 0;line-height:1.4}
.contact-bottom .list .item ul li{color:#666;display:flex}
.contact-bottom .list .item ul li a{color:#666;transition:all .2s linear}
.contact-bottom .list .item ul li a:hover{color:var(--color)}
.contact-bottom .list .item:hover{background-color:#d7e5f2}
@media screen and (max-width:1024px){.contact-top .contact-info{width:100%}
.contact-top .contact-wmkcfeedback{width:100%;margin-top:20px}
.contact-top .contact-info .title{font-size:var(--fontsize24)}
.contact-top .contact-info .tit{font-size:var(--fontsize20)}
.contact-bottom .title{font-size:var(--fontsize24)}
.contact-bottom .list .item{width:100%;margin-top:25px}
.contact-bottom .list .item .tit{height:auto}
.contact-top .contact-wmkcfeedback .title{font-size:var(--fontsize20)}
}
@media screen and (max-width:768px){.contact-top .contact-wmkcfeedback{padding:20px}
}
.pagesbanner .pagesbanner-animate {top: 50%;}
.pagesbanner .pagesbanner-animate .p1 {font-size: 38px;font-weight: var(--fontbold6);}
.pagesbanner .pagesbanner-animate .p2 {margin-top: 20px;font-size: var(--fontsize18);font-weight: var(--fontbold4);}
@media screen and (max-width: 1280px) {.pagesbanner .pagesbanner-animate .p1 {font-size: var(--fontsize26);}}
@media (max-width: 1024px) {.pagesbanner .pagesbanner-animate .p2 {margin-top: 10px;font-size: var(--fontsize16);}}
@media screen and (max-width: 768px) {.pagesbanner .pagesbanner-animate .p1 {font-size: var(--fontsize18);}.pagesbanner .pagesbanner-animate .p2 {font-size: var(--fontsize14);line-height: 1.4;}}