.contact{
	background-image: url("../images/general/footer_bg.png");
	background-repeat: no-repeat;
	background-size: 100%;
	/* background-color: #f1f4f9; */
	position: relative;
	color: #86AAF8;
}

.contact_img{
	background-image: url("../images/general/bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0px 320px;
}

.contact_img>img{
	width: 100%;
	min-height: 800px;
}

.contact_text{
	width: 83%;
	max-width: 1920px;
	position: absolute;
	top: 36%;
	left: 50%;
	transform: translate(-50%);
	display: flex;
	justify-content: space-between;
}

.contact_left_tip{
	color: #EBEFF7;
	font-size: 20px;
	margin-bottom: 56px;
}

.contact_left_title{
	font-size: 40px;
	font-weight: bold;
}

.contact_left_title>span{
	color: #EBEFF7;
}

.contact_left_subtitle{
	width: 570px;
	font-size: 20px;
	line-height: 30px;
	margin-top: 52px;
}

.contact_text_right{
	width: 30%;
	margin-top: -20px;
}

.contact_text_right input {
	display: block;
	border: none;
	outline: none;
	width: 100%;
	font-size: 18px;
	color: #B6C9F0;
	font-family: "Noto Sans Han", "PingFang SC", "Microsoft YaHei", sans-serif;
	border-bottom: 1px solid #5983DD;
	background-color: rgba(0,0,0,0);
	padding: 16px 28px 16px 60px;
	margin-left: -88px;
}

.tip01{
	background: url("../images/general/footer_icon_name.png") no-repeat;
	background-position: 20px center;
	background-size: 24px 24px;
}

.tip02{
	background: url("../images/general/footer_icon_company.png") no-repeat;
	background-position: 20px center;
	background-size: 24px 24px;
}

.tip03{
	background: url("../images/general/footer_icon_phone.png") no-repeat;
	background-position: 20px center;
	background-size: 24px 24px;
}

.textareabox textarea {
	border: none;
	outline: none;
	resize: none;
	display: block;
	width: 100%;
	border-bottom: 1px solid #5983DD;
	font-size: 18px;
	color: #B6C9F0;
	background-color: #3E68D6;
	font-family: "Noto Sans Han", "PingFang SC", "Microsoft YaHei", sans-serif;
	-webkit-text-size-adjust: none;
	height: 146px;
	padding: 16px 28px 0px 60px;
	margin-left: -88px;
}

.tip{
	background: url("../images/general/footer_icon_message.png") no-repeat;
	background-position: 20px 16px;
	background-size: 24px 24px;
}

.submit_box {
	width: 169px;
	float: right;
	margin-right: -100px;
	margin-top: 36px;
}

#form_but:hover{
	transform: scale(105%);
}

#form_but{
	padding: 0 0;
	border-bottom:none;
	transition:all 0.5s ease-in-out;
}

.fter{
	width: 83%;
	max-width: 1920px;
	margin: 0 auto;
	margin-bottom: 80px;
}

.address{
	display: flex;
	align-items: flex-start;
}

.address01{
	width: 30%;
}

.address02{
	width: 20%;
}

.footer_nav{
	width: 20%;
}

.codebox{
	width: 30%;
}

.address_content_title{
	font-size: 14px;
	font-weight: bold;
	color: #132B50;
	margin-bottom: 32px;
	margin-top: 72px;
	line-height: 14px;
}

.address_content_subtitle{
	font-size: 14px;
	line-height: 14px;
	margin-top: 12px;
}

.footer_nav{
	margin-top: 72px;
}

.footernav{
	font-weight: bold;
	color: #132B50;
	font-size: 14px;
}

.footer_nav a{
	font-size: 14px;
	line-height: 14px;
	margin-top: 12px;
	padding-bottom: 0px;
	background: linear-gradient(to right, #595959, #595959) no-repeat right bottom;
	background-size: 0 1px;
	transition: background-size 400ms;
}

.footer_nav a:hover{
	background-position-x: left;
	background-size: 100% 1px;
	color: #132B50;
}

.codebox{
	position: relative;
}

.codebox>img{
	position: absolute;
	top:72px;
	right: 0;
}

.code{
	display: flex;
	position: absolute;
	top: 122px;
	right: 0;
}

.code>img{
	width: 146px;
}

.code_right{
	margin-right: 40px;
}

.filing{
	width: 100%;
	background-color: #2555D1;
	font-size: 12px;
	color: #E1EAFD;
	line-height: 32px;
	text-align: center;
}

/* 动画 */
@keyframes animation-down {
    from {
        opacity: 0;
        transition: all 1s ease 0s, opacity 1.5s ease 0s;
        transform: translateX(-100px);
    }
    to {
        opacity: 1;
        transition: all 1s ease 0s, opacity 1.5s ease 0s;
    }
}

.my-an-down {
    animation: animation-down 2s 1;
}