.page-nav{display:none}
.common-main{padding-top:0}
.pagesbanner .pagesbanner-animate{top:50%}
article{padding:0}
.pagesbanner::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2)}
.pagesbanner .pagesbanner-animate .p1{font-size:46px;font-weight:var(--fontbold7)}
.pagesbanner .pagesbanner-animate .p2{margin:15px 0}
.pagesbanner .pagesbanner-animate .more a{display:inline-block;color:#fff;background:var(--color);padding:8px 20px;font-size:var(--fontsize18);transition:all .3s;border-radius:var(--borderradius)}
.pagesbanner .pagesbanner-animate .more a:hover{background:#fff;color:var(--color)}
.contactus-box{padding:5% 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;position:relative;z-index:1}
.contactus-box::before{content:"";position:absolute;width:100vw;max-width:1920px;height:100%;background-color:var(--color);opacity:.1;left:50%;top:0;transform:translateX(-50%);z-index:-1}
.contactus-box .contact-left{border-radius:20px;width:50%;padding:6% 4%;background-color:#fff;color:#222}
.contactus-box .contact-right{width:45%}
.contact-common-title{color:#222;line-height:1.5;font-size:var(--fontsize30);font-weight:var(--fontbold6)}
.contact-get{font-size:var(--fontsize20);margin-bottom:10px}
.contact-title-dian{display:flex;align-items:center;margin:10px 0}
.contact-title-dian p{display:block;width:6px;height:6px;background:var(--color);border-radius:50%;margin-right:10px}
.contact-title-dian p:last-child{margin-right:0}
.contactus-box .contact-left .contact-list{margin:25px 0 20px}
.contactus-box .contact-list .contact-item{display:flex;margin:7px 0}
.contactus-box .contact-list .contact-item em{font-size:var(--fontsize16);margin-right:10px}
.contactus-box .contact-list .contact-item a{color:#333}
.contactus-box .contact-share{display:flex;flex-wrap:wrap;margin-top:20px}
.contactus-box .contact-share .contact-share-item{width:54px;height:54px;border-radius:50%;background:#e5ecf4;margin-right:20px;overflow:hidden}
.contactus-box .contact-share .contact-share-item:last-child{margin-right:0}
.contactus-box .contact-share .contact-share-item a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;color:var(--color);transition:all .3s}
.contactus-box .contact-share .contact-share-item em{color:var(--color);font-size:var(--fontsize24)}
.contactus-box .contact-share .contact-share-item a:hover{background:var(--color)}
.contactus-box .contact-share .contact-share-item a:hover em{color:#fff}
.wmkcfeedback{margin-top:40px}
.wmkcfeedback .inquiry-form>*{width:100%;border:1px solid #e8f2ff}
.wmkcfeedback textarea{height:100px}
.wmkcfeedback input::placeholder,.wmkcfeedback textarea::placeholder{color:#666}
.wmkcfeedback .send-btn{width:100%}
@media (max-width:1600px){.pagesbanner .pagesbanner-animate .p1{font-size:2.7vw}
.pagesbanner .pagesbanner-animate .more a,.pagesbanner .pagesbanner-animate .p2{font-size:1.1vw}
.contact-common-title{font-size:var(--fontsize28)}
}
@media (max-width:1280px){.contact-common-title{font-size:var(--fontsize24)}
}
@media (max-width:768px){.pagesbanner img,.pagesbanner video{min-height:inherit}
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize20)}
.pagesbanner .pagesbanner-animate .more a,.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize14)}
.pagesbanner .pagesbanner-animate .p2{margin:7px 0}
.contactus-box .contact-left,.contactus-box .contact-right{width:100%;margin:10px 0}
}
@media (max-width:500px){.pagesbanner .pagesbanner-animate .p1{max-width:100%}
.pagesbanner .pagesbanner-animate .more{display:none}
.contact-get{font-size:var(--fontsize18)}
.contactus-box .contact-share{margin-top:10px}
.contactus-box .contact-share .contact-share-item{width:38px;height:38px;margin-right:10px}
.contactus-box .contact-share .contact-share-item em{font-size:var(--fontsize20)}
.wmkcfeedback{margin-top:20px}
.contactus-box .contact-right{padding:0 10px}
}
.contact2{padding:5% 0}
.contact2 .contact-common-title{text-align:center}
.contact2 .contact-title-dian{margin:10px auto 0;justify-content:center}
.contact2 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.contact2 .list li{width:32%;margin-top:40px;background-color:#fff;box-shadow:0 10px 30px 0 rgba(11,3,6,.1);border-radius:10px;text-align:center;padding:40px;color:#000;transition:all .2s linear}
.contact2 .list li .more{font-weight:var(--fontbold6);margin-top:20px;display:block;color:var(--color);transition:all .2s linear}
.contact2 .list li .tit{font-weight:var(--fontbold6)}
.contact2 .list li em{color:var(--color);font-size:46px;transition:all .2s linear;margin-bottom:10px}
.contact2 .list li:hover{background-color:var(--color);color:#fff}
.contact2 .list li:hover em{color:#fff}
.contact2 .list li:hover .more{color:#fff}
.contact3{padding:5% 0;position:relative;z-index:1}
.contact3::before{content:"";position:absolute;width:100vw;max-width:1920px;height:100%;background-color:#f6f7f8;left:50%;top:0;transform:translateX(-50%);z-index:-1}
.contact3 .contact-common-title{text-align:center}
.contact3 .contact-title-dian{margin:10px auto 0;justify-content:center}
.contact3 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.contact3 .list li{width:24%;margin-top:40px}
.contact3 .list li .img{overflow:hidden;border:1px solid #fff;transition:all .2s linear}
.contact3 .list li .img img{transition:all .2s linear}
.contact3 .list li .title{display:block;text-align:center;color:#222;font-size:var(--fontsize20);font-weight:var(--fontbold6);margin-top:20px;transition:all .2s linear}
.contact3 .list li:hover .img{border:1px solid var(--color)}
.contact3 .list li:hover .img img{transform:scale(1.03)}
.contact3 .list li:hover .title{color:var(--color)}
@media screen and (max-width:1024px){.contactus-box{padding:40px 0}
.contact2{padding:40px 0}
.contact3{padding:40px 0}
}
@media screen and (max-width:768px){.contact2 .list li{width:100%;margin-top:25px}
.contact3 .list li{width:49%;margin-top:25px}
.contact3 .list li .title{font-size:var(--fontsize18)}
}
@media screen and (max-width:500px){.contact2 .list li{padding:15px}
}