@charset "UTF-8";

/* RPA使用用户列表 */
.RPA-customers-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.RPA-customers-list>a {
  width: 280px;
  height: 230px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  margin-bottom: 28px;
}

.RPA-customers-list>a:hover>img {
  opacity: 0.4;
  filter: alpha(opacity=.4);
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.RPA-customers-list>a:hover>.RPA-customers-content {
  opacity: 0.99;
}

.RPA-customers-list>a>.RPA-customers-content {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(24, 122, 251, 0.9);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

.RPA-customers-list>a>.RPA-customers-content>.RPA-customers-introduce {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 94%;
  height: 92%;
  border: 1px solid #fff;
  border-radius: 5px;
  flex-direction: column;
  color: #fff;
  padding: 30px;
}

.RPA-customers-list>a>.RPA-customers-content>.RPA-customers-introduce>h3 {
  font-size: 16px;
  font-weight: 500;
  width: 100%;
  text-align: center;
}

.RPA-customers-list>a>.RPA-customers-content>.RPA-customers-introduce>p {
  font-size: 12px;
  text-align: center;
  margin-top: 10px;
  width: 100%;
}

.RPA-customers-list>a>.RPA-customers-content>.RPA-customers-introduce a.solution {
  display: inline-block;
  padding: 5px 20px;
  border-radius: 20px;
  background-color: #fff;
  font-size: 12px;
  color: rgba(24, 122, 251, 0.9);
  margin: 20px 0 8px;
  cursor: pointer;
}

.RPA-customers-list>a>.RPA-customers-content>.RPA-customers-introduce a.detail {
  display: inline-block;
  padding: 5px 20px;
  border-radius: 20px;
  background-color: transparent;
  border: 1px solid #fff;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
}

/* 通用行业 */
.industry-fangan-list {
  width: 100%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.industry-fangan-list>a {
  width: 380px;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  background-color: #fff;
  margin-bottom: 30px;
}

.industry-fangan-list:after {
  content: "";
  width: 380px;
}

.industry-fangan-list>a:hover {
  position: relative;
  top: -10px;
  -moz-box-shadow: 5px 5px 20px rgba(24, 122, 251, .3);
  -webkit-box-shadow: 5px 5px 20px rgba(24, 122, 251, .3);
  box-shadow: 5px 5px 20px rgba(24, 122, 251, .3);
}

.industry-fangan-list>a>h3 {
  width: 100%;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.industry-banner {
  width: 100%;
  height: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow:hidden;
}


.industry-fangan-list>a:nth-child(3)>.industry-banner {
  background-image: url(../images/RPA-industry/industry-fangan-banner-01.jpg);
}

.industry-fangan-list>a:nth-child(4)>.industry-banner {
  background-image: url(../images/RPA-industry/industry-fangan-banner-02.jpg);
}

.industry-fangan-list>a:nth-child(5)>.industry-banner {
  background-image: url(../images/RPA-industry/industry-fangan-banner-03.jpg);
}

.industry-fangan-list>a:nth-child(6)>.industry-banner {
  background-image: url(../images/RPA-industry/industry-fangan-banner-04.jpg);
}

.industry-fangan-list>a:nth-child(7)>.industry-banner {
  background-image: url(../images/RPA-industry/industry-fangan-banner-05.jpg);
}

.industry-fangan-list>a:nth-child(8)>.industry-banner {
  background-image: url(../images/RPA-industry/industry-fangan-banner-06.jpg);
}

.industry-fangan-list>a:nth-child(9)>.industry-banner {
  background-image: url(../images/RPA-industry/industry-fangan-banner-07.jpg);
}

.industry-fangan-list>a:nth-child(10)>.industry-banner {
  background-image: url(../images/RPA-industry/industry-fangan-banner-08.jpg);
}

.industry-fangan-list>a:last-child>.industry-banner {
  background-image: url(../images/RPA-industry/industry-fangan-banner-09.jpg);
}

.industry-desc {
  width: 100%;
  height: 130px;
  padding: 20px 30px;
}

.industry-desc>p {
  font-size: 14px;
  color: #666;
  line-height: 24px;
}

@media screen and (max-width: 1024px) {
  .container {
    width: 100%;
  }

  .RPA-customers-list>a {
    width: 48%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    margin-bottom: 1rem;
    height: 15rem;
  }

  .industry-fangan-list>a {
    justify-content: space-around;
    width: 33%;
  }

}

@media screen and (max-width: 767px) {
  .industry-fangan-list>a {
    width: 100%;
    flex-direction: column;
    margin-bottom: 1rem;
    height: auto;
  }

  .industry-fangan-list>a>h3 {
    font-size: 1rem;
    height: auto;
    padding: 1rem 0;
  }

  .industry-desc {
    height: auto;
  }

  .RPA-customers-list>a>.RPA-customers-content>.RPA-customers-introduce {
    height: 92%;
    border: none;
    padding: 0
  }

  .RPA-customers-list>a>.RPA-customers-content>.RPA-customers-introduce>p {
    margin-top: 0;
  }

  .RPA-customers-list>a>img {
    max-width: 100%;
  }

}