.contact_cont{width: 100%;}
.contact{width: 1170px;margin:0 auto;padding:80px 0;}
.contact>img{display: block;width: 100%;margin-bottom: 84px;}
.contactInfo{width: 100%;overflow: hidden;}
.infoLeft{float: left;width: 660px;overflow: hidden;}
.infoLeft>h4,.infroRight>h4{color:#23282a;font-size: 30px;margin-bottom: 40px;}
.infoLeft input,.infoLeft textarea{margin-bottom:20px;height:50px;line-height: 50px;width: 310px; outline: none;border:none;border:1px solid #ddd;padding-left:12px;font-size: 18px;box-sizing: border-box;}
.infoLeft input.mailInput{float: right;}
.infoLeft input.wayInput{width: 100%;}
.infoLeft textarea{resize: none;width: 100%;height: 200px;}
.infroRight{width: 430px;float: right;}
.infroRight p{font-size: 15px;color:#585858;line-height: 26px;margin-bottom: 32px;}
.infroRight>div>p{display: inline-block;color:#333;}
.infroRight>div>img{vertical-align: middle;margin-right:30px;}
.ph{display:none !important;}


@media only screen and (max-width: 1260px){
	.contact{width: 800px;}
	.contact>img{margin-bottom: 70px;}
	.infoLeft,.infroRight{width: 100%;}
	.infoLeft{margin-bottom: 40px;}
	.infoLeft input{width: 390px;}
}
@media only screen and (max-width: 860px){
	.contact{width: 100%;padding:30px 20px;box-sizing: border-box;}
	.infoLeft input{width: 48%;}
}

@media only screen and (max-width: 600px){
	.contact {padding:20px;}
	.contact>img {margin-bottom: 20px;}
	.infoLeft>h4, .infroRight>h4 {font-size: 24px;margin-bottom: 16px;}
	.infoLeft input{width: 100%;}

	.ph,.contact>img.ph{display: block !important;}
	.contact>img.pc{display: none;}
}