/*
Theme Name:  成都禹乾工程设计咨询有限公司
Theme URI:   http://www.cdyuqian.cn
Description:  下拉菜单+轮播+首页板块+防盗+懒加载+视频加速
Author:      定制开发
Version:     2.5 阿里普惠体商用版
*/

/* 全局初始化 */
*{margin:0;padding:0;box-sizing:border-box;} /* 清除默认边距，盒模型标准化 */
html{width:100%;} /* 网页最小宽度，防止缩放错乱 */
body{min-width:1300px;width:100%;overflow-x:auto;font-family:'Inter','AlibabaPuHuiTi-2',sans-serif;color:#333;padding-top:0;} /* 页面基础样式 */
ul{list-style:none;} /* 清除列表默认样式 */
a{text-decoration:none;} /* 清除链接下划线 */
img{max-width:100%;height:auto;display:block;user-select:none;pointer-events:none;} /* 图片自适应+防下载 */
.container{width:1300px;margin:0 auto;padding:0 15px;} /* 页面容器居中 */
h1,h2,h3,h4,h5,h6,.site-top,.main-nav,.section-title{font-family:'Inter','Noto Sans SC',sans-serif;} /* 标题统一字体 */
/* 轮播图 —— 关键修复：去掉顶部空白 */
.banner{margin-top:0; /* 去掉顶部默认间距 */width:100%; /* 宽度铺满屏幕 */min-width:1300px; /* 最小宽度，保证不压缩变形 */height:800px; /* 轮播高度固定800px */background:url(https://www.cdyuqian.cn/wp-content/uploads/2026/05/2.jpg) center no-repeat; /* 背景图居中、不重复 */background-size:cover; /* 背景图自动铺满容器 */position:relative; /* 相对定位，给子元素定位用 */overflow:hidden; /* 超出部分隐藏，防止轮播溢出 */}
.slide-text{position:absolute; /* 绝对定位，用于居中动画 */left:5%; /* 统一水平位置 */top:50%; /* 统一垂直基准 */transform:translateY(-50%); /* 垂直居中对齐 */opacity:0; /* 默认隐藏状态 */padding:0; /* 清除内边距 */background:transparent; /* 外层透明 */z-index:2; /* 层级高于背景 */width:630px; /* 统一图片容器宽度 */box-sizing:border-box; /* 盒模型固定尺寸 */}
.slide-text:only-child{animation:none;opacity:1;} /* 单张图取消动画直接显示 */
.slide-text:nth-child(1){animation:img1 12s infinite linear;} /* 第一张专属动画：12秒循环匀速播放 */
.slide-text:nth-child(2){animation:img2 12s infinite linear;} /* 第二张专属动画：12秒循环匀速播放 */
.slide-img-wrap{padding:20px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;transition:background 0.3s;} /* 图片内间距、圆角、无边框、居中布局、背景过渡 */
.slide-text img{display:block; /* 消除图片默认留白间隙 */width:100%; /* 宽度自适应容器 */height:auto; /* 高度等比例缩放 */background:transparent;border:none;max-width:100%;} /* 图片基础纯净样式 */
.slide-text h3{display:none;} /* 隐藏标题文本 */
.slide-text p{display:none;} /* 隐藏描述文本 */
@keyframes img1{0%{opacity:0;transform:translateY(-50%) translateX(-100px);} /* 初始状态：透明、左侧外隐藏 */8.33%{opacity:1;transform:translateY(-50%) translateX(0);} /* 第1秒：入场完成、显示 */75%{opacity:1;transform:translateY(-50%) translateX(0);} /* 定格保持显示 */83.33%{opacity:0;transform:translateY(-50%) translateX(-100px);} /* 第9秒：退场隐藏 */100%{opacity:0;transform:translateY(-50%) translateX(-100px);}} /* 等待3秒，循环 */
@keyframes img2{0%{opacity:0;transform:translateY(-50%) translateX(-100px);} /* 初始状态：透明、左侧外隐藏 */25%{opacity:0;transform:translateY(-50%) translateX(-100px);} /* 前2秒：保持隐藏 */33.33%{opacity:1;transform:translateY(-50%) translateX(0);} /* 第3秒：入场完成、显示 */75%{opacity:1;transform:translateY(-50%) translateX(0);} /* 定格保持显示 */83.33%{opacity:0;transform:translateY(-50%) translateX(-100px);} /* 第9秒：退场隐藏 */100%{opacity:0;transform:translateY(-50%) translateX(-100px);}} /* 等待3秒，循环 */
.slide-text:nth-child(1) .slide-img-wrap{background:rgba(10,25,45,0.3);} /* 【核心】第一张图片：定格时显示蒙版 */
.slide-text:nth-child(2) .slide-img-wrap{background:transparent !important;} /* 【核心】第二张图片：全程无蒙版 */
/* 通用标题 */
.section{padding:70px 0;} /* 板块间距 */
.section-title{text-align:center;margin-bottom:45px;width:100%;} /* 标题容器居中 */
.section-title h2{font-size:28px;font-weight:600;color:#005599;letter-spacing:1px;line-height:1.2;position:relative;display:inline-block;padding-bottom:15px;margin:0;} /* 标题文字样式 */
.section-title h2::after{content:'';width:60px;height:3px;background:#005599;position:absolute;left:50%;bottom:0;transform:translateX(-50%);} /* 标题下划线 */

/* 关于我们 */
.about-section{padding:50px 0;background:url(https://www.cdyuqian.cn/wp-content/uploads/2021/11/2021111508302636.jpg) center no-repeat;background-size:cover;} /* 板块背景 */
.about-wrap{display:flex;align-items:center;justify-content:center;gap:30px;max-width:1300px;margin:0 auto;} /* 左右布局 */
.about-text{width:560px;height:420px;display:flex;align-items:center;font-size:18px;font-weight:400;color:#333;letter-spacing:1.98px;line-height:2.1;text-align:justify;text-indent:2em;padding:0 10px;} /* 左侧文字 */
.about-video{width:560px;height:420px;background:#000;border:1px solid #fff;border-radius:1px;box-shadow:0 0 0 1px #e6e6e6,0 8px 25px rgba(0,0,0,0.15);overflow:hidden;} /* 视频容器 */
.about-video video{width:100%;height:100%;object-fit:cover;pointer-events:none;} /* 视频铺满+禁止操作 */

/* 业务范围 */
.service-section{background:url(https://www.cdyuqian.cn/wp-content/uploads/2026/05/beijing.jpg) no-repeat center/cover;padding:60px 0;} /* 背景样式 */
.service-section .section-title h2{font-size:32px;font-weight:700;color:#fff;line-height:1.3;display:inline-block;padding-bottom:15px;} /* 白色标题 */
.service-section .section-title h2::after{background:#fff;} /* 白色下划线 */
.service-cards{display:flex;max-width:1300px;margin:0 auto;padding:0 20px;gap:20px;} /* 卡片布局 */
.service-card{flex:1;height:460px;background:#fff;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:all 0.35s ease;transform:scale(1);position:relative;z-index:1;display:flex;flex-direction:column;padding:35px 25px;text-align:center;} /* 卡片基础样式 */
.service-card:hover{transform:scale(1.06);background:#005599;box-shadow:0 10px 30px rgba(22,133,242,0.2);z-index:10;} /* 卡片悬浮效果 */
.card-icon{width:55px;height:55px;border:2px solid #005599;border-radius:50%;margin:0 auto 25px;color:#005599;transition:all 0.35s ease;display:flex;align-items:center;justify-content:center;} /* 图标容器 */
.service-card:hover .card-icon{color:#fff;border-color:#fff;background:rgba(255,255,255,0.15);} /* 悬浮图标变色 */
.card-icon svg{width:50px;height:50px;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;} /* SVG图标样式 */
.card-title{font-size:20px;font-weight:600;color:#222;line-height:1.4;margin:0 0 22px;word-break:break-all;transition:color 0.35s ease;text-align:center;} /* 卡片标题 */
.service-card:hover .card-title{color:#fff;} /* 悬浮标题变色 */
.card-desc{list-style:none;padding:0;margin:0 auto;max-width:100%;text-align:center;} /* 描述列表 */
.card-desc li{font-size:16px;color:#555;line-height:1.9;margin-bottom:6px;transition:color 0.35s ease;text-align:center;} /* 描述文字 */
.service-card:hover .card-desc li{color:#fff;} /* 悬浮文字变色 */
.service-card .card-btn{margin-top:auto;align-self:center;} /* 按钮底部居中 */
.card-btn{display:inline-block;padding:11px 30px;background:#005599;color:#fff;border-radius:5px;font-size:14px;text-decoration:none;position:relative;overflow:visible;transition:all 0.32s ease;z-index:1;} /* 按钮基础样式 */
.service-card:hover .card-btn{background:#fff;color:#005599;} /* 悬浮按钮反色 */
.card-btn .default-text{display:inline;} /* 默认文字显示 */
.card-btn .hover-text{display:none;} /* 悬浮文字隐藏 */
.service-card:hover .default-text{display:none;} /* 悬浮隐藏默认文字 */
.service-card:hover .hover-text{display:inline;} /* 悬浮显示新文字 */
.service-card:hover .card-btn::before,.service-card:hover .card-btn::after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:5px;border:2px solid #E0E0E0;transform:translate(-50%,-50%);animation:waveRun 1.2s infinite ease-in-out;z-index:-1;} /* 水波纹动画 */
.service-card:hover .card-btn::after{animation-delay:0.5s;} /* 第二层波纹延迟 */
@keyframes waveRun{0%{transform:translate(-50%,-50%) scale(1);opacity:0.3;}100%{transform:translate(-50%,-50%) scale(1.4);opacity:0;}} /* 波纹动画关键帧 */

/* 业绩轮播 */
.achievement-section{padding:60px 0;overflow:hidden;width:100%;background:url(https://www.cdyuqian.cn/wp-content/uploads/2021/11/2021111508302636.jpg) center no-repeat;background-size:cover;} /* 轮播板块 */
.achievement-section h2{text-align:center!important;margin-bottom:40px!important;width:100%!important;} /* 标题强制居中 */
.swiper-container{width:1300px;margin:0 auto;overflow:hidden;padding:40px 0;height:auto;} /* 轮播容器 */
.swiper-wrapper{display:flex;transition:transform 0.7s ease;} /* 轮播内容容器 */
.swiper-slide{width:210px;height:297px;flex-shrink:0;margin:0 31.25px;transition:all 0.4s ease;position:relative;z-index:1;} /* 轮播项 */
.swiper-slide img{width:100%;height:100%;object-fit:contain;background:#f8f8f8;border-radius:6px;display:block;user-select:none;pointer-events:none;} /* 轮播图片+防下载 */
.swiper-slide.active{transform:scale(1.2);z-index:2;} /* 中间放大 */
.swiper-slide:hover{transform:scale(1.3);z-index:10;} /* 悬浮放大 */

/* 工程案例 */
.case-list{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;} /* 网格布局 */
.case-item img{transition:0.4s;user-select:none;pointer-events:none;} /* 图片过渡+防下载 */
.case-item:hover img{transform:scale(1.05);} /* 悬浮放大 */
.case-item p{font-size:16px;font-weight:500;color:#333;letter-spacing:0.5px;line-height:1.5;text-align:center;padding:12px 0;background:#f5f5f5;} /* 案例文字 */

/* 新闻公告 */
.notice-section .section-title{text-align:center!important;margin-bottom:40px;width:100%;} /* 标题居中 */
.notice-container{max-width:1300px;margin:0 auto;padding:0 20px;} /* 容器 */
.notice-wrap{display:flex;justify-content:space-between;gap:30px;width:100%;} /* 双栏布局 */
.notice-left,.notice-right{width:48%;} /* 左右各半 */
.notice-subtitle{font-size:20px;color:#005599;padding-bottom:12px;border-bottom:2px solid #005599;margin-bottom:20px;text-align:left;} /* 子标题 */
.marquee-box{width:100%;height:380px;overflow:hidden;position:relative;} /* 滚动容器 */
.marquee-content{position:relative;width:100%;} /* 滚动内容 */
.notice-img-list{list-style:none;padding:0;margin:0;} /* 列表清除样式 */
.notice-img-list li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px dashed #eee;} /* 列表项 */
.notice-img-list li a{display:flex;align-items:center;gap:12px;text-decoration:none;width:100%;} /* 链接布局 */
.n-img{width:60px;height:60px;flex-shrink:0;} /* 缩略图容器 */
.n-img img{width:100%;height:100%;object-fit:cover;border-radius:4px;user-select:none;pointer-events:none;} /* 缩略图+防下载 */
.n-title{flex:1;font-size:15px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} /* 标题溢出省略 */
.more-btn{text-align:right;margin-top:15px;} /* 更多按钮右对齐 */
.wave-btn{display:inline-block;padding:6px 16px;background:#005599;color:#fff;font-size:14px;border-radius:4px;text-decoration:none;position:relative;overflow:hidden;z-index:1;transition:all 0.3s;} /* 按钮样式 */
.wave-btn::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,0.25);border-radius:50%;transform:translate(-50%,-50%);transition:all 0.5s ease;z-index:-1;} /* 柔和水波纹 */
.wave-btn:hover::after{width:250%;height:250%;} /* 波纹柔和扩散 */
.wave-btn:hover{background:#0066bb;color:#fff;} /* 悬浮更协调的浅蓝色 */
.section:has(.case-list){display:none!important;} /* 隐藏案例板块 */

/* 商务合作 */
.business-cooperate{width:1300px;margin:30px auto 50px;padding:30px 0;background:transparent;} /* 容器 */
.cooperate-title{text-align:center;font-size:28px;font-weight:700;color:#005599;margin:0 0 15px;font-family:sans-serif;} /* 标题 */
.cooperate-line{width:60px;height:3px;background:#005599;margin:0 auto 35px;border-radius:2px;} /* 分割线 */
.cooperate-container{display:flex;justify-content:space-between;gap:80px;} /* 双栏 */
.cooperate-block{flex:1;} /* 均分 */
.cooperate-sub{font-size:20px;font-weight:600;color:#005599;margin:0 0 16px;font-family:sans-serif;} /* 子标题 */
.cooperate-text-list{margin:0;padding-left:20px;line-height:1.8;font-size:15px;color:#333;font-family:sans-serif;} /* 文本列表 */
.cooperate-text-list li{margin-bottom:10px;} /* 列表项间距 */

/* 全局防下载保护 */
video{pointer-events:none!important;user-select:none!important;} /* 视频禁止操作 */
img{pointer-events:none!important;user-select:none!important;} /* 图片禁止操作 */
*{-webkit-touch-callout:none;} /* 移动端禁止长按 */
/* ======================
   板块滑动从下往上进场动画
====================== */
/* 默认隐藏：向下偏移50px + 透明 */
.section,
.about-section,
.service-section,
.achievement-section,
.notice-section,
.business-cooperate {
  opacity: 0;
  transform: translateY(50px);
  transition: transform 2s ease, opacity 2s ease;
}

/* 进入视口后：显示 + 回到原位 */
.section.animate-in,
.about-section.animate-in,
.service-section.animate-in,
.achievement-section.animate-in,
.notice-section.animate-in,
.business-cooperate.animate-in {
  opacity: 1;
  transform: translateY(0);
}