.company_title{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    height: clamp(90px,6.67vw,128px);
}

.flex{
    display: flex;

}

.com_right_title{
    height: clamp(48px,3.54vw,68px);

    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.com_right_title .en{
    font-size:60px;
    
    height: 100%;

    position: absolute;
    left: 0;
    bottom:0;
    color: #f5f5f5;
    font-weight: bold;
    z-index: 1;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;

}
.com_right_title .ch{
    font-size:30px;
    display: flex;
    height: 100%;
    align-items: flex-end;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom:0;
    color: #464646;
    font-weight: bold;
    z-index: 2;
    width: 100%;
    

}

.line_gap{
    width: 40px;
    height:20px;
    border-bottom: 4px solid #166fae;

}

.com_desc{
    padding-top: 30px;
  
    font-size: 18px;
    color: #464646;
    line-height: 30px;
}
.com_desc p{
    text-indent: 36px;
    margin-bottom: 10px;
}

.about_wrap33{
   
    padding-bottom: clamp(30px,3.125vw,60px);
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contact_top{
    padding-top: clamp(20px,2.08vw,40px);
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.contact_top_left{
    width: 40%;
}

.contact_top_right{
    width: 56%;
    height: 340px;
    border:1px solid #ddd;
}

.contact_left_title{
    height: clamp(40px,3.6458vw,70px);

    display: flex;
    align-items: center;
    font-size: 24px;
    color: #166fae;
    font-weight: bold;
}

.contact_detail_info{
    line-height: 36px;
    font-size: 14px;
    color: #999;
    padding-top: 10px;
}


@media screen and (max-width:1000px ) {


    .contact_left_title{
        font-size: 20px;
    }

    .com_right_title .en {
        font-size: 50px;
        line-height: 58px;
    }


}
@media screen and (max-width:800px ) {
    .contact_top{
       
       flex-direction: column;
    }

    .contact_top_left{
        width: 100%;
        margin-top: 20px;
    }

    .contact_top_right{
        width: 100%;
       
        
    }

    .contact_left_title{
        font-size: 18px;
    }

    .contact_detail_info {
        padding-top:0;
    }

     .com_right_title .en {
        font-size: 40px;
        line-height: 48px;
    }
}