
.contact {width:100%;height:auto;overflow:hidden;padding:60px 0;}
.contact .itemCon {}
.contact .itemCon .note {width:50%;height:auto;float:left;}
.contact .itemCon .note .tit {font-size:30px;color:#000;text-align:center;line-height:42px;letter-spacing:1px;font-family: 'AlibabaPuHuiTi';width: 70%;}
.contact .itemCon .note .equation {display:flex;justify-content:space-around;justify-content:left;align-items:center;height:100px;}
.contact .itemCon .note .equation .w {width:70px;height:70px;border-radius:50%;background:#5a5a5a;display:flex;justify-content:center;align-items:center;color:#fff;font-size:20px;font-family: 'AlibabaPuHuiTi';}
.contact .itemCon .note .equation .s {font-size:30px;color:#000;padding:0 10px;font-weight:bold;}

.contact .itemCon .note .con {font-size:18px;color:#5a5a5a;line-height:1.8;}
.contact .itemCon .note .con p:nth-child(2) {text-indent:3em;}
.contact .itemCon .formData {width:50%;height:auto;float:left;}
.contact .itemCon .formData form {}
.contact .itemCon .formData form .tit {font-size:18px;color:#000;text-align:center;line-height:25px;padding-top:10px;font-family: 'AlibabaPuHuiTi';}
.contact .itemCon .formData form .tit br {}
.contact .itemCon .formData form .con {}
.contact .itemCon .formData form .con .inputItem {width:100%;height:42px;margin:15px auto;}
.contact .itemCon .formData form .con .inputItem input {width:100%;height:42px;border:1px solid #000;border-radius:5px;box-sizing:border-box;overflow:hidden;text-indent:1em;line-height:42px;font-size: 16px;}
.contact .itemCon .formData form .con .inputItem {}
.contact .itemCon .formData form .con .inputItem input {}
.contact .itemCon .formData form .con .textItem {width:100%;height:162px;}
.contact .itemCon .formData form .con .textItem textarea {width:100%;line-height:32px;border:1px solid #000;border-radius:5px;box-sizing:border-box;overflow:hidden;text-indent:1em;height:162px;font-size: 16px;}
.contact .itemCon .formData form .con .subItem {width:400px;height:32px;margin:20px auto;}
.contact .itemCon .formData form .con .subItem input {width:400px;height:42px;color:#fff;font-size:18px;text-align:center;line-height:42px;background:#4c7cfc;border-radius:8px;cursor:pointer;}
.contact .itemCon .formData form .con .tips{font-size:14px;color:#f00;text-align:center;font-weight: bolder;}

@media (min-width: 1461px) {
	.contact .itemCon .note .tit {width: 87%;}

}
@media (max-width: 1200px) {
	.contact .itemCon .note .tit {width: 87%;}
}
@media (max-width: 979px) {
	.contact .itemCon .note,
	.contact .itemCon .formData{width:90%;margin:20px auto;float:none;}
	.contact .itemCon .note .tit {width: 87%;}
}
@media (max-width: 767px) {
	.contact .itemCon .note .con{font-size:14px;}
	.contact .itemCon .note .tit {font-size: 22px;line-height: 30px;}
	
	.contact .itemCon .note .equation .w {width: 50px;height: 50px;font-size: 12px;}
	.contact .itemCon .note .equation .s {font-size: 20px;}
	.contact .itemCon .formData form .con .inputItem input {height: 32px;line-height: 32px;font-size: 14px;}
	.contact .itemCon .formData form .con .subItem input {height: 36px;line-height: 36px;}
	.contact .itemCon .formData form .con .inputItem {height: 32px;margin: 10px auto;}
	.contact .itemCon .formData form .con .textItem textarea {font-size: 14px;}
	.contact .itemCon .note .tit {width: 100%;}
@media (max-width: 480px) {
	.contact{padding-top:0;}
	.contact .itemCon .note .con{font-size:14px;}
	.contact .itemCon .note .equation .w{width:40px;height:40px;font-size:12px;}
	.contact .itemCon .note .equation .s{padding:0 6px;}
	.contact .itemCon .formData form .con .subItem{width:80%;}
	.contact .itemCon .formData form .con .subItem input{width:100%;}

}
@media (max-width: 375px) {
}