.contact-list1{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:70px}
.contact-list1 .contact-item{width:30%;position:relative;display:flex;flex-direction:column;align-items:center;padding:4% 20px 3%;text-align:center;z-index:1}
.contact-list1 .contact-item::before{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;border:1px solid var(--color);opacity:.3;z-index:-1;border-radius:5px}
.contact-list1 .contact-item em{background:var(--color);width:70px;height:70px;position:absolute;left:50%;transform:translateX(-50%);top:-35px;border-radius:var(--borderradius);display:flex;align-items:center;justify-content:center;color:#FFFFFF;font-size:var(--fontsize22);font-weight:var(--fontbold6)}
.contact-list1 .contact-item .contact-item-title{font-size:var(--fontsize22);margin-bottom:10px;font-weight:var(--fontbold5)}
.contact-list1 .contact-item a{color:var(--fontcolor)}
.contact-list1 .contact-item a:hover{color:var(--color)}
@media (max-width:1024px){.contact-list1 .contact-item{width:32%}
.contact-list1 .contact-item em{width:50px;height:50px;top:-25px}}
@media (max-width:768px){.contact-list1{margin-top:60px}
.contact-list1 .contact-item{width:100%;margin-bottom:50px}
.contact-list1 .contact-item:last-child{margin-bottom:0px}
.contact-list1 .contact-item .contact-item-title{margin:20px 0px 10px}}