.serviceFormAndPhone {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3rem
}
.serviceFormAndPhone .serviceForm {
  width: 70vw
}
.serviceFormAndPhone .serviceForm .service .serviceTitle {
  margin-bottom: 1rem
}
.serviceFormAndPhone .serviceForm .service .serviceTitle span {
  font-size: 1.1rem;
  font-weight: bold;
  font-family: SourceHanSansCN-Regular
}
.serviceFormAndPhone .serviceForm .service .serviceList {
  
}
.serviceFormAndPhone .serviceForm .service .serviceList p {
  margin-bottom: .5rem;
  font-size: .85rem;
  font-weight: 400;
  font-family: SourceHanSansCN-Regular;
  color: #555;
  line-height: 1.5rem
}
.message {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2rem
}
.message .messageData {
  width: 70vw
}
.message .messageData .messageDataBox .messageTitle span {
  font-size: 1.5rem;
  font-weight: bold;
  font-family: SourceHanSansCN-Regular
}
.message .messageData .messageDataBox .messageForm {
  margin-top: 1rem
}
.message .messageData .messageDataBox .messageForm .fromCard ul {
  display: flex;
  flex-wrap: wrap
}
.message .messageData .messageDataBox .messageForm .fromCard ul li {
  width: 50%
}
.message .messageData .messageDataBox .messageForm .fromCard ul li input {
  width: 100%;
  height: 2rem;
  border: 1px solid #eee;
  outline: none;
  padding: .4rem 0;
  padding-left: 1rem;
  font-family: SourceHanSansCN-Regular;
  margin-top: .2rem
}
.message .messageData .messageDataBox .messageForm .fromCard ul li span {
  font-size: .85rem;
  padding-left: 1rem;
  color: #333
}
.message .messageData .messageDataBox .messageForm .fromCard ul li:nth-last-child(1) {
  width: 100%
}
.message .messageData .messageDataBox .messageForm .fromCard .condition span {
  font-size: .85rem;
  padding-left: 1rem;
  color: #333
}
.message .messageData .messageDataBox .messageForm .fromCard .condition textarea {
  margin-top: .2rem;
  width: 100%;
  height: 20rem;
  border: 1px solid #eee;
  outline: none;
  padding-left: 1rem;
  padding-top: 1rem
}
.message .messageData .messageDataBox .messageButton {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
  margin-bottom: 4rem
}
.message .messageData .messageDataBox .messageButton button {
  width: 50%;
  height: 2.5rem;
  cursor: pointer;
  border: 1px solid #4B4DC8;
  background: transparent;
  color: #4B4DC8;
  border-radius: .3rem;
  transition-duration: .5s
}
.message .messageData .messageDataBox .messageButton button:hover {
  background: #4B4DC8;
  color: white
}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width:950px) {}
@media screen and (max-width: 760px) {
	.serviceFormAndPhone .serviceForm{
		width: 100%;
		padding: 0 15px
	}
	.serviceFormAndPhone{
		margin-top: 15px
	}
	.message .messageData{
		width: 100%;
		padding: 0 15px
	}
	.message .messageData .messageDataBox .messageForm .fromCard ul li{
		width: 100%
	}
	.message .messageData .messageDataBox .messageForm .fromCard .condition textarea{
		height: 10rem
	}
}