.smb-bg3{
  background: #f7f7f7;
}
.smb-bg3-t{
  background: #eaeaea;
  padding-bottom: 40px;
}

.btn{
  padding: 40px 0;
  text-align: center;
}
.btn a{
  display: inline-block;
  font-size: 16px;
  color: #fff;
  text-align: center;
  height: 45px;
  line-height: 45px;
  padding: 0 15px;
  background: #25aaa5;
  border-radius: 10px;
}

.smb-bg6-ul li{
  margin-bottom: 30px;
}

.smb-bg6{
  padding-bottom: 0;
}

.case-Reference{
  background: #f5f5f5;
  padding-bottom: 80px;
}
.chooseCon ul{
  text-align: center;
  border-bottom: 2px solid #fff;
}
.chooseCon ul li{
  display: inline-block;
  padding: 15px 30px;
  border-bottom: 2px solid #fff;
  margin-bottom: -2px;
  cursor: pointer;
}
.chooseCon ul li:hover{
  border-bottom: 2px solid #25aaa5;
}
.chooseCon ul li.on{
  border-bottom: 2px solid #25aaa5;
}
.chooseCon ul li a{
  display: block;
  font-size: 16px;
  color: #333;
}
.chooseCon ul li:hover a{
  color: #25aaa5;
}
.chooseCon ul li.on a{
  color: #25aaa5;
}
.chooseCon .chooseList{
  width: 102%;
  margin-top: 30px;
  margin-left: -1%;
}
.chooseCon .chooseList .chooseItem{
  float: left;
  width: 23%;
  margin: 1%;
  background: #fff;
}
.chooseCon .chooseList .chooseItem.on{
  display: block;
  animation: 0.5s opacity;
}
.chooseCon .chooseList .chooseItem p{
  padding: 20px;
}
.chooseCon .chooseList .chooseItem p img{
  display: block;
  max-width: 100%;
}
.chooseCon .chooseList .chooseItem p span{
  display: block;
  font-size: 16px;
  color: #333;
  text-align: center;
  margin-top: 10px;
}


@keyframes opacity{
  0%{opacity:0;}
  100%{opacity:1;}
}

@media screen and (max-width: 768px){
  .chooseCon .chooseList .chooseItem{
    width: 31.33%;
  }
  .chooseCon .chooseList .chooseItem p span{
    font-size: 14px;
    height: 38px;
    overflow: hidden;
  }
}

@media screen and (max-width: 768px){
  .smb-bg4-ul .text{
    bottom: 0;
  }
}

@media screen and (max-width: 480px){
  .chooseCon ul li{
    padding: 15px;
  }
  .chooseCon ul li a{
    font-size: 14px;
  }
}