/*--------内页主图banner--------*/
.banner-image-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 26.25%; /* 16:9 比例 (可根据需要修改) */
    overflow: hidden;
}

.banner-darkened-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.8); /* 图片变暗 */
}

.banner-text-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    padding: 15px;
}

.banner-image-title {
    font-size: 2.5rem;
    margin-bottom: 0rem;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.banner-image-subtitle {
    font-size: 1.2rem;
    line-height: 1.5;
    max-width: 600px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

@media (max-width: 768px) {
    .banner-image-title {
        font-size: 1.5rem;
    }
    
    .banner-image-subtitle {
        font-size: 1rem;
        max-width: 80%;
    }
}
/*--------内页主图下的面包屑--------*/

        .bread_container {
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            padding: 13px 0;
        }
        .bread_left {
            display: flex;
            align-items: center;
        }
        .bread_home-icon {
            margin-right: 5px;
            width: 16px;
            height: 16px;
        }
        .bread_current {
            color: #333;
        }
        .bread_right {
            display: flex;
        }
        .bread_category {
            background: #666;
            color: #fff;
            padding: 12px 30px;
            margin-left: 5px; border-radius: 5px;
            text-decoration: none;
            transition: all 0.3s;
        }
        .bread_category:hover, .bread_category.active {
            background: #0066cc;color: #fff;
        }
        @media (max-width: 768px) {
            .bread_container {
                flex-direction: column;
            }
            .bread_right {
                flex-wrap: wrap;
                margin-top: 10px;
            }
            .bread_category {
                width: calc(50% - 10px);
                margin: 5px;
                box-sizing: border-box;
                text-align: center;
            }
        }


/* ————————————————————————————内页标题样式———————————————————————————— */

.title_e{font-size:28px;text-align:center;font-weight:600;position:relative;color:#333333;line-height:1;padding-bottom:20px}
.title_e-line{position:relative;margin:0px auto;width:60px;height:3px;background-color:#ff6600;}
.title_e-line::after,.title_e-line::before{content:"";width:65px;height:2px;background:#EEE;position:absolute;right:calc(100% + 0px);top:0px}
.title_e-line::after{right:auto;left:calc(100% + 0px)}
.title_e-des{max-width:80%;margin:0px auto;font-size:18px;font-weight:500;color:#333333;text-align:center;padding:20px 0px 50px}
 @media (max-width: 768px) {
.title_e{font-size:20px;text-align:center;font-weight:400;position:relative;color:#333333;line-height:1;padding-bottom:20px}
.title_e-line{position:relative;margin:0px auto;width:60px;height:3px;background-color:#0066cc;}
.title_e-line::after,.title_e-line::before{content:"";width:50px;height:2px;background:#EEE;position:absolute;right:calc(100% + 0px);top:0px}
.title_e-line::after{right:auto;left:calc(100% + 0px)}
.title_e-des{max-width:80%;margin:0px auto;font-size:14px;font-weight:500;color:#333333;text-align:center;padding:20px 0px 50px}
}
/* ————————————————————————————内页关于我们-———————————————————————————— */
    .about_common_container {
            margin: 0px auto;
            padding: 0px 0px 40px 0px;
        }

        .about_common_wrapper {
            display: flex;
            gap: 30px;
            align-items: flex-start; /* 新增顶部对齐 */
        }

        /* 图片容器 */
        .about_common_image_box {
            flex: 0 0 40%;
			margin-top: 0px; 
            position: relative;
            overflow: hidden;
        }

        .about_common_image_box::before {
            content: "";
            display: block;
            border-radius: 0px;
            aspect-ratio: 5/4;
        }

        .about_common_image {
            position: absolute;
			top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* 内容区域 */
        .about_common_content {
            flex: 1;
            padding-top: 0px; /* 解决margin折叠问题 */
        }

        .about_common_title {
            font-size: 24px;
            color: #333;
            margin-bottom: 15px;
        }

        .about_common_divider {
            width: 70px;
            height: 3px;
            background: #015bac;
            margin-bottom: 20px;
        }

        .about_common_text {
            font-size: 16px;
            line-height: 2;
            color: #666;
        }

        /* 移动端适配 */
        @media (max-width: 768px) {
            .about_common_wrapper {
                flex-direction: column;
                gap: 20px;
            }

            .about_common_image_box {
                width: 100%;
                flex: none;
            }

            .about_common_image_box::before {
                padding-top: 0; /* 移除固定比例 */
            }

            .about_common_image {               
                width: 100%;
				height: auto;
                object-fit: contain;
            }

            .about_common_title {
                font-size: 20px;
            }

            .about_common_text {
                font-size: 15px;
            }
        }

/*--------内页左侧导航和右侧内容--------*/
        .left-nav {
            width: 280px;
			margin-top:1%;
			margin-bottom:2%;
            background: #fff;
			border-radius: 5px;
			border: 1px solid rgba(0,0,0,0.1);
            box-shadow-: 2px 0 5px rgba(0,0,0,0.1);
            display: flex;
            flex-direction: column;
        }

        .left-nav-title {
            padding: 15px;
			text-align:center;
            background: linear-gradient(to right, #2F80ED, #0066cc);
            color: #ffffff;
            font-size: 18px;
            font-weight: bold-;
            position: relative;
        }

        /* 汉堡菜单图标 */
        .left-menu-toggle {
            display: none;
            position: absolute;
            right: 40px;
            top: 50%;
            transform: translateY(-50%);
            width: 24px;
            height: 18px;
            cursor: pointer;
        }

        .left-menu-toggle span {
            position: absolute;
            height: 2px;
            width: 100%;
            background: #fff;
            transition: 0.3s;
        }

        .left-menu-toggle span:nth-child(1) { top: 0; }
        .left-menu-toggle span:nth-child(2) { top: 8px; }
        .left-menu-toggle span:nth-child(3) { top: 16px; }

        .left-menu-toggle.active span:nth-child(1) {
            transform: rotate(45deg);
            top: 8px;
        }
        .left-menu-toggle.active span:nth-child(2) { opacity: 0; }
        .left-menu-toggle.active span:nth-child(3) {
            transform: rotate(-45deg);
            top: 8px;
        }

        /* 左菜单二级样式 */
        .menu {
            flex: 1;
            padding: 0px 0;
            position: relative;
        }

        .left-menu-item {
            list-style: none;
            position: relative;
			border: 1px solid #f8f8f8;
        }

        .menu-link {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 24px;
            color: #666;
            text-decoration: none;
            transition: 0.3s;
            border-left: 4px solid transparent;
        }
        /* 小三角		
		    .menu-link {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 24px;
            color: #666;
            text-decoration: none;
            transition: 0.3s;
            border-left: 4px solid transparent;
        }		
		.menu-link::after {
            content: '▸';
            color: #999;
            transition: 0.3s;
        }*/
		  .menu-link {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 24px;
            color: #666;
            text-decoration: none;
            transition: 0.3s;
            border-left: 2px solid transparent;
        }
		  .menu-link::after {
            content: '';
            display: block;
            border: solid #666;
            border-width: 0 2px 2px 0;
            padding: 2px;
            transform: rotate(-45deg);
        }
		   .menu-link.active::after {
            content: '';
            display: block;
            border: solid #0066cc;
            border-width: 0 2px 2px 0;
            padding: 2px;
            transform: rotate(45deg);		
        }
        .menu-link:hover,
        .menu-link.active {
            background: #f5f5f5;
            border-left-color: #0066cc;
            color: #0066cc;
			font-weight:bold;
			
        }

        .submenu {
            display: none;
            background: #f9f9f9;
        }
		     .submenu li{
       padding: 12px 24px;
        }

        .submenu .menu-link {
            padding-left: 36px;
            font-size: 14px;
        }

        .submenu .menu-link::after {
            content: '';
        }

        .submenu.show {
            display: block;
        }

        /* 右侧内容 */
        .main-content {
			width: 76%;
            flex: 1;
			margin-top:0px;
            padding: 30px;
            background: #ffffff;
        }

        .content-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-bottom: 15px;
            border-bottom: 1px solid #ddd;
            margin-bottom: 20px;
        }
		 .content-header h1 {
       font-size: 18px;
	   color: #000;
        }
		 .content-txt {
       font-size: 16px;
	    line-height:30px;
        }

        .back-home {
            display: flex;
            align-items: center;
            color: #666;
            text-decoration: none;
            font-size: 14px;
        }

        .back-home::after {
            content: '☚';
            margin-left: 8px;
            font-size: 12px;
        }

        /* 左下角联系方式 */
        .left-contact {
            padding: 20px;
            text-align: center;
            border-top: 1px solid #eee;
        }

        .left-qrcode {
            width: 140px;
            margin-bottom: 15px;
            border: 2px solid #fff;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }

        .left-contact p {
            font-size: 16px;
            color: #666;
        }

        /* 左侧移动端样式 */
        @media (max-width: 768px) {
     

            .left-nav {
                width: 100%;
                position: relative;
            }

            .left-nav-title {
                padding: 15px 50px 15px 20px;
            }

            .left-menu-toggle {
                display: block;
            }

            .menu {
                max-height: 0;
                overflow: hidden;
                transition: 0.3s;
                padding: 0;
            }

            .menu.show {
                max-height: 1000px;
            }

            .menu-link {
                padding: 12px 20px;
            }

            .submenu .menu-link {
                padding-left: 30px;
            }

            .left-contact {
                display: none;
            }
			 .main-content {
			width: 100%;
            flex: 1;
        }
        }
	
/*--------内页产品列表--------*/	
	
        .product_container {

            margin: 30px 0px 20px 0px;
 
        }

        .product_grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px 20px;
        }

        .product_item {
            position: relative;
            overflow: hidden;
			box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
        }

        .product_link {
            text-decoration: none;
            color: #333;
            display: block;
            transition: all 0.3s;
        }

        .product_image-wrapper {
            position: relative;
            width: 100%;
            padding-top: 100%;
            overflow: hidden;
            border-radius: 0px;
        }

        .product_image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s;
        }

        .product_caption {
            margin-top: 0px;
            padding: 18px 0px 18px 0px;
            text-align: center;
            background: #f9f9f9;
            color: #000;
			font-size: 14px;
            border-radius: 0px 0px 5px 5px;
            transition: all 0.3s;
            white-space: normal;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

        }

        /* 悬停效果 */
        .product_link:hover .product_image {
            transform: scale(1.05);
        }

        .product_link:hover .product_caption {
            background: #0066cc;
            color: #fff;
        }

        /* 光效动画 */
        .product_link:hover::after {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 50%;
            height: 100%;
            background: linear-gradient(
                to right,
                rgba(255, 255, 255, 0) 0%,
                rgba(255, 255, 255, 0.3) 50%,
                rgba(255, 255, 255, 0) 100%
            );
            animation: product_shine 0.8s;
        }

        @keyframes product_shine {
            100% {
                left: 200%;
            }
        }

        /* 响应式布局 */
        @media (max-width: 768px) {
            .product_grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 20px 15px;
            }
        }

        @media (max-width: 480px) {
            .product_grid {
                grid-template-columns: 1fr;
            }
        }	
		
/*--------内页产品详情--------*/

        .productv_container {

            margin: 0 auto;
            padding: 20px 0px 20px 0px;
        }

        /* 内页产品详情产品信息模块 */
        .productv_info-wrapper {
            display: flex;
            gap: 40px;
            margin-bottom: 40px;
        }

        .productv_image {
            flex: 0 0 45%;
            border-radius: 0px;
            overflow: hidden;
        }

        .productv_image img {
            width: 100%;
            height: auto;
            display: block;
			border: 1px solid #ddd;
        }

        .productv_details {
            flex: 1;
        }

        .productv_title {
            font-size: 18px;
            margin-bottom: 15px;
        }

        .productv_divider {
            height: 1px;
            background: #ddd;
            margin: 20px 0;
        }

        /* 内页产品详情联系信息 */
        .productv_contact-list {
            list-style: none;
        }

        .productv_contact-item {
            padding:0px;
            background: url('http://dahxc8.com/static/web/css/icon-contact.png') left center no-repeat;
            background-size: 20px;
            margin: 10px 0;
        }

        .productv_phone-btn {
            display: inline-flex;
            align-items: center;
            padding: 10px 30px;
            background: #0066cc;
            color: white;
            border-radius: 50px;
            text-decoration: none;
            margin-top: 15px;
            transition: background 0.3s;
        }
	      .productv_phone-btn:hover{
          color: white;
		  background: #000;
           }	

        .productv_phone-btn::before {
            content: '';
			
            display: inline-block;
            width: 20px;
            height: 20px;
            background: url('../image/footer-tel-ico.png') center/contain no-repeat;
            margin-right: 10px;
        }

        /* Tab切换 */
        .productv_tabs {
            border-bottom: 1px solid #ddd;
            margin: 40px 0;
        }

        .productv_tab {
            display: inline-block;
            padding: 15px 30px 15px 30px;
            cursor: pointer;
            border-bottom: 3px solid transparent;
        }

        .productv_tab.active {
            border-color: #0066cc;
            color: #333;
			font-size: 20px;
        }

        .productv_content {
            display: none;
            padding: 0px 0;
        }

        .productv_content.active {
            display: block;
        }

        /* 相关产品 */


        /* 响应式 */
        @media (max-width: 992px) {
            .productv_info-wrapper {
                flex-direction: column;
            }
            
        }

		
/*--------内页新闻列表--------*/
figure,aside{padding: 0;margin: 0;}
.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}
.news_list{padding: 3% 0 0; }
.news_list li{ padding:10px; border:1px solid #ebebeb; margin-bottom:2%; border-radius: 6px;}
.news_list li a{ display:block; position:relative; padding-left:30%;padding-right:12%;}
.news_list li a::after{ position:absolute; content:''; width:33px; height:33px; background:url(../image/news_more.png) no-repeat left top; right:4%; top:50%; margin-top:-16px;}
.news_list li figure{ position:absolute; left:0; top:0; height:100%; width:27%;}

.news_list li div{ position:relative; padding-right:5%; padding-bottom:11%;}
.news_list li div::before{ position:absolute; content:''; width:1px; height:80%; top:10%; background-color:#ebebeb; right:0;}
.news_list li h3{ margin:0; font-size:18px; padding:5% 0 0 0;  color:#333;}
.news_list li p{ margin:3% 0 0 0; color:#969696; line-height:30px; height:60px; overflow:hidden; font-size:15px;}
.news_list li time{ position:absolute; left:0; bottom:14%; color:#969696; font-size: 14px; padding-left:30px; background:url(../image/news_time.png) left center no-repeat;}

.news_list li:hover{ border-color:#0066cc; box-shadow:0 5px 5px #eee;}
.news_list li:hover h3{ color:#0066cc;}
.news_list li:hover a::after{ background-position:left bottom;}
@media(max-width:640px){
.news_list li a{padding:2% 2% 0 !important;}
.news_list li a::after{ display:none;}
.news_list li figure{ position:relative; left:0; top:0; height:auto; width:100%; display: block; padding-bottom: 60%;}
.news_list li div{  padding:5% !important; }
.news_list li h3{ padding: 0;}	
.news_list li time{ position:relative;  bottom:0; margin-top: 14px; display: block;}	
}
/*--------内页新闻详情--------*/
.news_view{ padding:3% 0;}
.news_view_title{text-align: center;border-bottom: 1px solid #e5e5e5;margin-bottom: 30px;}
.news_view_img img{ max-width:100% !important; height:auto !important;display:inline-block;}
.news_view_img p{text-wrap: inherit !important;}
.news_view_img p span{text-wrap: inherit !important;}
.news_view h1{margin-bottom: 8px;}
.news_view .p{line-height:30px; color:#555; font-size: 14px; text-indent: 2em; margin: 0; margin-bottom: 1%;}
.news_view .list_img_group{ margin:2% 0;}
.news_view .list_img_group li{ text-align:center;}
@media(min-width:641px){
.news_view .list_img_group li{ float:left; width:32.032%;}
.news_view .list_img_group li:nth-child(2){ width:33.936%; margin:0 1%;}
}
/*--------内页应用领域--------*/
.case_list{ padding: 3% 0;}
.case_list .list li{ position:relative; margin-bottom:3%; background-color:#fafafa; }
.case_list .list li .word{ padding:4% 4% 4% 36%;}
.case_list .list li .Ispic{ position:absolute; left:0; width:31%; height:100%; }
.case_list .list li .Ispic img{ display:none;}
.case_list .list li .h1{font-size: 20px;margin: 0; letter-spacing: 1px;color: #A70500;}
.case_list .list li .h1:after{width:30px;height:2px;background:#A70500;border:none;margin:22px 0px; content: ""; display: block;}
.case_list .list li p{ margin-bottom:0; color:#888; line-height:28px; overflow:hidden;}
.case_list .list li:nth-child(2n) .word{ padding-right:36%; padding-left:4%; text-align:right;}
.case_list .list li:nth-child(2n) .h1:after{margin-left:auto; }
.case_list .list li:nth-child(2n) .Ispic{ left:auto; right:0;}
@media(max-width:640px){
.case_list .list li .word{ padding:4% !important; text-align: left !important;}
.case_list .list li .h1:after{margin:22px 0px !important;}
.case_list .list li .Ispic{ width:100%; position: relative; height: auto; padding-bottom: 50%;}
}
/*--------内页资料下载--------*/
.down_list {
  padding: 10px 0;
  overflow: hidden;
}
.down_list ul {
  padding-bottom: 40px;
}
.down_list li {
  margin-bottom: 20px;
  padding: 32px;
  background: #fafafa;
}
.down_list li .con {
  position: relative;
  padding: 0 0 0 60px;
}
.down_list li i {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 48px;
}
.down_list li i img {
  width: 100%;
}
.down_list li h4 {
  font-size: 16px;
}
.down_list li p {
  padding-top: 0px;
  font-size: 14px;
  color: #999;
}
.down_list li a.down-btn {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: inline-block;
  padding: 5px 20px;
  border-radius: 4px;
  background: #0066cc;
  font-size: 14px;
  color: #fff;
}
.down_list li a:hover.down-btn {
  box-shadow: 0 4px 12px rgba(237,108,0,0.2);
}
@media only screen and (max-width: 912px) {
  .down_list {
    padding: 30px 0;
  }
  .down_list ul {
    padding-bottom: 20px;
  }
  .down_list li {
    padding: 20px;
  }
  .down_list li .con {
    padding: 0 0 60px 48px;
  }
  .down_list li i {
    top: 20px;
    width: 40px;
  }
  .down_list li p {
    font-size: 12px;
  }
  .down_list li a.down-btn {
    top: auto;
    right: 0;
    bottom: 0;
    transform: none;
    display: block;
  }
}
/*--------内页联系方式--------*/
contactus-contact{
    margin-left: 30px;
    box-sizing: border-box;
    padding:10px 50px 0;
}
.contactus-title{
    font-size: 25px;
    font-weight: bold;
    color: #000000;
    line-height: 1.5;
    margin-bottom: 10px;
}
.contactus-content{
    font-size: 14px;
    line-height: 30px;
    color: #333333;
}
.contactus-content img{
    max-width: 100%;
    margin: 0 auto;
}
.contactus-box{
 overflow: hidden;
}
.contactus-text{
    float: left;
}
.contactus-text p{
    color: #333333;
}
.contactus-text span{
}
.code-qr{
    float: right;
    text-align: center;
}
.code-qr img{
    display: block;
}
.code-qr span{
    font-size: 14px;
    color: #999999;
}
.baidu-map{
    margin-top: 60px;
}
 /*--------内页留言内容--------*/

/*--------上一条下一条--------*/
.updown {
    padding: 40px 0 0 0;
    font-size: 14px;
    line-height: 28px;
    border-top: 1px solid #ddd;
    color: #666;
}
@media (max-width: 1380px) {
    .updown {
        padding: 20px 0 0;
        font-size: 12px;
        line-height: 22px
    }
}
@media (max-width: 1180px) {
    .updown {
        padding: 10px 0 0
    }
}
.updown a {
    color: #666;
    transition: all .5s
}
.updown a:hover {
    color: #000
}
.updown .inner {
    width: 100%;
    padding-right: 150px;
    position: relative
}
@media (max-width: 668px) {
    .updown .inner {
        padding: 0
    }
}
.updown .btn_back {
    display: block;
    width: 150px;
    height: 44px;
    line-height: 42px;
    padding: 0 30px;
    border-radius: 40px;
    border: 1px solid #5b5b5b;
    color: #666;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -22px;
    transition: all .5s
}
@media (max-width: 668px) {
    .updown .btn_back {
        position: static;
        margin: 20px auto 0
    }
}
.updown .btn_back span {
    display: block;
    float: right;
    margin: 14px 0 0;
    width: 15px;
    height: 12px;
    position: relative
}
.updown .btn_back span:before,
.updown .btn_back span:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    line-height: 1px;
    background: #5b5b5b;
    position: absolute;
    left: 0;
    transition: all .5s
}
.updown .btn_back span:before {
    top: 0
}
.updown .btn_back span:after {
    bottom: 0
}
.updown .btn_back span i {
    display: block;
    width: 100%;
    height: 1px;
    line-height: 1px;
    background: #5b5b5b;
    position: absolute;
    left: 0;
    top: 50%;
    transition: all .5s
}
.updown .btn_back:hover {
    background: #333;
    border-color: #333;
    color: #fff;
    text-decoration: none
}
.updown .btn_back:hover span:before,
.updown .btn_back:hover span:after {
    width: 10px;
    background: #fff
}
.updown .btn_back:hover span:before {
    top: 2px;
    transform: rotate(-45deg)
}
.updown .btn_back:hover span:after {
    bottom: 2px;
    transform: rotate(45deg)
}
.updown .btn_back:hover span i {
    opacity: 0
}