.typename{
    margin-top: 40px;
    position: relative;
}
.typename:before{
    content: "";
    position: absolute;
    width: 2.5em;
    top: 5.5em;
    left: 0;
    height: 5px;
    background: var(--dataColor);
}
.contact .item{
    width: 25%;
    border-right: 1px solid #eee;
    padding: 20px;
}
.contact .item:last-child{
    border: 0;
}
.contact .item .iconfont {
    font-size: var(--title);
    color: var(--dataColor);
    margin-right: 10px;
}
.contact .item .title{
    font-weight: bold;
    font-size: var(--subTitle);
}
.contact .item .sub{
    font-size:18px;
    color: #999;
    margin-top: 5px;
}
#dituContent{
    height: 500px;
    width: 100%;
    margin: 50px 0;
}

@media(max-width:700px){
    .snavbar2.contact{
        display: block;
    }
    .contact .list {
     flex-direction: column;   
    }
    .contact .item{
        width: 100%;
        justify-content: flex-start;
    }
}