.contact-box{display:flex;align-items:flex-start;justify-content:space-between}
.contact-box .contact-info{width:420px}
.contact-box .contact-info .home-des,.contact-box .contact-info .home-title{text-align:left}
.contact-box .contact-list{flex:1;padding-left:5%;display:flex;align-items:stretch;justify-content:space-between}
.contact-box .contact-list li{width:32%;background:#fcf4f1;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:30px;border:1px solid #fcf4f1;transition:all .1s linear}
.contact-box .contact-list li .icon{width:60px;height:60px;background:linear-gradient(90deg,var(--color1,var(--color)),var(--color));border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.contact-box .contact-list li .icon em{color:#fff;font-size:var(--fontsize26);font-weight:var(--fontbold5);transition:all .2s linear;line-height:1}
.contact-box .contact-list li .title{font-weight:var(--fontbold5);font-size:var(--fontsize18);line-height:1.4;margin:10px 0}
.contact-box .contact-list li .content{color:#686d7a;line-height:1.4}
.contact-box .contact-list li .content a{color:#686d7a}
.contact-box .contact-list li:hover{border-color:var(--color)}
.contact-box .contact-list li:hover .icon em{transform:rotateY(180deg)}
@media(max-width:1280px){.contact-box .contact-list li{padding:20px 10px}
}.l-wrap{width:100%;max-width:1600px;padding:0 70px;margin:0 auto;padding-top:3%}
.productMainContact{display:unset}
.home-title{font-size:34px;font-weight:500;color:#111;text-align:center;text-transform:capitalize;line-height:1.4}
@media (max-width:1024px){.contact-box{flex-direction:column}
.l-wrap{padding:0 15px}
}@media (max-width:1024px){.contact-box .contact-list{padding:0;width:100%}
}@media (max-width:768px){.contact-box .contact-list{flex-wrap:wrap}
.contact-box .contact-list li{width:100%;margin-bottom:20px;position:relative;padding-left:20px}
}