.slideshow {
    height: 500px;
    object-fit: cover;
}

/* 覆盖 Swiper 遮罩，增加文字可读性 */
.swiper-slide {
    position: relative;
}
.swiper-slide::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); /* 半透明黑色遮罩 */
    z-index: 1;
}
.swiper-slide .container {
    position: relative;
    z-index: 2;
}

/* 核心业务样式 - 仿 ynhl.net */
.fl {float: left;}
.fr {float: right;}

.service-bottom{ overflow:hidden; margin:0 auto 2% auto;}
.service-bottom .service-list .service-item { width: 16.66%; float: left; text-align: center; background: none; border: none; padding: 0;}
.service-bottom .service-list .service-item:hover .service-icon01 a { background: url("../images/ynhl/seico01-h.png") no-repeat center; background-size:cover;}
.service-bottom .service-list .service-item:hover .service-icon02 a { background: url("../images/ynhl/seico02-h.png") no-repeat center; background-size:cover;}
.service-bottom .service-list .service-item:hover .service-icon03 a { background: url("../images/ynhl/seico03-h.png") no-repeat center; background-size:cover;}
.service-bottom .service-list .service-item:hover .service-icon04 a { background: url("../images/ynhl/seico04-h.png") no-repeat center; background-size:cover;}
.service-bottom .service-list .service-item:hover .service-icon05 a { background: url("../images/ynhl/seico05-h.png") no-repeat center; background-size:cover;}
.service-bottom .service-list .service-item:hover .service-icon06 a { background: url("../images/ynhl/seico06_h_fixed.svg") no-repeat center; background-size:cover;}
.service-bottom .service-list .service-item:hover h3 a { color: #0166ce;}
.service-bottom .service-list .service-item .service-icon { text-align: center;}
.service-bottom .service-list .service-item .service-icon a { display: inline-block; height: 80px; width: 80px; margin: 0 auto; }
.service-bottom .service-list .service-item .service-icon01 a {  background: url("../images/ynhl/seico01.png") no-repeat center; background-size:cover;}
.service-bottom .service-list .service-item .service-icon02 a {  background: url("../images/ynhl/seico02.png") no-repeat center; background-size:cover;}
.service-bottom .service-list .service-item .service-icon03 a { background: url("../images/ynhl/seico03.png") no-repeat center; background-size:cover;}
.service-bottom .service-list .service-item .service-icon04 a { background: url("../images/ynhl/seico04.png") no-repeat center; background-size:cover;}
.service-bottom .service-list .service-item .service-icon05 a { background: url("../images/ynhl/seico05.png") no-repeat center; background-size:cover;}
.service-bottom .service-list .service-item .service-icon06 a { background: url("../images/ynhl/seico06_fixed.svg") no-repeat center; background-size:cover;}
.service-bottom .service-list .service-item h3 { margin: 25px 0 15px;}
.service-bottom .service-list .service-item h3 a { color: #3f3f3f; font-size: 20px; font-weight: 600;}
.service-bottom .service-list .service-item p {text-align:left; color: #888888; font-size: 14px; line-height: 24px; padding: 0 10px;}

.huibg{width: 100%; background: #eaeaea; overflow:hidden; padding-bottom: 30px;}
.anli{width: 100%; overflow: hidden; padding:0 10px; list-style: none;}
.anli li{width: 25%; padding: 0 10px;margin-bottom: 20px;  float: left; overflow: hidden;}
.anli li a{display: block; }
.anli li .img{width: 100%; overflow: hidden; position:relative; }
.anli li .img img{width: 100%; display: block;}
.anli li .img .txts{ position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); top:100%; left:0; color: #ffffff; -webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.anli li .img .txts a{ display: block;height: 100%; overflow: hidden; text-align: center;}
.anli li .img .txts span{color: #fff; line-height:2.5;display: inline-block;width: 62px;margin:26% 12px 0 12px;font-size: 16px;}
.anli li .img .txts span i {width: 48px; height: 48px; display: block;margin: 0 auto;border-radius:50%; -webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.anli li .img .txts span i.bgs1 {background: url(../images/ynhl/i_pic1.png) center top no-repeat;}
.anli li .img .txts span i.bgs2 {background: url(../images/ynhl/i_pic2.png) center top no-repeat;}
.anli li .img .txts span i.bgs3 {background: url(../images/ynhl/i_pic3.png) center top no-repeat;}
.anli li:hover .img .txts, .anli li:active .img .txts{ top: 0;  }
.anli li .img .txts span i:hover{ background-color:#0166ce;transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
.anli li .zi{position: relative; overflow: hidden;background: #fff;  width: 100%; text-align: center;}
.anli li .zi a{padding:16px 16px; display:block;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.anli li p{font-size: 18px;color: #161616; position: relative; z-index: 1;-webkit-transition:all 0.4s;-o-transition: all 0.4s;transition: all 0.4s; margin: 0;}
.anli li .zi:after{ position: absolute; left: 0; bottom:100px; content: ""; width: 100%; height: 100px; background:#0166ce;; display: block; -webkit-transition:all 0.4s;-o-transition:all 0.4s;transition: all 0.4s;}
.anli li:hover .zi:after, .anli li:active .zi:after{bottom:0px;}
.anli li:hover .zi p, .anli li:active .zi p,
.anli li:hover .zi a, .anli li:active .zi a { color: #ffffff !important; }
.anli li .more{font-size: 14px;color: #161616; font-style:italic; background: url(../images/ynhl/anli-morebg.png) no-repeat right center; padding-right: 25px; margin-top: 15px;}
.anli li:hover .more, .anli li:active .more{transform:translateX(-10px); -webkit-transform:translateX(-10px);-o-transform:translateX(-10px); -ms-transform:translateX(-10px); -moz-transform:translateX(-10px);}

.jianshe{width: 100%; display: table; margin: 0 auto; padding: 4% 0; overflow: hidden;}
.jianshe li{width: 100%; float: left; position: relative; margin-bottom: 0; padding: 0;}
.jianshe li>img{width: 50%; display: block; height: auto;}
.jianshe .zi{width: 50%;color: #fff; padding: 4%; position: absolute; top: 0; right: 0; height: 100%; box-sizing: border-box;}
.jianshe .zi2{left: 0; right: auto;}

.jianshe .zi h3{
    line-height: 0.4; 
    font-size: 200px; 
    opacity: 0.1; 
    color: #fff;
    text-align: right; 
    font-weight: bold; 
    letter-spacing: -8px; 
    font-family: Arial;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 20px;
    right: 20px;
}
.jianshe .zi2 h3 {
    left: 20px;
    right: auto;
    text-align: left;
}

.jianshe .zi b{line-height: 1.1; font-size: 32px; display: block; margin-top:100px; position: relative; z-index: 2;}
.jianshe .zi span{ font-size: 34px; display: block;}
.jianshe .zi .zitxt{line-height: 2; font-size:16px; margin-top:20px; position: relative; z-index: 2;}
.jianshe .zi .zitxt p {color: #fff; opacity: 0.9; text-align: justify;}

/* 背景色 */
.jianshe .bj1{background: #ff5732;}
.jianshe .bj2{background: #4d2e83;}
.jianshe .bj3{background: #10af5d;}
.jianshe .bj4{background: #996699;}
.jianshe .bj5{background: #ff9900;}
.jianshe .bj6{background: #00a1c2;}

/* 服务流程样式 - 仿 ynhl.net */
.yl-FwCon { color: #fff; text-align: center; overflow:hidden; margin:0 auto 3% auto; width:100%; height:370px; }
.yl-FwCondt{width:15%;height: 100%;background: #00a0e9;font-size: 20px;font-weight: bold;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;float: left;cursor: pointer;}
.yl-FwCondt p{width: 22px;line-height: 40px;margin: 0 auto;padding-top: 140px;}

.yl-FwCondd{float: right; width:81%;height:100%;}
.yl-FwCondd ul{float: left; width: 100%; height:100%; overflow:hidden; padding-left: 0; margin-bottom: 0;}
.yl-FwCondd ul li{width: 100%; float:left; height: 48%;padding: 1px; background: #00a0e9;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;cursor: pointer;}
.yl-FwCondd ul li div{width: 28px;height: 28px;background: #fff;color:#00a0e9;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;line-height: 28px;margin:20px auto 0;font-size:16px;}
.yl-FwCondd ul li h3{font-size: 16px;font-weight: bold;margin-top: 12px;}
.yl-FwCondd ul li p{margin:10px 10px 0 10px; font-size: 14px;}
.yl-FwCondd ul div.h5{ height:4%; float:left; width: 100%;  }

.yl-Wid01{ width:20%; height:100%;}
.yl-FwConMK{float: left;}
.yl-Wid02{ width:58%; margin:0 1%; height:100%;}
.yl-Wid02 .yl-FwCondt{width:5%;}

.yl-Wid02 .yl-FwCondt{background: #00a0e9;}
.yl-Wid02 .yl-FwCondd { width:95%}
.yl-Wid02 .yl-FwCondd ul{margin-left:2%; width:31.33%; }
.yl-Wid02 .yl-FwCondd ul li{width: 100%;height: 48%;  background: #00a0e9; float:left; }
.yl-Wid02 .yl-FwCondd ul li div{color:#00a0e9;}

.yl-Wid03{ width:20%; height:100%; }
.yl-Wid03 .yl-FwCondt{background: #00a0e9;}
.yl-Wid03 .yl-FwCondd ul{margin-right: 0;}
.yl-Wid03 .yl-FwCondd ul li{background: #00a0e9;}
.yl-Wid03 .yl-FwCondd ul li div{color:#00a0e9;}

.yl-Wid01 .yl-FwCondt:hover, .yl-Wid01 .yl-FwCondd ul li:hover,
.yl-Wid02 .yl-FwCondt:hover, .yl-Wid02 .yl-FwCondd ul li:hover,
.yl-Wid03 .yl-FwCondt:hover, .yl-Wid03 .yl-FwCondd ul li:hover {background: #00a0e9;}

/* 合作流程样式 */
.new_cooperate_list { margin-bottom: 3%;}
.new_cooperate_list ul { padding-left: 0; }
.new_cooperate_list li { padding: 20px 30px; border:1px solid #dcdcdc; border-radius:10px; width: 23.85%; height: 150px; margin-right: 1.5%; margin-bottom: 1.5%; background-size: cover !important;  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center;  justify-content: center;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -ms-flex-direction: column;  flex-direction: column; float: left; list-style: none;}
.new_cooperate_list li:nth-child(4n) { margin-right: 0;}
.new_cooperate_list li h3 { margin-bottom: 15px; font-size: 24px; color: #333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.new_cooperate_list li h3 img { margin-right: 5px; width: 45px; height: 45px; -o-object-fit: contain; object-fit: contain; }  
.new_cooperate_list li p { font-size: 14px; color: #666;line-height: 20px; }

/* 标题样式 */
.dtit{padding:3% 0; text-align: center;}
.dtit span,.dtit h1{font-size: 40px; color: #161616; display: block;}
.dtit p{font-size: 16px; color: #888888}

/* 推荐新闻样式 - 已移除，替换为新版列表样式 */

/* 新闻列表样式 */
.homenews { overflow: hidden; margin-bottom: 3%; }
.in_news { width: 48%; }
.news-top h3 { font-size: 18px; line-height: 1.4; margin-bottom: 10px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-top h3 a { color: #333; }
.news-top h3 a:hover { color: #0166ce; }
.news-top p { font-size: 14px; color: #888; line-height: 24px; height: 48px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 15px; }
.news-line { height: 1px; background: #e5e5e5; margin-bottom: 15px; }

.in_news-b { width: 100%; }
.in_news-b li { width: 50%; float: left; line-height: 36px; height: 36px; overflow: hidden; font-size: 14px; position: relative; padding-left: 15px; box-sizing: border-box; }
.in_news-b li:before { content: ""; position: absolute; left: 0; top: 16px; width: 4px; height: 4px; background: #ccc; border-radius: 50%; }
.in_news-b li a { color: #555; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.in_news-b li a:hover { color: #0166ce; }

/* 电脑端宽屏调整 */
@media (min-width: 1200px) {
    .container {
        max-width: 1400px;
    }
}

/* 内页 Banner 样式 */
.inner-banner {
    width: 100%;
    height: 300px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}
.inner-banner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}
.inner-banner .container {
    position: relative;
    z-index: 2;
}
.inner-banner h1 { font-size: 36px; margin-bottom: 10px; font-weight: bold;}
.inner-banner p { font-size: 18px; opacity: 0.9; }

/* 移动端响应式样式 */
@media (max-width: 768px) {
    /* 全局调整 */
    .container { width: 95%; margin: 0 auto; padding: 0; }
    .fl, .fr { float: none; width: 100%; }
    .slideshow {height: 300px;object-fit: cover;}
	.text-light { display: none; }
    /* 核心业务 (.jianshe) */
    .jianshe { padding: 20px 0; }
    .jianshe li>img { width: 100%; float: none; }
    .jianshe .zi { width: 100%; position: relative; float: none; height: auto; padding: 20px; background: inherit; } 
    .jianshe .zi h3 { font-size: 60px; top: 10px; right: 10px; opacity: 0.1; }
    .jianshe .zi b { font-size: 24px; margin-bottom: 10px; }
    .jianshe .zi span { font-size: 20px; }
    .jianshe .zi .zitxt p { font-size: 14px; line-height: 1.6; }

    /* 全链路加持 (.service-bottom) */
    .service-bottom .service-list .service-item { width: 50%; margin-bottom: 20px; }
    .service-bottom .service-list .service-item h3 a { font-size: 16px; }
    .service-bottom .service-list .service-item .service-icon a { width: 60px; height: 60px; }
    
    /* 探索视觉体验创新 (.anli) */
    .anli { padding: 0; }
    .anli li { width: 50%; padding: 5px; margin-bottom: 10px; }
    .anli li .zi a { padding: 10px; font-size: 14px; }
    .anli li p { font-size: 14px; }
    
    /* 服务流程 (.yl-FwCon) */
    .yl-FwCon { height: auto; margin-bottom: 20px; }
    .yl-FwConMK, .yl-Wid01, .yl-Wid02, .yl-Wid03 { width: 100% !important; height: auto !important; margin: 0 0 10px 0 !important; float: none; }
    .yl-FwCondt { width: 100%; height: 40px; float: none; }
    .yl-FwCondt p { padding-top: 0; line-height: 40px; }
    .yl-FwCondd { width: 100%; float: none; height: auto; overflow: hidden; }
    .yl-FwCondd ul { width: 100% !important; margin: 0 !important; height: auto; padding: 10px 0; }
    .yl-FwCondd ul li { height: auto; margin-bottom: 5px; padding: 10px; width: 100%; float: none; }
    .yl-FwCondd ul li div { margin: 0 auto 5px; }
    .yl-FwCondd ul div.h5 { display: none; }

    /* 新闻资讯 (.homenews) */
    .homenews { margin-bottom: 20px; }
    .in_news { width: 100%; float: none; margin-bottom: 30px; }
    .news-top h3 { font-size: 18px; line-height: 1.4; } 
    .in_news-b li { width: 50%; float: left; height: 30px; line-height: 30px; padding: 0 0 0 15px; font-size: 13px; }
    .in_news-b li:before { top: 13px; }

    /* 合作流程 (.new_cooperate_list) */
    .new_cooperate_list li { width: 48%; margin-right: 4%; margin-bottom: 10px; padding: 15px; height: auto; min-height: 120px; }
    .new_cooperate_list li:nth-child(2n) { margin-right: 0; }
    .new_cooperate_list li h3 { font-size: 16px; margin-bottom: 10px; }
    .new_cooperate_list li h3 img { width: 30px; height: 30px; }
    .new_cooperate_list li p { font-size: 12px; }
    
    /* 标题 (.dtit) */
    .dtit { padding: 20px 0; }
    .dtit span, .dtit h1 { font-size: 24px; }
    .dtit p { font-size: 14px; padding: 0 10px; }
    
    /* 内页 Banner 移动端调整 */
    .inner-banner { height: 200px; }
    .inner-banner h1 { font-size: 24px; }
    .inner-banner p { font-size: 14px; }
    
    /* 导航栏调整 */
    .xnav .xlogo img { height: 36px; margin-top: 5px; }
    .xnav .xlogo { margin-top: 22px; width: auto; }
    .xtel { display: none; } /* 移动端隐藏电话，使用底部栏 */
    .xnavls { display: none; } /* 简单的隐藏PC导航，实际应该做汉堡菜单 */
    
    /* 移动端汉堡菜单简单实现 (需要JS支持，这里先做简单适配) */
    /* 建议保留原有的 Bootstrap Navbar 结构在移动端，或者重写一套 */
    /* 由于时间限制，我们这里混合使用：PC使用xnav，移动端使用Bootstrap Nav? */
    /* 或者我们让xnav在移动端也能看 */
}

/* 修复容器样式，兼容Bootstrap */
.container {
    padding-right: 15px;
    padding-left: 15px;
}

/* 侧边栏样式 */
.left-nav .left-title h3 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    border-bottom: 2px solid #0166ce; /* ynhl blue */
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.left-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #eee;
    background: #fff;
}
.left-menu li {
    border-bottom: 1px solid #eee;
}
.left-menu li:last-child {
    border-bottom: none;
}
.left-menu li a {
    display: block;
    padding: 12px 20px;
    color: #666;
    font-size: 15px;
    transition: all 0.3s;
    text-decoration: none;
    background: url(../images/ynhl/arrow-right.png) no-repeat 95% center; /* Optional: add arrow icon if available, otherwise remove */
}
.left-menu li a:hover, .left-menu li.active a {
    background-color: #0166ce;
    color: #fff;
}
.left-contact p {
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
}