.cate .common-title{margin-bottom:25px;}
.cate-list{flex-wrap:wrap;}
.cate-img img{opacity:.95;}
.cate-name{text-shadow:1px 1px 2px #000;line-height:1.3;font-size:28px;text-align:center;padding:0 10px}
@media (max-width:1440px){.cate-name{font-size:24px}}
@media (max-width:1024px){.cate-item{width:50%}}
@media (max-width:540px){.cate .common-title{margin-bottom:15px;}
.cate-name{font-size:19px}}
@media (min-width:1501px){.news-item:first-of-type img{aspect-ratio:5/4;object-fit:contain}}
@media (min-width:1701px){.news-item:first-of-type img{aspect-ratio:7/5;}}
.part{padding:50px 0}
@media (max-width:768px){.part{padding:30px 0}}
@media (min-width:1025px){.about-tip{font-size:var(--fontsize18)}
.about .about-con .about-title{font-size:36px}
.about article,.about ul li,.about .more-btn{font-size:var(--fontsize16)}}
.home-procenter{padding:3% 0;position:relative}
.home-procenter{background:#F6F6F6}
.home-procenter .prolist{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:4%}
.home-procenter .prolist li{width:32%;margin-top:2em;margin-bottom:2em}
@media (main-width:769px){.home-procenter .prolist li:nth-child(n+4){margin-top:4em}}
.home-procenter .prolist li a{display:block;background:#fff;border-radius:15px;position:relative;padding:20px;padding-top:140px;transition:all .2s linear;z-index:0;height:250px}
.home-procenter .prolist li a::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;z-index:-1;background:var(--color);opacity:.95;border-radius:15px;transition:all .15s linear}
.home-procenter .prolist li a:hover{color:#fff;padding-top:40px}
.home-procenter .prolist li a:hover::after{height:100%}
.home-procenter .prolist li a:hover .icon{opacity:0}
.home-procenter .prolist li a .icon{max-width:156px;}
.home-procenter .prolist li a:hover .bg{opacity:1}
.home-procenter .prolist li a:hover .text{opacity:1;height:auto;margin-top:20px}
.home-procenter .prolist li a:hover .pro-more{color:#fff}
.home-procenter .prolist li a:hover .pro-more img{filter: brightness(360);}
.home-procenter .prolist li .bg{border-radius:15px;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:0;transition:all .15s linear}
.home-procenter .prolist li .icon{position:absolute;right:20px;top:-36px;transition:all .15s linear}
.home-procenter .prolist li .title{font-size:18px;font-weight:600}
.home-procenter .prolist li .text{height:0;opacity:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.home-procenter .prolist li .pro-more{display:flex;align-items:center;justify-content:space-between;color:#666;margin-top:10px}
.home-procenter .prolist li .pro-more em{font-size:22px}
.home-procenter .more-bottom{margin-top:20px;display:flex;justify-content:center;}
.home-procenter .more-bottom .home-more{min-width: 200px;height: 50px;background: var(--color);color: #fff;display: inline-flex;align-items: center;justify-content: center;border-radius: 5px;transition: all .1s linear;padding: 0 20px;}
.home-procenter .more-bottom .home-more:hover{opacity: .9;}
@media (max-width:1024px){.home-procenter{padding:40px 0}
.home-procenter .prolist li{width:48%}}
@media (max-width:768px){.home-procenter .prolist li{margin-top:3em}
.home-procenter .prolist li a .icon{max-width:130px;}}
@media (max-width:500px){.home-procenter .prolist li .title{font-size:16px}
.home-procenter .prolist li .icon{right:0}
.home-procenter .prolist li a{padding:12px;padding-top:120px}}
@media (min-width:1100px){.home-procenter .prolist{display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}
.home-procenter .prolist li{width:100%;margin:0}
.home-procenter .common-wrapper{width:auto;padding:0 1%}
}