.h2-title{
	display:block;
	text-align:center;
	color:#265ca2;
	min-height: 10rem;
	font-size: 1.5rem;
	line-height: 8rem;
}
.box-container{
	min-height: 350px;
}
.contact-box{
	flex-direction: column; /* 改为纵向排列 */
	align-items: flex-start;
	align-items: center;
}
.contact-box img{
	height:auto;
	/*
	width:5rem;
	margin-top:2rem;
	*/
}
.contact-img-top{
    margin-top:3rem;
}
.contact-box-btm{
    margin-bottom: 100px;
}
.contact-title{
	margin-top:3rem;
	color:black;
	font-size: 1.2rem;
}
.contact-content{
	margin-top: 2rem;
	color:#666666;
	font-size: 1rem;
	display: block;
	width: 95%;
	text-align: center;
	word-wrap: break-word; /* 自动换行 */
	word-break: break-word; /* 防止长单词溢出 */
	margin-bottom:2rem;
}

/* 客户留言 */
.input-box {
  width: 96%;
  padding: 2%;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2); /* 阴影效果 */
  margin-bottom: 1.5rem;
  transition: box-shadow 0.3s ease;
  font-family: 'Microsoft YaHei', sans-serif;
  font-weight: 100;
  font-size: 1.2rem;
}

.input-box:focus {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 聚焦时的阴影效果 */
  outline: none;
}

.textarea-box {
  height: 8rem; /* 调整 textarea 的高度 */
  resize: none; /* 禁用用户调整大小 */
}

.input-row {
  display: flex;
  gap: 5rem;
}

.input-row .input-box {
  flex: 1;
}

.submit-button {
  width: 100%;
  padding: 1rem;
  font-size: 1.5rem;
  color: #265da3;
  background-color: white;
  border: solid 3px #265da3;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.submit-button:hover {
  background-color: #0056b3;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  color:white;
}

/* 通用样式 */
.input-box::placeholder {
    color: #757575 !important; /* 比 #666 更深且符合 WCAG 标准 */
    opacity: 1;
    -webkit-text-fill-color: #757575; /* 针对 Safari 的强制着色 */
}

/* 平板 */
@media (max-width: 1024px) {
    .input-box {
        border: 1px solid #333333;
        color: #333333;
        }
}


/* 响应式样式：当屏幕宽度小于768px时 */
@media (max-width: 768px) {
	.h2-title {
		min-height: 2rem;
		font-size: 1.2rem;
		line-height: 2rem;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	.box-container{
		justify-content: space-between;
		min-height: 20rem;
	}
	.contact-box{
		flex: 0 0 48%;
		margin-bottom: 1rem;
	}
	.contact-box img {
	    width: 2rem;
	    margin-top: 1rem;
	}
	.contact-title {
	    margin-top: 0.8rem;
	    font-size: 1rem;
	}
	.contact-content {
	    margin-top: 0.8rem;
	    font-size: 0.8rem;
		margin-bottom: 0.8rem;
	}
	.input-box {
	  width: 94%;
 	  padding: 3%;
	  margin-bottom: 0.8rem;
	  font-size: 0.8rem;
	  min-height: 1rem;
	  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
	}
	.textarea-box {
	  height: 5rem; /* 调整 textarea 的高度 */
	}
	.input-row {
	    display: flow;
	    margin-bottom: 0rem;
	}
	.submit-button {
	    padding: 0.5rem;
	    font-size: 1rem;
	    border: solid 2px #265da3;
		margin-top: 0.5rem;
		margin-bottom: 2rem;
	}
	
}