
.content{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;

}
.content article{
    font-size:14px;
    line-height: 24px;
}
.content .desc {
  width: 900px;
  line-height: 56px;
  color: rgb(31, 135, 232);
  font-size: 30px;
  margin:50px 0;
}
.content .desc div {
  text-align: center;
}
.content section{
    margin: 50px 0;
    width: 1250px;
}
.content .split{
    width: 1250px;
}

.card header {
  color: #353535;
  text-align: center;
  font-weight: 600;
  font-size: 26px;
}
.card .imgBox {
    display: flex;
    justify-content: center;
}
.card img {
  width: 450px;
  height: 50px;
}
.card .describe {
    text-align: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 50px;
  font-weight: 600;
}
.card .describe span {
  font-size: 18px;
  color: #666666;
  text-align: center;
}

.content{
    color:#666;
}
.content .title{
    font-size:20px;
}
.leftBox{
    float:left;
}
.rightBox{
    float:right;
}
.about{
    overflow:hidden;
}
.about .leftBox{
    width:650px;
}
.about .cellBox{
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:#1261A7;
    margin-top:50px;
}
.about .cellBox i{
    display:block;
    height:40px;
    width:1px;
    background-color:#666;
}
.about .cellBox .cell b{
    font-size:24px;
}
.about article{
    margin:20px 0;
}

.about .rightBox img{
    width:470px;
}
.statement{
    background-size: cover;
    background-image: url(../img/introduce/2.jpg.webp);
}
.statement article{
    margin:20px 0;
}

.center>div{
    overflow:hidden;
    margin:50px 0;
}
.center .title{
    line-height:60px;
}
.center article{
    margin-top:50px;
}
.center .leftBox,
.center .rightBox{
    width:40%;
}
.introduce .leftBox img{
 width:520px;
 height:290px;
}
.introduce .rightBox{
    width:520px;

}
.introduce .rightBox article{
    margin-bottom:20px;
}
.honor {
    width:100% !important;
    background-size: cover;
    background-image: url(../img/introduce/bg.jpg);
    padding:50px 0;
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    align-items:center;
}
.honor  .title{
    text-align:center;
    margin-bottom:30px;
}
.honor  article,
.honor  .title{
    color:#fff;
}
.honor  .middleBox {
    width: 1250px;
    display:flex;
    gap:20px;
}
.honor header{
 color:#fff;
}
.honor .leftBox img{
    width:585px;
    height:259px;

}
.honor .rightBox{
    flex:1;
} 
.quality{
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    align-items:center;

}
.envi .content{
    display: grid;
    grid-template-columns: repeat(3, 400px);
    grid-gap: 10px;
    
}
.envi .content img{
    width:400px;
    height:260px;

}

