@charset "utf-8";
/*-------------------------
主页样式表
编辑：20230318，黄灿平
--------------------------*/
body{ 
    background-image: url(../img/index/bg1.jpg);
    background-repeat: no-repeat;      /* 不平铺 */
    background-position: top center; /* 居中显示 */
    background-size: contain;            /* 等比拉伸，覆盖整个区域，可能裁剪边缘 */
}

/*-------------------------
全部业务范围
编辑：20260507，黄灿平
--------------------------*/
.index-add{ width:1200px; margin:0 auto; padding:50px 0;}
.index-add h2{ padding:10px 0 50px 0; font-size:32px; color:#fff; font-weight:700; text-align:center;}
.index-add ul{ 
    display: flex;
    flex-wrap: wrap;
    gap: 20px;          /* 行间隙与列间隙均为 20px */
}
.index-add ul li{
    padding:10px;
    color: #fff;
    font-size: 16px;
    border:1px solid rgba(255,255,255, 0.5);
    border-radius: 6px;
    text-align: center;
    background:rgba(255,255,255, 0.2);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    /* 可选：增加过渡效果，鼠标悬浮时阴影加深 */
    transition: box-shadow 0.3s ease;
    /* 计算每个 item 的宽度：(100% - 5 个间隙) / 6 */
    flex: 0 0 calc((100% - 20px * 5) / 6);
    /* 防止内容溢出影响宽度计算 */
    box-sizing: border-box;
}
.index-add ul li:hover{ box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);}

/*-------------------------
主要业务范围
编辑：20260506，黄灿平
--------------------------*/
.index-yewu{ width:1200px; margin:0 auto; padding:30px 0 20px 0;}
.index-yewu>ul{ 
    display:flex;
    gap:20px;
    justify-content: space-between; /* 两端对齐，中间均匀分布 */}
.index-yewu>ul li{ width: calc(100% / 4); /* 严格6等分 */ }
.index-yewu>ul li>div{ 
    position:relative; 
    display:block;
    padding:30px;
    text-align:center;
    background:#ffffff;
    border-radius:8px;
}
.index-yewu>ul li>div::before{ position:absolute; left:20px; top:30px; font-size:48px;}
.index-yewu>ul li:nth-child(1)>div::before{ color:rgba(98, 208, 244, .2);}
.index-yewu>ul li:nth-child(2)>div::before{ color:rgba(61, 180, 249, .2);}
.index-yewu>ul li:nth-child(3)>div::before{ color:rgba(239, 222, 151, .2);}
.index-yewu>ul li:nth-child(4)>div::before{ color:rgba(254, 152, 97, .2);}
.index-yewu>ul li:nth-child(1)>div{ border:1px solid rgba(98, 208, 244, .16);
    background: -webkit-gradient(linear,left bottom,left top,from(#fff),to(#e6f7fd));
    background: linear-gradient(0deg,#fff,#e6f7fd);
}
.index-yewu>ul li:nth-child(2)>div{ border:1px solid rgba(61, 180, 249, .16);
    background: -webkit-gradient(linear,left bottom,left top,from(#fff),to(#e1f3fe));
    background: linear-gradient(0deg,#fff,#e1f3fe);
}
.index-yewu>ul li:nth-child(3)>div{ border:1px solid rgba(239, 222, 151, .16);
    background: -webkit-gradient(linear,left bottom,left top,from(#fff),to(#fffae6));
    background: linear-gradient(0deg,#fff,#fffae6);
}
.index-yewu>ul li:nth-child(4)>div{ border:1px solid rgba(254, 152, 97, .16);
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#fff2e5));
    background: linear-gradient(0deg, #fff, #fff2e5);
}
/*-----内容文字-----*/
.index-yewu>ul li span{
    display:block;
    padding-bottom:20px;
    font-size: 22px;
    font-weight: 700;
}
.index-yewu>ul li p{ padding-top:20px; line-height:25px; font-size:16px; font-weight:400; color:#646976; text-align:left;}
.index-yewu>ul li div div a{ display:block; font-size:14px;}
.index-yewu>ul li>div div{ padding-top:20px;}
.index-yewu>ul li:nth-child(1) span, .index-yewu>ul li:nth-child(1) a{ color: rgba(98, 208, 244, 1)}
.index-yewu>ul li:nth-child(2) span, .index-yewu>ul li:nth-child(2) a{ color: rgba(26, 145, 214, 1)}
.index-yewu>ul li:nth-child(3) span, .index-yewu>ul li:nth-child(3) a{ color: rgba(255, 174, 51, 1)}
.index-yewu>ul li:nth-child(4) span, .index-yewu>ul li:nth-child(4) a{ color: rgba(255, 108, 51, 1)}

/*-------------------------
       案例模块
--------------------------*/
.index-anLi{ width:1200px; margin:0 auto 20px auto; padding:30px; box-sizing:border-box; background:#fff;}
.index-anLi h2{ position:relative; padding-bottom:20px; font-size:22px; font-weight:700; color:#454545;}
.index-anLi h2 .more{ position:absolute; right:5px; top:0; font-size:14px; font-weight:400; color:#999;}
.index-anLi h2 .more:hover{ color:#007efe;}
.index-anLi-list{
    display:flex;
    gap:20px;
    flex-wrap:nowrap;
}
.index-anLi-list .mk{ vertical-align:top; flex: 1;          /* 平分剩余宽度 → 均匀排列 */}
.index-anLi-list .mk h3{ padding-bottom:5px; text-align:left; line-height:35px; font-weight:600; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	transition: all .3s;
    -webkit-transition: all .3s;}
.index-anLi-list .mk h3 span{ color:#ff0000;}
.index-anLi-list .mk .b .text-content{ font-size:14px; line-height:30px; color:#666;}
.embed-img {
    width: 100%;
    margin: 0.2rem 1.5rem 0.8rem 0;
    border-radius: 1rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s;
    display: block;
}
.embed-img:hover {
    transform: scale(1.01);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

/*-------------------------
       新闻模块
--------------------------*/
.index-news{ margin:15px auto 30px auto; width:1200px;}
.index-news-list{ padding:15px 30px; box-sizing:border-box; text-align:center; background:#fff; overflow hidden; 
    display: flex;
    gap: 30px;        /* 中间间隔 20px */
    flex-wrap: nowrap; /* 不换行（默认就是 nowrap，可省略） */
}
.index-news-mk{ vertical-align:top; text-align:left;
    flex: 1;          /* 平分剩余宽度 → 均匀排列 */
    /* 重要：防止内容过长破坏等宽（允许换行或截断） */
    min-width: 0;          /* 允许收缩到零宽，配合 word-break */
    word-break: break-word;/* 长单词/URL 换行 */
}
/*头部*/
.index-news-mk h4{ position:relative; height:50px; line-height:50px; font-weight:normal; font-size:18px; color:#666; border-bottom:1px solid #e6e6e6;}
.index-news-mk h4 span{ display:inline-block; height:50px; margin-bottom:0px; color:#454545; font-weight:bold; border-bottom:2px solid #999;font-size:18px;}
.index-news-mk h4 .more{ position:absolute; right:5px; top:0; font-size:14px; color:#999;}
.index-news-mk h4 .more:hover{ color:#007efe;}
/*内容*/
.midcon{position: relative;height:120px;}
.midcon  .pic{ position:absolute; top:20px; left:0px; height:95px; display:block; width:145px;}
.midcon  .pic img{ width:140px; height:96px;}
.midcon .rmes{position:absolute;top:20px;right:0px;height:110px;width:255px;}
.midcon .rmes .rtitle{font-size:16px;color:#333333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.midcon .rmes .tips{ padding-top:10px; font-size:14px; color:#999;}
.midcon .rmes .tips a{ display:inline-block; margin-top:5px; color:#ef5353;}
.index-news-mk ul{ padding-top:10px;}
.index-news-mk ul li{position:relative; height:39px; line-height:39px;}
.index-news-mk ul li a {display:block; width:100%; color:#555; font-size:16px; text-decoration:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index-news-mk ul li a:hover{color:#cb660d;}
.index-news-mk ul li a i{ float:left; display:block; width:4px; height:4px; margin:20px 10px 0 0; border-radius:4px; background:#bbb;}
.index-news-mk ul li a em{ display:inline-block; width:28px; height:11px; background:url(../img/content/new_ico.gif) left top no-repeat;}/*最新发布的文章添加NEW小图标记*/
.index-news-mk ul li span{position:absolute;top:0px;right:0; display:inline-block; color:#bebebe;}
.index-news-mk ul li p{ text-align:center; color:#999;}