﻿.aboutcompany-4 .logolist{margin:0;}
.cooperative-swiper{margin-top:20px;position:relative}
.cooperative-swiper .swiper{padding-bottom:50px}
.cooperative-swiper .logolist{display:flex;flex-wrap:wrap;justify-content:flex-start}
.cooperative-swiper .logolist li{width:19%;margin:0 1.25% 0 0}
.cooperative-swiper .logolist li:nth-child(5n){margin-right:0}
.cooperative-swiper .logolist li:nth-child(n+6){margin-top:20px}
.cooperative-swiper .logolist li img{display:block;width:100%;aspect-ratio:28/15;object-fit:contain;border:1px solid #ccc;padding:8px}
.cooperative-swiper .swiper-pagination{bottom:0}
.cooperative-btn>div{cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #ccc;border-radius:5px;position:absolute;top:50%;margin-top:-45px;}
.cooperative-btn>div.cooperative-prev{left:-55px}
.cooperative-btn>div.cooperative-next{right:-55px}
.cooperative-btn>div:hover{background:var(--color);border-color:var(--color);color:#fff}
@media (max-width:1024px){.cooperative-btn{display:none}
.cooperative-swiper .logolist li:nth-child(n+6){margin-top:10px}}
@media (max-width:768px){.cooperative-swiper .logolist{justify-content:space-between}
.cooperative-swiper .logolist li{width:48%;margin:0!important}
.cooperative-swiper .logolist li:nth-child(n+3){margin-top:10px!important}}
.aboutcompany-2 .list li {  width: 50%;}
@media (min-width:1025px){.aboutcompany-2 .list{max-width:80%;margin-left:auto;margin-right:auto;}}