footer{width:100%;background:#f8f8f8;padding:6vh 0 0}footer .wrap-box{max-width:1400px;display:flex;justify-content:space-between;margin:0 auto}@media screen and (max-width: 1440px){footer .wrap-box{width:calc(100% - 160px)}}@media screen and (max-width: 1360px){footer .wrap-box{width:calc(100% - 120px)}}@media screen and (max-width: 768px){footer .wrap-box{width:100%;max-width:100%;box-sizing:border-box;padding-left:2rem;padding-right:2rem}}footer .wrap-box .wrap-left{width:387px;flex-shrink:0;margin-right:5vw}footer .wrap-box .wrap-left .logo{margin-bottom:30px}footer .wrap-box .wrap-left .logo img{width:100%}footer .wrap-box .wrap-left ul li{color:#555;line-height:1.666667}footer .wrap-box .wrap-right{display:flex;justify-content:space-between;width:100%}footer .wrap-box .wrap-right .title{margin-bottom:20px}footer .wrap-box .wrap-right .title h2{font-size:24px;line-height:1;font-weight:600;color:#333}footer .wrap-box .wrap-right .title .line{width:45px;height:3px;background:#0061ae;margin-top:12px}footer .wrap-box .wrap-right ul a{font-size:18px;line-height:1.666667;color:#555;position:relative}footer .wrap-box .wrap-right ul a::before{content:"";width:0;height:1px;background:#0061ae;position:absolute;bottom:-2px;right:0;transition:all .3s ease-in-out}footer .wrap-box .wrap-right ul a:hover{color:#0061ae}footer .wrap-box .wrap-right ul a:hover::before{width:100%;left:0}footer .wrap-bottom{max-width:1400px;text-align:center;margin:50px auto 0;border-top:1px solid #eee;padding:20px 0}@media screen and (max-width: 1440px){footer .wrap-bottom{width:calc(100% - 160px)}}@media screen and (max-width: 1360px){footer .wrap-bottom{width:calc(100% - 120px)}}@media screen and (max-width: 768px){footer .wrap-bottom{width:100%;max-width:100%;box-sizing:border-box;padding-left:2rem;padding-right:2rem}}footer .wrap-bottom span,footer .wrap-bottom span a{font-size:16px;line-height:1;color:#333}footer .wrap-bottom span a{margin-left:10px}.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:#0061ae}}.online dl p{position:absolute;right:60px;top:0;width:120px;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.mail p{width:200px}.online dl:hover p{opacity:1}.video-box{position:fixed;top:0%;left:0%;width:100%;height:0;background:white;overflow:hidden;pointer-events:none;z-index:1001;transition:all .5s ease-in-out;transition-delay:.5s}.video-box video{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80%;opacity:0;transition:all .5s ease-in-out}.video-box .colse{position:absolute;right:60px;top:60px;cursor:pointer;z-index:3;opacity:0;transition:all .5s ease-in-out}.video-box .colse i{font-family:"iconfont";color:#0061ae;font-size:48px;opacity:.8;display:inline-block;transition:all .5s ease-in-out}.video-box .colse:hover i{transform:rotate(180deg)}.video-box.active{height:100%;opacity:1;pointer-events:auto;transition:all .5s ease-in-out}.video-box.active video{opacity:1;transition:all .5s ease-in-out;transition-delay:.5s}.video-box.active .colse{opacity:1;transition:all .5s ease-in-out;transition-delay:.2s}.text-center{width:100%;text-align:center;margin:40px 0 0;font-size:0}.text-center ul{display:flex;justify-content:center;align-items:center}.text-center ul li{background:#333;padding:0 !important;cursor:pointer;margin:0 5px}@media screen and (min-width: 768px){.text-center ul li{transition:all .5s ease-in-out}}.text-center ul li span,.text-center ul li a{color:#fff;font-size:15px;width:2em;line-height:2;padding:5px;display:block}.text-center ul li:hover,.text-center ul li.active{background:#666}@media screen and (max-width: 1440px){footer .wrap-box .wrap-left{font-size:16px}footer .wrap-box .wrap-right ul a{font-size:16px}}@media screen and (max-width: 768px){footer{padding:3rem 0 0}footer .wrap-box{flex-wrap:wrap}footer .wrap-box .wrap-left{width:100%}footer .wrap-box .wrap-left .logo{margin-bottom:1.6rem}footer .wrap-box .wrap-left ul li{font-size:1.5rem}footer .wrap-box .wrap-right{display:none}footer .wrap-bottom{margin-top:2rem}footer .wrap-bottom span,footer .wrap-bottom span a{font-size:1.4rem;display:block;line-height:1.4}.online{display:none}.text-center{margin:2rem 0 0}.text-center ul li{margin:0 .5rem}.text-center ul li span,.text-center ul li a{display:inline-block;color:#fff;font-size:1.5rem;padding:.5rem}}