footer{width:100%;background:#fff;border-top:1px solid rgba(0,0,0,0.1);padding:6rem 0 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}footer .wrap-box .wrap-left{width:45rem;flex-shrink:0;margin-right:5vw}footer .wrap-box .wrap-left .logo{margin-bottom:30px}footer .wrap-box .wrap-left .logo img{height:60px}footer .wrap-box .wrap-left ul li{font-size:14px;line-height:1.875;color:#000}footer .wrap-box .wrap-right{display:flex;justify-content:space-between;flex-shrink:1;gap:10vw}footer .wrap-box .wrap-right .title{margin-bottom:2.5vw}footer .wrap-box .wrap-right .title h2{font-size:2.4rem;font-weight:600;line-height:1;color:#000;position:relative;text-transform:uppercase}footer .wrap-box .wrap-right .title h2::before{content:"";position:absolute;bottom:-1.25vw;left:0;width:3rem;height:2px;background:#000;opacity:1}footer .wrap-box .wrap-right .title h2:hover{color:#000;opacity:.7}footer .wrap-box .wrap-right .title a::before{display:none}footer .wrap-box .wrap-right .wrap-flex{gap:5rem}footer .wrap-box .wrap-right ul.grid{display:grid;grid-template-columns:repeat(2, 1fr);column-gap:6rem}footer .wrap-box .wrap-right ul li{margin-bottom:1vw;display:block}footer .wrap-box .wrap-right ul a{font-size:1.6rem;font-weight:300;line-height:1;color:#000;position:relative}@media screen and (min-width: 769px){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:#000;position:absolute;bottom:-2px;right:0;transition:all .3s ease-in-out}footer .wrap-box .wrap-right ul a:hover{color:#000;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;background:#000;padding:20px 0}footer .wrap-bottom .wrap-flex{width:86vw;margin:0 auto;margin:0 auto}@media screen and (max-width: 768px){footer .wrap-bottom .wrap-flex{width:100%;box-sizing:border-box;padding-left:2rem;padding-right:2rem}}footer .wrap-bottom span,footer .wrap-bottom a{font-size:1.4rem;line-height:1;color:#fff;margin:0 .5rem}.online{position:fixed;right:0;bottom:10vh;z-index:30;font-size:0;border-top-left-radius:5px;border-bottom-left-radius:5px}.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:linear-gradient(to bottom, rgba(46,154,9,0.7), #2e9a09);position:absolute;left:0;top:0;opacity:0;z-index:-1}@media screen and (min-width: 769px){.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: 769px){.online dl dd span{transition:all .5s ease-in-out}}.online dl dd i{font-size:30px;width:50px;height:50px;line-height:50px;color:#fff;cursor:pointer}@media screen and (min-width: 769px){.online dl dd i{transition:all .5s ease-in-out}}.online dl dd i.com2{font-family:"iconfont";font-size:24px;transform:rotate(-90deg);display:block}@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:50%;transform:translateY(-50%);width:160px;margin:0;text-align:center;font-size:16px;line-height:30px;padding:0;background:#fff;color:#fff;opacity:0;pointer-events:none}@media screen and (min-width: 769px){.online dl p{transition:all .35s ease-in-out}}.online dl p img{box-sizing:border-box;border:1px solid #ccc}.online dl.weixin i{font-size:2.4rem}.online dl.weixin:hover i{opacity:1 !important}.online dl.weixin:hover p{opacity:1}.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 0 0}footer .wrap-box .wrap-left{width:28.125vw}footer .wrap-box .wrap-left .logo{margin-bottom:1.875vw}footer .wrap-box .wrap-left .logo img{height:3.75vw}footer .wrap-box .wrap-left ul li{font-size:.875vw}footer .wrap-box .wrap-right .title{margin-bottom:2.5vw}footer .wrap-box .wrap-right .title h2{font-size:1.5vw}footer .wrap-box .wrap-right .title h2::before{bottom:-1.25vw;width:1.875vw;height:.2rem}footer .wrap-box .wrap-right .wrap-flex{gap:3.125vw}footer .wrap-box .wrap-right ul li{margin-bottom:1vw}footer .wrap-box .wrap-right ul a{font-size:1vw}footer .wrap-box .wrap-right ul a::before{height:.1rem;bottom:-.2rem}footer .wrap-bottom{margin:3.125vw auto 0;padding:1.25vw 0}footer .wrap-bottom span{font-size:.875vw}.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:.8125vw}.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}.online dl.weixin i{font-size:1.5vw}.online dl.weixin p{width:10vw}}@media screen and (max-width: 768px){footer{padding:2rem 0 0}footer .wrap-box{flex-wrap:wrap}footer .wrap-box .wrap-left{width:100%;flex-shrink:0;margin-right:0}footer .wrap-box .wrap-left .logo{margin-bottom:1rem}footer .wrap-box .wrap-left .logo img{height:6rem}footer .wrap-box .wrap-left ul li{font-size:1.6rem}footer .wrap-box .wrap-right{display:none}footer .wrap-bottom{margin:2rem auto 0;padding:2rem 0}footer .wrap-bottom span{font-size:1.4rem}.online{display:none}}