.contact{
	width: 100%;
	padding: 60px 0;
}
.way,.online{
	width: 50%;
}
.way h3{
	font-size: 22px;
	color: #298fc4;
	font-weight: bolder;
	padding-bottom: 25px;
	line-height: 1;
}
.way h2{
	font-size: 30px;
	color: #262626;
	padding-bottom: 20px;
}
.way p{
	color: #3b3b3b;
	padding-bottom: 20px;
}
.way-select select{
	width: 300px;
	height: 46px;
	color: #1b1b1b;
	border: 1px solid #dedede;
	padding: 0 20px;
}
.online h3{
	font-size: 22px;
	color: #d83334;
	font-weight: bolder;
	padding-bottom: 25px;
	line-height: 1;
}
.online-list{
	padding-bottom: 10px;
}
.online-list input,.online-list textarea{
	width: 100%;
	border: 1px solid #dedede;
	padding: 0 20px;
}
.online-list input{
	height: 44px;
}
.online-list textarea{
	height: 140px;
	padding: 15px 20px;
}
.online-list a{
	display: block;
	width: 150px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	background-color: #b2b2b2;
	color: #ffffff;
	font-size: 18px;
}
.map>img{
	width: 100%;
}

.online-list .send-btn {
    background-color:  #d83334;
    color: #fff;
}

@media (min-width : 1200px) and (max-width: 1440px) {
}

@media screen and (max-width: 768px) {
	.banner-info h3 {
	    font-size: .3rem;
	    padding-bottom: .2rem;
	}
	.banner-info p {
	    font-size: .14rem;
	}
	.contact {
	    padding: .3rem 0;
	}
	.way,.online{
		width: 100%;
		padding: .2rem 0;
	}
	.way h3,.online h3{
	    font-size: .22rem;
	    padding-bottom: .25rem;
	}
	.way h2 {
	    font-size: .3rem;
	    padding-bottom: .2rem;
	}
	.way p {
	    padding-bottom: .2rem;
	}
	.way-select select {
	    width: 3rem;
	    height: .46rem;
	    padding: 0 .2rem;
	}
	.online-list input {
	    height: .5rem;
	    padding: 0 .2rem;
	}
	.online-list {
	    padding-bottom: .2rem;
	}
	.online-list textarea {
	    height: 1.4rem;
	    padding: .15rem .2rem;
	}
	.online-list a {
	    width: 1.5rem;
	    height: .5rem;
	    line-height: .5rem;
	    font-size: .18rem;
	}
}