@charset "UTF-8";
/*!
  海外分公司页面样式
*/
.foreign-subsidiary {
  padding: 0 2rem;
}
.foreign-subsidiary .tit2 {
  margin-bottom: 1.5rem;
  padding-left: 20px;
  position: relative;
}
.foreign-subsidiary .tit2:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -17px;
  z-index: 1;
  background: url(../img/line.png) no-repeat center center;
  width: 8px;
  height: 34px;
}

/* 副标题 */
.foreign-subsidiary .tit-sub {
  font-weight: normal;
}

/* 分组列表 */
.foreign-subsidiary .foreign-subsidiary-list {
  padding: 2.85rem 0 1.5rem;
  position: relative;
  background: #fff;
}
.foreign-subsidiary .foreign-subsidiary-list + .foreign-subsidiary-list {
  padding-top: 0;
}

/* 公司列表 */
.foreign-subsidiary .foreign-subsidiary-list .ul {
  z-index: 3;
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 4%;
}
.foreign-subsidiary .foreign-subsidiary-list .ul .li {
  padding: 0.6rem 0.575rem 1.8rem;
  background: #f0f0f0;
  border-radius: 0.25rem;
  transition: all 0.5s;
  margin-bottom: 16%;
  height: 340px;
  word-break: break-all;
}
.foreign-subsidiary .foreign-subsidiary-list .ul .li:hover {
  background: #1e50e6;
}
.foreign-subsidiary .foreign-subsidiary-list .ul .li:hover .c-tit {
  color: #fff;
}
.foreign-subsidiary .foreign-subsidiary-list .ul .li:hover a {
  color: #fff;
}
.foreign-subsidiary .foreign-subsidiary-list .ul .li:hover .label {
  color: #fff;
}
.foreign-subsidiary .foreign-subsidiary-list .ul .li:hover .address {
  color: #fff;
}
.foreign-subsidiary .foreign-subsidiary-list .ul .li:hover .value {
  color: #fff;
}
.foreign-subsidiary .foreign-subsidiary-list .ul .li .c-tit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  line-height: normal;
  transition: all 0.5s;
  line-height: calc(1em + 16px);
}
.foreign-subsidiary .foreign-subsidiary-list .ul .li a {
  color: #333;
  transition: all 0.5s;
  display: block;
}
.foreign-subsidiary .foreign-subsidiary-list .ul .li .address {
  display: inline-block;
  transition: all 0.5s;
}
.foreign-subsidiary .foreign-subsidiary-list .ul .li .label {
  transition: all 0.5s;
  color: #1e50e6;
  display: inline-block;
  min-width: 50px;
  line-height: 1.5135;
}
.foreign-subsidiary .foreign-subsidiary-list .ul .li .value {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  line-height: 1.5135;
}
.foreign-subsidiary .foreign-subsidiary-list .ul .li .desc {
  display: flex;
  margin-bottom: 7px;
}

.foreign-subsidiary .foreign-subsidiary-list .ul .li .divider {
  border-bottom: 1px solid #999;
  margin: 16px 0;
  transition: all 0.5s;
}
.foreign-subsidiary .foreign-subsidiary-list .ul .li:hover .divider {
  border-color: #fff;
}

.foreign-subsidiary .foreign-subsidiary-list .ul .li .desc:hover .label {
  font-weight: 600;
}
.foreign-subsidiary .foreign-subsidiary-list .ul .li .desc:hover .value a {
  font-weight: 600;
}
.foreign-subsidiary .foreign-subsidiary-list .ul .li .desc:hover .value .address {
  font-weight: 600;
}

@media (max-width: 1481px) {
  .foreign-subsidiary .foreign-subsidiary-list .ul {
    grid-template-columns: repeat(3, 1fr);
  }
  .foreign-subsidiary .foreign-subsidiary-list .ul .li {
    margin-bottom: 13%;
  }
}
@media (max-width: 1024px) {
  .foreign-subsidiary .foreign-subsidiary-list .ul {
    grid-template-columns: repeat(2, 1fr);
  }
  .foreign-subsidiary .foreign-subsidiary-list .ul .li {
    margin-bottom: 9%;
  }
  .foreign-subsidiary {
    padding: 0 6%;
  }
}
@media (max-width: 768px) {
  .foreign-subsidiary .foreign-subsidiary-list .ul {
    grid-template-columns: 1fr;
  }
  .foreign-subsidiary .foreign-subsidiary-list .ul .li {
    margin-bottom: 7%;
  }
  .foreign-subsidiary .foreign-subsidiary-list {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .foreign-subsidiary .foreign-subsidiary-list {
    padding-top: 2rem;
  }
}