.swiper{
    width: 100%;
    height: 7.023rem;
}
.swiper  .el-carousel__container{
    height: 7.023rem;
    overflow: hidden;
}
.swiper .el-carousel__indicator--horizontal{
    padding: 0.094rem 0.078rem;
}
.swiper .el-carousel__button{
    width: 0.133rem;
    height: 0.133rem;
    background: #FFFFFF;
    border-radius: 50%;
    opacity: 0.5;
}
.swiperImg{
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.active{
    animation:myfirst_animate 3s linear ;
}
@keyframes myfirst_animate {
    0%{
        opacity: 0;

    }
    10%{
        opacity: 0;
        transform: scale(1.09);
    }
    10%{
        opacity: 0.1;
        transform: scale(1.08);
    }
    20%{
        opacity: 0.2;
        transform: scale(1.07);
    }
    30%{
        opacity: 0.4;
        transform: scale(1.06);
    }
    50%{
        opacity: 0.5;
        transform: scale(1.05);
    }
    60%{
        opacity: 0.6;
        transform: scale(1.04);
    }
    70%{
        opacity: 0.7;
        transform: scale(1.03);
    }
    80%{
        opacity: 0.8;
        transform: scale(1.02);
    }
    90%{
        opacity: 0.9;
        transform: scale(1.01);
    }

    100%{
        transform: scale(1);
        opacity: 1;
    }
}
.block{
    width: 100%;
    height: 100%;
    opacity: 0;
}
.block1{
    width: 100%;
    min-height: 8.000rem;
    height: 100%;
    background: url("../img/index/bg.png") no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 0.523rem 0 0.445rem 0;
}
.main{
    width: 10.938rem;
    margin: 0 auto;
}
.top{
    width: 100%;
    height: 0.406rem;
    display: flex;
    justify-content: space-between;
}
.title{
    font-weight: 700;
    font-size: 0.234rem;
    color: #303030;
}
.right_more{
    width: 0.688rem;
    height: 0.180rem;
    background: rgba(32, 154, 67, .8);
    border-radius: 0.086rem;
    font-weight: 400;
    font-size: 0.109rem;
    color: #FFFFFF;
    text-align: center;
    line-height: 0.180rem;
    cursor: pointer;
    margin-top: 0.227rem;
}
.bottom{
    width: 100%;
    min-height: 6.391rem;
    display: flex;
}
.bottom_left{
    width: 2.047rem;
    height: inherit;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    border: 1px solid #209A43;
    box-sizing: border-box;
}
.bottom_left1{
    height: auto;
}
.bottom_left_item{
    width: 100%;
    cursor: pointer;
}
.bottom_left_item_active::after{
    content: '';
    position: absolute;
    bottom: -0.063rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 0.039rem solid transparent;
    border-right: 0.039rem solid transparent;
    border-top: 0.063rem solid #209A43;
}
.bottom_left_item_top{
    background: #F4F4F4;
    width: 100%;
    height: 0.414rem;
    border-bottom: 1px solid #E0E0E0;
    box-sizing: border-box;
    padding: 0 0.227rem 0 0.273rem;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 0.141rem;
    color: #303030;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bottom_left_item_top:hover{
    background: #209A43!important;
    color: #FFFFFF!important;
}
.bottom_left_item_top1{
    background: #5F5F5F!important;
    height: 0.508rem;
}
.bottom_left_item_top1 .bottom_left_item_top_text{
    color: #FFFFFF!important;
}
.bottom_left_item_top_text{
    flex: 1;
    font-weight: 400;
    font-size: 0.141rem;
    color: #303030;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bottom_left_item_top_icon{
    font-size: 0.102rem;
    color: #FFFFFF;
}
.bottom_left_children{
    width: 100%;
    height: 100%;
}
.bottom_left_children_item{
    width: 100%;
    height: 0.352rem;
    border-bottom: 1px solid #E0E0E0;
    padding: 0 0.258rem;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 0.125rem;
    color: #333333;
    line-height: 0.352rem;
}
.bottom_left_children_item1{
    width: 100%;
    height: 0.406rem;
    border-bottom: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    box-sizing: border-box;
    display: flex;
}
.bottom_left_children_item1_left{
    width: 0.023rem;
    height: 100%;
    background: #209A43;
}
.bottom_left_children_item1_right{
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 0.125rem;
    color: #333333;
    line-height: 0.352rem;
    padding: 0 0.234rem;
}
.bottom_left_item_active{
    background: #209A43!important;
    border-bottom: none!important;
    position: relative;
}
.bottom_left_item_active  .bottom_left_item_top_text{
    color: #FFFFFF!important;
}
.bottom_left_item1_active{
    border-bottom: none;
    background: #209A43!important;
}
.children_active{
    color: #209A43!important;
}
.bottom_right{
    flex: 1;
    padding-left: 0.359rem;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.289rem;
    row-gap: 0.227rem;
    overflow: hidden;
}
.bottom_right_item{
    width: 2.648rem;
    height: 1.984rem;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    cursor: pointer;
}
.bottom_right_item:hover .bottom_right_item_top>img{
    transform: scale(1.1);
}
.bottom_right_item_top{
    width: 100%;
    height: 1.531rem;
    background: #C3C3C3;
    overflow: hidden;
}
.bottom_right_item_top img{
    width: 100%;
    height: 100%;
    transition: all .3s;
}
.bottom_right_item_bottom{
    width: 100%;
    height: 0.445rem;
    font-weight: 400;
    font-size: 0.141rem;
    color: #333333;
    text-align: center;
    line-height: 0.445rem;
    padding: 0 0.078rem;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.box1_top{
    margin-top: 0.445rem;
}
.box1_bottom{
    margin: 0.203rem 0 0.602rem 0;
}
.box2_bottom{
    margin-top: 0.234rem;
}
.img_box{
    width: 100%;
    height: 1.156rem;
    overflow: hidden;
}
.img_box>img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.block2{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding:  0.797rem 0 0.781rem 0;
    position: relative;
    opacity: 0;
}
.case{
    width: 100%;
    margin-top: 0.352rem;
}
.case_swiper{
    width: 100%;
    height: 3.211rem;
}
.case_item{
    width: 2.594rem;
    height: 2.266rem;
    background: #FFFFFF;
    box-shadow: 0rem 0.055rem 0.141rem 0rem rgba(0,0,0,0.1);
    cursor: pointer;
    position: absolute;
    z-index: 2;
}
.case_item_top{
    width: 100%;
    height: 1.617rem;
    overflow: hidden;
}
.case_item_top>img{
    width: 100%;
    height: 100%;
    transition: all .3s;
}
.case_item:hover .case_item_top>img{
    transform: scale(1.1);
}
.case_item:hover .case_item_bottom_box1{
    opacity: 1;
}
.case_item_bottom{
    width: 100%;
    height: 0.648rem;
    display: flex;
    flex-direction: column;
}
.case_item_bottom_text{
    flex: 1;
    box-sizing: border-box;
    padding-top: 0.164rem ;
    text-align: center;
    font-weight: 400;
    font-size: 0.141rem;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.case_item_bottom_box1{
    width: 100%;
    height: 0.297rem;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
}
.yuan{
    width: 0.016rem;
    height: 0.016rem;
    background: #999999;
}
.case_item_bottom_text1{
    font-weight: 400;
    font-size: 0.078rem;
    color: #999999;
    padding: 0 0.039rem;
}
.swiper_pagination{
    width: 100%;
    height: 0.953rem;
    z-index: 1!important;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0!important;
}
.swiper_pagination .swiper-pagination-bullet{
    width: 0.133rem;
    height: 0.133rem;
    background: rgba(32, 154, 67, .5);
    border-radius: 50%;
}
.swiper_pagination .swiper-pagination-bullet-active {
    background: #209A43;
}
.more1{
    width: 1.492rem;
    height: 0.383rem;
    background: linear-gradient(267deg, #D1C84D 0%, #209A43 100%);
    margin: 0 auto;
    cursor: pointer;
    border-radius: 0.195rem;
    position: relative;
}
.text{
    width: 100%;
    border-radius: 0.195rem;
    font-weight: 400;
    text-align: center;
    font-size: 0.141rem;
    color: #FFFFFF;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition:  all 0.3s;
}
.more1_icon{
    width: 0.297rem;
    height: 0.109rem;
    background: url("../img/index/icon3.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: -100%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition:  all 0.3s;
}
.more1:hover .more1_icon{
    left: 50%;
}
.more1:hover .text{
    left: 120%;
}
.case_right_img{
    width: 5.828rem;
    height: 3.648rem;
    background: url("../img/index/icon.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 2.344rem;
    right: 0;
}
.block3{
    width: 100%;
    height:100%;
    background: url("../img/index/bg1.png") no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 0.664rem 0 1.430rem 0;
}
.news_box{
    width: 100%;
    margin-top: 0.539rem;
    display: flex;
    column-gap: 0.531rem;
}
.news_box_item{
    flex: 1;
    opacity: 0;
}
.news_top{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.news_top_left_text{
    font-weight: 400;
    font-size: 0.234rem;
}
.color_text1{
    color: #303030;
}
.news_top_left_Icon{
    width: 2.109rem;
    height: 0.219rem;
}
.news_top_left_Icon img{
    width: 100%;
    height: 100%;
    display: block;
    margin: -0.141rem 0 0 0.164rem;
}
.news_top_left_Icon1{
    width: 3.375rem;
    height: 0.305rem;
}
.news_top_left_Icon1 img{
    width: 100%;
    height: 100%;
    display: block;
    margin: -0.219rem 0 0 0.133rem;
}
.color_text2{
    color: #209A43;
}
.news_top_right{
    font-weight: 400;
    font-size: 0.109rem;
    color: #8F8F8F
}
.news_bottom{
    width: 100%;
    margin-top: 0.141rem;
}
.news_bottom_item{
    width: 5.195rem;
    height: 0.273rem;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.news_bottom_item_left{
    width: 0.063rem;
    height: 0.063rem;
    background: #DADADA;
    border-radius: 50%;
}
.news_bottom_item_right{
    flex: 1;
    font-weight: 400;
    font-size: 0.141rem;
    color: #303030;
    box-sizing: border-box;
    padding:0 0.148rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.news_bottom_item_date{
    font-weight: 400;
    font-size: 0.125rem;
    color: #666666;
}
.news_bottom_item:hover .news_bottom_item_left{
    background: #209A43;
}
.news_bottom_item:hover .news_bottom_item_right{
    color: #289C44;
}
.news_bottom_item:hover .news_bottom_item_date{
    color: #209A43;
}
.topActive{
    animation: fadeInUp 0.8s both;
}
.leftActive{
    animation: fadeInLeft 2s both;
}
.rightActive{
    animation: fadeInRight 2s both;
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0 , 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,0 , 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}
.main_hide{
    opacity: 0;
}
.main_show{
    opacity: 1;
}
#index{
    overflow: hidden;
}
.page{
    justify-content: center;
}