@charset "utf-8";
/* ==========================================================================
   heliexpo 模板改造层 —— 更紧凑 / 更精致
   本文件在 base.css、content.css、index_new.css 之后加载，用于覆盖老样式。
   【保护区域】顶部 banner 与「我要参展 / 我要参观」三块（.banner / .index-exhibition）
   保持原样，本文件不对其外观做改动（也不改动其源码）。
   ========================================================================== */

:root{
    --hx-accent:      #179a42;
    --hx-accent-deep: #0f7c35;
    --hx-red:         #c8232f;   /* 保留：需要红色强调时用 */
    --hx-ink:         #1f2328;
    --hx-ink-2:       #4a5058;
    --hx-line:        #e6e9ee;
    --hx-bg-soft:     #f5f7fa;
    --hx-radius:      12px;
    --hx-shadow:      0 1px 2px rgba(18,24,40,.05), 0 8px 24px rgba(18,24,40,.05);
    --hx-shadow-hover:0 6px 16px rgba(18,24,40,.10), 0 18px 40px rgba(18,24,40,.10);
}

/* --------------------------------------------------------------------------
   0. 基础排版
   -------------------------------------------------------------------------- */
body{ color: var(--hx-ink); }
a{ transition: color .22s ease, background-color .22s ease, border-color .22s ease,
              box-shadow .22s ease, transform .22s ease; }
/* 注意：.w1100 是保护区域（banner 下方「我要参展/我要参观」）的容器宽度，
   此处**刻意保持 1100px 不变**，避免改动受保护区域的外观。 */

/* --------------------------------------------------------------------------
   2. 区块节奏：整体压缩留白
   -------------------------------------------------------------------------- */
.index-new-box{ padding: 34px 0; }
.index-activity-box{ padding: 30px 0; }
.square-4{ margin-bottom: 0; }
.index-newbtn-box{ margin: 26px 0 0; }

/* 区块标题：更紧凑、更精致 */
.index-title{
    width: auto;
    min-width: 0;
    display: inline-block;
    font-size: 27px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-align: left;
    margin: 4px 0 22px;
    padding: 0 0 10px;
    border-bottom: 0;
    position: relative;
}
.index-new-box .index-title,
.index-activity-box .index-title{ display: block; }
.index-title::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 46px;
    height: 3px;
    border-radius: 2px;
    background: linear-gradient(90deg, var(--hx-accent) 0%, #4cb96b 100%);
}
.index-title .txt-red{ color: var(--hx-accent); }   /* 绿色主题：标题强调字跟随主色（原红色，参考站也是绿色） */

/* 关键数字四宫格：容器与栅格列不得超出视口 */
.square-4{
    max-width: 1100px;
    padding: 0 15px;
    margin-top: 26px;
    margin-bottom: 6px;
    box-sizing: border-box;
}
.square-4 > .row,
.square-4 .data-module.row{
    margin-left: 0;
    margin-right: 0;
}
.square-4 .row > div{
    margin-top: 0 !important;
    padding: 8px 6px 10px;
    border-right: 1px solid var(--hx-line);
    box-sizing: border-box;
}
.square-4 .row > div:last-child{ border-right: 0; }
.square-4 .row > div > i{
    color: var(--hx-accent);
    font-size: 26px !important;
    line-height: 1.15;
    opacity: .9;
}
.square-4 strong{
    display: block;
    font-size: 24px;
    padding: 2px 0 1px;
    color: var(--hx-ink);
    letter-spacing: .5px;
    font-weight: 700;
    line-height: 1.2;
}
.square-4 strong sup{ font-size: .5em; top: -.5em; }
.square-4 .row > div > span{
    display: block;
    font-size: 13.5px;
    line-height: 1.4;
    color: #6b7280;
    letter-spacing: .5px;
}

/* --------------------------------------------------------------------------
   4. 最新资讯 —— 卡片化（去掉老的空占位块）
   -------------------------------------------------------------------------- */
.index-new-box[style*="eaebef"]{ background: var(--hx-bg-soft) !important; }

/* 「关于 IBTE」区：压缩图片与标题间距（此区在「我要参展」块之后，不在保护范围） */
.index-exhibition-img{ margin-bottom: 22px; border-radius: var(--hx-radius); overflow: hidden; }
.index-exhibition-img img{ display: block; }
.index-exhibition-txt-title{ margin: 0 0 10px; }
.index-exhibition-l{ padding-bottom: 26px; }

/* 展商 / 买家滚动列表：压缩到恰好 4 行（111px × 4），
   使整行高度与左列「关于 IBTE」对齐，页面更紧凑。
   滚动逻辑依赖 li 数量 - 4 > 0，此处不影响。 */
.index-exhibition-famous-box,
.index2-exhibition-famous-box{ height: 444px; }
#tab{ background: var(--hx-bg-soft); border-radius: 8px 8px 0 0; }
.index-exhibition-famous-li,
.index2-exhibition-famous-li{ border-bottom-color: var(--hx-line); }

.wbox{
    padding: 0;
    background: #fff;
    border-radius: var(--hx-radius);
    box-shadow: var(--hx-shadow);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.wbox:hover{ box-shadow: var(--hx-shadow-hover); transform: translateY(-3px); }
.news_pic{
    margin: 0 0 0;
    padding: 0;
    background: #eef1f5;
    border: 0;
    overflow: hidden;
}
.news_pic img{
    width: 100%;
    height: 148px !important;
    object-fit: cover;
    display: block;
    transition: transform .5s ease;
}
.wbox:hover .news_pic img{ transform: scale(1.05); }
.wbox .date{
    font-size: 12.5px;
    color: #98a1ae;
    margin: 11px 14px 5px;
    letter-spacing: .6px;
}
.wbox .news_title{
    margin: 0 14px 14px;
    font-size: 14.5px;
    line-height: 1.55;
    font-weight: 600;
    color: var(--hx-ink);
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 45px;
}
.wbox .news_title a{ color: var(--hx-ink); }
.wbox:hover .news_title a{ color: var(--hx-accent); }
.ellipsis{ display: none !important; }

/* 更多按钮 */
.index-btn{
    width: 176px;
    height: 44px;
    line-height: 40px;
    font-size: 15px;
    border: 1px solid var(--hx-accent);
    color: var(--hx-accent);
    border-radius: 22px;
    background: transparent;
    letter-spacing: .5px;
}
.index-btn:hover{
    background: var(--hx-accent);
    border-color: var(--hx-accent);
    color: #fff;
    box-shadow: 0 8px 20px rgba(23,154,66,.25);
}

/* --------------------------------------------------------------------------
   5. 活动奖项 / 同期会议
   -------------------------------------------------------------------------- */
.padall{ padding: 12px 16px; }
.section_clear h4{
    font-size: 15px;
    line-height: 1.45;
    margin: 0 0 8px;
    color: var(--hx-ink);
    font-weight: 600;
}
.section_clear h4 a{ color: var(--hx-ink); }
.section_clear h4 a:hover{ color: var(--hx-accent); }
.section_clear .content{ font-size: 13.5px; line-height: 1.7; color: #5b6472; }
/* 正文里的链接：注意排除按钮（.btn-bt），否则 .section_clear .content a:hover（0,3,1）
   会盖掉 .btn-bt.default:hover（0,3,0）的白色文字，按钮 hover 时字和底色同色看不见 */
.section_clear .content a:not(.btn-bt){ color: #5b6472; }
.section_clear .content a:not(.btn-bt):hover{ color: var(--hx-accent); }
.bg-grey{ background: var(--hx-bg-soft); border-radius: var(--hx-radius); }
.marb10{ margin-bottom: 10px; }
.btn-bt.default{
    padding: 7px 20px;
    border-radius: 18px;
    border-color: var(--hx-accent);
    color: var(--hx-accent);
    font-size: 13px;
}
.btn-bt.default:hover{
    background: var(--hx-accent);
    border-color: var(--hx-accent);
    color: #fff;
}
.img-responsive{ border-radius: 8px; width: 100%; }

/* 同期会议焦点图：压缩高度，图片按比例裁切 */
.index-activity-box #myFocus{
    border-radius: var(--hx-radius);
    overflow: hidden;
    box-shadow: var(--hx-shadow);
    height: 330px !important;
    max-width: 100% !important;
}
.index-activity-box #myFocus .__pic,
.index-activity-box #myFocus .__pic ul,
.index-activity-box #myFocus .__pic ul li{
    height: 330px !important;
    max-width: 100% !important;
}
.index-activity-box #myFocus .__pic ul,
.index-activity-box #myFocus .__pic ul li,
.index-activity-box #myFocus .__num,
.index-activity-box #myFocus .__thumb{
    width: 100% !important;
}
.index-activity-box #myFocus .__pic ul li img{
    width: 100% !important;
    height: 330px !important;
    object-fit: cover;
}

/* --------------------------------------------------------------------------
   6. 其他展会：统一等比裁切，压缩高度
   -------------------------------------------------------------------------- */
.index-activity{
    height: auto;
    min-height: 0;
    margin-bottom: 14px;
}
.index-activity-img-box{
    border-radius: 10px;
    overflow: hidden;
    box-shadow: var(--hx-shadow);
    transition: box-shadow .25s ease;
}
.index-activity:hover .index-activity-img-box{
    width: 100%;
    margin: 0;
    box-shadow: var(--hx-shadow-hover);
}
.index-activity-img{ display: block; height: 176px; overflow: hidden; }
.index-activity-img img{
    display: block;
    width: 100%;
    height: 176px;
    object-fit: cover;
}

/* --------------------------------------------------------------------------
   7. 支持媒体（logo 滚动条）
   -------------------------------------------------------------------------- */
.homeClient{ height: auto; margin-top: 0; padding-top: 0; }
#carousel{ height: 116px; }
#carousel li{ height: 116px; }
#carousel li img{
    width: 196px;
    height: 112px;
    object-fit: contain;
    background: #fff;
    border: 1px solid var(--hx-line);
    border-radius: 10px;
    padding: 10px;
    box-sizing: border-box;
}
.homeClient .hclogo1,
.homeClient .hclogo2,
.homeClient .hclogo3,
.homeClient .hclogo4,
.homeClient .hclogo5{
    width: 196px;
    height: 112px;
    padding-right: 12px;
    padding-bottom: 12px;
    box-sizing: content-box;
}
.homeClient .hclogo1 img,
.homeClient .hclogo2 img,
.homeClient .hclogo3 img,
.homeClient .hclogo4 img,
.homeClient .hclogo5 img{
    width: 100%;
    height: 112px;
    object-fit: contain;
    background: #fff;
    border: 1px solid var(--hx-line);
    border-radius: 10px;
    padding: 10px;
    box-sizing: border-box;
    transition: border-color .22s ease, box-shadow .22s ease;
}
.homeClient .hclogo1 img:hover,
.homeClient .hclogo2 img:hover,
.homeClient .hclogo3 img:hover,
.homeClient .hclogo4 img:hover,
.homeClient .hclogo5 img:hover{
    border-color: rgba(23,154,66,.45);
    box-shadow: 0 6px 16px rgba(18,24,40,.08);
}

/* --------------------------------------------------------------------------
   8. 页脚
   -------------------------------------------------------------------------- */
.index-contact{ padding-bottom: 6px; }
.index-contact-txt{ font-size: 14px; color: #4a5058; }
.index-contact-txt a{ color: #4a5058; }
.index-contact-txt a:hover{ color: var(--hx-accent); }
.ft-nav-box{ margin-top: 10px; }
.ft-nav-box dt a{ font-size: 15px; font-weight: 600; color: var(--hx-ink); }
.ft-nav-box dd a{ font-size: 13.5px; color: #6b7280; line-height: 26px; }
.ft-nav-box dd a:hover{ color: var(--hx-accent); }
.footer-copyright{
    font-size: 13px;
    color: #8b939f;
    padding: 16px 0 20px;
    border-top: 1px solid var(--hx-line);
    margin-top: 18px;
}

/* --------------------------------------------------------------------------
   9. 响应式微调
   -------------------------------------------------------------------------- */
/* 媒体 logo 轮播容器固定 1100px，窄屏会撑出横向滚动条 —— 收敛宽度 */
@media (max-width: 1159px){
    #carousel,
    #carousel .caroufredsel_wrapper{ width: 100% !important; }
}
/* 展商/买家滚动列表所在列在平板宽度下收窄，避免溢出 */
@media (max-width: 1199px){
    #myFocus{ max-width: 100%; }
}
/* 平板/手机端的头部高度与 logo 尺寸一律由主题自带的 base.css 控制
   （<979px 导航链接 85px 高、<767px 头部 100px 且 logo 320x80），
   此处不再覆盖，避免与原生规则叠加导致导航文字被边框/下一区块压住 */
/* 移动端：整体禁止横向滚动条（老模板存在固定宽度轮播，属历史问题） */
@media (max-width: 767px){
    html, body{ overflow-x: hidden; }
    .square-4{ padding: 0 8px; }
    .square-4 .row > div > span{ font-size: 12.5px; letter-spacing: 0; }
}
@media (max-width: 767px){
    .index-new-box{ padding: 26px 0; }
    .index-activity-box{ padding: 22px 0; }
    .index-title{ font-size: 22px; margin-bottom: 16px; }
    .square-4{ margin-top: 18px; }
    .square-4 strong{ font-size: 22px; }
    .news_pic img{ height: 180px !important; }
    .wbox .news_title{ min-height: 0; }
    .index-activity{ margin-bottom: 14px; }
    #carousel{ height: 96px; }
    #carousel li{ height: 96px; }
    #carousel li img{ width: 150px; height: 92px; }
    #myFocus{ border-radius: 0; }
}

/* --------------------------------------------------------------------------
   7. 原模板内联样式（迁移入本文件；顺序与迁移前的文档顺序一致：
      head → 公共头 → 首页 → 公共底）
   -------------------------------------------------------------------------- */

/* --- head.php --- */

.header-title { display: none !important; }

/* --- header.php --- */

.txt-red:hover{ color:#50555f; }

/* --- Index/index.php --- */

@media (max-width: 768px){
    .mF_fancy_myFocus { width: 375px; }
}

.square-4 strong.has-sup::after{ content: attr(data-sup); vertical-align: super; font-size: .55em; margin-left: 1px; }

.wbox { padding:10px; background:#fff; }
        .news_pic { box-sizing:border-box; border:0 solid #DDD; background-color:#fff; margin:0 0 20px; max-width:100%; padding:5px; margin-bottom:10px; }
        .news_pic img { width:100%; overflow:hidden; }
        .wbox .date { color:#ccc; font-size:14px; margin-bottom:12px; }
        .wbox .news_title { font-size:16px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#3e3a39; font-weight:bold; margin-bottom:12px; }
        .ellipsis { display:block; overflow:hidden; text-overflow:ellipsis; line-height:160%; min-height:90px; max-height:90px; color:#3e3a39; }
        .step2 { display: none; }

.padall { padding:25px; }
        .section_clear h4 { font-weight:bold; color:#000; line-height:40px; font-size:16px; }
        .img-responsive { display:block; max-width:100%; height:auto; }
        .bg-grey { background-color:#f6f6f6; }
        .btn-bt.default { text-align:center; cursor:pointer; display:inline-block; outline:0; position:relative;
            transition:all .3s ease; -webkit-transform:translateZ(0); transform:translateZ(0);
            border-width:2px; border-style:solid; line-height:1 !important;
            padding:13px 36px; border-radius:20px; overflow:hidden;
        }
        .marb10 { margin-bottom:10px; }

/* --- footer.php --- */

.ft-new-box{
        padding-top: 50px;
    }
    @media (max-width: 767px) {
        .ft-new-box{
            padding-top: 0;
        }
    }