@charset "utf-8";
/*
 *	版本：1.0
	整理：Muze
	帮助：https://www.npc.ink/16585.html
 */
/*动效*/
.bbxz .bbxz_box .bbxz_content li:nth-child(1):hover:before, .bbxz .bbxz_box .bbxz_content li:nth-child(5):hover:before {
    background: #00dcc8;
}

.bbxz .bbxz_box .bbxz_content li:nth-child(1):hover, .bbxz .bbxz_box .bbxz_content li:nth-child(5):hover {
    background: #00dcc8;
}

.bbxz .bbxz_box .bbxz_content li:nth-child(2):hover, .bbxz .bbxz_box .bbxz_content li:nth-child(3):hover, .bbxz .bbxz_box .bbxz_content li:nth-child(4):hover {
    background: #00dcc8;
}

.bbxz .bbxz_box .bbxz_content li:nth-child(1):hover:after, .bbxz .bbxz_box .bbxz_content li:nth-child(5):hover:after {
    background: #00dcc8;
}
/**/


.bbxz .bbxz_box .bbxz_content li:nth-child(1):hover p, .bbxz .bbxz_box .bbxz_content li:nth-child(5):hover p {
    top: 55px;
}

@media screen and (max-width: 1600px) {
    .bbxz .bbxz_box .bbxz_content li:nth-child(1):hover .down, .bbxz .bbxz_box .bbxz_content li:nth-child(2):hover .down, .bbxz .bbxz_box .bbxz_content li:nth-child(3):hover .down, .bbxz .bbxz_box .bbxz_content li:nth-child(4):hover .down, .bbxz .bbxz_box .bbxz_content li:nth-child(5):hover .down {
        top: 67.5px;
    }
}
.bbxz .bbxz_box .bbxz_content li:nth-child(1):hover .down, .bbxz .bbxz_box .bbxz_content li:nth-child(5):hover .down {
    top: 90px;
    opacity: 1;
}

/*中间*/
@media screen and (max-width: 1600px) {
    .bbxz .bbxz_box .bbxz_content li:nth-child(1):hover p, .bbxz .bbxz_box .bbxz_content li:nth-child(2):hover p, .bbxz .bbxz_box .bbxz_content li:nth-child(3):hover p, .bbxz .bbxz_box .bbxz_content li:nth-child(4):hover p, .bbxz .bbxz_box .bbxz_content li:nth-child(5):hover p {
        top: 41.25px;
    }
}

.bbxz .bbxz_box .bbxz_content li:nth-child(2):hover p, .bbxz .bbxz_box .bbxz_content li:nth-child(3):hover p, .bbxz .bbxz_box .bbxz_content li:nth-child(4):hover p {
    top: 55px;
}

@media screen and (max-width: 1600px) {
    .bbxz .bbxz_box .bbxz_content li:nth-child(1):hover .down, .bbxz .bbxz_box .bbxz_content li:nth-child(2):hover .down, .bbxz .bbxz_box .bbxz_content li:nth-child(3):hover .down, .bbxz .bbxz_box .bbxz_content li:nth-child(4):hover .down, .bbxz .bbxz_box .bbxz_content li:nth-child(5):hover .down {
        top: 67.5px;
    }
}
.bbxz .bbxz_box .bbxz_content li:nth-child(2):hover .down, .bbxz .bbxz_box .bbxz_content li:nth-child(3):hover .down, .bbxz .bbxz_box .bbxz_content li:nth-child(4):hover .down {
    top: 90px;
    opacity: 1;
}
/*图标*/
.bbxz .bbxz_box .bbxz_content li:nth-child(1):hover .icon.icon1, .bbxz .bbxz_box .bbxz_content li:nth-child(5):hover .icon.icon1 {
    background: url("818d215c0d8b9b0e.png") center no-repeat;
}

.bbxz .bbxz_box .bbxz_content li:nth-child(2):hover .icon2, .bbxz .bbxz_box .bbxz_content li:nth-child(3):hover .icon2, .bbxz .bbxz_box .bbxz_content li:nth-child(4):hover .icon2 {
    background: url("c6489e5e1537b40b.png") center no-repeat;
}

.bbxz .bbxz_box .bbxz_content li:nth-child(2):hover .icon3, .bbxz .bbxz_box .bbxz_content li:nth-child(3):hover .icon3, .bbxz .bbxz_box .bbxz_content li:nth-child(4):hover .icon3 {
    background: url("ea5902f0f5703903.png") center no-repeat;
}

.bbxz .bbxz_box .bbxz_content li:nth-child(2):hover .icon4, .bbxz .bbxz_box .bbxz_content li:nth-child(3):hover .icon4, .bbxz .bbxz_box .bbxz_content li:nth-child(4):hover .icon4 {
    background: url("eddd4830fb93f1c3.png") center no-repeat;
    background-size: 90%;
    background-position-y: 8px;
}

.bbxz .bbxz_box .bbxz_content li:nth-child(1):hover .icon.icon5, .bbxz .bbxz_box .bbxz_content li:nth-child(5):hover .icon.icon5 {
    background: url("f9c62f55e55650ed.png") center no-repeat;
    background-size: 90%;
    background-position-y: 18px;
}
/**/
@media screen and (max-width: 1600px) {
    .bbxz {
        padding-top: 22.5px;
    }
}
.bbxz {
    position: relative;
    width: 100%;
    padding-top: 30px;
    overflow: hidden;
}

.bbxz:before {
    top: 0;
    background: #020305 url("e414e695a1ede483.png") no-repeat center center;
}
.bbxz:before, .bbxz:after {
    content: "";
    width: 1920px;
    height: 22px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-size: 100% 100%;
    z-index: 10;
}

.tit.s1 {
    background: url("af32fdedeb371818.png") center no-repeat;
    color: #24253a;
}

@media screen and (max-width: 1600px)
.tit {
    font-size: 21px;
}
.tit {
    position: relative;
    width: 197px;
    height: 40px;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 auto;
    z-index: 9;
}

.tit_mini.s1 {
    color: #24253a;
}
@media screen and (max-width: 1600px) {
    .tit_mini {
        font-size: 16.5px;
    }
}


.tit_mini {
    position: relative;
    text-align: center;
    width: 150px;
    margin: -2px auto;
    color: #fff;
    font-size: 22px;
    z-index: 9;
}

@media screen and (max-width: 1600px) {
    .bbxz .bbxz_box {
        height: 215px;
    }
}

.bbxz .bbxz_box {
    width: 100%;
    height: 260px;
}

@media screen and (max-width: 1600px) {
    .bbxz .bbxz_box .bbxz_content {
        margin: 31.5px auto 0;
    }
}

.bbxz .bbxz_box .bbxz_content {
    margin: 0 auto;
    width: 1200px;
    margin: 42px auto 0;
    z-index: 2;
}

@media screen and (max-width: 1600px) {
    .bbxz .bbxz_box .bbxz_content li {
        height: 237px;
    }
}
.bbxz .bbxz_box .bbxz_content li {
    position: relative;
    float: left;
    width: 236px;
    height: 282px;
    background: #f1f1f5;
    transition: all .2s;
    margin-right: 4px;
}

li {
    list-style: none;
}

@media screen and (max-width: 1600px) {
    .bbxz .bbxz_box .bbxz_content li:first-child:before {
        height: 215px;
    }
}

.bbxz .bbxz_box .bbxz_content li:first-child:before {
    display: block;
    content: "";
    transform: translateX(-355px);
    width: 360px;
    height: 282px;
    transition: all .2s;
    background: #f1f1f5;
}

@media screen and (max-width: 1600px) {
    .bbxz .bbxz_box .bbxz_content p {
        top: 56.25px;
    }
}

.bbxz .bbxz_box .bbxz_content p {
    top: 75px;
}
.bbxz .bbxz_box .bbxz_content p, .bbxz .bbxz_box .bbxz_content .down, .bbxz .bbxz_box .bbxz_content span, .bbxz .bbxz_box .bbxz_content .icon {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: all .2s;
}

@media screen and (max-width: 1600px) {
    .bbxz .bbxz_box .bbxz_content .down {
        top: 52.5px;
        line-height: 22.5px;
        padding: 0 15px;
    }
}


.bbxz .bbxz_box .bbxz_content .down {
    top: 70px;
    color: #24253a;
    border-radius: 50px;
    background: #fff;
    line-height: 30px;
    padding: 0 20px;
    opacity: 0;
}

.bbxz .bbxz_box .bbxz_content .icon.icon1 {
    background: url("ec9e9169eac7fce4.png") center no-repeat;
}
@media screen and (max-width: 1600px) {
    .bbxz .bbxz_box .bbxz_content .icon {
        top: 105px;
    }
}

.bbxz .bbxz_box .bbxz_content .icon {
    top: 140px;
    width: 76px;
    height: 76px;
}

/*2*/
.bbxz .bbxz_box .bbxz_content .icon.icon2 {
    background: url("2c78812c275b3493.png") center no-repeat;
}

/*3*/
.bbxz .bbxz_box .bbxz_content .icon.icon3 {
    background: url("a6f491ee38444f75.png") center no-repeat;
}

/*4*/
.bbxz .bbxz_box .bbxz_content .icon.icon4 {
    background: url("fcea37a43babf8e1.png") center no-repeat;
    background-size: 90%;
    background-position-y: 8px;
}

/*5*/
.bbxz .bbxz_box .bbxz_content .icon.icon5 {
    background: url("4ac3bc5ce7330ac1.png") center no-repeat;
    background-size: 90%;
    background-position-y: 18px;
}

@media screen and (max-width: 1600px) {
    .bbxz .bbxz_box .bbxz_content li:last-child:after {
        height: 215px;
    }
}
.bbxz .bbxz_box .bbxz_content li:last-child:after {
    display: block;
    content: "";
    transform: translateX(235px);
    width: 380px;
    height: 282px;
    transition: all .2s;
    background: #f1f1f5;
}

.bbxz:after {
    bottom: 0;
    background: url("47693b02fb918b4a.png") no-repeat center center;
}
.bbxz:before, .bbxz:after {
    content: "";
    width: 1920px;
    height: 22px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-size: 100% 100%;
    z-index: 10;
}