img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.m-tab {
  display: none;
  width: 100%;
}
.m-tab #m-container {
  overflow: hidden;
  width: 100%;
}
.m-tab #m-container .swiper-slide {
  padding: 20px;
  width: auto;
}
.m-tab #m-container .swiper-slide a {
  font-size: 16px;
  color: #333333;
}
.m-tab #m-container .active a {
  color: #0096a3;
}
.applycation {
  margin-bottom: 4.55rem;
}
.applycation .apply-container .pic {
  width: 47%;
  height: 15.45rem;
  overflow: hidden;
  background-color: #f0f0f0;
}
.applycation .apply-container .pic img {
  transition: all 0.3s ease;
}
.applycation .apply-container .pic:hover img {
  transform: scale(1.04);
}
.applycation .apply-container .apply-txt {
  width: 50%;
  margin-left: 3%;
}
.applycation .apply-container .apply-txt h4 {
  position: relative;
  font-size: 1.09rem;
  margin-bottom: 2.73rem;
}
.applycation .apply-container .apply-txt h4::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1.36rem;
  width: 4.55rem;
  height: 0.05rem;
  background-color: #0096a3;
}
.applycation .apply-container .apply-txt .mb-pic {
  display: none;
  width: 100%;
  height: 12.5rem;
  margin-bottom: 1rem;
}
.applycation .apply-container .apply-txt p {
  line-height: 1.64rem;
}
.applycation .apply-container .apply-txt .zx {
  display: block;
  width: 6.82rem;
  height: 1.82rem;
  text-align: center;
  line-height: 1.82rem;
  color: #0096a3;
  border: 0.05rem solid #0096a3;
  margin-top: 1.36rem;
}
.applycation .apply-container .apply-txt .zx:hover {
  background-color: #0096a3;
  color: #fff;
}
.architrcture {
  margin-top: 3.64rem;
  padding-bottom: 3.64rem;
}
//.architrcture .com-title h3 {
//  color: #fff;
//}
.architrcture .pic img {
  image-rendering: -webkit-optimize-contrast;
}
.advantage .ad-items {
  flex-wrap: wrap;
  justify-content: space-around;
}
.advantage .ad-items .ad-item {
  width: 32%;
  margin-bottom: 0.91rem;
  padding: 1.36rem 1.14rem;
  box-shadow: 0rem 0.36rem 0.73rem 0rem rgba(0, 150, 163, 0.05);
  text-align: center;
}
.advantage .ad-items .ad-item:last-child {
  margin-right: 0;
}
.advantage .ad-items .ad-item .pic {
  width: 4.55rem;
  height: 4.55rem;
  margin: 0 auto;
}
.advantage .ad-items .ad-item .pic img {
  object-fit: contain;
}
.advantage .ad-items .ad-item .pic .hover-ad-pic {
  display: none;
}
.advantage .ad-items .ad-item .ad-txt {
  padding-top: 1.36rem;
}
.advantage .ad-items .ad-item .ad-txt .ad-t {
  position: relative;
  margin-bottom: 1.82rem;
}
.advantage .ad-items .ad-item .ad-txt .ad-t::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -0.68rem;
  transform: translateX(-50%);
  width: 3.64rem;
  height: 0.09rem;
  background-color: #0096a3;
}
.advantage .ad-items .ad-item .ad-txt .ad-t h3 {
  font-size: 1.09rem;
  margin-bottom: 0.68rem;
}
.advantage .ad-items .ad-item .ad-txt .ad-t span {
  font-size: 0.73rem;
}
.advantage .ad-items .ad-item .ad-txt p {
  line-height: 1.36rem;
}
.advantage .ad-items .ad-item:hover .ad-pic {
  display: none;
}
.advantage .ad-items .ad-item:hover .hover-ad-pic {
  display: block;
}
.advantage .nowrap-service-item {
  flex-wrap: nowrap;
}
.advantage .nowrap-service-item .ad-item {
  flex: 1;
  margin-right: 0.91rem;
}
.advantage .five-service-item .ad-item {
  width: 32%;
}
.advantage .five-service-item .ad-item:nth-child(4),
.advantage .five-service-item .ad-item:nth-child(5) {
  width: 48%;
}
.advantage .seven-service-item .ad-item {
  width: 24%;
}
.advantage .seven-service-item .ad-item:nth-child(5),
.advantage .seven-service-item .ad-item:nth-child(6),
.advantage .seven-service-item .ad-item:nth-child(7) {
  width: 32%;
}
.value {
  margin-top: 3.64rem;
}
.value .com-title {
  border-bottom: 0.05rem solid rgba(255, 255, 255, 0.1);
}
//.value .com-title h3 {
//  color: #fff;
//}
.value .value-container {
  height: 22.73rem;
}
.value .value-container .item {
  flex: 1;
  height: 100%;
  border-right: 0.05rem solid rgba(255, 255, 255, 0.3);
  padding: 5% 1.14rem;
  transition: all 0.3s;
}
.value .value-container .item .num-pre {
  color: #ffffff;
  font-size: 1.82rem;
  margin-bottom: 1.18rem;
  display: none;
  transition: all 0.3s;
}
.value .value-container .item .num-pre em {
  font-size: 0.73rem;
  font-style: normal;
  color: #ffffff;
  margin-left: 0.23rem;
}
.value .value-container .item .info {
  position: relative;
  margin-bottom: 6.5rem;
}
.value .value-container .item .info::after {
  content: '\e613';
  position: absolute;
  left: 50%;
  bottom: -1.77rem;
  transform: translateX(-50%);
  font-family: 'iconfont' !important;
  font-size: 0.73rem;
  color: #fff;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.value .value-container .item .info p {
  height: 2.73rem;
  overflow: hidden;
  text-align: center;
  color: #fff;
  line-height: 1.36rem;
}
.value .value-container .item .num-next {
  font-size: 3.64rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.1);
  transition: all 0.3s;
}
.value .value-container .item:hover {
  flex: 2;
  align-items: flex-start;
  transition: all 0.3s;
}
.value .value-container .item:hover .num-pre {
  display: block;
  transition: all 0.3s;
}
.value .value-container .item:hover .info {
  margin-bottom: 0;
}
.value .value-container .item:hover .info::after {
  font-size: 0;
}
.value .value-container .item:hover .info p {
  height: auto;
  text-align: left;
}
.value .value-container .item:hover .num-next {
  display: none;
  transition: all 0.3s;
}
.case {
  margin-bottom: 4.55rem;
  position: relative;
}
.case .top {
  position: relative;
}
.case .top .swiper-button-next:after,
.case .top .swiper-button-prev:after {
  color: #0096a3;
  font-size: 0.91rem;
}
.case .top .swiper-button-next,
.case .top .swiper-button-prev {
  width: 1.82rem;
  height: 1.82rem;
  border: 0.05rem solid #0096a3;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.3s;
}
.case .top .swiper-button-next:hover,
.case .top .swiper-button-prev:hover {
  background-color: #0096a3;
}
.case .top .swiper-button-next:hover::after,
.case .top .swiper-button-prev:hover::after {
  color: #fff;
}
.case .top .swiper-button-next,
.case .top .swiper-container-rtl .swiper-button-prev {
  right: 1.73rem;
}
.case .top .swiper-button-prev,
.case .top .swiper-container-rtl .swiper-button-next {
  left: 1.73rem;
}
.case .top .swiper-pagination {
  opacity: 0;
}
.case #case-top {
  margin-bottom: 1.82rem;
}
.case #case-top .swiper-slide .pic {
  width: 50%;
  /*height: 18.18rem;*/
  background-color: #f0f0f0;
  overflow: hidden;
  margin-left: 6%;
}
.case #case-top .swiper-slide .pic video {
  width: 100%;
}
.case #case-top .swiper-slide .pic img {
  transition: all 0.3s ease;
}
.case #case-top .swiper-slide .top-txt {
  width: 50%;
  padding-left: 3%;
  padding-right: 6%;
}
.case #case-top .swiper-slide .top-txt h3 {
  font-size: 1.09rem;
  margin-bottom: 0.91rem;
}
.case #case-top .swiper-slide .top-txt .info strong {
  font-size: 0.73rem;
}
.case #case-top .swiper-slide .top-txt .info p {
  line-height: 1.36rem;
  color: #666;
}
.case #case-top .swiper-slide .top-txt .info span {
  line-height: 1.36rem;
  color: #666;
}
.case #case-top .swiper-slide:hover img {
  transform: scale(1.04);
}
.case .top:hover  .swiper-button-next {
  transform: translateX(-0.45rem);
  transition: all 0.3s;
  opacity: 1;
}
.case .top:hover  .swiper-button-prev {
  transform: translateX(0.45rem);
  transition: all 0.3s;
  opacity: 1;
}
.case #case-thumbs .swiper-slide .pic {
  height: 6.82rem;
  background-color: #f0f0f0;
  margin-bottom: 0.91rem;
}
.case #case-thumbs .swiper-slide h4 {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .list-nav {
    display: none;
  }
  .m-tab {
    display: block;
  }
  .applycation .pic {
    display: none;
  }
  .applycation .apply-txt {
    width: 100% !important;
    margin-left: 0 !important;
  }
  .applycation .apply-txt .mb-pic {
    display: block !important;
  }
  .advantage .ad-items .ad-item {
    width: 100% !important;
    display: flex;
    align-items: center;
  }
  .advantage .ad-items .ad-item .pic .ad-pic {
    display: none;
  }
  .advantage .ad-items .ad-item .pic .hover-ad-pic {
    display: block;
  }
  .advantage .ad-items .ad-item .ad-txt {
    width: calc(100% - 4.55rem);
    padding-left: 0.91rem;
    padding-top: 0;
  }
  .advantage .nowrap-service-item {
    flex-direction: column;
  }
  .value .value-container {
    height: auto;
    flex-direction: column;
  }
  .value .value-container .item {
    width: 100%;
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: flex-end;
    border-right: 0;
    border-bottom: 0.05rem solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s;
  }
  .value .value-container .item .info {
    margin-bottom: 0;
  }
  .value .value-container .item .info::after {
    font-size: 0;
  }
  .value .value-container .item .info p {
    text-align: left;
  }
  .value .value-container .item .num-next {
    font-size: 1.64rem;
    margin-right: 0.91rem;
  }
  .value .value-container .item:hover {
    flex-direction: column;
    transition: all 0.3s;
  }
  .case #case-top .swiper-slide {
    flex-direction: column-reverse;
  }
  .case #case-top .swiper-slide .pic {
    width: 100%;
    height: 14.18rem;
  }
  .case #case-top .swiper-slide .top-txt {
    width: 100%;
    padding-left: 0;
  }
  .case 
,
  .case .swiper-button-prev {
    display: none;
  }
  .case .swiper-pagination {
    left: 50%;
    transform: translateX(-50%);
    opacity: 1 !important;
  }
  .case .swiper-pagination-clickable .swiper-pagination-bullet {
    margin: 0 5px;
  }
  .case .swiper-pagination-bullet-active {
    background-color: #0096a3;
  }
}

