footer{width:100%;padding:3.8rem 0 5rem}footer .wrap-box{max-width:1200px;display:flex;justify-content:space-between;align-items:center;margin:0 auto}@media screen and (max-width: 1280px){footer .wrap-box{width:calc(100% - 100px)}}@media screen and (max-width: 1024px){footer .wrap-box{width:calc(100% - 80px)}}@media screen and (max-width: 768px){footer .wrap-box{max-width:100%;box-sizing:border-box;padding-left:2rem;padding-right:2rem;width:100%}}footer .wrap-box .wrap-left{width:12.3rem;flex-shrink:0;margin-right:4rem}footer .wrap-box .wrap-left .logo img{width:100%}footer .wrap-box .wrap-center p{font-size:1.6rem;margin:0;line-height:1.8;color:#333;text-align:center}footer .wrap-box .wrap-center p a{font-size:1.6rem;margin:0;line-height:1.8;color:#333;text-align:center}footer .wrap-box .wrap-center p span:not(:last-of-type){margin-right:1em}footer .wrap-box .wrap-right .pic{width:13rem;height:13rem;margin:0 auto;position:relative;display:flex;justify-content:space-between;align-items:center;flex-direction:column}footer .wrap-box .wrap-right .pic img{width:100%}footer .wrap-box .wrap-right .pic span{font-size:1.4rem;line-height:1;color:#333;width:100%;text-align:center;padding:1rem 0 0;display:block}.online{position:fixed;right:0;bottom:10vh;z-index:30;font-size:0;box-shadow:0 0 .1rem #ccc}.online dl{padding:0;margin:0;position:relative}.online dl dd{display:block;width:60px;height:60px;line-height:60px;text-align:center;background:#616162;color:#fff;padding:0;margin:0 0 1px}.online dl dd i{font-size:36px;width:60px;height:60px;line-height:60px;color:#fff}@media screen and (min-width: 768px){.online dl dd:hover{background:#c8171e}}.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: 1024px){footer .wrap-box .wrap-left{width:12rem}footer .wrap-box .wrap-center p{line-height:1.5;margin-bottom:0}footer .wrap-box .wrap-center p a,footer .wrap-box .wrap-center p span{font-size:1.2rem;line-height:1.5}footer .wrap-box .wrap-right .pic{width:12rem;height:12rem}footer .wrap-box .wrap-right .pic span{font-size:1.2rem}}@media screen and (max-width: 768px){footer .wrap-box{flex-wrap:wrap;align-items:center;justify-content:center}footer .wrap-box .wrap-left{margin-right:0}footer .wrap-box .wrap-center{margin:2rem 0}footer .wrap-box .wrap-center p a,footer .wrap-box .wrap-center p span{display:block;margin:0 0 .2em !important;font-size:1.4rem}footer .wrap-box .wrap-right .pic{width:15rem;height:15rem}footer .wrap-box .wrap-right .pic span{font-size:1.4rem}}