/* 全局重置&自适应基础 鼎卫蓝白企业官网 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Microsoft YaHei", "PingFang SC", SimHei, sans-serif;
}
:root {
  --main-blue: #0057b9;
  --white: #ffffff;
  --gray-bg: #f7f9fc;
  --orange: #0f2440;
  --text-dark: #333333;
  --text-light: #666666;
  --border-gray: #eeeeee;
}
body {
  color: var(--text-dark);
  background: var(--white);
  overflow-x: hidden;
  line-height: 1.7;
}
ul { list-style: none; }
a { text-decoration: none; color: inherit; }
img { max-width: 100%; display: block; }
.container {
  width: 92%;
  max-width: 1280px;
  margin: 0 auto;
}
/* 响应式断点 */
@media (max-width: 1199px) { .container { width: 94%; } }
@media (max-width: 767px) { .container { width: 96%; } }

/* 头部header 固定导航 */
.header {
  background: var(--white);
  box-shadow: 0 1px 8px rgba(0,0,0,0.08);
  position: sticky;
  top: 0;
  z-index: 999;
}
.header-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
}
.logo {
  width: 140px;
}
.nav-pc { display: flex; gap: 40px; align-items: center; }
.nav-pc li a {
  font-size: 16px;
  color: var(--text-dark);
  padding: 8px 0;
  position: relative;
}
.nav-pc li a.active { color: var(--main-blue); }
.nav-pc li a.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--main-blue);
}
.search-box {
  border: 1px solid #ddd;
  padding: 6px 12px;
  border-radius: 30px;
  margin-left: 10px;
}
.search-box input { border: none; outline: none; width: 120px; }
.lang-switch {
  margin-left: 15px;
  color: var(--main-blue);
  cursor: pointer;
  font-weight: 500;
}
/* 移动端汉堡菜单 */
.hamburger {
  display: none;
  font-size: 26px;
  cursor: pointer;
}
.nav-mobile {
  display: none;
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  background: white;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.nav-mobile li { padding: 12px 0; border-bottom: 1px solid #eee; }
@media (max-width:767px) {
  .nav-pc { display: none; }
  .hamburger { display: block; }
  .header-wrap { height: 70px; }
}

/* 全屏轮播Banner */
.banner { width: 100%; height: 620px; overflow: hidden; position: relative; }
.banner-item { width: 100%; height: 100%; display: none; position: relative; }
.banner-item.active { display: block; }
.banner-item img { width: 100%; height: 100%; object-fit: cover; }
.banner-text {
  position: absolute;
  left: 8%;
  top: 50%;
  transform: translateY(-50%);
  color: white;
}
.banner-text h2 { font-size: 48px; margin-bottom: 12px; font-weight: bold; }
.banner-text p { font-size: 22px; line-height: 1.6; }
@media (max-width:767px) {
  .banner { height: 320px; }
  .banner-text h2 { font-size: 28px; }
  .banner-text p { font-size: 16px; }
}
/* banner淡入淡出动画 */
.banner-item {
  width: 100%;
  height: 100%;
  display: none;
  position: relative;
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
}
.banner-item.active {
  display: block;
  opacity: 1;
}
/* 轮播左右箭头 */
.banner-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  background: rgba(255,255,255,0.25);
  color: #fff;
  font-size: 24px;
  border-radius: 50%;
  text-align: center;
  line-height: 48px;
  cursor: pointer;
  z-index: 10;
}
.banner-arrow:hover {
  background: rgba(255,255,255,0.45);
}
.arrow-left { left: 30px; }
.arrow-right { right: 30px; }
/* 轮播小圆点指示器 */
.banner-dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 10;
}
.dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255,255,255,0.4);
  cursor: pointer;
}
.dot.active {
  background: #fff;
}

/* 模块通用标题 */
.mod-title {
  text-align: center;
  padding: 30px 0 40px;
}
.mod-title h3 {
  font-size: 32px;
  color: #0f2440;
  position: relative;
  display: inline-block;
}
.mod-title h3::after {
  content: "";
  width: 60px;
  height: 3px;
  background: #0f2440;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width:767px) {
  .mod-title h3 { font-size: 24px; }
}

/* 热销产品横向滚动 */
.hot-product-wrap {
  display: flex;
  gap: 24px;
  overflow-x: auto;
  padding-bottom: 20px;
  scroll-snap-type: x mandatory;
}
.hot-product-wrap::-webkit-scrollbar { height: 4px; }
.hot-product-wrap::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }
.hot-card {
  width: 230px;
  scroll-snap-align: start;
  border: 1px solid var(--border-gray);
  border-radius: 8px;
  overflow: hidden;
}
.hot-card img { height: 180px; object-fit: contain; background: #fafafa; }
.hot-card .txt { padding: 16px; }
.hot-card h4 { font-size: 16px; margin-bottom: 8px; }
.hot-card p { font-size: 13px; color: var(--text-light); line-height: 1.5; margin-bottom:12px; height:40px}
.btn-orange {
  display: block;
  width: 100%;
  text-align: center;
  padding: 8px 0;
  background: #0f2440;
  color: white;
  border-radius: 4px;
  font-size: 14px;
  transition: 0.2s;
}
.btn-orange:hover { opacity: 0.9; }

/* 新闻列表模块 */
.news-list { display: grid; grid-template-columns: 1fr 1fr; gap:30px; }
.news-item { display: flex; gap:16px; }
.news-item img { width: 240px; height: 200px; object-fit: cover; }
.news-info h4 { font-size:16px; margin-bottom:6px; }
.news-info .date { color:#999; font-size:13px; }
@media (max-width:767px) {
  .news-list { grid-template-columns:1fr; }
  .news-item { flex-direction: column; }
  .news-item img { width:100%; height:160px; }
}

/* 页脚Footer */
.footer { background: #0f2440; color: #ccc; padding: 60px 0 30px; margin-top: 80px; }
.footer-wrap { display: grid; grid-template-columns: 1fr 1fr 1fr; gap:40px; }
.footer-logo { width:130px; margin-bottom:16px; }
.footer-col h4 { color:white; margin-bottom:20px; font-size:18px; }
.footer-col li { margin-bottom:10px; font-size:14px; }
.footer-col li a:hover { color:var(--orange); }
.copyright { text-align:center; padding-top:30px; margin-top:40px; border-top:1px solid #273b58; font-size:13px; }
@media (max-width:767px) {
  .footer-wrap { grid-template-columns:1fr; gap:30px; }
}

/* 产品中心Tab切换 */
.pro-tab { display:flex; justify-content:center; gap:12px; margin-bottom:40px; flex-wrap: wrap; }
.pro-tab span {
  padding:8px 24px;
  border:1px solid var(--main-blue);
  border-radius:4px;
  cursor:pointer;
  transition:0.2s;
}
.pro-tab span.active { background:#0f2440; border-color:#0f2440; color:white; }
.pro-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:24px; }
@media (max-width:992px) { .pro-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width:767px) { .pro-grid { grid-template-columns:1fr; } }
@media (max-width:767px) {
  .pro-tab { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-bottom:24px; }
  .pro-tab a { display:block; }
  .pro-tab a:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .pro-tab span { display:block; width:100%; box-sizing:border-box; text-align:center; padding:8px 12px; font-size:14px; }
  .product-page-wrap .product-row-card { border-radius:8px; margin-bottom:16px; }
  .product-page-wrap .row-img img { max-height:220px; }
}

/* 联系我们表单 */
.contact-wrap { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.form-item { margin-bottom:18px; }
.form-item label { display:block; margin-bottom:6px; font-weight:500; }
.form-item input, .form-item textarea {
  width:100%;
  padding:10px;
  border:1px solid #ddd;
  border-radius:4px;
  outline:none;
}
textarea { min-height:120px; resize:none; }
.submit-btn {
  width:100%;
  padding:12px;
  background:#0f2440;
  color:white;
  border:none;
  border-radius:4px;
  font-size:16px;
  cursor:pointer;
  transition:0.2s;
}
.submit-btn:hover { opacity:0.9; }
@media (max-width:767px) {
  .contact-wrap { grid-template-columns:1fr; }
}

/* 企业文化卡片 */
.culture-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:20px; margin:40px 0; }
.culture-card { padding:24px; border:1px solid var(--border-gray); border-radius:8px; }
@media(max-width:767px){
  .culture-grid { grid-template-columns: 1fr; }
}

/* 实力展示四宫格 */
.strength-grid { display:grid; grid-template-columns: repeat(2,1fr); gap:30px; margin:40px 0; }
.strength-card { text-align:center; padding:20px; }
@media(max-width:767px){
  .strength-grid { grid-template-columns: 1fr; }
}
/* 首页企业数据动画模块 */
.data-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  text-align: center;
}

.data-card {
  background: #f0f6ff;
  padding: 24px 20px;
  border-radius: 8px;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.data-card.show {
  opacity: 1;
  transform: translateY(0);
}

.data-number {
  color: var(--main-blue);
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 8px;
  line-height: 1;
}

.data-card p {
  font-size: 15px;
  color: var(--text-light);
  margin: 0;
}

/* 移动端适配 */
@media (max-width: 992px) {
  .data-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .data-grid {
    grid-template-columns: 1fr;
  }

  .data-number {
    font-size: 32px;
  }
}
/* 热销产品走马灯｜无滚动条无限轮播 */
.hot-marquee-wrap {
  width: 100%;
  overflow: hidden; /* 关键：隐藏溢出内容，彻底去掉滚动条 */
}
.hot-marquee-list {
  display: flex;
  gap: 24px;
}
.hot-card {
  min-width: 260px;
  flex-shrink: 0;
  border: 1px solid var(--border-gray);
  border-radius: 8px;
  overflow: hidden;
}
/* 图片外层容器 固定高度，flex实现水平+垂直居中 */
.img-box{
  height: 180px;
  display: flex;
  justify-content: center; /*水平居中*/
  align-items: center;     /*垂直居中*/
  padding:8px;
}
.img-box img {
  max-width:100%;
  max-height:100%;
  object-fit: contain;
}
.hot-card .txt {
  padding: 16px;
}
.hot-card h4 {
  font-size: 16px;
  margin-bottom: 8px;
}
.hot-card p {
  font-size: 13px;
  color: var(--text-light);
  line-height: 1.5;
  margin-bottom:12px;
}
.btn-orange {
  display: block;
  width: 100%;
  text-align: center;
  padding: 8px 0;
  background: #0f2440;
  color: white;
  border-radius: 4px;
  font-size: 14px;
  transition: 0.2s;
}
.btn-orange:hover {
  opacity: 0.9;
}

@media (max-width:767px) {
  .img-box{
    height:140px;
  }
}
 /* 新闻详情专属样式 */
    .bread {
      padding:20px 0;
      font-size:14px;
      color:#666;
    }
    .bread a {
      color:var(--main-blue);
    }
    .news-detail-box {
      background:#fff;
      padding:40px;
      border-radius:8px;
      box-shadow:0 0 12px rgba(0,0,0,0.05);
    }
    .news-title {
      font-size:28px;
      color:#333;
      line-height:1.4;
      margin-bottom:16px;
    }
    .news-meta {
      color:#999;
      font-size:14px;
      padding-bottom:20px;
      border-bottom:1px solid #eee;
      margin-bottom:30px;
    }
    .news-big-img {
      width:100%;
      max-height:500px;
      object-fit:cover;
      border-radius:6px;
      margin-bottom:30px;
    }
    .news-content p {
      line-height:1.9;
      font-size:16px;
      color:#444;
      margin-bottom:18px;
      text-indent:2em;
    }
    .news-content img {
      max-width:100%;
      margin:20px auto;
      border-radius:6px;
    }
    .page-turn {
      display:flex;
      justify-content:space-between;
      margin:40px 0;
      padding-top:30px;
      border-top:1px solid #eee;
    }
    .page-turn a {
      color:var(--main-blue);
    }
    .rel-news h4 {
      font-size:20px;
      margin-bottom:20px;
      padding-left:10px;
      border-left:4px solid var(--orange);
    }
    .rel-list {
      display:grid;
      grid-template-columns: repeat(3,1fr);
      gap:20px;
    }
    .rel-item img {
      height:140px;
      object-fit:cover;
      border-radius:6px;
      margin-bottom:10px;
    }
    .rel-item h5 {
      font-size:14px;
      font-weight:normal;
      line-height:1.5;
    }
    @media(max-width:767px){
      .news-detail-box {
        padding:20px;
      }
      .news-title {
        font-size:22px;
      }
      .rel-list {
        grid-template-columns:1fr;
      }
      .page-turn {
        flex-direction:column;
        gap:12px;
      }
    }
	/* ==========1:1复刻敦品铝业【客户解决方案】全屏通栏模块========== */
.dunp-solution-wrap{
  display:grid;
  grid-template-columns:420px 1fr;
  width:100%;
  margin:50px 0 70px;
}
/* 左侧红色面板，和右侧图片等高 */
.dunp-solution-left{
  background:#0057b9;
  color:#ffffff;
  padding:48px 36px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:540px;
}
.sol-main-title{
  font-size:24px;
  margin-bottom:14px;
  font-weight:bold;
}
.sol-divider{
  font-size:16px;
  opacity:0.85;
  margin-bottom:32px;
  letter-spacing:1px;
}
.sol-text-item{
  display:none;
}
.sol-text-item.active{
  display:block;
}
.sol-text-item h5{
  font-size:20px;
  margin-bottom:18px;
}
.sol-text-item p{
  line-height:1.8;
  font-size:15px;
  margin-bottom:12px;
}
/*左下角箭头按钮*/
.sol-btn-group{
  margin-top:36px;
  display:flex;
  gap:16px;
}
.sol-arrow{
  width:46px;
  height:46px;
  border:1px solid #fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  font-size:22px;
  transition:0.24s;
}
.sol-arrow:hover{
  background:#ffffff;
  color:#b81c22;
}
/* 右侧全屏轮播容器 */
.dunp-solution-right{
  min-height:540px;
  height:100%;
  overflow:hidden;
}
.sol-slide-track{
  height:100%;
  display:flex;
  transition:transform 0.5s ease;
}
.sol-img-item{
  flex:0 0 100%;
  height:100%;
}
.sol-img-item img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* =====平板适配 992px===== */
@media (max-width:992px){
  .dunp-solution-wrap{
    grid-template-columns:1fr;
  }
  .dunp-solution-left{
    min-height:auto;
    padding:36px 28px;
  }
  .dunp-solution-right{
    min-height:380px;
  }
}
/* =====手机适配767px===== */
@media (max-width:767px){
  .dunp-solution-left{
    padding:28px 20px;
  }
  .sol-main-title{
    font-size:20px;
  }
  .dunp-solution-right{
    min-height:280px;
  }
}/* slogan图片 */
.footer-slogan-img{
  margin-top:12px;
  max-width:210px;
}
.footer-slogan-img img{
  width:60%;
  height:auto;
  display:block;
}

/* footer-wrap修改：允许第四栏固定尺寸，关闭自动均分 */
.footer-wrap{
  display:flex;
  gap:20px;
  align-items:flex-start;
}
/* 前3个col分配剩余空间 */
.footer-wrap > .footer-col{
  flex:1;
  min-width:180px;
}
/* logo列不要分得太宽 */
.footer-logo-col{
  flex:0 1 240px;
}

/* 右侧二维码栏：固定宽度，不参与均分 */
.footer-qrcode-side{
  flex:0 0 170px;
}
.qr-wrap{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.qr-item{
  text-align:center;
}
.qr-item img{
  width:72px;
  height:72px;
  background:#fff;
  padding:3px;
}
.qr-item span{
  display:block;
  color:#ccc;
  font-size:12px;
  margin-top:4px;
}

/* 屏幕不够宽时全部变成竖排 */
@media (max-width:1200px){
  .footer-wrap{
    flex-wrap:wrap;
  }
  .footer-qrcode-side{
    width:100%;
    flex:none;
    margin-top:20px;
  }
  .qr-wrap{
    flex-direction:row;
    gap:16px;
  }
}
@media (max-width:768px){
  .qr-item img{
    width:65px;
    height:65px;
  }
}/* 右侧二维码横向并排 */
.footer-qrcode-side {
  flex: 0 0 auto;
  min-width: 220px;
}

.qr-wrap {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.qr-item {
  text-align: center;
  flex: 0 0 auto;
  width: 72px;
}

.qr-item img {
  width: 72px;
  height: 72px;
  background: #fff;
  padding: 3px;
  object-fit: cover;
}

.qr-item span {
  display: block;
  color: #ccc;
  font-size: 12px;
  margin-top: 4px;
  white-space: nowrap;
}

.company{
 background:#f0f6ff
}
.culture-section{
  padding:60px 0;
  background:#ffffff;
}
.section-title{
  text-align:center;
  margin-bottom:40px;
}
.section-title h2{
  font-size:36px;
  color:#0f2440;
  margin:0 0 12px;
}
.title-line{
  width:60px;
  height:3px;
  background:#0f2440;
  margin:0 auto;
}
.culture-card-wrap{
  display:flex;
  gap:24px;
  justify-content:space?between;
}
.culture-card{
  flex:1;
  min-width:220px;
  padding:30px 20px;
  background:#fff;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
  border?radius:8px;
  text?align:center;
}
.card-icon{
  margin?bottom:16px;
}
.culture-card h3{
  font?size:20px;
  color:#222;
  margin:0 0 12px;
  font?weight:bold;
  text-align:center
}
.culture-card p{
  font?size:16px;
  color:#444;
  line?height:1.7;
  margin:0;
}
/* 响应式，平板手机自动换行 */
@media (max?width:992px){
  .culture-card-wrap{
    flex?wrap:wrap;
  }
  .culture-card{
    flex:0 0 calc(50% ? 12px);
  }
}
@media (max?width:768px){
  .culture-card{
    flex:0 0 100%;
  }
  .section-title h2{
    font?size:28px;
  }
}
.card-icon img {
  width: 64px;
  height: 64px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
  margin-bottom:20px
}

/* 产品页面 左右分栏卡片 */
.product-row-card{
	display:flex;
	align-items:center;
	border:1px solid #dddddd;
	border-radius:10px;
	margin-bottom:20px;
	overflow:hidden;
}
.row-text{
	width:42%;
	padding:40px 36px;
}
.row-text h4{
	font-size:28px;
	color:#0f2440;
	margin:0 0 10px;
	font-weight:bold;
}
.row-text p{
	font-size:17px;
	color:#333;
	margin:0 0 24px;
	line-height:1.6;
}
.row-img{
	width:58%;
}
.row-img img{
	width:100%;
	height:auto;
	display:block;
	object-fit:cover;
}
/* 移动端自动上下堆叠 */
@media (max-width:992px){
	.product-row-card{
		flex-direction:column;
	}
	.row-text,.row-img{
		width:100%;
	}
	.row-text{
		padding:24px 20px;
	}
	.row-text h4{
		font-size:22px;
	}
}
/* 仅产品中心页面：1列，一排一个 */
.product-page-wrap .pro-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
}

/* logo与口号图片横向并排 */
.logo-group{
  display: flex;
  align-items: center;
  gap:14px; /* logo和口号图之间的间距，按需调 */
}
.logo-group .logo img{
  height: 48px;
}

.header-slogan{
  height: 40px;
  max-width: 220px;
  object-fit: contain;
}

/* ========= 删除原来 @media(max?width:768px) 里display:none这段，不要隐藏 ========= */

/* 增加小屏幕适配：窗口变小时，整体缩小两张图，防止header挤爆 */
@media (max-width: 992px){
  .logo-group .logo img{
    height:38px;
  }
  .header-slogan{
    height:32px;
    max-width:180px;
  }
}
@media (max-width: 576px){
  .logo-group .logo img{
    height:32px;
  }
  .header-slogan{
    height:26px;
    max-width:140px;
  }
}