@charset "utf-8";
/* CSS Document */
.wenrenyasi{display:none;}

/* ============================================================== 
     # Services - 圓角圖
=================================================================== */

.services-inc-area.half-bg {
  position: relative;
  z-index: 1;
}

.services-inc-area.half-bg::after {
  background: url(../../assets/img/casebg01.jpg) center;
  background-size: cover;
  content: "";
  height: 70%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.services-area1 .services-items .equal-height {
  margin-bottom: 30px;
  right: -1px;
}

.services-inc-area.inc-colum .equal-height {
  margin-bottom: 30px;
}

.services-items.colum-items .single-item {
  margin-bottom: 30px;
}







.services-area1 .services-items .item:hover i::after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.services-area1 .services-items .item .icon {
  display: inline-block;
  position: relative;
  margin-bottom: 20px;
}



.services-area1 .services-items .item p {
  margin: 0;
}


.services-area1 .services-items .item a:hover {
  color: #308aca;
}

/* Services Shadow */

.services-area1.shadow .services-items .item {
  background: transparent none repeat scroll 0 0;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: inherit;
  position: relative;
  z-index: 1;
}

.services-area1.shadow .services-items .item::after {
  background: #1d2024 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.services-area1.shadow .services-items .item:hover:after {
  background: #ffffff;
  opacity: 1;
}

.services-area1.shadow .services-items .item i,
.services-area1.shadow .services-items .item h4,
.services-area1.shadow .services-items .item p,
.services-area1.shadow .services-items .item i {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.services-area1.shadow .services-items .item:hover p,
.services-area1.shadow .services-items .item:hover h4 {
  color: #666666;
  opacity: 1;
}

.services-area1.shadow .services-items .item:hover i {
  color: #308aca;
  opacity: 1;
}

.services-area1.shadow .services-items .item a {
  color: #308aca;
}

.services-area1.shadow .services-items .item i {
  border: medium none;
  color: #ffffff;
  height: inherit;
  line-height: inherit;
  width: inherit;
  border-radius: inherit;
}

.services-area1.shadow .services-items .item a i {
  float: right;
  font-size: 14px;
  margin-left: 3px;
  margin-top: 1px;
  color: #308aca;
}

.services-area1.shadow .services-items .item i::after {
  border: none;
  border-radius: inherit !important;
}
</style>