@media screen and (max-width:760px){
    .tj li a img{ width:96%; margin:0 auto;}
}
@media screen and (max-width:710px){
    .services img{width:100%;}
}


@media screen and (max-width:630px){
  
 .header .hidden-xs{ display: none;}
.header .visible-xs{ display: block!important;}
 .case li img{width:90%; margin:0 auto;}
	
.services li{width:48%; margin-left:4%;}
	
.services li:nth-child(3){ margin-left:0;}

}

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

	.main-part ul li{ width:33%;}
	.main-part ul li img{ width:100px;}
	.main-part ul li:nth-child(odd){ width:66%; margin-right:1%;}
	.main-part ul li:nth-child(odd) img{ width:180px;}
    .quick img{width:100%;}
    .main-part ul li img{ width:100%;}
}
@media screen and (max-width:450px){
  
.header .logo img{width:90%;}  .quick li span{font-size:12px;}
}
@media screen and (max-width:380px){
    .main-part .sl-container p img,.bd li p > img{ width:90%; height:auto; margin:0 auto;}
}