.contact{
	padding: 58px 0 100px;
}
.contact .box1 .title{
	font-size: 24px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #333333;
	line-height: 1;
	border-bottom: 1px solid rgba(226, 226, 226, 1);
	padding-bottom: 20px;
}
.contact .box1 .box-t{
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
	background-color: rgba(247, 247, 247, 1);
}
.contact .box1 .box-t .l{
	flex: 1;
}
.contact .box1 .box-t .l img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.contact .box1 .box-t .r{
	width: 560px;
	padding: 60px 60px 50px;
}
.contact .box1 .box-t .r .text-title{
	font-size: 18px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #333333;
	line-height: 1;
}
.contact .box1 .box-t .r .text-des{
	font-size: 16px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #999999;
	line-height: 30px;
	margin-top: 22px;
}
.contact .box1 .box-t .r .text-box{
	font-size: 16px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #999999;
	line-height: 30px;
	margin-top: 19px;
}
.contact .box1 .btn{
	display: flex;
	width: 160px;
	height: 40px;
	align-items: center;
	justify-content: center;
	background: #1786BB;
	font-size: 16px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #FFFFFF;
}
.contact .box1 .btn .iconfont{
	margin-left: 10px;
	font-size: 18px;
}
.contact .box1 .box-t .btn{
	margin-top: 44px;
}
.contact .box1 .box-b .list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.contact .box1 .box-b .list li,
.contact .box1 .box-b .list i{
	width: 23.92%;
}
.contact .box1 .box-b .list li{
	border: 1px solid #E2E2E2;
	margin-top: 35px;
	padding: 30px 25px 50px;
}
.contact .box1 .box-b .list li .text-title{
	font-size: 18px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #333333;
	line-height: 1;
}
.contact .box1 .box-b .list li .text-des{
	font-size: 16px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #999999;
	line-height: 30px;
	margin-top: 21px;
}
.contact .box1 .box-b .list li .text-box{
	font-size: 16px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #999999;
	line-height: 30px;
	margin-top: 26px;
}
.contact .box1 .box-b .list li .btn{
	border: 1px solid #1786BB;
	background-color: transparent;
	color: #1786BB;
	margin-top: 33px;
}
.contact .box1 .box-b .list li .btn:hover{
	background-color: #1786BB;
	color: #fff;
}
@media (max-width: 1199px) {
	.contact .box1 .box-t .r{
		width: auto;
		padding: 40px;
	}
}
@media (max-width: 1024px) {
	.contact .box1 .box-t{
		flex-direction: column;
	}
	.contact .box1 .box-b .list li, .contact .box1 .box-b .list i{
		width: 48%;
	}
	.contact{
		padding-bottom: 60px;
	}
}
@media (max-width: 768px) {
	.contact{
		padding: 50px 0;
	}
	.contact .box1 .box-t{
		margin-top: 20px;
	}
	.contact .box1 .box-t .r{
		padding: 20px;
	}
	.contact .box1 .box-t .r .text-des,
	.contact .box1 .box-b .list li .text-des{
		margin-top: 5px;
	}
	.contact .box1 .box-t .r .text-box,
	.contact .box1 .box-b .list li .text-box{
		margin-top: 10px;
	}
	.contact .box1 .box-t .btn,
	.contact .box1 .box-b .list li .btn{
		margin-top: 25px;
	}
	.contact .box1 .box-b .list li{
		padding: 24px;
	}
}
@media (max-width: 500px) {
	.contact .box1 .title{
		font-size: 22px;
		padding-bottom: 10px;
	}
	.contact .box1 .box-b .list li, .contact .box1 .box-b .list i{
		width: 100%;
	}
	.contact{
		padding-top: 30px;
	}
	.contact .box1 .box-b .list li{
		margin-top: 25px;
	}
}