#nav-wrap .container{margin-bottom: 5px;}
#main-wrap h1{font-size: 3em;font-weight: 400;text-transform: uppercase;text-align: left;margin-top: 40px;}
#wcontent {width:100%;margin-bottom: 40px;}
#wcontent div{text-align:left;}
#wcontent img{width:100%;margin-top:30px;}
#wcontent h2{padding-top: 30px;padding-bottom:30px;}
#wcontent .wrapTitle{text-transform: capitalize;line-height:1em;text-align: left;}

.banner{margin-top: 0px;}
.rightLine {width: 70%; border-top: 3px solid #666; margin-right: 0px; margin-top: 25px; margin-bottom: 30px;}
.leftLine {width: 70%; border-top: 3px solid #666; margin-left: 0px; margin-top: 40px; margin-bottom: 30px;}



#wcontent .middleBlock{display: flex; flex-direction: row; align-items: flex-start;}
.location{width: 45%;padding-top: 50px;padding-left:3%;}
.location>div{border-radius: 10px;padding: 6px 9px;margin-bottom: 15px;position: relative;}
.location>div:hover{filter:brightness(.9)}
.location>.red{background-color: #cc0546;}
.location>.red>.leftArrow{border-right: 16px solid #cc0546;}
.location>.orange{background-color: #e97e14;}
.location>.orange>.leftArrow{border-right: 16px solid #e97e14;}
.location>.green{background-color: #17b814;}
.location>.green>.leftArrow{border-right: 16px solid #17b814;}
.location>.blue{background-color: #0274b3;}
.location>.blue>.leftArrow{border-right: 16px solid #0274b3;}
.location>div>div.leftArrow{position: absolute;top:40%;left: -16px;width: 0;height: 0;font-size: 0;border-bottom: 8px solid transparent;border-top: 8px solid transparent;}
.location .paragraph{line-height: 20px;color: white;}
.rightBlock{width: 53%;}
.content_form{width: 97%; margin-right: 0px; margin-left: auto; border-radius: 25px; padding: 10px 0px;}
.content_form>div, .content_form>form{width: 92%; margin: auto;}
.content_form p.title {text-align: right; color: black;margin-bottom: 20px;font-size: 1.5em;}
#messageBox{display: flex; flex-direction: column; align-items: stretch;}
#messageBox .personInfor{display: flex; flex-wrap: wrap; justify-content: space-between;}
#messageBox .personInfor input, #messageBox textarea{font-family: 'Microsoft Yahei', Arial, 'Open Sans', sans-serif;}
#messageBox .personInfor input{width: 95%;border-width: 1px; border-radius: 20px; color: #707070; line-height: 20px; padding: 1%;margin: 1%; margin-bottom: 14px;}
#messageBox textarea{width: 95%; line-height: 20px; padding: 1%; margin: 1%; resize: none; color:#707070; height:180px; border-radius: 20px; margin-bottom: 10px;}
#messageBox .buttonList{display: flex; flex-wrap: wrap; justify-content: space-between;margin-top: 8px; padding: 1% 2%; width: 96%; margin-top: 0px;}
#messageBox .buttonList p{color: #707070;}
#messageBox .buttonList button{text-decoration: none;color: white; border: 2px solid white;line-height: 26px; border-radius: 20px;font-size: 1.2em;font-weight: 600; padding: 2px 14px; vertical-align: middle; transition: all 0.3s linear;}
#messageBox .buttonList .clear{background-color: #23a4f5;}
#messageBox .buttonList .submit{background-color: #d70048;margin-left: 25px;}
#messageBox .buttonList .clear:hover{color: #23a4f5; background-color: white; border-color: #23a4f5;}
#messageBox .buttonList .submit:hover{color: #d70048; background-color: white; border-color: #d70048;}

#wcontent div.item_left{width: 50%;text-align: left;}
#wcontent div.item_left p:first-child{font-size: 2em;margin-bottom: 30px;}

#wcontent div.item_right{width: 50%;text-align: right;margin-right: 0px;margin-left: auto;}
#wcontent div.item_right img, #wcontent div.item_right svg {width: 20%;margin: 0 2%;transition: all .7s cubic-bezier(.2,1,.22,1);border-radius: 50px;}
#wcontent div.item_right img:hover, #wcontent div.item_right svg:hover {transform: translateY(-10px);box-shadow: 0 20px 40px rgb(0 0 0 / 28%);}

@media screen and (max-width: 960px){
  #wcontent {width: 98%;}
}
@media screen and (max-width: 680px){
  #wcontent{width: 100%;}
  #wcontent .middleBlock{flex-direction: column;}
  .location{width: 94%; margin: auto;padding-top: 20px;}
  .location>div{padding: 10px 16px;}
  .rightBlock{width: 98%; margin: auto;}
  .content_form{margin: auto;}
  #wcontent div.item_left{width: 90%;margin: auto;margin-bottom: 40px;}
  #wcontent div.item_right{width: 90%;margin: auto;}
  #wcontent div.item_right img, #wcontent div.item_right svg{width: 18%;margin: 0 3%;}
  .rightLine, .leftLine{border-top: 2px solid #707070; margin: 18px auto 30px;}
  #main-wrap h1{text-align: center;}
  .content_form p.title{text-align: left;font-weight: 600;font-size: 1.8em;margin-bottom:30px;margin-top:20px;}
}

/*联系新增的按钮*/
#messageBox .clickBox{display: flex; justify-content: space-between; margin-left: 10px; margin-right: 10px;gap: 10px;}
#messageBox .clickBox div{display: inline-block;white-space: nowrap; /* 禁止换行 */overflow: hidden; /* 隐藏溢出内容 */text-overflow: ellipsis; /* 显示省略号 */max-width: 100%; /* 允许宽度收缩 */min-width: 0; /* 关键：允许flex项缩小 */}