body{
    margin:0;
    padding:0;
}

.header {
/*    display: flex;*/
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中（如果header有固定高度）*/
    text-align: center; /* 文本居中（如果header高度由内容决定）*/
    margin-top:35px;
    margin-bottom:45px;
}

.logo img {
    /* logo图片的样式 */
    max-width: 66px; /* 示例宽度，你可以根据需要调整 */
    height: auto;
    border-radius: 10px;
    margin-right: 35px;
}

.tagline p {
    /* 文本的样式 */
    margin: 30px; /* 移除默认的边距 */
    font-size: 16px; /* 示例字体大小，你可以根据需要调整 */
    letter-spacing: 35px;
    font-weight:600;

}

.contain img{
    width: 100%;
}

.contain-box{
    margin:80px 30px;
    text-align: center;
    letter-spacing: 5px;
}

.contain-box .title{
    font-size:22px;
    font-weight: 600;
    margin-bottom:30px;
     letter-spacing: 10px;
}

.contain-box .desc{
    line-height: 35px;
    font-size: 15px;
}

.value-box{
    display: flex;
    justify-content: space-around;
    padding:10px 150px;
}

.value-desc{
    text-align: center;
    line-height: 30px;
    letter-spacing: 3px;
    font-size:15px;
}

.value-desc img{
    width: 80px;
}

.value-desc .title{
    font-size:15px;
    font-weight: 600;
    margin-bottom:20px;
    margin-top:10px;
}

.focus-box{
    margin-top:100px;
    background: #f7f7f7;
    display: flex;
    justify-content: space-around;
    text-align: center;
    padding:100px 200px;
    font-size:14px;
    letter-spacing: 5px;
}

.focus-box img{
    width: 100px;
    border-radius: 10px;
    margin-bottom:10px;
    margin-right: 5px;
}

.product-box{
    display: flex;
    justify-content: space-around;
    padding:80px 120px;
}

.product-box img{
    width: 280px;
    border-radius: 10px;
}

.process-box{
    background: #f7f7f7;
    padding:80px 300px;
/*    line-height: 50px;*/
    letter-spacing: 3px;
/*    color:gray;*/
}

.process-contain{
    display: flex;
/*    justify-content: space-evenly;*/
    align-items: center;
}

.process-title{
    width: 80px;
    font-size:16px;
    font-weight: 600;
}

.process-dot{
    width:50px;
    font-size:29px;
}

.process-desc{
    font-size:14px;
    letter-spacing: 5px;
}

.process-gap{
    height: 25px;
    width:0;
    border-left:1px solid gray;
    margin-left:83px;
}

.process-box .title{
    font-size:18px;
    margin-bottom: 30px;
    letter-spacing: 10px;
    font-weight: 600;
}

.bottom-area{
    padding:80px 50px;
}

.bottom-box{
    text-align: right;
    letter-spacing: 10px;
    line-height:30px;
    font-size: 12px;

}

.bottom-box img{
    width: 14px;
}

.bottom-top{
    font-size:14px;
    letter-spacing: 10px;
    margin-left:50px;
}

.bottom-top img{
   width: 70px;
   margin-left:43px;
   margin-bottom:20px;
}


/* 适配手机端的媒体查询 */
@media (max-width: 768px) {
    .header {
        height: 80px; /* 在小屏幕上调整高度 */
    }
    
    .logo img {
        max-width: 80px; /* 在小屏幕上调整logo大小 */
    }
    
    .tagline p {
        font-size: 16px; /* 在小屏幕上调整字体大小 */
    }
}


