.contactsec1-l{width:40%;color:var(--introcolor)}
.contactsec1-r{width:50%}
.flex-jc-sb{display:flex;flex-wrap:wrap;justify-content:space-between}
.contact-tit{font-size:var(--fontsize22);color:var(--fontcolor);position:relative;margin-bottom:30px}
.contact-tit strong{display:inline-block;border-bottom:1px solid #ddd;padding-bottom:10px;font-weight:var(--fontbold4);text-transform:capitalize}
.contact-tit::before{content:'';display:block;position:absolute;bottom:-1px;left:0;width:40px;height:3px;background-color:var(--color)}
.contactus>div{display:flex;margin-bottom:30px}
.contactus>div a:hover{color:var(--color)}
.contactus>div>p{width:50px;height:50px;background:#fff;border:1px solid #eee;display:flex;align-items:center;justify-content:center;color:var(--introcolor)}
.contactus>div>p .iconfont{font-size:var(--fontsize18)}
.contactus>div>div{flex:1;padding-left:20px}
.contactus>div>div>p:nth-child(1){font-size:var(--fontsize18);color:var(--fontcolor)}
.contactus>div>div>p:nth-child(2){font-size:var(--fontsize14);color:var(--introcolor)}
@media(max-width:800px){.contactsec1-l{width:100%;padding:0}
.contactus>div>p{width:.7rem;height:.7rem}
.contactus>div{margin-bottom:.3rem}
.contactsec1-r{width:100%;margin-top:30px}
.contact-tit{font-size:var(--fontsize20)}
.contactus>div>div>p:nth-child(1){font-size:var(--fontsize16)}
.contactus>div>div>p:nth-child(2),.contactus>div>p .iconfont{font-size:var(--fontsize16)}
.contactus>div>p .iconfont{font-size:.39rem}
.contactus>div>div{padding-left:10px}
}