﻿@charset "utf-8"; 
:root{--color:#2d904a}
.home-service .service-wrap .service-item{background:#f7f7f7;color:var(--fontcolor);border-right-color:#eee}
.home-service .service-wrap .service-item .text,.home-service .service-wrap .service-item .icon i,.home-service .service-wrap .service-item .bg i,.home-service .service-wrap .service-item:hover .bg i{color:var(--fontcolor)}
.home-service .service-wrap .service-item:hover{background:#f7f7f7}
.home-service .service-wrap .service-item:hover .title::after{background:var(--color)}
@media (max-width:768px){.home-service .service-wrap .service-item{border-bottom-color:#eee}}
.logo img { max-height: 40px;}
.home-about .l-wrap{align-items:center}
.about-imgswiper .swiper-slide {position:relative;height:auto;padding-bottom:70%;}
.about-imgswiper .swiper-slide img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.about-imgswiper .swiper-pagination{display:block}
.about-imgswiper .swiper-pagination-bullet{background:#999;opacity:.5}
.about-imgswiper .swiper-pagination-bullet-active{background:var(--color);opacity:1}
.home-procate{padding:4% 20px 0;}
.home-procate .home-procate-list{display:flex;justify-content: space-between;flex-wrap:wrap;}
.home-procate .home-procate-list .home-procate-item{width:24%;margin:10px 0;box-shadow: 0 3px 18px 0 rgba(0, 0, 0, .16);transition: all .1s linear;overflow: hidden;border-radius: 5px;}
.home-procate .home-procate-list .home-procate-item .cate-img{position: relative;}
.home-procate .home-procate-list .home-procate-item .cate-img img{width:100%;display:block;}
.home-procate .home-procate-list .home-procate-item .cate-img>p{position:absolute;top:0;left:0;background: rgba(0, 0, 0, .24);padding:2px 8px;color:#fff;border-radius: 5px 0 0 0; font-size: 14px;z-index:2}
.home-procate .home-procate-list .home-procate-item .cate-title{text-align: center;padding:15px 0;font-size:18px;}
.home-procate .home-procate-list .home-procate-item:hover img{transform: scale(1.03);}
.home-procate .home-procate-list .home-procate-item:hover .cate-title a{color:var(--color)}
@media (max-width:768px){.home-procate .home-procate-list .home-procate-item{width:49%;margin:7px 0;}}
@media (max-width:500px){.home-procate .home-procate-list .home-procate-item{width:100%;margin:5px 0;}}