@charset "utf-8";
/* 首页局部样式：从 Default.aspx 内联 <style> 外置而来，避免样式散落在标记里 */

/* 右侧栏：推荐服务 / 友情链接 */
.m_one_right a{ font-size: 12px;color: #666666; }
.m_one_right p{ text-align: center;line-height: 50px; }
.m_one_right li{ text-align: center; }

/* 联系我们 */
.lxwm .body .dz{ text-align: center;padding-top: 10px}
.lxwm .body .ewm p{ font-size: 14px;color: #999;}

/* 仅供搜索引擎与读屏软件读取的页面主标题（<h1 class="sr-only">） */
.sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

/* 公告 / 新闻列表（栏目内容由后台动态生成） */
.share .card .product_3liy ul li{ list-style: none; }
.share .card .news-empty{ text-align: center; color: #999; font-size: 13px; padding: 40px 0; }
.share .card .newlis{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* 目的地下拉：原生 select 只用于提交，不参与鼠标交互（窄屏时它默认是覆盖在输入框上的） */
.seletcountry .combo-select select{ pointer-events: none; }
/* ===== 推荐服务：产品卡片（首页右栏，4 个一行） =====
   原来 .img_none 用 width:100%;height:160px + object-fit:fill，图片被拉扁；
   底部标题条 18px、hover 时整块 24px 盖满，长标题直接溢出。
   这里统一成：#Product 前缀提高优先级（home.css 在 main.css 之前加载），
   卡片圆角+阴影，图片 118px 高 object-fit:cover，标题条 13px 单行省略，
   描述在 hover 时淡入显示在标题条上方。 */
#Product{ width:100%; height:auto; float:left; margin:20px 0 14px 0; }
/* 右栏不再固定 380px：产品卡片变高后 380px 会挤掉下方友情链接 */
.m_one_right{ height:auto; min-height:380px; padding-bottom:8px; }
#Product .ds_ul{ display:grid; grid-template-columns:repeat(4,1fr); grid-gap:10px; width:auto; min-height:0; margin:0; padding:0; overflow:visible; }
/* iframe 是行内元素，底部会多出约 5px 基线空隙 */
.m_one_right iframe{ display:block; }
#Product .ds_ul:after{ content:''; display:block; clear:both; }
#Product .ds_ul li{ width:auto; min-width:0; padding:0; float:none; }
#Product .ds_ul li a{ display:block; position:relative; overflow:hidden; border-radius:6px; background:#f2f2f2; box-shadow:0 1px 3px rgba(0,0,0,.14); transition:box-shadow .3s; }
#Product .ds_ul li a:hover{ box-shadow:0 4px 12px rgba(0,0,0,.22); }
#Product .ds_img{ position:relative; height:132px; overflow:hidden; }
#Product .img_none{ width:100%; height:132px; display:block; object-fit:cover; transition:transform .35s ease; }
#Product .ds_ul li a:hover .img_none{ transform:scale(1.07); }
#Product .ds_hover,
#Product .ds_ul li .ds_img:hover .ds_hover{
    position:absolute; left:0; right:0; bottom:0; width:auto; height:28px; line-height:28px;
    padding:0 24px 0 8px; text-align:left; font-family:'Microsoft YaHei';
    font-size:13px; font-weight:400; color:#fff; background:rgba(0,0,0,.62) !important;
    transition:background .3s;
}
#Product .ds_ul li a:hover .ds_hover{ background:rgba(239,92,0,.92) !important; }
#Product .ds_hoverh3,
#Product .ds_ul li .ds_img:hover .ds_hoverh3{
    float:none; width:auto; color:#fff; font-size:13px; font-weight:400; line-height:28px;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
#Product .ds_hoverh3 .img_nonete{ position:absolute; right:7px; top:6px; width:16px; height:16px; margin:0; float:none; }
#Product .ds_hoverimg{
    position:absolute; left:0; right:0; bottom:28px; top:auto; width:auto; float:none;
    padding:6px 8px; margin:0; font-size:12px; line-height:16px; color:#fff;
    background:rgba(0,0,0,.82); max-height:62px; overflow:hidden;
    opacity:0; visibility:hidden; transition:opacity .25s;
}
#Product .ds_ul li a:hover .ds_hoverimg{ opacity:1; visibility:visible; }
/* ===== 左右两栏底部对齐 =====
   右栏高度 = 46 + 142(产品行) + 14(间距) + 46 + 19 + 160(iframe) = 427? 实测 413
   统一取 415：左右两栏底部齐平，卡片按剩余高度 358 撑满 */
.share{ height:415px; }
.share .card{ height:358px; }
.m_one_right{ height:415px; min-height:0; padding-bottom:0; }