.list-container {
    min-height: 600px;
}

.list-container .right {
    padding-left: 312px;
    margin-bottom: 40px;
}

.list-container .left {
    width: 253px;
}

.list-container .left .menu-header {
    height: 40px;
    line-height: 40px;
}

.list-container .left .menu-header .content {
    display: inline-block;
}

.list-container .left .menu-header h3 {
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #000;
}

.list-container .left .menu1 {
    padding-top: 32px;
}

.list-container .left .menu1 .menu-item>a {
    display: block;
    height: 65px;
    line-height: 65px;
    font-size: 18px;
padding-left: 17px;
    color: #333;
    background: no-repeat right 23px center;
    background-image: url(../images/menu-icon.png);
    border-bottom: 1px solid #dcdddd;
}

.list-container .left .menu1 .menu-item .menu-down {
    display: none;
}

.list-container .left .menu1 .menu-item .menu-down .down-item a {
    display: block;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #333;
    padding-left: 42px;
    background: no-repeat left 23px center;
    background-image: url(../images/second-menu-icon.png);
    background-color: #e8e8e8;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.list-container .left .menu1 .menu-item .menu-down .menu-down .down-item a {
    line-height: 40px;
    height: 40px;
    padding-left: 65px;
    background-position: left 45px center;
}
.list-container .left .menu1>.selected>a,
.list-container .left .menu1>.parent>a {
    color: #fff;
    background: #003f88 no-repeat right 23px center;
    background-image: url(../images/menu-icon-hover.png);
}

.list-container .left .menu1>.selected .menu-down,
.list-container .left .menu1>.parent .menu-down {
    display: block;
}

.list-container .left .menu1>.selected .menu-down .selected a{
    color: #fff;
    font-weight: bold;
    background-image: url(../images/second-menu-icon-hover.png);
    background-color: #003f88;
}
.list-container .left .menu1>.parent .menu-down .parent a,
.list-container .left .menu1>.parent .menu-down .selected a {
 color: #003f88;
    background: no-repeat left 23px center;
background-color: #e8e8e8;
    background-image: url(../images/second-menu-icon1.png);
}
@media screen and (max-width:1600px) {
.list-container .left .menu-header h3{
    font-size: 32px;
}
}
@media screen and (max-width:1200px) {
    .list-container .left .menu-header h3{
        font-size: 28px;
    }
    .list-container .right{
        padding-left: 290px;
    }
    }
    @media screen and (max-width:1000px) {
        .list-container .left{
            float: none;
            margin-bottom: 40px;
        }
        .list-container .right{
            padding-left: 0;
        }
    }
    @media screen and (max-width:800px) {
        .list-container .left .menu-header h3{
            font-size: 24px;
        }
        .list-container .left .menu1{
            padding-top: 0;
        }
    }
    @media screen and (max-width:500px) {
        .list-container .left .menu-header h3{
            font-size: 22px;
        }
        .list-container .left .menu1 .menu-item>a{
            height: 55px;
            line-height: 55px;
            font-size: 16px;
        }
        .list-container .left .menu1 .menu-item .menu-down .down-item a{
            height: 50px;
            line-height: 50px;
            font-size: 14px;
        }
    }
    @media screen and (max-width:450px) {
        .list-container .left{
            width: 100%;
        }
    }