﻿.procate-list {display:grid;grid-template-columns:repeat(6,1fr);gap:15px;padding:0}
.procate-list li{width:100%;margin:0;min-height:70px;border-radius:3px;height:auto}
.procate-list li a{padding:10px;line-height:1.3;display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-align:center;font-size:var(--fontsize17);word-break:normal}
@media (max-width:1100px){.procate-list {grid-template-columns:repeat(3,1fr);}}
@media (max-width:768px){.procate-list {grid-template-columns:repeat(2,1fr);}
.procate-list li{min-height:60px;}
.procate-list li a{font-size:var(--fontsize16)}}
.repro-box-next, .repro-box-prev{display:none}
.repro-swiper{width:100%;}
.repro-boxlist{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.repro-boxlist li{width:100%;height:auto;display:flex;flex-direction:column}
.repro-item-cont{flex:1;display:flex;flex-direction:column;padding:15px;}
.repro-name{font-weight:500;margin-bottom:15px;}
.repro-more{display:inline-flex;border:none;margin:auto 0 0 auto;background:var(--color);color:#fff;padding:7px 12px;border-radius:5px;text-transform:capitalize;color:#fff!important}
.repro-more:hover{opacity:.9}
@media (max-width:768px){.repro{padding-top:30px}
.repro-boxlist{grid-template-columns:repeat(2,1fr);gap:15px;}
.repro-item-cont{padding:10px 7px;}
.repro-more{font-size:var(--fontsize13)}}
@media (min-width:1201px){.newpro-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.newpro-list li{width:100%;margin:0;}
.newpro-item-r{flex:1;padding-right:0}
.newpro-bref{-webkit-line-clamp:3;margin:8px 0 5px}}
@media (max-width:800px){.newpro-bref{font-size:14px}
.newpro-name{font-size:18px}}
.home-about{background:url(/uploads/47702/page/p20260818130319e0404.jpg) no-repeat center;background-size:cover;background-blend-mode:overlay;background-color:#00000044;padding:8% 0;text-align:center;color:#fff;}
.about-title{font-weight:500;font-size:32px;}
.home-about p{margin:10px auto 30px;max-width:1200px;}
.about-btn{display:flex;justify-content:center}
.about-btn a{background:var(--color);display:block;padding:10px 30px;transition:.3s}
.about-btn a:hover{background:#fff;color:var(--color)}
@media (max-width:800px){.home-about{padding:40px 0}
.about-title{font-size:24px}}
.homeprobtn {display:flex;justify-content:center;margin-top:20px}
.homeprobtn a{transition:.3s;background:var(--color);color:#fff;padding:10px 40px;border:1px solid var(--color)}
.homeprobtn a:hover{background:#fff;color:var(--color)}
@media (max-width:800px){.homeprobtn{margin:0 0 20px}
.homeprobtn a{padding:8px 25px}}