*{padding:0;margin:0}body,html{height:100%}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}#app,.el-container{min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.el-header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;max-width:1240px;margin:0 auto;padding:0 20px}.el-header,.el-header .logo-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-header .logo-section{gap:12px;-ms-flex-negative:0;flex-shrink:0}.el-header .logo-section .logo{width:50px;height:50px;-ms-flex-negative:0;flex-shrink:0}.el-header .logo-section .logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px}.el-header .logo-section .company-name{font-size:18px;font-weight:600;color:#303133;white-space:nowrap}.el-main{padding:0!important;-webkit-box-flex:1;-ms-flex:1;flex:1}.footer{width:100%;background:#0f172a;border-top:1px solid hsla(0,0%,100%,.05);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:600px;height:1px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(rgba(59,130,246,.3)),to(transparent));background:linear-gradient(90deg,transparent,rgba(59,130,246,.3),transparent)}.footer-content{max-width:1240px;width:100%;margin:0 auto;padding:60px 20px 40px 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.footer-content .content-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;padding:0;list-style:none}.footer-content .content-nav li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:240px;margin-bottom:20px}.footer-content .content-nav li p{font-size:16px;color:#fff;font-weight:600;margin:0 0 20px 0;padding-bottom:12px;position:relative;width:100%;border-bottom:none}.footer-content .content-nav li p:after{content:"";position:absolute;left:0;bottom:0;width:36px;height:2px;background:#3b82f6;border-radius:2px}.footer-content .content-nav li a.contact-link{color:hsla(0,0%,100%,.65);font-weight:400;padding:8px 0;font-size:14px;text-decoration:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .25s cubic-bezier(.4,0,.2,1);transition:all .25s cubic-bezier(.4,0,.2,1);line-height:1.6}.footer-content .content-nav li a.contact-link:hover{color:#3b82f6;text-decoration:none;-webkit-transform:translateX(6px);transform:translateX(6px)}.footer-content .content-nav li a.contact-link:hover i{color:#3b82f6;-webkit-transform:scale(1.1);transform:scale(1.1)}.footer-content .content-nav li a.contact-link i{margin-right:10px;font-size:16px;color:hsla(0,0%,100%,.4);-webkit-transition:all .25s ease;transition:all .25s ease}.footer .copyright{min-height:60px;padding:20px;background:#0b0f19;text-align:center;border-top:1px solid hsla(0,0%,100%,.05);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:24px;-webkit-box-sizing:border-box;box-sizing:border-box}.footer .copyright,.footer .copyright span{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer .copyright span{color:hsla(0,0%,100%,.45);font-size:13px;font-weight:400;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.footer .copyright span a{color:hsla(0,0%,100%,.45);text-decoration:none;-webkit-transition:color .25s ease;transition:color .25s ease}.footer .copyright span a:hover{color:#3b82f6;text-decoration:none}@media screen and (min-width:769px){.footer .copyright span:not(:last-child):after{content:"";display:inline-block;width:1px;height:12px;background:hsla(0,0%,100%,.15);margin-left:24px;vertical-align:middle}}@media screen and (max-width:768px){.el-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto!important;padding:10px 15px}.el-header .logo-section{margin-bottom:10px}.el-header .logo-section .logo{width:40px;height:40px}.el-header .logo-section .company-name{font-size:14px;white-space:normal;text-align:center}.el-header .el-menu-demo{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-bottom:none}.el-header .el-menu-demo .el-menu-item,.el-header .el-menu-demo .el-submenu .el-submenu__title{height:36px;line-height:36px;padding:0 12px;font-size:14px}.footer-content{width:100%;padding:40px 20px 20px 20px}.footer-content .content-nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px;padding:0}.footer-content .content-nav li{min-width:auto;margin-bottom:0}.footer-content .content-nav li p{font-size:16px;padding-bottom:8px;margin-bottom:12px}.footer-content .content-nav li a.contact-link{font-size:14px;padding:6px 0}.footer .copyright{padding:15px 20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;height:auto}.footer .copyright span{font-size:12px;line-height:1.4}}