/**!
 * 许昌两会专题
 * author: shenyh;
 * date:2017-06-10
 */


/* 图片轮播 */

.ewb-slider-item {
    max-width: 900px;
    margin: 0px auto 0;
    position: relative;
}

.ewb-slider-item .caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 9px 0 9px 9px;
    font-size: 12px;
    line-height: 12px;
    background: url("../images/mask_bg.png");
}

.ewb-slider-item .caption-tt {
    display: block;
    width: 50%;
    color: #fff;
    font-weight: bold;
    z-index: 1000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ewb-slider-item img {
    height: 316px;
}


/* 自定义分页导航 */

#slider2-pager {
    position: absolute;
    right: 3px;
    bottom: 6px;
    z-index: 3;
    height: 18px;
}

#slider2-pager li {
    float: left;
    background: #898989;
    width: 25px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    margin-right: 3px;
}

#slider2-pager li a {
    display: block;
    width: 25px;
    height: 18px;
    color: #fff;
    font-size: 12px;
}

#slider2-pager .ewb-rslides-cur a {
    background: #ff8202;
    color: #fff;
}


/* phone */

@media (max-width: 767px) {
    .ewb-mod .ewb-colu-bd {
        height: auto;
    }
    .ewb-slider-item img {
        height: auto;
    }
}


.ewb-gv-slider {
    height: 81px;
    position: relative;
}

.ewb-gv-slider.two {
    margin-top: 20px;
    height: 237px;
}

.wb-left-btn,
.wb-right-btn {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    width: 24px;
    height: 52px;
    cursor: pointer;
    z-index: 999;
}

.ewb-gv-slider:hover .wb-left-btn,
.ewb-gv-slider:hover .wb-right-btn {
    display: block;
}

.wb-left-btn {
    left: 0;
    background: url(../images/prev_btn.png) no-repeat;
}

.wb-left-btn:hover {
    background: url(../images/prev_btn_hover.png) no-repeat;
}

.wb-right-btn {
    right: 0;
    background: url(../images/next_btn.png) no-repeat;
}

.wb-right-btn:hover {
    right: 0;
    background: url(../images/next_btn_hover.png) no-repeat;
}

.ewb-slider-box {
    height: 81px;
    overflow: hidden;
}

.ewb-slider-box2 {

    overflow: hidden;
}

.wb-gv-items {
    margin-right: -20px;
    overflow: hidden;
}

.wb-gv-items li {
    float: left;
}

.ewb-gv-box {
    /* margin-right: 20px; */
    width: 195px;
}

.wb-gv-img {
    display: block;
   width: 175px;
    height: 237px;
}

.ewb-gv-slider.two .ewb-gv-box,
.ewb-gv-slider.two .wb-gv-img {
    /* width: 353px; */
}

.ewb-gv-slider.two .wb-left-btn,
.ewb-gv-slider.two .wb-right-btn {
    display: none;
}

@media (min-width: 768px) and (max-width: 1140px) {

    .ewb-gv-slider.two,
    .ewb-gv-slider.two .ewb-slider-box {
        height: auto;
    }

    .ewb-gv-slider.two .wb-gv-items li {
        width: 33.3333333333333%;
    }

    .ewb-gv-slider.two .ewb-gv-box {
        width: auto;
        height: auto;
    }

    .ewb-gv-slider.two .ewb-gv-box a,
    .ewb-gv-slider.two .wb-gv-img {
        display: block;
        margin: 0 auto;
        width: 100%;
        max-width: 353px;
        height: auto;
    }

    .ewb-slider-box2 {
        height: 81px;
        overflow: hidden;
    }
}

@media (max-width: 767px) {

    .ewb-gv-slider,
    .ewb-gv-slider.two {
        margin-top: 10px;
    }

    .ewb-gv-slider.two {
        height: 260px;
    }

    .ewb-gv-slider.two .ewb-gv-box,
    .ewb-gv-slider.two .wb-gv-img {
        width: 344px;
        padding-top: 5px;
    }

    .ewb-gv-slider.two .wb-left-btn,
    .ewb-gv-slider.two .wb-right-btn,
    .wb-left-btn,
    .wb-right-btn {
        display: block;
    }

    .ewb-slider-box2 {
        max-width: 373px;
        margin: 0 auto;
        overflow: hidden;
    }
}
