.strengthItem ul li:hover .text img{filter: brightness(360);}
.product .productItem ul li .more{background:rgb(128 128 128 / 23%)}
.case ul{justify-content:flex-start;flex-wrap:nowrap}
.case ul li{width:32%;margin-bottom:30px;display:flex;flex-direction:column;}
.case ul li span,.case .caseItem ul li span{margin-bottom:15px;}
.case .caseItem ul li a{margin-top:auto;}
.case ul li {height:auto}
.case-swiper .swiper-container{padding-bottom:30px}
@media (max-width:1024px){.case ul li{width:48%}}
@media (max-width:500px){.case ul li{width:100%}}
.strengthItem ul li .content{width:100%;height:100%}
.strengthItem ul li .text span{display:block;margin-left:auto;margin-right:auto;}
.introduction .hellobtn a{ background: var(--color); color: #fff;}
.introduction .hello img {filter: brightness(0) saturate(100%) invert(34%) sepia(91%) saturate(312%) hue-rotate(65deg) brightness(91%) contrast(94%);}
.case .caseItem ul li a { background: var(--color); color: #fff;}
.introduction .welcome span{-webkit-line-clamp: inherit;}
.introduction .welcome ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.introduction .welcome ul li{width:49%;margin:2% 0 0;}
@media (max-width:768px){.introduction .welcome ul li{width:100%;}}
@media (min-width:769px){.introduction .welcome{width:60%;}}
.introduction .welcome ul li{background:#fff;border-radius:10px;box-shadow:0 0 10px #ccc;padding:25px 20px;text-align:left;border-bottom:2px solid var(--color)}
@media (max-width:500px){.introduction .welcome ul li{padding:20px 15px}}
.introduction .hellobtn a:hover{color:var(--color)}