@charset "utf-8";
.logo-nav{ margin: 0 auto;}
.sub-list01{ margin: 0 -4px;}
.sub-list01 li a{ height: 60px; margin: 0 4px;}
.gp-ellipsis-2{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -ms-flexbox; /* IE 10 */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

/* 后加列表页二列*/
.gp-m15{ display: block;}
.zzq-img-responsive{
    width: 100%;
    height: 0;
    padding-bottom: 28.64%;
    overflow: hidden;
    display: block;
    background-color: #f5f4f0;
}
.zzq2{width:49%;float:left;margin-right:8px;}
.zzqf{position:relative;   margin: 20px 0;z-index: 0;}
.zzqz h3.gp-fwn {
position: absolute;
    top: 30%;
    left: 30%;
    color: #fff;
    z-index: 9999;
    font-size: 2.8rem;
    padding: 15px;
    background: #8d0808;
    width: 38%;
    text-align: center;opacity: 0.8;
}
select{ background: transparent;}


/* 响应式样式 */

@media screen and (max-width:11000px) {
    .zzqz h3.gp-fwn{
        font-size: 24px;
    }
}

@media screen and (max-width:900px) {
    .zzqz h3.gp-fwn{ padding: 15px 5px; font-size: 20px;}
}

@media screen and (max-width:767px) {
    .mode01, .mode04, .mode06{ margin: 0 auto;}
}

@media screen and (max-width:680px) {
    .zzqz h3.gp-fwn{ padding: 10px 5px; width: 45%; left: 50%; transform: translateX(-50%);}
}

@media screen and (max-width:580px) {
    .zzqz h3.gp-fwn{ font-size: 18px; width: 50%;}
}

@media screen and (max-width:478px) {
    .sub-list01 li a{ height: auto; padding: 15px;}
    .sub-list01 h3{ display: block;}
    .zzqf{ margin: 15px 0;}
}

@media screen and (max-width:375px) {
    .zzqf{ margin: 10px 0;}
}