section.part{padding: 3% 0;}
section.part .list{display: grid;margin-top: 20px;grid-template-columns: repeat(5,1fr);gap: 20px;}
section.part .item img{width: 100%;}
section.part .item{padding: 10px;border: 1px #d8d8d8 solid;}

@media (max-width:1024px) {section.part .list{grid-template-columns: repeat(4,1fr);}}
@media (max-width:768px) {section.part .list{grid-template-columns: repeat(3,1fr);}}
@media (max-width:500px) {section.part .list{grid-template-columns: repeat(2,1fr);}}


.about .container-bot{display:flex;align-items: center;justify-content: space-between;flex-wrap:wrap;}
.about .home-title{position: relative;text-align: left;padding-bottom:10px;margin-bottom:10px;}
.about .home-title:after{content:'';width:100px;height:3px;background:var(--color);display:block;position: absolute;left:0;bottom:0;}
.about .about-l,.about .about-r{width:50%}
.about .about-l{display:flex;flex-direction:column;justify-content:center;padding-right:80px}
.about .about-l>ul{left:10px;margin-bottom:30px;position:relative}
.about .about-l>ul>li{color:var(--fontcolor);margin-bottom:14px;padding-left:10px;position:relative}
.about .about-l>ul>li:after{background-color:var(--color);border-radius:50%;content:"";display:block;height:7px;left:-6px;position:absolute;top:9px;width:7px}
.about .about-btn,.about .about-btn .btn{display:flex}
.about .about-btn .btn{align-items:center;box-sizing:border-box;color:#FFFFFF;font-size:var(--fontsize14);font-weight:var(--fontbold6);height:50px;justify-content:center;min-width:130px;padding:0px 10px;border-radius:3px;text-transform:uppercase;transition:background-color .2s,color .2s,border .2s}
.about .about-btn .btn-more{background-color:var(--color);margin-right:20px}
.about .about-btn .btn-more:hover{background-color:#FFFFFF;border:1px solid var(--color);color:var(--color)}
.about .about-btn .btn-cont{background-color:var(--hovercolor)}
.about .about-btn .btn-cont:hover{background-color:#FFFFFF;border:1px solid var(--hovercolor);color:var(--hovercolor)}
.about .about-tit{color:var(--color);font-size:var(--fontsize34);font-weight:var(--fontbold6);padding-bottom:.1em;position:relative;text-transform:uppercase}
.about .about-tit:after{background-color:var(--color);bottom:0px;content:"";height:3px;left:0px;position:absolute;width:70px}
.about .about-con{color:var(--fontcolor);margin:20px 0px}
.about img{font-family:"object-fit:cover";height:100%;object-fit:cover;width:100%}
@media screen and (max-width:768px){
.about .about-l,.about .about-r{width:100%;padding:0;}
.about .about-l>ul{margin-bottom:4vw;left:0;width:100%;}
.about .about-l>ul>li{padding-left:20px;}
.about .about-l>ul>li:after{left:0;}
.about .about-con{margin:4vw 0vw}
.about .about-btn .btn{height:auto;min-width:0px;padding:1em 2em;width:auto}
.about .l-wrap .about-r{margin-top:4vw}}

.about-t li{height:auto;}

.home-cate{padding: 3% 0;}
.home-cate .list{margin-top: 20px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.home-cate .item{width:50%;}
.home-cate .item a{display: flex;}
.home-cate .item .title{width: 300px;color: #fff;font-size: 20px;font-weight: bold;display: flex;justify-content: center;align-items: center;padding: 20px;}
.home-cate .item:nth-child(1) .title{background: rgb(1,133,234);}
.home-cate .item:nth-child(2) .title{background: rgb(133,218,224);}
.home-cate .item:nth-child(3) .title{background: rgb(120,201,67);}
.home-cate .item:nth-child(4) .title{background: rgb(254,0,0);}
.home-cate .item:nth-child(5) .title{background: rgb(146,146,146);}
.home-cate .item .img{flex: 1;}
.home-cate .item img{width: 100%;}
.home-cate .item:nth-child(5){width: 100%;}
.home-cate .item:nth-child(5) img{max-height: 370px;}
@media (max-width:1024px) {
.home-cate .item{width: 100%;}
.home-cate .item:nth-child(5) img{max-height: 100%;}
.home-cate .item img{aspect-ratio: 2;}
.home-cate .item .title{width: 30%;}
}

@media (max-width:768px) {
.home-cate .item a{flex-direction: column-reverse;}
.home-cate .item .title{width: 100%;}
}

.our-r .lazy-wrap{padding:20px}
.our-r img{object-fit:contain}
@media (max-width:500px){.our-r .lazy-wrap{padding:12px}}
.about .about-btn .btn-cont,.our .our-navact,.hotpro-list li:hover .hotpro-box-r,.news-list li:hover .news-more,.writetous .writetous-more:hover{color:#000}