.online dl dd,.online dl dd i,.online dl p{transition:all 0.3s ease-in-out}footer .f-top a::after{transition:all 0.5s cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 768px){.main{width:100%}}footer{width:100%;display:block;font-size:0;background:#f3f3f3;box-sizing:border-box}@media screen and (max-width: 1920px){footer{padding-left:2.5%;padding-right:2.5%}}@media screen and (max-width: 768px){footer{padding-left:.2rem;padding-right:.2rem}}footer .f-logo{display:block;padding:.6rem 0;width:auto;text-align:center;border-bottom:1px solid #e8e8e8;text-align:center}footer .f-logo a{display:inline-block}footer .f-logo img{height:1.1rem}footer .f-top{display:flex;justify-content:space-between;padding:.5rem 0}footer .f-top h2{display:block;margin-bottom:.3rem}footer .f-top h2 a{font-size:.18rem;color:#333;line-height:1}footer .f-top a{position:relative}footer .f-top a::after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;background:#000}footer .f-top a:hover::after{width:100%}footer .f-top .f-left{display:flex;justify-content:space-between;width:77.5%}footer .f-top .f-left .f-nav{width:100%}footer .f-top .f-left .f-nav ul{display:inline-flex;flex-wrap:wrap;width:100%}footer .f-top .f-left .f-nav ul li{width:100%;margin-bottom:.2rem}footer .f-top .f-left .f-nav ul li a{display:inline-block;font-size:.14rem;color:#555;line-height:1}footer .f-top .f-left .f-info{width:100%}footer .f-top .f-left .f-info ul{display:block}footer .f-top .f-left .f-info ul li{display:block;position:relative;margin-bottom:.2rem}footer .f-top .f-left .f-info ul li i{position:absolute;left:0;top:50%;transform:translateY(-50%);font-family:"common";font-size:.24rem;color:#da2527;width:.34rem;height:.34rem;display:none;line-height:34px;text-align:center}footer .f-top .f-left .f-info ul li span{font-size:.14rem;color:#555;line-height:1}footer .f-top .f-line{width:1px;height:2.5rem;background:#e8e8e8}footer .f-top .f-right{width:2.2rem}footer .f-top .f-right ul{display:flex;justify-content:space-between}footer .f-top .f-right ul li{width:1.4rem}footer .f-top .f-right ul li img{max-width:100%;margin-bottom:.1rem}footer .f-top .f-right ul li span{display:block;text-align:center;font-size:.14rem;color:#555;line-height:1}footer .bottom{display:block;font-size:.14rem;color:#555;border-top:1px solid rgba(160,160,160,0.16);line-height:1;padding:.25rem 0}footer .bottom span{text-transform:uppercase}footer .bottom a{color:#555}@media screen and (min-width: 768px){footer .bottom .b-r{float:right}}.online{position:fixed;right:0;bottom:10vh;z-index:30;font-size:0}.online dl{padding:0;margin:0;position:relative}.online dl dd{display:block;width:.6rem;height:.6rem;line-height:.6rem;text-align:center;background:#d9d9d9;color:#000;padding:0;margin:0}.online dl dd i{font-size:.36rem;width:.6rem;height:.6rem;line-height:.6rem;color:#000}@media screen and (min-width: 768px){.online dl dd:hover i{transform:translateY(-5px)}}.online dl p{position:absolute;right:.6rem;top:0;width:1.6rem;margin:0;text-align:center;font-size:.16rem;line-height:.3rem;padding:.15rem;background:#0231a1;color:#fff;opacity:0;pointer-events:none}.online dl p img{box-sizing:border-box;border:1px solid #ccc}.online dl.weixin p{width:1.6rem}.online dl:hover p{opacity:1}@media screen and (max-width: 1600px){footer .f-top{display:flex;justify-content:space-between;padding:.7rem 0;box-sizing:border-box}}@media screen and (max-width: 1600px) and (max-width: 1920px){footer .f-top{padding-left:2.5%;padding-right:2.5%}}@media screen and (max-width: 1600px) and (max-width: 768px){footer .f-top{padding-left:.2rem;padding-right:.2rem}}@media screen and (max-width: 1600px){footer .f-top h2{font-size:.24rem;font-weight:bold;color:#b9b9b9;margin-bottom:.25rem;text-transform:uppercase}footer .f-top .box{width:25%}footer .f-top .box .f-logo{display:inline-block;vertical-align:top;width:1.4rem}footer .f-top .box .f-logo img{max-width:100%;display:inline-block;vertical-align:middle}footer .f-top .box p{font-size:.16rem;color:#7f7f7f;line-height:.3rem;margin:.2rem 0}}@media screen and (max-width: 1366px){footer{padding-top:.4rem;padding-bottom:.4rem}footer .f-top h2{font-size:.2rem}footer .f-top .box{width:25%}footer .f-top .box .f-logo{display:inline-block;vertical-align:top;width:1.4rem}footer .f-top .box .f-logo img{max-width:100%;display:inline-block;vertical-align:middle}footer .f-top .box p{font-size:.14rem;color:#7f7f7f;line-height:1.5;margin:.2rem 0}footer .f-top .f-nav ul li a{font-size:.14rem}footer .f-top .f-info ul li span{font-size:.14rem}footer .f-top .i-f-s p{font-size:.14rem}}@media screen and (max-width: 768px){.online{display:none}footer{padding:0}footer .f-top,footer .f-logo{display:none}footer .bottom{font-size:.13rem;line-height:1.5;text-align:center;padding:.2rem 0;text-align:center}footer .bottom span{float:none;display:block}}