p{
    margin-bottom: 0;
}
.banner-con{
    background: url(../images/news-center-bg.jpg) no-repeat;
    background-size: cover;
    color: #ffffff;
}
.banner-con .subtitle{
    font-size: clamp(20px, 1.875vw, 36px);
    font-weight: bold;
    margin: 30px 0;
}
.title-desc-more{
    gap: 30px;
}
.title-desc-more .title-desc{
    gap: 30px;
}
.title-desc-more h2{
    white-space: nowrap;
}
.title-desc-more a{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #b02d2c;
    color: #ffffff;
    width: 200px;
    height: 40px;
}
.company-news-con .company-news ul{
    gap: 30px;
}
.company-news-con .company-news ul li{
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    flex: 1;
}
.company-news-con .company-news ul li a{
    display: block;
}
.company-news-con .company-news ul li .text{
    padding: 30px;
}
 .date{
    color: #999999;
    font-size: 14px;
    position: relative;
    padding-left: 20px;
}
 .date:before{
    content: "";
    background: url(../images/date.png) no-repeat;
    width: 15px;
    height: 16px;
    position: absolute;
    top: 5px;
    left: 0;
}
.company-news-con .company-news ul li .text .title{
    margin: 20px 0;
    font-size: 18px;
}
.company-news-con .company-news ul li .text .desc{
    line-height: 2;
    color: #666666;
    font-size: 14px;
    overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

overflow:hidden;

-webkit-box-orient: vertical;
}

.knowledge-con .knowledge .title-desc-date{
    padding: 30px 0;
}
.knowledge-con .knowledge .title-desc-date .title-desc{
    margin-bottom: 20px;
}
.knowledge-con .knowledge .title-desc-date .title-desc .title{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.knowledge-con .knowledge .left-con{
    max-width: 50%;
}
.knowledge-con .knowledge .right-con{
    margin-left: 15vw;
    flex: 1;
}
.knowledge-con .knowledge .right-con ul{
    gap: 30px;
}
.knowledge-con .knowledge .right-con ul li{
    display: block;
    padding: 30px;
    background: #f5f5f5;
    border-radius: 10px;
    position: relative;
}
.knowledge-con .knowledge .right-con ul li:before{
    content: "";
    width: 18px;
    height: 18px;
    outline: 3px solid #ffffff;
    border-radius: 9px;
    background: #21385b;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.17);
    position: absolute;
    left: -7.5vw;
    top: 50%;
    transform: translateY(-50%);
}
.knowledge-con .knowledge .right-con ul li:not(:last-child):after{
    content: "";
    width: 1px;
    height: 100%;
    background-image: linear-gradient(to bottom, #bebebe 0%, #bebebe 50%, transparent 50%);
    background-size: 1px 8px;
    background-repeat: repeat-y;
    display: block;
    position: absolute;
    left: calc(-7.5vw + 8px);
    top: calc(50% + 16px);
}
.knowledge-con .knowledge .right-con ul .title{
    font-size: 18px;
    font-weight: bold;
}
.knowledge-con .knowledge .right-con ul .lines{
    position: relative;
    padding: 15px 0;
}
.knowledge-con .knowledge .right-con ul .lines:before{
    content: "";
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, #bebebe 0%, #bebebe 50%, transparent 50%);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
}
.knowledge-con .knowledge .right-con ul .desc{
    line-height: 2;
    margin-bottom: 10px;
     line-height: 2;
     display: -webkit-box;          /* 将对象作为弹性伸缩盒子模型显示 */
  -webkit-box-orient: vertical;  /* 设置或检索伸缩盒对象的子元素的排列方式 */
  -webkit-line-clamp: 2;         /* 限制显示的行数，这里设置为2行 */
  overflow: hidden;              /* 超出部分隐藏 */
  text-overflow: ellipsis;       /* 溢出部分使用省略号表示 */
}

.industry-con{
    background: #f5f5f5;
}
.industry-con ul{
    gap: clamp(20px,2.5vw,50px) clamp(30px , 4.2vw, 80px) ;
}
.industry-con ul li{
    width: calc((100% - clamp(30px , 4.2vw, 80px)) / 2);
    position: relative;
}

.industry-con ul li:not(:nth-last-child(-n+2)):after{
    content: "";
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, #bebebe 0%, #bebebe 50%, transparent 50%);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    display: block;
    position: absolute;
    left: 0;
    bottom: calc(clamp(20px,2.5vw,50px) / -2);
}
.industry-con ul li a{
    gap: 20px;
    align-items: center;
}
.industry-con ul li a .text{
    min-width: 0;
}
.industry-con ul li a .img{
    max-width: 40%;
}
.industry-con ul li a .title{
    font-size: 18px;
    font-weight: bold;
}
.industry-con ul li a .desc{
    font-size: 14px;
    color: #666666;
    margin: 15px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width:1080px){
    .company-news-con .company-news ul,.knowledge-con .knowledge .right-con ul,.knowledge-con .knowledge .left-right-con,.industry-con ul{
        gap: 15px;
    }
    .company-news-con .company-news ul li .text,.knowledge-con .knowledge .right-con ul li{
        padding: 15px;
    }
.industry-con ul li{
    width: calc((100% - 15px) / 2);
} 
    .knowledge-con .knowledge .right-con ul li:before,.knowledge-con .knowledge .right-con ul li:not(:last-child):after{
        display: none;
    }
    .knowledge-con .knowledge .right-con{
        margin-left: 0;
    }
}

@media(max-width:768px){
    .company-news-con .company-news ul{
        flex-wrap: wrap;
    }
    .company-news-con .company-news ul li:last-child{
        flex-basis: 100%;
    }
    .knowledge-con .knowledge .left-right-con{
        flex-direction: column;
    }
    .knowledge-con .knowledge .left-con{
        max-width: 100%;
    }
    .industry-con ul li a{
        flex-direction: column;
    }
    .industry-con ul li a .img{
        max-width: 100%;
    }
}

@media (max-width:500px){
    .title-desc-more,.title-desc-more .title-desc{
        flex-wrap: wrap;
        /* flex-direction: column; */
    }
}