#tfooter { position: relative; overflow: hidden; background-color: #121212; }
#tfooter .top { padding: 40px 0; }
#tfooter .top .imgbox1 { text-align: center; }
#tfooter .top .imgbox1 img { width: 219px; }
#tfooter .bottom { padding: 30px 0; padding-top: 0; }
#tfooter .bottom .imgbox2 { text-align: center; }
#tfooter .bottom .imgbox2 img { width: 666px; }
#tfooter .bar { height: 1px; background-color: #cccccc1f ;}
@media (max-width: 1535px) {
    #tfooter .top .imgbox1 img { width: calc(120px + 6.4vw); }
    #tfooter .top .imgbox2 img { width: calc(360px + 19vw); }
}





/*quick*/
.quicknav { position: fixed; z-index: 995; right: 20px; top: 60%; transform: translateY(-50%); background-color: #fff; overflow: hidden; border: 1px solid #1c2d56; border-radius: 10px; }
.quicknav a { position: relative; display: block; padding: 15px 10px; text-align: center; }
.quicknav a img { width: 53px; }
.quicknav a p { font-weight: 500; font-size: 16px; color: #1c2d56; margin-top: 10px; } 
.quicknav a::after { display: block; content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 80%; height: 1px; background-color: #ddd; }
.quicknav a:first-of-type { background-color: #1c2d56; }
.quicknav a:first-of-type:after { display: none; }
.quicknav a:first-of-type img { display: inline-block; width: 53px; }
@media (max-width: 1535px) {
    .quicknav a { padding: 14px 9px; }
    .quicknav a img { width: 49px; }
    .quicknav a p { font-size: 15px; margin-top: 8px; }
    .quicknav a:first-of-type img { width: 49px; }
}
@media (max-width: 1279px) {
    .quicknav a { padding: 13px 8px; }
    .quicknav a img { width: 45px; }
    .quicknav a p { font-size: 14px; margin-top: 6px; }
    .quicknav a:first-of-type img { width: 45px; }
}
@media (max-width: 1023px) {
    .quicknav { display: none !important; right: initial; left: 0; bottom: 0; top: initial; transform: translateY(0); width: 100%; display: flex; flex-wrap: nowrap; border-radius: 10px 10px 0 0; border-bottom: none; } 
    .quicknav a { width: 33.3333%; padding: 10px 5px; }
    .quicknav a img { width: 35px; }
    .quicknav a p { font-size: 13px; margin-top: 8px; }
    .quicknav a:first-of-type { display: flex; align-items: center; justify-content: center; }
}

.quickblock { display: none; }
.quickblock.nodis { display: none !important; }
@media (max-width: 1023px) {
    .quickblock { display: block; height: 40px; background-color: #161616; }
}

/* moquick */
.moquick { display: none; position: fixed; bottom: 0; left: 0; width: 100%; height: 40px; }
.moquick.nodis { display: none !important; }
.moquick a { display: flex; justify-content: center; align-items: center; width: 50%; height: 100%; font-size: 14px; color: #fff; }
.moquick a:first-of-type { background-color: #393939; }
.moquick a:last-of-type { background-color: #ff0000; }
@media (max-width: 1023px) {
    .moquick { display: flex; flex-wrap: nowrap; }
}