body {
}
input {
    background-color: transparent;
    border: 0;
}
button {
    margin: 0;
    padding: 0;
    border: 0.052083vw solid transparent;
    outline: none;
    background-color: transparent;
}

button:active {
    opacity: 0.6;
}
.flex-col {
    display: flex;
    flex-direction: column;
}
.flex-row {
    display: flex;
    flex-direction: row;
}
.justify-start {
    display: flex;
    justify-content: flex-start;
}
.justify-center {
    display: flex;
    justify-content: center;
}

.justify-end {
    display: flex;
    justify-content: flex-end;
}
.justify-evenly {
    display: flex;
    justify-content: space-evenly;
}
.justify-around {
    display: flex;
    justify-content: space-around;
}
.justify-between {
    display: flex;
    justify-content: space-between;
}
.align-start {
    display: flex;
    align-items: flex-start;
}
.align-center {
    display: flex;
    align-items: center;
}
.align-end {
    display: flex;
    align-items: flex-end;
}
a{
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
.text-reveal {
    opacity: 0;
    transform: translateY(5.208333vw);
    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.card-image-reveal {
    opacity: 0;
    transform: scale(0.8);
    transition: all 1s ease-out;
}

.card-image-reveal.animate {
    opacity: 1;
    transform: scale(1);
}
.text-reveal.animate {
    opacity: 1;
    transform: translateY(0);
}
/* 方向动画类 */
.card-image-reveal.top {
    transform: translateY(-5.208333vw);
}

.card-image-reveal.top.animate {
    transform: translateY(0);
}

.card-image-reveal.bottom {
    transform: translateY(5.208333vw);
}

.card-image-reveal.bottom.animate {
    transform: translateY(0);
}

.card-image-reveal.left {
    transform: translateX(-5.208333vw);
}

.card-image-reveal.left.animate {
    transform: translateX(0);
}

.card-image-reveal.right {
    transform: translateX(5.208333vw);
}

.card-image-reveal.right.animate {
    transform: translateX(0);
}
.w-1200{
    width: 62.500000vw;
    margin: 0 auto;
}
.box_1 {
    background-image: url(../images/zxjg/fbf475f70ccf4c648ed188860bbfdd52_mergeImage.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 56.250000vw;
    width: 100%;
    position: relative;
}
.bsjb-bg{
    width: 100%;
    height: 35.937500vw;
    background: linear-gradient( 180deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
    position: absolute;
    top: 0;
    left: 0;
}
.group_1 {
    width: 62.500000vw;
    height: 19.895833vw;
    margin: 15.468750vw 0 0;
}

.block_1 {
    width: 27.708333vw;
    height: 19.062500vw;
    margin-top: 0.104167vw;
}

.image_1 {
    width: 12.343750vw;
    height: 2.708333vw;
}

.text-group_1 {
    width: 27.708333vw;
    height: 14.218750vw;
    margin-top: 2.135417vw;
}

.text_1 {
    width: 24.791667vw;
    height: 1.770833vw;
    overflow-wrap: break-word;
    color: rgba(32, 45, 64, 1);
    font-size: 1.770833vw;
    font-family: DingTalk-JinBuTi, serif;
    text-align: left;
    white-space: nowrap;
    line-height: 1.770833vw;
}

.text_2 {
    width: 25.416667vw;
    height: 2.916667vw;
    overflow-wrap: break-word;
    color: rgba(234, 72, 104, 1);
    font-size: 0.937500vw;
    font-family: MicrosoftYaHei;
    text-align: left;
    line-height: 1.458333vw;
    margin-top: 0.833333vw;
}

.text_3 {
    width: 27.708333vw;
    height: 7.291667vw;
    overflow-wrap: break-word;
    color: rgba(98, 110, 128, 1);
    font-size: 0.729167vw;
    font-family: MicrosoftYaHeiLight;
    text-align: justify;
    line-height: 1.458333vw;
    margin-top: 1.406250vw;
}

.block_2 {
    width: 32.343750vw;
    height: 19.895833vw;
}

.image-wrapper_1 {
    width: 1.666667vw;
    height: 3.802083vw;
    margin: 9.322917vw auto 0;
}

.image_2 {
    width: 1.666667vw;
    height: 3.802083vw;
}
.mouse_ani{
    animation: bounce 2s ease-in-out infinite;
    @keyframes bounce {
        0%, 100% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-1.041667vw);
        }
    }
}
.group_2 {
    height: 22.916667vw;
    width: 35.104167vw;
    background-image: url(../images/xyxj/img_xyxj1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 29.687500vw;
    top: 15.468750vw;
}

.box_3 {
    background-image: url(../images/xyxj/img_bjxyxj2.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 56.250000vw;
    margin-top: -0.104167vw;
    width: 100%;
}

.group_9 {
    position: relative;
    width: 69.270833vw;
    height: 32.708333vw;
    background: url(../images/xyxj/img_bjtyxyxj.svg) no-repeat;
    margin: 11.041667vw auto 0;
    display: flex;
    padding: 0 3.385417vw;
    box-sizing: border-box;
    background-size: 100% 100%;
}
.group_9 > img{
    width: 35.104167vw;
    height: 23.645833vw;
    margin-top: 5.885417vw
}

.image-text_15 {
    width: 26.093750vw;
    height: 14.895833vw;
    margin: 9.687500vw 2.500000vw 0 0;
}

.label_1 {
    width: 2.500000vw;
    height: 2.500000vw;
    margin-left: 0.052083vw;
}

.text-group_18 {
    width: 26.093750vw;
    height: 11.562500vw;
    margin-top: 0.833333vw;
}

.text_12 {
    width: 7.083333vw;
    height: 1.770833vw;
    overflow-wrap: break-word;
    color: rgba(32, 45, 64, 1);
    font-size: 1.770833vw;
    font-family: DingTalk-JinBuTi, serif;
    text-align: left;
    white-space: nowrap;
    line-height: 1.770833vw;
    margin-left: 0.052083vw;
}

.paragraph_1 {
    width: 26.093750vw;
    height: 8.750000vw;
    overflow-wrap: break-word;
    color: rgba(98, 110, 128, 1);
    font-size: 0.729167vw;
    font-family: MicrosoftYaHeiLight;
    text-align: justify;
    line-height: 1.458333vw;
    margin-top: 1.041667vw;
}
.box_3.img_left .group_9{
    flex-direction: row-reverse;
}
.box_3.img_left .group_9 .image-text_15{
    margin-left:  2.500000vw;
    margin-right: 0;
}
.box_3.img_bjxyxj3{
    background-image: url(../images/xyxj/img_bjxyxj3.jpg);
}


.box_15 {
    background-image: url(../images/xyxj/f92a9e7b449d4623a17283dd9aa7b885_mergeImage.png);
    height: 56.250000vw;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.block_4 {
    height: 40.885417vw;
    width: 58.333333vw;
    margin: 9.270833vw auto 0;
    position: relative;
}
.image_4fk {
    position: absolute;
    top: 0;
    left: 0;
    height: 40.885417vw;
    width: 58.333333vw;
    transform: scale(0);
    opacity: 0;
    transition: all 0.5s;
    transition-delay: 0.5s;
}
.box_21 {
    width: 58.333333vw;
    height: 10.000000vw;
    margin:0;
    position: relative;
}

.group_25 {
    width: 15.729167vw;
    height: 14.062500vw;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all 0.5s;
    transition-delay: 1s;
}

.image_4 {
    width: 5.000000vw;
    height: 5.000000vw;
}

.text-wrapper_5 {
    width: 100%;
    height: 3.750000vw;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: DingTalk-JinBuTi, serif;
    text-align: center;
    line-height: 1.875000vw;
    margin-top: 1.250000vw;
}

.text_17 {
    width: 9.166667vw;
    height: 3.750000vw;
    overflow-wrap: break-word;
    color: rgba(32, 45, 64, 1);
    font-size: 1.145833vw;
    font-family: DingTalk-JinBuTi, serif;
    text-align: left;
    line-height: 1.875000vw;
}

.text_18 {
    width: 9.166667vw;
    height: 3.750000vw;
    overflow-wrap: break-word;
    color: rgba(223, 51, 77, 1);
    font-size: 2.812500vw;
    font-family: DingTalk-JinBuTi, serif;
    text-align: left;
    line-height: 1.875000vw;
}

.paragraph_4 {
    width: 9.166667vw;
    height: 3.750000vw;
    overflow-wrap: break-word;
    color: rgba(32, 45, 64, 1);
    font-size: 2.812500vw;
    font-family: MicrosoftYaHei-Bold;
    font-weight: 700;
    text-align: left;
    line-height: 1.875000vw;
}

.text_19 {
    width: 9.166667vw;
    height: 3.750000vw;
    overflow-wrap: break-word;
    color: rgba(32, 45, 64, 1);
    font-size: 1.145833vw;
    font-family: DingTalk-JinBuTi, serif;
    text-align: left;
    line-height: 1.875000vw;
}

.image-text_19 {
    width: 8.958333vw;
    height: 8.958333vw;
}

.image_5 {
    width: 5.000000vw;
    height: 5.000000vw;
    margin-left: 1.979167vw;
}

.text-group_6 {
    width: 100%;
    height: 3.020833vw;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: DingTalk-JinBuTi, serif;
    text-align: right;
    line-height: 1.875000vw;
    margin-top: 0.937500vw;
}

.text_20 {
    width: 8.958333vw;
    height: 3.020833vw;
    overflow-wrap: break-word;
    color: rgba(32, 45, 64, 1);
    font-size: 1.145833vw;
    font-family: DingTalk-JinBuTi, serif;
    text-align: left;
    line-height: 1.875000vw;
}

.text_21 {
    width: 8.958333vw;
    height: 3.020833vw;
    overflow-wrap: break-word;
    color: rgba(223, 51, 77, 1);
    font-size: 2.812500vw;
    font-family: Arial-BoldMT;
    text-align: left;
    white-space: nowrap;
    line-height: 1.875000vw;
}

.text_22 {
    white-space: nowrap;
    overflow-wrap: break-word;
    color: rgba(223, 51, 77, 1);
    font-size: 1.093750vw;
    font-family: DingTalk-JinBuTi, serif;
    text-align: left;
    line-height: 1.875000vw;
}

.paragraph_5 {
    width: 8.958333vw;
    height: 3.020833vw;
    overflow-wrap: break-word;
    color: rgba(32, 45, 64, 1);
    font-size: 1.093750vw;
    font-family: DingTalk-JinBuTi, serif;
    text-align: left;
    line-height: 1.875000vw;
}

.text_23 {
    width: 8.958333vw;
    height: 3.020833vw;
    overflow-wrap: break-word;
    color: rgba(32, 45, 64, 1);
    font-size: 1.093750vw;
    font-family: DingTalk-JinBuTi, serif;
    text-align: left;
    line-height: 1.093750vw;
}

.box_22 {
    width: 13.229167vw;
    height: 13.229167vw;
    margin: 2.812500vw 0 0 22.552083vw;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s;
    position: relative;
}

.box_16 {
    height: 13.229167vw;
    background: url(../images/xyxj/img_qt.svg)
    100% no-repeat;
    background-size: 100% 100%;
    width: 13.229167vw;
}

.image_6 {
    width: 16.666667vw;
    height: 3.645833vw;
    margin: 4.583333vw 0 0 -1.979167vw;
}

.box_23 {
    width: 58.333333vw;
    height: 10.781250vw;
    margin: 0;
    position: relative;
}

.image-text_20 {
    width: 12.916667vw;
    height: 9.739583vw;
    margin-top: 0.260417vw;
}

.image_7 {
    width: 5.000000vw;
    height: 5.000000vw;
    margin-left: 3.958333vw;
}

.text-group_7 {
    width: 12.916667vw;
    height: 3.750000vw;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: DingTalk-JinBuTi, serif;
    text-align: right;
    line-height: 1.875000vw;
    margin-top: 0.989583vw;
}

.text_24 {
    width: 12.916667vw;
    height: 3.750000vw;
    overflow-wrap: break-word;
    color: rgba(32, 45, 64, 1);
    font-size: 1.145833vw;
    font-family: DingTalk-JinBuTi, serif;
    text-align: left;
    line-height: 1.875000vw;
}

.text_25 {
    width: 12.916667vw;
    height: 3.750000vw;
    overflow-wrap: break-word;
    color: rgba(223, 51, 77, 1);
    font-size: 2.812500vw;
    font-family: DingTalk-JinBuTi, serif;
    text-align: left;
    line-height: 1.875000vw;
}

.paragraph_6 {
    width: 12.916667vw;
    height: 3.750000vw;
    overflow-wrap: break-word;
    color: rgba(32, 45, 64, 1);
    font-size: 1.093750vw;
    font-family: DingTalk-JinBuTi, serif;
    text-align: left;
    line-height: 1.875000vw;
}

.text_26 {
    width: 12.916667vw;
    height: 3.750000vw;
    overflow-wrap: break-word;
    color: rgba(32, 45, 64, 1);
    font-size: 1.145833vw;
    font-family: DingTalk-JinBuTi, serif;
    text-align: left;
    line-height: 1.875000vw;
}

.image-text_21 {
    width: 13.125000vw;
    height: 10.781250vw;
}

.image_8 {
    width: 5.052083vw;
    height: 5.052083vw;
    margin-left: 4.062500vw;
}

.text-group_22 {
    width: 13.125000vw;
    height: 4.791667vw;
    margin-top: 0.937500vw;
}

.text_27 {
    width: 6.875000vw;
    height: 1.875000vw;
    overflow-wrap: break-word;
    color: rgba(32, 45, 64, 1);
    font-size: 1.145833vw;
    font-family: DingTalk-JinBuTi, serif;
    text-align: right;
    white-space: nowrap;
    line-height: 1.875000vw;
}

.text_28 {
    width: 13.125000vw;
    height: 2.812500vw;
    overflow-wrap: break-word;
    color: rgba(223, 51, 77, 1);
    font-size: 2.812500vw;
    font-family: DingTalk-JinBuTi, serif;
    text-align: right;
    white-space: nowrap;
    line-height: 2.812500vw;
    margin-top: 0.104167vw;
}
#xyxj-last-ani.animate{

}
#xyxj-last-ani.animate .group_25{
    opacity: 1;
}
#xyxj-last-ani.animate .image_4fk{
    transform: scale(1);
    opacity: 1;
}
#xyxj-last-ani.animate .box_22{
    opacity: 1;
    transform: scale(1);
}
.block_53 {
    width: 20.572917vw;
    height: 2.500000vw;
    margin: 2.187500vw 0 0 0;
}

.text-wrapper_1 {
    border-radius: 0.208333vw;
    height: 2.500000vw;
    border: 0.052083vw solid rgba(218, 42, 67, 1);
    width: 9.895833vw;
    cursor: pointer;
}
.left-btn {
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow-wrap: break-word;
    color: rgba(218, 42, 67, 1);
    font-size: 0.937500vw;
    text-align: center;
    white-space: nowrap;
    line-height: 2.500000vw;
    color: #DA2A43;
}

.text-wrapper_2 {
    height: 2.500000vw;
    width: 9.895833vw;
    background-color: #DA2A43;
    border-radius: 0.208333vw;
}

.text_4 {
    height: 2.500000vw;
    width: 9.895833vw;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 0.937500vw;
    font-family: MicrosoftYaHei;
    text-align: center;
    white-space: nowrap;
    line-height: 2.500000vw;
}