@media screen and (max-width: 1348px) {
.wpr{width:100%; float:left;}
.contaner_bottom img{width:100%; float:left;}	
}

@media screen and (max-width: 1199px) {
.header_in{width:100%; float:left;}

.contaner_in{width:100%; float:left;}	
.contaner_third{width:100%; float:left;}
.contaner_tr_in{width:100%; float:left;}
.footer_in{width:100%; float:left;}	
}

@media screen and (max-width: 1099px) {
.banner .top-form {
width: 40%;	display:none;
}
.banner #res{display:block;}
}

@media screen and (max-width: 768px) {
.box{width:50%; float:left;}
.chat_left{width:100%; float:left;}
.chat_right{width:100%; float:left; padding:0px 10px; box-sizing:border-box;}
.tr_left{width:100%; float:left;}
.tr_right{width:100%; float:left;padding: 0px 10px;box-sizing: border-box;}

}
@media screen and (max-width: 632px) {
	.banner .top-form {
width: 60%;	
}
}

@media screen and (max-width: 440px) {
.banner .top-form {
width: 88%;
}
.box{width:100%; float:left;}	
.left_footer {
width: 98%;
text-align: center;
margin-bottom:10px;
}
.mid_footer {
width: 45%;
}
.right_footer {
width: 45%;
}
.box p {
margin-bottom: 16px;
}
.box span {
margin-bottom: 20px;
}
.contaner_first p {
font-size: 12px;
}
.contaner_first h2
{
font-size: 24px;
}
}