.footer .footer-wrapper{background-image:url('../../static/image/footer-bg.png');background-size:cover;background-position:center;color:#fff;overflow:hidden}.footer .footer-wrapper .footer-content{display:flex;justify-content:space-between;flex-direction:row-reverse}.footer .footer-wrapper .footer-content .footer-content-left{width:60%}.footer .footer-wrapper .footer-content .footer-content-left .footer-nav-wrapper{display:flex;justify-content:space-between}.footer .footer-wrapper .footer-content .footer-content-left .footer-nav-wrapper .footer-nav{display:flex;flex-direction:column;gap:16px;color:#AAAAAA}.footer .footer-wrapper .footer-content .footer-content-left .footer-nav-wrapper .footer-nav .footer-nav-item{position:relative}.footer .footer-wrapper .footer-content .footer-content-left .footer-nav-wrapper .footer-nav .footer-nav-item.title{color:#FFFFFF}.footer .footer-wrapper .footer-content .footer-icon{display:flex;align-items:flex-end;justify-content:center;gap:0 24px}.footer .footer-wrapper .footer-content .footer-icon .code-wrapper{position:relative}.footer .footer-wrapper .footer-content .footer-icon .code-wrapper .code-box{position:absolute;left:50%;top:120%;transform:translate(-50%, 0) scale(0);width:200px;padding:6px;background-color:#fff;transition:all .3s}.footer .footer-wrapper .footer-content .footer-icon .code-wrapper .code-box::before{position:absolute;top:-6px;left:50%;width:12px;height:12px;content:"";background:#fff;border-top:.5px solid #fff;border-right:.5px solid #fff;transform:translate(-50%) rotate(-135deg);z-index:-1}.footer .footer-wrapper .footer-content .footer-icon .code-wrapper .code-box img{width:100%;object-fit:cover}.footer .footer-wrapper .footer-content .footer-icon .code-wrapper .code-box.show{transform:translate(-50%) scale(1)}.footer .footer-wrapper .footer-content .footer-icon .icon-box{display:block;width:50px;height:50px;border-radius:50%;overflow:hidden;position:relative;transition:all .3s;color:#999999;color:#1C97D2}.footer .footer-wrapper .footer-content .footer-icon .icon-box::after{content:'';display:block;background:linear-gradient(to right, var(--primary-color), var(--primary-color-light));position:absolute;inset:0;z-index:1;transform:scale(0);transition:all .3s;border-radius:50%}.footer .footer-wrapper .footer-content .footer-icon .icon-box.weixin::after{background:#3AA732}.footer .footer-wrapper .footer-content .footer-icon .icon-box:hover{border:none;color:#fff}.footer .footer-wrapper .footer-content .footer-icon .icon-box:hover .icon-wrapper{transform:translate(0)}.footer .footer-wrapper .footer-content .footer-icon .icon-box:hover::after{transform:scale(1)}.footer .footer-wrapper .footer-content .footer-icon .icon-box .icon-wrapper{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;margin-right:20px;cursor:pointer;transform:translate(-100%);transition:transform .4s cubic-bezier(.215, .61, .355, 1)}.footer .footer-wrapper .footer-content .footer-icon .icon-box .icon-wrapper .icon{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-shrink:0}.footer .footer-wrapper .footer-content .footer-icon .icon-box .icon-wrapper .icon .iconfont{font-size:25px}.footer .copyright{display:flex;align-items:center;justify-content:space-between;padding:24px 0;color:#CCCCCC;border-top:1px solid #666666}.footer .copyright .copyright-left a:hover,.footer .copyright .copyright-right a:hover{color:var(--primary-color)}.sideBar-wrapper{position:fixed;right:0;bottom:15%;z-index:990}.sideBar-wrapper a{display:block;width:50px;height:50px;border-radius:50%;background-color:#5e5c5d;color:#fff;display:flex;justify-content:center;align-items:center;margin-bottom:6px;transition:all .3s linear}.sideBar-wrapper a .iconfont{font-size:24px}.sideBar-wrapper a:hover{background:linear-gradient(to bottom, var(--primary-color-light), var(--primary-color))}.sideBar-wrapper .message-wrapper{position:absolute;left:-12px;bottom:0;transform:translate(-100%, 0);width:434px;background-color:#fff;box-shadow:0 4px 16px 2px rgba(0,0,0,0.1);border-radius:10px;padding:48px 24px 24px;display:none}.sideBar-wrapper .message-wrapper .message-close{position:absolute;top:12px;right:12px;cursor:pointer;transition:all .3s ease}.sideBar-wrapper .message-wrapper .message-close .iconfont{color:#666;font-size:26px}.sideBar-wrapper .message-wrapper .message-close:hover{transform:rotate(180deg)}.sideBar-wrapper .message-wrapper .desc{color:#888}.sideBar-wrapper .message-wrapper .contact-us-form{display:flex;flex-wrap:wrap;gap:12px;width:100%}.sideBar-wrapper .message-wrapper .contact-us-form .single-input-box{width:100%}.sideBar-wrapper .message-wrapper .contact-us-form .single-input-box img{height:70px}.sideBar-wrapper .message-wrapper .contact-us-form input,.sideBar-wrapper .message-wrapper .contact-us-form textarea{width:100%;border:none;color:#000;padding:0 24px;height:50px;transition:border .4s ease;line-height:70px;background-color:#f5f5f5}.sideBar-wrapper .message-wrapper .contact-us-form input:focus,.sideBar-wrapper .message-wrapper .contact-us-form textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 5px var(--primary-color)}.sideBar-wrapper .message-wrapper .contact-us-form input::placeholder,.sideBar-wrapper .message-wrapper .contact-us-form textarea::placeholder{color:#757575}.sideBar-wrapper .message-wrapper .contact-us-form textarea{height:120px;line-height:2;padding:24px;border-radius:initial}.sideBar-wrapper .message-wrapper .contact-us-form .submit{display:flex;justify-content:center}.sideBar-wrapper .message-wrapper .contact-us-form .btn{display:flex;justify-content:center;align-items:center;width:80%;height:50px;background:linear-gradient(to right, var(--primary-color), var(--primary-color-light));border:none;color:#fff;cursor:pointer}@media screen and (max-width:992px){.footer .footer-wrapper .footer-content{flex-direction:column;align-items:center;gap:24px}.footer .footer-wrapper .footer-content .footer-content-left{width:100%}.footer .footer-wrapper .footer-content .footer-content-left .footer-nav-wrapper .footer-nav{gap:12px}.footer .footer-wrapper .footer-content .footer-content-left .footer-nav-wrapper .footer-nav .footer-nav-item.title{font-size:14px}.footer .footer-wrapper .footer-content .footer-content-right{text-align:center}.footer .footer-wrapper .footer-content .footer-icon{align-items:center;justify-content:center;gap:16px}.footer .footer-wrapper .footer-content .footer-icon .code-wrapper .code-box{width:160px;top:-8px}.footer .footer-wrapper .footer-content .footer-icon .code-wrapper .code-box img{width:100%}.footer .footer-wrapper .footer-content .footer-icon .icon-box{width:40px;height:40px}.footer .footer-wrapper .footer-content .footer-icon .icon-box .icon-wrapper .icon .iconfont{font-size:20px}.footer .copyright{flex-direction:column;gap:8px;text-align:center;padding:16px 0}.sideBar-wrapper{right:0;bottom:5%}.sideBar-wrapper a{width:40px;height:40px}.sideBar-wrapper a .iconfont{font-size:20px}.sideBar-wrapper .message-wrapper{width:80vw;padding:24px 12px;bottom:100%}.sideBar-wrapper .message-wrapper .message-close{top:8px;right:8px}.sideBar-wrapper .message-wrapper .message-close .iconfont{font-size:20px}.sideBar-wrapper .message-wrapper .contact-us-form{gap:12px}.sideBar-wrapper .message-wrapper .contact-us-form .column{width:100%}.sideBar-wrapper .message-wrapper .contact-us-form input,.sideBar-wrapper .message-wrapper .contact-us-form textarea{height:40px;line-height:40px;padding:0 12px;font-size:12px}.sideBar-wrapper .message-wrapper .contact-us-form textarea{height:80px;line-height:1.5;padding:12px}.sideBar-wrapper .message-wrapper .contact-us-form .single-input-box img{height:40px}.sideBar-wrapper .message-wrapper .contact-us-form .submit .btn{width:100%;height:40px}}