header{background:rgba(0,0,0,.75);backdrop-filter:blur(10px);}
footer{position:fixed;left:0;bottom:0;width:100%;color:rgba(255,255,255,.5)}
footer a:hover{color:#fff}
@media (max-width:768px){
    footer{position:relative;background:#000}
}

#main-banner{position:relative;width:100%;height:100vh;background-color:rgba(0,0,0,.35);background-image:url(images/home/main-banner-bg.webp);background-blend-mode:multiply;background-position:center;background-size:cover;margin-top:-60px;display:flex;justify-content:center;align-items:center}
#main-banner .container{display:flex;justify-content:center;align-items:center;gap:40px}
#main-banner .lft{position:relative;width:100%;max-width:400px;}
#main-banner .rgt{position:relative;width:64%}
#main-banner .main-logo img{width:100%;max-width:305px}
#main-banner h1{font-weight:500;font-size:18px;letter-spacing:10px;margin-top:16px;margin-left:16px;margin-bottom:30px;color:rgba(255,255,255,.5)}
#main-banner .btn-group{display:flex;align-items:center;justify-content:start;flex-wrap:wrap;gap:16px;margin:0 0 32px}
#main-banner .btn-group .btn-main,
#main-banner .btn-group .btn-second{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:16px;}
#main-banner .btn-group .btn-main img,
#main-banner .btn-group .btn-second img{width:24px;height:24px}
#main-banner .btn-group .btn-main{width:100%}
#main-banner .btn-group .btn-second{width:calc(50% - 8px)}
#main-banner .more-info{display:flex;justify-content:start;align-items:center;gap:32px}
#main-banner .more{display:flex;justify-content:center;align-items:center;color:#ffffffd9;font-size:14px;font-weight:400;gap:4px;color:rgba(255,255,255,.85)}
#main-banner .qishui-mac{width:100%;max-width:100%}
#main-banner .qishui-phone{position:absolute;right:0;top:50%;transform:translateY(-50%);width:20%;}
@media (max-width:768px){
    #main-banner{height:auto;padding:120px 0 40px}
    #main-banner .container{flex-direction:column-reverse}
    #main-banner .rgt{width:100%;max-width:400px}
    #main-banner .main-logo{text-align:center}
    #main-banner h1{text-align:center}
    #main-banner .btn-group .btn-main,
    #main-banner .btn-group .btn-second{background:#fff}
    #main-banner .more-info{justify-content:center}
}

@media screen and (min-width: 601px){
    body.customize-support.header-sticky #main-banner{margin-top:calc(-60px - var(--wp-admin--admin-bar--height));}
}
