@media only screen and (min-width:961px) {

    /* 透明度变化的元素初始化 */
    .common-title,
    .common-subhead,
    .gyyt-space>h5,
    .jytd-center {
        opacity: 0;
    }

    /* 位移 从左到右 的元素初始化*/
    .dbys .img_list .img_a,
    .kctx_pc,
    .jytd-center-top .jct_l,
    .jytd-center-bottom .jcb_l,
    .bkapp-info,
    .bkapp-button {
        opacity: 0;
    }

    /* 位移 从右到左 的元素初始化*/
    .dbys .img_list .img_b,
    .kctx-center .r,
    .jytd-center-top .jct_r,
    .jytd-center-bottom .jcb_r,
    .bkapp-right {
        opacity: 0;
    }


    /* 位移 从下往上 的元素初始化 */
    .lxpt-list-item,
    .btn-list>button,
    .mfkc-list-item,
    .common-advisory-btn,
    .gyyt .list_a .item,
    #bd-banner .swiper-slide {
        opacity: 0;
    }


    /* 透明度变化 */
    .animation-transparency {
        opacity: 0;
        transition: opacity 1.5s;
    }

    .animation-transparency.an-active {
        opacity: 1;
    }

    /* 位移 从左到右 */
    .animation-translation-fr.an-active {
        opacity: 1 !important;
        animation: translation-fr 0.9s ease 0s 1;
    }

    .animation-translation-fr {
        opacity: 0 !important;
        animation: translation-fr-rm 0.9s ease 0s 1;
    }

    @keyframes translation-fr {
        from {
            opacity: 0;
            transform: translateX(-20vw);
        }

        to {
            opacity: 1;
            transform: translateX(0);
        }
    }

    @keyframes translation-fr-rm {
        from {
            opacity: 1;
            transform: translateX(0);
        }

        to {
            opacity: 0;
            transform: translateX(-20vw);
        }
    }

    /* 位移 从右到左 */
    .animation-translation-rf.an-active {
        opacity: 1 !important;
        animation: translation-rf 0.9s ease 0s 1;
    }

    .animation-translation-rf {
        opacity: 0 !important;
        animation: translation-rf-rm 0.9s ease 0s 1;
    }

    @keyframes translation-rf {
        from {
            opacity: 0;
            transform: translateX(20vw);
        }

        to {
            opacity: 1;
            transform: translateX(0);
        }
    }

    @keyframes translation-rf-rm {
        from {
            opacity: 1;
            transform: translateX(0);
        }

        to {
            opacity: 0;
            transform: translateX(20vw);
        }
    }

    /* 位移 从下往上 */
    .animation-translation-bt.an-active {
        opacity: 1 !important;
        animation: translation-bt 0.9s ease 0s 1;
    }

    .animation-translation-bt {
        opacity: 0 !important;
        /* animation: translation-bt-rm 0.9s ease 0s 1; */
    }

    @keyframes translation-bt {
        from {
            opacity: 0;
            transform: translateY(60px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes translation-bt-rm {
        from {
            opacity: 1;
            transform: translateY(0);
        }

        to {
            opacity: 0;
            transform: translateY(60px);
        }
    }
}