.banner{
    height: 4.4rem;
    overflow: hidden;
    position: relative;
}

.banner img{
    height: 4.4rem;
}

.banner .banner-btn{
    bottom: 0.2rem;
    height: 0.04rem;
    display: flex;
    justify-content: center;
}

.banner .banner-btn span{
    display: block;
    width: 0.64rem;
    height: 0.04rem;
    border-radius: 0;
    margin: 0 0.04rem !important;
    background-color: #FFFFFF;
    opacity: 1;
}

.banner .banner-btn span.swiper-pagination-bullet-active{
    background-color: #E50012;
}

.year{
    width: 6.22rem;
    height: 8.02rem;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0.4rem 0;
    box-sizing: content-box;
}

.year li{
    width: 2.56rem;
    height: 1.82rem;
}

.year li .year_all{
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
}

.year li .year_all .year_num{
    text-align: center;
    font-size: 0.72rem;
    font-weight: bold;
    color: #E50012;
    float: left;
}
.year li .year_all .year_unit{
    font-size: 0.24rem;
    color: #E50012;
    margin-top: 0.38rem;
} 

.year li .word{
    line-height: 0.325rem;
    margin-top: 0.14rem;
    font-size: 0.26rem;
    text-align: center;
}

.serve{
    padding: 0.64rem 0;
}

.serve .serve_btn{
    width: 5.54rem;
    margin: auto;
    margin-top: 0.64rem;
    display: flex;
    justify-content: space-between;
}

.serve .serve_btn li{
    font-size: 0.28rem;
    font-weight: bold;
    text-align: center;
    color: #000000;
    cursor: pointer;
    transition: all 0.5s;
}

.serve .serve_btn li.hover{
    color: #E50012;
}

.serve .serve_btn li img{
    width: 0.8rem;
    height: 0.8rem;
    display: block;
    margin: auto;
    margin-bottom: 0.24rem;
    filter: grayscale(1) brightness(2);
}

.serve .serve_btn li.hover img{
    filter: grayscale(0) brightness(1);
}

.serve .serve_contert{
    width: 7rem;
    background: #F4F4F4;
    margin: auto;
    margin-top: 0.26rem;
    padding: 0.66rem 0.4rem 0.64rem;
    overflow: hidden;
}

.serve .serve_contert li{
    background: #F4F4F4;
}

.serve .serve_contert .serve_img{
    width: 6.28rem;
    height: 3.28rem;
    margin: auto;
}

.serve .serve_contert .serve_img .serve_img_left{
    width: 2.9rem;
    height: 3.26rem;
    float: left;
}

.serve .serve_contert .serve_img .serve_img_right{
    width: 2.9rem;
    height: 3.28rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    float: right;
}

.serve .serve_contert .serve_img .serve_img_right img{
    width: 2.9rem;
    height: 1.44rem;
    margin-bottom: 0.34rem;
}

.serve .serve_contert .serve_title{
    font-size: 0.32rem;
    font-weight: bold;
    margin-top: 0.4rem;
    color: #E50012;
}

.serve .serve_contert .serve_word{
    width: 6.2rem;
    height: 4.2rem;
    font-size: 0.26rem;
    color: #6D6D6D;
    margin-top: 0.24rem;
    line-height: 0.4rem;
}

.case{
    padding: 0.8rem 0.86rem 0.96rem;
    overflow: hidden;
}

.case .case_list{
    height: 8.02rem;
    margin: auto;
    margin-top: 0.64rem;
}

.case .case_list li{
    width: 5.16rem !important;
    height: 8.02rem;
    padding: 0.4rem;
    background-color: #FFFFFF;
    position: relative;
    margin:0 0.2rem ;
}

.case .case_list li .case_img{
    width: 4.36rem;
    height: 1.92rem;
    display: block;
    margin: auto;
}

.case .case_list li .date{
    width: 1.86rem;
    height: 0.66rem;
    font-size: 0.26rem;
    position: absolute;
    top: 1.98rem;
    left: 0.4rem;
    background-color: #E50012;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
}

.case .case_list li .case_title{
    font-size: 0.28rem;
    color: #000000;
    margin-top: 0.52rem;
    font-weight: bold;
}

.case .case_list li .case_word{
    font-size: 0.26rem;
    color: #5A5A5A;
    margin-top: 0.32rem;
    line-height: 0.4rem;
}

.case .case_list li .case_head{
    width: 1.44rem;
    height: 0.96rem;
    margin-top: 0.26rem;
    float: right;
    position: relative;
}

.case .case_list li .case_head .case_quotation{
    width: 0.48rem;
    height: 0.48rem;
    background-color: #E50012;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0;
}

.case .case_list li .case_head .case_quotation img{
    width: 0.28rem;
    height: 0.24rem;
}

.case .case_list li .case_head .case_head_img{
    width: 0.96rem;
    height: 0.96rem;
    display: block;
    float: right;
}

.news{
    padding-top: 0.58rem;
    padding-bottom: 0.84rem;
}

.news .news_list{
    width: 7rem;
    height: 10.64rem;
    margin: auto;
    margin-top: 0.64rem;
}

.news .news_list li{
    height: 2.42rem;
    background-color: #F0F0F0;
    padding: 0.32rem;
    margin-bottom: 0.32rem;
}

.news .news_list li img{
    float: left;
    width: 2.98rem;
    height: 1.78rem;
}

.news .news_list li .news_other{
    width: 3.1rem;
    height: 1.78rem;
    float: right;
}

.news .news_list li .news_other .news_title{
    font-size: 0.28rem;
    line-height: 0.48rem;
    color: #000000;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
}

.news .news_list li .news_date{
    font-size: 0.24rem;
    color: #6D6D6D;
    height: 0.63rem;
    margin-top: 0.4rem;
}