.message-box{background:rgba(39,43,75,0.03);border-radius:15px;}
.message-box form{padding:30px;}
.message-box form input,.message-box form textarea{border:1px solid #707070;background:rgba(255,255,255,1);border-radius:10px;padding:10px;width:calc(100% - 20px);font-size:15px;font-weight:700;color:#626262;}
.message-box form input:focus,.message-box form textarea:focus{border:1px solid #d24872;color:#d24872;outline:none;}
.message-box form .name,.message-box form .surname,.message-box form .phone,.message-box form .email,.message-box form .subject,.message-box form .message{padding-bottom:25px;}
.message-box form .name,.message-box form .surname{width:49%;}
.message-box form .phone{width:19%;float:left;}
.message-box form .email{width:79%;float:right;}
.message-box form .message textarea{height:200px;resize: none;}
.message-box form .submit input{width:auto;padding:10px 40px;background:#017fe4;border:0px;color:#fff;}
.message-box form .submit input:hover{background:#d24872;}
.message-box form .name{float:left;}
.message-box form .surname{float:right;}


.contact_box{margin:40px auto;overflow:hidden;}
.contact_box ul{margin:0;padding:0;}
.contact_box ul li{width:calc(50% - 62px);float:left;list-style:none;border:1px solid #494b4c;border-radius:16px;padding:20px;margin:10px;box-sizing: border-box;}
.contact_box ul li:nth-child(2n){float:right;}
.contact_box ul li .container {display: flex;align-items: center;}
.contact_box ul li .container img{width:auto;}
.contact_box ul li p {padding-left:20px;line-height:30px;}
.contact_box ul li p span{font-weight:900;}


.iframe_map{width:100%;}


/* ✅ 仅 PC/平板启用：两列统一尺寸 + 字体/截断规则 + 图片可变尺寸 */
@media (min-width:651px){

  /* 2个信息框一行，左对齐，宽高统一 */
  .contact_box ul{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:20px;              /* 统一间距 */
    overflow:visible;      /* 覆盖上面 overflow:hidden 的影响 */
  }

  .contact_box ul li{
    float:none !important; /* 覆盖原 float */
    width:auto !important;
    margin:0 !important;   /* 交给 gap 控制间距，避免左右不齐 */
    flex:0 0 calc(50% - 10px); /* 两列：gap=20，所以每列减10 */
    height:150px;          /* 所有框高度一致（不会高矮不一） */
    display:flex;
    align-items:center;
    box-sizing:border-box;
  }

  .contact_box ul li:nth-child(2n){
    float:none !important; /* 覆盖原 nth-child(2n) float:right */
  }

  .contact_box ul li .container{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    min-width:0;           /* 关键：让省略号生效 */
  }

  /* 左侧图片：尺寸可变（可大可小），不再固定不变 */
  .contact_box ul li .container img{
    width:clamp(40px, 4.5vw, 72px);
    height:auto;
    flex:0 0 auto;
    max-height:100%;
    object-fit:contain;
  }

  /* 右侧文字整体：默认 Times New Roman 14，并限制为“标题1行 + 地址2行”的固定高度 */
  .contact_box ul li p{
    padding-left:16px;
    margin:0;
    font-family:Arial, sans-serif;
    font-size:15px;
    line-height:20px;
    height:62px;           /* 22(标题1行) + 40(地址2行) = 62，保证不足2行也占2行 */
    overflow:hidden;       /* 超过直接截断不显示 */
    min-width:0;           /* 让 span 的省略号生效 */
  }

  /* 去掉 HTML 里的 <br> 带来的额外行高，改用 span 块级换行 */
  .contact_box ul li p br{
    display:none;
  }

  /* 标题：Arial 16，独占1行，超过截断省略号 */
  .contact_box ul li p span{
    display:block;
    font-family:Arial, sans-serif;
    font-size:16px;
    line-height:22px;
    height:22px;
    font-weight:700;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}


@media (max-width:650px){
	.message-box form .name,.message-box form .surname,.message-box form .phone,.message-box form .email{width:100%;}
	.contact_box ul li{width:calc(100% - 2px);padding: 10px;margin: 10px 0px;float: left;}
	.contact_box ul li:nth-child(2n){float:left;}
	.contact_box ul li .container img{width:80px;}
}