.tabbox {
    margin: 0;
    margin-bottom: 100px;
}

.content {
    margin-top: 50px;
}

.content .active .tabbox {
    width: 100%;
    font-size: 14px;
    color: #666666;
    line-height: 30px;
}

.alzs {
    margin: 50px 0;
    border-bottom: 1px solid #dfdfdf;
    background-color: #fff;
}

.alzs li {
    float: left;
    width: 10%;
    margin: 20px 3.1% 0;
    font-size: 18px;
    color: #707070;
    text-align: center;
}

.alzs li a {
    display: block;
    height: 40px;
}

.alzs li a:hover {
    color: #333;
}

.alzs .active a {
    color: #3CACC7;
    border-bottom: 1px solid #3CACC7;
}

.alzs .active:hover {
    color: #3CACC7;
}

/* .tabbox .content > div {
            display: none;
        }*/

.tabbox .content > div.active {
    display: block;
}

.alzs-left {
    width: 13%;
    margin-right: 5%;
    float: left;
}

.alzs-left li {
    border: 1px solid #3CACC7;
    height: 50px;
    margin-bottom: 10px;
    text-align: center;
    line-height: 50px;
}

.alzs-left .active {
    background-color: #3CACC7;
    color: #fff;
}

.alzs-left .active a {
    color: #fff !important;
}

.alzs-left li a {
    display: block;
}

.alzs-left li a:hover {
    color: #fff;
    background-color: #3CACC7;
}

.alzs-right {
    width: 82%;
    margin-top: 0;
    float:left;
}

.alzs-right li {
    width: 31.33%;
    float: left;
    margin-right: 3%;
    margin-bottom: 50px;
}

.alzs-right li:nth-child(3n) {
    margin-right: 0;
}

.alzs-right li a {
    display: block;
    width: 100%;
}

.alzs-right li a img {
    width: 100%;
}

.alzs-right li h2 {
    width: 100%;
    margin-top: 15px;
    text-align: center;
}

.alzs-right li h2 a {
    display: block;
    width: 100%;
}

.alzs-right li h2 a:hover {
    color: #3CACC7;
}

.alzs-left ul {
    display: none;
}

@media(max-width:1366px) and (min-width:1200px) {
    .tabbox {
        margin-bottom: 50px;
    }
}

@media(max-width:1440px) and (min-width:1367px) {
    .tabbox {
        margin-bottom: 70px;
    }
}