@charset "utf-8";.zylj-banner-2{position:relative;width:100%;height:6rem;overflow:hidden;background:center center no-repeat;background-size:cover;padding-top:.5rem}@media (max-width: 991px){.zylj-banner-2{height:5rem}}@media (max-width: 767px){.zylj-banner-2{height:7rem}}.zylj-banner-2 .common-button{width:2.4rem;margin-top:.25rem}@media (max-width: 767px){.zylj-banner-2 .common-button{width:4rem}}.zylj-banner-2 .common-button .button_su_inner{border-color:#FFFFFF;color:#FFFFFF}.zylj-banner-2 .common-button .button_su_inner .icon{transition:all .45s ease-in-out;background:#FFFFFF}.zylj-banner-2 .common-button .button_su_inner .icon svg path{fill:var(--color)}.zylj-banner-2 .common-button .button_su_inner:hover{border-color:var(--color) !important}.zylj-banner-2 .common-button .button_su_inner:hover .icon svg path{fill:var(--color)}.zylj-banner-2 .bg{background:center center no-repeat;background-size:cover;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;animation-delay:0s !important}.zylj-banner-2:before{content:'';position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:#000000;opacity:.2}.zylj-banner-2 .x-i{position:absolute;bottom:-60%;right:0;z-index:3;width:4rem;height:100%;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;opacity:1}.zylj-banner-2 .container1600{text-align:left;position:absolute;z-index:4;bottom:10%}.zylj-banner-2 .container1600 .title{font-size:var(--font-size6);font-weight:500;color:#FFFFFF;line-height:1;text-shadow:0 0 0 rgba(0,0,0,0.5);margin-bottom:.2rem}.zylj-banner-2 .container1600 .desc{font-size:var(--font-size1);font-weight:bold;color:#FFFFFF;line-height:1.2;text-shadow:0 0 0 rgba(0,0,0,0.5)}@media (max-width: 991px){.zylj-banner-2 .container1600 .desc{margin-top:.3rem}}
 
@charset "utf-8";
.yujie-case-box1 {
  position: relative;
  background: #F9F9F9;
  padding: 1rem 0;
}
.yujie-case-box1 .common-label {
  position: relative;
}
.yujie-case-box1 .common-label ul {
  display: flex;
  flex-wrap: wrap;
  line-height: 0.5rem;
}
.yujie-case-box1 .common-label ul li a {
  transition: all 0.45s ease-in-out;
  display: block;
  min-width: 1.5rem;
  font-size: var(--font-size8);
  font-weight: 500;
  color: #666666;
  line-height: 0.5rem;
  background-color: #F9F9F9;
  border: 1px solid #DEDEDE;
  border-radius: 0.3rem;
  text-align: center;
  margin-right: 0.1rem;
  padding: 0 0.1rem;
}
@media (max-width: 991px) {
  .yujie-case-box1 .common-label ul li a {
    min-width: 1.95rem;
    line-height: 0.6rem;
    margin-right: 0.2rem;
    margin-bottom: 0.15rem;
  }
}
.yujie-case-box1 .common-label ul li a:hover,
.yujie-case-box1 .common-label ul li a.active {
  border: 1px solid var(--color);
  background-color: var(--color);
  color: #FFFFFF;
}
.yujie-case-box1 .case-list {
  padding-bottom: 0.4rem;
  margin-top: 0.6rem;
  overflow: hidden;
}
.yujie-case-box1 .case-list ul {
  width: calc(100% + 1.4rem);
  margin-left: -0.7rem;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .yujie-case-box1 .case-list ul {
    width: 100%;
    margin: 0;
  }
}
.yujie-case-box1 .case-list ul li {
  width: 33.33%;
  border-right: 0.01rem solid #ECECEC;
  padding: 0 0.7rem;
  margin-bottom: 0.6rem;
  overflow: hidden;
}
@media (min-width: 992px) {
  .yujie-case-box1 .case-list ul li:nth-child(3n) {
    border-right: 0;
  }
}
@media (max-width: 991px) {
  .yujie-case-box1 .case-list ul li:nth-child(2n) {
    margin-right: 0;
  }
}
.yujie-case-box1 .case-list ul li:nth-last-child(1),
.yujie-case-box1 .case-list ul li:nth-last-child(2),
.yujie-case-box1 .case-list ul li:nth-last-child(3) {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .yujie-case-box1 .case-list ul li:nth-last-child(1),
  .yujie-case-box1 .case-list ul li:nth-last-child(2),
  .yujie-case-box1 .case-list ul li:nth-last-child(3) {
    margin-bottom: 0.6rem;
  }
}
@media (max-width: 991px) {
  .yujie-case-box1 .case-list ul li {
    width: calc(50%);
  }
}
@media (max-width: 767px) {
  .yujie-case-box1 .case-list ul li {
    width: 100%;
    margin-right: 0;
    padding: 0;
    border-right: none;
  }
}
@media (max-width: 991px) {
  .yujie-case-box1 .case-list ul li:last-child {
    border-right: 0;
  }
}
.yujie-case-box1 .case-list ul li a {
  display: block;
}
.yujie-case-box1 .case-list ul li a .picture {
  position: relative;
  width: 100%;
  height: 100%;
}
.yujie-case-box1 .case-list ul li a .picture:before {
  padding-top: 63.4%;
}
.yujie-case-box1 .case-list ul li a .text {
  box-sizing: border-box;
}
.yujie-case-box1 .case-list ul li a .text .date {
  margin-top: 0.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--font-size8);
  line-height: 1;
  color: #666666;
  font-weight: 500;
}
.yujie-case-box1 .case-list ul li a .text .title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 0.15rem;
  font-size: var(--font-size4);
  color: #000000;
  font-weight: 500;
  line-height: 1.25;
}
@media (max-width: 991px) {
  .yujie-case-box1 .case-list ul li a .text .title {
    margin-top: 0.2rem;
    line-height: 1.5;
  }
}
.yujie-case-box1 .case-list ul li a .text .more {
  margin-top: 0.4rem;
  display: flex;
}
.yujie-case-box1 .case-list ul li a .text .more .btn {
  transition: all 0.45s ease-in-out;
  display: flex;
  align-items: center;
  font-size: var(--font-size8);
  line-height: 1;
  font-weight: 500;
  padding: 0.15rem 0.2rem;
  border-radius: 30px;
  box-sizing: border-box;
  color: #999999;
  border: 1px solid #dddddd;
}
.yujie-case-box1 .case-list ul li a .text .more .icon {
  margin-left: 0.1rem;
  transition: all 0.45s ease-in-out;
  display: inline-block;
  position: relative;
  width: 0.2rem;
  height: 0.2rem;
  background-color: #999999;
  border-radius: 50%;
}
@media (max-width: 991px) {
  .yujie-case-box1 .case-list ul li a .text .more .icon {
    width: 20px;
    height: 20px;
  }
}
.yujie-case-box1 .case-list ul li a .text .more .icon svg {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 5px;
  color: #F9F9F9;
}
.yujie-case-box1 .case-list ul li a:hover .picture img {
  transform: scale(1.15);
}
.yujie-case-box1 .case-list ul li a.active,
.yujie-case-box1 .case-list ul li a:hover .text .more .btn {
  color: var(--color);
}
.yujie-case-box1 .case-list ul li a.active .icon,
.yujie-case-box1 .case-list ul li a:hover .text .more .btn .icon {
  background-color: var(--color);
}
.yujie-case-box1 .case-list ul li a.active .icon svg,
.yujie-case-box1 .case-list ul li a:hover .text .more .btn .icon svg {
  color: #fff;
}
.common-pagination {
  padding: 0.6rem 0 1.2rem 0;
  text-align: center;
  font-size: var(--font-size7);
  font-weight: bold;
  line-height: 0.5rem;
}
@media (max-width: 767px) {
  .common-pagination {
    line-height: 0.78rem;
  }
}
.common-pagination .input,
.common-pagination a {
  color: #999999;
  cursor: pointer;
  display: inline-block;
  margin: 0 2px;
  width: 0.5rem;
  height: 0.5rem;
  line-height: 0.5rem;
  vertical-align: top;
  box-sizing: border-box;
  border: 1px solid #DDDDDD;
  background: #F9F9F9;
  border-radius: 50%;
  transition: all 0.45s ease-in-out;
}
@media (max-width: 767px) {
  .common-pagination .input,
  .common-pagination a {
    width: 0.78rem;
    height: 0.78rem;
    line-height: 0.78rem;
    margin: 0 2px 15px;
  }
}
.common-pagination .input {
  margin: 0 0.2rem 0 0.1rem;
  text-align: center;
  color: var(--color);
}
@media (max-width: 767px) {
  .common-pagination .input {
    margin: 0 3px 15px;
    vertical-align: top;
  }
}
.common-pagination a.on,
.common-pagination a:hover {
  background: var(--color);
  color: #FFFFFF;
  border-color: var(--color);
}
.common-pagination a.on.icon,
.common-pagination a:hover.icon {
  background: var(--color);
}
.common-pagination a.on.icon img,
.common-pagination a:hover.icon img {
  fill: #FFFFFF;
}
.common-pagination .more-icon {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.common-pagination .more-icon img {
  width: 0.1rem;
  height: 0.1rem;
  display: block;
  position: absolute;
  transition: all 0.45s ease-in-out;
}
@media (max-width: 991px) {
  .common-pagination .more-icon i {
    top: calc(50% - 0.08rem);
    left: calc(50% - 0.1rem);
    width: 0.16rem;
    height: 0.16rem;
  }
}
.common-pagination a:hover .more-icon svg path {
  fill: #FFFFFF;
}
.common-pagination .icon.prev:hover {
  transform: rotate(-50deg);
}
.common-pagination .icon.next {
  margin-right: 0.15rem;
  transform-origin: center;
  transform: rotate(90deg);
}
.common-pagination .icon.next:hover {
  transform-origin: center center;
  transform: rotate(135deg);
}
@media (max-width: 767px) {
  .common-pagination .jump {
    display: none;
  }
}