@charset "UTF-8";


.page-pro-tab-wrap  {
  position: relative;
  padding: 0.16rem 13% 0px;
}
.page-pro-tab-wrap::before {
  position: absolute;
  left: 0px;
  bottom: 0px;
  content: "";
  right: 0px;
  height: 1px;
  background: #e4e4e4;
}
.page-pro-tab-wrap .swiper-slide a {
  display: inline-block;
  position: relative;
  padding: 0.2rem 0.1rem;
}
.page-pro-tab-wrap .swiper-slide a::before {
  position: absolute;
  content: "";
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 0.04rem;
  background: #f7b228;
  display: none;
}
.page-pro-tab-wrap .swiper-slide.on a {
  color: #f7b228;
}
.page-pro-tab-wrap .swiper-slide.on a::before{
  display: block;
}
.page-pro-tab-wrap .swiper-button-disabled {
  display: none;
}

@media only screen and (max-width:767px){
  .page-pro-tab-wrap {
    padding: 0px 1em;
  }
  .page-pro-tab-wrap .page-pro-tab {
    overflow: hidden;
  }
  .page-pro-tab-wrap .swiper-button-prev:after,
  .page-pro-tab-wrap .swiper-button-next:after {
    font-size: 0.8em;
    font-weight: bold;
  }
}  


/* page-cases-list */
.page-cases-list {
  padding: 0.33rem 0px 0.98rem;
}
.page-cases-list .page-img {
  overflow: hidden;
  width: 30.56%;
}
.page-cases-list .bg_container{
  height: 100%;
}
.page-cases-list .page-list {
  padding-bottom: 0.8rem;
}
.page-cases-list .page-list ul li {
  position: relative;
  top:0px;
  margin: 0.5rem 0px 0px;
  box-shadow: 0px 0px 0.2rem rgba(0,0,0,0.1);
}
.page-cases-list .page-text {
  padding: 0.5rem 0.69rem 0.44rem 0.73rem;
}
.page-cases-list .page-txt {
  margin-top: 0.23rem;
  line-height: 1.833;
  max-height: 3.666em;
  color: #332c2b;
  padding-right: 2rem;
  height: 3.666em;
}
.page-cases-list .page-more {
  padding-top: 0.47rem;
}
.page-cases-list .page-more span {
  position: relative;
  overflow: hidden;
  display: inline-block;
  border-radius:0.1rem;
  color: #f7bb2b;
}
.page-cases-list .page-more span i {
  position: relative;
  z-index: 2;
  display: inline-block;
  border:2px solid #f7bb2b;
  line-height: 2.7;
  padding: 0px 2.45em;
  border-radius:0.1rem;
}
.page-cases-list .page-more span::before {
  position: absolute;
  content: "";
  left:-100%;
  top:0px;
  width: 100%;
  background:#f7bb2b;
  border-radius:0.1rem;
  bottom: 0px;
  transition:0.5s all; 
  -webkit-transition:0.5s all; 
  -ms-transition:0.5s all; 
  -o-transition:0.5s all;
}
.page-cases-list ul li:hover .page-more span::before {
  left: 0px;
}
.page-cases-list  ul li:hover .page-more span {
  color: #fff;
  border-color: transparent;
}
.page-cases-list ul li:hover {
  top:-5px;
  box-shadow: 0px 0px 0.2rem rgba(0,0,0,0.2);
}

@media only screen and (max-width:980px){
  .page-cases-list .page-txt {
    padding-right: 0px;
  }
}

@media only screen and (max-width:767px){
  .page-cases-list {
    padding:0.4rem 0px 0.8rem 0px;
  }
  .page-cases-list .page-list a {
    display: block;
  }
  .page-cases-list .page-img {
    width: 100%;
  }
  .page-cases-list .bg_container{
    height: 0px;
    padding-bottom: 67.3553%;
  }
  .page-cases-list .page-text {
    padding:0.5rem;
  }
}