.top-container {
    min-width: 1200px;
    height: 230px;
    background: url('/assets-zysyxx/img/dj-top-bg.jpg') center center no-repeat;
    background-size: 100% 100%;
}

.top-box {
    position: relative;
    margin: 0 auto 2px;
    width: 1200px;
    height: 230px;
    line-height: 230px;
}

.top-box > img {
    vertical-align: middle;
}
.nav-container {
    min-width: 1200px;
    background: #811224;
}

.nav-box {
    margin: 0 auto;
    width: 1200px;
    height: 54px;
}

.nav-box > li {
    position: relative;
    float: left;
    margin-left: 17px;
    width: 135px;
    height: 54px;
}

.nav-box > li > a {
    display: block;
    height: 54px;
    border-radius: 5px;
    transition: background-color 260ms, color 260ms;
    font-size: 20px;
    font-family: "Microsoft YaHei";
    color: #fff;
    line-height: 54px;
    text-align: center;
}

.nav-box > li:hover > a {
    background: #fff;
    color: #811224;
}

.nav-box > li:nth-child(1) {
    margin-left: 0;
    width: 136px;
}

.nav-list-down {
    visibility: hidden;
    opacity: 0;
    transform: translateY(5px);
    transition: all 260ms ease;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    font-size: 14px;
    color: #ffffff;
    z-index: 999;
}

.nav-box > li:hover .nav-list-down {
    visibility: visible;
    opacity: 1;
    transform: translateY(2px);
}

.nav-list-down > li {
    margin-bottom: 1px;
}

.nav-list-down > li > a {
    display: block;
    height: 50px;
    background: rgba(129,18,36,0.65);
    font-size: 20px;
    font-family: "Microsoft YaHei";
    color: #fff;
    border-radius: 5px;
    text-align: center;
    line-height: 50px;
}
.nav-list-down > li > a:hover {
    color: #811224;
    background: #fff;
}
.con-container {
    min-width: 1200px;
    min-height: 800px;
    background: url('/assets-zysyxx/img/dj-bg.jpg') no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}
.con-container:before {
    position: absolute;
    left: 0;
    top: 60%;
    margin-top: -371px;
    content: "";
    width: 100%;
    min-width: 1200px;
    height: 742px;
    background: url('/assets-zysyxx/img/dj-middle-bg.png') center center no-repeat;
    background-size: 100% 100%;
    z-index: 2;
}
.con-container:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    min-width: 1200px;
    height: 623px;
    background: url('/assets-zysyxx/img/dj-bottom-bg.png') no-repeat;
    background-size: 100% 100%;
    z-index: 2;
}
.con-box {
    position:relative;
    margin: 0 auto 485px;
    width: 1200px;
    z-index:4;
}

.footer-con {
    position:absolute;
    left:50%;
    bottom: 0;
    margin-left: -600px;
    width: 1200px;
    height: 417px;
    text-align:center;
    z-index:3;
}

.footer-ul {
    position: absolute;
    display:inline-block;
    left:53%;
    width: 360px;
    vertical-align:top;
}
.footer-ul.friendship {
    left:53%;
    width:280px;
    margin-left:-280px;
}
.footer-ul.friendship>li {
    line-height:38px !important;
}
.footer-ul > li {
    height: 32px;
    text-align: left;
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: #000;
    line-height: 30px;
    letter-spacing: 1px;
}
.footer-ul.friendship > li:before {
    margin-right: 8px;
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url('/assets-zysyxx/img/dj-link.png');
    vertical-align: 1px;

}
.footer-ul > li > a {
    font-size: 18px;
    font-family: "Microsoft YaHei";
    color:#000;

}
.footer-ul > li > a:hover {
    color: #811224;
}
.footer-con .blue {
    position: absolute;
    left: 50%;
    top: 224px;
    margin-left:-25px;
}



.con-map {
    height: 98px;
    border-bottom: 1px solid #b5b5b5;
    background: url('/assets-zysyxx/img/dj-home.png') 30px center no-repeat;
    line-height: 98px;
    text-indent: 60px;
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: #666;
}
.con-map >a {
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: #666;
}
.con-map > a:hover {
    text-decoration:underline;
}