.page-banner{background-image:url(../images/contact/banner.png)}
.contact-top{font-size:30px;padding:60px 0}
.contact-top .tel{color:#024a96}
.card-tel{height:100%;border:solid #e6e6e6;border-width:1px 1px 6px;color:#555;font-size:16px;line-height:1.6;padding:20px 40px}
.card-tel:hover{background-color:#024a96;border:solid #00366e;border-width:1px 1px 6px;color:#fff;font-size:16px;line-height:1.6;padding:20px 40px}
.card-tel:hover a{color:#fff}
.card-tel .name{font-size:24px;margin-bottom:10px}
.talent-recruitment{padding-bottom:80px}
.talent-recruitment-title{padding:80px 0;text-align:center}
.talent-recruitment-title .tit{font-size:34px}
.talent-recruitment-title .subtit{color:#999;font-size:16px}
.talent-recruitment-list .accordion-header .job{font-size:18px;margin-right:10px}
.talent-recruitment-list .accordion-header .company{color:#999;font-size:14px}
.talent-recruitment-list .accordion-header .btn{right:30px;z-index:100}
.talent-recruitment-list .accordion-body{font-size:14px;color:#555}
.talent-recruitment .accordion-button:focus{box-shadow:none}
.contact-top .telbar-h5{display:none}
@media (max-width:768px){
    .contact-top{padding:2rem 0}
    .contact-top{font-size:1.6rem}
    .contact-top .telbar{display:none}
    .contact-top .telbar-h5{display:block;text-align:center;color:#555}
    .contact-top .telbar-h5 span{display:block;font-weight:normal;font-size:1.2rem}
    .contact-top .telbar-h5 a{display:block;font-size:2rem;text-decoration:none}
    .card-tel{color:#555;font-size:0.8rem;padding:1rem 1.5rem}
    .card-tel .name{font-size:1.2rem;margin-bottom:0.8rem}
    .talent-recruitment-title{padding:2rem 0}
    .talent-recruitment{padding-bottom:2rem}
    .talent-recruitment-list .accordion-header .job{font-size:1rem}
    .talent-recruitment-list .accordion-body{font-size:0.8rem}
}