@media (min-width: 280px) and (max-width: 767px) {
body{
	min-width:100%;
	margin:0 auto;
}
img{
	max-width:100%; 
	height:auto;
}
.main_container{
	width:90%;
	margin:0 auto;
}

.header h1{
	position:inherit;
	top:0px;
	left:0px;
	text-align:center;
}
.logo-img {
    display: none;
}
.logo-img1 {
    display: block;
}
input[type=text], select, textarea {
    width: 100%;
    }
.header p{
	float:none;
	line-height:30px;
}
.header p {
    padding: 20px 0px 20px 0px;
}
.header p span{
	display:block;
	margin:0 0 0 0px;
}
.banner{
	width:100%; 
}
.inner-banner figure{
	display:block;
	border:10px solid #fff;
	box-sizing:border-box;
}
.contant p{
	padding:10px 0px 20px 0px;
}


.home_service_left{
	width:100%;
	float:none;
}
.home_service_right{
	width:100%;
	float:none;
}
.home_service_right li{
	float:none;
	margin:10px 0px 10px 0px;
}

.inner_contant_left{
	width:100%;
	float:none;
}
.inner_contant_right{
	width:100%;
	float:none;
}
.inner_contant li{
	float:none;
	width:100%;
}
.inner_contant p em img{
	display:inline-block;
	width:100%;
	float:none;
	margin:0px 0px 10px 0;
}

.gallery li{
      float:left;
	  width:50%;
}
.book_left{
	width:100%;
}
.book_right{
	width:100%;
}
.book p label{
	width:100%;
	float:none;
	display:block;	
}
.book p input.txt{
	width:90%;
}
.book p textarea{
	width:90%;
}
.book p select{
	width:93%;
	background:#fff url(../images/select-arrow.png) 98% 50% no-repeat;
}
.book p:last-child label{
	display:none;
}

.footer ul{
	margin:0;
	padding:0;
	float:none;
}
.footer li{
	color:#fff;
	text-align:center;
	line-height:24px;
	padding:10px 0px 0px 0px;
}

.footer span{
	float:none;
	display:block;
	text-align:center;
	margin:0 0 0 0px;
	padding:10px 0px 10px 0px;
}
.footer p{
	float:none;
	text-align:center;
	line-height:24px;
	color:#fff;
	padding:0px 60px 20px 60px;
}

.border-div p {
    font-size: 15px;
}
.change-div{
	float: left;
}
.change-point{
	float: right;
}

}

@media all and (min-width: 320px){

}
@media all and (min-width: 360px){


}

@media (min-width: 280px) and (max-width: 480px) {
	.home_service_right li {
	    width: 100%;
	}


	}


@media (min-width: 280px) and (max-width: 430px) {
.change-point{
	width: 58%;
}
.change-point span{
	font-size: 15px;
}
.change-point span img{
	width: 22px;
}
.span-div{
	display: none;
}
.logo-img1{
	padding-top: 46px !important;
}
.footer p {
    float: none;
    text-align: center;
    line-height: 24px;
    color: #fff;
    padding: 0px 45px 20px 45px !important;
}
}








@media all and (min-width: 480px){

body{
	min-width:100%;
	margin:0 auto;
}

img{
	max-width:100%; 
	height:auto;
}
.main_container{
	width:90%;
	margin:0 auto;
}
.inner_contant p{
	overflow:hidden;
}

.home_service_right li{
	float:left;
	width:31.333%;
	margin:0px 10px 20px 0px;
}


/*@media all and (min-width: 520px){
.home_service_right li{
	float:left;
	width:100%;
	margin:0px 10px 20px 0px;
}
*/
}

@media all and (min-width: 640px){

body{
	min-width:100%;
	margin:0 auto;
}

img{
	max-width:100%; 
	height:auto;
}
.main_container{
	width:96%;
	margin:0 auto;
}
.header h1{
	position:inherit;
	top:0px;
	left:0px;
	text-align:left;
	float:left;
	padding:0 0 10px 0;
}
.header p{
	float:right;
	line-height:30px;
}
.logo-img {
    margin-right: -4px;
}
.header p span{
	display:block;
	margin:0 0 0 0px;
}
.gallery li{
      float:left;
	  width:33%;
}
.book p:last-child label{
	display:block;
}
.book p label{
	width:17%;
	float:left;	
}
.book p input.txt{
	width:65%;
}
.book p textarea{
	width:65%;
}
.book p select{
	width:67%;
	background:#fff url(../images/select-arrow.png) 98% 50% no-repeat;
}
.inner_contant li{
	float:left;
	width:50%;
}

.inner_contant p em img{
	display:inline-block;
	width:40%;
	float:left;
	margin:0px 20px 10px 0;
}


}