/* CSS Document */

a {

	color: #212529;

	text-decoration: none;

}

a:hover {

	text-decoration: none;

}

.bg_e {

	background-color: #eee

}

.bg_1 {

	background-image: url(../images/bg_03.jpg);

	background-position: center center;

	background-size: cover

}

.bg_2 {

	background-image: url(../images/bg_07.jpg);

	background-position: center center;

	background-size: cover

}

.bg_3 {

	background-image: url(../images/bg_10.jpg);

	background-position: center center;

	background-size: cover

}

.bg_red{ background-color:#9d181f}

/* 导航项 hover/active 样式 */

.nav-item .nav-link {

	color: #333;

	padding: 0.75rem 1rem;

	transition: background-color 0.3s, color 0.3s;

	border-radius: 4px;

}

.nav-item .nav-link:hover, .nav-item .nav-link.active {

	background-color: red;

	color: white;

}

.nav-item {

	margin: 0 0.75rem;

}

.search-box {

	z-index: 1000;

	box-shadow: 0 2px 8px rgba(0,0,0,0.1);

}

/* 搜索按钮样式（透明，无默认边框） */

#searchBtn {

	border: none;

	background: transparent;

}

/* Banner轮播图样式 */

.banner-swiper {

	width: 100%;

	height: auto;

	margin-top: 0;

}

.banner-swiper .swiper-slide {

	position: relative;

	overflow: hidden;

}

.banner-swiper .swiper-slide img {

	width: 100%;

	height: 700px;

	object-fit: cover;

}

.banner-swiper .swiper-pagination {

	bottom: 20px !important;

}

.banner-swiper .swiper-pagination-bullet {

	width: 12px;

	height: 12px;

	background-color: white;

	opacity: 1;

	margin: 0 6px !important;

}

.banner-swiper .swiper-pagination-bullet-active {

	background-color: red;

	width: 30px;

	border-radius: 6px;

	transition: all 0.3s ease;

}

/* 品牌介绍模块整体 */



.about-section {

	background-color: #ffffff;

	background-image: url(../images/bg_03.jpg);

	background-position: top center;

	background-size: 100% aout;

	background-repeat: no-repeat;

}

/* 左侧标题：BRAND INTRODUTION */

.brand-title {

	font-size: 2rem;

	font-weight: bold;

	position: relative;

	display: inline-block;

	z-index: 99

}

.brand-title::before {

	content: "";

	position: absolute;

	bottom: 5px;

	left: 1em;

	width: 6em;

	height: 15px;

	background-color: #e60012;

	z-index: -1; /* 确保装饰条在文字下方 */

}

/* 左侧副标题：品牌介绍 - */

.brand-subtitle {

	font-size: 1.2rem;

	color: #000;

	margin-top: 10px;

}

/* 右侧品牌介绍文字 */

.brand-desc {

	margin-bottom: 10px;

	line-height: 1.5em;

	font-size: 14px;

	text-indent: 2em;

}

/* 产品中心模块 */

.product-section {

	background-color: #1a1a1a;

	background-image: url(../images/ban003_02.jpg);

	background-position: top center;

	background-size: 100% aout;

	background-repeat: no-repeat;

	padding: 80px 0;

	margin-top: 30px;

}

.product-section .brand-subtitle {

	color: #fff;

}

.product-swiper {

	width: 100%;

	position: relative;

	padding: 0 60px;

}

.product-swiper .swiper-slide {

	position: relative

}

.product-swiper .swiper-slide img {

	width: 100%;

	height: auto;

	display: block;

}

.product-swiper .swiper-slide .txt {

	position: absolute;

	width: 80%;

	height: 80px;

	z-index: 22;

	bottom: 0;

	left: 1em

}

.txt::before {

	content: "";

	position: absolute;

	bottom: 20px;

	left: 0;

	width: 10em;

	height: 2px;

	background-color: #e60012;

	z-index: -1;

}

.product-swiper .swiper-slide .txt .icon {

	font-size: 20px;

	color: #fff;

	width: 8em;

	text-align: right;

	display: inline-block

}

.product-size {

	color: #fff;

	margin: 0;

	font-size: 1.2rem;

}

.product-arrow {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	color: #fff;

	font-size: 36px;

	cursor: pointer;

	z-index: 10;

	transition: color 0.3s ease;

	width: 40px;

	height: 40px;

	display: flex;

	align-items: center;

	justify-content: center;

}

.product-arrow:hover {

	color: red;

}

.product-prev {

	left: 0;

}

.product-next {

	right: 0;

}

/* “更多”按钮样式 */

.product-more {

	color: #fff;

	text-decoration: none;

	position: relative;

	padding-bottom: 5px;

	transition: color 0.3s ease;

	font-size: 1.1rem;

}

.product-more::after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 2px;

	transition: background-color 0.3s ease;

}

.product-more:hover {

	color: red;

}

.product-more:hover::after {

	background-color: red;

}

/* 工程案例模块 */

.case-section {

	padding: 80px 0;

	background-color: #f8f9fa;

	background-image: url(../images/bg_02.jpg);

	background-position: top center;

	background-size: 100% aout;

	background-repeat: no-repeat;

	margin-top: 30px;

}

/* 案例标题区域样式 */

.case-title-container {

	display: flex;

	flex-direction: column;

	justify-content: center;

	height: 100%;

	padding-right: 30px; /* 与右侧图片保持间距 */

}

/* 案例图片容器 */

.case-item {

	position: relative;

	overflow: hidden;

	cursor: pointer;

	margin-bottom: 30px;

	height: 100%;

	min-height: 300px; /* 增加最小高度，确保视觉协调 */

}

/* 案例图片样式与放大效果 */

.case-item img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition: transform 0.5s ease;

}

.case-item:hover img {

	transform: scale(1.05); /* 中心放大效果 */

}

/* 案例文字样式与变色效果 */

.case-text {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	text-align: center;

	font-size: 1.2rem;

	font-weight: 500;

	color: white;

	padding: 0 15px;

	transition: color 0.3s ease;

	z-index: 2;

}

/* 文字背景遮罩 */

.case-item::before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.4);

	z-index: 1;

}

.case-item:hover .case-text {

	color: red; /* 鼠标经过文字变红 */

}

/* “更多”按钮样式（案例模块） */

.case-more {

	color: #333;

	text-decoration: none;

	position: relative;

	padding-bottom: 5px;

	transition: color 0.3s ease;

	font-size: 1.1rem;

}

.case-more::after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 2px;

	background-color: #333;

	transition: background-color 0.3s ease;

}

.case-more:hover {

	color: red;

}

.case-more:hover::after {

	background-color: red;

}



/* 响应式调整 */

@media (max-width: 992px) {

.case-title-container {

	padding-right: 0;

	margin-bottom: 30px;

}

.case-item {

	min-height: 250px;

}

}





 /* 新闻资讯模块 */

    .news-section {

      padding: 80px 0;

      background-color: white;

      margin-top: 30px;

			background-image: url(../images/bg_05.jpg);

	background-position: top center;

	background-size: 100% aout;

	background-repeat: no-repeat;

    }



    /* 新闻轮播容器 */

    .news-swiper {

      width: 100%;

      position: relative;

      padding: 20px 0;

    }



    /* 新闻项样式 */

    .news-item {

      background-color: #f8f9fa;

      border-radius: 4px;

      overflow: hidden;

      box-shadow: 0 2px 8px rgba(0,0,0,0.08);

      transition: transform 0.3s ease, box-shadow 0.3s ease;

      height: 100%;

    }

    .news-item:hover {

      transform: translateY(-5px);

      box-shadow: 0 5px 15px rgba(0,0,0,0.1);

    }



    /* 新闻图片 */

    .news-img {

      width: 100%;

      height: 200px;

      object-fit: cover;

    }



    /* 新闻内容区域 */

    .news-content {

      padding: 20px;

    }



    /* 新闻标题 */

    .news-title {

      font-size: 1.1rem;

      font-weight: 500;

      color: #333;

      margin-bottom: 10px;

      line-height: 1.4;

      display: -webkit-box;

      -webkit-line-clamp: 2;

      -webkit-box-orient: vertical;

      overflow: hidden;

    }



    /* 新闻时间 */

    .news-date {

      font-size: 0.9rem;

      color: #999;

      display: flex;

      align-items: center;

    }

    .news-date i {

      margin-right: 5px;

      color: red;

    }



    /* “更多”按钮样式（新闻模块） */

    .news-more {

      color: #333;

      text-decoration: none;

      position: relative;

      padding-bottom: 5px;

      transition: color 0.3s ease;

      font-size: 1.1rem;

    }

    .news-more::after {

      content: "";

      position: absolute;

      bottom: 0;

      left: 0;

      width: 100%;

      height: 2px;

      background-color: #333;

      transition: background-color 0.3s ease;

    }

    .news-more:hover {

      color: red;

    }

    .news-more:hover::after {

      background-color: red;

    }



    /* 响应式调整 */

    @media (max-width: 992px) {

      .case-title-container {

        padding-right: 0;

        margin-bottom: 30px;

      }

      .case-item {

        min-height: 250px;

      }

      .news-img {

        height: 180px;

      }

    }

    @media (max-width: 768px) {

      .news-img {

        height: 150px;

      }

    }





/* 底部样式 */

.footer {

  background-color: #9d181f;

  color: #fff;

  padding: 60px 0;

  position: relative;

  overflow: hidden;

}



.footer .container {

  position: relative;

  z-index: 1;

}

.footer-brand {

  font-size: 2rem;

  font-weight: bold;

  color: red;

}

.footer-slogan {

  font-size: 1rem;

  color: #fff;

}

.footer-nav h4 {

  font-size: 1.1rem;

  font-weight: 500;

  margin-bottom: 20px;

  color: #fff;

}

.footer-nav ul {

  list-style: none;

  padding: 0;

}

.footer-nav li {

  margin-bottom: 10px;

}

.footer-nav a {

  color: #fff;

  text-decoration: none;

  transition: color 0.3s ease;

}

.footer-nav a:hover {

 

}

.footer-contact {

  text-align:left;

}

.footer-contact .service-hotline {

  font-size: 1.8rem;

  font-weight: bold;

  color: red;

  margin-bottom: 20px;

  display: block;

}

.footer-contact .address {

  color: #fff;

  margin-bottom: 20px;

  line-height: 1.6;

}

.footer-contact .social-icons {

  display: flex;

  justify-content: flex-end;

  gap: 15px;

}

.footer-contact .social-icon {

  width: 40px;

  height: 40px;

  border-radius: 50%;

  background-color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  transition: background-color 0.3s ease;

}

.footer-contact .social-icon:hover {

  background-color: red;

}

.footer-copyright {

  text-align: center;

  margin-top: 40px;

  padding-top: 20px;

  border-top: 1px solid #fff;

  color: #fff;

  font-size: 0.9rem;

}



/* 响应式调整 */

@media (max-width: 992px) {

  .footer-contact {

    text-align: left;

    margin-top: 30px;

  }

  .footer-contact .social-icons {

    justify-content: flex-start;

  }

}





/* 产品项基础样式 */

.product-card {

	height: 400px;

	background-size: cover;

	background-position: center;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	color: #ffffff;

	text-align: center;

	position: relative;

	overflow: hidden;

	transition: transform 0.3s ease;

}

/* 背景遮罩（让文字更清晰） */

.product-card::before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.3);

}

.product-content {

	position: relative;

	z-index: 1;

}

.product-title-en {

	font-size: 2rem;

	font-weight: 600;

	margin-bottom: 0.8rem;
	color:#fff;

}

.product-title-zh {

	font-size: 1.2rem;

	margin-bottom: 2rem;
	color:#fff;

}



.products-more {

	border: 1px solid #ffffff;

	color: #ffffff;

	padding: 0.5rem 1.5rem;

	border-radius: 2rem; /* 圆角按钮 */

	text-decoration: none;

	transition: all 0.3s ease; /* hover 动效过渡 */

}



.products-more:hover {

	background-color: #ffffff;

	color: #333333;

}

/* 产品块 hover 缩放（增强交互） */

.product-card:hover {

	transform: scale(1.02);

}





/* 系列/规格 标题栏 */

    .section-title {

      font-size: 15px; /* 系列/规格标题字体缩小 */

      font-weight: 600;

    }



@media (max-width: 768px) {

  .section-title {

    width: 100% !important;

    /* 可以根据需要调整其他样式，如移除margin等 */

    margin-right: 0 !important;

  }

}



    .list-name {

      font-size: 13px; /* 产品名称字体缩小 */

      margin-bottom: 0.3rem;

    }

    .list-spec {

      font-size: 12px; /* 产品规格字体缩小 */

      color: #6c757d;

    }





    .series-item {

      font-size: 13px;

      padding: 0.25rem 0.75rem;

      margin: 0.2rem;

      cursor: pointer;

      border-radius: 3px;

      transition: all 0.2s ease;

    }

    .series-item.active {

      background-color: #212529;

      color: #fff;

    }

    .specs-container {

      border-radius: 3px;

      padding: 0.75rem 1rem;

    }

    .specs-container span {

      font-size: 12px;

      margin-right: 0.8rem;

    }

    .list-card {

      margin-bottom: 1.2rem;

      transition: transform 0.2s ease;

    }

    .list-card:hover {

      transform: translateY(-3px);

    }

    .list-card img {

      border-radius: 3px;

      width: 100%;

      height: auto;

    }







    /* 产品图片区域 */

        .product-image-container {

            margin-bottom: 15px;

        }

        

        /* Swiper 主图样式 */

        .main-swiper {

            width: 100%;

            height: auto;

            min-height: 200px;

            margin-bottom: 10px;

            border-radius: 4px;

            overflow: hidden;

        }

        

        .main-swiper .swiper-slide {

            display: flex;

            align-items: center;

            justify-content: center;

          

            cursor: zoom-in;

        }

        

        .main-swiper img {

            max-width: 100% !important; /* 强制不超过容器宽度 */

            max-height: 400px;

            height: auto !important;

            object-fit: contain;

        }

        

        /* 缩略图样式 */

        .thumbnail-swiper {

            width: 100%;

            padding: 5px 0;

        }

        

        .thumbnail-swiper .swiper-slide {

            width: 70px;

            height: 70px;

            margin-right: 8px;

            border: 2px solid transparent;

            border-radius: 3px;

            overflow: hidden;

            cursor: pointer;

            opacity: 0.7;

            transition: all 0.3s ease;

        }

        

        .thumbnail-swiper .swiper-slide-thumb-active {

            border-color: #0d6efd;

            opacity: 1;

        }

        

        .thumbnail-swiper img {

            width: 100% !important;

            height: 100% !important;

            object-fit: cover;

        }

        

        /* 产品信息区域 */

        .product-info {

            padding: 15px; /* 减小内边距，适配移动端 */

            border-radius: 4px;

        }

        

        .pro_main_title {

            font-size: 1.2rem;

            margin-bottom: 15px;

            color: #212529;

            word-break: break-word;

        }

        

        .product-info ul {

            list-style: none;

            padding: 0;

            margin-bottom: 20px;

        }

        

        .product-info ul li {

            margin-bottom: 8px;

            padding-bottom: 8px;

            border-bottom: 1px dashed #ddd;

            font-size: 0.9rem;

        }

        

        .link_a {

            margin-top: 15px;

        }

        

        .link_a .black {

            display: inline-block;

            padding: 8px 16px;

            background-color: #212529;

            color: white;

            text-decoration: none;

            border-radius: 4px;

            transition: background-color 0.3s ease;

            font-size: 0.9rem;

        }

        

        .link_a .black:hover {

            background-color: #343a40;

        }

        

        /* 放大查看模态框 */

        #imageModal .modal-dialog {

            max-width: 100% !important; /* 模态框占满屏幕宽度 */

            max-height: 90vh;

            margin: 0;

            padding: 10px;

            display: flex;

            align-items: center;

            justify-content: center;

        }

        

        #imageModal .modal-content {

            background-color: rgba(0, 0, 0, 0.9);

            border: none;

            border-radius: 0;

        }

        

        #imageModal .modal-body {

            padding: 0;

            display: flex;

            align-items: center;

            justify-content: center;

        }

        

        #imageModal img {

            max-width: 100% !important;

            max-height: 80vh;

            object-fit: contain;

        }

        

        /* 移动端特殊适配 */

        @media (max-width: 576px) {

            /* 调整Swiper导航按钮位置 */

            .main-swiper .swiper-button-prev,

            .main-swiper .swiper-button-next {

                width: 30px;

                height: 30px;

                background-size: 15px 15px;

            }

            

            .main-swiper .swiper-button-prev {

                left: 5px;

            }

            

            .main-swiper .swiper-button-next {

                right: 5px;

            }

            

            /* 缩略图调整 */

            .thumbnail-swiper .swiper-slide {

                width: 60px;

                height: 60px;

            }

            

            /* 产品信息区域 */

            .product-info {

                padding: 12px;

            }

        }







/*分页*/



.page-num:not(:disabled) {

	cursor: pointer;

}

.page-num, .page-link {

	position: relative;

	display: block;

	padding: .5rem .75rem;

	margin-left: -1px;

	line-height: 1.25;

	color: #000;

	background-color: #fff;

	border: 1px solid #dee2e6;

}

a.page-num:hover, .page-link:hover {

	text-decoration: none;

}

.page-num-current {

	z-index: 1;

	color: #fff;

	background-color: #9d181f;

	border-color: #9d181f;

}

.page-num-current:hover {

	color: #fff;

}