/*nav */
.nav-item{

}
.nav-drop{
    width: 16rem;
    border-radius: 0 0 1rem 1rem;
    overflow: hidden;

    opacity: 0;
    max-height: 0px;
    position: absolute;
    transition: all 0.3s ease;
    padding-top: 2rem;
    left: -3.8rem;

}
.drop-item{
    background: #fff;
    border-top: 0.5rem solid #5AB37E;
}
.drop-item > div{
    padding: 2rem 0;
    cursor: pointer;
}
.nav-item:hover .nav-drop, .nav-drop:hover{
    opacity: 1;
    max-height: 100rem;
}

.drop-item > div:hover{
    transition: all 0.5s ease;
    background: #5AB37E;
    color: #fff;
}


.swiper-scrollbar{
    background: #FFFFFFAA !important;
}
.swiper-scrollbar-drag{
    background: #5AB37E !important;
}

/*.swiper-scrollbar {*/
    /*opacity: 1!important;*/
    /*display: block !important;*/
/*}*/


.swiper-pagination-bullet{
    background: #fff;
    opacity: 1;
}
.swiper-pagination-bullet-active{
    background: #5AB37E;
}


.swiper-pagination.w8 .swiper-pagination-bullet{
    width: 0.8rem;
    height: 0.8rem;
}
.img_hov:hover{
    transition: all 0.3s ease;
    margin-top: -4rem;
}
.img_hov:hover .more{
    transition: all 0.3s ease;
    height: 4rem !important;
    opacity: 1  !important;
}

.act_color3{
    color: #005FAC;
    background: #F5FBFF ;
    border-top: 0.5rem solid #005FAC !important;
}

.act_color4{
    color: #ffffff !important;
    background: #5AB37E !important;
}

.hv_act_font2:hover,.hv_act_font2:hover *{
    transition: color 0.3s ease;
    color: #5AB37E !important;
}

.color_fff{
    color: #fff !important;
}


.hv_act_font:hover,.hv_act_font:hover *{
    transition: color 0.3s ease;
    color: #5AB37E !important;
}


.hv_act_font .r0,.hv_act_font   .r0{
    display: block;
    opacity: 1;
    transition: color 0.3s ease;
}
.hv_act_font .r1,.hv_act_font   .r1{
    display: none;
    opacity: 0;
    transition: color 0.3s ease;
}
.hv_act_font:hover .r0,.hv_act_font:hover  .r0{
        display: none;
        opacity: 0;
}
.hv_act_font:hover .r1,.hv_act_font:hover   .r1{
        display: block;
        opacity: 1;
}

.hv_act_font img.scale{
    transition: all 0.3s ease;
}
.hv_act_font:hover img.scale{
    transform:scale(1.1);
    -ms-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
    -moz-transform:scale(1.1);
}



.hv{
    transition: all 0.3s ease;
}
.hv_act1:hover{
    color: #ffffff !important;
    background: #5AB37E !important;
}
.hv_act2:hover{
    color: #ffffff !important;
    background: #005FAC !important;
}
.hv_act3:hover{
    color: #005FAC;
    background: #F5FBFF ;
    border-top: 0.5rem solid rgba(16, 146, 255, 0.49) !important;
}

.ztc_sel{
    cursor: pointer;
}
.ztc_sel:hover{
    color: #ffffff !important;
    background: #005FAC !important;
}
.ztc_sel:hover *{
    color: #ffffff !important;
    background: #005FAC !important;
}
.ztc_sel:hover .sw_0{
    display: none;
}
.ztc_sel:hover .sw_1{
    display: block;
}

.swiper{
    --swiper-theme-color: #005FAC;/* 设置Swiper风格 */
    --swiper-preloader-color: #005FAC;/* 单独设置预加载圆圈的颜色 */
}

.tchbox * {
    transition: all 0.3s linear;
}
.tchbox  .tch_1{
    /*display: none;*/
}
.tchbox:hover  .t_avatar{
    transform:scale(1.1);
    -ms-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
    -moz-transform:scale(1.1);
}

.tchbox:hover .tch_0{
    z-index: 5;
    opacity: 0 !important;
    bottom: -10rem !important;
}

.tchbox:hover .tch_1{
    z-index: 15;
    opacity: 1 !important;
    bottom: 0 !important;
}



@keyframes hd {
    0% {
        transform: translateX(0rem);
    }
    50% {
        transform: translateX(0.9rem);
    }
    100% {
        transform: translateX(0rem);
    }
}

 .animation1:hover .hd{
    animation: hd 0.5s ease-out 0s infinite;
}


 .hv_act10:hover, .hv_act10:hover *{
     color: #ffffff !important;
     background: #5AB37E !important;
 }

.hv_act10 .sw_0{
    display: block;
}
.hv_act10 .sw_1{
    display: none;
}

.hv_act10:hover  .sw_0{
    display: none;
}
.hv_act10:hover  .sw_1{
    display: block;
}

.hv_act_font11:hover,.hv_act_font11:hover *{
    transition: color 0.3s ease;
    color: #e1ffed !important;
}


.fwb img{
    max-width: 100%;
}


.bimg{
    transition: all 0.3s ease;
    margin-top: 0;
}
.bimg:hover{
    margin-top: -2.4rem !important;
    padding-bottom: 2.4rem;

}
.bimg  .sw_1{
    display: none;
}
.bimg:hover .sw_0{
    display: none;
}
.bimg:hover .sw_1{
    display: block;
}