.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.LevelTwo-banner{
  height: 230px;
  margin-top: -60px;
  background: url(../img/feature/specialS-banner.png.png) no-repeat center;
  background-size: cover;
}
.LevelTwo-banner .banner_title{
  padding:40px 60px ;
  color: #fff;
}
.LevelTwo-banner .banner_title .Title{
  font-size: 40px;
  font-weight: 700;
  line-height: 80px;
}
.LevelTwo-banner .banner_title .Title-info{
  font-size: 18px;
}
.specialService-main{
 
}
.specialService-main {
  position: relative;
  margin-top: 20px;
}
.specialService-main .section-header {
  border-bottom: 2px solid #CAD3CE;
  margin-bottom: 40px;
}
.specialService-main .section-header::before, .specialService-main .section-header::after {
  display: table;
  content: "";
}
.specialService-main .section-title {
  float: left;
  margin-top: 0;
  margin-bottom: -2px;
  line-height: 40px;
  font-size: 22px;
  color: #fff;
  padding: 0px 15px;
  background: #649F76;
}
.specialService-main .section-header::after {
  clear: both;
}
.specialService-main .col-sm-3{margin-bottom: 10px}
.specialService-main .cardTwo{
  background: #fff;
  margin-bottom: 20px;
  height: 220px;
  box-shadow: 0 2px 10px 0 rgba(67, 174, 134, 0.08);
}
.specialService-main .cardTwo-info .card-title{
  font-size: 18px;  
  color: #333;
  line-height: 50px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.specialService-main .cardTwo-info .card-description{ 
  font-size: 14px; 
  text-align: left;
  padding: 0px 20px;
  color: rgba(42,46,44,0.8);
  font-family: initial;
}
.specialService-main a:hover{  text-decoration: none;}
.specialService-main a:hover .cardTwo {
  background: #649F76;
  box-shadow: 0 2px 15px 0 rgba(80, 180, 130, 0.25);
}
.specialService-main a:hover .card-title{ color: #fff;}
.specialService-main a:hover .cardTwo .card-description{color:#fff;}
.specialService-main .cardTwo-img{}
.specialService-main .cardTwo-img img{
  width: 100%;
}
.Tbzq{
  height: 160px;
  margin-bottom: 40px;
  background: url(../img/feature/tbbanner.png) no-repeat center;
}
.Tbzq span{
  font-size: 36px;
  font-weight: 700;
  line-height: 120px;
  color: #fff;
  letter-spacing: 6px;
  margin-left: 100px;
  text-shadow:rgb(50, 85, 170,0.8) 3px 2px 5px;
}
.Tbzq .tbbutton{
  font-size: 14px;
  color: #649F76;
  padding: 6px 15px;
  background: #FFFFFF;
  opacity: 0.7;
  border-radius: 18px;
}
.btn-list .btn {
    padding: 20px;
    margin-bottom: 25px;
    border: 0;
    font-size: 18px;
    transition: all ease-in-out 0.2s;
}
@media (max-width: 414px ) {
  .specialService-main .cardTwo{
    height: 140px;
  }
  .item-SpecialS .col-sm-3{
    width: 50%;
    float: left;
  }
  .specialService-main .card-title{
    font-size: 14px !important;
  }
  .specialService-main .cardTwo-info .card-description{
    display: none;
  }
  .specialService-main .section-header{
    margin-bottom: 20px;
  }
  .Tbzq{ height: 100px;}
  .Tbzq span{
    font-size: 20px;
    margin-left: 30px;
    letter-spacing: 2px;
    line-height: 80px;
  }
  .Tbzq .tbbutton{
    font-size: 14px;
    color: #649F76;
    padding: 5px 10px;
    background: #FFFFFF;
    opacity: 0.7;
    border-radius: 18px;
    margin-left: 10px;
  }
}

@media screen and (min-width:415px) and (max-width: 767px ) {
  .LevelTwo-banner .banner_title .Title{
    font-size: 30px;
    line-height: 60px;
  }
  .LevelTwo-banner .banner_title .Title-info{
    font-size: 14px;
  }
  .item-SpecialS .col-sm-3{
    width: 50%;
    float: left;
  }
  .specialService-main .cardTwo{
    height: 250px;
  }
  .specialService-main .card-title{font-size: 16px;}
  .specialService-main .cardTwo-info .card-description{
    display: none;
  }
  .Tbzq span{
    font-size: 16px;
    margin-left: 30px;
  }

}
@media screen and (min-width:768px) and (max-width:1000px){
  .item-SpecialS .col-sm-3{
    width: 33.3%;
    float: left;
  }
}



