@charset "UTF-8";
/*!
 * XinHua Javascript Library
 * XhPicSlideM - v1.0.0 (2016-09-05)
 * author zf
 */
 .swiper-container .cover:after,
 .swiper-container .swiper-slide .info .btn:before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAA8BAMAAACQrVdYAAAAA3NCSVQICAjb4U/gAAAALVBMVEX///////////////////////////////////////////////////////////+g0jAFAAAAD3RSTlMAESIzRFVmd4iZqrvM3e5GKvWZAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFnRFWHRDcmVhdGlvbiBUaW1lADEwLzE4LzE22tty1QAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACwSURBVCiRY2CAAJYnDHAQkxMAY3IcZDwBY89mcOCeAGFyT+C6BeSDATPjTs6NzFA1OgUMNQoQJtsRoKnHIGweAyBhw0BVgGwmsl3IbkB2G7Kbkf0C9CMT3I/IfmdgeUxdFzMwzEQwpVdthDGZbzD0GkDZcQEMrE8hTPbLQMK2AMRkXCMAIk+BSB2IuzkPAR34DGpmngMIQcwEChbBzVQnz0wGhJlgADETCtQpDQVaAgC2cjMdMOA57QAAAABJRU5ErkJggg==) no-repeat}
.swiper-container { width:100%; height:100%; color:#fff; font:normal 4vw/1.5 "PingFang SC", "Lantinghei SC","Helvetica Neue", "Helvetica",  "Arial","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","STHeitiSC-Light","simsun","宋体" ,"WenQuanYi Zen Hei","WenQuanYi Micro Hei","sans-serif"}
.swiper-container-vertical>.swiper-pagination { top:auto; right:auto; bottom:-10px; left:10px;}
.swiper-container .swiper-slide { position: relative; background:rgba(0,0,0,0.5); display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center}
.swiper-container .swiper-slide img { position:relative; top:-10%; width:100%}
.swiper-container .cover img { top:auto}
.swiper-container .cover:after { position:absolute; bottom:10px; left:50%; margin-left:-11px; width:22px; height:17px; opacity:0; content:""; background-position:center -30px; -webkit-animation:coverUp 2s ease 0s infinite; animation:coverUp 2s ease 0s infinite}
.swiper-container .swiper-slide .info { position:absolute; bottom:0; left:0; padding:3% 3% 10%; width:94%; max-height:40%; text-align:left; background:rgba(0,0,0,0.5)}
.swiper-container .swiper-slide .info .title,
.swiper-container .swiper-slide .info .abstract { text-indent:2em}
.swiper-container .swiper-slide .info .btn { position:absolute; right:10px; bottom:11px; height:17px; font-style:normal; font-size:12px; color:#fff; text-align:center}
.swiper-container .swiper-slide .info .btn:before { content:"收起"; display:inline-block; padding-right:15px; background-position:right -11px}
.swiper-container .swiper-slide .collect .btn:before { content:"展开"; background-position:right 4px}
.swiper-container .swiper-slide .collect .abstract { position:relative; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden}
.swiper-container .bg { position:absolute; width:100%; height:100%; z-index:0; background-position:top center; background-repeat:no-repeat; background-size:cover; -webkit-filter:blur(10px); -moz-filter:blur(10px); -ms-filter:blur(10px); filter:blur(10px)}
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(0,100%,0) rotate3d(0,0,1,-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0) rotate3d(0,0,1,-120deg);
        -ms-transform: translate3d(0,100%,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(0,100%,0) rotate3d(0,0,1,-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        -ms-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
@-webkit-keyframes diyAnimation {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    }
}
@keyframes diyAnimation {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -ms-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -ms-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    }
}
.diyAnimation {
    -webkit-animation-name: diyAnimation;
    animation-name: diyAnimation
}

@-webkit-keyframes coverUp {
    0% {
        opacity: 0;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
    }

    50% {
        opacity: 1;
        -webkit-transform:translate3d(0,-20px,0);
        transform:translate3d(0,-20px,0);
    }

    100% {
        opacity: 0;
        -webkit-transform:translate3d(0,-40px,0);
        transform:translate3d(0,-40px,0);
    }
}