.contact_container{
	padding: 50px 30px 0 30px;
	box-sizing: border-box;	
	overflow: auto; 
	display: table;	
}

.contact_img, .contact_form, .con_form_title, .con_form_space{
	display: table-cell;
}

.contact_img{
	width: 400px;
}

.contact_form{
	vertical-align: middle;
	font-weight: bold;
	font-size: 20px;
}

.contact_form p{
	color: #2D385A;
	margin-bottom: 15px; 
}

.con_img{
	max-width: 100%;
	height: auto;
}


.con_info{
	display: inline-table;
	text-align: left;	
   	width: 100%;
   	table-layout: fixed;	
}


.coninfo_tr{
	display: table-row;
	line-height: 40px;
}

.coninfo_td{
	display:  table-cell;
}

.coninfo_title{
	width: 150px;
	color: #717071;
}

.coninfo_title span{
	color: #2D385A;
}

.coninfo_td input, .coninfo_content{
	width: 60%;
    font-size: 16px;
    color: #444;
    height: 30px;
    border: 1px solid #495575;
    padding: 0 0 0 10px;
    background: none;
    box-sizing: border-box;
    outline: none;
    margin: 5px 0;
}

input.coninfo_ra{
	width: 5%;
	height: 15px;
}

input.coninfo_ext{
	width: 15%;
}

.coninfo_content{
	width: 85%;
	height: 150px;
}

.coninfo_titlec{
	vertical-align: top;
}

input.coninfo_code{
	width: 30%;
}

div.coninfo_vericode{
	display: inline-block;
	/* width: 20%; */
	height: 32px;
	vertical-align: middle;
	background-color:#717071; 
	margin: -1px 5px 0 5px;

}

.coninfo_text{
	display: inline-block;
	color: #717071;
	font-size: 14px;
}

.coninfo_text a .fa-refresh{
	margin-left: 10px;
	color: #717071;
	cursor: pointer;
}



.coninfo_btn{
	width: 100%;
	height: 32px;
	margin-top: 20px;
}

.coninfo_btngroup{
	margin-right: 11.5%;
}

.rewrite, .send{

	float: right;
	width: 120px;
	color: #fff;
	border: 1px solid #61A07A;
	box-sizing: border-box;
	line-height: 30px;
	text-align: center;
}

.rewrite{
	background-color: #2D385A;	
}

.send{

	margin-left: 10px;
	background-color: #495575;
}


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

	.contact_container{
		padding: 0px 10px;
	}
	
	.contact_img, .contact_form{
		display: block;
	}

	.contact_img{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	.con_img{
		max-width: 80%;
	}
}

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

	.coninfo_title{
		width: 120px;
	}
}


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

	.coninfo_block{
		display: block;
	}

	.coninfo_td input, .coninfo_content{
		width: 100%;
	}

	input.coninfo_ra{
		width: 5%;
	}

	input.coninfo_ext{
		width: 35%;
	}

	div.coninfo_vericode{
		width: 100%;
		margin-left: 0;
	}

	.coninfo_btngroup{
		margin-right: 0;
	}

	.rewrite, .send{
		width: 80px;	
	}

}