.flex{display:flex;}
.flex-wrap{display:flex;flex-wrap:wrap;}
.flex-jcr{justify-content:space-between;}
.flex-jcc{justify-content:center;}
.flex-ait{align-items:flex-start;}
.flex-aic{align-items:center;}
.flex-aib{align-items:flex-end;}
.flex-jc{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}

.nav-height{background-color: #eee;}
.nav-wrap{width:100%;background:#eee;}
.nav-wrap .div2{width:1200px;margin:0 auto}
.nav-wrap.navFix {
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 0 0 5px rgba(0,0,0, 0.2);
    border-bottom: 1px solid #e3e3e3 \9;
    z-index: 99999;
    
}
.nav-wrap ul{}
.nav-wrap ul li{margin-right: 15px;}
.nav-wrap ul li a{height:54px;color:#19191a;position:relative;font-size: 14px;}
.nav-wrap ul li a p{position:absolute;left:0;bottom:0;background:#c00000;width:0;height:2px;}
.nav-wrap li a:hover{color: #19191a;}
.nav-wrap li a.active {color: #19191a;}
.nav-wrap li a.active p{width:100%;}
.nav-wrap .div2>a{width:120px;height:42px;border-radius:4px;background:#c00000;color:#fff;}
.container[data-v-9d4a6920] #extra-1 .content {
    padding-bottom: 0;
    padding-top: 0;
}

.w1200 {
    margin: 0 auto;
    max-width: 1200px;
    width: 84vw
}
/*xzzx*/
.xzzx{margin: 100px auto 120px auto;}
.xzzx-b{/* margin-bottom:30px; */}
.xzzx-b a{display:block;background:#f0f0f0;padding:40px 40px 43px 40px;width:calc((100% - 50px) / 3);margin:0 25px 50px 0;}
.xzzx-b a:nth-child(3n){margin-right:0;}
.xzzx-b a h3{font-size:24px;color:#000;margin-bottom:15px;}
.xzzx-b a p{margin-bottom:20px;color: #707070;font-size: 12px;line-height: 20px;}
.xzzx-b a dl{padding-top:33px;border-top:1px solid #ddd;font-size:18px;}
.xzzx-b a dl i{color: #c00000;text-decoration: none;list-style:none;font-style:normal;}
.xzzx-b a dl i img{margin-right:10px;}
.xzzx-b a dl span{color:#999;}
.xzzx-b a:hover h3{color: #c00000;}
/*xzzx*/

@keyframes slideDownIn-7cd50b6a {
    0% {
        display: block;
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes slideUpOut-7cd50b6a {
    0% {
        height: 100%
    }

    to {
        display: none;
        height: 0
    }
}

.container[data-v-7cd50b6a] {
    background-color: #f7f7f7
}

.bottomLine[data-v-7cd50b6a] {
    border-bottom: 1px solid #e5e5e5
}



@media (max-width: 1024px) {
    .w1200 {
        padding:0 24px;
        width: 100%
    }
}

@media (max-width: 768px) {
    .w1200 {
        padding:0 16px
    }
}

.content[data-v-7cd50b6a] {
    height: 100%;
    padding-bottom: 40px;
    padding-top: 40px;
    width: 100%
}

.content h2[data-v-7cd50b6a] {
    color: #19191a;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px
}

.content h2[data-v-7cd50b6a],.content p[data-v-7cd50b6a] {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    text-align: center
}

.content p[data-v-7cd50b6a] {
    color: #707070;
    font-size: 14px;
    line-height: 22px;
    padding-top: 12px
}

.content-padding[data-v-7cd50b6a] {
    padding: 0
}

.content-bottom[data-v-7cd50b6a] {
    padding-bottom: 0
}

@media (max-width: 1220px) {
    .w1200[data-v-7cd50b6a] {
        margin:0 auto;
        padding-left: 24px;
        padding-right: 24px;
        width: 100%
    }
}

@media (max-width: 960px) {
    .w1200[data-v-7cd50b6a] {
        padding-left:24px;
        padding-right: 24px;
        width: 100%
    }

    .content-padding[data-v-7cd50b6a] {
        padding: 0
    }

    .content-bottom[data-v-7cd50b6a] {
        padding-bottom: 0
    }
}

@media (max-width: 768px) {
    .w1200[data-v-7cd50b6a] {
        padding-left:16px;
        padding-right: 16px;
        width: 100%
    }

    .content[data-v-7cd50b6a] {
        padding-bottom: 35px;
        padding-top: 35px;
    }

    .content h2[data-v-7cd50b6a] {
        font-size: 20px
    }

    .content-padding[data-v-7cd50b6a] {
        padding: 0
    }

    .content-bottom[data-v-7cd50b6a] {
        padding-bottom: 0
    }
    .cycle .contain .step_list[data-v-5d31bf7b]{display:none;}
    .cycle .containM[data-v-5d31bf7b]{display:block!important;}
    .content-1 .container[data-v-7cd50b6a]{padding-bottom:0;}
    .content-1 .content[data-v-7cd50b6a] {
        padding-bottom: 0px;
        padding-top: 35px;
    }
    .nav-height{display:none;}
    .xzzx-b{justify-content:space-between}
    .xzzx-b a{width:100%}
	.xzzx-b a p{line-height:18px;}
}
.d-y{display:block;}
.d-x{display:none!important;}
@media screen and (max-width:1000px){
    .banner .main p[data-v-3825cbfb]{font-size: 12px;/* display:none; */line-height: 16px;}
    .banner .main h1[data-v-3825cbfb]{margin-bottom:0}
    .t-c{text-align:center!important;}
    .d-x{display:block!important;}
    .d-y{display:none!important;}
    .l-h{line-height:24px!important;}
    .l-h18{line-height:18px!important;}
    .w100{width: 100%!important;}
    .w30{width:calc(100% - 30px)!important;}
    .top_popupbox{width: 100%!important;max-width: 100%;}
    .h{height:auto!important;}
    .margin{margin:40px auto!important;}
    .margin0{margin:0!important}
    .margin1{margin:10px!important;}
    .margin2{margin:20px!important;}
    .margin3{margin:30px!important;}
    .margin4{margin:40px!important;}
    .m-l{margin-left:0!important}
    .m-l1{margin-left:10px!important}
    .m-l2{margin-left:20px!important}
    .m-l3{margin-left:30px!important}
    .m-l4{margin-left:40px!important}
    .m-r{margin-right:0px!important}
    .m-r1{margin-right:10px!important}
    .m-r2{margin-right:20px!important}
    .m-r3{margin-right:30px!important}
    .m-r4{margin-right:40px!important}
    .m-t{margin-top:0!important}
    .m-t1{margin-top:10px!important;}
    .m-t2{margin-top:20px!important;}
    .m-t3{margin-top:30px!important;}
    .m-t4{margin-top:40px!important;}
    .m-b{margin-bottom:0!important}
    .m-b1{margin-bottom:10px!important;}
    .m-b2{margin-bottom:20px!important;}
    .m-b3{margin-bottom:30px!important;}
    .m-b4{margin-bottom:40px!important;}

    .padding{padding:40px 15px!important;box-sizing:border-box;}
    .padding0{padding:0px!important;}
    .padding1{padding:10px!important;}
    .padding2{padding:20px!important;}
    .padding3{padding:30px!important;}
    .padding4{padding:40px!important;}
    .p-t{padding-top:0px!important;}
    .p-t1{padding-top:10px!important;}
    .p-t2{padding-top:20px!important;}
    .p-t3{padding-top:30px!important;}
    .p-t4{padding-top:40px!important;}
    .p-b{padding-bottom:0px!important;}
    .p-b1{padding-bottom:10px!important;}
    .p-b2{padding-bottom:20px!important;}
    .p-b3{padding-bottom:30px!important;}
    .p-b4{padding-bottom:40px!important;}
    .p-l{padding-left:0px!important;}
    .p-l1{padding-left:10px!important;}
    .p-l2{padding-left:20px!important;}
    .p-l3{padding-left:30px!important;}
    .p-l4{padding-left:40px!important;}
    .p-t{padding-top:0px!important;}
    .p-t1{padding-top:10px!important;}
    .p-t2{padding-top:20px!important;}
    .p-t3{padding-top:30px!important;}
    .p-t4{padding-top:40px!important;}
    .p-r{padding-right:0px!important;}
    .p-r1{padding-right:10px!important;}
    .p-r2{padding-right:20px!important;}
    .p-r3{padding-right:30px!important;}
    .p-r4{padding-right:40px!important;}

    .f-s12{font-size:12px!important}
    .f-s14{font-size:14px!important}
    .f-s16{font-size:16px!important}
    .f-s18{font-size:18px!important}
    .f-s20{font-size:20px!important}
    .f-s22{font-size:22px!important}
    .f-s24{font-size:24px!important}
    .f-s26{font-size:26px!important}
    .f-s28{font-size:28px!important}
}