/* 古汉官网样式补充 - 补全 yun300 全局样式（site_r.css 等缺失部分）
   让 MCMS 渲染的栏目页正文与官网 guhan.com 一致 */
html, body {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑", "Microsoft Yahei", arial, 宋体, sans-serif;
    color: #333;
    font-size: 16px;
}

/* 官网容器 */
.w1440 { max-width: 1440px; margin: 0 auto; position: relative; }
.w1600 { max-width: 1600px; margin: 0 auto; position: relative; }
.w1200 { max-width: 1200px; margin: 0 auto; position: relative; }

/* 清除浮动 */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.fl { float: left; }
.fr { float: right; }

/* 官网字号体系 */
.fnt_14 { font-size: 14px; }
.fnt_16 { font-size: 16px; }
.fnt_18 { font-size: 18px; }
.fnt_20 { font-size: 20px; }
.fnt_22 { font-size: 22px; }
.fnt_24 { font-size: 24px; }
.fnt_26 { font-size: 26px; }
.fnt_30 { font-size: 30px; }
.fnt_32 { font-size: 32px; }
.fnt_36 { font-size: 36px; }
.fnt_40 { font-size: 40px; }
.fnt_48 { font-size: 48px; }
.fnt_64 { font-size: 64px; }

/* 官网通用颜色 */
.fnt_color { color: #237c02; }
.fnt_color_red { color: #df1839; }
.fnt_color_gold { color: #e89c28; }

/* 数字动画相关 */
.countup { font-weight: 700; color: #237c02; }

/* 官网 banner 组件（Column_detail） */
.c_portalResGroupColumn_detail-02001 .banner {
    width: 100%;
    position: relative;
    text-align: center;
}
.c_portalResGroupColumn_detail-02001 .banner img {
    width: 100%;
    display: block;
}
.c_portalResGroupColumn_detail-02001 .banner_text {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    color: #fff;
}
.c_portalResGroupColumn_detail-02001 .banner_title {
    font-weight: 700;
    color: #fff;
}

/* 官网面包屑 */
.c_portalResGroupBreadcrumb_nav-01001 .cumb {
    padding: 30px 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}
.c_portalResGroupBreadcrumb_nav-01001 .cumb a {
    color: #666;
    text-decoration: none;
    margin: 0 5px;
}
.c_portalResGroupBreadcrumb_nav-01001 .cumb a.active {
    color: #237c02;
}

/* 正文图片自适应 */
.e_box img, .p_news img, .about img {
    max-width: 100%;
    height: auto;
}

/* ============ 官网新闻列表（new_toplist 三列图文） ============ */
.c_portalResGroupNewsNew_list-02001 .new_toplist,
.c_portalResGroupNewsNew_list-02001 .p_Newslist { width: 100%; }
.c_portalResGroupNewsNew_list-02001 .new_toplist ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.c_portalResGroupNewsNew_list-02001 .new_toplist ul li {
    float: left;
    width: 31.3%;
    margin-right: 3%;
    margin-bottom: 40px;
    list-style: none;
}
.c_portalResGroupNewsNew_list-02001 .new_toplist ul li:nth-child(3n) { margin-right: 0; }
.c_portalResGroupNewsNew_list-02001 .img_box { width: 100%; overflow: hidden; }
.c_portalResGroupNewsNew_list-02001 .img_box .img {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
    transition: all 0.4s;
}
.c_portalResGroupNewsNew_list-02001 .img_box .img:hover { transform: scale(1.05); }
.c_portalResGroupNewsNew_list-02001 .text .title { margin-top: 15px; }
.c_portalResGroupNewsNew_list-02001 .text .title a { color: #333; text-decoration: none; font-weight: 600; }
.c_portalResGroupNewsNew_list-02001 .text .title a:hover { color: #237c02; }
.c_portalResGroupNewsNew_list-02001 .text .summary { color: #666; line-height: 1.8; margin-top: 8px; }
.c_portalResGroupNewsNew_list-02001 .text .time { color: #999; margin-top: 10px; }

/* ============ 官网 banner（图片横幅） ============ */
.gh-banner {
    background-size: cover !important;
    background-position: center !important;
    position: relative;
}
/* 灰色蒙层已按需求去除，banner 图直接展示 */
.gh-banner h1, .gh-banner .sub { position: relative; z-index: 1; }

/* ================= 单页栏目正文通用布局（作用域 .c_portalResGroupNewsNew_list-02001，不依赖组件ID） ================= */

/* --- 企业简介(98)：左侧图 + 右侧文 双栏 --- */
.c_portalResGroupNewsNew_list-02001 .about { width: 100%; padding: 6% 0; }
.c_portalResGroupNewsNew_list-02001 .about .top .left { float: left; width: 52.3%; text-align: center; }
.c_portalResGroupNewsNew_list-02001 .about .top .left img { max-width: 50%; }
.c_portalResGroupNewsNew_list-02001 .about .top .right { float: left; width: 46%; color: #555; line-height: 1.8; }
.c_portalResGroupNewsNew_list-02001 .about .center { padding: 3% 0; color: #555; line-height: 1.9; }
/* 底部统计带（背景图 + 数字动画） */
.c_portalResGroupNewsNew_list-02001 .about .bottom { color: #fff; text-align: center; padding: 6% 0; }
.c_portalResGroupNewsNew_list-02001 .about .bottom ul { list-style: none; margin: 0; padding: 0; }
.c_portalResGroupNewsNew_list-02001 .about .bottom li { float: left; width: 33.333%; }
.c_portalResGroupNewsNew_list-02001 .about .bottom .countup,
.c_portalResGroupNewsNew_list-02001 .about .bottom .num { color: #fff; }

/* --- 发展历程(99)：左侧旋转图 + 右侧时间轴 --- */
.c_portalResGroupNewsNew_list-02001 .about .w1440 > .img.left { float: left; width: 50%; position: relative; text-align: center; }
.c_portalResGroupNewsNew_list-02001 .about .img_bg { position: absolute; left: 50%; top: 0; transform: translateX(-50%); max-width: 89.3%; -webkit-animation: ghRotate 18s linear infinite; animation: ghRotate 18s linear infinite; }
.c_portalResGroupNewsNew_list-02001 .about .img_zi { position: absolute; left: 0; top: 2%; max-width: 82.9%; }
.c_portalResGroupNewsNew_list-02001 .about .img1 { position: relative; max-width: 74.5%; }
.c_portalResGroupNewsNew_list-02001 .about .w1440 > .right.right_text { float: left; width: 50%; height: 720px; overflow: hidden; padding-right: 12px; }
.c_portalResGroupNewsNew_list-02001 .about .right_text .text { margin-bottom: 35px; }
.c_portalResGroupNewsNew_list-02001 .about .right_text .title { font-weight: 600; color: #1c1c1c; }
.c_portalResGroupNewsNew_list-02001 .about .right_text .title:after { content: ""; width: 30px; height: 4px; background: #eec719; display: block; margin-top: 10px; margin-bottom: 15px; }
.c_portalResGroupNewsNew_list-02001 .about .right_text .des { color: #666; line-height: 1.8; }
@keyframes ghRotate { from { transform: translateX(-50%) rotate(0); } to { transform: translateX(-50%) rotate(360deg); } }

/* --- 集团成员(107)：左侧图 + 右侧简介 --- */
.c_portalResGroupNewsNew_list-02001 .top_img { overflow: hidden; margin-bottom: 4%; }
.c_portalResGroupNewsNew_list-02001 .top_img > .left_img { float: left; width: 45%; }
.c_portalResGroupNewsNew_list-02001 .top_img > .left_img .img { width: 100%; height: 420px; background-size: cover; background-position: center; }
.c_portalResGroupNewsNew_list-02001 .top_img > .right_text { float: left; width: 46%; margin-left: 3%; }
.c_portalResGroupNewsNew_list-02001 .top_img .right_text .title { font-weight: 600; color: #1c1c1c; margin-bottom: 15px; }
.c_portalResGroupNewsNew_list-02001 .top_img .right_text .des { color: #666; line-height: 1.9; }
.c_portalResGroupNewsNew_list-02001 .acticle { color: #555; line-height: 1.9; }

/* --- 荣誉资质(102)：证书轮播 --- */
.c_portalResGroupNewsNew_list-02001 .contact { padding: 6% 0; }
.c_portalResGroupNewsNew_list-02001 .bottom_list .swiper-container { width: 100%; }
.c_portalResGroupNewsNew_list-02001 .bottom_list .swiper-slide { text-align: center; }
.c_portalResGroupNewsNew_list-02001 .bottom_list .img_box .img { width: 100%; height: 520px; background-position: center; background-repeat: no-repeat; background-size: contain; }
.c_portalResGroupNewsNew_list-02001 .bottom_list .swiper-pagination { position: relative; margin-top: 22px; text-align: center; }
.c_portalResGroupNewsNew_list-02001 .bottom_list .swiper-pagination-bullet { width: 40px; height: 3px; border-radius: 0; background: rgba(35,124,2,.3); display: inline-block; margin: 0 4px; }
.c_portalResGroupNewsNew_list-02001 .bottom_list .swiper-pagination-bullet-active { background: #237c02; }

/* ============ 新闻卡片网格尺寸固定（官网 page_impt_blank1 的 .new_toplist 规则去ID版） ============ */
.new_toplist{ overflow:hidden; }
.new_toplist li{ float:left; width:31.25%; margin-right:3.125%; margin-bottom:30px; }
.new_toplist li:nth-child(3n){ margin-right:0px; }
.new_toplist li .img_box{ width:100%; height:0px; padding-bottom:56.25%; overflow:hidden; }
.new_toplist li .img_box .img{ width:100%; height:0px; padding-bottom:56.25%; transition:all 0.4s; background-position:center; background-size:cover; background-repeat:no-repeat; }
.new_toplist li .img_box:hover .img{ transform:scale(1.06); transition:all 0.4s; }
.new_toplist li .text{ padding:15px 20px; background:#f5f5f5; }
.new_toplist li .title{ line-height:1.5em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; height:3em; margin-bottom:15px; }
.new_toplist li .summary{ color:#888888; line-height:1.7em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; height:5.1em; margin-bottom:6.889%; }
.new_toplist li .time{ line-height:27px; }
.new_toplist li .title a:hover{ color:#f7b600; }
@media(max-width:900px){ .new_toplist li{width:100%;margin-right:0;margin-bottom:3%;} }

/* ============ 产品卡片 WOW 动画改为始终可见（官网在首屏下方产品也直接可见，不靠滚动触发） ============ */
.product .wow, .new_toplist .wow { visibility: visible !important; -webkit-animation: none !important; animation: none !important; }