2 lines
2.8 KiB
CSS
2 lines
2.8 KiB
CSS
.slider[data-v-a80e4443]{width:100%;position:relative}.slider-container[data-v-a80e4443]{display:flex;width:100%;height:calc(100vh - 200px);background:url(/static/jpg/banner1-C-MK2qoq.jpg) no-repeat 50% 50%;background-size:100% 100%;margin:auto;align-items:center;justify-content:center}.slider-container .box[data-v-a80e4443]{width:1000px;margin:auto;height:calc(100vh - 200px);position:relative}.slider-container .box .sub[data-v-a80e4443]{position:absolute;top:65%;transform:translateY(65%);left:150px}.counter_wrapper[data-v-a80e4443]{position:relative;margin-top:-100px;z-index:12}.counter_wrapper .count_box[data-v-a80e4443]{width:100%;padding:15px 0;border-radius:10px;text-align:center;margin-bottom:40px;background:#fff;box-shadow:2px 2px 10px 1px #00000014;transition:.3s}.counter_wrapper .count_box i[data-v-a80e4443]:before{font-size:60px;color:#353535;transition:.3s}.counter_wrapper .count_box h3[data-v-a80e4443]{font-size:35px;font-weight:500;color:#353535;margin:15px 0;transition:.3s}.counter_wrapper .count_box p[data-v-a80e4443]{font-size:18px;font-weight:500;color:#353535;transition:.3s}.counter_wrapper .count_box:hover i[data-v-a80e4443]:before{color:#fff}.counter_wrapper .count_box:hover p[data-v-a80e4443],.counter_wrapper .count_box:hover .el-statistic__content[data-v-a80e4443]{color:#fff}.counter_wrapper .count_box[data-v-a80e4443]:hover{background:#f34d2c}.container[data-v-a80e4443]{width:100%;max-width:1200px;margin:auto}.container .el-row[data-v-a80e4443]{width:100%}@media (max-width: 768px){.slider-container[data-v-a80e4443]{background:url(/static/jpg/banner1-C-MK2qoq.jpg) no-repeat 83.5% 100%;background-size:cover;height:calc(100vh - 100px)}.slider-container .box[data-v-a80e4443]{width:100%;margin:auto;height:calc(100vh - 100px);position:relative}.slider-container .box .sub[data-v-a80e4443]{position:absolute;top:78%;left:0;transform:translateY(75%);text-align:center;width:100%}.slider-container .box .sub button[data-v-a80e4443]{margin-bottom:12px}.counter_wrapper[data-v-a80e4443]{margin-top:-20px}.counter_wrapper .container[data-v-a80e4443]{display:flex;justify-content:center}}.banner{padding-top:20px}.banner-list{margin-top:15px}.service-list{width:1200px;margin:15px 0}@media (max-width: 768px){.service-list{width:auto}}.router-link-button{padding:3px 5px;border:none;border-radius:4px;background-color:#ec4b2b;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:#f85535}.company-introduce p{font-size:20px;text-indent:2em}.index-title{width:1200px;text-align:center;margin:auto}.index-title h3{font-size:40px}.index-title p{font-size:20px}.company-detail{width:1200px;margin:15px auto 0}@media (max-width: 768px){.index-title,.company-detail{width:auto}}
|