.online dl dd,.online dl dd i,.online dl p{transition:all 0.3s ease-in-out}footer .f-left .f-nav ul li a{transition:all 0.5s ease-in-out}@media screen and (max-width: 768px){.main{width:100%}}footer{width:100%;display:block;font-size:0;background-color:#282828;padding:.5rem 0 .2rem 0;box-sizing:border-box;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:flex-start;box-sizing:border-box}@media screen and (max-width: 1920px){footer{padding-left:156px;padding-right:156px}}@media screen and (max-width: 1600px){footer{padding-left:120px;padding-right:120px}}@media screen and (max-width: 1440px){footer{padding-left:100px;padding-right:100px}}@media screen and (max-width: 1360px){footer{padding-left:80px;padding-right:80px}}footer .f-left{width:80%;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}footer .f-left .f-nav{width:16.6%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}footer .f-left .f-nav h2{font-size:.16rem;font-weight:bold;color:#fff;margin-bottom:.1rem;text-transform:uppercase;text-align:left}footer .f-left .f-nav ul{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}footer .f-left .f-nav ul li{width:100%;vertical-align:middle}footer .f-left .f-nav ul li a{display:inline-block;font-size:.14rem;color:#7f7f7f;line-height:2;position:relative}footer .f-left .f-nav ul li a::after{content:"";width:100%;height:2px;position:absolute;left:0;bottom:0;background:#015a9d;opacity:0}footer .f-left .f-nav ul li a:hover::after{opacity:1}footer .f-right{width:20%;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}footer .f-right p{font-size:.14rem;color:#999;margin:0}footer .f-right h4{font-size:.3rem;color:#fff;line-height:2.5}footer .f-right img{max-width:1.4rem}.frindlink{width:100%;display:block;font-size:.14rem;background-color:#282828;box-sizing:border-box}@media screen and (max-width: 1920px){.frindlink{padding-left:156px;padding-right:156px}}@media screen and (max-width: 1600px){.frindlink{padding-left:120px;padding-right:120px}}@media screen and (max-width: 1440px){.frindlink{padding-left:100px;padding-right:100px}}@media screen and (max-width: 1360px){.frindlink{padding-left:80px;padding-right:80px}}.frindlink h3{font-size:.45rem;font-weight:bold;color:#015a9d;padding-left:.6rem;position:relative}.frindlink ul{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin:0;padding:0;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;padding-inline-start:0px}.frindlink ul li{display:inline-block;margin:0;padding:0}.frindlink ul li:not(:last-of-type){padding-right:.4rem}.frindlink ul li a{display:inline-block;font-size:.16rem;line-height:3;color:#666}.frindlink ul li a:hover{color:#015a9d}.frindlink h3::before{content:'';width:.45rem;height:3px;background-color:#c9c9c9;position:absolute;top:50%;transform:translateX(-0.6rem)}.footbottom{width:100%;display:block;font-size:.14rem;color:#7f7f7f;border-top:1px solid rgba(160,160,160,0.16);line-height:1;padding:.25rem 0;box-sizing:border-box;background-color:#282828}@media screen and (max-width: 1920px){.footbottom{padding-left:156px;padding-right:156px}}@media screen and (max-width: 1600px){.footbottom{padding-left:120px;padding-right:120px}}@media screen and (max-width: 1440px){.footbottom{padding-left:100px;padding-right:100px}}@media screen and (max-width: 1360px){.footbottom{padding-left:80px;padding-right:80px}}.footbottom span{text-transform:uppercase}.footbottom a{color:#7f7f7f}.footbottom .b-r{float:right}.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:.6rem;height:.6rem;line-height:.6rem;text-align:center;background:#fff;color:#015a9d;padding:0;margin:0;border-bottom:1px solid #eee}.online dl dd i{font-size:.36rem;width:.6rem;height:.6rem;line-height:.6rem;color:#015a9d}@media screen and (min-width: 768px){.online dl dd:hover{background:#015a9d;color:#fff}.online dl dd:hover i{color:#fff}}.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:#015a9d;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: 1440px){footer .f-right h4{font-size:.25rem}}@media screen and (max-width: 1366px){footer .f-right h4{font-size:.2rem}}@media screen and (max-width: 768px){.online{display:none}footer .footer-top{padding:.3rem .12rem;box-sizing:border-box;flex-wrap:wrap;display:none}footer .footer-top .r .list{margin:0}footer .bottom{font-size:.13rem;line-height:1.5;text-align:center;padding:.2rem 0}footer .bottom span{float:unset;display:block}}