.box{
    min-width: 1380px;
    width: 100%;
    color: #333333;
    background: #F2F2F2;
}
.details-box{
    width: 1380px;
    padding: 0 60px;
    margin: auto;
    box-sizing: border-box;
}
.details-box  .title-icon{
    margin-top: 100px;
    font-weight: 300;
}
.details-title{
    font-size: 18px;
    margin-bottom: 10px;
}
.details-txt{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
}
.details{
    display: flex;
    justify-content: space-between;
    background-color: white;
    width: 1260px;
    margin-top: 50px;
}
.details-content{
    padding: 40px 60px;
    box-sizing: border-box;
}
.top{
    width: 100%;
    height: 310px
}
.top-img{
    width: 100%;
    height: 100%;
    background-image: url('../img/contactUs/bg.png?v=221213');
    background-repeat:no-repeat;
    background-position: center;
    background-size: cover;
}
.content {
   margin-bottom: 100px;
}
.content .title{
    font-weight: bold;
    font-size: 30px;
}
.height434{
    height: 434px;
} 
.icon{
    width: 792px;
    height:  434px;
}
.kf-icon{
    display: flex;
    width: 126px;
    height: 129px;
}
.tow{
    height: 162px;
}
.tow span{
    font-weight: bold;

}
.tow p{
    font-size: 18px;
    line-height: 26px;
}
.tow p span{
    font-size: 20px;
    margin-left: 30px;
}
.mt30{
    margin-top: 30px;
}

.icon-icon{
    margin: 0 16px !important

}
.rq{
    font-weight: bold;
    margin-left: 30px !important;
}
.align-right{
    text-align: right;
}
.height162{
    height: 162px;    
}
.contactDate{
    width: 368px;
    height: 162px;
    background: url('../img/contactUs/mc.png?v=221213');
    background-size: 100% 100%;
}