2 lines
12 KiB
CSS
2 lines
12 KiB
CSS
.hamburger-menu[data-v-7cf6a59a]{position:fixed;top:20px;right:20px;width:25px;height:25px;cursor:pointer;z-index:10011;display:none}.hamburger-icon[data-v-7cf6a59a]{display:block;width:100%;height:3px;background-color:#303133;margin:5px 0;transition:all .3s ease-in-out;transform-origin:center}.rotate-top[data-v-7cf6a59a]{transform:translateY(8px) rotate(45deg)}.hide-middle[data-v-7cf6a59a]{opacity:0}.rotate-bottom[data-v-7cf6a59a]{transform:translateY(-8px) rotate(-45deg)}.mobile-menu[data-v-7cf6a59a]{position:fixed;top:70px;left:0;width:100%;height:100%;background-color:#fff;z-index:10010;display:flex;flex-direction:column;align-items:center;transition:all .3s ease-in-out;opacity:0;visibility:hidden}.mobile-menu.open[data-v-7cf6a59a]{opacity:1;visibility:visible}.mobile-menu-list[data-v-7cf6a59a]{list-style:none;padding:0;margin:0;width:90%;max-width:300px;border-radius:10px;overflow:hidden;z-index:10010}.mobile-menu-list li[data-v-7cf6a59a]{padding:10px;line-height:30PX;border-bottom:1px solid #DCDCDC}.mobile-menu-list li a[data-v-7cf6a59a]{text-decoration:none}.mobile-menu-list li[data-v-7cf6a59a]:last-child{border-bottom:none}.login-register-module[data-v-7cf6a59a]{position:fixed;top:20px;right:60px;z-index:10010;display:flex;justify-content:center;align-items:center;display:none}.login-register-module span[data-v-7cf6a59a]{margin-right:10px;line-height:35px;cursor:pointer}.login-register-module span[data-v-7cf6a59a]:hover{color:#00f}@media (max-width: 768px){.header-menu[data-v-7cf6a59a]{display:none}.mobile-menu[data-v-7cf6a59a]{padding:32px 24px;border-top:2px solid #DCDCDC}.header-right[data-v-7cf6a59a]{display:none}.hamburger-menu[data-v-7cf6a59a]{display:block}.login-register-module[data-v-7cf6a59a]{display:flex}}.copyright a{cursor:pointer}.login-box{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000101}.login-container{padding:35px;border-radius:8px;box-shadow:0 4px 8px #0000001a;background-color:#fff;width:400px;transition:box-shadow .3s ease;position:relative}.login-container:hover{box-shadow:0 6px 12px #00000026}.login-container h4{color:#007bff;text-align:center;margin-bottom:30px;font-size:24px}.login-container .el-form-item{display:flex;justify-content:center;align-items:center;width:100%}.login-container .el-form-item label{width:100px!important}.login-container .el-input{width:100%}.login-container button{width:100%;padding:2px;background-color:#007bff;color:#fff;border:none;border-radius:8px;font-size:20px;cursor:pointer;transition:background-color .3s ease}.login-container button:hover{background-color:#0056b3}.login-container .login-close{position:absolute;top:10px;right:10px;font-size:20px;cursor:pointer;color:#6c757d}.login-container .login-close:hover{color:#007bff}.login-container .passwordLogin p{margin:10px;color:red}.login-container .pic_verifyCode img{cursor:pointer;width:100px;height:50px;margin-left:5px}.login-container .el-input{flex:1}.register-box{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000101}.el-message{z-index:1000102!important}.register-container{padding:35px;border-radius:8px;box-shadow:0 4px 8px #0000001a;background-color:#fff;width:400px;transition:box-shadow .3s ease;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.register-container:hover{box-shadow:0 6px 12px #00000026}.register-container h4{color:#007bff;text-align:center;margin-bottom:30px;font-size:24px}.register-container .el-form-item{display:flex;justify-content:center;align-items:center;width:100%}.register-container .el-form-item label{width:100px!important}.register-container .el-input{width:100%}.register-container .verifyAndButton{display:flex;width:100%}.register-container button{width:100%;padding:2px;background-color:#007bff;color:#fff;border:none;border-radius:8px;font-size:20px;cursor:pointer;transition:background-color .3s ease}.register-container button:hover{background-color:#0056b3}.register-container .register-close{position:absolute;top:10px;right:10px;font-size:20px;cursor:pointer;color:#6c757d}.register-container .register-close:hover{color:#007bff}.register-container .error-message{color:red;margin-top:5px;font-size:12px}.register-container p{color:red;margin:10px 0}.floating-menu[data-v-fca94e34]{position:fixed;right:5px;bottom:20%;padding:10px;z-index:1000}.floating-menu .menu-item[data-v-fca94e34]{display:block;margin:5px 0;padding:8px 15px;border:none;border-radius:3px;background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .3s ease}.floating-menu .menu-item[data-v-fca94e34]:hover{background-color:#0056b3}.floating-menu .menu-item-wrapper[data-v-fca94e34]{position:relative}.floating-menu .phone-popup[data-v-fca94e34]{position:absolute;background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #0003;border-radius:5px;top:50%;left:-180px;transform:translateY(-50%);z-index:1001}.floating-menu .phone-popup-content[data-v-fca94e34]{display:flex;flex-direction:column;padding:10px;justify-content:center;align-items:center}.floating-menu .phone-popup-content .code img[data-v-fca94e34]{width:70px;height:70px}.floating-menu-mobile[data-v-fca94e34]{position:fixed;right:5px;bottom:20%;padding:10px;z-index:1000;background:#fff;border-radius:20%}.floating-menu-mobile .customer-serve[data-v-fca94e34]{width:30px;height:30px;display:block;margin-bottom:10px}.floating-menu-mobile .customer-serve i[data-v-fca94e34]{font-size:30px}.floating-menu-mobile .customer-serve .phone-popup[data-v-fca94e34]{position:absolute;background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #0003;border-radius:5px;top:50%;left:-180px;transform:translateY(-50%);z-index:1001}.floating-menu-mobile .customer-serve .phone-popup-content[data-v-fca94e34]{display:flex;flex-direction:column;padding:10px;justify-content:center;align-items:center}.floating-menu-mobile .customer-serve .phone-popup-content .code img[data-v-fca94e34]{width:70px;height:70px}.floating-menu-mobile .feedback[data-v-fca94e34]{width:30px;height:30px;display:block;margin-bottom:10px}.floating-menu-mobile .feedback i[data-v-fca94e34]{font-size:30px}.floating-menu-mobile .backToTop[data-v-fca94e34]{width:30px;height:30px;display:none}.floating-menu-mobile .backToTop i[data-v-fca94e34]{font-size:30px}.contain{min-height:calc(100vh - 70px);display:flex;flex-direction:column}.contain .routerView{flex:1}*{margin:0;padding:0;box-sizing:border-box}:root{--bgcolor: #387197}.btn{background:#7354ff;border:medium none;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;line-height:1;margin-bottom:0;padding:10px 30px;text-align:center;text-transform:capitalize;touch-action:manipulation;transition:.3s;vertical-align:middle;white-space:nowrap;border:1px solid transparent;box-shadow:none!important;border-radius:30px}.btn:hover,.active-btn{background:#000b22;color:#fff;border-color:#000b22}.btn:not(:disabled):not(.disabled):active,:focus{color:#7354ff}.btn:focus{background:#000b22;color:#7354ff;border-color:#000b22}.btn:active{color:inherit;background:inherit}.header{height:70px}.header-list{position:fixed;top:0;left:0;width:100%;height:70px;background-color:#fff;box-shadow:0 5px 5px #0003;z-index:1000}.header-list .el-row{width:100%;max-width:1200px;margin:auto}.header-top{max-width:1200px;width:100%;height:70px;margin:auto;display:flex;justify-content:center;align-items:center}.logo{width:60px;padding-left:20px}.logo a{background:url(/static/png/xiaofa_logo-CWiFY9kv.png);width:60px;height:60px;display:inline-block;background-size:contain;outline:none}.header-top ul{flex:1;display:flex;line-height:60px}.header-menu{display:flex;justify-content:center}.header-menu li{margin:0 30px;list-style:none;position:relative}.header-menu a{text-decoration:none;color:inherit}.header-menu li span{font-size:16px;font-weight:700}.header-menu li:hover span{color:var(--bgcolor)}.header-menu li:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:100%;border-bottom:3px solid var(--bgcolor);transition:all .2s}.header-menu li:hover:before{content:"";left:0;width:100%}.header-right{display:flex}.header-right .start{margin-right:20px}.header-right .start .start-button{background-color:#000;border-radius:20px}.header-right .login{margin-right:20px}.header-right .login .login-button{border-radius:20px}.header-right .logout{margin-right:20px}.header-right .logout .logout-button{background-color:red;border-radius:20px}.company-detail{display:flex}.company-detail img{width:100%;height:100%;object-fit:cover;padding-right:20px}.company-introduce{padding:20px 20px 0;letter-spacing:2px;line-height:34px}.banner-list{width:100%;max-width:1200px;margin:auto;position:relative}.banner-list .el-carousel__container{width:100%;padding-bottom:50%;position:relative}.banner-list .el-carousel__item{position:absolute;top:0;left:0;width:100%;height:100%}.banner-list .el-carousel__item img{width:100%;height:100%;object-fit:cover}.container-bg{padding:50px 0}.index-title{text-align:center}.index-title h3{padding-top:30px;font-size:42px;font-weight:700}.index-title p{font-size:20px;color:#666;padding:20px;text-align:center;font-weight:500;max-width:580px;margin:15px auto 0}.service-contain{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding-top:30px}.service-list{width:100%}.service-list ul{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center;width:100%}.service-list ul li{list-style:none;width:30%;height:211.6px;padding:30px 20px;text-align:center;box-shadow:0 15px 25px #0000001a;border-radius:10px}.service-list ul li i:before{font-size:70px;color:#353535;transition:.3s}.service-list ul li h4{font-size:26px;font-weight:500;margin-top:10px;transition:.3s}.service-list ul li:hover{background:linear-gradient(90.54deg,#7354ff .42%,#000b22 102.71%)}.service-list ul li:hover i:before{color:#fff}.service-list ul li:hover h4{color:#fff}.service-list ul li:hover i:before p{color:#fff}.footer{display:flex;width:100%;flex-direction:column;align-items:center;background:#000b22;padding:20px}.footer .row .el-row{width:100%}.footer .row{display:flex;width:100%;max-width:1200px;margin:auto;justify-content:center;align-items:center}.footer .row p,.footer .row ul{padding-left:10px}.footer .logo_text p{color:#fff;font-size:30px;padding:20px;font-weight:800}.footer .row .about,.footer .row .contact{display:flex;flex-direction:column;justify-content:center;align-items:start;line-height:38px}.footer .row .contact span{color:#b6b6b6}.footer .row a{color:#b6b6b6;text-decoration:none}.footer p{color:#fff}.footer li{list-style:none;color:#fff}.footer .copyright{margin:10px 0}.footer .copyright p{color:#fff}.footer .copyright a{color:gray;text-decoration:none}@font-face{font-family:iconfont;src:url(/static/ttf/iconfont-B5DLCOAl.ttf?t=1744876675964) format("truetype")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-baobei:before{content:""}.icon-huidaodingbu:before{content:""}.icon-vip:before{content:""}.icon-fankui:before{content:""}.icon-kefu:before{content:""}.icon-pass-2-copy:before{content:""}.icon-anzhuangweixiu:before{content:""}.icon-dingdan:before{content:""}.icon-ershoujiaoyi:before{content:""}.icon-qiyezhaopin:before{content:""}.icon-shenhebutongguo:before{content:""}.icon-jia:before{content:""}.icon-icon-test:before{content:""}.icon-zulinfuwuicon:before{content:""}.icon-jiazhengbaojieanbao:before{content:""}.icon-employee1:before{content:""}.icon-shenhezhong:before{content:""}.icon-shenhe-shenhetongguo:before{content:""}.icon-shenhetongguo:before{content:""}.icon-stamp-yiqianshu-chenggong-yangshi2:before{content:""}
|