footer{width:100%;background:#1e2434;padding:6rem 5vw 0;font-size:0;box-sizing:border-box;z-index:1;position:relative}footer .wrap-box{display:flex;justify-content:space-between;margin:0 auto;max-width:100%}footer .wrap-box .wrap-left{width:40rem;flex-shrink:0;margin-right:10vw}footer .wrap-box .wrap-left .logo{margin-bottom:30px}footer .wrap-box .wrap-left .logo img,footer .wrap-box .wrap-left .logo svg{width:auto;height:12rem}footer .wrap-box .wrap-left .logo svg{height:8rem}footer .wrap-box .wrap-left .logo h2{font-size:2.4rem;line-height:1.5;margin-top:.5em;color:#fff}footer .wrap-box .wrap-left .logo p{font-size:1.6rem;font-weight:300;line-height:1.875;color:#fff;margin:.5em 0}footer .wrap-box .wrap-left .social{display:flex;justify-content:flex-start;align-items:center;gap:1rem;margin-top:2rem}footer .wrap-box .wrap-left .social a{display:flex;justify-content:center;align-items:center;width:4rem;height:4rem;border-radius:50%;background:#fff;position:relative}footer .wrap-box .wrap-left .social a::before{font-family:"iconfont";color:#e96755;font-size:2.4rem}footer .wrap-box .wrap-left .social a.icon-fb::after{display:none}footer .wrap-box .wrap-left .social a::after{content:"\e646";font-family:"iconfont";position:absolute;bottom:4.6rem;left:50%;transform:translateX(-50%);font-size:2.4rem;color:#fff;opacity:0;pointer-events:none}@media screen and (min-width: 768px){footer .wrap-box .wrap-left .social a::after{transition:all .35s ease-in-out}}footer .wrap-box .wrap-left .social a img{position:absolute;width:16rem;bottom:6rem;left:50%;transform:translateX(-50%);opacity:0;pointer-events:none}@media screen and (min-width: 768px){footer .wrap-box .wrap-left .social a img{transition:all .35s ease-in-out}}footer .wrap-box .wrap-left .social a:hover::after,footer .wrap-box .wrap-left .social a:hover img{opacity:1}footer .wrap-box .wrap-left .social .icon-wx::before{content:""}footer .wrap-box .wrap-left .social .icon-xhs::before{content:""}footer .wrap-box .wrap-left .social .icon-fb::before{content:""}footer .wrap-box .wrap-left .social .icon-dy::before{content:""}footer .wrap-box .info .title{margin-bottom:1vw !important}footer .wrap-box .info .title h2::before{display:none}footer .wrap-box .info .title h2:hover{color:#fff}footer .wrap-box .info ul{margin-bottom:2rem;display:flex;justify-content:space-between;flex-direction:column;gap:.7rem}footer .wrap-box .info li{font-size:1.6rem;font-weight:300;line-height:1.25;color:#fff;display:flex;justify-content:space-between}footer .wrap-box .info li b{font-weight:300;flex-shrink:0}footer .wrap-box .info li b::after{content:"："}footer .wrap-box .info li span{width:100%;flex-shrink:1}footer .wrap-box .wrap-right{display:flex;justify-content:space-between;max-width:100%;gap:12rem}footer .wrap-box .wrap-right .title{margin-bottom:2.5vw}footer .wrap-box .wrap-right .title h2{font-size:2.4rem;line-height:1;color:#fff;position:relative}@media screen and (min-width: 768px){footer .wrap-box .wrap-right .title h2{transition:all .35s ease-in-out}}footer .wrap-box .wrap-right .title h2::before{content:"";position:absolute;bottom:-1.25vw;left:0;width:3rem;height:2px;background:#fff}footer .wrap-box .wrap-right .title h2:hover{color:rgba(255,255,255,0.7)}footer .wrap-box .wrap-right .title a::before{display:none}footer .wrap-box .wrap-right .box .ewm .img{width:16rem}footer .wrap-box .wrap-right .box .ewm .img img{width:100%}footer .wrap-box .wrap-right .box .ewm span{text-align:center;display:block;font-size:1.6rem;line-height:1.5;margin-top:.75em;color:#fff}footer .wrap-box .wrap-right ul{display:flex;justify-content:flex-start;flex-direction:column;gap:1.6rem}footer .wrap-box .wrap-right ul li{display:block;width:100%;font-size:1.6rem}footer .wrap-box .wrap-right ul a{font-size:1.6rem;line-height:1;color:#fff;position:relative}@media screen and (min-width: 768px){footer .wrap-box .wrap-right ul a{transition:all .35s ease-in-out}}footer .wrap-box .wrap-right ul a::before{content:"";width:0;height:1px;background:#fff;position:absolute;bottom:-2px;right:0;transition:all .3s ease-in-out}footer .wrap-box .wrap-right ul a:hover{color:#fff;opacity:.7}footer .wrap-box .wrap-right ul a:hover::before{width:100%;left:0}footer .wrap-bottom{text-align:center;margin:50px auto 0;border-top:1px solid rgba(255,255,255,0.2);padding:20px 0}footer .wrap-bottom .wrap-left{width:100%}footer .wrap-bottom a{margin-left:1rem}footer .wrap-bottom span{font-size:15px;line-height:1;color:#fff}.online{position:fixed;right:0;bottom:10vh;z-index:30;font-size:0;border-top-left-radius:5px;border-bottom-left-radius:5px;overflow:hidden}.online dl{padding:0;margin:0;position:relative}.online dl:last-of-type dd{border-bottom:none}.online dl dd{display:block;width:50px;height:50px;line-height:50px;text-align:center;background:rgba(0,0,0,0.5);color:#fff;padding:0;border-bottom:1px solid rgba(255,255,255,0.2);margin:0;cursor:pointer}.online dl dd::before{content:"";width:100%;height:100%;background:#709ac7;position:absolute;left:0;top:0;opacity:0}@media screen and (min-width: 768px){.online dl dd::before{transition:all .5s ease-in-out}}.online dl dd span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:13px;font-weight:300;line-height:1.2;color:#fff;width:100%;opacity:0}@media screen and (min-width: 768px){.online dl dd span{transition:all .5s ease-in-out}}.online dl dd i{display:block;font-size:30px;width:50px;height:50px;line-height:50px;color:#fff;cursor:pointer}@media screen and (min-width: 768px){.online dl dd i{transition:all .5s ease-in-out}}.online dl dd i.com2{font-family:"iconfont";font-size:24px;transform:rotate(90deg)}@media screen and (min-width: 768px){.online dl dd:hover::before{opacity:1}.online dl dd:hover span{opacity:1}.online dl dd:hover i{opacity:0}}.online dl p{position:absolute;right:60px;top:0;width:160px;margin:0;text-align:center;font-size:16px;line-height:30px;padding:15px;background:#333;color:#fff;opacity:0;pointer-events:none}@media screen and (min-width: 768px){.online dl p{transition:all .35s ease-in-out}}.online dl p img{box-sizing:border-box;border:1px solid #ccc}.online dl.weixin p{width:160px}.online dl:hover p{opacity:1}@media screen and (max-width: 1600px) and (min-width: 769px){footer{padding:3.75vw 5vw 0}footer .wrap-box .wrap-left{width:25vw}footer .wrap-box .wrap-left .logo{margin-bottom:1.875vw}footer .wrap-box .wrap-left .logo img{height:7.5vw}footer .wrap-box .wrap-left .logo svg{height:5vw}footer .wrap-box .wrap-left .logo h2{font-size:1.5vw}footer .wrap-box .wrap-left .logo p{font-size:1vw}footer .wrap-box .wrap-left .social{gap:.625vw;margin-top:1.25vw}footer .wrap-box .wrap-left .social a{width:2.5vw;height:2.5vw}footer .wrap-box .wrap-left .social a::before{font-size:1.5vw}footer .wrap-box .wrap-left .social a::after{bottom:2.875vw;font-size:1.5vw}footer .wrap-box .wrap-left .social a img{width:10vw;bottom:3.75vw}footer .wrap-box .info ul{margin-bottom:1.25vw;gap:.4375vw}footer .wrap-box .info li{font-size:1vw}footer .wrap-box .wrap-right{gap:7.5vw}footer .wrap-box .wrap-right .title h2{font-size:1.5vw}footer .wrap-box .wrap-right .title h2::before{width:1.875vw;height:.125vw}footer .wrap-box .wrap-right .box .ewm .img{width:10vw}footer .wrap-box .wrap-right .box .ewm span{font-size:1vw}footer .wrap-box .wrap-right ul{gap:1vw}footer .wrap-box .wrap-right ul li{font-size:1vw}footer .wrap-box .wrap-right ul a{font-size:1vw}footer .wrap-bottom{margin:3.125vw auto 0;padding:1.25vw 0}footer .wrap-bottom a{margin-left:.625vw}footer .wrap-bottom span{font-size:.9375vw}.online{border-top-left-radius:.3125vw;border-bottom-left-radius:.3125vw}.online dl dd{width:3.125vw;height:3.125vw;line-height:3.125vw}.online dl dd span{font-size:.75vw}.online dl dd i{font-size:1.875vw;width:3.125vw;height:3.125vw;line-height:3.125vw}.online dl dd i.com2{font-size:1.5vw}.online dl p{right:3.75vw;width:10vw;font-size:1vw;line-height:1.875vw;padding:.9375vw}.online dl.weixin p{width:10vw}}@media screen and (max-width: 768px){footer{padding:4rem 0 0;font-size:0}footer .wrap-box{display:flex;justify-content:space-between;flex-direction:column;gap:2rem}footer .wrap-box .wrap-left{width:100%;flex-shrink:0;margin-right:0}footer .wrap-box .wrap-left .logo{margin-bottom:3rem}footer .wrap-box .wrap-left .logo img{width:auto;height:10rem}footer .wrap-box .wrap-left .logo svg{height:6rem}footer .wrap-box .wrap-left .logo p{font-size:1.4rem;line-height:1.75}footer .wrap-box .info .title{margin-bottom:1vw !important}footer .wrap-box .info .title h2::before{display:none}footer .wrap-box .info .title h2:hover{color:#fff}footer .wrap-box .info ul{margin-bottom:2rem;display:flex;justify-content:space-between;flex-direction:column;gap:.7rem}footer .wrap-box .info li{font-size:1.6rem;font-weight:300;line-height:1.25;color:#fff;display:flex;justify-content:space-between}footer .wrap-box .info li b{font-weight:300;flex-shrink:0}footer .wrap-box .info li b::after{content:"："}footer .wrap-box .info li span{width:100%;flex-shrink:1}footer .wrap-box .wrap-right{display:flex;justify-content:space-between;flex-direction:column;width:100%}footer .wrap-box .wrap-right .title{margin-bottom:2.5vw;display:none}footer .wrap-box .wrap-right .box .ewm .img{width:16rem;margin:0 auto}footer .wrap-box .wrap-right .box .ewm .img img{width:100%}footer .wrap-box .wrap-right .box .ewm span{text-align:center;display:block;font-size:1.6rem;line-height:1.5;margin-top:.75em;color:#fff}footer .wrap-box .wrap-right ul{display:none}footer .wrap-bottom{margin:2rem auto 0;padding:1.6rem 0}}