2 lines
3.4 KiB
CSS
2 lines
3.4 KiB
CSS
@charset "UTF-8";.slider{width:100%;background:linear-gradient(90.54deg,#7354ff .42%,#000b22 102.71%);-webkit-background:linear-gradient(90.54deg,#7354ff .42%,#000b22 102.71%);-moz-background:linear-gradient(90.54deg,#7354ff .42%,#000b22 102.71%);position:relative;padding-top:100px;padding-bottom:130px}.slider:before{content:"";position:absolute;left:0;right:0;top:0;background-position:center center;bottom:0;background:url(/static/png/slider-bg-shape-E1wbLUgd.png);background-repeat:no-repeat;background-size:100% 100%;z-index:0}.slider .slider-container{display:flex;width:100%;max-width:1200px;margin:auto;align-items:center;justify-content:center}.slider .slider-container .el-row{display:flex;width:100%;align-items:center;justify-content:center}.slider .slider-container-mobile{display:none;width:100%;max-width:1200px;margin:auto;align-items:center;justify-content:center;text-align:center}.slider .slider-container-mobile h1{color:#fff;font-size:40px;font-weight:700;margin:10px 0}.slider .slider-container-mobile p{color:#fff;font-size:20px;font-weight:400;margin:10px 0}.slider .slider-container-left{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.slider .slider-container-left h1{color:#fff;font-size:40px;font-weight:700}.slider .slider-container-left p{color:#fff;font-size:20px;font-weight:400}.slider .slider-container-right{display:flex;justify-content:center;align-self:center}.slider .slider-container-right img{width:50%;height:50%}.slider-button{display:flex;justify-content:center}.slider-button .slider-btn{margin-top:30px;padding:12px 30px;position:relative}.slider-button .service{margin-right:14px}.qr-code{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);z-index:30;background-color:#fff;padding:10px;border:1px solid #ccc;box-shadow:0 0 5px #0000004d}.slider-btn:hover .qr-code{display:block}.qr-code img{width:150px;height:150px}.counter_wrapper{position:relative;margin-top:-100px;z-index:12}.counter_wrapper .count_box{width:100%;padding:15px 0;border-radius:5px 5px 30px 30px;text-align:center;margin-bottom:40px;background:#fff;box-shadow:2px 2px 10px 1px #00000014;transition:.3s}.counter_wrapper .count_box i:before{font-size:60px;color:#353535;transition:.3s}.counter_wrapper .count_box h3{font-size:35px;font-weight:500;color:#353535;margin:15px 0;transition:.3s}.counter_wrapper .count_box p{font-size:18px;font-weight:500;color:#353535;transition:.3s}.counter_wrapper .count_box:hover i:before{color:#fff}.counter_wrapper .count_box:hover p,.counter_wrapper .count_box:hover .el-statistic__content{color:#fff}.counter_wrapper .count_box:hover{background:#7354ff}.container{width:100%;max-width:1200px;margin:auto}.container .el-row{width:100%}@media (max-width: 768px){.container{width:100%;margin:auto}.slider{padding-top:0}.container .el-row{width:100%;padding-left:20px}.slider .slider-container{display:none}.slider .slider-container-mobile{display:flex}.slider .slider-container-left p{margin-top:20px}}@media (min-width: 769px){.slider .slider-container-mobile{display:none}.slider .slider-container{display:flex}}.router-link-button{padding:3px 5px;border:none;border-radius:4px;background-color:#42b983;color:#fff;font-size:16px;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .3s ease;margin-top:25px;float:right}.router-link-button:hover{background-color:#36a675}.company-introduce p{font-size:20px;text-indent:2em}
|