#app {
  background: #ffffff;
}
#app header {
  margin-top: 0.56rem;
  height: 0.56rem;
  line-height: 0.56rem;
}
#app header .crumb-wrap {
  color: #434343;
  padding-left: 0.32rem;
}
#app header .crumb-wrap a,
#app header .crumb-wrap span {
  color: #414141;
  font-size: 0.176rem;
}
#app .banner {
  width: 18.4rem;
  height: 5.74rem;
  border-radius: 0.16rem;
  box-shadow: 0 0 0.08rem rgba(0, 0, 0, 0.2);
  margin: 0 auto 0.64rem;
  background: url("/static/www/imgs/renliziyuan/bg.jpg") no-repeat;
  background-size: 18.4rem 5.74rem;
}
#app .banner h1 {
  font-size: 0.584rem;
  line-height: 1.064rem;
  color: #213141;
  margin-top: -0.16rem;
}
#app .banner .classification,
#app .banner .hello {
  font-size: 0.208rem;
  line-height: 0.448rem;
}
#app .banner .classification .gap,
#app .banner .hello .gap {
  margin: 0 0.144rem;
  background: #a8a2ae;
}
#app .banner .tel-box {
  width: 7.5rem;
  font-size: 0.18rem;
  line-height: 0.5rem;
}
@media screen and (min-width: 0px) and (max-width: 1440px) {
  #app .banner {
    width: 14.416rem;
  }
  #app .banner .link-card {
    width: unset;
  }
}
@media screen and (min-width: 1440px) and (max-width: 1776px) {
  #app .banner {
    width: 14.416rem;
  }
}
#app main .title-content .title {
  width: 4.496rem;
  line-height: 0.52rem;
  color: #222f3f;
  font-size: 0.4rem;
  font-weight: 600;
  padding-left: 0.272rem;
}
#app main .title-content .title span {
  color: #0596e5;
}
#app main .title-content .content {
  padding-left: 0.8rem;
}
#app main .title-content .content p {
  width: 8.8rem;
  font-size: 0.176rem;
  line-height: 0.32rem;
  color: #5e6166;
}
#app main .title-content .content p:nth-child(2n) {
  margin: 0.16rem 0;
}
#app main .card-list {
  margin-top: 0.6rem;
}
#app main .card-list .item {
  width: 3.48rem;
  height: 3.76rem;
  border-radius: 0.08rem;
  overflow: hidden;
  box-shadow: 0 0 0.08rem rgba(0, 0, 0, 0.2);
}
#app main .card-list .item .title-text {
  height: 2.04rem;
  color: #fff;
  font-size: 0.32rem;
  position: relative;
  background-size: 3.48rem 2.04rem;
  background-repeat: no-repeat;
}
#app main .card-list .item:nth-child(1) .title-text {
  background-image: url("/static/www/imgs/renliziyuan/bg1.png");
}
#app main .card-list .item:nth-child(2) .title-text {
  background-image: url("/static/www/imgs/renliziyuan/bg2.png");
}
#app main .card-list .item:nth-child(3) .title-text {
  background-image: url("/static/www/imgs/renliziyuan/bg3.png");
}
#app main .card-list .item:nth-child(4) .title-text {
  background-image: url("/static/www/imgs/renliziyuan/bg4.png");
}
#app main .card-list .item .title-des {
  padding: 0 0.28rem;
}
#app main .card-list .item .title-des .title {
  line-height: 0.6rem;
  font-size: 0.2rem;
  color: #3d4550;
  margin-top: 0.112rem;
}
#app main .card-list .item .title-des .des {
  text-align: justify;
  line-height: 0.208rem;
  font-size: 0.144rem;
  color: #6a6d72;
}
#app main .card-list .item:nth-child(3) .title-des {
  padding: 0;
}
#app main .card-list .item:nth-child(3) .title-des .title {
  padding-left: 0.28rem;
}
#app main .card-list .item:nth-child(3) .title-des .des {
  padding: 0 0.28rem;
}
#app main .recent-news,
#app main .cooperation {
  margin-top: 0.528rem;
}
#app main .recent-news .title,
#app main .cooperation .title {
  line-height: 0.752rem;
  color: #132030;
  font-size: 0.352rem;
  font-weight: 600;
}
#app main .recent-news ul li,
#app main .cooperation ul li {
  width: 4.36rem;
  line-height: 0.464rem;
  height: 0.464rem;
  padding: 0 0.128rem;
  margin-right: 0.64rem;
}
#app main .recent-news ul li:hover,
#app main .cooperation ul li:hover {
  background: #f3f6fb;
}
#app main .recent-news ul li:hover .iconyoujiantou,
#app main .cooperation ul li:hover .iconyoujiantou {
  opacity: 1;
}
#app main .recent-news ul li:nth-child(3n),
#app main .cooperation ul li:nth-child(3n) {
  margin-right: 0;
}
#app main .recent-news ul li .iconyoujiantou,
#app main .cooperation ul li .iconyoujiantou {
  font-weight: 600;
  opacity: 0;
}
#app main .recent-news ul li.active,
#app main .cooperation ul li.active {
  background: #f3f6fb;
}
#app main .recent-news ul li.active a,
#app main .cooperation ul li.active a {
  color: #ff6000;
}
#app main .recent-news ul li a,
#app main .cooperation ul li a {
  font-size: 0.176rem;
}
#app main .cooperation-card {
  width: 9.6rem;
  height: 2.24rem;
  background: url("/static/www/imgs/renliziyuan/bg5.png") no-repeat;
  background-size: 9.6rem 2.24rem;
  border-radius: 0.08rem;
  margin: 0.48rem auto;
}
#app main .cooperation-card .title {
  font-size: 0.296rem;
  line-height: 0.592rem;
  color: #fff;
}
#app main .cooperation-card p {
  line-height: 0.28rem;
  font-size: 0.176rem;
  color: #fff;
}
#app main .cooperation-card .tel {
  margin-top: 0.12rem;
  width: 2.96rem;
  height: 0.36rem;
  line-height: 0.36rem;
  color: #393939;
  border-radius: 0.08rem;
  background: #fff;
}
#app main .cooperation-card .tel .iconfont {
  margin-right: 0.08rem;
}
#app main .client-box .title-box .title {
  font-size: 0.336rem;
  color: #2b3848;
  margin-top: 0.24rem;
}
#app main .client-box .title-box .english {
  font-size: 0.24rem;
  line-height: 0.32rem;
  color: #cfcfcf;
  position: relative;
  margin: 0.08rem 0;
}
#app main .client-box .title-box .english:after,
#app main .client-box .title-box .english:before {
  position: absolute;
  width: 0.4rem;
  height: 0.008rem;
  background: #cfcfcf;
  content: '';
  top: 50%;
  transform: translateY(-50%);
}
#app main .client-box .title-box .english:before {
  left: -0.56rem;
}
#app main .client-box .title-box .english:after {
  right: -0.56rem;
}
#app main .client-box .title-box .des {
  font-size: 0.208rem;
  color: #666668;
}
#app main .client-box ul {
  margin-top: 0.24rem;
}
#app main .client-box ul li {
  width: 2.8rem;
  height: 1.84rem;
  border-right: 0.008rem solid #ebebeb;
  border-bottom: 0.008rem solid #ebebeb;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.08rem;
  transition: all 0.3s;
  transform-origin: center;
}
#app main .client-box ul li:hover {
  background-size: 2.5rem;
  transition: all 0.3s;
}
#app main .client-box ul li:nth-child(5n) {
  border-right: 0;
}
#app main .client-box ul li:nth-child(n + 6) {
  border-bottom: 0;
}
#app main .client-box ul li:nth-child(1) {
  background-image: url('/static/www/imgs/renliziyuan/logo/001.jpg');
}
#app main .client-box ul li:nth-child(2) {
  background-image: url('/static/www/imgs/renliziyuan/logo/002.jpg');
  background-size: 1.2rem;
}
#app main .client-box ul li:nth-child(2):hover {
  background-size: 1.5rem;
}
#app main .client-box ul li:nth-child(3) {
  background-image: url('/static/www/imgs/renliziyuan/logo/003.jpg');
}
#app main .client-box ul li:nth-child(4) {
  background-image: url('/static/www/imgs/renliziyuan/logo/004.jpg');
}
#app main .client-box ul li:nth-child(5) {
  background-image: url('/static/www/imgs/renliziyuan/logo/005.jpg');
}
#app main .client-box ul li:nth-child(6) {
  background-image: url('/static/www/imgs/renliziyuan/logo/006.jpg');
  background-size: 1.8rem;
}
#app main .client-box ul li:nth-child(6):hover {
  background-size: 2rem;
}
#app main .client-box ul li:nth-child(7) {
  background-image: url('/static/www/imgs/renliziyuan/logo/007.jpg');
}
#app main .client-box ul li:nth-child(8) {
  background-image: url('/static/www/imgs/renliziyuan/logo/008.jpg');
}
#app main .client-box ul li:nth-child(9) {
  background-image: url('/static/www/imgs/renliziyuan/logo/009.jpg');
}
#app main .client-box ul li:nth-child(10) {
  background-image: url('/static/www/imgs/renliziyuan/logo/010.jpg');
}
#app .line1 {
  width: 98%;
  height: 0.016rem;
  background: #ebebeb;
  margin: 0.88rem auto 0;
}
/*# sourceMappingURL=index.css.map */