.banner{
    width: 100%;
    height:800px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.banner img{
    width:100%;
    height:100%;
    object-fit: cover;
}

.aboutUsContent{
    width: 100%;
    height: 100%;
    margin: 0 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.aboutUsContentTitle{
    font-size: 32px;
}
.aboutUsContentText{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    color:#666666;
    line-height:2.5;
    text-overflow: ellipsis;
    width: 100%;
    text-indent:0;
    margin: 10px 0 50px 0;
    text-align: center;
}
.aboutUsContentText:first-line {
    display: block; /* 将第一行设置为块级元素 */
    width: 100%; /* 第一行宽度占满整个容器 */
}
.containerBanner{

}

.aboutUsKnowMore{
    background:#1E50AE;
    color:#fff;
    padding: 15px 50px;
    font-size:14px;
}
.aboutUs{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.productShowItemList{
    width: 100%;
    height:560px;
    display: grid;
    grid-template-columns: repeat(4,280px);
    gap: 35px;
    justify-content: space-between;
    align-items: center;
}
.productShowItemInfoLine{
    width: 40px;
    height: 1px;
    border: 1px solid #fff;
    margin: 10px 0;
}
.productShowItem0,.productShowItem1,.productShowItem2,.productShowItem3{
    width: 280px;
    height: 560px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    transition: transform 0.3s ease;
}
.productShowItem0{
    background:url('/static/images/coms/productShowItem_1.jpg') no-repeat center center;
}
.productShowItem1{
    background:url('/static/images/coms/productShowItem_2.jpg') no-repeat center center;
}
.productShowItem2{
    background:url('/static/images/coms/productShowItem_3.jpg') no-repeat center center;
}
.productShowItem3{
    background:url('/static/images/coms/productShowItem_4.jpg') no-repeat center center;
}
.productShowItem0:hover,.productShowItem1:hover,.productShowItem2:hover,.productShowItem3:hover {
    transform: translateY(-10px);
}
.productShowItemInfo{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
}
.productShowItemInfoTitle{
    font-size: 20px;
}
.productShowItemInfoText{
}
.productShowItemInfo{
    position: relative;
    top: 120px;
    width: 100%;
    height: 148px;
    background-color: rgba(19,50,106, 0.8);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
}
.productShowItemInfoTitle{
    color:#fff;
    font-size: 16px;
}
.productShowItemInfoText{
    color:#fff;
    font-size: 14px;
    margin: 20px 0;
    text-align: center;
}

.companyNewsItemList{
    display: grid;
    grid-template-columns: repeat(3,375px);
    justify-content: space-between;
    align-items: center;
    gap: 35px;
    height:300px;
    margin-bottom: 40px;
}



.companyNewsItemImg{
    width: 100%;
    height: 220px;
}
.companyNewsItemImg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.companyNewsItem0,.companyNewsItem1,.companyNewsItem2{
    width: 375px;
    height:300px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1)
}

.companyNewsItemInfo{
    padding: 15px;
}
.companyNewsItemInfoTitle{
    margin-bottom: 10px;
    font-size: 16px;
    color:#333333;
}
.companyNewsItemInfoText{
    color: #666666;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.aboutUsContentImgList{
    display:flex;
    justify-content: space-between;
    margin-bottom: 5%
}
.aboutUsContentImgItem{
    width:370px;
    height:230px;
    overflow:hidden;
    margin: 5px 13px;
}
.aboutUsContentImgItem img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home_productBanner{
    width:100%;
    height:80%;
    background:url('/static/images/coms/home_productBanner.png') no-repeat center center,transparent;
    background-size: cover;
   
}
.home_recommendBanner{
    width:100%;
    height:auto;
    background:url('/static/images/coms/home_recommendBanner.png') no-repeat center center,transparent;
    background-size: cover;
}
.containerContent:last-child{
    margin-bottom:0 !important;
}

@media screen and (max-width: 1440px) {
    .aboutUsContentImgList{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
    .aboutUsContentImgItem{
        width:auto;
        height:auto;
        margin:0;
    }
    .companyNewsItemList{
        grid-template-columns: repeat(3, 1fr);
    }
    .companyNewsItem0, .companyNewsItem1, .companyNewsItem2{
        width:auto;
        height:auto;
    }
    .productShowItemList{
        grid-template-columns: repeat(4, 1fr);
        height:360px;
    }
    .productShowItem0, .productShowItem1, .productShowItem2, .productShowItem3{
        width:auto;
        height:360px;
    }
    
}
@media screen and (max-width: 992px){
    .home_productBanner{
        height:auto;
    }
    .productShowItemList {
        grid-template-columns: repeat(2, 1fr);
        height: auto;
    }
    .companyNewsItemList {
        grid-template-columns: repeat(1, 1fr);
        height:auto;
    }
    .recommendItemList {
        grid-template-columns: repeat(2, 1fr);
    }
}