/* product solution */
.index-cases-list {
  width: 100%;
  position: relative;
}
.index-cases-list .next2,
.index-cases-list .prev2 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 53px;
  height: 53px;
  z-index: 999;
}
.index-cases-list .prev2 {
  transform: translate(-50%, -50%);
  left: 60px;
}
.index-cases-list .next2 {
  transform: translate(-50%, -50%);
  left: auto;
  right: 60px;
}
.index-cases-list .mainbox {
  width: 100%;
}
.index-cases-list .mainbox .swiper-container {
  width: 100%;
}
.index-cases-list img {
  width: 100%;
}
.index-mod-top .index-mod-title h3 {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: bold;
  font-size: 42px;
  color: #000000;
  line-height: 49px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.morebtn {
  float: right;
  width: 127px;
  height: 45px;
  border: none;
}
.morebtn img {
  display: block;
  width: 127px;
  height: 45px;
}
.index-about-msg p {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 400;
  font-size: 18px !important;
  color: #000000;
  line-height: 21px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.probtn {
  width: 200px;
  height: 60px;
  border-radius: 4px 4px 4px 4px;
  border: 2px solid #A73723;
}
.probtn a {
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 500;
  font-size: 24px;
  color: #A73723;
  line-height: 60px;
  height: 60px;
  text-align: center;
  display: block;
  font-style: normal;
  text-transform: none;
}
.probtn a:hover {
  background-color: #A73723;
  color: #fff;
  border: none;
  font-weight: bold;
}
.probtn a:hover {
  background-color: #A73723;
  color: #fff;
  border: none;
  font-weight: bold;
}
/* 产品解决方案 */
.gallery-top {
  width: 100%;
}
.toptitleline {
  display: flex;
  align-items: center;
}
.toptitleline span {
  flex-grow: 1;
  border-bottom: 2px solid #A73723;
}
.toptitleline h2 {
  padding: 0 40px;
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: bold;
  font-size: 42px;
  color: #000000;
  line-height: 49px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
#banner {
  position: relative;
  height: calc(100vh - 90px);
}
#banner .index-banner-item,
#banner .img,
#banner .pic {
  height: calc(100vh - 90px);
}
#banner .pic a {
  height: calc(100vh - 90px);
}
#banner .pic a img {
  height: calc(100vh - 90px);
  object-fit: cover;
}
#banner .index-banner-swiper .swiper-wrapper img {
  display: block;
  width: 100%;
  height: calc(100vh - 90px);
  object-fit: cover;
  max-height: calc(100vh - 90px);
}
/* 顶部产品列表 */
.productList .grid-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 2);
  gap: 10px;
  max-width: 1680px;
  width: 100%;
  margin: auto;
  overflow: hidden;
}
.productList .grid-container .grid-item:hover .pic {
  transform: scale(1.04);
}
.productList .grid-container .grid-item {
  height: 13.6vw;
  overflow: hidden;
  position: relative;
}
.productList .grid-container .grid-item .probox .pic {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.productList .grid-container .grid-item .titline {
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: 41px;
  height: 41px;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}
.productList .grid-container .grid-item .titline img {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  transition: all 0.6s;
}
.productList .grid-container .grid-item .titline .desc {
  padding-left: 25px;
  height: 42px;
  background: rgba(255, 255, 255, 0.7);
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 400;
  font-size: 18px;
  color: #000000;
  line-height: 42px;
  text-align: left;
  font-style: normal;
  text-transform: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
}
.productList .grid-container .pic {
  height: 13.6vw;
}
.productList .grid-container .pic img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
}
.partnerswiper {
  padding: 36px 0 70px 0;
  overflow: hidden;
}
