.contact-container .page-banner{width:100%;font-size:0;display:block}.contact-container .page-banner>img{width:100%;height:auto}.contact-container .page-body{max-width:1200px;margin:0 auto;padding-bottom:6rem}.contact-container .page-body .contact-title{padding:3rem 0;font-family:HarmonyOS_Sans_Medium;font-size:3rem;text-align:center}.contact-container .page-body .contact-list{display:flex;flex-wrap:wrap;justify-content:space-evenly;background-color:#f6f6f6;padding:2rem}.contact-container .page-body .contact-item{margin:1rem;background-color:#fff;padding:2rem;border-radius:.5rem;transition:all .2s ease-in-out;width:calc(50% - 2rem);box-sizing:border-box}.contact-container .page-body .contact-item>p{margin-bottom:2rem}.contact-container .page-body .contact-item>a{color:#aaa}.contact-container .page-body .contact-item>a:hover{color:#f6d34b}.contact-container .page-body .contact-item:hover{box-shadow:0 0 1rem #ccc;transform:translate3d(0,-.25rem,0)}.contact-container .page-body .contact-item-quarter-width:nth-child(n+3){width:calc(25% - 2rem)}.contact-container .page-body .contact-item-half-width:nth-child(n+3){width:calc(50% - 2rem)}@media (max-width:1150px){.contact-container .page-body .contact-item-quarter-width:nth-child(n+3){width:calc(50% - 2rem)}}@media (max-width:767px){.contact-container .page-body .contact-title{font-size:2.5rem;padding:2rem 0}.contact-container .page-body .contact-list{padding:1.5rem}.contact-container .page-body .contact-item,.contact-container .page-body .contact-item-half-width:nth-child(n+3),.contact-container .page-body .contact-item-quarter-width:nth-child(n+3){width:100%}}