2 lines
4.4 KiB
CSS
2 lines
4.4 KiB
CSS
@charset "UTF-8";.slider[data-v-66d992d8]{width:100%;position:relative}.slider-container[data-v-66d992d8]{display:flex;width:100%;height:800px;margin:auto;align-items:center;justify-content:center;position:relative;overflow:hidden}.slider-container .bg[data-v-66d992d8]{left:50%;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1}.slider-container .box[data-v-66d992d8]{width:1000px;margin:auto;height:800px;position:relative;z-index:2}.slider-container .box .sub[data-v-66d992d8]{position:absolute;top:58%;transform:translateY(58%);left:150px}.counter_wrapper[data-v-66d992d8]{position:relative;margin-top:-100px;z-index:12}.counter_wrapper .count_box[data-v-66d992d8]{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-66d992d8]:before{font-size:60px;color:#353535;transition:.3s}.counter_wrapper .count_box h3[data-v-66d992d8]{font-size:35px;font-weight:500;color:#353535;margin:15px 0;transition:.3s}.counter_wrapper .count_box p[data-v-66d992d8]{font-size:18px;font-weight:500;color:#353535;transition:.3s}.counter_wrapper .count_box:hover i[data-v-66d992d8]:before{color:#fff}.counter_wrapper .count_box:hover p[data-v-66d992d8],.counter_wrapper .count_box:hover .el-statistic__content[data-v-66d992d8]{color:#fff}.counter_wrapper .count_box[data-v-66d992d8]:hover{background:#f34d2c}.container[data-v-66d992d8]{width:100%;max-width:1200px;margin:auto}.container .el-row[data-v-66d992d8]{width:100%}.text[data-v-66d992d8]{display:none;color:#fff;margin-bottom:20px}.text h2[data-v-66d992d8]{font-size:55px}.text h3[data-v-66d992d8]{font-size:32px;margin-top:10px}.text p[data-v-66d992d8]{font-size:32px;margin-bottom:10px}@media (max-width: 768px){.text[data-v-66d992d8]{display:block}.bg[data-v-66d992d8]{display:none}.slider-container[data-v-66d992d8]{height:360px;background:linear-gradient(180deg,#f85535,#f76c50)}.slider-container .box[data-v-66d992d8]{width:100%;margin:auto;height:360px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}.slider-container .box .sub[data-v-66d992d8]{position:initial;transform:none;text-align:center;width:100%}.slider-container .box .sub button[data-v-66d992d8]{margin-bottom:12px}.counter_wrapper[data-v-66d992d8]{margin-top:20px}.counter_wrapper .container[data-v-66d992d8]{display:flex;justify-content:center}}.banner-list{width:100%;max-width:1200px;margin:15px auto 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}.banner{padding-top:20px}.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,#ec4b2b .42%,#f85535 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}.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{display:flex;width:1200px;margin:15px auto 0}.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}@media (max-width: 768px){.index-title,.company-detail{width:auto}}
|