@charset "utf-8";
/* CSS Document */

@media screen {
  body {
    width: 100%;
  }
}
@media print {
  body {
    width: 100%;
  }
}




@media only screen and (min-width: 768px) and (max-width: 990px) 

{
		
header{
	width:100%;
    margin:0 auto;
    height:auto;
}
#logo{
	float:left;
	width:30%;
}
.right_bg{
	width:60%;
}
.call_bg{
	width:20%;
}
.call_bg1{
	width:30%;
}
.banner{
	width:100%;
}
.left{
	width:55%;
}
.images_bg{
	float:left;
	width:100%;
}
.ban{
	width:23%;
	margin-left:10px;
	float:left;
}
.box_1{
	width:35%;
}
footer{
	width:100%;
}
.le_box{
	float:left;
	width:20%;
}
.le_box1{
	width:20%;
}

}


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

{
	
		
header{
	width:100%;
    margin:0 auto;
    height:auto;
}
#logo{
	float:left;
	width:30%;
}
.ri{
	width:90%;
}
.top_right{
	float:left;
	text-align:left;
}
.text{
	font-size:13px;
}
.top{
	width:100%;
}
.right_bg{
	width:60%;
}
.call_bg{
	width:20%;
}
.call_bg1{
	width:30%;
}
.banner{
	width:100%;
}
.left{
	width:55%;
}
.images_bg{
	float:left;
	width:100%;
}
.ban{
	width:23%;
	margin-left:10px;
	float:left;
}
.box_1{
	width:35%;
}
footer{
	width:100%;
}
.le_box{
	float:left;
	width:50%;
}
.le_box1{
	float:left;
	width:50%;
}
.copyright{
	width:100%;
}
}

@media only screen and (max-width: 480px) 

{
	header{
	width:100%;
    margin:0 auto;
    height:auto;
}
#logo{
	float:none;
	width:100%;
	text-align:center;
	margin:0 auto;
}
#logo img{
	max-height:130%;
max-width:150%;}

.right_bg{
	width:100%;
}
.top{
	padding-left:80px;
	text-align:center;
	margin:0 auto;
	width:50%;}
.banner{
	width:100%;
}
.left{
	width:55%;
}
.images_bg{
	float:left;
	width:100%;
}
.ban{
	width:90%;
	margin-left:10px;
	float:left;
}
.box_1{
	text-align:center;
	margin:0 auto;
		width:100%;
}
.ri{
	width:80%;
	text-align:center;
	float:left;}
.wel{
	font-size:14px;
}
.text{
	font-size:14px;
	line-height:20px;
}
footer{
	width:100%;
}
.flo{
	float:left;
	width:65%;
}
.le_box{
	float:left;
	width:30%;
}
.le_box1{
	float:left;
	width:50%;
}
article{
	padding-top:10px;
	background:#cc8d62;
	display:block;
	padding-bottom:10px;
}
.copyright{
	width:100%;
}
}


@media only screen and (max-width: 320px) 

{
	header{
	width:100%;
    margin:0 auto;
    height:auto;
}
article{
	padding-top:10px;
	background:#cc8d62;
	display:block;
	padding-bottom:10px;
}
#logo{
	float:none;
	width:90%;
	text-align:center;
	margin:0 auto;
}
#logo img{
	max-height:100%;
max-width:100%;}

.right_bg{
	width:100%;
}
.top{
	width:100%;}
.banner{
	width:100%;
}
.left{
	width:55%;
}
.images_bg{
	float:left;
	width:100%;
}
.ban{
	width:90%;
	margin-left:10px;
	float:left;
}
.box_1{
	width:80%;
}
.wel{
	font-size:14px;
}
.text{
	font-size:14px;
	line-height:20px;
}
footer{
	width:100%;
}
.le_box{
	float:left;
	width:50%;
}
.le_box1{
	float:left;
	width:50%;
}
.copyright{
	width:100%;
}
}