.header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 100;
}
.header_top{ height: 100px; display: flex; justify-content: space-between; align-items: center; }
.header_top .web_brand{ height: 60px; display: block; }  
.header_top .header_phone{ font-size: 28px; display: flex; align-items: center; }
.index_title{ text-align:center; font-size:22px; line-height:18px; }
.index_line{ display:inline-block; width:100px; height:5px; border-radius:5px; background:#070c8d; }
.index_section{ padding:40px 0; }
.index_pro{ background:#f8f8f8; }
.index_content{
    padding:30px 0 0;
}
.pro-img{ 
    display:block; 
    height:230px; 
    border-radius: 10px;
    display:flex; 
    justify-content:center; 
    align-items:center; overflow: hidden; 
    transition: transform 0.3s; 
    border-style: solid; 
    border-width: 2px 2px 2px 2px;    
    border-color: transparent; 
    background:#fff;
}
.pro-img img{ max-width:100%; max-height:100%; width:100%; height:100%;  }
.pro-img:hover{ border-color: #070c8d; }  
.pro-img:hover img{ transform: scale(1.08, 1.08) translateZ(0); transition: transform 0.6s; }  
.pro-title{ margin:0; padding:0; height:36px; line-height:36px; text-align:center; }
.index_case{ background: #1c5fa8; }
.index_case .index_title{ color:#fff; }
.index_case .pro-title a{ color:#fff; }
.index_news .article-item{ background:#f8f8f8; margin: 10px 0; }
.index_news .article-item .article-intro{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 限制显示的行数 */
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 768px) {
   .pro-img{ height:160px; } 
   .header_phone{ display:none !important; }
   .carousel-focus .item .carousel-img{ height:140px; }
   .main-content > .container > .category-title{ margin-top:0; }
}