.riti1_con{padding: 40px 20px;text-align: justify;}
.contact {
	width: 100%;
	height: 458px;
	background: #f4f4f4;
	overflow: hidden;
	margin-bottom: 20px;
}
.contact .ul {
	width: 760px;
	margin: auto;
	margin-top: 96px;
}
.contact li {
	width: 24%;
	height: 330px;
	background: #fff;
	-webkit-box-shadow: 0 10px 15px 0px #ccc;
	        box-shadow: 0 10px 15px 0px #ccc;
	text-align: center;
	float: left;
	margin-right: 10px;
	position: relative;
	padding: 0 10px;
}
.contact li:last-child {
	margin-right: 0;
}
.contact li img {
	width: 112px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.contact li h1 {
	font-size: 24px;
	font-weight: 700;
}
.contact li p {
	font-size: 20px;
	margin-top: 24px;
	height: 50px;
}

.contact li .a {
	display: block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 16px;
	margin: 40px auto 0;
}

.contact li:nth-child(1) .a {
	background: #ffb82a;
}
.contact li:nth-child(2) .a {
	background: #91bb4f;
}
.contact li:nth-child(3) .a {
	background: #4accd9;
}

.contact li:nth-child(4) .a {
	background: pink;
}

#baiduMap {
	width: 100%;
	height: 500px;
	margin: auto;
}
@media (max-width: 760px) {
	.right{width: 100%;}
    .riti1_con{padding:0;}
	.contact{height: auto;}
	.contact .ul{width: 100%;}
	.contact li{width: 80%;margin: 70px auto;padding: 0;float: none;}
  .contact li .a{margin: 20px auto 0;}
	.contact li:last-child{margin: 70px auto;}
	.map{padding: 0 10px;}
	#baiduMap {
		width: 100%;
		height: 400px;
		background-position: 50% 50%;
	}
}