@media (max-width: 767px) {
    .main {
        width: 100%;
        height: auto;
        margin: 1rem 0 0 0;
        background: #e3ca8c;
    }
    .area .container {
        position: relative;
        padding: .75rem 0 0 0;
    }
    .area {
        padding: 1rem 0 0 0;
    }
    /**/
    .banner {
        width: 100%;
        height: 11.6rem;
        background: url(../images/11.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .bannerWrp {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        position: relative;
        box-sizing: border-box;
        padding: 8.5rem 0 0 0;
    }
    .aBooking {
        display: block;
        width: 2.3rem;
        height: .7rem;
        background: url(../images/booking.png) no-repeat;
        background-size: 100% 100%;
        margin: 0 auto;
    }
    .aVideo {
        display: block;
        width: .58rem;
        height: .54rem;
        /*	background: url(../images/btnVideo.png) no-repeat;
	background-size: 100% 100%;*/
        position: absolute;
        left: calc(50% - .99rem);
        top: 6.8rem;
        opacity: 0;
    }
    .ban_text_wrp {
        padding: .5rem 0 0 .6rem;
    }
    .ban_text {
        width: .3rem;
        height: 2.7rem;
        margin: 0 .13rem 0 0;
        opacity: 0;
    }
    .ban_1 {
        background: url(../images/ban_1.png) no-repeat;
        background-size: 100% 100%;
    }
    .ban_2 {
        background: url(../images/ban_2.png) no-repeat;
        background-size: 100% 100%;
    }
    .ban_3 {
        background: url(../images/ban_3.png) no-repeat;
        background-size: 100% 100%;
    }
    .ban_4 {
        background: url(../images/ban_4.png) no-repeat;
        background-size: 100% 100%;
    }
    .ban_5 {
        background: url(../images/ban_5.png) no-repeat;
        background-size: 100% 100%;
    }
    .ban_6 {
        background: url(../images/ban_6.png) no-repeat;
        background-size: 100% 100%;
    }
    .ban_7 {
        background: url(../images/ban_7.png) no-repeat;
        background-size: 100% 100%;
    }
    .ban_8 {
        background: url(../images/ban_8.png) no-repeat;
        background-size: 100% 100%;
    }
    .arrow {
        display: block;
        width: 1.35rem;
        height: .4rem;
        background: url(../images/mob/arrow.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        left: calc(50% - .675rem);
        bottom: -30px;
        /*bottom: calc(100vh - 10)*/
        animation: next 2s linear;
        -webkit-animation: next 2s linear;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        display: none;
    }
    @keyframes next {
        0% {
            bottom: -30px;
        }
        50% {
            bottom: -50px;
        }
        100% {
            bottom: -30px;
        }
    }
    @-webkit-keyframes next {
        0% {
            bottom: -30px;
        }
        50% {
            bottom: -50px;
        }
        100% {
            bottom: -30px;
        }
    }
    /**/
    .title {
        width: 2.5rem;
        height: .55rem;
        margin: .5rem auto .5rem;
        position: absolute;
        left: calc(50% - 1.25rem);
        top: 0;
        z-index: 10;
    }
    .title_jmjq {
        background: url(../images/title_jmjq.png) no-repeat;
        background-size: 100% 100%;
    }
    .title_zczy {
        background: url(../images/title_zczy.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .title_zywed {
        background: url(../images/title_zywed.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .title_syhg {
        background: url(../images/title_syhg.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .title_jdyt {
        background: url(../images/title_jdyt.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .title_zsfc {
        background: url(../images/title_zsfc.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .title_media {
        background: url(../images/title_media.jpg) no-repeat;
        background-size: 100% 100%;
    }
    /**/
    .area1 {
        margin: -3.2rem auto 0;
    }
    .areaWrp {
        width: 6.9rem;
        height: auto;
        padding: .3rem .1rem;
        margin: 0 auto;
        border-radius: .1rem;
        position: relative;
        border: 2px solid #842300;
        background: transparent;
    }
    .areaNav {
        width: 100%;
        height: .36rem;
        padding: 0 .13rem;
        margin: .3rem 0 .1rem;
        position: relative;
    }
    .areaNav dl a {
        width: 1.68rem;
        height: .36rem;
        line-height: .36rem;
        box-sizing: border-box;
        margin: 0 .3rem;
        text-align: center;
        font-size: 14px;
        color: #8e3334;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        border-left: 2px solid #882400;
        border-right: 2px solid #882400;
    }
    .areaNav dl a.areaNav_on {
        font-weight: bold;
        color: #c52b00;
    }
    .areaNav4 {
        background: #e2d3d3;
        border-radius: .38rem;
    }
    .areaNav4:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
    }
    .areaNav4:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
    }
    .areaNav2 {}
    .areaNav2:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
    }
    .areaNav2:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
    }
    .areaNav2 dl a {
        width: 1.68rem;
        height: .56rem;
        line-height: .56rem;
        border-radius: .28rem;
        box-sizing: border-box;
        margin: 0 .3rem;
        text-align: center;
        background: #fff;
        font-size: 14px;
        color: #070707;
        border: 1px solid #8e3334;
    }
    .areaNav2 dl a.areaNav_on {
        background: #8e3334;
        color: #fff;
    }
    .areaNav2 dl span {
        width: 1.68rem;
        height: .56rem;
        line-height: .56rem;
        border-radius: .28rem;
        box-sizing: border-box;
        margin: 0 .3rem;
        text-align: center;
        background: #fff;
        font-size: 12px;
        color: #070707;
        border: 1px solid #8e3334;
        cursor: pointer;
        position: relative;
    }
    .areaNav2 dl span:before {
        /*    content: '';
    display: block;
    width: .1rem;
    height: .1rem;
    border-left: 1px solid #8e3334;
    border-top: 1px solid #8e3334;
    transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
    position: absolute;
    left: calc(50% - .05rem);
    top: calc(50% - .05rem);*/
    }
    .areaCon {
        display: none;
    }
    /**/
    .areaArt {}
    .areaArt article {
        height: 5.6rem;
        padding: .3rem .1rem;
        overflow: hidden;
    }
    .areaArt article p {
        text-indent: 2em;
        font-size: .28rem;
        color: #853e25;
        line-height: 1.6;
        padding: 0 0 .06rem 0;
    }
    .areaArt article h1 {
        font-size: .3rem;
        color: #853e25;
        line-height: 1.6;
        /*font-weight: 600;*/
        font-weight: bold;
    }
    .areaArt article h2 {
        font-size: .28rem;
        color: #853e25;
        line-height: 1.6;
        /*font-weight: 550;*/
        font-weight: bold;
    }
    /*.area1 .areaArt article h1{
	font-size: .32rem;
	color: #853e25;
	line-height: 1.6;
	font-weight: 500;
}

.area1 .areaArt article h2{
	font-size: .28rem;
	color: #853e25;
	line-height: 1.6;
	font-weight: 500;
}
*/
    a.aMore {
        display: block;
        /*text-align: center;*/
        color: #fff;
        width: 1rem;
        height: .45rem;
        line-height: .45rem;
        box-sizing: border-box;
        position: relative;
        margin: 0 auto;
        background: #842300;
        border-radius: .225rem;
        margin: .2rem auto 0;
        padding: 0 0 0 .23rem;
    }
    a.aMore:after {
        content: '';
        display: block;
        width: .18rem;
        height: .18rem;
        border-top: 2px solid #fff;
        border-left: 2px solid #fff;
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        position: absolute;
        left: calc(50% - .09rem);
        top: .1rem;
    }
    a.aMore.aMore_on {}
    a.aMore.aMore_on:after {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        top: .2rem;
    }
    /**/
    .areaWrp2 {
        padding: .3rem 0 0 0;
    }
    .area2Con {
        width: 6.5rem;
        height: 9.8rem;
        margin: 0 auto;
    }
    .area2Con::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: #8e3334;
    }
    .area2Con::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 10px;
        background: #8e3334;
    }
    .area2Con .imgswitCon {
        width: 6.5rem;
        height: 9rem;
        overflow: hidden;
    }
    .area2Con ul {
        display: none;
        width: auto;
        height: 9rem;
        background: url(../images/mob/bg_area2.jpg) repeat-x;
        background-size: auto 100%;
        box-sizing: border-box;
        padding: .2rem 0 0 0;
    }
    .area2Con ul:after {
        content: '';
        display: block;
        clear: both;
    }
    .area2Con li {
        width: 6.5rem;
        height: 9rem;
        float: left;
    }
    .area2Con li:after {
        content: '';
        display: block;
        clear: both;
    }
    .area2Con li dl {
        width: 2.7rem;
        height: 4.2rem;
        margin: 0 .18rem;
        float: left;
    }
    .zyzc_more {
        cursor: pointer;
    }
    .area2Con li dt {
        width: 2.7rem;
        height: 3.23rem;
        margin: 0 0 .3rem 0;
    }
    .area2Con li dt img {
        width: 100%;
    }
    .area2Con li dd {
        color: #853e25;
        font-size: 13px;
        text-align: center;
    }
    /**/
    .area4Con3 {}
    .area4Con3 .imgswitCon {
        width: 5.8rem;
        height: 7rem;
        overflow: hidden;
        margin: .36rem auto;
    }
    .area4Con3 .imgswitCon ul {
        width: auto;
        height: 7rem;
    }
    .area4Con3 .imgswitCon ul:after {
        content: '';
        display: block;
        clear: both;
    }
    .area4Con3 .imgswitCon li {
        width: 5.8rem;
        height: 7rem;
        float: left;
    }
    .area4Con3 .imgswitCon dl {
        width: 5.8rem;
        height: 7rem;
        position: relative;
    }
    .area4Con3 .imgswitCon dd {
        width: 100%;
        height: auto;
        box-sizing: border-box;
        padding: .1rem .2rem;
        color: #393939;
        font-size: .28rem;
        line-height: 1.6;
    }
    .area4Con3 .imgswitCon dd em {
        font-size: .6rem;
        color: #934a4b;
        padding: 0 .4rem 0 0;
    }
    .area4Con3 a.aIsLeft {
        left: 45px;
    }
    .area4Con3 a.aIsRight {
        right: 45px;
    }
    .area4Con2 {
        margin: .3rem auto;
        padding: 0 .1rem;
        display: block;
    }
    .area4Con2 dl {
        width: 100%;
        height: 1rem;
        margin: 0 0 .3rem 0;
        position: relative;
        border: 0.02rem solid #842400;
        box-sizing: border-box;
    }
    .area4Con2 dl dt {
        width: 1rem;
        height: 0.96rem;
        box-sizing: border-box;
    }
    .area4Con2 dl dt .aControl {
        width: 1rem;
        height: 0.96rem;
        border: .08rem solid #842400;
        box-sizing: border-box;
    }
    .aControl i {
        width: .3rem;
        height: .3rem;
        position: relative;
        margin: 0 0 0 .1rem;
    }
    .aControl i:before {
        content: '';
        display: block;
        width: 0px;
        height: 0px;
        border-left: 12px solid #842400;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
    }
    .aConPlay {}
    .aConPause {}
    .aConPlay i:before {
        content: '';
        display: block;
        width: 0px;
        height: 0px;
        border-left: 12px solid #842400;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
    }
    .aConPause i:before {
        content: '';
        display: block;
        width: 5px;
        height: 15px;
        background: #842400;
        position: absolute;
        left: 0;
        top: 0;
        border: none;
    }
    .aConPause i:after {
        content: '';
        display: block;
        width: 5px;
        height: 15px;
        background: #842400;
        position: absolute;
        left: 7px;
        top: 0;
    }
    .aConPause i {
        margin: 0 0 0 .05rem;
    }
    .area4Con2 dl dd {
        width: calc(100% - 1rem);
        height: 0.96rem;
        box-sizing: border-box;
        position: relative;
    }
    .mp3_progress {
        /*width: 100%;*/
        width: 0;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: #ccb26e;
    }
    .mp3_text {
        width: 100%;
        height: 100%;
        padding: 0 0 0 .15rem;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10;
    }
    .area4Con2 dl dd h4 {
        display: block;
        width: 100%;
        height: .35rem;
        box-sizing: border-box;
        position: relative;
        margin: .15rem 0 0 0;
        color: #853e25;
    }
    .area4Con2 dl dd span {
        display: block;
        width: 100%;
        height: .35rem;
        box-sizing: border-box;
        position: relative;
        color: #853e25;
        font-size: .24rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .area4Con1 {
        margin: .5rem auto;
    }
    .area4_con1_wrp {
        width: 6.15rem;
        height: 4.2rem;
        margin: 0 auto;
        box-sizing: border-box;
        position: relative;
    }
    .area4_con1_list_wrp {
        width: 6.15rem;
        height: 4.2rem;
        overflow: hidden;
    }
    .area4_con1_list {
        width: 18.45rem;
        height: 4.2rem;
    }
    .area4_con1_list:after {
        content: '';
        clear: both;
    }
    .area4_con1_list dl {
        width: 6.15rem;
        height: 4.2rem;
        cursor: pointer;
        float: left;
        position: relative;
    }
    .area4_con1_list dl dt {
        width: 6.15rem;
        height: 4.2rem;
    }
    .area4_con1_list dl dd {}
    .area4Con1 .imgswitInd {
        position: absolute;
        bottom: -.6rem;
    }
    /*  媒体之声 */
    .area5 {
        width: 100%;
        height: auto;
    }
    .area5 .container {
        width: 100%;
        height: auto;
        margin: 0;
    }
    .area5 .areaWrp {
        margin: 0 auto 1rem;
    }
    .area3 .areaWrp {
        margin: 0 auto .5rem;
    }
    .mediaWrp {
        width: 100%;
        height: auto;
        margin: 0 auto .4rem;
        display: block;
    }
    .mediaWrp dl {
        padding: 0 .7rem;
    }
    .mediaWrp dl a {
        display: block;
        width: 100%;
        min-height: 1.2rem;
        padding: .28rem 0;
        height: auto;
        border-bottom: 1px dashed #7f7f7f;
        font-size: 16px;
        color: #292929;
        margin: 0 0 .12rem 0;
    }
    .mediaWrp dl a span {
        display: block;
        color: #9a0109;
    }
    /**/
    .area6 {
        padding: 0 0 .4rem 0;
    }
    .area6Con {
        display: block;
    }
    .area6Con ul {
        padding: .3rem .2rem 0 .2rem;
    }
    .area6Con ul li {
        width: 100%;
        height: auto;
        margin: 0 0 .5rem 0;
    }
    .area6Con ul li dt {
        font-size: .32rem;
        color: #853e25;
        line-height: 1;
        font-weight: bold;
        position: relative;
        height: .28rem;
        line-height: .28rem;
        margin: 0 0 .18rem 0;
    }
    .area6Con ul li dt i {
        width: .09rem;
        height: .28rem;
        background: #c52802;
        margin: 0 .16rem 0 0;
    }
    .area6Con ul li dd {
        font-size: .28rem;
        color: #853e25;
        line-height: 1.5;
        text-indent: 2em;
    }
    /**/
    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 120px);
        -ms-transform: translate(0, 120px);
        -o-transform: translate(0, 120px);
        transform: translate(0, 120px);
    }
    .modal-body {}
    .modal-body video {
        width: 100%;
    }
    /**/
    .imgswitInd {
        position: absolute;
        bottom: .2rem;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;
    }
    .imgswitInd dl {}
    .imgswitInd dl a {
        display: inline-block;
        width: .16rem;
        height: .16rem;
        margin: 1px 3px;
        text-indent: -999px;
        cursor: pointer;
        /*    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);*/
        background: #aa977b;
        border-radius: .08rem;
        cursor: default;
    }
    .imgswitInd dl a.active {
        width: .16rem;
        height: .16rem;
        background: #8e3334;
        margin: 1px 3px;
    }
    /**/
    .aNav .icon_bar {
        width: 65%;
        height: .06rem;
    }
    .headerWrp {
        padding: 0;
    }
    .logo {
        display: block;
        width: 3.2rem;
        margin-right: 39px;
    }
    .header {
        padding: 0 .3rem;
    }
    .header dd {
        width: auto;
    }
    .aNav {
        margin-left: .1rem;
    }
    .aNav.aNavOn .icon_bar {
        background: #dc4240;
    }
    /**/
    /**/
    .ban_anim_delay_1 {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
        -webkit-animation-name: fadeInLeft2;
        animation-name: fadeInLeft2;
    }
    .ban_anim_delay_2 {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
        -webkit-animation-name: fadeInLeft2;
        animation-name: fadeInLeft2;
    }
    .ban_anim_delay_3 {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
        -webkit-animation-name: fadeInLeft2;
        animation-name: fadeInLeft2;
    }
    .ban_anim_delay_4 {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-delay: 0.6s;
        animation-delay: 0.6s;
        -webkit-animation-name: fadeInLeft2;
        animation-name: fadeInLeft2;
    }
    .ban_anim_delay_5 {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-delay: 0.7s;
        animation-delay: 0.7s;
        -webkit-animation-name: fadeInLeft2;
        animation-name: fadeInLeft2;
    }
    .ban_anim_delay_6 {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
        -webkit-animation-name: fadeInLeft2;
        animation-name: fadeInLeft2;
    }
    .ban_anim_delay_7 {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s;
        -webkit-animation-name: fadeInLeft2;
        animation-name: fadeInLeft2;
    }
    .ban_anim_delay_8 {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        -webkit-animation-name: fadeInLeft2;
        animation-name: fadeInLeft2;
    }
    .ban_anim_delay_9 {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-name: zoomInUp2;
        animation-name: zoomInUp2;
    }
    .ban_anim_delay_10 {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-delay: 1.2s;
        animation-delay: 1.2s;
        -webkit-animation-name: fadeInLeft2;
        animation-name: fadeInLeft2;
    }
    @-webkit-keyframes fadeInLeft2 {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    @keyframes fadeInLeft2 {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    .fadeInLeft2 {
        -webkit-animation-name: fadeInLeft2;
        animation-name: fadeInLeft2;
    }
    @-webkit-keyframes zoomInUp2 {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
        100% {
            opacity: 1;
        }
    }
    @keyframes zoomInUp2 {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
        100% {
            opacity: 1;
        }
    }
    .zoomInUp2 {
        -webkit-animation-name: zoomInUp2;
        animation-name: zoomInUp2;
    }
    @-webkit-keyframes fadeInUp2 {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 50px, 0);
            transform: translate3d(0, 50px, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    @keyframes fadeInUp2 {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 50px, 0);
            transform: translate3d(0, 50px, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    .fadeInUp2 {
        -webkit-animation-name: fadeInUp2;
        animation-name: fadeInUp2;
    }
}