.footer-new-container { width: 100%; background: #333333; color: #FFFFFF; overflow: visible; }
.footer-new-wrapper { display: flex; flex-direction: column; align-items: center; padding: 7vh 30px; transition: all 0.6s; }

.footer-new-wrapper .logo { display: block; width: 1.38rem; transition: all 0.6s; }

.footer-new-wrapper .nav-list { display: flex; justify-content: center; margin-top: .6rem; }
.footer-new-wrapper .nav { font-size: .16rem; color: #999; margin-right: .4rem; transition: all 0.6s; letter-spacing: 1px; }
.footer-new-wrapper .nav:last-child { margin-right: 0; }
.footer-new-wrapper .nav:hover { color: #efc395; }

.footer-new-wrapper .pts { display: flex; align-items: center; margin-top: .4rem; }
.footer-new-wrapper .pt { width: 46px; display: block; margin-right: 40px; position: relative; cursor: pointer; }
.footer-new-wrapper .pt:last-child { margin-right: 0; }
.footer-new-wrapper .pt img {width: 100%;}
.footer-new-wrapper .pt .ewm-box { width: 160px; height: 160px; border: 0px solid #FFFFFF; border-radius: 4px; position: absolute; bottom: calc(100% + 6px); left: 50%; margin-left: -80px; z-index: 1000; opacity: 0; transition: opacity 0.6s; transform: scale(0); }
.footer-new-wrapper .pt:hover .ewm-box { opacity: 1; transform: scale(1); }
.footer-new-wrapper .pt .qrcode { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.footer-new-wrapper .tel { margin-top: .4rem; font-size: var(--small-size); color: #666; text-align: center }
.footer-new-wrapper .tel .label { letter-spacing: 1px; }
.footer-new-wrapper .tel-number { display: inline-block; margin-top: .1rem; font-size: .4rem; color: #efc395; }


.footer-new-wrapper .copyright-wrap { margin-top: .4rem; font-size: 14px; text-align: center; color: #666666;  transition: all 0.6s; }