﻿@media (min-width:1025px){.solutions-2 .list2 li{width: 24%;}}
@media (min-width:769px) and (max-width:1024px){.solutions-2 .list2 li{width: 48%;}}
 .solutions-1 .list1{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}
.solutions-1 .list1 li{width:100%;margin-right:0}
@media (max-width:768px){.solutions-1 .list1{grid-template-columns:repeat(2,1fr)}}
.inbox-top{display:flex;flex-wrap:wrap;justify-content: space-between;}
.inbox-top>div{width:49%;}
.inbox-top>div .inner{width:100%;height:100%;}
.inbox-top>div .swiper{width:100%;height:100%;}
.inbox-top>div .swiper .img{height:100%;}
.inbox-top>div .swiper .img img{height:100%;object-fit: cover;border-radius:10px}
.in-box .img{width:100%;position: relative;overflow: hidden;}
.in-box img{width:100%;display:block;transition: all .3s;border-radius: 10px;}
.in-box p{position: absolute;bottom:5%;left:5%;z-index:2;color:#fff;max-width:55%;text-shadow: 1px 1px 2px #000;line-height:1.5}
.in-box p a{width:100%;display:block;color:#fff}
.inbox-top>div.inbox-top-right{width:49%;}
.inbox-top>div.inbox-top-right ul{display:flex;flex-wrap:wrap;justify-content: space-between;width:100%;}
.inbox-top>div.inbox-top-right ul li{width:48%;}
.inbox-top>div.inbox-top-right ul li:nth-child(n+3){margin-top:4%;}
.inbox-bot ul{display:flex;flex-wrap:wrap;justify-content: space-between;margin-top:2%;}
.inbox-bot ul li{width:23.5%;}
@media (max-width:768px){.inbox-top>div{width:100%;}
.inbox-top>div.inbox-top-right{width:100%;margin-top:4%;}
.inbox-bot ul{margin-top:0}
.inbox-bot ul li{width:48%;margin-top:4%;}
.in-box p{font-size:12px;max-width:70%;}}
@media (min-width:1025px){.solutions-2 .list2 li{width: 24%;}
.inbox-top>div.inbox-top-right .info .common-desc{-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;display: -webkit-box;min-height: 90px;}
.inbox-bot ul li .info .common-desc{-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;display: -webkit-box;min-height: 110px;}  }
@media (min-width:769px) and (max-width:1024px){.solutions-2 .list2 li{width: 48%;}}
 .solutions-1 .list1{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}
.solutions-1 .list1 li{width:100%;margin-right:0}
@media (max-width:768px){.solutions-1 .list1{grid-template-columns:repeat(2,1fr)}}
.solutions-2 .list2 li .img{width:100%;position: relative;}
.solutions-2 .list2 li .img img{object-fit: cover;}
.solutions-2 .list2 li .info{flex:inherit;position:absolute;top:0;right:0;width:60%;height:100%;background:rgb(38 40 46 / 70%)}
.solutions-2 .list2 li .info:before{border-color:rgb(81 83 88 / 85%) transparent transparent transparent;z-index:3;}
.solutions-2 .list2 li .info::after{border-color:transparent transparent transparent rgb(81 83 88 / 85%);z-index:3;}
.solutions-2 .list2 li:hover .info{background:rgb(38 40 46 / 45%)}
.active-desc{background:#fff;padding:5% 40px}
@media (max-width:768px){.active-desc{padding:0}}
.inbox-top>div .inner{height:auto}
.info{padding:3%}
.info .common-title{font-weight:800;word-break:break-all}
.info .more{margin-top:20px}
.info .more a{color:var(--color);padding:10px 20px;border:1px solid #eee;border-radius:30px}
.inbox-top-left .inner{display:flex;align-items:center;position:relative}
.inbox-top-left .inner .swiper-button-next,.inbox-top-left .inner .swiper-button-prev{opacity:0;border:none;padding:10px;aspect-ratio:1;border-radius:50%;background:#eee;font-size:20px;transition:all .3s;display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:20px}
.inbox-top-left .inner .swiper-button-next:after,.inbox-top-left .inner .swiper-button-prev:after{font-size:20px;color:#111}
.inbox-top-left .inner .swiper-button-prev{left:5px;margin-left:15px}
.inbox-top-left .inner .swiper-button-next{right:5px;margin-right:15px}
.inbox-top-left .inner:hover .swiper-button-prev{margin-left:0;opacity:1}
.inbox-top-left .inner:hover .swiper-button-next{margin-right:0;opacity:1}