*{
	margin: 0;
	padding: 0;
}
body{
	background-color: #F5F5F5;
}
.tel{
	width: 100%;
	    display: flex;
	    font-size: 12px;
	    justify-content: flex-end;
	    padding-right: 5%;
	    line-height: 30px;
	    margin-top: 0.5%;
		background-color: white;
		display: none;
}
.picture{
	width: 100%;
}
.picture>img{
	width: 100%;
}
.ar{
     width: 80%;
	   margin: 0 auto;
	   margin-top: 5%;
	   display: flex;
	   justify-content: space-between;
}
.ar1{
	width: 35%;
	
}
.ar2{
	width: 55%;

}

.ar2-1{
	width: 100%;display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ar1-1{
	font-size: 20px;
	font-weight: 600;
}
.ar1-2{
	font-size: 14px;
	margin-top: 3%;
}
.ar1-3{
	margin-top: 3%;
	font-size: 14px;
}
.ar1-3>span:nth-of-type(1){
	font-weight: 600;
}
.ar1-4>span:nth-of-type(1){
	font-weight: 600;
}
.ar1-4{
	margin-top: 2%;
	font-size: 14px;
}
.btn1{
	width: 45%;
	line-height: 30px;
	font-size: 13px;
	padding-left: 1%;
}
.btn2{
	width: 100%;
	line-height: 30px;	font-size: 13px;
	margin-top: 5%;padding-left: 1%;

}
.liuyan{
	width: 100%;
	margin-top: 2%;
	font-size: 14px;
}
.texta{
	width: 100%;
	height: 130px;
	resize: none;
	font-size: 14px;
	margin-top: 5%;
	padding-left: 1%;
}
.btn3 {
    width: 22%;
    line-height: 36px;
    background-color: #C91101;
    color: white;
    margin-top: 3%;
	outline: none;
	border: none;
}
.map{
	width: 80%;
	margin: 0 auto;
	margin-top: 6%;
	margin-bottom: 5%;
	height: 300px;
	background-color: #00008B;
}
.foo{
	width: 100%;
	background-color:#333333;
}
.foo>ul{
	display: flex;
	width: 70%;
	margin: 0 auto;
}
.foo>ul>li{
	flex: 1;
	padding-top: 2%;
}
.foo>ul>li>a{
	color: white;
	font-size: 14px;
	
}
	
.foo1{
	font-size: 13px;
	text-align: center;
	color: white;
	padding-bottom: 1.5%;
}
@media screen and (max-width:768px) {
	.ar {
	    width: 90%;
	    margin: 0 auto;
	    margin-top: 5%;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	}
	.ar1 {
	    width: 100%;
	}
	.ar2 {
	    width: 100%;
	}
	.foo>ul{
		display:none;
	}
}