2 lines
5.3 KiB
CSS
2 lines
5.3 KiB
CSS
*{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;border:none}.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:""}
|