body{
   
}
.banner{
  position: absolute;
  left: 0;
  top:0;
  width: 100%;
  height: 628px;
  background: url(../images/contact/ban.jpg) no-repeat center top;
  background-size: cover;
}

.main{
  margin-top: 628px;
  background: url(../images/contact/bg.jpg) no-repeat center top;
  background-size: cover;
}
.contain{
  padding: 55px 0;
}
.cli{
  background: url(../images/contact/subbg.jpg) repeat center top;
  padding: 10px;
  margin:0 0 20px 0;
}
.cli .text{
  line-height: 40px;
  padding: 20px 20px 0 40px;
  font-size: 16px;
}
.cli .text p{
  line-height: 40px;
}
.cli .img{}


/*当屏幕尺寸小于1200px时，应用下面的CSS样式*/
@media screen and (max-width: 1200px) {
  
}
/*当屏幕尺寸小于992px时，应用下面的CSS样式*/
@media screen and (max-width: 992px) {
    
}
/*当屏幕尺寸小于992px时，应用下面的CSS样式*/
@media screen and (max-width: 992px) {
    
}
/*当屏幕尺寸小于768px时，应用下面的CSS样式*/
@media screen and (max-width: 768px) {
  .banner{height: 14rem;}
  .main{height: auto;margin-top:14rem;}
  .contain{padding: 1rem 0;}
  .cli .fl,.cli .fr{float: none;}
  .cli .img img{ width: 100%; }
  .cli .text{line-height: 2rem;padding: 5px;font-size: 1rem;}

}