.ditu {
    margin-top: 80px;
    float: left;
    width: 100%;
    height: 1000px;
}
.ditu .center {
    margin: 0 auto;
    width: 80%;
    height: 100%;
}
.ditu .center .zuo {
    float: left;
    overflow: hidden;
    width: 40%;
    height: 100%;
}
.ditu .center .zuo .top {
    margin-top: 10%;
    width: 100%;
    height: 80px;
    border-bottom: 1px solid rgb(184, 180, 180);
}
.ditu .center .zuo .top h4 {
    line-height: 40px;
    margin-left: 20px;
    font-family: '等线';
}
.ditu .center .zuo .top h4:first-child::before {
    margin-right: 10px;
    font-family: 'icomoon';
    content: '\e909';
}
.ditu .center .zuo .top h4:last-child::before {
    margin-right: 10px;
    font-family: 'icomoon';
    content: '\e907';
}
.ditu .center .zuo ul {
    margin-top: 10px;
    width: 100%;
    height: 200px;
}
.ditu .center .zuo ul li {
    width: 100%;
    height: 50px;
}
.ditu .center .zuo ul li p {
    line-height: 50px;
    margin-left: 20px;
}
.ditu .center .zuo ul li:first-child p::before {
    margin-right: 10px;
    font-family: 'icomoon';
    content: '\e947';
}
.ditu .center .zuo ul li:nth-of-type(2) p::before {
    margin-right: 10px;
    font-family: 'icomoon';
    content: '\e945';
}
.ditu .center .zuo ul li:nth-of-type(3) p::before {
    margin-right: 10px;
    font-family: 'icomoon';
    content: '\e942';
}
.ditu .center .zuo ul li:nth-of-type(4) p::before {
    margin-right: 10px;
    font-family: 'icomoon';
    content: '\e945';
}
.ditu .center .you {
    float: left;
    width: 60%;
    height: 100%;
}
.ditu .center .you img {
    float: left;
    width: 739px;
    height: 909px;
    margin-left: 10%;
    margin-top: 5%;
}