.wrap_footer {background: url(../images2024/footerbg2.png) no-repeat center top;background-size: cover;overflow: hidden;}
.footer{display: flex;justify-content: space-between;align-items: self-start;padding: 57px 0 26px;}
.footer-lf{width: 26.5%;display: flex;justify-content: center;}
.footer-lf dl{}
.footer-lf dt{color: #fff;margin-bottom: 15px;}
.footer-lf dd{color: rgba(255,255,255,.7);margin-bottom: 10px;}
.footer-lf dd span{margin-right: 5px;}
.footer-cen{color: #fff;flex: 1;overflow: hidden;display: flex;justify-content: center;padding-top: 37px;border-left: 1px solid rgba(255,255,255,.1);border-right: 1px solid rgba(255,255,255,.1);box-sizing: border-box;padding: 37px 10px 0;margin: 0 10px;}
.footer-cen p{margin-bottom: 10px;}

.footer-rt{width: 28%;display: flex;justify-content: center;}
.codeList{margin: 0 -10px;}
.codeList li a {margin: 0 10px;text-align: center;}
.codeList .codeImg{margin: 0 auto;width: auto;height: auto;border: none;background: none;}
.codeList .codeImg img{ width: auto;height: auto;max-width: 120px; }

 
@media screen and (max-width:1200px) { 

}
@media screen and (max-width:996px) {
    .footer{flex-direction: column;padding: 30px 0 20px;}
    .footer-lf{width: 100%; display: block;}
    .footer-lf dl{text-align: center;}
    .footer-lf dd{display: inline-block;margin-right: 20px;} 
    .footer-cen{width: 100%; border: none;padding: 0;margin: 10px 0;}
    .footer-rt{width: 100%; }  
}