.logo{
    width: 100px;
    height: 100px;
    background-color: #fff;
    border-radius: 50%;
    margin: 30px auto 20px; /* 调整顶部距离更合理 */
    
    /* Flexbox 居中 */
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    
    overflow: hidden;
    border: 3px solid #2ec06c; /* 添加主色调边框 */
    box-shadow: 0 5px 15px rgba(46, 192, 108, 0.4); /* 添加主色调扩散阴影，增加层次感 */
}

.logo img {
    display: block; /* 防止 inline 元素的间隙 */
    max-width: 60%; /*稍微调小一点，让留白更多，视觉更居中 */
    max-height: 60%;
    margin: 0;
    padding: 0;
    border: none;
}

/* 
   新设计的头部公司名称样式 
   Header Company Branding Styles
*/
.company-branding {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 80px; /* 调整底部间距，之前 header_top 是 115px */
}

.company-logo-wrapper {
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 20px;
    
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    
    border: 2px solid #2ec06c;
    box-shadow: 0 0 15px rgba(46, 192, 108, 0.6); /* 发光效果 */
}

.company-logo-wrapper img {
    max-width: 70%;
    max-height: 70%;
    display: block;
}

/* Logo Text Styles */
.logo-text {
    font-family: "Microsoft YaHei", "SimHei", sans-serif;
    font-weight: 700;
    color: #2ec06c;
    text-align: center;
    line-height: 1.2;
    margin: 0;
    padding: 0;
}

.logo .logo-text {
    font-size: 22px;
}

.company-logo-wrapper .logo-text {
    font-size: 14px;
}

.company-title {
    color: #fff !important; /* 强制白色 */
    font-size: 36px; /* 醒目的大字体 */
    font-weight: 700;
    margin: 0;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); /* 文字阴影增加可读性 */
    letter-spacing: 1px;
    font-family: "Microsoft YaHei", "Heiti SC", sans-serif; /* 确保中文字体 */
}

/* 移动端适配 */
@media (max-width: 768px) {
    .company-branding {
        flex-direction: column; /* 手机上垂直排列 */
    }
    .company-logo-wrapper {
        margin-right: 0;
        margin-bottom: 15px;
        width: 80px;
        height: 80px;
    }
    .company-title {
        font-size: 24px;
        text-align: center;
    }
}

/*
   Header Promo Icons Styles
   替换原有 Font Awesome 图标为自定义 PNG 图标的样式
*/
.single_promo img {
    display: block;
    width: 60px; /* 与原图标大小保持一致或适当调整 */
    height: 60px;
    margin: 0 auto 30px; /* 保持居中和底部间距 */
    object-fit: contain; /* 确保图片完整显示 */
}

/*
    Service Area Icons Styles
    替换原有 Font Awesome 图标为自定义 PNG 图标的样式
*/
.service_icon img {
    display: inline-block;
    width: 50px;
    height: 50px;
    object-fit: contain;
    vertical-align: middle;
    background: #fff;
    border-radius: 50%;
    padding: 6px;
    border: 2px solid #2ec06c;
}

/* 调整 service_icon 的原有样式，去除不需要的字体图标样式干扰 */
.service_icon {
    /* 
       原样式可能包含 font-size, color 等，对 img 影响较小，
       但如果有 padding/margin 需要适配
    */
    line-height: 1; /* 防止行高影响图片垂直对齐 */
}

/* 
   修复 Service Area 高度不一致导致错位的问题
   给 .single_servicr 增加最小高度，并清除浮动
*/
.single_servicr {
    /* 
       Bootstrap 3 grids float content, so if content height differs, layout breaks.
       We can add clearfix or min-height.
       Let's also ensure content width is responsive.
    */
}

/* Service Text Styles */
.service_text {
    /* Original width was fixed 475px, which breaks on md screens (992px-1200px) */
    width: calc(100% - 90px); /* 80px icon width + 10px gap */
    min-height: 120px; /* Ensure uniform height for alignment */
}

/* Mobile adaptation for min-height */
@media (max-width: 767px) {
    .service_text {
        min-height: auto;
    }
}

/* 
   修复 Grid 布局对齐问题 
   Fix Grid Layout Alignment Issues
   使用 nth-child 清除浮动，确保每一行的第一个元素都在正确的位置
*/

/* Service Area: 2 columns on md/sm */
@media (min-width: 768px) {
    .single_servicr:nth-child(2n+1) {
        clear: left;
    }
}

/* Project Area: 3 columns on md, 2 columns on sm */
@media (min-width: 992px) {
    .single_project:nth-child(3n+1) {
        clear: left;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .single_project:nth-child(2n+1) {
        clear: left;
    }
}

/* Header Promo: 4 columns on md/sm, 2 columns on xs */
@media (max-width: 767px) {
    .header_promo .col-xs-6:nth-child(2n+1) {
        clear: left;
    }
}

/* 设定最小高度，确保两行对齐 */
.single_servicr {
    min-height: 160px;
}

/* 如果是 Bootstrap 3 的浮动布局，每两个元素后清除一次浮动，可以更彻底解决错位 */
.service_item .single_servicr:nth-child(2n+1) {
    clear: both;
}

.work_img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    background: #fff;
    border: 2px solid #2ec06c;
}

.sponsor_inner .item img {
    max-height: 80px;
    width: auto;
    object-fit: contain;
    background: #fff;
    border: 2px solid #2ec06c;
    border-radius: 4px;
    padding: 4px 8px;
}

/*
   Contact Area Icons Styles
   中国本地化社交图标样式 (微信, QQ, 电话, 邮箱)
*/

/* 微信 - 绿色 */
.wechat {
    border-color: #07c160;
    color: #07c160;
}
.wechat:hover {
    color: #fff;
    border-color: #07c160;
}
.wechat_link .hvr-bounce-to-bottom:before {
    background: #07c160 none repeat scroll 0 0;
}

/* QQ - 蓝色 */
.qq {
    border-color: #12b7f5;
    color: #12b7f5;
}
.qq:hover {
    color: #fff;
    border-color: #12b7f5;
}
.qq_link .hvr-bounce-to-bottom:before {
    background: #12b7f5 none repeat scroll 0 0;
}

/* 电话 - 橙色 */
.phone {
    border-color: #ff9900;
    color: #ff9900;
}
.phone:hover {
    color: #fff;
    border-color: #ff9900;
}
.phone_link .hvr-bounce-to-bottom:before {
    background: #ff9900 none repeat scroll 0 0;
}

/* 邮箱 - 红色/主色调 */
.email {
    border-color: #ea4335;
    color: #ea4335;
}
.email:hover {
    color: #fff;
    border-color: #ea4335;
}
.email_link .hvr-bounce-to-bottom:before {
    background: #ea4335 none repeat scroll 0 0;
}

/*
   Contact Form Button Styles
   优化发送按钮的样式，使其更美观且适应中文
*/
.massage_s {
    position: static; /* 取消绝对定位，改为正常流布局 */
    width: 100%; /* 宽度占满父容器 */
    height: 50px; /* 设定合适高度 */
    margin-top: 20px; /* 增加顶部间距 */
    padding: 0; /* 重置内边距 */
    border-radius: 5px; /* 圆角 */
    
    display: flex;
    justify-content: center;
    align-items: center;
    
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    
    background: #2ec06c;
    transition: background-color 0.3s ease;
}

.massage_s:hover {
    background: #27a05a; /* 悬停变深色 */
}

.massage_s i {
    margin-left: 10px; /* 图标与文字间距 */
    position: relative;
    top: -1px; /* 微调图标垂直对齐 */
}

/* 调整 textarea 的下边距，防止与按钮太近 */
.massage_a textarea {
    margin-bottom: 0;
}