.modelimage{          
      overflow: hidden;
}

.modelbox{
	margin-bottom:5%;
}

.modelbox .title{                      
      font-size:40px;
      margin-top:4%;
      text-align: center;
}

.modelimage .text{
  text-align: center;
  margin-top:6%;
  margin-bottom:0%;
  font-size:20px;  
  vertical-align: top;  
  overflow: hidden;
  height:100px;
  color:#fff;	
}

.modelimage a{
  text-decoration: none;
}
.modelbox ol{
  width:80%;
  margin:0 auto;
  padding-top:2%;
  padding-left:8%;
}

.modelbox ol li{
    float:left;
    width:26%;
    margin-right:2%;
    margin-left:2%;
    list-style-type: none;
}

.modelbox ol li img{
    transition: all 0.3s linear;
      -webkit-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
}

.modelbox ol li img:hover{
    transform: scale(1.2, 1.2);
      -webkit-transform: scale(1.2, 1.2);
      -ms-transform: scale(1.2, 1.2);      
}


@media screen and (max-width: 1366px) {
	.modelimage .text{
    text-align: center;
    margin-top:4%;
    margin-bottom:10%;
    font-size:24px;  
    vertical-align: top;  
    overflow: hidden;
    height:100px;

  }
}

@media screen and (max-width: 960px) {

    .modelbox ol li{
        float:left;
        width:40%;
        margin-right:4%;
        margin-left:4%;      
    }

    .modelbox ol{  
      padding-left:0%;
    }
}

@media screen and (max-width: 640px) {

    .titlebar {
    font-size: 30px;
    line-height: 40px;    
    }


  .model0box .title{                      
      font-size:30px;      
    }

    .modelimage .text{
      margin-bottom:10%;
      font-size:20px;
    }


    .modelbox ol li{
        float:left;
        width:100%;
        margin-right:0%;
        margin-left:0%;
      
    }
}