@charset "utf-8";
 /* 内页主图 */
  /* 基础样式 - 适用于所有设备 */
  .inbanner-container {
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  .inbanner-image {
    width: 100%;
    height-: auto;
    display: block;
    object-fit: cover;
    object-position: top center; /* 确保图片顶部对齐 */
  }

  /* 桌面端样式 - 默认全屏高度 */
  .inbanner-container {

  }

  /* 平板设备 (768px-1024px) */
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .inbanner-container {
     
    }
  }

  /* 移动设备 (小于768px) */
  @media only screen and (max-width: 767px) {
    .inbanner-container {
      height: 20vh; /* 移动设备上更小的高度 */
    }
    
    .inbanner-image {
      height: 100%; /* 移动端改为高度100%以确保填充 */
      object-fit: cover;
    }
  }

  /* 横屏模式下的调整 */
  @media only screen and (max-width: 1024px) and (orientation: landscape) {
    .inbanner-container {
 
    }
  }

  /* 超大屏幕调整 */
  @media only screen and (min-width: 1920px) {
    .inbanner-image {
      object-fit: contain; /* 超大屏幕改为contain避免过度拉伸 */
    }
  }
/*   ============================内页关于我们========================== */		
        /* 重置样式 */
        .about-container, .about-content, .about-image-container, .about-text-container {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        /* 主容器 */
        .about-container {
            width: 100%;
            margin: 0 auto;
            padding: 50px 0;
            display: flex;
            flex-direction: row;
            align-items: flex-start;
        }

        /* 内容区域 */
        .about-content {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
        }

        /* 图片容器 */
        .about-image-container {
            width: 40%;
            padding-right: 50px;
        }

        /* 图片样式 */
        .about-image {
            width: 100%;
            aspect-ratio: 5/4;
            object-fit: cover;
            display: block;
        }

        /* 文本容器 */
        .about-text-container {
            width: 60%;
        }

        /* 标题样式 */
        .about-title {
            color: green;
            font-size: 2rem;
            margin-bottom: 10px;
            font-weight: bold;
        }

        /* 分隔线样式 */
        .about-divider {
            height: 1px;
            background-color: #ccc;
            margin-bottom: 15px;
            width: 100%;
        }

        /* 描述文本样式 */
        .about-description {
            color: #000;
            font-size: 1.2rem;
            line-height: 1.8;
        }

        /* 移动端响应式样式 */
        @media (max-width: 768px) {
            .about-container {
                padding: 15px;
            }
            
            .about-content {
                flex-direction: column;
            }
            
            .about-image-container, 
            .about-text-container {
                width: 100%;
                padding-right: 0;
            }
            
            .about-image-container {
                margin-bottom: 20px;
            }
            
            .about-title {
                font-size: 1.5rem;
            }
        }
		
/* ————————————————————————————内页证书—————————————————————————— */  

        .honnorlist_container {
      
            margin: 0 auto;
            padding: 20px 0;
        }
        
        
        /* 网格布局 */
        .honnorlist_grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
        }
        
        /* 项目样式 */
        .honnorlist_item {
            position: relative;
            overflow: hidden;
            border-radius: 0px;
            box-shadow-: 0 10px 30px rgba(0, 0, 0, 0.3);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            background: white;
            height: 100%;
            display: flex;
            flex-direction: column;
        }
        
        .honnorlist_item:hover {
            transform: translateY(-1px);
            box-shadow-: 0 15px 40px rgba(0, 0, 0, 0.4);
        }
        
        /* 图片容器 */
        .honnorlist_image_container {
            position: relative;
            overflow: hidden;
			
            padding-top: 130%; /* 5:4 比例 */
            cursor: zoom-in;
        }
        
        .honnorlist_image {
            position: absolute;
			border:#ffffff 5px solid;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit--: cover;
            transition: all 0.5s ease;
        }
        
        /* 图片悬停效果 */
        .honnorlist_image_container:hover .honnorlist_image {
            transform: scale(1.01);
            filter: brightness(0.8);
        }
        

        
        /* 悬浮层 */
        .honnorlist_overlay {
            position: absolute;
            bottom: 15px;
            left: 50%;
            transform: translateX(-50%);
            width: 90%;
            background: rgba(255, 255, 255, 0.7);
            border-radius: 0px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 15px;
            z-index: 1;
            transition: all 0.3s ease;
        }
        
        
        /* 标题样式 */
        .honnorlist_caption {
            padding: 15px 0;
            background-: #f5f5f5;
            text-align: center;
            transition: all 0.3s ease;
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .honnorlist_caption a {
            color: #333;
            text-decoration: none;
            font-weight: 600;
            font-size: 1.1rem;
            transition: color 0.3s ease;
        }
        
        .honnorlist_item:hover .honnorlist_caption a {
            color: #015bac;
        }
        
        /* 模态框样式 */
        .honnorlist_modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.9);
            z-index: 1000;
            justify-content: center;
            align-items: center;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        .honnorlist_modal_active {
            display: flex;
            opacity: 1;
        }
        
        .honnorlist_modal_content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
            animation: zoomIn 0.4s ease;
        }
        
        .honnorlist_modal_image {
            max-width: 100%;
            max-height: 80vh;
            display: block;
            margin: 0 auto;
            box-shadow: 0 0 40px rgba(0, 0, 0, 0.8);
            border-radius: 5px;
        }
        
        .honnorlist_modal_close {
            position: absolute;
            top: 20px;
            right: 30px;
            width: 50px;
            height: 50px;
            background: #015bac;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 1.5rem;
            cursor: pointer;
            transition: all 0.3s ease;
            opacity: 0.8;
            animation: fadeIn 0.5s ease;
        }
        
        .honnorlist_modal_close:hover {
            opacity: 1;
            transform: rotate(90deg) scale(1.1);
            background: #333333;
        }
        
        /* 动画 */
        @keyframes zoomIn {
            from {
                transform: scale(0.7);
                opacity: 0;
            }
            to {
                transform: scale(1);
                opacity: 1;
            }
        }
        
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(-20px);
            }
            to {
                opacity: 0.8;
                transform: translateY(0);
            }
        }
        
        /* 响应式布局 */
        @media (max-width: 1024px) {
            .honnorlist_grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 20px;
            }
        }
        
        @media (max-width: 768px) {
            .honnorlist_grid {
                grid-template-columns: repeat(2, 1fr);
            }

        }
        
        @media (max-width: 480px) {
            .honnorlist_grid {
                grid-template-columns: 1fr;
                max-width: 400px;
                margin: 0 auto;
            }
            
        }
		
		
/*   ============================主图下导航========================== */	
.bread_nav{ padding:2% 0;}
.bread_nav .columnName{ float:left; font-size:18px;color:#000; width:27%;}
.bread_nav .columnName b{font-size: 30px;display:inline-block;padding-right:10px;color: #015bac;}
.bread_nav .columnName span{display:block;padding-top: 5px;font-size:  30px;color: #000;}
.bread_nav ul{ float:right; max-width:71%;}
.bread_nav li{ float:left; position:relative; padding:0 15px;}
.bread_nav li:after{content:'';width: 4px;height: 4px;position:absolute;right:0;top: 38px;background:#015bac;display:block;}
.bread_nav li:last-child:after{ display:none;}
.bread_nav li a{display:block;margin: 0 18px;line-height:36px; padding:22px 0 0px;font-size:18px;color: #000; border-bottom:2px solid transparent; }
.bread_nav li:hover a,
.bread_nav li.aon a{ color:#015bac; border-bottom:2px #015bac solid;}

@media(max-width:1000px) and (min-width:769px){
.bread_nav .columnName b{ font-size:20px;}
}
@media(max-width:768px){
.bread_nav .columnName{ float:none; padding:2% 0; text-align:center; width:auto;}
.bread_nav ul{ float:none; max-width:none; overflow:hidden;}
.bread_nav li{ margin: 0 10px 10px 0; text-align:center; background: #f8f8f8; float: left; border-bottom: 0;  }
.bread_nav li a{ border-bottom:0; }
.bread_nav li:hover a,
.bread_nav li.aon a{ border-bottom:0; color: #fff;}
.bread_nav li:hover,
.bread_nav li.aon{ background:#015bac; }
.bread_nav li:after{ display: none;}
.bread_nav li a{ padding:0 5px; font-size: 16px;}
}
@media(max-width:480px){
.bread_nav li{ width: 49%; margin-right: 2%; }
.bread_nav li:nth-of-type(2n){ margin-right: 0; }
.bread_nav .columnName b{ font-size:28px;}
.bread_nav li a{ font-size:13px; padding: 0; }
}
@media(max-width:375px){
.bread_nav .columnName b{ font-size:24px;}
}		
		
/*   ============================内页新闻列表========================== */	

.newslist{ padding-top:2%; min-height: 400px; }
.newslist h3{ margin:0; font-size:18px;}
.newslist p{ line-height:26px; overflow:hidden; color:#999; height:52px; margin:2% 0 0 0;}

.newslist ol{ background-color:#fafafa; margin-bottom:2%; position:relative; padding-left:36.25%;}
.newslist ol .Ispic{ width:36.25%; position:absolute; left:0; top:0; height:100%;}
.newslist ol .Ispic img{ display:none;}
.newslist ol div{ padding:5% 10% 3% 5%;}
.newslist ol h3 a{ color:#015bac;}
.newslist ol h3 a:hover{ color:#0490d9; }
.newslist ol time{ display:block; padding:3% 0;}
.newslist ol p{ margin:0 0 3% 0; height:78px;}
.newslist ol span{ display:inline-block; width:130px; line-height:40px; text-align:center;  background:#015bac; font-size:12px; transition: 0.3s ease; }
.newslist ol span:hover{ width: 160px; background:#0490d9; }
.newslist ol span a{  color:#fff; }

.newslist li{ overflow:hidden; padding-left:160px; padding-right:58px; position:relative; margin-bottom:2%; background-color:#fff;}
.newslist li div{border-left:1px solid #eee; padding:2% 3%;}
.newslist li time{ position:absolute; left:0; top:0; width:160px; height:100%;}
.newslist li time span{ position:absolute; width:100%; text-align:center; top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); color:#b2b2b2; font-size:16px;}
.newslist li time i{ font-style:normal; font-size:50px; color:#999; display:block; font-family:"Courier New", Courier, monospace; line-height:40px;}
.newslist li time i:after{ display:block; content:''; margin:5px auto; height:1px; width:50%; max-width:66px; background:#dfdfdf;}

.newslist li:hover{ background-color:#015bac; }
.newslist li:hover *{  color:#fff; }

@media(max-width:1000px){
.newslist li{padding-left:100px;padding-right:30px;}
.newslist li:after{width:30px; background-size:35% auto;}
.newslist li time{width:100px;}
.newslist li time span{font-size:14px;}
.newslist li time i{font-size:40px;line-height:30px;}
}
@media(max-width:768px){
.newslist h3{ font-size:16px;}
}
@media(max-width:640px){
.newslist ol{ padding-left:0;}
.newslist ol .Ispic{ width:auto; position:relative; height:auto; display:block; padding-bottom:60%;}
.newslist ol div{ padding:3%;}
}
@media(max-width:480px){
.newslist li{padding-left:80px;padding-right:0;}
.newslist li:after{ display:none;}
.newslist li time{width:80px;}
.newslist li time span{font-size:12px;}
.newslist li time i{font-size:30px;}
.newslist h3{ font-size:14px;}
.newslist p{ font-size:12px; line-height:20px; overflow:hidden; height:40px;}
.newslist ol p{ height:60px;}
}
/*   ============================内页新闻内容========================== */	
	.news_view{ padding: 3% 0; }
.news_view .title{ text-align:center; padding-bottom:0px; background:none;}
.news_view .title h1{ margin:0; padding-bottom:15px; font-size:24px; font-weight:normal;}
.news_view .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:20px;}
.news_view .title p span{ margin:0 36px; color:#999;  font-size:12px;}
.news_view .info{ text-align:justify; text-justify:inter-ideograph; padding-top:20px;}
.news_view .info img{ margin:15px auto; display: block; }
.news_view .info p{ font-size:14px; color:#666; line-height:30px; margin:12px 0; text-indent:2em;}

.news_view .btn{ text-align: center; }
.news_view .goback{ background:#015bac; padding:8px 18px; color:#fff; border-radius:6px; display: inline-block; margin: 20px 0;}
.news_view .goback:hover{background:#015bac; }

.news_view .info_back{ padding:2% 0 20px 0;}
.news_view .info_back dl{ margin: 10px 0;}
.news_view .info_back a{ color:#999; font-size:14px;} 
.news_view .info_back a:hover{color:#015bac;}

/*   ============================内页产品列表左========================== */	
.fl{ float:left;}
.fr{ float:right;}
.w22{ width:22%; padding-bottom:4%;}
.w75{ width:75%; padding-bottom:4%;}
@media(max-width:1024px){
.fl,
.fr{ float:none;}
.w22,
.w75{ width:auto; padding-bottom:2%;}
}
.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}

.pro_left .side-title{margin-top: 60px;background:#015bac;background-size:auto 100%;color:#fff;font-size:18px;padding:22px 0 22px 30px;border-radius: 25px 0 0 0;font-size:24px;}
.pro_left .side-title span{display:block;text-transform: uppercase;font-size: 16px;color: #fff;}
.pro_left .side{ padding-bottom:50px; background:#fff; border-radius:0 0 50px 0; -webkit-border-radius:0 0 50px 0; -moz-border-radius:0 0 50px 0; -ms-border-radius:0 0 50px 0;}
.pro_left .side li{border-bottom: 1px solid #efefef;line-height:24px;font-size: 16px;background: #fff;}
.pro_left .side li a{display:block;padding: 18px 40px 18px 30px;position:relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro_left .side li a::before,
.pro_left .side li a::after{ position:absolute; content:''; top:50%;}
.pro_left .side li a::before{width:15px;height:15px;border-radius:50%;background:#ececec;right: 15px;margin-top:-7.5px;}
.pro_left .side li a::after{margin-top: -4px;border:5px solid transparent;border-top-width:4px;border-bottom-width:4px;border-left-color:#fff;right: 14px;}
.pro_left .side li a:hover,
.pro_left .side li.aon a{ color:#015bac;}
.pro_left .side li:hover a::before,
.pro_left .side li.aon a::before{ background:#015bac;}
.pro_left #side .owl-item{ float:left;touch-action: pan-y;-webkit-tap-highlight-color: transparent;position: relative;}
.pro_left #side .owl-stage-outer{ position:relative; overflow:hidden;}
.pro_left #side .owl-stage{position:relative;touch-action: manipulation;}
@media(max-width:1024px){
.w22{ padding-bottom:0;}
.pro_left .side-title{ margin-top:2%;}
.pro_left .side{ display:none;}
.pro_left #side{ background:#fff; border-top:1px solid #fff; padding:0 20px; position:relative;}
.pro_left #side li{ float:left; padding-right:4%;}
.pro_left #side li a{ color:#666; line-height:24px; display:block; padding:12px 10px; border-bottom:1px solid #fff; text-align:center;}
.pro_left #side li.aon a{color:#015bac; border-bottom:1px solid #015bac;}
.pro_left #side .owl-nav button{ position:absolute; top:0; height:100%; width:18px; border:none; background:#000; color:#fff; cursor:pointer; padding:0;}
.pro_left #side .owl-nav button.owl-prev{ left:0;}
.pro_left #side .owl-nav button.owl-next{ right:0;}
.pro_left #side .disabled{ display:none;}
}
@media(max-width:640px){
.pro_left .side-title{padding:10px 0 10px 20px;font-size:20px;}
.pro_left .side-title span{ font-size:12px;}
}

.pro_right{ padding-top:60px; min-height: 400px; }
.pro_right li .sc{ overflow: hidden; }
.pro_right li .sc .Ispic{width:100%;padding-bottom:98%;border-radius: 0px 0;transition: 0.3s ease;}
.pro_right li .sc .Ispic:hover{ transform: scale(1.1); }

.pro_right li{
    width: 23.5%;
    float: left;
    margin:0 2% 2% 0;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 10px 2px #eee;
    }
.pro_right li .word{ padding:6%}
.pro_right li:nth-child(4n){ margin-right:0;}
.pro_right li img{width: 100%; display:block;}
.pro_right li .dot{color: #353535; font-weight: bold; font-size: 16px;}
.pro_right li:hover .dot{color: #015bac;}
.pro_right li p{display: block; color: #727272; text-align: left; height: 48px; overflow: hidden; font-size: 12px; line-height: 24px;}
.pro_right li .more{width: 122px; height: 30px; margin-top:15px; line-height: 30px; color: #fff; font-size:12px; text-align: center; background:#015bac;display: inline-block;border-radius: 50px; transition: 0.3s; }
.pro_right li .more:hover{width: 160px; }
@media (max-width: 768px){
.pro_right li{width: 49%;}
.pro_right li:nth-child(4n){ margin-right:2%;}
.pro_right li:nth-child(2n){ margin-right:0;}
}
@media(max-width:640px){
.pro_right li{ float:none; margin-right:0 !important; width:auto; margin-bottom: 20px; }
}


/*   ============================内页产品详情========================== */	

.pro_view{ padding:4% 0;}
.pro_view .info_pro{background-color: white;padding: 5px 20px;}
.pro_view .pro_spec_tit {
	margin-top: 40px;
}
.pro_view .spec_title{
margin-top:30px;
color:#015bac;
text-align:center;
font-size:18px;
font-weight:bold;
}
.pro_view .spec_image{
margin-top:30px;
}
.pro_view .spec_image img{
margin:0 auto;
display:block;
max-width:90%;
}
.pro_view .pro_spec_tit a.cur, .pro_spec_tit a:hover {
    background: #015bac;
    color: #fff;
}
.pro_view .pro_spec_tit a {
    display: inline-block;
    width: 150px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #666;
    margin-left: 0px;
    /* float: left; */
    border-right: 1px solid #e5e5e5;
}

.pro_view .info_back{  margin: 20px 0; }
.pro_view .info_back dd{ line-height: 32px;  }
.pro_view .list_img{ float:left; width:55.6%; position:relative;}
.pro_view .big_img{ position:absolute; left:0; top:0; height:100%; width:80%;}
.pro_view .big_img li,
.pro_view .big_img li figure{ position:absolute; left:0; width:100%; top:0; height:100%; background-color: #fff; }
.pro_view .big_img li figure{ background-size:contain;}
.pro_view .list{ padding:42px 0 170px 82.9%;}
.pro_view .list .bd{ position:relative;}
.pro_view .list a{ position:absolute; width:17.1%; height:40px; right:0; background:url(../images/pro_view-btn_prev.png) no-repeat center center/auto 50%;  cursor:pointer;}
.pro_view .list a.prev{ top:0;}
.pro_view .list a.next{ bottom:0; background-image:url(../images/pro_view-btn_next.png);}
.pro_view .list a.prevStop,
.pro_view .list a.nextStop{ cursor:default;}
.pro_view .list li{ height:124px;  position:relative;}
.pro_view .list li figure{ position:absolute; left:0; width:100%; top:9px; bottom:9px; background-size:contain; background-color: #fff;  border:1px solid #f2f2f2;}
.pro_view .list li.on figure{ border:2px solid #015bac;}

.pro_view .right_info{ float:right; width:39.2%; height: 500px; overflow-y:scroll; position: relative; padding: 15px; margin: 20px 0;  }
.pro_view .right_info h1{ font-size: 36px; color: #015bac; position: relative; padding-bottom: 20px; margin-bottom: 40px;}
.pro_view .right_info h1::after{ position: absolute; display: inline-block; content: ''; width: 80px; height: 1px; background:#015bac; bottom: 0; left: 0; }
.pro_view .right_info .intro{ margin:0; line-height:30px; padding-bottom: 5%; }
.pro_view .back{ float: right; display:inline-block; padding:10px 5%; color:#000;background: #ddd; transition:0.4s;}
.pro_view .back:hover{ background-color:#015bac; color:#fff;}

/* 滚动条背景 */
.pro_view ::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #f1f1f1;}
/* 滚动条宽 */
.pro_view ::-webkit-scrollbar{width: 2px; }
/* 滚动条滑动条颜色 */
.pro_view ::-webkit-scrollbar-thumb{  border-radius: 10px;  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background-color: #999;  }

.pro_view .tab{ padding:3% 0;}
.pro_view .tab .h1_tab{ margin:0; border-bottom:1px solid #e7e8e8; overflow:hidden; font-size:16px; font-weight:normal; color:#000;}
.pro_view .tab .h1_tab span{ float:left; padding:0 5%; line-height:50px; background-color:#eee; margin-right:4px; cursor:pointer;}
.pro_view .tab .h1_tab span.on{ background-color:#015bac; color:#fff;}
.pro_view .tab .info{ padding-top:3%;padding-left: 5%;}
.pro_view .tab .info figure{ padding-bottom:2%;}
.pro_view .tab .info h1{ font-size:15px; color:#015bac;    margin: 0;
    margin-bottom: 10px;}
.pro_view .ul_download li{ border-bottom:1px solid #d1d1d3; line-height:34px; background:url(../images/pro_view-icon_download.png) no-repeat right center; padding:10px 0;}
.pro_view .ul_download li a{ padding:0 38px; background:url(../images/pro_view-icon.png) no-repeat left center;}

@media(max-width:768px){
.pro_view .list_img { float:none; width:auto;}
.pro_view .right_info{ float:none; width:auto; height:auto; overflow-y:hidden;}

.pro_view .back {float:none; clear:both;}
}
@media(max-width:640px){
.pro_view .list li{ height:100px;}
.pro_view .right_info h1{font-size:20px; }
.pro_view .right_info h3{ font-size:16px;}
 }
@media(max-width:480px){
.pro_view .list{ padding-top:30px; padding-bottom:30px;}
.pro_view .list a{ height:28px;}
.pro_view .list li{ height:80px;}
.pro_view .tab .h1_tab{ font-size:14px;}
.pro_view .tab .h1_tab span{ padding:0 3%;}
 }


/*   ============================内页案例列表========================== */	
      .piclist_container {
      
            margin: 0 auto;
            padding: 20px 0;
        }
        
        
        /* 网格布局 */
        .piclist_grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
        }
        
        /* 项目样式 */
        .piclist_item {
            position: relative;
            overflow: hidden;
            border-radius: 0px;
            box-shadow-: 0 10px 30px rgba(0, 0, 0, 0.3);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            background: white;
            height: 100%;
            display: flex;
            flex-direction: column;
        }
        
        .piclist_item:hover {
            transform: translateY(-1px);
            box-shadow-: 0 15px 40px rgba(0, 0, 0, 0.4);
        }
        
        /* 图片容器 */
        .piclist_image_container {
            position: relative;
            overflow: hidden;
            padding-top: 85%; /* 5:4 比例 */
            cursor: zoom-in;
        }
        
        .piclist_image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.5s ease;
        }
        
        /* 图片悬停效果 */
        .piclist_image_container:hover .piclist_image {
            transform: scale(1.01);
            filter: brightness(0.8);
        }
        

        
        /* 悬浮层 */
        .piclist_overlay {
            position: absolute;
            bottom: 15px;
            left: 50%;
            transform: translateX(-50%);
            width: 90%;
            background: rgba(255, 255, 255, 0.7);
            border-radius: 0px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 15px;
            z-index: 1;
            transition: all 0.3s ease;
        }
        
        
        /* 标题样式 */
        .piclist_caption {
            padding: 15px 0;
            background-: #f5f5f5;
            text-align: center;
            transition: all 0.3s ease;
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .piclist_caption a {
            color: #333;
            text-decoration: none;
            font-weight: 600;
            font-size: 1.1rem;
            transition: color 0.3s ease;
        }
        
        .piclist_item:hover .piclist_caption a {
            color: #015bac;
        }
        
        /* 模态框样式 */
        .piclist_modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.9);
            z-index: 1000;
            justify-content: center;
            align-items: center;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        .piclist_modal_active {
            display: flex;
            opacity: 1;
        }
        
        .piclist_modal_content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
            animation: zoomIn 0.4s ease;
        }
        
        .piclist_modal_image {
            max-width: 100%;
            max-height: 80vh;
            display: block;
            margin: 0 auto;
            box-shadow: 0 0 40px rgba(0, 0, 0, 0.8);
            border-radius: 5px;
        }
        
        .piclist_modal_close {
            position: absolute;
            top: 20px;
            right: 30px;
            width: 50px;
            height: 50px;
            background: #015bac;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 1.5rem;
            cursor: pointer;
            transition: all 0.3s ease;
            opacity: 0.8;
            animation: fadeIn 0.5s ease;
        }
        
        .piclist_modal_close:hover {
            opacity: 1;
            transform: rotate(90deg) scale(1.1);
            background: #333333;
        }
        
        /* 动画 */
        @keyframes zoomIn {
            from {
                transform: scale(0.7);
                opacity: 0;
            }
            to {
                transform: scale(1);
                opacity: 1;
            }
        }
        
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(-20px);
            }
            to {
                opacity: 0.8;
                transform: translateY(0);
            }
        }
        
        /* 响应式布局 */
        @media (max-width: 1024px) {
            .piclist_grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 20px;
            }
        }
        
        @media (max-width: 768px) {
            .piclist_grid {
                grid-template-columns: repeat(2, 1fr);
            }

        }
        
        @media (max-width: 480px) {
            .piclist_grid {
                grid-template-columns: 1fr;
                max-width: 400px;
                margin: 0 auto;
            }
            

        }

/* ————————————————————————————内页下载———————————————————————————— */
        .down-container {
            width: 100%;
           padding:50px 0;
            margin: 0 auto;
        }
        
        /* 下载列表 - PC端双列 */
        .down-list {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            list-style: none;
            width: 100%;
        }
        
        .down-item {
            background-color: #ffffff;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            border: 1px solid #eaeff5;
        }
        
        .down-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
        }
        
        .down-link {
            display: flex;
            text-decoration: none;
            color: inherit;
            padding: 22px;
            transition: background-color 0.3s ease;
            height: 100%;
        }
        
        .down-link:hover {
            background-color: #f8fafd;
        }
        
        .down-left {
            display: flex;
            align-items: center;
            flex: 1;
            padding-right: 20px;
        }
        
        .down-icon {
            width: 48px;
            height: 48px;
            background-color: #015bac;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 20px;
            transition: all 0.3s ease;
        }
        
        .down-icon i {
            color: white;
            font-size: 25px;
			padding-top:6px;
            transition: all 0.3s ease;
        }
        
        .down-content {
            flex: 1;
            min-width: 0; /* 防止内容溢出 */
        }
        
        .down-title {
            font-size: 16px;
            font-weight: 600;
            color: #222222;
            transition: all 0.3s ease;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .down-file-info {
            font-size: 14px;
            color: #999999;
            margin-top: 8px;
            display: flex;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .down-file-size {
            margin-left: 15px;
            position: relative;
        }
        
        .down-file-size::before {
            content: "•";
            margin-right: 15px;
        }
        
        .down-right {
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .down-download {
            width: 48px;
            height: 48px;
            background-color: #f0f5ff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .down-download i {
            color: #7f8c8d;
            font-size: 24px;
			padding-top:5px;
            transition: all 0.3s ease;
        }
        
        /* 鼠标悬停效果 */
        .down-link:hover .down-title {
            color: #015bac;
        }
        
        .down-link:hover .down-icon {
            background-color: #015bac;
            transform: rotate(0deg);
        }
        
        .down-link:hover .down-icon i {
            transform: scale(1);
        }
        
        .down-link:hover .down-download {
            background-color: #015bac;
            transform: scale(1.1);
        }
        
        .down-link:hover .down-download i {
            color: white;
            transform: translateY(0px);
        }
        
        /* 响应式设计 - 平板和移动端 */
        @media (max-width: 992px) {
            .down-list {
                grid-template-columns: repeat(2, 1fr);
                gap: 15px;
            }
            
            .down-link {
                padding: 18px;
            }
            
            .down-icon, .down-download {
                width: 42px;
                height: 42px;
            }
            
            .down-title {
                font-size: 17px;
            }
        }
        
        @media (max-width: 768px) {
            .down-list {
                grid-template-columns: 1fr; /* 移动端单列 */
                gap: 15px;
            }
        }
        
        @media (max-width: 576px) {
            .down-link {
                padding: 16px;
            }
            
            .down-icon, .down-download {
                width: 40px;
                height: 40px;
            }
            
            .down-icon {
                margin-right: 15px;
            }
            
            .down-title {
                font-size: 14px;
            }
            
            .down-file-info {
                font-size: 13px;
            }
        }
        
        /* 动画效果 */
        @keyframes down-fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .down-item {
            animation: down-fadeIn 0.5s ease-out forwards;
            opacity: 0;
        }
        
        .down-item:nth-child(1) { animation-delay: 0.1s; }
        .down-item:nth-child(2) { animation-delay: 0.2s; }
        .down-item:nth-child(3) { animation-delay: 0.3s; }
        .down-item:nth-child(4) { animation-delay: 0.4s; }
        .down-item:nth-child(5) { animation-delay: 0.5s; }
        .down-item:nth-child(6) { animation-delay: 0.6s; }
/*   ============================内页联系我们========================== */	

        .contact-container {
            width: 100%;
            display: flex;
			padding: 50px 0;
            flex-direction: row;
            align-items: flex-start;
        }

        .contact-left {
            width: 40%;
            padding: 10px;
            box-sizing: border-box;
        }

        .contact-right {
            width: 60%;
            padding: 10px;
            box-sizing: border-box;
        }

        .contact-image {
            width: 100%; 
			
			border-radius: 15px;
            aspect-ratio: 5/2.5;
			border:#FFF 10px solid;
            background-color: #f0f0f0;
            object-fit: cover;
        }

        .contact-title {
			padding-top: 20px;
            font-size: 26px;
            font-weight: bold;
            margin-bottom: 15px;
        }

        .contact-description .p{
            font-size: 14px;
            color: #666;
			line-height:2.2;
        }

        @media (max-width: 768px) {
            .contact-container {
                flex-direction: column;
            }

            .contact-left, 
            .contact-right {
                width: 100%;
            }
        }